/***************************************** AW CYCLES *****************************************/ /* 23rd 5.23 */ body{background-image:url(../img/bg_tile.gif); background-repeat:repeat-x; margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; background-color:#fff} form{display:inline;} input{margin:0; padding:1px 0 0 8px; font-size:11px; border:1px solid #144593; height:16px} label{font-size:11px; text-decoration:none; color:#fcd83f; font-weight:bold; line-height:16px} select{width:128px; color:#000000; font-size:11px; font-weight:normal; border:1px solid #e7e3df; background-color:#fff} h1{font-size:13px; font-weight:bold; color:#ffffff; text-indent:20px; line-height:13px; padding:6px 0 0 0; margin:0} h2{font-size:11px; font-weight:bold; color:#000000; line-height:11px; padding:0; margin:0 20px 18px 20px} h2 a{color:#000000; text-decoration:none} h2 a:hover{color:#000000; text-decoration:underline} h1.largeHeadingBlue{background-image:url(../img/large_heading_blue.gif); background-repeat:no-repeat; width:740px; height:27px; position:relative; margin:0 0 6px 0; padding:0; text-indent:20px; line-height:26px} p{font-size:11px; color:#000000; line-height:14px; padding:0; margin:0 20px 18px 20px} img{border:0} /*******Site*******/ #all{float:left; width:1000px; margin:0; padding:0} .rightcolumn{width:184px; float:left; display:inline; position:relative; border:0; margin:0; padding:0; top:-26px} .middlecolumn{width:580px; float:left; position:relative; border:0; margin:0; padding:0} .leftcolumn{width:200px; float:left; position:relative; border:0; margin:0; padding:0} .onecolumn{width:780px; float:left; margin:0 0 0 10px; padding:0; display:inline} .clear{clear:both; margin:0; padding:0; border:0} .clear10{clear:both; height:10px; line-height:10px} .clear1{clear:both; height:1px; line-height:1px} .marginmaincontent {margin:15px 0 10px 10px; padding:0; border:0} .marginmaincontent img.banner { padding-bottom: 8px; } /*Padding & Positioning*/ .floatleft{float:left} .marginleft10{margin-left:10px} .marginleft20{margin-left:20px} .marginleft22{margin-left:22px} .marginright10{margin:0 10px 0 0} .marginright15{margin:0 15px 0 0} .marginright20{margin:0 20px 0 0} .margintop20{margin-top:20px} .marginbottom10{margin:0 0 10px 0} .paddingtop20{padding-top:20px} .paddingtop40{padding-top:40px} .paddingRight10{padding-right:10px} .paddingbottom10{padding-bottom:10px} .paddingbottom20{padding-bottom:20px} .paddingLeft10{padding-left:10px} /* SPANS */ .center{display:block; text-align:center; margin:0 auto 0 auto} .normal{font-weight:normal; font-size:11px} .bold{font-weight:bold;} .boldBlue{font-weight:bold; color:#1c60ab;} .verticalmiddle{vertical-align:middle} .blue{color:#1c60ab} .blue_normal{color:#1c60ab; font-weight:normal;} .white{color:#fff} .yellow{color:#fcd83f} .noborder{border:0} /*******Header*******/ .header{width:1000px; position:relative; border:0; padding:0; margin:0; height:165px} .logo{position:absolute; top:19px; left:20px} .thawte{position:absolute; background-image:url(../img/thawte.gif); width:173px; height:71px; top:19px; left:181px} .helpLink{position:absolute; background:url(../img/whoson/onlineHelp.gif) no-repeat; width:185px; height:62px; right:36px; top:34px; display:block} .whosonBox{position:absolute; top:35px; right:37px; z-index:99} /* ***** postal strike ***** */ .postalStrike{position:fixed; bottom:0; right:0} /*Admin Nav*/ .adminnav{position:absolute; top:19px; left:396px} .adminnav a,.adminnav a:link,.adminnav a:active,.adminnav a:visited{font-size:10px; text-decoration:none; color:#ffffff; font-weight:normal} .adminnav a:hover{text-decoration:underline; color:#fcd83f} .vertical{color:#ffffff; margin:0 7px 0 7px; line-height:11px} .basketadmin{height:21px; position:absolute; top:6px; left:10px; padding:3px 0 0 8px; margin:0; background-image:url(../img/shoppingbasket.gif); background-repeat:no-repeat} .basketadmin label{text-transform:uppercase; margin:0 0 0 12px; font-size:10px; line-height:17px; font-weight:bolder; color:#fcd83f} .basketadmin input{font-size:11px; padding:0 0 0 2px; text-align:center; border:1px solid #144593; background-color:#ffffff; height:14px} .freedeliverybox{width:372px; height:56px; background:url(../img/header/freedelbg.gif) no-repeat;position:absolute;top:37px; left:388px;} .freedelmark{background:url(../img/header/freedelmark.gif) no-repeat;width:18px;height:18px;position:absolute;top:36px;left:8px} .freedeloffer{color:#1c60ab;font-size:12px;position:absolute;top:38px;left:18px;width:334px;text-align:center;text-transform:uppercase} .freedeloffer span{font-weight:bold; font-size:14px;color:#b73059} .freedelbasket {width:394px; height:42px; background:url(../img/basket/freebg2.gif) no-repeat;position:relative;left:80px;top:0;margin:4px 0 4px 0;} .freedelbaskmark{background:url(../img/header/freedelmark.gif) no-repeat;width:18px;height:18px;position:relative;top:2px;left:8px} .freedelbaskoffer{color:#1c60ab;font-size:12px;position:absolute;top:12px;left:28px;width:360px;text-align:center;text-transform:uppercase} .freedelbaskoffer span{font-weight:bold; font-size:14px;color:#b73059} .thawtedbasket {position:relative;background:url(../img/basket/cards.gif) 66px 16px no-repeat; width:550px; height:234px;margin:10px 0 10px 0;} .tposer { position:relative;top:5px;left:59px;} /*Top Nav*/ .topnavbg{position:relative; top:101px; left:0; background-image:url(../img/topnavbg.jpg); background-repeat:no-repeat; width:780px; height:41px} .topnav{position:absolute; top:16px; left:44px} .topnav a,.topnav a:link,.topnav a:active,.topnav a:visited{text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:bold; padding:0; margin:0 18px 0 0} .topnav a:hover{text-decoration:underline; color:#ffffff} .breadcrumbbg{position:absolute; top:142px; height:22px; left:0; margin:0; width:780px; line-height:11px; font-size:11px; background-image:url(../img/breadcrumbbg.jpg); background-repeat:no-repeat} .breadcrumb{color:#1c60ab; position:absolute; top:5px; left:30px; height:22px; font-weight:normal} .breadcrumb .on{font-weight:bold} .breadcrumb a,.breadcrumb a:link,.breadcrumb a:active,.breadcrumb a:visited{text-decoration:none; color:#1c60ab; font-weight:bold; padding:0; margin:0 8px 0 7px} .breadcrumb a:hover{text-decoration:underline; color:#1c60ab} #on{font-weight:normal; text-decoration:none} /*Search*/ .searchbg{background-image:url(../img/searchbg.jpg); background-repeat:no-repeat; height:109px; width:180px; margin:14px 0 10px 20px; position:relative} .search{position:absolute; top:9px; left:10px} div.searchbutton{position:absolute; top:82px; left:102px} a.searchbutton , a:visited.searchbutton , a:link.searchbutton , a:active.searchbutton{width:72px; height:23px; background-image:url(../img/searchbutton.jpg); font-weight:bold} .search label{text-transform:uppercase; margin:3px 0 3px 0} /*leftnav*/ .hackerSafe {position:relative; width:180px; height:35px; margin:0 0 10px 20px; text-align:center;} .leftcolumn {z-index:100;} #theLeftNav{width:180px; margin:0 0 0 20px; padding:0; border:0; position:relative;} #theLeftNav ul { margin:0; padding:0; list-style:none; } #theLeftNav ul li{ margin:0; padding:0; position:relative; } #theLeftNav ul li ul { display:none; position:absolute; top:-10px; left:180px; padding:10px 10px 10px 0; } #theLeftNav ul li ul li ul { left:202px; } #theLeftNav ul li:hover ul, #theLeftNav ul li:hover ul { display:block; } #theLeftNav ul li ul li { padding:0 1px 0px 1px; background-color:rgb(198, 198, 198); } #theLeftNav li.first{ border-top:1px solid rgb(198, 198, 198); } #theLeftNav li.last{ border-bottom:1px solid rgb(198, 198, 198); } #theLeftNav li.onlyOne{ border-bottom:1px solid rgb(198, 198, 198); border-top:1px solid rgb(198, 198, 198); } #theLeftNav ul li ul li ul, #theLeftNav ul li:hover ul li ul { display:none; } #theLeftNav ul li:hover ul li:hover ul{ display:block; } #theLeftNav a, #theLeftNav a:link, #theLeftNav a:active, #theLeftNav a:visited, #theLeftNav ul li:hover ul li a, #theLeftNav a:visited, #theLeftNav ul li:hover ul li:hover ul li a {width:180px; padding:0; margin:0; font-size:11px; color:#000000; text-indent:17px; text-decoration:none; display:block; height:16px; line-height:16px; background-image:url(../img/leftnav/leftnavbg.gif); background-position:0 0px; background-repeat:no-repeat; background-color:#fff} #theLeftNav ul li ul li a{ width:200px!important; background-image:url(../img/leftnav/leftsubnavbg.gif)!important;} #theLeftNav a:hover, #theLeftNav ul li:hover a, #theLeftNav ul li:hover ul li a:hover, #theLeftNav ul li:hover ul li:hover a, #theLeftNav ul li:hover ul li:hover ul li a:hover {background-position:0 -16px} #theLeftNavOn a, #theLeftNavOn a:link, #theLeftNavOn a:active, #theLeftNavOn a:visited, #theLeftNavOn a:hover{width:180px; padding:0; margin:0; font-size:11px; color:#000000; text-indent:17px; text-decoration:none; display:block; height:16px; line-height:16px; background-image:url(../img/leftnav/leftnavbg.gif); background-position:0 -16px; background-repeat:no-repeat; background-color:#fff} #theLeftNav .whitelink a, #theLeftNav .whitelink a:link,#theLeftNav .whitelink a:active,#theLeftNav .whitelink a:visited{font-size:11px; text-decoration:none; color:#ffffff; font-weight:bold; height:18px; line-height:18px; text-indent:17px; background-image:url(../img/leftnav/bluebg.gif); background-repeat:no-repeat; background-position:0 0px} #theLeftNav .whitelink a:hover{text-decoration:underline; color:#ffffff;background:url(../img/leftnav/bluebg.gif) no-repeat 0px 0px} #theLeftNav #giftV, #theLeftNav #giftV:link, #theLeftNav #giftV:active, #theLeftNav #giftV:visited, #theLeftNav #giftV:hover { background:url(../img/leftnav/yellowbg.gif) no-repeat 0 0; color:#1c60ab; font-weight:bold; } #theLeftNav #giftV:hover { text-decoration:underline; } #theLeftNav .blueLink a#Leftnav1_giftV { background:url(../img/leftnav/yellowbg.gif) no-repeat 0 0; color:#1c60ab; font-weight:bold; } #theLeftNav .blueLink a#Leftnav1_giftV:hover { text-decoration:underline; } .topbg{background-image:url(../img/leftnav/topbluebg.gif); background-repeat:no-repeat; background-position:0 0px} .bottombg{background-image:url(../img/leftnav/bottombluebg.gif); background-repeat:no-repeat; background-position:0 0px} /****** JSCRIPT MENU STYLE ******/ /*.menuElement{padding:2px 4px 0px 20px; font-size:11px; background:url(../img/iconBlueArrowRoll.gif) no-repeat left top;} .menuElement img{vertical-align:middle;} .menuElement:hover{background-position:left -25px;} .menuElementImg{padding:2px 4px 0px 0px; font-size:11px; background:url(../img/iconBlueArrowRoll.gif) no-repeat right top;} .menuElementImg:hover{background-position:right -25px;} .menuElementImg img{vertical-align:middle;}*/ /*********************************** BUYERS ROUNDED BOXES ********************************************/ .buyers-guides{background-image:url(../img/banners/buyers-guides.jpg); background-repeat:no-repeat; width:550px; height:107px; position:relative; margin:0 0 12px 0; padding:0} .buyers_blue_box{background-image:url(../img/buyers-guides/buyers_blue_box.gif); background-repeat:no-repeat; width:550px; height:117px; margin:12px 0 0 0; padding:0; position:relative} .buyers_blue_box2{background-image:url(../img/buyers-guides/buyers_blue_box.gif); background-repeat:no-repeat; width:550px; height:80px; margin:12px 0 0 0; padding:0; position:relative} .buyers_blue_box2 h2{margin:0; padding:0; width:500px; color:#FFFFFF; font-size:13px; font-weight:bold; text-indent:19px; line-height:26px} .buyers_blue_box h2{margin:0; padding:0; width:500px; color:#FFFFFF; font-size:13px; font-weight:bold; text-indent:19px; line-height:26px} .buyers_blue_row1{width:548px; height:22px; margin:20px 1px 0 1px; padding:0 0 0 13px} .buyers_blue_row2{width:548px; height:22px; margin:10px 1px 0 1px; padding:0} .buyers_blue_row1_extra{width:371px; height:22px; margin:20px 0px 0 89px; padding:0} .buyers_blue_row2_extra{width:371px; height:22px; margin:10px 0px 0 89px; padding:0} .buyers_index_row1{width:525px; height:22px; margin:10px 1px 0 1px; padding:0 0 0 15px} .buyers_index_row2{width:525px; height:22px; margin:6px 1px 0px 1px; padding:0 0 0 14px} .buyers_blue_bottom{background-image:url(../img/popups/bottom_bg.gif); background-repeat:no-repeat; width:550px; height:4px; margin:0 0 15px 0; padding:0} .buyers_grey_box, .buyersBlueBox{float:left; width:550px; margin-bottom:20px} .buyersBlueBox h2{margin:0; padding:0; line-height:26px; text-indent:15px; height:38px; background-image:url(../img/bg_bluetop.gif); background-repeat:repeat-x; font-size:12px; font-weight:bold; color:#fff} .buyers_grey_box h2{margin:0; padding:0; line-height:26px; text-indent:15px; height:35px; background-image:url(../img/bg_greytop.gif); background-repeat:repeat-x; font-size:12px; font-weight:bold; color:#000000} .buyers_grey_box h3, .buyersBlueBox h3{padding:10px 0 0px 19px; margin:0; font-size:11px; font-weight:bold; color:#000000} .buyersBlueBox h3.blue{color:#1c60ab; font-size:12px;} .buyers_grey_box p, .buyersBlueBox p{padding:0 19px 10px 19px; margin:0; color:#000000; font-size:11px; font-weight:normal; line-height:14px; text-align:justify} .buyers_grey_box ul, .buyersBlueBox ul{padding:0 19px 10px 40px; margin:0; list-style-image:url(../img/icon_bullet.gif)} .buyers_grey_box li, .buyersBlueBox li{margin:0; padding:0 0 5px 0} .buyers_grey_box .buyers_grey_content, .buyersBlueBox .buyers_grey_content{float:left; display:inline; width:548px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; margin:0; padding:10px 0 0 0} .buyers_grey_content a, .buyers_grey_content a:link,.buyers_grey_content a:active, .buyers_grey_content a:visited, .buyersBlueBox a, .buyersBlueBox a:link, .buyersBlueBox a:active, .buyersBlueBox a:visited{color:#1c60ab; text-decoration:underline; font-weight:bold} .buyers_grey_content a:hover, .buyersBlueBox a:hover{text-decoration:underline} /***************************************** BUTTONS *****************************************/ a.buttontext, a:visited.buttontext, a:link.buttontext, a:active.buttontext{height:22px; line-height:20px; font-weight:bold; /*font-size:10px;*/ text-transform:uppercase; color:#ffffff; text-decoration:none; text-align:left; margin:0; padding:0 0 0 14px; background-position:0 0px; background-repeat:no-repeat; display:block} a:hover.buttontext{text-decoration:underline} /************************ PRODUCT BUTTONS ****************************/ div.basketbutton{position:absolute; left:420px} a.basketbutton , a:visited.basketbutton , a:link.basketbutton , a:active.basketbutton { display: block; background: url(../img/buttons/button_addbasket.png) center no-repeat; width: 127px; height: 30px; line-height: 30px; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-align: center; padding: 0; } .basketCheckout a.basketbutton, .basketCheckout a:visited.basketbutton, .basketCheckout a:link.basketbutton, .basketCheckout a:active.basketbutton { background: url(../img/buttons/button_checkout.png) center no-repeat; width: 155px;} a:hover.basketbutton { text-decoration: underline; } div.specbutton{position:absolute; left:45px; bottom:44px} a.specbutton , a:visited.specbutton , a:link.specbutton , a:active.specbutton, a:hover.specbutton{width:98px; line-height:22px; height:23px; text-align:center; padding:0; background-image:url(../img/buttons/button_specifications.gif); font-weight:bold} div.relatedproductsbutton{position:absolute; left:155px; bottom:44px} a.relatedproductsbutton , a:visited.relatedproductsbutton , a:link.relatedproductsbutton , a:active.relatedproductsbutton, a:hover.relatedproductsbutton{text-align:center; width:130px; line-height:22px; height:23px; padding:0; background-image:url(../img/buttons/button_relatedproducts.gif); font-weight:bold} div.tesimonialsbutton{float:right; display:inline; margin-right:20px} /************************ BRAND BUTTONS ****************************/ div.viewallprodbutton{float:right; display:inline; margin-right:20px} a.viewallprodbutton , a:visited.viewallprodbutton , a:link.viewallprodbutton , a:active.viewallprodbutton, a:hover.viewallprodbutton{width:126px; height:23px; font-weight:bold; background-image:url(../img/brands/viewallprodbutton.jpg)} div.viewbutton{position:absolute; top:6px; left:222px} a.viewbutton , a:visited.viewbutton , a:link.viewbutton , a:active.viewbutton, a:hover.viewbutton{width:54px; height:23px; background-image:url(../img/viewbutton.jpg)} div.checkoutbutton{position:absolute; top:6px; left:280px} a.checkoutbutton , a:visited.checkoutbutton , a:link.checkoutbutton , a:active.checkoutbutton, a:hover.checkoutbutton{width:83px; height:23px; background-image:url(../img/checkoutbutton.jpg); font-weight:bold} /************************ GUIDE BUTTONS ****************************/ a.guide_button202_off, a:visited.guide_button202_off, a:active.guide_button202_off, a:link.guide_button202_off{background-image:url(../img/buyers-guides/guide_button202.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:202px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button202_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button202_on, a:visited.guide_button202_on, a:active.guide_button202_on, a:link.guide_button202_on, a:hover.guide_button202_on{background-image:url(../img/buyers-guides/guide_button202.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:202px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button150_off, a:visited.guide_button150_off, a:active.guide_button150_off, a:link.guide_button150_off{background-image:url(../img/buyers-guides/guide_button150.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:150px; height:22px; line-height:22px; margin:0; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button150_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button150_on, a:visited.guide_button150_on, a:active.guide_button150_on, a:link.guide_button150_on, a:hover.guide_button150_on{background-image:url(../img/buyers-guides/guide_button150.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:150px; height:22px; line-height:22px; margin:0; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button110_off, a:visited.guide_button110_off, a:active.guide_button110_off, a:link.guide_button110_off{background-image:url(../img/buyers-guides/guide_button110.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:110px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button110_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button110_on, a:visited.guide_button110_on, a:active.guide_button110_on, a:link.guide_button110_on, a:hover.guide_button110_on{background-image:url(../img/buyers-guides/guide_button110.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:110px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button184_off, a:visited.guide_button184_off, a:active.guide_button184_off, a:link.guide_button184_off{background-image:url(../img/buyers-guides/guide_button184.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:184px; height:22px; line-height:22px; margin:0 0 0 20px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button184_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button184_on, a:visited.guide_button184_on, a:active.guide_button184_on, a:link.guide_button184_on, a:hover.guide_button184_on{background-image:url(../img/buyers-guides/guide_button184.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:184px; height:22px; line-height:22px; margin:0 0 0 20px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button155_off, a:visited.guide_button155_off, a:active.guide_button155_off, a:link.guide_button155_off{background-image:url(../img/buyers-guides/guide_button155.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:155px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button155_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button155_on, a:visited.guide_button155_on, a:active.guide_button155_on, a:link.guide_button155_on, a:hover.guide_button155_on{background-image:url(../img/buyers-guides/guide_button155.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:155px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button150_off, a:visited.guide_button150_off, a:active.guide_button150_off, a:link.guide_button150_off{background-image:url(../img/buyers-guides/guide_button150.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:150px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button150_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button150_on, a:visited.guide_button150_on, a:active.guide_button150_on, a:link.guide_button150_on, a:hover.guide_button150_on{background-image:url(../img/buyers-guides/guide_button150.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:150px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button130_off, a:visited.guide_button130_off, a:active.guide_button130_off, a:link.guide_button130_off{background-image:url(../img/buyers-guides/guide_button130.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:130px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button130_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button130_on, a:visited.guide_button130_on, a:active.guide_button130_on, a:link.guide_button130_on, a:hover.guide_button130_on{background-image:url(../img/buyers-guides/guide_button130.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:130px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button103_off, a:visited.guide_button103_off, a:active.guide_button103_off, a:link.guide_button103_off{background-image:url(../img/buyers-guides/guide_button103.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:103px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button103_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button103_on, a:visited.guide_button103_on, a:active.guide_button103_on, a:link.guide_button103_on, a:hover.guide_button103_on{background-image:url(../img/buyers-guides/guide_button103.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:103px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button91_off, a:visited.guide_button91_off, a:active.guide_button91_off, a:link.guide_button91_off{background-image:url(../img/buyers-guides/guide_button91.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:91px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button91_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button91_on, a:visited.guide_button91_on, a:active.guide_button91_on, a:link.guide_button91_on, a:hover.guide_button91_on{background-image:url(../img/buyers-guides/guide_button91.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:91px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button173_off, a:visited.guide_button173_off, a:active.guide_button173_off, a:link.guide_button173_off{background-image:url(../img/buyers-guides/guide_button173.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:173px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button173_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button173_on, a:visited.guide_button173_on, a:active.guide_button173_on, a:link.guide_button173_on a:hover.guide_button173_on{background-image:url(../img/buyers-guides/guide_button173.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:173px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button70_off, a:visited.guide_button70_off, a:active.guide_button70_off, a:link.guide_button70_off{background-image:url(../img/buyers-guides/guide_button70.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:70px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button70_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button70_on, a:visited.guide_button70_on, a:active.guide_button70_on, a:link.guide_button70_on a:hover.guide_button70_on{background-image:url(../img/buyers-guides/guide_button70.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:70px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button47_off, a:visited.guide_button47_off, a:active.guide_button47_off, a:link.guide_button47_off{background-image:url(../img/buyers-guides/guide_button47.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:47px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button47_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button47_on, a:visited.guide_button47_on, a:active.guide_button47_on, a:link.guide_button47_on a:hover.guide_button47_on{background-image:url(../img/buyers-guides/guide_button47.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:47px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a.guide_button60_off, a:visited.guide_button60_off, a:active.guide_button60_off, a:link.guide_button60_off{background-image:url(../img/buyers-guides/guide_button60.gif); background-position:0 0; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:60px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} a:hover.guide_button60_off{background-position:0 -22px; color:#FFFFFF; text-decoration:none} a.guide_button60_on, a:visited.guide_button60_on, a:active.guide_button60_on, a:link.guide_button60_on a:hover.guide_button60_on{background-image:url(../img/buyers-guides/guide_button60.gif); background-position:0 -22px; background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; width:60px; height:22px; line-height:22px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; text-transform:capitalize; float:left; display:inline} /***************************************** MAIN CONTENT *****************************************/ /*Page Banners*/ .fullrange{width:550px; height:107px; position:relative; margin:0 0 12px 0; padding:0} .bannercomms{z-index:10;position:absolute;} .banners{margin-bottom:10px} .banner_placeHolder{width:275px; height:86px; float:left} /*.bannerRight{width:270px}*/ div.fullrangebutton{position:absolute; top:53px; left:305px} a.fullrangebutton , a:visited.fullrangebutton , a:link.fullrangebutton , a:active.fullrangebutton{width:31px; height:20px; background-image:url(../img/btn_go.jpg); font-weight:bold} div.fullrangebuttonlights{position:absolute; top:35px; left:245px} a.fullrangebuttonlights , a:visited.fullrangebuttonlights , a:link.fullrangebuttonlights , a:active.fullrangebuttonlights{width:31px; height:20px; background-image:url(../img/btn_go.jpg); font-weight:bold} div.fullrangebuttonturbo{position:absolute; top:55px; left:240px} a.fullrangebuttonturbo , a:visited.fullrangebuttonturbo , a:link.fullrangebuttonturbo , a:active.fullrangebuttonturbo{width:31px; height:20px; background-image:url(../img/btn_go.jpg); font-weight:bold} div.fullrangebuttonbikes{position:absolute; top:75px; left:345px} a.fullrangebuttonbikes , a:visited.fullrangebuttonlights , a:link.fullrangebuttonlights , a:active.fullrangebuttonlights{width:31px; height:20px; background-image:url(../img/btn_go.jpg); font-weight:bold} div.fullrangebuttonframes{position:absolute; top:65px; left:335px} a.fullrangebuttonframes , a:visited.fullrangebuttonlights , a:link.fullrangebuttonlights , a:active.fullrangebuttonlights{width:31px; height:20px; background-image:url(../img/btn_go.jpg); font-weight:bold} .specialoffers{background-image:url(../img/banners/special_offers.jpg); background-repeat:no-repeat; width:550px; height:107px; position:relative; margin:0 0 12px 0; padding:0} /*Products*/ .prodblock{display:inline; width:174px; height:244px; background-image:url(../img/products/prod_bg.gif); background-repeat:no-repeat; position:relative; float:left; margin:0 13px 14px 0} .prodimage{position:absolute; top:0; left:10px} div.prodname{width:174px; line-height:11px; position:absolute; top:105px; text-align:center; margin:0; padding:0} .prodname a, .prodname a:link, .prodname a:active, .prodname a:visited{font-size:11px; color:#000; font-weight:bold; text-decoration:none} .prodname a:hover{text-decoration:underline} .priceyellowbg{position:absolute; margin:0 0 0 10px; width:150px; top:135px;text-align:center;background:url(../img/products/yellow_bg.gif) no-repeat left; height:18px;} .priceyellowRight{background:url(../img/products/yellow_bg_right.gif) no-repeat right; height:18px; text-align:center; color:#1c60ab; font-size:12px; font-weight:bold; line-height:18px; padding:0 8px 0 8px} .priceyellowbg span{font-size:10px; font-weight:normal} .pricebluebg{position:absolute; margin:0 auto 0 10px; width:150px; top:135px;text-align:center;background:url(../img/products/blue_bg.gif) no-repeat left; height:18px;} .priceblueRight{background:url(../img/products/blue_bgRight.gif) no-repeat right; height:18px; text-align:center; color:#fff; font-size:12px; font-weight:bold; line-height:18px; padding:0 8px 0 8px} .pricebluebg span{font-size:10px; font-weight:normal} .was{position:absolute; top:163px; width:174px; text-align:center; font-size:11px; color:#000; line-height:11px} .save{font-size:11px; font-weight:bold; /*color:#1c60ab;*/ color:#e20c0c; position:absolute; top:173px; width:174px; text-align:center} div.moreinfo{position:absolute; top:190px; left:48px} a.moreinfo , a:visited.moreinfo , a:link.moreinfo , a:active.moreinfo, a:hover.moreinfo{padding:0 3px 0 12px; width:78px; height:23px; background-image:url(../img/products/moreinfobutton.jpg); font-weight:bold} div.topsellers{background:url(../img/products/topsellers_bg.jpg) no-repeat; width:270px; height:558px; position:relative; margin:0 10px 40px 0; float:left} h2.blue{text-transform:uppercase; font-size:11px; font-weight:bolder; color:#1c60ab; margin:11px 0 0 15px; padding:0} .topsellerrow{width:260px; height:70px; position:relative; margin:0 0 20px 0} .topsellerthumb{border:1px solid #b8b8b8; position:absolute; top:3px; left:15px; width:95px; height:58px} div.prodtop{line-height:11px; position:absolute; top:3px; left:127px; margin:0; padding:0} .prodtop a, .prodtop a:link, .prodtop a:active, .prodtop a:visited{font-size:11px; color:#000; font-weight:bold; text-decoration:none} .prodtop a:hover{text-decoration:underline} .topwas{position:absolute; top:28px; left:127px; font-size:11px; color:#000; line-height:11px} .topnow{font-size:11px; font-weight:bold; color:#e20c0c; position:absolute; top:39px; left:127px} div.more{position:absolute; top:50px; left:127px; background:url(../img/products/arrow.gif) no-repeat right; padding:0 10px 0 0} .more a, .more a:link, .more a:active, .more a:visited{font-size:11px; color:#000; font-weight:bold; text-decoration:underline} .more a:hover{text-decoration:underline} div.newproducts{background:url(../img/products/newproducts_bg.jpg) no-repeat; width:270px; height:558px; position:relative; margin:0 0 40px 0; float:left} .ourprice{font-size:12px; font-weight:bold; color:#1c60ab; position:absolute; top:38px; left:127px} .tipHolder{position:absolute; bottom:0; left:0; width:174px; text-align:center; height:21px} .tipHolder img{position:relative} div.topsellers div.topsellerrow .tipHolder, div.newproducts div.topsellerrow .tipHolder{position:relative; margin:0 auto; top:66px} /******************************************* CONTENT BOXES ******************************************************/ /* GENERAL SETTINGS */ .greyBox550, .blueBox550{float:left; width:550px; margin-bottom:20px} .greyBox645{float:left; width:645px; margin-bottom:20px} .blueBox645{float:left; width:645px; margin-bottom:20px} .blueBox645.withMargin{margin-top: 20px;} .greyBox550 h3, .blueBox550 h3, .greyBox645 h3, .blueBox645 h3{padding:20px 0 10px 10px; margin:0; font-size:11px; font-weight:bold} .greyBox550 p, .blueBox550 p, .greyBox645 p, .blueBox645 p{padding:0 0 10px 10px; margin:0} .greyBox550 ul, .blueBox550 ul, .greyBox645 ul, .blueBox645 ul{padding:10px 0 0 40px; margin:0; list-style-image:url(../img/icon_bullet.gif)} .greyBox550 li, .blueBox550 li, .greyBox645 li, .blueBox645 li{margin:0; padding:0} .greyBox550 .greyBoxContent, .blueBox550 .greyBoxContent, .greyBox645 .greyBoxContent, .blueBox645 .greyBoxContent{float:left; width:548px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8} .greyBox645 .greyBoxContent, .blueBox645 .greyBoxContent{width:643px} .greyBottom550, .greyBottom645{float:left; width:550px; height:12px; line-height:12px; background-image:url(../img/bg_greybottom.gif); background-repeat:repeat-x} .greyBottom645{width:645px} .greyBottomLeft{height:12px; background-image:url(../img/bg_greybottomleft.gif); background-repeat:no-repeat; background-position:top left} .greyBottomRight{height:12px; background-image:url(../img/bg_greybottomright.gif); background-repeat:no-repeat; background-position:top right} .greyBoxContent a, .greyBoxContent a:link,.greyBoxContent a:active, .greyBoxContent a:visited{text-decoration:none} .greyBoxContent a:hover{text-decoration:underline} /**************** GREY BOX ****************/ .greyBox550 h2, .greyBox645 h2{margin:0; padding:0; line-height:25px; text-indent:15px; height:35px; background-image:url(../img/bg_greytop.gif); background-repeat:repeat-x} .greyLeft{height:35px; background-image:url(../img/bg_greytopleft.gif); background-repeat:no-repeat; background-position:left} .greyRight{height:35px; background-image:url(../img/bg_greytopright.gif); background-repeat:no-repeat; background-position:right} /**************** BLUE BOX ****************/ .blueBox550 h2, .blueBox645 h2{color:#fff; margin:0; padding:0; line-height:25px; text-indent:15px; height:49px; background-image:url(../img/bg_bluetop.gif); background-repeat:repeat-x} .blueLeft{height:49px; background-image:url(../img/bg_bluetopleft.gif); background-repeat:no-repeat; background-position:left} .blueRight{height:49px; background-image:url(../img/bg_bluetopright.gif); background-repeat:no-repeat; background-position:right} /***************************************************************************************************************/ /**************** CHECKOUT BOX ****************/ .checkoutBox { width: 640px; } .checkoutBox h2.creditDebitCardDetails { display: block; background: url(../img/checkout/bg_h2.png) left top no-repeat; width: 620px; height: 20px; padding: 8px 0 0 20px; margin: 0; } .checkoutBoxMain { float: left; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; padding: 27px 0 0 13px; } .checkoutBoxMain .checkoutBoxLeft { clear: left; float: left; width: 190px; } .checkoutBoxMain .checkoutBoxLeft img.creditCards { padding-left: 37px; } .checkoutBoxMain .checkoutBoxLeft img.payPal { padding-left: 20px; } .checkoutBoxMain .checkoutBoxRight { float: left; width: 435px; } .checkoutBoxMain .checkoutBoxRight .cardDetails { height: 82px; padding-top: 7px; } .checkoutBoxMain .checkoutBoxRight .cardDetails input { float: left; } .checkoutBoxMain .checkoutBoxRight .cardDetails label { font-size: 11px; font-weight: bold; color: #000; padding-left: 10px; } .checkoutBoxMain .checkoutBoxRight .cardDetails p { margin: 0; padding: 12px 0 0 23px; } .checkoutBoxMain .cardDetailsExpand { display: block; float: left; padding-bottom: 43px; width: 500px; } .checkoutBoxMain .cardDetailsExpand label { clear: both; width: 124px; margin: 0; padding-right: 9px; line-height: 18px; } .checkoutBoxMain .cardDetailsExpand label.heightAdjust { line-height: 24px; } .checkoutBoxMain .cardDetailsExpand input { height: 15px; } .checkoutBoxMain .cardDetailsExpand input.small { float: left; width: 31px; } .checkoutBoxMain .cardDetailsExpand select { display: inline; height: 18px; } .checkoutBoxMain .cardDetailsExpand select.checkcardtype { clear: left; float: left; display: block; } .checkoutBoxMain .cardDetailsExpand span { float: left; padding-left: 10px; font-weight: normal; font-size: 11px; color: #1c60ab; line-height: 16px; } .checkoutBoxMain .cardDetailsExpand span a { font-size: 11px; color: #1c60ab; } .checkoutBoxMain .cardDetailsExpand img.cardimg { margin: -1px 0 0 8px; } .checkoutBoxBottom { clear: left; display: block; background: url(../img/checkout/bg_checkoutBoxBottom.gif) left bottom no-repeat; width: 640px; height: 5px; margin-bottom: 19px; } /***************************************** CATEGORY *****************************************/ .heading_blue{background-image:url(../img/heading_blue.gif); background-repeat:no-repeat; width:550px; height:27px; position:relative; margin:0 0 6px 0; padding:0; text-indent:20px; line-height:26px} .catbox{background-image:url(../img/bikecat/bikes_catbox_bg.jpg); background-repeat:no-repeat; width:550px; height:89px; position:relative; margin:0 0 6px 0; padding:0} .catbox_catimg{position:absolute; top:0; left:0; width:155px; height:89px; margin:0; padding:0} .catbox_rollover{position:absolute; top:0; left:155px; margin:0; padding:0} .catbox_text{position:absolute; top:15px; left:295px; width:235px; margin:0; padding:0} .catbox_text h2{font-size:12px; margin:0 0 2px 0; padding:0; color:#000000} .catbox_text p{margin:0; padding:0} .catbox_text a{font-weight:bold; color:#1c60ab; text-decoration:none} .catbox_text h2 a{text-decoration:none; color:#000} .catbox_text h2 a:hover{text-decoration:underline; color:#000} .catbox_text a:hover{font-weight:bold; color:#1c60ab; text-decoration:underline} .brands a{background-image:url(../img/bikecat/bikes_cat_brands.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .brands a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .mountain a{background-image:url(../img/bikecat/bikes_cat_mountain.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .mountain a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .hybrid a{background-image:url(../img/bikecat/bikes_cat_hybrid.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .hybrid a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .street a{background-image:url(../img/bikecat/bikes_cat_street.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .street a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .road a{background-image:url(../img/bikecat/bikes_cat_road.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .road a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .traditional a{background-image:url(../img/bikecat/bikes_cat_traditional.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .traditional a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .speciality a{background-image:url(../img/bikecat/bikes_cat_speciality.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .speciality a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .childrens a{background-image:url(../img/bikecat/bikes_cat_childrens.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .childrens a:hover{background-position:0 -89px;background-repeat:no-repeat; width:126px; height:89px; display:block} .bmx a{background-image:url(../img/bikecat/bikes_cat_bmx.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bmx a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .offers a{background-image:url(../img/bikecat/bikes_cat_offers.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .offers a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} /***************************************** SUB-CATEGORY *****************************************/ /***** SUBCAT INDEX ******/ .bgSubCatBox{float:left; display:inline; width:270px; height:165px; margin-bottom:10px; background:url(../img/subcat/bg_subcat.gif) no-repeat left; text-align:center;} .bgSubCatImg{float:left; display:inline; width:260px; margin:0 5px 0 5px; height:90px;} .bgSubCatImg img{position:relative; top:5px;} .bgSubCatBox h3{float:left; display:inline; margin:8px 0 3px 12px; padding:0; width:240px;font-size:12px; text-align:left; } .bgSubCatBox h3 a{font-weight:bold; color:#000000; text-decoration:none} .bgSubCatBox h3 a:hover{text-decoration:underline;} .bgSubCatBox p{float:left; display:inline; line-height:14px; margin:0 0 0 12px; padding:0; text-align:left; width:240px;} .bgSubCatBox p a{font-weight:bold; color:#1c60ab; text-decoration:none;} .bgSubCatBox p a:hover{text-decoration:underline;} .subcatfilterbg{background:url(../img/subcat/subcatfilter_bg.jpg) no-repeat; position:relative; width:550px; height:68px; margin:0 0 9px 0; padding:0} .subcatfilterbg p{margin:0; padding:0} .specialcatfilterbg{background:url(../img/subcat/specialcatfilter_bg.jpg) no-repeat; position:relative; width:550px; height:141px; margin:0 0 9px 0; padding:0} .specialcatfilterbg p{margin:0; padding:0} a.specialfilall {position:absolute;top:79px;left:57px; background-image:url(../img/buttons/specialall.gif); background-repeat:no-repeat; width:78px; height:22px; display:block} a:hover.specialfilall {background-position:0 -22px; background-repeat:no-repeat; width:78px; height:22px; display:block;} a.specialfilbikes {position:absolute;top:79px;left:144px;background-image:url(../img/buttons/specialbikes.gif); background-repeat:no-repeat; width:78px; height:22px; display:block} a:hover.specialfilbikes {background-position:0 -22px; background-repeat:no-repeat; width:78px; height:22px; display:block;} a.specialfilclothing {position:absolute;top:79px;left:231px;background-image:url(../img/buttons/specialclothing.gif); background-repeat:no-repeat; width:105px; height:22px; display:block;} a:hover.specialfilclothing {background-position:0 -22px; background-repeat:no-repeat; width:105px; height:22px; display:block;} a.specialfilacc {position:absolute;top:79px;left:345px;background-image:url(../img/buttons/specialacc.gif); background-repeat:no-repeat; width:141px; height:22px; display:block;} a:hover.specialfilacc {background-position:0 -22px; background-repeat:no-repeat; width:141px; height:22px; display:block;} a.specialfilparts {position:absolute;top:107px;left:137px;background-image:url(../img/buttons/specialparts.gif); background-repeat:no-repeat; width:106px; height:22px; display:block;} a:hover.specialfilparts {background-position:0 -22px; background-repeat:no-repeat; width:106px; height:22px; display:block;} a.specialfilcycacc {position:absolute;top:107px;left:252px;background-image:url(../img/buttons/specialcycacc.gif); background-repeat:no-repeat; width:160px; height:22px; display:block;} a:hover.specialfilcycacc {background-position:0 -22px; background-repeat:no-repeat; width:160px; height:22px; display:block;} .filterlabel{position:absolute; top:39px; right:328px; width:202px} .filterlabel label{float:left; font-weight:bold; margin:1px 0px 0px 0; color:#fcd83f} .filterlabel input{float:right; width:148px; padding:1px 0 0 5px; font-size:11px; border:1px solid #7f9db9; height:16px; background-color:#fcd83f} .filter_radio1{position:absolute; top:41px; left:230px} .filter_radio1 input{float:left} .filter_radio2 input{float:left} .filter_radio1 label{float:left; margin:0 0 0 4px; color:#fff; font-weight:normal} .filter_radio2 label{float:left; margin:0 0 0 4px; color:#fff; font-weight:normal} .filter_radio2{position:absolute; top:41px; left:280px} .sortby_filter{position:absolute; top:40px; right:58px; color:#fff; font-weight:bold} .sortby_filter .price{color:#fcd83f; margin-left:10px} .price_down{position:absolute; top:43px; right:18px} .price_up{position:absolute; top:43px; right:33px} .first_img{position:absolute; top:2px; left:133px; display:inline} .previous_img{position:absolute; top:2px; left:155px; display:inline} .last_img{position:absolute; top:2px; right:133px; display:inline} .next_img{position:absolute; top:2px; right:155px; display:inline} .view_previous{position:absolute; top:2px; left:194px; display:inline} .view_page{position:absolute; top:2px; left:246px; width:85px; text-align:center; display:inline} .view_next{position:absolute; top:2px; right:194px; display:inline} .view_all{position:absolute; top:2px; right:32px; display:inline} .gobutton{position:absolute; top:34px; left:346px; background-image:url(../img/go_button_bg.gif); width:40px; height:29px; text-indent:13px} .gobutton a{font-weight:bold; color:#fff; line-height:26px; text-decoration:none} .gobutton a:hover{font-weight:bold; color:#fff; line-height:26px; text-decoration:underline} .subcat_pagebar_bg{background:url(../img/viewpagebar_bg.jpg) no-repeat; position:relative; width:550px; height:20px; margin:0 0 15px 0; padding:0; clear:both} .subcat_pagebar_bg a{color:#1c60ab; font-weight:bold; text-decoration:none} .subcat_pagebar_bg a:hover{color:#1c60ab; font-weight:bold; text-decoration:underline} .subcat_pagebar_bg a.selected_page{text-decoration:underline} /***************************************** SEARCH *****************************************/ .searchfilterbg{background:url(../img/search/searchcatfilter_bg.jpg) no-repeat; position:relative; width:550px; height:113px; margin:0 0 9px 0; padding:0} .searchfilterbg p{margin:0; padding:0} .searchfilterbg p label{float:left; margin-top:0; margin-left:4px; color:#fff; font-weight:normal} .searchfilterbg p input{float:left; width:148px; padding:1px 0 0 5px; font-size:11px; border:1px solid #7f9db9; height:16px; background-color:#fcd83f} searchfilterbg p label{float:left; margin-top:0; margin-left:4px; color:#fff; font-weight:normal} .fm_select{position:absolute; top:76px; right:328px} .brand_select{position:absolute; top:39px; left:235px} .cat_select{position:absolute; top:76px; left:235px} .fm_select select{width:155px; font-size:11px; padding:1px 1px 1px 0px; height:18px; border:1px solid #7f9db9; background-color:#fcd83f} .brand_select select{width:155px; font-size:11px; padding:1px 1px 1px 0px; height:18px; border:1px solid #7f9db9; background-color:#fcd83f} .cat_select select{width:155px; font-size:11px; padding:1px 1px 1px 0px; height:18px; border:1px solid #7f9db9; background-color:#fcd83f} /***************************************** CONTACT *******************************************/ .contactus_banner{background-image:url(../img/banners/contact_us.jpg); background-repeat:no-repeat; width:550px; height:107px; position:relative; margin:0 0 12px 0; padding:0;} .contactus{background-image:url(../img/contact/contactus_bg.jpg); background-repeat:no-repeat; width:550px; height:317px; position:relative; margin:0 0 10px 0; padding:0;} .contactus label{position:absolute; left:294px; font-weight:bold; color:#fcd83f;padding:0 0 0 1px;} .contactus input{position:absolute; left:294px; width:218px; padding:1px;} .contactus textarea{position:absolute; left:294px; width:218px; padding:1px; overflow:auto;} .contactus select{position:absolute; left:294px; top:67px; width:221px; padding:1px; height:18px;} .contactus_text{position:absolute; left:20px; top:44px; width:250px; padding:0;} .contactus_text p{padding:0; margin:0 0 18px 0;} .contactus_text a{color:#1C60AB; font-weight:bold; text-decoration:underline;} .contactus_text a:hover{color:#1C60AB; font-weight:bold; text-decoration:none;} .contactus_map{position:absolute; left:20px; top:230px;} .blue{color:#1C60AB; font-weight:bold;} .map_button{position:absolute; top:248px; left:168px; background-image:url(../img/contact/blk_btn_map.jpg); width:50px; height:24px; text-indent:13px} .map_button a{font-weight:bold; color:#fff; line-height:23px; text-decoration:none;} .map_button a:hover{font-weight:bold; color:#fff; line-height:23px; text-decoration:underline;} .contactus_button{position:absolute; top:254px; left:447px; background-image:url(../img/contact/blk_btn_submit.jpg); width:71px; height:30px; text-indent:16px} .contactus_button a{font-weight:bold; color:#fff; line-height:28px; text-decoration:none;} .contactus_button a:hover{font-weight:bold; color:#fff; line-height:28px; text-decoration:underline;} .openinghours{background-image:url(../img/contact/openinghours_bg.jpg); background-repeat:no-repeat; width:550px; height:186px; position:relative; margin:0 0 10px 0; padding:0;} .openinghours h1{color:#000000;} .openinghours_shop{position:relative; left:180px; top:40px;width:168px; float:left;} .openinghours_mail{position:relative; left:197px; top:20px;margin:20px 0 0 0; width:168px; float:left;} .openinghours_daytime{position:relative; float:left;margin:0; width:165px; padding:0;} .openinghours_day{float:left;} .openinghours_time{position:absolute; top:0; left:82px; font-weight:bold;} .comments_response{position:absolute; top:134px; left:335px;} .contactus .contactErrorMsg {color:#ff0000;font-size:11px;font-weight:normal;text-transform:uppercase;margin:0;padding:0;text-align:right;position:absolute; left:91px; width:130px; top:-1px;} /***************************************** AD BLOCKS *****************************************/ .awservices{width:550px; height:86px; position:relative; margin:0 0 11px 0} .workshop{margin:0 10px 0 0; width:270px} .fitting{margin:0; width:270px} .quicklinks{background-image:url(../img/quicklinksbg.jpg); background-repeat:no-repeat; position:relative; height:86px; width:550px; border:0; margin:0 0 10px 0; padding:0} .quicklinks ul{position:absolute; list-style:none; padding:0; border:0; margin:0} .quicklinks li{background:url(../img/quicklinkbullet.gif) no-repeat 0px 2px; text-indent:12px; padding:0} .quicklinks a,.quicklinks a:link,.quicklinks a:active,.quicklinks a:visited{text-decoration:none; color:#000000; font-weight:normal} .quicklinks a:hover{text-decoration:underline; color:#000000} #pos1{top:34px; left:15px} #pos2{top:34px; left:146px} #pos3{top:34px; left:294px} #pos4{top:34px; left:432px} .awservices2{width:550px; height:106px; position:relative; margin:0 0 4px 0} .enewsletterbg{float:left; width:270px; height:106px; position:relative; background-image:url(../img/adverts/enewsletterbg.gif); padding:0; margin:0} .enewsletterbgThanks{float:left; width:270px; height:106px; position:relative; background-image:url(../img/adverts/enewsletter-thanks.gif); padding:0; margin:0} div.enewsletter{position:absolute; top:30px; left:15px; width:160px} div.enewsletter input{margin:0; padding:1px 0 0 8px; font-size:11px; border:1px solid #144593; height:15px; line-height:11px} div.enewsletter label{font-size:11px; text-decoration:none; color:#000000; font-weight:normal; line-height:11px; margin:0; padding:0} div.subscribe{position:absolute; top:75px; left:174px} a.subscribe , a:visited.subscribe , a:link.subscribe , a:active.subscribe, a:link.subscribe{width:88px; height:23px; background-image:url(../img/subscribebutton.jpg)} /******************************************** BRANDS PAGE ****************************************************************/ .brandprodrow{margin:0 0 10px 0; padding:0} .brandprodblock{width:176px; height:143px; margin:0 7px 7px 0; float:left; position:relative; display:inline; background-image:url(../img/brands/brandprodblock_bg.gif); background-repeat:no-repeat; text-align:center;} .brandprodimg{text-align:center; display:inline; position:relative; top:2px} a.brandprodname, a:visited.brandprodname , a:link.brandprodname , a:active.brandprodname{display:block; text-align:left; font-size:11px; color:#1c60ab; font-weight:bold; position:absolute; top:112px; left:15px; line-height:11px; width:145px; text-decoration:none; padding:0} a:hover.brandprodname{text-decoration:underline} .brandintro{background:url(../img/brands/brandsintro_bg.gif) no-repeat; width:550px; height:136px; position:relative; margin:0 0 10px 0} .brandlogo{float:left; display:inline; margin:0 0 0 10px} p.brandintrotext{margin:0; width:360px; float:left} .brand_box{background-image:url(../img/brands/brand_box_bg.jpg); background-repeat:no-repeat; width:270px; height:89px; position:relative; float:left; display:inline; margin:0 0 10px 0; padding:0;} .brand_box_img{position:absolute; top:8px; left:7px; width:92px; height:73px; margin:0; padding:0;} .brand_box_text{position:absolute; top:8px; left:121px; width:138px; margin:0; padding:0;} .brand_box_text h2{font-size:12px; margin:0 0 7px 0; padding:0;} .brand_box_text p{margin:0; padding:0; line-height:11px;} .brand_box_text a{font-weight:bold; color:#1c60ab; text-decoration:none;} .brand_box_text a:hover{font-weight:bold; color:#1c60ab; text-decoration:underline;} /******************************************** BASKET ****************************************************************/ /* BASKET GENERAL SETTINGS */ #basket{margin:10px 0 20px 0} #basket table{font-size:11px; width:550px; border-collapse:collapse; padding:0; margin:0} #basket a, #basket a:link, #basket a:active, #basket a:visited{color:#000; text-decoration:none} #basket a:hover{text-decoration:underline} /* BASKET HEADER */ #basket th{font-weight:bold} #basket .baskethead{height:24px; background-color:#1c60ab; color:#fcd83f} /* SET INDIVIDUAL HEADER WIDTHS */ #basket .baskethead .qty{width:35px; background-image:url(../img/basket/bg_head_left.gif); background-repeat:no-repeat; background-position:top left} #basket .baskethead .code{width:60px} #basket .baskethead .description{text-align:left; width:230px; text-indent:10px} #basket .baskethead .price{width:65px} #basket .baskethead .totalprice{width:75px} #basket .baskethead .delete{width:60px; background-image:url(../img/basket/bg_head_right.gif); background-repeat:no-repeat; background-position:top right} /* BASKET SECTION DIVIDER (HEAD) */ .basketsection{height:24px; line-height:24px; background-image:url(../img/basket/bg_section.gif); background-repeat:repeat-y; background-position:left} /* BASKET PRODUCT ROWS */ #basket td{vertical-align:top; padding-top:10px} #basket td.free {color:#D60000} #basket .basketproduct{background-color:#e8e8e8} #basket .basketimage{height:60px; width:60px; text-align:center} #basket .bundleImage{width:60px; text-align:center;} #basket .basketproduct .basketcode{text-align:center} #basket .basketqty{padding:10px 5px 0 5px} #basket .basketqty input{border:2px solid #1c60ab; padding:2px; text-align:center} #basket .basketimage, .basketdescription, .basketprice, .basketcode, .baskettotalprice, .basketdelete, .basketTotalsCosts, #basket .bundleImage{background-image:url(../img/basket/bg_prodsection.gif); background-repeat:repeat-y; background-position:left} #basket .basketprice, .basketqty, .baskettotalprice, .basketdelete{text-align:center} #basket .basketdescription{text-align:left; padding:0 0 0 7px;} #basket .basketqty input{width:20px} #basket .bundleDesc{padding:0 38px 0 7px; background-image:url(../img/basket/bundle.gif); background-position:right 3px; background-repeat:no-repeat} #basket .bundleDesc p{margin:0; padding-top:10px} /* BASKET ROW DIVIDER */ #basket .basketRowDivider{height:2px; padding:0; background-image:url(../img/basket/bg_prodsectionrow.gif); background-repeat:repeat-x} /* BASKET TOTALS */ #basket .basketSubRow{color:#1c60ab; background-color:#fcd83f} #basket .basketsub{text-align:right; padding-right:20px; font-weight:bold; background-image:url(../img/basket/bg_bottomleft.gif); background-repeat:no-repeat; background-position:bottom left} #basket .baskettotal{line-height:25px; width:75px; text-align:center; font-weight:bold; background-image:url(../img/basket/bg_bottomright.gif); background-repeat:no-repeat; background-position:bottom right} #basket .basketTotals{color:#1c60ab; text-align:right; padding-right:20px; font-weight:bold; height:20px; line-height:20px} #basket .basketTotalsCosts{color:#1c60ab; text-align:center; font-weight:bold; height:20px; line-height:20px} .basketSubSection{height:25px; line-height:25px; background-image:url(../img/basket/bg_totalsection.gif); background-repeat:repeat-y; background-position:left} .thawtebasket{display:block; text-align:center; margin:0 auto 20px auto; padding-top:20px; clear:both} /* BASKET BUTTONS */ .clearbasket{float:left; margin-right:10px} .basketCheckout{float:right; width:124px; margin:-4px 45px 0 0} .paypalButton { clear: both; float: right; width: 242px; padding: 10px 20px 0 0; } .paypalButton p.orWhyNot { position: relative; float: left; display: block; background: url(../img/checkout/ttl_orWhyNot.gif) left top no-repeat; width: 89px; height: 0; padding-top: 10px; overflow: hidden; top: 7px; left: 0; margin: 0; padding-right: 10px; } .paypalButton a { float: right; display: block; background: url(../img/buttons/btn_paypal.gif) left top no-repeat; width: 143px; height: 0; padding-top: 24px; overflow: hidden; } .paypalButton p.safer { clear: both; float: right; width: 143px; font-size: 9px; color: #003366; text-align: center; margin: 0; line-height: 16px; } /******************************************** ORDER INFORMATION BOX *******************************************************/ .orderInfoImg{float:left; padding-top:20px; padding-left:20px; width:130px} .orderListA{float:left; width:215px; height:80px; margin-top:10px; display:inline} .orderListB{float:left; width:180px; margin-top:10px; display:inline} .orderListA h4, .orderListB h4{margin:0 0 5px 0; padding:0; font-size:11px} .orderListA p, .orderListB p{margin:0; padding:0; text-indent:15px} .orderListA a, .orderListB a{font-weight:bold; color:#4f4540} .orderListA ul, .orderListB ul{margin:0 0 0 0; padding:0; border:0; list-style-image:none; list-style-type:none} .orderListA li, .orderListB li{background:url(../img/icon_blue_bullet.gif) no-repeat 0px 2px; text-indent:15px; border:0; padding:0; margin:0} /******************************************* SITE MAP ****************************************************************/ .sitemap{margin:20px 0 20px 20px; width:520px;} .sitemap a{color:#1c60ab; font-weight:bold;line-height:18px;padding-left:15px; text-decoration:none; background:url(../img/icon_arrowList.gif) no-repeat left;} .sitemap a:hover{background:url(../img/icon_arrowListOn.gif) no-repeat left;} .sitemap ul{list-style:none;margin:0; padding:0} .sitemap li{margin:0; padding:0;} .sitemap ul ul{margin-left:15px;} .sitemap ul ul a{color:#000; font-weight:normal;} /******************************************* HELP & FAQ's ****************************************************************/ .faqList a, .faqList a:link, .faqList a:active, .faqList a:visited{color:#000;font-weight:bold; text-decoration:none;} .faqList a:hover{text-decoration:underline; color:#1c60ab;} a.faqAnsOn, a:link.faqAnsOn, a:active.faqAnsOn, a:visited.faqAnsOn{text-decoration:underline; color:#1c60ab;} .faqList{margin:0;padding:0 0 10px 0;} .faqQue{float:left; padding-left:20px; width:30px;font-weight:bold; height:16px; line-height:16px;} .faqAns{float:left; clear:right; width:450px;height:16px; line-height:16px;} .faqAns a{font-weight:bold; height:16px; line-height:16px;} .faqPage h3.faqOff{float:left; display:block; font-size:11px; margin:5px 0 10px 0; padding:0; background:url(../img/faq/faqOff.gif) no-repeat left top; height:24px; line-height:24px; width:554px;} .faqPage h3.faqOn{float:left; color:#fcd83f;display:block; font-size:11px; margin:5px 0 10px 0; padding:0; background:url(../img/faq/faqOn.gif) no-repeat left top; height:24px; line-height:24px; width:554px;} .faqPage h3.faqOff span.faqQue{line-height:24px;} .faqPage h3.faqOn span.faqQue{line-height:24px;color:#fcd83f;} .faqPage p{line-height:16px;margin-top:6px; margin-bottom:6px;} .faqPage a{color:#1c60ab;font-weight:bold;} span.faqTop{position:absolute; left:530px} *html span.faqTop{height:16px; line-height:16px;} span.faqTop a{text-decoration:none;} span.faqTop a:hover{text-decoration:underline;} .faqPage h3.faqOn span.faqTop a{color:#fcd83f;} /**************************************************** RESOURCE PAGES *************************************************/ .sub_links_top { background-image:url(/common/img/resources/sub_links_top.gif); background-repeat:no-repeat; position:relative; width:528px; height:6px; margin:0 0 0 10px; padding:0; } .sub_links_bg { background-image:url(/common/img/resources/sub_links_bg.gif); background-repeat:repeat-y; position:relative; width:528px; margin:0 0 0 10px; padding:0; } .sub_links_bottom { background-image:url(/common/img/resources/sub_links_bottom.gif); background-repeat:no-repeat; position:relative; width:528px; height:6px; margin:0 0 15px 10px; padding:0; } .sub_links {margin:0 20px 0 20px; padding:0; width:488px;} .sub_links a, .sub_links a:visited, .sub_links a:active, .sub_links a:link{ color:#1c60ab; font-size:11px; font-weight:bold; text-decoration:none; margin:0; padding:0; height:16px; line-height:16px; } .sub_links a:hover{color:#1c60ab; text-decoration:underline} a.sub_links_on , a:visited.sub_links_on , a:active.sub_links_on , a:link.sub_links_on, a:hover.sub_links_on{ color:#1c60ab; font-size:11px; font-weight:bold; margin:0; padding:0; height:16px; line-height:16px; text-decoration:underline; } .sub_links ul {list-style:none;margin:0; padding:7px 0 0 0;} .sub_links li {list-style:none;float:left;display:inline;margin:0 0 5px 0; padding:0} .sub_links li span {float:left;display:inline;margin:0 9px 5px 9px; padding:0;color:#1c60ab;} .resource_links_container {width:528px;height:119px;margin:0 0 12px 10px; padding:0;position:relative;} .resource_links_left { background-image:url(/common/img/resources/links_img_container.gif); background-repeat:no-repeat; width:119px; height:119px; margin:0; padding:0; float:left; display:inline; } .resource_links_left img {margin:10px 0 0 10px; padding:0;} .resource_links_right {width:390px;height:119px;margin:0 0 0 18px; padding:0;float:left;display:inline;} .resource_links_right h3 {color:#1c60ab; font-size:11px; font-weight:bold; text-transform:capitalize;margin:7px 0 8px 0; padding:0;height:14px;line-height:14px;} .resource_links_right a, .resource_links_right a:visited, .resource_links_right a:active, .resource_links_right a:link{ color:#000000; font-size:11px; font-weight:bold; text-decoration:underline; margin:0; padding:0; height:14px; line-height:14px; } .resource_links_right a:hover{color:#000000; text-decoration:none} .resource_links_right p {color:#000000; font-size:11px; font-weight:normal;height:60px;line-height:12px; margin:5px 0 0 0; padding:0; width:390px;} a.emailus, a:visited.emailus, a:active.emailus, a:link.emailus{ color:#000000; font-size:11px; font-weight:bold; text-decoration:underline; margin:0; padding:0; height:14px; line-height:14px; } a:hover.emailus{color:#000000; text-decoration:none} /******************************************* CONTENT PAGES ****************************************************************/ #contentPage{margin:0 0 0 20px; width:520px} #contentPage p{line-height:15px; margin-left:0} #contentPage h3{margin:0; padding:0; font-size:11px} #contentPage ul{padding:0 0 10px 0; margin:0 0 0 30px; list-style-image:url(../img/icon_bullet.gif)} #contentPage li{margin:5px 0 0 0; padding:0} #contentPage a{color:#1c60ab; font-weight:bold} .roundedTable2{margin:10px 0 20px 0} .roundedTable2 table{background-color:#f6f6f6; font-size:11px;width:510px; margin:0 auto 0 auto; padding:0; border-collapse:collapse} .roundedTable2 th{padding:0; text-align:center; font-weight:normal; background-color:#CECECE; height:35px} .roundedTable2 td{padding:1px 5px 1px 10px; height:35px; background-color:#e8e8e8} .roundedTable2 .tableTopLeft{width:70px; padding-left:10px; background-image:url(../img/workshop/tableTopLeft.gif); background-repeat:no-repeat; background-position:top left} .roundedTable2 .tableTopRight{width:5px; padding:0; margin:0; background-image:url(../img/workshop/tableTopRight.gif); background-repeat:no-repeat; background-position:top right} .roundedTable2 .tableBottomLeft{width:70px; background-image:url(../img/workshop/tableBottomLeft.gif); background-repeat:no-repeat; background-position:bottom Left} .roundedTable2 .tableBottomRight{width:5px; padding:0; margin:0; background-image:url(../img/workshop/tableBottomRight.gif); background-repeat:no-repeat; background-position:bottom right} .roundedTable2 .tableFooter{background-image:url(../img/workshop/tablebottom.gif); background-repeat:repeat-x; background-position:bottom} .roundedTable2 .generalBikes{width:90px; background-image:url(../img/workshop/tableHeadDivider.gif); background-repeat:repeat-y; background-position:left} .roundedTable2 .roadBikes{width:80px; background-image:url(../img/workshop/tableHeadDivider.gif); background-repeat:repeat-y; background-position:left} .roundedTable2 .bikeService{width:290px} .roundedTable2 .headDivider{height:35px; line-height:35px;} .roundedTable2 .colDivider{text-align:center; background-image:url(../img/workshop/tableColDivider.gif); background-repeat:repeat-y; background-position:left} .roundedTable2 .rowDivider{height:2px; background-image:url(../img/workshop/tableRowDivider.gif); background-repeat:repeat-x; background-position:bottom} /******************************************** RIGHT COLUMN ****************************************************************/ .flash{margin-bottom:10px; background:url(../img/flashBannerBG.gif) no-repeat -2px 0; width:155px; height:107px; padding:40px 15px 0 12px; position:relative} a.greylink, a:visited.greylink, a:link.greylink, a:active.greylink{font-size:11px; text-transform:uppercase; font-weight:bold; color:#a3a3a3; text-decoration:underline; width:94px; padding:0; line-height:11px; margin:0 0 0 1px} a:hover.greylink{color:#1D61AC;} a.brandsLink, a:visited.brandsLink, a:link.brandsLink, a:active.brandsLink{display:block; font-size:12px; color:#ffffff; text-decoration:none; padding:0; line-height:11px; text-align:center; position:absolute; bottom:14px; right:11px} a:hover.brandsLink{text-decoration:underline} .awtackle{display:block; margin-bottom:10px} .rightNav_banner_placeHolder{width:180px; height:228px} /*Footer*/ .footer{background-image:url(../img/footerbg.gif); background-repeat:repeat-x; height:39px; position:relative} .mad{position:absolute; top:10px; left:10px} a.footlinks ,a:link.footlinks ,a:active.footlinks ,a:visited.footlinks{font-size:11px; text-decoration:none; color:#ffffff; font-weight:normal} a:hover.footlinks{text-decoration:underline; color:#fcd83f} .footadmin{position:absolute; top:10px; left:560px} /****************************************** SUBCAT ROLLOVERS ******************************************/ /**** CYCLE ACCESSORIES ****/ .cycleAccTools a{background-image:url(../img/bikecat/cycleaccessories/cycacc_cat_tools.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccTools a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccStorage a{background-image:url(../img/bikecat/cycleaccessories/cycacc_cat_storage.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccStorage a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccCar a{background-image:url(../img/bikecat/cycleaccessories/cycacc_cat_carriers.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccCar a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccBooks a{background-image:url(../img/bikecat/cycleaccessories/cycacc_cat_books.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccBooks a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccFood a{background-image:url(../img/bikecat/cycleaccessories/cycacc_cat_energy.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccFood a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccTwo a{background-image:url(../img/bikecat/cycleaccessories/cycacc_cat_radios.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccTwo a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccFit a{background-image:url(../img/bikecat/cycleaccessories/cycacc_cat_keepfit.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccFit a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccTurbo a{background-image:url(../img/bikecat/cycleaccessories/cycacc_cat_turbo.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .cycleAccTurbo a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} /**** BIKE ACCESSORIES ****/ .bikeAccLights a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_lights.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccLights a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccBags a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_bags.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccBags a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccLocks a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_locks.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccLocks a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccBottles a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_bottles.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccBottles a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccMudguards a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_mudguards.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccMudguards a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccMirrors a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_mirrors.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccMirrors a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccPumps a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_pumps.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccPumps a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccComps a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_computers.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccComps a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccHydration a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_hydration.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccHydration a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccTrailers a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_trailers.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccTrailers a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccBaby a{background-image:url(../img/bikecat/bikeaccessories/bikeacc_cat_baby.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bikeAccBaby a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .catbox_rollover{position:absolute; top:0; left:155px; margin:0; padding:0} .brands_new a{background-image:url(../img/bike_parts_cat/cat_brands.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .brands_new a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .brake_levers a{background-image:url(../img/bike_parts_cat/parts_cat_brakelevers.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .brake_levers a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .brakes a{background-image:url(../img/bike_parts_cat/parts_cat_brakes.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .brakes a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .chain_guides a{background-image:url(../img/bike_parts_cat/parts_cat_chainguides.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .chain_guides a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .cranks a{background-image:url(../img/bike_parts_cat/parts_cat_cranks.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .cranks a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .forks a{background-image:url(../img/bike_parts_cat/parts_cat_forks.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .forks a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .frames a{background-image:url(../img/bike_parts_cat/parts_cat_frames.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .frames a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .gears a{background-image:url(../img/bike_parts_cat/parts_cat_gears.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .gears a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .handlebars a{background-image:url(../img/bike_parts_cat/parts_cat_handlebars.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .handlebars a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .headsets a{background-image:url(../img/bike_parts_cat/parts_cat_headsets.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .headsets a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .pedals a{background-image:url(../img/bike_parts_cat/parts_cat_pedals.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .pedals a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .saddles a{background-image:url(../img/bike_parts_cat/parts_cat_saddles.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .saddles a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .seatposts a{background-image:url(../img/bike_parts_cat/parts_cat_seatposts.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .seatposts a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .tyres a{background-image:url(../img/bike_parts_cat/parts_cat_tyres.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .tyres a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .wheels a{background-image:url(../img/bike_parts_cat/parts_cat_wheels.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .wheels a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .eyewear a{background-image:url(../img/cycle_clothing_cat/clothing_cat_eyewear.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .eyewear a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .facemasks a{background-image:url(../img/cycle_clothing_cat/clothing_cat_facemasks.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .facemasks a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .gloves a{background-image:url(../img/cycle_clothing_cat/clothing_cat_gloves.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .gloves a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .helmets-headwear a{background-image:url(../img/cycle_clothing_cat/clothing_cat_helmets.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .helmets-headwear a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .jerseys-tops a{background-image:url(../img/cycle_clothing_cat/clothing_cat_jerseys.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .jerseys-tops a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .shoes a{background-image:url(../img/cycle_clothing_cat/clothing_cat_shoes.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .shoes a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .shorts a{background-image:url(../img/cycle_clothing_cat/clothing_cat_shorts.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .shorts a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .skinsuits a{background-image:url(../img/cycle_clothing_cat/clothing_cat_skinsuits.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .skinsuits a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .triathlon a{background-image:url(../img/cycle_clothing_cat/clothing_cat_triathlon.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .triathlon a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .trousers a{background-image:url(../img/cycle_clothing_cat/clothing_cat_trousers.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .trousers a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .arm-legwarmers a{background-image:url(../img/cycle_clothing_cat/clothing_cat_arm.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .arm-legwarmers a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .baselayers a{background-image:url(../img/cycle_clothing_cat/clothing_cat_base.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .baselayers a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .bodyarmour a{background-image:url(../img/cycle_clothing_cat/clothing_cat_armour.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .bodyarmour a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .casualwear a{background-image:url(../img/cycle_clothing_cat/clothing_cat_casual.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .casualwear a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .reflective-gear a{background-image:url(../img/cycle_clothing_cat/clothing_cat_reflect.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .reflective-gear a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .socks-underwear a{background-image:url(../img/cycle_clothing_cat/clothing_cat_socks.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .socks-underwear a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} .support-braces a{background-image:url(../img/cycle_clothing_cat/clothing_cat_braces.gif); background-repeat:no-repeat; width:126px; height:89px; display:block} .support-braces a:hover{background-position:0 -89px; background-repeat:no-repeat; width:126px; height:89px; display:block} /****Gallery****/ .gallthumb{float:left; width:127px; height:115px; margin:0 22px 20px 22px; display:inline; background:url(../img/about/bg.gif) 0 95px no-repeat} .gallthumb img{border:1px solid #aeaeae} a.thumblink, a:link.thumblink, a:active.thumblink, a:visited.thumblink{color:#515151; margin:0 0 0 22px; text-decoration:none; font-weight:normal} a:hover.thumblink{text-decoration:underline; font-weight:normal} .gallthumb2{float:left; width:205px; height:150px; margin:0 22px 20px 22px; display:inline; background:url(../img/about/bg2.gif) 0px 131px no-repeat} .gallthumb2 img{border:1px solid #aeaeae} /****** 400/500 errors *****/ .error_500{padding-right:0; padding-left:0; background-image:url(../img/http500.jpg); padding-bottom:0; margin:0 0 22px; width:550px; padding-top:0; background-repeat:no-repeat; position:relative; height:197px; text-align:center } .error_500 P{padding-top:125px } .error_404{background-image:url(../img/http404.jpg); background-repeat:no-repeat; width:550px; height:197px; position:relative; margin:0 0 22px 0; padding:0 0 0 0; text-align:center;} .error_404 p{padding-top:125px;} .unavailable{background-image:url(../img/SORRY_UNAVAILABLE.jpg); background-repeat:no-repeat; width:550px; height:197px; position:relative; margin:0 0 22px 0; padding:0 0 0 0; text-align:center;} .unavailable p{padding-top:125px;} div.prodbacklinkage{position:absolute; width:500px;bottom:10px;left:10px} div.prodbacklinkage a{float:left;font-weight:bold;text-decoration:none;color:#1c60ab;margin-left:20px} a:hover.prodbacklinkage{text-decoration:underline} /* RELATED PRODUCTS */ .relatedProduct{float:left; /*width:180px;*/color:#000} .relatedProduct a{color:#000} .relatedProduct #productPrices{width:180px; height:60px;font-weight:bold} .relatedProduct #productPrices .productPriceSave{width:180px;font-weight:bold} .relatedProduct #productPrices .productPriceSave span.normal{font-weight:bold} .relatedProduct #productPrices .productPrice{width:180px;font-weight:bold} #productPrices{width:240px; text-align:center; height:70px} #productPrices p{line-height:16px; margin:0; padding:0} #productPrices .productPriceSave{color:#1c60ab; font-weight:bold; font-size:12px; height:22px; line-height:22px; width:240px; background-image:url(../img/products/yellow_bg_small.gif); background-repeat:no-repeat; background-position:center center} #productPrices .productPrice{color:#fff; font-weight:bold; font-size:12px; height:22px; line-height:22px; width:240px; background-image:url(../img/products/blue_bg_small.gif); background-repeat:no-repeat; background-position:center center} #productPrices .productSave{color:#e20c0c; font-weight:bold} .relatedImg{/*width:180px;*/ text-align:center} .relatedImg p{margin:5px 0; padding:0; font-weight:bold; color:#000} .relatedProduct div.moreinfo{position:relative; top:0; left:51px} /* competition */ .competitionBlueBox { width:550px; background:url(../img/competition/competition_header.gif) no-repeat; } .competitionBlueBox h2 { color:#ffffff; font-size:110%; margin-bottom:27px; padding-top:7px; } .competition_banner { text-align:center; margin-bottom:24px; } .competition { width:515px; height:381px; margin:0 auto 60px; position:relative; top:14px; } .question { background:url(../img/competition/competition_bg.jpg) no-repeat; display:block; } .question h2 { font-size:14px; font-family:Arial; color:#1c60ab; width:260px; margin:0 auto 65px; text-align:center; position:relative; top:42px; line-height:1.1em; height:50px;} .question fieldset.compQuestion { border:0; width:130px; margin:0 auto; } .question fieldset.compQuestion input { margin:0 10px 8px 0; border:0; } .question fieldset.compQuestion label { color:#1c60ab; font-size:12px; position:relative; top:-5px; } .question fieldset.singleAnswer { display:none; } .question fieldset.singleAnswer input { border:1px solid #477ebb; width:200px; margin-left:68px; } .question div.divider { width:474px; height:3px; background:url(../img/competition/divider.gif) no-repeat; margin:0 auto; } .question fieldset.details { border:0; padding-left:80px; width:433px; } .question fieldset.details label { display:block; float:left; width:92px; color:#000000; } .question fieldset.details label.wide { position:relative; left:-64px; width:233px; } #ddFeedBack { position:relative; left:-59px; border:1px solid #477ebb; } .question fieldset.details input { float:left; display:block; width:200px; border:1px solid #477ebb; } .question fieldset.details p.required, .question fieldset.details .req { color:#ff0000; } .question fieldset.details p.required { margin:10px 0 4px 85px; font-size:90%; } .question fieldset.details p.terms { float:left; margin:0 0 0 -20px; padding-top:6px; font-size:90%; } .question fieldset.details p.terms a { color:#000000; text-decoration:none; font-weight:normal; } .question fieldset.details p.terms a:hover {text-decoration:underline; } .question fieldset.details a#submit { background:url(../img/competition/submit.gif) no-repeat; width:52px; height:20px; display:block; float:right; text-decoration:none; padding:5px 0 0 14px; position:relative; left:-40px; } .question fieldset.details a#submit:hover { text-decoration:underline; color:#ffffff; } .question fieldset.details a#submit strong { color:#ffffff; } #terms { width:509px; margin:0 auto; } #terms p { margin:0; } #divNoComp { padding:20px 0 50px 0; } #divNoComp h2 { position:relative; top:-20px; } .thanks { background:url(../img/competition/competition_bg_thanks.jpg) no-repeat; text-align:center; height:300px; } .thanks img { margin:46px 0 70px; } .thanks p.heading { color:#1c60ab; font-weight:bold; font-size:12px; margin-bottom:15px; } .thanks p, .winner p.last { margin:0 70px 15px 70px; } .winner { background:url(../img/competition/competition_bg_winner.jpg) no-repeat; text-align:center; padding-top:140px; height:241px; } .compErr { font-weight:bold; color:#ff0000; font-size:11px; position:relative; right:8px; top:2px; display:block; width:100px; padding-right:20px; text-align:right; float:right; background:url(../img/errorSmall_nobg.gif) no-repeat 100% -1px; } #errOption { position:relative; top:-15px; } #errAnswer { margin-top: -15px; } .competition.auto { background:url(../img/competition/competition_bg_blank.jpg) no-repeat; text-align:center; height:173px; padding-top:77px;} .competition.auto p { margin:0 70px 15px 70px; } .competition.auto p strong { color:#1c60ab; font-weight:bold; }