/*******Structure******/
div#selectOptionsWrapper{
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	*padding:0 0 0 0;
	display:block;
	width:980px;
	float:left;
	height:520px;
}
h1#title{
	line-height:normal;
	margin:0pt 0pt 15px 0px;
	padding:0pt;
	text-transform:capitalize;
}
div#selectOptions{
	border:2px solid black;
	margin:10px;
	padding:4px;
	display:block;
	width:721px;
	float:left;
	position: relative;
	background: #ccc;
}

div#selectTrim{
	margin:0;
	padding:0;
	display:block;
	width:450px;
	float:right;
}
/*div#selectOptions h3{

}*/
div#selectOptions div#optionPageTop{
	margin:0;
	padding:0;
	float: left;
	width:100%;
}
div#selectOptions div#optionPageTop h3, #accessoriesContent h3{
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	margin-bottom: 15px;
	float:left;
}
div#selectOptions div#optionPageTop a#continueButton{
	margin:0;
	padding:0;
	float:right;
	text-decoration:none!important;
	border-style:none;
}
div#selectOptions div#optionPageTop a#continueButton img{
	text-decoration:none;
	border-style:none;
}
div#selectOptions h4{
	font-family:Verdana;
	font-size:11px;
	color:#000;
	padding: 5px 0 0 20px;
	clear: both;
	margin-bottom:10px;
}
div#selectOptions .tableContainer{
	float: left;
	width: 29%;
	padding-right: 4%;
}
div#selectOptions table{
	border-color: #7b7b7b;
}
div#selectOptions table tr td{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color: #7b7b7b;
	xmargin-bottom:3px;
	*margin-top:-15px;
	padding-left:5px;
	padding-right:5px;
	font-size: 10px;
	line-height: normal;
}
div#selectOptions table tr td img{
	margin-right: 5px;
	margin-left: 5px;
}
div#color{
	display: none;
}
div#selectOptions form fieldset{
	border:none;
	margin:0;
	padding:0;
	display:block;
	width:100%;
	float:left;
}
div#selectOptions form fieldset div.odd{
	border:none;
	display:block;
	margin:0;
	width:55%;
	*width:54%;
	padding:0;
	float:left;
}
div#selectOptions form fieldset div.even{
	float:left;
	display:block;
	border:none;
	margin:0;
	padding:0;
	width:45%;
	*width:46%;
}
div.formLine{
	margin:5px 0 0 0;
	*margin:0px 0 0 0;
	padding:0;
	width:100%;
	display:block;
	float:left;
	font-family:Verdana;
	font-size:12px;
}
div#selectOptions form fieldset div label{
	font-family:Verdana;
	font-size:11px;
	color:#000;
	margin-bottom:3px;
	*margin-top:0px;
	float:left;
}
div.formLine span#first{
	margin:0 10px 0 5px;
	padding:0;
	float:left;
}
div.formLine span{
	margin:0px 0 0 10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	float:left;
	color:#7b7b7b;
}
div.spacer{
	margin:0px 0 0 0;
	padding:20px 0 0 0;
	*padding:20px 0 0 0;
	width:100%;
	float:left;
}
div.formLine input{
	margin:0px 0 0 0;
	padding:0;
	float:left;
}
div.alignOptions{
	float:left;
	margin:5px 0pt 0pt 8px;
	*margin:2px 0pt 0pt 8px;
}
div.alignOptions span{
	margin-right:5px;
}
div.formLine img#color{
	float:right;
	margin-top:-4px;
	padding-right:0px;
}
div.formLine img{
	margin:0;
	padding:0;
}
div.formLine span.colorDescription{
	font-family:Verdana;
	font-size:10px;
	padding-left:12px;
	display:block;
	width:200px;
	margin:10px 0 0 0;
}
div#selectTrim div.formLine label{
	color:#000;
	font-size:12px;
	font-weight:bold;
}
div.vehiclesContainer{
	width:400px;
	float:left;
	display:block;
	background:url(../images/BYO/bkg_thumbs.gif) repeat-x;
	height:558px;
	margin-top:15px;
}
div.thumbnailContainer{
	width:380px;
	float:left;
	display:block;
	margin: 30px 0 0 25px;
	_margin: 30px 0 0 12px;
	text-align:center;
}
div.thumbnail{
	width:154px;
	float:left;
	display:block;
	background:url(../images/BYO/frame_thumbs.gif) no-repeat;
	height:143px;
	margin-bottom: 25px;
}
div.thumbnailSpacer{
	width:40px;
	height:1px;
	display:block;
	float:left;
}
div.thumbnail span{
	color:#000;
	font-family:Verdana;
	font-size:10px;
	margin-top:-2px;
	display:block;
	line-height:13px;
}

div.thumbnail span.msrp{
	color:#7b7b7b;
}
div.thumbnail a{
	background:url(../images/common/btn_customize.gif) no-repeat;
	width:128px;
	height:19px;
	text-decoration:none;
	border:none;
	display:block;
	margin-top:10px;
	margin-left:14px;
	_margin-left:7px;
	float:left;
}
/*****************************************************************************************************
									SUMMARY Page
*****************************************************************************************************/
/*PRINCIPAL PANEL*/
#masthead{
	margin:0;
	padding:0;
	width:980px;
	height:300px;
	display:block;
}
#container {
	background:url(../images/BYO/background.jpg) no-repeat 40px 0px;
	background-color:#fff;
	margin:0;
	padding:0;
	width:1050px;
	*width:1050px;
}
/*All the properties  of the Left Panel*/
#leftPanel {
	margin:40px 0 0 30px;
	_margin:40px 0 0 15px;
	padding:0;
	width:600px;
	float:left;
}
#leftPanel ul {
	padding:20px 0 0 0;
	margin:0;
	width:600px;
	float:left;
	list-style:none;
}
#leftPanel ul li {
	background:url(../images/BYO/summary/little_box_background.gif) no-repeat;
	margin:0 0 0 15px;
	padding:15px 30px 0 10px;
	height:160px;
	width:138px;
	float:left;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#7b7b7b;
	list-style:none;
}
#leftPanel ul li a {
	margin:-2px 0 0 0;
	padding:0;
	color:#7298ba;
	text-decoration:underline;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
/*LINKS PRINT AND EMAIL*/
#leftPanel ol#Links{
	margin:-30px -15px 0 0;
	padding:0;
	list-style:none;
	float:right;
	width:185px;
	height:18px;
}
#leftPanel ol#Links li{
	margin:0;
	padding:0;
	height:25;
	width:82px;
	float:left;
	list-style:none;
}
#leftPanel ol#Links li a{
	margin:0;
	padding:0;
	color:#7298ba;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#leftPanel ol#Links li span#Email{
	background:url(../images/icon_email.gif) no-repeat;
	margin:5px 0 0 0;
	padding:0;
	height:20px;
	width:20px;
	display:block;
	float:left;
}
#leftPanel ol#Links li span#Print{
	margin:5px 0 0 0;
	padding:0;
	background:url(../images/print_icon.gif) no-repeat;
	height:20px;
	width:20px;
	display:block;
	float:left;
}
/*BUTTOM LIST*/
#list {
	background:url(../images/BYO/summary/box_2.gif) repeat-x;
	margin:0px 0 0 20px;
	padding:0;
	width:528px;
	height:250px;
	display:block;
	float:left;
	overflow:hidden;
	padding-left:7px;
}
#list h1{
	margin:0;
	padding:10px 0 0 7px;
	width:300px;
	height:25px;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#CCCCCC;
}
#list ol{
	margin:5px 0 0 0;
	padding:0 0 0 10px;
	height:200px;
	width:585px;
	list-style:none;
}
#list ol li{
	margin:0;
	padding:0;
	height:190px;
	width:195px;
	float:left;
	list-style:none;
}
#list ol li h2{
	margin:0;
	padding:10px 0 0 0;
	color:#CCCCCC;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
}
#list ol li h3{
	margin:0;
	padding:4px 0 0 0;
	color:#7b7b7b;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#leftPanel span{
	margin:0 0 0 19px;
	padding:0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#7298ba;
	display:block;
	float:left;
	width:500px;
}
#leftPanel span a{
	color:#7298BA;
}
/*All the properties  of the Right Panel*/
#rightPanel{
	margin:10px 0 0 20px;
	padding:0;
	xheight:420px;
	float:left;
	display:block;
	width: 202px;
	border: 2px solid #000;
}
#rightPanel span#title{
	border:2px solid #ccc;
	padding:10px 0px 10px 3px;
	background-color:#ccc;
	color:#000;
	font-weight:bold;
	font-size:11px;
	display:block;
	width:195px;
}
#rightPanel ul{
	margin:0 0 10px 0;
	padding:0 0 10px 6px;
	list-style:none;
	display:block;
	xposition: relative;
	xleft: -10px;
}
#updateBt{
	margin:  0 0 0 6px;
}
#rightPanel div.rightContent{
	border:2px solid #ccc;
	padding:0;
	width:198px;
	float:left;
	display:inline;
}
#rightPanel div.rightContent hr{
	margin:0;
	padding:0;
}
#rightPanel ul#currentOffers{
	margin:10px 0 0 25px!important;
	padding:0;
	width:215px;
	list-style:none;
}
#rightPanel ul#currentOffers span{
	margin:0;
	padding:2px 0 0 0;
	color:#7298ba;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#rightPanel ul#accesories{
	margin:5px 0 0 25px!important;
	padding:0;
	width:215px;
	list-style:none;
}
#rightPanel ul li{
	margin:0 0 3px 0;
	padding:0;
	list-style:none;
	float: left;
}
#rightPanel ul li.right{
	float: right;
	text-align: right;
}
#rightPanel ul li.clear{
	clear: both;
	width: 200px;
	display: block;
	float: none;
}
#rightPanel ul li.separator{
	clear: both;
	width: 190px;
}
#rightPanel ul li.right h1{
	margin:0;
	padding:0;
	color:#000;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:90px;
}
#rightPanel ul li.right h1 span#netPriceSpan{
	margin:0;
	padding:2px 0 0 0;
	color:#000;
	font:10px Verdana, Arial, Helvetica, sans-serif;

}
#rightPanel ul#summaryColor{
	display:none;
}
#rightPanel hr{
	display:none;
}
#rightPanel ul li h1{
	margin:2px 0 0 0;
	padding:0;
	color:#000;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:120px;
}
#rightPanel ul li h1 sup{
	margin:0;
	padding:0;
	font:8px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

#rightPanel ul li h2{
	margin:0 5px 0 0;
	padding:0;
	color:#000;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#rightPanel ul li h2 sup{
	margin:0;
	padding:0;
	font:8px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
#rightPanel #Buttom{
	margin:20px 0 0 67px;
	xmargin:20px 0 0 40px;
	padding:0;
	height:25px;
	display:block;
	background:url(../images/BYO/summary/btn-estimate.gif) no-repeat;
	overflow:hidden;
	float:left;
	text-decoration:none;
}
.chkBox{
	margin:0 -5px 0 0;
	padding:0;
	width:19px;
	height:19px;
}
#rightPanel div#optionPageRight{
	float:left;
}
#rightPanel div#optionPageRight div.box{
	margin:7px 0;
	padding:2px 6px ;
	width:190px;
	background-color:#E9E8E8;
	display:block;
}
#rightPanel div#optionPageRight div#boxAppraisal{
	*padding: 10px 0;
}
#rightPanel div#optionPageRight div.box p
{
	color:#000;
	font-weight:bold;
	font-size:12px;
	width: 150px;
}
#rightPanel div#optionPageRight div.box p a{
	font-weight:normal;
}
div#selectOptions form fieldset legend{
	float:left;
	display:block;
	margin:0;
	padding:0;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding-bottom:10px;
	*padding-bottom:30px;
	width:50%;
}
#selectOptions a{
	color:#000000;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#selectOptions a:hover{
	color:#0000ff;
}
#selectOptions .secondColumn a{
	display: block;
	margin:  0
}
#selectOptions .secondColumn sup{
text-decoration: none;
}
#selectOptions a img{
	margin:0 30px 0 0;
	padding:0;
	text-decoration:none;
	float:right;
	border-style:none;
}
.separatorPH {
	margin:0 5px 0 5px;
  color: #01CAFE;
}
ul.optionsTile {
	clear:both;
	list-style:none;
}
ul.optionsTile li {
	float: left;
	list-style:none;
}
ul.optionsResult {
	list-style:none;
	clear:both;
	padding:0px 0px 0px 20px;
	margin:0px;
	width: 285px!important;
}
ul.optionsResult li {
	float: left;
	list-style:none;
}
.firstColumn{
	width:20px;
	background:url(../images/BYO/summary/checkBox.png) no-repeat left;
}
.firstColumn input{
	background:url(../images/BYO/summary/checkBox.png) no-repeat left!important;
}
.secondColumn{
	width:200px;
	.width:180px;
	margin-rigth:10px;
	margin: 0 10px 10px 0;
}
.thirdColumn{
	color:#7B7B7B;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	line-height:normal;
	padding-left:2px;
	padding-right:2px;
}
div#summaryPageTop ul {
	list-style:none;
	clear:both;
}
div#summaryPageTop ul li {
	/*color:#7B7B7B;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	line-height:normal;*/
	background:#CCCCCC none repeat scroll 0 0;
	color:#7B7B7B;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:132px;
	line-height:normal;
	padding:15px 30px 0pt 10px;
	width:140px;
	float:left;
	list-style:none;
}
a.continueButton{
	text-decoration:none;
	float: right;
	margin-left: 300px;
	*margin-left: 250px;
}
.printSection{
	background:none !important;
	clear:both;
	height:20px !important;
}
a.emailIcon{
	text-decoration:none;
	float:right;

}
a.emailIcon img{
	border:none;
	float:left;
	margin: 3px 0 0 0px;
}
a.emailIcon span{
	text-decoration:underline;
	padding-left:2px;
	xfloat:left;
	margin-right:10px
}
a.printIcon{
	text-decoration:none;
	float:right;
}
a.printIcon img{
	border:none;
	float:left;
	margin: 1px 0px 0 2px;
}
a.printIcon span{
	text-decoration:underline;
	padding-left:2px;
	xfloat:left;
}
table{
	border:0;
}
#optiondetailContent table{
	background:#fff url(../images/BYO/summary/background_box.gif) no-repeat -5px -5px;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#closeBtn {
	background:transparent url(../images/PromotionalApp/btn_close.gif) no-repeat scroll 0%;
	cursor:pointer;
	float:right;
	height:22px;
	width:54px;
	padding-left:0px;
}
#optiondetailContent{
	border:0;
	background:#fff;
}
div#descDetailed{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}
span#optionTextPopupMessage a{
	color:#7298BA;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:-2px 0pt 0pt;
	padding:0pt;
	text-decoration:underline;
}
span#optionTextPopupMessage img{
	border: 0;
	float:right;
	margin: -12px 1px 0 0;
}
.optionTextPopup{
	font-size:10px;
}
table{
	border:0px;
}
#optionTextPopupOptions{
	background: transparent !important;
}
#optionTextPopupMessage {
	border: none;
}
/**FOR TWO COLUMNS STYLE**/
.categorySection h4{
	margin-bottom: 10px;
}

.categorySection{
	padding: 10px;
	float:left;
	display: block;
}

#selectOptions .rigthItem{

}
#selectOptions .leftItem{

}
#selectOptions hr{
	width: 656px;
	color: #9d9da1;
}
#optionPageBottom{
	padding-top: 50px;
	clear:both;
}
#optionPageBottom a#continueLastButton {
	margin:-10px 0 0 0;
	padding:0;
	float:right;
	text-decoration:none!important;
}
#optionPageBottom a#continueLastButton img{
	text-decoration:none;
	border:none;
}
#optionPageBottom .continueButton{
	margin: -13px 47px 20px 0px;
}
#summaryPageBottom{
	padding-top: 50px;
	clear:both;
}
.leftContent{
	float: left;
	width: 340px;
	*width: 300px;
	padding:0px;
	margin-right: 20px;
}
#POWERTRAIN, #INTERIOR{
	float: right;
}
#EXTERIOR{
	clear: both;
}
.rightContent{
}
#accessoriesContent{
	width: 666px;
	/*_width:580px;*/
	float: left;
}
.epLink {background-color:#eee;margin:5px 0 5px 50px;padding:3px 20px 3px 20px;}
/* popup layers */
#modalWinMask {position:absolute; top:0; left:0; padding:0; margin:0; background:black; Filter:Alpha(opacity=25); -moz-opacity:.25; opacity:.25; z-index:1;}
#loadingMask {position:absolute; width:100px; height:100px; top:0; left:0; padding:0; margin:0;background:green; visibility:hidden; z-index:99;}
#optionWinMask {position:absolute; top:0; left:0; padding:0; margin:0;background:black; Filter:Alpha(opacity=25); -moz-opacity:.25; opacity:.25; z-index:1;}
#optionDetailDialog {border:1px solid #4f5b6a; position:absolute; width:400px; background:#000; z-index:2;}
#conflictDialog {
	border:1px solid #000;
	position:absolute;
	width:400px;
	z-index:2;
	background: #fff;
}
#conflictContent{
	text-align: left;
	list-style-type: none;
	padding: 10px;
}

#conflictContent #btnCancel{
	float: right;
	margin-right: 10px;
}

#conflictContent li{
	list-style: none;
	padding-bottom: 5px;
}

#conflictContent input[type='checkbox']{
	margin-right:5px;
}

#submissionAlert {
	z-index: 20;
	display: block;
	position: absolute;
	height: 200px;
	width: 450px;
	background:#DDDDDD;
	border:1px solid black;
	text-align: center;
	padding: 30px 0 0 0;
}
#senderLinks{
	display: none;
}
#configureRegion{
	border: 2px solid #000;
	background-color: #cccccc;
	width: 269px;
	height: 160px;
	position: absolute;
	z-index: 100;
	top: 25%;
	left: 32%;
}
#configureDealerTitle{
	font-weight: bold;
	margin-left:5px;
}
#zipCodeP,#countyP,#cmbCounties,#submitModifySearch,#newZipText{
	margin-left:5px;
}
#divEditZipCode,#divEditCounty{
	float:left;
	width:160px;


}


.priceBoxright{width: 56px;}
.priceBoxLeft{width: 123px;}


#priceDetail{
clear:both;
}

#leftTotalMSRP,#rightTotalMSRP{
border-top:1px solid black;
}
#leftafter, #rightafter{
border-top:1px solid black;
font-weight: bold;
}

#priceTop{
background-color:#E0DFE3 ;
border-bottom:1px solid black;
padding-bottom:15px;
float:right
}
#priceTop span{
	display: block;

	}
#belowTop{
float: right;
margin-bottom: 12px;
width: 150px;
text-align: right;
}
#yourPriceTopLlb{
float: left;
width: 72px;
}

#yourPriceTop{
font-size: 24px;
font-weight: bold;
float: right;
}
#lavTolLbl{
width: 100px;
float: left;
}
#lavTop{
font-size: 24px;
font-weight: bold;
float: right;
}
#lavTopLink{
float: right;
width: 190px;
text-align: right;
}

#inventoryId1{
 font-size: 15px;
 font-weight: bold;
}

#optionHoverFrame {
	position: absolute;
	background-color: #404040;
	width: 132px;
	height: 129px;
}


#optionHoverFrame .optionHover a {
	position: relative;
	left: 31px;
	color: white;
	font-size: 11px !important;
}

#optionHoverFrame .optionHover img {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#cbtDisclaimer{
	float:left;
	margin-left:10px;
}

#cbtAllAccessories{
	float:left;
	margin-left:10px;
	padding-bottom: 10px;
}

#cbtAllAccessories a{
	color: #0000FF;
}

