/*** Duration Windows Main CSS Styles ***/

html, body, ol, fieldset, form {
	margin: 0; padding: 0; border: 0; 
}

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #0070b6 url(/images/Body-Structural/websitebackground.jpg) repeat-x center top;
	font-size: 12px;
}

/* Link styles - See nav.css*/

/* Content */

#Wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}

h1 {
	clear: both;
	color: #fff;
	font-size: 20px;
	margin: 10px 0 5px 0;
}

h2 {
	clear: both;
	color: #004481;
	font-size: 16px;
	margin: 20px 0 0 0;
}
	
h3{
	font-size:14px; 
	padding:3px 0 3px 0; 
	margin: 15px 0 0 0;
}

p {
	/*clear: both;*/
	margin: 0;
	padding: 4px 0 8px 0; 
	line-height: 17px;
}

ul{ 
	margin: 10px 0 10px 0;
	padding: 0 0 0 30px;
}
	
li{
	line-height: 17px;
	list-style-type: disc;
	padding: 3px;
	margin: 0 0 3px 0;
}

table{ border-collapse: collapse; margin: 0px;}
		
th, td{ padding: 0px; border:0;}

.smallprint{ font-size: 9px;}

#Header {
	width: 950px;
	float: left;
	margin: 0;
	background: #fff url(/images/Body-Structural/Header.jpg) no-repeat top;
	height: 100px;
}

/* Strapline */ 

#logobox{
	float:left; 
	width:230px; 
	height: 60px; 
	margin: 20px 0 0 10px;
}

.strapline{
	width: 400px;
	height: 40px;
	float: right;
	margin: 4px 0 0 0;
	font-size: 12px;
	color: #024d71;
	font-style: italic;
	overflow: hidden;
}

.strapline p{margin:13px 0 13px 0; padding: 0;}

/* Search Bar */

#SearchBar {
	width:265px;
	height:31px;
	float: right;
	margin: 6px 3px 3px 6px;
	padding: 7px;
}

#SearchBar table {margin: 0; padding: 0;}
#SearchBar table td {border: 0; padding: 0;}


/* Drop In Message Box */

#dropin{
	position: absolute;
	visibility: hidden;
	right: 30px; 
	top: 110px;
	background: url(/images/Body-Structural/Drop-In-Box.png) no-repeat; 
	width: 300px;
	height: 520px;
	padding: 15px 20px 15px 15px;
}

#dropin h3{
	color: #004481; 
	font-size: 15px; 
	margin: 10px 0 10px 0;
}

#dropin p{
	padding-top: 10px;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
}

#dropin p.SimplyTheBest{ background: url(/images/Body-Structural/tick.gif) no-repeat left;	padding:  5px 0 10px 40px;}

p.SimplyTheBest a{color: #333333;}

p.SimplyTheBest a:hover{text-decoration: underline;}


/* Main Body Content Area */

#ContentArea {
	width: 920px;
	background: #fff url(/images/Body-Structural/PageBackground.jpg) repeat-y;
	float: left;
	padding: 0 15px;
	text-align: left;
}

#PageHeading {
	width: 890px;
	background: #fff url(/images/Body-Structural/BlueHeaderContentArea.jpg) repeat-y;
	border-top: 4px solid #a00b2b;
	float: left;
	color: #fff;
	padding: 15px;
}

#PageTitle{
 float: left;
 margin-left: 15px;
}

#PageHeading p.intro {
	clear: both; 
	padding-left:10px;
	padding-right:10px;
}

#PageTitle h1.SlimTitle {
	padding: 0;
	margin: 0;
	}

.PageIntroBox {
	width: 370px;
	font-size: 13px;
	float: left;
	padding: 0;
	margin: 0 0 10px 15px;
}

.PageIntroBox ul{
	margin: 0;
}

.PageIntroBox li{
	padding: 0px 0px 1px 0;
	margin: 0;
}

.PageIntroBox p{margin:5px 0 13px 0; padding: 0;}

.PageIntroBoxWide {
	width: 410px;
	font-size: 13px;
	float: left;
	padding: 0;
	margin: 0 0 10px 15px;
}

.PageIntroBoxWide p{margin:5px 0 13px 0; padding: 0;}

.fadeshowbox{
	width: 500px;
	float: right;
	margin: 12px 0 0 0px;
}

.imagebox{
	width: 400px; 
	border: 4px solid #fff;
	float: right;
	margin: 21px 21px 0 21px;
}

#Breadcrumb{
	width: 920px;
	float: left;
	color: #8a8a8a;;
}

/* --------------- No Tabs ------------- */

.FullPageContent{
	width: 900px;
	float: left;  
	margin: 0; 
	padding: 0 10px 10px 10px;
}
		
/* ------------------ Tabs -------------- */
				
/* Page Tab Box, full page and with side bar */

.FullPageTabs{
	float: left; 
	width: 908px;
	margin-left: 6px;
	clear: both;
}

.PageTabs{
	float: left;
	width: 695px;
	margin-left: 6px;
}

.TabbedContent{
	background: #ffffff;
	float: left;
	width:680px; 
	border-top: 2px solid #e0e0e0; 
	border-right: 1px solid #6e6e6e; 
	border-left: 2px solid #e0e0e0; 
	margin: 0;
	padding: 10px 10px;
}

.TabbedContentBottom{
	background: #fff url(/images/Body-Structural/TabbedContentBottom.jpg) no-repeat; 
	width:703px; 
	height: 12px; 
	float: left; 
	margin-bottom: 10px;
}

.FullPageTabbedContent{
	background: #ffffff;
	float: left;
	width:897px; 
	border-top: 2px solid #e0e0e0; 
	border-right: 1px solid #6e6e6e; 
	border-left: 2px solid #e0e0e0; 
	margin: 0;
	padding: 10px 10px;
}

.FullPageTabbedContentBottom{
	background: #fff url(/images/Body-Structural/FullPageTabbedContentBottom.jpg) no-repeat; 
	width:920px; 
	height: 12px; 
	float: left; 
	margin-bottom: 10px;
}

/* SideBar - on indevidual products pages. Will contain information to do with, but not about that product i.e.[Product Builder, Get A Price Link, Matching Products, See the product in our Showrooms, Product Testimonials/ feedback]*/
		
.SideBar { 
	float: right; 
	width: 205px; 
	padding: 0px 0px 15px 0px;
}

.SideBar .SideBarItem { 
	background: url(/images/Body-Structural/SideBarItem.jpg) no-repeat; 
	width: 175px; 
	height: 165px; 
	padding: 5px 10px 10px 5px; 
	margin: 0px 10px 10px 10px;
}

	.SideBarItem h3 { 
		margin: 0; 
		padding: 0; 
		color: #fff; 
		font-size: 13px; 
		text-align: center;
		height: 32px;
	}

	.SideBarItem .SideBarItemImg { 
		background: #efefef; 
		width: 165px; 
		height: 93px; 
		margin: 7px 7px 2px 3px; 
		overflow: hidden;
	}

	.SideBarItem p { 
		color: #333333; 
		text-align: center;
		padding: 0; 
		margin: 0; 
		line-height: 14px;
	}

.SideBar .testimonials{ 
	background: #fff; 
	width: 175px; 
	margin: 15px 0 0 0; 
	padding: 0 0 0 10px; 
	color: #0070b6;
}

p.MoreTestimonials { padding: 10px 0 0 10px; font-weight: bold;}

p.MoreTestimonials a img{ padding-right: 5px;}


.SideBar .accreditationBoxFirstItem{ 
	background: #fff; 
	width: 175px; 
	margin: 0px 0 20px 3px; 
	padding: 10px; 
	color: #0070b6; 
	border: 2px solid #0070b6;
}

	.accreditationBoxFirstItem p { text-align: center; margin: 0; padding: 10px 0 10px 0;}

	.accreditationBoxFirstItem h3{ text-align: center; margin: 0; padding: 0; font-size: 13px;}

.SideBar .accreditationBox{ 
	background: #fff; 
	width: 175px; 
	margin: 20px 0 0 3px; 
	padding: 10px; 
	color: #0070b6; 
	border: 2px solid #0070b6;
}

	.accreditationBox p { text-align: center; margin: 0; padding: 10px 0 10px 0;}

	.accreditationBox h3{ text-align: center; margin: 0; padding: 0; font-size: 13px;}


/* Aluminium Products Statement: bottom of the features tab of every aluminium product. summery[Bespoke products in any colour]*/
		
.AluminiumProductsStatement { 
	width:645px; 
	border-top: 1px solid #e0e0e0; 
	margin-top: 25px;
}

.AluminiumProductsStatement p { margin-top: 10px; padding: 15px 0 15px 15px;}
	

/* Images, galleries, brochures dynamic shadow */

.lightboxthumb{
	padding: 10px; 
	width:660px; 
	float: left; 
	clear: both;
	text-align: center;
	color: #8a8a8a;
}

.img-container-100{float:left; width: 130px;}

.img-shadow {
	background: url(/images/Body-Structural/shadowAlpha.png) no-repeat bottom right;
	float: left;
	clear: right;
	margin: 10px 0 0 20px;
}
	
.img-shadow img{ 
	background: #fff; 
	margin: -5px 5px 5px -5px; 
	border: 1px solid #a9a9a9; 
	padding: 4px;
}

.img-shadowR {
	background: url(/images/Body-Structural/shadowAlpha.png) no-repeat bottom right;
	float: right;
	clear: right;
	margin: 10px 0 0 20px;
}
	
.img-shadowR img{ 
	background: #fff; 
	margin: -5px 5px 5px -5px; 
	border: 1px solid #a9a9a9; /*#c5c5c5*/
	padding: 4px;
}

.describtion{ /* text underneath the image*/
	float: left; 
	width: 145px; 
	padding: 5px; 
	margin-left:10px; 
	text-align: center;
}

.contianimg{float: left; width:160px;}  /* Container for text and image - div around .img-shadow + .describtion */

/* Products Pages, i.e Aluminium Windows, Bifolding Doors Page */

.ProductsBox{
	float: left;
	width: 430px;  
	height: 246px; 
	margin: 9px; 
	background: #fff url(/images/Body-Structural/ProductsBox.jpg) no-repeat;
}

.BoxHeader{ /* Used for all h2 tags inside div's that are links - see index.asp */
	height: 45px;
	width: 100%; /* Takes the size of the div it's inside */
}

.BoxHeader h2{
	font-size: 18px; 
	font-weight: bold;	
	color: #fff; 
	margin: 0; 
	/*width: 100%;  Takes width from box header */
}

.ProductsBoxImage{
	float: left;
	width: 160px;
	margin: 10px 5px 5px 5px;
	padding: 10px;
}

.ProductsBoxText{
	float:left; 
	width: 220px;
	margin: 5px 0 0 0;
	padding: 5px; 
	height: 180px;  
	overflow: hidden;
}

/* Compare Products Page's */

.compareProducts{ 
	width: 289px; 
	float:left; 
	margin: 10px 15px 15px 0;
}
			
.compareProducts img{ margin: 0 5px 0 0;}
		
.compareProducts p.readmore { margin-left:10px;}
		
.compareProductsRight{ 
	width: 289px; 
	float:left; 
	margin: 10px 0 15px 0;
}
		
.compareProductsRight img{ margin: 0 5px 0 0;}
		
.compareProductsRight p.readmore { margin-left:10px;}		
		
.topbox { 
	background: #f3f2f2; 
	height: 200px; 
	margin: 0; 
	padding: 5px;
}

.topbox h2{ margin: 5px 0px 5px;}
	
.topbox h2 a{ color: #004481; font-size: 16px;}

.topbox h2 a:hover{ text-decoration:none;}

.featuresbox { 
	background: #f3f2f2;
	height: 175px;
	margin: 0 0 15px 0;   
	padding: 5px;
}
		
.featuresbox h3 { 
	font: 14px; 
	text-decoration:underline; 
	margin: 5px 0 5px 0;
}
		
.featuresbox li{ 
	margin: 0; 
	padding: 0 0 1px 0;
}
		
table.comparisontable{ 
	border-collapse: collapse; 
	color: #000000; 
	margin-left: 10px; 
	width:270px;
}
				
table.comparisontable th, table.comparisontable td{ padding: 4px; border:1px solid #333333;}
		
tr.filled{ background: #c0c0c0; }
		
.CentreCol{ text-align: center;}		

/* Document Downloads */

p.helptext{ 
	padding: 40px 5px 5px 5px; 
	color: #7b7a7a; 
	font: 15px;
}

span.warningText{
	font-size: 9px;
	color: #FF0000;
}
	
.DownloadProgram{ margin: 10px 0 10px  10px;}
	
.DocumentDownloadDivider{
	float: left; 
	border-left: 1px solid #7b7a7a; 
	border-right: 2px solid #e2e2e2; 
	margin: 30px 12px 0 0;
}

.documentDownloadsOneCol{/* Used for all document download boxes */
	float: right; 
	background: #004481 url(/images/Body-Structural/curvedboxbluetl.gif) no-repeat left top;
	width: 380px; 
	margin: 20px; 
}
		
.documentDownloadsTwoCol{/* Used for all document download boxes */
	background: #004481 url(/images/Body-Structural/curvedboxbluetl.gif) no-repeat left top;
	width: 800px; 
	margin: 20px auto 0px;
}
		
.documentDownloadsHeader{
	background: url(/images/Body-Structural/curvedboxbluetr.gif) no-repeat right top; 
	height: 18px; 
	padding: 10px; 
	color: #ffffff; 
	font-size: 14px; 
	font-weight: bold;
}
		
table.documentDownload{ background: #fff;}
	
table.documentDownload tbody{ border: 1px solid #6e6e6e;}

table.documentDownload a.DownloadPDF{ 
	text-decoration: none; 
	border: 1px solid #ffffff; 
	padding: 3px; 
	display: block; 
	width:80%; 
	height: 80%;
}

table.documentDownload a:hover.DownloadPDF{ 
	text-decoration: none; 
	border: 1px solid #a9a9a9;
}

table.documentDownload td, table.documentDownload th, table.documentDownload tr{ padding: 10px; border: none;}

table.documentDownload tr.tableRow{	border-bottom: 1px solid #eeeeee;}

table.documentDownload td.spacer{ border-right: 1px solid #eeeeee;}
		
/* Brochures tabs, Brochures Pages */
	
.brochureBox {
	width:168px; 
	float: left; 
	margin: 15px 22px 22px 20px; 
	padding: 5px;
}
	
.brochureBox p{ text-align: center;}
	
.brochureBox p.NumberDocument { 
	text-align: center; 
	color: #a9a9a9; 
	padding: 3px; 
	font-size: 17px; 
	font-weight: bold;
}
	
/* Home Page Specific Code */

#Newsflash{
	width:920px;
	margin: 10px 0px 10px -1px;
	float: left;
}

.HomeBoxSq{
	width: 300px;
	height: 300px;
 	background: #fff url(/images/Body-Structural/HomeBoxSq.jpg ) no-repeat;
	float: left;
	margin: 0 10px 15px 0;
	padding: 0;
	overflow: hidden;
}

/*.HomeBoxSq h2{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin: 7px 0 13px 15px;
}*/

.HomeBoxSq img{
	margin:5px 0 0 5px;
}
.HomeBoxSq p{
	margin: 5px 10px 10px 10px;
	padding: 1px;
}

.HomeBoxSq p.LargeGapTop{ margin-top: 15px;}


.HomeBoxWide{
	width: 610px;
	height: 295px;
	background: #fff url(/images/Body-Structural/HomeBoxWide.jpg) no-repeat;
	float: left;
	margin: 0 0 15px 0;
	padding: 5px 0 0 0;
}

.HomeBoxWide h2{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin: 0; 
	padding: 7px 15px 13px 20px;
}

.HomeBoxImageArea{
	width: 348px;
	height: 248px;
	float: left;
	margin:3px 0px 0px 1px;
}

.HomeBoxLinkBtns {
	width: 257px;
	height: 251px;
	float: right;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 2px 0px 0px;	
}

.HomeBoxLinkBtns ul{
	margin: 0;
	padding: 0;
}

.HomeBoxLinkBtns li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	/*background: url(/images/Body-Structural/HomeBoxLinkBtns.jpg) no-repeat left top;
	padding-top: 14px;
	padding-bottom: 14px;
	-- this code was put in as a replacement to line-height for double line links,
	 complicates code so trying to avoid two line links so that it's not needed. 
	 doubline line and single line links would need seperate code see below --
	 .doubleLineLink{font-size: 15px; font-weight:bold; line-height:15px; padding-bottom: 10px; padding-top:10px;} */
}

/* Curved Bottom of the Content Area Containing greyed out links - Other Information, Product Links, Contact information */

#ContentAreaBottom{
	width: 950px;
	background: #fff url(/images/Body-Structural/PageBackground.jpg) repeat-y;
	float: left;
	text-align: left;
	color: #8a8a8a;
	font-size: 11px;
	padding-top: 10px;
}

#ContentAreaBottom h2{
	color: #333333; 
	font-size: 14px; 
	padding: 3px 0 3px 30px; 
	margin: 10px 0 5px 0;
}

#ContentAreaBottom ul{ margin: 0; padding: 0;}

#ContentAreaBottom li{
	line-height: 15px; 
	list-style-type: none; 
	padding: 0; 
	margin: 0;
}

/* Other Infomation Links Box */

#OtherInformation {
	width: 290px ;
	float: left;
	margin: 8px 6px 8px 15px;
	padding: 4px;
	border-right: 1px solid #e0e0e0;
}

#OtherInformation h2{background: url(/images/Body-Structural/planeticon.jpg) no-repeat left top;}

#ProductLinks {
	width: 290px ;
	float: left;
	margin: 8px 6px 8px 6px;
	padding: 4px;
	border-right: 1px solid #e0e0e0;
}

#ProductLinks h2{background: url(/images/Body-Structural/gogicon.jpg) no-repeat left top;}

#ContactInformation {
	width: 290px ;
	float: left;
	margin: 8px 6px 8px 6px;
	padding: 4px;
}

#ContactInformation h2{background: url(/images/Body-Structural/lettericon.jpg) no-repeat left top;}


.ContentAreaColumn1{width: 118px; float: left;}

.ContentAreaColumn2{width: 172px;float: left;}

.ContentAreaColumn3{width: 135px;float: left;}

.ContentAreaColumn4{width: 155px;float: left;}

img.curvedpagebottom{ margin: 0 0 -2px 0;}

/* Page Footer */

#footer {
	width: 950px;
	float: left;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
	margin-top: 1px;
	height: 100px;
	padding: 5px;	
}

#LogosAndAcreditationsBox{
	float: left; 
	width: 950px; 
	height: 80px;
	}
	
#LogosAndAcreditationsBox p{ 
	margin:0px auto; 
	margin-bottom:10px;
	text-align: center;
}

#LogosAndAcreditationsBox img{
	border:0;
	margin: 4px;
}

/* Forms */

fieldset {
	border: none;
	}

#SearchBar label.search {
	color: #ce1c1f;
	font-size: 13px;
	font-weight: bold;
}

#SearchBar input.txt {
	border: 1px solid #cccccc;
	border-bottom: 2px solid #999999;
	border-right: 2px solid #999999;
	color: #333333;
	padding: 2px;
	width: 155px;
	font-size: 14px;
}

#SearchBar input.imgBtn{
	display: inline;
	margin: 0 2px 0;
}