/*----- ESSENTIALS -----*/
html {height:101%}
body { margin:0; /* make anything a hover in IE with this code >> */ behavior:url("/css/csshover.htc"); color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { border:0 }
ul, li { list-style-type:none; padding:0; margin:0 }
form, input { padding:0; margin:0 }
h1, h2, h3 { padding:0; margin:0 }
h1 { color:#174574; font-size:17px; text-transform:uppercase; margin:15px 0; }
.hdr h1 { margin:0}
h1 .black {color:#000000}
h2 { }
h3 { }
a { text-decoration:none; color:#174574; }
a:hover { color:#000; }
b {color:#000000;}
.clear { clear:both}
/*----- ESSENTIALS -----*/

/*----- WRAPPER -----*/
#mainWrap { width:765px; margin:0 auto; padding-bottom:50px; }
/*----- WRAPPER -----*/

/*----- HEADER -----*/
#hdr { height:85px; font-size:13px; font-weight:bold; color:#073058; margin-top:10px; text-align:right; width:765px; }
.fifteen { font-size:16px; text-align:right;}
#hdr a { color:#868686;}
#hdr a:hover { color:#073058 }
#clientLogo { float:left; background:url(/img/client-logo.gif) no-repeat; width:225px; height:85px;}
#logo { width:290px; height:85px; float:left;}
.line { background:url(/img/header-div.jpg) repeat-x; height:20px; width:765px; }
.vertLine {background:url(/img/line.jpg) repeat-y; padding-right:10px;}
#atlanta {width:515px; height:85px; float:left;}
#location { background:url(/img/logo.jpg) no-repeat; width:500px; height:55px; float:left; font-size:37px; color:#174574; padding:30px 0 0 5px; text-align:left;}
#location a {color:#174574;}
/*----- HEADER -----*/

/*----- SPLASH -----*/
/* homepage splash */
#hpSplash { background:url(/img/hp-splash-bg.jpg) no-repeat; width:535px; height:218px; }
#blue {background:url(/img/hp-splash-blue.gif) no-repeat; width:165px; height:64px; float:right; margin:10px 1px 0 0; color:#FFFFFF; font-size:13px; line-height:25px; padding:0 2px 0 8px;}
#blue b {color:#FFFFFF; font-size:larger;}
/*----- SPLASH -----*/

/*----- NAVIGATION -----*/
/* top navigation */
#nav { background:url(/img/nav-top.jpg) repeat-y; width:215px; margin-top:10px; }
#nav a { text-transform:uppercase; font-weight:normal; }
#nav li { border-bottom:1px solid #c1c1c1; line-height:30px; margin-left:12px;}
#nav ul {background:url(/img/nav-bottom.jpg) 0 100% no-repeat; padding:10px 15px 15px 0;}
/*----- NAVIGATION -----*/

/*----- BODY HOMEPAGE -----*/
#left { width:230px;}
#left .hdr {background:url(/img/left-hdr-bg.jpg) no-repeat; width:200px; height:25px; color:#174574; font-size:16px; font-weight:bold; padding:8px 0 0 15px; margin:15px 0 10px 0;}
#left .quickLink ul { padding:0 0 0 15px; margin-left:15px;}
#left .quickLink li { list-style-image:url(/img/li-arrow.jpg); }
.partner {padding:0 15px; line-height:15px;}
.partner h1 {font-size:14px; color:#174574; margin:0 0 5px 0;}
#delivery {background:url(/img/delivery-options-bg.jpg) no-repeat; width:205px; height:53px; font-size:11px; color:#174574; padding:5px 0 0 10px; line-height:20px;}
#delivery .clip { border:1px solid #174574; width:187px; height:20px; overflow:hidden; background-color:#FFFFFF; padding:0px 0px 0px 5px;}
#delivery .clipOff { border:1px solid #174574; width:187px; height:150px; overflow:auto; background-color:#FFFFFF; z-index:200; position:absolute; padding:0px 0px 0px 5px;}
#deliveryMenu {width:195px; font-size:12px; color:#174574;}	
.search {width:285px;}
#something2 {width:250px;}
#right { width:535px;}
#right h1 {color:#00b94f; font-size:15px;}
#right ul { margin:10px 0;}
#right li { background:url(/img/li-arrow.jpg) no-repeat; padding-left:15px; padding-bottom:5px;}
#right .hdr {background:url(/img/right-hdr-bg.jpg) no-repeat; width:522px; height:26px; margin-top:10px; margin-bottom:10px; padding:7px 0 0 10px; color:#174574; font-size:17px; font-weight:bold; }
#right .hdr h1 {  color:#174574; font-size:17px; font-weight:bold; margin:0; padding:0;}
	
#OneCol { width:100%;}
	#OneCol .colOne { width:100%; padding:0 10px 10px 10px;}
	
#TwoCol { width:100%;}
	#TwoCol .colOne { width:50%; padding:0 5px 10px 10px;}
	#TwoCol .colTwo { width:50%; padding-right:5px;}
	
#ThreeCol { width:100%;}
	#ThreeCol .colOne { width:33%; padding:0 5px 10px 10px;}
	#ThreeCol .colTwo { width:33%; padding-right:5px;}
	#ThreeCol .colThree { width:33%; padding-right:5px;}

.featureWrap { min-height:125px; height:auto !important; height:125px; overflow:auto }
.featureWrap img {padding-right:5px;}
.featureWrap a {color:#174574; font-weight:normal;}
.featureWrap a:hover {text-decoration:underline;}
#feature1 { background:#e2e2e2; float:left; margin:0 3px 0 0; width:168px;}
#feature1 .white { background:#FFFFFF; width:100%; color:#174574; margin-top:3px; padding:5px 5px 5px 0; min-height:80px;}
#feature2 { background:#e2e2e2; float:left; margin:0 3px; width:168px;}
#feature2 .white { background:#FFFFFF; width:100%; color:#174574; margin-top:3px; padding:5px 5px 5px 0; min-height:80px;}
#feature3 { background:#e2e2e2; float:left; margin:0 0 0 3px; width:168px;}
#feature3 .white { background:#FFFFFF; width:100%; color:#174574; margin-top:3px; padding:5px 5px 5px 0; min-height:80px;}
* html #feature1, * html #feature2, * html #feature3 { width:162px}
* .featureWrap { overflow:hidden}
.price { color:#00b94f; font-weight:bold; font-size:16px; float:left; padding:10px; }
.button  { vertical-align:middle; text-align:right; padding:10px;}
/*----- BODY HOMEPAGE -----*/

/*----- BODY INTERNAL -----*/
#inBody { width:535px;  }
#inBody h1 { text-transform:none; line-height:normal; margin-bottom:5px; }
#inBody .hdr {background:url(/img/right-hdr-bg.jpg) no-repeat; width:522px; height:26px; margin-top:0px; margin-bottom:10px; padding:7px 0 0 10px; color:#174574; font-size:17px; font-weight:bold; }
#sort { background:#cbe7ef; margin-bottom:10px; padding:3px;}
.pad {padding:5px; }
.whiteListing {background:url(/img/white.jpg) 0 100%; width:530px; }
.whiteListing img.pad {padding:15px 5px 15px 5px;}
.grey {background:url(/img/grey.jpg) 0 100%; width:530px;}
.grey img.pad {padding:15px 5px 15px 5px;}
.listingTable {width:430px; margin:15px 0 15px 0; font-size:10px;}
.listingTable td { vertical-align:top}
.listingTable h1 { font-size:13px; font-weight:bold; margin:0px; padding:0px}
.listingTable h2 {color:#3f5a75; font-size:10px; margin:0px; padding:0px}
.listingTable h2 span { float:left; width:55px; color:#868686;}
.listingTable h2 span.long { width:70px}
.green { color:#00b94f; font-weight:bold; font-size:15px; padding-left:5PX; }
.red { color:red; font-weight:bold; font-size:15px; padding-left:5PX;}
.strikethrough { text-decoration:line-through; }
.vanType { font-size:13px; font-weight:bold; color:#174574; padding:0 0 0 3px}
.stocknumber {font-size:10px; text-align:right; padding:0 3px 0 0}

.hdr .paging { float:right; font-size:12px; margin:0 10px 0 0;}
.hdr .paging a:hover {text-decoration:underline }

.textview { display:none;width:100%; margin-top:10px; height:33px;}
.detailView { display:block;}

div.extraInfo {
	position: absolute; 
	top: 150px; 
	left: 120px; /* left: 74px; */  
	border: 1px solid #112965; 
	background: #B6CFE5;
	color:#000000; 
	font-size: 14px;
	z-index: 200; 
	padding: 5px; 
	display:none;
	width:500px;
}
#inBody .grey .extraInfo h1, #inBody .whiteListing .extraInfo h1 { color:#000000; margin:0px; padding:0px; }
.extraInfo img { margin:0 10px 0 0 }
.extraInfo h2 { color:#3f5a75; font-size:10px; margin:0px; padding:0px}
.extraInfo h2 span { float:left; width:70px; color:#868686;}

#detailsTop { background:url(/img/details-top-bg.jpg) no-repeat; width:521px; padding:10px 10px 0 0; height:20px}
#detailsMiddle { background:url(/img/details-middle-bg.jpg) repeat-y; width:511px; padding:10px 10px 0 10px;}
#detailsBottom { background:url(/img/details-bottom-bg.jpg) no-repeat; width:531px; height:15px;}
#images { background:url(/img/images-bg.jpg) no-repeat; width:258px; height:23px; padding:3px; text-align:center; margin-top:5px;}
#detailList { background:url(/img/detaillist-top.jpg) no-repeat; width:233px; margin-left:10px; }
#detailList li { border-bottom:1px solid #73c1dd; line-height:25px; margin:0 0 0 10px; clear:both;}
#detailList ul {background:url(/img/detaillist-bottom.jpg) 0 100% no-repeat; padding:10px 15px 15px 0;}
#detailList span {font-weight:bold; width:145px; color:#3f5a75;}
#detailList span.label {width:55px; font-weight:normal; float:left;}
#detailList span.green { color:#00b94f; font-weight:bold; font-size:15px; padding-left:5px; }
#detailList span.red { color:red; font-weight:bold; font-size:15px; padding-left:5px; }

#divPhoto {float:left; padding-right:5px;}
.listGray, .listWhite { font-size:12px; color:#808284; border-top:1px dotted #cacbcd; padding:2px 0px 2px 8px; }
.listGray { background-color:#f5f5f6 }
.detailBlock { float:right; width:225px; margin:0px 17px 5px 10px }
.detailBlock2 { float:left; width:225px; margin:0px 0px 5px 0px }
.TabbedPanelsContent a {text-decoration:underline;}
.TabbedPanelsTab span { cursor:pointer;}

#previous {background:url(/img/previous-btn.jpg) no-repeat; float:left; width:56px; height:21px; margin-bottom:5px; padding:2px 0 0 25px;}
#pageNumber { float:left; margin-bottom:5px; width:360px; text-align:center; color:#174574; font-weight:bold;}
#next {background:url(/img/next-btn.jpg) no-repeat; float:left; width:56px; height:21px; margin-bottom:5px; padding:2px 0 0 25px;}
#previous a {color:#174574;}
#previous a:hover {color:#00b94f;}
#next a {color:#174574;}
#next a:hover {color:#00b94f;}
#pageNumber #p { width:30px}
/*----- BODY INTERNAL -----*/

/*----- FOOTER -----*/
#ftr { text-align:center; }
/*----- FOOTER -----*/

/*----- CONTACT FORM -----*/
table#cx, table#cx2 { margin:10px 0 0 }
table#cx td, table#cx2 td{ text-align:left; padding:0 }
table#cx td.space, table#cx2 td.space { width: 15px }
table#cx th, table#cx2 th { text-align:left; font-size:12px; font-weight: bold; color:#333333; padding:6px 0 3px; text-transform:uppercase }
td#label { }
table#cx input.cxBtn, table#cx2 input.cxBtn { margin:10px 0 0 }
div.req { padding:0; border:0 solid white; border-left: 5px solid #ff6622; float:left }
input.cx { margin:0; font-size:11px; height:18px; width:200px; border:1px solid #cccccc; background-color:#f6f6f6 }
input#x_state { width:40px; margin-right:10px }
input#x_zip { width:105px }
textarea#x_comments { width:419px; height:125px; border:1px solid #cccccc; background-color:#f6f6f6 }		

/*OnSubmit required fields will change to this class by js*/
input.error { border:2px solid #ff6622; background-color:#fff6f6 }
/*----- CONTACT FORM -----*/


/* big select dropdown */
.largeDD select.replaced { display: none }
.largeDD ul.selectReplacement { position:relative !important; position:absolute; float:left; background: url(/img/DropDown/drop-top.jpg) top left no-repeat; margin: 0; padding:0;  height:11px; width:285px; margin:0 !important; margin:-2px 0 0; z-index:100 }
.largeDD ul.selectReplacement li { background:url(/img/DropDown/drop-option.gif) top left no-repeat; color:#444; cursor:pointer; display:none; font-size:12px; line-height:18px; list-style:none; margin:0 0 -1px !important; margin:0; padding:1px 12px; width:261px }
.largeDD ul.selectOpen li { display:block }
.largeDD ul.selectReplacement li.selected { background:url(/img/DropDown/drop-bottom.jpg) bottom left no-repeat; color: #444; display: block }
.largeDD ul.selectOpen li.selected { background:url(/img/DropDown/drop-bottom.jpg) bottom left no-repeat; display:block }
.largeDD ul.selectOpen li:hover, .largeDD ul.selectOpen li.hover, .largeDD ul.selectOpen li.selected:hover { background: url(/img/DropDown/drop-option.gif) bottom left no-repeat; color: #000 }

/* Icons -- Print/Bookmark/Email/back */
div.print, div.bookmark, div.email, div.loan, div.back { float:right; height:17px; padding-top:2px; margin:4px 2px 0px }
div.loan a:link, div.loan a:active, div.loan a:visited,
div.print a:link, div.print a:active, div.print a:visited, 
div.bookmark a:link, div.bookmark a:active, div.bookmark a:visited, 
div.email a:link, div.email a:active, div.email a:visited { font-size:10px; color:#58595b; padding-left:30px }
div.back a:link, div.back a:active, div.back a:visited { font-size:10px; color:#58595b; padding-left:22px }
div.loan a:hover, div.print a:hover, div.bookmark a:hover, div.email a:hover, div.back a:hover { color:#000000; text-decoration:underline}

div.loan { width:108px; background-image:url(/img/icons/icon-loan.jpg) }
div.print { width:108px; background-image:url(/img/icons/icon-print.jpg) }
div.bookmark { width:79px; background-image:url(/img/icons/icon-bookmark.jpg) }
div.email { width:106px; background-image:url(/img/icons/icon-email.jpg) }
div.back { width:95px; height:19px; background-image:url(/img/icons/icon-back.gif)}

/* Icons -- Print/Bookmark/Email */

/*----- Calculator Form -----*/
.calcForm { width:175px; font-weight:bold; color:#073b6c }
.calcForm td { vertical-align:middle }
input.calcForm { width:70px; font-weight:normal; border: 1px solid #cccccc; background-color: #f6f6f6; text-align:right; margin:0 0 2px 5px }
h1.calculator {font-size:20px; margin-bottom:10px;}
/*----- Calculator Form -----*/

/*----- Email Friend -----*/
#emailfriend { background:#eee; padding:5px; text-align:center }
#emailfriend strong { padding:0 }
#emailfriend b { color:#073b6c }
#emailfriend span { color:#FF0000 }
#emailfriend input { border:1px solid #073b6c; margin:0 0 2px }
#emailfriend textarea { border:1px solid #073b6c; margin:0 0 2px }
#emailfriend .btn { width:85px; height:21px; border:none; background:url(/img/button-submit.gif) 0 0 no-repeat; margin:5px 0 23px; cursor:pointer }
/*----- Email Friend -----*/


/*---- Testimonial Page ----*/
.testimonial { clear:both; margin:0 0 10px 0;}
.testimonial img { margin:0 10px 10px 0 }
.testimonial-image { margin:0 0 10px 10px; clear:both; float:right}
/*---- Testimonial Page ----*/

.staticImg { width:275px; border:1px solid #073b6c; padding:1px; margin-bottom:2px }
.staticImgSml { width:165px; height:110px; border:1px solid #073b6c; padding:1px; margin:15px 0; }
.staticImgSml2 { width:250px; border:1px solid #073b6c; padding:1px; margin:15px 0; }

#conversion { font-size:18px;}
#RearConversion { text-align:center; font-size:16px;}

/*	COMPARISON	*/
.compareList { width:522px; height:20px; font-size:9px; color:#636466; background-color:#d9e9f2; padding:9px 6px 0px; margin-bottom:6px; text-align:left }
.CLtext { float:right; margin:1px 5px 0px 0px }
.nextpage2 { float:right; margin:-4px 0px 0px 0px }

.compareVanDetails { width:245px; float:left; margin:3px 10px 0 0 }
.compareDetail { width:100%}
.compareDetail .info { font-weight:bold; color:#3f5a75;}

.bookmark2 { width:79px; height:16px; background-image:url(/img/icons/icon-bookmark.jpg); padding-top:3px }
.bookmark2 a:link, .bookmark2 a:active, .bookmark2 a:visited { font-size:10px; color:#58595b; padding-left:27px }
.bookmark2 a:hover, .remove a:hover { color:#333333; text-decoration:none }
.remove { float:right; width:54px; height:13px; background-image:url(/img/icons/icon-remove.jpg); margin:2px 10px 0px }
.remove a:link, .remove a:active, .remove a:visited { font-size:10px; color:#58595b; padding-left:17px }
/*	COMPARISON	*/

.textPicture {margin:0 10px 0 0;}