/*---------Site Name---------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Removes border from images */
img { border: 0; }

body {
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	font-size: 72%;
	color: #434343;
	background: url(sitegraphics/bg.jpg) 50% 0 no-repeat;
}

a:link, a:visited {
	color: #CC0000;
	text-decoration: underline;
}
a:hover, a:active {
	color: #434343;
}

p {
	margin: 0 0 1.2em 0;
	line-height: 1.6em;
}

br { margin: 0; }

.imageright {
	float: right;
	margin: 0 0 10px 10px;
}
.imageleft {
	float: left;
	margin: 0 10px 10px 0;	
}

/*--------------------BLOG SUB--------------------*/

a.blog-link { text-decoration: none; }
a.blog-link:hover { text-decoration: underline; }
.blog-date { font-size: 12px; color: #333; }
.blog-content { line-height: 1.75m; }

/*--------------------WRAPPER--------------------*/

#wrapper {
	position: relative;
	width: 920px;
	margin: 60px auto;
	padding: 0 35px;
}


/*--------------------BRANDING--------------------*/

#branding {
	width: 920px;
}


/*--------------------CONTENT WRAPPER-------------------*/

#contentWrapper {
	position: relative;
	width: 920px;
}


/*--------------------CONTENT-------------------*/

#contentMain {
	position: relative;
	float: left;
	width: 670px;
	font-size: 120%;
}

#contentMain h1 {
	margin: 0 0 20px 0;
	font-size: 150%;
	font-weight: normal;
	color: #CC0000;
}
#contentMain h2 {
	margin: 0 0 0.9em 0;
	font-size: 110%;
	color: #434343;
}
#contentMain h3 {
	margin: 0 0 0.35em 0;
	color: #CC0000;
}
#contentMain h4 {
	margin: 0 0 0.65em 0;
	font-size: 100%;
	font-style: italic;
	color: #999;
}

#contentMain .defaultList {
	list-style-type: disc;
	margin: 1.2em;
	padding: 0 0 0 20px;
}
#contentMain .defaultList li {
	margin: 0 0 10px 0;
}

.highlight {
	font-weight: bold;
}


.galleryWrapper {
	height: 325px;
	margin: 0 0 35px 0;
	padding: 15px 0 15px 15px;
	background-color: #E8E8E8;
}
.gallery1 {
	float: left;
	width: 280px;
	margin: 0 15px 0 0;
	padding: 15px;
	background-color: #FFF;
}
.gallery2 {
	float: left;
	width: 280px;
	padding: 15px;
	background-color: #FFF;
}

.galleryFullWidthWrapper {
	margin: 0 0 15px 0;
	padding: 15px 0 15px 15px;
	background-color: #E8E8E8;
}
.galleryFullWidth {
	width: 605px;
	padding: 15px;
	background-color: #FFF;
}


#contentTabs {
	height: 35px;
    margin-bottom: 5px;
    padding: 0 0 0 10px;
    background: url(sitegraphics/bg_contenttabs.jpg) 0 0 no-repeat;
}
#contentTabs ul {
	height: 35px;
}
#contentTabs ul li {
    display: inline;
    float: left;
    width: 105px;
    height: 35px;
    text-align:center;
    color: #FFF;
}
#contentTabs ul li.selected {
}
#contentTabs ul li a {
    float: left;
    width: 105px;
    height: 35px;
    color: #FFF;
    text-decoration: none;
    padding: 6px 0 0 0;
    text-align: center;
    cursor: pointer;
    background: url(sitegraphics/bg_contenttab.jpg) 0 0 no-repeat;
}
#contentTabs ul li a.selected {
    color: #FFF;
    background: url(sitegraphics/bg_contenttab_selected.jpg) 0 0 no-repeat;
}
#contentTabs ul li a:hover {
}


#address {
	margin: 0 0 1.2em 0;
	text-align: center;
}
#address h1 {
	margin: 0 0 0 0;
	font-size: 110%;
	font-weight: bold;
}
#address p {
	margin: 0 0 0 0;
}
#address .highlight {
	font-weight: bold;
}

.brochureDownloads {
	margin: 20px 0;
}


#homeGlossary {
	display: inline;
	font-size: 90%;
}
#homeGlossary h2 {
	display: inline;
	font-size: 100%;
}
#homeGlossary li {
	padding: 0 0 0 20px;
}
#homeGlossary p {
	line-height: 1.6em;
}


#productRange {
	position: relative;
	padding-left: 155px;
}
#productRange li {
	position: relative;
	margin-bottom: 1.8em;
}
#productRange img {
	position: absolute;
	top: 0;
	left: -155px;
}
#productRange h2 {
	margin-bottom: 0.2em;
	font-size: 100%;
}


#contentMain #contacts {
	margin: 0 0 0 20px;
}
#contentMain #contacts li {
	height: 38px;
	margin: 0 0 20px 0;
	padding: 7px 0 0 63px;
	background-color: #EFEFEF;
}
#contentMain #contacts p {
	margin: 0;
	line-height: 1.2em;
}
#contentMain #contacts li#contactsAddress {
	background: url(sitegraphics/contact_icon_home.jpg) 0 0 no-repeat #EFEFEF;
}
#contentMain #contacts li#contactsTelephone {
	height: 30px;
	padding: 15px 0 0 63px;
	background: url(sitegraphics/contact_icon_telephone.jpg) 0 0 no-repeat #EFEFEF;
}
#contentMain #contacts li#contactsFax {
	height: 30px;
	padding: 15px 0 0 63px;
	background: url(sitegraphics/contact_icon_fax.jpg) 0 0 no-repeat #EFEFEF;
}
#contentMain #contacts li#contactsEmail {
	height: 30px;
	padding: 15px 0 0 63px;
	background: url(sitegraphics/contact_icon_email.jpg) 0 0 no-repeat #EFEFEF;
}
#contentMain #contacts li#contactsPound {
	background: url(sitegraphics/contact_icon_pound.jpg) 0 0 no-repeat #EFEFEF;
}
#contentMain #contacts li#contactsEuro {
	background: url(sitegraphics/contact_icon_euro.jpg) 0 0 no-repeat #EFEFEF;
}
#contentMain #contacts li#contactsInfo {
	height: 30px;
	padding: 15px 0 0 63px;
	background: url(sitegraphics/contact_icon_info.jpg) 0 0 no-repeat #EFEFEF;
}
#contentMain #contacts li#contactsVAT {
	height: 30px;
	padding: 15px 0 0 63px;
	background: url(sitegraphics/contact_icon_vat.jpg) 0 0 no-repeat #EFEFEF;
}


.mandatoryDescription {
	font-size: 80%;
}
.mandatoryAsterisk {
	font-weight: bold;
	color: #CC0000;
}


#domesticPostboxes {
	height: 890px;
	padding: 20px 0 0 0;
	background: url(sitegraphics/domestic/divider.gif) 0 0;
}
#domesticPostboxes li {
	float: left;
	width: 160px;
	height: 235px;
	margin-left: 10px;
	text-align: center;
}
#domesticPostboxes img {
	margin: 0 0 7px 0;
}
#domesticPostboxes a {
	margin: 0 0 7px 0;
}
#domesticPostboxes li.noPad {
	margin-left: 0;
}
#domesticPostboxes a:link, #domesticPostboxes a:visited {
	padding: 0 5px;
	text-decoration: none;
	font-weight: bold;
	color: #434343;
}
#domesticPostboxes a:active, #domesticPostboxes a:hover {
	color: #CC0000;
}


/*--------------------CONTENT SUB--------------------*/

#contentSub {
	float: right;	
	width: 215px;
}
#contentSub img {
	margin: 0 0 10px 0;
}

#blogDetails {
	margin-top: 10px;
	letterspacing: -0.01em;
	line-height: 1.7em;
	padding: 10px;
	border: 1px solid #cecece;
}

#contactDetails {
	margin-top: 10px;
	letterspacing: -0.01em;
}
#contactDetails h2 {
	font-weight: bold;
}
#contactDetails p {
	margin: 0 0 0.3em 0;
}
#contactDetails .caption {
	font-weight: bold;
}


#contentSubHome {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #999;
	font-size: 110%;
}
#contentSubHome h2 {
	margin: 0 0 0.4em 0;
	color: #757575;
}
#contentSubHome ul {
	margin: 0 0 1.2em 0;
}
#contentSubHome li {
	margin: 0 0 0.4em 0;
	padding: 0 0 0 10px;
}
#contentSubHome a {
	text-decoration: none;
	color: #999;
}



/*--------------------TITLES--------------------*/

#title-home { width: 475px; height: 25px; background: url(sitegraphics/title_home.gif) 0 0 no-repeat; text-indent: -1976px; }
#title-news { width: 103px; height: 14px; background: url(sitegraphics/title_news.jpg) 0 0 no-repeat; text-indent: -1976px; }
#title-freestandingpostboxes { width: 475px; height: 25px; background: url(sitegraphics/title_freestandingpostboxes.gif) 0 0 no-repeat; text-indent: -1976px; }
#title-surfacemountedpostboxes { width: 475px; height: 25px; background: url(sitegraphics/title_surfacemountedpostboxes.gif) 0 0 no-repeat; text-indent: -1976px; }
#title-recessedpostboxes { width: 475px; height: 25px; background: url(sitegraphics/title_recessedpostboxes.gif) 0 0 no-repeat; text-indent: -1976px; }
#title-individualpostboxes { width: 475px; height: 25px; background: url(sitegraphics/title_individualpostboxes.gif) 0 0 no-repeat; text-indent: -1976px; }
#title-throughthewallpostboxes { width: 475px; height: 25px; background: url(sitegraphics/title_throughthewallpostboxes.gif) 0 0 no-repeat; text-indent: -1976px; }
#title-doorsidespostboxes { width: 475px; height: 25px; background: url(sitegraphics/title_doorsidespostboxes.gif) 0 0 no-repeat; text-indent: -1976px; }
#title-fencemountpostboxes { width: 475px; height: 25px; background: url(sitegraphics/title_fencemountpostboxes.gif) 0 0 no-repeat; text-indent: -1976px; }
#title-mailchutes { width: 475px; height: 25px; background: url(sitegraphics/title_mailchutes.gif) 0 0 no-repeat; text-indent: -1976px; }
#contentMain #title-domesticpostboxes { width: 475px; height: 35px; margin-bottom: 0px; background: url(sitegraphics/title_domesticpostboxes.gif) 0 0 no-repeat; text-indent: -1976px; }


/*----------------------NAV--------------------*/


#nav {
	width: 920px;
	height: 29px;
	margin: 0 0 30px 0;
	background: url(sitegraphics/bg_nav.jpg) 0 0 no-repeat #FFF;
}


#nav ul {
	width: 805px;
	height: 29px;
	margin: 0;
	padding: 0 0 0 60px;
}


#nav li,
#nav a {
	float: left;
	margin: 0;
	padding: 0;
	width: 95px;
	height: 29px;
	background-image: url(sitegraphics/nav.jpg);
	background-repeat: no-repeat;
	text-indent: -1976px;
	overflow: hidden;
}

#nav li a:hover { background-image: none;}

#nav-home a 					{ background-position: -60px 0px;}
#nav-productRange a				{ background-position: -160px 0px;}
#nav-gallery a					{ background-position: -260px 0px;}
#nav-architects a				{ background-position: -360px 0px;}
#nav-support a					{ background-position: -460px 0px;}
#nav-quotation a				{ background-position: -560px 0px;}
#nav-about a					{ background-position: -660px 0px;}
#nav-contact a					{ width: 105px; background-position: -760px 0px;}

#nav-home						{ background-position: -60px -29px;}
#nav-productRange				{ background-position: -160px -29px;}
#nav-gallery					{ background-position: -260px -29px;}
#nav-architects					{ background-position: -360px -29px;}
#nav-support					{ background-position: -460px -29px;}
#nav-quotation					{ background-position: -560px -29px;}
#nav-about						{ background-position: -660px -29px;}
#nav-contact					{ width: 105px; background-position: -760px -29px;}

#nav-homeSelected						{ background-position: -60px -29px;}
#nav-productRangeSelected				{ background-position: -160px -29px;}
#nav-gallerySelected					{ background-position: -260px -29px;}
#nav-architectsSelected					{ background-position: -360px -29px;}
#nav-supportSelected					{ background-position: -460px -29px;}
#nav-quotationSelected					{ background-position: -560px -29px;}
#nav-aboutSelected						{ background-position: -660px -29px;}
#nav-contactSelected					{ width: 105px; background-position: -760px -29px;}

#nav-homeSelected a						{ background-position: -60px -29px;}
#nav-productRangeSelected a				{ background-position: -160px -29px;}
#nav-gallerySelected a					{ background-position: -260px -29px;}
#nav-architectsSelected a				{ background-position: -360px -29px;}
#nav-supportSelected a					{ background-position: -460px -29px;}
#nav-quotationSelected a				{ background-position: -560px -29px;}
#nav-aboutSelected a					{ background-position: -660px -29px;}
#nav-contactSelected a					{ width: 105px; background-position: -760px -29px;}



/*--------------------CONTACT FORM--------------------*/

#quotationForm {
	position: relative;
	width: 510px;
	padding: 0 0 0 155px;
}
#quotationForm fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#quotationForm label {
	display: block;
	font-weight: bold;
}
#quotationForm input {
	width: 95%;
	margin: 2px 0 6px 0;
	padding: 4px;
	border: 1px solid #CCC;
}
#quotationForm input.thirtyThreePerCent {
	width: 33%;
}
#quotationForm input.fiftyPerCent {
	width: 50%;
}
#quotationForm .checkbox {
	width: 15px;
}
#quotationForm textarea {
	width: 95%;
	margin: 2px 0 6px 0;
	padding: 4px;
	border: 1px solid #CCC;
}
#quotationForm .sendform {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	text-align: center;
}
#quotationForm .sendbutton {
	width: 69px;
	border: 0;
}

#quotationForm li {
	margin-bottom: 4px;
	padding: 8px 0 8px 10px;
	background-color: #EFEFEF;
}

#areasOfInterest {
}
#areasOfInterest label {
	margin-bottom: 1em;
}
#areasOfInterest li {
	padding: 0;
}



/*-------------------CAPTCHAS-------------------*/

#captchaError 				{ display:none; font-size:11px; } 

#captchaError p				{ color:#cc0000; } 

.captcha                    { margin-bottom: 8px; }

#quotationForm .captchaInput { width: 174px; }



/*---------------------FOOTER---------------------*/

#footer {
	clear: both;
	padding: 20px 0 0 0;
	height: 50px;
}
#footer div {
	text-align: center;
}
#footer a {
	float: lseft;
	margin: 0 10px 0 0;
	text-decoration: none;
	font-size: 90%;
	color: #CCC;
}

#backgroundFooter {
	position: absolute;
	left: -60px;
	width: 970px;
	height: 25px;
}