/* common basics */ .left { float:left; } .right { float:right; } .clear { clear:both; } .hide { display:none; } .hidespan span { position:absolute; left:-99999px; } .padded { padding:10px; } .white { color:#fff; } .black { color:#000; } .red { color:#900; } .grey { color:#999; } .green { color:#fc8341; } .highlighted { color:#fc8341; } .errors { border:1px solid #900; padding:2px; color:#900; } .strike-through { color:#900; text-decoration: line-through; } .line-through { color:#c00; text-decoration: line-through; font-size:0.9em; } .form { width: 450px; } .label { clear:left; float:left; width:120px; margin:6px; margin-right:10px; } .input { float:left; width:300px; margin:4px; } .input input { width:250px; } .input textarea { width:250px; height:100px } /* tags */ h1, h2, h3, h4, h5 { font-size:13px; color:#fc8341; font-weight: bold; padding:0; } hr { border:0; background-color:#fc8341; color:#fc8341; height:1px; } hr.grey { border:0; background-color:#666; color:#666; height:1px; } a { color:#fc8341; text-decoration:none; } a:hover { color:#9e4824; } input, select { font-family:Verdana, Verdana, Geneva, sans-serif; color:#003; padding:0; margin:0; margin-bottom:1px; font-size:11px; height:14px; } select { height:18px } form { margin:0; padding:0 } input[type="submit"], .button { font-family:Verdana, Verdana, Geneva, sans-serif; color:#fff; font-size:10px; height:18px; line-height:10px; padding:1px; text-transform:uppercase; background-color:#fc8341; border:1px solid #ffcb65; border-bottom:1px solid #703a1c; border-right:1px solid #703a1c; } table { border:0; padding:0; margin:0 } table th { background-color: #fc8341; border:0; color:#fff; } table td { background-color: #fff; border:0; color:#333; } td select { font-size:10px; } .row-odd { background:#fff; } .row-even { background:#eee; } img { border:0 } /* ************** main css ************** */ body { background: url(/images/bkgrd.gif) #999; margin: 0; padding: 0; text-align: center; font-family: Verdana, "Helvetica Neue", sans-serif; font-size:11px; line-height:14px; color: #5d6e8a; width:100%; } /* Header Area */ #header { width:100%; position:relative; padding:0; } #header-content { margin:0 auto; width:1168px; height:161px; text-align:left; background:url(/images/header/header_bkgrd.jpg) no-repeat; } #header .homepage { background:url(/images/header/header_bkgrd.jpg) no-repeat; height:138px; } #header .internal { background:url(/images/header/header_bkgrd.jpg) no-repeat; } #header #logo { float:left; display:block; width:470px; height:110px; text-indent: -9999px; } #follow-us { float:left; width:283px; height:89px; background:url(/images/header/follow_us2.gif) no-repeat; margin-top:7px; } #follow-us ul { margin-left: 93px; padding:0; } #follow-us li { float:left; list-style-type:none; height:46px; width:32px; margin-left:6px; } #follow-us li a { display:block; text-indent:-9999px; height:46px; } #follow-us #free-uk-delivery a { display:block; text-indent:-9999px; width:283px; height:44px; } #help-centre { margin-top:15px; margin-right:15px; float:right; display:block; width:385px; height:76px; color:#fff; background:url(/images/header/info_box_bkgrd.gif) #25180d repeat-x; } #header-links { margin:0; padding:0; } #header-links li { float:left; list-style-type:none; height:21px; } #header-links li a,#header-links li span { width:100%; height:21px; display:block; text-indent: -9999px; } #header-links li #h-contact { background:url(/images/header/contact.gif) no-repeat; width:58px; } #header-links li #h-contact:hover { background-position: 0 -21px; } #header-links li #h-security { background:url(/images/header/security.gif) no-repeat; width:58px; } #header-links li #h-security:hover { background-position: 0 -21px; } #header-links li #h-wishlist { background:url(/images/header/wishlist.gif) no-repeat; width:58px; } #header-links li #h-wishlist:hover { background-position: 0 -21px; } #header-links li #h-delivery { background:url(/images/header/delivery.gif) no-repeat; width:60px; } #header-links li #h-delivery:hover { background-position: 0 -21px; } #header-links li #h-returns { background:url(/images/header/returns.gif) no-repeat; width:57px; } #header-links li #h-returns:hover { background-position: 0 -21px; } #header-links li #h-track_order { background:url(/images/header/track_order.gif) no-repeat; width:75px; } #header-links li #h-track_order:hover { background-position: 0 -21px; } #header-links li #h-my_account { background:url(/images/header/my_account.gif) no-repeat; width:77px; } #header-links li #h-my_account:hover { background-position: 0 -21px; } #header #search { clear:both; height:19px } #header #search h3 { display:none; } #header #search-box { width:298px; margin-left:5px; padding:2px 2px; height:23px; font-size:12px; font-style: italic; color:#666; border:0; float:left; border-bottom:1px solid #999; border-right:1px solid #999; } #header #search-button { float:right; margin-right:5px; display:block; width:68px; height:27px; background:url(/images/header/large_search.gif) #2f5cb2; color:#fff; text-indent: -9999px; } #header #livesearch {clear:both; z-index:1500; position:absolute; margin-top:30px; margin-left:5px; width:368px; padding:4px; color:#fff; } #header #livesearch a { color:#fc8341 } #header #livesearch a:hover { color:#666 } #header #livesearch .live-search-link { font-size:8.5px; } #header #search-button:hover { background-position: 0 100%; } #header #mcafee { margin:20px 0; margin-right:2px; float:right; display:block; width:67px; height: 42px; background-color:#fff } #header-nav { clear:both; margin:0; padding:0; background:url(/images/header/bkgrd.gif) #25180d repeat-x; } #header-nav li { float:left; list-style-type:none; height:28px; } #header-nav li #brands { background:url(/images/header/nav/brands.gif) no-repeat; width:100px; } #header-nav li:hover #brands { background-position: 0 100%; } #header-nav li #pushscooters { background:url(/images/header/nav/pushscooters.gif) no-repeat; width:155px; } #header-nav li:hover #pushscooters { background-position: 0 100%; } #header-nav li #skateboards { background:url(/images/header/nav/skateboards.gif) no-repeat; width:145px; } #header-nav li:hover #skateboards { background-position: 0 100%; } #header-nav li #clothing { background:url(/images/header/nav/clothing.gif) no-repeat; width:114px; } #header-nav li:hover #clothing { background-position: 0 100%; } #header-nav li #shoes { background:url(/images/header/nav/shoes.gif) no-repeat; width:87px; } #header-nav li:hover #shoes { background-position: 0 100%; } #header-nav li #bags { background:url(/images/header/nav/bags.gif) no-repeat; width:78px; } #header-nav li:hover #bags { background-position: 0 100%; } #header-nav li #kit { background:url(/images/header/nav/kit.gif) no-repeat; width:64px; } #header-nav li:hover #kit { background-position: 0 100%; } #header-nav li #mens { background:url(/images/header/nav/mens.gif) no-repeat; width:80px; } #header-nav li:hover #mens { background-position: 0 100%; } #header-nav li #womens { background:url(/images/header/nav/womens.gif) no-repeat; width:105px; } #header-nav li:hover #womens { background-position: 0 100%; } #header-nav li #kids { background:url(/images/header/nav/kids.gif) no-repeat; width:74px; } #header-nav li:hover #kids { background-position: 0 100%; } #header-nav li a { width:88px; height:28px; display:block; text-indent: -9999px; background-position: 0; } .nav { position:absolute; left:-9999px; top:138px; width:680px; height:340px; border:1px solid #fc8341; border-right:0; background:url(/images/navigation/dropdown_bkgrd.png) repeat-x; z-index:1200; } #header-nav li:hover .nav { left:auto; } #header-nav .basket-empty { background:url(/images/header/nav/basket_empty.gif) no-repeat; margin-left:126px; width:40px } #header-nav .basket-empty:hover{ background-position: 0 100%; } #header-nav .basket-full { background:url(/images/header/nav/basket_full.gif) no-repeat; margin-left:126px; width:40px } #header-nav .basket-full:hover { background-position: 0 100%; } #header-nav li ul { margin:0; padding:0; } #header-nav li li { list-style-type:none; height:18px; margin:2px 0; float:none; } #header-nav li li a { text-indent:5px; width:auto; height:14px; padding:4px 3px; padding-right:0; display:block; color:#363636; font-size:11px; background:none; } #header-nav li li a:hover { color:#fff; background-color:#fc8341; } .hide { display:none } .nav h3 { margin:0; padding:0; line-height:10px; font-size:10px; width:135px; height:28px; text-indent: -9999px; display:block; } #nav-by-brand { background:url(/images/navigation/view_by_brand.gif) no-repeat; width:295px; } #nav-m-offers { width:1006px; height:450px; } #nav-m-brands { width:905px; height:380px; } #nav-m-basket { width:200px; height:auto; margin-left:-36px; background-position:-20px; } .nav-col { float:left; width:135px; border-right: solid 1px #fc8341; height:340px; } .nav-brand-col { float:left; width:325px; height:429px } .branddropdown { width:107px; height:400px; } .branddropdownborder { border-left:1px solid #fc8341; } #brand-nav-footer { position:relative; margin:0; padding:0; background:url(/images/header/nav/breadcrumb_bkgrd.gif) repeat-x; height:20px; width:905px; display:block; text-indent:5px; padding-top:3px; color:#fff } #brand-nav-footer span a { float:left; text-indent:10px; width:auto; height:14px; margin:0; padding:0; display:inline; color:#fff; font-size:11px; font-weight:bold; background:none; } #brand-nav-footer a:hover { color:#363636 } /* Main Content Area */ /* homepage */ #main { width:100%; margin:0; padding:0; } .main-content { margin:0 auto; width:1168px; height:468px; background:url(none) center 0 no-repeat #5d6e8a; } /* homepage discipline and brands */ .frontpage-feature-area { position:relative; min-height:418px; } .frontpage-main-discipline { position:relative; background-color:#5d6e8a; text-align:left; padding:10px 0; } .feature-brand { background:url(/images/shared/rollover_alpha.png) repeat-x; width:115px; margin-left:11px; height:30px; display:inline-block; border:1px solid #fff; text-align:center; } .feature-brand:hover { background-position: 0 100%; } #sign-up { width:100%; margin:0; padding:0; margin-top:1px; } #sign-up-content { margin:0 auto; width:1168px; background-color:#5d6e8a} #sign-up-content span { float:left; display:block; margin:9px; margin-left:210px; width:440px; height:18px; background:url(/images/homepage/sign_up_to_newsletter.gif) no-repeat; text-indent: -9999px; } #sign-up-content #sign-up-box { margin:6px; font-size:10px; font-style: italic; color:#666; width:200px; } #features { width:100%; margin:0; padding:0; } #features-content { margin:0 auto;width:1168px; height:138px; background-color:#fff; border:1px solid #fc8341; } .feature { display:block; width:279px; height:120px; float:left; margin:10px; margin-right:0; border:1px solid #fc8341; background-color:#fc8341; } .description-box { float:left; margin-left:5px; margin-right:15px; } .backtotop { padding:0;text-indent: -9999px; background:url(/images/shared/back_to_top.gif) no-repeat; display:inline-block; width:89px; height:9px; } .backtotop:hover { background-position: 0 100%; } .scrollup { padding:0;margin-left:5px; text-indent: -9999px; background:url(/images/shared/up_arrow.gif) no-repeat; display:inline-block; width:13px; height:9px; } .scrollup:hover { background-position: 0 100%;} .scrolldown { padding:0;margin-left:5px; text-indent: -9999px; background:url(/images/shared/down_arrow.gif) no-repeat; display:inline-block; width:13px; height:9px; } .scrolldown:hover { background-position: 0 100%; } #page { width:100%; margin:0; padding:0; } #page-content { margin:0 auto; padding:0; width:1168px; text-align:left; padding-top:1px; border-left:1px solid #000; min-height:400px; background:url(/images/shared/filter_bkgrd.gif) no-repeat #5d6e8a; } #page-content h1 { background:url(/images/header/nav/breadcrumb_bkgrd.gif) repeat-x #5d6e8a; color:#fff; font-size:20px; line-height:24px; display:inline; font-weight:normal; padding:2px 5px; } #page-title { clear:both; margin-top:1px; padding:1px 0;; height:21px; } #page-title h2 { margin:0; padding:0; font-size:11px; line-height:20px; height:21px; color:#fff; width:1168px; font-weight:normal; background:url(/images/header/nav/breadcrumb_bkgrd.gif) repeat-x #5d6e8a; } #page-title a { margin-top:1px; margin-right:2px; padding-right:10px; color:#fff; line-height:18px; float:left; display:block; height:19px; background:url(/images/header/nav/title_divider.gif) right no-repeat; } #page-title a:hover { color:#000; } #page-title #product-title { text-indent: -9999px; } #title-home a { background:url(/images/header/nav/home.gif) no-repeat left; padding:0; width:30px; text-indent: -9999px; } #internal-page {background:url(/images/shared/default_bkgrd.gif) no-repeat #fff; width:1168px; margin:0 auto; text-align:left; min-height:400px; } #internal-page h1, #internal-page h2 { font-size:24px; line-height:25px; margin:0; padding:10px; text-align:right; font-weight:normal; } /* brand area */ #brand-main-area { float:left; width:920px; background-color:#fff;min-height:400px; } #brand-main-area .in-text { margin:5px; border:1px solid #000; } #brand-main-area .brand-boxless { float:left; padding:0; margin:8px; line-height:0; } #brand-main-area .brand-box { float:left; border:1px solid #000; padding:0; margin:1px; line-height:0; } #brand-main-area .brand-box img { border:0; padding:0; margin:0; } /* products */ /* product list */ #image-popup { position:fixed; z-index:100; top:0; left:0; width:100%; height:100%; display:none; background-color:rgba(0, 0, 0, 0.7); } #image-popup #pp-content{ position:fixed; z-index:101; margin:0 auto; left:50%; top:50%; margin-top:-260px; margin-left:-400px; width:800px; height:531px; background:url(/images/filters/loading.gif) no-repeat 50% 50% #fff; padding:3px; border:1px solid #363636;} #filters { margin:0; padding:0; color:#fff; width:244px; float:left; } #viewing-items { height:11px; text-align:right; margin-top:5px; margin-right:10px; color:#999; } #reset-all { float:right; margin-top:5px; margin-right:10px; margin-bottom:-10px; color:#999; background:url(/images/filters/reset_all.gif) no-repeat; display:block; text-indent: -9999px; width:69px; height:10px; } #reset-all:hover { background-position: 0 100%; } #filters h3 { margin-top:25px; width:220px; height:9px; display:block; text-indent: -9999px; padding-bottom:2px; border-bottom:1px solid #717171; } #filters #filter_by_category { background:url(/images/filters/filter_by_category.gif) no-repeat; } #filters #filter_by_brand { background:url(/images/filters/filter_by_brand.gif) no-repeat; } #filters #filter_by_gender { background:url(/images/filters/filter_by_gender.gif) no-repeat; } #filters #filter_by_colour { background:url(/images/filters/filter_by_colour.gif) no-repeat; } #filters #filter_by_size { background:url(/images/filters/filter_by_size.gif) no-repeat; } #filters #filter_by_model { background:url(/images/filters/filter_by_model.gif) no-repeat; } #filters #filter_by_feature { background:url(/images/filters/filter_by_feature.gif) no-repeat; } #filters #filter_by_price { background:url(/images/filters/filter_by_price.gif) no-repeat; } #filters .filter-checkbox { float:left; width:105px; margin-right:5px; overflow:hidden; height:18px; margin-bottom:2px; } #filters .wide { width:200px; } #filters .filter-checkbox input { margin-top:5px; } #filters .filter-checkbox label { margin:0; padding:0; vertical-align:top; line-height:24px;} #filters .filter-checkbox label:hover { color:#fc8341; } #filters .filters-limited { max-height:250px; overflow:auto; border-bottom:1px solid #717171; } #filter_by_price_box { width:218px; height:100px; background:url(/images/filters/price_bkgrd.gif) repeat-x; } .price-draggable { float:left;position:relative; background-color:#fc8341; display:block } #price-max { text-align:right; } #loading { position:absolute; z-index:1020; margin-top:10px; width:920px; height:1400px; display:block; background:url(/images/filters/loading.gif) #fff 50% 0 no-repeat; opacity:0.4;filter:alpha(opacity=40); } #product-results { margin-left:40px; min-height:1520px; z-index:10; } #product-results .main-copy { text-align:justify; padding-right:40px } .info-strip { margin:10px 0; width:838px; } #view-by { float:left; line-height:20px; } #availability-thumbnail { float:left; margin-left:20px; line-height:20px; } .info-strip .page-buttons { float:right; } .info-strip .page-button { border:1px solid #999; background-color:#fff; color:#999; display:inline-block; width:16px; height:16px; line-height:16px; text-align:center; margin:2px; } .info-strip .on { border:1px solid #666; color:#fff; background-color:#fc8341; } .info-strip .off { border:1px solid #666; color:#666; background-color:#fff;} .info-strip .off:hover { border:1px solid #666; background-color:#fc8341; color:#fff; } .product-thumb-img { margin:0; line-height:0px; width:180px; height:189px; } .th_img_feature { height:180px; width:180px; } .product-thumb { border: 1px solid #ddd; margin:0; padding:0; float:left; width:181px; height:299px; padding-bottom:10px; line-height:1.1em; margin-bottom:35px; margin-right:35px; } .product-thumb { bottom:0; } .product-thumb a { color: #fc8341; font-weight:bold; border: none; text-decoration: none; } .product-thumb a:hover { color: #666; } .product-thumb-header { height:22px; padding-top:4px; font-size:14px; font-weight:bold; background-color:#5d6e8a; text-align:right;width:100%; color:#fff; background-repeat: no-repeat; background-position: top center; } .product-strip { background-color:#5d6e8a; color:#fff; font-size:13px; font-weight:bold;} .product-thumb .img:hover { border:none; } .product-thumb-text { margin:0; padding:5px; background:none; min-height:0; text-transform:none; font-size:10px; line-height:11px } .mag-overlay { margin-top:-2px; position:absolute; z-index:10; width:181px; height:191px; background:none; } .mag-overlay .mag { display:none; position:relative; left: 41px; width:87px; height:20px; background:url(/images/products/quick_shop.gif) no-repeat top; } .mag-overlay .mag:hover { background-position:0 -20px;} .mag-overlay-product { display:block; height:168px; width: 180px; text-indent:-9999px; } .product-slim-thumb { font-size:0.9em; width:144px; float:left; margin:2px; height:160px; } .feature-sale, .feature-top-seller , .feature-new, .feature-po { float:left; background-color:#c00; padding:2px 4px; height:15px; text-transform:uppercase; color:#fff; } .feature-top-seller { background-color:#090; font-size:9px; } .feature-new { background-color:#ac0; } .feature-po { background-color:#009; font-size:10px; } #product-left-column { float:left; width:500px; } #product-img { width:500px; height:535px; text-align:left; } #product-left-column #product-thumb { float:left; width:140px; height:140px; border:1px solid #ddd; margin:15px; margin-right:0; margin-top:0; } #product-other-thumbs { width:500px; margin-left:10px; text-align:left; } #product-left-column #sold-out { background:url(/images/products/sold_out.gif) #fc8341 no-repeat; margin:10px; margin-left:0px; width:485px; height:31px; text-indent: -9999px; } #product-right-column { width:662px; float:left; margin-top:10px; } #brand-product-title { margin:0; padding:0; height:31px; width:662px; background:url(/images/shared/grad_header_bkgrd.gif) repeat-x #999; font-size:12px; line-height:12px; text-transform:uppercase;color:#fff; } #brand-product-title h1 { float:right; display:inline-block; padding:0; margin:9px; margin-right:20px; font-size:12px; line-height:12px; text-transform:uppercase;color:#fff; font-weight:bold;} #prices { float:right; text-align:right; margin-right:20px; margin-top: 20px; } #product-options { float:left; margin-right:20px; margin-top: 20px; } #p1 { margin:0; padding:0; font-size:40px; color:#fc8341; font-weight:normal; line-height:40px; } #product-rrp { font-size:14px; line-height:14px; color:#900; text-decoration: line-through; } #p2 { font-size:11px; color:#4e4e4e; line-height:11px; font-weight:500; } #basketbutton { float:right; text-align:right; background-color:#999; width:171px; height:40px; margin:20px; margin-left:0; } #b_add_to_basket { width:171px; height:40px; } #quickfindcode { float:right; margin-top:20px; margin-right:10px; line-height:16px; color:#b7b7b7; font-size:9px; text-align:right; } #quickfindcode span { font-size:16px; } #stockstatus { float:left; width:300px; height:41px; margin-top:20px; } #p-in-stock { text-indent: -9999px; background:url(/images/products/p_in_stock.gif) no-repeat; display:inline-block; width:300px; height:41px; } #p-out-of-stock { text-indent: -9999px; background:url(/images/products/p_out_of_stock.gif) no-repeat; display:inline-block; width:300px; height:41px; } #p-preorder { background:url(/images/products/p_pre_order.gif) no-repeat; padding-left:165px; display:inline-block; width:200px; height:41px; text-align:left; color:#024aad; line-height: 13px; } #information-buttons { clear:both; margin:0; padding:0; } .information-button { background:url(/images/product/promo.gif) 0 0 #999; display:block; height:31px; float:left; } .information-button:hover { background-position: 0 -31px; } .information-button-on { background-position: 0 -31px; display:block; height:31px; float:left; } .information-button-off { background-position: 0 -62px; display:block; height:31px; float:left; } #b-promo { background-image:url(/images/products/promo.gif); width:75px; text-indent: -9999px; } #b-delivery { background-image:url(/images/products/delivery.gif); width:82px; text-indent: -9999px; } #b-description { background-image:url(/images/products/description.gif); width:104px; text-indent: -9999px; } #b-specification { background-image:url(/images/products/specification.gif); width:109px; text-indent: -9999px; } #b-brand { background-image:url(/images/products/brand.gif); width:67px; text-indent: -9999px; } #b-stock_check { background-image:url(/images/products/stock_check.gif); width:108px; text-indent: -9999px; } #b-ask_question { background-image:url(/images/products/ask_question.gif); width:117px; text-indent: -9999px; } #info-box-delivery { width:660px; text-transform:uppercase; margin-left:-10px; } #info-box-delivery h5 { background:url(/images/product/uk_mainland_delivery.gif); width:100%; height:29px; text-indent:-9999px; margin:0; padding:0; margin-bottom:20px; } #info-box-delivery table { width:100%; margin:0; padding:0; } #info-box-delivery table td { color:#363636; line-height:14px; margin:0; padding:8px 3px; height:14px; border-top:1px solid #fc8341; } #info-box-delivery .delivery-row { margin:0; text-align:center; padding:0; border:1px solid #fc8341; border-bottom:0; width:150px} #info-box-delivery .delivery-prices { text-align:center; width:150px } #information-box { clear:both; overflow:auto; width:650px; height:290px; border:1px solid #ddd; text-align:justify; margin:0; margin-bottom:10px; padding:10px; padding-right:0; } .info-box { width:620px; min-height:290px } .spec-cat { float:left; width:120px; padding:0; margin:0; font-weight:bold; margin:2px; } .spec-value { float:left; padding:0; margin:0; margin:2px; padding-left:10px; } .product-price-promise { display:block; float:left; width:130px; height:124px; background:url(/images/products/guarentee_price_promise.gif) no-repeat; text-indent: -9999px } .product-online-returns { display:block; float:left; width:185px; height:124px; background:url(/images/products/guarentee_online_returns.gif) no-repeat; text-indent: -9999px } .product-secure-ordering { display:block; float:left; width:176px; height:124px; background:url(/images/products/guarentee_secure_ordering.gif) no-repeat; text-indent: -9999px } .product-order-tracking { display:block; float:left; width:146px; height:124px; background:url(/images/products/guarentee_order_tracking.gif) no-repeat; text-indent: -9999px } .other-products { width:1160px; margin:0 auto; background-color:#fff; text-align:center; } .other-products .thumb-left { margin-top:50px; margin-left:10px; display:block; width:46px; height:100px; text-indent: -9999px; background:url(/images/products/previous.gif) no-repeat; } .other-products .thumb-left:hover { background-position: 0 100%; } .other-products .thumb-right { margin-top:50px; margin-left:10px; display:block; width:46px; height:100px; text-indent: -9999px; background:url(/images/products/next.gif) no-repeat; } .other-products .thumb-right:hover { background-position: 0 100%; } .op-button { background:url(/images/product/recently_viewed.gif) 0 0 #999; height:28px; display:block; float:left; } .op-button:hover { background-position: 0 -28px; } .op-button-on {background-position: 0 -28px; height:28px; display:block; float:left; } .op-button-on:hover { background-position: 0 -28px; } .op-button-off { background-position: 0 100%; display:block; height:28px; float:left; } #b-recently_filtered { background-image:url(/images/products/recently_filtered.gif); width:183px; text-indent: -9999px;} #b-other_colours_in_range { background-image:url(/images/products/other_colours_in_range.gif); width:273px; text-indent: -9999px;} #b-similar_items { background-image:url(/images/products/similar_items.gif); width:154px; text-indent: -9999px;} #b-recently_viewed { background-image:url(/images/products/recently_viewed.gif); width:176px; text-indent: -9999px;} #other-products-buttons { clear:both; margin:0; padding:0; width:100%;height:28px; border-bottom:1px solid #999; } /* 360 popup */ .total-blackout { position:absolute; z-index:100; top:0; left:0; background-color:#000; opacity:0.7;filter:alpha(opacity=70); width:100%; height:100% } #b-360 { position:relative; z-index:101; background-color:#fff; border:1px solid #fff; width:530px; text-align:center; margin:0 auto; margin-top:100px; } #b-360 h1 a { color:#fff; background-color:#fc8341; margin-right:2px; display:block; width:18px; height:18px; line-height:18px; text-align:center; } #b-360 h1 a:hover { background-color:#9e4824; color:#fff; } .popup { position:fixed; top:0; left:0; width:100%; height:100%; } /* discipline */ #discipline-main { width:920px; float:left; background:url(none) no-repeat center 86px #fff; } #discipline-main h1 { background:url(none) #999; margin:0; text-indent:20px; font-size:40px; line-height:80px; width:910px; display:block; } .discipline-subheader { background:url(none) #999; margin:0; text-indent:10px; margin-top:2px; font-size:30px; line-height:40px; width:100%; display:block; color:#fff; font-weight:normal; } .discipline-block-link { float:left; background:url(none) #999; margin:0; padding:20px; font-size:30px; line-height:32px; display:block; width:265px; border-right:2px solid #fff; ; border-top:2px solid #fff; height:40px;color:#fff; } .discipline-block-link:hover { background-color:#fc8341; } #disc-menu { margin:0; padding:0; margin-bottom:30px; color:#fff; width:244px; float:left; } #disc-menu h3 { margin-top:25px; width:220px; font-weight:normal; text-indent:0; height:15px; font-size:13px; line-height:15px; display:block; border-bottom:1px solid #fc8341; padding-left: 15px; color:#fff; } #disc-menu h3 a { color:#fff; } #disc-menu ul {margin:0; padding:0 } #disc-menu li { list-style-type:none; padding:0; text-indent:0; margin:3px 20px; } .discipline-brands { background-position:0 0; background-repeat: no-repeat; margin-bottom:5px; padding-left:160px; text-align:left; } #scrolling-container { float:left; overflow:hidden; width:180px; height:408px; margin:10px; margin-bottom:0; } #scrollingbox { text-align:left; } .scrollingbox-container { height:388px; margin-bottom:20px } #scrollingbox .scrollingboxitem { margin:0;padding:0; background-color:#fff; border:1px solid #fc8341; opacity:0.8;filter:alpha(opacity=80); } #scrollingbox li { list-style-type:none; height:17px; } #scrollingbox a { color:#000; background:none; font-size:11px; line-height:14px; font-weight:normal; padding:2px; display:block; margin:0; } #scrollingbox a:hover { background-color:#fc8341; color:#fff; } .brandlogolist { float:left; border:1px solid #eee; margin:16px; width:132px; height:31px; } /* other pages */ .links-img { float:left; margin-top:5px; margin-left:5px; padding:5px; width:164px; height:130px; } .links-txt { float:left; margin-left:10px; margin-top:10px; width:610px; margin-bottom:10px; } /* checkout */ #order-page { margin:0 auto; padding:0; background:url(/images/shared/default_bkgrd.gif) no-repeat #fff; width:1162px; min-height:400px; padding-top:20px; text-align:left; } #order-page h2 { margin:0; padding:0 10px; font-size:18px; line-height:20px; height:21px; color:#fff; font-weight:normal; background:url(/images/header/nav/breadcrumb_bkgrd.gif) repeat-x #5d6e8a; } #order-page h1 { display:none; } .basket-page { background:url(/images/order/order_process01.gif) no-repeat; margin:0; padding-top:30px; margin-left:1px; } .enter-details { background:url(/images/order/order_process02.gif) no-repeat; margin:0; padding-top:30px; margin-left:1px; } .completed { background:url(/images/order/order_process03.gif) no-repeat; margin:0; padding-top:30px; margin-left:1px; } .checkout-error { width:90%; margin:10px; padding:5px; border:2px solid #000 } .checkout-error h3 { background:url(/images/icons/error_lrg.gif) no-repeat; padding-left:50px; height:40px } .error-label { background:url(/images/icons/error.gif) 0 2px no-repeat } .checkout-label { clear:both; float:left; width:150px; padding:2px; margin-left:20px; text-align:right; } .checkout-input { float:left; padding:2px; padding-left:20px; width:350px } .checkout-input input { width:320px } .ex-checkout-input { float:left; padding:2px; padding-left:20px; width:230px; } .ex-checkout-input input { width:180px } #d-creditcard { clear:both; width:650px; } .order-summary { padding:2px; margin-left:220px; } .order-summary table { width:100% } #complete-your-order { background:url(/images/order/complete_your_order.gif) no-repeat #5d6e8a; width:243px; height:40px; border:0; margin:0; padding:0; display:block; text-indent: -9999px; } #csc-img { position:absolute; width:172px; height:112px; padding:2px; border:1px solid #000; background-color:#fff; } /* footer */ .footer { width:100%; margin:0; padding:0; } .internal { background:none; } .discontinued { float:left; width:380px; font-size:9px; color:#5d6e8a; } .discontinued a { color:#fc8341; } .discontinued a:hover { color:#9e4824; } .footer h3 { font-size:10px; text-transform:uppercase; margin:5px 2px; margin-top:10px; padding:0; color:#5d6e8a; padding-bottom:2px; border-bottom:1px solid #666; } .footer-content { margin:0 auto; width:1168px; margin-bottom:10px; color:#5d6e8a; font-size:11px; font-weight:normal; line-height:14px; padding-top:2px; text-align:justify; background-color:#fff } .footer-content ul { margin:0; padding:0; margin-bottom:5px } .footer-content li { list-style-type:none; display:block; width:220px; margin:5px; float:left; } .footer-content li a { color:#fc8341; } .footer-content li a:hover { color:#9e4824; } .footer-content p { clear:both; } #footer-links { margin:0; padding:0; margin-bottom:5px; margin-left:100px; } #footer-links li { list-style-type:none; width:auto; display:block; margin:5px 30px; float:left; } #footer-links li a { color:#666; } .scrollbox ul { width:100%; } .scrollbox li { list-style-type:none; display:block-inline; width:170px; margin:2px 5px; } .scrollbox li a { color:#fc8341; } .scrollbox li a:hover { color:#9e4824; } .scrollbox3 ul { width:100%; } .scrollbox3 li { list-style-type:none; width:100%; margin:2px 5px; } .scrollbox3 li a { color:#fc8341; } .scrollbox3 li a:hover { color:#9e4824; }