p { margin:0; padding:0; } dl.quote { font-style:italic; text-align:center; color:#000000; } #apparel { background:#DDDDDF; clear:right; float:right; font-family:Verdana; font-size:10pt; color:#666; width:744px; } #apparel.riderscollection { background:#000000 url('../../parts/apparel/images/bg-riders.jpg') top left repeat; } #apparel.youngtrendy { background:#E9EBEF url('../../parts/apparel/images/bg-youngtrendy.jpg') top left repeat; } #apparel.simplelaidback { background:#EEE4DE; } #apparel.edgyrock { background:#EEEEED url('../../parts/apparel/images/bg-edgyrock.jpg') top left repeat; } #apparel.sportyoutdoor { background:#F4F5F7 url('../../parts/apparel/images/bg-sportyoutdoor.jpg') top left repeat; } #apparel.fsscollection { background:#120F09 url('../../parts/apparel/images/bg-fsscollection.jpg') top right repeat-y; color:#B5B6B6; } #apparel h3 { background-color:#999; font-size:10pt; margin:0 0 10px 0; padding:0 10px; border:none; line-height:2.0; color:#000; clear:both; } #apparel h3.riderscollection { background-color:#999; } #apparel h3.youngandtrendy { background-color:#47A737; } #apparel h3.simplelaidback { background-color:#A86B51; } #apparel h3.edgyrock { background-color:#585757; } #apparel h3.sportyoutdoor { background-color:#87167B; } #apparel h3.fsscollection { background-color:#D71619; } #apparel h4 { clear:both; font-size:10pt; line-height:1.6; padding:0 5px; border-left:4px solid #000000; border-bottom:1px solid #000000; } #apparel h4.riderscollection { border-bottom-width: 1px; border-left-width: 4px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #999; border-left-color: #999; } #apparel h4.youngandtrendy { border-left:4px solid #47A737; border-bottom:1px solid #47A737; } #apparel h4.simplelaidback { border-left:4px solid #A86B51; border-bottom:1px solid #A86B51; } #apparel h4.edgyrock { border-left:4px solid #585757; border-bottom:1px solid #585757; } #apparel h4.sportyoutdoor { border-left:4px solid #87167B; border-bottom:1px solid #87167B; } #apparel h4.fsscollection { border-left:4px solid #D71619; border-bottom:1px solid #D71619; } #apparel dl { clear:both; margin:0 10px 20px 10px; } #apparel dl dt { line-height:1.4; margin:0 0 3px 0; font-weight:bold; font-size:90%; } #apparel dl dd { margin:0 0 6px 0; font-size:90%; } #apparel a { color:#FF0000; text-decoration:none; } #apparel a:hover { color:#FF0000; text-decoration:underline; } #apparel ul.riderscollection a { color:#999; } #apparel ul.youngandtrendy a { color:#47A737; } #apparel ul.simplelaidback a { color:#A86B51; } #apparel ul.edgyrock a { color:#585757; } #apparel ul.sportyoutdoor a { color:#87167B; } #apparel ul.fsscollection a { color:#D71619; } #apparel ul li { padding:2px; } #apparel ul li ul { margin:0 0 0 15px; padding:0; } #apparel ul li ul li { padding:2px; } #apparel #collection { margin:20px; } #apparel #collection #pane { background-color:#FFFFFF; float:left; width:300px; } #apparel #collection #pane#tall { height:220px; } #apparel #collection #pane.riderscollection { height:180px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #333; border-right-color: #333; border-bottom-color: #333; border-left-color: #333; } #apparel #collection #pane.youngtrendy { border-left:5px solid #47A737; border-right:1px solid #47A737; border-top:1px solid #47A737; border-bottom:5px solid #47A737; height:180px; } #apparel #collection #pane.simplelaidback { border-left:5px solid #CE957C; border-right:1px solid #CE957C; border-top:1px solid #CE957C; border-bottom:5px solid #CE957C; height:180px; } #apparel #collection #pane.simplelaidbacktall { border-left:5px solid #CE957C; border-right:1px solid #CE957C; border-top:1px solid #CE957C; border-bottom:5px solid #CE957C; height:230px; } #apparel #collection #pane.edgyrock { border-left:5px solid #585757; border-right:1px solid #585757; border-top:1px solid #585757; border-bottom:5px solid #585757; height:180px; } #apparel #collection #pane.edgyrocktall { border-left:5px solid #585757; border-right:1px solid #585757; border-top:1px solid #585757; border-bottom:5px solid #585757; height:280px; } #apparel #collection #pane.sportyoutdoor { border-left:5px solid #87167B; border-right:1px solid #87167B; border-top:1px solid #87167B; border-bottom:5px solid #87167B; height:180px; } #apparel #collection #pane.fsscollection { border-left:5px solid #D71619; border-right:1px solid #D71619; border-top:1px solid #D71619; border-bottom:5px solid #D71619; height:180px; background-color:#B5B6B6; } #apparel #collection #pane #mainport { float:left; padding:10px; width:200px; position:relative; } #apparel #collection #pane #mainport.solo { width:270px; } #apparel #collection #pane #others { float:right; clear:right; margin:10px 10px 10px 0; padding-left:5px; position:relative; width:64px; } #apparel #collection #pane.riderscollection #others { border-left:1px dotted #d4d4d4; height:160px; } #apparel #collection #pane.youngtrendy #others { border-left:1px dotted #47A737; height:160px; } #apparel #collection #pane.simplelaidback #others { border-left:1px dotted #CE957C; height:160px; } #apparel #collection #pane.simplelaidbacktall #others { border-left:1px dotted #CE957C; height:210px; } #apparel #collection #pane.edgyrock #others { border-left:1px dotted #585757; height:160px; } #apparel #collection #pane.edgyrocktall #others { border-left:1px dotted #585757; height:270px; } #apparel #collection #pane.sportyoutdoor #others { border-left:1px dotted #87167B; height:160px; } #apparel #collection #pane.fsscollection #others { border-left:1px dotted #D71619; height:160px; } #apparel #collection #pane #others ul { list-style:none; margin:0; padding:0; } #apparel #collection #pane #others ul li { } #apparel #collection #pane #mainport a img, #apparel #collection #pane #others a img { z-index:5; border:0pt none; } #apparel #collection #pane #mainport a.p1:hover, #apparel #collection #pane #others a.p1:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */ #apparel #collection #pane #mainport a .large, #apparel #collection #pane #others a .large { clear:both; position:absolute; width:0px; } #apparel #collection #pane #mainport a.p1:hover .large, #apparel #collection #pane #others a.p1:hover .large { z-index:10; clear:both; position:absolute; top:-5px; left:-50px; width:400px; } #apparel #collection #pane #mainport.solo a.p1:hover .large { border:1px dotted #AAAAAA; z-index:10; clear:both; position:absolute; top:-5px; left:-50px; width:542px; } #apparel #collection #description { float:right; width:240px; } #apparel #collection #description h3.riderscollection { background-color:#999; color:#000; } #apparel #collection #description h3.youngtrendy { background-color:#999; color:#000; } #apparel #collection #description h3.simplelaidback { background-color:#CE957C; color:#FFFFFF; } #apparel #collection #description h3.edgyrock { background-color:#585757; color:#FFFFFF; } #apparel #collection #description h3.sportyoutdoor { background-color:#87167B; color:#FFFFFF; } #apparel #collection #description h3.fsscollection { background-color:#D71619; color:#FFFFFF; } #apparel #collection #description h5 { clear:left; float:right; width:50px; padding:5px; margin:0 0 5px 0; } #apparel #collection #description h5.him { background-color:#000000; color:#FFFFFF; } #apparel #collection #description h5.her { background-color:#000; color:#FFFFFF; } #apparel #collection #description h6 { float:left; font-size:12pt; font-weight:bold; width:150px; padding:5px; margin:0 40px 5px 40px; } #apparel #collection #description h6.comingsoon { background-color:#FFFFFF; color:#FF0000; border:3px double #FF0000; } #apparel #collection #description dl { float:left; margin:0; pading:0; } #helmet { background:#DDDDDF; clear:right; float:right; font-family:Verdana; font-size:10pt; color:#000000; width:744px; } #helmet h3 { background-color:#000000; font-size:10pt; margin:0 0 10px 0; padding:0 10px; border:none; line-height:2.0; color:#FFFFFF; clear:both; } #helmet h4 { clear:both; font-size:10pt; line-height:1.6; padding:0 5px; border-left:4px solid #000000; border-bottom:1px solid #000000; } #helmet dl { clear:both; margin:10px 10px 20px 10px; } #helmet dl dt { line-height:1.4; margin:0 0 3px 0; font-weight:bold; font-size:90%; } #helmet dl dd { margin:0 0 6px 0; font-size:90%; } #helmet ul { font-size:8pt; margin:0 0 20px 30px; padding:0; } #helmet ol { font-size:10pt; margin:10px 0 20px 30px; padding:0; } #helmet ol li { } #helmet ol li ul li { font-weight:normal; } #helmet a { color:#FF0000; text-decoration:none; } #helmet a:hover { color:#FF0000; text-decoration:underline; } #helmet ul { font-size:8pt; margin:0 0 20px 30px; padding:0; } #helmet ul li { padding:2px; } #helmet ul li ul { margin:0 0 0 15px; padding:0; } #helmet ul li ul li { padding:2px; } #helmet table td { text-align:center; font-size:80%; } #helmet #pane { float:left; padding:10px; position:relative; } #helmet #pane a img { z-index:5; border:0pt none; } #helmet #pane a.p1:hover { background-color:transparent; } /* IE6sp2 needed this to open the large image */ #helmet #pane a .large { clear:both; position:relative; width:0px; } #helmet #pane a.p1:hover .large { border:1px dotted #AAAAAA; z-index:10; clear:both; position:absolute; top:-100px; left:-50px; width:250px; } #yamalube dl dd.images { margin:0 10px 0 0; float:left; width:200px; } #yamalube dl dt { padding:8px 0; } #yamalube dl dd.comment { margin:0; padding:0; float:left; width:360px; } #yamalube dl dd.clear { clear:both; } #yamalube dl dd ul { margin:0; padding:0; } #yamalube dl dd ul li { margin:0 0 5px 15px; padding:0px; } #yamalube #section { background:#FFFFFF url('../../parts/yamalube/backdrop.png') no-repeat; color:#A0A0A0; float:left; width:220px; padding:0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; position:relative; height:inherit; margin-top: 20px; margin-right: 30px; margin-bottom: 20px; margin-left: 30px; } #yamalube #section:hover { color:#000000; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } #yamalube #section p { font-size:8pt; text-align:center; margin:0; padding:0; } #yamalube #section a { color:#A0A0A0; font-size:8pt; text-decoration:none; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } #yamalube #section:hover a { color:#FF0000; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } #yamalube #section:hover a:hover { text-decoration:underline; } #yamalube #section h4 { background-color:none; margin:2px 5px 0 2px; padding:3px 10px; border:none; font-size:8pt; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } #yamalube #section:hover h4 { color:#FFFFFF; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } #yamalube #section img { padding:5px 50px 0 50px; } #yamalube #section img.bike { position:absolute; left:0; top:20px; z-index:10; } #yamalube #section img.logo { position:absolute; left:0; top:20px; } #yamalube #section img.none { position:absolute; left:0; top:20px; z-index:10; } #yamalube #section ul { position:relative; top:140px; list-style:none; font-size:80%; padding:0; margin:4px 8px 0 6px; color:#555555; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } #yamalube #section:hover ul { color:#FF0000; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } #yamalube #section ul li { float:left; display:inline; padding:0; margin:0; width:102px; } #yamalube #section ul li.full { width:200px; text-align:center; } #yamalube #section ul li.right { text-align:right; } #genuine #section { background:#FFFFFF; color:#555555; float:left; width:269px; height:120px; margin:50px; padding:0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; position:relative; } #genuine #section:hover { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } #genuine #section img { float:left; width:80px; padding-right:10px; } #genuine #section #desc { float:right; width:179px; } #genuine #section #desc h4 { background-color:#C0C0C0; font-size:8pt; text-align:center; padding:4px 0; line-height:1.2; font-size:8pt; border:none; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } #genuine #section:hover #desc h4 { background-color:#FF0000; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } #genuine #section:hover #desc h4 a { color:#FFFFFF; text-decoration:none; } #genuine #section #desc p { font-size:8pt; text-align:left; margin:0; padding:0; } #genuine #section a { color:#555555; font-size:8pt; text-decoration:none; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } #genuine #section:hover a { color:#FF0000; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } #genuine #section:hover a:hover { text-decoration:underline; } #genuine #section ul { position:relative; top:140px; list-style:none; font-size:80%; padding:0; margin:4px 8px 0 6px; color:#555555; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } #genuine #section:hover ul { color:#FF0000; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } #genuine #section ul li { float:left; display:inline; padding:0; margin:0; width:102px; } #genuine #section ul li.full { width:200px; text-align:center; } #genuine #section ul li.right { text-align:right; } #genuine #illus { background:#FFFFFF; text-align:center; color:#555555; float:left; width:270px; margin:10px 5px 20px 5px; padding:0; } #genuine #illus img { margin:0 auto; } #genuine #illus h4 { font-size:8pt; padding:2px 0; border:none; } #genuine #illus p { font-size:80%; margin:0; padding:0; } #genuine #middle { background:#FFFFFF; text-align:center; color:#555555; width:500px; margin:10px auto; padding:0; } #genuine #middle p { font-weight:bold; font-size:80%; margin:10px 0; padding:0; } #genuine dl dd.rightimg { float:right; margin-left:5px; } /* Yamalube colours */ .automatic { color:#1D95D1; } #section:hover .automatic { background-color:#1D95D1; color:#FFFFFF; } .gear { color:#b49d28; } #section:hover .gear { background-color:#b49d28; color:#FFFFFF; } .performance { color:#9d589b; } #section:hover .performance { background-color:#9d589b; color:#FFFFFF; } .business { color:#b81908; } #section:hover .business { background-color:#b81908; color:#FFFFFF; } #clearfix { clear:both; }