/* 
Theme Name: Barnes
Theme URL: http://newbox.ca/
Description: A custom theme
Author: Stuart Starr
Author URI: http://newbox.ca
Version: 1.0
*/

body {
	color:#211f1f;
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	min-width:998px;
	background-color: #f4eee2;
	background-image: url(images/bg-body.gif);
	background-repeat: repeat-x;
}
body.inner {
	background:#f4eee2 url(images/bg-body2.gif) repeat-x;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input, select, textarea {
	padding:0;
	font:100% Arial, Helvetica, sans-serif;
}
a {
	text-decoration:underline;
	/*color:#b18a58;*/
	color:#832904;
}
a:hover {
	text-decoration:none;
	color:#832904;
}
img {
	border:none;
}
#wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
	padding-top:170px;
}
#wrapper h1 {
	margin:0;
	width:270px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:61px;
	left:-2px;
	z-index:100;
	background:url(images/logo2.gif) no-repeat;
}
#wrapper h1 a {
	display:block;
	height:100%;
}
/* header */
#header {
	width:960px;
	position:absolute;
	top:0;
	left:0;
	height:170px;
	z-index:90;
	background:url(images/bg-header.jpg) no-repeat;
}
#header .top-nav {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:14px;
	right:-16px;
	overflow:hidden;
}
#header .top-nav li {
	padding:0 16px;
	float:left;
	background:url(images/sep01.gif) no-repeat 0 2px;
	margin-left:-1px;
}
#header .top-nav li a {
	color:#f2ece0;
	text-decoration:none;
	font-size:11px;
}
#header .top-nav li a:hover {
	text-decoration:underline;
}
.search-box {
	width:265px;
	height:38px;
	position:absolute;
	top:42px;
	right:5px;
	padding:9px 0 0 22px;
	background:url(images/bg-search-box.gif) no-repeat;
}
.search-box label {
	float:left;
	color:#231f20;
	line-height:22px;
}
.search-box input.text {
	width:162px;
	height:15px;
	float:left;
	border:1px solid #c5bfa9;
	background:#f4eee2;
	margin:0 6px 0 8px;
	padding:3px 3px 2px 3px;
	color:#231f20;
	font-size:11px;
}
.search-box .btn {
	float:left;
}
.login-box {
	position:absolute;
	top:10px;
	left:0;
}
.login-box label {
	float:left;
	padding-right:27px;
	line-height:19px;
	color:#f4eee2;
	background:url(images/sep03.gif) no-repeat 100% 0;
	margin-right:24px;
}
.login-box .text {
	float:left;
	width:92px;
	height:15px;
	padding:3px 3px 2px 3px;
	background:#f4eee2;
	border:1px solid #543a1f;
	margin-right:10px;
	color:#231f20;
	font-size:11px;
}
.login-box .btn {
	float:left;
}
.nav-box {
	background:url(images/bg-right-shadow.gif) no-repeat 100% 0;
	padding-right:22px;
	position:absolute;
	top:139px;
	left:-22px;
	width:980px;	
	/* ie6 and 7 hack added 3/3/10 */
	*padding-right:10px;
	*width: 1022px;
}
/* * html .nav-box {
	width:978px;
}
* +html .nav-box {
	width:978px;
}*/
.nav-box .bg {
	background:url(images/bg-left-shadow.gif) no-repeat;
	padding-left:20px;
	/* ie6 and 7 hack added 3/3/10 */
	*width: 1005px;
	height:1%;
}
#nav {
	margin:0;
	padding:1px 0 0 0;
	list-style:none;
}
#nav:after {
	clear:both;
	content:"";
	display:block;
}
#nav li {
	float:left;
	background:url(images/sep02.gif) no-repeat;
}
#nav li:first-child {
	background:none;
}
#nav li a {
	color:#f4eee2;
	text-decoration:none;
	white-space:nowrap;
	line-height:29px;
	display:block;
	padding-bottom:1px;
	text-align:center;
}

#nav>li>a {
	text-transform:uppercase;
}

#nav .current_page_ancestor>a, #nav .current_page_ancestor>a:hover, #nav .current_page_item>a, #nav .current_page_parent>a,  #nav .current_page_item>a:hover, #nav .current_page_parent>a:hover, #nav li a.active ,
#nav li.hover a ,
#nav li:hover a {
	background:url(images/bg-nav-hover.gif) no-repeat 2px 0;
}
#nav li.hover ,
#nav li:hover {
	position:relative;
}
#nav li.hover ul ,
#nav li:hover ul {
	display:block;
}
#nav li.hover ul ul ,
#nav li:hover ul ul {
	display:none;
}
#nav ul {
	margin:0;
	padding:0 0 0 1px;
	list-style:none;
	position:absolute;
	top:30px;
	left:1px;
	width:195px;
	display:none;
}
#nav ul li {
	width:100%;
	border-top:1px solid #6b2203;
	background:none !important;
	padding:0;
}
#nav li.hover ul a ,
#nav li:hover ul a {
	background:#832904 url(images/arrow03.gif) no-repeat 180px 50%;
}
#nav ul li.hover a ,
#nav ul li:hover a {
	background:#6b2203 url(images/arrow03.gif) no-repeat 180px 50%;
}
#nav ul li a {
	padding:0 20px 0 20px;
	color:#f3ede1;
	font-size:11px;
	text-align:left;
	background:url(images/arrow03.gif) no-repeat 180px 50%;
	line-height:25px;
	width:155px;
	white-space:normal;
}
#nav ul ul {
	width:155px;
	left:195px;
	top:0;
}
#nav ul ul a {
	width:125px;
	padding-right:10px;
}
#nav ul li.hover ul ,
#nav ul li:hover ul {
	display:block;
}
#nav ul li.hover ul a ,
#nav ul li:hover ul a {
	background:#832904 ;
}
#nav ul li.hover ul a:hover ,
#nav ul li:hover ul a:hover {
	background:#6b2203;
}
#main {
	overflow:hidden;
	height:1%;
	padding:2px 0 38px;
}
/* gallery-box */
.gallery-box {
	position:relative;
	z-index:80;
}
.gallery-box .bg {
	background:url(images/bg-gallery-box01.png) no-repeat;
	padding:18px 0 0 46px;
	width:911px;
	height:297px;
}
.inner .gallery-box .bg {
	background:url(images/bg-gallery-box02.png) no-repeat;
	padding:13px 0 0 28px;
	width:929px;
	height:157px;
}
.gallery-box img {
	display:block;
}
.titel-box {
	width:954px;
	height:85px;
	background:url(images/bg-title-box.gif) no-repeat;
	margin:-27px 0 8px;
	padding:38px 0 0;
}
.inner .titel-box {
	margin-top:-24px;
}
.titel-box h2 {
	margin:0 0 8px;
	font-size:28px;
	color:#f2ece0;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
	height:29px;
}
.titel-box h2.best {
	width:694px;
	background:url(images/txt-best.png) no-repeat;
}
.titel-box h2.product {
	width:582px;
	background:url(images/txt-product.png) no-repeat;
}
.titel-box em {
	float:right;
	color:#f2ebdf;
	font-size:11px;
	margin-right:148px;
}
.page .titel-box em {
	margin-right:197px;
}
/* box-holder */
.box-holder {
	width:923px;
	margin:0 0 20px 17px;
	overflow:hidden;
	background:url(images/sep04.gif) repeat-x;
}
.box-holder .bg {
	padding:4px 0;
	background:url(images/sep04.gif) repeat-x 0 100%;
	overflow:hidden;
	width:926px;
	margin-left:-3px;
}
.box {
	width:198px;
	float:left;
	padding:11px 15px 13px 15px;
	min-height:185px;
	background:url(images/bg-box.gif) repeat-y;
	margin-left:3px;
	display:inline;
	position:relative;
}
.box .arrow-hover {
	width:114px;
	height:107px;
	position:absolute;
	top:63px;
	left:63px;
	text-indent:-9999px;
	overflow:hidden;
	display:none;
	background:url(images/arrow10.png) no-repeat;
}
* html .box {
	height:185px;
}
.box.hover .arrow-hover ,
.box:hover .arrow-hover {
	display:block;
}
.box h3 {
	margin:0 0 12px;
	font-size:18px;
	line-height:21px;
	background:url(images/arrow02.gif) no-repeat 100% 0;
}
.box h3 a {
	color:#2c1e10;
	display:block;
}
.box .text {
	background:url(images/bg-text-box.gif) no-repeat;
	padding:11px 10px 0 16px;
	min-height:141px;
}
* html .box .text {
	height:141px;
}
.box .text strong {
	color:#f4eee2;
	font-size:14px;
}
.box .text p {
	margin:9px 0 0;
	font-weight:bold;
	color:#a5895c;
}
.box .text a {
	display:block;
	width:133px;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/bg-btn01.png) no-repeat;
	margin:22px 0 0 22px;
}
.box .text a:hover {
	background:url(images/bg-btn01-hover.png) no-repeat;
}
.box img {
	display:block;
}
.holder {
	overflow:hidden;
	height:1%;
	padding-left:16px;
}
.holder h3 {
	margin:0 0 6px;
	color:#543a1f;
	font-size:18px;
}
/* video */
.video {
	width:418px;
	float:left;
	margin-right:46px;
}
.video a {
	float:right;
	padding-right:9px;
	margin-top:7px;
	background:url(images/arrow05.gif) no-repeat 100% 50%;
}
.video img {
	border:solid #c5bfa9;
	border-width:6px 7px;
	display:block;
}
.link-box {
	width:356px;
	float:left;
}
.link-box ul {
	margin:0;
	padding:11px 0 15px 0;
	list-style:none;
}
.link-box ul li {
	background:url(images/bullet01.gif) no-repeat 0 7px;
	padding:0 0 4px 13px;
	line-height:18px;
}
.link-box .more {
	width:151px;
	height:62px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(images/btn-read.gif) no-repeat;
}
.link-box .more a:hover {
	background:url(images/btn-read-hover.gif) no-repeat;
}
.link-box .more a {
	display:block;
	height:32px;
}
.join-box {
	float:left;
	width:90px;
}
.join-box h3 {
	margin-bottom:18px;
}
.join-box img {
	margin-bottom:8px;
	display:block;
}
.content-holder {
	width:923px;
	padding-left:17px;
}
/* breadcrumbs */
.breadcrumbs {
	margin:3px 0 25px;
	padding:0 0 9px;
	list-style:none;
	background:url(images/sep04.gif) repeat-x 0 100%;
	overflow:hidden;
	height:1%;
}
.breadcrumbs li {
	float:left;
	margin-right:8px;
}
.breadcrumbs li a {
	padding-right:13px;
	font-size:11px;
	background:url(images/arrow06.gif) no-repeat 100% 50%;
}
/* content */
#content {
	width:640px;
	float:left;
}
#content h2 {
	font-size:25px;
	margin:0 0 13px;
}
#content p {
	margin:0 0 21px;
	line-height:20px;
}
.menu {
	width:523px;
	margin:43px 0 0 62px;
	background:url(images/sep04.gif) repeat-x 0 100%;
	overflow:hidden;
}
.menu .block {
	padding-top:3px;
	background:url(images/sep04.gif) repeat-x;
	margin-bottom:3px;
}
.menu .block .arrow {
	float:right;
	width:38px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/arrow07.png) no-repeat;
}
.menu .block .bg {
	background:#eee8d7 url(images/bg-gradient.gif) repeat-x;
	overflow:hidden;
	height:1%;
	padding:20px 14px 8px 18px;
}
.menu .block h3 {
	margin:0;
	font-size:18px;
}
.menu .block h3 a {
	color:#211f1f;
}
#content .menu .block p {
	margin:0 0 5px;
}
.menu .block div.hover ,
.menu .block .bg:hover {
	background:#c5bfa9;
}
/* sidebar */
#sidebar {
	width:228px;
	float:right;
	padding-top:4px;
}
#sidebar .box-bg {
	background:url(images/sep04.gif) repeat-x;
	margin-bottom:17px;
}
#sidebar .box-bg2 {
	background:url(images/sep04.gif) repeat-x 0 100%;
	padding:3px 0;
	overflow:hidden;
	height:1%;
}
#sidebar .box {
	margin:0;
}
.product-list {
	background:#ddcfaa url(images/bg-product-box.gif) no-repeat;
	padding:12px 5px 16px 6px;
}
.product-list h3 {
	margin:0 0 11px 8px;
	font-size:18px;
}
.product-list ul {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #a5895c;
}
.product-list ul li {
	border-top:1px solid #a5895c;
	padding:1px 0;
	line-height:27px;
}
.product-list ul li a {
	color:#744529;
	padding-left:27px;
	display:block;
	background:url(images/arrow08.gif) no-repeat 8px 9px;
}

.product-list ul li a.active ,
.product-list ul li a:hover {
	text-decoration:none;
	color:#f4eee2;
	background:#b18a58 url(images/arrow09.gif) no-repeat 8px 9px;
}
/* footer */
#footer {
	width:100%;
	border-top:6px solid #c5bfa9;
	background:#6e4024 url(images/bg-footer.gif) repeat-x;
}
#footer .hold {
	width:930px;
	margin:0 auto;
	padding-top:49px;
	overflow:hidden;
	height:178px;
	background:url(images/bg-footer2.jpg) no-repeat 100% 0;
}
#footer .logo-box {
	width:216px;
	float:left;
	padding:5px 60px 0 0;
}
#footer .logo-box .logo {
	width:178px;
	height:40px;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/footer-logo.png) no-repeat;
}
#footer address {
	margin:0;
	padding:17px 5px 0 0;
	font-style:normal;
	float:right;
}
#footer address span {
	display:block;
	text-align:right;
	line-height:18px;
	color:#ddcfaa;
}
#footer .list-box {
	width:110px;
	float:left;
}
#footer strong {
	color:#f4eee2;
	display:block;
	margin-bottom:15px;
}
#footer .list-box ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer .list-box ul li {
	padding-left:13px;
	background:url(images/arrow04.gif) no-repeat 0 7px;
}
#footer .list-box ul li a {
	text-decoration:none;
	color:#b18a58;
	line-height:17px;
}
#footer .list-box ul li a:hover {
	text-decoration:underline;
}
#footer .contact-box {
	float:left;
}
#footer .contact-box span {
	display:block;
	color:#ddcfaa;
	line-height:18px;
}

.clear { clear: both; }

/* alerts START */
h3.alert.success, h3.alert.warning, h3.alert.error { margin:0 0 10px 0; border:2px solid #ddd; font-size:12px; padding:5px 5px 5px 35px; color:#000; }
h3.alert.success { border-color:#C6D880; background: #E6EFC2 url(images/icon-yes.png) no-repeat 5px 1px; }
h3.alert.warning { border-color:#FFD324; background: #FFF6BF url(images/icon-info.png) no-repeat 5px 1px; }
h3.alert.error { border-color:#FBC2C4; background: #FBE3E4 url(images/icon-no.png) no-repeat 5px 1px; }
/* alerts END */

/* forms: START */

.cssform .col_full { display:inline; padding:10px 0 0 0; margin: 0 0 10px 0; text-align:left; }
.cssform fieldset { margin-bottom: 10px; }
.cssform legend { font-weight:bold; }
.cssform p { margin: 0 !important; padding: 0 0 8px 200px; }
.cssform label { font-weight: bold; float: left; margin-left: -200px; width: 200px; }
.cssform label img {vertical-align:top;}
.cssform .cb_inline label, .cssform .cb_block label { margin-left: 0; float:none; white-space:nowrap; font-weight: normal; }
.cssform .cb_block label { display:block; }
.cssform .rb_inline label, .cssform .rb_block label { margin-left: 0; float:none; white-space:nowrap; font-weight: normal; }
.cssform .rb_block label { display:block; }
.cssform label.field { margin-left: 0; width:200px; margin-bottom: 10px; }
.cssform input[type="text"], .cssform input[type="password"], .cssform select, .cssform textarea { width: 200px; }
.cssform input[type="text"].big, .cssform input[type="password"].big, .cssform select.big, .cssform textarea.big { width: 400px; }
.cssform input[type="checkbox"] { margin-right: 5px; vertical-align: middle; margin-bottom: 2px; }
.cssform textarea { height: 100px; }
.cssform p.first { padding-top: 10px; }
.tablegrid { border-collapse: collapse; width:auto; margin-right: 18px; }
.tablegrid th, .tablegrid td { padding:3px; font-size: .9em; }
/* forms: END */