/* reset */

img { -ms-interpolation-mode : bicubic; }
html, body{  height:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var 
{ font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym,img {  border:0; }
a:focus, a:hover, a:active { outline:none } 
.clear{ clear:both; }

/* end reset */

body{
	position:relative;
}

a:hover{
	text-decoration:underline;
}

div#page_wrapper {
	font: 10px Arial, Helvetica, sans-serif;
	/*height:531px;*/
	height:531px; /*CR make smaller as per new comps*/
	margin:0 auto;
	overflow: visible;
	position:relative;
	width:968px;
}

div#page_wrapper.tireAdvisor {
	font-size: 13px;
    height: auto;
    width: 940px;
}

#tire_selector_header, #zipcode .zip #submit, #tire_selector_footer, .icon, .advice_body a, .tooltip, 
.vehicle_info, .vehicle_info h2 .wheel, .option li a.selector, a.next_btn, .scroll-bar-nav, .scroll-bar a.ui-slider-handle, .hint, .mark, .close_btn, .read_modal, .read_close,
.callme, .form_btn, .country_form, .question, .seasons, .progress_asset, .runflat_select, .runflat_select_btn a,  .statement_modal, .runflats .vehicle_info .tire,
.image, .mark_body, .sidewall_select_btn a, .ui-state-default, .preference_flyout .btm, .advice_btn, .sprite
{
	background:  url(../images/main-sprite.png) no-repeat;
}

.tire_selector{
	background:url(../images/background-sprite.jpg) no-repeat;
}

/* home page */

#home_body{
	background:url(../images/home_bg.jpg) no-repeat;
	height:531px;
}

#home_info, #home_content .hint, .home_sprite{
	background: url(../images/home-sprite.png) no-repeat;
}

.sprite2{
	background:url(../images/main/carousel/tireSelectorSprite.png) no-repeat;
}

div#page_wrapper.tire_advisor{
	padding:0;
	width:968px;
	z-index:6;
	
}

div#page_wrapper.orig_height{height:531px; /*//CR need to make this taller since we shortened the layout on the guided search page*/}

#home_content{
	height:530px;
	position:relative;
}

.home_steps{
	display:none;
}

#home_info{
	background-position:0 0px;
	height:488px; /* NURUN changed from 500 to 488 to match image height */
	left:290px;
	position:absolute;
	top:12px; /*NURUN changed from 7 to 12 to line up with the bottom yellow bar. */
	width:435px;/*NURUN changed from 404 to 435 to fit image. */
	display:block;
}

/* NURUN ADDED CODE TO CHANGE THE LOGO OF THE TIRE SELECTOR*/
.logo_advice{
    display: block;
    height: 49px;
    margin: 40px 35px 0; /* NURUN changed from 40 35 10 to 40 35 0*/
		background:url(../images/tire-selector-logo.png) no-repeat;

	
}

#home_info p, .quick_advice{
	text-align:center;
	font-size:12px;
	line-height:16px;
}

#home_info p.tab_text {
	width: 311px;
	margin: 0 auto;
}

.tab_text {
	display: none;	
}

#home_content .advice_home .hint_body,
.advice_body .hint_body
{
	background:rgba(255,255,255,0.95);
	font-size:12px;
	padding:15px;
	width:232px;
	-webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.11);
	-moz-box-shadow: 0 0 10px 10px rgba(0,0,0,0.11);
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.11); 
}

#home_content .advice_home .hint_body,
.advice_body .hint_body
{
	width:165px;
}

#home_content .video_text{
    left: -59px;
    top: -45px;
}

#home_content .advice_home .read_text{
    left: -60px;
    top: 0;
	width:167px;
}

#home_content .hint_body h2{
	display:block;
	font-weight:bold;
	padding-bottom:12px;
}

#home_content .hint_body h2 span{
	display:block;
	font-weight: normal;
}

/*#home_content .hint_top{
	background-position:0 -735px;
	height:19px;
}

#home_content .hint_btm{
	background-position:-233px -735px;
	height:30px;
}*/

#home_content .people{
	width:232px;
}
#home_content .people.designer{
	width:228px;
}

#home_content .people .hint_btm{
	height:28px;
}

#home_content .driver .hint_btm{
	background-position:0 -677px;
}

#home_content .designer .hint_btm{
		background-position:-233px -706px;
}

#home_content .engineer .hint_btm{
	background-position:0 -709px;
}

#home_content .hint_text{
	background:url(../images/home-disc-bg.png) repeat-y;
	padding:0 20px;
}
#home_content .designer .hint_text{
	padding:0 16px 0 20px;
}

#home_content .question_mark .hint_text,
#home_content .question_list .hint_text
{
	background-image:none;
	padding:0;
}

#home_content .advice_home .hint_text,
.advice_body .hint_text
{
	background:none;
	padding:0;
}

.question .hint_text,
#home_content .question .hint_text{
	background:none;
	padding:0;
}

#home_info .read_body{
    font-size: 11px;
    left: auto;
    right: -220px;
    top: 204px;
}

#home_info .logo_text{
    right: 22px;
    top: -50px;
	width:268px;
}

#home_info .video_text{
    left: 5px;
    top: 120px;
	width:197px;
}

#home_info .read_text{
    right: -45px;
    top: 120px;
	width:208px;
}

#home_info .search_text{
    bottom: 60px;
    right: 42px;
	width:244px;
}

#home_info .read_text .hint_top{
	background-position:-245px -797px;
	height:25px;
}

#home_info .read_text .hint_btm{
	background-position:-245px -823px;
	height:34px;
}

#home_info .logo_text .hint_top{
	background-position:0 -862px;
	height:27px;
}

#home_info .logo_text .hint_btm{
	background-position:0 -890px;
	height:35px;
}

#home_info .video_text .hint_top{
	background-position:-269px -862px;
	height:25px;
}

#home_info .video_text .hint_btm{
	background-position:-269px -888px;
	height:34px;
}

#home_info .search_text .hint_top{
	background-position:0 -797px;
	height:27px;
}

#home_info .search_text .hint_btm{
	background-position:0 -825px;
	height:35px;
}

#home_info .read_text .hint_text{
	background: url(../images/home-read-repeat-bg.png) repeat-y;
}

#home_info .logo_text .hint_text{
	background: url(../images/home-logo-repeat-bg.png) repeat-y;
    padding: 0 22px;
}

#home_info .video_text .hint_text{
	background: url(../images/home-video-repeat-bg.png) repeat-y;
}

#home_info .search_text .hint_text{
	background: url(../images/home-search-repeat-bg.png) repeat-y;
}

#home_content .driver{
    left: 205px;
	margin:0;
    top: 0;
}

#home_content .engineer{
	left:auto;
	margin:0;
    right: 238px;
    top: 0;
}

#home_content .designer{
	left:auto;
	margin:0;
    right: 95px;
    top: 163px;
}

#home_content .people .hint_top{
	background-position:0 -615px;
	height:15px;
}
#home_content .people .hint_rt{
	background-position:-436px -114px;
	height:100%;
	right:-12px;
	position:absolute;
	top:0;
	width:13px;
}
a#find_tire_link,
a.quick_advice
{
	background-position:0 -198px;
	color:#868686;
	cursor:default;
	display:inline-block;
	font-size:11px;
	font-weight:bold;
    height: 32px;
	line-height:32px;
	position:relative;
    width: 143px;
}

.single_btn a.quick_advice
{
	display:block;
    width: auto;
}

a#find_tire_link span,
a.quick_advice span
{
	background-position:-308px -198px;
    height: 32px;
	position:absolute;
	right:-3px;
	top:0;
    width: 3px;
}

.single_btn a.quick_advice span
{
	display:none;
}

a:hover#find_tire_link,
a:hover.quick_advice,
a#find_tire_link.current,
a.quick_advice.current
{
	text-decoration:none;
}

a#find_tire_link.current,
a.quick_advice.current
{
	cursor:pointer;
}

a#find_tire_link.current
{
	background-position:0 -299px;
	color:#0069B1;
}

a:hover#find_tire_link.current
{
	background-position:-149px -299px;
}

/*//////////////CR///////////////*/

a#view_all_tires.current span
{
	background-position:-308px -166px;
}

a:hover#view_all_tires.current span
{
	background-position:-308px -266px;
}

a:hover#view_all_tires,
a:hover.quick_advice,
a#view_all_tires.current,
a.quick_advice.current
{
	text-decoration:none;
}

a#view_all_tires.current,
a.quick_advice.current
{
	cursor:pointer;
}

a#view_all_tires.current
{
	background-position:0 -166px;
	color:#303030;
}

a:hover#view_all_tires.current
{
	background-position:0 -266px;
}
/*///////////////////////////////*/

a.quick_advice.current
{
	background-position:0 -299px;
	color:#0069b1;
}

a:hover.quick_advice.current
{
	background-position:-149px -299px;
}

a.quick_advice.current span
{
	background-position:-145px -299px;
}

a:hover.quick_advice.current span
{
	background-position:-294px -299px;
}

.single_btn a.quick_advice.current
{
	background-position:0 -166px;
	color:#333;
}

.single_btn a:hover.quick_advice.current
{
	background-position:0 -266px;
}

.single_btn a.quick_advice.current span
{
	background-position:-308px -166px;
}

.single_btn a:hover.quick_advice.current span
{
	background-position:-308px -266px;
}

a#find_tire_link.current span
{
	background-position:-145px -299px;
}

a:hover#find_tire_link.current span
{
	background-position:-294px -299px;
}

a#find_tire_link
{
	margin-right:5px;
}

a.quick_advice
{
	margin-left:3px;
	margin-right:3px;
}

.single_btn a.quick_advice
{
	margin:0;
}

.advice_btn{
	display:block;
    height: 40px;
	margin-left:15px;
	position:relative;
    width: 40px;
	z-index:10;
}

.driver_btn{
    height: 405px;
    left: 50px;
    position: absolute;
    top: 95px;
    width: 180px;
}

.engineer_btn{
    height: 440px;
    position: absolute;
    right: 143px;
    top: 60px;
    width: 141px;
}

.designer_btn{
    height: 410px;
    right: 0;
    position: absolute;
    top: 95px;
    width: 143px;
}

.home_tabs{
	height:36px;
	margin:9px auto 10px;
	width:313px;
}

.home_tabs li, .home_tabs a{
	height:24px;/*NURUN changed from 36 to 24 to allow for padding french text */
}

.home_tabs li{
	float:left;
	width:77px;
}

/* NURUN changes to home tab style as per artf1240084  */

#home_info ul.home_tabs li a.link1,
#home_info ul.home_tabs li a.link2,
#home_info ul.home_tabs li a.link3{
	height:24px;
	padding: 12px 10px 0;/*NURUN added to 24 to allow for padding french text */
}
.home_tabs a{
	background-position:-2px -230px;
	color:#575757!important;
	display:block;
	font-size:11px;
	font-weight:bold;
	height:28px;
	line-height:10px;
	text-align:center;
	padding: 8px 10px 0;
}

.home_tabs .last a {
	background-position:100px 100px;
    height: 30px;
    line-height: 11px;
    padding: 6px 0 0 8px;
}

.home_tabs a:hover,
.home_tabs a.current
{
	color:#303030!important;
	text-decoration:none;
}

.home_tabs a.link1:hover,
.home_tabs a.link1.current
{
	background-position:0 -36px;
}

.home_tabs a.link2:hover,
.home_tabs a.link2.current
{
	background-position:-78px -36px;
}

.home_tabs a.link3:hover,
.home_tabs a.link3.current
{
	background-position:-155px -36px;
}

.home_tabs a.link4:hover,
.home_tabs a.link4.current
{
	background-position:-232px -36px;
}

.home_tabs li:first-child
{
	width:78px;
}
.home_tabs li.last
{
	width:78px;
}

.home_tabs li:first-child a{
	background-position:-1px -230px;
padding: 12px 10px 0;/*Nurun added */
}

.btn_area, 
.button_note
{
	font-size:9px;
	line-height:32px;
	margin:10px auto 0;
	text-align:center;
	width:311px;
}

.button_note
{
	line-height:12px;
	margin-top:4px;
	text-align:center;
}

.button_note li
{
	float:left;
	width:146px;
}

.single_btn .button_note li
{
	float: none;
	width:auto;
	display:block;
}

.button_note li:first-child
{
	margin-right:19px;
}

#vehicle .question_mark {
    bottom: 148px; /* NURUN changed to 148 to align vertically */
    right: 37px; /* NURUN changed to 37 to fit in the box */
}

.advice_home{
	bottom:100px;
	height:113px;
	position:absolute;
	right:0;
	width:194px;
}

/* tire advisor */

#advisor_body{
	/*height:531px;*/
	height:489px; /*//CR make smaller as per new comps*/
	position: relative;
	width:968px;
}

#advisor_content{
	/*height:531px;*/
	height:489px; /*//CR make smaller as per new comps*/
	width:968px;
}

#advisor_content .tire_selector{
	display:none;
	/*height:531px;*/
	height:489px; /*//CR make smaller as per new comps*/
	left:0;
	position: absolute;
	top:0;
	width:968px;
}

.advice_body{
	background-position:-438px -748px;
    height: 107px;
    position: absolute;
    width: 155px;
    bottom: 80px;
    left: 0;
}

.advice_rt{
	background-position:-438px -856px;
    bottom: 80px;
	left:auto;
    right: 0;
}

.runflats .advice_rt{
    bottom: 103px;
}

.advice_home.advice_rt{
	background-position:0 0;
}

.advice_body .advice_btn{
	display:block;
    height: 40px;
	margin-left:12px;
    width: 40px;
}

.play_hint{
    bottom: 94px;
    left: 12px;
}

.read_hint{
    bottom: 55px;
    left: 12px;
}

.advice_rt .play_hint{
    bottom: 92px;
	left:auto;
    right: 32px;
}

.advice_rt .read_hint{
    bottom: 55px;
    right: 32px;
	left:auto;
}

a.play_advice{
	background-position:-82px -119px;
	margin-top:14px;
}

.home_advice a.play_advice{
	margin-top:15px;
}

a:hover.play_advice{
	background-position:-124px -119px;
}

a.read_advice{
	background-position:0 -119px;
	margin-top:4px;
}

.home_advice a.read_advice{
	margin-top:4px;
}

a:hover.read_advice{
	background-position:-41px -119px;
}

.advice_body .tooltip{
	background-position:-391px -119px;
	border:none 0;
	color:#666;
	font-weight:bold;
	height:32px;
	line-height:24px;
	padding:0;
	position:absolute;
	text-align:center;
	width:83px;
	z-index:5;
}

a.next_btn, a:hover.next_btn{
	background-position:-204px -119px;
	cursor:default;
    height: 42px;
    width: 83px;
}

a.next_btn.current{
	background-position:-288px -119px;
	cursor:pointer;
}

.hint_body{
	display:none;
	position:absolute;
	width:202px;
	z-index:15;
}

.hint_top{
	background-position:-0 -654px;
	display:block;
	height:24px;
}

.hint_btm{
	background-position:0 -679px;
	display:block;
	height:24px;
}

.advice_home .hint_top,
.advice_home .hint_btm,
.advice_body .hint_top,
.advice_body .hint_btm
{
	display:none;
}

.hint_text{
	color:#333;
	display:block;
	font-size:11px;
	font-weight:normal;
	/*padding:11px 20px 6px;*/
}

.read_body{
	background:rgba(255,255,255,0.95);
	bottom:3px;
	color:#333;
	display:none;
	font-size:12px;
	padding:25px 0 25px 20px;
	position:absolute;
	left:53px;
	width:237px;
	z-index:50;
}

.read_body.flip{
    left: auto;
    right: 158px;
}

.read_top{
	background:none;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 8px;
}

.read_content{
    /*overflow: hidden;*/
	overflow-y:scroll;
	overflow-x:hidden; /*//CR all hints now will have native scroller*/
	position:relative;
	padding-right:20px;
	width:208px;
}

.tall .read_content {
	height:154px;
}

.read_content p{
	padding-top:20px;
}

.read_content p:first-child{
	padding-top:0;
}

.advice_body a.read_close, a.read_close{
	background-position:-372px -137px;
	display:block;
	height:18px;
	width:18px;
}

/*.read_content .scroll-pane {
    width: 209px;
}*/

.tall .read_content .scroll-pane {
	height:154px;
    width: 205px;
}

.read_content .scroll-content {
	display:block;
}

.read_content .scroll-parent {
    background:#efefef;
    height: 100%;
    position: absolute;
    right: 5px;
    top: 1px;
    width: 14px;
    z-index: 10;
}

.flip .read_content .scroll-parent {
    right: 4px;
}

.advice_body a.scroll-bar-nav {
    height: 14px;
    left: 0;
    position: absolute;
    width: 14px;
}

.play_hint .hint_btm{
	background-position:-474px -133px;
}

.read_hint .hint_btm{
	background-position:-676px -118px;
}

.vehicle_info{
	background-position:0 -248px;
	height:395px;
	left:276px;
	padding:5px;
	position:absolute;
	/*top:86px;*/
	top:40px; /*//CR had to raise this box as per new comps */
	width:409px;
}

.no_results .vehicle_info{
	top:60px;
}

.no_results .vehicle_info h2{
	margin-top:100px;
}

.vehicle_info h2 .text{
	display:block;
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
}

.vehicle_info p{
    color: #666666;
    font-size: 12px;
    line-height: 16px;
    margin: 4px auto 11px;
    text-align: center;
    width: 293px;
}

.no_results .vehicle_info p{
    font-size: 14px;
}

.no_results .vehicle_info a:hover{
	text-decoration:underline;
}

.vehicle_info p .zip_callout{
	color:#303030;
	display:block;
	font-weight:bold;
	padding:0 30px;
	text-align:center;
}

.vehicle_info a.next_btn{
    bottom: 13px;
    left: 50%;
    margin-left: -42px;
    position: absolute;
}

.vehicle_info a:hover{
	text-decoration:none;
}

.drop-down{
	left:0;
	position:absolute;
	top:40px;
	width: 306px;	
	/*height:154px;*/
	display:none;
	overflow:hidden;
	z-index:10;
}

#name .drop-down,
#category .drop-down
{
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.31);
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.31);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.31);
}

.scroll-bar-wrap {
	position:absolute;
	top:0;
	right:0;
}

div.scroll-bar {
	background-color:transparent;
	height: 70px;
    margin-top: 66px;
    position: relative;
}

.mark{
	background-position:-420px -248px;
	display:none;
	height:19px;
	position:absolute;
	width:19px;
}

.bold{
	font-weight:bold;
}

/* header */

#tire_selector_header{
    background-position: 0 -35px;
    color: #666666;
    height: 82px;
    left: 0;
    position: absolute;
    top: 0;
    width: 968px;
    z-index: 3;
}

#tire_selector_header.no_result_header{
    height: 48px;
}

#header_text{
	height:22px;
	padding:13px;
}

.home_link{  /*//CR remove inline block display to move breadcrumb up*/
    /*display: inline-block;*/
    height: 22px;
    width: 155px;
}

#header_text h1{
	display:none;
}

#zipcode{
	float:right;
	font-size:11px;
	line-height:22px;
	position:relative;
	width:423px;
}

#zipcode .show{
	display:block;
}

#zipcode div{
	float:left;
}

#zipcode div.zipcode_entered{
	color:#333;
	display:none;
	float:right;
}

#zipcode .text{
	margin-right:9px;
}

#zipcode .text a.zip_hint{
	color:#333;
	border-bottom:dotted 1px #999;
}

#zipcode .text a:hover.zip_hint{
	text-decoration:none;
}

#zipcode .error_text{
	border-bottom:none;
	bottom:-15px;
	color:#ff0000;
	display:none;
	font-size:10px;
	left:28px;
	position:absolute;
}

#zipcode .incorrect .error_text{
	display:block;
}

#zipcode .zipcode_entered .text{
	margin-right:6px;
}

#zipcode .zipcode_entered .text span{
	border-bottom:none;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 1px;
}

#zipcode .zip #zip{
	background:#ededed;
	border:1px solid #cecece;
	float:left;
	height:20px;
    padding: 0 3px;
    width: 95px;
}

#zipcode .incorrect .zip #zip{
	border:1px solid #ff0000;
	color:#ff0000;
}

#zipcode .zip input#submit{
    background-position: -207px 0;
    border: medium none;
	cursor:pointer;
	float:left;
    height: 22px;
    margin: 0 0 0 4px;
    width: 53px;
}

#zipcode .zip input:hover#submit{
	background-position:-261px 0;
}

#zipcode .zipcode_entered a
{
    border-left: 1px solid #939393;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    margin: 5px 0 0;
    padding-left: 6px;
}

/* progress */

#tire_progress{margin-top:-5px;} /*//CR move breadcrumb up*/

#tire_progress, #tire_progress ul, #tire_progress li{
	height:28px;
}

.tireAdvisor #tire_progress {
	background: url("../images/tireProgress_bgImg.png") repeat-x scroll 0 0 transparent;
	clear: both;
	color: #333;
	font-size: 10px;
	height: 31px
}

#tire_progress ul {
	float:right;
	overflow: visible;
}

.tireAdvisor #tire_progress ul {
	left: -16px;
	position: relative;
	top: 1px;
}

#tire_progress li{
	display:none;
	float:left;
	height:28px;
	position:relative;
}

#tire_progress li.link_devider{ /*//CR Added to separate the the links*/
	padding:8px 8px 0 0;
}

#tire_progress li a{
	color:#333;
	display:block;
	font-weight:normal;
	height:28px;
	position:relative;
	z-index:101;
}

#tire_progress ul li span {
	background-image: url("../images/main-sprite.png");
    background-repeat: no-repeat;
	margin: 0;
	width: auto;
}

#tire_progress li.current a{
	/*background: url(../images/tire_progress_repeat_bg.gif) repeat-x;*/  /*//CR REMOVED TO KILL YELLOW HIGHLIGHT*/
	cursor:default;
	/*margin:0 30px; //CR*/
	margin:0;  /*//CR no margin to make link snap to the right*/
}

#home_info .show,
#tire_progress li.show, 
#advisor_content li.show,
.driving_select li.show,
.show
{
	display: block;
}

#tire_progress li.show .icon{
	display:block;
	float:left;
	height:15px;
	margin-top:7px;
	position:relative;
	width:15px;
	z-index:6;
}

#tire_progress li#step_1 .icon {background-position:-327px 0;}
#tire_progress li#step_2 .icon {background-position:-343px 0;}
#tire_progress li#step_3 .icon {background-position:-359px 0;}
#tire_progress li#step_4 .icon {background-position:-375px 0;}
#tire_progress li#step_5 .icon {background-position:-391px 0;}
#tire_progress li#step_6 .icon {background-position:-407px 0;}
#tire_progress li#step_7 .icon {background-position:-423px 0;}

.tireAdvisor #tire_progress li#step_1 .icon {background-position:-457px 0;}
.tireAdvisor #tire_progress li#step_2 .icon {background-position:-473px 0;}
.tireAdvisor #tire_progress li#step_3 .icon {background-position:-489px 0;}
.tireAdvisor #tire_progress li#step_4 .icon {background-position:-505px 0;}
.tireAdvisor #tire_progress li#step_5 .icon {background-position:-521px 0;}
.tireAdvisor #tire_progress li#step_6 .icon {background-position:-537px 0;}
.tireAdvisor #tire_progress li#step_7 .icon {background-position:-553px 0;}

#tire_progress li.show .text{
	background: none;
	float:left;
	height:15px;
	line-height:15px;
	padding:7px 10px 6px 6px;
	position:relative;
	text-decoration:underline;
	z-index:6;
}

#tire_progress li.show a:hover .text{
	text-decoration:none;
}

#tire_progress li.current .progress_bg{
	height:28px;
	left:0;
	margin:0 30px;
	position: absolute;
	top:0;
	width:50%;
	z-index:2;
}

#tire_progress li.show .lt_progress{
	background-position:-131px -219px;
	float:left;
	height:28px;
	margin-right:5px;
	width:20px;
}

.tireAdvisor #tire_progress li.show .lt_progress {background-position:-169px -219px;}

#tire_progress li#step_1.show .lt_progress{
	display:none;
}

#tire_progress li.current .lt_progress{
	background-position:0 -219px;
	height:28px;
	width:30px;
	position:absolute;
	top:0;
	left:-30px;
}

.tireAdvisor #tire_progress li.current .lt_progress{
	background-position: -131px -219px;
	height:28px;
	width:30px;
	position:absolute;
	top:0;
	left:-30px;
}

#tire_progress li#step_1.current .lt_progress{
	display:block;
}

#tire_progress li.current .rt_progress{
	background-position:-31px -219px;
	height:28px;
	position:absolute;
	right:-30px;
	top:0;
	width:99px;
	z-index:3;
}

#tire_progress li.current .text{
	padding:7px 0 6px 7px;
	text-decoration: none;
}

#tire_progress li#step_1.current .icon {
	background-position:-327px -16px;
}

#tire_progress li#step_2.current .icon {
	background-position:-343px -16px;
}

#tire_progress li#step_3.current .icon {
	background-position:-359px -16px;
}

#tire_progress li#step_4.current .icon {
	background-position:-375px -16px;
}

#tire_progress li#step_5.current .icon {
	background-position:-391px -16px;
}

#tire_progress li#step_6.current .icon {
	background-position:-407px -16px;
}

#tire_progress li#step_7.current .icon {
	background-position:-423px -16px;
}

.progress_tooltip{
	display:none;
    height: 59px;
	line-height:18px;
    left: 0;
    min-width: 56px;
    position: absolute;
    top: -52px;
    z-index: 100;
}

.progress_tooltip.last{
    left: auto;
	right:0;
}

.tooltip_rt, .tooltip_lt{
	position:absolute;
	top:0;
}

.tooltip_repeat, .tooltip_rt, .tooltip_lt{
	z-index:100;
}

.tooltip_text{
    margin: 16px 15px 0 -30px;
	white-space:nowrap;
}

.last .tooltip_text{
    margin: 16px -30px 0 15px;
	white-space:nowrap;
}

.tooltip_repeat{
    background: url("../images/breadcrumb-tooltip-bg.png") repeat-x;
    float: left;
    height: 59px;
    margin: 0 0 0 56px;
    position: relative;
}

.last .tooltip_repeat{
    background: url("../images/breadcrumb-tooltip-bg.png") repeat-x;
    float: right;
    height: 59px;
    margin: 0 56px 0 0;
    position: relative;
}

.tooltip_rt{
    background-position: -477px -286px;
    height: 59px;
    right: -12px;
    width: 12px;
}

.last .tooltip_rt{
    background-position: -420px -346px;
    height: 59px;
    left: -12px;
    width: 12px;
}

.tooltip_lt{
    background-position: -420px -286px;
    height: 59px;
    left: 0;
	right:auto;
    width: 56px;
}

.last .tooltip_lt{
    background-position: -433px -346px;
    height: 59px;
	left:auto;
    right: 0;
    width: 56px;
}

/* footer */

#tire_selector_footer{
	background-position:0 -170px;
	bottom:0;
	height:48px;
	left:0;
	position:absolute;
	width:100%;
}

#tire_selector_footer p{
	font-size:9px; /*NURUN changed from 11 to 9 to allow full width of french text on one line.*/
	line-height:30px;
	padding:18px 0 0 23px;
}

#tire_selector_footer span{
	float:left;
}

#tire_selector_footer .call{
	padding-left:3px;
}

#tire_selector_footer .icon{
	background-position:-315px 0;
    display: inline-block;
	float:none;
    height: 11px;
    width: 11px;
}


.tireAdvisor #tire_selector_footer{
	background-position: 1px -170px;
    bottom: 20px;
    height: 48px;
    left: -15px;
    position: relative;
    width: 970px;
}

.tireAdvisor #tire_selector_footer p{
	font-size:11px;
	line-height:30px;
	padding:18px 0 0 23px;
}

.tireAdvisor #tire_selector_footer span {
	background: none;
	display: block;
	float:left;
	height: auto;
	margin: 0;
	width: auto;	
}

.tireAdvisor #tire_selector_footer .call{
	padding-left:3px;
}

.tireAdvisor #tire_selector_footer .icon{
	background-image: url("../images/main-sprite.png");
	background-position:-315px 0;
    display: inline-block;
	float:none;
    height: 11px;
    width: 11px;
}

/* START Tire Advisor Selector */
.tireAdvisor #tire_selector_header {width: 970px;}


.tireAdvisor #header_text {float: left;}

.tireAdvisor i {border-bottom: 1px dotted; font-style: normal;}

.tireAdvisor #tire_selector_header #share_print_panel {clear: none; float: right; font-size: 12px; margin: 16px 137px 0 0; overflow: visible; position: relative;}
.tireAdvisor #tire_selector_header #share_print_panel li {height: 16px; margin: 0 8px 0 0}
.tireAdvisor #tire_selector_header #share_print_panel li a {display: block; line-height: 17px}
.tireAdvisor #tire_selector_header #share_print_panel li a:hover {text-decoration: none;}
.tireAdvisor #tire_selector_header #share_print_panel li.share_link a {background: url("../images/mini_icons_sprite.png") no-repeat scroll 0 -14px transparent; padding-left: 21px;}
.tireAdvisor #tire_selector_header #share_print_panel li.print_link a {background: url("../images/mini_icons_sprite_print.png") no-repeat scroll 0 -50px transparent; padding-left: 21px;}
.tireAdvisor #tire_selector_header #share_print_panel li.startOver {background: url("../images/main-sprite.png") no-repeat scroll 73px 0 transparent; border: medium none; font-size: 14px; font-weight: bold; height: 21px; left: 124px; margin: 0 0 0 15px; padding: 5px 0 0; position: absolute; top: -6px; width: 99px;}
.tireAdvisor #tire_selector_header #share_print_panel li.startOver a {border: none;}
.tireAdvisor #tire_selector_header #share_print_panel li.startOver a:hover {text-decoration: underline;}

#confirm_edit_modal { 
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    border-radius: 5px 5px 5px 5px;
    display: none;
    font-size: 12px;
    left: 50%;
    margin: -60px 0 0 -175px;
    padding: 5px;
    position: absolute;
    top: 50%;
    width: 350px;
    z-index: 50;
}

.inline { background: none repeat scroll 0 0 #FFFFFF; }

#inline1, .inline {text-align: center; padding: 20px 0; width: 350px; height: auto; overflow: auto;}
#inline1 p, .inline p {margin: 0 0 12px}
#inline1 a, .inline a {background-image: url("../images/startOver_popupSprite.png"); color: #303030; display: block; font-size: 12px; font-weight: bold; line-height: 29px; margin: 0 auto 8px; width: 280px}
a.startOver_popup {background-position: 0 0;}
a:hover.startOver_popup {background-position: 0 -29px; text-decoration: none; }
a.cancelStart {background-position: 0 -58px;}
a:hover.cancelStart {background-position: 0 -87px; text-decoration: none;}

.inline a.edit_cancel, .inline a.edit_continue {float: left; width: 142px}
.inline a.edit_cancel {background-position: 0 -116px; margin: 0 0 0 25px}
.inline a.edit_continue {background-position: 0 -174px; margin: 0 0 0 10px}
.inline a:hover {text-decoration: none;}
.inline a:hover.edit_cancel {background-position: 0 -145px; margin: 0 0 0 25px; }
.inline a:hover.edit_continue {background-position: 0 -203px; margin: 0 0 0 10px}

.tireAdvisor #tireDetails_header {font-size: 11px; line-height: 18px; padding:1px 0 2px 15px;}
.tireAdvisor #tireDetails_header ul {overflow: visible;}
.tireAdvisor #tireDetails_header ul li {float: left; margin: 0 30px 0 0; position: relative;}
.tireAdvisor #tireDetails_header ul li a {color: #303030; font-weight: bold}
.tireAdvisor #tireDetails_header ul li a:hover {text-decoration: none;}
.tireAdvisor #tireDetails_header ul li span {float: none; font-weight: normal; margin-left: 3px}

#tireDetails_header table{height:38px;}
#tireDetails_header table td{padding: 0 30px 0 0;}
#tireDetails_header table td strong{position: relative;}
#tireDetails_header table td a{color: #303030; font-weight: bold;}
#tireDetails_header table td a:hover {text-decoration: none;}
#tireDetails_header table td span.popup{float:none; font-weight:normal; margin-left:3px;}

.topSection {overflow: hidden; padding: 0 0 20px}

.tireAdvisor #mainColumn {float: none; margin-top: 120px; width: 100%}
.tireAdvisor .tireInfo {float: left; position: relative; width: 275px; z-index: 1}
.tireAdvisor .tireInfo h2 {border: none; float:  none; font-size: 24px; margin: 0}
.tireAdvisor .tireInfo h3 {}
.tireAdvisor .tireInfo h4 {font-size: 11px; font-weight: bold; margin: 0}
.tireAdvisor .tireInfo h5 {font-size: 13px; font-weight: bold; margin: 0 0 8px}
.tireAdvisor .tireInfo span.tires {float: none; height: 27px; margin: 10px 0; width: auto;}
.tireAdvisor .tireInfo span.tires a {border-bottom: 1px dotted; color: #303030; font-size: 12px; left: 35px; position: relative; text-decoration: none; text-transform: uppercase; top: 5px}

a span.popup, .tireView a span.popup, #tireDetails_header a span.popup
{-webkit-box-shadow: 0px 0px 10px 2px #888;
-moz-box-shadow: 0px 0px 10px 2px #888;
box-shadow: 0px 0px 10px 2px #888;
background-image: none; background-color: #FFF; color: #303030; display: none; font-size: 11px; height: auto; left: 130%;
padding: 10px; position: absolute; text-transform: none; top: -312%; width: 290px; z-index: 5}
.tirePerformance a span.popup, .section .tirePerformance a span.popup{
-webkit-box-shadow: 0px 0px 10px 2px #888;
-moz-box-shadow: 0px 0px 10px 2px #888;
box-shadow: 0px 0px 10px 2px #888;
background-image: none; background-color: #FFF; color: #303030; display: none; font-size: 11px; height: auto; left: 130%;
padding: 10px; position: absolute; text-transform: none; top: -312%; width: auto; z-index: 5;}
#tireDetails_header a span.popup {left: -164px; line-height: normal; top: 30px; width: 400px}
.topSection .tirePerformance a span.popup {left: -210px; top: -54px}
.section .tirePerformance a span.popup {left: -210px; top: -58px}
a:hover span.popup, .section .tirePerformance a:hover span.popup, #tireDetails_header a:hover span.popup {display: block}


span.allSeason_tires {background-position: 0 -47px}
span.summer_tires {background-position: 0 0}
span.winter_tires {background-position: 0 -91px}

.tireInfo p {margin: 0 0 15px}
.tireInfo a.notation { font-weight: normal;  position: relative; text-decoration: underline;}
.tireAdvisor .tireInfo ul {list-style: disc outside none; overflow: visible; padding: 0 0 0 16px;}
.tireAdvisor .tireInfo ul li {margin: 0 0 3px}
.tireAdvisor .tireInfo ul li.moreInfo {clear: both; font-weight: normal; left: -13px; line-height: 16px; list-style: none; margin: 0 0 0; padding: 0 0 0 13px; position: relative;}
.tireAdvisor .tireInfo span.locateDealer {background-position: 0 -36px; display: block; float: left; height: 28px; line-height: 28px; margin: 15px 0 0; padding: 0 0 0 34px; width: auto;}
.tireAdvisor .tireInfo span.locateDealer a {font-size: 12px; font-weight: bold;}

ul.tireBenefits li.strong {float: left; font-weight: bold}
ul.tireBenefits span.toggleInfo {background: none; display: none; font-weight: normal; height: auto; margin: 0 0 9px; width: auto;}

.tireImg {float: left; position: relative; top: 31px; width: 333px}
.tireImg img {position: absolute; left: 25px}
.tireImg img.award {left: 45px; top: 224px}

.tirePerformance {float: right; left: 0px; margin: 0 0 44px; position: relative; top: 62px; width: 300px}
.tirePerformance h6 {border-bottom: 1px dotted; float: left; font-weight: bold; margin: 0 0 10px}
.tirePerformance h6 a {color: #303030;}
.tirePerformance h6 a span {font-weight: normal;}
.topSection .tirePerformance h6 a span.popup {left: -325px; top: -30px}
.tirePerformance h6 a:hover {text-decoration: none;}
.tireAdvisor .tireWarranties h6 {border-bottom: none; float: left; font-weight: bold; margin: 0}

.tirePerformance ul {border-bottom: 1px solid #ccc; margin: 0 0 10px; overflow: visible; padding: 0 0 17px; position: relative;}
.tirePerformance ul li {margin: 7px 0}
.tirePerformance ul li span {display: inline-block; height: 15px; margin: 0; position: relative; width: 171px;}
.tirePerformance ul li a {font-size: 10px; border-bottom: 1px dotted; color: #303030; font-style: normal; margin: 0 0 0 11px; position: relative; text-transform: uppercase; top: -2px}
.tirePerformance ul li a:hover {text-decoration: none;}

.tirePerformance ul li.one span {background-position: 0 -135px}
.tirePerformance ul li.two span {background-position: 0 -120px}
.tirePerformance ul li.three span {background-position: 0 -105px}
.tirePerformance ul li.four span {background-position: 0 -90px}
.tirePerformance ul li.five span {background-position: 0 -75px}
.tirePerformance ul li.six span {background-position: 0 -60px}
.tirePerformance ul li.seven span {background-position: 0 -45px}
.tirePerformance ul li.eight span {background-position: 0 -30px}
.tirePerformance ul li.nine span {background-position: 0 -15px}
.tirePerformance ul li.ten span {background-position: 0 0}

.avgUserRating {float: left; width: 147px}
.avgUserRating h6 {border: none; float: none; font-weight: bold;}
.avgUserRating span.stars { display: block; float: none; height: 12px; margin: 10px 0; width: 75px;}
.avgUserRating span.oneStars {background-position: 0 0}
.avgUserRating span.twoStars {background-position: 0 -12px}
.avgUserRating span.threeStars {background-position: 0 -24px}
.avgUserRating span.fourStars {background-position: 0 -36px}
.avgUserRating span.fiveStars {background-position: 0 -48px}
.avgUserRating span.noStars {background-position: 0 -60px}
.avgUserRating span.oneHalfStars {background-position: 0 -72px}
.avgUserRating span.twoHalfStars {background-position: 0 -84px}
.avgUserRating span.threeHalfStars {background-position: 0 -96px}
.avgUserRating span.fourHalfStars {background-position: 0 -108px}
.avgUserRating span.halfStars {background-position: 0 -120px}

.avgUserRating a {diplay: block; font-size: 11px}
.avgUserRating span.image_thumb {border: 1px solid #9EA8B2; display: block; height: 147px; margin: 0; overflow: hidden; position: relative; width: 144px;}

.tireWarranties {border-left: 1px solid #ccc; float: left; margin: 0 0 10px; padding: 0 0 0 10px; width: 141px}
.tireWarranties ul {border: none; margin: 0; padding: 0; top: 0}
.tireWarranties ul li {float: left; height: 57px; margin: 8px 9px 0 0; width: 57px}
.tireWarranties ul li a {border: none; display: block; height: 57px; margin: 0; position: static;}
.tireWarranties ul li.sixYearWarranty {background-position: 0 0}
.tireWarranties ul li.fourtyFiveK {background-position: -71px -197px}

.tireView {border-top: 1px solid #ccc; clear: both; padding: 15px 0 0; position: relative;}
.tireView ul {border: none; margin: 0; padding: 0; top: 0}
.tireView ul li {float: left; margin: 0 14px 0 0}
.tireView ul li input {border: none; cursor: pointer; display: block; font-weight: bold; height: 29px; left: 0; width: 134px;}
.tireView ul li input:hover {background-position: 0 -100px;}
.tireView ul li.frontView {}
.tireView ul li.frontView input {}
.tireView ul li a {border-bottom: 1px dotted; color: #303030; font-size: 11px; margin: 0; position: relative; text-transform: none; top: 0px}
.tireView ul li a:hover {text-decoration: none;}
.tireView ul li.rearView {}
.tireView ul li.rearView input {}

.tireAdvisor .section {border-top: 1px solid #CCC; clear: both; margin: 34px 0 0; padding: 16px 0 15px}
.tireAdvisor .section h3, #toggleSection h3 {float: left; margin: 0 0 25px }
.tireAdvisor .section .avgUserRating {clear: both; position: relative;}
.tireAdvisor .section .avgUserRating h6 {clear: both; display: inline-block; margin: 9px 0 0}
.tireAdvisor .section .avgUserRating .zoom-icon {left: 128px; top: 131px}
.tireAdvisor .section .avgUserRating img.stars {margin: 2px 0 3px}
.tireAdvisor .section .tireInfo {margin: 0 0 0 15px; width: 460px}
.tireAdvisor .section .tireInfo .tireView {border: none; float: left; margin: 0 0 3px; padding: 0; top: 0}
.tireAdvisor .section .tireInfo .tireView ul li {float: none; margin: 10px 0 0}
.tireAdvisor .section .tireInfo h4 {}
.tireAdvisor .section .tireInfo h5 {}
.tireAdvisor .section .tireInfo span.tires {margin: 5px 0 0px}
.tireAdvisor .section .tireInfo span a {}
.tireAdvisor .section .tireInfo p {margin: 0 0 6px}
.tireAdvisor .section .tireInfo ul {list-style: none; overflow: visible;  padding: 0}
.tireAdvisor .section .tireInfo ul li.moreInfo {}
.tireAdvisor .section .tireInfo span.locateDealer {float: left; left: 14px; margin: 0; position: relative; top: 12px; width: 114px}
.tireAdvisor .section .tireInfo span.locateDealer a {line-height: normal;}

.tireAdvisor .section .tirePerformance {top: 0; width: 260px}
.tireAdvisor .section .tirePerformance h5 {border-bottom: 1px dotted; float: left; font-size: 13px; margin: 0 0 8px}
.tireAdvisor .section .tirePerformance h5 a {color: #303030;}
.tirePerformance h5 a span {font-weight: normal;}
.tireAdvisor .section .tirePerformance h5 a span.popup {left: -325px; top: 5px}
.tirePerformance h5 a:hover {text-decoration: none;}
.section .tirePerformance ul {border: none; margin:  0 0 5px; padding: 0}
.section .tirePerformance ul li {line-height: 15px; margin: 5px 0}
.section .tirePerformance ul li span {display: inline-block; height: 15px; margin: 0; position: relative; width: 131px;}
.section .tirePerformance ul li a {border-bottom: 1px dotted; font-size: 9px; font-style: normal; margin: 0 0 0 11px; text-transform: uppercase;}
.section .tirePerformance ul li.one span {background-position: 0 -286px;}
.section .tirePerformance ul li.two span {background-position: 0 -271px;}
.section .tirePerformance ul li.three span {background-position: 0 -256px;}
.section .tirePerformance ul li.four span {background-position: 0 -241px;}
.section .tirePerformance ul li.five span {background-position: 0 -226px;}
.section .tirePerformance ul li.six span {background-position: 0 -211px;}
.section .tirePerformance ul li.seven span {background-position: 0 -196px;}
.section .tirePerformance ul li.eight span {background-position: 0 -181px;}
.section .tirePerformance ul li.nine span {background-position: 0 -166px;}
.section .tirePerformance ul li.ten span {background-position: 0 -150px;}
.section .tirePerformance .tireWarranties {border-left: none; padding: 0}
.section .tirePerformance .tireWarranties ul li a {border: none; display: block; height: 57px; margin: 0; position: static;}

#toggleSection {margin: 34px 0; position: relative;}
#toggleSection h3 {margin: 25px 0; position: relative;}
#toggleSection h3 span {background: none; float: none; font-size: 13px; font-weight: normal; height: auto; margin: 2px 0 0 10px; width: 60px;}
#toggleSection hr {background: none repeat scroll 0 0 #E7E7E7; border: 0 none; height: 3px; left: -15px; margin: 0; position: absolute; width: 985px;}
#toggleSection i.display {border: none; color: #0169B2; cursor: pointer; float: none; font-size: 11px; margin: 17px 0 0; position: absolute; right: 30px; font-style: normal; top: 0}
#toggleSection i:hover.display {text-decoration: underline;}
#toggleSection i.display span {height: 25px; margin: 0; position: absolute; top: -8px; width: 28px} 
#toggleSection i.display span.hideImg {background-position: 0 -94px; left: 25px;}
#toggleSection i.display span.showImg {background-position: 0 -69px; left: 30px;}

.additionalSection {clear: both;}

#listSection {padding-top: 10px; position: relative;color: #999999;font-size: 10px;}
#listSection li{list-style-type:none;}
#listSection li p a {color: #999999;    font-size: 10px;}
#listSection  a p {    *color: #999999 !important;    *font-size: 10px;color: #999999\0/;    font-size: 10px\0/;}
#listSection hr {background: none repeat scroll 0 0 #E7E7E7; border: 0 none; height: 10px; left: -15px; margin: 0; position: absolute; top: -19px; width: 985px;}
#listSection ol {font-size: 12px; list-style: decimal inside}
#listSection ol p {color: #999; display: inline;}

/* no results */

div.startOver {
	background: url("../images/main-sprite.png") no-repeat scroll 73px 0 transparent; 
	border: medium none; 
	font-size: 14px; 
	font-weight: bold; 
	height: 21px; 
	left: auto; 
	margin: 0 auto; 
	padding: 5px 0 0;
	position: relative; 
	top: auto; 
	width: 99px;
}

/* ymmo */

.ymmo{
	background-position:0 0
}

.ymmo .vehicle_info h2 .wheel{
	background-position:-420px -560px;
	display:block;
	height:35px;
	margin:31px auto 4px;
	width:62px;
}

#advisor_content ul.option,
#home_info ul.option
{
	height:auto;
	position:relative;
	left:auto;
	top:auto;
	margin:0 auto;
	width:306px;
	-webkit-box-shadow: 0px 7px 28px #878682;
	-moz-box-shadow: 0px 7px 28px #878682 ;
	box-shadow: 0px 7px 28px #878682; 
}

#advisor_body li .option li{
	display:block;
	float:none;
	height:39px;
	margin-top:1px;
	position:relative;
	width:306px;
}

#home_info .option li{
	display:block;
	float:none;
	height:39px;
	margin-top:1px;
	position:relative;
	width:306px;
}

#name .option li,
#category .option li{
	margin-bottom:147px;
}

#home_info .option a{
	text-decoration:none;
}

.option li:first-child{
	margin-top:0;
}

.option li a.selector{
	display:block;
	font-size:16px;
	font-weight:bold;
	height:39px;
	line-height:39px;
	padding:0 14px;
}

#home_info .option li a.selector{
	font-size:14px;
}

.option li.odd a.selector {
	background-position:-606px -328px;
	color:#598db1;
}

.option li.even a.selector {
	background-position:-606px -368px;
	color:#7caac9;
}

.option li a.selector.current, .option li a.selector.selected{
	text-shadow: 2px 2px 4px #155A8A;
	color:#fff;
}

.option li li.selected .mark
{
	display:none;
}

.option li a.selected .mark,
#name .option li li.selected .mark,
#category .option li li.selected .mark
{
	display:block;
	right:12px;
	top:10px;
}

#name .option li li.selected .mark,
#category .option li li.selected .mark
{
	right:20px;
	top:9px;
}

.option li.odd a.current, .option li.odd a.selected{
	background-position:-606px -248px;
}

.single_line .option li.odd a.current, .single_line .option li.odd a.selected{
	/*background-position:-606px -408px;*/
}

.option li.even a.current, .option li.even a.selected{
	background-position:-606px -288px;
}

#advisor_content ul.option li ul.scroll-content,
#home_info ul.option li ul.scroll-content
{
	background:#FFF;
	display:block;
	font-size:14px;
	padding:1px 2px 0 0;
	position:relative;
	z-index:5;
}

#advisor_body .option li li.scroll-content-item,
#home_info .option li li.scroll-content-item
{
	display:block;
	color: #333;
	cursor:pointer;
	font-weight:normal;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0 14px;
	width:276px;

}


#home_info .option li .drop_down_select{

	width:306px;
	font-weight:normal;
	font-size:12px;
	line-height:39px;
	color: #333;
	border:none;
	height:120px;
	background-color:#FFF;
	text-align:center;
	
	
}

#home_info .option li .drop_down_select_long{

	height:154px;
	
}

#home_info .option li .drop_down_select_short{

	height:45px;
	
	
}/* added two classes drop_down_select_long and drop_down_select_short to handle drop down list length JC 8/13*/

#home_info .option li .tire_name_select, #home_info .option li .tire_cat_select{
	height:154px;
}


#advisor_body .option li li.scroll-content-item .text,
#home_info .option li li.scroll-content-item .text
{
	display: block;	
}

#advisor_body .option li li.even,
#home_info .option li li.even
{
	background:#efefef;
	overflow:hidden;
}

#advisor_body .option li li:hover.scroll-content-item,
#home_info .option li li:hover.scroll-content-item,
#home_info #name .option li li.scroll-content-item.selected,
#home_info #category .option li li.scroll-content-item.selected
{
	background:#ffeb48;
}

#home_info .option .scroll-pane, .ymmo .option .scroll-pane {
    height: 154px;
    width: 404px;
}

.scroll-parent {
	position:absolute;
	top:1px;
	right:2px;
	width:14px;
	background:#fff;
	height:150px;
	z-index:10;
}

.scroll-bar-nav{
	height:14px;
	left:0;
	position:absolute;
	width:14px;
}

.option li.odd a.scroll-up, .option li.even a.scroll-up,
.advice_body a.scroll-up, .callme_dropdown  a.scroll-up,
.priority_select a.scroll-up, a.scroll-up
{
	background-position:-441px -248px; 
	top:0;
}

.option li.odd a:hover.scroll-up, .option li.even a:hover.scroll-up,
.advice_body a:hover.scroll-up, .callme_dropdown a:hover.scroll-up,
.priority_select a:hover.scroll-up, a:hover.scroll-up
{
	background-position:-456px -248px; 
}

.option li.odd a.scroll-down, .option li.even a.scroll-down, 
.advice_body a.scroll-down, .callme_dropdown a.scroll-down, 
.priority_select a.scroll-down, a.scroll-down
{
	background-position:-471px -248px;
	bottom:0;
}

.option li.odd a:hover.scroll-down, .option li.even a:hover.scroll-down, 
.advice_body a:hover.scroll-down, .callme_dropdown a:hover.scroll-down, 
.priority_select a:hover.scroll-down, a:hover.scroll-down
{
	background-position:-486px -248px;
}

#home_content a.ui-slider-handle, #home_content a:hover.ui-slider-handle,
.option li .scroll-bar a.ui-slider-handle, .option li .scroll-bar a:hover.ui-slider-handle,
.advice_body a.ui-slider-handle, .advice_body a:hover.ui-slider-handle,
.callme_dropdown a.ui-slider-handle, .callme_dropdown a:hover.ui-slider-handle,
.priority_select a.ui-slider-handle, .priority_select a:hover.ui-slider-handle,
#advisor_content a.ui-slider-handle, #advisor_content a:hover.ui-slider-handle
{
	background-position: -520px -248px;
	display:block;
	height:52px;
	padding:0;
	position:absolute;
	width: 14px;
}

#advisor_body li .option li.option-5,
#vehicle .option li.option-5
{
	display:none;
}

.question_mark{
    bottom: 113px;
    display: block;
    height: 17px;
    position: absolute;
    right: 25px;
    width: 18px;
	z-index:21
}

#category .question_mark{
    bottom: 260px;
    right: 35px;
}

.question_list{
    bottom: 111px;
    display: block;
    left: 25px;
    position: absolute;
    width: 18px;
    z-index: 30;
}

#size .question_list{
    bottom: 150px;
    right: 35px;
	left:auto;
}

.question_list li{
    display: block;
    height: 17px;
    margin: 22px 0 0;
    position: relative;
}
#advisor_content .question_list li{
    margin: 16px 0 0;
 }
#size .question_list li{
    margin: 22px 0 0;
}

a.question{
	background-position:-372px -119px;
	display:block;
	height:17px;
	text-decoration:none;
}

.question_mark .hint_body,
.question_list .hint_body,
.zipcode_main .hint_body
{
	background:#fff;
    bottom: -25px;
    display: none;
    left: 25px;
	font-size:11px;
	padding:15px;
	width:200px;
	-webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.11);
	-moz-box-shadow: 0 0 10px 10px rgba(0,0,0,0.11);
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.11); 
}

#zipcode .zipcode_main .hint_body
{
    bottom: auto;
    left: -80px;
	line-height:normal;
	top:7px;
	z-index:105;
}

#zipcode .zipcode_main .hint_text
{
	padding:0;
}

.question_mark .hint_image,
.question_list .hint_image
{
	padding:15px 10px;
	width:187px;
}

.question_mark .hint_body,.question_list .hint_body
{
    right: auto;
	left:25px;
}

.question_list .hint_body.long {
	bottom: -225px;
}

#size .question_list .hint_body
{
    right: auto;
	left:25px;
}

 a:hover.question .hint_body{
	display:block;
}

.read_body p, .question_mark .read_body p{
	margin:0;
	width:auto;
}

#home_info .question_mark .read_body p,
#home_info .question_list p
{
	font-size:11px;
	padding-top:10px;
	text-align:left;
}

#home_info .question_mark .read_body p:first-child,
#home_info .question_list p:first-child
{
	padding-top:0;
}

#home_info .question_mark .hint_image p,
#home_info .question_list .hint_image p
{
	padding:0 15px 5px;
}

#home_info .question_mark .hint_image img,
#home_info .question_list .hint_image img
{
	display:block;
	margin:0 auto;
}

.question_mark .hint_btm {
    background-position: -676px -118px;
}

.question_mark .hint_btm,
.question_mark .hint_top,
.question_list .hint_btm,
.question_list .hint_top,
.zipcode_main .hint_btm,
.zipcode_main .hint_top
{
	display:none;
}

/* driving conditions */

.driving_conditions{
	background-position:0 -532px;
}
 
.driving_conditions .show{
	display:block;
}

.driving_conditions .advice_body .tooltip, 
.runflats .advice_body .tooltip, 
.vehicle_use .advice_body .tooltip, 
.sidewall .advice_body .tooltip, 
.performance .advice_body .tooltip
{
    background-position: -878px -119px;
}

.driving_conditions .vehicle_info h2{
	margin:21px 0 3px;
}

.driving_conditions .vehicle_info h2 .wheel{
	display:block;
	background-position:-483px -560px ;
	height:40px;
	margin:0 auto 3px;
	width:52px;
}

.driving_conditions .vehicle_info p{
	width:370px;
}

.driving_conditions .driving_select{
	background:#b7b7b7;
	height:159px;
	position:relative;
	left:auto;
	top:auto;
	margin:0 auto;
	-webkit-box-shadow: 0px 7px 28px #878682;
	-moz-box-shadow: 0px 7px 28px #878682 ;
	box-shadow: 0px 7px 28px #878682; 
}

.driving_conditions .options_3{
	/*width:352px;*/
}

.driving_conditions .options_2{
	/*width:236px;*/
}

.driving_conditions .options_1{
	/*width:116px;*/
}

.driving-all-copy, .driving-one-copy{
	display:none;
}

.driving_select li{
	float:left;
	height:159px;
	margin-left:2px;
	position:relative;
	width:116px;
}

.driving_select li:first-child, .driving_conditions .options_1 li{
	margin-left:0;
}

.driving_select .seasons {
	background-color:#fff;
	color:#333;
	display:block;
	font-size:12px;
	height:148px;
	padding:5px 0;
	position:relative;
}

.driving_select .seasons .text {
	display:block;
	font-weight:bold;
	padding-top:4px;
	text-align:center;
}

.driving_select .seasons .mark,
.ui-state-default .mark,
#name .mark,
#category .mark
{
	background-position:-439px 0;
	bottom:4px;
	display:none;
	height:14px;
	right:9px;
	top:auto;
	width:14px;
}

.ui-state-default .mark
{
	bottom:9px;
}

.driving_select .seasons.selected .mark,
.ui-state-highlight .mark,
#name .selected .mark,
#category .selected .mark
{
	display:block;
}

#name .mark,
#category .mark
{
	bottom:7px;
	right:24px;
}

.driving_select a{
	background-color:#fff;
	background-position:1000px 1000px;
}

.driving_select .image {
	display:block;
	height:130px;
	margin: 0 5px;
	width:106px;
}

.driving_select a:hover, 
.driving_select a.selected
{
	background-position:-321px -654px;
}

.driving_select .image {
	background:none;
}


/* runflats */

.runflats{
	background-position:0 -1064px;
}

.runflats .vehicle_info{
	height:384px;
}

.runflats .read_only{
	height:395px;
}

.runflats .runflat_section{
	display:none;
}

.runflats .show{
	display:block;
}

.runflats .vehicle_info h2{
	background:none;
	margin:29px auto 3px;
	width:336px;
}

.runflats .vehicle_info .not_available h2,
.runflats .vehicle_info .replace h2
{
	margin:15px auto 3px;
}

.runflats .vehicle_info .not_available h2
{
	width:auto;
}

.runflats .vehicle_info h2 span{
	display:block;
}

.runflats .vehicle_info h2 .wheel{
	background-position:-536px -560px;
	height:48px;
	margin:0 auto 4px;
	width:82px;
}

.runflats .vehicle_info p{
	margin-bottom:18px;
	width:274px;
	text-align:center;
}

.runflats .vehicle_info .replace p{
	margin-bottom:8px;
	width:auto;
}

.runflats .vehicle_info .not_available p{
	margin-bottom:8px;
	width:345px;
}

.runflats .vehicle_info p a{
	color:#333;
	border-bottom:dotted 1px #333;
	font-weight:bold;
    position: relative;
    z-index: 5;
}

.runflat_select{
    background-position: 0 -814px;
	display:block;
    height: 145px;
    margin: 0 0 0 8px;
    width: 393px;
}

.runflat_select_btn{
	float:left;
	height:99px;
	margin-top:46px;
	width:133px;
}

.runflat_select .no{
    margin-left:127px;
}

.runflat_select_btn a{
	display:block;
	height:46px;
	position:relative;
}

.runflat_select_btn a .mark{
	display:none;
	position: absolute;
	top:15px;
}

.runflat_select_btn a.selected .mark{
	display:block;
}

.runflat_select_btn a .text {
	display: none;	
}

.yes a{
    background-position: -438px -654px;
}

.yes a:hover, .yes a.selected{
    background-position: -438px -701px;
}

.no a{
    background-position: -571px -654px;
}

.no a:hover, .no a.selected{
    background-position: -571px -701px;
}

.runflat_select_btn.yes a .mark{
	left:30px;
}

.runflat_select_btn.no a .mark{
	right:35px;
}

.runflat_select_btn .text{
	display:block;
	line-height:12px;
	text-align:center;
}

.runflat_select_btn.yes .text{
    padding: 10px 0 0 33px;
}

.runflat_select_btn.no .text{
    padding: 10px 28px 0 10px;
}

.runflats .vehicle_info .tire{
	display:block;
}

.runflats .vehicle_info .replace .tire{
	background-position:-706px -655px;
	height:145px;
	margin:0 auto;
	width:137px;
}

.runflats .vehicle_info .not_available .tire,
.runflats .vehicle_info .pax .tire
{
	background-position:-844px -655px;
	height:116px;
	margin:0 auto;
	width:110px;
}

.footer_note{
    background: rgba(255, 255, 255, 0.6);
    bottom: 30px;
	display:none;
    font-size: 10px;
    font-weight: bold;
    height: 38px;
    left: 0;
    line-height: 12px;
    padding: 9px 21px 6px;
    position: absolute;
}


.sidewall .footer_note{
    height: auto;
	font-weight:normal;
	font-size:11px;
    padding: 5px 10px 6px 20px;
	width:938px;
}

.asterisk{
    font-size: 20px;
    font-weight: bold;
    left: 10px;
    position: absolute;
    top: 12px;
}

.sidewall .asterisk{
    top: 9px;
}

.runflats .vehicle_info a.next_btn {	
    bottom: 30px;
}

.runflats .read_only a.next_btn {	
    bottom: 13px;
}

.statement{
    bottom: 242px;
	display:none;
    font-size: 11px;
    left: -33px;
    line-height: 13px;
    position: absolute;
    width: 347px;
	z-index:4;
}

.statement .statement_top{
	background-position: -621px -560px;
	height:26px;
}


.statement .statement_content{
	background:url(../images/lg-read-repeat-bg.png) repeat-y;
	padding:0 22px;
}

.statement .statement_btm{
	background-position: -621px -587px;
	height:38px;
}

/* tire_category */

.tire_category{
	background-position:0 -1596px;
}

.tire_category .show{
	display:block;
}

.tire_category .vehicle_info h2{
	margin:29px 0 3px;
}

.tire_category .vehicle_info h2 .wheel{
	background-position:-420px -596px;
	display:block;
	height:42px;
	margin:0 auto 3px;
	width:43px;
}

.tire_category .vehicle_info p {
    margin: 0 auto 8px;
	text-align:center;
    width: 320px;
}

.priority_select{
	background:#fff;
	display:block;
	height:177px;
	margin:0 auto;
	padding:3px 20px 3px 3px;
	position:relative;
	width:330px;
	-webkit-box-shadow: 0px 7px 28px #878682;
	-moz-box-shadow: 0px 7px 28px #878682 ;
	box-shadow: 0px 7px 28px #878682; 
}

.scroll_content_body{
	/*overflow:hidden;
	width:auto;*/
	
	overflow-x: hidden; /* //CR make component native scroll */
	overflow-y: scroll;
	height:177px;
	width:350px;/* //CR */
}

.priority_select .priority_select_btn{
	display:block;
	height:79px;
}

.priority_select .priority_select_btn a{
	color:#666;
	display:block;
	height:58px;
	padding:10px 9px;
	position: relative;
}

.priority_select .priority_select_btn a:hover, 
.priority_select .priority_select_btn a.selected{
	background:url(../images/priority-bg.gif) repeat-x;
}

.priority_select .even a{
	background-color:#eff2f4;
}

.priority_select .priority_select_btn .mark_body{
	background-position:-420px -268px;
	height:17px;
	position:relative;
	width:17px;
}

.priority_select .priority_select_btn .mark{
	left:-1px;
	top:-1px;
}

.priority_select .priority_select_btn .selected .mark{
	display:block;
}

.priority_select .priority_select_btn .text_body{
	width:285px;
	padding-left:10px;
	position:relative;
	z-index:10;
}

.priority_select .priority_select_btn .text_body span{
	display:block;
	line-height:14px;
}

.priority_select .priority_select_btn .text_body .text{
	color:#333;
	font-weight:bold;
	font-size:14px;
}

.priority_select_btn .text_body .description{
	color: #666;
	font-size: 11px;
	font-weight: normal;
	line-height:14px;
	width:210px;
}

.priority_select_btn a:hover .text_body .description, .priority_select_btn a.selected .text_body .description{
	color: #333;
}

.priority_select_btn .image{
	background:url(../images/priority_tiretype.png) no-repeat;
	height:78px;
	position:absolute;
	right:0;
	top:0;
	width:108px;
	z-index:5;
}

.priority_select .select_1 a .image{
	background-position:0 0;
}

.priority_select .select_1 a:hover .image, .priority_select .select_1 a.selected .image{
	background-position:-109px 0;
}

.priority_select .select_2 a .image{
	background-position:0 -79px;
}

.priority_select .select_2 a:hover .image, .priority_select .select_2 a.selected .image{
	background-position:-109px -79px;
}

.priority_select .select_3 a .image{
	background-position:0 -158px;
}

.priority_select .select_3 a:hover .image, .priority_select .select_3 a.selected .image{
	background-position:-109px -158px;
}

.priority_select .select_4 a .image{
	background-position:0 -237px;
}

.priority_select .select_4 a:hover .image, .priority_select .select_4 a.selected .image{
	background-position:-109px -237px;
}

.priority_select .select_5 a .image{
	background-position:0 -316px;
}

.priority_select .select_5 a:hover .image, .priority_select .select_5 a.selected .image{
	background-position:-109px -316px;
}

.priority_select .select_6 a .image{
	background-position:0 -395px;
}

.priority_select .select_6 a:hover .image, .priority_select .select_6 a.selected .image{
	background-position:-109px -395px;
}

.priority_select .scroll-parent {
    background: #efefef;
    height: 177px;
    right: 3px;
    top: 3px;
}

.priority_select .scroll-bar {
    height: 97px;

}

/* vehicle_use */

.vehicle_use{
	background-position:0 -2126px;
}

.vehicle_use .show{
	display:block;
}

.vehicle_use .vehicle_info h2{
	margin:34px 0 4px;
}

.vehicle_use .vehicle_info h2 .wheel,
.sidewall .vehicle_info h2 .wheel
{
	background-position:-464px -601px;
	display:block;
	height:48px;
	margin:0 auto 4px;
	width:48px;
}

.vehicle_use .vehicle_info p {
    margin: 0 auto 12px;
	text-align:center;
    width: 275px;
}

.vehicle_use .priority_select{
	background:#fff;
	display:block;
	height:161px;
	margin:0 auto;
	padding:3px 3px 2px;
	position:relative;
	width:330px;
	-webkit-box-shadow: 0px 7px 28px #878682;
	-moz-box-shadow: 0px 7px 28px #878682 ;
	box-shadow: 0px 7px 28px #878682; 
}

.vehicle_use .priority_select .priority_select_btn{
	display:block;
	height:81px;
}

.vehicle_use .priority_select .priority_select_btn a{
	color:#666;
	display:block;
	height:59px;
	padding:10px 9px;
	position: relative;
}

.vehicle_use .priority_select_btn .text_body .text{
	width:210px;
}

.vehicle_use .priority_select_btn .image{
	background:url(../images/priority_tiretype.png) no-repeat;
	height:79px;
	position:absolute;
	right:0;
	top:0;
	width:147px;
	z-index:5;
}

.vehicle_use .select_1 a .image{
	background-position:0 -474px ;
}

.vehicle_use .select_1 a:hover .image, .vehicle_use .select_1 a.selected .image{
	background-position: -148px -474px;
}

.vehicle_use .select_2 a .image{
	background-position:0 -554px;
}

.vehicle_use .select_2 a:hover .image, .vehicle_use .select_2 a.selected .image{
	background-position:-148px -554px;
}

/* sidewall */

.sidewall{
	background-position:0 -2660px;
}

.sidewall .show{
	display:block;
}

.sidewall .advice_body{
    right: 70px;
    top: 152px;
}

.sidewall .play{
    left: 24px;
    top: -32px;
}

.sidewall .read{
    left: 52px;
    top: 10px;
}

.sidewall .play_hint{
    bottom: 45px;
    right: -38px;
}

.sidewall .read_hint{
    bottom: 42px;
    right: -60px;
}

.sidewall .vehicle_info h2{
	margin:34px 0 4px;
}

.sidewall .vehicle_info p {
    margin: 0 auto 12px;
	text-align:center;
    width: 275px;
}

.sidewall_select{
	background:#888a8d;
	display:block;
	height:140px;
	margin:0 auto;
	position:relative;
	width:342px;
	-webkit-box-shadow: 0px 7px 28px #878682;
	-moz-box-shadow: 0px 7px 28px #878682 ;
	box-shadow: 0px 7px 28px #878682; 
}

.sidewall_select_btn{
	float:left;
	height:140px;
	margin:0 0 0 2px;
	position:relative;
	width:84px;
}

.sidewall_select_btn:first-child{
	margin:0;
}

.sidewall_select_btn a{
	background-color:#fff;
	background-position:1000px 1000px;
	color:#333;
	display:block;
	height:130px;
	padding:5px;
	position:relative;
}

.sidewall_select_btn a:hover, .sidewall_select_btn a.selected, .sidewall_select_btn a.hover{
	background-position:-321px -654px;
}

.sidewall_select_btn .image{
	display:block;
	height:130px;
	margin-bottom:4px;
	width:74px;
}

.sidewall_select .image{
	background:none;
}

.sidewall_select_btn .text{
	display:block;
	text-align:center;
}

.sidewall_select_btn .selected .text{
	padding-left:17px;
}

.sidewall_select_btn .description{
	font-size:11px;
	font-weight:normal;
	left:0;
	position: absolute;
	text-align:center;
	top:150px;
	width:100%;
}

li.sidewall_select_btn .magnify{
	background-position:-438px -268px;
	height:16px;
	left:3px;
	padding:0;
	position:absolute;
	top:3px;
	width:16px;
}

li:hover.sidewall_select_btn .magnify, li.sidewall_select_btn .magnify.selected{
	background-position:-455px -268px;
}

.sidewall_select_btn .mark{
    background-position: -570px -248px;
    bottom: 10px;
	height:14px;
    left: 10px;
	width:14px;
}

.sidewall_select_btn .selected .mark{
	display:block;
}

/* performance */

.performance{
	background-position:0 -3192px;
}

.performance .show{
	display:block;
}

.performance .hide{
	display:none;	
}

.performance .vehicle_info h2{
	margin:20px 0 5px;
}

.performance .vehicle_info h2 .wheel
{
    background-position: -513px -609px;
    display: block;
    height: 39px;
    margin: 0 auto 5px;
    width: 39px;
}

.performance .vehicle_info p {
    margin: 0 auto 5px;
	text-align:center;
    width: 386px;
}

.performance .vehicle_info p span {
	color:#303030;
	font-weight:bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.performance .vehicle_info p {
		width: 387px;
	}
}

.drag_icon{
	background-position:-817px -801px;
	height:12px;
	margin:0 auto 5px;
	width:22px;
}

#preference{
	background:#e0e0e0;
	display:block;
	font-size:12px;
	font-weight:bold;
    line-height: 32px;
	margin:0 auto;
    text-align: center;
	position:relative;
    width: 307px;
	-webkit-box-shadow: 0px 7px 28px #878682;
	-moz-box-shadow: 0px 7px 28px #878682 ;
	box-shadow: 0px 7px 28px #878682; 
}

#preference.options_5{
    height: 164px;
}

#preference.options_4{
    height: 131px;
}

#preference.options_3{
    height: 98px;
}

#preference.options_2{
    height: 65px;
}

#preference.options_1{
    height: 32px;
}

#preference ul{
	float:left;
	width:153px;
	height: 100%;
}

#preference ul#droppable_bg{
	float: none;
	height: 100%;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	width:153px;
	z-index:5;
}

#draggable{
	margin-right:1px;
}

#droppable{
	position:relative;
	z-index:7;
}

.ui-state-default, 
#preference ul#droppable_bg li
{
	cursor:pointer;
	float:none;
	height:32px;
	margin-top:1px;
	position:relative;
	width:153px;
}

.ui-state-default:first-child, 
#preference ul#droppable_bg li:first-child
{
	margin-top:0;
}

.ui-draggable{
	background-position:-663px -801px;
	color:#fff;
}

.ui-draggable-dragging{
	background-position:-667px -838px;
	z-index:10;
}

.ui-draggable-dropped{
	background-position:-663px -908px;
	color:#919ca1;
}

.ui-droppable{
	background-position:200px 0;
}

.ui-state-highlight{
	background-position:-663px -875px;
	color:#333;
}

#preference ul#droppable_bg li
{
	background:#f9fafb;
	color:#b6b6b6;
}

.preference_flyout{
	bottom:13px;
	color:#333;
	display:none;
	font-size:11px;
	font-weight:normal;
	left:-182px;
	line-height:13px;
	position:absolute;
	text-align:left;
	width:200px;
}

.preference_flyout .content{
	background: url(../images/preformance_flyout_bg.png) repeat-y;
	padding:17px 27px 19px 18px;
}

.preference_flyout .btm{
	background-position:-396px -879px;
	height:20px;
}

li:hover.ui-state-default .preference_flyout{
	display:block;
}

li:hover.ui-state-disabled .preference_flyout,
li:hover.ui-draggable-dragging .preference_flyout,
li:hover.ui-sortable-helper .preference_flyout
{
	display:none;
}

/* modal */

#modal_bg{
	background:rgba(0, 0, 0, 0.6);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:30;
}

.close_btn{
    background-position: -535px -248px;
	height:34px;
	position:absolute;
	right:-14px;
	top:-12px;
	width:34px;
	z-index:40;
}

/* video modal */

#video_modal{
	display:none;
	left:50%;
    margin: -219px 0 0 -389px;
	position:absolute;
	top:50%;
	width:778px;
	z-index:100;
}

#video_container{
	/*background:rgba(255,255,255,0.81);*/
	background:#fff;
	padding:5px 5px 0 5px;
	position:relative;
	z-index:35;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	-webkit-box-shadow: 1px 1px 30px #7f7f7f;
	-moz-box-shadow: 1px 1px 30px #7f7f7f;
	box-shadow: 1px 1px 30px #7f7f7f;
}

#video_body,#VideoPlayer {
    height: 438px;
    position: relative;
    width: 768px;
}

#video_body .vjs-poster {
	display: none;	
}

/* html5 controls */

.video_sprite{
	background:url(../images/video/video_sprite.png) no-repeat;
}

#big_play {
	display: none;	
}

.video-js{
	margin-bottom:5px;
}

#end_controls{
	display: none;
	height:167px;
	left:50%;
	margin-top:-84px;
	margin-left:-131px;
	position:absolute;
	top:50%;
	z-index:15;
}

#end_controls li{
	display:none;
	float:left;
	height:167px;
	position:relative;
	width:121px;
}

#end_controls a{
	display:block;
	height:167px;
}

#end_controls li.show
	display:block;
}

#end_controls .next{
	margin-left:22px;
}

#end_controls .replay a{
	background-position:0 0;
}

#end_controls .next a{
	background-position:0 -168px;
}

#end_controls .text{
	bottom:-25px;
	color: white;
	font-size:14px;
	left:-5px;
	position: absolute;
	width: 136px;
}

#end_controls .seconds{
	font-size:16px;
	font-weight:bold;
}

.overlay_video{
	background:#000;
	display: none;
	height:405px;
	left:0;
	opacity:0.9;
	position:absolute;
	top:0;
	width:715px;
	z-index:10;
}

.vjs-controls{
	background:url(../images/video/progress_bar_bg.png) repeat-x;
	bottom:3px;
	height:37px;
	left:-5px;
	margin:0 5px;
	position:absolute;
	width:100%;
}

.vjs-controls-list{
	float:left;
	height:37px;
	position:relative;
	width:52px;
}

.vjs-controls-list a{
	display:block;
	height:37px;
	position: absolute;
	width:52px;
}

.vjs-controls-list a.vjs-previous, .vjs-controls-list a.vjs-next,
.vjs-controls-list li span, .vjs-sharethis .st_sharethis_custom span
{
	height:0;
	display:none;
	width:0;
}

.vjs-controls-list a.vjs-play{
	background-position:0 -336px;
}

.vjs-controls-list a.vjs-pause{
	background-position:-106px -336px;
}

.vjs-progress-holder{
	float:left;
	height:37px;
	margin:0 1px;
	position:relative;
	width:540px;
}

.vjs-load-progress,
.vjs-play-progress
{
	height:37px;
	position:absolute;
}

.vjs-load-progress
{
	background:url(../images/video/loader_progress_bar.png) repeat-x;
}

.vjs-play-progress
{
	background:url(../images/video/progress_bar.png) repeat-x;
	overflow: visible !important;
}

.vjs-play-head{
	background-position:0 -374px;
	cursor:pointer;
	float:right;
	height:52px;
	margin:-4px -5px 0 0;
	position:relative;
	width:16px;
	z-index:7;
}

.vjs-time-control{
	color:#f9d238;
	font-size:11px;
	position:absolute;
	right:134px;
	top:12px;
	z-index:6;
}

.vjs-time-control .vjs-current-time-display{
	color:#fff;
}

.vjs-volume-control,
.vjs-fullscreen-control,
.vjs-sharethis
{
	float: left;
	height: 37px;
}

.vjs-volume-control,
.vjs-fullscreen-control{
	width: 37px;
}

.vjs-volume-control a.on, .vjs-volume-control a.off, .vjs-fullscreen-control .open,
.vjs-sharethis .st_sharethis_custom
{
	height: 37px;
	display: block;
}

.vjs-volume-control a.on{
	background-position: -34px -374px;
}

.vjs-volume-control a.off{
	background-position: -73px -374px;
}

.vjs-fullscreen-control .open{
	background-position: -113px -374px;
}

.vjs-sharethis
{
	width:46px;
}

.vjs-sharethis .st_sharethis_custom
{
	background-position:-113px -412px;
	cursor:pointer;
}

/* chapters */

#chapter_container{
	background:url(../images/chapters_bg.png) repeat-x center bottom;
	bottom:-68px;
	left:0;
	position:absolute;
	padding:12px 24px 10px;
	width:730px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

#chapters_body li{
	border:1px solid #838b8f;
	float:left;
	margin-left:18px;
	position:relative;
	width:119px;
}

#chapters_body li:first-child{
	margin-left:0;
}

#chapters_body a{
	color:#3f3f40;
	display:block;
	height:46px;
}

#chapters_body .overlay{
	display:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:36;
}

#chapters_body a:hover, #chapters_body a.selected{
	color:#014576;
}

#chapters_body a:hover .overlay, #chapters_body a.selected .overlay{
	display:block;
}

#chapters_body a .chapter_text{
	bottom:0;
	left:0;
	padding:4px 0; 
	position:absolute;
	text-align:center;
	width:119px;
	z-index:37;
}

#chapters_body a .title{
	display:block;
	font-size:9px;
	font-weight:bold;
}

#chapters_body a .info{
	display:block;
	font-size:8px;
	font-weight:normal;
}

/* call me */

#callme_modal{
	background:rgba(255,255,255,0.4);
	display:none;
	font-size:12px;
	left:50%;
	margin:-252px 0 0 -233px;
	padding:5px;
	position:absolute;
	top:50%;
	width:464px;
	z-index:50;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#callme_body{
	background:#fff;
	padding:1px;
	width:462px;
}

.call_header{
	background-position:-420px -457px;
	height:53px;
	margin-bottom:20px;
}

.call_header .close_btn{
	background-position:-501px -248px;
	float:right;
	height:18px;
	margin:4px 3px;
	position:relative;
	right:auto;
	top:auto;
	width:18px;
}

.call_footer{
	background:#f2f2f2;
	margin-top:12px;
	padding:15px;
}

.callme_content{
	padding:0 15px;
}

.callme_content ul{
	margin-top:13px;
	color:#000;
}

.callme_content li{
	margin-top:6px;
	position:relative;
}

.callme_content .label, .callme_content .note{
	float:left;
	font-weight:bold;
	line-height:26px;
	width:151px;
}

.form_box{
    background: #F7F7F7;
    border: 1px solid #C8C8C8;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
	position:relative;
    width: 148px;
}

a.country_form{
	background-position:-420px -541px ;
	height:16px;
	position:absolute;
	right:8px;
	top:4px;
	width:19px;
}

textarea{
	background:#f7f7f7;
	border:solid 1px #c8c8c8;
}

.callme_content .ext{
	float:right;
	width:98px;
}

.callme_content .ext .label{
	width:28px;
}

.callme_content .ext .form_box{
	width:43px;
}

.required{
	color:#ff0000;
}
#clickToCall .required{
	color:#303030 !important;
}
.limit{
	color:#999;
	display:block;
	font-size:10px;
	margin:5px 0 0 151px;
}

.callme_content .note{
	font-weight:normal;
}

.callme_content .form_btn{
	background-position:-420px -511px;
	border:none 0;
	height:29px;
	float:right;
	width:115px;
}

.callme_last{
	height:29px;
}

.callme_last .note{
	line-height:29px;
}

.callme_dropdown{
	display:inline-block;
	height:26px;
	position:relative;
}

.callme_dropdown .drop-down{
	display:none;
    background: #F7F7F7;
    border: 1px solid #C8C8C8;
    height: 130px;
	overflow:hidden;
    padding: 5px;
    top: 25px;
    width: 152px;
}

.callme_dropdown .scroll-pane {
    height: 130px;
    width: 152px;
}

.callme_dropdown .scroll-parent {
    height: 130px;
}

.callme_content .callme_dropdown ul {
	margin:0;
}

.call_thankyou{
	display:none;
	height:114px;
}

.call_thankyou h2{
	font-size:18px;
	font-weight:bold;
	margin-bottom:14px;
}

/* sidewall modal */

#sidewall_modal{
    background-color: #FFFFFF;
	display:none;
    height: 393px;
    left: 50%;
    margin: -196.5px 0 0 -196px;
    padding: 5px;
    position: fixed;
    top: 50%;
    width: 392px;
    z-index: 100;
}

#sidewall_modal .close_btn{
    background-position: -372px -137px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
}

/* winter tires modal */

#winter_tire_modal{
	background:rgba(255,255,255,0.4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40FFFFFF,endColorstr=#40FFFFFF); 
	color:#303030;
	display:none;
	font-size:13px;
	left:50%;
	margin:-109px 0 0 -160px;
	padding:5px;
	position:absolute;
	top:50%;
	width:310px;
	z-index:90;
}
#winter_body, .winter_popup{
	background:#fff;
	padding:35px 30px 30px;
}
#winter_body p, .winter_popup p{
    line-height: 17px;
    padding-bottom: 19px;
    text-align: center;
}
#winter_body li, .winter_popup li{
    margin-bottom:18px;
}
#winter_body .text, .winter_popup .text{
    padding-left:10px;
}
#winter_body a, .winter_popup a{
	background-position: 0 -370px;
	color: #000000;
	display: block;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	margin: 0 auto;
	text-align: center;
	width: 226px;
}
#winter_body a:hover, .winter_popup a:hover{
	background-position: 0 -400px;
	text-decoration:none;
}
#winter_body a#all_other_tires, .winter_popup a.show_other_tires{
	margin-top:25px;
}
#winter_body table, .winter_popup table{
    display:none;
	font-size:11px;
	margin:10px 12px 0;
	color:#000000;
	text-align:left;
}
#winter_body table td:first-child, .winter_popup table td:first-child{
	font-size:12px;
}
.original_equipment_tag{
	background: url("../images/original_equipment.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 37px;
    line-height: 13px;
    padding: 4px 2px 0 0;
    position: absolute;
    text-align: center;
    width: 66px;
}
#winter_body .original_equipment_tag, .winter_popup .original_equipment_tag{
	margin-left:8px;
	margin-top:2px;
}

.tireInfo ul.tireBenefits li a.hint {background:none!important;}
.subpage #share_print_panel .st_sharethis span{background:url("http://w.sharethis.com/share4x/images/service-icons-sprite.png") no-repeat scroll left top transparent!important;}
.stButton .sharethis {
    background-position: 0 -1080px!important;
}
.subpage .tirePerformance ul{overflow:visible!important;}
#sizetab .question_list {
    bottom: 188px; /* NURUN changed from 151 to 148 to align vertically */
    left: auto;
    right: 37px; /* NURUN changed from 21 to 37 to fit in the box */
}

.question_list {display: block;position: absolute;width: 18px;z-index: 30;}
.tireAdvisor #tire_selector_footer{margin-top:0px\0/;margin-top:10px;}
.btn_area_one  a#vehicleSubmit{background-position: 0 -198px !important;width: 304px !important;}
ul.button_note_one li{  text-align: center;width: 311px !important;}
.progress_tooltip.last {left: auto;right: 0;}
.tireWarranties .warrentyText{clear:both;}
#login_form ul li input.required{color:#000!important;}
.subpage #share_print_panel .st_sharethis span.sharethis{background-position:0 -1080px !important;}
.tireAdvisor #tire_selector_header #share_print_panel li span.stButton, .stButton .chicklets {color: #0169B2 !important;font-family: Arial !important;font-size: 12px !important;margin: 0;width: auto;}
#dealer_locator_overlay_window h1{font-weight:bold;}

.driving_conditions .vehicle_info p{
	width:370px;
}
.driving_conditions .options_3 ul{width:352px;}
.driving_conditions .options_2 ul{width:236px;}
.driving_conditions .options_1 ul{width:116px;}
.startOver.startOverBox{background:none!important;}
.startOverBox span{float: left;margin-right: 5px;margin-top: 5px;}
.startOver.startOverBox{width:120px;}
/*Start,Added for artf1234748*/ 
div.suggested_tire .tirePerformance{margin-bottom:0px!important;}
div.additional_tire_michelin .tirePerformance{margin-bottom:0px!important;}
/*Start,End for artf1234748*/ 

.tireAdvisor sup.reg_tm{position:relative;left:1px;font-weight:bold;font-size:22px;color:#0169B2;}
.tireBenefits  sup.reg_tm{font-size:13px!important;}
.suggested_tire .tireInfo sup.reg_tm,.additional_tire_michelin .tireInfo sup.reg_tm{color:#0169B2!important;}

#Disable_home_body {
    background: url("../images/plain_bg.png") no-repeat scroll 0 0 transparent;
    height: 531px;
}
a:link#find_tire_link, a:link.quick_advice{color:#868686;}

/******************************2882***********************************/
/* IE */
#home_info .option li .drop_down_select {		
		height:auto;
		/*padding-left:12px;
		padding-right:10px;	*/	
		margin:0;
		text-align:left;
		font-weight: bold;
}

#home_info select  option.option-odd{
    background:#e9ebea;
	padding-left:12px;
}
#home_info select  option.option-even{
	padding-left:12px;
}

#home_info .option .scroll-pane, .ymmo .option .scroll-pane {
    height: auto;   
	border-bottom:7px solid #125d91;
}

#home_body #home_content .drop-down {
    height:auto;
}

#home_info .option li {   
    /*height: auto;*/  
}


/******************************2882***********************************/
a#vehicleSubmit:focus,a#sizeSubmit:focus, a#nameSubmit:focus,a#sizeSubmit:active,a#nameSubmit:active,a#categorySubmit:focus,a#categorySubmit:active{border:dotted 1px #000;}
a:link#find_tire_link.current, a:link.quick_advice.current{color:#000;}