/* CSS Document */

/* Let's begin by resetting everything. Thanks, Eric Meyer! */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
strong, u, em, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* CSS Document */

body  { font: 12px Arial, sans-serif; background: #fff; margin-top: 40px; padding: 0px; text-align: center; color: #000; line-height: 1; background-color: #fffef1; }

a { color: #08422a; text-decoration: none; font-weight: bold; }
a:hover { color: #6f9924; }

#outer_wrap { width: 940px; margin: 0 auto; background-color: #fff; border-left: 2px solid #ecedbf; border-right: 2px solid #ecedbf; }
#container { text-align: left; background-color: #fff; position: relative; }

/* --- HEADER --- */

#header { height: 200px; background-color: #fff;}
#head_top_wrap { height: 153px; }
#header h1 { background: url(/media/images/nav/tunnel_barn_farm_logo.gif) no-repeat; float: left; position: relative; top: 6px; left: 15px; }
#header h1 a { display: block; width: 228px; height: 139px; text-indent: -9999px; }

#header_right { width: 200px; height: 105px; float: right; margin: 20px 20px 20px 20px; padding-left: 20px; padding-right: 20px; right: 0px; background-color: #6f9924; font: 12px Arial, sans-serif; text-transform: none; }
#header_right li { width: 60px; float: left; }
#header_right a, #header_right a:hover { color: #fff; text-decoration: none; }
#header_right a:hover { text-decoration: underline; }
#header_right .signin, #header_right .register { font-size: 12px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; }
#header_right .signin { border-right: 1px solid #fff; }
#header_right .register { padding-left: 10px; }
#header_right p { line-height: 30px; border-top: solid 1px #fff; clear: both; }
#header_right_secure {  width: 265px; height: 72px; float: right; position: absolute; top: 28px; right: 12px; color: #fff; font: bold 24px/28px Arial, sans-serif; text-transform: none; }
#header_right_secure p { padding-left: 40px; background: url(/media/images/checkout/login_padlock.gif) no-repeat left; }

/* --- NAV --- */

#nav_wrap { height: 47px; background: url(/media/images/nav/nav_bg.gif) repeat-x; clear: both; border-top: 0px solid #fff; position: relative; z-index: 10; }
#nav_wrap h2 { font-weight: normal; }
.nav, .nav ul { list-style: none; margin: 0; padding: 0; }
.nav { font-family: Arial, sans-serif; position: relative; padding-left: 15px; }
.nav li { float: left; position: relative; font: normal 18px/30px Arial, sans-sans-serif; text-transform: none; background: url(/media/images/nav/nav_divider_bg.gif) no-repeat 0 0px; }
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { color: #fff; font-weight: normal; display: block; padding: 8px 12px 9px 12px; text-decoration: none; }

#nav-one li:hover a, #nav-one li.sfHover a { background: url(/media/images/nav/nav_bg_current.gif) repeat-x; }
#nav-one li:hover ul a, #nav-one li.sfHover ul a { background-color: #fff; color: #08422a; font-weight: bold; padding: 3px 10px; }
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover { color: #6f9924!important; }
.nav ul { border-bottom: 1px solid #000; list-style: none; width: 122px; position: absolute; top: -999em; left: -1px; }
.nav li:hover ul, .nav li.sfHover ul { top: 47px; }
.nav ul li { border: 0; float: none; font: normal 12px/16px Arial, sans-serif; text-transform: none;  }
.nav ul a { border-left: 1px solid #000; border-right: 1px solid #000; background: #fff!important; padding: 0; width: 100px; white-space: nowrap;}
.nav li.current a { background: url(/media/images/nav/nav_bg_current.gif) repeat-x; }

#filter_wrap { float: right; padding: 10px 25px 0px 10px; color: #fff; }
#filter_wrap #af { }

#searchbar { width: 200px; height: 20px; padding-left: 0px; background-color: #6f9924; float: left; text-align: left; padding-top: 5px; padding-bottom: 10px; border-top: 2px solid #fff; }
#searchbar #searchfield { width: 180px; float: left; border:0; font-size: 10px; } 
#searchbar label { display: none; }
#searchbar #formbuttom { float: right; width: auto; margin: 0px 1px 0 0; }
#searchbar .formfield { width: 135px; float: left; }

/* --- CONTENT TOP --- */

#content_top { background: url(/media/images/nav/content_bg.gif) repeat-x top; padding: 10px 0 0 0 }
.content_noback { background: url(/media/images/nav/divider.gif) repeat-y 0; margin: 10px 0 20px 0; }

/* --- PRODUCTS --- */

#content_left_wrap { font-size: 12px; width: 220px; height: 100%; float: left; position: relative; }
#content_left { margin: 20px; position: relative; }
.content_left_text { margin: 0 0 30px 0; }
.news_date { color: #666; float: right; font-size: 10px; width: auto; }

.content_main_text { width: 660px; float: left; padding: 0 0 40px 0; }
.content_main_text ul, #item_right ul, .content_main_text ol, #item_right ol { margin-left: 25px; }
.content_main_text li, #item_right li { list-style: disc; margin: 3px 0; }
.content_main_text ol li, #item_right ol li { list-style:decimal!important }
#content_left h2 { font: normal 28px Arial, sans-serif; text-transform: none; }
#content_left a { font: normal 28px Arial, sans-serif; color: #08422a; text-decoration: none; }
#content_left a:hover { font: normal Arial, sans-serif; color: #6f9924; }

#news_image { border: solid 1px #000; margin-top: 10px; margin-bottom: 10px; }
.news_image_small { margin: 5px 0 5px 0; }
#news_image_large { float: left; border: solid 1px #000; margin-top: 10px; margin-bottom: 10px; } 

ul#left_nav a { font: bold 12px Arial, sans-serif; color: #08422a; }
ul#left_nav a:hover { color: #6f9924; text-decoration: none; }
ul#left_nav h2 { border-bottom: 1px solid #000; font: normal 12px Arial, sans-serif; text-transform: none; margin-top: 30px; margin-left: 0; }
ul#left_nav h2.spec_off { border-bottom: 1px solid #000; }
ul#left_nav h2.spec_off a { color: #8e0606; }
ul#left_nav h2.spec_off a:hover { color: #6f9924; }
ul#left_nav h3{ margin-left: 12px; line-height: 12px; font-weight: normal; }
ul#left_nav h4 { margin-left: 10px; font-weight: normal; }
ul#left_nav h4 a { padding: 3px 0 3px 12px; font-weight: normal; }
ul#left_nav h4 a:hover { }
ul#left_nav ul { margin-top: 10px; }
ul#left_nav ul li {	}
ul#left_nav ul ul { margin-top: 0; }
ul#left_nav a.current {  color: #6f9924; }

#content_right_wrap { width: 718px; float: left; position: relative; }
#content_right { margin-top: 20px; margin-bottom: 20px; margin-right: 20px; padding-left: 35px; color: #000; font-size: 14px; }
#content_right a { color: #08422a; }
#content_right a:hover { color: #6f9924; }

#breadcrumb { font-size: 14px; color: #08422a; border-bottom: solid 1px #000; margin-bottom: 12px; color: #000; }
#breadcrumb a, #breadcrumb strong { font-weight: bold; color: #08422a; }

#products h2 a, #prod_item h2 {  font: 28px/30px Arial, sans-serif; padding-bottom: 20px; text-transform: none; }
#products h2 {  font: normal 28px/30px Arial, sans-serif; font-weight: normal; border-bottom: solid 1px #000; margin-bottom: 20px; text-transform: none; }
#products p { width: 720px; float: right; font-size: 12px; line-height: 20px; margin: 12px 0; }

.item_wrap { float: left; width: auto; margin-top: 20px; margin-bottom: 20px; clear: both; }

.item { width: 202px; float: left; margin-right: 18px;  }
.item h3 { text-transform: none;  margin-bottom: 3px; font-size: 12px; width: 158px; }
.item h3 a { color: #08422a; }
.item .image { background-color: #fff; margin-bottom: 5px; border: 1px solid #000; }
.item .image img {  }
.table_wrap { background-color: #dedede; padding: 8px; margin-bottom: 10px; }
.table_wrap table { font-size: 10px; }
.table_wrap table td { padding: 2px; }
.table_wrap .item_spec { font-weight: normal; }
.table_wrap .item_name { padding-right: 15px; }
p.sizing { float: right; font-size: 0.7em!important; position: relative; top: 20px; right: 100px; }
p.sizing a { text-align: left; color: #08422a; padding-top: 6px; text-decoration: none; display: block; width: 70px; height: 30px; background: url(/media/images/size_charts.gif) no-repeat top center; }
.brand_img { margin: 0 0 15px 0; }

/* --- ITEMS --- */

#prod_item #item_wrap { margin: 20px 0 0 0; }
#prod_item #item_left { width: 300px; float: left; }
#prod_item #item_left img { margin: 0 10px 10px 0; border: 1px solid #000; }
.thumbs img { margin: 5px 0; background-color: #fff; }
#prod_item #item_left ul { margin-top: 15px; }
#prod_item #item_left li { float: left; width: 90px; }
#prod_item li.item_mid { margin: 0 15px; }

#item_right { color: #08422a; width: 336px; float: right; margin-left: 20px; }
#item_right .item_price_wrap { padding: 0px; /*background-color: #f4f4f4; border: 1px solid #ccc;*/ margin-bottom: 30px; }
#item_right h2 { font: bold 16px Arial, sans-serif; border: 0; color: #08422a;  text-transform: none; }
#item_right h3 { font: bold 14px Arial, sans-serif; border: 0; color: #08422a;  text-transform: none; }
/*#item_right .special_offer { text-transform: none; color:#fff; background-color: #8e0606; font: normal 18px/22px Arial, sans-serif; display: block; padding: 2px 5px; margin-bottom: 15px; }
#item_right .item_price .price_offer { color: #8e0606; } */
#item_right .item_code { font-size: 14px; margin: 0 0 10px 0; line-height: 1.4em; }
#item_right .item_price  { font-size: 24px; color: #c30; font-weight: bold; letter-spacing: -1px; }
#item_right .item_price strong { text-decoration: line-through; }
#item_right .item_price span { font-size: 12px; color: #08422a; font-weight: normal; letter-spacing: normal; }

.item_right ul { margin-left: 25px; }
.item_right li { list-style: disc; margin: 3px 0; }

p.no_stock { color: #F30; }
#item_right hr { color: #9a9ba6; background-color: #9a9ba6; }
#item_right p { font-size: 14px; line-height: 20px; margin: 16px 0; }
#item_right label { width: 70px; float: left; display: block; }
#item_right #itemqty { width: 30px; }
#item_right .add_button { background-color: #fbb100; margin: 0; padding: 4px 6px; border: 1px solid #333; }
* html #item_right p { margin: 9px 0; }
#item_wrap .img_full { margin-bottom: 15px; }
#item_right #id { width: 250px; }

/* --- INFORMATION --- */

#information h2, #checkout h2, #content_full_wrap h2 { margin-bottom: 2px;  font: normal 28px/30px Arial, sans-serif; text-transform: none; }
#information p, #checkout p, #information table { font-size: 10px; line-height: 20px; margin: 12px 0; }
#information #info_left_wrap { width: 380px; float: left; }
#info_left p.address strong { text-transform: none; color: #08422a; font: bold 10px/14px Arial, sans-serif; }
#info_left p.premises { font-weight: bold; color: #08422a; } 
#info_left hr { color: #9a9ba6; background-color: #000; }
#info_left em { color: #c43d03; font-weight: bold; }
#information #info_right_wrap { width: 306px; float: left; background-color: #08422a; margin-left: 10px; position: relative; }
#info_right { padding: 10px; }
#info_right h3 { font: normal 24px/26px #000 Arial, sans-serif; text-transform: none; margin-bottom: 2px; }
#info_right form { margin-top: 18px; }
#info_right input { width: 200px; }
#info_right textarea { width: 286px; height: 300px; }
* html #info_right textarea { width: 280px; }
#info_right #submitbutton { width: 40px; border: 4px solid #fbb100; }
#info_right p.required { font-size: 10px; color: #08422a; font-weight: bold; position: absolute; top: 32px; right: 10px; }
#info_right p { padding: 0; margin: 8px 0; }

/* --- ACCOUNT --- */

#content_full_wrap { width: 600px; margin: 0 auto; position: relative; }
#content_full { padding: 20px 0 20px 0; position: relative; }

#checkout { margin: 0; }
#checkout #info_left h3, #checkout #info_right h3, #checkout #full_wrap h3 {  font: normal 24px/26px Arial, sans-serif; text-transform: none; margin-bottom: 2px; }
#checkout #info_right, #checkout #info_left { padding: 8px; background-color: #fff; }
#checkout p.register { border: solid #fbb100 4px; width: 50px; margin-top: 10px; }

#full_left_wrap p, #full_right_wrap p, #full_wrap p { margin: 6px 0; }
#full_left_wrap, #full_right_wrap { width: 49%; border: 1px solid #000; }
#full_wrap { width: 450px; margin: 20px auto; }
#full_left_wrap { float: left; }
#full_right_wrap { float: right; }

#checkout #forgotten { clear: both; width: 450px; margin: 20px auto; text-align: center; }
#checkout p.checkout_text { text-align: left; }
#checkout #loginbutton { width: 32px!important; float: right; height: 14px; border: solid #fbb100 4px; background-color: #6f9924; }
#checkout #registerbutton { width: 109px!important; margin: 12px 0 2px 0; float: right; }
#checkout #continuebutton { border: solid #fbb100 4px; width: 0 auto!important; margin: 12px 0 20px 0; float: right; }
#checkout #checkoutbutton{ width: 122px!important; margin: 12px 0 20px 0; float: right; }

#full_wrap { padding: 8px; background-color: #fff; border: 1px solid #000; }
#full_wrap form { margin: 30px 0 0 0; }
#full_wrap label { width: 160px; float: left; display: block; }

.billing label { width: 80px; display: block; }
.billing td { padding: 3px 0; }
.billing .reg_field { width: 160px!important; }
.basket_table { background-color: #fff; border-bottom: 1px solid #000; margin-top: 10px; }
.review_table { background-color: #fff; margin-top: 10px; }
.review_table td.tl { width: 90px; font-weight: bold; }
.review_table td.tr { width: 170px; color: #000; }

#checkout #editbutton { width: 0 auto!important; border: 4px solid #fbb100; margin: 12px 0 20px 0; float: right; }
.basket_table th, .basket_order th { padding: 7px 0 7px 6px; border: 1px solid #000; background-color: #fff; color: #000; }
.basket_table td { padding: 9px 3px; border: 1px solid #000; }

.delete_prod { border: solid #fbb100 4px; }
.update_prod { border: solid #fbb100 4px; }

.basket_order td { background-color: #fff; padding: 5px 3px; }
.basket_order tr.altcolor { background-color: #000; }
.basket_table .product_code { font-size: 0.9em; color: #000; padding-top: 4px; }
.basket_table .subtotal td { padding: 6px 0; border-top: 1px solid #000; }
.basket_table .total { font-size: 12px; border-bottom: 2px solid #000; }
.basket_table .total td { border-bottom: 1px solid #000; border-top: 1px solid #000; }
.basket_order a { text-decoration: none; color: #08422a; }
.basket_order a:hover { color: #6f9924; text-decoration: none; }

.check_buttons { margin: 20px 0 30px 0; }
.check_buttons #basketbutton { float: left; border: solid #fbb100 4px; width: 0 auto; }
.check_buttons #checkoutbutton { border: solid #fbb100 4px; float: right; }

#cataloguesubmit { margin-left: 120px; }
#payment { margin: 20px 0 40px 0; }
#payment p { margin: 10px 0; }

.order_status p { padding: 15px 0 0 0; }
.order_status strong { font-size: 12px; }
.order_status a { color: #08422a; font-size: 12px; }
.order_status a:hover { color: #6f9924; font-size: 12px; }

/* --- BASKET --- */

#basket a { color: #08422a; text-decoration: none; line-height: 1.2em; }
#basket a:hover { color: #6f9924; }
#continueshopbutton { width: 60px; float: left; margin: 20px; }
#basket { }

/* --- FOOTER --- */

#top_footer_wrap { height: 40px; background: url(/media/images/nav/top_footer_bg.gif) repeat-x; clear: both;  position: relative; }
.top_footer { font-family: Arial, sans-serif; position: relative; } 
.top_footer li { float: left; padding-left: 20px; width: 202px; font: normal 14px/30px Arial, sans-serif; color: #fff; font-weight: normal; text-transform: none; background: url(/media/images/nav/top_footer_divider_bg.gif) no-repeat 0 0px; }

#footer { background-color: #fff; font-size: 10px; }
#footer a { color: #08422a; }
#footer_top { padding: 10px 0; }
*+html #footer_top { padding: 5px 0 10px 0; }
.footer_mod { width: 210px; float: left; padding: 0 10px; font-size: 10px; color: #000; line-height: 15px; position: relative; }
.footer_mod p { width: 200px; float: left; }
.footer_mod_left { }
.footer_mod_right { border-left: 2px solid #000; }
.cards { clear: both; margin-left: auto; margin-right: auto; text-align: center; }

.footer_mod h3 { font: normal 30px/32px Arial, sans-serif; text-transform: none; letter-spacing: -1px; }
.footer_mod h3 a { color: #08422a!important; }
.footer_mod h3 a:hover { color: #6f9924!important; }
.footer_mod_mid { border-left: 2px solid #000; width: 240px; }
.footer_mod_mid p { width: 196px; float: left; }
#footer_main { clear: both; padding: 0 0 5px 0; position: relative; }
.footer_col { width: 199px; float: left; padding-left: 21px; margin-bottom: 20px; line-height: 14px; position: relative; }
.footer_col h4 { font: bold 10px/16px Arial, sans-serif; color: #6f9924; text-transform: none; }
.footer_col a { color: #6f9924!important; }
.footer_col a:hover { text-decoration: underline!important; }
#footer_btm {  clear: both; margin-bottom: 40px; margin-top: 20px; margin-left: 40px; margin-right: 40px; background-color: #fff; text-align: center; border-top: 1px solid #000; line-height: 16px; padding: 10px 0 0px 0; }
#footer_btm { color: #000; }
#footer_btm a { color: #6f9924!important; }
#footer_btm a:hover { text-decoration: underline!important; }

/* --- MISC --- */

.cleardiv { clear: both; }
.nomargin { margin: 0; }
.textRed { color: #c30!important; }

.field_success_wrap { margin: 10px 0; }
.field_success { background: #efe; color: #090!important; padding: 10px; border: 1px solid #090;  }
.field_error { background: #fee; color: #c30!important; padding: 10px; border: 1px solid #c30;  }
.field_error p, .field_success p { margin: 0!important; padding :0!important; }
.form_error { background: url(/media/images/icon_error.gif) no-repeat left; padding: 3px 20px; }

#pagination_wrap { clear: both; margin: 10px 0 0 0; color: #000; } 
.pagination { font-size: 12px; } 
.pagination a, .pagination span { display: block; float: left; padding: 0.2em 0.5em; margin-right: 0.5em; border: 1px solid #fff; background: #fff; }
.pagination span.current { border: 1px solid #6f9924; text-decoration: none; color: #6f9924; }
.pagination a { color: #08422a!important; border: 1px solid #08422a; text-decoration: none; }
.pagination a:hover { color: #6f9924!important; border: 1px solid #6f9924; text-decoration: none; }

.item_sorry { background: #fee; color: #c30!important; padding: 10px 0 10px 10px; border: 1px solid #6f9924;  } 
.item_sorry h2 { color: #c30!important; } 
.item_sorry p { margin: 0!important; }