/* Start of CMSMS style sheet 'global_styles' */
/*
====Colours Used=======
white		= #ffffff
bg			= #022144

light blue = #1F4977
dark blue	= #00285E

link 	= #1F4977

text black	= #1A1A1A
mid grey	= #C2C5B2
text dark grey = #463C3C
=======================
*/

.albumname{
	color:#ffffff;
	margin:5px 0px 0px 0px;
	font-size:1.1em;
	font-weight:bold;
}
.thumb{
	margin-right:20px;
}
.albumlist{
	margin-left:50px;
	margin-top:0px;
}
body{
	background-color:#022144;
	margin:0px;
	font-family:Arial, sans-serif;
	color:#1A1A1A;
	font-size:11px;
}

/* text styles START */
/* ======================================================*/
a:link, a:visited{
	color:#1F4977;
	text-decoration:none;
		text-decoration:none;
}
a:hover{
	text-decoration:underline;
color:#1F4977;
}
p{
margin-top:0px;
}
h1{
	font-size:2em;
	color:#00285E;
	font-weight:normal;
}
h2{
	font-size:1.4em;
	font-weight:bold;
	color:#00285E;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}
h3{
	font-size:1.3em;
	font-weight:normal;
	color:#00285E;
}
h4{
	font-size:1.1em;
	font-weight:bold;
	color:#00285E;
	margin-bottom:3px;
}

form input{
	background-color:##1F4977;
	border:1px solid #00285E;
	width:250px;
}
form textarea{
	background-color:##1F4977;
	border:1px solid #00285E;
	width:250px;
}
.light_green{
	color:#1F4977;
}
.dark_green{
	color:#00285E;
}
.white_green{
	color:#ffffff;
}
.dark_grey{
	color:#463C3C;
}

.body_text{
	font-family:Arial, sans-serif;
	color:1A1A1A;
	font-size:1.1em;
}
.bold_text{
	font-family:Arial, sans-serif;
	color:#1A1A1A;
	font-size:1.1em;
	font-weight:bold;
}
.large_body_text{
	font-family:Arial, sans-serif;
	color:1A1A1A;
	font-size:1.2em;
}
.feature_text{
	font-family:Arial, sans-serif;
	color:#00285E;
	font-size:1.4em;
}
#title_tag{
	font-size:1em;
	font-weight:bold;;
	margin-left:10px;
	float:left;
	width:270px;
color:#00285E;
	border:0px solid blue;	
}
/* text styles END */
/* ======================================================*/





/* page layout skeleton START */
/* ======================================================*/
#page_container{
	position:relative;
	width:800px;
	margin-top:20px;
	border:0px solid red;
	/*background-image:url(images/tracing_bg.jpg);*/
}
#page_header{
	width:795px;
	height:10px;
	background-image:url(images/bg_header.jpg);
	padding:0px;
	font-size:0em;
	border:0px solid green;
}
#contact_details{
	font-size:1em;
	position:absolute;
	border:0px solid red;
	top:15px;
	left:670px;

}
#contact_details a:link,
#contact_details a:visited,{
	color:#1F4977;
	text-decoration:none;
}
#page_body{
	width:795px;
	background-image:url(images/bg_body.jpg);
	border:0px solid blue;
	text-align:left;
	padding-bottom:40px;
}
#page_footer{
	width:795px;
	height:50px;
	background-image:url(images/bg_footer.jpg);
	background-repeat:no-repeat;
	border:0px solid red;
}
.clearboth{
	clear:both;
	font-size:0px;
	height:0px;
}
.hideItem{
	visibility:hidden;
}
/* page layout skeleton END */
/* ======================================================*/

/* ======================================================*/
/* General  START */
#page_footer p{
	color:#FFFFFF;
	margin-right:30px;
	margin-top:20px;
	float:right;
}
#page_footer a{
	color:#FFFFFF;
}
#logo img{
	border:0px;
}
/* General END */
/* ======================================================*/

/* ======================================================*/
/* Home page layout  START */

#page_home{
	margin-left:18px;
	height:580px;
	width:759px;
	border:0px solid red;
}


#page_home #home_banner{
	position:absolute;
	left:20px; /* IE over ride 20px */
	top:45px;
	border:0px solid red;
	width:759px;
	height:340px;
}
#page_home #home_banner h1{
	position:absolute;
	color:#00285E;
	top:150px;
	left:500px;
	text-align:right;
	font-size:1.5em;
}
#page_home #home_text{
	position:absolute;
	left:45px;
	top:270px;
	width:470px;
	border:0px solid red;
	font-size:1.1em;
}
#page_home #home_feature{
	position:absolute;
	left:540px;
	top:330px;
	width:210px;
	border:0px solid red;
}

#three_column{
	position:absolute;
	left:30px;
	top:410px;
	width:750px;
	border:0px solid red;
}
#page_home .column{
	float:left;
	width:230px;
	padding-left:15px;
	border-right:2px solid #00285E;
	height:150px;
}
#page_home .column h2{	
	font-size:1.5em;
	margin:0px 0px 5px 0px;
	background-repeat:no-repeat;
	padding-left:53px;
	padding-top:30px;
	border:0px solid red;
}
#page_home .column p{
	margin-top:0px;
	border:0px solid red;
}
#page_home #icon_a{
	background-image:url(images/logo_icon1.gif);
}
#page_home #icon_b{
	background-image:url(images/logo_icon2.gif);
}
#page_home #icon_c{
	background-image:url(images/logo_icon3.gif);
}
#page_home #right_col{
	border:0px;
}
#page_home #foot_logos{
	position:absolute;
	top:570px;
	left:40px;
}
/* ======================================================*/
/* Home page layout  END */



/* Internal page layout  START */
/* ======================================================*/
#page_internal{
	width:759px;
	border:0px solid red;
	margin-left:18px;
}
#page_internal #logo{
	float:right;
	margin-right:10px;
	border:0px solid red;	
}
#internal_banner_pic{
	position:absolute;
	z-index:2;
	top:39px;
	left:20px; /* overiden for IE */
	border:0px solid red;	
}
#internal_banner_pic_a{
	position:absolute;
	z-index:2;
	top:39px;
	left:21px; /* overiden for IE */
	border:0px solid red;	
}
#internal_banner{
	background-image:url(images/tile_banner.jpg);
	z-index:2px;
	position:absolute;
	left:20px; /* overiden for IE */
	top:100px;
	height:78px;
	width:759px;
	border:0px solid red;
}
#internal_banner_a{
	background-image:url(images/tile_banner.jpg);
	z-index:2px;
	position:absolute;
	left:21px; /* overiden for IE */
	top:100px;
	height:78px;
	width:759px;
	border:0px solid red;
}

#page_internal #page_title{
	position:absolute;
	z-index:4;
	width:570px;
	left:200px;
	top:230px;
	border:0px solid red;
}
#page_internal #page_title h1{
	margin:0px;
	display:block;
	float:left;
	border:0px solid blue;		
	border-right:2px solid #1F4977;
	padding-right:5px;
}


#page_internal #body_content{
	float:left;
	border:0px solid blue;	
	width:755px;
	margin-left:0px;	/* overiden for IE6  = 8px*/
	margin-top:260px;
}

/* ======================================================*/
/* Internal page layout  END */



/* Products Page  START */
/* ======================================================*/

#products{
	margin-top:0px;	
	margin-bottom:20px;
	border:0px solid red;
}
.product_box{
	float:left;
	width:330px;
	margin:15px 0px 5px 30px;
	border:1px solid #00285E;
}
#quick_select{
	float:left;
	background-color:#1F4977;
	border:1px solid #463C3C;
	color:#ffffff;
	padding:0px;
	margin:15px 0px 0px 30px;
	width:330px;
	height:25px;
}
#quick_select select{
	font-size:12px;
	width:190px; /*IE6 Override*/
	
}
#quick_select p{
	font-size:1.2em;
	font-weight:bold;
	float:left;
	margin:3px 4px 0px 10px;
}
#quick_select img{
	float:left;
	margin:1px 2px 0px 0px;
}
#quick_select form{
	float:left;
	margin:1px 2px 0px 0px;
}


.product_box h2{
	display:block;
	text-align:right;
	margin:0px;
	color:#FFFFFF;
	background-image:url(images/tile_product_title.gif);
	height:28px;
	background-repeat:repeat-x;
	padding:2px 5px 0px 0px;
}
.product_box img{
	margin:0px 5px 5px 5px;
	float:left;
	border:1px solid #00285E;	
}
.product_description{
	height:75px;
	padding:10px 5px 0px 10px;
	border:0px solid red;
	margin-left:130px;
}
a.view_link{
	background-image:url(images/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	width:200px;
	font-weight:bold;
	margin-left:140px;
}	
a.view_link:visited,
a.view_link:link{
	color:#00285E;
}
a.view_link:hover{
	text-decoration:none;
}
/* ======================================================*/
/* Products Page END */

/* Product Page  START */
/* ======================================================*/
#individual_product_page #quick_select{ 
	margin-left:20px; /* IE 6 override */
	width:400px;

}
#individual_product_page{
margin-top:0px;
}
#product_title_tag{
	font-size:1.6em;
	margin-left:10px;
	margin-top:3px;
	float:left;
	width:300px;
	color:#00285E;
}
#individual_product_page #quick_select select{
	font-size:12px;
	width:250px;
}
#gallery{
	float:left;
	margin:0px 0px 20px 20px;
	width:402px;	
	background-color:#00285E;
}
.largeview{
	margin:10px;
	height:300px;
}
#motioncontainer{
	margin-left:10px;
	/*margin-right:10px;
	width: 99.99%;*/
	width:380px;
}
#motioncontainer a img{
	margin-right:5px;
}

#gallery_title{
	margin:0px 10px 10px 10px;
	font-size:1.2em;
font-weight:bold;
	color:#FFFFFF;
}

#product_details{
	float:left;
	width:285px;
	margin-left:30px;
	margin-top:-25px;
	border:0px solid red;
}
#product_details h2{
	margin-top:0px;
	margin-bottom:0px;
}
.tech_link{
	float:right;
	font-size:13px;
	font-weight:bold;
	color:#00285E;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	background-image:url(images/arrow_tech.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.tech_link a:link,
.tech_link a:visited{
	color:#00285E;
}
.green_bar{
	height:10px;
	background-color:#1F4977;
	font-size:0px;
	margin:10px 0px 10px 0px;
}

#enquire_now{
	font-size:15px;
	font-weight:bold;	
	text-transform:capitalize;
	margin:10px 0px 10px 0px;
	padding:5px 0px 0px 30px;
	background-image:url(images/arrow_enquire.gif);
	background-repeat:no-repeat;
	background-position:left;
	height: 20px;
}
#enquire_now a:link,
#enquire_now a:visited{
	color:#00285E;
}
#enquire_now a:hover{
	
}
.enquire_now{
	font-size:15px;
	font-weight:bold;	
	text-transform:capitalize;
	margin:10px 0px 10px 0px;
	padding:5px 0px 0px 30px;
	background-image:url(images/arrow_enquire.gif);
	background-repeat:no-repeat;
	background-position:left;
	height: 20px;
}
.enquire_now a:link,
.enquire_now a:visited{
	color:#00285E;
}
.enquire_now a:hover{
	
}
/* ======================================================*/
/* Product Page END */

/* General Page  START */
/* ======================================================*/
#general_page{
	margin:10px 30px 0px 180px;/* IE 6 override */
}


/* ======================================================*/
/* General Page END */

/* 2 Column Page  START */
/* ======================================================*/
#col_left{
	width:58%;
	float:left;
	padding-right:2%;
}
#col_right{
	margin-top:10px;
	width:36%;
	background-color:#1F4977;
	float:left;
	padding:2%;
	color:#FFFFFF;
}
#col_right h1,
#col_right h2,
#col_right h3,
#col_right h4,
#col_right p,
#col_right .enquire_now a:link{
	color:#FFFFFF;
}

/* ======================================================*/
/* General Page END */


/* End of 'global_styles' */

/* Start of CMSMS style sheet 'nav_styles' */

/*
====Colours Used=======
white		= #ffffff

light blue = #1F4977
dark blue	= #00285E

link 	= #1F4977

text black	= #1A1A1A
mid grey	= #C2C5B2
text dark grey = #463C3C
=======================
*/

/* The wrapper clears the floating elements of the menu */
#menuwrapper { 
	position:absolute;
	z-index:5;
}
#page_home #menuwrapper { 

	left:175px;
	top:60px;
}
#page_internal #menuwrapper{
	left:170px;
	top:55px;
}

#primary-nav a{
	font-size:1.1em;
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin:0px;
	padding:0px;
}
#primary-nav ul { 
	position: absolute; 
	top: 19px; 
	display: none; 
}
	
#primary-nav li { 
	float: left; 
	text-align:center;
	font-weight:bold; 
   height:18px;
}
#primary-nav li li { 
	border:1px solid #1F4977;
   margin-top: -1px;
	text-align:left;
   float: none; 
   background-color: #ffffff;
	padding-top:5px;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 0px 10px 0px 10px; 
   text-decoration: none; 
   color: #00285E;

}
#primary-nav li a { 
	border-right:1px solid #1F4977;
	
}
#primary-nav li li a { 
border-right:0px;
}	
#primary-nav li, #primary-nav li.menuparent { 

}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive{ 

}
#primary-nav li.menuactive a{
	color:#1F4977;
}
 



/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
	background-color:#ffffff;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 

}
#primary-nav li li:hover,
#primary-nav li li:hover a { 
	background-color:#1F4977;
	color:#FFFFFF;
}
/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'nav_styles' */