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

/*
----------------------------------------------
Style Sheet

Site: SP Windows
Author: Matthew Duffin, postrad.com
Version: v1.0
Date:12.09
----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body, p {
	margin: 0 0 10px 0;
	padding: 0 15px 0 0;
	line-height:140%;
	font-family: Trebuchet, Arial, sans-serif;
	font-size: 12px;
	color:#777777;
	
}

h1 {
	margin:0 0 20px 0;
	color:#E81C25;
	text-transform:uppercase;
	font-size:52px;
	line-height:80%;
	letter-spacing:-2px;
}

.smallH1 {font-size:46px;}

h2 {
	margin: 0 0 15px 0;
	padding:0;
	color:#000000;
	line-height:100%;
	text-transform:uppercase;
	font-size:24px;
}

	h2 a:link, h2 a:active, h2 a:visited, h2 a:hover, h2 a:visited:hover {
		color:#000000;
		text-decoration:none;
	} 
	
	h2 a:hover, h2 a:visited:hover {
		color:#666666;
	}
	
h3 {
	margin:0 0 15px 0;
	color:#333;
}

a:link, a:active, a:visited, a:hover, a:visited:hover {
	color:#333333;
	text-decoration:none;
} 

a:hover, a:visited:hover {
	text-decoration:underline;
}

ul {margin:0 0 30px 0;}

/* Header Content */

#topNav, #content, #footer {
	width:999px;
	margin:0 0 40px 109px;
}

#header {
	width:999px;
	margin:0 0 0 109px;
}

#headerRow {
	width:900px; 
	padding:90px 0 0 50px;
}

#logo {float:left;}

#icons {
	float:right;
	margin:-4px 0 0 0;
}	

#icons img {
	float:right;
	margin:5px 6px 3px 6px;
}

#headerCopy {
	margin:10px 0 0 130px;
}

#headerCopy p{
	color:#000000;
	font-size:20px;
}

/* --- content --- */

#content img {margin:0 0 15px 10px;}

#content ul {margin: 0 0 30px 15px;}

#columnA {
	float:left;
	margin:0 0 40px 10px;
}

	#columnA img {float:right;}

	#columnA ul {list-style:none;}

#columnForm {
	float:left;
	margin:0 30px 40px 10px;
}
	#columnForm ul {list-style:none;}

	#columnForm img {margin:0;}

#contactInfo {float:left;width:250px;}

#columnASkinny {
	float:left;
	margin:0 40px 40px 10px;
	width:400px;
}
	
	#columnASkinny img {margin:0;}
	
	#columnASkinny li {margin:0 0 0 15px;}
	
	#columnASkinny p {padding:0;}

#columnB {
	float:left;
	margin:0 0 40px 0;
	width:510px;	
}

	#columnB a {text-decoration:none;}

#columnBSkinny {
	float:right;
	margin:0 20px 40px 0;
	width:410px;
}

/* for the Fixed Window page*/
#columnC {
	width:750px;
	float:left;
	margin:0 0 40px 10px;
}

	#columnC img {float:right;}

.bucketSec {
	float:left;
	margin:0 0 30px 30px;
	width:217px;
	height:217px;
	background-color:#ededed;
}

	.bucketSec h2 {
		margin:0;
		padding:16px 0;
		font-size:18px;
		font-weight:normal;
		color:#FFFFFF;
		text-align:center;
		background-color:#999;
	}

    #content .bucketSec img {
		margin:0;
		padding:0;
	}

	a:link .bucketSec, a:active .bucketSec , a:visited .bucketSec, a:hover .bucketSec , a:visited:hover .bucketSec {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	
	a:hover .bucketSec h2, a:visited:hover .bucketSec h2 {color:#FFFF00;}
	
	/* for the links bucket */
	.bucketSec ul {list-style:none; padding:20px 0 0 30px;}
	.bucketSec li {padding:0 0 5px 0;}
	.bucketSec a:link, .bucketSec a:active, .bucketSec a:visited, .bucketSec a:hover, .bucketSec a:visited:hover {color:#000;}
	.bucketSec a:hover, .bucketSec a:visited:hover {color:#999;}

.bucketSecB {
	float:left;
	margin:0 0 30px 30px;
	width:217px;
}

#content .bucketSecB img{ margin:0 0 10px 10px;}

#blue h2 {background-color:#517283;}

#grey h2 {background-color:#7895A3;}

#tan h2 {background-color:#C9AC68;}

#red h2 {background-color:#A02214;}

#columnC a {text-decoration:none;}

.bucketSub {
	float:left;
	margin:0 18px 0 0;
	padding:8px 5px 5px 0px;
	width:220px;
}

	.bucketSub h3, #bucketNav h2 {
		font-size:26px;
		color:#E81C25;
	}
	
	.bucketSub h2 {
		margin:0 0 5px 0;
		font-size:16px;
		text-transform:capitalize;
		color:#000000;
	}
	
	.bucketSub a {text-decoration:none;}
	
	.bucketSub a:hover, .bucketSub a:visited:hover {color:#E81C25;}

#columnSub, #columnMain, #columnSec {float:left;}

#columnSub {width:230px;}

#columnSub .bucketSub, #bucketNav {float:none;}

#bucketNav {margin:0 0 50px 0;}

	#bucketNav ul {margin:0;}

	#bucketNav li {list-style:none;}

	#bucketNav a:link, #bucketNav a:active, #bucketNav a:visited, #bucketNav a:hover, #bucketNav a:visited:hover {
		font-size:18px;
		text-decoration:none;
		text-transform:capitalize;
		color:#000000;
	}

	#bucketNav a:hover, #bucketNav a:visited:hover {color:#999999;}

#columnMain {
	width:520px;
	padding:0 0 0 10px;
}

#columnSec {width:222px;}

	#columnSec img {
		margin:0;
		padding:0;
	}
	
	#columnSec .bucketSec {
		float:none;
		margin:0 0 30px 10px;
	}
	
#thumbGallery {width:800px;margin:0 0 0 320px;}

#thumbGallery2 {margin:0 0 0 8px;}

#imageHolder {
	margin:0 auto;
	width:601px;
	text-align:center;
}

#prodImg {
	width:220px;
	margin:0 auto;}

/* --- topNav --- */

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#p7menubar, #p7menubar ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

#p7menubar a {
	display: block;
	padding:18px 0 0 0;
	height:33px;
	width:137px;
	text-decoration: none;
	text-transform:uppercase;
	text-align:center;
	font-size: 1.2em;
	color:#999;
	background-image:url(/structure/topNav/inactiveBg.jpg);
	background-repeat:none;
}

#p7menubar a.trigger{
	background-image:url(/structure/topNav/inactiveBg.jpg);
	background-repeat:none;
}

#p7menubar li {
	float: left;
	width: 9em;
}

#p7menubar li ul, #p7menubar ul li  {width: 12em;}

#p7menubar ul li a  {
	width:137px;
	text-align:center;
}

#p7menubar li ul {
	position: absolute;
	display: none;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color:#FFF;
	background-image:url(/structure/topNav/activeBg.jpg);
	background-repeat:none;
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	width:137px;
	display: block;
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	padding:25px 5px 5px 5px;
	width:127px;
	height:33px;
	font-size:11px;
	text-transform:uppercase;
	color:#999;
	background-color:#000;
	background-image:none;
}

#p7menubar ul a:hover {
	color: #FFFFFF!important;
	background-color:#333333!important;
}

#p7menubar li {width: auto;}


/* --- footer --- */
#footer {
	text-align:center;
	font-size:10px;
	color:#666;
}

	#footer ul {
		margin: 0; 
		padding: 0; 
		list-style-type: none; 
		list-style-image: none; 
	}
	
	#footer li {
		display: inline; 
		margin:0 10px;
		padding:0;
		font-family:Geneva;
		font-size:10px;
	}
	
	#footer a:link, #footer a:active, #footer a:visited, #footer a:hover, #footer a:visited:hover {
		font-size:10px;
		font-family: Trebuchet, Arial, sans-serif;
		text-decoration:none; 
		color: #666; 
	}
	#footer a:hover, #footer a:visited:hover {color:#999;}


/*
misc styles
*/
.digits {
	color:#E81C25;
	font-weight:bold;
}

.black {color:#000000;}
.red {color:#E81C25;}

.clear {
	clear:both;
	height:0.1em;
}

.hr {
	margin:2px 0 10px 0;
	width:220px;
	border:none;
	border-top:10px solid #CCC;
	height:.01em;
}

.hrThin {
	margin:2px 0 10px 0;
	width:220px;
	border:none;
	border-top:2px solid #CCC;
	height:.01em;
}

.hrWide {
	margin:0 0 20px 0;
	border:none;
	border-top:2px solid #CCC;
	height:.01em;
}

.thumb {
	float:left;
	margin:0 0 0 15px;
}

#content .thumb img {margin:0 0 5px 0;}

.caption {
	text-align:center;
	text-transform:capitalize;
}

#columnSec .caption {
	margin:0 0 30px 0;
}

#rightSy {
	float:right; 
	width:268px;
	margin:0 0 0 15px;
	text-align:center;
}

#rightSy img {margin:0 0 10px 0;}

/* contact form info */


legend {color:#E81C25;}
fieldset {border:none;}
input, textarea {margin:5px 0 8px 0;}

form p {
	margin:0;
	text-transform:capitalize;
}

/* IE7 fixes */
* + html #headerRow {
	padding:0px 0 0 50px;
}

* + html #logo {float:left; margin-bottom:20px;}

* + html  #icons {
	float:right;
	margin:-87px 0 0 0;
}	

* + html #headerCopy {
	margin:-73px 0 0 130px;
}
/* end of IE7 fixes */