/* Forms Plus common CSS */
/* Created by: Angie Barnard - Web Sight Ltd. */

/* COMMON CSS*/

/* Forces scroll in Mozilla and stops page shift because of scroll bar */
html { min-height: 100%; margin-bottom: 1px; }

img { border:none; }
h1{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ad482d;
	font-weight: bold;
}

h2{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;	
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}


#head_title h1{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 24pt;
	color: #c86842;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h4{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	color: #c86842;
	font-weight: bold;
	padding: 9px;
	margin: 0px;
}

h5{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #565d5e;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	text-align: center;
}

/* Main Container */
#container{
	width: 767px;
	background-color: #ffffff;
	border: 6px solid #696967;
	margin: 0 auto;
	background-image: url(images/left_background_boxes.jpg);
	background-repeat: no-repeat;
	background-position: 642px 45px;
	position:relative;
	clear:both;
}


/* Top Banner */
#top_banner{
	float: left;
	background-image: url(images/header_shadow.jpg);
	background-repeat: no-repeat;
	background-position: 200px 20px;
}


/* logo */
#logo{ float:left;}

/* Navigation menu */
#navigation{
	text-align: right;
	border-top: none;
	border-bottom: none;
	background-color: #ffffff;
	position: absolute;
	left: 400px;
	top: 45px;
	word-spacing: 1.25em;
}

/* Apply to IE only */
* html #navigation{ word-spacing: 0.9em;}

#navigation ul{
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	color: #ad482d;
	line-height: 10px;
	white-space: nowrap;
}

#navigation li{
	margin: 0px ;
	list-style-type: none;
	display: inline;
}

#navigation a{
	text-decoration: none;
	color: #605b5f;
	font-weight: bold;
}

#navigation li a:hover{
	color: #ad482d;
	font-weight: bold;	
}

/* Common page element */
#header_title{
	width: 284px;
	float: left;
	margin-left: 25px;
	margin-top: 47px;
	text-align: left;
} 

/* Apply only to IE */
* html #header_title{ line-height: normal; margin-top: 48px; line-height: normal; padding-bottom: 13px;}

.title_colour{
	color: #3a4041;
	font-size: 8pt;
}

/* Common page element */
#header_squares{
	float: right;
	width: 42px;
	height: 15px;
	margin-top: -20px;
}
/* Apply only to IE */
* html #header_squares{ margin-top: -24px; padding-left: 5px;}

/* Homepage header */
#home_head_title{
	width: 285px;
	float: left;
	margin: 11px 0px 0px 27px;
	text-align: left;
	line-height: 20px;
	letter-spacing: .04em;
	margin-bottom: 0px;
	height: 0px;
}
/* Apply to IE only */
* html #home_head_title{ margin-top: 19px;}

/* Homepage squares*/
#header_squares_homepage{
	float: right;
	width: 42px;
	height: 15px;
	margin-top: 54px;
	margin-right: 258px;
}
/* Apply only to IE */
* html #header_squares_homepage{ margin-top: 55px; position: absolute; left: 473px;}
	
/* Product list */
#product_list{
	float: left;
	background-image: url(images/left_1px.jpg);
	background-repeat: repeat;
	width: 172px;
	height: 324px;
	margin: 15px 0px 0px 25px;
	text-align: left;
}

/* Product Page*/
#product_list_prodpage{
	float: left;
	background-image: url(images/left_1px_prodpage.jpg);
	background-repeat: repeat;
	width: 172px;
	height: 576px;
	margin: 15px 0px 0px 25px;
	text-align: left;
}
/* Apply only to IE*/
* html #product_list_prodpage{ margin: 0px 0px 0px 12px;}

#product_image_1{ padding: 8px;}
#product_image_2{ padding: 8px; padding-top: 32px;}
#product_image_3{ padding: 8px; padding-top: 32px;}



#product_list a{text-decoration: none; color: #ffffff;}

/* Apply to IE only*/

* html #product_list{ margin: -3px 0px 0px 12px;}

/* Common page element */
#product_list h2{
color: #ffffff; font-size: 8pt; padding: 12px 0px 8px 10px; margin: 0px;
}

#left_column{
	width: 75px;
	float: left;
	text-align: left;
	background-color: #f2f2f2;
	margin-left: 7px;
	margin-right: 8px;
}

/*Apply to IE only*/
* html #left_column{margin-right: 0px; margin-left: 4px;}

#left_column ul{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	color: #7c7c7c;
	line-height: 25px;
	padding-left: 6px;
}

#left_column li{
	margin: 0px;
	list-style-type: none;
	display: inline;

}

#right_column{
	width: 75px;
	float: left;
	text-align: left;
	background-color: #f2f2f2;
}
/*Apply to IE only*/
* html #right_column{margin-left: 7px;}

#right_column ul{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	color: #7c7c7c;
	line-height: 25px;
	padding-left: 6px;
}

#right_column li{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	display: inline;
}

#magazine_image{
	padding: 7px 0px 0px 7px;
}

/* Common page element */
#main_content{
	float: left;
	width: 286px;
	margin: 15px 0px 0px 28px;
}
/* Apply to IE only*/
* html #main_content{ width: 290px; margin: -3px 0px 0px 28px; 	padding-bottom: 10px;}

/* Home page content */
#content_scroll{
	width: 278px;
	height: 228px;
	background-color: #f2f2f2;
	overflow: auto;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	padding-top: 0px;
	line-height: 12px;
	color: #565d5e;
}
/* Apply to IE only */
* html #content_scroll{ padding-bottom: 8px;}

#content_scroll a{ color: #565d5e; text-decoration: none; font-weight: bold;}

/* Apply to IE only*/
* html #content_scroll{ width: 290px; font-size: 8pt; padding-top: 12px;}

.center_text{ font-weight: bold; font-size: 11.5pt;}

.center_text_bot{ font-weight: bold;}

/* Jargon page */
#jargon_content_scroll{
	width: 278px;
	height: 320px;
	padding-bottom: 4px;
	background-color: #f2f2f2;
	overflow: auto;
	font-size: 10px;
	text-align: left;
	padding-left: 7px;
	padding-top: 0px;
	color: #565d5e;
	line-height: 17px;
}
.jargon { font-weight: bold; font-size: 12px;}
/* Apply to IE only */
* html #jargon_content_scroll{ height: 325px;}

/* Product Page */
#left_center_column{ 
	float: left; 
	background-color: #f2f2f2;
	width: 135px;
	font-size: 8pt;  
	color: #474141; 
	line-height: 13px;
	padding-top: 2px;
	padding-bottom: 5px;
}
#left_center_column li{ list-style-type: none;}
#left_center_column ul{ margin: 0px; padding:0px}

#right_center_column{ 
	float: left;
	background-color: #f2f2f2;
	width: 135px;
	font-size: 8pt;
	color: #474141;
	line-height: 13px;
	padding-bottom: 23px;
	padding-top: 2px;
	margin-bottom: 8px;
	margin-left: 15px;
}
#right_center_column li{ list-style-type: none;}
#right_center_column ul{ margin: 0px; padding: 0px;}

/* Apply to IE only*/
* html #right_center_column{ margin-top: 2px;}
* html #left_center_column{ margin-top: 2px;}
* html #right_center_column{ margin-bottom: 6px;}

/* Contact page */
#content{
	width: 273px;
	height: 316px;
	background-color: #f2f2f2;
	font-size: 11px;	
	color: #565d5e;
	border: 4px solid #c86842;
}
/* Apply to IE only*/
* html #content{ width: 290px; font-size: 8pt; padding-top: 10px; padding-bottom: 10px;}
#content a{ text-decoration: none; color: #605b5f; font-weight: bold;}
.thank_you{  font-weight: bold;font-size: 12px;}
.address{ font-size: 11px; font-weight: bold; line-height: 15px;}
.note{ font-size: 7pt; font-style: italic; padding: 5px;}

#dont_send{ line-height: 8.5px;}
#dont_send a{ color: #ad482d; text-decoration: none; font-weight: bold; font-size: 11px;}
.find_the{ color: #565d5e; text-decoration: none; font-weight: bold; font-size: 11px;}
#contact_jargon a{ color: #ad482d;}

/* Client Page */
#clients_content{
	width: 278px;
	background-color: #f2f2f2;
	font-size: 8.5px;
	text-align: left;
	padding-left: 7px;
	padding-top: 1px;
	color: #565d5e;
	line-height: 10.5px;
	padding-bottom: 12px;
}

.clients{ font-weight: bold; font-size: 10.5px; font-style: italic; line-height: 10px; color: #03acf1;}
/* Apply to IE only */
* html .clients{ font-size: 11.5px;}

#clients_jargon{ line-height: 8px; padding-top: 0px; padding-bottom: 4px; background-color: #f2f2f2;}
/* Apply to IE only */
* html #clients_jargon{  width: 293px;}

#clients_jargon a{ text-decoration: none; color: #ad482d; font-weight: bold; font-size: 11px;}
/* Apply to IE only */
* html #clients_jargon{ padding-top: 0px;}

/* Apply to IE only*/
* html #clients_content{ width: 290px; font-size: 7pt; margin-top: 3px; padding-top: 12px; padding-bottom: 17px;}

/* Common page element */
#bottom_quote_box{
	background-image: url(images/testimonial_middle_bot.jpg);
	background-repeat: repeat;
	margin-top: 23px;
	height: 48px;	
}

#bottom_quote_box blockquote{
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 5px;
	margin: 0px;
	line-height: 12px;
	color: #3a4041;
}
#bottom_quote_box a{ text-decoration: none; color: #3a4041;}

.bot_quote{ font-weight: normal; font-size: 7pt; font-style: normal;}

.see_what { font-size: 8pt; line-height: 20px; font-style: normal; font-weight: bold;}

/* Product Page*/
#bottom_quote_prodpage{
	background-image: url(images/testimonial_middle_bot.jpg);
	background-repeat: repeat;
	padding: 0px;
}
/* Apply to IE only */
* html #bottom_quote_prodpage{ padding-bottom: 0px;}

#bottom_quote_prodpage blockquote{
	font-size: 6pt;
	font-weight: normal;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	line-height: 10px;
	color: #605b5f;
	word-spacing: 0.05em;
	padding-top: 10px;
}

/* Apply to IE 6 Only */

* html #bottom_quote_prodpage blockquote{ height: 47px; font-size: 8pt;}

.see_what_prod{ font-size: 8pt; line-height: 8px; font-style: normal; font-weight: bold;}
.see_what_prod a { text-decoration: none; color: #3a4041;}
.bot_quote_prod{ font-size: 7pt; font-style: normal; line-height: 5px; font-weight: bold;}

/* Apply to IE 6 Only */
* html .bot_quote_prod{ padding-bottom: 10px;}

/* main area right-hand boxes - common page element */
#right_panel{
	text-align: center;
	width: 148px;
	position: absolute;
	left: 537px;
	top: 62px;
}
/* Apply to IE only*/
* html #right_panel{ top: 63px;}

#top_right_image { border: 5px solid #03acf1;}

#quote{
	background-image: url( images/testimonial.jpg);
	background-repeat: repeat;
	margin-top: 26px;
	font-size: 7pt;
	font-style: normal;
	font-weight: 900;
	color: #3a4041;
}

/* Clients Page*/
#client_quote_right{
	background-image: url( images/testimonial.jpg);
	background-repeat: repeat;
	margin-top: 26px;
	font-size: 8pt;
	font-weight: bold;
	color: #3a4041;
	padding-bottom: 1px;
	padding-top: 1px;
	color: #565d5e;
}

/* Contact page */
#left_quote{
	background-color: transparent;
	height: 44px;
	width: 148px;
	margin-top: 26px;
	font-size: 7pt;
	font-style: normal;
	font-weight: 900;
	color: #3a4041;
}

/* Product Page*/
#product_quote{
	background-image: url( images/products_page_right_quote.jpg);
	background-repeat: repeat;
	margin-top: 20px;
	font-size: 12px;
	color: #696767;
	line-height: 20px;
	padding-top: 19px;
	padding-bottom: 33px;
	font-weight: bold;
	height: 252px;	
}
.product_quote_mid{ font-size: 13pt; font-weight: bold; font-style: italic; line-height: 24px; color: #3a4041;}
/* Apply to IE only */
* html .product_quote_mid{ line-height: 18px;}

/* Product and client page Page*/
#client_quote{
	background-image: url( images/products_page_right_quote.jpg);
	background-repeat: repeat;
	margin-top: 20px;
	font-size: 12px;
	color: #696767;
	line-height: 20px;
	padding-top: 19px;
	padding-bottom: 33px;
	font-weight: bold;
	height: 252px;	
}
/* Apply to IE only */
* html #client_quote{ line-height: 18px; padding-top: 25px;}

/* Common page element */
#email_us{
	height: 140px;
	background-color: #f2f2f2;
	border: 4px solid #c86842;
	font-size: 9pt;
	color: #696767;
	font-weight: normal;
	margin-top: 18px;
	word-spacing: .35em;
}

/* Apply to IE only*/
* html #email_us{ margin-top: 16px;}

#email_us a{ text-decoration: none; color: #605b5f;}

.email_box{font-weight: bold; font-size: 10pt;}

.quote_colour{color:#605b5f; font-weight: bold; font-size: 10pt;}

#bot_logo{ 
	float: left;
	position: absolute;
	top: 354px;
	left: 157px;
}

/* Apply to IE only */
* html #bot_logo{ left: 156px; top: 362px;}

/* Product Page*/
#bot_logo_prodpage{
	float: left;
	position: absolute;
	left: 156px;
	top: 606px;
}

/* Apply to IE only*/
* html #bot_logo_prodpage{ left: 156px; top: 613px;}

/* Clients Page*/
#bot_logo_clients{
	float: left;
	position: absolute;
	left: 156px;
	top: 616px;
}
/* Apply to IE only */
* html #bot_logo_clients{ left: 156px; top: 605px;}

/* Quote Form*/
#bot_logo_quote{
	float: left;
	position: absolute;
	left: 156px;
	top: 695px;
}
/* Apply to IE only */
* html #bot_logo_quote{ left: 156px; top: 685px;}


/* Footer */

#footer{
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	margin: 18px 0px 0px 0px;
	width: 767px;
	height: 30px;
}

#footer a{ text-decoration: none; color: #ffffff;}

.footer_format{
	color: white;
	font-size: 8pt;
	font-weight: bold;
	float: left;
	margin-left: 35px;
	margin-top: 8px;
}

/* Clearer div */
.clear { clear: both;}



#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; }

#topText {
width:780px;
margin: 0px auto;
margin-top:-12px;
}

#topText h1, #topText p , #topText h2  {
font-size:11px;
margin:8px 0px 5px 0px;
font-weight:normal;
color:#696967;
}

#topText p {
color:#C86842;
}

div.h1 {
float:left;
width:220px;
text-align:left;
}

div.p {
float:left;
width:338px;
text-align:center;
font-style:italic;
}

div.h2 {
float:right;
width:220px;
text-align:right;
margin-right:1px;
}

#keywordLinks {
width:780px;
margin: 0px auto;
margin-top:0px;
}
#keywordLinks p {
margin-top:5px;
}

#keywordLinks a, #keywordLinks a:visited  {
color:#999;
font-size:11px;
text-decoration:none;
margin-top:0px;
}