/* 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 { margin-left: 25px; }
.content_main_text li, #item_right li { list-style: disc; margin: 3px 0; }

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

#prod_item #item_right { 
color: #08422a; 
width: 336px;
float: right;
margin-left: 20px; }

#item_right h2 { 
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_code { 
font-size: 10px; 
margin: 10px 0 15px 0; }

#item_right .item_price  { 
font-size: 22px; 
color: #9a9ba6;
font-weight: bold; 
margin-bottom: 16px; }

* html #item_right .item_price { 
margin-bottom: 9px; }

#item_right .item_price strong { 
text-decoration: line-through; }

#item_right .item_price .price_offer { 
color: #8e0606; }

.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 { 
border: solid #fbb100 4px;
margin-top: 15px; }

* html #item_right p { 
margin: 9px 0; }

#item_wrap .img_full { 
margin-bottom: 15px; }

#item_right #id { 
width: 250px; }

#size_add {
margin: 20px 0 20px 0; }

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