body
{
	margin: 0 auto;
	background: #ebebeb url(../images/back.png) top center repeat-y;
font-family: 'PT Sans', sans-serif;
}


#container
{
	margin: 0 auto;
	width: 1080px;
	background: #fff;
}

#header
{
	background: #fff;
	padding: 0px;
}

#header h1 { margin: 0; }

#navigation
{
	float: left;
	width: 1080px;
	background: #ccc;
}

#content-container
{
	float: left;
	width: 1080px;
	background-color:#fff;
}
#content-container2
{
	float: left;
	width: 1080px;
	background-color:#fff;
}
#content
{
	clear: left;
	float: left;
	width: 671px;
	padding: 0px 0;
	margin: 0 0 0 20px;
	display: inline;
}

#content h2 { margin: 0; }

#aside
{
	float: right;
	width: 329px;
	padding: 20px 0;
	margin: 0px 20px 0px 0px;
	background-color:#981b1e;
	display: inline;
}
#aside2
{
	float: right;
	width: 329px;
	padding: 0px 0;
	margin: 0px 20px 0px 0px;
	background-color:#fff;
	display: inline;
}
#aside h3 { margin: 0; 

}

#footer_brands
{
	clear: both;
	background: #fff;
	text-align: right;
	padding: 0px;
	height: 1%;
}
#footer_main
{
	clear: both;
	background: #981b1e;
	text-align: right;
	padding: 20px;
	height: 1%;
}
#footer
{
	clear: both;
	background: #a7a9ac;
	text-align: right;
	padding: 20px;
	height: 1%;
}

/*Image Borders*/


img a {
	border:none;
	border:0;
}
img {
	border:0;
}


/* MAIN HOMEPAGE IMAGE SECTION */


#sussex {
	position:relative;
	left:0px;
	top:0px;
	width:1040px;
	height:350px;
}

#windows-sussex-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:690px;
	height:350px;
}

#windows-sussex-02_ {
	position:absolute;
	left:690px;
	top:0px;
	width:350px;
	height:174px;
}

#windows-sussex-03_ {
	position:absolute;
	left:690px;
	top:174px;
	width:350px;
	height:176px;
}


/* SIX MAIN SERVICES BOXES ON HOMEPAGE */


#services {
	position:relative;
	left:0px;
	top:0px;
	margin: 20px 20px 0px 18px;
	width:1044px;
	height:517px;
}

#services-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:333px;
	height:248px;
}

#services-02_ {
	position:absolute;
	left:333px;
	top:0px;
	width:22px;
	height:248px;
}

#services-03_ {
	position:absolute;
	left:355px;
	top:0px;
	width:333px;
	height:248px;
}

#services-04_ {
	position:absolute;
	left:688px;
	top:0px;
	width:23px;
	height:248px;
}

#services-05_ {
	position:absolute;
	left:711px;
	top:0px;
	width:333px;
	height:248px;
}

#services-06_ {
	position:absolute;
	left:0px;
	top:248px;
	width:1044px;
	height:21px;
}

#services-07_ {
	position:absolute;
	left:0px;
	top:269px;
	width:333px;
	height:248px;
}

#services-08_ {
	position:absolute;
	left:333px;
	top:269px;
	width:22px;
	height:248px;
}

#services-09_ {
	position:absolute;
	left:355px;
	top:269px;
	width:333px;
	height:248px;
}

#services-10_ {
	position:absolute;
	left:688px;
	top:269px;
	width:23px;
	height:248px;
}

#services-11_ {
	position:absolute;
	left:711px;
	top:269px;
	width:333px;
	height:248px;
}

/* MAIN FONTS */

h1 {
font-family: 'PT Sans', sans-serif;
font-size: 24px;
font-weight: bold;
color:#981b1e;
margin-top:-2px;
}

.text  {
	font-size : 14px;
font-family: 'PT Sans', sans-serif;
	font-weight : normal;
	font-style : normal;
	color : #494949;
} 

.textsm  {
	font-size : 11px;
font-family: 'PT Sans', sans-serif;
	font-weight : normal;
	font-style : normal;
	color : #494949;
} 
.textw  {
	font-size : 13px;
font-family: 'PT Sans', sans-serif;
	font-weight : normal;
	font-style : normal;
	color : #fff;
} 

.text2  {
	font-size : 14px;
font-family: 'PT Sans', sans-serif;
	font-weight : normal;
	font-style : normal;
	color : #494949;
	} 

.text3  {
	font-size : 14px;
font-family: 'PT Sans', sans-serif;
	font-weight : bold;
	font-style : normal;
	color : #105ea6;
	text-decoration:underline;
} 
.text4  {
	font-size : 13px;
font-family: 'PT Sans', sans-serif;
	font-weight : normal;
	font-style : normal;
	color : #105ea6;
} 

.text_footer  {
	font-size : 13px;
font-family: 'PT Sans', sans-serif;
	font-weight : normal;
	font-style : normal;
	color : #ffffff;
} 

h2 {
font-size: 16px;
font-weight: bold;
color:#981b1e;
margin-top: 0px;
margin-bottom: 3px;
font-family: 'PT Sans', sans-serif;

} 

h3 {
font-family: 'PT Sans', sans-serif;
font-size: 14px;
font-weight: bold;
color:#fff;

}
h4 {
font-family: 'PT Sans', sans-serif;
line-height: 17px;
color:#FFFFFF;
padding-bottom: 5px;
border-bottom: 1px solid #fff;
width: 93%;
margin-top:-2px;
} 

h5 {
font-size: 20px;
font-weight: normal;
color:#ffffff;
margin-top: 0px;
margin-bottom: 3px;
font-family: 'PT Sans', sans-serif;

} 

.title {
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
}

/*Text Mouseovers*/

A  {
	color : #ffffff;
	text-decoration:underline;
}


A:Visited  {
	color : #ffffff;
	text-decoration:underline;
}


A:Active  {
	color : #ffffff;
	text-decoration:underline;
}


A:Hover  {
	color : #cccccc;
	text-decoration: underline;
}


 A.special2:  {
color:#981b1e;
text-decoration:none;
}

A.special2:Visited  {
color:#981b1e;
text-decoration:none;
}

A.special2:Active  {
color:#981b1e;
text-decoration:none;
}

A.special2:Hover  {
	color : #003366;
text-decoration:none;
}


 A.sp3:  {
color:#981b1e;
	text-decoration:underline;
}

A.sp3:Visited  {
color:#981b1e;
	text-decoration:underline;
}

A.sp3:Active  {
color:#981b1e;
	text-decoration:underline;
}

A.sp3:Hover  {
	color : #003366;
	text-decoration:underline;
}


/* MAIN TICK LIST  */

#list3 { }
#list3 ul { list-style-image: url("../images/tick.png"); color:#eee; font-size:13px; font-family: 'PT Sans', sans-serif}
#list3 ul li { line-height:22px; }

/* IMAGE SLIDER */


#slider
{
	background:#fff;
	text-align: right;
	margin: 20px 20px 0px 20px;
}


/* QUOTE IMAGES ON HOMEPAGE */

#quote {
	position:relative;
	left:0px;
	top:0px;
	width:1044px;
	height:105px;
}

#quote-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:688px;
	height:105px;
}

#quote-02_ {
	position:absolute;
	left:688px;
	top:0px;
	width:23px;
	height:105px;
}

#quote-03_ {
	position:absolute;
	left:711px;
	top:0px;
	width:333px;
	height:105px;
}

/* MENU FOR MAIN WEBSITE */


#nav {
	position:relative;
	left:0px;
	top:0px;
	width:1080px;
	height:50px;
}


#nav-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:16px;
	height:50px;
}

#nav-02_ {
	position:absolute;
	left:16px;
	top:0px;
	width:115px;
	height:50px;
}

#nav-03_ {
	position:absolute;
	left:131px;
	top:0px;
	width:115px;
	height:50px;
}

#nav-04_ {
	position:absolute;
	left:246px;
	top:0px;
	width:114px;
	height:50px;
}

#nav-05_ {
	position:absolute;
	left:360px;
	top:0px;
	width:97px;
	height:50px;
}

#nav-06_ {
	position:absolute;
	left:457px;
	top:0px;
	width:163px;
	height:50px;
}

#nav-07_ {
	position:absolute;
	left:620px;
	top:0px;
	width:179px;
	height:50px;
}

#nav-08_ {
	position:absolute;
	left:799px;
	top:0px;
	width:106px;
	height:50px;
}

#nav-09_ {
	position:absolute;
	left:905px;
	top:0px;
	width:158px;
	height:50px;
}

#nav-10_ {
	position:absolute;
	left:1063px;
	top:0px;
	width:17px;
	height:50px;
}




/* MENU FOR MAIN WEBSITE */



#brands {
	position:relative;
	left:0px;
	top:0px;
	width:1080px;
	height:125px;
}

#brands-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:223px;
	height:125px;
}

#brands-02_ {
	position:absolute;
	left:223px;
	top:0px;
	width:210px;
	height:125px;
}

#brands-03_ {
	position:absolute;
	left:433px;
	top:0px;
	width:211px;
	height:125px;
}

#brands-04_ {
	position:absolute;
	left:644px;
	top:0px;
	width:209px;
	height:125px;
}

#brands-05_ {
	position:absolute;
	left:853px;
	top:0px;
	width:227px;
	height:125px;
}



/* DETAILED FOOTER */



.col
{
    float: left;
    width: 50%;
	
}

.last{
    clear: left;
}

.row{
    border: 0px;
}

/* Gradient transparent - color - transparent */
		
hr.style-two {
    border: 0;
    height: 1px;
	margin-top:15px;
	margin-bottom:15px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 

}



/* IMAGE - LEFT OR RIGHT */

.inlineimage {
	margin: 0 10px 5px 0;
	border: solid 0px #666;
	float: left 
	
	 }

.inlineimage2 {
	margin: 0px 10px 5px 10px;
	border: solid 0px #666;
	float: right }
	
	
	#doorrange {
	width: 100%;
	float: left;
}

#doorrange div {
	width: 15.138773274917853231106243154436%;
	display: inline-block;
	text-align: center;
	font-size : 11px;
	font-family: 'PT Sans', sans-serif;
	vertical-align: top;
	padding-top: 10px;
	margin: 0 auto 0 auto;
}

#doorrange div a {
	color: #105ea6;
}
	
	label {
    width:60px;
    float:left;
    font-size:12px;
    line-height:24px;
    font-weight:bold;

}
input {
    width:80px;
    margin-bottom:5px;
    line-height:24px;
    padding:2px 5px;
	font-family: 'PT Sans', sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
	background-color:#ECECEC;
}
textarea {
    width:620px;
    margin-bottom:5px;
    line-height:18px;
    padding:2px 5px;
	font-family: 'PT Sans', sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
	background-color:#ECECEC;
}
	
	
/*########## PODS ##########*/

/*Category Quick Links*/

.subInfoPanelMain {clear:both;margin-right:-65px;}
.categoryQuickLinks				{background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-8 */
border:1px solid #d6d6d6;border-radius:8px;box-shadow:0px 4px 14px -12px;float:left;height:387px;margin-bottom:30px;margin-right:15px;padding:9px 9px 0px 9px;position:relative;width:197px;}
.categoryQuickLinksImage		{clear:both;height:207px;margin-bottom: 0px;width:197px; overflow: hidden;}
.categoryQuickLinksImage img 	{height:auto;width:197px; margin: -10% auto!important;}
.categoryQuickLinksTitle		{clear:both;color:#00457E !important;font-size:18px;margin-top:6px; margin-bottom:10px; font-family: 'PT Sans', sans-serif;}
.categoryQuickLinksTitle br 	{display:none;visibility:hidden;}
.categoryQuickLinksContent		{clear:both;font-size:12px !important;line-height:18px;margin-top: 4px; font-family: 'PT Sans', sans-serif;}
.categoryQuickLinksContent a 	{color:#830000;}
.categoryQuickLinksContent a:hover{color:#830000;text-decoration:underline;}
.categoryQuickLinksButton		{background: #a90000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #a90000 0%, #840000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90000), color-stop(100%,#840000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90000 0%,#840000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90000 0%,#840000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90000 0%,#840000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90000 0%,#840000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90000', endColorstr='#840000',GradientType=0 ); /* IE6-8 */
border-radius:6px;bottom:8px;clear:both;color:#FFF;font-size:13px;height:22px;padding-top:1px;position:absolute;text-align:center;width:198px; font-family: 'PT Sans', sans-serif;}
.categoryQuickLinksButton a 	{color:#FFF;text-decoration:none;text-transform:uppercase;}
.categoryQuickLinksButton a:hover {color:#FFF;text-decoration:none;}
.categoryQuickLinksButton:hover {filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;}
.categoryQuickLinksMain p 		{padding:0px; margin:0px;}
.categoryQuickLinksMain {left: 41px; margin-left: -41px; overflow: hidden; position: relative;}	
