* { padding: 0; margin: 0; }
img {
 outline: none;
 border:none;
}
h1 {
 color: #3b7cb5;
 font-size: 22px;
 padding-bottom: 15px;
}
ul {
 padding-left: 14px;
}
a {
 outline: none;
 color: #3b7cb5;
}
.blueitalics {
 color: #3b7cb5;
 font-style: italic;
 font-size: 11px;
}
.bluetxt {
 color: #3b7cb5;
}
.redtxt {
 color: red;
}
.bluetxtbig {
 font-size: 20px;
 color: #3b7cb5;
}
.spacer{ clear:both; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 996px;
}
#faux {
 background: url(faux.jpg);
 width: 100%;
}
#header1 {
 color: #333;
 width: 996px;
 height: 91px;
 background: url(headerbg1.jpg) no-repeat;
}
#header1 img {
 float: right;
 border-style: none;
 margin: 8px 0 8px 0;
}
#header1 .ad2 img{
	padding-right:10px;
}
#horiznav {
 padding-left: 10px;
 color: #333;
 height: 40px;
 background: url(horiznavbg.jpg) repeat-x;
}
.horiznavlinks {
 color: white;
 text-decoration: none;
 float: left;
 text-align: center;
 padding: 10px 10px 0px 10px;
 display: block;
 height: 30px;
}
a.horiznavlinks:hover {
 background: url(horiznavover.jpg) repeat-x;
 color: #333;
 text-decoration: none;
}
.horiznavpipe {
 float: left;
 height: 40px;
 line-height: 33px;
 color: white;
}
#header2 {
 color: #333;
 width: 996px;
 height: 238px;
 background: url(headerbg2.jpg) no-repeat;
}
#leftcolumn { 
 display: inline;
 color: #333;
 width: 226px;
 height: 566px;
 float: left;
 background: url(leftcolbg.jpg) no-repeat;
}
#leftcolumn.bigger{
	height:754px;
}
#content {
 float: left;
 color: #333;
 padding: 0px 8px 10px 10px;
 width: 518px;
 display: inline;
 position: relative;
}
#permaroofdiy {
 text-align: right;
 padding-bottom: 6px;
}
#permaroof {
 text-align: center;
 font-size: 27px;
 width: 100%;
 height: 44px;
 line-height: 44px;
 background: #77787c;
 color: white;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 width: 217px;
 height: 850px;
 float: right;
 overflow:hidden;
 background: url(pricebeater.jpg) no-repeat;
}

#rightcolumn.bigger{
	height:850px;
}
.onlineshop {
 display: block;
 width: 217px;
 height: 64px;
}
.fb {
 display: block;
 width: 217px;
 text-align:center;
}

#rightcoltxt {
 color: #3b7cb5;
 font-size: 17px;
 text-align: center;
 margin-top: 270px;
 font-style: italic;
}
#footer {
 font-size: 11px;
 color: white;
 width: 986px;
 clear: both;
 height: 27px;
 padding-left: 10px;
 padding-top: 18px;
 margin-bottom: 5px;
 background: url(footerbg.jpg) repeat-x;
}
#footer a {
 color: white;
}
.clear { clear: both; background: none; }

#warranty-banner{ float:left; }

.toolkit-banner{ float:left; margin:10px 0px; display:inline; }

h4{
	font-size:15px;
	color:#035392;
}
h3{
	font-size:19px;
	color:#035392;
}

/* CALLBACK FORM */
form.callback{
	border:#aec2db solid 10px;
	background:#323844;
	color:#fff;
	padding:5px;
	width:186px;
	line-height:100%;
}
form.callback h3{
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
	color:#fff;
	font-weight:normal;
	border-bottom:#CCC solid 1px;
}
form.callback input{
	width:110px;
}
form.callback input.submit{
	width:auto;
	padding:0px 5px;
}
form.callback ul{
	list-style-position:inside;
}
form.callback ul li{
	padding-bottom:10px;
	
}


#online-quote-form{
	width:400px;
}
#online-quote-form table tr td{
	vertical-align:top;
}
#online-quote-form table tr td.col1{
	width:300px;
}
#online-quote-form textarea{
	height:110px;
}
#online-quote-form input.file{
	width:200px;
}

.examples{
	border:#035392 dashed 1px;
	padding:8px;
	float:left;
}
.examples h3{
	display:block;
	background:#035392;
	color:#fff;
	padding:2px 3px;
	margin-bottom:6px;
}