.tracking { display: none; width: 1px; height: 1px; border: 0; }

#body, #popup { width: 1006px; position: relative; left: 50%; margin-left: -503px; margin-top: 4px; }

#head, #foot, #widget, #side { position: relative; z-index: 1; }

#head { background: url(../img/head.gif) repeat-x 0 0; height: 125px; }
#head a { display: block; text-indent: -4000px; text-decoration: none; }

#head #line1, #head #line2 { position: relative; background: url(../img/head.gif) no-repeat right -71px; height: 71px; }
#head #line2 { background: transparent; height: 54px; }

#head #logo { background: url(../img/head-items.gif) no-repeat 0 0; height: 71px; width: 201px; }
#head #signin { position: absolute; top: 4px; right: 16px; text-indent: 0; }
#head #callus { position: absolute; top: 15px; right: 285px; text-indent: 0; font-weight: bold; font-family: arial; font-size: 13px; color: #5b8317 }

#head .btn { position: absolute; bottom: 8px; right: 17px; width: 66px; height: 39px; background: url(../img/head-items.gif) no-repeat -436px 0; color: black; text-indent: 0; }
#head #cart { font-size: 9px; text-align: center; }
#head #cart h4 { color: #817D63; font-size: 12px; margin: 6px 0 2px 13px; }

#head #chat { right: 102px; background-position: -364px 0; color: #817D63; font-size: 12px; font-weight: bold; padding-right: 4px; text-align: right; text-transform: uppercase; }
#head #chat span { font-size: 9px; display: block; margin: 13px 0 -3px 0; }

#head span.spanish { font-size: 9px; position: absolute; right: 95px; top: 61px; width: 75px; color:#302F2F; }

#head .menu { position: absolute; display: inline; margin: 0; padding: 0; }
#head .menu li { display: block; float: left; margin: 0; padding: 0; }
#head .menu li a, #head #signin { color: #302F2F; font-size: 12px; padding: 0 8px; font-family: arial; }
#head .menu li a:hover, #head #signin:hover { text-decoration: underline; }

#head #line1 .menu { right: 187px; bottom: 9px; }
#head #line1 .menu li a { text-indent: 0; }

#head #line2 .menu { left: -1px; top: 0; background: white url(../img/head-items.gif) no-repeat right -71px; width: 1010px; }
#head #line2 .menu li a { background: url(../img/en/head-options.gif) no-repeat 0 0; height: 54px; padding: 0; }

#head #line2 .menu .tires a { width: 125px; background-position: 0 -54px; }
#head #line2 .menu .wheels a { width: 139px; background-position: -125px -54px; }
#head #line2 .menu .suspension { display: none; }
/*
#head #line2 .menu .suspension a { width: 165px; background-position: -264px -54px; }
#head #line2 .menu .photos a { width: 117px; background-position: -429px -54px; }
#head #line2 .menu .mycars a { width: 85px; background-position: -546px -54px; }
#head #line2 .menu .dealers a { width: 129px; background-position: -631px -54px; }
*/
#head #line2 .menu .photos a { width: 117px; background-position: -264px -54px; }
#head #line2 .menu .mycars a { width: 85px; background-position: -381px -54px; }
#head #line2 .menu .dealers a { width: 129px; background-position: -466px -54px; }

#head #line2 .menu .tires a:hover,      #head #line2 .tires .tires a           { background-position: 0 0; }
#head #line2 .menu .wheels a:hover,     #head #line2 .wheels .wheels a         { background-position: -125px 0; }
/*
#head #line2 .menu .suspension a:hover, #head #line2 .suspension .suspension a { background-position: -264px 0; }
#head #line2 .menu .photos a:hover,     #head #line2 .photos .photos a         { background-position: -429px 0; }
#head #line2 .menu .mycars a:hover,     #head #line2 .mycars .mycars a         { background-position: -546px 0; }
#head #line2 .menu .dealers a:hover,    #head #line2 .dealers .dealers a       { background-position: -631px 0; }
*/
#head #line2 .menu .photos a:hover,     #head #line2 .photos .photos a         { background-position: -264px 0; }
#head #line2 .menu .mycars a:hover,     #head #line2 .mycars .mycars a         { background-position: -381px 0; }
#head #line2 .menu .dealers a:hover,    #head #line2 .dealers .dealers a       { background-position: -466px 0; }

#submenu { position: relative; top: -12px; left: 0; z-index: 9; background: url(../img/en/head-options.gif) no-repeat 0 -108px; padding-top: 14px; }
#submenu ul { background: #9CD275; height: 22px; padding: 0 1px; }
#submenu ul li { float: left; display: block; margin: 2px 1px; }
#submenu ul li a { display: block; background: url(../img/en/submenu-tires.gif) no-repeat 0 -18px; text-indent: -4000px; width: 85px; height: 18px; }

.sub-tires { background-position: 0 -108px !important; }
.sub-wheels, .sub-wheels-brand { background-position: 0 -122px !important; }
.sub-suspension { background-position: 0 -136px !important; }
.sub-photos { background-position: 0 -150px !important; }
.sub-mycars { background-position: 0 -164px !important; }
.sub-dealers { background-position: 0 -178px !important; }

#submenu ul li.item1 a { background-position: 0 -18px; }
#submenu ul li.item2 a { background-position: -87px -18px; }
#submenu ul li.item3 a { background-position: -174px -18px; }
#submenu ul li.item4 a { background-position: -261px -18px; }

#submenu ul li.item1 a:hover, #submenu ul.item1 li.item1 a { background-position: 0 0; }
#submenu ul li.item2 a:hover, #submenu ul.item2 li.item2 a { background-position: -87px 0; }
#submenu ul li.item3 a:hover, #submenu ul.item3 li.item3 a { background-position: -174px 0; }
#submenu ul li.item4 a:hover, #submenu ul.item4 li.item4 a { background-position: -261px 0; }

.sub-wheels ul li a, .sub-wheels-brand ul li a { background-image: url(../img/en/submenu-wheels.gif) !important; }


#foot { clear: both; background: url(../img/foot.gif) repeat-x 0 0; border: 1px solid #DEDEDE; margin-bottom: 8px; }
#foot ul, #foot ul li { list-style: none; margin: 0; padding: 0; }
#foot ul { display: block; float: left; }
#foot ul li.head, #foot .email h4 { color: #454545; font-size: 12px; font-weight: bold; padding: 10px 25px 10px 25px; }
#foot ul li { padding: 1px 25px 0; }
#foot ul li a { color: #454545; text-decoration: none; }
#foot ul li a:hover { text-decoration: underline; }

#foot ul { background: url(../img/foot.gif) no-repeat 0 -200px; }
#foot ul.account { background: none; }
#foot ul.shopping { width: 150px; }

#foot .email { position: relative; left: 0; top: 12px; color: #454545; width: 240px; }
#foot .email p { position: relative; margin: 0 0 8px; }
#foot .email h4 { margin: 0; padding: 0 0 10px 0; }
#foot .email input.text { position: absolute; top: -3px; left: 30px; background: white; border: 1px solid #7E9CBA; padding: 1px; display: inline; width: 160px; }
#foot .email a.btn { position: absolute; top: -1px; left: 195px; border: 0; width: 27px; height: 16px; 
    background: transparent url(../img/en/foot-btn.gif) no-repeat; display: block; float: left; text-indent: -3000px; }
#foot .email p.response { color: #4B90CC; display: none; }

#BBBlogo {clear: both; margin-left: 45%;}
#BBBlogo .BBB {float: left; }
#BBBlogo .entrust {float: left; margin-left: 10; margin-top: 15; }
    
#main { position: relative; top: -4px; margin: 10px 0; }
#main.submenu { margin-top: 0; }

.tires-brands { padding-left: 0px; }
.wheels-brands { padding-left: 0px; }
.wheels-products { padding-left: 292px; }
.tires-products { padding-left: 292px; }

#focus .brandHeader {width: 1006px; margin: 55px 0 5px 0; }

#focus .title h1 { position: relative; height: 130px; }
#focus.tires-styles, #focus.wheels-styles { padding-left: 292px; min-height:439px; }

#focus .title h1, #focus .title h2 { background-repeat: no-repeat; background-position: left center; overflow: hidden; }
#focus .title h1 { margin: 0 20px 0 6px; font-size: 40px;  }
#focus .title h1, { font-size: 32px; top: 70px; clear: both; }
#focus.wheels .title h1 { top: 65px; }
#focus.wheels-products .title h1 { top: 20px; }
#focus.tires .title h1 { top: 65px; }
#focus.tires .title h1.style, #focus.wheels .title h1.style { font-size: 32px; width: 360px; top: 10px; }

#focus .title h1 img { position: relative; }
#focus .title h2 img { position: relative; top: 20px; }
#focus .title h2 { position: absolute; top: 45px; right: 11px; background-position: right center; cursor: pointer; display: block; width: 160px; margin: 0; z-index: 1; height: 80px; }
#focus.wheels .title h2 { top: 5px; }
#focus .title h2.perfCat {  position: relative; top: -4px;  width: 260px;  margin: 6px 180px 0 18px; z-index: 1;  height: 20px;}
#focus .title h2.prices {  position: absolute; top: 125px;  width: 180px;  margin: 6px 0 0 12px; z-index: 1;  height: 40px;}

#focus .title h1 a, #focus .title h2 a { display: block; color: #121518; text-decoration: none; } 
#focus .title h1 a  {width: 360px; height: 80px; float: left;}
#focus .title span a { display: block; color: #666; font-size: 11px; font-weight: normal; letter-spacing: 1px; position: absolute; top: 55px; margin-left: 8px; }
#focus.wheels .title span a {top: 5px;}
#focus.wheels-styles .title span a {top: 55px;}
#focus .title h1 a.brands { padding-top: 12px; float: right; left: 565px; position: absolute; top: 15px; width: 130px; }
#focus.tires-products .title h2 img.logo { margin-top: 0px; float:right;}
#focus.wheels-products .title h2 img.logo { margin-top: 0px; float:right;}
#focus .title h1 img.logo { margin-top: 10px; float:right;}
#focus .title h2 img.logo { margin-top: 50px; float:right;}
#focus .title h1.style a.brands img { margin-top: 40px; }

#focus .title p.desc { position: relative; z-index: 2; font-size: 17px; line-height: 19px; color: #666; margin: 0 6px 12px; width: 400px; }

#focus .thumb { margin: -12px 8px 0 0; }

#focus .title a.add { display: block; width: 172px; height: 26px; margin: -2px 0 0 4px;
    background: url(../img/en/check_fitment.gif) no-repeat bottom left; text-indent: -4000px; z-index: 2; }
#focus .title a.add:hover { background-position: top left; }

#focus .title .spacer { float: right; clear: right; }

#focus .title .switch { position: absolute; top: 10px; right: 15px; width: 120px; height: 26px; cursor: pointer; 
    background: transparent url(../img/en/grid_switch.gif) no-repeat bottom left; text-indent: -7000px; z-index: 2; }
#focus .title .switched { background-position: left top; }
#focus .switching .switch { background-position: 0 -52px; }
#focus .switching .switched { background-position: 0 -26px; }

#focus .thumblist, #focus .thumblist li { margin: 0; padding: 0; display: block; list-style: none; }
#focus .thumblist { margin: 0 0 0 5px; padding: 0 0 6px 0; }
/* #focus .thumblist li { position: relative; float: left; left: 2px; margin: 4px; border: 1px solid white; } */
 #focus .thumblist li { position: relative; float: left; border: 1px solid white; }
#focus .thumblist li .styles { display: none; }

/*
#focus .thumblist li a.image { display: block; width: 160px; height: 160px; text-indent: -7000px; background: transparent url(img/blank.gif) no-repeat center center; }
*/
/* 
#focus .thumblist li a.image { display: block; width: 160px; height: 160px; background: transparent url(../img/x.gif) no-repeat center center; }
*/
#focus .thumblist li.empty a.image { display: table-cell; text-indent: 0; text-align: center; vertical-align: middle; text-decoration: none; font-size: 21px; font-style: italic; }

#focus .thumblist li.open .styles { display: block; margin: 8px; }
/*
#focus .thumblist li.first { clear: both; }
#focus .thumblist li.last { clear: right; }
*/
#focus .thumblist li.area, #focus .thumblist li.hidden { display: none; }
#focus .thumblist li.area { clear: both; float: none; border: 1px solid #DEDEDE; top: -1px; margin: 0 2px; width: 658px; z-index: 1; }
#focus .thumblist li.area ul li { width: 154px; }
#focus .thumblist li.area ul li.clear { clear: both; float: none; height: 0; font-size: 1px; }
#focus .thumblist li.area ul li.clear a { background: transparent; }

#focus .thumblist li.hover, #focus .thumblist li.current, #focus .thumblist li.open, #focus .stylelist li { border: 1px solid #DEDEDE; }
#focus .thumblist li.hover .cnr, #focus .thumblist li.current .cnr, #focus .thumblist li.area .cnr { display: block; }

#focus .thumblist li.current { border-bottom-color: white; z-index: 2; }
#focus .thumblist li.current .connector { display: block; position: absolute; background: white; 
    border: 1px solid #DEDEDE; border-width: 0 1px; left: -1px; bottom: -5px; width: 160px; height: 14px; z-index: 3; }

#focus .thumblist li.offpage, #focus .thumblist li.filtered { display: none; }

/*
#focus .thumblist li p.desc { font-size: 14px; margin: 0; padding: 0 180px 12px 12px }
*/
#focus .thumblist li p.desc { font-size: 13px; margin: 0; padding: 0 12px 0 130px; width:340px;}
#focus .thumblist li p.pricing { font-size: 12px; font-weight: bold; margin: 0; padding: 0 6px 12px 0px; width:200px; float:right; position: absolute; top: 20px; left: 500px; }
#focus .thumblist li p.pricing a img { margin: 45px 0 0 0;  }
#focus .thumblist li h4 { margin: 0; }

#focus .thumblist li a  { text-decoration: none; color: #000000; }
#focus .thumblist li .details { text-decoration: underline; color: #4B90CC; font-size:12px; }

#focus .thumbnav { clear: both; color: #999; margin: 20px 13px 5px; }
#focus .thumbnav .pages { position: relative; top: 8px; float: right; }
#focus .thumbnav .page { display: block; float: left; width: 17px; height: 15px; margin: 0 2px; padding-top: 2px; 
    background: url(../img/nav-pages.gif) no-repeat 0 -17px; cursor: pointer; text-align: center; }
#focus .thumbnav .off { background-position: 0 0 !important; color: #CCC !important; }
#focus .thumbnav .current, #focus .thumbnav .hover { background-position: 0 -34px; color: #333; }
#focus .thumbnav .current, #focus .thumbnav .off { cursor: default; }
#focus .thumbnav .label { font-size: 15px; }
#focus .thumbnav .label .count { font-size: 21px; padding-left: 6px; }
#focus .thumbnav_bottom { margin-bottom: 24px; }

#focus .list_grid li{  margin: 4px 9px 12px; }
#focus .list_grid li.first { margin-left: 0; } 
#focus .list_grid li.last { margin-right: 0; }

#focus .list_grid li.hover { border-color: #333; }
#focus .list_grid li.hover .tl { background-position: 0 -20px; }
#focus .list_grid li.hover .tr { background-position: -10px -20px; }
#focus .list_grid li.hover .bl { background-position: -20px -30px; }
#focus .list_grid li.hover .br { background-position: -30px -30px; }

#focus .list_grid li p.desc { display: none; }
#focus .list_grid li .bl { background-position: -20px -10px; }
#focus .list_grid li .br { background-position: -30px -10px; }

#focus .stylelist { width: 711px; }
#focus .stylelist li { background: white -2000px -2000px no-repeat; }
#focus .stylelist li, #focus .stylelist li.hover { border-bottom: 1px solid #455433; }
#focus .stylelist li.hover { border-bottom-color: #000; }
#focus .stylelist li.empty a.image { text-indent: -7000px; }

#focus .stylelist li h4 { position: absolute; bottom: 0; left: 0; width: 150px; background: #333; 
    line-height: 13px; padding: 3px 5px; text-align: center; font-size: 12px; font-style: italic; opacity: 0.8; filter:alpha(opacity=80); }
#focus .stylelist li h4 a { color: white; text-decoration: none; }
#focus .stylelist li.hover h4 { background: #061221; }

#focus .list_rows li { width: 700px; margin: 4px 0 12px; clear: left; background: transparent bottom right no-repeat; border-color: #DEDEDE; height: 146px; }
#focus .list_rows li .bl { visibility: visible; display: block; } 
#focus .list_rows li, #focus .list_rows li.hover { border-bottom: 1px solid #DEDEDE; }
/*
#focus .list_rows li a.image { width: 160px; height: 160px; float: right; margin-top: 12px; opacity: 0; filter: alpha(opacity=0); }
*/
#focus .list_rows li a.image { width: 82px; height: 82px; float: left; margin: 24px 35px 10px 12px;  }
#focus .list_rows li h4 { display: block !important; position: relative; width: 475px; background: transparent; text-align: left; font-size: 18px; margin: 0; padding: 8px 12px; opacity: 1; filter: alpha(opacity=100); }
#focus .list_rows li h4 a { color: #333; background-color: #fff }

#focus .list_rows li #reviews { position: absolute; bottom: 5px; margin: 5px 5px 5px 150px; background: #F6F9FC; border: 1px solid #DBE4ED; height: 43px; color: #757575; width: 275px; }
#focus .list_rows li #reviews .overall { position: absolute; left: 12px; top: 6px; font-size: 22px; font-weight: bold; }

/* #focus .list_rows li.last { margin-right: 9px; } */
#focus .list_rows li.hover h4 { background: transparent; }

#focus.wheels .list_rows li { background-position: -7000px -7000px; }
#focus.wheels .list_rows li a.image { opacity: 1; filter: alpha(opacity=100); }
#focus.wheels .list_rows li .br { visibility: visible; display: block; }

#focus .brandbox { border: 1px solid #DEDEDE;  background: white; padding-bottom: 12px; height: 375px; width: 1006px; }
#focus .brandbox.wheels {height: 715px; }
#focus .brandbox.static { border: 1px solid #DEDEDE; border-bottom: 0; background: white url(../img/brandlist.bkg.jpg) repeat-x 0 0; margin-left: 5px; padding-bottom: 12px; height: 300px; width: 706px; } 
#focus .brandbox li .cnr, #focus .brandbox li.hover .cnr { display: none; }

#focus .brandbox .tl { background-position: 0 -100px; }
#focus .brandbox .tr { background-position: -10px -100px; }
/* #focus .brandbox .bl, #focus .brandbox .br { display: none; } */

#focus .brandbox .nav { position: absolute; bottom: 4px; right: 4px; font-size: 13px; font-style: italic; font-weight: bold; cursor: pointer; }
#focus .brandbox .nav div { margin: 0 4px; float: right; color: #369; }

#focus .brandbox .content { margin: 12px; font-size: 13px; color: #63696C; }
#focus .brandbox .content h1 { font-size: 27px; margin: 12px 0; color: white; }
#focus .brandbox .content h2 { margin: 0 12px; font-size: 16px; }
#focus .brandbox .content p { margin: 9px 6px; line-height: 1.2em; }
#focus .brandbox .content img.flair { position: absolute; bottom: 0; right: 0; }

#focus .brandbox .wheels p { margin-right: 450px; }
#focus .brandbox .wheels-availability p { margin: 0 12px 18px; }

#focus .brandlist { margin: 0; visibility: hidden; }
#focus .brandlist li, #focus .brandlist li.hover { border: 0; }
/* #focus .brandlist li { margin: 4px 6px 12px; overflow: hidden; } */
/* #focus .brandlist li { margin: 4px 20px 12px;  } */
/* #focus .brandlist li.first { margin-left: 32px; } */
/* #focus .brandlist li.last { margin-right: 12px; } */
/* #focus .brandlist li a.image { height: 60px; width: 160px; background-position: left center; text-indent: 0; overflow: hidden; } */
#focus .brandlist li a.image { height: 60px; width: 160px; padding: 10px 20px;  background-position: left center; text-indent: 0; overflow: hidden; }
/* #focus .brandlist li a.image img { position: relative; } */
#focus .brandlist li a.image:hover { background: white; text-decoration: none;  }
#focus .brandlist li a.image:hover img { top: -160px; }
#focus .brandlist li.empty a.image { color: #273954; }
#focus .brandlist li.empty a:hover { color: #273954; }

#focus .brandoptions { border: 1px solid #DEDEDE; border-top: 0; background: #273954 url(../img/brandlist.options.bkg.jpg) repeat-x top right; clear: both; height: 60px; width: 706px; margin: -10px 0 0 5px; padding: 0 18px; width: 670px; }
/* #focus .brandoptions { border: 1px solid #DEDEDE; border-top: 0; background: #273954 url(../img/brandlist.options.bkg.jpg) repeat-x top right; clear: both; height: 60px; width: 1006px; } */
 
#focus .brandoptions li { display: block; float: left; margin: 0 2px; padding: 0; }
#focus .brandoptions li a { text-decoration: none; font-size: 16px; font-weight: bold; padding: 14px 0 10px; display: block; 
    background: #4B5D69 url(../img/brandlist.options.gif) no-repeat 0 -50px; color: white; width: 160px; height: 26px; text-align: center; }
#focus .item1 li.item1 a, #focus .item2 li.item2 a, #focus .item3 li.item3 a, #focus .item4 li.item4 a, 
    #focus .brandoptions li a:hover { color: #30393F; background-position: 0 0; }

#focus .brandoptions .tl, #focus .brandoptions .tr { display: none; }
#focus .brandoptions .bl { background-position: -20px -10px; }
#focus .brandoptions .br { background-position: -30px -10px; }

#item-types { position: absolute; top: 40px; left: 4px; background: url(../img/brandlist.types.png) no-repeat top left; width: 700px; height: 260px; }

/* #focus .brandbox ul li { font-size: 16px; font-weight: bold; color: #274257; list-style: none; cursor: pointer; } */
#focus .brandbox ul li { font-size: 16px; font-weight: bold; color: #274257; list-style: none; cursor: pointer; height: 80px; width: 200px; }
/* #focus .brandbox ul li.hover, #focus .brandbox ul li.selected { background: #FFFFFF; } */

#focus .brandbox ul.types { position: relative; top: 60px; left: 9px; width: 120px; }
#focus .brandbox ul.types li { position: relative; margin: 0 0 12px 0; padding: 1px 5px; white-space: nowrap; }

#focus .brandbox ul.types-secondary { position: absolute; top: 60px; left: 144px; }
#focus .brandbox ul.types-secondary li { font-size: 14px; top: 0; left: 0; margin: 0; letter-spacing: -1px; margin: 0 0 4px 0; padding: 1px 2px; display: none; }
#focus .brandbox ul.types-descriptions { position: absolute; left: 420px; top: 100px; width: 260px; }
#focus .brandbox ul.types-descriptions li { letter-spacing: 0; line-height: 1.3em; color: #5E5E5E; font-size: 11px; display: none; }
#focus .brandbox ul.types-descriptions li h4 { color: #5d9205; margin-bottom: 8px; font-size: 12px; }


#features { z-index: 2; background: white; clear: both; }

#secondary { clear: both; margin-top: 14px; z-index: 2; }
#secondary div.title { background: #9CD275; border: 1px solid #9CD275; color: white; font-size: 18px; 
    font-style: italic; font-weight: normal; margin: 0; padding: 1px 0; text-align: center; }
#secondary div.title .bl, #secondary div.title .br { display: none; }
#secondary div.title .tl { background-position: 0 -80px; }
#secondary div.title .tr { background-position: -10px -80px; }

.tabbed .option { float: left; width: 491px; border: 1px solid #DEDEDE; position: relative; margin: 10px 4px 0 0; }
.tabbed .first { margin-right: 8px; }
.tabbed .option h3 { background: #333; color: #CCC; cursor: pointer; margin: 0; padding: 4px 8px; text-align: center; text-transform: uppercase; 
    font-weight: bold; font-size: 16px; }
.tabbed .option .tl { background-position: -20px 0; }
.tabbed .option .tr { background-position: -30px 0; }

.tabbed .option .body { position: relative; clear: both; padding: 15px 30px; font-size: 14px; }
.tabbed .option .body ul { list-style: square; padding-left: 1em; }
.tabbed .option .body ul li { padding: 3px 0 3px 0.33em; }

table.details { margin: 0; border: 2px solid #333; width: 100%; }
table.details td, table.details th { border-right: 1px solid #333; font-size: 11px; padding: 7px 2px; text-align: center; }
table.details td { padding: 6px; }

table.details tr.head th { background: #333; color: white; cursor: pointer; font-weight: normal; padding: 2px 4px; vertical-align: bottom; }
table.details tr th.manufacturer_no, table.details tr td { white-space: nowrap; }
table.details tr.alt td { background: #DEDEDE; }
/*
table.details tr td.purchase { display: block; width: 50px; height: 26px; margin: -2px 0 0 4px;
    background: url(../img/formbutton.gif) no-repeat bottom left; z-index: 2; }
*/
/* table.details tr td.purchase { display: block; width: 76px; height: 26px; margin: 0; z-index: 2; } */
table.details tr td.purchase { display: block; height: 26px; margin: 0; z-index: 2; }
table.details tr td.purchase.hover { cursor: pointer; }
    
table.details tr.hover td { background: #9CD275; color: white; border: 1px solid #333; border-left: 0; border-color: #333 #9CD275; cursor: pointer; padding: 5px 6px; }
table.details td img.large { display: none; }

#side { position: absolute; top: 0; left: 0; z-index: 5;  width: 279px;}

#narrow #widget { height: 214px; background: transparent url(../img/en/widget_narrow.gif) repeat-x 0 0; z-index: 5; }
#wide #widget { height: 50px; background: transparent url(../img/en/widget_wide.gif) repeat-x 0 0; z-index: 5; width: 1006px;}

/* #side, #narrow #widget, #review, #tires-size { width: 283px; height:609px; } */

#widget div, #widget h3 { position: relative; }
#narrow #widget h3 { color: #336096; font-size: 26px; letter-spacing: 2px; line-height: 1.5em; margin: 0; padding: 0 8px 5px 12px; }
#wide #widget h3 { color: #FFFFFF; font-size: 30px; line-height: 1.5em; margin: 0 0 0 10px; width: 200px; height: 35px; padding-top:5px }
#wide #widget div.title {margin: 0 0 0 10px; width: 160px; height: 40px; padding-top:5px;  color: #FFFFFF; font-weight: bold ; }
#narrow #widget div.title {margin: 0 0 0 10px; width: 180px; height: 80px; padding-top:5px;  color: #336096; font-weight: bold }
#wide #widget div.title #large {font-size: 30px; line-height: 1.5em;}
#wide #widget div.title #small {font-size: 16px; float: right; }

#narrow #widget div.title #large {font-size: 38px; line-height: 1.25em; font-weight: bold;}
#narrow #widget div.title #small {font-size: 24px; float: left; font-weight: bold; }
  
#narrow #widget h3 span { display: block; font-size: 40px; font-weight: normal; letter-spacing: 1px; padding-left: 8px; margin-top: -3px; }
#wide #widget h3 span { display: inline-block; font-size: 18px; font-weight: normal; padding-left: 8px; margin-top: -3px; text-align: right; line-height:normal; }

#wide #widget div#widget-left, #wide #widget div#widget-right { position: absolute; width: 6px; height: 50px; background: url(../img/en/widget_wide.gif) no-repeat 0 -216px; }
#narrow #widget div#widget-left, #narrow #widget div#widget-right { position: absolute; width: 6px; height: 214px; background: url(../img/en/widget_narrow.gif) no-repeat 0 -216px; }
#narrow #widget div#widget-left, #wide #widget div#widget-left { background-position: -65px -216px;  top: 0; left: 0; }
#narrow #widget div#widget-right, #wide #widget div#widget-right { background-position: 0 -216px; top: 0; right: -1px; }


#narrow #widget .options { position: relative; z-index: 5; }
#wide #widget .options { position: absolute; z-index: 1; left: 180px; top: 15px; width: 725px; height: 25px; } 

#widget .inp,  #tires-size .zip { position: relative; color: #CCC; font-size: 11px; background: url(../img/en/widget_wide.gif) repeat-x 0 -432px; height: 22px; width: 253px; margin: 2px 15px 7px; }
#widget .inp div { position: absolute; background: url(../img/en/widget_wide.gif) no-repeat -6px -216px; height: 22px; cursor: pointer; }
#widget .inp .l { top: 0; left: 0; width: 8px; }
#widget .inp .r { top: 0; right: -1px; background-position: -32px -216px; width: 33px; } 
#widget .inp .t { position: relative; background: transparent; padding: 5px 0 0 7px; height: 17px; overflow: hidden; visibility: hidden; } 

#widget.loaded .inp .t { visibility: visible; }
#widget .year .t { visibility: visible; }

#widget .inp ul, #widget .inp ul li { margin: 0; padding: 0; }
#widget .inp ul { display: none; position: absolute; top: 21px;  background: white; border: 1px solid #999; overflow: auto;  width: 145px; z-index: 1; }
#widget .inp ul li { display: block; list-style: none; padding: 1px 5px; color: #CCC; cursor: default; }

#widget .year { width: 100px; z-index: 5; }
#widget .year ul{ width: 100px; }
#narrow #widget .make { position: absolute; top: 0; right: 7px; width: 135px; margin: 0; z-index: 99; }
#wide #widget .make { position: absolute; top: 2px; left: 125px; width: 148px; margin: 0; z-index: 4; }
#widget .make ul { width: 145px; font-size: 10px; text-transform: uppercase; }
#narrow #widget .model { z-index: 3; }
#wide #widget .model {position: absolute; left: 270px; top: 0; width: 150px;  z-index: 3; }
#narrow #widget .trim { z-index: 2; }
#wide #widget .trim { z-index: 2; position: absolute; left:431px; top: 0; width: 150px; }

#widget .active .r { background-position: -32px -260px; }
#widget .active .t { color: #4B90CC; font-weight: bold; }
#widget .set .r { background-position: -32px -282px; }
#widget .set .t { color: #666; font-weight: normal; text-transform: uppercase; }
#widget .open .r { background-position: -32px -260px; }
#widget .open .t { color: #4B90CC; font-weight: bold; }

#widget .none .t { color: #CCC; font-weight: normal; text-transform: none; cursor: default; }
#widget .hover .t { text-decoration: underline; background: transparent; }

#widget .open ul li { color: #666; font-weight: normal; text-transform: uppercase; }
#widget .open ul .current { color: #4B90CC; font-weight: bold; background: #F6F6F6; border: 1px solid #F0F0F0; border-width: 1px 0; }
#widget .open ul .hover { background: #999; color: white; cursor: pointer; }

#widget .loading .t { font-weight: normal; color: #CCC; background: url(../img/loading.gif) no-repeat 100px 3px; padding-right: 24px; }

#narrow #widget .zip { width: 100px; overflow: visible; }
#wide #widget .zip { width: 100px; overflow: visible; left: 595px; top: -29px; } 
#widget .zip .r { background-position: -21px -260px; width: 7px; }
#widget .zip .t { padding-top: 4px; }
#widget .zip input { background: transparent; border: 0; font-size: 1em; color: #CCC; height: 15px; width: 87px; padding: 0; }
#widget .active input { color: #666; }

#widget .zip-set .r { width: 17px; background-position: -11px -260px; }
#widget .zip-set input { width: 77px; color: #666; }

#widget a.go { position: absolute; bottom: 10px; right: 14px; background: transparent url(../img/en/widget_wide.gif) no-repeat 0 -502px; cursor: default;
    display: block; outline: none; text-align: center; text-indent: -4000px; height: 24px; width: 71px; z-index: 4;}

#widget.ready a.go { background-position: 0 -454px; cursor: pointer; z-index: 6; }
#widget.ready a.go:hover, #widget.ready a.go:active { background-position: 0 -478px; }

#tires-size { margin-top: 18px; border: 1px solid #EDEDED; background: #F6F6F6 url(../img/tires-size-bkg.gif) repeat-x; color: #666; padding-bottom: 35px;  }
#perf-cat { margin-top: 8px; border: 1px solid #EDEDED; background: #F6F6F6 url(../img/tires-size-bkg.gif) repeat-x; color: #666; padding-bottom: 35px; padding-left: 10px; width:269px; }
#perf-cat ul li {padding: 0 0 0 10px; list-style-type: none; cursor: pointer; font-weight: bold;}
#perf-cat ul li.on {color: #72B600; background:transparent url('../img/iconX.gif') no-repeat center left; }
#perf-cat ul li.off {color: #d7d5d5; cursor: default; background: transparent url(../img/x.gif)  no-repeat center left;}
#perf-cat h3 { padding: 0 0 5px 0; }

#wheel-cat { margin-top: 8px; padding-bottom: 35px; padding-left: 10px; width:269px; height:200px; }

#tires-size h3 { color: #999; margin: 21px 15px 3px 9px; padding: 0 0 12px 28px;  }
#tires-size select, #tires-size .zip { border: 1px inset #333; padding: 2px 4px; font-size: 9px; font-weight: bold; color: #369; text-align: center; margin: 0 3px; }
#tires-size .row { text-align: right; margin: 0  28px 5px 15px; }
#tires-size h4, #tires-size h5 { font-size: 11px; font-weight: normal; cursor: pointer; }
#tires-size h4.hover, #tires-size h5.hover { text-decoration: underline; }
#tires-size .rear h5, #tires-size .rear .hidden { display: none; }
#tires-size a.go { display: block; height: 19px; width: 28px; background: url(../img/en/tires-size-go.gif) no-repeat 0 0; 
    position: absolute; bottom: 8px; right: 15px; text-indent: -5000px; }
#tires-size a.go:hover { background-position: 0 -19px; }
#tires-size .zip { width: 80px; margin: 2px 3px 0; font-size: 12px;}

#getzip { position: absolute; top: 30%; left: 50%; width: 360px; margin-left: -180px; background: #F0F0F0; border: 2px outset #333; display: none; }
#getzip h4 { background: #333; color: white; font-size: 12px; padding: 3px 5px; }
#getzip p { margin: 4px; }
#getzip input.text { position: relative; left: 140px; width: 80px; background: #DEDEDE; padding: 3px 5px; border: 1px inset #333; font-size: 11px; font-weight: bold; }
#getzip a.btn { float: right; border: 1px outset #333; background: #4B90CC; color: white; margin: 5px 3px 4px 0; padding: 1px 3px; 
    text-decoration: none; text-transform: uppercase; }
#getzip a.close { position: absolute; top: 2px; right: 1px; border: 1px outset #333; background: #666; color: white; padding: 1px 3px; text-transform: uppercase; }
#getzip a.hover { color: white; background: #1B609C; cursor: pointer; }

#focus.dealers h1.title { font-size: 24px; margin: 0; text-transform: uppercase; }
#focus.dealers h1.title span { display: block; color: #666; font-size: 11px; font-weight: normal; letter-spacing: 1px; }

#focus.tires-size { text-align: center; }

#focus ul.country, #focus ul.country li { position: relative; padding: 0; margin: 0; list-style: none; }
#focus ul.country .col { position: relative; width: 24%; float: left; padding-bottom: 2em; }
#focus ul.country li { font-size: 12px; color: #DEDEDE; margin: 12px 0 0 16px; text-transform: uppercase; white-space: nowrap; }
#focus ul.country li a { color: #6CA245; text-decoration: none; }
#focus ul.country li a:hover { text-decoration: underline; }
#focus ul.country li a span { font-size: 10px; color: #999; position: relative; top: -1px; left: 2px; }

#focus ul.state .col { width: 50%; }
#focus ul.state li { margin: 4px 18px 0 32px; color: #BABABA; text-indent: -18px; padding-bottom: 2px; white-space: normal; }
#focus ul.state li.city { margin: 0 0 0 32px; font-size: 12px; background: none; padding-top: 12px; }
#focus ul.state li a { padding-left: 18px; background: url(../img/icons.gif) no-repeat 0 -118px; }
#focus ul.state li a:hover { background-position: 0 -103px; }
#focus ul.state li .zip { display: none; }

#focus .dlrbox { width: 650px; margin: 5px 10px 10px; border: 1px solid #F0F0F0; }
#focus .dlrbox, #focus .dlrbox table td { font-size: 11px; font-weight: bold; color: #545454; }
#focus .dlrbox table, #focus .dlrbox p { width: 94%; margin: 1% 3%; }
#focus .dlrbox table table { width: 100%; margin: 1% 0; }
#focus .dlrbox label { display: block; margin: 2px 0; color: #333; font-size: 10px; }

#focus .dlrbox p, #focus .dlrbox ul { margin: 2% 3%; }
#focus .dlrbox ul li { list-style: none; float: left; width: 50%; }

.dlrbox .bl, .dlrbox .br { display: none; }
.dlrbox .tl { background-position: 0 -140px; }
.dlrbox .tr { background-position: -10px -140px; }

.dlrbox h1, .dlrbox h3 { font-size: 11px; background: #F0F0F0; padding: 8px 12px; color: #121212; } 
.dlrbox h3 { padding: 3px 12px; color: #545454; }

.map { border: 1px solid #999; margin-top: 15px; }
.map h3 { border-bottom: 1px solid #999; }
.map iframe { width: 272px; height: 283px; border: 0; overflow: hidden; }
.map .tl { background-position: 0 -120px; }
.map .tr { background-position: -10px -120px; }

#reviews { position: relative; margin: 25px 10px 10px; background: #F6F9FC; border: 1px solid #DBE4ED; height: 48px; color: #757575; width: 375px; }
#reviews .rate { position: absolute; left: 72px; top: 10px; }
#reviews .rate_label { position: absolute; left: 72px; top: 26px; width: 70px; text-align: center; white-space: nowrap; }
#reviews .overall { position: absolute; left: 12px; top: 6px; font-size: 32px; font-weight: bold; }
#reviews .link { position: absolute; left: 180px; top: 2px; background: url(../img/icon-reviews.png) no-repeat 0 0; padding-left: 28px; }
#reviews .link a { display: block; margin-top: 4px; color: #369; }
#reviews .link a.btn { width: 88px; height: 16px; text-indent: -5000px; text-align: center; 
    background: url(../img/en/see_reviews.gif) no-repeat 0 -16px; margin: 6px 0 0 -26px; }
#reviews .link a:hover { background-position: 0 0; }
#reviews .list { display: none; }
#reviews.none .rate_label { top: 18px; left: 100px; }

#popup { position: absolute; top: 70px; height: 80%; width: 900px; margin-left: -454px; z-index: 1000; display: none; }
#popup iframe { position: relative; width: 900px; height: 100%; background: white; border: 2px outset #333; z-index: 2; }
#popup .closeBox { position: absolute; top: 0; right: -2px; z-index: 1; }
#popup .close { display: none; position: absolute; bottom: 0; right: 0; border: 2px outset #333; background: #666; color: white; 
    padding: 3px 5px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
#popup .close:hover { background: #390; border-color: #000; }
#popup .overlay { height: 44px; width: 904px; position: absolute; top: 0; left: 0; z-index: 100; }

* html #popup { width: 700px; margin-left: -400px; }
* html #popup .closeBox { right: 0; }
span.tool {
  position: relative;   /* this is key */
  font-weight: bold;
  z-index: 3000;
}
span.tool span.tip {
  display: none;        /* so is this */
}

span.showtip span.tip {
  display: block;
  z-index: 1000;
  position: absolute;
  top: 1.6em;
  left: -475px;
  width: auto;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: bold 1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

h2.prices {
	text-align: right;
	clear: both;
	position: absolute;
	top: 135px;
	width: 676px;
}