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

author: David Goadby 
tag: thedaveyb
site: protekt365.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) #E6E5E5; text-align:center;}
#container { width: 870px; margin: auto;   background: no-repeat url(../images/bg_intro.jpg); padding-top: 41px; display:block;}


/* BASKET & SEARCH  ---------------------------------------------------------------*/
#header { background: no-repeat url(../images/bg_header.jpg); display:block;}
#headerimg { background: repeat url(../images/bg_body.gif);display:block;}
#choice { height:40px; display:block;}


/* NAV  ---------------------------------------------------------------*/
#nav ul { float:left; margin: 0 0 0 273px;}
#nav li { float:left; list-style:none; text-align:center;background: no-repeat url(../images/bg_li_a.jpg);margin: 3px;}
#nav li a { display:block; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; background:url(../images/bg_li.jpg); padding: 13px 0px 10px 0px;  width: 111px;}
#nav li a:hover { background: no-repeat url(../images/bg_li_a.jpg);padding: 13px 0px 10px 0px;}

#choice { padding: 30px 0 0 0;}
#basket { float:right; width: 155px; background: no-repeat url(../images/basketbg.gif); text-align:left; padding: 0 0 0 40px;}
#basket p strong { font-size:12px;}
#basket p { font-size:10px;}
#search { float: right; width: 280px;}
#search input { margin: 0 5px 0 5px; }

/* COLUMNS  ---------------------------------------------------------------*/
#col_one { width: 260px; float:left; margin-top:0px; margin-left: 5px; background: no-repeat url(../images/bg_col_one.jpg); text-align:left;}
#col_two { width:600px; float:left; margin-top:0px;text-align:left;}


/* COL ONE STYLES  ---------------------------------------------------------------*/
#col_one h2 { color: #FFFFFF; margin: 22px 15px 25px 20px; font-weight: bold;}
#col_one p a {margin: 10px 15px 5px 30px; display:block;color:#666666;}
#col_one ul {  padding:5px 0 5px 10px; width:227px; margin-bottom:5px; margin-left:10px;display:block; float:left;}
#col_one li { list-style:none; color:#FF9900;margin: 5px 15px 5px 30px;display:block;}
#col_one li a {color:#666666; text-decoration:none;}
#col_one a:hover { text-decoration:underline; color:#FF9900;}

/* COL ONE TERMS  ---------------------------------------------------------------*/
#terms { width: 260px; float:left; margin-top:0px; margin-left: 0px; background: no-repeat url(../images/bg_col_one.jpg); text-align:left;}
#terms h2 { color: #FFFFFF; margin: 22px 15px 25px 20px; font-weight: bold;}
#terms li { list-style:none; color:#FF9900;margin: 5px 15px 5px 30px;display:block;}
#terms li a {color:#666666; text-decoration:none;}

/* COL TWO STYLES  ---------------------------------------------------------------*/
#col_two h1 { font: bold 24px Arial, Helvetica, sans-serif; color:#666; margin: 10px 0 0 20px;}
#col_two h1 em { font-style:normal; color: #FF9900; font-weight:bold;}
#col_two h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #FF9900;margin: 5px 30px 10px 20px; padding-bottom: 10px; border-bottom: 1px solid #F8F8F8;}
#col_two h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #666;margin: 25px 30px 10px 20px; padding-bottom: 10px; border-bottom: 1px solid #F8F8F8;}
#col_two h4 {font: bold 12px Arial, Helvetica, sans-serif; color: #666;margin: 0px 0px 5px 0px; padding: 5px; border-bottom: 1px solid #F8F8F8; background-color: #F3F3F3;}
#col_two h5 {font: bold 14px Arial, Helvetica, sans-serif; color: #FF9900;margin: 25px 30px 10px 20px; padding-bottom: 10px; border-bottom: 1px solid #F8F8F8;}

#col_two p {margin: 5px 30px 10px 20px; line-height:22px;}
#col_two li {margin: 5px 30px 10px 60px;}
#col_two a { color:#FF9900; text-decoration:none;}
#col_two a:hover { text-decoration:underline;}


/* COL TWO HOME PRODUCTS  ---------------------------------------------------------------*/
#home_box { float:left; margin-bottom: 20px;}
#home_box .home_product { background: no-repeat url(../images/homebox.jpg); width:280px;float:left; margin: 0 0 0 5px; }
#homebox .home_image {margin: 5px 0 0 20px; width: 260px;}
#home_box .price_box { background: url(../images/price_box.jpg); width: 280px; height: 78px;}
#home_box .home_price {padding: 28px 0 0 0px; margin:0; font: bold 18px Arial, Helvetica, sans-serif;}
#home_box .preview { height: 55px; padding: 10px 0px 0 0px;}


/* FORM ---------------------------------------------------------------*/
#form_box {width: 60%; border:1px solid #F4F4F4; margin: 0 0 0 120px;}
#log {}
#log p { padding: 5px; display:block; clear:both; }
#log label { float:left;width: 120px; font: normal 16px 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: 5px; line-height: 24px; width: 250px; font: normal 14px Arial, Helvetica, sans-serif; color: #666;  }
#log textarea {background: repeat url(../img/inputbg.gif);  float:left;border: 1px solid #E7EEF4;  padding: 5px; 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 14px Arial, Helvetica, sans-serif; color: #666; }
#log .form_button {width: 150px; margin: 10px 0 0 100px; color:#666;}

label { float:left;width: 120px; font: normal 16px Arial, Helvetica, sans-serif; color: #666; text-align:right; padding: 0 5px 0 0; line-height: 25px; }

#col_two .product_box { border: 1px solid #F2F2F2; margin: 5px 30px 5px 20px; display:block;}
#col_two .product_box .price { font: normal 14px Arial, Helvetica, sans-serif; color:#FF9900;}
#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 18px Arial, Helvetica, sans-serif;}

small { font-size:9px; color:#FF6600;}

/* NEWS IMAGE */
#news { margin: 0 30px 0 20px;color:#666666; font: normal 12px arial;line-height:22px;}
#news p {margin: 5px 0px 10px 0px; line-height:22px;color:#666666; font: normal 12px arial;}
.newsimage {width: 100px; height: 100px;border: 1px solid #cdcda0;float: left;margin: 0 20px 10px 30px;background-repeat: no-repeat;background-position: center centerbackground-color: White;}


/*FOOTER */
p.footer_text { padding: 10px 0 5px 0; width: 780px; margin: auto; color: #999999; font-size:11px;}
p.footer_text a { color: #999999; font-size:11px; text-decoration:none;}
p.footer_text a:hover { color:#333333; text-decoration:underline;}