iframe { margin-top: 1px; overflow: auto; border: none; background: url('../shared/img/icn/loader_msg.gif') no-repeat top center; width: 100%}

/* === Info Boxes === */
.engines{height:142px;background:url('../img/design/infoboxes/engine 2 1.gif') no-repeat 120px 75px}
.stocked-models {height:142px;background:url('../img/design/infoboxes/stocked-models2.gif') no-repeat 95px 90px}

.toggleopacity { filter: alpha(opacity=70); opacity: 0.7}
.toggleopacity:hover { filter: alpha(opacity=100); opacity: 1}

i.light-blue { color: #09F}
/* === Stock List ==== */
.stock-holder { overflow: auto; width: 712px}
.StockList ul { width: 100%; padding: 0; margin: 0; list-style: none}

.StockList li { position: relative; z-index: 9; padding: 3px; float: left; display: inline; margin: 5px 4px 10px 0px; height: 195px; width: 160px; border: solid 1px #A0A0A0}
.StockList li div { opacity: 0.6; filter: alpha(opacity=60); background: #606060; border: solid 1px #000; height: 25px; width: 148px; position: absolute; margin-top: 85px; margin-left: 5px; z-index: 10}

span.dmg { margin-left: 10px; border: solid 1px #FFCC00; padding: 0px 4px 0px 20px; color: #FFCC00; font-weight: bold; background: url('../shared/img/icn/16/Warning.png') 2px 1px no-repeat #FFFF99}

.StockList li span { color: #FFF; height: 20px; width: 150px; position: absolute; margin-top: 90px; margin-left: 10px; z-index: 11; font-size: 11px}
.StockList li .eng { height: auto; width: auto; position: relative; color: #606060; margin-left: -4px}
.StockList li .mdl { height: auto; width: auto; position: relative; color: #606060; margin-left: -4px}

.StockList li b { margin-left: 5px; margin-right: 10px; color: #2A3FAA}
.StockList li a { float: right; margin-right: 2px; margin-bottom: 2px}
.StockList li img { color: #EFEFEF; max-width: 150px; margin: 3px auto 5px auto; border: solid 1px #C0C0C0; min-height: 112px; min-width: 150px; max-width: 150px; max-height: 112px; background: url('../img/design/no-photo.png') no-repeat}

.img-right { margin: 5px; float: right}
.img-left { margin: 5px; float: left}

.blk-img { display: inline-block}
.job-list { border: solid 1px #E0E0E0; padding: 10px}
.top-space { margin-top: 5px}

.alt td { vertical-align: top; font-family: arial; font-size: 11px; padding-left: 2px}
.alt td img { margin-top: 2px; vertical-align: middle}
.alt td input { margin-top: 2px}
.row td { vertical-align: top; font-family: arial; font-size: 11px; padding-left: 2px}
.row td img { margin-top: 2px; vertical-align: middle}
.row td input { margin-top: 2px}


#parts-div { margin-top: 4px}
.parts-div { margin-top: 4px}

.search-box { position: relative; float: right; padding: 4px 5px 0px 5px}
.search-box input.frm-btn { }
.search-box input.frm-input { border: solid 1px #C0C0C0; background: #477FBB; color: #FFF; font-size: 12px; width: 150px; height: 16px; padding-left: 5px}
.search-box b { color: #FFF; vertical-align: middle; padding-bottom: 4px}
.stock-items .top-row input.frm-clear { border: none;background:transparent url(../img/buttons/btn-clear.png) no-repeat scroll 100% 0;}
.stock-items .top-row input.frm-btn{background:transparent url(../img/buttons/btn-search.png) no-repeat;}
.Engine-Key { background: #F3F3F3; border: solid 1px #C0C0C0; padding: 2px; height: 57px; max-width: 895px}
.Engine-Key .key-item { display: inline; float: left; vertical-align: top; padding-right: 8px; padding-left: 8px; height: 55px; margin: 1px}
.Engine-Key .border { border: solid 1px #C0C0C0; padding-right: 35px}

.filter-list { text-align: center}


/* ===  Table Styling === */
.frm { background: #F3F3F3 url( '../img/bg/BlueSq.png' ) no-repeat top right; border: 2px solid #C0C0C0; padding: 15px 5px 10px 10px; margin: 4px auto; min-height: 630px; color: #606060}
.frm th, b { color: #366EAA}
.frm input, select, textarea { border: solid 1px #E0E0E0; background: #FFF}
.frm input:focus, select:focus, textarea:focus { border: solid 1px #366EAA}
.frm textarea { width: 500px}
.frm a { }
.Req { color: #F00; position: absolute}
.Req_img { color: #F00; padding-left: 20px; margin-left: 2px; background: url('../shared/img/icn/16/Error.png')no-repeat}
.warning { color: #D90; padding-left: 20px; margin-left: 2px; background: url('../shared/img/icn/16/warning.png')no-repeat}
.warn { color: #B0B0B0; margin-left: 2px}
.lrg-warning { font-size: 13px; background: #FFC; margin: 50px auto; padding: 25px 10px 25px 10px; width: 600px; color: #707070; border: solid 2px #EA0}
.lrg-warning h2 { padding-top: 10px; vertical-align: middle; color: #EA0; background: url('../shared/img/icn/32/warning.png')no-repeat; padding-left: 40px}
.OK { color: #090; padding-right: 20px; margin-right: 2px; background: url('../shared/img/icn/16/check.png')no-repeat top right}
.frm h2 { color: #000066}

.frm table.frm-inner { margin: 10px; width: 500px; background: #F3F3F3; padding: 5px 10px 10px 10px}
.frm table.frm-inner td.lft-cell { padding-left: 100px; width: 380px}
.frm table.frm-inner td { font-size: 12px}

.frm ul.opt { margin: 15px auto 25px auto; width: 820px}
.frm ul.opt li { display: block; float: left; margin: 0px 5px 0px 5px}
/*.frm ul.opt li div{display:inline;border:solid 1px #C0C0C0;margin:5px 10px 5px 10px;padding:5px}*/
.frm .frmInner { max-width: 730px}

.frm div.required { background: #F3F3F3; width: 700px; margin: 5px; padding: 10px 10px 20px 20px; border: solid 1px #366EAA}
.frm div.info { width: 250px; font-size: 12px; border: solid 1px #366EAA; padding: 5px; padding-left: 22px; background: #CADDE9 url('../shared/img/icn/16/info.png') no-repeat 2px 5px; color: #366EAA}

a.goto { background: url('../shared/img/icn/16/refresh.png') no-repeat 0px 2px; ;
font-size:16px;
padding-left:20px;margin-left:2px}

.frm input.blkButton { background: #366EAA; color: #FFFFFF; padding: 0px 7px 0px 7px; border: outset 2px #FFF}
.frm input.blkButton:hover { color: #22CCFF; cursor: pointer}
.blkButton { background: #366EAA; color: #FFFFFF; padding: 0px 7px 0px 7px; border: outset 2px #FFF}
.blkButton:hover { color: #22CCFF; cursor: pointer}

.frm input.btn { background: #606060; color: #FFF; padding-left: 5px; padding-right: 5px}
.frm input.btn:hover { background: #707070; color: #FFCC00}
.btn { background: #606060; color: #FFF; padding-left: 5px; padding-right: 5px}
.btn:hover { background: #707070; color: #FFCC00}
.button-holder { position: relative}

input.txt{padding:2px 3px 2px 3px;}

td.rit{text-align:right;}
.rit { position: absolute; right: 0}
.Rit { text-align: right}
.Cen { text-align: center}
.r { text-align: right}
/*fieldset{}*/
div.row h3, hr { margin: 0px 15px 0px 0px; padding: 0; font-size: 14px}
div.row { clear: both; padding-top: 8px; font-size: 12px}
div.row span.label { color: #366EAA; float: left; width: 140px; text-align: right; font-weight: bold; font-size: 13px}
div.row span.single-col { padding-left: 100px; display: inline}
div.row .right-hand { float: right; margin-right: 50px}
div.row span.formw { color: #606060; float: right; width: 540px; text-align: left; font-size: 13px}
div.row .spacer { height: 22px}

/* === Steps Information === */
.steps { text-align: center}
.steps ol { list-style-type: decimal; list-style: normal}
.steps ol li { display: inline; padding-right: 5px}
.steps ol li a { font-size: 13px; padding-left: 25px}

ul.List { width: 100%; margin-left: 25px}
ul.List li { float: left; display: inline}
/*color:#255D99*/
._2Col { width: 330px}
._3Col { width: 220px}
ul.parts { overflow: auto}
ul.parts li { float: left; display: inline; width: 230px}
ul.parts li:hover { background: #E0E0E0; cursor: pointer}
.parts label { margin-left: 5px}
/* Numbers */
.num1 { background: url('../shared/img/icn/num/1.png') no-repeat}
.num2 { background: url('../shared/img/icn/num/2.png') no-repeat}
.num3 { background: url('../shared/img/icn/num/3.png') no-repeat}
.num4 { background: url('../shared/img/icn/num/4.png') no-repeat}
.num5 { background: url('../shared/img/icn/num/5.png') no-repeat}
.num6 { background: url('../shared/img/icn/num/6.png') no-repeat}
/* Popup */
#popup { background: #000; font-size: 12px}
#popup .hdr { padding: 10px}
#popup .menu { padding-left: 10px; padding-top: 5px; margin-bottom: -9px; height: 29px; background: url('../img/bg/tab-bg.png') top repeat-x}
#popup .menu a { float: right; margin-right: 20px}
#popup .topper { width: 200px; position: absolute; top: 0; right: 0; padding: 10px; background: #F3F3F3; border: solid 1px #C0C0C0; border-top: none; border-right: none}
#popup .topper img { display: inline}
#popup .topper a { width: 60px; display: inline; float: right; text-align: center; margin-right: 5px}
#popup .frm .required { width: 620px}
#popup .frm div.row span.label { width: 80px}
#popup .frm div.row span.formw { width: 500px}
#popup .backbutton { float: left; margin-left: 5px; margin-right: 5px}

.Inline ul { display: block; overflow: auto}
.Inline ul li { float: left; display: inline}
.Inline ul li img { margin: 2px; border: solid 1px #E0E0E0; min-height: 112px; min-width: 150px; background: url('../img/design/no-photo.png') no-repeat}

.parts-and-prices { width: 600px; overflow: auto; position: relative; margin-bottom: 5px}
.parts-and-prices ul { height: 100%}
.parts-and-prices ul li { display: block; float: left; width: 280px; margin: 2px 10px 2px 2px}
.parts-and-prices ul li span.left { float: left}
.parts-and-prices ul li span.right { float: right}

.icon-link { color: #606060; font-weight: bold}
.icon-link img { float: left; margin-right: 3px; margin-top: 3px}

.invisible { float: right; display: block; height: 60px; width: 60px; margin-top: -70px; border-bottom: none}
.invisible:hover { border-bottom: none}
/* Used for debugging only */
.lng { background: #FF0}
.lng p { background: #FF0}
.lng { color: #000}

.loader { color: #366EAA; background:#FFF; border:solid 1px #366EAA;width:120px;position:fixed;
          margin:50px auto 0px 380px;z-index:1000;padding:2px;}
.loader img { float: left; margin-right: 5px}

/* PartSet Type Styles */
a.enqBtn { text-decoration: none; border-bottom: none; padding-top: 20px; text-align: center; color: #FFF; font: bold 26px 'Arial'; display: block; height: 80px; width: 385px; background: url('../img/buttons/enquiry/genericsml.png') no-repeat}
a.enqBtn:hover { background: url('../img/buttons/enquiry/genericsml_mo.png') no-repeat}
a.enqBtnLrg { text-decoration: none; border-bottom: none; padding-top: 20px; text-align: center; color: #FFF; font: bold 26px 'Arial'; display: block; height: 105px; width: 439px; background: url('../img/buttons/enquiry/generic.png') no-repeat}
a.enqBtnLrg:hover { background: url('../img/buttons/enquiry/generic_mo.png') no-repeat}
#frmeTabs { border-top: #C0C0C0; width: 735px; height: 540px}
/* Big Box */
.big-box { border: solid 3px #366EAA; background: #FFF; height: 130px; padding: 8px; margin: 5px; width: 708px}
.big-box h1 { color: #366EAA}
.big-box p { color: #A0A0A0; font-size: 12px}
.bluebox { background: url('../img/buttons/BlueBox.png') no-repeat; height: 123px; width: 140px; padding: 45px 4px 10px 4px; text-align: center; font-size: 14px}
.bluebox span { font-size: 36px; font-weight: bold}
.greybox { color: #A0A0A0; background: url('../img/buttons/GreyBox.png') no-repeat; height: 123px; width: 140px; padding: 45px 4px 10px 4px; text-align: center; font-size: 14px}
.greybox span { font-size: 36px; font-weight: bold}

.gend { background: url('../img/buttons/GreyBox_end.png') no-repeat; height: 100px}
.bend { background: url('../img/buttons/BlueBox_end.png') no-repeat; height: 100px}
.right-form { position: absolute; margin: 64px 5px 5px 745px; min-height: 450px; background: #F3F3F3; width: 145px; padding: 10px; border: solid 1px #366EAA; color: #366EAA}

/* Big Button */
ul.big-button { width: 560px; margin: 25px auto; font-family: 'Arial'; font-weight: bold}
ul.big-button li { cursor: pointer; margin: 5px; display: block; float: left; background: url('../img/buttons/Big-Button.png') no-repeat; width: 144px; height: 142px; color: #FFF; font-size: 24px; padding: 50px 15px; text-align: center}
ul.big-button li:hover { background: url('../img/buttons/Big-Button-Hover.png') no-repeat}
ul.big-button li a { display: block; width: 144px; height: 142px; color: #FFF; border: none}

.btn-rit { float: right}

/* PASSWORD VALIDATION */
.barIndicatorBorder { border: solid 1px #C0C0C0; width: 200px; padding: 2px}
.barIndicator_poor { background-color: #A0A0A0}
.barIndicator_weak { background-color: #FFCC33}
.barIndicator_good { background-color: #66AA00}
.barIndicator_strong { background-color: #66CC33}
.barIndicator_excellent { background-color: #66FF33}

.registered-box-float { border: solid 1px #006; background: #366EAA; opacity: 0.5; filter: alpha(opacity=50);  height: 400px; width: 545px; margin: -275px 0px 0px 230px; position: fixed; z-index: 9}
.registered-box-float-inner { text-align: justify; background: #FFF; border: solid 3px #366EAA; color: #666666; width: 400px; margin: -235px 0px 0px 275px; padding: 25px; height: 250px; opacity: 1; position: fixed; z-index: 10}
.registered-box-float-inner a { font-weight: bold; color: #F63}
.btn-box-float { margin: -270px 0px 0px 710px; background: #FFF; position: fixed; z-index: 10; padding: 3px; border: solid 2px #366EAA}
.btn-box-float img { float: left; margin-right: 5px; vertical-align: middle}

#leadin-message h2{margin:5px 0px;padding:0px}

/* Image Buttons */
.signin-blkBG { background: url('../img/buttons/btnSignIn.png') no-repeat; width: 80px; height: 28px}
.signin-blkBG:hover { background: url('../img/buttons/btnSignIn_Hover.png')}
.signout-blkBG { background: url('../img/buttons/btnSignOut.png') no-repeat; width: 80px; height: 28px}
.signout-blkBG:hover { background: url('../img/buttons/btnSignOut_Hover.png')}
.register-blkBG { background: url('../img/buttons/btnRegister.png') no-repeat; width: 80px; height: 28px}
.register-blkBG:hover { background: url('../img/buttons/btnRegister_hover.png')}

div.on-sell-options{float:right}

.img-box { max-width: 465px}
.img-box img { float: left; margin: 1px; border: solid 1px #366EAA; width: 150px; height: 112px}

ul.menu { list-style-type: none; margin: -37px 0px; padding: 0px; width: 1230px; font-size: 11px; border-bottom: solid 1px #6590BE; height: 40px}
ul.menu li { float: left; background: url('../img/tabs/mid_off_off.png') no-repeat; text-align: center; padding-left: 27px; margin-top: 10px; padding-top: 3px}
ul.menu li.start_off { padding-left: 16px; padding-right: 2px; background: url('../img/tabs/start_off.png') no-repeat}
ul.menu li.start_on { padding-left: 16px; padding-right: 2px; background: url('../img/tabs/start_on.png') no-repeat}
ul.menu li.end_off { float: left; background: url('../img/tabs/mid_off_off.png') no-repeat}
ul.menu li.end_on { float: left; background: url('../img/tabs/mid_off_on.png') no-repeat}
ul.menu li a:hover { border-bottom: none; text-decoration: underline}
ul.menu li.Sel { background: url('../img/tabs/mid_off_on.png') no-repeat}
ul.menu li.Sel a { color: #FFF}
ul.menu li.start_on a { color: #FFF}
ul.menu li.end_off a { padding-right: 15px; padding-top: 4px; background: url('../img/tabs/end_off_WhiteBG.png') no-repeat; background-position: 100% 0%}
ul.menu li.end_on a { color: #FFF; padding-right: 15px; padding-top: 4px; background: url('../img/tabs/end_on_WhiteBG.png') no-repeat; background-position: 100% 0%}
ul.menu li.SelNxt { background: url('../img/tabs/mid_on_off.png') no-repeat}

a.help-ctrl { color: #FFF; font-weight: bold}
a.help-ctrl:hover { border-bottom-color: #FFF}
#help { margin-left: 800px}
ul.help { }
ul.help li.Top { font-weight: bold; margin-left: 0px}
ul.help li { margin-left: 10px}

.dragContainer { background-color: #FFF; height: 282px; width: 357px; border-bottom-color: black; border: solid 1px #366EAA; z-index: 25}
.dragHeader { background-color: #366EAA; color: #FFF; height: 24px; width: 358px; cursor: move}
.dragDetail { background-color: #FFF; height: 248px; width: 347px; padding: 5px}

.modalBackground { background-color: #FFF; filter: alpha(opacity=60); opacity: 0.6}
.modalPopup { background: #366EAA; border-width: 3px; border-style: solid; border-color: Gray; width: 250px}
.modal-hdr { position: fixed; background: #366EAA; height: 45px; width: 100%; z-index: 11; margin-top: -3px}
.modal-hdr h1 { color: #FFF; margin: 0px 0px 0px 10px}
.modal-inner { margin: 10px}
.modal-spacer { height: 50px}
.modal-inner h3 a { border-bottom: none; cursor: default; font-size: 18px; padding-top: 50px; width: 100%; display: block}
.modal-inner p { font-size: 11px; text-align: justify; color: #366EAA}
.modal-inner img { margin: 4px 4px 4px 8px; border: solid 1px #588FCC}
.modal-inner img.ibtn { border: none; float: left}

.modal-inner ul { font-size: 11px}
a.modal-close { color: #FFF; font-weight: bold}
a.modal-close:hover { border-bottom-color: #FFF}

ul.sub li { font-size: 11px; color: #366EAA; text-align: justify}
ul.sub2 { list-style-type: decimal; margin-left: 25px}
ul.sub2 li { list-style-type: decimal; text-align: justify}

div.old-login { height: 80px; border: solid 1px #909090; padding: 1px; margin: 0px 8px 0px 8px; cursor: pointer; padding-top: 5px; font-size: 20px}

div.old-login:hover { border: solid 1px #09F; margin: 0px 8px 0px 8px}
div.old-login:hover a { color: #09F}

a.old-login { font-size: 15px; font-family: "Verdana"; color: #000}
a.old-login:hover { text-decoration: underline}

.frm table.lrg-table { width: 100%}
.frm table.lrg-table tr { line-height: 30px}
.frm table.lrg-table tr td { font-size: 18px; color: #606060}

a.focus { background: url('../shared/img/icn/24/blue-arrow-right.png') no-repeat 0px 6px; font-size: 20px; padding: 5px 5px 3px 26px; margin-left: 20px; color: #255D99}
div.call-out { color: #FFF; position: absolute; margin-left: 245px; margin-top: -80px; width: 190px; height: 70px; padding: 10px 20px 30px 50px; text-align: center; font-weight: bold; background: url('../img/bg/BluePopup.png') no-repeat}
div.call-out a { color: #FC0}
div.call-out a:hover { border-bottom-color: #FC0}


/* Customer Vehicle Offers Classes */
.Rrow div { cursor: pointer; border: solid 1px #7287FF; background-color: #BAD1FF}
.Arow div { cursor: pointer; border: solid 1px #48FF23; background-color: #BCFF9E}
.Rrow td { cursor: pointer; border-top: solid 1px #7287FF; border-bottom: solid 1px #7287FF; background-color: #BAD1FF}
.Rrow:hover td { border-top: solid 1px #FF9900; border-bottom: solid 1px #FF9900; background-color: #FFFFAA}
.Arow td { cursor: pointer; border-top: solid 1px #48FF23; border-bottom: solid 1px #48FF23; background-color: #BCFF9E}
.Arow:hover td { border-top: solid 1px #FF9900; border-bottom: solid 1px #FF9900; background-color: #FFFFAA}
.Nrow td { cursor: pointer; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; color: #366EAA}
.Nrow:hover td { border-top: solid 1px #FF9900; border-bottom: solid 1px #FF9900; background-color: #FFFFAA}
.NArow td { cursor: pointer; border-top: solid 1px #7287FF; border-bottom: solid 1px #7287FF; background-color: #FF8C8C}
.NArow:hover td { border-top: solid 1px #FF9900; border-bottom: solid 1px #FF9900; background-color: #FFFFAA}
.RROrow td { cursor: pointer; border-top: solid 1px #FF9760; border-bottom: solid 1px #FF9760; background-color: #FFB77C}
.RROrow:hover td { border-top: solid 1px #FF9900; border-bottom: solid 1px #FF9900; background-color: #FFFFAA}

.stkimg { text-align: center; height: 120px; width: 260px}
.stkimg .img { width: 150px; height: 112px}
.vp { color: #366EAA; border: solid 1px #366EAA; padding: 5px}
.vp div { float: left; border: solid 1px #C0C0C0; background: url('../img/design/no-photo.png') no-repeat; width: 150px; height: 112px}
.stkLnk { font-weight: bold}

.SalesMethodOffered { font-family: arial; font-size: 13px; font-weight: normal; color: black}
.Available { color: #6186B3; font-size: 16px; font-family: Arial; margin-bottom: 1px; font-weight: bold}
.NotAvailable { font-family: Arial; font-size: 14px; font-weight: bold; color: red}
/*
.rit-img { background: #FFF; width: 200px; margin-left: 5px; margin-bottom: 5px; border: solid 1px #000}
*/
.gallery{position: relative; visibility: hidden; border: 1px solid #666;margin:2px 0px 2px 2px;}
.gallery .gallerydesctext{ text-align: left;padding: 2px 5px;}
.navpanelfg{display:none}
.navpanelbg{display:none}

/*

#panel{
	position: absolute;
	top: 25px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 11;
	overflow: hidden;
	text-align: left}

#panel_contents{	
	background: #366EAA;
	filter:alpha(opacity=60);
	opacity: 0.60;
	height: 100%;
	width: 650px;
	position: absolute;
	z-index: -1;
}

.panel_Inner{
	width: 520px; height: 180px; font-size: smaller; margin:4px  10px;
padding: 0px 5px;background:#FFF}*/


#content {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 90px;
	text-align: left;
	color: #545454;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 30px;
}