* { margin:0; padding: 0; } 
p { margin: 0 0 15px 0; }
.align_left { text-align: left; }
body { background: #333333 url(../images/body_bg.gif) top left repeat-x; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; background-color: #333; }
#wrapper { background: #999; margin:0 auto;width: 1000px;padding:0;}
#header {padding:0px;background:  #666666 url(../images/header_bg2.jpg) top no-repeat;text-align:center;height: 117px;}

#nav {background: #990000;text-align:right;padding: 5px 15px 5px 8px;}
ul.navi {display: inline;margin: 7px 0 0 0;float:left;}
ul.navi li {display: inline;margin: 0 5px;padding: 0 15px 0 0;border-right-color:#fff;border-right-style:solid;border-right-width:2px;}
ul.navi a {color: #fff;font-size:.9em;font-weight:bold;font-style: normal;}
ul.navi a:hover {text-decoration:underline;}

.bodycontent {padding: 5px 20px;text-align: left;font-size:.9em;margin:0 0 0 5px;}

.singlecol {max-width:650px;}
.col3 { width: 300px; float: left; padding: 0 15px 30px 0; }
.col3:last-child { padding: 0 0 30px 0; }
.col3 h3 { margin: 0; padding: 0; }
.col3 .image { margin-left: 0; }
.image a{ display: block; }
.col3 .image img{ width: 250px; }

.pagecopy {padding: 10px;text-align: left;float:left;width: 325px;}
.subcol {float:right; text-align:center; padding: 5px; width: 350px; position: relative;}
.thumb {float:left; margin:5px 10px 5px 5px; border:none;}

p.image { position: relative; width: 250px; margin: 5px auto;}
p.image span { color: white; font: 10px Helvetica, Sans-Serif; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 5px; position: absolute; bottom: 0; left: 0; display: block;}

#prodpage { width: 100%;}
#prodindex { width: 830px; margin: 0 auto; float:left; padding: 10px; text-align:left; b}

.subnavi {float: left;list-style-type:none;background: none;text-align: left;width: 150px;overflow: hidden;padding: 0;font-size:.9em;margin:0px;}
.subnavi li {border-color:#999999;border-style:solid;border-width:0 0 1px 0;margin:0;padding:0;}
ul.subnavi a {color:#FFFFFF;display:block;font-style:italic;font-weight:bold;padding:8px;text-decoration:none;}
ul.subnavi a:hover {text-decoration: none; background:#666666 url(../images/nav_over.gif) repeat-x left bottom;}

.callout {margin:10px auto;padding:0;width:340px;text-align:left;}
.callout h2{background: #990000;color:#ffffff;padding:10px;font-size:1.1em;}
.callout_content {border-width: 0 5px 5px 5px;border-color:#666666;border-style:solid;margin:0;padding:5px;max-width:350px;}
.callout_content h3{margin:0; clear:both}
.callout_content p {margin:3px 0 0 0;}
.callout_content a{color:#ffffff;text-decoration:none;font-weight: bold;}
.callout_content a:hover{text-decoration:underline;}
.callout_content ul li { border:0}

ul a {text-decoration: none;color: #fff; font-weight:bold;}
a:hover {text-decoration: underline; }

#productwrap {background:url(../images/productpage_bg.gif) top left repeat-y; float: left;}

.prodnavi {float: left;list-style-type:none;background: none;text-align: left;width: 150px;overflow: hidden;padding: 0;margin:0px; font-size:.9em;}
.prodnavi li {border-color:#999999;border-style:solid;border-width:0 0 1px 0;margin:0;padding:0; color:#ffffff;}
.prodnavi a {color:#FFFFFF; display:block; font-weight:bold; padding:8px; text-decoration:none; outline:none;}
.prodnavi a:hover {text-decoration: none; background:#666666 url(../images/nav_over.gif) repeat-x left bottom; text-decoration:none; }
.prodnavi ul {padding:0; margin:0; list-style-type:none;}
.prodnavi ul li {border:0px; margin: 5px auto; }
.prodnavi ul li a {color:#FFFFFF; display:block; font-weight: normal; padding:0 0 0 15px; text-decoration:none; outline:none; background:none;}
.prodnavi ul li a:hover {text-decoration: none; text-decoration: underline; background: none;}

#series3, #customseries, #series30, #superseries, #specialseries, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10, #q11, #q12, #q13, #q14 { display: none; }

.productlist { height:119px; margin:10px 0; padding:0; background-color:#666; }
.productlist ul {list-style-type:none; margin:15px 0 0 15px; padding:0;}
.productlist ul li { font-size:1.2em;list-style-type:none;margin:5px;border:0 none;display:block;}

.productpoints { font-size:1.1em; font-weight:bold; clear: left; margin-top:5px;}

#prodpage .productimage  { margin: 10px;}
.productimage { float: left; margin: 10px; border: #666666 5px solid; }

#caf3 {background: #666666  url(../images/3series.jpg) top right no-repeat;}
#custom {background: #666666 url(../images/customseries.jpg) top right no-repeat;}
#caf30 {background: #666666 url(../images/30series.jpg) top right no-repeat;}
#super {background: #666666 url(../images/superseries.jpg) top right no-repeat;}
#specialized {background: #666666 url(../images/specialized.jpg) top right no-repeat;}
#slipin {background: #666666  url(../images/slipinbanner.jpg) top right no-repeat;}
#gal70 {background: #666666  url(../images/tri-max-laddertruck.jpg) top right no-repeat;}
#caf3, #custom, #caf30, #super, #specialized, #slipin, #gal70 {background-position: 160px}
.imgfloat { float: right; margin: 10px;}

.currentpage { text-decoration:underline;}

#logo img{border: 0;float:left;margin: 30px 0 0 0;}

h1, h2, h3 { margin: 0; color:#990000; padding: 5px 0; }
h1, h2 { margin-top: 5px; }
h1 {font-size:1.7em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em; margin-top:15px;}

h2.swri { display:block; width: 580px; position: relative; margin: 50px 0 0 0; }
h2.swri img { width: 100px; float: right; margin:0 0 0 10px;}

ul, ol { margin: 0 0 0 15px; }
ul li { margin: 0 0 0 15px; }
ul li ul li { margin: 0 0 0 15px; }

ol.faq li { margin: 5px 0px; }
ol.faq li a { color:#000000; text-decoration: none; font-weight:bold; }
ol.faq li a:hover {text-decoration: underline; }
ol.faq li span { margin: 7px 0px; color:#333333 }

#footer {background: #1C1C1C;color:#FFFFFF; height: 60px;text-align:left;}
ul#footernavi {display: inline;position: absolute;margin:20px 0 0 25px;}
ul#footernavi li {display: inline;margin: 0 5px;padding: 0 15px 0 0;border-right-color:#fff;border-right-style:solid;border-right-width:1px;}
ul#footernavi a {color: #fff;font-size:.8em;font-weight:bold;font-style: normal;}
ul#footernavi a:hover {text-decoration:underline;}
#footright { float: right; font-size: .7em; margin:5px 15px 0 0;  }

a img { border: 0px; }

.contact {float:left; display:inline; margin: 20px;}

.videothumb { width: 150px; height: 113px; float: left; position:relative;}
#videowrapper {background: #000; margin:auto; text-align:center;}
.play_overlay { position:relative; top:-80px; left:50px;}

#recaptcha_widget_div, recaptcha_area { display: block; position:relative; }
#contactwrapper {background: #999; margin:0 auto; width: 570px; padding:15px; text-align:left;}
.msg-gray {border:solid 1px #DEDEDE; background:#EFEFEF; color:#222222; padding:4px; text-align:center; width: 99%;}
.msg-yellow {border:solid 1px #DEDEDE; background:#FFFFCC; color:#222222; padding:4px; text-align:center; width: 99%;}
.msg-ok {border:solid 1px #349534; background:#C9FFCA; color:#008000; font-weight:bold; padding:4px; text-align:center;	width: 99%;}
.msg-error {border:solid 1px #CC0000; background:#F7CBCA; color:#CC0000; font-weight:bold; padding:4px; text-align:center; width: 99%;}

.faq { margin: 20px; }

#files {border: 0 solid #fff; float: left; margin:0 10px 0 0; }
#files a, a {color:#990000; }
table#files td {padding: 5px 10px;border: 1px solid #666; }
#files tr td p, .smalltext {font-size:.6em;margin: 1px;padding:1px; }

.footnote {color:#990000; font-size: .7em; }

.clear {clear:both;}