/* Generic styles */

body{background:url(../images/largelogo.gif) no-repeat top right #fff; margin:0; padding:0 0 40px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5b5b5b;}

a{color:#7ebe56; text-decoration:none; font-weight:bold;}
a img{border:0;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
a:hover{text-decoration:underline;}
p{margin:0; padding:8px 0;}

h1{font-size:1.4em; margin:0; padding:0 0 10px 0; font-weight:bold;}
h2{font-size:1.3em; margin:0; padding:10px 0 10px 0; font-weight:bold;}
h3{font-size:1.3em; margin:0; padding:3px 0 0 0; font-weight:bold;}
h3 a{color:#5a5a5a;}
#c-right h3{padding:3px 0 15px 0;}

.clear{clear:both; height:0px; font-size:0px; line-height:0px;}

sup {font-size: smaller; vertical-align: super;}

/* Layout */

#wrapper{width:980px; margin:45px auto 0 auto; padding:0;}

#logo{width:162px; padding:10px 0 20px 73px; float:left; margin:0 0 15px 0;}
	
#banner{float:left; width:235px;}

#content{float:left; width:745px;}
	#c-left{width:512px; float:left;}
	#c-right{width:210px; float:right; font-size:11px;}

#nav{font-size:11px; font-weight:bold; background:#525557; float:left; width:745px; height:34px; margin:46px 0 0 0;}
	#bg{width:980px; height:34px; background:url(../images/top-left.gif) no-repeat top left;}
	#nav ul{margin:0; padding:0 220px 0 0;}
	#nav li{display:block; float:left; margin:0;}
	#nav li a{display:block; padding:12px 18px 8px 18px; color:#fff; text-decoration:none; background:#525557;}
	#nav li a:hover{background:#a3d869;}
	#nav li.selected a{background:#a3d869;}
	
#copy{padding:15px 7px 0 235px; font-size:11px;}
	#fnav{float:right;}
	#fnav a{color:#5a5a5a; padding:0 5px; font-weight:normal;}

#memberof{margin:12px auto 0 auto; padding:10px; background:#e7e8e9;}
	#memberof span{display:block; text-align:center; padding:5px 15px; background:#5a5a5a; color:#fff;}
	#memberof img{padding:3px 0 3px 225px;}
	
span.back{display:block; float:right; font-size:14px; padding:3px 0 0 0;}

span.phone{font-size:15px; font-weight:bold;}
	


#main{padding:45px 0 0 30px; background:#fff; min-height:300px; height:auto !important; height:300px;}
	#rhs{width:235px; float:right;}
	#contact-rhs{width:285px; float:right;}
	#prod-content{}
	
.members{padding:20px 0 10px 15px; font-size:0.8em;}
p.memberof{font-size:12px;}
	
p.articlesnip{margin:0; padding:0 0 10px 40px; font-size:11px;}
.date{display:block; width:30px; height:30px; background:#5a5a5a; color:#fff; float:left; margin:0 0 10px 0;}
	.date p{display:block; text-align:center; font-size:10px; padding:2px 0 0 0; margin:0;}
	.date span{display:block; text-align:center; font-size:0.8em; padding:0; margin:0; text-transform:uppercase;}
	a.date:hover{background:#9bc175;}
.cnt-details{margin:16px 0 0 0; display:block; float:right;}
#content .date{margin:0 10px 5px 0;}

a.team{display:block; width:305px; float:left; margin:0 0 10px 0; text-align:right;}
a.team-sm{display:block; width:95px; float:left; padding:36px 20px 20px 20px; margin:10px 5px; text-align:left; font-size:17px;}
div#quote{font-size:15px; line-height:21px; padding-top:16px;}
ul.quoteul{margin:15px 3px; padding:0 0 0 10px;}
	ul.quoteul li{padding:2px 0;}

table#contact-details{width:100%; font-size:12px;}

td.middle{vertical-align:middle!important;}


span.breadcrumb{display:block; float:right; font-size:14px; padding:2px 0 0 0;}

#team-table{font-size:12px;}
	.teamimg{width:197px; padding:15px 0 0 0;}
	#team-table td{vertical-align:top;}
	
#category-table, #product-table{font-size:12px;}
	#category-table td{vertical-align:top; width:30%;}
	#category-table h3{padding-top:27px;}
	#product-table td{vertical-align:top; padding:10px 0 20px 0; width:30%;}
	#product-table{margin:20px 0;}
	td.prod-img{width:20%!important;}
	
a.moreinfo{display:block; width:80px; height:15px; padding:5px 0; margin:10px 0 0 0; text-align:center; background:url(../images/moreinfo.gif); color:#fff;}
a.prumore{display:block; height:15px; padding:5px 0; margin:10px 0 0 0; text-align:left; background:url(../images/moreinfo.gif) no-repeat left; color:#5b5b5b;}
.prumore span{padding:0 15px; color:#fff;}
.prumore:hover span{color:#fff!important;}

.productimg{float:right; padding:15px 0 15px 15px;}

.pright{float:left; width:510px;}

a.pdflink{display:block; height:23px; padding:5px 0 1px 32px; background:url(../images/pdf.gif) no-repeat;}

form{font-size:12px; margin:0; padding:20px 0;}
label{float:left; width:150px; font-size:12px; padding:0 0 16px 0;}
.text{width:300px; border:1px solid #cbcbcb;}
label.error{color:#FF0000; width:300px;}
.red{color:#FF0000;}

div#teamimages{padding:0 0 0 40px;}

div#team-c-left{width:700px; float:left; padding-left:35px;}

#team-content{float:left; width:980px;}

#homemov{width:420px; float:left;}
#webportal{float:right; width:182px; text-align:center;}

div#portal2{padding:5px 0 0 0; text-align:left;}

#portal{padding:7px 0;}

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

div.category{width:330px; padding:10px; float:left; margin:0 20px 20px 0;}
	.cat-imglink{float:right; width:145px;}
	.cat-text{}
	
.compat{padding:10px 0; margin:15px 0;}
	.compat h4{margin:0; padding:0 0 10px 0;}
	
div.productright{float:right; width:200px; padding:0 0 20px 20px;}

ul.pru-countries{margin:0; padding:12px 0; list-style-type:none;}
	ul.pru-countries li{padding:6px 5px 14px 62px; width:195px; display:block; position:relative; float:left;}
	.pru-countries li img{display:block; position:absolute; left:0; top:0;}
	
dl{margin:15px 0; padding:10px 10px 10px 15px; background:#f7f7f7; display:block; border:1px solid #e9e9e9; width:340px;}
dt{display:block; float:left; width:90px; clear:left; padding:4px 0; font-weight:bold;}
dt.too{width:300px;}
dd{display:block; float:left; width:250px; padding:4px 0; margin:0;}