/* CSS Document for Henchman Podium Steps */

body { margin:0px; padding: 0px;  }

h1 { font-family: verdana, arial, sans serif; color: #010000; font-size: 16px; margin: 8px 0px 10px 0px; font-weight: bold; }
h2 { font-family: verdana, arial, sans serif; color: #292929; font-size: 13px; margin: 6px 0px 8px 0px; font-weight: bold; }
h3 { font-family: verdana, arial, sans serif; color: #040404; font-size: 10px; margin: 6px 0px 8px 0px; font-weight: bold; }
p { font-family: verdana, arial, sans-serif; color: #292929; font-size: 11px; margin: 0px; padding: 0px; text-align: justified; }
a { text-decoration:none; color: black  }
a:hover { text-decoration: underline !important;}
a img { border: none; }
ol { font-family: verdana, arial, sans-serif; color: #292929; font-size: 11px; }
form { margin: 0px; padding: 0px; }

div.clear { clear: both; }


.red { color: red; font-size: 0.7em; font-family: verdana, arial, sans serif; }
table.messages { font-family: verdana, arial, sans serif; font-size: 0.8em; margin: 0px 0px 10px 0px !important; padding: 0px; border-collapse: collapse; color: green; font-weight: bold;}
table.messages td { padding: 0px; margin: 0px;}
.error { color: red; }
.required { color: #eb9414 }
.warn { color: #eb9414 !important; }

.pgtop { vertical-align:top;}
.pgtop2 { vertical-align:top; width: 50%;}

.whole { width: 970px; margin: 0px auto 0px auto; }

.header { float: left; width: 100%; height: 100px; background-color: #bbb9bd;  }
img.logo { float: left; }
.contact { margin: 5px 0px 0px 5px; width: 700px; float: right;  }
.contact p {  margin: 0px 5px; font-size: 10pt;}
.phone, .email { float: right; }

p.title { clear: right; width: 700px; text-align: right; float: right; font-size: 16pt; margin: 17px 5px; }

.headerlinks {clear: right; }
.headerlinks p { margin: 0px 5px; font-size: 10pt;}
.cart, .legis { float: right }

.navigation { float: left; width: 960px; height: 20px; margin: 0px; background-color: #5d2584; padding: 5px 2px 5px 8px; border-bottom: 2px solid white; border-top: 2px solid white}

.navigation ul { margin: 0; padding: 0; list-style: none; padding-bottom: 1px; z-index:2000;}
.navigation ul li { position: relative; float: left; margin: 0px 3px 0px 2px; font-size: 12pt; font-weight: normal; font-family: verdana, arial, sans-serif}
.navigation ul li a { display: block; text-decoration: none; color: #ffffff; padding: 1px 9px 7px 10px; }
.navigation ul li .dropdown { position: absolute; left: 15px; top: 24px; width: 120px; border: 1px solid black; display:none; padding-bottom: 3px;  padding-right: 3px; background-color : #4c4c4c; } /* Second level frame */
.navigation ul li .dropdown ul { padding: 0px; margin: 0px; }
.navigation ul li .dropdown ul li { float: none; font-size: 0.8em; border-bottom: 1px solid #cccccc; margin: 0px; padding: 0px;  } /* Second level item */
.navigation ul li .dropdown ul li a { color: #ffffff; margin: 0px; padding: 3px 2px; border: 0px; width: 100%; } /* Second level link */
.navigation ul li .dropdown ul li a:hover {color: #857561 }

.navigation ul li:hover .dropdown { display: block; } /* The magic */
.navigation ul li.over .dropdown { display: block;  }

.content { background: url('../images/bodybackground.gif') repeat-y; }

.left { float: left; width: 298px; border-right: 2px solid white; background: none }
.basket { }
.basket p { margin: 3px; }
.basketshim { float: left; height: 180px; }
.baskethead { background-image: url('../images/baskethead.gif'); width: 255px; height: 40px; margin: 10px auto 0px auto;}
.basketbody { width: 233px; margin: 0px auto; border-left: 1px solid white; border-right: 1px solid white; }
.baskettotal { width: 233px; height: 20px; margin: 0px auto; border: 1px solid white; text-align: center;}
.basketfoot { width: 233px; height: 20px; margin: 0px auto 10px auto; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; }

.carttablefull { width: 635px; color: black !important; border: 1px solid #000; background:white; clear: both; margin: 10px auto; padding-top: 0px; border-collapse: collapse; font-size: 0.7em;}
.carthead { text-align: left; }
.cartbody { width: 248px; } 
.cartheadfull { text-align: left;color: #black; font-size: 1.2em; padding: 2px}
.cartcolfull1 { text-align: left; }
.cartcolfull2 { text-align: center; width: 100px; }
.cartcolfull3 { text-align: left; width: 100px; }
.cartcolfull4 { text-align: center; width: 100px;}
.carttablefull img.art { border: 1px solid #e9e5e4; max-height:50px }
.cartodd { margin:0px; padding: 0px; }
.cartcol1 { width: 150px; overflow: hidden }
.cartcol2 { width: 50px; }
.cartcol3 { width: 50px; }
.cartsummary { float: right; margin-right: 50px;}

.featureimage { border: 0px; margin: 0px; height: 539px; }
.featurebanner { background: #5d2584; height: 25px; }
.featurebanner p { font-size: 12pt; color: white; text-align:center; margin: 0px; padding: 3px 3px 3px 3px;}
.mainflasharea { float: left; margin: 0px; padding: 0px; }

.main { float: left; width: 670px; }
.main a { color: blue !important; text-decoration: underline; }
.righttop { padding: 3px; width: 664px; height: 174px; border-bottom: 2px solid white; }
.righttop p { margin: 6px 0px; }
.rightmain { padding: 3px; background-image: url('../images/contentbackground.gif'); background-repeat: no-repeat;  }
.rightmain p { margin: 6px 0px; }

.panel_short { width: 315px; margin: 0px; margin: 0px 5px 10px 5px; padding: 0px; vertical-align:top; }
.panel_short table { margin: 0px; padding: 0px; }

.prodacctable { background:none !important; border: none !important;}
.prodacctable td { border: none !important; }

/* For accessories page */
.block_1 { width:650px; height: 16px; padding: 4px; background-color: #5d2584; }

.accessory { float: left; width: 180px; margin: 20px; text-align: center;}
.accessory p { text-align: center; }
.middle { margin:0px auto; }

.floatleft { float: left; font-family: verdana, arial, sans serif; font-size: 12px; display:block;}
.floatright { float: right; font-family: verdana, arial, sans serif; font-size: 12px; text-align:right; display:block;}

.psbutton { border: 2px solid #5d2584; background: #b8b4bb; color: #5d2584; width: 100px; cursor: pointer;  }
.psbutton:hover { color: white; }

.dt350 { width: 350px; }
.dt450 { width: 450px; }
.dt550 { width: 550px; }
.dt650 { width: 650px; }
.dt250 { width: 250px; }
.dt160 { width: 160px; text-align: center; }
.dt150 { width: 150px; }
.dtcenter { text-align: center; }

.middletable { margin:0px auto; width: 100%; font-family: verdana, arial, sans serif; font-size: 12px;}


ul.sitemap { font-size: 0.9em; margin-left: 40px; padding-left: 10px; }
ul.sitemap li { color: #4e3721; font: normal 11px arial; font-size: 0.9em; }
ul.sitemap li ul { font-size: 0.9em; }
.fiftypercent { width: 40%; vertical-align:top;}


/* for forms & tables */
.object { padding: 0px 5px; font-size: 0.8em; font-family: verdana, arial, sans serif;  }
.value { font-size: 0.7em; font-family: verdana, arial, sans serif; }

.footer { float: left; width: 970px; height: 20px; padding: 2px 0px; background-color: white; padding: 1px 0px;}
.footer .copyright { float: left; }
.footer .links { float: left; margin-left:220px; }
.footer .credits { float: right;   }
.credits a { color: grey; }