/* CSS Document for Henchman.co.uk */

body { margin:0px; padding: 0px; background-color: #c0c0c0; }

h1 { font-family: verdana, arial, sans serif; color: #010000; font-size: 20px; margin: 6px 0px 6px 0px; font-weight: normal; }
h2 { font-family: verdana, arial, sans serif; color: #292929; font-size: 12px; margin: 6px 0px 6px 0px; font-weight: bold; }
h3 { font-family: verdana, arial, sans serif; color: #040404; font-size: 10px; margin: 6px 0px 6px 0px; font-weight: bold; }
p { font-family: verdana, arial, sans-serif; color: #292929; font-size: 11px; margin: 0px; padding: 0px; text-align: justified; }
.rest p a { text-decoration:none; color: #663399; font-weight: bold; }
a { text-decoration:none;  }
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; }
li { font-family: verdana, arial, sans-serif; color: #292929; font-size: 11px; margin: 0px; padding: 0px; text-align: justified; }

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%;}

div.whole { width: 900px; margin: 0px auto 0px auto; }
div.container { float: left; width: 900px; margin: 0px auto 0px auto;}

div.top { float: left; width: 100%; height: 20px;  }
div.top p { float: right; font-size: 12px; font-family: arial, verdana, sans-serif; color: #333333; padding-top: 2px; }
div.top p a { color: #335116; }

div.header { float: left; width: 100%; height: 200px; background-color: #e9f3da; }

div.header div.leftmenu { float: left; width: 200px; height: 200px; background-color: #335116; margin: 0px; padding: 0px;}
div.header div.leftmenu div.logo { margin: 2px 0px 0px 3px; width: 197px; height: 78px; }
div.header div.leftmenu div.green { width: 100%; height: 30px; background-color: #8cc63f;  }
div.header div.leftmenu div.green p { margin: 0px; padding: 7px 0px 0px 10px; font-family: arial, verdana, sans-serif; font-size: 14px; font-weight: bold; }
div.header div.leftmenu div.green p a { color: #ffffff; text-decoration: none; } 
div.header div.leftmenu div.brown { width: 100%; height: 30px; background-color: #b15c11; }
div.header div.leftmenu div.brown p { margin: 0px; padding: 7px 0px 0px 10px; font-family: arial, verdana, sans-serif; font-size: 14px; font-weight: bold; }
div.header div.leftmenu div.brown p a { color: #ffffff; text-decoration: none; } 
div.header div.leftmenu div.blue { width: 100%; height: 30px; background-color: #006a71; }
div.header div.leftmenu div.blue p { margin: 0px; padding: 7px 0px 0px 10px; font-family: arial, verdana, sans-serif; font-size: 14px; font-weight: bold; }
div.header div.leftmenu div.blue p a { color: #ffffff; text-decoration: none; } 
div.header div.leftmenu div.purple { width: 100%; height: 30px; background-color: #78496a; }
div.header div.leftmenu div.purple p { margin: 0px; padding: 7px 0px 0px 10px; font-family: arial, verdana, sans-serif; font-size: 14px; font-weight: bold; }
div.header div.leftmenu div.purple p a { color: #ffffff; text-decoration: none; } 

div.header div.rightimage { float: left; width: 700px; margin: 0px; padding: 0px; }
div.header div.rightimage div.topimageshort { float: left; margin: 0px; padding: 0px; width:398px; border-right: 2px solid #000000; }
div.header div.rightimage div.topflasharea { float: left; margin: 0px; padding: 0px; }
div.header div.rightimage div.topimagelong { float: left; margin:0px; padding: 0px; width: 700px; height: 200px; }

div.greenspace { float: left; width: 100%; height: 2px; background-color: #e9f3da; margin:0px; padding: 0px; line-height: 1px; font-size: 1px;}

div.menu { float: left; width: 100%; height: 25px; background-color: #000000; position: relative;}

.menu ul li.highlight a { color: #79ca32; font-size:14px; }
.menu ul { margin: 0; padding: 0; list-style: none; padding-bottom: 1px; z-index:2000;}
.menu ul li { position: relative; float: left; margin: 0px 3px 0px 2px; font-size: 14px; font-weight: normal; font-family: verdana, arial, sans-serif}
.menu ul li a { display: block; text-decoration: none; color: #ffffff; padding: 4px 15px 7px 15px; }
.menu ul li:hover a { color: #79ca32 }
.menu li .dropdown {  z-index:2000; 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 */
.menu li .dropdown ul { padding: 0px; margin: 0px; }
.menu ul li .dropdown ul li { float: none; font-size: 0.8em; border-bottom: 1px solid #cccccc; margin: 0px; padding: 0px;  } /* Second level item */
.menu ul li .dropdown ul li a { color: #ffffff; margin: 0px; padding: 3px 2px; border: 0px; width: 100%; } /* Second level link */
.menu ul li .dropdown ul li a:hover {color: #857561 }

.menu ul li.over .dropdown { display: block;  }

/*.widemenu { width: 150px !important; }*/

.menu ul li div.dropdown ul li div.dropdown { position: absolute; left: 120px; top: -150px; width: 200px; border: 1px solid black; display:none; padding-bottom: 1px; padding-right: 3px; background-color : none; } /* 3rd level frame */
.menu ul li div.dropdown ul li a { font-size: 11px !important }

.menu ul li div.dropdown ul li:hover div.dropdown { display: block; } /* The magic for 3rd level */
.menu ul li div.dropdown ul li.over div.dropdown { display: block; }

.menu ul li div.dropdown ul li div.dropdown ul li div.dropdown { position: absolute; left: 120px; top: 0px; border: 1px solid black; display:none; padding-bottom: 1px; padding-right: 3px; background-color : #4c4c4c; } /* 4th level frame */
.menu ul li div.dropdown ul li div.dropdown ul li a { font-size: 11px !important }
.menu ul li div.dropdown ul li div.dropdown ul li:hover div.dropdown { display: block; } /* The magic for 4th level */
.menu ul li div.dropdown ul li div.dropdown ul li.over div.dropdown { display: block; }
/*
div.menu ul { float: left; list-style: none; margin: 4px 0px 0px 40px; padding: 0px; }
div.menu li { float: left; margin: 0px 30px 0px 0px; padding: 0px; position:relative; }
div.menu li { }



div.menu li { position: absolute; top: 20px; left: -10px; background-color: #4c4c4c; display:none; }
div.menu li div.dropdown ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; }
div.menu li div.dropdown li { border-bottom: 1px solid #cccccc; padding: 5px 10px 5px 10px; margin: 0px; width: 100%; }
div.menu li div.dropdown li a { color: #ffffff; } 
*/

.button { margin: 5px; font-size: 10pt; border: 1px solid #ffffff; background: #335016; color: #ffffff; cursor: pointer }
.button:hover { color: yellow; }
.button_0 { margin: 5px; font-size: 10pt; border: 1px solid #ffffff; background: #8cc63c; color: #000; cursor: pointer }
.button_0:hover { color: white; }
.button_1 { margin: 5px; font-size: 10pt; border: 1px solid #ffffff; background: #8cc63c; color: #000; cursor: pointer }
.button_1:hover { color: white; }
.button_2 { margin: 5px; font-size: 10pt; border: 1px solid #ffffff; background: #b25c11; color: #000; cursor: pointer }
.button_2:hover { color: white; }
.button_3 { margin: 5px; font-size: 10pt; border: 1px solid #ffffff; background: #016a70; color: #000; cursor: pointer }
.button_3:hover { color: white; }
.button_4 { margin: 5px; font-size: 10pt; border: 1px solid #ffffff; background: #78496b; color: #000; cursor: pointer }
.button_4:hover { color: white; }
.midtable { margin: 0px auto; }

.productimagesflash { margin: 0px 0px 0px 7px; width: 660px; }

.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;}

/* Style for Left side items */
div.featureheader { float: left; margin: 10px 0px 0px 0px; width: 180px; background-color: #335116; height: 20px; position: relative; }
div.featureheader img { position: absolute; top: -5px; left: 165px;}
div.featureheader p { font-size: 12px; color: #ffffff; margin: 3px 0px 0px 10px; }

div.featurespotlight { float: left; width: 170px; background-color: #b6cca2; margin: 0px 0px 0px 0px; padding: 10px;}
div.featurespotlight p a { color: white; padding:0px; margin:0px;}
#thebasket { width: 160px; }
div.feature { float: left; width: 170px; margin: 0px 0px 0px 0px; padding: 10px;}
div.feature p { margin-top: 5px; }
div.feature p a { color: #444343; }

/* for home page only! */
div.main2 { float: left; width: 100%; overflow:hidden; background: #ffffff url('../henchman/images/background_main.gif') repeat-y; }
div.main2 div.left { float: left; width: 200px; }
div.main2 div.middle { float: left; width: 485px; padding: 5px; margin-left: 5px;}
div.main2 div.middle p a { text-decoration:none; color: #3333ff; font-weight: normal; }
div.main2 div.right { float: left; width: 200px;}

/* for non-home pages (with no right panel) */
div.main { float: left; width: 100%; overflow:hidden; background: #ffffff url('../henchman/images/background_main2.gif') repeat-y; }
div.main div.left { float: left; width: 200px; display:inline;}
div.main div.rest {float: left; width: 685px; padding: 5px; margin-left: 5px; display:inline;}

/* Style for Right side items */
div.featurerightheader { float: right; margin: 10px 0px 0px 0px; width: 180px; background-color: #335116; height: 20px; position: relative; }
div.featurerightheader img { position: absolute; top: -5px; right: 165px; z-index: 1}
div.featurerightheader p { font-size: 12px; color: #ffffff; margin: 2px 0px 0px 20px; }

div.featurespotlightright { float: right; width: 170px; background-color: #b6cca2; margin: 0px 0px 0px 0px; padding: 10px;}
div.featurespotlightright p a { color: white; padding:0px; margin:0px;}

div.featureright { float: right; width: 170px; margin: 0px 0px 0px 0px; padding: 10px;}
div.featureright p { margin-top: 5px; }
div.featureright p a { color: #444343; }

div.featurerightbanner { float: right; margin: 0px 0px 0px 0px; width: 180px; background-color: #335116; height: 20px; }
div.featurerightbanner p { margin: 0px; }
div.featurerightbanner whitetext { float: left; font-size: 11px; color: #ffffff; margin: 3px 0px 0px 20px; font-family: arial, verdana, sans-serif; }

.featureedit { float: right; width: 89px; height: 20px; background-color: #335116; margin: 1px 0px 0px 0px; color: #ffffff; border: 0px; font-size: 0.6em; cursor: pointer}
.featureedit:hover { color: yellow; text-decoration: none; }
div.shopbuttons a p { text-align: center; font-family: arial, verdana, sans-serif; }
div.shopbuttons a { color: #ffffff; text-align: center; }
div.shopbuttons a:hover { text-decoration: none; }
.featurecheckout { float: right; width: 90px; height: 20px; background-color: #8cc63f; margin: 1px 0px 0px 1px; color: #ffffff; border: 0px; font-size: 0.6em; cursor: pointer }
.featurecheckout:hover { color: yellow; text-decoration: none; }
.whitetext { font-size: 11px; text-align: center; color: #ffffff; font-family: arial, verdana, sans-serif;  padding: 3px 0px 0px 5px; text-decoration: none; }
a .whitetext { text-align: center; color: #ffffff; font-family: arial, verdana, sans-serif;  padding: 3px 0px 0px 5px; text-decoration: underline; }

div.featurebanner { float: left; margin: 0px 0px 0px 0px; width: 180px; background-color: #335116; height: 20px; }
div.featurebanner p { margin: 0px; }
div.featurebanner whitetext { float: left; font-size: 11px; color: #ffffff; margin: 3px 0px 0px 20px; font-family: arial, verdana, sans-serif; }

.featureedit2 { width: 89px; height: 20px; background-color: #335116; margin: 1px 0px 0px 0px; color: #ffffff; border: 0px; font-size: 0.6em; cursor: pointer}
.featureedit2:hover { color: yellow; text-decoration: none; }
div.shopbuttons a p { text-align: center; font-family: arial, verdana, sans-serif; }
.featurecheckout2 { width: 90px; height: 20px; background-color: #8cc63f; margin: 1px 0px 0px 1px; color: #ffffff; border: 0px; font-size: 0.6em; cursor: pointer}
.featurecheckout2:hover { color: yellow; text-decoration: none; }
p.whitetext { text-align: center; color: #ffffff; font-family: arial, verdana, sans-serif;  margin: 3px 0px 0px 5px; text-decoration: none; }
a p.whitetext { text-align: center; color: #ffffff; font-family: arial, verdana, sans-serif;  margin: 3px 0px 0px 5px; text-decoration: underline; }


/* panelGrid styles */
.pgColOld { font-size: 11px; font-family: arial, verdana, sans-serif; color: #333333; }
.pgColEven { font-size: 11px; font-family: arial, verdana, sans-serif; width:80%;}
.pgColEven a { color: #444343; }

.pgColImage { v-align: top; vertical-align: top; padding-top: 4px; }
.pgColPadded { text-align: justify; padding-left: 10px; }

div.footer { float: left; background-color: #000000; height: 20px; width: 100%; }
div.footer div.shortcuts { float: left; margin: 4px 0px 0px 30px; }
div.footer div.shortcuts p { float: left; margin: 0px 5px 0px 5px; font-family: 'Arial Rounded MT Bold', arial, sans serif; font-size: 11px; color: #ffffff; }
div.footer div.shortcuts p a { text-decoration: none; color: #ffffff; }
div.footer div.shortcuts img { float: left; margin: 2px 0px 0px 0px;}

div.base { float: left; width: 100%; }
div.base p.leftsmall { font-family: verdana, arial, sans serif; float: left; margin: 3px 0px 0px 0px; font-size: 10px; color: #666666;}
div.base div.links { float: left; margin: 3px 0px 0px 84px; }
div.base div.links p { font-family: verdana, arial, sans serif; float: left; font-size: 10px;}
div.base div.links p a { text-decoration: none; color: #333333;  }
div.base p.rightsmall { font-family: verdana, arial, sans serif; float: right; margin: 3px 0px 0px 0px; font-size: 9px; color: #666666; text-align: right; }
div.base p.rightsmall a { text-decoration: none; color: #666666; }


/* special Rich Panel colourings per Solution Category */

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

.panel_header_0 { background-image : url(); background-color: #8cc63f; border-color: #ffffff; height: 16px; padding: 6px; color: #ffffff; font-size: 12px; font-family: arial, verdana, sans serif; }
.panel_header_1 { background-image : url(); background-color: #8cc63f; border-color: #ffffff; height: 16px; padding: 6px; color: #ffffff; font-size: 12px; font-family: arial, verdana, sans serif; }
.panel_header_2 { background-image : url(); background-color: #b15c11; border-color: #ffffff; height: 16px; padding: 6px; color: #ffffff; font-size: 12px; font-family: arial, verdana, sans serif; }
.panel_header_3 { background-image : url(); background-color: #006a71; border-color: #ffffff; height: 16px; padding: 6px; color: #ffffff; font-size: 12px; font-family: arial, verdana, sans serif; }
.panel_header_4 { background-image : url(); background-color: #78496a; border-color: #ffffff; height: 16px; padding: 6px; color: #ffffff; font-size: 12px; font-family: arial, verdana, sans serif; }

.panel_header_gradient_0 { margin: 0px; background-image : url('../henchman/images/green_gradient.jpg'); border-color: #e9f3da; height: 10px; padding: 6px; padding-top: 2px; color: #000000; font-size: 12px; font-weight: normal; font-family: arial, verdana, sans serif;  }
.panel_header_gradient_1 { margin: 0px; background-image : url('../henchman/images/green_gradient.jpg'); border-color: #e9f3da; height: 10px; padding: 6px; padding-top: 2px; color: #000000; font-size: 12px; font-weight: normal; font-family: arial, verdana, sans serif;  }
.panel_header_gradient_2 { margin: 0px; background-image : url('../henchman/images/brown_gradient.jpg'); border-color: #f9ece4; height: 10px; padding: 6px; padding-top: 2px; color: #000000; font-size: 12px; font-weight: normal; font-family: arial, verdana, sans serif; }
.panel_header_gradient_3 { margin: 0px; background-image : url('../henchman/images/blue_gradient.jpg'); border-color: #b2dcde; height: 10px; padding: 6px; padding-top: 2px; color: #000000; font-size: 12px; font-weight: normal; font-family: arial, verdana, sans serif;  }
.panel_header_gradient_4 { margin: 0px; background-image : url('../henchman/images/purple_gradient.jpg'); border-color: #deceda; height: 10px; padding: 6px; padding-top: 2px; color: #000000; font-size: 12px; font-weight: normal; font-family: arial, verdana, sans serif; }

.panel_body_0 { background-color: #e9f3da; border-color: #8cc63f; margin:0px; padding: 2px; }
.panel_body_1 { background-color: #e9f3da; border-color: #8cc63f; margin:0px; padding: 2px; }
.panel_body_2 { background-color: #f9ece4; border-color: #aa8e80; margin:0px; padding: 2px; }
.panel_body_3 { background-color: #b2dcde; border-color: #006a71; margin:0px; padding: 2px; }
.panel_body_4 { background-color: #deceda; border-color: #806378; margin:0px; padding: 2px; }

/* colour block headers for Solution Categories */
.block_0 { width:676px; height: 16px; padding: 4px; background-color: #8cc63f; }
.block_1 { width:676px; height: 16px; padding: 4px; background-color: #8cc63f; }
.block_2 { width:676px; height: 16px; padding: 4px; background-color: #b15c11; }
.block_3 { width:676px; height: 16px; padding: 4px; background-color: #006a71; }
.block_4 { width:676px; height: 16px; padding: 4px; background-color: #78496a; }

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

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

.productinfo { float: left; width: 125px; padding: 2px; margin: 2px; text-align: center; }
.productinfo a { text-decoration: none; color: #666666; font-weight: bold; }

.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;}

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

table.keyfeatures { margin-top: 0px; padding-top: 0px; }
table.keyfeatures ul { margin: 0px 0px 0px 5px; padding-left: 0px; }
table.keyfeatures ul li { margin-left: 5px; }

/* 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; }

.dt250 { width: 250px; }
.dt160 { width: 160px; text-align: center; }
.dtcenter { text-align: center; }


/* for My Basket page */

.baskethighlight { font-weight: bold }