@charset "utf-8";
/* CSS Document */
/* Begin main styles */

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #4b4b4b;
	margin: 10px 0px 0px 0px;
	text-align: center;
	background-image: url(../assets/bg_til.jpg);
	background-repeat: repeat-x;
  	}
	
a, a:visited {
	font-size: 11px;
	color: #3b8ad7;
	}
	
a:hover {
	color: #d95413;
	}
	
ul	{
	margin-top: 0; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-image: url(../assets/bullet.gif);
	}
	
ul.bulletPlus	{
	margin-top: 0; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;  
	padding-left: 5px;
	list-style-image: url(../assets/bullet-plus.png);
	}
	
ul.bulletHollow	{
	margin-top: 0; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;  
	padding-left: 5px;
	list-style-image: url(../assets/bullet-hollow.png);
	}
	
	
/* header */

#headerNest {
	clear: both;
	margin: auto;
	width: 961px;
	height: 85px;
	text-align: left;
	}
	
#logoNest {
	clear: left;
	float: left;
	margin-left: 29px;
	}	
	
#navNest {
	clear: right;
	float: right;
	margin-right: 27px;
	margin-top: 47px;
	height: 38px;
	}	
	
/* navigation */

#left {
	clear: none;
	float: left;
	background: url(../assets/nav-btn-L-off.png);
	height: 38px;
	overflow: hidden;
	font-size: 16px;
	color: #606060;
	}
	
#right {
	clear: none;
	float: left;
	background-image: url(../assets/nav-btn-R-off.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 38px;
	overflow: hidden;
	font-size: 16px;
	color: #606060;
	}
	
#left:hover, #leftOn {
	clear: none;
	float: left;
	background: url(../assets/nav-btn-L-on.png);
	height: 38px;
	overflow: hidden;
	cursor: pointer;
	font-size: 16px;
	color: #FFFFFF;
	}
	
#right:hover, #rightOn {
	clear: none;
	float: left;
	background-image: url(../assets/nav-btn-R-on.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 38px;
	overflow: hidden;
	font-size: 16px;
	color: #FFFFFF;
	}

#text {
	position: relative;
	clear: none;
	float: left;
	padding: 8px 24px 12px 36px;
	}	
	
#leftClipped {
	clear: none;
	float: left;
	background: url(../assets/nav-btn-LC-off.png);
	height: 38px;
	overflow: hidden;
	font-size: 16px;
	color: #606060;
	}
	
#rightClipped {
	clear: none;
	float: left;
	background-image: url(../assets/nav-btn-R-off.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 38px;
	overflow: hidden;
	font-size: 16px;
	color: #606060;
	}
	
#leftClipped:hover, #leftClippedOn {
	clear: none;
	float: left;
	background: url(../assets/nav-btn-LC-on.png);
	height: 38px;
	overflow: hidden;
	cursor: pointer;
	font-size: 16px;
	color: #FFFFFF;
	}
	
#rightClipped:hover, #rightClippedOn {
	clear: none;
	float: left;
	background-image: url(../assets/nav-btn-R-on.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 38px;
	overflow: hidden;
	font-size: 16px;
	color: #FFFFFF;
	}

#textClipped {
	position: relative;
	clear: none;
	float: left;
	padding: 8px 24px 12px 29px;
	}
	
a.navLink, a.navLink:visited {
	font-size: 16px;
	color: #606060;
	text-decoration: none;
	}
	
a.navLink:hover, .navLinkOn  {
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	}
	
/* local nav */

#lNavNest {
	clear: both;
	margin: auto;
	width: 961px;
	height: 10px;
	background-image: url(../assets/lnav_ground.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
	
/* body */

#bodyNest {
	clear: both;
	margin: auto;
	width: 903px;
	background-image: url(../assets/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	padding: 17px 28px 10px 28px;
	background-color: #E8EBF0;
	}
	
#bodyNestBottom {
	clear: both;
	margin: auto;
	width: 961px;
	height: 5px;
	background-image: url(../assets/body_bg_bottom.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	}
	
#contentNestTop {
	clear: both;
	margin: auto;
	width: 903px;
	height: 6px;
	background-image: url(../assets/content-frame-top.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-color: #e8ebf0;
	}
	
#contentNest {
	clear: both;
	margin: auto;
	width: 837px;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	padding: 14px 32px;
	}

#contentNestBottom {
	clear: both;
	margin: auto;
	width: 903px;
	height: 6px;
	background-image: url(../assets/content-frame-bottom.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
	
/* selection tabs and container */

#tabsContainer {
	clear: both;
	margin: auto;
	width: 825px;
	height: 35px;
	background-image: url(../assets/inside-frame-top-ground.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	padding: 0 6px;
	}
	
#selectTitle {
	position: relative;
	float: left;
	clear: left;
	width: 129px;
	height: 17px;
	padding-top: 8px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #f26622;
	}
	
.selectTab {
	position: relative;
	float: left;
	clear: none;
	width: 125px;
	height: 27px;
	padding-top: 8px;
	background-image: url(../assets/select-tab-off.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	}

.selectTab:hover {
	position: relative;
	float: left;
	clear: none;
	width: 125px;
	height: 27px;
	padding-top: 8px;
	background-image: url(../assets/select-tab-on.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #3f8dd9;
	cursor: pointer;
	}
	
.selectTabOn {
	position: relative;
	float: left;
	clear: none;
	width: 125px;
	height: 27px;
	padding-top: 8px;
	background-image: url(../assets/select-tab-selected.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #3f8dd9;
	cursor: pointer;
	}
	
#mainContent {
	clear: both;
	margin: auto;
	width: 797px;
	padding: 15px 19px;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	text-align: left;
	background-color: #FFFFFF;
	}
	
#empty {
	clear: both;
	margin: auto;
	width: 757px;
	height: 5px;
	text-align: left;
	background-color: #FFFFFF;
	}
	
#mainContentBottom {
	position: relative;
	float: left;
	clear: both;
	margin: auto;
	width: 837px;
	height: 6px;
	background-image: url(../assets/inside-frame-bottom-ground.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	}
	
#leftContentNest {
	position: relative;
	float: left;
	clear: right;
	text-align: left;
	}
	
#rightContentNest {
	position: relative;
	float: right;
	clear: right;
	text-align: left;
	width: 535px;
	border-left: 1px dotted #9e9e9e;
	}

/* form elements */

#formNest {
	position: relative;
	float: left;
	clear: both;
	text-align: left;
	width: 250px;
	height: 30px;
	}
	
.select {
	width: 95px;
	height: 19px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #4b4b4b;
	}
	
/* vehicle details */

#vehicleNest {
	position: relative;
	clear: left;
	float: left;
	width: 260px;
	}
	
#vehicleTitle {
	position: relative;
	clear: both;
	float: left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #3485d4;
	font-weight: bold;
	padding: 0 0 10px 6px;
	}
	
#vehiclePicture {
	position: relative;
	clear: both;
	float: left;
	width: 230px;
	height: 145px;
	border: 1px solid #acacac;
	padding: 2px 2px;
	}
	
#vehicleDetails {
	position: relative;
	clear: both;
	float: left;
	width: 236px;
	padding: 8px 0;
	}
	
td.LightCell {
	padding: 2px 6px 3px 6px;
	}
	
td.DkCell {
	padding: 2px 6px 3px 6px;
	background-image: url(../assets/dkCell-bgground.jpg);
	background-repeat: repeat-x;
	border-top: 1px dotted #9a9a9a;
	border-bottom: 1px dotted #9a9a9a;
	}	
	
/* right portion*/

#actionButtons {
	position: relative;
	clear: both;
	float: right;
	text-align: right;
	}
	
.btnLeft {
	clear: none;
	float: left;
	background: url(../assets/btn-action-left.jpg);
	height: 29px;
	overflow: hidden;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	}
	
.btnRight {
	clear: none;
	float: left;
	background-image: url(../assets/btn-action-right.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 29px;
	overflow: hidden;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	}
	
.btnLeft:hover {
	clear: none;
	float: left;
	background: url(../assets/btn-action-left_on.jpg);
	height: 29px;
	overflow: hidden;
	cursor: pointer;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	}
	
.btnRight:hover {
	clear: none;
	float: left;
	background-image: url(../assets/btn-action-right-on.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 29px;
	overflow: hidden;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	}

.actionBtnText {
	position: relative;
	clear: none;
	float: left;
	padding: 5px 20px;
	}	
	
#map {
	position: relative;
	clear: both;
	float: right;
	width: 500px;
	height: 278px;
	margin-top: 10px;
	border: 1px solid #acacac;
	padding: 2px 2px;
	}
	
/* message */

#messageNest {
	clear: both;
	margin: auto;
	width: 693px;
	height: 102px;
	margin-top: 10px;
	padding: 15px 25px 0 185px;
	text-align: left;
	background-image: url(../assets/mesage-ground.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
	
#messageNestShort {
	clear: both;
	margin: auto;
	width: 693px;
	height: 88px;
	margin-top: 10px;
	padding: 15px 25px 0 185px;
	text-align: left;
	background-image: url(../assets/mesage-ground-short.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
	
.orangeMsgHdr {
	font-size: 14px;
	color: #f26622;
	font-weight: bold
	}
	
/* information content left */

#processDetails {
	position: relative;
	clear: both;
	float: right;
	width: 500px;
	padding: 10px 0 0 0;
	}
	
td.LightCellprocessDetails {
	padding: 2px 6px 3px 6px;
	border-bottom: 1px dotted #9a9a9a;
	border-top: 1px slid #FFFFFF;
	}
	
td.DkCellprocessDetails {
	padding: 2px 6px 3px 6px;
	border-bottom: 1px dotted #9a9a9a;
	border-top: 1px slid #FFFFFF;
	background-color: #f6fbff;
	}	
	
td.optionCells {
	padding-left: 5px;
	}
	
td.optionCellsIndent {
	padding-left: 20px;
	}
	
.smallTxtBox {
	width: 80px;
	font-size: 9px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	}	
	
.orangeFootnote {
	font-size: 10px;
	color: #f26622;
	font-weight: bold
	}