/* Custom Form Styles ================================================================================= */
/* Author: Kyle Kight - kyle@directorofseo.com*/
/* */
#colorsamples {width:825px; margin:20px auto 0 auto; border:1px solid #CCC;border-radius: 5px; padding:10px 15px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:none;}
#colorsamples .innerboxlayout { margin:0 auto;}
#colorsamples .box1 {border-color:#666666; border:solid; width: 370px; float:left; margin-right:30px; padding:5px 10px 10px 10px;}
#colorsamples .box2 {border-color:#666666; border:solid; width: 370px; float:left; padding:5px 10px 10px 10px;}
#colorsamples h2 { margin:5px 0 8px 0; padding:0; font-size:18px; text-align:left; font-family:Arial, Helvetica, sans-serif;}
#colorsamples .tabheading {border-bottom:4px solid #FF6600; background-color:#CCCCCC;border-radius: 3px; height:20px; margin:0 0 15px 0; padding:8px 0 0 3px;}
#colorsamples .tabheading a { background-color:#FF6600; padding:5px 10px 5px 10px; text-decoration:none; color:#FFFFFF; border-radius: 3px;}
#colorsamples ul {margin:0 0 15px 0; padding:0;}
#colorsamples ul li { list-style:none; padding:5px 0 5px 0;}
/*#colorsamples ul li input { height:20px; border:1px solid #666; width:350px; font-size:12px;}*/
#colorsamples ul .expdate {width:125px; float:left; margin:0 4px 0 4px;}
/*#colorsamples ul li select { height:20px; border:1px solid #666; width:350px; font-size:12px;}*/
#colorsamples input.total {border:1px solid #666; font-size:16px;}
#colorsamples .total {font-size:18px;}
#colorsamples .discount {font-size:12px; padding-top:5px;}
#colorsamples p { margin:3px 0 3px 0; padding:2px; font-size:12px;}
#colorsamples .bluenotice {color:#0099FF;}
#colorsamples .clear { clear:both;}

#colorsamples table { font-size:11px; width:98%; margin:0 0 0 5px;}
#colorsamples th { font-size:12px; font-weight:bold;}
#colorsamples tr {}
#colorsamples td { padding:5px 0 5px 0;}


#colorsamples .buttonbg { background-color:#F6F6F6; padding:20px; margin:15px 0 0 0; float:none;}

#colorsamples .button {
	display: block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	vertical-align: baseline;
	margin: 0 auto;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	float:none;
}
#colorsamples .button:hover {
	text-decoration: none;
}
#colorsamples .button:active {
	position: relative;
	top: 1px;
}

#colorsamples .bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
#colorsamples .medium {
	font-size: 14px;
	padding: 1em 1.5em 1em;
}
#colorsamples .small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* orange */
#colorsamples .orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
#colorsamples .orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
#colorsamples .orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
#colorsamples .red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
#colorsamples .red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
#colorsamples .red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* For /color-samples-confirmation/ */
#maincontent p { width:740px; margin:0 auto; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:normal; color:#000000;}

#shop { height:225px; max-width:700px; margin:0 auto;}
#shop a img {padding:0; margin:0;}

#shop .carports {float:left; margin:0; padding:0;}
#shop .garages {float:left; margin:0; padding:0;}
#shop .barns {float:left; margin:0; padding:0;}