/* Unless otherwise indicated, all content conatined in this file is the work
  of Sozu Ltd. ?2005
   Website> http://www.sozu.co.uk
   E-Mail > enquiries@sozu.co.uk
*/
/* DEBUG 
div { border: 1px solid red; } 
/*********/

html, body, div, img, p { margin: 0; padding: 0;}
html { }
body { font-size: 76%; font-family: Tahoma, Arial, Geneva, sans-serif; color: #000;
background: #ffffff url(../gfx/headback2.gif) repeat-x 0 0; }

.vertProp { height: 200px; width: 1px; float: right; }
.horizProp { height: 1px; width: 100%; clear: both; overflow: hidden; }

#container { min-width: 780px; }
#main {  }

#header { 
	height: 70px;
	position: relative;
	margin: 0 0 5px 0;
	background: #e6e6e6 url(../gfx/headback2.gif) repeat-x 0 0; }
	
#header h1 {
	width: 380px; height: 70px;
	float: left;
	margin: 0px; padding: 0px;
	font-size: 1px; 
	text-indent: -5000px;
	background: #e6e6e6 url(../gfx/logo2.jpg) no-repeat 0 0; }
	
#header_phone, #header_email { 
	
	margin-right: 5px;
	display: block;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.6em; text-align: right; }
#header_phone a, #header_email a{ text-decoration: none; color: #fff ;}	
#header_email { font-size: 1em; }

#topmenuwrapper { 
	width: 780px;
	position: absolute; height: 70px;
	right: 5px;
	text-align: right; }
	
#topmenu {
	position: absolute; right: 0px; bottom: 3px; 
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none; 
	margin: 0px; padding: 0px; }
	
#topmenu li { display: inline; border-left: 1px solid #BECCEB; }
#topmenu li.first { border: none !important;}
#topmenu li a { color: #fff; text-decoration: none; margin: 0px 5px;}

/**********  Styles for Left Navigation ***************/
#leftmenu { width: 200px;
						margin: 0 10px 0 3px; 
						float: left;
						background-color: #fff; }
						
#leftmenu ul a {color: #1e3d83;	text-decoration: none; }

#leftmenu ul {
	margin: 0px; padding: 0px;
	list-style: none; }
	
#leftmenu li {
	margin: 0px; padding: 0px; }
	
#leftmenu .section span, #leftmenu h2{
	display: block;
	margin: 0px; 
	padding: 0 10px 0 0;
	text-align: right; 
	line-height: 21px;
	height: 21px; 
	background: #fff url(../gfx/menuhead1.gif) no-repeat 100% 0;
	color: #fff;
	font-size: 1em; font-weight: bold; }

#leftmenu .info span { background: url(../gfx/menuback2.gif) no-repeat 100% 0 !important; }

li.section { background: #fff url(../gfx/menuback.gif) no-repeat 0 0; }

.leftMenuBox form { 
	background: #fff url(../gfx/menuback.gif) no-repeat 0 0; 
	padding: 10px !important; margin: 0px !important; 
	text-align: right;
}
.leftMenuBox table { display: inline; }
	
#leftmenu ul li ul li { background: transparent url(../gfx/menudots.gif) no-repeat 50% 100%;
											
												padding: 0 0 6px 0; }
#leftmenu ul li a {
	display: block;
	line-height: 22px;
	text-align: right;
	padding: 0 18px 0 0;
	height: 22px; 
	background: transparent url(../gfx/menudot1.gif) no-repeat 188px 58%; }
	
#leftmenu ul li a#active {
	background: #d3dbee url(../gfx/menudot2.gif) no-repeat 183px 58%;  margin: 0 4px 0 4px;
	line-height: 24px;  }
	
#leftmenu ul li ul, .leftMenuBox  { background: transparent url(../gfx/menufoot.gif) no-repeat 0 100%;
											padding: 0 0 5px 0; margin: 0px 0px 10px 0px; }
	 
	
#meta {
	height: 40px; }
	
/*****************************************************************/


#contentWrapper { 
	width: 760px;
	float: left; clear: right; 
	background-color: #fff; }
							 
#breadcrumb { background: #fff url(../gfx/breaddots.gif) repeat-x 0% 100%; 
							padding: 0 0 5px 0; 
							margin: 0 0 10px 0;
							color: #1e3d83; font-weight: bold; }
#breadcrumb span a { text-decoration: none; color: #666; font-weight: normal; }
#breadcrumb span a:hover { text-decoration: underline; }

#blurb { line-height: 1px; height: 1px; overflow: hidden; text-indent: -4000px; border: none !important; }

#maincontent h1 { 
	margin: 0 0 5px 5px; padding: 0px; 
	font-weight: normal; font-size: 1.8em; 
	color: #1E3D83; }
#maincontent h2 { 
	clear: left;
	margin: 0 0 5px 5px; padding: 0px; 
	font-weight: normal; font-size: 1.6em; 
	color: #888888; 
	border-bottom: 2px solid #BECCEB; }
#maincontent h3 {
	margin: 4px 0 3px 5px; padding: 0px; 
	font-size: 1.15em; font-weight: bold;  
	color: #285BAD; }
	
#maincontent li { padding: 0 0 0 9px; background: url(../gfx/menudot1.gif) no-repeat 0% 6px ; }
#maincontent ul { list-style: none; }
#maincontent .csc-textpic li { background-image: none; }
#maincontent p { margin: 0 0 1em 6px; }
#maincontent strong, #maincontent b { color: #1E3D83; }
#maincontent a , #maincontent td a{ color: #3759C8; }
#maincontent a:visited ,#maincontent td a:visited {color: #A67123; }
#maincontent a:hover, #maincontent td a:hover { color: #6492DB; text-decoration: none; }
#maincontent a:active, #maincontent td a:active {}

#maincontent table { border-collapse: collapse; }
#maincontent table caption { font-weight: bold; padding: 0 0 4px 0; color: #285BAD; } 
#maincontent tr { }
#maincontent th { padding: 5px; border: 1px solid #1E3D83; text-align: center; background-color: #285BAD; color: #fff; font-size: 1.1em; }
#maincontent td { padding: 3px; border: 1px solid #285BAD; }


#footer { 
	height: 54px;
	margin-top: 8px;
	position: relative;
	clear: both; 
	background: #fff url(../gfx/footerback.gif) repeat-x 0 0; }

#footmenu {
	list-style-type: none; 
	height: 19px;
	padding: 2px 0 0 0; margin: 0px; 
	background: transparent url(../gfx/footermenu.gif) no-repeat 0 0;
	}
	
#footmenu li { display: inline; border-left: 1px solid #BECCEB; }
#footmenu li.first { border: none !important; margin-left: 5px;}
#footmenu li a { color: #fff; text-decoration: none; margin: 0px 5px;}

span#footer_copy {
	position: absolute; right: 5px; top: 2px; color: #ccc; }

span#sozu { display: block; text-indent: -10000px;}
span#sozu a {
	width: 150px; height: 26px;
	display: block;
	position: absolute; right: 0px; bottom: 0px;
	text-indent: -4000px;
	text-decoration: none;
	background: transparent url(../gfx/web_roll.gif) no-repeat 0 0;}

span#sozu a:hover { background: transparent url(../gfx/web_roll.gif) no-repeat 0 -26px; }


/*******  Styles for Frontpage FCE Only ****************/

ul.component-items li { width: 250px; float: left; overflow: visible; padding: 0 0 0 9px; background: url(../gfx/menudot1.gif) no-repeat 0% 50% ; }
ul.component-items {height: 50px; list-style: none; }

#frontpage-bottom { 
	clear: both; 
	margin : 5px 0 0 0; padding: 5px 0 0 0; 
	background: url(../gfx/frontbox_top_dots.gif) repeat-x ; }
	
#frontpage-bottom h2 { 
	margin: 0 0 0 5px; padding: 0px; 
	font-weight: normal; font-size: 1.6em; 
	color: #888888; 
	border: none; }
#frontpage-bottom h3 {
	margin: 4px 0 3px 5px; padding: 0px; 
	font-size: 1.1em; font-weight: bold;  
	color: #285BAD; }
#frontpage-bottom p { margin: 0 0 3px 5px; }
#frontpage-bottom a {}

#news-excerpts { 
	width: 50%; float: left; display: inline;
	background: url(../gfx/frontbox_left_dots.gif) no-repeat 100% 50%; 
	padding: 0 10px 1em 0; }
#news-excerpts span.news-list-date { font-weight: bold; font-size: 0.9em; color: #BECCEB; margin: 0 0 0 5px; }
#news-excerpts  .news-top { padding: 0 0 15px 0; background: url(../gfx/frontbox_bot_dots_sm.gif) no-repeat -10px 100%;}
#news-excerpts  .news-more, #article-snippet .jp-teaserlink { display: block; text-align: right; margin: 0 10px 0 0; }
#news-excerpts  .news-more a, #article-snippet .jp-teaserlink a { color: #A67123; font-weight: bold; font-size: 0.8em; }

#article-snippet { 
	width: 47%; padding: 0 0 20px 0; 
	float: right; display: inline;
	background: url(../gfx/frontbox_bot_dots_sm.gif) no-repeat -10px 100%; 
	text-align: left; }
#article-snippet h2, #article-snippet h3, #article-snippet p { text-align: left; }
#featured-manuf { 
	width: 47%; padding: 0 0 20px 0; 
	float: right; display: inline;
	background: url(../gfx/frontbox_bot_dots_sm.gif) no-repeat -10px 100%; 
	text-align: right; }
#featured-manuf img { display: inline; border: none !important; }
#featured-manuf h2,	#featured-manuf h3, #featured-manuf p { text-align: left; }
#view-az-index { height: 130px; display: inline;  position: relative; width: 47%; float: right; clear: right;}
#view-az-index img { border: none; position: absolute; top: 0px; }
#view-az-index h2 { position: absolute; z-index: 50; }

/********** Styles for TwoColumn FCE **************/
#twoColumnSection {}
#twoColumnLeft { 	width: 49%; float: left; display: inline; }
#twoColumnRight { width: 49%; float: right; display: inline; }


/********** Styles for Single tt_news Item ********/
.news-single-item { position: relative;}
.news-single-item h3 { font-size: 1.15em !important; margin: 0 0 0.5em 5px; }
.news-single-category { font-size: 0.9em; padding: 0 0 0 10px; color: #777777; }
.news-single-timedata { font-size: 0.9em; position: absolute; right: 0px; top: 5px; color: #3759C8; }
.news-single-item p { margin: 0 5px 0.3em 5px !important;  }
.news-single-img { float: right; margin: 0 0 10px 10px !important; } 
hr.clearer { clear: both; }
/********** Styles for list tt_news Items *********/
.news-list-item { position: relative; margin-bottom: 1em; }
.news-list-item h3 a { font-size: 1em !important; margin: 0 0 0.5em 0px; text-decoration: none; }
.news-list-category { font-size: 0.9em; padding: 0 0 0 10px; color: #777777; }
.news-list-timedata { font-size: 0.9em; position: absolute; right: 0px; top: 5px; color: #3759C8; }
.news-list-timedata { font-size: 0.9em; position: absolute; right: 0px; top: 5px; color: #3759C8; }
.news-list-item p { margin: 0 5px 0.3em 5px !important;  }
.news-list-item hr { background-color: #CFE3FF; color: #CFE3FF; height: 1px; border-style: dotted; }
.news-list-item .news-list-subheader { display: block; margin: 5px 0; font-weight: bold; font-size: 1.1em; color: #1E3D83; }
.news-list-item .news-list-morelink { text-align: right; }

.tx-ttnews-browsebox td { padding: 0px !important; border-collapse: collapse; border: none !important; }
.tx-ttnews-browsebox a { height: 20px; line-height: 20px;  padding: 5px 6px; background-color: #1E3D83; color: #CFE3FF !important; text-decoration: none; font-weight: bold; }
.tx-ttnews-browsebox a:hover { background-color: #285BAD; }

.news-amenu-container ul { margin: 0px; padding: 0px;  }
.news-amenu-container ul li { background-image: none !important; margin: 2px 0px 6px; }
.news-amenu-container ul li ul li { margin-left: 10px; }

/********** Styles for Maincontent Mail Forms ******/

#maincontent #mailform  {display: inline; position: relative; }
/*#sformID fieldset { margin-top: 10px; margin-bottom: 10px; }
#sformID legend {font-size: 1.2em; font-weight: bold; padding: 5px; }*/
#maincontent #mailform fieldset { border: 1px solid #BECCEB; margin: 10px 5px; padding: 15px 0 0 0; }
#maincontent #mailform legend {
	position: relative;
	left: -10px;
	width: 40%;
	margin: 0 0 10px 0;
	padding: 5px;
	font-weight: bold;
	background-color: #fff; border: 1px solid #CFE3FF;
}

#maincontent #mailform ul {margin: 10px 0px 5px 100px; font-size: 0.8em; list-style: none; color: #B22222; }
#maincontent #mailform label {
	float: left;
	display: block;
	font-size: 1.1em;
	line-height: 1.3em;
	width: 150px;
	text-align: right;
	margin: 0 5px 8px 0;
	padding: 0 0 0 0;
	color: #285BAD;
}

#maincontent #mailform textarea, #maincontent #mailform input { width: 350px;  margin: 0 0 10px 0; }
.csc-mailform-submit {display: inline;  float: right; width: 150px !important; margin: 5px 30px !important; }

fieldset fieldset { margin: 0px !important; padding: 5px !important; border: none !important; }
fieldset fieldset legend { display: none; }
fieldset fieldset label br { display: none; }
fieldset fieldset label {  height: 1.3em !important; display: inline !important; clear: left; margin: 0px !important; }
fieldset fieldset input { height: 1.3em !important; width: 20px !important;  float: right; clear: right;margin: 0 200px 0 0 !important; }


/**********  Google map container ********************/
.tx-lumogooglemaps-pi1 { margin: 0 5px; border: 1px solid #1E3D83; }

.twrss_table { padding: 0px 5px;}
.twrss_table div { margin-top: 4px; }

/**********  IE Hack for width due to browser incapability *****
* html body { position: relative !important; }*/
* html #header { overflow: auto;}