/* Ebay Configurator CSS Document -AUG 2014 */

/***** OVERALL STYLES *****/
body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#EEEEEE;
}
.page{
	width:80%;
	max-width:65em;
	margin:0px auto;
}
.clear{
	clear:both;
}

/*************** TYPE STYLES ***************/	
h1 {
	font-size:2.25em;
	margin:0.500em 0.625em 0.938em;
	font-weight:normal;
}
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;
}
p {
	color:#666;
	font-size:1em;
	line-height:100%;
	margin:0 0 1.250em;
}

/*************** 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;
}

/***** MAIN CONTENT STYLES *****/
#ebayInfo{
	padding:0.625em 1.250em;
	font-size:0.938em;
	margin:1.250em 0 1.563em;
	font-weight:bold;
}
.left{
	width:15em;
	float:left;
	margin-right:0.625em;
	font-size:0.938em;
}
.leftInfo{
	width:100%;
}
.right{
	display:block;
	max-width:33.500em;
}
.notes{
	display:table;
	padding-right:1.250em;
	text-align:left;
	font-weight:bold;
	color:red;
}
.loading{
	cursor:wait;
}
.hidden{
	display:none;
}

/***** SUMMARY STYLE *****/
#summary{ 
	box-shadow:none;
	margin:1.250em auto; 
	color:#555;
	display:block;
	width:30em;
	border:1px black solid;
	padding-bottom:0.625em;
	font-size:0.938em;
}
#summary .summaryTitle{
	margin-bottom:0.625em;
	background:#d36a00;
	text-shadow:none;
}
.summaryLabel{
	width:15.75em;
	float:left;
	font-weight:bold;
	margin-left:0.625em;
}
.summaryValue{
	display:inline-block;
	padding: 0 1.250em;
}

/***** SECTION STYLES *****/
.section{
	margin-bottom:0.938em;
	background:#FFF;
	box-shadow:0 0.188em 0.125em rgba(60, 60, 60, .5);
}
.title{	
	background:#376C97;
	background:-webkit-gradient(linear, left top, right top, from(#5093C9), to(#376C97));
	background:-webkit-linear-gradient(left, #5093C9, #376C97);
	background:-moz-linear-gradient(left, #5093C9, #376C97);
	background:-ms-linear-gradient(left, #5093C9, #376C97);
	background:-o-linear-gradient(left, #5093C9, #376C97);
    font-size:1.563em;
    font-family:Arial, Helvetica, sans-serif;
    text-shadow:2px 2px black;
    color:#FFF;
    padding:0.250em 0.250em 0.250em 0.625em;
	margin-bottom:0.750em;
}
.sectionInfo{
    padding-bottom:0.750em;
	text-align:right;
	vertical-align:bottom;
	color:#222222;
    font-size:1em;
}

/***** 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:#FFF;
	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);
}


/***** BROWSER STYLES *****/
.cf:before, .cf:after { 
	content:"";
	display:block;
}
.cf:after {
	clear:both;
}

/***** MED SCREEN STYLES *****/
@media screen and (min-width: 10em) and (max-width: 71.875em){
 	#page {
		padding:0;
		margin:auto;
		width:95%;
		min-width:43.875em;
		max-width:55.750em;
	}
	.logo{
		margin:1.250em auto 0; 
		display:block;
		float:none;
		width:25.000em;
		height:6.250em;
	}
	.header{
		height:14.375em;
	}
	.callus{
		float:none;
		text-align:center;
		border-left:0 solid #999;
		padding-left:0;
		margin:0.625em 0 0;
	}
	.contact{
		padding:0;
		float:none;
	}
	.contact h3{
		margin-top:0.313em;
		text-align:center;
		display:block;
	}
	h1{
		margin:1.250em 0 0.938em;
	}
	h2 {
		font-size:1.875em;
		font-weight:bold;
	}
}