/* CSS Document */

* {padding: 0; margin: 0; }

/**************************************************************************************************************************/
/* redifined tags */
/**************************************************************************************************************************/

body {background-color:#DFDFDF; background-image:url(../images/main-bg.gif); font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; color:#333;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#333333; background-image:url(../images/h1-bg.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:8px; font-weight:normal; width:525px; margin-bottom:10px;}

h2 {font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#333333; background-image:url(../images/h1-bg.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:8px; font-weight:normal; width:525px; margin-bottom:15px;margin-top:35px;}

a {color:#333; text-decoration:underline;}
a:hover {color:#990033; text-decoration:underline;}


  
/**************************************************************************************************************************/
/* Template */
/**************************************************************************************************************************/

.se-text {width:974px; margin: 0px auto;  text-align:center; margin-top:12px; margin-bottom:12px; font-size:11px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;}
.wrapper {width:974px; margin: 10px auto 0px;  background-image:url(../images/page-bg.gif); background-repeat:repeat-y;} 

.mid-banner { width:966px; background-color:#282309; margin-left:4px;}
.testimonials {float:left; width:211px;}
.testimonials img {border:0px;}
.images {float:left; width:755px; height:151px; padding-top:6px; background-color:#282309; z-index:0 !important;}
.clear {clear:both;} 
.main-page {width:966px; padding-top:1px; background-color:#FFF; margin: 0px auto; padding-bottom:20px;}
.left-nav {float:left; width:211px; }
.centre {float:left; width:530px; background-color:#FFF;  margin: 0px 0px 0px 13px; padding: 25px 15px 0px 20px; }
.right {float:left; width:150px; margin: 12px 0px 0px 13px;}

.centre-planner {float:left; width:700px; background-color:#FFF; margin: 0px 0px 0px 13px; padding: 25px 15px 0px 20px;}




/* Main Navigation inc dropdown menu */

.top-bar {height:11px; background-color:#7DC90C; width:966px; margin: 0px auto;}
.top-banner {width:962px; background-image:url(../images/top-banner-bg.gif); background-repeat:repeat-x; background-position:bottom; border: 2px solid #FFF; background-color:#FFFFFF; margin-left:4px; height:108px;}
.logo {float:left; width:293px; height:86px; float:left; padding:11px 0px 0px 12px;}
.tel {float:right; width:585px; margin: 16px 0px 10px 0px; background-image:url(../images/tel-icon.gif); background-repeat:no-repeat; height:32px; color:#333333;  font-family:Arial, Helvetica, sans-serif; font-size:30px;padding:0px 0px 0px 40px; line-height:35px;  background-position:367px 0px;}




#nav {float:right;width:630px; margin-right:10px;}
#nav ul {list-style-type:none; float:right;  }

#nav li {float:left; margin:10px 0px 0px 0px; padding:3px 0px 3px 0px ; list-style-type:none;  font-size:13px; color:#3a3e4f; line-height:18px; border-left:1px solid #62707A; font-family:Arial; font-weight:bold;}

#nav li a, #nav li a:link, #nav li a:active, #nav li a:visited {padding:2px 8px 2px 8px; color:#373535; text-decoration: none; }
#nav li a:hover {color:#7F022B; text-decoration:none;}




.anylinkcss {position:absolute; visibility: hidden; font-size:11px; line-height: 13px; z-index: 100; top: -500px; margin:6px 0px 0px 0px; padding:0px;  text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;}

.anylinkcss a, .anylinkcss a:link, .anylinkcss a:active, .anylinkcss a:visited {padding:8px 20px 8px 12px; color:#373535; display: block; text-decoration: none; background:#FFFFFF; border-bottom:solid 1px #666; }

.anylinkcss strong {background-image:url(../images/arr-down-nav.gif); background-repeat:no-repeat; background-position: 7px; padding:8px 20px 8px 16px; border-bottom:solid 1px #FFF; display: block; color:#FFFFFF; background-color:#282309;}

.headlink {background:#282309 !important; border-bottom:none !important; padding:0px 0px 0px 0px !important; color:#FFFFFF !important; }


.top-link {padding-top:20px !important;}
.bottom-link {}
.anylinkcss a:hover {color:#7F022B;}

.currentSection {color:#7F022B !important;}



/*******************************************************************************************************************/
/* SOCIAL MEDIA */
/*******************************************************************************************************************/
.socialbar { width:523px; margin-bottom:15px;}


/*******************************************************************************************************************/
/* IMAGE GALLERIES */
/*******************************************************************************************************************/

.gallery {width:530px; margin:0px 0px 0px 0px;}
.gallery-left {float:left; width:92px;}
.gallery-left img {float:left; margin:0px 7px 7px 0px;}
.gallery-right {float:left; width:438px;}






/* Left Navigation */
/**************************************************************************************************************************/

.searchbox {float:left; width:203px; background-color:#8ACE25; background-image:url(../images/search-bg.gif); background-repeat:repeat-x; padding:10px 0px 10px 8px;}
.searchbox input {width:120px; height:18px; padding: 2px 0px 0px 2px; color:#999999;}
.button {width:auto !important; height:auto !important; padding:0px !important; color:#333333 !important;}

.left-links { border-top:2px solid #FFF; border-left:2px solid #FFF; width:209px; background-image:url(../images/left-links-bg.gif); background-repeat:repeat-x; margin:0px 0px 20px 0px;}
.left-links-heading {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#7F022B; margin: 0px 0px 0px 16px;}
.left-links ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin: 15px 0px 0px 16px; padding: 0px 0px 0px 0px;}
.left-links li {margin: 0px 0px 0px 0px; padding: 4px 0px 8px 2px; background-image:url(../images/left-links-dots.gif); background-repeat:no-repeat; background-position:bottom; list-style:inside; color:#5CA30D;}
.left-links li a {color:#000000; text-decoration:none;}
.left-links li a:hover {color:#7F022B;}


.brochure {width:211px; background-color:#000; padding: 20px 0px 0px 0px;}
.brochure-heading {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#90E90D; margin-bottom:7px; padding-left:15px;}
.brochure-para {color:#CCCCCC; margin-bottom:10px;padding-left:15px; line-height:18px;}

.left-iso {width:196px; padding: 0px 0px 0px 15px; margin-bottom:20px; }
.left-iso-heading {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#333333; margin-bottom:7px; }
.left-iso-para {color:#333333; margin-bottom:10px; line-height:18px;}





/* Bottom Border */
/**************************************************************************************************************************/

.bottom {margin: 10px auto 0px; background-color:#000000; height:155px; width:921px; padding:20px 20px 0px 25px;}

.bottom p {color:#CCCCCC; font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif;line-height:18px; margin: 8px 0px 0px 0px;}

.bottom p a {color:#FFFFFF; text-decoration:underline;  }
.bottom p a:hover {color:#7DC90C;}

.bottom-left {float:left; width:253px; background-image:url(../images/footer-dots.gif); background-repeat:repeat-y; background-position:right; padding:10px 0px 0px 0px; height:123px; }
.bottom-centre {float:left; width:389px; background-image:url(../images/footer-dots.gif); background-repeat:repeat-y; background-position:right; padding:10px 0px 0px 22px; height:123px;}
.bottom-centre form {margin-top:14px;}
.bottom-centre input {width:139px; color:#999999; height:18px; padding: 2px 0px 0px 2px;}
.newsletter-button {width:75px !important; height:auto !important; padding:0px !important; color:#333333 !important;}
.bottom-right {float:left; width:231px; padding:10px 0px 0px 22px; height:123px;}

.green {color:#62B510;}

.copyright {margin: 0px auto; width:966px;}
.copy-left {float:left; width:560px;}
.copy-right{float:right; width:300px;}

.copyright p {font-size:11px; color:#666666; text-align:center; margin:10px 0px 10px 0px ; font-family:Verdana, Arial, Helvetica, sans-serif;}
.copyright a {color:#666666;}


.iso {float:left; width:200px; margin: 0px 0px 0px 0px;}


/* Inner Page */
/**************************************************************************************************************************/

.content-para {margin-bottom:15px; line-height:18px;}
.textcta {margin-top:30px; background-image:url(../images/h1-bg.gif); background-position:top; background-repeat:repeat-x; padding: 20px 0px 20px 0px;} 
.textcta p {line-height:18px;}
.centre ol {margin:0px 0px 20px 25px;}
.centre ul {margin:20px 0px 20px 25px;}
.centre li { padding-bottom:10px;}
.dashed-line {background-image:url(../images/h1-bg.gif); background-repeat:repeat-x;  background-position:center; margin: 0px 0px 10px 0px; height:30px;}


.feedback {background-color:#990033; margin: 0px 0px 20px 0px; background-image:url(../images/structure/feedback-bg.gif); background-position:top right; background-repeat:no-repeat; width:525px; }
.feedback p {padding:20px 50px 25px 20px; color:#FFFFFF;}


.box {width:250px; float:left; margin:20px 20px 10px 0px;}
.box2 {width:250px;  float:left; margin:20px 0px 10px 0px; background-image:url(../images/cta-guides.gif); height:139px; background-repeat:no-repeat; padding: 15px 0px 0px 8px; line-height:1.5em;}

#googlemap {float:right; width:320px; height:250px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border: 1px solid #CCCCCC; color:#333; font-size:11px;}

.cta-main {background-image:url(../images/cta/main/cta-mid.gif); padding:8px 10px 7px 8px;}
.cta-main p {margin: 0px 0px 15px 0px; font-size:13px; line-height:16px;}

.clients {height: 40px; background-image:url(../images/clients/cta-clients-bg.gif); background-position:bottom; background-repeat:no-repeat; font-size:13px; margin:0px 0px 0px 0px;}
.clients p{ padding: 3px 10px 15px 0px;}



/* Brochure Page */
/**************************************************************************************************************************/
.brochure-ops {height:71px; width:auto; margin:42px 0px 0px 0px; padding:15px 0px 0px 35px; background-image:url(../images/brochure-options-bg.gif); background-repeat:repeat;}
.brochure-ops p {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF; line-height:28px;}
.brochure-ops a {color:#FFFFFF;}



/* Price List CTA */
/**************************************************************************************************************************/
.trade-prices {width:150px; background-color:#000; padding: 15px 0px 0px 0px; margin-bottom:10px;}
.trade-prices-heading {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#90E90D; margin-bottom:7px; padding-left:10px;}
.trade-prices-para {color:#CCCCCC; margin-bottom:5px; padding-left:10px; line-height:18px;}








/* Contact Form */
/**************************************************************************************************************************/

.floater3 {float:right; width:260px; display:inline; margin:22px 15px 0px 15px; }
.centre form {background: #FFF; border:5px solid #F2F1EF;  padding:25px 0px 0px 20px; width:500px; background-image:url(../images/contact-form-bg.gif); background-repeat:repeat-x; background-position:bottom; margin:25px 0px 0px 0px;}
.centre form fieldset {}
.centre form legend {display: none; }
.centre form label {display: block;  margin-bottom:12px;}
/*Button:*/ 
.centre form input.button {margin: 6px 0px 0px 0px;}
.centre form input.text, form textarea.text { width: 200px; display: block; padding: 2px; }
.centre form textarea {width:220px; font-family:Arial, Helvetica, sans-serif; height:126px;}
.centre form input.text { width: 210px; }

.formfloat {width:250px; float:left; height:280px;}
.offices {float:left; width:150px; margin:0px 15px 50px 0px ; border-left:1px solid #F2F1EF; padding-left:23px;}


.calculator form label {margin:13px 0px 0px 0px;}
.calculator form  input, form textarea {padding: 2px;}
.calculator form  input {}







/**************************************************************************************************************************/
/* Lightbox */
/**************************************************************************************************************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




  
/**************************************************************************************************************************/
/* Calculator */
/**************************************************************************************************************************/

.fieldbg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #999999;
	text-indent: 2px;
	background-color: #EDEDED;
}

.related {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #0000FF;
	padding-left: 3px;
}

.hotspotOn {
	background-image: url(../images/hotspot-on.gif);
}
.hotspotOff {
	background-image: none;
}


/**************************************************************************************************************************/
/* Customer Area */
/**************************************************************************************************************************/

.download {margin:20px 0px; padding:0px 0px 4px 40px; background: url(../customerarea/images/excel.gif) 0px 0px no-repeat; line-height:23px; font-size:16px; color:#333; font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.download a, .download a:link, .download a:active, .download a:visited {color:#333; text-decoration:underline;}
.download a:hover {color:#7F022B; text-decoration:underline;}