/*** Duration Windows Main CSS Styles, Version 1.0 ***/

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;
	/* See incpagehead.asp for xmas styles */
	background-attachment: fixed;
	font-size: 12px;
}

/* Browser Detection */

.IE7{ display: none;} /* Hide content for IE7 browsers by default */
.IE8plus{ display: block;} /* Show content that only works in IE8+ browsers by default */

/* Flash Detection */

.AlternativeContentToFlash{display: none;}

/* Content */

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

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

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	clear: both;
	color: #004481;
	font-size: 21px;
	margin: 20px 0 0;
}
	
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px; 
	padding:3px 0 3px 0; 
	margin: 15px 0 0 0;
}

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

table{ border-collapse: collapse; margin: 0px;}

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;
}
		
th, td{ padding: 6px; border:0;}

td.smalltext{ font-size: 10px;}

td.smalltext h3{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 2px 0 5px 16px; font-size: 12px;}

td.smalltext ul{ margin: 0;}

td.smalltext ul li{ 
	list-style-type: square; 
	padding: 1px; 
	margin-bottom: 2px;
}

.smallprint{ font-size: 9px;}

/* Top Nav */

/* Link styles - See nav.css */

#TopNav{
	width: 100%;
	background: #2d2d2d;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	top: 0;
	left: 0;
	margin: 0 0 10px 0;
}
	
#CookieBox{
	width: 950px;
	margin: 0 auto;
	text-align: left;
	height: 82px;
	border-bottom: 2px solid #ffffff;
}

.CookieBoxLeft{ float: left; width: 750px; height: 82px; }

#CookieBox h3{
	font-weight: bold;
	font-size: 15px;
	color: #0298f2;
	padding: 0;
	margin: 11px 0 10px;
}

#CookieBox p{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	padding: 0;
	font-weight: normal;
	margin: 10px 0;
}

#CookieBox p a {
	color: #0298f2;
}

.CookieBoxRight{float: right; width: 200px; height: 82px;}

#CookieBox .CookieBoxRight .actionBtnCentre{ padding: 0; margin: 8px 0 0;}

#TopNavContainer{
	margin: 0 auto;
    text-align: center;
    width: 950px;
	height: 35px;
	background: #2D2D2D; 
	position: relative; 
	padding: 0 10px;
	z-index: 101;
}

#SearchBar{
	width: 350px;
	height: 15px;
	float: left;
	padding: 6px 0;
}

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

#SearchBar table td { border: 0; padding: 0;}/**/

#SearchBar input[type="text"]{
	background: url(/images/Body-Structural/SearchBox.png) no-repeat;
	width: 95px;
	margin: 2px 5px 0;
	font-size: 11px;
	border: 0;
	color: #333333;
	padding: 1px 10px 0 24px;
	height: 19px;
	line-height: 17px;
}

#TopNavLinks{
	width: 625px;
	margin: 0 -25px 0 0;
	height: 27px;
	float: right;
	padding: 8px 0 0;
}

#TopNav ul {
	width: 625px;
	margin: 0;
	padding: 0;
	float: right;
}

#TopNav ul li {
	list-style-type: none;
	float: right;
	line-height: 20px;
	padding:0;
	margin:0 25px 0 0;
}

#TopNav li img{
	float: left;
	/*boarder: none;*/
	margin-right: 8px;
}

.CookieSettingsBtn{
	width: 150px; /*90px; */
	height: 131px; /*31px; */
	padding: 2px 0; 
	position: absolute; 
	top: 0; 
	right: 0; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 10px; 
	z-index: 100;
}

#TopNav .CookieSettingsBtn a{
	display: block; 
	width: 150px;/*90px; */
	height: 31px; 
	/*color: #2D2D2D;*/
	color: #ffffff;
}

#TopNav .CookieSettingsBtn a:hover span.text{ text-decoration: underline;}

.CookieSettingsBtn a span.text{
	display: block; 
	width: 50px; 
	height: 11px; 
	padding: 10px 3px 10px 0; 
	float: right;
}

.CookieSettingsBtn a span.image{
	display: block; 
	width: 36px; 
	height: 30px; 
	padding: 0; 
	float: right;
}

.CookieSettingsBtn span#CookieMenu{
	width: 130px;
	height: 90px;
	padding: 10px 5px;
	float: right;
	text-align: left;
	background: #2D2D2D;
	color: #ffffff;
	border: 1px solid #ffffff;
}

#TopNav .CookieSettingsBtn span#CookieMenu a{ padding: 10px 5px; display: block; height: 10px; width: 150px;}

#TopNav .CookieSettingsBtn span#CookieMenu a:hover{ text-decoration: underline;}

/* Header */

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

/* Main Navigation Bar */

#MainNav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	margin: 3px 20px 0 0;
	width: 678px;
	float: right;
	height: 38px;
	/*overflow: hidden;*/
}

#MainNav li {
	line-height: 20px;
	padding:0;
	display: inline;
}

#MainNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0px 0 0 0px;
}

/* Strapline */ 

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

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

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

/* Phone Number */

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

#PhoneNumber h3{margin: 0; font-size:14px; color: #45a2d9;}

#PhoneNumber span {
	font-weight: bold; 
	font-size:25px; 
	font-family:Arial; 
	color:#0070b6;
}

/* 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;
	margin-left: 5px;
}

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

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

.PageIntroBox ul{
	margin: 0;
}

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

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

.PageIntroBoxLinks{ margin-top: 13px;}

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

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

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

.imagebox{
	width: 400px; 
	background: #ffffff;
	border: 4px solid #fff;
	float: right;
	position: relative;
	margin: 21px 21px 5px 21px;
	height: auto;
	padding: 0;
}

.imagebox img{
	margin: 0;
	padding: 0;
}

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

.OnlineEstimator{ /*Old delete when no longer in use*/
	background: url(/images/Body-Structural/LinkBox.jpg) no-repeat;
	float: right; 
	width: 170px; 
	margin: 0 7px 0 0; 
	height: 25px; 
	padding: 5px 10px 5px 10px; 
}

.GetAPrice {
	padding: 0; 
	width: 190px; 
	height: 36px; 
	float: right; 
	margin: 0 0 12px 0; /*0 8px 12px 0;*/
}

.GetAPrice a {border: none;}

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

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

.NoPageTabs{
	padding: 5px; 
	float: left; 
	margin-left: 6px; 
	width: 695px;
}

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

.PageTabs{
	float: left;
	width: 689px;
	margin-left: 14px;
}

.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;
	text-align: center;
}

.SideBar h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
}

.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;
	float: left;
}

	.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;
	float: left;
}

	.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;
	float: left;
}

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

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


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

	.SideBarItem2 h3 { 
		margin: 0; 
		padding: 0; 
		color: #fff; 
		font-size: 13px; 
		height: 32px;
	}
	
	.SideBarItem2 h3 a {
		color: #fff; 
		text-decoration: none;
		border: none;
	}
	
	.SideBarItem2 h3 a:hover {
		color: #fff; 
		text-decoration: underline;
		border: none;
	}
	
	.SideBarItem2 .SideBarItemImg {
		background: #efefef;
		width: 166px; 
		height: 118px;
		margin: 11px 4px 4px 4px; 
		overflow: hidden;
	}
	
	.SideBarItem2 .SideBarItemImg img {
		margin-top: -3px;
	}
	
	.SideBarItem2 .SideBarItemImg a img {
		border: none;
	}
	
	.SideBarItem2 .SideBarItemImg a:hover img {
		border: none;
	}
	
	.SideBar .SideBarItem3 { 
		background: url(/images/Body-Structural/SideBarItem3.jpg) no-repeat; 
		width: 175px; 
		height: 125px; 
		padding: 5px 10px 10px 5px; 
		margin: 0px 10px 15px 10px;
		float: left;
}
	
	.SideBar .SideBarItem3 h3 {
		margin: 0; 
		padding: 5px 1px 3px 1px; 
		color: #0070b6; 
		font-size: 13px; 
	}
	
	.SideBarItem3 h3 a {
		color: #0070b6; 
		text-decoration: none;
		border: none;
	}
	
	.SideBarItem3 h3 a:hover {
		color: #0070b6; 
		text-decoration: underline;
		border: none;
	}
	
	.SideBarItem3 .SideBarItemImg { 
		width: 166px; 
		margin: 4px;
	}
	
	.SideBarItem3 .SideBarItemImg a {
		border: none;
	}
	
	.SideBarItem3 .SideBarItemImg a:hover {
		border: none;
	}
	
	.SideBarItem3 .SideBarItemImg a img {
		border: none;
	}
	
	.SideBarItem3 .SideBarItemImg a:hover img {
		border: none;
	}
	
	.sidemenudiv{
	float: right;
	margin-bottom: 20px;
	/*margin: 0 7px 20px 7px;*/
	border: 1px solid #918d8d; /*THEME CHANGE HERE*/
	border-width: 0 1px 1px;
	font: normal 12px Verdana;
	line-height:18px;
	background-color: #f5f5f5;
	width: 188px;
}

.sidebartopbox{
	float: right; 
	background: #fff url(/images/Body-Structural/CurvedSideBarTopBox.jpg) no-repeat center top; 
	width: 170px; 
	height: 20px; 
	padding: 7px 10px; 
	/*margin: 0  7px  0 7px;*/
}

.sidebartopbox h3{
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

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

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

/* Images, galleries, brochures dynamic shadow */

.lightboxGallery{
	text-align: center; 
	margin: 10px; 
	padding: 5px 0 ;
	width:660px; 
	float: left; 
	overflow: hidden;	
	color: #8a8a8a;
}

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

.IE7fix-thumb{float:left; width: 130px;} /* 100 pixel image */

a.lightboxthumb{ 
	width: auto; 
	position: relative; 
	display: block;
}

a.lightboxthumb span.zoom-icon{ 
	background: url(/images/Body-Structural/Zoom-Icon.png) no-repeat; 
	width:35px; 
	height: 35px; 
	position: absolute; 
	bottom: 0px; 
	left: -4px; 
	border: none; 
	padding: 0; 
	margin:0;
}

a.lightboxthumb span.info-icon{ 
	background: url(/images/Body-Structural/info-icon.png) no-repeat; 
	width:30px; 
	height: 30px; 
	position: absolute; 
	bottom: 2px; 
	right: 5px; 
	border: none; 
	padding: 0; 
	margin:0;
}

/* Qtip */

a.modalTip{ 
	/*width: auto; */
	position: relative; 
	/*display: block; --- screws up modal tips on text*/ 
}

a.modalTip span.zoom-icon{ 
	background: url(/images/Body-Structural/Zoom-Icon.png) no-repeat; 
	width:35px; 
	height: 35px; 
	position: absolute; 
	bottom: 0px; 
	left: -4px; 
	border: none; 
	padding: 0; 
	margin:0;
}

a.modalTip span.info-icon{ 
	background: url(/images/Body-Structural/info-icon.png) no-repeat; 
	width:30px; 
	height: 30px; 
	position: absolute; 
	bottom: 2px; 
	right: 5px; 
	border: none; 
	padding: 0; 
	margin:0;
}

/* Shadow */
	
.img-shadow{
	background: url(/images/Body-Structural/shadowAlpha.png) no-repeat bottom right;
	float: left;
	/*clear: right;*/
	margin: 10px 0 5px 20px;
	/*width: auto;*/
}
	
.img-shadow img{ 
	background: #fff;
	display: block;
	position: relative;
	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;
}

.imageGroup{ /*group a series of images on a tabbed page*/
	width: 670px; 
	float: left; 
	clear: both; 
	padding: 10px 5px;
}

.FullPageImageGroup{ /*group a series of images on a tabbed page*/
	width: 840px; 
	float: left; 
	clear: both; 
	padding: 10px 30px 5px;
}
	
.contianimg{ /* Use if image decription is added (see below) - Container for text and image - div around .img-shadow + description */
	float: left; 
	width:160px; 
	padding: 0 5px 0 0;
}  

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

.describtion p{ padding: 0 0 8px;}

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

.description p{ padding: 0 0 8px;}

/* 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;
}

.ProductsBoxTall{
	background: url(/images/Body-Structural/ProductsBoxTall.jpg) no-repeat;
	width: 430px;
	float: left;
	margin: 9px;
	height: 265px;
	border-bottom: 1px dotted #3333333;
}
		
.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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px; 
	font-weight: bold;	
	color: #fff; 
	margin: 0; 
}
		
.ProductsBoxImage{
	float: left;
	width: 160px;
	margin: 10px 5px 5px 5px;
	padding: 10px;
}

.ProductsBoxTall .ProductsBoxImage{
	float: left;
	width: 160px;
	margin: 0;
	padding: 15px;
}

.ProductsBoxTall .ProductsBoxSubtitle{
	float: left;
	height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 10px 15px 10px 0;
	width: 223px;
}
.ProductsBoxTall .ProductsBoxSubtitle h3{ font-size: 14px; margin: 0; padding: 5px 0 0;}

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

.ProductsBoxTall .ProductsBoxText{ 
	float: left; 
	width: 223px; 
	margin: 0; 
	padding: 0 15px 15px 0; 
	height: 135px; 
	overflow: hidden;
}

.ProductsBoxTall .ProductsBoxLinks{ width: 400px; float: left; height: 26px; padding: 0 15px 8px;}

.ProductsBoxTall .ProductsBoxLinks span{ width: 223px; float: right; display: block; height: 26px;}

.ProductsBoxTall span.helplink a{
	background: url(/images/Body-Structural/HelpButton.png) no-repeat scroll left center transparent;
	border: medium none !important;
	color: #016aac;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 0 3px 28px;
	text-decoration: none;
}

.ProductsBoxTall span.helplink a:hover{
	border: medium none !important;
	text-decoration: underline;			
}

/* Testimonials on Products pages */

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

.TestimonialBox p.feedback{ color: #ffffff; font-size: 14px; padding: 22px 45px 5px 45px; line-height: 20px;}
	
.TestimonialBox p.person{ color: #ffffff; font-size: 14px; padding: 5px 45px 5px 45px; font-weight: bold;}

.TestimonialBox p.link{ padding: 35px 35px 5px 45px; font-weight: bold;}

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

.ProductsBoxExtraInfo{ 
	height: 49px; 
	width: 224px; 
	float: left; 
	padding: 0 3px 10px 0;
}

.ProductsBoxExtraInfo a img{
	width: 50px;
	padding: 1px 1px 1px 1px;
}

.ProductsBoxExtraInfo a:hover img{ 
	width: 52px;
	padding: 0;
}

/* Compare Products Page's */

.compareProducts{ 
	width: 279px; 
	float: left; 
	margin: 10px 15px 15px 0;
	padding: 0 5px;
}
			
.compareProducts img{ margin: 0 5px 0 0;}
		
.compareProducts p.readmore { margin-left:10px;}
		
.compareProductsRight{ 
	width: 279px; 
	float: left; 
	margin: 10px 0 15px 0;
	padding: 0 5px;
}
		
.compareProductsRight img{ margin: 0 5px 0 0;}
		
.compareProductsRight p.readmore { margin-left:10px;}		
		
.topbox { 
	background: #E0E0E0;/*#f3f2f2*/
	height: 200px; 
	margin: 0; 
	padding: 5px;
	overflow: hidden;
}

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

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

.featuresbox { 
	background: #E0E0E0;/*#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: 1px; 
	width: 279px;
}
				
table.comparisontable th, table.comparisontable td{ border-right: 4px solid #ffffff;}/*1px solid #333333*/
		
table.comparisontable tr.filled { background: #E0E0E0;}/*#c0c0c0*/
		
.CentreCol{ text-align: center;}		

/* Document Downloads Etc*/

p.helptext{ /* grey help text*/
	padding: 10px 5px 5px 5px;
	color: #7b7a7a;
	font-size: 11px;
	line-height: 15px;
}

p.helptext a{ color:#000000; border-color: #000000 !important;}

span.warningText{ /* i.e warning large file - download */
	font-size: 9px;
	color: #FF0000;
}

.DocumentDownloadHelpBoxFull{ 
	float:left; 
	margin-top: 0px; 
	width:100%; 
	clear: both;
}
		
.DocumentDownloadHelpBoxFull p{ height: auto; padding: 5px 15px;}

.DocumentDownloadHelpBox{
	border-left: 1px solid #7B7A7A; 
	float:left; 
	margin-top: 30px;
}

.DocumentDownloadHelpBox p{
	height: auto; 
	border-left: 2px solid #E2E2E2; 
	padding-left: 35px; 
}

.DocumentDownloadHelpBox p.helptext{
	border-left: 2px solid #E2E2E2; 
	padding: 25px 10px 35px 35px; 
	min-height: 110px;
}
			
/*.DocumentDownloadDivider{  used as a right hand spacer on brochures pages where the document download help statement is floating within content (i.e. No# of borchures not a multiple of four 
	float: left; 
	border-left: 1px solid #7b7a7a; 
	border-right: 2px solid #e2e2e2; 
	margin: 30px 35px 0 0;
}*/

 /*.DocumentDownloadDividerTop{ margin-top:30px;} used as a top spacer on brochures pages where the document download help statement is floating within content (i.e. No# of borchures not a multiple of four */

.DocumentDownloadDividerline{/* used as a top line spacer on brochures pages where the document download help statement is under content (i.e. No# of borchures is a multiple of four */
	float: left;
	width: 100%;
	height: 2px;
	border-top: 1px solid #7b7a7a; 
	Background-color: #e2e2e2;
	/*border-bottom: 2px solid #e2e2e2;*/
	margin: 20px 0 10px 0;
}

/* Technical Downloads */

.documentDownloadsOneCol{/* Used for all document download boxes within text pages */
	float: right; 
	width: 380px; 
	margin: 20px; 
}

a.downloadfile{ /* Document downloads - PDF, CAD, DXF, DOC symbols as links */
	text-decoration: none;
	border: 1px solid #ffffff;
	padding: 3px;
	display: block;
	width: 80%; 
	height: 80%;
}
		
a:hover.downloadfile{
	text-decoration: none; 
	border: 1px solid #a9a9a9;
}
		
/* Brochures tabs, Brochures Pages */
	
.brochureBox {
	width: 168px; 
	float: left; 
	margin: 15px 22px 22px 20px; 
	height: 298px;
	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: 918px;
	margin: 8px 0;
	float: left;
	/*border-width: 1px;
	border-style: solid;
	border-color: #6f6f6f #e0e0e0 #e0e0e0 #6f6f6f;*/
}

#Newsflash .TickerTapeNewsItem{
	padding: 3px 10px; 
	background: #004481; 
	width: 200px; 
	line-height: 24px; 
	color: #ffffff; 
	font-weight: bold;
}
		
#Newsflash a.TickerTapeLink{color: #A00B2B; padding: 0 5px;}

.HomeBoxSq{
	width: 300px;
	height: 300px;
 	background: #fff url(/images/Body-Structural/HomeBoxSq.jpg ) no-repeat;
	float: left;
	margin: 0 15px 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: 605px;
	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: 252px;
	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: 5px;
}

#ContentAreaBottom h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333; 
	font-size: 14px; 
	padding: 3px 0 3px 30px; 
	margin: 6px 0 5px 0;
}

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

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

#ContentAreaBottom .copyright{
	clear: both; 
	font-size: 10px;
	color: #333333;
	text-align: center; 
	padding: 2px 0 0; 
}

#ContentAreaBottom .copyright a{color: #333333;}

/* Call To Action Buttons */

/* Full page call to action bar */

#CallToAction{ width: 920px; margin: 0 15px; background: url(/images/Body-Structural/CallToAction-BG.jpg) no-repeat; height: 60px;}

#ContentAreaBottom #CallToAction .CallToActionBtn{float: left; margin: 15px 18px 12px 16px; width: 196px;}

#ContentAreaBottom #CallToAction a{ width: 180px; background: url(/images/Body-Structural/CallToAction-Btn.png) no-repeat left top; color: #333333; border: none; font-size: 12px; font-weight: bold; padding: 8px 0 0 16px; height: 25px; display: block; position: relative; text-align: center;}    /*jpg*/
    
#ContentAreaBottom #CallToAction a:hover{ background-position: left -33px; text-decoration: none; color: #ffffff;}

#CallToAction a span.GetAPrice{ background: url(/images/Body-Structural/GetAPrice-Icon.png) no-repeat scroll 0 0 transparent; border: medium none; bottom: 2px; height: 33px; left: 5px;
    margin: 0; padding: 0; position: absolute; width: 26px; }
	
#CallToAction a span.DownloadBrochure{ background: url(/images/Body-Structural/DownloadBrochure-Icon.png) no-repeat scroll 0 0 transparent; border: medium none; bottom: 2px; height: 30px; left: -2px; margin: 0; padding: 0; position: absolute; width: 40px; }
	
#CallToAction a span.CallBackRequest{ background: url(/images/Body-Structural/CallBackRequest-Icon.png) no-repeat scroll 0 0 transparent; border: medium none; bottom: 4px; height: 35px; left: -2px; margin: 0; padding: 0; position: absolute; width: 35px; }

#CallToAction a span.VisitUs{ background: url(/images/Body-Structural/VisitUs-Icon.png) no-repeat scroll 0 0 transparent; border: medium none; bottom: 4px; height: 35px; left: 0px;
    margin: 0; padding: 0; position: absolute; width: 35px;}


/* small call to action - under tabed pages */

#CallToActionSmall{ width: 703px; float: left; margin: 0; background: url(/images/Body-Structural/CallToAction-BG-small.jpg) no-repeat; height: 60px;}

#CallToActionSmall .CallToActionBtn{ float: left; margin: 15px 20px 12px 18px; width: 196px;}

#CallToActionSmall a{ 
	background: url(/images/Body-Structural/CallToAction-Btn.png) no-repeat left top;
	width: 188px;
	display: block; 
	position: relative; 
	color: #333333; 
	border: none; 
	font-size: 12px; 
	font-weight: bold;
	text-align: center; 
	padding: 8px 0 0 8px; 
	height: 25px;  
} /*jpg*/

#CallToActionSmall a:hover{ background-position: left -33px; text-decoration: none; color: #ffffff;}

#CallToActionSmall a img.CallToActionBtnIcon{ position: absolute; top: -5px; left: 2px;}

/* Disabled Call To  Action Buttons */

#CallToAction a.disabled{ color: #8e8e8e; cursor: default;}

#CallToAction a.disabled:hover{ color: #8e8e8e; cursor: default; text-decoration: none;  background-position: left top;}

#CallToActionSmall a.disabled{ color: #8e8e8e; cursor: default; padding: 8px 0 0 0; width: 196px;}

#CallToActionSmall a.disabled:hover{ color: #8e8e8e; cursor: default; text-decoration: none;  background-position: left top;}


/* Call to action side bar */

#CallToActionSidebar{ width: 205px; margin: 24px 0 0; height: 210px;}

#CallToActionSidebar .CallToActionBtn{float: left; margin: 15px 0px 0px 9px; width: 196px;}

#CallToActionSidebar a{ width: 180px; background: url(/images/Body-Structural/CallToAction-Btn.png) no-repeat left top; color: #333333; border: none; font-size: 12px; font-weight: bold; padding: 8px 0 0 16px; height: 25px; display: block; position: relative; text-align: center;} /*jpg*/  
    
#CallToActionSidebar a:hover{ background-position: left -33px; text-decoration: none; color: #ffffff;}

#CallToActionSidebar a span.GetAPrice{ background: url(/images/Body-Structural/GetAPrice-Icon.png) no-repeat scroll 0 0 transparent; border: medium none; bottom: 2px; height: 33px; left: 5px;
    margin: 0; padding: 0; position: absolute; width: 26px; }
	
#CallToActionSidebar a span.DownloadBrochure{ background: url(/images/Body-Structural/DownloadBrochure-Icon.png) no-repeat scroll 0 0 transparent; border: medium none; bottom: 2px; height: 30px; left: -2px; margin: 0; padding: 0; position: absolute; width: 40px; }
	
#CallToActionSidebar a span.CallBackRequest{ background: url(/images/Body-Structural/CallBackRequest-Icon.png) no-repeat scroll 0 0 transparent; border: medium none; bottom: 4px; height: 35px; left: -2px; margin: 0; padding: 0; position: absolute; width: 35px; }

#CallToActionSidebar a span.VisitUs{ background: url(/images/Body-Structural/VisitUs-Icon.png) no-repeat scroll 0 0 transparent; border: medium none; bottom: 4px; height: 35px; left: 0px;
    margin: 0; padding: 0; position: absolute; width: 35px; }
	
/* Other Infomation Links Box */

#BottomLinks{
	width: 100%; 
	float: left; 
	position: relative;
	margin: 0; 
	padding: 0;
}

#OtherInformation {
	width: 290px ;
	float: left;
	margin: 8px 6px 12px 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;}

#socialnetworkinglinks{
	width: 184px; 
	height: 55px; 
	position: absolute; 
	right: 75px; 
	bottom: -4px; 
	overflow: hidden;
}

#socialnetworkinglinks a{
	width: 46px;
	float: left;
	height: 50px;
	display:block;
	margin-top: 19px;
}

#socialnetworkinglinks a:hover{
	margin-top: 0;
}

#socialnetworkinglinks a img{
	margin: 7px 0;
}

.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 -4px 0;}

/* Page Footer */

#footer {
	width: 940px;
	float: left;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	margin-top: 2px;
	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;
	}