/*-------------------------------------------------------

  Table of Contents:

	Reset
	Global Preset
	Generic
	Body/Container
	Header Layout
	Navigation
	Middle Layout
	Footer Layout
	Classes
  
---------------------------------------------------------*/
/* Reset
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, p, ul, li {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	line-height:1;
	margin:0;
	outline:0;
	padding:0;	
	text-align:left;
	vertical-align:baseline;
}

body, ul, ol, dl, td, th, caption, pre, p, blockquote, input, textarea {
	font-size:62.5% /* 16px × 62.5% = 10px */; /*Sets ems so they can be used approximately as pixels*/
	line-height:normal;	
}

a img { display: block; }

table {border-collapse:collapse; border-spacing:0;}
q:before, q:after, blockquote:before, blockquote:after {content:"";}

ul {list-style-position:outside; list-style-type:disc;}
ol {list-style-position:outside; list-style-type:decimal;}

a {color:#e29400; text-decoration:underline}
a:hover { color:#fff; background-color: #e29400; }

/* Global Preset
--------------------------------------------------------------------------------------- */
body, ul, ol, dl, td, th, caption, pre, p, blockquote, input, textarea {
	color:#6d6f72;
	font-family:"Trebuchet MS", arial, sans-serif;
}

input {
	border: 1px solid #ffffff; /*standardise the border colour of input elements*/
	font-size:1em!important;
	vertical-align:top; /*removes a bug in FF where input elements have extra margin applied by the browser*/
}

legend, label {font-size:1em!important;}

ul {font-size:1.2em;}
ol {font-size:1.2em;}
p, address  {font-size:1.1em; line-height:1.4em;}
q  {font-size:1.2em;}
td {font-size:1.2em;}
th {font-size:1.2em; font-weight:bold}
p, ul, ol {margin:0; padding:0 0 18px 0;}
ul.list404 { font-size: 1.1em; margin-left: 16px; }
dl { font-size: 1.1em; }

h1 {font: bold 3.4em "Trebuchet MS", arial, sans-serif; margin:0; padding; 0; }
h2 {font: normal 2.1em "Trebuchet MS", arial, sans-serif; margin-bottom:10px; color:#6b172b; }
h3 {font: 1.5em "Trebuchet MS", arial, sans-serif; margin-bottom:20px; color:#6b172b;}
h4 {font: bold 1.6em "Trebuchet MS", arial, sans-serif; margin-bottom:0.312em;}
h5 {font: bold 1.4em "Trebuchet MS", arial, sans-serif; margin-bottom:0.357em;}
h6 {font: normal 1.4em "Trebuchet MS", arial, sans-serif; margin-bottom:0.357em;}

blockquote {color:#666; font-style:italic; margin: 0 0 18px 18px;}
strong {font-weight:bold;}
em     {font-style:italic;}

.clear { clear: both; }

/* Generic
--------------------------------------------------------------------------------------- */  
/* Body/Container
--------------------------------------------------------------------------------------- */
body{background-color:#bcbdc0;}

#container{
	background-color:#ffffff;
	margin:30px auto 0 auto;
	overflow:hidden;
	padding:18px;
	width:788px;
}

.checkout-onepage-index #container { margin-bottom: 0; }

/* Header Layout
--------------------------------------------------------------------------------------- */
#masthead{overflow:hidden;}

#top_nav ul {
	color:#ffb834;
	float:right;
	font-size:1em;
	list-style:none;
	text-transform:uppercase;
}

#top_nav li {float: left; border-right: 1px solid #ffb834; padding: 0 4px; }
#top_nav li.last { border: none; padding-right: 0; }
#top_nav li a {color:#6d6f72; text-decoration:none}
#top_nav li a:hover {color:#ffb834; background-color: #fff; }

.logo{float:left}

.live_support{ 
	float:right;
	margin:18px 0 0 0;
	width: 181px; 
}
/* Navigation
--------------------------------------------------------------------------------------- */
#nav{
	background:url(../images/nav_bg.gif) repeat-x;	
	height:53px;
	width:788px;
}

#nav ul{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;	
	list-style:none;
	padding:11px 0 0 0;
	text-transform:uppercase;
}

#nav ul li{
	display:inline; 
	float:left;
	padding:2px 10px 0 10px;
}

#nav ul li a{color:#ffffff; text-decoration:none}
#nav ul li a:hover{ color:#ffb834; background-color: #666; }
#nav ul li a.active{font-weight:bold;}
#nav ul li.on{
	background-color: #6b172b; 
	display:inline-block; 
	margin:-7px 0 0 0; 
	padding:9px 8px 9px 8px;
}

#sub_nav{
	background-color:#6b172b;
	clear:both;
	height:22px;
	width: 788px;
}

#sub_nav ul{padding:6px 0 0 10px;}

#sub_nav ul li{padding:0 27px 0 0;}

#nav #sub_nav a:hover { background-color: #6b172b;  }

form#search_form{
	float:right;
	margin:7px 10px 0 0;
}

form#search_form label{display:none;}

form#search_form input{
	font-size: 13px !important; 
	border:1px solid #6d6f72;
	padding:2px;
	width: 125px; 
}

form#search_form input.submit{
	height:17px;
	width:57px;
}

#nav a.advanced_search{
	clear: both; 	
	display: block;
	float: right;
	font: bold 1em Arial, Helvetica, sans-serif !important;
	margin:7px 10px 0 0;
	text-transform:uppercase;
}

#sub_nav a.advanced_search{
	clear:none;
	color:#ffffff; 
	margin-top: 6px;
}

a.advanced_search:hover { background-color: #fff; color: #fed68b; }

#sub_nav a.advanced_search:hover { background-color: #6b172b; color: #fed68b; }

/* Middle Layout 
--------------------------------------------------------------------------------------- */
/*Index Page*/
#orange_block{
	background-color:#ffb736;
	height:26px;
	padding:8px 0 0 10px;
	width:778px;
}

.index_box{
	float:left;
	height:405px;
	margin:0 7px 0 0;
	width:258px;
}

.index_box img{ margin-top: 2px; float:left;}

.index_box a { text-indent:  -999em; }

a.weatherproof, a.undercover, a.indoor, a.pet{
	display:block;
	float:left;
	height:53px;
	width:258px;
}

a.weatherproof { background:url(../images/weatherproof.gif) no-repeat 0 0;}

a.undercover { background:url(../images/undercover.gif) no-repeat 0 0;}

a.indoor { background:url(../images/indoor.gif) no-repeat 0 0;}

a.pet { background:url(../images/indoor.gif) no-repeat 0 0;}

a.weatherproof:hover, a.undercover:hover, a.indoor:hover, a.pet:hover{
	background-position:0 -67px;
}

#about_us{
	background-color:#bcbdc0;
	float:left;
	height:62px;
	margin:10px 0 17px 0;
	padding:10px 40px 10px 10px;
	width:737px;
}

#about_us h2{float:left;}

#about_us p{
	line-height:1.3em;
	margin:0 0 0 255px;
}

#about_us a{color:#6b172b;}
#about_us a:hover { color: #fff; background-color: #bcbdc0; }

.index_section_left, .index_section_right, .index_section_mid{	
	float:left;
	width:242px;
	margin: 3px 0;
}

.index_section_left h2, .index_section_right h2, .index_section_mid h2, .index_section_left p, .index_section_right p, .index_section_mid p { margin: 0; padding: 0; }

.index_section_left{margin:0 20px 0 0;}

.index_section_right{margin:0 0 0 15px;}

.index_section_mid{
	border-left:1px solid #ffb834;
	border-right:1px solid #ffb834;
	padding:0 10px 0 15px;
	width:237px;
}

/*Main Content*/
#main_content, #product_main_content{
	clear:both;
	width:788px;
}

#product_main_content{margin:32px 0 0 0;}

.product_list_container, .category_list_container {
	border-bottom:1px solid #d9d9d9;
	margin:0 0 20px 0;
	overflow:hidden;
	padding: 0;
	width:788px;
}

.category_list_container .description {
	float:left;
	width:575px;
}

.product_list_container .description{
	float:left;
	width:456px;
}

.description p { margin: 0; padding: 0; clear: both;}
.description p.browse { margin: 0; padding: 0 0 18px; }

.description h3 { line-height: 1.4; margin: 0; width: 300px; float: left; }
.description .price-box { width: 156px; float: left; text-align: right; color: #6B172B; font-size: 1.5em; line-height: 1.4; }

.description h3 a { color: #6B172B; text-decoration: none; }
.description h3 a:hover { background-color: #6B172B; color: #fff;  }

.category_list_container .image, .product_list_container .image {
	float:left;
	padding: 0;
	text-align:center;
	width:213px
}

.category_list_container .image img, .product_list_container .image img { margin: 0 auto; }

.product_list_container ul.details{
	float:left;
	margin:20px 0 0 0;
	padding:0;
	width:119px;
}

.product_list_container ul.details li{
	background-color:#bcbdc0;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	list-style:none;
	margin:1px 0 1px 0;
	padding: 5px 3px 5px 6px;
	text-transform: uppercase;
}

.product_list_container ul.details li.more {padding:0 ;}
.product_list_container ul.details li.more a:hover{background-color:#fdd281;}
.product_list_container ul.details li.more a{
	display: block;
	color:#6d6f72;
	text-decoration:none;
	padding:5px 3px 5px 6px;
	background-color:#ffb934; 	
	}

a img.arrow{
	height:4px;
	padding:0 0 2px 0;
	width:8px;
	display: inline;
}

/*Left Columns*/
#left_col, #contact_left_col, #product_left_col{
	float:left;
	padding:0 46px 0 0;
	width:219px;
}

#product_left_col{
	padding:0;
	width:265px;
}

#left_col h2, #contact_left_col h2, #product_left_col h2{
	background-color:#6b172b;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:0;
	padding:6px 0 6px 12px;
	text-transform:uppercase;
	width:207px;
}



#contact_left_col h2, #product_left_col h2{	
	padding:6px 0 6px 12px;
	width:207px;
}

#product_left_col h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/*Enquiry Form*/
#enquiry{
	background-color:#6d6f72;
	color:#ffffff;	
	font-size:1.1em;
	padding:12px;
	width:195px;
}

#enquiry p{
	color:#ffffff;
	font-size:1em;
	line-height:1.4em;
}

form#enquiry_form{
	margin:0;
	padding:0;
	width:195px;
}

form#enquiry_form label{
	color:#ffffff;	
	font-size:1em!important;
}

form#enquiry_form input{
	margin:12px 0 12px 0;
	padding:2px;
	width:190px;
}

form#enquiry_form textarea{
	background-color:#ffffff;
	border:1px solid #ffffff;
	font-size:1.1em;
	height:50px;
	margin:12px 0 12px 0;
	padding:2px;
	width:190px
}

form#enquiry_form .submit{
	border:none;
	float:right;
	margin:0;
	height:8px;
	width:48px;
}

/*Product Detail Menu*/
#product_left_col ul{
	font-size:1.1em;	
	width:265px;
}

#product_left_col ul li{
	border-bottom:1px solid #ffffff;	
	list-style:none;
}

#product_left_col ul li.active{border-bottom:1px solid #ffb934;}

#product_left_col ul li a{
	background-color:#6d6f72;
	color:#ffffff;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	height:11px;
	padding:6px 0 6px 11px;
	text-decoration:none;
	text-transform:uppercase;
	width:208px;
}

#product_left_col ul li a:hover, #product_left_col ul li.active a{
	color:#ffb934;
}

/*Right Columns*/
#right_col, #contact_right_col, #product_right_col{
	float:right;
	padding:0 34px 0 0;
	width:489px;
}

#product_right_col{
	margin:0 0 45px 0;
	padding:0;
	width:523px;
}

#contact_right_col h2, #right_col h2 a{
	color:#6b172b;
	font-weight:normal;	
}

#right_col h2 a{
	font-size:1em;
	text-decoration:none;
}

#contact_right_col h2{font-size:2.1em;}

#right_col h3{
	color:#e29400;
	font-size:1.2em;
	line-height: 1.4em;
	margin: 10px 0 0;
}

#contact_right_col h3{margin:0 0 13px 0;}

#right_col p{line-height:1.4em; padding: 0 0 10px; }
#right_col ul { font-size: 1.1em; }
#right_col li { line-height: 1.4em; padding: 0 0 2px 0; margin: 0 0 0 20px; }

/*Product Detail Tabs*/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide{display:none;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber{}
.tabberlive{margin-top:1em;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{
	border-right:1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding: 0;	
	text-transform:uppercase; 
}

ul.tabbernav li {
	display: inline;
	list-style: none;
	margin: 0;	 
	float: left; 
	width: 174px;
	padding: 0; 
	text-align: center;
}

ul.tabbernav li a{
	background:#ffb736;
	border:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:none;
	display: block;
	padding: 6px 0 8px 0;
	text-decoration:none;
}

ul.tabbernav li a:link{color:#6d6f72;}
ul.tabbernav li a:visited{color:#6d6f72;}

ul.tabbernav li a:hover{	
	background-color: #fed68b;
	color:#6b172b;
}

ul.tabbernav li.tabberactive a{
	background-color:#ffffff;
	border-bottom:1px solid #fff;
	color:#6b172b;
}

ul.tabbernav li.tabberactive a:hover{
	color:#6b172b;
	background:#ffffff;
	border-bottom:1px solid #ffffff;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {	
	border:1px solid #000000;
	border-top:0; 
	padding: 5px; 
	width:511px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2{display:none;}

.product_detail_content{
	padding:0px 5px 12px 7px;
	margin-bottom: 7px;
	width:498px;
}

.product_detail_content .text{
	float:left;
	margin:7px 10px 0 0;
	width:242px;
}

.product_detail_content .widetext{
	float:left;
	margin:7px 0 0 0;
	width:498px;
}

.product_detail_content .product_detail_right{
	float:right;
	width:246px;
	margin:7px 0 0 0;
}

.product_detail_content .thumbnails img {
	padding:12px 12px 0 0; display: inline; 
}

.product_detail_content h3{
	color:#e29400;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin:0;
	text-transform:uppercase;
}

.product_detail_content p{padding:0 0 10px 0;}
.product_detail_content ul {padding:0 0 10px 0; }
.product_detail_content li { margin: 0 0 0 16px; line-height:1.4em; }

.product_detail_content div.price-box { font-size: 140%; }

.product_detail_content a{
	background:url(../images/orange_arrow.gif) no-repeat right;
	font-size:1.1em;
	padding:0 10px 0 0;
	text-decoration:none;
	text-transform:uppercase;
}

.product_detail_content a:hover { color: #333; }

#shop_panel{	
	clear:both;
	float:right;
	height:31px;
	margin:12px 0 0 0;
}

#shop_panel b { font-size: 1.4em; padding:6px 3px 6px 3px; background-color:#d3d4d4; text-transform: uppercase; }

#shop_panel label { text-transform: uppercase; font-family: arial,helvetica, sans-serif; font-size: 1.142em !important; letter-spacing: 0.05em; margin-right: 2px; }

#shop_panel select { font-size: 1.2em; margin-right: 5px; }

#shop_panel form fieldset{
	background-color:#d3d4d4;
	float:left;
	height:20px;
	margin: 0;
	padding:6px 3px 6px 14px;
}

#shop_panel form input.submit{
	border:none;
	padding:4px 5px 0 0;
	position:relative;
	z-index:5;
}

/* Footer Layout
--------------------------------------------------------------------------------------- */
#footer{
	margin: 7px auto ;
	padding-bottom: 20px; 
	width:824px;
}

#footer ul{
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
}

#footer ul li{
	display:inline;	
	float:left;
	font-size:0.9em;
	padding:0 16px 0 0;
}

#footer ul li.terms{
	float:right;
	padding:0;
}

#footer a {color:#6d6f72; text-decoration:none; }
#footer a:hover { color: #fff; background-color: #bcbdc0;  }

/* Classes
--------------------------------------------------------------------------------------- */
.float_left{float:left}
#search_form legend, p.no-display, .img_replace{display:none}


.tabbernav:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.tabbernav {display:inline-block;}
/* Hide from IE Mac \*/
.tabbernav {display:block;}
/* End hide from IE Mac */