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

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

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


/* SITE DEFAULTS -------------------------------------------------------*/
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, div {margin: 0 0 0 0;padding: 0 0 0 0;color:#666; font: normal 12px Arial;}
body {margin: 0px;padding: 0px;text-align: center; color:#666; background: repeat-x url(../img/bg.jpg) #fff;}

.hr {background: no-repeat url(../img/bg_hr.jpg); line-height: 12px; margin: 1px 0 10px 0; display:block; width:100%;}
.break {height:1px; clear:both; line-height:1px; display:block; width:100%;}
.logo { float:left; margin: 18px 15px 10px 0;}

/* CONTAINER  -------------------------------------------------------*/
#container { width:995px; margin:auto; background: repeat-y url(../img/bg_container.png);}

/* TOPNAV  -------------------------------------------------------*/
#topnav { width:965px; margin:auto; background: repeat-x url(../img/bg_nav.jpg);}
#topnav li {float:left; list-style:none;}
#topnav li a { display:block; padding: 12px 7px 18px 7px; background:url(../img/bg_nav_li.jpg); font: normal 11px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
#topnav li a.first { display:block; padding: 12px 7px 18px 7px; background:none; font: normal 11px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
#topnav li a.first:hover {background:url(../img/bg_nav_li_a.jpg); text-decoration:underline;}
#topnav li a:hover {background:url(../img/bg_nav_li_a.jpg); text-decoration:underline;}
#topnav p.basket a { float:right;font: normal 11px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; padding: 12px 50px 18px 25px; background:no-repeat url(../img/bg_basket.jpg); }
#topnav p.basket a:hover { background:no-repeat url(../img/bg_basket_a.jpg); text-decoration:underline;}

/* DEFAULT HEADER  -------------------------------------------------------*/
#header { width:965px; margin:auto; background: repeat-x url(../img/bg_header.jpg); height:222px;}

/* BODY & 2 COLUMNS  -------------------------------------------------------*/
#body { /*background: repeat-x url(../img/bg_body.jpg);*/}
#col_one { float:left; width:275px; background: no-repeat url(../img/bg_col_one.jpg); text-align:left; margin: 20px 0 0 15px;}
#col_two { width: 700px; float:left; }

/* HOME | COLUMNS TEXT -------------------------------------------------------*/

#home_one { float:left; width: 410px; text-align:left; padding: 0 0 0 10px;}
#home_one h1 { font: normal 16px Arial, Helvetica, sans-serif; color:#666; margin: 20px 0 0 0;}
#home_one h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#CC9900; padding-bottom: 5px; border-bottom:1px solid #CCCCCC; }
#home_one h3 {font: normal 14px Arial, Helvetica, sans-serif; color:#CC9900; padding-bottom: 5px; border-bottom:1px solid #CCCCCC;margin: 20px 0 0 0;}
#home_one p { line-height:24px; color:#666; margin: 10px 0 10px 0;}
#home_one ul { margin: 10px 0 0 30px; list-style:disc;}
#home_one li {color:#666;}
#home_one a { color:#CC9900;}


#home_two { float:left; width: 200px; background: no-repeat url(../img/bg_split.jpg);margin: 10px 0 0 10px;text-align:left;}
#home_two h4 { background: url(../img/bg_h4.jpg); width: 173px; font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; 
padding: 3px 0 3px 5px; margin: 10px 0 0px 35px;}

#home_two p { float:left; display:block; width: 100%; }
#home_two label { float:left; display:block; width: 100%; margin: 5px 0 0px 35px;}
#home_two input { border: 1px solid #CCCCCC; line-height:18px; padding:3px; float:left; margin: 5px 0 0px 35px; width: 160px;}

/* HOME | CATEGORIES -------------------------------------------------------*/
#cat { padding:10px 0 0 0px;}
#cat .cat { float:left; width:120px; height:152px; border: 1px solid #ccc; padding:0; margin:3px 2px 5px 2px;}
#cat .cat_option a { background-color: #666; width:92%; margin: 110px 0px 0px 0px; padding: 5px; float:left;font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;  height: 30px;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}
#cat .cat_option a:hover { background-color: #CC9900; width:92%; margin: 110px 0px 0px 0px;   
padding: 5px; float:left;font: bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline;height: 30px;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}

/* COL ONE  -------------------------------------------------------*/
#col_one h4 { background: url(../img/bg_h4.jpg); width: 173px; font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; 
padding: 3px 0 3px 5px; margin: 10px 0 0px 55px;}
#col_one ul {margin: 0px 0 10px 55px;}
#col_one li { list-style:none;}
#col_one li a { background:no-repeat url(../img/bg_col_one_li.jpg);width: 160px; border-bottom: 1px solid #E2E2E2; 
display:block; padding: 8px 3px 8px 15px; font:bold 11px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; margin: 1px 0 1px 0;}
#col_one li a:hover { text-decoration:underline;}

/* FRM SEARCH */
#frmSearch {margin:1px 10px 15px 55px; background: no-repeat url(../img/bg_col_one_misc.jpg); padding: 5px 0 5px 5px; }

/* QUOTES */
#col_one p.quote {margin:1px 30px 15px 4px; 
padding: 15px 10px 5px 5px; font: italic 10px Arial, Helvetica, sans-serif; line-height: 18px; width:160px; display:block; }
#col_one p.quote_title {margin: 0px 0 30px 5px; font-weight:bold;width:160px; }


/* COL TWO | STATIC CONTENT  -------------------------------------------------------*/
#static { text-align:left;margin: 10px 50px 0 20px; float:left; display:block; width: 600px;}
#static h1 { font: normal 16px Arial, Helvetica, sans-serif; color:#666; margin: 20px 0 0 0;}
#static h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#CC9900; padding-bottom: 5px; border-bottom:1px solid #CCCCCC; }
#static h3 {font: normal 14px Arial, Helvetica, sans-serif; color:#CC9900; padding-bottom: 5px; border-bottom:1px solid #CCCCCC;margin: 20px 0 0 0;}
#static p { line-height:24px; color:#666; margin: 10px 0 10px 0;}
#static ul { margin: 10px 0 0 30px; list-style:disc;}
#static li {color:#666; line-height: 24px;}
#static a { color:#CC9900;}
 .image {float: left; margin: 10px 20px 10px 0px; padding:1px; border:1px solid #CCCCCC;}

.showcase { font-weight:bold; color:#CC9900;}

/* COL TWO | SPLIT CONTENT  -------------------------------------------------------*/
#split_one { float:left; width: 410px;}
#split_one { text-align:left;margin: 10px 20px 0 20px; float:left;}
#split_one h1 { font: normal 16px Arial, Helvetica, sans-serif; color:#666; margin: 20px 0 0 0;}
#split_one h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#CC9900; padding-bottom: 5px; border-bottom:1px solid #CCCCCC; }
#split_one h3 {font: normal 14px Arial, Helvetica, sans-serif; color:#CC9900; padding-bottom: 5px; border-bottom:1px solid #CCCCCC;margin: 20px 0 0 0;}
#split_one p { line-height:24px; color:#666; margin: 10px 0 10px 0;}
#split_one p.quote { font-size:11px; margin: 20px 20px 30px 20px; float:left; width: 240px;}
#split_one ul { margin: 10px 0 0 30px; list-style:disc;}
#split_one li {color:#666; line-height:24px;}
#split_one a { color:#CC9900;}
#split_one .image {float: left; margin: 10px 20px 10px 0px; padding:1px; border:1px solid #CCCCCC;}

#split_two { float:left; width: 200px; background: no-repeat url(../img/bg_split.jpg);margin: 20px 0 0 0px;}


/* COL TWO | STORE  -------------------------------------------------------*/
#store_page { float:left; width: 410px; text-align:left;margin: 10px 20px 0 20px; }
#store_page h1 { font: normal 16px Arial, Helvetica, sans-serif; color:#666; margin: 20px 0 0 0;}
#store_page h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#CC9900; padding-bottom: 5px; border-bottom:1px solid #CCCCCC; }
#store_page h3 {font: normal 14px Arial, Helvetica, sans-serif; color:#CC9900; padding-bottom: 5px; border-bottom:1px solid #CCCCCC;margin: 20px 0 0 0;}
#store_page p { line-height:24px; color:#666; margin: 10px 0 10px 0;}
#store_page ul { margin: 10px 0 0 30px; list-style:disc;}
#store_page li {color:#666;}
#store_page a { color:#CC9900;}


/* COL TWO | PRODUCT LISTING  -------------------------------------------------------*/
#product_page { float:left;text-align:left;margin: 10px 20px 0 20px; width: 650px; }
#product_page h1 { background: no-repeat url(../img/bg_home_cat.jpg) top right #615D5C;width: 645px; font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; 
padding: 3px 0 3px 5px; margin: 20px 0 0px 0px;}
#product_page h2 {background: no-repeat url(../img/bg_home_cat.jpg) top right #615D5C;width: 645px; font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; 
padding: 3px 0 3px 5px; margin: 20px 0 0px 0px;  }
#product_page h4 {font: normal 14px Arial, Helvetica, sans-serif; color:#CC9900; padding-bottom: 5px; border-bottom:1px solid #CCCCCC;margin: 20px 0 0 0;}




#product_page p { line-height:24px; color:#666; margin: 10px 0 10px 0;}
#product_page p.breadcrumb {border-bottom:1px solid #CCCCCC;padding: 5px 5px 10px 5px; font: 11px Arial, Helvetica, sans-serif; color:#666;}
#product_page p.breadcrumb a { color:#666; margin: 0 5px 0 5px;}
#product_page p.breadcrumb a:hover { color:#CC9900;}
#product_page ul { margin: 10px 0 0 30px; list-style:disc;}
#product_page li {color:#666;}
#product_page a { color:#CC9900;}

#product_one { float:left; width: 400px; padding: 0 20px 0 0;}
#product_one .product { border-bottom: 1px solid #CCCCCC; padding: 10px 0 0px 0;}
#product_one .sale { background: no-repeat url(../img/bg_sale.jpg) top right;}
#product_one .product_thumb {float: left; margin: 0px 20px 10px 0px; padding:1px; border:1px solid #CCCCCC;}
#product_one h3 a {font: bold 12px Arial, Helvetica, sans-serif; color:#CC9900;}
#product_one h5  {font: normal 14px Arial, Helvetica, sans-serif; color:#CC9900; padding-bottom: 5px; border-bottom:1px solid #CCCCCC;}

#product_one .price { font: bold 14px Arial, Helvetica, sans-serif; color:#CC9900; display:block; clear:right; margin:5px 0 0 0;}
#product_one .was_price {font: bold 12px Arial, Helvetica, sans-serif; color: #CC0000; text-decoration:line-through; display:block;margin:0;}
#product_one .price_main { font: bold 18px Arial, Helvetica, sans-serif; color:#CC9900; display:block; clear:right; margin:5px 0 0 0;}
#product_one .was_price_main {font: bold 16px Arial, Helvetica, sans-serif; color:#666; text-decoration:line-through; display:block;margin:0; margin: 10px 0 0 0;}
#frmOrder {}
div.order_row { background-color:#F5F5F5; border-bottom: 1px solid #CCCCCC; padding: 2px;}
div.order_row span { float:left; width:320px; }
#frmOrder select.size { width: 40px; font-size:10px;}
#frmOrder select.colour { width: 60px; font-size:10px;}

#product_two { float:left; width: 230px; background: no-repeat url(../img/bg_split.jpg);margin: 0px 0 0 0px; min-height: 1000px;}
#product_two .product_image { margin: 10px 0 0 30px;padding:1px; border:1px solid #CCCCCC; float:left;}
#product_two #add {margin: 10px 0 0 30px; float:left;}
#product_two .product_thumb {padding:1px; border:1px solid #CCCCCC;float:left; margin: 5px 9px 0 0;}

.logos {font: bold 14px Arial; color:#FF0000;}

div.price_model_container {width: 200px; border:1px solid #FFFFFF;}
div.price_model_description { float:left; width: 30px;}
div.price_model_price { float:right; width: 30px;}

/* FRM FITLERS -------------------------------------------------------*/
#frmFilters {}
#frmFilters h4 {background: url(../img/bg_h4.jpg); width: 173px; font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; 
padding: 3px 0 3px 5px; margin: 10px 0 0px 35px;}
#frmFilters p { display:block;margin: 1px 0 10px 35px; background: no-repeat url(../img/bg_col_one_li.jpg); padding: 8px 0 0 15px; width:180px;}
#frmFilters label { display:block; font: bold 11px Arial, Helvetica, sans-serif; margin-bottom: 5px;}
#frmFilters select { font-size:10px; width: 140px;}

/* STORE -------------------------------------------------------*/
#store { padding-top:10px;}
#store .store { float:left; width:115px; height:125px; border: 1px solid #ccc; padding:0; margin:5px 15px 5px 13px;}

#store .store_option a { background-color:#666; width:105px; margin: 85px 0 0 0; padding:5px; float:left;font: bold 10px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; min-height:28px; height:28px;}

#store .store_option a:hover { background-color: #CC9900;}

/* MESSAGES */
#message { border: 1px solid #FFEEB9; margin: 10px 5px 10px 0px; padding: 10px; background: repeat-x url(../img/bg_message.jpg); }
#message p strong { color: #CC9900;}
#message p { color: #666; margin:0; padding:0; line-height: 20px; font-size: 11px;}
#message a { color:#CC9900; font-weight:bold;}
#message ul {}
#message li {}

/* ERRORS */
#error {}
#error p {}
#error a {}
#error ul {}
#error li {}


/* CART TABLE */
#cart {border: 1px solid #FFEEB9; }
#cart table {width: 100%; text-align:left;}
#cart table th { padding: 2px; border-bottom: 1px solid #FFEEB9; font: bold 12px Arial; color: #CC9900; background: repeat-x url(../img/bg_message.jpg); }
#cart table td { padding: 2px; border-bottom: 1px solid #FFEEB9; background: repeat-x url(../img/bg_message.jpg);}
#cart .space td {line-height: 1px;}

#cart p {color:#666666; text-decoration:none; font-weight:bold;font-size:11px; text-indent: 2px;}
#cart a { text-decoration:none; font-weight:bold;font-size:10px;color:#CC9900;text-decoration:underline;}
#cart .update { padding: 5px;text-decoration:underline; color:#CC9900;}
#cart .remove {padding: 5px; text-decoration:underline;color:#CC9900;}


/* CHECKOUT *********************************/
#checkout {border: 1px solid #FFEEB9; margin: 10px 5px 10px 0px; padding: 10px; background: repeat-x url(../img/bg_message.jpg); }
#checkout p {margin: 5px; display:block;}
#checkout label { float:left; width: 150px; text-align:right; padding: 0 10px 0 0;font-size:11px; }
#checkout input, #checkout select { width: 250px; height: 20px;border: 1px solid #ccc;padding: 3px;}
#checkout textarea { width: 250px; border: 1px solid #ccc;  padding: 3px;}
#checkout a.copy { cursor:pointer; text-decoration:underline;}
#checkout p strong { color: #CC9900;}

#contactus {border: 1px solid #FFEEB9; margin: 10px 5px 10px 0px; padding: 10px; background: repeat-x url(../img/bg_message.jpg); }
#contactus p {margin: 5px; display:block;}
#contactus label { float:left; width: 100px; text-align:right; padding: 0 10px 0 0;font-size:11px; }
#contactus input, #checkout select { width: 200px; height: 20px;border: 1px solid #ccc;padding: 3px;}
#contactus textarea { width: 200px; border: 1px solid #ccc;  padding: 3px;color:#666; font: normal 12px Arial;}
#checkout p strong { color: #CC9900;}

/* V2  INPUT BUTTONS */
.btn_tiny { height: 25px; width:75px; text-align:center; border:none; background: no-repeat url(../img/btn_tiny.jpg); color:#FFFFFF;}
.btn_small { height: 42px; width:124px; text-align:center; border:none; background: no-repeat url(../img/btn_small.jpg); color:#FFFFFF;}
.btn_medium {height: 42px; width:200px; text-align:center; border:none; background: no-repeat  url(../img/btn_medium.jpg);color:#FFFFFF;}
.btn_large {height: 42px; width:250px; text-align:center; border:none; background: no-repeat  url(../img/btn_large.jpg);color:#FFFFFF;}
a.btn_large {height: 40px; width:250px; text-align:center; border:none; background: no-repeat  url(../img/btn_large.jpg);color:#FFFFFF; padding:14px 0 0 0; margin: 20px 80px 0px 10px; display:block; clear:both; font-weight: bold;}

/* FOOTER -------------------------------------------------------*/
#footer  {width:965px; margin:auto; background: repeat-x url(../img/bg_footer.jpg); height:102px;}
#footer p.left { float:left; font: normal 12px Arial; color:#FFFFFF; text-align:left; margin: 30px 0 0 20px; line-height: 18px;}
#footer p.right { float:right; text-align:right; margin: 70px 20px 0 0;color:#ccc;}
#footer p.right a { color:#ccc; font: normal 10px Arial, Helvetica, sans-serif; text-decoration:none;}
#footer p.right a:hover { text-decoration:underline; color:#FFFFFF;}