@charset "utf-8"; /*********************** Tshirt Subway by nwonline.co.uk #ff8c41 *********************/ body { position:relative; width:100%; height:100%; font-weight: normal; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 20px; background: #1B1B1B; margin: 0; padding: 0;} /*Typography*/ a { text-decoration:none;} a:hover { text-decoration:underline;} em { font-style: oblique; font-style: italic;} b, strong { font-weight: bold} /*Layout*/ #index_wrap { width: 980px; display: block; margin: 0 auto; overflow: hidden;} #body_wrap { width: 980px; height: auto; float: left; position: relative; background: #fbfbfb; color: #444; border: 1px solid #000;} #leftcol { width: 175px; float: left; position: relative; margin: 0 0 0 5px; padding: 20px 0 0} /*Generic Content*/ #maincol #gen_wrap { float: left; width: 778px; background: #fbfbfb; color: #666; margin: 0; padding: 5px 10px 5px 0; position: relative } #maincol #gen_wrap h1 { font: bold 22px/35px 'Helvetica', sans-serif; letter-spacing: -1px; color: #333} #maincol #gen_wrap h2 { font: bold 18px/30px 'Helvetica', sans-serif; letter-spacing: -1px; color: #ff8c41} #maincol #gen_wrap h3 { font: bold 12px/28px 'Helvetica', sans-serif; color: #ff8c41} #maincol #gen_wrap h4 { font: bold 12px/28px 'Helvetica', sans-serif; color: #333} #maincol #gen_wrap p { font: normal 12px/20px 'Helvetica', sans-serif; color: #444;} #maincol #gen_wrap p em { font-style: oblique;} #maincol #gen_wrap p bold { font-weight: bold;} #maincol #gen_wrap p a { color: #d96c25; text-decoration: underline;} #maincol #gen_wrap p a:hover { color: #ff8c41; text-decoration: none;} #maincol #gen_wrap p a:active { color: #d96c25; text-decoration: none;} #maincol #gen_wrap span#gmap { float: right; padding: 2px; background: #000; border: 1px solid #666;} #maincol #gen_wrap address { float: left; width: 265px; background: #1b1b1b; font: normal 12px/20px sans-serif; margin: 10px 0 10px 10px; padding: 10px;} #maincol #gen_wrap div.form { float: left; clear: both; padding: 10px; margin: 10px 0; width: 460px; background: #efefef; border: 1px solid #d7d7d7} #maincol #gen_wrap div.form div { float: left; clear: both; margin: 0 0 4px 0; width: 440px} #maincol #gen_wrap div.form label { float: left; width: 140px; text-align: left; font: normal 12px/25px sans-serif; color: #333} #maincol #gen_wrap div.form label.full { width: 300px; padding: 0 0 0 140px;;} #maincol #gen_wrap div.form input[type=text] { float: left; background: #fff; border: 1px solid #d7d7d7; color: #555; height: 22px; padding: 2px 3px; font: normal 12px/20px sans-serif;width: 230px;} #maincol #gen_wrap div.form input[type=password] { float: left; background: #000; border: 1px solid #333; height: 22px; padding: 2px 3px; font: normal 12px/20px sans-serif; color: #555; width: 230px;} #maincol #gen_wrap div.form textarea { float: left; background: #fff; border: 1px solid #d7d7d7; height: 160px; padding: 2px 3px; font: normal 12px/20px sans-serif; color: #555; width: 265px;} #maincol #gen_wrap div.form input[type=submit] { float: left; position: relative; background: #ff8c41; border: none; padding: 5px 8px; font: bold 12px/20px sans-serif; color: #fff; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin: 0 0 0 140px;} #maincol #gen_wrap div.form input[type=submit]:hover { background: #666;} #maincol #gen_wrap div.form input[type=submit]:active { top: 1px; left: 1px;} #maincol #gen_wrap div.form input[type=text]:hover { border: 1px solid #666;} #maincol #gen_wrap div.form input[type=password]:hover { border: 1px solid #666;} #maincol #gen_wrap div.form textarea:hover { border: 1px solid #666;} #maincol #gen_wrap blockquote { float: left; width: 680px; margin: 10px 30px; border-left: 2px solid #ff8c41; padding: 0 10px; font-style: italic; font-style:oblique; clear: both;} #maincol #gen_wrap code { font: normal 12px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #FC0;} #maincol #gen_wrap ul { float: left; padding: 10px 25px; margin: 0 15px; list-style-type: disc; width: 690px;} #maincol #gen_wrap ul li { list-style-type: disc; font: normal 12px/20px sans-serif; color: #444} #maincol #gen_wrap ul li a { color: #ff8c41} #maincol #gen_wrap ol { float: left; padding: 10px 25px; margin: 0 15px; list-style-type: decimal; width: 690px;} #maincol #gen_wrap ol li { list-style-type: decimal; font: normal 12px/20px sans-serif; color: #444} #maincol #gen_wrap ol li a { color: #ff8c41} /* Currency / Flags */ div#maincol div.currency_wrap { width: 195px; position: relative; top: 5px ; right: 4px; padding:4px; float: right; margin: 0 0 10px } div#maincol div.currency_wrap ul.flags { width: 100px; float: right; border-left: 1px solid #e5e5e5; padding: 0 0 0 5px } div#maincol div.currency_wrap ul.flags li { width: 27px; float: left; margin: 0 3px } div#maincol div.currency_wrap ul.flags li a.selected img { -moz-box-shadow: 0 0 3px 1px #cf6b28; -webkit-box-shadow: 0 0 3px 1px #cf6b28; box-shadow: 0 0 3px 1px #cf6b28 } /*Header*/ #head_wrap { width: 980px; position: relative; padding: 0; float: none; height: 115px } #head_wrap div#logo a { width: 157px; height: 89px; float: left; position: relative; top: 15px; display: block; text-indent: -9999px; background: url('../img/newdesign/logo_new.png') 0 0 no-repeat;} #head_wrap div#slogan { float: none; position: absolute; top: 50px; left: 275px } #head_wrap div#ctrl_pnl { width: 140px; height: 40px; float: right; position: relative; top: 30px; right: 10px} #head_wrap div#socialIcons { width: 180px; height: 32px; float: right; position: absolute; top: 76px; right: 0; text-align: right; } #head_wrap div#socialIcons img { margin-left: 10px; } #head_wrap #nav_wrap { position: absolute; width:450px; right: 0; background: url('../img/newdesign/nav_bg.jpg') right 0 no-repeat; height: 31px } #head_wrap ul#topnav { float: right } #head_wrap ul#topnav li { display: inline;} #head_wrap ul#topnav li a { float: left; position: relative; font: normal 11px/30px 'Tahoma', sans-serif; text-transform:uppercase; color: #fff; display: block; padding: 0 0 0 18px; margin: 0 0 0 1px;} #head_wrap ul#topnav li a:hover { background: #1b1b1b;} div#ctrl_pnl div#cpan { width: 330px; float: left; background: #1b1b1b; border: 1px solid #4b4b4b; padding: 5px;} div#ctrl_pnl div#cpan a { float: left; background: #1b1b1b; border: none; color: #666; cursor: pointer; font: normal 12px/25px sans-serif; height: 25px; padding: 0 15px 0 0; text-align: left;} div#ctrl_pnl div#cpan a img { float: left; width: 24px; height: 25px; position: relative; top: 0; left: 0; margin: 0 5px 0 0;} div#ctrl_pnl div#cpan a:hover { color: #fff; text-decoration: none;} div#ctrl_pnl div.cpan { width: 140px; float: left; background: #f5f5f5; padding: 5px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 2px solid #7f7f7f } div#ctrl_pnl div.cpan a { float: left; border: none; color: #000; cursor: pointer; font: normal 12px/25px sans-serif; height: 25px; padding: 0 15px 0 0; text-align: left; background: none} div#ctrl_pnl div.cpan a.nopad { padding: 0 } div#ctrl_pnl div.cpan a:hover { color: #d36219 } div#ctrl_pnl div.cpan a img { float: left; width: 24px; height: 25px; position: relative; top: 0; left: 0; margin: 0 5px 0 0;} div#ctrl_pnl div.cpan.items_added { background: #97c558; border-top: 2px solid #5f832e } div#ctrl_pnl div.cpan.items_added a { color: #273e07 } div#ctrl_pnl div.cpan.items_added a:hover { color: #fff } div#ctrl_pnl div#search { width: 160px; float: left; background: #1b1b1b; border: 1px solid #4b4b4b; padding: 5px; margin: 0 0 0 10px;} div#ctrl_pnl div#search:hover { border: 1px solid #666;} div#ctrl_pnl div#search input[type=text] { background: #1b1b1b; border: none; height: 23px; width: 125px; float: left; color: #999; font: normal 12px/23px sans-serif;} div#ctrl_pnl div#search input[type=submit] { background: #1b1b1b; border: none; height: 25px; width: 25px; background: url('../img/cpan_search.jpg') 0 0 no-repeat; display: block; float: right; position: relative; text-indent: -999px; overflow: hidden; cursor: pointer;} div#ctrl_pnl div#search input[type=submit]:active { left: 1px; top: 1px;} /*Left Col Navigation*/ #leftcol ul#nav { width: 180px; float: left; position: relative; margin: 0; padding: 0;} #leftcol ul#nav li { width: 180px; float: left; clear: both; position: relative; margin: 0; padding: 0; list-style-type: none;} #leftcol ul#nav li a { width: 160px; float: left; clear: both; font: bold 12px/30px sans-serif; background: #242424; color: #fff; padding: 0 10px;} #leftcol ul#nav li a:hover { background: #373737; text-decoration: none;} #leftcol ul#nav li ul { float: left; clear: both; position: relative; margin: 0; padding: 5px 0;background: #1b1b1b; width: 180px;} #leftcol ul#nav li ul li { width: 160px; float: left; clear: both; position: relative; margin: 0; padding: 0; list-style-type: none;} #leftcol ul#nav li ul li a { width: 160px; float: left; clear: both; font: normal 12px/22px sans-serif; background: #1b1b1b; color: #fff; padding: 0 10px;} #leftcol ul#nav li ul li a:hover {background: #000; text-decoration: none; color: #ff8c41 } #leftcol #featured_tees { background: #7f1b1a; padding: 2px } #leftcol #featured_tees h2 { text-indent: -9999px; background: url('../img/newdesign/h2_featured.jpg') -1px 0 no-repeat; margin: 3px 0 } #leftcol #featured_tees ul { height: 204px; width: 168px; background: #fff; padding: 2px 0 2px 2px; margin: 0 0 } #leftcol #featured_tees ul li { float: left; margin: 0 3px 3px 0 } #leftcol #featured_tees ul li img { width: 53px } #leftcol #red_top { height: 17px; background: url('../img/newdesign/top_grunge_red.jpg') 0 0 no-repeat } #leftcol #red_btm { height: 17px; background: url('../img/newdesign/btm_grunge_red.jpg') 0 0 no-repeat } #leftcol #orange_top { height: 17px; background: url('../img/newdesign/top_grunge_orange.jpg') 0 0 no-repeat } #leftcol #orange_btm { height: 17px; background: url('../img/newdesign/btm_grunge_orange.jpg') 0 0 no-repeat } #leftcol div#why_buy { background: #d96c25; padding: 5px 0 10px 0 } #leftcol div#why_buy h2 { text-indent: -9999px; background: url('../img/newdesign/h2_whybuy.jpg') 10px 0 no-repeat; margin: 5px 0 } #leftcol div#why_buy ul li { padding: 0 0 0 20px; margin: 0 0 0 5px; color: #fff; font: bold 12px/24px 'Helvetica', sans-serif; text-shadow: 1px 1px 1px #9f4f1b; background: url(../img/newdesign/whybuy_arrow.jpg) 0 4px no-repeat } div#verified_by { margin: 10px 0 } div.lc_section { margin: 5px 0 } /*Main Col*/ #maincol { float: left; position: relative; margin-left: 10px; width: 790px } #maincol ul#topnav { width: 800px; position: relative; float: right; padding: 0; margin: 0;} #maincol ul#topnav li { display: inline;} #maincol ul#topnav li a { float: left; position: relative; font: normal 11px/30px 'Tahoma', sans-serif; text-transform:uppercase; color: #fff; display: block; padding: 0 10px; margin: 0 0 0 1px; background: #000;} #maincol ul#topnav li a:hover { background: #1b1b1b;} #maincol ul#topnav li a:active { background: #242424; top: 1px; left: 1px;} #maincol ul#topnav li#onlineshop a { float: left; position: relative; left: 0; top: 0; font: bold 11px/30px 'Tahoma', sans-serif; text-transform:uppercase; color: #000; display: block; padding: 0 10px; margin: 0 0 0 1px; background: #ff8c41;} #maincol ul#topnav li#onlineshop a:hover { background: #f9f9f9; color: #000;} #maincol ul#topnav li.facebook_li { float: right; } #maincol ul#topnav li.facebook_li a, #maincol ul#topnav li.facebook_li a:hover { float: left; position: relative; font: normal 11px/30px 'Tahoma', sans-serif; text-transform:uppercase; color: #fff; display: block; background: #17233d url('../imgres/facebook_li.png') 0 0 no-repeat; color: #fff; padding: 0 10px 0 30px; margin: 0 2px 0 0 ; } div#tab_nav { clear: both; margin: 0; padding: 0; } div#tab_nav ul.tabs li { float: left; margin: 0 5px 0 0; border: 1px solid #964220; border-bottom: none; background: #c76322 url('../img/newdesign/bg_tabnav.png') 0 0 repeat-x; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;} div#tab_nav ul.tabs li.current { background: #000 url(../img/newdesign/bg_tabnav_current.png) 0 0 repeat-x; border: 1px solid #000; border-bottom: none } div#tab_nav ul.tabs li a { color: #562301; font: bold 12px/27px Tahoma, Geneva, sans-serif; text-transform: uppercase; padding: 0 15px; text-shadow: 1px 1px 1px #fc8a40 } div#tab_nav ul.tabs li.current a { color: #fff; text-shadow: 1px 1px 1px #2b2b2b } div#tab_nav ul.tabs li a:hover { text-decoration: none } /* Breadcrumb */ #maincol div#bc_wrap { float: left; position: relative; padding: 0; margin: 8px 0 0; width: 560px} #maincol div#bc_wrap ul#bc { width: 560px; float: left; position: relative; padding: 0; margin: 0;} #maincol div#bc_wrap ul#bc li { float: left; padding: 0; font: normal 11px/33px 'Tahoma', sans-serif; color: #666; margin: 0 5px 0 0;} #maincol div#bc_wrap ul#bc li a { float: left; padding: 0 10px 0 0; font: normal 11px/33px 'Tahoma', sans-serif; color: #ff8c41; background: url('../icon/bc.gif') right center no-repeat;} /* Breacrumb */ #maincol div.detail_page#bc_wrap { margin: 0 0 5px; } #maincol div.detail_page#bc_wrap li { color: #fff; } #maincol .detail_page ul#bc li a { color: #ff8c41; background: url('../img/newdesign/bc.gif') right center no-repeat;} #maincol div#bc_wrap ul#bc li a { color: #ff8c41; background: url('../img/newdesign/bc.gif') right center no-repeat;} /*Main Col Full*/ #maincol.full { width: 980px; margin: 0 } #maincol.full ul#topnav { width: 978px;} #maincol.full div#bc_wrap { width: 720px } #maincol.full div#bc_wrap ul#bc { padding: 0 0 0 10px } #maincol.full div#filters_wrap { width: 960px;} #maincol.full div#results_wrap { width: 960px;} #maincol.full div#results_wrap ul li { width: 192px;} #filters_wrap p a, #filters_wrap div a { color: #d96c25; text-decoration: none;} #filters_wrap p a:hover, #filters_wrap div a:hover{ color: #40778a;} /*Product Detail*/ #maincol #detail_wrap { float: left; padding: 0; width: 980px; background: #f2f2f2; color: #fff; position: relative; margin: 0; border-top: 1px solid #dfdfdf } #maincol #detail_wrap h1 { font: bold 22px/35px 'Helvetica', sans-serif; letter-spacing: -1px; color: #333; text-indent: 10px; margin-bottom: 3px } #maincol #detail_container { float: left; width: 960px; padding: 10px; background: #fff; margin: 0; color: #000 } #maincol #detail_container div#box_left, #maincol #detail_container div#box_right { float: left; width: 475px; } #maincol #detail_container div#box_right div.detail_wrap { padding: 10px; border: 1px solid #cecece; border-top: none } #maincol #detail_container div.title_wrap{ background: #c86423 url('../img/newdesign/bg_title.png') 0 0 repeat-x; font: bold 12px/30px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; padding: 0 10px; border: 1px solid #c86423; } #maincol #detail_container h4 { background: #cecece; color: #525252; font: bold 13px/22px Helvetica, sans-serif; padding: 0 5px } #maincol #detail_top { float: none; clear: both } #maincol #detail_bottom { float: none; clear: both } #maincol #detail_container div#box_left div#reviews_wrap { border: 1px solid #cecece; border-top: none; height: 264px; padding: 10px 10px 0 } #maincol #detail_container div#box_left { margin-right: 10px } #maincol #detail_container div#box_left div.img_wrap { margin: 0 10px 0 0; width: 90px; float: left; } #maincol #detail_container div#box_left div.detail_wrap { width: 350px; float: left; margin: 0; height: 110px; clear: right } #maincol #detail_container div#box_left div.review { width: 453px; margin: 0 10px 10px 0; height: 125px } #maincol #detail_container div#box_left div.review p { margin: 10px 0 } #maincol #detail_container div#box_left div.img_wrap img { width: 90px } #maincol #detail_container div#box_left div.review.top { border-bottom: 1px solid #dddddd } #maincol #detail_container div#box_left div.review.bottom { border-top: 1px solid #fff; margin: 0 } #maincol #detail_container div#box_right div#delivery_wrap { border: 1px solid #cecece; border-top: none; padding: 12px 10px; margin: 0 0 10px } #maincol #detail_container div#box_right div#delivery_wrap ul li { padding: 0 0 0 20px; background: url('../img/newdesign/green_arrow.png') 0 5px no-repeat; font: 12px/22px Helvetica, sans-serif; color: #666 } #maincol #detail_container div#box_right div#promise_wrap { border: 1px solid #cecece; border-top: none; padding: 15px 10px; margin: 0 0 10px } #maincol #detail_container div#box_right div#promise_wrap ul li { padding: 0 0 0 20px; background: url('../img/newdesign/green_arrow.png') 0 5px no-repeat; font: 12px/22px Helvetica, sans-serif; color: #666 } #maincol #detail_container div#box_right ul#pdet-options-list li.photo { background: url('../img/newdesign/pdet-bullet-1.gif') 0 2px no-repeat;} #maincol #detail_container div#box_right ul#pdet-options-list li.arrow { background: url('../img/newdesign/pdet-bullet-2.gif') 0 2px no-repeat;} #maincol #detail_container div#box_right ul#pdet-options-list li.ticks { background: url('../img/newdesign/pdet-bullet-3.gif') 0 2px no-repeat;} #maincol #detail_container div#box_right ul#pdet-options-list li.plock { background: url('../img/newdesign/pdet-bullet-4.gif') 0 2px no-repeat;} #maincol #detail_container div#box_right ul#pdet-options-list li.cotton { background: url('../img/newdesign/pdet-bullet-5.png') 0 2px no-repeat;} #maincol #detail_container div#box_right ul#pdet-options-list li.earth { background: url('../img/newdesign/pdet-bullet-6.png') 0 2px no-repeat;} /*Popular Products*/ div#box_bottom { background: #fff url('../img/newdesign/bg_relprod.png') 0 0 repeat-x; border: 1px solid #cecece; float: left; width: 960px } div#pop_products { float: left; width: 940px; padding: 10px; position: relative; border-bottom: 1px solid #cecece } div#pop_products a.see_all { float: right; clear: both; font: 12px/20px Helvetica, sans-serif; color: #de742f; width: 600px; text-align: right } div#pop_products div#pop_wrap { float: none; width: 870px; margin: 0; padding: 10px 0 0 0; position: relative; left: 25px; overflow: hidden; } div#pop_products a.pop_prev, div#pop_products a.pop_prev_01, div#pop_products a.pop_prev_02 { width: 24px; height: 30px; display: block; position: absolute; top: 60px; left: 5px; background: url('../img/newdesign/slide_arr_left.png') 0 0 no-repeat; text-indent: -9999px; overflow: hidden;} div#pop_products a.pop_next, div#pop_products a.pop_next_01, div#pop_products a.pop_next_02 { width: 24px; height: 30px; display: block; position: absolute; top: 60px; right: 20px; background: url('../img/newdesign/slide_arr_right.png') 0 0 no-repeat; text-indent: -9999px; overflow: hidden;} div#pop_products.homepage a.pop_prev { left: 0;} div#pop_products.homepage a.pop_next { right: 0;} div#pop_products_2 { float: left; width: 940px; padding: 10px; position: relative; border-bottom: 1px solid #cecece } div#pop_products_2 a.see_all { float: right; clear: both; font: 12px/20px Helvetica, sans-serif; color: #de742f; width: 600px; text-align: right } div#pop_products_2 div#pop_wrap { float: none; width: 870px; margin: 0; padding: 10px 0 0 0; position: relative; left: 25px; overflow: hidden; } div#pop_products_2 a.pop_prev, div#pop_products_2 a.pop_prev_01, div#pop_products_2 a.pop_prev_02 { width: 24px; height: 30px; display: block; position: absolute; top: 60px; left: 5px; background: url('../img/newdesign/slide_arr_left.png') 0 0 no-repeat; text-indent: -9999px; overflow: hidden;} div#pop_products_2 a.pop_next, div#pop_products_2 a.pop_next_01, div#pop_products_2 a.pop_next_02 { width: 24px; height: 30px; display: block; position: absolute; top: 60px; right: 20px; background: url('../img/newdesign/slide_arr_right.png') 0 0 no-repeat; text-indent: -9999px; overflow: hidden;} div#pop_products_2.homepage a.pop_prev { left: 0;} div#pop_products_2.homepage a.pop_next { right: 0;} ul.pop_results { float: left; width: 9999px; height: 120px; padding: 0; margin: 0; overflow: hidden;} ul.pop_results li { float: left; display: inline; width: 88px; padding: 0; margin: 0 10px 0 0; height: 120px;} ul.pop_results li img {width: 88px; margin: 0 0 3px 0;} div#pop_wrap { float: none } ul.pop_results li:hover img { cursor: pointer;} div.share { width: 40%; float: left } div.share p { margin: 0 } /*Cols*/ #maincol #detail_container div.col_left { float: left; width: 270px; position: relative; margin: 0; padding: 0;} #maincol #detail_container div.col_mid { float: left; width: 400px; position: relative; margin: 0; padding: 0; padding: 0 0 0 10px; } #maincol #detail_container div.col_right { float: right; width: 270px; position: relative; margin: 0; padding: 0;} div.col_right { clear: right } #maincol #detail_container div.clear { float: left; clear: both; height: 1px;} #maincol div#intro_text h1 { font: normal 20px/26px Tahoma, Geneva, sans-serif; color: #444444 } #maincol div#intro_text { margin: 0; padding: 10px; font: 12px/18px 'Tahoma', sans-serif; color: #444444; background: url('../img/newdesign/bg_textwrap.png') 0 bottom no-repeat} #maincol div#intro_text a.readmore { padding: 0 0 0 10px; background: url('../img/newdesign/arrow_orange.png') 0 4px no-repeat; color: #d96c25 } /*Mid*/ div.col_mid div.container { float: left; width: 380px; padding: 10px; border: 1px solid #cecece; background: url('../img/bg_fade_silver.jpg') 0 0 repeat-x; margin: 0 0 10px 0; position: relative } div.col_mid div.container hr { float: left; clear: both; width: 370px; border: none; height: 1px; background: #D0D0D0; margin: 15px 0;} div.col_mid div.container a { color: #F60;} div.col_mid div.container span { display: inline; float: left;} div.col_mid div.container span.rating { width: 50px;} div.col_mid div.container span.average { width: 200px; padding: 0 0 0 5px;} div.col_mid div.container ol.rating { float: left;} /*Selected*/ ul#product_select { float: left; margin: 0; width: 380px; padding: 0;} ul#product_select li { float: left; padding: 0; width: 355px; clear: both; font: normal 12px/22px sans-serif; color: #3a3a3a; position: relative;} ul#product_select li a.reset { display: block; width: 52px; height: 16px; position: absolute; z-index: 10; right: 0; top: 3px; background: url('../icon/refresh.png') right center no-repeat; font: normal 11px/16px Tahoma, sans-serif; color: #090;} ul#product_select li strong { color: #F60; float: left; width: 115px;} /*Gender List*/ div.col_mid div.container ul#sex { float: left; position: relative; width: 58px; padding: 4px 0;} div.col_mid div.container ul#sex li { float: left; display: inline; width: 24px; height: 44px; margin: 0 5px 0 0; padding: 0} div.col_mid div.container ul#sex li a { float: left; position: relative; display: inline; width: 24px; height: 41px; text-indent: -9999px; background: url('../img/sprite_sex.png') 0 -3px no-repeat} /*Unselected*/ div.col_mid div.container ul#sex li.male a { background-position: 0 -3px} div.col_mid div.container ul#sex li.female a { background-position: -24px -3px} /*Hover*/ div.col_mid div.container ul#sex li.male a:hover { background-position: 0 -44px} div.col_mid div.container ul#sex li.female a:hover { background-position: -24px -44px} /*Selected*/ div.col_mid div.container ul#sex li.male.current a { background-position: 0 -44px !important} div.col_mid div.container ul#sex li.female.current a { background-position: -24px -44px !important} /*Active*/ div.col_mid div.container ul#sex li a:active { left: 1px; top: 1px;} /*Type List*/ div.col_mid div.container ul#type { float: right; position: relative; width: 300px} div.col_mid div.container ul#type li { float: right; display: inline; margin: 0 5px 5px 0; padding: 0 ;background: #fff; width: 50px; height: 50px;} div.col_mid div.container ul#type li a { float: left; position: relative; display: inline; width: 50px; height: 50px; border: 1px solid #000;opacity:0.4;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4;} div.col_mid div.container ul#type li a:hover {opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;} .current {opacity:1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important;} /*Hover*/ div.col_mid div.container ul#type li.type1 a:hover { background-position: -4px -2px } div.col_mid div.container ul#type li.type2 a:hover { background-position: -62px -2px} div.col_mid div.container ul#type li.type3 a:hover { background-position: -117px -2px} div.col_mid div.container ul#type li.type4 a:hover { background-position: -172px -2px} /*Unselected*/ div.col_mid div.container ul#type li.type1 a { background-position: -4px -50px } div.col_mid div.container ul#type li.type2 a { background-position: -62px -50px} div.col_mid div.container ul#type li.type3 a { background-position: -117px -50px} div.col_mid div.container ul#type li.type4 a { background-position: -172px -50px} /*Selected*/ div.col_mid div.container ul#type li.type1#current a { background-position: -4px -2px } div.col_mid div.container ul#type li.type2#current a { background-position: -62px -2px} div.col_mid div.container ul#type li.type3#current a { background-position: -117px -2px} div.col_mid div.container ul#type li.type4#current a { background-position: -172px -2px} div.col_mid div.container ul#type li#current a { border: 1px solid #999;} div.col_mid div.container ul#type li a:hover { border: 1px solid #999;} /*Active*/ div.col_mid div.container ul#type li a:active { left: 1px; top: 1px;} /*Colour List*/ div.col_mid div.container ul#colour { float: left; position: relative; width: 180px; padding: 4px 0;} div.col_mid div.container ul#colour li { float: left; display: inline; width: 15px; height: 15px; margin: 0 5px 0 0; padding: 0} div.col_mid div.container ul#colour li a { float: left; position: relative; display: inline; width: 15px; height: 15px; text-indent: 0px; background: transparent; border: 1px solid #000;} /*unselected*/ div.col_mid div.container ul#colour li.white a { background: #fff; border: 1px solid #ccc; width:13px; height: 13px; top: 1px; left: 1px;} div.col_mid div.container ul#colour li.black a { background: #000; } div.col_mid div.container ul#colour li.red a { background: #f00; } div.col_mid div.container ul#colour li.blue a { background: #06f; } div.col_mid div.container ul#colour li.green a { background: #090; } /*Hover*/ div.col_mid div.container ul#colour li a:hover { border: 1px solid #0a0a0a;} div.col_mid div.container ul#colour li.white a:hover { border: 1px solid #0a0a0a; left: 0; top: 0; width: 15px; height: 15px;} /*Selected*/ div.col_mid div.container ul#colour li#selected a { border: 1px solid #0a0a0a;} div.col_mid div.container ul#colour li.white#selected a { border: 1px solid #0a0a0a;left: 0; top: 0; width: 15px; height: 15px;} /*Active*/ div.col_mid div.container ul#colour li a:active { top: 1px; left: 1px;} /*Left*/ div.col_left div#photo { float: left; margin: 0; padding: 0; position: relative; width: 270px; } div.col_left div#photo img { } div.col_left ul { float: left; position: relative; width: 270px; padding: 5px 0; margin: 0; list-style-type: none;} div.col_left ul li { float: left; display: inline; width: 88px; padding: 0; border: 1px solid #fff;} div.col_left ul li:hover { border: 1px solid #ff8c41} #col_left div#like_box { margin: 10px 0 } /*Right*/ div.col_right div#video { float: left; position: relative; width: 270px; min-height: 200px; padding: 0; margin: 0; background: url('../img/products/novideo.jpg') 0 0 no-repeat;} div.col_right div#desc { float: left; position: relative; width: 270px; padding: 10px 0; margin: 0; min-height: 145px;} div.col_right div#desc p { font: normal 11px/19px 'Tahoma',sans-serif; color: #666;} div.col_right a.more { float: right; position: absolute; width: 9px; height: 9px; display: block; background: url('../img/sprite_small_arw.jpg') 0 0 no-repeat; text-indent: -9999px; overflow: hidden; border: 5px solid #fff; bottom: 0; right: 0; cursor: pointer;} div.col_right a.more:hover { background-position: -9px 0;} div.col_right a.more:active { bottom: -1px; right: -1px;} /*form select*/ div#size { width: 190px; float: left;position:relative} div#size label { float: left; font: normal 11px/26px 'Tahoma', sans-serif; text-transform: uppercase; padding: 0 5px;} div#size select { float: left; border: 1px solid #ccc; background: #f7f7f7 url('../img/bg_fade_silver.jpg') 0 0 repeat-x; font: normal 11px/20px 'Tahoma', sans-serif; padding: 4px;} /*Product Detail Mid Box 2*/ div.col_mid div.container#cost { min-height: 150px; } div#product_total { background:#fff; border: 1px solid #d7d7d7; float: left; padding: 10px; position: relative; width: 120px} div#product_total span { display: block; font-weight: bold; color: #757575; color: #757575; display: block; float: left; font: bold 22px/28px "Helvetica LT Std","Helvetica Neue","Helvetica",Arial,sans-serif; letter-spacing: -1px; padding: 0; text-align: left; width: 120px;} div#product_total span small { font-size: 16px;} div#product_total p { width: 120px; float: left; clear: both; font: normal 11px/17px 'Tahoma', sans-serif; margin: 0 0 5px; padding: 0; color: #8e8e8e; text-align: left;} div#product_total p em { color: #ff8c41;} div#product_total p abbr { border-bottom: 1px dotted #ccc; padding: 0 0 2px 0; cursor: help} div.stack { width: 220px; float: right; padding: 0 0 10px;} div.stack input[type=text]{float: left; width: 60px; max-width: 60px; background: #fff; padding: 2px; border: 1px solid #ccc; font: normal 12px/20px sans-serif; color: #666; height: 24px;} div.stack a.button { background: #83b63e url('../img/newdesign/bg_basket_btn.png') 0 0 repeat-x; color: #fff !important; font: bold 14px/30px sans-serif; border: none; float: right; clear: right; width: 165px; margin: 0 0 3px 0; text-align: center; position: relative; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; display: block; padding-bottom: 0 0 5px; height: 30px; border: 1px solid #5f832e} div.stack a.button:hover { text-decoration: none; background: #83b63e url('../img/newdesign/bg_basket_btn.png') 0 0 repeat-x; } div.stack a.button:active { left: 0; top: 0; background: #b0d87a url('../img/newdesign/bg_basket_btn_a.png') 0 0 repeat-x } div.stack#center { text-align: center;} div.stack div.addthis_toolbox { text-align: right !important; width: 150px; float: right } div.stack div.addthis_toolbox a { color: #666;} div.stack div#item_stocked { padding: 5px 0 5px 40px; font: 11px/14px sans-serif; color: #666; background: #f2f9e1 url('../img/newdesign/green_tick.jpg') 10px 9px no-repeat; border: 1px solid #b9c991; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 0 10px 0 ; color: #526a33; line-height: 20px} div.stack div#item_stocked p { margin: 0 } div.stack input[type="text"] { font: 12px/23px sans-serif; height: 27px; max-width: 40px; width: 40px; } /*Homepage Slider*/ #maincol div#splash { width: 780px; height: 250px; float: left; position: relative; padding: 0 10px 10px 0 } #maincol div#splash .anythingSlider { width: 780px; height: 250px; position: relative; margin: 0; } #maincol div#splash .anythingSlider .wrapper { width: 780px; overflow: auto; height: 250px; margin: 0; position: absolute; top: 0; left: 0; } #maincol div#splash .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #1A1A1A; margin: 0; } #maincol div#splash .anythingSlider ul li { display: block; float: left; padding: 0; height: 250px; width: 780px; margin: 0; color: #000; } #maincol div#splash .anythingSlider .arrow { display: block; height: 250px; width: 67px; text-indent: -9999px; position: absolute; top: 0; cursor: pointer; } #maincol div#splash .anythingSlider .forward { right: -20px} #maincol div#splash .anythingSlider .back { left: -20px} #maincol div#splash #thumbNav { display: none } #maincol div#splash #start-stop { display: none !important; background: #06F; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 0; top: 0} #maincol div#splash #start-stop.playing { background-color: #F00} #maincol div#splash #start-stop:hover { background-image: none} #maincol div#splash .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } #maincol div#splash .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none} /*Filters*/ #maincol div#filters_wrap {width: 780px; float: left; position: relative; padding: 0; vertical-align: center;} div#filters_wrap div.form{ float: left; width: 450px;} div#filters_wrap label { float: left; font: normal 11px/30px 'Tahoma', sans-serif; text-transform: uppercase; padding: 0 5px 0 5px;} div#filters_wrap select { float: left; border: 1px solid #d7d7d7; background: #fff; font: normal 11px/20px 'Tahoma', sans-serif; color: #555; padding: 4px; min-width: 120px; margin: 3px 15px 3px 0;} #filters_wrap div a { color: #555555; } /*Pagination*/ div#results_wrap div.pagination { float: right; width: 300px; height: 30px;} div#results_wrap div.pagination ul { float: right; position: relative; height: 30px; margin: 0; padding: 0; } div#results_wrap div.pagination ul li { float: left; display: block; margin: 0 5px 0 0 } div#results_wrap div.pagination ul li a { float: left; position: relative;display: block; background: #dfdfdf; font: bold 12px/24px Arial, sans-serif; text-align: center; width: 24px; height: 24px; border: 1px solid #b2b2b2; color: #919191;} div#results_wrap div.pagination ul li a:hover { text-decoration: none; border: 1px solid #666; color: #ccc;} div#results_wrap div.pagination ul li a.current { background: #c76322 url('../img/bg_pagination.png') 0 0 repeat-x; border: 1px solid #964220; color: #fff !important; top: 0; left: 0;} div#results_wrap div.pagination ul li.nxt a { font-size: 16px;} div#results_wrap div.pagination ul li a:active { left: 1px; top: 1px; cursor: pointer;} #maincol div#results_wrap {width: 780px; float: left; position: relative; padding: 10px 0 0; margin: 0 } div#results_wrap ul { float: left; width: 100%; padding: 15px 0; margin: 0;} div#results_wrap ul li { float: left; list-style-type: none; padding: 0 0 15px 0; margin: 0; width: 195px; height: 288px; text-align: center;} div#results_wrap ul li a:hover { text-decoration: none;} div#results_wrap ul li a img { border: 1px solid #000;} div#results_wrap ul li a:hover img { border: 1px solid #fff;} div#results_wrap ul li a:hover span.title { color: #fff;} div#results_wrap ul li a span.title { font: bold 12px/20px sans-serif; color: #666; float: left; text-align: center; width: 195px;} div#results_wrap ul li a span.price { font: bold 12px/20px sans-serif; color: #ff8c41; float: left; text-align: center; width: 195px;} #maincol div#results_wrap, #maincol div#band_results_wrap { padding: 10px 0 0; border-top: 1px solid #dfdfdf } #maincol div#results_wrap h1, #maincol div#band_results_wrap h1 { font: bold 19px/25px Arial, Helvetica, sans-serif; color: #333 } #maincol div#results_wrap h2, #maincol div#band_results_wrap h2 { font: bold 15px/20px Arial, Helvetica, sans-serif; color: #40778a } div#results_wrap ul li a:hover span.title, div#band_results_wrap ul li a:hover span.title { color: #d96c25;} div#results_wrap ul li a span.title, div#band_results_wrap ul li a span.title { font: bold 12px/15px sans-serif; color: #404040; float: left; text-align: left; width: 175px; text-transform: uppercase; margin: 5px 0 0 2px} div#results_wrap ul li a span.price, div#band_results_wrap ul li a span.price { text-align: left; margin: 0 5px } div#results_wrap ul li a img, div#band_results_wrap ul li a img { border: 1px solid #000000 } div#results_wrap ul li a:hover img, div#band_results_wrap ul li a:hover img { border: 1px solid #d96c25 } #maincol div#results_wrap div#splash .anythingSlider .wrapper ul { margin: 0; padding: 0 } #maincol div#results_text {width: 780px; float: left; position: relative; margin: 0 10px 15px 0; vertical-align: center; padding: 10px 0 0; border-top: 1px solid #dfdfdf; font-family: Tahoma, Geneva, sans-serif; } #maincol div#results_text p a, #results_text div a, #results_text a { color: #d96c25 } #results_text p a:hover, #results_text div a:hover, #results_text div a:hover { color: #40778a } #maincol div#results_text h1 { font: normal 20px/26px Tahoma, Geneva, sans-serif; color: #444444 } #maincol div#results_text h2 { font: normal 17px/26px Tahoma, Geneva, sans-serif; color: #444444 } #maincol div#results_text h3 { font: normal 14px/26px Tahoma, Geneva, sans-serif; color: #444444 } /* Band Results */ #maincol div#band_results_wrap {width: 780px; float: left; position: relative; margin: 0 10px; vertical-align: center;} #maincol div#band_results_wrap {width: 780px; float: left; position: relative; padding: 0 10px} div#band_results_wrap ul { float: left; width: 100%; padding: 15px 0 0; margin: 0;} div#band_results_wrap ul li { float: left; list-style-type: none; padding: 0 0 15px 0; margin: 0; width: 195px; height: 90px; text-align: left;} div#band_results_wrap ul li a:hover { text-decoration: none;} div#band_results_wrap ul li a img { border: 1px solid #000;} div#band_results_wrap ul li a:hover img { border: 1px solid #fff;} div#band_results_wrap ul li a span.title { font: bold 12px/20px sans-serif; color: #404040; float: left; text-align: left; width: 175px; text-transform: uppercase; margin: 5px 0 0 2px} div#band_results_wrap ul li a:hover span.title { color: #d96c25 } div#band_results_wrap ul li a span.price { font: bold 12px/20px sans-serif; color: #ff8c41; float: left; text-align: center; width: 195px;} /* New Search */ #new_search { background: #e3e3e3; border-top: 2px solid #000; border-bottom: 1px solid #b2b2b2; height: 95px } #new_search p { margin: 0 0 10px; color: #1e1e1e; font: normal 13px/20px 'Helvetica', sans-serif } #new_search strong { font: bold 13px/20px 'Helvetica', sans-serif } #new_search div#search_wrap { float: left; width: 474px; border-right: 1px solid #cecece; padding: 10px 0 10px 15px} #new_search div#search_box { background: url('../img/newdesign/bg_searchbox.png') 0 0 no-repeat; width: 465px; height: 40px; position: relative } #new_search div#search_box input[type=text] { background: none; border: none; position: absolute; top: 6px; left: 7px; padding: 5px; width: 340px} #new_search div#search_box input.t-search { background: none; border: none; position: absolute; right: 6px; top: 5px; font: bold 14px/30px Arial, Helvetica, sans-serif; color: #3a5812; text-shadow: 1px 1px 1px #ceed92; width: 95px; height: 30px; letter-spacing: -1px; cursor: pointer } #new_search div#atoz { float: left; width: 459px; border-left: 1px solid #fff; padding: 10px 15px; height: 75px } #new_search div#atoz p { margin: 0 0 5px } #new_search div#atoz ul li { float: left; border: 1px solid #285564; width: 20px; text-align: center; margin: 0 2px 3px 0} #new_search div#atoz ul li a { font: bold 12px/20px Arial, Helvetica, sans-serif; color: #fff; background: #40778a url('../img/newdesign/bg_atoz.png') 0 0 repeat-x; display: block } #new_search div#atoz ul li a:hover { text-decoration: none; background: #1f5060 url('../img/newdesign/bg_atoz_hover.png') 0 0 repeat-x } /* Footer */ #foot_wrap { width: 960px; float: left; clear: both; position: relative; padding: 10px; background: #000 } #foot_wrap ul.left { float: left; width: 200px; padding: 0; margin: 0;} #foot_wrap ul.left li { float: left; padding: 0 0 0 5px; font: normal 11px/22px 'Tahoma', sans-serif; color: #ebebeb } #foot_wrap ul.left li:before { content: "-"; padding: 0 5px 0 0} #foot_wrap ul.left li:first-child:before { content:""; padding: 0;} #foot_wrap ul.left li a { color: #ff8c41;} #foot_wrap ul.right { float: right; padding: 0 10px; margin: 0;} #foot_wrap ul.right li { float: left; padding: 0 0 0 5px; font: normal 11px/22px 'Tahoma', sans-serif; color: #ebebeb } #foot_wrap ul.right li:before { content: "-"; padding: 0 5px 0 0} #foot_wrap ul.right li:first-child:before { content:""; padding: 0;} #foot_wrap ul.right li a { color: #ff8c41;} #size_chart label { width:50px; float:left; display:block;} .sizechart { display: block; width: 52px; height: 16px; position: absolute; z-index: 10; right: 0; top: 3px; font: normal 11px/16px Tahoma, sans-serif; color: #090;} /*Tabs*/ div#tabs { float: left; width: 960px; padding: 15px 0; position: relative; clear: both;} div#tabs div.head ul li a.current, .tabs-nav .tabs-selected a { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-radius-topleft: 5px; border-radius-bottomleft: 5px;} div#tabs div.head ul li a.current, .tabs-nav .tabs-selected a { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-topright: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-radius-topright: 5px; border-radius-bottomright: 5px;} /*Jquery Tabs*/ @media projection, screen {.tabs-hide { display: none;}} @media print { .tabs-nav { display: none;}} div#tabs div.head_right { width: 4px; height: 42px; background: url('../imgres/cc_head_right.png') 0 0 no-repeat; position: absolute; top: 15px; right: 0;} div#tabs div.head_left { width: 4px; height: 42px; background: url('../imgres/cc_head_left.png') 0 0 no-repeat; position: absolute; top: 15px; left: 0;} .tabs-nav {width: 940px; height: 42px; float: left; background: url('../imgres/cc_head_tile.gif') 0 0 repeat-x; padding: 0 10px; position: relative;} .tabs-nav:after { display: block; clear: both; content: " ";} .tabs-nav li {float: left; display: inline; line-height: 42px; margin: 0 5px 0 0; min-width: 50px} .tabs-nav a {float: left; position: relative; display: block; padding: 0 10px; font: bold 12px/42px sans-serif; color: #444;} .tabs-nav .tabs-selected a { top: -5px; background: url('../imgres/fader_red.gif') 0 0 repeat-x; color: #fff; line-height: 47px;} .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { outline: 0;} .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: pointer;} .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer;} .tabs-container {float: left; width: 960px; padding: 15px 0; border-bottom: 1px dotted #ccc; background: url('../imgres/fade_silver.jpg') bottom bottom repeat-x;} div.tabs-container ul.related_products ul { float: left; position: relative; width: 960px;} div.tabs-container ul.related_products li { float: left; display: inline; width: 175px; margin: 0 0 0 15px; *height: 290px; min-height: 290px;} div.tabs-container ul.related_products li img { border: 1px solid #fff; width: 175px} div.tabs-container ul.related_products li span { float: left; clear: both; width: 175px; font: normal 11px/25px sans-serif; color: #cc0000; text-align: center;} div.tabs-container ul.related_products li a span { color: #cc0000;} div.tabs-container ul.related_products li a:hover img { border: 1px solid #fff;} div.tabs-container ul.related_products li a:hover { text-decoration: none;} div.tabs-container ul.related_products li a span.title { font: bold 12px/20px sans-serif; color: #666; float: left; text-align: center; width: 175px;} div.tabs-container ul.related_products li a span.price { font: bold 12px/20px sans-serif; color: #ff8c41; float: left; text-align: center; width: 175px;} #comments { float: left; width: 930px; padding: 0 15px;} #comments .comment { float: left; width: 930px; padding: 10px 0 10px 0; border-bottom: 1px solid #cecece; margin: 0;} #comments .author { float: left; width: 930px; padding: 0; font: normal 12px/20px sans-serif; color: #4a4a4a;} #comments .name { font-weight: bold; color: #ee7727; float: left; display: inline; padding: 0 8px 0 0;} #comments .rate { float: left; display: inline;} #comments .rating { float: left; display: inline; padding: 0 0 0 8px;} #comments .date { text-align: right; float: right; width: 250px; display: inline;} #comments .review { float: left; display: inline; width: 930px; padding: 5px 0;} #comments .review p { color: #444;} #comments .post_review { float: left; clear: both; padding: 10px 0; width: 930px;} #comments .post_review h5 { font: bold 12px/24px sans-serif; color: #ff8c41; margin: 0 0 10px 0;} #comments .post_review .form_wrap { float: left; width: 930px;} #comments .post_review .form_wrap .row { float: left; clear: both; padding: 0 0 5px 0; line-height: 24px;} #comments .post_review .form_wrap .row label { float: left; width: 120px; color: #444;} #comments .post_review .form_wrap .row textarea { float: left; width: 530px; height: 100px; border: 1px solid #cecece; padding: 10px; font: normal 12px/20px sans-serif;} #comments .post_review .form_wrap .row input[type=submit]{position: relative; left: 120px; padding: 3px 7px; font: bold 12px sans-serif;} ol.rating{ display: inline-block;width:80px; height:16px; margin:0 0 0; padding:0; list-style:none !important; position:relative; background: url('../images/rating_sprite.gif') no-repeat 0 0;} ol.nostar { background-position:0 0} ol.onestar { background-position:0 -16px} ol.twostar { background-position:0 -32px} ol.threestar { background-position:0 -48px} ol.fourstar { background-position:0 -64px} ol.fivestar { background-position:0 -80px} ol.rating li { cursor: pointer; float:left; text-indent:-999em; list-style:none !important; list-style-type:none !important; margin: 0; padding: 0;} ol.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; list-style:none !important; list-style-type:none !important;} ol.rating li.one a { left:0} ol.rating li.two a { left:16px;} ol.rating li.three a { left:32px;} ol.rating li.four a { left:48px;} ol.rating li.five a { left:64px} ol.rating li a:hover { z-index:1; width:80px; height:16px; overflow:hidden; left:0; background: url('../images/rating_sprite.gif') no-repeat 0 0} ol.rating li.one a:hover { background-position:0 -96px;} ol.rating li.two a:hover { background-position:0 -112px;} ol.rating li.three a:hover { background-position:0 -128px} ol.rating li.four a:hover { background-position:0 -144px} ol.rating li.five a:hover { background-position:0 -160px} #homepage_boxes { float: left; width: 760px; padding: 20px;} #homepage_boxes ul { float: left; clear: both; width: 100%; padding: 0;} #homepage_boxes ul li { float: left; clear: both; width: 750px; margin: 0 0 0; border-top: 1px dotted #666; padding: 5px;} #homepage_boxes ul li .img { float: right; width: 130px; margin: 0 0 10px 10px; border: none; outline: none;} #homepage_boxes ul li img a { border: none; outline: none;} #homepage_boxes ul li h2, #homepage_boxes ul li h2 a { font: bold 11px/24px sans-serif; color: #ff8c41; margin: 0; text-decoration: none;} #homepage_boxes ul li h2 a:hover { color: #fff; text-decoration: none;} #homepage_boxes ul li p { font: normal 11px/18px 'Tahoma', sans-serif; color: #666; margin: 0 0 5px 0;} #homepage_boxes ul li p a { text-decoration: underline; color: #333} #homepage_boxes ul li p a:hover { text-decoration: none } #homepage_boxes ul li p { -moz-column-width: 15em; -moz-column-gap: 2em; -webkit-column-width: 15em; -webkit-column-gap: 2em;} /*Buttons*/ a.signup, a.submit, a.change, a.checkout, a.continue_shopping, a.modify, a.cancel, a.update, div.bskt_con_box div.container div.form input[type="submit"], div.full_container div.form input[type="submit"], div.bskt_con_box div.container div.form input.submit[type="submit"] { height: 30px } a.update { margin: 5px 10px } /* Login Page */ div.bskt_con_box div.container p { font: normal 12px/18px Arial, Helvetica, sans-serif; color: #444 } div.bskt_con_box div.container p a { font-weight: normal; color: #F60 } div.bskt_head { background: #6096a9; color: #fff; float: left; line-height: 29px; padding: 0 0 0 9px; position: relative; width: 99%; } div.bskt_head span { color: #fff !important; font: bold 12px/35px sans-serif !important; } input.btn_remove { background: #c66322 url('../img/btn_orange.png') 0 0 repeat-x; font: bold 12px/25px Arial, Helvetica, sans-serif; color: #fff; border: 1px solid #963f07; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 10px; height: 25px; margin: 5px 0 0 } input.btn_remove:hover { background: #bd4e06 url('../img/btn_orange_h.png') 0 0 repeat-x; } input.btn_remove:active { background: #fd8a40 url('../img/btn_orange_a.png') 0 0 repeat-x; } input.recalculate { background: #3f7689 url('../img/btn_blue.png') 0 0 repeat-x; font: bold 12px/25px Arial, Helvetica, sans-serif; color: #fff; border: 1px solid #285564; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 10px; height: 25px; margin: 5px 0 0; float: left } input.recalculate:hover { background: #2d6a7e url('../img/btn_blue_h.png') 0 0 repeat-x; } input.recalculate:active { background: #679db0 url('../img/btn_blue_a.png') 0 0 repeat-x; } a.recalculate { background: #3f7689 url('../img/btn_blue.png') 0 0 repeat-x; font: bold 12px/25px Arial, Helvetica, sans-serif; color: #fff; border: 1px solid #285564; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 10px; margin: 5px 0 0; float: left } a.recalculate:hover { background: #2d6a7e url('../img/btn_blue_h.png') 0 0 repeat-x; } a.recalculate:active { background: #679db0 url('../img/btn_blue_a.png') 0 0 repeat-x; } #basket_wrap .container input[type=text] { width: 200px; border: 1px solid #d7d7d7; font: 12px/20px sans-serif; color: #444; padding: 3px; margin: 0 0 5px; *line-height: 18px; height: 20px } #basket_wrap .container .select { width: 208px; border: 1px solid #d7d7d7; font: 12px/25px sans-serif; color: #444; padding: 3px; margin: 0 0 5px } #basket_wrap .container .country { width: 330px; border: 1px solid #d7d7d7; font: 12px/25px sans-serif; color: #444; padding: 3px; margin: 0 0 5px } div.bskt_con_box { height: auto } div#bskt_summary { height: 120px } div#bskt_summary ul { width: 500px } #bskt_summary h3 { font-weight: bold } #bskt_summary span.left { float: left; width: 115px; font-weight: bold } #bskt_summary span.right { float: left; clear: right } #bskt_summary li { font: 12px/20px Arial, Helvetica, sans-serif; color: #444; height: 27px } #bskt_summary li .select { width: 245px; border: 1px solid #d7d7d7; font: 12px/25px sans-serif; color: #444; padding: 3px; margin: 0 0 5px } .post_review h5 { font: bold 12px/18px Arial, Helvetica, sans-serif } .post_review label { width: 120px; float: left; display: block } .post_review .select { width: 50px; border: 1px solid #d7d7d7; font: 12px/25px sans-serif; color: #444; padding: 3px; margin: 0 0 5px } .post_review .textarea { width: 300px; height: 200px; border: 1px solid #d7d7d7; font: 12px/25px sans-serif; color: #444; padding: 3px; margin: 0 0 5px } .post_review input[type=submit] { background: #3f7689 url('../img/btn_blue.png') 0 0 repeat-x; font: bold 12px/30px Arial, Helvetica, sans-serif; color: #fff; border: 1px solid #285564; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 10px; height: 25px; margin: 5px 0 0 120px; float: left } .ui-widget-header { background: url("../img/newdesign/bg_title.png") repeat-x scroll 0 0 #C86423; border: 1px solid #C86423; color: #FFFFFF; font: bold 12px/30px Arial,Helvetica,sans-serif; padding: 0 10px; text-transform: uppercase; } div.bskt_con_box div.container div.form input[type="text"] { border: 1px solid #CCC; } div.bskt_con_box div.container div.form input[type="submit"] { text-indent: -9999px; color: #52899c } div.full_container legend { color: #333 } div.full_container div.form div span { color: #555 } /* Thanks Page */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } .halfPage { width: 564px; float: left; margin-left: 10px; } .halfPage.omega { width: 384px; } #thanksPage h1 { font: bold 22px/30px Tahoma, Geneva, sans-serif; color: #333; } #thanksPage h2 { font: bold 19px/30px Tahoma, Geneva, sans-serif; color: #333; } #thanksPage h2 .highlight { color: #e26c1f; } #thanksPage p a { color: #e26c1f; } #thanksPage .facebookLike, #thanksPage .facebookLike img, #thanksPage .twitterFeed { margin-bottom: 10px; } #thanksPage .facebookLike #facebook { background-color: #ffffff; } #thanksPage .orderItems { border-top: 1px solid #d3d3d3; } #thanksPage .orderItems li { padding: 15px 0; border-bottom: 1px solid #d3d3d3; } #thanksPage .orderItems li img { float: left; margin-right: 10px; } #thanksPage .orderItems li .details { float: left; width: 470px; } #thanksPage .orderItems .shareButtons { margin: 20px 0 0; } .tyreBrands ul, .section ul { margin: 0; padding: 0; float: none; clear: both; } .tyreBrands li { list-style: none; } .tyreBrands ul a { line-height: 26px; color: #333; display: block; border-bottom: 1px solid #fff; padding-left: 5px; background: #f1f1f1 url(../images/icons/smallGreyArrow.png) 95% center no-repeat; } .tyreBrands ul a:hover { text-decoration: none; background-color: #E6E6E6; } .tyreBrands ul .backTo { text-align: right; } .tyreBrands ul .backTo a { background: #ffffff url(../images/icons/smallGreyArrowBack.png) 5px center no-repeat; padding: 0 10px; margin-bottom: 5px; color: #D01C2B; } .tyreBrands ul ul a { font-weight: normal; background-color: #fff; line-height: 20px; border: none; padding-left: 10px; } .tyreBrands ul ul a:hover { background-color: #f7f7f7; } .tyreBrands ul .backTo a { font-weight: normal; } /* ========================================================================== Blog ========================================================================== */ .postList img, .blogPost img { max-width: 100%; } .postList .post { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #cccccc; } .postList .post .postImage { width: 160px; display: block; margin-right: 10px; float: left } .postList .post .postImage img { max-width: 100%; } .postList .post .postTitle { font-weight: 700; margin-bottom: 0.7em; line-height: 1.2; font-size: 1.4em; } .postList .post .postContent { width: 365px; float: left; } .blogPost ul li { list-style-type: disc; } .blogPost ol li { list-style-type: decimal; } .blogPost blockquote { font-style: italic; } .blogPost em { font-style: italic; } .blogPost strong { font-weight: bold; } .columns.three { width: 28%; float: left; margin-right: 2%; } .columns.thirteen { width: 68%; float: left; } #gen_wrap img { max-width: 100%; } .alignright {float:right} .neutral {float:left !important;clear:none !important; cursor: pointer;} .neutral { background-color: #D1D1D1 !important; background-image: -moz-linear-gradient(center bottom , #D1D1D1 0%, #DCDCDC 100%) !important; } .pagination ul li { width:auto !important; height:auto !important; } .pagination ul { float:right !important; width:auto !important; }