@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #444;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #cfcfcf none repeat-y center top;
}

#bodybg {
	background: #cfcfcf url(../img/body-bg-shadow.gif) repeat-y center top;
}

a:link {
	color: #5f3720;
	text-decoration: none;
	border-bottom: 1px solid #7c675b;
}

a:visited {
	color: #5f3720;
	text-decoration: none;
	border-bottom: 1px dotted #7c675b;
}


#container {
	width: 100%;
	background: transparent url(../img/pagetop-gradient-bg.gif) repeat-x left top;
	min-width: 900px;
}

.contentwidth {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	display: block;
	clear: both;
}

.noshow {
	display: none;
}

/* @group header */

#header {
	height: 227px;
	padding-right: 35px;
	padding-left: 35px;
	background: #fff url(../img/body-topcap.gif) 0 top;
	margin-top: 0;
	padding-top: 0;
}

#header div#logo {
	width: 517px;
	height: 177px;
	margin: 0;
	padding: 0;
	float: left;
}

#header div#logo h1 {
	margin: 0;
	padding: 0;
	height: 177px;
	width: 517px;
	float: left;
}

#header div#phonenumber {
	width: 375px;
	height: 177px;
	float: right;
	background: url(../img/callorclickforquote-pagetop.gif) no-repeat center center;
}

#header div#phonenumber h3 a,
#header div#phonenumber h2 a {
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	width: 375px;
	float: left;
	height: 151px;
	text-decoration: none;
	border-style: none;
	display: block;
	border-width: 0;
}

/* @end */

/* @group Intro */

#intro {
	display: block;
	padding-right: 35px;
	padding-left: 35px;
	width: 900px;
	padding-bottom: 40px;
	background: #cfcfcf url(../img/body-bg-shadow.gif) repeat-y center top;

}

#intro div#intro-bgtop {
	background: url(../img/body-topsection-topshadow.gif) repeat-x center top;
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
}

#intro div#introheader h1 {
	color: #e96f35;
	padding-right: 70px;
	padding-left: 70px;
	margin-bottom: 25px;
	text-align: left;
	line-height: 1em;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
}


#intro div#introtext {
	float: left;
	width: 295px;
	margin-left: 70px;
}

#intro div#introtext p {
	color: #4a4a4a;
	line-height: 1.85em;
}

#intro div#mainphoto {
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}

/* @end */

/* @group More text */

#moretext {
	display: block;
	background: #cfcfcf url(../img/body-bg-shadow.gif) repeat-y center top;
	padding: 0 35px 40px;
	margin-top: 0;
}

#moretext h1,
#moretext h2,
#moretext h3,
#moretext h4 {
	margin-left: 70px;
	margin-right: 70px;
	margin-top: 0;
	padding-top: 20px;
}

#moretext p {
	margin-left: 70px;
	margin-right: 70px;
}




/* @end */



/* @group Bullet Points */

#bullet-points {
	display: block;
	padding-right: 35px;
	padding-left: 35px;
	width: 900px;
	background: #cfcfcf url(../img/body-bg-shadow.gif) repeat-y center top;

}

#bullet-points-bgtop {
	background: url(../img/bulletsection-topshadow.gif) repeat-x center top;
	display: table;
	width: 900px;
}

#bullet-points span {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	min-height: 256px;
	background: url(../img/bulletsection-bottomcap.gif) repeat-x center bottom;
}

#bullet-points div#firstcol {
	width: 357px;
	padding-left: 70px;
}

#bullet-points div.column {
	margin-top: 55px;
	float: left;
	padding-left: 70px;
	padding-bottom: 46px;
}

#bullet-points div.column h3 {
	margin: 0;
	padding: 0;
	height: 37px;
}

#bullet-points div#firstcol h3 {
	background: url(../img/bulletsection-header-applications.gif) no-repeat left top;
	float: none;
	display: block;
	overflow: hidden;
	padding-left: 330px;
	width: 0;
	
}

#bullet-points div#secondcol h3 {
	background: url(../img/bulletsection-header-features.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	padding-left: 330px;
	width: 0;
}


#bullet-points div.column ul {
	margin: 0 0 0 13px;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
	color: #4a4a4a;
	line-height: 1.8em;
}

/* @end */

/* @group Blueprint */

#blueprint-container {
	display: block;
	width: 970px;
	background: transparent url(../img/body-bg-shadow.gif) repeat-y center top;
}

#blueprint {
	padding-right: 0;
	width: 900px;
	background: transparent url(../img/blueprint-shadow-addition.gif) no-repeat right top;
	padding-left: 0;
	float: right;
	margin-right: 35px;
	margin-left: 35px;
	height: 702px;
}	

#blueprint div#bottomcap {
	background: url(../img/blueprint-bottomcap.gif) repeat-x center bottom;
	height: 92px;
	display: block;
	clear: both;
}

#blueprint-container.contentwidth {
	height: 702px;
	margin-right: auto;
	margin-left: auto;
}

#blueprint-rt-shadow {
	background: url(../img/blueprint-shadow-addition.gif) no-repeat right top;
	float: left;
}

#blueprint-leftcap {
	width: 11px;
	height: 615px;
	float: left;
	display: table;
	background: url(../img/blueprint-leftcap.gif) no-repeat right top;
	clear: none;
}

#blueprint-rightcap {
	width: 10px;
	height: 615px;
	float: left;
	display: table;
	background: url(../img/blueprint-rightcap.gif) no-repeat left top;
	clear: none;
}

#blueprint-content {
	display: block;
	background: #333f57 url(../img/blueprint-gradient-bottom.gif) repeat-x center bottom;
	width: 859px;
	height: 595px;
	border: 10px solid #fff;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
}
#blueprint-content div.blueprint-column {
	margin-top: 59px;
}

#blueprint-content div#available-configurations {
	float: left;
	margin-left: 60px;
	height: 447px;
	padding-right: 50px;
	border-right: 1px solid #b9bdc5;
}

#blueprint-content h3 {
	color: white;
	text-indent: -10000px;
	display: block;
	height: 40px;
}

#blueprint-content div#available-configurations h3 {
	background: url(../img/blueprint-sidewinderbarrier-available-configs-heading.gif) no-repeat left top;
	width: 245px;
}

#blueprint-content div#sidewinderbarrier-components {
	float: left;
	margin-left: 61px;
}

#blueprint-content div#sidewinderbarrier-components h3 {
	background: url(../img/blueprint-sidewinderbarrier-components-heading.gif) no-repeat left top;
	width: 380px;
}

#blueprint-content div#sidewinderbarrier-logo {
	display: block;
	clear: both;
	width: auto;
	background: url(../img/blueprint-sidewinderbarrier-logo.gif) no-repeat right center;
	height: 80px;
	margin-right: 20px;
}
 
/* @end */

/* @group Specs */

#specs {
	background: #cfcfcf url(../img/body-bg-shadow.gif) repeat-y center top;
	margin-right: auto;
	clear: both;
	margin-left: auto;
	width: 900px;
	height: 15em;
	display: block;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 45px;
}

#specs table {
	float: left;
	display: table;
	margin-left: 60px;
}

#specs table#specifications-table {
	width: 420px;
}

#specs table#options-table {
	width: 292px;
}

#specs table th {
	text-align: left;
	background-color: #f37721;
	color: white;
	font-size: 1.1em;
	border-bottom: 1px solid #d2671c;
}

#specs table td {
	text-align: left;
	border-bottom: 1px solid #e1e1e1;
}

#specs table th,
#specs table td {
	margin: 0;
	padding: 4px 8px 4px 11px;
}

/* @end */

/* @group Photos */

#photos {
	text-align: center;
	display: block;
	padding-right: 35px;
	padding-left: 35px;
	width: 900px;
	margin-top: 0;
	background: #cfcfcf url(../img/body-bg-shadow.gif) repeat-y center top;
	padding-top: 30px;
}

/* @end */

/* @group Testimonials */

#testimonials {
	padding: 2em 5em;
	text-align: left;
}

#testimonials p {
	line-height: 1.5em;
	font-style: italic;
}

#testimonials p.attribution {
	margin-left: 55%;
	font-weight: normal;
	font-style: normal;
}

#testimonials blockquote.testimonial {
	margin-bottom: 30px;
	float: left;
	width: 24em;
	clear: right;
}

/* @end */

/* @group Contact Form Link */

#contactform-link {
	text-align: center;
	display: block;
	padding-right: 35px;
	padding-left: 35px;
	width: 900px;
	margin-top: 0;
	background: #cfcfcf url(../img/body-bg-shadow.gif) repeat-y center top;
	padding-top: 30px;
}

div#contactform-link div.link {
	background: url(../img/clickforquote-pagebottom.gif) no-repeat center center;
	height: 80px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

div#contactform-link .link a {
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	border-style: none;
	display: block;
	border-width: 0;
	width: 100%;
	height: 80px;
}



/* @end */

/* @group Contact Form */

form {
	display: block;
	margin-top: 2em;
}

div.spacer div {
}

div.spacer {
	display: block;
	padding-right: 35px;
	padding-left: 35px;
	width: 900px;
	background: #cfcfcf url(../img/body-bg-shadow.gif) repeat-y center top;

}

#contactform {
	display: table;
	padding: 30px;
	background: #cfcfcf url(../img/body-bg-shadow.gif) repeat-y center top;
}

#contactform #the-form {
	display: block;
	padding: 50px;
	background-color: #fcfcfc;
	border: 11px solid #e3e3e3;
	width: auto;
	clear: both;
	float: left;
}

#contactform #the-form h2 {
	margin: 0;
}

#contactform #the-form form {
	float: left;
	clear: both;
}

#contactform div#closex {
	float: right;
	margin-top: -30px;
	margin-right: -30px;
	display: block;
	clear: none;
}

fieldset.group {
	float: left;
	margin-top: 2em;
	margin-left: 2em;
	margin-right: 0;
	border: 1px solid #d2d2d2;
	padding: 2em 1.5em .5em;
	white-space: nowrap;
	width: 85%;
}

fieldset.group label {
	margin-right: 2em;
	display: block;
}

fieldset.group legend {
	padding-right: 0.5em;
	padding-left: 0.5em;
	color: #8e8e8e;
	display: block;
	margin-bottom: 1.25em;
}

fieldset.group input.input-text {
	padding: .3em;
}

fieldset.group textarea.textbox {
	padding: .5em;
}

fieldset#comments textarea {
	width: 96%;
}

fieldset.group div.field select {
	width: 25em;
}

fieldset.group div.field {
	margin-bottom: 12px;
}

fieldset.group div.req {
	color: #db6a1e;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	display: block;
}

form div.check-box {
	display: block;
	clear: both;
	line-height: 1.6em;
}

form div.check-box input {
	display: block;
	float: left;
	margin-right: 1em;
	border-style: none;
	border-width: 0;
}

form div.check-box label {
}

label {
	padding-bottom: 4px;
}

.form-input input,
.form-textarea textarea {
	border: 1px solid #cdcdcd;
	text-align: left;
	padding: 0.6em;
	color: #36392e;
	border-bottom-color: #efefef;
	border-right-color: #efefef;
	line-height: 1.1em;
	font-size: 1em;
}

.form-input input:hover,
.form-textarea textarea:hover {
	border-color: #c0c0c0;
	background-color: #f9fafc;
}

.form-input input:focus,
.form-textarea textarea:focus {
	border-color: #909090;
	background-color: #f3f6fc;
}

div.form-section {
	margin-bottom: 1em;
}

input#submit {
}

form div.submit {
	margin-left: 3em;
	margin-top: 2em;
	float: left;
	display: block;
	clear: both;
}

/* @end */

/* @group Footer */

#footer {
	background: #cfcfcf url(../img/footer-topcap.gif) no-repeat center top;
	display: block;
	width: 900px;
	padding: 70px 35px 60px;
}

#footer p {
	margin-top: 0;
	line-height: 1.4em;
}

/* @end */

/* @group Thank you page */

#thankyou {
	float: left;
	display: block;
	padding-right: 70px;
	padding-left: 70px;
	line-height: 1.5em;
	width: 84%;
}

/* @end */


