/* page styles - this is the general admin page area */
/* object stuff here */

/* hides the second object from all versions of IE */
* html object.mov {
	display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
	display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
	display/**/: none;
}


/* CSS Document - Mobius */
/* Change colours and fonts ONLY */

/* Mobius Administration classes - START */
body 	  {	font-family: verdana; font-size: small; background: #fff; margin:auto; width: 762px;}
* html body 	  {	font-size: x-small;} /* editor uses quirks mode, so we need to overide size for IE */
h1 				  { font-size: 120%}
a.admin 	      { color: #002E6E; text-decoration: none; font-weight: bold; }
a.admin:hover  	  { color: #FF9900; text-decoration: none; font-weight: bold; }
.adminbg    	  { background: #6287D5;}
.adminpadding	  { color: #333333; padding: 4px;}
h1.adminheader	  { color: #002E6E; font-weight: bold; margin-bottom: 0px;}
.admintable		  { background: #FFF; font-size: 95%;}
.adminguide	      { color: #999; }
.admin2			  { background: #002E6E;}
.admin2bg	      { background: #002E6E; padding: 4px;}
.admin2padding	  { color: #000; background: #EEE; padding: 4px;}						
h1.admin2header	  { color: #FFF; font-weight: bold; margin-bottom : 0px;}
.admin2small	  { font-size: 90% }
/* Mobius Administration classes - END */
p.tinytext  { font-size: 50% }

/******************** HEADER ***********************/
#container           
{
clear: both;
float: left;	
width: 100%;
	margin: auto;
	padding: 0px;
	text-align: left;

	
		
}

#headerbkg 

{	
float: left;
clear: both;
background-image: url(../images/header_bkg.jpg);
background-repeat: no-repeat; 
background-position: bottom-center; 
width: 100%; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
height: 83px;
}
	
#navbkg 
{	clear: both;
	float: left;
	width:  100%;
	line-height: normal;
	margin:0 0px 0 0px;
	padding: 0px 0px 0px 0;
	border-top:1px  solid #ccc;}	

 ul, li {
background-image: none;
margin:0;
padding:  0;
list-style: none;
display: inline;
color: #999;
}

 li a {

	color: #000000;
	font-size: 11px;
	text-decoration: none;
	padding: 10px 2px 10px 2px;
}
li a:link {

	color: #999999;
	text-decoration: none;
	font-weight: normal;
	
	
	}
li a:visited {

color: #999999;
font-weight: normal;


}

li a:hover {
background-image: none;
	color: #ED9946;
	font-weight: normal;
	
	}
	
li a:visited:hover{

color: #ED9946;
font-weight: normal;


}	
li #current a{color: #ED9946;

	font-weight: normal;}

/*************************** TABS ****************************/
/* navigation tabs */
#tabs {
	clear: both;
	float: right;
	width:  100%;
	line-height: normal;
	margin:0 0px 0 0px;
	padding: 0px 0px 0 0;
	background: url("/images/lasttab.jpg") no-repeat left bottom;
	
}
#tabs ul {
clear: both;
	float: left;
	margin:0 0px 0 0px;
	padding: 0 0 0 0;
	list-style:none;
}
#tabs li {
	float:left;
	background:url("/images/left.gif") no-repeat left top;
	margin:0 2px 0 0px ;
	padding: 0 0px 0 8px;
}
#tabs a {
	float:left;
	display:block;
	background: url("/images/right.gif") no-repeat right top;
	border-bottom: none;
	padding: 6px 10px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color: #999;
}
#tabs #current {
	background-image:url("/images/left_on.gif");
	}
#tabs #current a {
	background-image:url("/images/right_on.gif");
	margin: 0;
	padding-bottom:7px;
	}
/* Commented backslash hack hides rule from IE5-Mac \*/
#tabs a {
	float:none;
}
/* End IE5-Mac hack */
#tabs a:hover {
	text-decoration: none;
	color: #F1A501;
}

#tabs a:visited {
	text-decoration: none;
	color: #999;
}

/************** Top and Breadcrumb*****************/

#top 
{	clear: both;
	float: left;
	width:  100%;
	height: 115px;
	margin:0 0px 0 0px;
	padding: 0px 0px 0px 0px;	
	background-image: url(../images/top_img.jpg);
	background-repeat: no-repeat;
 	background-position: top center;
	}
	
#contemp #top 
{	background-image: url(../images/top_prod_img.jpg);
	background-repeat: no-repeat;
 	background-position: top center;
	
	}
	
#classic #top, #handles #top  
{	background-image: url(../images/top_prod_img.jpg);
	background-repeat: no-repeat;
 	background-position: top center;
	
	}

#digital #top 
{	background-image: url(../images/top_prod_img.jpg);
	background-repeat: no-repeat;
 	background-position: top center;
	
	}

#top h1{ font-size: x-large; color: #fff; 
margin: 15px 0px 0px 20px; 
padding: 0px 0px 0px 0px;	
font-weight: bold; 
float: left;
line-height: 100%;
}  

#top h3{ clear: both; width: 500px; float: left; font-size: small; color: #fff; margin: 5px 0px 0px 20px; padding: 0px 0px 0px 0px;	font-weight: bold; }  
#top h5{ width: 500px; float: left; font-size: small; color: #fff; margin: 5px 0px 0px 20px; padding: 0px 0px 0px 0px;	font-weight: normal; }  

#prodimg{
width: 200px;

float: right;
margin: 15px 0 0 0;

}
		
#breadcrumb{
	background: #fff;
	clear: both;
	float:center;
	width: 760px;	
	/*
	height: 25px;
	*/
	margin: auto;	
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #998672;
	border-left: 1px solid #998672;
	border-right: 1px solid #998672;
	}	
	
#breadcrumbtext{
	margin: auto;	
	padding: 5px 0px 5px 10px;
	color: #999;
	}
/************** MAIN CONTENT  dark blue 0471DF, light blue AAC3DD*****************/


#content            
{	clear: both;
	float:left;	
	margin: auto;	
	padding: 0px 0px 10px 0px;
	text-align: left;
	color: #000;
	width: 99.7%;	
	height: auto;	
	border-bottom: 1px solid #998672;
	border-left: 1px solid #998672;
	border-right: 1px solid #998672;
	}
	
#home #content{
	width: 100%;
	height: 375px;
	background-image: url(../images/home_bkg3.jpg);
	background-repeat: no-repeat;
 	background-position: top center;
	border: none;
	}
	
#home #content #coltext {
	margin: 20px 20px 0px 10px;
	height: auto;
	}	

#home #content #coltext p {
	color: #666;
	font-size: 100%;
	}
		
.coltext ul {
clear: both;
float: left;
width: 95%;
padding: auto;

margin: 0px 0px 0px 10px;}

.coltext li { 
clear: both;
float: left;
width: 100%;
background-image: url(../../images/small.jpg);
background-repeat: no-repeat; 
background-position: bottom-center;
font-size: small;
color: #000;
padding:0 0 0 20px ;}


#content h3 {margin: 0;	
	padding: 5px 10px 0px 10px;
	color: #F1A501;}
/************** MAIN CMS CONTENT P*****************/
	
#content p {
margin: 0;	
	padding: 5px 10px 0px 10px;
	font-size: small;
	color: #000;}
	
/************** MAIN CMS CONTENT P*****************/				
#welcome 
{margin: 30px 0 10px 10px;
font-size: 18px;
font-weight: bold;
color: #fff}

#newsbox{
	
	margin: 250px 20px 0px 510px;
	padding: 0px 0px 0px 20px;
	}

.coltext {
clear: none;
float: left;
margin: 10px 0px 0px 0px;
width: 72%;
height: auto;
color: #000;
border-left: 1px solid #ccc;

}
#digital .coltext {
float: left;
margin: 10px 0px 20px 20px;
display: inline;
width: 72%;
min-height: 100px;

border: none;
color: #000;
}

#digital .digitalcoltext {
float: left;
margin: 10px 0px 20px 20px;
display: inline;
width: 95%;
min-height: 100px;

border: none;
color: #000;
}

#home .coltext {
margin: 10px 0px 0px 0px;
width: 70%;
height: auto;
color: #000;
border: 1px solid #ccc;
}


#outlet .coltext {
margin: 10px 10px 0px 20px;
width: 70%;
height: auto;
color: #000;
border: none;}

#specials .coltext {
margin: 10px 0px 0px 0px;
width: 100%;
height: auto;
color: #000;
color: #000;
border: none;
}

#projectlists .coltext {
margin: 10px 0px 0px 0px;
width: 100%;
height: auto;
color: #000;
color: #000;
border: none;
}

#newspage .coltext {
margin: 10px 10px 0px 0px;
width: 98%;
height: auto;
color: #000;
border: none;
}

#vacancies .coltext {
margin: 10px 10px 0px 0px;
width: 98%;
height: auto;
color: #000;
border: none;
}

#contactus .coltext {
margin: 10px 0px 0px 10px;
width: 95%;
height: auto;
color: #000;
border: none;
}

#contemp .coltext {
float: left;
margin: 10px 0px 20px 20px;
display: inline;
width: 95%;
min-height: 100px;

border: none;
color: #000;
}


#classic .coltext, #handles .coltext {
float: left;
margin: 10px 5px 0px 15px;
display: inline;
width: 95%;
min-height: 100px;
border: none;
color: #000;
}

/************** right column *****************/

	
#rightcol            
{	clear: none;
	float:left;
	width: 230px;
	height: auto;	
	margin: 220px 0px 0px 15px;
	padding: 0px 0px 0px 5px;	
	text-align: left;
	font-size: 10px;
	display: inline;
	
	
	
	
}
#rightcol h4{ font-size: small; color: #F1A501; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;	text-align: left; font-weight: bold;  }  

/************** left column *****************/

		
#leftcol            
{	clear: both;
	float:left;
	width: 485px;	
	margin:  0px auto auto 10px;	
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-family:  verdana;
	font-size: 11px;
	color: black;
	
	height: 449px;
	
}

#leftcol .coltext {
margin: 10px 20px 0px 10px;
width: 90%;
height: auto;
color: #fff
}

#newsindex  {
margin: 10px 10px 10px 10px;
background: #fff;

}
/************* main pages subnav ****************/

#sub {
	margin: 10px 5px 20px 0px;
	0px;
	clear: both;
	float: left;
	line-height: normal;
	width: 22%;
	display: inline;
	color: #999;
	
	
	
	
}

#sub ul {
clear: none;
float: left;
	margin:0px 0 0 0px;
	padding: 0px;
	list-style:none;
	display: inline;
	position: relative;
	
	
	
}

#sub li {
clear: both;
float: left;	
	margin:0px;
	padding: 0 0px 0 10px;
	display: block;
	width: 100%;
	
}

#sub a {
	clear: both;
	float: left;
	margin: 0px 0 0 0px;
	font-size: small;
	border-bottom: none;
	padding: 0px ;
	text-decoration:none;
	font-weight:normal;
	color: #F1A501;
	
	
	
	
}

#sub a.small {
	
	font-size: small;
	border-bottom: none;
	/*padding: 6px 16px 6px 6px;*/
	text-decoration:none;
	font-weight:normal;
	color: #F1A501;
}

#sub #current a {
	font-weight:bold;
	margin: 0;
	padding-bottom:7px;
	}
/* Commented backslash hack hides rule from IE5-Mac \*/
#sub a {
	float:none;
}
/* End IE5-Mac hack */
#sub a:hover {
	text-decoration: underline;
}
/************* COMMON ****************/

p, a, ul, ol { /* normal article text */
	font-family: Verdana, sans-serif;	
	line-height: 1.3em;
	color: #fff;
	
	}

.smallheader {
	color: #F1A501;
	font-weight: bold;
	font-size: small;
	margin:  0px 0px 5px 0px;	
}

.mediumheader {
	color: #F1A501;
	font-weight: bold;
	font-size: medium;
	margin:  5px 0px 10px 0px;	
}

.largeheader {
	color: #F1A501;
	font-weight: bold;
	font-size: large;
	margin:  5px 0px 10px 0px;	
}

a {
	color: #000000;
	text-decoration: none;
	
}
a:link {
	color: #F1A501;
	text-decoration: underline;
	font-weight: bold;
	
	
	}
a:visited {
color: #F1A501;
font-weight: bold;
text-decoration: underline;

}

a:hover {
	color: #000;
	font-weight: bold;
	}
	
a:visited:hover {
	color: #000;
	font-weight: bold;
	}	
	a.click {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	
}
a.click:link {
	color: #0471DF;
	font-size: 11px;
	
	}
a.click:link:visited {
color: #0471DF;
font-size: 11px;

}

a.click:hover {
	color: #AAC3DD;
	font-size: 11px;
	}
	
td.click	      { color: #999; text-decoration: none; font-weight: normal;}
	
/* CMS admin link text ***********/
td.news 	      { color: #000; text-decoration: none; font-weight: normal; font-size: x-small;}
.news	      { color: #F1A501; text-decoration: none; font-weight: bold;}

a.news 	      { color: #000; text-decoration: none; font-weight: bold;}
a.news:link	      { color: #F1A501; text-decoration: none; font-weight: bold;}
a.news:hover  	{ color: #999; text-decoration: underline; font-weight: bold; }
a.news:visited	{ color: #F1A501; text-decoration: none; font-weight: bold; }
a.news:visited:hover	{ color: #999; text-decoration:underline; font-weight:bold; }

a.news2 	      { color: #000; text-decoration: none; font-weight: bold; }
a.news2:link	      { color: #F1A501; text-decoration: none; font-weight: normal; }
a.news2:hover  	{ color: #009966; text-decoration: underline; font-weight: normal; }
a.news2:visited	{ color: #F1A501; text-decoration: none; font-weight: normal; }
a.news2:visited:hover	{ color: #999; text-decoration:underline; font-weight:normal; }

a.mid 	      { color: #F1A501; text-decoration: none; font-weight: bold; font-size:20px; }
a.mid:link	      { color: #F1A501; text-decoration: none; font-weight: bold; font-size: 20px;}
a.mid:hover  	{ color: #F1A501; text-decoration: underline; font-weight: bold; font-size: 20px;}
a.mid:visited	{ color: #F1A501; text-decoration: none; font-weight: bold; font-size: 20px;}
a.mid:visited:hover	{ color: #F1A501; text-decoration:underline; font-weight:bold; font-size:20px; }

a.big 	      { color: #F1A501; text-decoration: none; font-weight: bold; font-size:30px; }
a.big:link	      { color: #F1A501; text-decoration: none; font-weight: bold; font-size: 30px;}
a.big:hover  	{ color: #F1A501; text-decoration: underline; font-weight: bold; font-size: 30px;}
a.big:visited	{ color: #F1A501; text-decoration: none; font-weight: bold; font-size: 30px;}
a.big:visited:hover	{ color: #F1A501; text-decoration:underline; font-weight:bold; font-size:30px; }

.techbook1 {
margin: 0 0 0 8px;
clear: none;
float: left;
width: 550px;
height: 402px;

background-image: url(../../images/analogue_combi.jpg);
	background-repeat: no-repeat;
 	background-position: top center;


}

.techbook2 {
margin: 0 0 0 8px;
clear: none;
float: left;
width: 550px;
height: 450px;

background-image: url(../../images/digital_dia.jpg);
	background-repeat: no-repeat;
 	background-position: top center;

}

.depth {
margin: 0 0 0 8px;
clear: none;
float: left;
width: 100%;
height: 243px;
background-image: url(../../images/depths.jpg);
	background-repeat: no-repeat;
 	background-position: top left;

}

.eoe{

clear: both;
float: right;
color: #f1a501;
font-weight: bold;
margin: 5px 10px 0 0;
}


.border {
border: 3px solid #594A81;
}

.borderrange {
background: #F7F6F6;
border: 1px solid #999999;
float: left;
margin: 10px 10px 0px 0 ;
padding: 10px;

}

.borderfinish {
float: left;
margin: 10px 10px 0px 0 ;
padding: 10px;}

.form {clear: both;
float: left;
width: 40%;
min-height: 377px;
margin: 20px 10px 0 10px;
padding: 20px 10px 0 10px;
background: #F5F4F3;
border: 1px solid #999999;}


.map{clear: none;
float: left;
width: 40%;
margin: 20px 10px 0 10px;}

td.fields {
color: #999999;
}

.imagediv {
clear: both;
float: left;
margin:0 0 5px 0;
width: 91px;
/* height: 60px; */
/* border: 1px solid #999; */
}

.titlediv{
clear: none;
float: left;
width: 230px;
margin:  0 0 5px 10px;
}

.detaildiv{
clear: none;
float: left;
width: 230px;
margin:  0 0 5px 72px;
}
/********************* footer *********************/


#footer 

{	
	clear: both;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: center;	
	color: #999999;
	font-size: 10px;
	}
	
.copyright a 
{	color: #999999;
	font-size: 9px;
	text-decoration: none;	
}


h3 { font-size: medium; color: #999;	margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px;	text-align: left; font-weight: bold;  }  
h2{ color: #fff; font-size: 18px;	font-weight: bold; margin: 5px 0 0px 10px; }
h4 { margin: 0px; padding: 0px 0px 0px 0px;	font-size: 10px; font-weight: normal; text-align: left;  text-decoration: none; }
h5{ color: #ffffff; text-decoration: none; font-weight: bold; font-size: 13px;}
h6{ color: #F1A501; text-decoration: none; font-weight: bold; font-size: 13px;}
h7{ color: #999; text-decoration: none; font-weight: bold; font-size: 13px;}
.tinytext {font-size: 90%; color: #999999; }
.tinytext:link {font-size: 90%; color: #999999; font-weight: normal; text-decoration: none;}
.tinytext:visited {font-size: 90%; color: #999999; font-weight: normal; text-decoration: none;}
.tinytext:hover {font-size: 90%; color: #999999; font-weight: normal; text-decoration: none;}
.tinytext:hover:visited {font-size: 90%; color: #999999; font-weight: normal; text-decoration: none;}

#banner {
	height: 28px;
	color: #ffffff;
	background-color: #594A81;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 0 20px;
}

.odd {
	background-color: #F6F5F3;
	color: #594A81;
	height: 113px;
}

.even {
	background-color: #FFFFFF;
	color: #594A81;
	height: 113px;
}

.odd1 {
	background-color: #F6F5F3;
	color: #594A81;
}

.even1 {
	background-color: #FFFFFF;
	color: #594A81;
}

td.product {
	border: 1px solid #E2E2E2;
	padding: 10px;
}

img.outline {
	float: left;
	margin-right: 50px;
}

h1.product {
	color: #594A81;
	font-weight: bold;
	font-size: 2em;
}

tr.tech {
	background-color: #F2F0F1;
}

.search { float: right; width: 180px; margin: 0; padding: 0;  }
.search form { padding: 0; margin: 0; }
.search input { padding: 0; margin: 0; }
.searchkeyword { width: 60px; color: #999;}