/* Website Configurator CSS Document */

/***** OVERALL STYLES *****/
.page{
	margin:0 auto 64px;
	border-top:1px solid #EBEBEB;
}

/*************** TYPE STYLES ***************/	
hr{
	width:256px;
    margin:7px 2px;
}
h2{
	font-size:1.375em;
	color:#00125B; /* navy blue */
	margin:0;
	padding:0;
	font-weight:normal;
}
h3{
	text-transform:uppercase;
	font-size:1.125em;
	color:#999;
	font-weight:normal;
	
}
h4{
	margin:0;
	padding:0;
	font-size:1em;
	color:#006FB4;
	font-weight:normal;
}

/*************** HEADER STYLES ***************/	
.header {
	height:7.125em;
	width:95%;
	margin:0 auto;
}
.header_bar{
	height:1.250em;
	background:#d36a00;
}

.logo {
	float:left;
	height:5.438em;
	width:20.313em;
	margin:1.250em 0 0 0.625em; 
}
.contact {
	text-align:right;
	padding-top:2.500em;
	float:right;
}
.contact h3 {
	margin-top:1.125em;
	display:table;
	display: -moz-box;
}
.callus {
	float:right;
	text-align:left;
	border-left:0.063em solid #999;
	padding-left:0.625em;
	margin-left:0.625em;
	margin-top:0.938em;
}
strong, b {
    font-weight: bold;
}

/***** MAIN CONTENT STYLES *****/
#after{
    margin-top:0.938em;
}
#ebayInfo{
	padding:0.625em 1.250em;
	font-size:0.938em;
	margin:1.250em 0 1.563em;
	font-weight:bold;
}
.left{
    min-height:inherit;
	width:208px;
	margin:1px 28px 0 0;
	float:left;
	font-size:15px;
}
.leftInfo{
	width:100%;
}
.right{
	display:block;
	max-width:236px;
	font-size:14px;
	float:left;
}
.notes{
	display:table;
	padding-right:1.250em;
	text-align:left;
	font-weight:bold;
	color:red;
}
.loading{
	cursor:wait;
}
.warning{
	padding:0 35px 10px;
	font-weight:bold;
	font-size:20px;
	text-align:left;
}
#page .warning{
	padding:0 35px;
	font-size:18px;
}

/***** SUMMARY STYLE *****/
.summary {
	display: inline;
    float: right;
    width: 260px;
    margin: 0 0 0 16px;
}
#vehicleSummary, #itemSummary{
	box-shadow:none;
	margin:15px auto 0;
	color:#181F45;
	display:block;
	padding-bottom:10px;
	font-size:15px;
}
#vehicleSummary .summaryTitle, #itemSummary .summaryTitle{
	margin-bottom:8px;
    background:#DE7B0B;
    text-shadow:none;
    text-align:center;
    padding:6.25px 0;
}
.summaryLabel{
    width:118px;
    float:left;
    font-weight:bold;
    margin-left:2px;
}
.summaryValue{
	display:inline-block;
    width:134px;
    margin:0 2px 0 4px;
    min-height:20px;
}
.summaryValue div.stepPrice,
#priceTotal{
	width:100%;
	text-align:right;
	font-weight:bold;
}
#priceTotal{
	width:initial;
	float:right;
}


/***** SECTION STYLES *****/
.step_content{
	display:inline;
	float:left;
	width:552px;
    margin:15px 0 0 22px;
}
.step_content button{
	padding:5px;
	margin-top:24px;
}
.step_content input[type="checkbox"],
.step_content input[type="radio"]{
	margin:0 4px 0 0;
    visibility:initial;
}
.step_content button.next{
	float:right;
    right:180px;
    position:relative;
	width:84px;
}
.step_content #ymm button.next{
    right:234px;
}
.step_content button.next_color{
	background:#DE7B0B;
	color:#FFFFFF;
}
.step_content button.previous{
	float:left;
    left:180px;
    position:relative;
	width:84px;
}
.step_content a.configurator_top{
	color:black;
}
.section{
    margin-bottom:0.938em;
    background:#FFFFFF;
}
.title{
	background:#376C97;
    font-size:25px;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
	padding:6.25px 6.25px 6.25px 15.75px;
	margin-bottom:16px;
}
.sectionInfo{
    min-height:22px;
    margin:0 0 2px 0;
    text-align:right;
    vertical-align:bottom;
    color:#222222;
    display:inline-block;
    font-size:16px;
}

/***** ADD TO CART STYLE *****/
#buttonDiv{
	padding:0 0 0.250em;
	margin:3.750em auto 0.625em;
	width:37.875em;
}
#buttonDiv .title{
	background:#d36a00;
}
#button{
	padding:.75em 1.5em;
	font-size:1.625em;
	display: block;
	margin:2.50em auto 1.875em;
	outline:none;
	cursor:pointer;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	border-radius:0.5em;
	box-shadow:0 1px 0.125em rgba(0,0,0,.2);
	color:#FFFFFF;
	border:solid 1px #092849;
	background:#b0c0ff;
	background:-webkit-gradient(linear, left top, left bottom, from(#b0c0ff), to(#6A7BBD));
	background:-moz-linear-gradient(top, #b0c0ff, #6A7BBD);
}
#button:hover{
	text-decoration:none;
	background:#94A3DF;
	background:-webkit-gradient(linear, left top, left bottom, from(#94A3DF), to(#52619C));
	background:-moz-linear-gradient(top, #94A3DF, #52619C);
}
#button:active{
	position:relative;
	top:1px;
	color:#E3E3E3;
	background:-webkit-gradient(linear, left top, left bottom, from(#415296), to(#212A4E));
	background:-moz-linear-gradient(top, #415296, #212A4E);
}

.steps{
	display:inline;
	float:left;
	width:154px;
    margin-top:15px;
}
.steps .title{
	background:#FFFFFF;
	color:#181F45;
	padding:10.5px 0 0;
	font-weight:bold;
	border-bottom:2px solid;
}
.steps ul{
	margin:0;
	line-height:1.1;
}
.steps ul li{
	color:#898989;
    margin:0 0 12px;
	font-size:16px;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
.steps ul li.current_step{
	color:#181F45;
	font-weight:bold;
	text-decoration:underline;
	padding-left:8px;
}
.highlight{
	background-color:#FFFF00;
}
.configurator-height{
	font-size:15px;
    overflow:auto;
    max-height:500px;
}

/*****  AVERYS IFRAME STYLE  *****/
.averys_iframe{
	margin:0 auto;
	padding-top:15px;
	width:674px;
}

/**********************************for configure.css*/
#ymm_content{
    width:448px;
	float:none;
    margin:16px 0 0;
}
.left{
    min-height:inherit;
	width:176px;
	margin:0px 12px 0 0;
	float:left;
	font-size:15px;
}
#title{
	background:#FFFFFF;
    color:#000000;
    padding:0;
    margin:0 0 16px;
    border-bottom:1px solid #5093C9;
}
.step_content #ymm button.next{
    right:70px;
    width:308px;
    background:#5092C9;
    background:linear-gradient(to bottom, #5093C9 0%, #30348E 100%);
    border-radius:6px;
    color:#FFFFFF;
    font-size:22px !important;
    padding:16px 0;
    margin:24px 0 48px;
}
.step_content #ymm button.next:hover, .step_content #ymm button.next:active {
    background:#DE7B0B;
    background:linear-gradient(to bottom, #DE7B0B 0%, #DE7B0B 100%);
    box-shadow:1px 1px 4px #444 inset;
    border:1px solid white;
}
/**********************************for configure.css*/