/* Shand Engineering website CSS file. Built by Definition Web Design
http://www.definitiondesign.co.uk 2008 */

/* @group General defaults */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {	list-style: none;}
/* @group Tables defaults */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table   {margin-bottom: 1.4em; border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th      {border-bottom: 2px solid #ccc;  border-right: 1px solid #ccc;font-weight: bold; padding: .8em;}
td      {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;}
th,td   {padding: 7px 10px 7px 4px;}
tfoot   {font-style: italic;}
caption {background: #ffc;}
/* @end */

input,textarea{	font-family:Verdana, Arial, Helvetica, sans-serif;}
/* @end */

/* @group Misc */
/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/
.hide {position: absolute;left: -5000px;}
hr {display: none;}
p#skip {
	position: absolute;
	top: 0; left: -5000px;
	margin: 0;
}
/* @end */

/* @group General styles */
ul{list-style:disc;margin-left:16px;}
p,h1,h2,h3,h4,h5,h6,ul {margin-bottom:.7em}
a img,img{border:none;display:block;}
a{cursor:pointer!important;text-decoration:none}
a:link{color:#177ec3;}
a:visited{color:#177ec3;}
a:hover{color:#177ec3; text-decoration: underline;}
a:active{color:#c00;}
h1,h2,h3,h4,h5,h6{font-weight:bold}
h1{font-size:136%;}
h2{font-size:120%}
h3{	font-size:100%;}
body{
	color:#575B5D;
	text-align:center;/* for ie5.+*/
	background:#fff url(../images/bg.jpg) repeat 0 536px;
	padding:0 0 30px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
}
/* @end */

/* @group Layout */
#wrap{
	background:url(../images/bg2.jpg) repeat-x 0 0;
	width:100%;
}
#outer{
	width:1000px;
	text-align:left;
	margin:auto;
	position: relative;
}
#inner{
	width:980px;
	margin-left:20px;
	background:url(../images/lcol-edge.jpg) no-repeat 173px 0;
}
#main{
	width:1000px;
	clear:both;
}

/* basic equals pages like the home page */
.basic #main, .simple #main{	background:url(../images/home-leftcol2.png) repeat-y 0 0;}
.two-sidecol #main{	background:url(../images/twocol.png) repeat-y 0 0;}
/* @end */

/* @group Navigation */
#nav{
	padding:0;
	width:100%;
	background:url(../images/top.gif) no-repeat 0 0;
}
#nav ul{
	float:right;
	margin:0 40px 0 0;
	list-style:none;
	display:inline;
	padding:6px 0 0 0;
}
#nav li{
	float:left;
	font-weight:bold;
	margin-right:2px;
}
#nav li a{
	float:left;
	padding:5px 6px 11px;
	color:#c3dae9;
	text-decoration:none;
	font-weight:bold;
	font-size:92%;
	border-right:1px solid #12181c;
}
#nav li a:hover,
#nav li.current a{
	background:#fcfcfc;
	color:#12181c;
}
/* @end */

/* @group Search */
p.logo{
	padding: 12px 0 0 40px;
	margin:0;
	width:359px;
	height:159px;
}
p.call-now {
	width:393px;
	height:13px;
	overflow:hidden;
	position:absolute;
	float:right;
	margin: 0;
	display:inline;
	clear:right;
	width: 511px;
	height:160px;
	top: 11px;
	right: 0;
	text-indent: -9999px;
	background: url(../images/call_bg.jpg) top left no-repeat;
}
p.email-header {
	overflow: hidden;
	position: absolute;
	top: 130px;
	right: 30px;
	margin: 0;
	font-weight: bold;
	font-size: 13px;
}
p.email-header, p.email-header a, p.email-header a:visited {
	color: #fff
}

.search{
	padding:11px 0;
	float:right;
	margin: 0;
	/*background:#000 url(../images/search-right.gif) no-repeat 100% 11px;*/
	position: relative;
	z-index: 99;
	width: 298px;
}
.search form{
	/*background:url(../images/search-left.gif) no-repeat 0 0;*/
	height:37px;
	padding:0;
	float:left;
}
.search input{
	color:#444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	border:none;
	padding:3px 7px;
	font-size:92%;
	margin:6px 0 0 0;
	width:200px
}
.search input.go{
	padding:1px 0;
	border:1px solid #fbfbfb;
	border-right:1px solid #969696;
	border-bottom:1px solid #969696;
	width:33px
}

/* @end */


/* @group Left sidebar */
/* top is an attempt to smooth out the side shadows.*/
.top{
	height:18px;
	background:url(../images/home-leftcol-top2.png) no-repeat 0 0;
	width:1000px;
	clear:both;
	overflow:hidden;
		display:block;
	background:url(../images/onecol-top.jpg) no-repeat 21px 0;
	height:18px;
}
#sidebar{
	float:left;
	width:193px;
	padding:0 0 75px 0;
}
#sidebar h3, #sidebar h2{
	font-size:136%;
	color:#444;
	margin:0 16px 1em;
	font-weight:normal
}
body#detail #sidebar h3,
body#products #sidebar h3 {
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 2em 16px .5em;
	background-color: #d3d3d3;
	padding: 2px 0 2px 4px;
}
#sidebar dl{
	width:193px;
	background:url(../images/divider2.jpg) no-repeat 0 100%;
	padding:0 0 11px 0;
	margin:0 0 0 1px;
}
#sidebar dt{
	color:#444;
	font-weight:bold;
	margin:.7em 18px .4em 15px;
	font-size:136%;
	font-size: 95%;
}
#sidebar dt a:link,
#sidebar dt a:visited,
#sidebar dt a:hover,
#sidebar dt a:active {
	color: #444;
}
#sidebar dd{
	margin:0 18px 1.2em 16px;
	font-size:85%;
}
#sidebar dd a.readmore{
	display:block;
	text-align:right;
	font-weight:bold;
	padding:7px 0 0 0;
	position:relative;
	white-space:nowrap;
}
.testimonials{padding:15px 0 0 0}
#sidebar .testimonials h3{margin:0 16px 1.1em;
}
.testimonials p{
	margin:-.8em 18px 1.4em 16px;
	font-size:90%;
}
.testimonials p.sig{
	text-transform:uppercase;
	font-weight:bold;
}
/* @end */

/* @group Main column */
#maincol{
	float:right;
	width:747px;
	margin:0 30px 0 0;
	display:inline;
	padding:0 0 75px 0;
}
#maincol h2 {
	color: #313635;
}
/*body.detail #maincol h2 {
	margin: 2em 0 0 20px;
	text-transform: uppercase;
}*/
body.detail #maincol #staff-list li h2 {
	margin: 0 0 0 115px;
	font-size: 100%;
}
body.simple #maincol h1 {
	margin-bottom: 1em;
}
body.simple #maincol p, 
body.simple #maincol h2,
body.simple #maincol ul {
	margin-left: 20px;
}
body.simple #maincol h2 {
	font-size: 95%;
	margin-top: 2em;
	margin-bottom: 1em;
}
body.simple #maincol p,
body.simple #maincol ul {
	font-size: 95%;
	width: 600px;
	line-height: 1.5em;
}
body.simple #maincol ul p {
	font-size: 100%;
	width: 100%;
}
body.simple #maincol ul {
	list-style: none;
	margin: 1em 0 1em 20px;
}
body.simple #maincol ul li {
	background: url(../images/bullet.gif) 0 5px no-repeat;
	padding-left: 12px;
	padding-bottom: .6em;
}
p#choose /* products/cat-listing page */ {
	font-style: italic;
	font-size: 95%;
	margin: 1em 0 1em 20px;
}
.mainhead{
	background:#f4f4f4;
	width:747px;
	height:205px;
	border-bottom:3px solid #131313;
}
.mainhead h1{
	color:#333;
	width:335px;
	background:#fff;
	background: transparent;
	float:left;
	margin:18px 0 0 37px;
	line-height:1.4em;
	font-size: 323%;
	letter-spacing:-0.06em;
}
/* use this if you want to use an image instead of the text 
.mainhead h1{
	color:#fff;
	width:364px;
	height:128px;
	background:#9fbebe;
	float:right;
	margin:27px 0 0 0;
	line-height:1.4em;
	position:relative;
	overflow:hidden;
}
.mainhead h1 em{
	position:absolute;
	left:0;
	top:0;
	width:364px;
	height:128px;
	background:url(../images/intro.jpg) no-repeat 0 0;
}
*/
.three-col{
	width:747px;
	background:url(../images/divider1.gif) repeat-y 0 0;
	margin:36px 0 0 0;
}
.col{
	width:195px;
	float:left;
	margin:0 0 0 23px;
	display:inline;
}
.col2{margin:0 0 0 49px;}
.col3{width:216px;margin:0 0 0 36px;}
.three-col h2{
	color:#525252;
	font-size:129%;
}
.three-col p{font-size:92%;line-height:1.2em}/* use font-size 85% if you want this one size smaller*/
p.coltop{
	width:193px;
	height:88px;
	margin:0 0 1.5em 0;
}
p.coltop a{
	display:block;
	padding:3px;
	border:1px solid #a7a7a7;
	position:relative;
}
.three-col a{position:relative;}
p.coltop a:hover{border:1px solid #555}
.col3 h2,.col3 p{margin-left:13px}
.col3 p.video{margin:1em 0 0 3px}
p#back {
	margin-left: 15px;
}
#news p#back {
	margin:12px 0 0 30px;
}
body#resources p#back {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #ddd;
}
#maincol h3 {
	margin: 1.5em 0 -.5em 0;
}
div.user {
	padding-top: 20px;
}
/* @end */

/* @group Footer */
#footer{
	width:1000px;
	background:url(../images/footer.png) no-repeat 0 0;
	height:45px;
	color: #ddd;
}
#footer ul{
	margin:0;
	padding:7px 40px 0;
	list-style:none;
	font-size:80%;
}
#footer li{display:inline}
#footer li.copy{
	float:right;
	margin:0;
}
#footer li a{color:#ddd}
#footer li a:hover{text-decoration:underline}
/* @end */

/* @group Detail page */
/* this is a 3 column page with middle content coming first in mark up using negative margins. */
/* two-sidecol really means a three column page */
.two-sidecol .top span{
	display:block;
	background:url(../images/twocol-top.jpg) no-repeat 21px 0;
	height:18px;
}
.two-sidecol #inner{
	background:url(../images/double-edge.jpg) no-repeat 173px 6px;
}
/* enable content first*/
.two-sidecol #sidebar{margin-left:-751px;}

/* middle column of 3 column layout */
#middle{
	width:558px;
	margin:0 0 0;
	float:left;
	margin-left:193px;/* content first*/
	padding:0 0 25px 0;
	display:inline;
}
#middle h1{
	margin:18px 25px 0 20px;
	color:#121816;
	text-transform:uppercase;
	font-size:152%;
}
#middle h2{
	display:block;
	color:#b9b9b9;
	padding:1px 0 0 0;
	font-size:100%;
  margin:0 25px 23px 20px;
}
body#contact h2 {
	margin: 1.5em 0 0 20px;
}

body.simple #maincol p.detail-img {
	margin: 0 30px 12px 15px;
	float: right;
	width: auto;
}
p.detail-img img {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #B2B2B2;
	display:block;
	padding:3px;
	float: none;
}

.simple img.detail-img {
	margin-left: 20px;
}
/* @group Breadcrumb */
ul.breadcrumb{
	list-style:none;
	margin:0 0 0 20px;
	width:522px;
	border-bottom:1px solid #e7e7e7;
	padding:0 0 10px 0;
}
body.simple #maincol ul.breadcrumb {
	font-size: 100%;
	line-height: 1em;
}
ul.bread2{width:auto}
body.simple #maincol ul.breadcrumb li,
ul.breadcrumb li{
	display:inline;
	padding:0 2px 0 2px;
	font-size:85%;
	background-image: none;
}
ul.breadcrumb li strong {
	font-weight: bold;
}
/* @end */

/* @group Main product image */
ul#prod-images, ul#prod-images-test {
	float: left;
	width:232px;
	margin:0 0 31px 22px;
	display:inline;
	list-style: none;
}
ul#prod-images li {
	float: left;
	width: 74px;
	margin-right: 5px;
	margin-bottom: 5px;
}
ul#prod-images-test li {
	margin-bottom: 15px;
	width: 232px;
}
ul#prod-images-test li p {
	font-size: 80%;
	text-transform: uppercase;
	margin-top: 4px;
	font-weight: bold;
}
ul#prod-images li.main {
	width: 232px;
}
ul#prod-images li.last {
	margin-right: 0;
}
ul#prod-images a, ul#prod-images-test a {
	padding:2px;
	border:1px solid #bfbfbf;
	display:block;
	position:relative;
}
ul#prod-images a:hover, ul#prod-images-test a:hover {border:1px solid #12181c;background:#1679BC;}
p#click {
	font-size: 85%;
	font-style: italic;
	margin: -.5em 0 .6em 20px;
	/*background: url(../images/search_right.gif) 0 0 no-repeat;
	padding-left: 20px;*/
	min-height: 17px;
}
p.mainimg{
	float:left;
	width:227px;
	height:227px;
	margin:0 0 31px 22px;
	display:inline
}
p.mainimg a{
	padding:3px;
	border:1px solid #bfbfbf;
	display:block;
	position:relative;
}
p.mainimg a:hover{border:1px solid #12181c;background:#177ec3;}
.product-info{
	float:right;
	margin:0 20px 31px 0;
	width:268px;
	font-size: 95%;
	line-height: 1.4em;
}
.productdata{
	width:515px;
	clear:both;
	margin:0 0 0 21px;
	font-size: 95%;
}
.productdata table{width:100%;margin-bottom:2em;border-collapse: separate; border: 1px solid #969696;}
.productdata th {background: #ccc; border-right: 1px solid #969696; border-bottom: 1px solid #969696;}
.productdata tbody tr.odd td,.productdata tbody tr.even td {background: #E3EDFF}

.productdata  table tr:hover {background: #f8f8f8}
.productdata p{color:#121816;}
/* @end */
/* @end */

/* @group Sidebars */
/* blue column top */
#sidebar h2.headtop1,h2.headtop2{
	padding:17px 5px 7px 14px;
	color:#FFF;
	text-transform:uppercase;
	background:url(../images/twocol-lcol-top.jpg) repeat-y  0 0;
	font-size:95%;
	position:relative;
	left:1px;
	letter-spacing:-.08em;
	margin:0 0 6px 0;
	font-weight: bold;
}
/* right column top*/
h2.headtop2{	
	background:url(../images/twocol-rcol-top.jpg) repeat-y  0 0;
}
#sidebar .testimonials h2.headtop1 {margin-bottom: 18px;}
ul.sectionnav{
	font-size:95%;/* I think jpg shows it as 92% */
	padding:0 0 50px 0;
	background:url(../images/subnav-border.jpg) no-repeat  0 100%;
	margin:0 0 22px 0;
	position:relative;
	left:1px;
	list-style:none;
}
ul.first {
	background-image: none;
	padding-bottom: 0;
}
ul.sectionnav ul{
	list-style:none;
	margin:0;
}
ul.sectionnav li a{
	display:block;
	position:relative;
	padding:7px 20px 9px 20px;
}
ul.sectionnav li{
	background:url(../images/subnav-border.jpg) no-repeat  0 100%;
}
ul.sectionnav li li,ul.sectionnav li.last{background:none;}
ul.sectionnav li li a {
	color:#555;
	padding:3px 20px 6px 32px;
	font-weight:normal;
}
ul.nested {
	padding-bottom: 10px;
}
ul.sectionnav li li a:hover{text-decoration:underline;}
ul.sectionnav li.current{font-weight:bold;}
ul.sectionnav li.current li.current a{
	background:url(../images/arrow1.gif) no-repeat  90% 50%;
	font-weight:bold;
	text-decoration:none;
}

#sidebar dl.call-out{background:none;}
#sidebar dl.call-out dt{margin:.7em 18px .4em 0;padding:0 0 0 20px}
#sidebar dl.call-out dd{margin:0 18px 1.2em 20px;}
#sidebar dl dt{	margin:0 20px .3em 15px;}

/* details right column code starts here */
/* sidebar2 = right column*/
#sidebar2{
	float:right;
	width:208px;
	margin:0 21px 0 0;
	display:inline;
}
ul#whattodo{
	margin:0;
	list-style:none;
	font-size:103%;
	position:relative;
	left:1px;
}
ul#whattodo a:focus{outline:none}
ul#whattodo ul,
ul#whattodo ol{
	margin:0;
	list-style:none;
}
ul#whattodo li{
	background:url(../images/rcol-divider.jpg) no-repeat  0 100%;
	padding:0 0 5px 0;
	min-height:0;
	list-style: none;
}
ul#whattodo li li{background:none;padding:0;}
ul#whattodo a.toggle {
	display:block;
	background:url(../images/sqbull.gif) no-repeat  14px 16px;
	padding:10px 0 3px 24px;
	font-size:92%;
	font-weight:bold;
	letter-spacing:-.06em;
}
ul#whattodo label{
	font-size:85%;
	padding:8px 10px 7px 24px;
	display:block;
	color:#555;
}
ul#whattodo input,
ul#whattodo textarea{
	margin:0 0 9px 24px;
	display:block;
	background:#fff;
	border:1px solid #dcdcdc;
	padding:3px 7px;
	width:140px;
	color:#666;
	font-size:13px;
}
ul#whattodo input{font-weight:bold}
ul#whattodo input.submit{
	border:2px solid #969696;
	border-left:2px solid #fbfbfb;
	border-top:2px solid #fbfbfb;
	width:64px;
	padding:1px 0;
	float:right;
	margin:0 29px 5px 0;
	display:inline;
	font-size:12px;
	background:#f3f3f3;
	color:#191919;
}
#contactbox{
	padding:8px 15px 7px 24px;
	font-size:85%;
	color: #555;
}
div.related {
	padding:0 20px 11px 24px;
	margin:0;
	font-size: 88%;
}
#sidebar div.related {
	padding-left: 20px;
}
div.related p.pdf img {
	float: left;
	margin: 0 10px 0 0;
}
#extra div.related {
	margin-top: 2em;
}
div.related h2 {
	color: #444;
	font-weight:bold;
	margin:.7em 0 .7em 0;
	font-size:100%;
}
#sidebar div.related h2 {
	font-weight: bold;
	margin: 0 0 .5em 0;
	font-size: 122%;
}
div.related a.readmore {
	display:block;
	text-align:right;
	font-weight:bold;
	padding:7px 0 0 0;
	position:relative;
	white-space:nowrap;
}
/* @end */

/* @group Listing page */
h1.common{
	margin:12px 25px 0 20px;
	color:#121816;
	text-transform:uppercase;
	font-size:159%;
}
/*
h1.common span {
	color: #aaa;
	font-size: 65%;
}
*/
.co2 dt{margin-top:.3em!important}
.rangetop{
	background:url(../images/rangebg.jpg) no-repeat  0 0;
	width:728px;
	margin:5px 0 0 11px;
	padding:20px 0 0 0;
}
div.rangemid{
	background:url(../images/range-base.jpg) no-repeat 100% 100%;
	float:left;
	padding-bottom:7px;
	padding-left:2px;
	clear:both;
	margin:24px 0 0 0;
}
ul.rangelist {
	list-style:none;
	margin:0;
	/*background:url(../images/range-mid.gif) repeat-y 100% 0;*/
	float:left;
}
ul.rangelist li{
	width:198px;
	margin: 10px 0 12px 0;
	float:left;
	margin-left:32px;
	display:inline;
	list-style: none;
	background: url(../images/range-base.jpg) bottom left no-repeat;
}
ul.rangelist li.new-row{
	clear: left;
}
ul.rangelist div{
	background:url(../images/range-top.jpg) no-repeat  0 0;
	width:198px;
}
ul.rangelist h2{
	padding:15px 12px 13px 12px;
	color:#12181c;
	font-size:110%;
	font-weight:bold;
	text-transform: uppercase;
	margin: 0;
}
ul.rangelist p{
	padding:0 12px;
}
ul.rangelist div a.readmore{
	display:block;
	text-align:right;
	font-weight:bold;
	padding:12px 0 0 0;
	position:relative;
	white-space:nowrap;
	text-transform:uppercase;
}
ul.rangelist p{
	color:#12181c;
	font-size:85%;
	line-height:1.4em;
	padding:0 12px;
}
ul.rangelist p.range-img{
	width:174px;
	height:103px;
	margin:0 0 10px 12px;
	padding:0;
}
p.range-img a{
	display:block;
	padding:2px;
	border:1px solid #c9c9c9;
	position:relative;
	background:#fff;
}
p.range-img a:hover{border:1px solid #c00;}
.ieclear{clear:both}/* ie needs this*/
p.paginate {
	font-size: 85%;
	color: #777;
	margin-left: 30px;
	margin-top: 15px;
	clear: left;
}
/* @end */

/* @group Product listing page */
/* two-sidecol really means a three column page */
.one-sidecol #sidebar,
.one-sidecol #maincol{padding-bottom:20px;}
.one-sidecol .top span, #products .top span{
	display:block;
	background:url(../images/onecol-top.jpg) no-repeat 21px 0;
	height:18px;
}
span.prod-img{
	width:180px;
	height:114px;
	margin:0 0 0 -205px;
	padding:0;
	float:left;
	position:relative;
}
span.prod-img a{
	display:block;
	padding:3px;
	border:1px solid #b2b2b2;
	position:relative;
	background:#fff;
}
span.prod-img a:hover{border:1px solid #1783CC;}
div.genlist {
	margin:0 15px 0 28px;
	clear:both;
	min-height:0;
	padding: 4px 0 20px;
	border-bottom:1px solid #dfdfdf;
}
#maincol div.genlist h2{
	color:#373C40;
	font-size:110%;
	font-weight:bold;
	text-transform: uppercase;
}
div.genlist h2, div.genlist p {
	padding:15px 15px 0 205px;
}
div.genlist p{
	padding-top: 0;
	font-size:95%;
	color:#12181c;
	line-height:1.4em;
	margin:0;
}
body.detail div.genlist h2, body.detail div.genlist p, body#resources div.genlist h2, body#resources div.genlist p /*detail pages*/ {
	padding-left: 0;
}
body.detail div.genlist p {
	padding-top: 0;
}
div.genlist a.readmore2{
	font-weight:bold;
	white-space:nowrap;
}
div.genlist h2 span /*date*/ {
	color: #aaa;
	font-size: 75%;
	text-transform: none;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: #12181C;
}
h2 a:visited {
	color: #555;
}

ul.product-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.product-list li{
	padding: 0;
	width:198px;
	margin: 10px 0 12px 0;
	float:left;
	margin-left:32px;
	display:inline;
}
ul.product-list li.new-row {
	clear: left;
}
ul.product-list li.paging {
	clear: left;
	padding: 0;
	font-size: 85%;
	width: 100%;
}
ul.product-list li h2 {
	padding: 0 12px;
	margin-bottom: .4em;
}
ul.product-list li h2 + p {
	color: #666;
}
ul.product-list p{
	color:#12181c;
	font-size:85%;
	line-height:1.4em;
	padding:0 12px;
}
ul.product-list img{
	padding: 0 12px;
	margin-bottom: 8px;
}
ul.product-list p.pdf-download {
	font-weight: bold;
}
p.category_description {
	margin: 1em 20px;
	font-size: 12px;
	line-height: 1.6em;
}
/* @end */

/* @group About / FAQ */
dl.faq {
	margin: 2em 0 1em 20px;
}
dl.faq dt {
	font-weight: bold;
	margin-bottom: 1.5em;
}
dl.faq dd {
	margin: -1em 0 1.5em 0;
}
body.simple #maincol dl.faq dd p {
	margin-left: 0;
}
/* @end */

/* @group Map / how to find */
div#map {
	background:#E5E3DF none repeat scroll 0% 50%;
	border:1px solid #000000;
	height:300px;
	margin:0pt 0pt 2em 20px;
	width:550px;
}
form#directions {
	margin: 1.5em 0 2em 20px;
	background-color: #FEF8BE;
	padding: 5px 10px;
	width: 530px;
}
form#directions label {
	color: #444;
	font-size: 90%;
}
form#directions input.text {
	border-color:#7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
	border-style:solid;
	border-width:1px;
	padding:2px;
	width: 7em;
	font-size: 95%;
}
/* @end */

/* @group About / Staff */
ul#staff-list, ul#testimonials-list {
	float: left;
	width: 100%;
}
body.simple #maincol ul#staff-list li,
body.simple #maincol ul#testimonials-list li {
	border-bottom:1px solid #ddd;
	clear:left;
	float:left;
	list-style:none;
	/*margin-bottom:1.5em;*/
	margin-left:0;
	overflow:hidden;
	padding-left:0;
	padding-top: 25px;
	width:100%;
	background-image: none;
}
#staff-list li img {
	float: left;
	margin: 0 0 1em; padding: 0;
}
#staff-list li h2 {
	text-transform: uppercase;
	margin-bottom: 0;
}
#staff-list li h2 span {
	color:#A1A4A3;
	font-size: 90%;
	text-transform: none;
}
#staff-list li h2, body.simple #maincol #staff-list li p {
	margin-left: 115px;
}
body.simple #maincol #staff-list li p  {
	width: 485px;
}
body.simple #maincol p.email {
	margin-bottom: .5em;
	font-size: 90%;
	font-weight: bold;
}
body.simple #maincol p.email a {
	font-size: 110%;
	font-weight: normal;
}
/* @end */
/* @group Why/Testimonials */
body.simple #maincol ul#testimonials-list p {
	margin-left: 0;
}
cite {
	color:#444;
	display:block;
	margin-top:1em;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 85%;
}
/* @end */

/* @group Resources / Technical Manuals */
ul#tech-manuals {
	margin: 1em 15px 1em 28px;
	clear:both;
	min-height:0;
	list-style: none;
}
ul#tech-manuals li {
	padding:0 0 1em 25px;
	border-bottom:1px solid #dfdfdf;
	margin-bottom: 2em;
	background: url(../images/pdf.png) 0 0 no-repeat;
}
ul#tech-manuals h2 {
	margin-bottom: .3em;
}
ul#tech-manuals h2 span {
	color: #aaa;
	font-size: 75%;
	text-transform: none;
}
body.simple #maincol ul#tech-manuals p {
	margin-left: 0;
	font-size: 95%;
}
/* @end */

/* @group Register Form */

#register{
		margin:1em 0;
		margin-left: 20px;
		padding-top:20px;
		margin-top: 0;
		background:url(../images/form_top.gif) no-repeat 0 0;
		float: left;
		width: 600px;
		}
		
#register fieldset{
	margin:0;
	padding:0;
	border: none;	
	float:left;
	display:inline;
	width:260px;
	margin-left:25px;
	}
			
#register legend{display:none;}	

body.simple #maincol #register ul {
	margin: 0;
	padding: 0;
}
body.simple #maincol #register ul li {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
	background: none;
}

#register label{
	display:block;
	float:left;
	width: 170px;
	text-align: right;
	margin-right: 20px;
	}
		
#register input, #register textarea{		
	width:255px;
	border:1px solid #bbb;
	background:#fff url(../images/form_input.gif) repeat-x;
	padding:3px;
	}
#register input#captcha {
	margin-top: 10px;
}
#register textarea{
	height:125px;
	overflow:auto;
	}
						
body.simple #maincol #register p.submit{
	clear:both;
	background:url(../images/form_bottom.gif) no-repeat 0 100%;
	padding:0 0 20px 0;
	margin:0;
	text-align:right;
	float: left;
	clear:left;
	width: 600px;
	}
		
#register input.submit{
	width:150px;
	height:37px;
	line-height:30px;		
	border:none;
	background:url(../images/form_button.gif) no-repeat 0 0;
	color:#fff;
	cursor:pointer;
	text-align:center;
	font-weight: bold;
	font-size: 1.1em;
	margin-right: 235px;
	}
	
#register input.text:hover, #register textarea:hover {
	 border:1px solid #aaa;
}

#register input.text:focus, #register textarea:focus {
	 border:1px solid #aaa;
	 background: #eaeaea;
}				

#register em img, p.required img {
	display: inline;
}
/* @end */

#google_translate_element {
	margin: 10px 10px 20px;
	background:url(../images/divider2.jpg) no-repeat 0 100%;
	padding:0 0 11px 0;
}
select.goog-te-combo {
	font-size: 12px;
}

/* @group Document Repository */

#documents .login-form form {
		background:url(../images/form_top.gif) no-repeat 0 0;
		width: 600px;
		overflow: hidden;
		margin: 20px;
}
#documents .login-form form h2 {
	margin: 20px 20px 0 20px;
}
#documents .login-form form p {
	margin: 20px 20px 20px 20px;
}
#documents .login-form form label {
	display:block;
	float:left;
	width: 80px;
	margin-right: 20px;
	}
#documents .login-form form input.text {		
	width:255px;
	border:1px solid #bbb;
	background:#fff url(../images/form_input.gif) repeat-x;
	padding:3px;
	}
#documents .login-form form input.text:hover {
	 border:1px solid #aaa;
}
#documents .login-form form input.text:focus {
	 border:1px solid #aaa;
	 background: #eaeaea;
}
#documents .login-form form input.submit{
	width:150px;
	height:37px;
	line-height:30px;		
	border:none;
	background:url(../images/form_button.gif) no-repeat 0 0;
	color:#fff;
	cursor:pointer;
	text-align:center;
	font-weight: bold;
	font-size: 1.1em;
	margin-right: 215px;
	}
#documents .login-form form p.submit{
	clear:both;
	background:url(../images/form_bottom.gif) no-repeat 0 100%;
	padding:0 0 20px 0;
	margin:0;
	text-align:right;
	float: left;
	clear:left;
	width: 600px;
	}
#documents #maincol {
	position: relative;
}
p.login-info {
	position: absolute;
	top: 0;
	right: 20px;
	font-size:85%;
}
div.documents-search {
	position: absolute;
	top: 35px;
	right: 20px;
	background: #eee;
	padding: 5px;
}
div.documents-search input {		
	width:150px;
	border:1px solid #bbb;
	background:#fff url(../images/form_input.gif) repeat-x;
	padding:3px;
	}
div.documents-search input:hover {
	 border:1px solid #aaa;
}
div.documents-search input:focus{
	 border:1px solid #000;
}
div.documents-search input.submit {
	width: 30px;
	background: #177ec3;
	color: #fff;
	border: none;
}
div.documents-search p {
	display: inline;
}
#documents #maincol ul.documents-list {
	margin: 20px;
	padding: 0;
}
#documents #maincol ul.documents-list li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	background: url(../images/bullet.gif) center left no-repeat;
	padding-left: 12px;
}
#documents #maincol ul.documents-list li.paging {
	padding: 0;
	background: none;
	margin-top: 20px;
}
#documents ul.breadcrumb {
	width: 705px;
}
#documents h2 {
	margin: 20px;
}
#documents ul.sectionnav{
	font-size:95%;/* I think jpg shows it as 92% */
	padding:0;
	margin:0;
	position:relative;
	left:1px;
	list-style:none;
}
ul.nav_categories{
	font-size:95%;/* I think jpg shows it as 92% */
	padding:0 0 50px 0;
	background:url(../images/subnav-border.jpg) no-repeat  0 100%;
	margin:0 0 22px 0;
	position:relative;
	left:1px;
	list-style:none;
}
ul.first {
	background-image: none;
	padding-bottom: 0;
}
ul.nav_categories ul{
	list-style:none;
	margin:0;
}
ul.nav_categories li a{
	display:block;
	position:relative;
	padding:7px 20px 9px 20px;
}
ul.nav_categories li {
	background:url(../images/subnav-border.jpg) no-repeat  0 100%;
	height: 1%;
}
ul.nav_categories li li,ul.nav_categories li.last{background:none;}
ul.nav_categories li li a {
	color:#555;
	padding:3px 20px 6px 32px;
	font-weight:normal;
}
ul.nested {
	padding-bottom: 10px;
}
ul.nav_categories li li a:hover{text-decoration:underline;}
ul.nav_categories li.current, ul.nav_categories li a.current{font-weight:bold;}
ul.nav_categories li.current li.current a{
	background:url(../images/arrow1.gif) no-repeat  90% 50%;
	font-weight:bold;
	text-decoration:none;
}
#documents .nav_categories ul {
	padding-bottom: 5px;
}
#documents .nav_categories ul li {
	padding-left: 15px;
}
#documents .nav_categories ul li a {
	color:#177ec3;
}
/* @end */