/* TIRE FINDER CSS */
/*=============================
01. SHARED STYLES
02. TOP NAVIGATION STYLES
03. TIRE FINDER
04. RESULTS STYLES
05. SHOPPING CART STYLES
06. ORDER CONFIRMATION STYLES
07. TIRE DETAILS STYLES
08. Dynamic Description Navigation TABED INFO
09. CHECKOUT AND CREATE ACCOUNT SECTION
10. Billing INFO

===============================*/


/* 01. SHARED STYLES */
/*Big ones*/
*{margin:0; padding:0;}
BODY{font-family:Verdana, Arial, Helvetica, sans-serif; color:#2A2A2A; font-size:11px; background:#FFFFFF; margin-bottom:30px;}
input,select,span{font-family:Verdana, Arial, Helvetica, sans-serif}
H1 SPAN{display:none;}
H2 SPAN{display:none;}
#content_wrap {width:940px; margin:auto; background:#FFF;}
A:LINK, A:VISITED, A:ACTIVE, A:HOVER {color:#165997; font-weight:bold;}
/*A:HOVER{color:#1267b5;}*/
#content_no_table{ padding:12px 15px;}
#header { background:url(../images/tirefinder/top_background.gif) repeat-x; height:50px;}
.float_right{ float:right;}
.float_left{ float:left;}
.clear {clear:both;}
.clear_right {clear:right;}
.clear_left {clear:left;}
.clear_border{ border:none !important}
/* *** NEW *** */
#footer {width:920px; margin:20px auto;text-align:justify} 
#footer P{ margin:0 0 18px 0; font-size:10px; line-height:12px;text-align:justify}
/* *** END NEW *** */
#frmGhost {position:absolute;width:1px;height:100px;left:0px;top:0px;visibility:hidden;border-width:1px}
.error_msg{color:red;font-weight:bold;text-align:center}

/* 02. TOP NAVIGATION STYLES */
#nav_top_right {position:relative; top:-28px; margin:0; _margin-top:-28px}
#cart_login_register {width:auto; float:right; margin:0 25px 0 0;}

/* 03. TIRE FINDER */
#tire_finder #content_wrap {height:507px;}
#tire_finder H1 {display:block; font-size:24px; height:29px; background:#ECECEC url(../images/tirefinder/tire_finder.gif) no-repeat 27px 16px; padding:15px 19px 0 19px;}
#search_tool{width:625px; height:264px; margin:17px 0 0 50px; background:url(../images/tirefinder/search_panel.gif);}
#error_panel{width:625px; height:264px; margin:17px 0 0 50px; background:url(../images/tirefinder/error_graphic.gif);}
#search_tool SELECT, #search_tool INPUT.ymmt {width:160px; height:22px; size:12px; font-weight:bold; border:1px solid;
	border-color:#e3e4e4 #c0c1c1 #969898 #c0c1c1;}
#search_tool .tcp_code{ width:130px;}
#search_tool A:LINK, #search_tool A:VISITED, #search_tool A:ACTIVE, #search_tool A:HOVER { font-weight: normal;}
#tire_finder #promo_right {width:160px; float:right; margin:-265px 50px 0 0}
img.disabled {filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25;opacity:0.25}
img.enabled {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}


/* 04. RESULTS STYLES */
a.page_selected,a.page_index:hover {background-color:rgb(22,89,151);color:rgb(255,255,255);text-decoration:none;padding:2px;font-weight:bold}
a.page_index {color:rgb(22,89,151);text-decoration:none;padding:2px;font-weight:bold}
#tire_finder_results #content_wrap { position:relative; padding:0 0 15px 0;}
#tire_finder_results H1 {display:block; font-size:24px; height:29px; background:#ECECEC url(../images/tirefinder_results/tire_finder_results.gif) no-repeat 27px 16px; padding:15px 19px 0 19px;}
#tire_finder_results #content_no_table{ padding-top:22px;}
#numeric_navigation {//margin-top:-13px;}
table.tire_result{width:100%;border-collapse:collapse;border-spacing:0px}

/* *** NEW *** */
/* Now its a class so it will show up in the page several times */
.results_numbers { font-weight:bold; padding:8px 0px;}
.results_numbers SPAN { font-size:18px;}
.results_numbers IMG { margin-bottom:-3px;}
.results_numbers P { font-weight:normal;}
/* *** END NEW *** */

#results_shorting { margin-top:-28px;}
#results_shorting SELECT {width:180px; font-size:11px;}
#results_display {width:916px; margin:auto;}
#results_display TD.tile{ background:#E5E5E5; padding:12px 0 0 16px; border-bottom:7px solid #FFF;}
/* *** NEW *** */
.gap { line-height:0; height:0px; margin-top:8px; border-top:1px solid #939699; border-bottom:1px solid #DFDFDF;}
/* *** END NEW *** */
#results_display .tire-replace, #results_display .tire-original {width:94px; height:109px;  padding:18px 0 10px 3px; float:left;}
#results_display .tire-replace 	{background:url(../images/tirefinder_results/replacement.gif) no-repeat;}
#results_display .tire-original {background:url(../images/tirefinder_results/original.gif) no-repeat;}
#results_display .description {float:left; margin:0 0 0 25px; padding-bottom:10px; width:610px;}
#results_display .description H2 { font-size:14px; line-height:24px;}
#results_display .description P { line-height:19px;}
	#results_display .user_action {float:right; width:145px; font-size:10px; 
/*FIX IE6*/_position:relative;}
#results_display .user_action H2 { font-size:18px; margin:0 0 5px 0;}
#results_display .user_action P { line-height:15px; margin:0 0 5px 5px;}
#results_display .user_action TABLE {margin-top:5px;}
.user_action_pop { /*clear:both;*/ background: url(../images/tirefinder_cart/black80transparent.png) repeat; color:#FFF; width:388px; padding:5px; margin-bottom:-92px; *margin-bottom:-94px; position:relative; left:-257px; top:-90px; display:none;
/*FIX IE 6*/ _position:absolute; _top:25px; _left:-260px; _margin-bottom:1px; }
/* IE6 TRANSPARENCY FIX BUT IS NOT WORKING FINE
.user_action_pop { _border:1px solid green; _background:#000 none; _filter:alpha(opacity=80); _height:1%; }
.user_action_pop * {_filter:alpha(opacity=100); _postion:relative;}
IE6 FIX END*/
.user_action_pop .title {font-size:12px; font-weight:bold; width:150px;}
.user_action_pop H4 {font-size:12px; font-weight:normal;}
.user_action_pop .close_btn { float:right; margin-top:-20px;}
.user_action_pop SELECT { font-size:12px; font-weight:bold;}
.user_action_pop INPUT {margin:3px; padding:3px; *margin:0; *padding:0;}

/* *** NEW *** */
.ajax_pop  {background: url(../images/tirefinder_cart/black80transparent.png) repeat; color:#FFF; width:555px; height:198px; _margin-bottom:-198px; padding:5px; position:relative; overflow:hidden; left:10px; top:-305px; display:none;}

.ajax_pop2 {background: url(../images/tirefinder_cart/black80transparent.png) repeat; color:#FFF; width:555px; height:198px; _margin-bottom:-198px; padding:5px; position:relative; overflow:hidden; left:385px; top:-153px; display:none;}

.ie_iframe_fix { position:absolute; z-index:10; top:0px; left:0px; width:421px; height:260px; filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; display:none; _display:block;}

.ajax_pop_image {position:absolute; z-index:20;}
/* END NEW */

/* 05. SHOPPING CART STYLES */
#tire_finder_cart #content_wrap {padding:0 0 15px 0;}
#tire_finder_cart H1 {display:block; font-size:24px; height:29px; background:#ECECEC url(../images/tirefinder_cart/Your_shopping_cart.gif) no-repeat 27px 16px; padding:15px 19px 0 19px;}
#cart_bar { display:block; background:url(../images/tirefinder_cart/bar-big.png) no-repeat; width:916px; height:30px; margin:35px auto 23px auto;}
#cart_display { width:916px; margin:auto; border-bottom:3px solid #E5E5E5;}
.tbl_cart_info {border-bottom:1px solid #E5E5E5; padding:3px 0;}
.tbl_cart_info SPAN {font-weight:bold;}
.tbl_cart_info STRONG {font-size:12px;}
.tbl_cart_label { font-size:12px;}
.tbl_add_serv {margin:7px 0 20px 0;}
#quatity_choose { background:#E5E5E5; width:102px; height:31px;}
#quatity_choose SPAN {background:#FFF; display:block; float:left; width:18px; margin:6px 6px 0 8px; _margin-right:0; padding:3px; font-weight:bold; text-align:center;}
#quatity_choose IMG { margin:5px 0 0 0;}
#div_check { width:916px; margin:24px auto 0 auto;}
#checkout { width:266px; float:right; background:#E5E5E5;}
#checkout H3.check { font-size:12px; padding:14px 17px 10px; border-bottom:3px solid #FFF;}
#checkout H2.check { font-size:14px; padding: 0 17px 0 0; margin: 0 0 -3px 0;}
#checkout H1.check { font-size:16px; background:none; margin:0 0 -3px 0; padding:14px 0 0 17px;}
.tr_cta_cart {background:#FFF; height:54px;}
.add_to_cart_pop{cursor:pointer;visibility:hidden}

 
/* 06. ORDER CONFIRMATION STYLES */
#tire_finder_confirmation #content_wrap {padding:0 0 15px 0;}
#tire_finder_confirmation H1 {display:block; font-size:24px; height:29px; background:#ECECEC url(../images/tirefinder_confirmation/order_confirmation.gif) no-repeat 27px 16px; padding:15px 19px 0 19px;}
#tire_finder_confirmation #content_no_table H2{ font-size:14px; margin:0 0 15px 0;}
#tire_finder_confirmation #content_no_table H3{ font-size:14px; margin:0 0 -34px 0;}
#tire_finder_confirmation #content_no_table ADDRESS { width:200px; font-style:normal; line-height:16px; margin:0 0 30px 0;}
#billing_info H2{background:url(../images/tirefinder_confirmation/billing_info.png) no-repeat top left; width:438px; height:30px;}
#preferred H2{background:url(../images/tirefinder_confirmation/preferred_appointment.png) no-repeat top left; width:438px; height:30px;}

#billing_info p, #preferred p { margin:10px 0 0 20px;}


/* 07. TIRE DETAILS STYLES */
#tire_finder_details #content_wrap {padding:0 0 15px 0;}
#tire_finder_details H1 {display:block; font-size:24px; height:29px; background:#ECECEC url(../images/tirefinder_details/tire_details.gif) no-repeat 27px 16px; padding:15px 19px 0 19px;}
#back_results {margin:10px 0 24px 22px;}
#detail_box {width:638px; float:left; margin:0 0 0 22px;}
P.box_title {font-size:14px; font-weight:bolder; color:#355278; margin:0 0 5px 0;}
P.box_title SPAN { font-weight:normal;}
#small_box {float:right; width:453px; background:url(../images/tirefinder_details/small_box/small_box_top.png) no-repeat top left #b7b7b7; /*padding:10px 0 0 15px;*/ margin:10px 0 6px 0; font-size:10px;}
#small_box_center { margin:10px 15px;}
#small_box_bottom { background:url(../images/tirefinder_details/small_box/small_box_bottom.png); height:5px;}
#small_box STRONG.price { font-size:17px;}
#small_box TABLE {margin:5px 0 0 0;}
#small_box TABLE INPUT {margin:0; padding:0; width:13px; height:13px;}
#detail_box P.disclaimer { font-size:9px; color:#5A5A5A; letter-spacing:-1px; margin: 0 0 0 183px;}
#detail_box #add_btn {margin: -7px 0 0 0;}
#tire_finder_details #fpo_promo { margin:18px 63px 0 0; _margin-right:30px}

/* .08 Dynamic Description Navigation TABED INFO*/
#nav1_active, #nav2_active, #nav3_active, #nav4_active { width:650px; margin:53px 0 0 22px;}
#nav1_active .btn, #nav2_active .btn, #nav3_active .btn, #nav4_active .btn  {width:125px; height:32px; float:left; margin:0 4px 0 0;} 
#tab1, #tab2, #tab3, #tab4 { background:url(../images/tirefinder_details/center.gif) repeat-x #B4B4B4; padding:10px; min-height:235px; *margin:-7px 0 -6px 0;}
#tab1 P, #tab2 P, #tab3 P, #tab4 P { margin:0 0 13px 0;}
#nav1_active .top, #nav2_active .top, #nav3_active .top, #nav4_active .top {*margin:-11px 0 0 0;}

/* 09. CHECKOUT AND CREATE ACCOUNT SECTION */
#tire_finder_checkout #content_wrap {padding:0 0 15px 0; height:582px;}
#tire_finder_checkout #div_check { width:916px; margin:35px auto 0 auto;}
#tire_finder_checkout H1 {display:block; font-size:24px; height:29px; background:#ECECEC url(../images/tirefinder_checkout/checkout_options.gif) no-repeat 27px 16px; padding:15px 19px 0 19px;}

#new_customer {width:438px; height:185px; margin-right:38px; border-bottom:3px solid #E5E5E5;}
#new_customer H2{background:url(../images/tirefinder_checkout/new_customer_guest.gif) no-repeat top left; width:438px; height:30px;}
#new_customer P {margin:20px;}
#new_customer #btn_action INPUT {margin: 0 18px 15px 0;}

#create_account {width:438px; margin-right:38px; border-bottom:3px solid #E5E5E5;}
#create_account H2{background:url(../images/tirefinder_checkout/register.gif) no-repeat top left; width:438px; height:30px; margin-bottom:24px;}
#create_account INPUT {border:1px solid #9D9D9D;}
#create_account TD {padding:0 20px 17px 20px;}
#create_account TD.check {padding:0 0 20px 20px;}
/* Points to the second TD.check */
#create_account TD.check + TD.check{padding:0 0 20px 0;}
#create_account A:LINK, #create_account A:VISITED, #create_account A:ACTIVE, #create_account A:HOVER { font-size:10px;}

#register_customers {width:438px; height:185px; border-bottom:3px solid #E5E5E5}
#register_customers H2{background:url(../images/tirefinder_checkout/registered_customers.gif) no-repeat top left; width:438px; height:30px; margin: 0 0 20px 0;	}
#register_customers TD {padding:0 25px 9px 20px;}
#register_customers input {border:1px solid #9D9D9D; width:173px; height:18px;}
#register_customers input.btn {margin:19px 0 0 0; border:none; width:147px; height:23px;}
#register_customers A:LINK, #register_customers A:VISITED, #register_customers A:ACTIVE, #register_customers A:HOVER { font-size:10px;}

/* 10. BILLING INFO */
#tire_finder_billing_info #content_wrap {padding:0 0 15px 0; height:582px;}
#tire_finder_billing_info #header { background:none; padding:20px 0 0 20px; height:30px; color:#000; font-weight:bold;}
#tire_finder_billing_info #header IMG {margin:0 10px 0 0;}
/*First SPAN*/
#tire_finder_billing_info #header SPAN { font-size:18px; color:#355278; margin:0;}
/*Points to the second SPAN*/
#tire_finder_billing_info #header SPAN.tx{ font-size:11px; margin:0;}
/*Points to the third SPAN*/
#tire_finder_billing_info #header SPAN.nbr{font-size:18px; color:#000; margin:0 0 0 20px;}

#billing_info {width:438px; margin-right:38px; border-bottom:3px solid #E5E5E5;}
#billing_info H2{background:url(../images/tirefinder_billing/billing_information.gif) no-repeat top left; width:438px; height:30px; margin-bottom:24px;}
#billing_info INPUT {border:1px solid #9D9D9D;}
#billing_info TD {padding:0 20px 17px 20px;}
#billing_info TD.check {padding:0 0 20px 20px;}
/* Points to the second TD.check */
#billing_info TD.check + TD.check{padding:0 0 20px 0;}
#billing_info A:LINK, #billing_info A:VISITED, #billing_info A:ACTIVE, #billing_info A:HOVER {font-size:10px;}

#make_appointment {width:438px; border-bottom:3px solid #E5E5E5}
#make_appointment H2{background:url(../images/tirefinder_billing/make_your_appointment.gif) no-repeat top left; width:438px; height:30px; margin: 0 0 20px 0;	}
#make_appointment TD {padding:0 5px 9px 5px;}
#make_appointment INPUT  {border:1px solid #9D9D9D; height:18px; font-size:10px; width:80px;}
#make_appointment SELECT {border:1px solid #9D9D9D; font-size:10px; height:20px; *height:21px; vertical-align: bottom;}
#make_appointment TEXTAREA {width:210px; height:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:8px;}
#make_appointment INPUT.btn {margin:19px 0 0 0; border:none; width:69px; height:23px;}
#make_appointment A:LINK, #make_appointment A:VISITED, #make_appointment A:ACTIVE, #make_appointment A:HOVER { font-size:10px;}
#make_appointment .tbl_sec {border-bottom:1px solid #e5e5e5; padding:20px 5px;}
#make_appointment ADDRESS {font-style:normal; padding:20px 0; line-height:16px;}
#make_appointment .tbl_dir {margin:20px 0 0 0;}
#make_appointment .tbl_dir INPUT { width:auto;}
#tire_finder_billing_info #btn_cont {width:400px;text-align:right; padding:20px;}
/* Points to the second image */
#tire_finder_billing_info #btn_cont IMG + A{padding: 0 0 0 117px;}