/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; text-align:center; background:url(/Images/bg.gif) repeat-x top #ffffff}
html, input, textarea	{	font-family: /*Verdana, Helvetica, Sans-Serif*/ Tahoma; 
		color:#969483;	}	

.vam{ vertical-align:middle}
.clear { clear:both;}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#3ba3d3;}

a{color:#228b22; text-decoration:none} 
a:hover{text-decoration:underline}


.a1{color:#969483; background:url(/Images/li.gif)  bottom left repeat-x; text-decoration:none} 
.a1:hover{color:#3ba3d3;  text-decoration:none} 
.a2{color:#3ba3d3; font-weight:bold; text-decoration:none} 
.a2:hover{text-decoration: underline} 

.link1 { display:block; float:left; background:url(/Images/link1_bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(/Images/link1_left.gif) no-repeat left top;}
.link1 b { display:block; background:url(/Images/link1_right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}


/*header*/
#header {font-size:0.75em; color:#969483 }
#header .logo{ margin:61px 0 0px 76px }
#header .menu1{ float: right; margin:11px 0px 0px 0px; color:#434341; }
#header .menu1 a{ margin:0 12px 0 13px; color:#929da6; text-decoration:none} 
#header .menu1 a:hover{text-decoration:underline}
#header .menu{ position:absolute; margin:140px 0 0px 414px; }


#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ display:inline; margin:0px }
#header ul li a{color:#f3f2e8; text-decoration:none; margin:0px; width:86px; text-align:center; display:block; float:left; background:url(/Images/bg_menu.gif) no-repeat top left; padding:12px 0px 18px 0px; font-size:1.2em} 
#header ul li a:hover { text-decoration:none; background:url(/Images/bg_menu_1.gif) no-repeat top left; color:#2f2f2f }
#header ul li span a{color:#2f2f2f;  width:86px; background:url(/Images/bg_menu_1.gif) no-repeat top left; } 
#header ul li span a:hover {  background:url(/Images/bg_menu_1.gif) no-repeat top left; }
#header ul .li a{ width:74px; background:url(/Images/bg_menu2.gif) no-repeat top left; } 
#header ul .li a:hover {  background:url(/Images/bg_menu2_2.gif) no-repeat top left; }
#header ul .li span a{ width:74px; background:url(/Images/bg_menu2_2.gif) no-repeat top left;  }
#header ul .li span a:hover {  background:url(/Images/bg_menu2_2.gif) no-repeat top left; }
#header ul .li1 a{width:93px; background:url(/Images/bg_menu3.gif) no-repeat top left;} 
#header ul .li1 a:hover { background:url(/Images/bg_menu3_3.gif) no-repeat top left;  }
#header ul .li1 span a{width:93px; background:url(/Images/bg_menu3_3.gif) no-repeat top left;} 
#header ul .li1 span a:hover { background:url(/Images/bg_menu3_3.gif) no-repeat top left; }


/*innercontent*/
#innercontent .bg1 { background:url(/Images/bg_line4.gif) repeat-y; margin:0 0 30px 150px; }
#innercontent .bg2 { background:url(/Images/bg_line3.gif) no-repeat top left; width: 810px;}
#innercontent .bg3 { background:url(/Images/bg_line5.gif) no-repeat bottom left; padding: 20px;}

#innercontent .bg4 { background:url(/Images/bg_line7.gif) repeat-y;}
#innercontent .bg5 { background:url(/Images/bg_line6.gif) no-repeat top left; width: 980px;}
#innercontent .bg6 { background:url(/Images/bg_line8.gif) no-repeat bottom left; padding: 20px;}

#innercontent #main { margin:15px; }
#innercontent input.browsefile { height: 30px;  }
#innercontent #main textarea { width: 380px; height: 200px; }
#innercontent #main input.submitbutton { width: 60px; height: 30px; margin: 0px 0px 10px 0px; }
#innercontent #main h3 { border-bottom: solid 1px #C0C0C0; padding-bottom: 10px;}
#innercontent p { margin: 0px 0px 17px 0px;}
#innercontent ul {list-style: none; }
#innercontent li {margin: 0px; }
#innercontent ol {margin: 0px 0px 15px 25px }
#innercontent #faq ul { margin: 0 0 35px 0 }
#innercontent #faq #answers a { text-decoration: none; }
#innercontent #faq #answers p { margin: 5px 0px 15px 25px; }
#innercontent #bespoke #topimg { float: right; }
#innercontent #bespoke #sample p { width: 600px; }
#innercontent #about .group { margin: 0 0 25px 0; }
#innercontent #about ul { list-style: disc; margin: 0 0 15px 0; }
#innercontent #about li { display: block; margin: 0px 0px 5px 35px; }
#innercontent #about #bookmark { border-bottom: solid 1px #C0C0C0; padding-bottom: 15px;}
#innercontent #about #bookmark li{ list-style: none; margin: 0px 0px 5px 0px;}
#innercontent #about .group .heading { text-decoration:none; color:#969483; }
#innercontent #about .innerul li { margin: 0px 0px 5px 18px; list-style: circle;  }
#innercontent #certs h4 { margin: 0 0 25px 0; }
#innercontent #certs img { float: left; }
#innercontent #certs ul { list-style: none; }
#innercontent #certs li { margin: 0 5px 50px 0px; }
#innercontent #emailform label { float: left; text-align: right; margin-right: 15px; width: 150px; padding: 10px; }
#innercontent #emailform input, textarea { padding: 5px; width: 380px; margin: 0px 0px 10px 0px; color:#656350; }
#innercontent #createform label { float: left; text-align: right; margin-right: 15px; width: 150px; padding: 10px; }
#innercontent #createform input, textarea { padding: 5px; width: 380px; margin: 0px 0px 10px 0px; color:#656350; }
#innercontent #login label { float: left; text-align: right; margin-right: 15px; width: 43px; padding: 0px 10px 10px 0px;}
#innercontent .event .infoheader { float: left; padding: 5px; width: 350px;}
#innercontent .event .dateheader { float: left; padding: 5px; width: 150px;}
#innercontent .event .relatedheader {padding: 5px;  }

#innercontent .event .info { float: left; padding: 5px; width: 380px; vertical-align:top;}
#innercontent .event .date { float: left; padding: 5px; width: 200px; vertical-align:top;}
#innercontent .event .related {padding: 5px; vertical-align:top; }

#innercontent .event .bookmark a { text-decoration:none; font-size:1.5em; color:#969483; }
#innercontent .event .bookmark a:hover { text-decoration:none; }
#innercontent .event .bookmark { margin: 0 0 15px 0; padding: 5px; background-color: #E4F3E6; border-top: 1px solid #969483}


#innercontent #enquiries .email {width: 160px; float: left;}
#innercontent #enquiries .name {width: 115px; float: left;}
#innercontent #enquiries .company {width: 120px; float: left;}
#innercontent #enquiries .recieved {width: 80px; float: left;}
#innercontent #enquiries .ip {width: 100px; float: left;}
#innercontent #enquiries .message {width: 265px; float: left;}
#innercontent #enquiries .close {float: right;}
#innercontent #enquiries .close input {width: 40px; text-align: center;}
#innercontent #enquiries .group  {border-bottom: 1px solid #C0C0C0; margin: 10px 0 10px 0; padding: 0 0 10px 0;} 
#innercontent #enquiries ul li  {margin: 0 0 10px 0;} 

#innercontent #productfrontpage { float: left; width: 710px;}
#innercontent #productfrontpage .group { margin: 0 0 15px 0; padding: 15px;}
#innercontent #productfrontpage .group { margin: 0 0 15px 0; }
#innercontent #productfrontpage .group ul { list-style: none;}
#innercontent #productfrontpage .group li { display: block; margin: 0 10px 0px 0; padding: 0 0 0 0; float: left;}
#innercontent #productfrontpage .group .productlink { float: left;}

#innercontent #info { float: right; margin: 0 0 0 0; padding: 15px;}





/*content*/
#content h2{ font-size:2.2em; color:#656350; font-weight:normal; margin-bottom:25px}
#content h3{ font-size:2em; color:#656350; font-weight:normal;  margin-bottom:23px}
#content h4{ font-size:1em; color:#969483;  margin-bottom:15px}
#content { font-size:0.76em; width:100%; text-align:left}
#content .subnav { float: left; }
#content .subnav ul{ margin:0px 0px 25px 0px; list-style:none;}
#content .subnav ul li{ background:url(/Images/asterik.gif) top left no-repeat; background-position:0 4px; margin:0px; padding-left:16px; }
#content .subnav ul li a{ color:#228b22; text-decoration:none ; line-height:1.75em; font-weight:bold} 
#content .subnav ul li a:hover { text-decoration:underline; }
#content .subnav ul li span a { color:#254117; text-decoration:underline ; line-height:1.75em; font-weight:bold} 
#content .subnav ul li span a:hover { text-decoration:none; }
#content .subnav h3 { font-size:1.55em; color:#656350; font-weight:normal; margin-bottom:5px }


#homepagecontent ul{margin:0; padding:0; list-style:none;}
#homepagecontent ul li{background:url(/Images/asterik.gif) top left no-repeat; background-position:0 4px; margin:0px; padding-left:18px; }
#homepagecontent a{text-decoration:none; font-weight:bold} 
#homepagecontent a:hover { text-decoration:underline; }
#homepagecontent .block_header{ margin:0 0 30px 32px; background:url(/Images/bg_line.gif) no-repeat; }
#homepagecontent .block_header_1{ width:910px; background:url(/Images/bg_line1.gif) no-repeat top left }
#homepagecontent .block_header_2{ background:url(/Images/bg_line2.gif) no-repeat bottom left }
#homepagecontent .block_header_3{ background:url(/Images/bg_line3.gif) no-repeat bottom left }
#homepagecontent .block_header_4{ width:810px; background:url(/Images/bg_line4.gif) no-repeat top left }
#homepagecontent .indent_block_header{ padding:35px 40px 48px 344px }
#homepagecontent .indent_block_header img { margin: 0px 18px 0px 0px; }
#homepagecontent .block_header a{ color:#228b22; font-weight:bold; text-decoration:none}
#homepagecontent .block_header a:hover{text-decoration: underline}
#homepagecontent .txt img{ margin-bottom:5px}
#homepagecontent .txt a{ color:#656350; font-weight:bold; font-size:.9em }
#homepagecontent p{ margin:0px 0px 59px 0px}
#homepagecontent .p1{ margin:0px 0px 42px 0px}
#homepagecontent .indent_main{padding:0px 77px 41px 64px}
#homepagecontent .indent_main1{padding:0px 62px 41px 64px}
#homepagecontent .indent_col1{padding:7px 30px 22px 0px}
#homepagecontent .indent_col1_1{padding:7px 10px 22px 0px}
#homepagecontent .indent_col1_2{padding:7px 0px 22px 0px}
#homepagecontent .indent_col2{padding:7px 24px 22px 24px}
#homepagecontent .indent_col2_2{padding:7px 34px 22px 24px}
#homepagecontent .indent_col3{padding:7px 0px 45px 23px}
#homepagecontent .indent_col3 ul li { background:url(/Images/page1_title1.gif) top left no-repeat; 	margin:10px 0px 0px 0px; padding:0px 0 5px 53px; border-bottom: 1px dotted #C0C0C0;}
#homepagecontent .indent{padding:0px 0px 0px 0px}
#homepagecontent .title{  margin-bottom:16px}
#homepagecontent .pic_left{ float:left; margin:0px 17px 23px 0px}
#homepagecontent .pic_left1{ float:left; margin:0px 15px 50px 0px}
#homepagecontent .pic{ margin:0px 0px 16px 0px}
#homepagecontent .pic1{ margin:20px 0px 16px 0px}
#homepagecontent .line{ margin:19px 0px 26px 0px}
#homepagecontent p{ margin:0px 0px 17px 0px}
#homepagecontent .p{ margin:0px 0px 17px 0px}
#homepagecontent .p1{ margin:0px}
#homepagecontent .txt1{ color:#3ba3d3; font-weight:bold; font-size:1em; float:right; display:block; margin-bottom:30px }

/*products*/
#products #nav { margin: 0 0 20px 0; }
#products h3 { border-bottom: solid 1px #C0C0C0; padding-bottom: 10px; color:#656350; }
#products h4 { font-size:1.2em; color:#969483;  margin:0px 0px 10px 0px; }
#products #productlist ul {list-style: none; }
#products #productlist li{ float: left; display: block; border-bottom: 1px dotted #C0C0C0; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
#products #productlist .imagewindow { float: left; margin-right: 10px; }
#products #productlist .description { float: left; width: 260px; }
#products #productlist .description p { padding: 0px; }
#products #productlist .description a { text-decoration: none; }
#products #productlist .description a:hover { text-decoration: underline; }
#products #productlist .thumb { float: left; width: 255px; border-left: 1px dotted #C0C0C0; height: 150px; }
#products #productlist .thumb ul { list-style: none; }
#products #productlist .thumb li { display: inline; margin: 0px 5px 5px 5px; padding: 0px; border: none;}
#products #filter { position: relative; top: -50px; right: -670px;}
#products #productlist .data { color: #000000;}
#products #detailedimagewindow { float: left; margin: 0px 10px 0px 0px; }
#products #detailedthumb h5{margin: 0 0 0 10px; }
#products #detailedthumb p{margin: 0 0 0 10px; }
#products #detailedthumb { float:right; border: 1px solid #C0C0C0; padding: 10px; height: 100%; width: 290px; }
#products #detailedthumb ul { list-style: none;}
#products #detailedthumb li{ display: inline; margin: 10px; float: left; }
#products .contact {padding: 0 0 0 5px;}


#products #info{ float:left; margin: 10px 0 0 18px;  }

#partners ul li {margin: 0 0 15px 0;}
#partners .logo {margin: 0 0 5px 0; }
#partners .about { }
#partners .contact { }

/*contact*/
#maincontent #contact .bg1 { background:url(/Images/bg_line4.gif) repeat-y; margin:0 0 30px 85px; }
#page5 .pad{ padding:0px 20px 0px 0px;}

/*footer*/
#footer { color:#dddbce; font-weight:bold; font-size:0.6875em;  padding:52px 25px 22px 48px;}
#footer img { margin: 5px 0 0 0;}


.h{ height:25px}
.block_contact span{ float:right; margin-right:35px}
.block_contact1 span{ float:right; margin-right:0px}

input{ width:168px; height:18px; font-size:1em; padding-left:5px; margin-bottom:3px }
textarea{
	width:168px; height:87px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto
}