/* 

#container

#header

#left_content

#right_content

#footer

margin: 0px 0px 0px 0px; 
 
 
 */

body_OLD { background-color:#eeeeee; font-family:Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px;}

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

body a {border:none;}

#holding-text { font-size:18px; padding: 30px 150px 30px 150px; }

#container2 { background-repeat:repeat-y; background-image:url(Images/body_background.jpg); width:792px; margin: 0px auto 0px auto;}

#container-holding { width: 900px; margin: 0px auto 0px auto;}
/* ------------------ Header area ---------------------- */

#header { width:746px; height:155px; margin: 0px 0px 0px 25px;}

#header img { border:0px;}

#h_left {float:left;}

#h_right {float:right;}


/* ------------------ left content area ---------------------- */

#left_content { float:left; }

#nav_space { margin: 0px 0px 0px 34px; background-color:#DBD5E6; width:190px; padding: .3em .8em; font-size: 11px; color: #333333;}

/* ------------------ nav ---------------------- */

#nav1 {}

#nav1 ul { margin: 6px 0px 0px 34px; padding: 0; list-style-type: none; text-align:left;}	

#nav1 li { margin: 0px 0px 2px 0px; }

#nav1 a { display: block; font-size: 11px; color: #333333; background-color:#DBD5E6; margin:0.0em 0em 0.0em 0em; width:190px; padding: .3em .8em; text-decoration: none;}

#nav1 a:hover { background-color:#41267b; color: #FFF;}

#nav1 a.selected { background-color:#41267b; color: #fff;}

/* ------------------ ORIGINAL DO NOT EDIT

#nav1 a { display: block; font-size: 11px; color: #333333; background-color:#DBD5E6; margin:0.0em 0em 0.0em 0em; width:190px; padding: .3em .8em; text-decoration: none;}

#nav1 a:hover { background-color:#ECE9F2; color: #333333;}

#nav1 a.selected { background-color:#ECE9F2;}

---------------------- */

#nav2 {}

#nav2 ul { margin: 2px 0px 0px 34px; padding: 0; list-style-type: none; text-align:left;}	

#nav2 li { margin: 0px 0px 2px 0px; }

#nav2 a { display: block; font-size: 11px; color: #333333; background-color:#DBD5E6; margin:0.0em 0em 0.0em 0em; width:190px; padding: .3em .8em; text-decoration: none;}

#nav2 a:hover { background-color:#41267b; color: #fff;}

#nav2 a.selected { background-color:#41267b; color: #fff;}

/* ------------------ ORIGINAL DO NOT EDIT

#nav2 a { display: block; font-size: 11px; color: #333333; background-color:#DBD5E6; margin:0.0em 0em 0.0em 0em; width:190px; padding: .3em .8em; text-decoration: none;}

#nav2 a:hover { background-color:#ECE9F2; color: #333333;}

#nav2 a.selected { background-color:#ECE9F2; }

---------------------- */



#left_content1 { border:#DBD5E6 4px solid; background-color:#ECE9F2; width:180px; font-size:11px; margin: 12px 0px 0px 34px; padding: 4px 10px 4px 10px;}

#left_content1 h1 { font-size:14px; color:#41267B; font-weight:normal; padding: 4px 0px 4px 6px; margin: 2px 0px 4px -6px;}

#left_content1 h2 { font-size:11px; color:#41267B; font-weight:normal; padding: 10px 0px 0px 0px; margin: 6px 0px 4px 0px;}

#left_content1 a:link { color:#41267B; text-decoration:none;}

#left_content1 a:hover {color:#41267B; text-decoration:underline;}

#left_content1 img {margin: -26px 0px 0px 0px;}
html>body #left_content1 img {margin: -25px 0px 0px 0px;}

#left_content2 { width:180px; font-size:15px; color:#333333; margin: 18px 0px 0px 38px; padding: 4px 10px 4px 10px;}

#left_content2 img {margin: 18px 0px 0px 8px;}

/* ------------------ nav CONTENT PAGES ---------------------- */

#nav1_1 {}

#nav1_1 ul { margin: 2px 0px 2px 0px; padding: 0; list-style-type: none; text-align:left;}	

#nav1_1 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;}

#nav1_1 a { display: block; font-size: 11px;  background-color:#FFFFFF; color: #333333; margin: 0px 0px 0px -10px; width:175px; padding: .3em 1.5em; text-decoration: none;}

#nav1_1 a:hover {color: #fff;}



/* ------------------ right content area HOME PAGE ONLY ---------------------- */

#centre_content { float:left; margin: 6px 0px 6px 9px; width:312px;}

#centre_top { background-color:#ECE9F2; border-left:#DBD5E6 4px solid; border-top:#DBD5E6 4px solid; border-right:#DBD5E6 4px solid; font-size:11px; padding: 0px 0px 8px 6px; margin: 0px 0px 0px 0px;}

#centre_top h1 { background-color:#A092BD; width:294px; font-size:14px; color:#FFFFFF; font-weight:normal; padding: 6px 4px 6px 6px; margin: 0px 0px 0px -6px; position:absolute;}

#centre_top img { margin: 6px 0px 6px 0px; padding: 28px 0px 0px 0px;}

#go_button {margin: -44px 0px 0px 187px; position:absolute;}
html>body #go_button {margin: -56px 0px 0px 272px;}

#centre_space {border-left:#DBD5E6 4px solid; border-right:#DBD5E6 4px solid; height:10px}

#centre2 { border-left:#DBD5E6 4px solid; border-bottom:#DBD5E6 4px solid; border-right:#DBD5E6 4px solid; font-size:11px; padding: 1px 0px 8px 0px; margin: 0px 0px 0px 0px;}

#centre2 h1 { background-color:#A092BD; width:294px; font-size:14px; color:#FFFFFF; font-weight:normal; padding: 6px 4px 6px 6px; margin: -10px 0px 4px -12px;}
html>body #centre2 h1 { padding: 6px 4px 6px 6px; margin: 0px 0px 4px 0px;}

#centre2 img { margin: 2px 0px 1px 6px;}

#centre_bottom { background-image:url(Images/lock.jpg); height:65px; background-repeat:no-repeat; border:#DBD5E6 4px solid; font-size:11px; padding: 10px 0px 0px 6px; margin: 10px 0px 0px 0px;}

#centre_bottom h1 { font-size:14px; color:#41267B; font-weight:normal; padding: 4px 0px 4px 6px; margin: -5px 0px 4px -6px;} 

#centre_bottom img { margin: -6px 0px 0px 187px; position:absolute; }

#centre_bottom a {color:#41267B; text-decoration:none;}

#centre_bottom a:hover {color:#41267B; text-decoration:underline;}

/* ------------------ right content area 2 HOME PAGE ONLY---------------------- */

#right_content2 { float:right; margin: 6px 15px 6px 0px; width:182px; border:#DBD5E6 4px solid;}
html>body #right_content2 { margin: 6px 30px 6px 0px;}

#right_content_boxes { background-color:#ECE9F2; font-size:11px; padding: 0px 0px 8px 6px; margin: 0px 0px 10px 0px;}

#right_content_boxes h1 { background-color:#41267B; width:172px; font-size:14px; color:#FFFFFF; font-weight:normal; padding: 6px 4px 6px 6px; margin: 0px 0px 4px -6px;}

#right_content_boxes img { margin: 2px 0px 8px 0px;}

#right_content_boxes2 { background-color:#ECE9F2; font-size:11px; padding: 0px 0px 8px 6px; margin: 0px 0px 10px 0px;}

#right_content_boxes2 h1 { background-color:#41267B; width:172px; font-size:14px; color:#FFFFFF; font-weight:normal; padding: 6px 4px 6px 6px; margin: 0px 0px 4px -6px;}

#right_content_boxes2 img { margin: 2px 0px 8px 0px;}

#right_content_boxes3 { background-color:#ECE9F2; font-size:11px; padding: 0px 0px 8px 6px; margin: 0px 0px 10px 0px;}

#right_content_boxes3 h1 { background-color:#41267B; width:172px; font-size:14px; color:#FFFFFF; font-weight:normal; padding: 6px 4px 6px 6px; margin: 0px 0px 4px -6px;}

#right_content_boxes3 img { margin: 2px 0px 8px 0px;}

#right_content_boxes_bottom { background-color:#ECE9F2; font-size:11px; padding: 0px 0px 8px 6px; margin: 0px 0px 0px 0px;}

#right_content_boxes_bottom h1 { background-color:#514962; width:172px; font-size:14px; color:#FFFFFF; font-weight:normal; padding: 6px 4px 6px 6px; margin: 0px 0px 4px -6px;}

#right_content_boxes_bottom img { margin: 2px 0px 8px 0px;}

#above_banner_nav { font-size:12px;}

#above_banner_nav ul { margin: 0px 0px 0px 2px; padding: 0px 0px 0px; list-style-type: none; text-align:left;}	

#above_banner_nav li { margin: 0px 0px 2px 0px; display: inline; }

#above_banner_nav a {  font-size: 14px; color: #999; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;}

#above_banner_nav a:hover {color: #41267B; text-decoration:underline;}

#above_banner_nav a.selected {color: #41267B;}


#banner_nav { font-size:12px;}

#banner_nav ul { margin: 0px 0px 0px 2px; padding: 0px 0px 0px; list-style-type: none; text-align:left;}	

#banner_nav li { margin: 0px 0px 0px 0px; display: inline; }

#banner_nav a {  font-size: 12px; color: #999; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;}

#banner_nav a:hover {color: #41267B; text-decoration:underline;}

#banner_nav a.selected {color: #41267B;}


#exhibition_retail_nav { font-size:16px;}

#exhibition_retail_nav ul { margin: 0px 0px 0px 2px; padding: 0px 0px 0px; list-style-type: none; text-align:left;}	

#exhibition_retail_nav li { margin: 0px 0px 2px 0px; display: inline; }

#exhibition_retail_nav a {  font-size: 16px; color:#999999; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;}

#exhibition_retail_nav a:hover {color: #41267B; text-decoration:underline;}

#exhibition_retail_nav a.selected {color: #41267B;}

/* ------------------ right content area CONTENT PAGES---------------------- */

#under_nav_bar {background-color:#41267B; margin: 4px 0px 1px 34px; width:728px;}

#under_nav_bar h1 { background-color:#41267B; font-size:20px; color:#FFFFFF; font-weight:normal;  margin: 4px 0px 1px 226px; padding: 6px 4px 6px 0px;}

#right_content_area { font-size:12px; background-color:#FFFFFF; margin: 6px 15px 0px 0px; padding: 4px 0px 0px 4px; float:right; width:494px; border-left:#DBD5E6 4px solid; border-top:#DBD5E6 4px solid; border-right:#DBD5E6 4px solid;}
html>body #right_content_area {margin: 6px 30px 0px 0px; padding: 4px 4px 0px 4px;}

#header_image {background-color:#ECE9F2; width:498px; padding:4px 0px 0px 4px; margin:-4px 0px 0px -4px;}

#header_image img { border: 1px solid #B3A8CA;}

#right_content_area h1 { background-color:#ECE9F2; margin: 3px 0px 0px 0px; color:#41267B; font-size:16px; padding: 2px 0px 6px 0px;}
html>body #right_content_area h1 {margin: 6px 0px 0px 0px; padding: 2px 0px 4px 0px; font-weight:normal;}

/* ------------------ right content area h2 to be used when there's no large pic at top ---------------------- */
#right_content_area h3 { background-color:#ECE9F2; margin: -4px -4px 0px -4px; color:#41267B; font-size:16px; padding: 4px 0px 6px 6px;}
html>body #right_content_area h3 {font-weight:normal; padding: 4px 0px 4px 6px; }

#right_content_area h4 {margin: 10px 0px 5px 0px; color:#41267B; font-size:16px; padding: 0px 0px 0px 0px; font-weight:normal;}



#right_content_text_area { width:490px; margin: 6px 0px 0px -4px; padding:10px 6px 6px 6px; background-color:#FFFFFF; font-size:12px; color:#333333;}

#right_content_text_area h1 {font-size:22px; background-color:#FFFFFF; color:#41267B; font-weight:normal; margin: 5px 0px 10px 0px; padding:0px 0px 0px 0px;}

#right_content_text_area h2 {font-size:14px; color:#41267B; font-weight:normal; margin: 10px 0px 4px 0px;}

#right_content_text_area h4 {font-size:16px; color:#41267B; margin: 10px 0px 10px 0px; padding:0px 0px 10px 0px;}


#right_content_text_area ul {font-size:12px; color:#41267B; font-weight:normal; margin:10px 0px 10px 20px; padding:0px; list-style-type:none;}

#right_content_text_area li { background-image:url(Images/purple_bullet.jpg); background-repeat:no-repeat; background-position:0 .3em; margin:2px 0px 0px 0px; padding:0px 0px 0px 13px;}

#right_content_text_area a:link { color:#41267B; text-decoration:none;}

#right_content_text_area a:hover {color:#41267B; text-decoration:underline;}

#right_content_text_area a:active {color:#FF0000; text-decoration:underline;}


#right_content_news { height:400px; overflow:auto; width:490px; margin: 6px 0px 0px -4px; padding:10px 6px 6px 6px; background-color:#FFFFFF; font-size:12px; color:#333333;}

#right_content_news h1 {font-size:22px; background-color:#FFFFFF; color:#41267B; font-weight:normal; margin: 5px 0px 10px 0px;}

#right_content_news h2 {font-size:14px; color:#41267B; font-weight:normal; margin: 10px 0px 4px 0px;}

#right_content_news ul {font-size:14px; color:#41267B; font-weight:normal; margin: 10px 0px 10px 0px;}

.news_title {font-size:14px; color:#41267B; font-weight:normal; margin: 10px 0px 4px 0px;}

.news_body_border { border-bottom:1px dashed #41267B; padding: 0px 0px 10px 0px;}

#left_image_indigo { float:left; border:#003300 1px solid; margin: 0px 0px 10px 0px;}

#centre_image_indigo { float:right; border:#003300 1px solid; margin: 0px 0px 10px 0px;}

#right_image_indigo { float:right; border:#003300 1px solid; margin: 0px 16px 10px 0px;}

.product_image {float:right; margin:0px 0px 20px 10px;}

#casestudy_left { float:left; width:154px; height:157px; border:1px solid #999999; margin: 0px 0px 15px 1px;}
html>body #casestudy_left {margin: 0px 0px 15px 3px;}

#casestudy_middle { float:left; width:154px; height:157px;border:1px solid #999999; margin: 0px 0px 15px 8px;}

#casestudy_right { float:left; width:154px; height:157px;border:1px solid #999999; margin: 0px 0px 15px 8px;}


.case_study_image {margin:5px 0px 0px 5px;}

#case_study_area h4 {font-size:14px; color:#41267B; font-weight:normal; margin: 8px 5px 0px 5px;}

#case_study_area h2 {font-size:12px; color:#333333; font-weight:normal; margin: 8px 5px 0px 5px;}

.client_list {font-size:12px; color:#333333; margin:0px 0px 3px 0px;}


/* ------------------ footer area ---------------------- */

#footer { clear:both; background-image:url(Images/footer_background.jpg); background-repeat:no-repeat; width:746px; height:96px; margin: 0px 0px 0px 25px;}

#footer h1 { font-size: 10px; color:#999; margin: 80px 0px 0px -570px; font-weight:normal; }
html>body #footer h1 { margin: 80px 0px 0px -570px; position:absolute;}

#footer ul { margin: -87px 0px 0px 40px; padding: 0px 0px 0px 0px; list-style-type: none; text-align:left;}
html>body #footer ul { margin: 6px 0px 0px 0px; padding: 6px 0px 0px 38px;}	

#footer li { margin: 0px 0px -18px 0px; }
html>body #footer li { margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#footer a { display:block; font-size: 11px; color:#999; margin: 0px 0px 0px 595px; padding: 0px 0px 0px 0px; text-decoration: none;}

#footer a:hover { color: #666;}

/* ------------------ product detail windows ---------------------- */

#detailwindow_content { margin: 10px 0px 0px 0px; text-align:center; font-size:11px;}

#form_left { font-size:12px; color:#41267B; float:left; text-align:right; margin:10px 0px 5px 0px; }
html>body #form_left {margin:0px 0px 5px 10px;}

.form_space {margin:10px 0px 0px 10px; }
.form_text {padding:10px 0px 0px 10px; }

.go_button_1 {padding:30px 0px 0px 0px; }
.go_button_2 {padding:0px 0px 10px 86px; }
.float1 {float:right;}

/* --------------- contact form -------------------*/		
			
		#contact-form {
		float:left;
		clear:both;
		}
		
		fieldset {
		border:none; 
		width:485px;
		float: left;    
		clear: left;    
		padding: 0;    
		}  
		
		
		#contact-form .contact  {  
		margin:20px 0px 0px 0px;
		padding: 0px;  
		list-style: none;
		list-style-type:none;  
		} 
		 
		#contact-form .contact li {
		background-image:none;
		list-style-type:none;
		list-style:none;  
		height:auto;
		display:block;
		float: left;    
		clear: left;    
		padding:0px 0px 0px 0px; 
		margin:0px 0px 20px 0px; 
		}
		
		label {    
		float: left;    
		width: 90px;
		padding:4px 0px;    
		margin: 0px 0px 0px 6px;  
		}
		
		fieldset input {
		border:1px #333 solid;
		padding:3px 3px;
		width:170px;
		}
		
		fieldset.submit {    
		float: none;    
		width: auto;    
		border: 0 none #FFF;    
		padding-left: 100px;  
		}
		
		.submit input {
		float:left;clear:both;
		color:#000000;
		background-image:url(Images/submit-btn.jpg);
		background-repeat:repeat-x;
		border:#666666 solid 1px;
		padding:3px 5px;
		width:80px;
		overflow:hidden;
		cursor:pointer;
		}

textarea {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:176px;
margin:0px 9px 0px 0px;
padding:0px 0px;
border:1px #333 solid;

}
		
label.error {
float:left;
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
	width:160px;
}

input.error {
	border: 1px solid red;
	margin-right: 9px;
	color:red;
}

textarea.error {
	border: 1px solid red;
	margin-right: 9px;
	color:red;
}
		
		.required {
		float:left;
		}