/*************************

author: David Goadby 
tag: thedaveyb
site: marshalldrills.co.uk
web: www.thedaveyb.co.uk 
email: david@thedaveyb.co.uk
client: d4hcreative.com

***********************/


/* Clear All Browser Defaults Before We Start , Keeping It Tidy */
html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select, dl, dt, dd {margin: 0 0 0 0;padding: 0 0 0 0;color:#666666; font: normal 12px arial;}




/* SET BODY DEFAULTS  ---------------------------------------------------------------*/
body {margin: 0px;padding: 0px;text-align: left; color:#666666; background: repeat-x url(../images/bg.jpg) #F4F4F4; text-align:center;}
#container { width: 950px; margin: 0 auto 0 auto;   background: no-repeat url(../images/bg_header.jpg) top; padding-top:95px;}

/* MAIN NAV  ---------------------------------------------------------------*/
#nav_holder { margin: 0px 0 0 295px;}
#nav_holder li { float:left; list-style:none;}
#nav_holder li a { font: 11px Arial, Helvetica, sans-serif; color:#E2EAF3; text-decoration:none; display:block; padding: 5px 5px 10px 20px; margin: 0 2px 0 2px; background: no-repeat url(../images/bg_nav.jpg)  top left;}
#nav li a:hover { text-decoration:underline;}

#nav, #nav ul {padding: 0;margin: 0;list-style: none; } 
#nav a {display: block; } 
#nav li {float: left; }
#nav li ul {position: absolute;width: 10em;left: -999em; margin-top: 0px;border-bottom: 1px solid #2263A7; } 
#nav li ul li a { background-image:none; background-color:#1358A1; font-size:11px; border-left: 1px solid #2263A7; border-right: 1px solid #2263A7; display:block; width: 150px; text-align:left; padding: 5px 10px 5px 20px;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {	display: block;left:auto;top:auto;}


/* SIDE NAV  ---------------------------------------------------------------*/
#side_nav {}
#side_nav ul { padding-top: 25px; display:block;}
#side_nav li {  list-style:none; margin-left: 20px;}
#side_nav li a { text-decoration:none; font: normal 11px "Arial", Times, serif; color:#666666;width:116px; display:block; padding: 7px 0 5px 15px; border-bottom: 1px solid #F2F2F2; background: no-repeat url(../images/bg_side_li.jpg) top left;}
#side_nav li a:hover { text-decoration:underline;}

/* MAIN COLUMN  ---------------------------------------------------------------*/
#col_two { width:545px; float:left;margin-top:20px;}
#col_two .box { background: repeat url(../images/box_bg_2.jpg); width:545px; text-align:left;}
#col_two .box .text { padding: 10px 30px 10px 30px;}

/* STATIC TEXT  ---------------------------------------------------------------*/
#col_two .box h1{ font: normal 14px Arial, Helvetica, sans-serif; color:#0C539E; padding-bottom: 5px; border-bottom: 1px solid #F4F4F4;}
#col_two .box h2 {font: normal 14px Arial, Helvetica, sans-serif; color:#0C539E; padding-bottom: 5px; border-bottom: 1px solid #F4F4F4;}
#col_two .box h3 {font: normal 14px Arial, Helvetica, sans-serif; color:#0C539E; padding-bottom: 5px; border-bottom: 1px solid #F4F4F4;}
#col_two .box p { margin: 15px 0 15px 0; line-height: 18px;}
#col_two .box strong {}
#col_two .box em {color:#0C539E; }
#col_two .box li { margin-left: 30px; line-height: 18px;}
#col_two .box a {color:#0C539E; }

#flash { background: no-repeat url(../images/flash.jpg); width:545px; height:352px;}

/* PROTEKT FORM  ---------------------------------------------------------------*/
#log {}
#log p { padding: 5px; display:block; clear:both; }
#log label { float:left;width: 120px; font: normal 12px Arial, Helvetica, sans-serif; color: #666; text-align:right; padding: 0 5px 0 0; line-height: 25px; }
#log input { background: repeat url(../img/inputbg.gif); float:left;border: 1px solid #E7EEF4; padding: 3px; line-height: 24px; width: 250px; font: normal 12px Arial, Helvetica, sans-serif; color: #666;  }
#log textarea {background: repeat url(../img/inputbg.gif);  float:left;border: 1px solid #E7EEF4;  padding: 3px; height: 75px; line-height: 24px; width: 250px; font: normal 14px Arial, Helvetica, sans-serif; color: #666; }
#log select, #log option {background: repeat url(../img/inputbg.gif); float:left;border: 1px solid #E7EEF4; line-height: 24px; width: 250px; font: normal 12px Arial, Helvetica, sans-serif; color: #666; }
#log .form_button {width: 150px; margin: 10px 0 0 100px; color:#666;}

/*SIDE COLUMNS ---------------------------------------------------------------*/
#col_one { float:left; text-align:left; margin-top:20px;width:199px;}
#col_one .box { background: repeat url(../images/box_bg.jpg); width:199px;}
#col_one .box h3 { background: no-repeat url(../images/box_header.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#125FA2; padding: 15px 0 9px 40px;}
#col_one .box p { margin: 10px 0 0 20px; line-height: 24px; font: normal 11px Arial, Helvetica, sans-serif;}

#col_three { float:left; text-align:left; margin-top:20px;width:199px;}
#col_three .box { background: repeat url(../images/box_bg.jpg); width:199px;}
#col_three .box h3 { background: no-repeat url(../images/box_header.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#125FA2; padding: 15px 0 9px 40px;}
#col_three .box p { margin: 10px 0 0 20px; line-height: 18px; font: normal 11px Arial, Helvetica, sans-serif;}
#col_three .box p.cart { padding-left: 30px; background: no-repeat url(../images/cart.jpg) top left;}
#col_three .box p.cart a {color:#0C539E;}
#search { padding-top:10px; margin:10px 20px 10px 20px;border-top: 1px solid #F4F4F4; display:block; }


#col_two .box h4 {font: normal 12px Arial, Helvetica, sans-serif; color:#0C539E; padding-bottom: 5px; border-bottom: 1px solid #F4F4F4;}
.product_box { margin: 5px 0px 5px 0px; display:block; padding-bottom: 5px;}
.product_box .price { font: normal 12px Arial, Helvetica, sans-serif; color:#0C539E;}
#product { margin: 0 30px 0 20px;color:#666666; font: normal 12px arial;line-height:22px;}
#product p {margin: 5px 0px 10px 0px; line-height:22px;color:#666666; font: normal 12px arial;}
.price {margin: 28px 0 0 10px; font: bold 14px Arial, Helvetica, sans-serif;color:#0C539E;}



/*FOOTER */
#footer { display:block; width:100%; height:88px; background:  repeat-x url(../images/footer.jpg);  padding: 30px 0 0 0;}
#footer p { font: 11px Arial, Helvetica, sans-serif; color:#999999;}
#footer a { font: 11px Arial, Helvetica, sans-serif; color:#999999; text-decoration:none;}