/* Start of CMSMS style sheet 'BikeForum' */
/******* INITIAL SETTINGS *******/

body {
   text-align: left;
   font-family: Verdana, Geneva, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
   background: #000;
   color: #333;
   margin: 0;
   padding: 0;
}
div {
   font-size: 1em;
}
img {
   border: 0;
}
a, a:link, a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #ff0702;
}
a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #ff0702;
}
a:hover {
   text-decoration: none;
   color: #ff0702;
}
ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

/*********** MAIN MENU ***********/
#mainmenuwrapper {
   height: 38px;
   margin: 0 auto;
   width: 960px;
}
#mainmenu {
   background: url(uploads/layout/menuback.png) no-repeat;
   margin-left: 10px;
   width: 940px;
   height: 38px;
}
#mainmenu ul {
   display: block;
   float: left;
   margin: 0;
   height: 38px;
}
#mainmenu ul li {
   float: left;
   display: block;
   padding: 0 15px;
   margin: 0;
   height: 38px;
   background: url(uploads/layout/menudiv.png) no-repeat center right;
}
#mainmenu ul li a {
   color: #fff;
   font-size: 14px;
   text-decoration: none;
   margin-top: 12px;
   display: block;
}
#mainmenu li.currentpage a {
   font-weight: bold;
}

/*********** HEADER ***********/

div#headerwrapper {
   padding-top: 7px;
}
div#header {
   position: relative;
   height: 76px;
   margin: 0 auto;
   width: 960px;
}
div#indexmain_wrapper {
   margin: 0 auto;
   width: 960px;
   height: 290px;
   background: transparent url(uploads/layout/index-swaptop.png) no-repeat left bottom;
}
div#indexmain_fade {
   float: left;
   display: inline;
   width: 499px;
   height: 290px;
}
div#indexmain_text {
   float: left;
   width: 450px;
   height: 147px;
   background: transparent url(uploads/layout/indexmain_text.gif) no-repeat  20% bottom;
}
div#indexmain_logos {
   float: left;
   width: 450px;
   height: 110px;
   background: transparent url(uploads/layout/indexmain_logos.gif) no-repeat center bottom;
}
div#homelink {
   float: left;
   height: 65px;
   width: 250px;
   margin: 0 auto;
   background: url(uploads/layout/logo.png) no-repeat 13px bottom;
}
div#homelink a {
   display: block;
   width: 250px;
   height: 65px;
   text-indent: -999em;
   text-decoration:none;
}

div#nytavattu {
   position: absolute;
   top: 0;
   right: 80px;
   height: 60px;
   width: 150px; 
   background: url(uploads/images/nytavattu.png) no-repeat;
   z-index: 9999; 
}

/******* CONTENT *******/

div#contentwrapper {
   width: 940px;
   margin: 0 auto;
}
div#pagewrapper {
   background: #000 url(uploads/layout/back.gif);
}
div#backfixwrapper {
   background: url(uploads/layout/fadeback.png) repeat-x;
}
div#main {
   float: left;
   width: 670px;
   padding: 20px;
}
div#main img {
   padding: 0 5px 10px 0;
}
div#main_submenu {
   float: right;
   width: 670px;
   padding: 5px 19px;
   margin: 10px 0;
   border-left: 1px dotted #ccc;
}
#content {
   background: #fff;
   float: left;
}
#content_main {
   float: left;
   background: #fff url(uploads/layout/contentwrappertop.gif) repeat-x;
}
#index #content {
   background: #fff url(uploads/layout/content_back.gif) repeat-x;
}

/********** SIDEBAR **********/

div#sidebar {
   float: left;
   width: 190px;
   padding: 20px;
}

div#sidebar_main {
   float: right;
   width: 189px;
   padding: 20px;
   border-left: 1px dotted #ccc;
}

/**** News ****/

h3.sidebar {
   text-transform: uppercase;
   color: #ff0702;
   font-size: 1.4em;
   margin-top: 0;
   margin-left: 0;
}

h3.sidebar_main {
   text-transform: uppercase;
   color: #ff0702;
   font-size: 1.4em;
   margin-top: 0;
   margin-left: 0;
}
.news_postdate {
   font-weight: bold;
}
.news {
   padding: 10px 0 10px 0;
}
.news_content {
   padding: 10px 0 15px 0;
}
.news_content p {
   padding: 0;
   margin: 0;
}

/*********** FOOTER ***********/

div#footerwrapper {
   background: url(uploads/layout/footerback.png) repeat-x;
   height: 225px;
}
div#footer {
   width: 960px;
   margin: 0 auto;
   color: #fefefe;
   height: 60px;
}
div#footer p a {
   color: #fff;
}
#footer_trimedia {
   width: 900px;
   text-align: right;
   background: url(uploads/layout/trimedia.gif) no-repeat right top;
   padding-right: 60px;
}
#footer_trimedia a {
   color: #99cc33;
   line-height: 25px;
   font-size: 12px;
   text-decoration: none;
}
div.footerboxes {
   width: 200px;
   padding: 20px;
   float: left;
}
div#footerbox1 {
   text-align: right;
}
#brands {
   background: #fff url(uploads/layout/footer_brands.gif) no-repeat;
   width: 960px;
   height: 103px;
   float: left;
}
div#contentbottom {
   background: url(uploads/layout/footer_bottom.gif) no-repeat center top;
   width: 960px;
   height: 11px;
   float: left;
}

/******** ADDITIONAL ********/

div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}
.clear {
   clear: both;
}

/******** GOOGLE MAP ********/

#map {
   float: right;
   width: 400px;
   height: 300px;
}

/******* TEXT HEADERS *******/

h1 {
   font-size: 2em;
   line-height: 1em;
   margin: 0;
}
h2 {
   color: red; 
   font-size: 1.6em;
   line-height: 1.2em;
   text-align: left; 
   margin: 0 0 1em 0;
}
h3 {
   color: red; 
   font-size: 1.4em;
   line-height: 1.3em;
   margin:  0 0.5em 0;
}
h3 a, h3 a:link, h3 a:visited {
   text-decoration: none;
}
h4 {
   color: #333; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 1.4em 0 0.25em 0;
}
h5 {
   color: #666; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

/*********** TEXT ***********/

p {
   font-size: 1em;
   margin: 0 0 1.5em 0;
   line-height: 1.4em;
   padding: 0;
}
strong, b {
   font-weight: bold;
}
em, i {
   font-style:italic;
}

/********** LISTS **********/

div#main ul, div#main_submenu ul,
div#main ol, div#main_submenu ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 10px 0 15px 0;
}
div#main ul li, div#main_submenu ul li,
div#main ol li, div#main_submenu ol li {
   margin: 0 0 0.25em 3em;
}

/*********** FORM ***********/

.inputwrap {
   width: 450px;
   float: left;
   clear: left;
   padding: 5px 0 3px 0;
}
.inputwrap label {
   width: 150px;
   float: left;
}
.inputwrap input {
   width: 250px;
   float: left;
}
.inputwrap textarea {
   width: 250px;
   height: 250px;
   float: left;
}
.submit {
   width: 250px;
   float: left;
   clear: left;
   padding: 5px 0 0 150px;
}

/********** PAGE BLOCKS **********/

.mainblock {
   width: 690px;
   display: inline;
 }
.mainblock h2 {
   margin: 0 0 6px 0;
   color: #696969;
   font-size: 1.1em;
}
.mainblock h2.red {
   margin-bottom: 15px;
   color: #ff0702;
   font-size: 2em;
   font-weight: bold;
   text-transform: uppercase;
}
div.mainblock_kuva {
   float: left;
}
div.mainblock_kuva img {
   border: 1px solid #666;
}
div.mainblock_right {
   float: left;
   padding: 0 5px 0 20px;
}
div.mainblock_right div {
   line-height: 1.4em;
}
div.mainblock_title {
   font-weight: bold;
   display: inline;
}
div#mainblock_soita {
  padding: 10px 0;
}
/* New Products */
.products_new {
   width: 320px;
   float: left;
   text-align: center;
}
.products_new_wide {
   width: 660px;
   text-align: center;
}
.accessoriespic {
   padding: 5px 5px;
   float: left;
}
/* Tarjoustuotteet */
.tarjoustuote {
   width: 400px;
   float: left;
   margin: 0 0 20px 0;
}
.tarjoustuote img {
   float: left;
   padding: 0 10px 0 0;
}
.tarjoustuote h3 {
   margin: 20px 0 0 0;
   padding: 0;
   color: #333;
   font-size: 1.2em;
}
.tarjoustuote strong {
   color: #ff0702;
   font-size: 1.4em;
   display: block;
   line-height: 1.3em;
   text-transform: uppercase;
}
.svh-hinta {
   margin-top: 16px;
   color: #666;
   font-size: 1.0em;
}
.index-sections {
   width: 660px;
}
/* End of 'BikeForum' */