/* WESSEX SCREEN CSS */

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	text-align: left;
}
a {
	color: #3E6477;
}
a:hover {
	color: #333333;
}
p {
	padding: 0 0 10px 0;
}
h1	{
	font-family: Trebuchet, Verdana, Helvetica, sans-serif, Arial;
	font-size: 15px;
	line-height: 22px;
	color: #396477;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	clear: left;
}
h1 span {
	color:#333333;
}
h2 {
	font-family: Verdana, Helvetica, sans-serif, Arial;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	margin: 0;
	padding: 0px 0px 7px 0px;
	clear: left;
}
h2.results {
	margin-top: 8px;
}
h3 {
	font-family: Verdana, Helvetica, sans-serif, Arial;
	font-size: 11px;
	line-height: 16px;
	color: #444444;
	text-transform: uppercase;
	margin: 0;
	padding: 0px 0px 7px 0px;
	clear: left;
}
ul {
	margin: 0 20px 10px 20px;
	list-style: square;
}

ul.downloadlinks {
	padding: 0;
	margin: 0 0 10px 0;
	}
	
ul.downloadlinks li {
	padding-left: 15px;
	text-indent: 0;
	list-style: none;
	background: url(../images/backgrounds/pdf-sml.gif) no-repeat left top;
}

ul.downloadlinks li strong {
	color: #3D6477;
	}

.img-left {
	float: left;
	margin: 0 15px 30px 0;
	border: 1px solid #CCCCCC;
}
.img-right {
	float: right;
	margin: 0 0 0 15px;
}
.img-gallery {
	padding: 20px;
	border: 1px solid #CCCCCC;
}
.note {
	font-size: 10px;
	color: #666666;
	clear: both;
}
.pdf {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	background: url(../images/backgrounds/pdf.gif) no-repeat right top;
	font-size: 10px;
	color: #555555;
	padding: 10px 60px 10px 10px;
	clear: both;
	display: block;
}
.download {
	width: 173px;
	text-align: center;
	float: left;
	margin: 0 0 20px 0;
}
.download a {
	font-weight: bold;
}
.download img {
	margin: 0 auto 10px auto;
	clear: both;
}

#Impacttest {
	padding-left: 10px;
	}

/**********/
/* LAYOUT */
/**********/

div#wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}
div#header {
	width: 770px;
	height: 90px;
	background: url(../images/shared/homebanner.jpg) no-repeat 0 0;
}
div#nav {
	width: 770px;
	height: 23px;
}
div#content {
	width: 770px;
	float: left;
}
div#content div#menu {
	width: 235px;
}
div#content div#right {
	width: 520px;
	float: right;
	padding: 15px 10px 20px 0;
}
div#footer {
	width: 770px;
	height: 35px;
	background-color: #3A6477;
	border-top: 1px solid #FFFFFF;
	clear: both;
}

/***********/
/* GALLERY */
/***********/

div#gallery .main {
	border: 1px solid #999999;
	float: left;
}
div#gallery a img {
	float: left;
	border: 1px solid #999999;
	margin: 0 0 5px 5px;
}
div#gallery a img.x {
	margin: 0 0 5px 0;
} 
div#gallery div#desc {
	font-weight: bold;
	text-align: center;
	width: 350px;
	clear: both;
	display: block;
	padding: 5px 0;
	font-size: 12px;
}


/**********/
/* RANGES */
/**********/

div#doors {
	width: 500px;
	float: left;
	clear: both;
	margin: 10px 0;
}
div#doors .thumbnail {
	float: left;
	display: block;
	padding: 10px 0 0 0;
	margin: 0 5px 0 0;
	width: 75px;
	height: 110px;
	text-align: center;
}
div#doors div.thumbnail p {
	margin: 0;
}


/*********/
/* DOORS */
/*********/

div#leftb {
	float: left;
	background: url(../images/backgrounds/door-shadow.gif) no-repeat 0 0;
	width: 280px;
	text-align: left;
	padding-bottom: 20px;
	margin: 20px 0 0 0; 
}
div#leftb img {
	margin: 2px;
}
div#leftb a.enlarge, div#leftb a.print, div#leftb a.dealer {
	display: block;
	height: 30px;
	float: left;
	margin: 11px 15px 0 0;
	background: url(../images/icons/enlarge.gif) no-repeat 5px 1px;	
	padding: 0 0 0 27px;
	color: #CC6600;
}
div#leftb a.enlarge:hover, div#leftb a.print:hover, div#leftb a.dealer:hover {
	color: #713800;
}
div#leftb a.print {
	background: url(../images/icons/print.gif) no-repeat 5px 1px;	
}
div#leftb a.dealer {
	background: url(../images/icons/dealer.gif) no-repeat 5px 1px;	
}
div#rightb {
	float: right;
	width: 220px;
	margin: 20px 0 0 0;
}
div#rightb ul {
	float: left;
	padding-left: 15px;
	line-height: 15px;
	list-style: square;
	margin: 5px 0 10px 0;
}
div#rightb ul li {
	padding-bottom: 8px;
}
div#options, div#operation, div#config, div#ss, div#mm, div#glazing {
	width: 200px;
	float: left;
	margin: 5px 0 5px 0;
}
div#ss, div#mm {
	width: 280px;
}
div#options {
	background: url(../images/backgrounds/options-top.gif) no-repeat 0 0;
}
div#config {
	background: url(../images/backgrounds/config-top.gif) no-repeat 0 0;
}
div#operation {
	background: url(../images/backgrounds/operation-top.gif) no-repeat 0 0;
}
div#ss {
	background: url(../images/backgrounds/ss-top.gif) no-repeat 0 0;
}
div#mm {
	background: url(../images/backgrounds/mm-top.gif) no-repeat 0 0;
}
div#glazing {
	background: url(../images/backgrounds/glazing-top.gif) no-repeat 0 0;
}
div#options ul, div#operation ul, div#config ul, div#ss ul, div#mm ul, div#glazing div {
	list-style: none;
	width: 220px;
	margin: 15px 0 0 0;
	padding: 0;
	color: #CC6600;
	background: url(../images/backgrounds/operation-repeat.gif) repeat-y 0 0;
}
div#ss ul, div#mm ul {
	width: 280px;
	background: url(../images/backgrounds/sizes-repeat.gif) repeat-y 0 0;
}
div#options ul li, div#operation ul li, div#config ul li, div#ss ul li, div#mm ul li {
	padding: 2px 0 4px 10px;
}

div#ss ul li, div#mm ul li {
	padding-right: 15px;
}
div#options ul li a, div#operation ul li a, div#config ul li a {
	color: #CC6600;
}
div#ss ul li.text, div#mm ul li.text {
	color: #444444;
}
div#options ul li a:hover, div#operation ul li a:hover {
	color: #713800;
}
div#options span, div#operation span, div#config span, div#ss span, div#mm span, div#glazing span {
	display: block;
	height: 25px;
	width: 220px;
	float: left;
	background: url(../images/backgrounds/operation-bottom.gif) no-repeat 0 0;
}
div#ss span, div#mm span {	
	width: 280px;
	background: url(../images/backgrounds/sizes-bottom.gif) no-repeat 0 0;
}
div#glazing div {
	color: #333333;
	margin-top: 10px;
}
div#glazing div p {
	padding: 0 10px 4px 10px;
}
div#glazing div div.glazing {
	float: left;
	width: 95px;
	min-height: 60px;
	margin-bottom: 0;
	text-align: center;
	background: none;
	margin-left: 5px;
	color: #938653;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
div#glazing div div.glazing img {
	padding: 2px;
	border: 1px solid #938653;

}

/***********************/
/* CONTENT BACKGROUNDS */
/***********************/
.about, .brochures, .locate {
	background: url(../images/shared/bg-02about.jpg) no-repeat 0 0;
}
.whatisgrp {
	background: url(../images/shared/bg-03whatisgrp.jpg) no-repeat 0 0;
}
.featured {
	background: url(../images/shared/bg-04featured.jpg) no-repeat 0 0;
}
.gallery {
	background: url(../images/shared/bg-05gallery.jpg) no-repeat 0 0;
}
.architects {
	background: url(../images/shared/bg-06architects.jpg) no-repeat 0 0;
}
.downloads {
	background: url(../images/shared/bg-07brochure.jpg) no-repeat 0 0;
}
.contact {
	background: url(../images/shared/bg-08contact.jpg) no-repeat 0 0;
}
.grpwhite {
	background: url(../images/shared/bg-09grpwhite.jpg) no-repeat 0 0;
}
.grpwood {
	background: url(../images/shared/bg-10grpwood.jpg) no-repeat 0 0;
}
.grpsectional {
	background: url(../images/shared/bg-11grpsectional.jpg) no-repeat 0 0;
}
.timber {
	background: url(../images/shared/bg-12timber.jpg) no-repeat 0 0;
}
.abs {
	background: url(../images/shared/bg-13abs.jpg) no-repeat 0 0;
}
.steel {
	background: url(../images/shared/bg-14steel.jpg) no-repeat 0 0;
}
.auto {
	background: url(../images/shared/bg-15auto.jpg) no-repeat 0 0;
}
.options {
	background: url(../images/shared/bg-16options.jpg) no-repeat 0 0;
}

/**************/
/* NAVIGATION */
/**************/

/* TEXT LINKS */

ul.nav, ul.nav li {
	display: inline;
	list-style: none;
}


div#header ul, div#footer ul {
	float: right;
	padding: 10px 0px;
}
div#header ul li a, div#footer ul li a {
	padding: 0 0px 0px 10px;
	margin: 0 0 0 5px;
	border-left: 1px solid #7593A0;
	color: #B6D0DD;
}
div#header ul li a.active, div#footer ul li a.active, div#header ul li a:hover, div#footer ul li a:hover {
	color: #FFFFFF;
}
div#header ul li.first a, div#footer ul li.first a {
	border-left: none;
}

/* MAIN LINKS */

div#nav ul li a {
	display: block;
	height: 23px;
	float: left;
	text-decoration: none;
	text-indent: -5000px;
}
#home a {
	width: 67px;
	background: url(../images/nav/nav01.gif) no-repeat 0 0;
}
#about a {
	width: 59px;
	background: url(../images/nav/nav02.gif) no-repeat 0 0;
}
#what a {
	width: 105px;
	background: url(../images/nav/nav03.gif) no-repeat 0 0;
}
#featured a {
	width: 142px;
	background: url(../images/nav/nav04.gif) no-repeat 0 0;
}
#gallery a {
	width: 67px;
	background: url(../images/nav/nav05.gif) no-repeat 0 0;
}
#whywessex a {
	width: 85px;
	background: url(../images/nav/nav06.gif) no-repeat 0 0;
}
#downloads a {
	width: 86px;
	background: url(../images/nav/nav07.gif) no-repeat 0 0;
}
#contact a {
	width: 159px;
	background: url(../images/nav/nav08.gif) no-repeat 0 0;
}
div#nav ul li a:hover, div#nav ul li a.selected {
	background-position: 0 -23px;
}


/* DOOR MENU */

div#menu ul {
	list-style: none;
	margin: 46px 0 0 0;
	height: 500px;
}
div#menu a {
	display: block;
	width: 209px;
	height: 30px;
	text-decoration: none;
	text-indent: -5000px;
}
div#menu a.grpwhite {
	background: url(../images/nav/doornav01.gif) no-repeat 0 0;
}
div#menu a.grpwoodgrain {
	background: url(../images/nav/doornav02.gif) no-repeat 0 0;
}
div#menu a.grpsectional {
	background: url(../images/nav/doornav03.gif) no-repeat 0 0;
}
div#menu a.timber {
	background: url(../images/nav/doornav04.gif) no-repeat 0 0;
}
div#menu a.abs {
	background: url(../images/nav/doornav05.gif) no-repeat 0 0;
}
div#menu a.steel {
	background: url(../images/nav/doornav06.gif) no-repeat 0 0;
}
div#menu a.automatic {
	background: url(../images/nav/doornav07.gif) no-repeat 0 0;
}
div#menu a.options {
	background: url(../images/nav/doornav08.gif) no-repeat 0 0;
}
div#menu a:hover, div#menu a.selected {
	background-position: 0 -30px;
}



/* DEALER SEARCH  */

form#search {
	width: 200px;
	height: 60px;
	float: right;
	margin: 0 0 0 10px;
	padding: 25px 0;
	background: url(../images/backgrounds/search.gif) no-repeat 0 0;
	font-size: 11px;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
}
form#search input {
	float: left;
	margin: 2px 3px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 4px;
}
html>body form#search input {
	margin-left: 10px;
}
form#search p {
	clear: both;
	margin: 0;
	padding: 0;
}
form#search a { 
	display: block;
	width: 108px;
	height: 26px;
	background: url(../images/icons/locate.gif) no-repeat 0 0;
	text-decoration: none;
	text-indent: -5000px; 
	cursor: pointer;
	float: right;
}
form#search a:hover {
	background-position: 0 -26px;
}

div.dealer {
	margin: 10px 0;
	padding: 10px 20px 10px 10px;
	background:url(../images/backgrounds/dealer.jpg) no-repeat 0 0;
}
div.dealer ul {
	background: url(../images/backgrounds/services.gif) no-repeat 0 0;
	float: right;
	width: 150px;
	list-style: none;
	padding: 20px 0 0 18px;
}
div.dealer ul li {
	background: url(../images/backgrounds/empty.gif) no-repeat 0 1px;
	padding: 0 0 4px 18px;
}
div.dealer ul li.tick {
	background-image: url(../images/backgrounds/ticked.gif);
}
div#credits {
	font-size: 10px;
	color: #CCCCCC;
	padding: 5px 0;
}
div#credits a {
	color: #999999;
}
div#credits p {
	float: left;
	padding: 0 10px;
}
div#credits p.valid {
	float: right;
}
form table input.text {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 2px 3px;
}
form table input.submit {
	font-size: 11px;
	font-weight: bold;
	padding: 3px 2px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
form table input.hide {
	visibility: hidden;
}
form table .e {
	color: #990000;
}
form table input.e {
	border: 1px solid #990000;
}