/* 1. Modal Overlay Code (Was @import url("basic.css");)
=================================*/
#modalOverlay {cursor:wait;}

/* Container */
#modalContainer {left:37%; top:35%;padding:0; margin: 0;}
#modalContainer TEXTAREA {width:370px; margin:3px; font-family:verdana; font-size:10px}
#modalContainer #basicModalContent {padding:10px;}
.makes  label span.truncatedmake{font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;margin:0pt;padding:0pt;vertical-align:top;color:#000}

#loadingOverlay{border:1px solid #2d5e90;display:none;height:123px;width:525px;background:url(../../images/carFinder/loader1.gif) no-repeat 130px 50% #E7F1FD;}
#loadingOverlay h2{color:#557FA9;font-family:Arial, Helvetica, sans-serif;font-size:28px;letter-spacing:-1px;line-height:123px;text-align:center;width:100%;}

#errorOverlay{color:#557FA9;border:1px solid #2d5e90;font-weight:bold;display:none;height:123px;width:525px;background:130px 50% #E7F1FD; padding:20px; font-family:Arial, Helvetica, sans-serif;font-size:21px;letter-spacing:-1px;text-align:center}
#errorOverlay button {width:130px; height:30px; color:#fff; font-weight:bold; font-size:13px; letter-spacing:0px; background:#557FA9; font-family:tahoma; border:1px solid #2d5e90}

#updateChoices{margin-left:-50px; margin-right:auto; margin-top:auto; margin-bottom:auto; border:0px solid #B8D1F0;display:none;height:121px;width:525px;background:url(../../images/guidedNavigation/modal-bg1.gif) no-repeat 0 0;}
#updateChoices h2{float:left;display:inline;color:#305d8a;font-family:Arial, Helvetica, sans-serif;font-size:24px;letter-spacing:-1px;text-align:center;width:100%;margin-top:10px; margin-bottom:5px;}
#updateChoices p {font-size:11px; font-weight:bold; color:#5f89b3; text-align:center; margin-top:15px}

#choices{float:left;display:inline;width:60%;margin-top:30px;margin-left:124px;}
#choices button{float:left;display:inline;margin-right:15px;color:#fff;border:none;height:27px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:700;font-size:10px;cursor:pointer;}

button#updateResults{width:149px;background:url(../../images/updateResultsButton.png) no-repeat;}
button#cancelChoices{width:132px;background:url(../../images/cancelChoicesButton.png) no-repeat;}

#zeroResultsOverlay{border:1px solid #89addb;width:500px;background:#d4e6fb; padding:10px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:10px; margin-top:5px}
#zeroResultsOverlay h2 {color:#305d8a; font-family:Arial, Helvetica, sans-serif; font-size:24px; letter-spacing:-1px; text-align:center!important; margin-top:10px}
#zeroResultsOverlay p {margin:10px; font-size:11px; font-weight:bold; color:#4372a0}

#zeroResultsBreadcrumbArea {background:none}
div.blockElement,div.blockPage{left:32%;top:40%;}

/* 2. Reset (was @import url("reset.css"); )
============================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend
{border:0;outline:0;vertical-align:baseline;font-size:100%;margin:0;padding:0;} /** img has been removed in order to allow footer logo to align to right WL **/
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}


/* 3. style.css (was @import url("style.css"); )
============================================== */
html, body {min-height: 100%;height: 100%;width: 100%;border: 0;padding: 0;margin: 0;text-align: center;}
body {background:url(../../images/bg.gif) repeat-x top #8b8b8b !important;font-family:Verdana, Arial, Helvetica, sans-serif;}
td, div, span, input, select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-align: left;}
li {padding:0;margin:0}
img {border: 0px;}
form {margin: 0px;}
a, a:visited, a:active {text-decoration: none;}
a:hover {text-decoration: underline;}
h1 {margin-top: 0px;}

/*generic elements*/
div#container {position: relative; /* needed for footer positioning*/margin: 0 auto; /* center, not in IE5 */ width: 960px; padding: 10px 0px 10px 0px; height: auto !important; /* real browsers */height: 100%; /* IE6: treaded as min-height*/min-height: 100%; /* real browsers */background: #FFFFFF;}
div#header, div#menu, div#content, div#footer {padding: 0px 30px 0px 30px;}
div#header {vertical-align: middle; width: auto;height: 90px;}

.logo{vertical-align: middle;float: left;text-align: left;font-size: 9px !important;color: #bcbcbc !important;}
.logo img {margin-top: 8px;}
.bannercell {color: #bcbcbc;font-size: 9px;text-align: right;float: right;}
.bannercell a, .bannercell a:hover, .bannercell a:active, .bannercell a:visited {color: #bcbcbc;}
.bannercell img {margin-top: 10px;}

div#menu {height: 33px; width: auto;margin-bottom: 10px;}
.menu_tbl {height: 33px;width: 100%;background-image: url(../../images/bg_menu.gif);background-repeat: repeat-x;background-position: top;}
.menu_tbl td {text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold; vertical-align:top;color: #494949;}
.menu_tbl a, .menu_tbl a:hover, .menu_tbl a:active, .menu_tbl a:visited {color: #494949;width: 100%;padding-top: 8px; padding-bottom: 8px;vertical-align: middle;text-decoration: none;display: block; }
.menu_tbl a:hover {background-image: url(../../images/bg_menu_hover.gif);background-repeat: repeat-x;}

.menu_seperator {width: 2px;}
.menu_left {text-align: left !important; width: 5px;}
.menu_right {text-align: right !important; width: 5px;}

div#content { width: auto; margin-bottom: 60px;}
div#content a, div#content a:hover, div#content a:active, div#content a:visited {color: #0f76b1;}
div#footer {/*  position: absolute; */clear: both; bottom: 0; /* stick to bottom */ width:900px}
.cz_footer_tbl {    height: 33px;width: 100%;background-image: url(../../images/bg_menu.gif);background-repeat: repeat-x; background-position: top;}
.cz_footer_tbl td, .cz_footer_tbl a, .cz_footer_tbl a:hover, .cz_footer_tbl a:active, .cz_footer_tbl a:visited {color: #757575;}
.cz_footerl {text-align: left !important;padding-left: 5px;}
.cz_footerr {text-align: right !important;padding-right: 5px;}
.cz_innerbtl {width: 100%;}

#footer img.tmg {margin-top: 10px;text-align:right !important}

/*Page titles*/
.pg_title {width: auto;margin-bottom: 10px;}

.pg_title table {width: 100%; background-image: url(../../images/bg_title.gif); background-repeat: repeat-x; height: 33px;}
.pg_title td { color: #FFF;}
.pg_title h1 {color: #FFF; font-size: 18px;margin: 0px;}
.pg_title_l {background-image: url(../../images/bg_title_l.gif);background-repeat: no-repeat;background-position: left;text-align: left;padding-left: 10px;}
.pg_title_r {background-image: url(../../images/bg_title_r.gif);background-repeat: no-repeat;background-position: right;text-align: right;padding-right: 5px;}

/*Sub Menus*/
.sub_menu {float: left;clear: none;width: 171px;margin-right: 10px;border: 1px solid #f0f0f0;}
.sub_menu_title {padding: 5px;text-align: center;background-color: #5b5b5b;color: #FFFFFF;font-weight: bold;border-bottom: 1px solid #f0f0f0;}

.sub_menu_content {background-color: #f7f7f7;padding: 5px;}
.cz_action_btn {font-weight: bold;background-image: url(../../images/button.gif);background-repeat: no-repeat;width: 161px;height: 20px;padding-top: 6px;text-align: center;font-size: 9px;}
.cz_splitter {margin-top: 10px; margin-bottom: 10px; width: auto; clear: both;border-bottom: 1px dotted #949494;}
.cz_action_link {background-image: url(../../images/bg_btn.gif);background-repeat: repeat-x;padding: 5px;text-align: center;width: auto;font-weight: bold;}
.cz_action_link a, .cz_action_link a:hover, .cz_action_link a:visited, .cz_action_link a:active {color: #FFFFFF !important;}


/* 4. Top Tab navigation links
====================================== */
#browse-tab { font-size: 1.2em;}
#browse-tab ul {list-style:none;margin: 10px 0 -20px; background:  url(../../images/common/navigation/tab-line.png) repeat-x scroll 0 34px #FFF; padding:  0 0 24px 0 ;width: 100%;position: relative;font-size: 1em;}
#browse-tab ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#search-results { clear:both;}

#browse-tab LI {float:left;margin: 10px -5px 0 10px;padding: 4px 15px 0px 15px;cursor:pointer;font-size: 1.1em;height: 20px;}
#browse-tab LI, .tab-sprite {background: url(../../images/common/navigation/top-tab-nav.png) 0 0  no-repeat #FFF;}

#content #browse-tab a {color: #333;text-decoration:none;display:block;background: none;font-weight: normal;font-size: 1.15em;padding: 6px 15px;}
#content #browse-tab li span a { padding: 0;}
 #browse-tab li:hover a, #browse-tab li.hover a { color: #FFF; }
#browse-tab li  span { background-position:100% 0%;display:block;width: auto;margin:  -4px -15px 0 -11px;padding: 6px 15px 4px 11px;font-size: 0.88em;}

#browse-tab li  span a span { margin: 0; padding: 0; }
#browse-tab li  span span { margin: 0; padding: 0; }

/* Comparator highlight */
#browse-tab li.compare-highlight { background-position:0 -26px;  width: 150px; }
#browse-tab .compare-highlight { background-position:100% -26px;  }
#browse-tab li.compare-highlight span { text-align: center;   }
#browse-tab li.compare-highlight span, #browse-tab li.compare-highlight em { color: #FFF;  }

#browse-tab LI.compare-highlight:hover span,
#browse-tab .hover .compare-highlight span  {font-weight: bolder; }

/* De-active hover */
#browse-tab li:hover, #browse-tab li.hover {background-position:0 -26px;  }
#browse-tab li:hover span, #browse-tab li.hover span {background-position:100% -26px;  color: #FFF;  cursor: pointer; font-weight: normal;}

#browse-tab li em {font-style: normal;}
#browse-tab li .count-change { color: #B30000; font-style: normal;  font-weight: bolder;height: 10px;  margin: 0 0 0 2px;  text-align: center; background-position: -5500px 0; }
#browse-tab li:hover .count-change, 
#browse-tab li.hover .count-change {color: #FFF; font-weight: bolder;}

/* active tab */
#browse-tab li.active-tab {background-position: 0 -53px; padding-top: 5px; margin-bottom: -2px; cursor: text; }
#browse-tab li.active-tab span {background-position: 100% -53px;font-weight: bold;font-size: 0.94em; padding-top:5px;padding-bottom: 4px;  margin-top: -5px; margin-bottom: -2px; position: relative;  color: #333; cursor: text; }
#browse-tab li.active-tab span em { color: #B30000; }
    
#browse-tab li.active-tab:hover,
#browse-tab .active-tab.hover  { background-position: 0 -53px; cursor: text; }

#browse-tab li.active-tab:hover span
#browse-tab .active-tab.hover span { color: #333;  background-position: 100% -53px; cursor: text; }

#browse-tab li.active-tab:hover span em,
#browse-tab .active-tab.hover span em { color: #B30000; }

#content #browse-tab .totaladverts {position:relative; left:630px; }
.compare-icons { background: url(../../images/common/compare/compare-page-icons.png) no-repeat;}

#advertDetailsTab, #dealerLandingPageTab {display: none;}

#browse-count {width:900px; padding-bottom:10px; padding-top:0px; border:0px solid #000; margin:0}
#browse-count H1 {color:#3c74aa; font-family:verdana; font-size:16px; padding:0; margin:0}
#browse-count H1 SPAN {color:#d21719; font-size:18px; font-family:verdana; font-weight:bold; vertical-align:middle}
#browse-navigation {width:900px; font-size:10px; font-weight:bold; font-family:arial; color:#666; text-align:left;  padding-bottom:10px; margin:0; margin-top: 20px;}
#browse-navigation A {color:#333!important; font-weight:bold; text-decoration:underline}
#browse-navigation A:hover {text-decoration:none}
#content div.red-button A {float:right; width:auto; display:block; height:20px; color:#fff!important; margin-top:8px; padding-left:10px; padding-right:10px; line-height:17px; text-align:center; color:#fff; font-weight:bold; background:#d3060f url(../../images/button-red-bg.gif) repeat-x 0 0; border:1px solid #97050b; text-align:center; font-size:10px}
#browse-options {float:left; width:183px}
#browse-options .top {background: url(../../images/browse-menu-top.gif) no-repeat 0 0; text-align:center}
#browse-options .top H2 {color:#555656; font-size:13px; padding:0; margin:0; padding-top:8px}
#browse-options .buttons {background: url(../../images/browse-menu-middle.gif) 0 0 repeat-y; padding:0; margin:0; text-align:center; padding-top:10px; width:100% !important}
#browse-options .cz_action_btn {background:url(../../images/button.gif) no-repeat 0 0; margin:0 auto; padding-bottom:5px; font-size: 9px;}
#browse-options .buttons P {padding:5px; margin:2px; font-size:9px !important; color:#000; text-align:left}
#browse-options .btm {background:url(../../images/browse-menu-bottom.gif) no-repeat 0 0}

#error-browse-options {float:left; width:183px}
#error-browse-options .top {background: url(../../images/browse-menu-top.gif) no-repeat 0 0; text-align:center}
#error-browse-options .top H2 {color:#555656; font-size:13px; padding:0; margin:0; padding-top:8px}
#error-browse-options .buttons {background: url(../../images/browse-menu-middle.gif) 0 0 repeat-y; padding:0; margin:0; text-align:center; padding-top:10px; width:100% !important}
#error-browse-options .cz_action_btn {background:url(../../images/button.gif) no-repeat 0 0; margin:0 auto; padding-bottom:5px; font-size: 9px;}
#error-browse-options .buttons P {padding:5px; margin:2px; font-size:9px !important; color:#000; text-align:left}
#error-browse-options .btm {background:url(../../images/browse-menu-bottom.gif) no-repeat 0 0}

#browse-links {float:right; width:79%; font-size:11px;}
#browse-links ul {padding:0 0 10px 40px; list-style: disc; }
#browse-links li {color:#333}
#browse-links #links {margin-left:20px}
#browse-links #links UL {float:left; padding:0; margin:0; margin-bottom: 20px; font-weight: bold; display:inline; width:225px;}
#browse-links #links LI {font-size:9px; color:#8c8b8b; font-weight:normal; font-family:tahoma; padding-left: 8px;background-image: url(../../images/blue-list.gif);background-repeat: no-repeat;background-position: 0 .5em; list-style-type: none; margin-top:2px}
#browse-links #links LI A {font-size:10px; font-weight:bold; font-family:verdana; color:#406ea0}

#browse-links #links UL.dealers {float:left; padding:0; margin:0; margin-bottom: 20px; font-weight: bold; display:inline; width:49%;}
#browse-links #links LI.dealer {font-size:9px; color:#8c8b8b; font-weight:normal; font-family:tahoma; padding-left: 8px;background-image: url(../../images/blue-list.gif);background-repeat: no-repeat;background-position: 0 .5em; list-style-type: none; margin-top:2px}
#browse-links #links LI.dealer A {font-size:10px; font-weight:bold; font-family:verdana; color:#406ea0}


/* Accipter Banner Styles
=========================== */
#outer-container {width: 100%;height: 100%;text-align:center;margin: 0 auto; }
#outer-content-container {margin: 0 auto;text-align:center;width: 960px;   }

#topHeader {position: relative; float: left; }

#outer-content-container #container {float: left; }
#outer-dealer-container #container {float: none; }

#temp-left-results-skyscraper {position: absolute; left: -5000px;top: -5000px; min-width: 120px;  max-width: 160px;height: 600px;  }
#temp-fourth-result-banner {position: absolute;left: -5000px;top: -5000px;font-size: 1%;}

.fourth-banner-container {width: 686px;padding: 1px 0;display: none;max-height: 85px;overflow: hidden;text-align:center;}
#fourth-result-banner {text-align:center;}

#temp-eighth-result-banner {position: absolute;left: -5000px;top: -5000px;font-size: 1%;}
.eighth-banner-container {width: 686px;padding: 1px 0;display: none;max-height: 85px;overflow: hidden;text-align:center;}
#eighth-result-banner {text-align:center;}

#left-results-skyscraper { width: 160px; height: 600px; clear: both; padding: 0; margin: 0 auto;position: relative; top: 20px;  margin-bottom: 40px; }


/* header adjustments */
#temp-header-banner { width: 728px; height: 90px; position: absolute; left: -50000px; top: -50000px;  }
#container .logocell { height: 90px; max-width:none; margin: 0 5px 0 0;}
#container #header-banner {  padding: 0; margin-right: 30px;position: relative;  width: 728px; height: 90px;}
#container .bannercell {  float: left; text-align: left; padding: 0;  width: 728px; height: 90px; position: relative; }

/* mast head adjustments */
#temp-mast-head-banner { width: 940px; height: 200px; position: absolute; left: -50000px; top: -50000px;  }
#container #mast-head-banner {  padding: 0; margin-right: 30px;position: relative; width: 940px; margin:10px auto;}
.helper_mast_div_height {height: 200px;}