/*RESET*/
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, img, 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, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;} ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}
/*RESET*/

/*Un-comment For Error checking*/
/* *{border:1px solid #000!important;}*/

html { min-height: 100%; margin-bottom: 1px; }

body {background:#EDEDED url(../images/bg.png) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#666666;}

/*IDS*/
#wrapper { width:770px; margin:0 auto;}
#welcome { background-image: url(../images/welcomeBg.jpg); height:220px;}
#content {width:750px; padding:0 10px;}
#dash {height:330px; background: #FFF url(../images/dashboardBg.jpg) no-repeat bottom right;}
#footer {clear:both;}

/*CLASSES*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.vPad5 {padding:5px 0px;}
.vPad10 {padding:10px!important; padding:0; height:auto;!important; height:0;}
*html .vPad10 {}
.vPad15 {padding:15px 0px;}
.hidden {display:none;}
.pad15 {padding:15px;}
.hPad15 {padding:0 15px;}
.noPad {padding:0!important;}
.center {margin:0 auto !important; clear:both;}

/*TEXT*/
h1, h2, h3, h4 {color:#000; font-weight:bold; padding:0 15px;}
h1 { font-size:2.1em; line-height: 1.2em;}
h2 { font-size:1.8em;}
h3 { font-size:1.6em;}
h4 { font-size:1.4em;}
h5 { font-size:1.2em;}
p {font-size:1.2em; padding:15px;line-height:1.4em}
a { color:#000; text-decoration:underline;}
a:hover {text-decoration:none;}
.normal {font-size:1.2em; line-height:1.2em}
.large {font-size:1.4em; line-height:1.4em}
.larger {font-size:1.6em; line-height:1.6em}
.largest {font-size:1.8em; line-height:1.8em}
.colorText { color:#ED1C24;}
.centerText { text-align:center;}
.nonBold { font-weight:normal!important;}

/*Titles with Icons*/
.title { line-height:30px; text-indent:5px;}
.titleIcon {height:30px;width:30px;display:block;line-height:30px; float:left; background-image:url(../images/titleSprite.gif); background-color:#ED1C24; background-repeat:no-repeat;}
#findTitle {background-position:0 0;}
#vehicleTitle {background-position:0 -30px;}
#accountTitle {background-position:0 -60px;}
#faqTitle {background-position:0 -90px;}


/*TEXT LINKS*/
.colorLink a {color:#ED1C24;}

/*BUTTONS*/
.btn {background-position:top; font-size:1.6em; font-weight:bold; color:#666; height:24px; text-align:center; display:block; text-decoration:none; line-height:24px; margin:0 auto; border:none;font-family:Arial, Helvetica, sans-serif;}
.btn:hover {background-position:bottom; color:#000;text-decoration:none;}
.wide {width:180px; background-image:url(../images/btnBgWide.gif); }
.narrow {width:110px; background-image:url(../images/btnBgNarrow.gif); }
.coloured {color:#ED1C24;}
.formBtn { margin:10px 0; padding:0; height:24px; line-height:24px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

/*btns with text to side*/
.leftBtn, .rightBtn, .upBtn, .downBtn, .crossBtn, .addBtn, .saveBtn { height:20px; line-height:20px; font-size:1.2em; color:#666; background-image:url(../images/smallBtnSprite.gif); font-weight:bold;background-repeat:no-repeat; margin:2px 15px; padding:0 25px; text-transform:capitalize; text-decoration:none;display:inline-block;}

.leftBtn {background-position: left top;} .leftBtn:hover {background-position: left -20px;color:#000;}
.rightBtn {background-position: right -80px; text-align:right;} .rightBtn:hover {background-position: right -100px;color:#000;}
.upBtn	{background-position: left -40px;} .upBtn:hover {background-position: left -60px;color:#000;}
.downBtn {background-position: right -120px;} .downBtn:hover {background-position: right -140px;color:#000;}
.crossBtn {background-position: left -160px;} .crossBtn:hover {background-position: left -180px;color:#000;}
.addBtn {background-position: left -200px;} .addBtn:hover {background-position: left -220px;color:#000;}
.saveBtn {background-position: right -240px;text-align:right;} .saveBtn:hover {background-position: right -260px;color:#000;}

/*GRID*/
.cont120 {width:120px;}
.cont240 {width:240px;}
.cont375 {width:375px;}
.cont475 {width:475px;}
.cont500 {width:500px;}
.cont750 {width:750px;}

/*BOXES*/ /*Boxes MUST sit inside a Grid Containter with matching width*/

/*box tops*/
.boxTop, .boxBottom {width:100%; background-image: url(../images/boxBgSprite.gif); height:10px;font-size:0;}
.cont750 .boxTop {background-position:0 0;}
.cont500 .boxTop {background-position:0 -20px;}
.cont240 .boxTop {background-position:0 -40px;}

/*box middles*/
.box750, .box500, .box240  {padding:10px 0 0 0;border:#ccc solid; border-width:0 1px;  background:#fff;}
.box750 {width:748px;}
.box500	{width:498px;}
.box240	{width:238px;}

/*box bottoms*/
.boxBottom {margin-bottom:20px; height:10px; padding:0;}
.cont750 .boxBottom {background-position:0 -10px;}
.cont500 .boxBottom {background-position:0 -30px;}
.cont240 .boxBottom {background-position:0 -50px;}
.cont750 .colorStrip {background-position:0 -60px; background-color:#ED1C24;}
.cont500 .colorStrip {background-position:0 -70px; background-color:#ED1C24;}
.cont240 .colorStrip {background-position:0 -80px; background-color:#ED1C24;}
.greyBottom {padding:4px 0; background-color:#e6e6e6; border-top:1px solid #ccc; height:24px; }
#loginHeaderBottom {width:770px; height:10px; background:#ED1C24 url(../images/boxBgSprite.gif) no-repeat 0 -131px;border-top:1px solid #ccc; float:left; margin-bottom:20px; }



/*HEADER*/
#header {width:770px; height:110px;border:#CCCCCC;border-right:1px #ccc solid;border-left:1px #ccc solid;height:100px;width:768px;}
#logo {background:url(../images/logoBg.jpg) no-repeat; height:70px; margin:20px 10px;}
#logo #logoText {font-size:21px; font-style:italic; font-weight:bold; color:#ED1C24; font-family:"Arial Black", Arial, Helvetica, sans-serif; padding:15px 0 0 20px;}
#logo #logoText .my {color:#333;font-family:Arial, Helvetica, sans-serif;}
#schemeLogo img { float:right; height:70px; padding:20px 30px 0 0;}
#nav {width:770px; height:51px; background:#ED1C24 url(../images/boxBgSprite.gif) no-repeat 0 -90px;}
#infoBar {min-height:40px;line-height:1.2em;}
#infoBar a {font-size:1em; color:#999999;}
#infoBar a.active {color:#ED1C24;}
#infoBar #breadcrumb{}
#infoBar #schemeIndiactor {}


/*LISTS*/
li { margin:0 0 10px 0;}
#nav ul { margin:1px 10px 0px;}
#nav li { float:left; font-size:1.6em; line-height:39px;}
#nav li a {height:39px; width:125px; color:#666666; font-weight:bold; text-decoration:none; display:block; text-align:center;}
#nav li a:hover { text-decoration:none; display:block; background:#fff;}
#nav li a.active { text-decoration:none; background:#fff; color:#ED1C24; opacity:0.75;}
.redList li { color:#000; background:url(../images/redBulletArrow.gif) no-repeat 0 3px; padding:0 0 10px 20px;}
.boldBlackList { color:#000; font-size:1.4em; list-style:none; font-weight:bold;}
.boldBlackList li { margin:0 15px 10px 15px; height:24px; line-height:24px;}
.boldBlackList span { float:left; width:160px;}
.boldBlackList  a {float:left;width:50px;height:24px;color:#ED1C24; text-decoration:none; line-height:24px; text-align:center; display:block; background:url(../images/btnBgStumpy.gif) 0 0 no-repeat;}
.boldBlackList a:hover {text-decoration:none;background:url(../images/btnBgStumpy.gif) bottom no-repeat;}
.faqList {font-size:1.2em; color:#ED1C24;}
.faqList li { width:220px; margin:0 5px 10px 15px; list-style:outside; list-style-type:circle; float:left;}


/*FORMS*/
label {color:#000000; font-size:1.4em; font-weight:bold;float:left;padding:0 0 5px 0;}
input { width:200px; color:#666666; font-size:1.4em; padding:2px 4px; border:1px solid #CCC; float:left;margin:0 0 15px; float:left;}
input:focus {border:1px solid #666;}
fieldset span {float:left;padding:0px 15px; width:219px;}
fieldset div {padding:0px 15px;}
.checkbox {width:16px; height:16px; padding:0;clear:both; border: 0;}
.formSpacer { width:0px; padding:10px; float:left;}
.form2col { width:343px; padding:0; float:left;}
.form3col { width:220px; padding:0; float:left;}
.greyBox { width:706px; background:#f2f2f2; border:#ccc 1px solid; margin:10px 0px 0px 10px!important; margin:0 0 10px 5px; padding:10px 10px 0 10px; float:left;}
.greyBox p { padding:0;margin:0 0 10px 0;}
.greyBox h3 { padding:10px 0;margin:0 0 10px 0;}
.label120 {width:120px;}
.label80 {width:80px;}
.longTextField {margin:10px 0 0;width:570px;}
.input220 { width:220px;}
#register fieldset span {float:left;padding:0px 15px; width:219px; height:60px;}
.errorMessage {border: 1px solid #ff0000; background:#FDD9DE; color: #000; padding: 10px; margin: 10px;}
.errorMessage li {font-size: 1.2em;}
._error {border: 1px solid #ff0000; background:#FDD9DE; color: #000;}
.successMessage { color:#009245; background:#f2f2f2 ; border:1px solid #009245; padding:10px; margin:10px;}


/*RESULTS SECTION*/
#narrowList a {width:238px; width:238px; height:30px; color:#666; font-size:1.2em; background-image:url(../images/searchTabBg.gif); background-position:top; display:block; text-indent:15px;text-decoration:none; line-height:30px; clear:both;}
#narrowList {padding-top:15px;}
#narrowList a:hover {background-position:center; color:#000000; text-decoration:none;}
#narrowList a.active { background-position:bottom; color:#ED1C24; text-decoration:none;}
#narrowList  div {width:208px; background-color:#f2f2f2; border-top:1px solid #fff; padding:15px 15px 5px; overflow:auto;}
#narrowList label, #narrowList input {float:left; font-size:1.1em; color:#000000; font-weight: normal; line-height:1.1em; margin-bottom:10px;}
#narrowList .checkbox { width:14px; margin:0; height:14px; float:left;}
#narrowList label { width:80px; padding:0 5px;}
#narrowList label:hover { color:#ED1C24; cursor:pointer;}
#sortBy {float:right;line-height:18px;width:176px;}
#sortBy label {font-size:1.1em; font-weight: normal; color:#666; padding:0 5px 0 0;}
#sortBy select {width:120px; height:18px;}
.pageNav {padding:15px 0px;height:20px;}
.pageNav .leftBtn { width:auto; margin-right:0;}
.pageNav .rightBtn { width:auto;margin-left:0;}
.pageNav span { width:295px; line-height:24px; text-align:center; display:inline-block; float:left;}
.resultsTitle {width:280px; float:left;padding-bottom:11px;}
#orderedList div, #resultsList div {width:456px; background:#f2f2f2; border:#ccc 1px solid; float:left!important; float:none; display:block; margin:10px 0 0 10px; padding:10px}
#orderedList img, #resultsList img {width:110px; border:1px solid #808080;float:left; margin-right:10px;} 
#orderedList span, #resultsList span { float:right; color:#ED1C24;}
#orderedList p, #orderedList h4, #resultsList p, #resultsList h4 { padding:0 0 10px 0;}
#orderedList h4, #resultsList h4 {float:right;width:334px;}
#resultsList .priceSml, #orderedList .priceSml  {width:50px; background:#f8f8f8; font-size:14px; font-weight:bold; color:#ED1C24;float:right !important;margin:0 0 0 10px;}
#resultsList .priceSml span, #orderedList .priceSml span{color:#ED1C24;font-size:10px;}
#orderedList p, #resultsList p { font-size:1.1em;}
#orderedList a, #resultsList a { margin-left:20px;}
#resultsList .crossBtn { width:60px; float:left;}
#estimate .form3col {margin-left:10px!important;margin-left:5px;}
#estimate .formSpacer {padding-bottom:0; margin:0; height:10px; display:block;}
#estimate label {padding-bottom:0; margin:0; height:16px;}
#resultsContainer {margin-left:250px;position:absolute;top:198px!important;*margin-left:10px;_margin-left:10px;top:211px;}
#searcher {float:left; clear:both;}


/*Vehicle Details SECTION*/
#details {position:relative;}
#details img {width:225px; border:1px solid #808080;float:left; margin:15px}
#details #price {background:#f2f2f2; position: absolute; top: 90px; right: 20px; border:#ccc 1px solid; margin:15px 0; width:99px; padding:10px 0;}
#details p, #details h2, #details h3, #details ul {padding:10px 0;}
#details span {width:130px;color:#999;display:inline-block; margin-right: 8px;}
#details li {color:#000;font-size:1.1em; width:330px; float:left;padding:0; margin:0 5px 10px 0 !important; margin:0;}
#details #topDets li {color:#000;font-size:1.3em; width:350px; float:left;padding:0; margin:0 0 5px 0 !important; margin:0;}
#details .subTitle {border-bottom: 1px solid #ccc; padding:5px 0;}

/*TAB STYLES ADDED OCT 09*/
#tabsContainer {clear:both; padding:0 10px 30px;}
#tabsContainer div {float:left; padding:5px}
#tabsContainer ul.tabs-nav {padding:0;}
#tabsContainer ul.tabs-nav  li {width:auto; margin-bottom:0!important; margin-right:5px!important;}
#tabsContainer ul.tabs-nav li a span {width:auto; padding-left:18px;}
#tabsContainer ul.tabs-nav .tabs-selected a  span{color:#000;}


/*MY VehiclesSECTION*/
#orderedList .crossBtn, #resultsList .crossBtn {margin:0 !important;}
#vehichlesMenu .greyBg {background:#f2f2f2; border:#ccc solid; border-width:1px 0; margin:10px 0;height:50px; padding:10px 0;}
#vehichlesMenu a span {width:120px; display:inline-block; text-align:left; padding-left:0;}
#vehichlesMenu a {padding-left:0; height:20px;}
#vehichlesMenu .addBtn {padding:0 25px;}
#vehichlesMenu .rightBtn {width:160px; padding-left:0;}
.estDetails span {width:120px;color:#999!important;display:inline-block;float:left !important;}
.estDetails li {color:#000!important;font-size:1.1em; width:245px; float:left;}