/***********************************
	TyreSearch.com
	by nwonline.co.uk
	Copyright © MMX
	XHTML/CSS by Matt Litherland
***********************************/

html, body { margin:0; padding:0; background:url('../img/bg-slice.jpg') 0 0 repeat-x; font-family: Arial, sans-serif}

img {  border-style:none;}
.clear { clear:both}
.spacer { clear:both; height:20px}

li { font-family: Arial, Helvetica, sans-serif;}
ul { font-family: Arial, Helvetica, sans-serif;}
ol { font-family: Arial, Helvetica, sans-serif;}
dl { font-family: Arial, Helvetica, sans-serif;}

/*Headings*/
h1 { color:#247C22; margin:15px 0 0 22px}
h2 { color:#666; margin:-12px 0 0 110px; font-size:28px}
h3 { font-size:21px; color:#666; margin:19px 0 0 12px; float:left}
h4 { font-size:20px; color:#333; margin:19px 0 0 12px; float:left}
h5 { font-size:28px; color:#247C22; margin: 0 0 0 200px}

/*Generic*/
.more-sites a:link { color:#308418; text-decoration:underline}
.more-sites a:active { color:#308418; text-decoration:underline}
.view_all_brands a { color:#fff; text-decoration:none; font-weight:bold}
.view_all_brands a:active { color:#fff; text-decoration:none; font-weight:bold}

#search { width:300px; float:left}

/*Layout Components*/
#page-container { background:#fff; width:988px; height:auto; margin:0 auto;}
#page-container #top-logo { height:87px; width:988px; background:#fff}
#page-container #top-logo #left-logo { margin:0; padding:0; float:left; height:87px; width:306px; background:url('../img/logo.jpg') 0 0 no-repeat}
#page-container #top-logo #phone-no { padding:0; height:87px; width:392px; margin:0 11px 0 0; float:right; background:url('../img/phone_no.jpg') 0 0 no-repeat}

div#home_leftcol { float: left; width: 650px;}
div#home_rightcol { float: left; width: 300px;}

#page-container #main_wrap { float: right; width: 755px;}

#page-container #main-nav { background:url('../img/nav-bar-bg.jpg') 0 0 repeat-x; height:38px; width:982px; margin:0 0 0 3px; float:left}
.nav { background:url('images/nav-bg.jpg') 0 0 repeat-x; width:auto; height:38px; padding-left:7px}
.nav li { float: left; display:inline; padding-right:10px; font-size:10px; color:#fff; font-weight:bold}
.nav ul { list-style:none; padding:0; margin:0; font-family:Tahoma; font-size:10px; color:#fff; font-weight:bold; text-decoration:none}
.nav a:hover { color:#333; text-decoration:none}
.nav a{ font-family:Arial,Helvetica,sans-serif; font-size:12px; float:left; padding: 0 13px; line-height:39px; color:#247c22; font-weight:bold; text-decoration:none}

#page-container #header { background:url('../img/header-bg-slice.jpg') 0 0 repeat-x; float:left; height:226px; width:650px; margin-left:3px; margin-top:7px}
#page-container #header-right {
	background:url('../img/header-bg-slice.jpg') 0 0 repeat-x;
	float:left; min-height:350px; width:300px; margin-top:7px; padding:37px 20px 0 12px}
#page-container #header #tyre { background:url('../img/left_tyre.png') 0 0 no-repeat; float:left; height:211px; width:335px; margin-top:15px}
#page-container #header #g-text { background:url('../img/graphical_text.png') 0 0 no-repeat; float:left; height:147px; width:113px; margin-top:14px}
#page-container #header #tyre-width-list { margin:36px 0 0 0}
#page-container #header #tyre-profile-list { margin:0}
#page-container #header #tyre-size-list { margin:0}
#page-container #header #speed-rating-list { margin:0}
#page-container #header #compare-tyre-btn { float:left; height:47px; width:267px; margin:4px 0 0 0; float:left}

#page-container #header select { border: 1px solid #356b14; padding: 1px; float: left; margin: 0 0 8px 0;width:150px;}

#page-container #header-right #sidebar-a { height:auto; float:right; height:385px; width:276px; background:url('../img/right_bg.png') center center no-repeat}
#page-container #header-right #sidebar-a #img-thumbs { float:left; margin:20px 0 0 20px; width:250px}
#page-container #header-right #sidebar-a #img-thumbs .site1 { float:left; height:70px; width:100px}
#page-container #header-right #sidebar-a #img-thumbs .site2 { float:right; height:70px; width:120px}
#page-container #header-right #sidebar-a #img-thumbs .site3 { float:right; height:70px; width:115px; margin: 0 0 0 5px}
#page-container #header-right #sidebar-a #text-title { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#000; text-align:center; margin:15px 0 0 0}
#page-container #header-right #sidebar-a #lower-text-title { font-family:Tahoma,Geneva,sans-serif; font-size:11px; color:#308418; text-align:center; font-style:normal; font-weight:normal; text-decoration:underline}

#page-container #content #large-car { background:url('../img/big-car.jpg') 0 0 no-repeat; float:left; height:121px; width:177px}

#page-container #bottom-brands { margin: 0 0 0 3px}
#page-container #bottom-brands #bottom-brands-title { background:url('../img/compare_all_cars.jpg') 0 0 no-repeat; float:left; height:46px; width:390px; margin:21px 0 0 16px}
#footer { background:url('../img/footer_bar.gif') 0 0 repeat-x; width:988px; height:57px; padding:20px 0 0 0}
#page-container #bottom-brands #see_more_brands { background:url('../img/see_more_brands.jpg') 0 0 no-repeat; float:left; height:46px; width:456px; margin:21px 0 0 85px}
#page-container #bottom-brands #see_more_brands #see_more_brands_text { margin:15px 0 0 233px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#fff}

#page-container #bottom-brands #partners { float:left; height:42px; width:973px; margin: 0 0 0 5px}
#page-container #bottom-brands #partners ul { list-style:none; padding:0 7px; margin:0}
#page-container #bottom-brands #partners li { float: left; display:inline; height: 44px; margin: 0 4px;}

#page-container #bottom-brands #partners a { float:left; text-indent: -9999px; display: block; height: 44px; width: 110px; background: url('../img/sprite_logos.gif') 0 0 no-repeat;}
#page-container #bottom-brands #partners a:hover {}
#page-container #bottom-brands #partners a:active {}

#page-container #bottom-brands #partners a.brand_001 { background-position: 0 0;}
#page-container #bottom-brands #partners a.brand_002 { background-position: -110px 0;}
#page-container #bottom-brands #partners a.brand_003 { background-position: -222px 0;}
#page-container #bottom-brands #partners a.brand_004 { background-position: -347px 0;}
#page-container #bottom-brands #partners a.brand_005 { background-position: -467px 0;}
#page-container #bottom-brands #partners a.brand_006 { background-position: -604px 0;}
#page-container #bottom-brands #partners a.brand_007 { background-position: -730px 0;}
#page-container #bottom-brands #partners a.brand_008 { background-position: -861px 0;}

#page-container #bottom-brands #partners a.brand_001:hover { background-position: 0 -44px;}
#page-container #bottom-brands #partners a.brand_002:hover { background-position: -110px -44px;}
#page-container #bottom-brands #partners a.brand_003:hover { background-position: -222px -44px;}
#page-container #bottom-brands #partners a.brand_004:hover { background-position: -347px -44px;}
#page-container #bottom-brands #partners a.brand_005:hover { background-position: -467px -44px;}
#page-container #bottom-brands #partners a.brand_006:hover { background-position: -604px -44px;}
#page-container #bottom-brands #partners a.brand_007:hover { background-position: -730px -44px;}
#page-container #bottom-brands #partners a.brand_008:hover { background-position: -861px -44px;}

#page-container #content { width:645px; background:url('../img/body-content-slice.jpg') 0 0 repeat-x; float:left; height:201px; margin:16px 0 0 3px}
	
#page-container #content #bodycontent-title { background:url('../img/body-title.jpg') 0 0 no-repeat; float:left; height:34px; width:455px; margin:26px 0 0 20px}
#page-container #content #arrow-tick { background:url('../img/tick.jpg') 0 0 no-repeat; float:left; height:77px; width:77px; margin:0 0 0 20px}
#page-container #content #body-text { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000; float:left; height:77px; width:340px; font-style:normal; line-height:21px; font-weight:normal; margin: 0 0 0 10px}
#page-container #content #body-text ul { list-style:none; padding:0 0 0 15px; margin:0}
#page-container #content #body-text li { padding:0; list-style-type: disc; color: #333;}
#page-container #content #small-car { background:url('../img/small-car.jpg') 0 0 no-repeat; float:left; height:61px; width:85px; margin:19px 0 0 62px}

#page-container #footer #footer-nav { font-family:Tahoma,Geneva,sans-serif; font-size:11px; color:#a9a9a9; width:600px}
#page-container #footer #footer-nav li { display:inline; padding-right:5px; font-size:10px; color:#fff}
#page-container #footer #footer-nav ul { list-style:none; margin:0; padding:0 0 0 10px; font-family:Tahoma; font-size:10px; color:#fff; text-decoration:none}
#page-container #footer #footer-nav li a:link { font-family:Tahoma,Geneva,sans-serif; font-size:11px; padding:0 13px; color:#A9A9A9; text-decoration:none}
#page-container #footer #footer-nav li a:visited { font-family:Tahoma,Geneva,sans-serif; font-size:11px; padding:0 13px; color:#A9A9A9; text-decoration:none}
#page-container #footer #footer-nav li a:active { font-family:Tahoma,Geneva,sans-serif; font-size:11px; padding:0 13px; color:#A9A9A9; text-decoration:none}
#page-container #footer #bottom-logo { background:url('../img/bottom-logo.jpg') 0 0 no-repeat; float:right; height:65px; width:258px; margin:-33px 0 0 0}

#page-container #small_header { background: url('../img/small_header_bar.jpg') 0 0 repeat-x; float: left; height: 103px; width: 982px; margin:1px 3px 0px 3px}
#page-container #small_header #small_tyre{background-image: url('../img/tyre.png'); background-repeat:no-repeat; float: left; height: 103px; width: 184px}
#page-container #small_header #srch_form{float: left; height:53px; width: 500px; padding:30px 0px 20px 0px}
#page-container #small_header .srch_form_row{float: left; height:20px; width: 500px; padding-bottom:9px}
#page-container #small_header .srch_form_row_span_left{float: left; height:20px; width: 90px}
#page-container #small_header .srch_form_row_span_right{float: left; height:20px; width: 100px}
#page-container #small_header .srch_form_row_span_select{float: left; height:20px; width: 150px}

#page-container .column_1 ul { list-style:none;margin: 0;padding:0}
#page-container .column_1 li { display:inline; float:left;}
#page-container .column_1 li a { width: 16px; height: 16px; float: left; position: relative; padding: 5px; display: inline; margin: 0 5px 0 0; text-align: center; border: 1px solid #ccc; font-size: 11px; font-weight: bold; text-decoration: none; color: #069;}
#page-container .column_1 li a:visited { color:#369;font-weight:bold;text-decoration:none}
#page-container .column_1 li a:active { color:#369;font-weight:bold;text-decoration:none}
#page-container .column_1 li a:hover { color:#369;font-weight:bold;text-decoration:none; border: 1px solid #999; background: #fff;}
#page-container .column_1 li a.current { background: #167023 url('../img/fade_green.jpg') 0 0 repeat-x; top: -4px; border: 1px solid #0f4b0f; color: #fff;}

#page-container .button_top { width:238px; height:46px; font:bold 15px/20px sans-serif; color:#fff; background:url('../img/company_button.png') 0 0 no-repeat; border:0; padding: 0; cursor: pointer; text-align: left; padding: 0 0 0 25px;}

#small_compare-tyre-btn { padding: 30px 0 0 10px;}
#page-container .dotted_separator { clear:both; background: url('../img/left_separator_bar.jpg') center center no-repeat; width: 208px; height:1px; margin:10px 0 0 7px}
#page-container #right_content { width:752px; float:left; margin:0; padding: 0}

ul.product_row { float: left; clear: both; width: 750px; padding: 0; margin: 0; padding: 5px 0; height: 90px}
ul.product_row li { float: left; display: inline; margin: 0; padding: 0; font-size: 11px; color: #666; height: 70px}
ul.product_row li.pr_img { width: 80px; height: 80px; border: 1px solid #ccc}  
ul.product_row li.pr_des { width: 250px; border-right: 1px dotted #ccc; padding: 10px;}
ul.product_row li.pr_fit { width: 100px; border-right: 1px dotted #ccc; padding: 20px 0 0 0; text-align: center; color: #167023; height: 70px; background: #fdfdfd}
ul.product_row li.pr_del { width: 120px; border-right: 1px dotted #ccc; padding: 20px 0 0 0; text-align: center; color: #004a7d; height: 70px;}
ul.product_row li.pr_btn { width: 155px; padding: 20px 10px; text-align: center; height: 50px;}
ul.product_row li.pr_btn input[type=submit]{ width: 140px; font: bold 12px/20px Arial, sans-serif; color: #036; cursor: pointer;}
ul.product_row li.pr_btn input { width: 140px;}
ul.product_row li.pr_btn p { margin: 0; padding: 5px 0; color: #069;}
ul.product_row li.pr_des h6 { font: bold 12px Arial, sans-serif; margin: 0; padding: 0;}
ul.product_row li small { font: bold 12px sans-serif; clear: both; display: block; width: 100%;}
ul.product_row li big { font: bold 20px/25px 'Helvetica', Arial, sans-serif; clear: both; }

#page-container .column_1 { width:330px; height:44px; padding:10px 0 0 10px; float:left;}
#page-container .column_2 { width:100px; height:44px; padding: 0; float:left; line-height: 44px;}
#page-container .column_3 { width:120px; height:44px; padding: 0; float:left; line-height: 44px;}
#page-container .column_4 { width:165px; height:44px; padding: 0; float:left; line-height: 44px;}

.sort_txt { float:left; height:44px; color: #666; background: url('../img/down_gray_arrow.jpg') 10px center no-repeat; padding: 0 0 0 27px;}
.sort_txt a:link { float:left; color:#666; font-family:tahoma; font-size:11px; text-decoration:none}
.sort_txt a:hover { color:#333;}
.column_4 .sort_txt { background: none; padding: 0 0 0 10px;}

#page-container #breadcrumb { float: left; width: 752px; height: 40px; padding: 0 0 0;}
#page-container #breadcrumb ul { list-style:none; margin: 0; height: 40px; padding: 0;}
#page-container #breadcrumb li { float: left; display:inline; background:url('../img/blue_bullet.jpg') 0 19px no-repeat; line-height: 40px; height: 40px;}
#page-container #breadcrumb li a { font: bold 11px/40px 'Tahoma', sans-serif; padding:0 8px; color:#393; text-decoration:none; font-weight:bold}
#page-container #breadcrumb li a:hover { color: #666;}
#page-container #breadcrumb li:first-child { background: none;}
#page-container #breadcrumb li:first-child a { padding: 0 10px 0 0 ;}

#page-container #pagination { font-size:11px; height:46px; width:740px; float:left; background: #fafafa; border: 1px solid #dbdbdb; padding:0 0 0 10px; margin: 0}
#page-container #main_product { font-size:11px; padding-left:13px; height:auto; width:746px; float:right}


#page-container #left_side { float: left; width: 208px; margin-left:2px}
#page-container #left_side .left_search_title { float: left; position: relative; width: 200px; height: 30px; font: bold 12px/30px sans-serif; color:#393; text-decoration:none; margin:0; padding: 0 0 0 25px; background: url('../img/down_blue_bullet.jpg') 10px center no-repeat}

#page-container #left_side .left_search_title span { float: right; position: absolute; top: 0; right: 10px; padding: 0 10px; width: 80px; text-align: right;}
#page-container #left_side .left_search_title span a { font: normal 11px/30px 'Tahoma', sans-serif; color: #3667a2; text-decoration: none;}
#page-container #left_side .left_search_title span a:hover { color: #090;}

#page-container #left_side ul { float: left; clear: both; width: 200px; list-style:none; padding: 0 0 10px 7px; margin: 0; border-bottom: 1px dotted #ccc;}
#page-container #left_side li { float: left; clear: both; font-size:11px; color:#666; text-decoration:none; line-height:16px; width: 200px}
#page-container #left_side li a { display: block; width: 170px; padding: 0 10px 0 20px; display: block; color: #505050; text-decoration: none; border-bottom: none;} 
#page-container #left_side li a:hover { color: #36C; text-decoration: underline}
#page-container #left_side li label { cursor: pointer; color: #666;}
#page-container #left_side li:hover label { color: #069;}
#page-container #left_side input { font-size:11px; color:#666; border:1px solid #CCC}
#page-container #left_side input[type=checkbox] { border: none; cursor: pointer; color: #666; padding: 2px;}
#page-container #left_side .left_checkbox ul { float: left; clear: both; width: 208px;}
#page-container #left_side .left_checkbox li { width: 102px; float: left; display: inline; clear: none;}

#page-container #refine_your_search { background: url('../img/refine_your_search.jpg') 0 0 no-repeat; float: left; height: 48px; width: 208px}
#page-container #refine_your_search h6 { font-size:12px; color:#247C22; margin:12px 0 0 15px}

.gray_bullet { float:left; margin:3px 0 0 5px; color:#666; font: normal 11px/20px 'Tahoma', sans-serif;}
.gray_bullet select { color:#666; font: normal 11px/20px 'Tahoma', sans-serif; padding: 3px; margin: 7px 0 0 3px}

div#content_wrap { width: 752px; margin: 0; float: left; padding: 0}
div#content_wrap div#top_content { width: 752px; margin: 0; float: left; padding: 0 0 10px 0;}
div#content_wrap div#top_content h1 { color: #555; font: bold 17px/24px 'Helvetica', Arial, sans-serif; letter-spacing: -1px; margin: 0; padding: 0}
div#content_wrap div#top_content p { font: normal 12px/18px sans-serif; color: #666}
div#content_wrap div#top_content span { float: right; padding: 10px}
div#content_wrap div#top_content div#tyre_photo { float: left; width: 200px; text-align: center; padding: 10px 0;}
div#content_wrap div#top_content span.top.left { float: left; position: relative; padding: 10px 0; width: 550px;}
div#content_wrap div#top_content div.type { float: left; position: relative; padding: 5px 0; width: 550px; font: normal 11px/24px 'Tahoma', Arial, sans-serif; color: #338e2b}

div#content_wrap div#top_content div.type span.icon { 
	position: relative;
	width: 20px;
	height: 20px;
	display: inline;
	float: left;
	padding: 0;
	margin: 0 4px 0 0;
	clear: none;}

.snow { background: url('../img/_icons/winter.gif') 0 0 no-repeat;}
.summer { background: url('../img/_icons/summer.gif') 0 0 no-repeat;}
.wet { background: url('../img/_icons/wet.gif') 0 0 no-repeat;}

/*Full Width Hacks*/
div#content_wrap div#top_content.full { width: 950px; margin: 0; float: left; position: relative;}
div#content_wrap div#top_content.full span { float: left; padding: 10px}
div#content_wrap div#tab_wrap.full { float: left; clear: both; width: 950px; padding: 0; margin: 0;}
div#content_wrap #sub_content.full { float: left; padding: 20px 10px; width: 930px; margin: 0;}

div#tab_wrap ul li#your_results { width: 204px; height: 96px; display: block; position: absolute; right: 0; bottom: 15px; text-indent: -9999px; background: url('../img/png_your_results.png') 0 0 no-repeat; z-index: 100 } 

div#content_wrap div#tab_wrap { float: left; clear: both; width: 752px; padding: 0; margin: 0;}
div#tab_wrap ul { width: 100%; float: left; position: relative; margin: 0; padding: 0; list-style-type: none; background: url('../img/content_tab_menu_bg.jpg') 0 0 repeat-x; height: 43px;}
div#tab_wrap ul li { float: left; display: inline; height: 43px; font: bold 12px/38px sans-serif; padding: 0 5px; margin: 0 5px;}
div#tab_wrap ul li#left { float: left; position: relative; left: 0; top: 0; height: 43px; width: 4px; background: url('../img/content_tab_menu_left.jpg') 0 0 no-repeat; padding: 0; margin: 0;}
div#tab_wrap ul li#right { float: right; position: relative; right: 0; top: 0; height: 43px; width: 4px; background: url('../img/content_tab_menu_right.jpg') 0 0 no-repeat; padding: 0; margin: 0;}
div#tab_wrap ul li#selected { position: relative; top: -4px; background: url('../img/content_tab_bg.jpg') 0 0 repeat-x; height: 47px; color: #fff; line-height: 47px; padding: 0 10px;}
div#tab_wrap ul li a { color: #444; text-decoration: none; display: block;}
div#tab_wrap ul li a:hover { color: #338e2b; text-decoration: none;}

div#content_wrap #sub_content { float: left; padding: 20px 10px; width: 732px; margin: 0; background: #fcfcfc url('../img/content_bg.jpg') 0 0 repeat-x; border-bottom: 1px dotted #b8b8b7;}
#sub_content ul.brands { width: 732px; float: left; margin: 0; padding: 0; background: #fff; list-style-type: none;border-top: 1px dotted #cecece}
#sub_content ul.brands li { float: left; width: 346px; padding: 0 10px; font: bold 12px/24px sans-serif; color: #338e2b;border-bottom: 1px dotted #cecece;} 
#sub_content ul.brands li a { color: #338e2b; text-decoration: none; display: block;}
#sub_content ul.brands li a:hover { color: #06C; text-decoration: underline;}


/*Compare Tyres*/
#sub_content ul.compare { width: 732px; float: left; margin: 0; padding: 0; background: #fff; list-style-type: none;border-bottom: 1px dotted #cecece}
#sub_content ul.compare li { float: left; width: 712px; height: 56px; padding: 0 10px; font: bold 12px/56px sans-serif; color: #338e2b;border-top: 1px dotted #cecece;} 
#sub_content ul.compare li a { color: #338e2b; text-decoration: none; display: block;}
#sub_content ul.compare li a:hover { color: #06C; text-decoration: underline;}

#sub_content ul.compare li span { float: left; display: inline; height: 56px;}

#sub_content ul.compare li span.rating 	{ width: 110px; float: left; display: inline;}
#sub_content ul.compare li span.load 	{ width: 75px; float: left; display: inline; font: normal 11px/56px 'Tahoma', sans-serif; color: #666;}
#sub_content ul.compare li span.speed 	{ width: 75px; float: left; display: inline; font: normal 11px/56px 'Tahoma', sans-serif; color: #666;}
#sub_content ul.compare li span.name 	{ width: 190px; float: left; display: inline; font: normal 11px/56px 'Tahoma', sans-serif;}
#sub_content ul.compare li span.mail 	{ width: 75px; float: left; display: inline; font: bold 19px/56px 'Helvetica', sans-serif; color: #2b65ae;}
#sub_content ul.compare li span.fitted 	{ width: 75px; float: left; display: inline; font: bold 19px/56px 'Helvetica', sans-serif;}

#sub_content ul.compare li span.compare { width: 100px; padding: 15px 0; height: 26px;}
#sub_content ul.compare li span.compare a.compare { display: block; clear: both; position: relative; width: 100px; margin: 0 auto; height: 26px; line-height: 26px; text-indent: -9999px; background: url('../img/sprite_compare.png') -1px -1px no-repeat; cursor: pointer}
#sub_content ul.compare li span.compare a:hover { background-position: -101px -1px; cursor: pointer}
#sub_content ul.compare li span.compare a:active { background-position: -201px -1px; cursor: pointer}

#sub_content ul.compare li.top { height: 40px !important; background: #fcfcfc; border: none;}
#sub_content ul.compare li.top span { height: 40px !important; line-height: 40px !important;}
#sub_content ul.compare li.top span.name 	{font: bold 12px/40px sans-serif !important;}
#sub_content ul.compare li.top span.mail 	{font: bold 12px/40px sans-serif !important;}
#sub_content ul.compare li.top span.fitted 	{font: bold 12px/40px sans-serif !important;}

/*Comparison Results Page*/
#sub_content ul#compres { width: 930px; float: left; margin: 0; padding: 0; background: #fff; list-style-type: none;border-bottom: 1px dotted #cecece; list-style-type: none; }

#sub_content ul#compres li { float: left; width: 930px; padding: 0; margin: 0; font: normal 11px/24px 'Tahoma', sans-serif; color: #338e2b;border-top: 1px dotted #cecece; list-style-type: none; height: 90px;}
#sub_content ul#compres li.toprow { float: left; width: 930px; padding: 0; margin: 0; font: normal 11px/24px 'Tahoma', sans-serif; color: #338e2b; border: none; list-style-type: none; height: 60px; background: #fdfdfd;}
	
#sub_content ul#compres li.toprow div { float: left; height: 60px;}
#sub_content ul#compres li.toprow div.company { float: left; width: 180px;}
#sub_content ul#compres li.toprow div.station { float: left; width: 170px; padding: 0; font: bold 12px/20px sans-serif; color: #454545}
#sub_content ul#compres li.toprow div.fitted { float: left; width: 210px; padding: 0 10px; background: url('../img/bg_v_dotted_small.gif') 0 center no-repeat; font: bold 12px/60px sans-serif; color: #454545;}
#sub_content ul#compres li.toprow div.mail { float: left; width: 210px; padding: 0 10px; background: url('../img/bg_v_dotted_small.gif') 0 center no-repeat; font: bold 12px/60px sans-serif; color: #454545}
#sub_content ul#compres li.toprow div.stock { float: right; width: 115px; text-align: center; background: url('../img/bg_v_dotted_small.gif') 0 center no-repeat; padding: 0; font: bold 12px/60px sans-serif; color: #454545}

#sub_content ul#compres li.toprow div.station span.form { float: left; clear: both;}
#sub_content ul#compres li.toprow div.station span.form input[type=text] { font: normal 12px sans-serif; color: #666; background: #fff; border: 1px solid #cecece; width: 80px; padding: 3px;}
#sub_content ul#compres li.toprow div.station span.form input[type=submit] { font: bold 12px/18px sans-serif; cursor: pointer; font-weight: bold;}

#sub_content ul#compres li div { float: left; height: 90px}
#sub_content ul#compres li div.company { float: left; width: 180px; text-align: center}
#sub_content ul#compres li div.station { float: left; width: 170px; padding: 15px 0; height: 60px}
#sub_content ul#compres li div.fitted { float: left; width: 210px; padding: 15px 10px; height: 60px; background: #fdfdfd url('../img/bg_v_dotted.gif') 0 center no-repeat;}
#sub_content ul#compres li div.mail { float: left; width: 210px; padding: 15px 10px; height: 60px; background: #fff url('../img/bg_v_dotted.gif') 0 center no-repeat;}
#sub_content ul#compres li div.stock { float: right; width: 115px; text-align: center; background: #fff url('../img/bg_v_dotted.gif') 0 center no-repeat; padding: 15px 0; height: 60px;}

#sub_content ul#compres li div.station ul.mini_list { margin: 0; padding: 0; float: left; width: 170px;}
#sub_content ul#compres li div.fitted ul.mini_list { margin: 0; padding: 0; float: left; width: 120px;}
#sub_content ul#compres li div.mail ul.mini_list { margin: 0; padding: 0; float: left; width: 120px;}

#sub_content ul#compres li ul.mini_list li { float: left; margin: 0; padding: 0; border: none; font: normal 11px/20px 'Tahoma', sans-serif; width: 100%; height: 20px;}
	
#sub_content ul#compres li div.station ul.mini_list li span.left { float: left; width: 90px; color: #666;}
#sub_content ul#compres li div.station ul.mini_list li span.right { float: left; width: 80px;}

#sub_content ul#compres li div.fitted ul.mini_list li span.left { float: left; width: 70px; color: #666;}
#sub_content ul#compres li div.fitted ul.mini_list li span.right { float: left; width: 45px; color: #666;}

#sub_content ul#compres li div.mail ul.mini_list li span.left { float: left; width: 70px; color: #666;}
#sub_content ul#compres li div.mail ul.mini_list li span.right { float: left; width: 45px; color: #666;}

#sub_content ul#compres li div span.price { float: right; width:90px; text-align: center;}
#sub_content ul#compres li div span.price small { font: normal 11px/20px 'Tahoma', sans-serif;}
#sub_content ul#compres li div span.price big { font: bold 21px/20px 'Helvetica', sans-serif; clear: both; display: block; width: 90px; text-align: center; letter-spacing: -1px}

#sub_content ul#compres li div.mail span.price small { color: #2b65ae}
#sub_content ul#compres li div.mail span.price big { color: #2b65ae}

#sub_content ul#compres li div.stock a { display: block; clear: both; position: relative; width: 100px; margin: 5px auto; height: 26px; text-indent: -9999px; background: url('../img/sprite_store.png') -1px -1px no-repeat; cursor: pointer}
#sub_content ul#compres li div.stock a:hover { background-position: -101px -1px; cursor: pointer}
#sub_content ul#compres li div.stock a:active { background-position: -201px -1px; cursor: pointer}

#sub_content ul#compres li.toprow div .title { float: left; width: 100px;}

#sub_content ul#compres li.toprow div .sort_txt { float:right;  margin-right: 10px; height:60px; color: #666; background: url('../img/down_gray_arrow.jpg') 0 center no-repeat; padding: 0 0 0 20px; font: normal 11px/60px 'Tahoma', sans-serif;}
#sub_content ul#compres li.toprow div .sort_txt a { text-decoration: none; color: #666;}
#sub_content ul#compres li.toprow div .sort_txt a:link { float:left; color:#666; font-family:tahoma; font-size:11px; text-decoration:none}
#sub_content ul#compres li.toprow div .sort_txt a:hover { color:#333;}

.loading {
    background-color: #000;
    background-image: url('../img/loader.gif');
    background-position:  center 300px;
    background-repeat: no-repeat;
    opacity: 1;
}
.loading * {
    opacity: .8;
}