@charset "utf-8";
/* CSS Document */

body	{padding:0px; margin:0px; background-color:#fdeeb4; text-align:center; font-size:18px;}


#body2	{
	background:url(../styleImages/hessian3.png) repeat;
	height:100%;
	width:100%;
	padding:0px;
	background-color:#fdeeb4;
}

.c-both { clear:both; height:1px; overflow:hidden;}
.c-left { clear:left;}
.wrap {
	margin:0 auto;
	width:900px;
	position:relative;

}

#content { padding:230px 0 0 0; min-height:400px;}

#head {
	position:absolute;
	top:0;
	left:0;
	height:185px;
	overflow:hidden;
	text-align:center;
	width:100%;
	padding:0;
	background:url(../styleImages/redHead4.jpg) left top repeat-x #cb1706;
}
#head h1 { margin:10px 0 0; padding:0;}
#head h1 a {
	margin:20px 0 0 200px; padding:0;
	display:block;
	width:477px;
	height:124px;
	background:url(../styleImages/logo.png) left top no-repeat transparent;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
}

#head ul { margin:0; padding:0;}


/*------------------------------------------------------------------------------------------------
Top Tabs
------------------------------------------------------------------------------------------------*/

#top-tabs {
	position:absolute;
	top:-1px;
	right:105px;
	margin:0; padding:0;
}
#top-tabs li {
	margin:0; padding:0;
	float:left;
	list-style:none;
}
#top-tabs li a { display:inline-block;}
#top-tabs li a {
	display:block;
	float:left;
	/*background:url(../styleImages/top-tab-right.gif) right bottom no-repeat transparent;*/
	background-color:#cb1706;
	padding:0 11px 0 0;
	text-decoration:none;
	margin-left:5px;
	
}
#top-tabs li a span {
	display:block;
	/*background:url(../styleImages/top-tab-right.gif) right bottom no-repeat transparent;*/
	background-color:#cb1706;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#fff;
	padding:4px 0 6px 11px;
}



/*------------------------------------------------------------------------------------------------
Main Navigation
------------------------------------------------------------------------------------------------*/

#main-nav {
	clear:both;
	margin:0; padding:0;
	position:relative;
	top:25px;
	left:0;
}
#main-nav li {
	display:inline;
	list-style:none;
	position:relative;
	margin:0; padding:0;
}
#main-nav li a {
	font:0.8em "Trebuchet MS", Arial, sans-serif;
	color:#a36403;
	text-decoration:none;
	padding:4px 4px;
}
#main-nav li a:hover, #main-nav li a:focus,
#main-nav li:hover a, #main-nav li.curr a {
	color:#000;
}

#main-nav li ul {
	position:absolute;
	left:-99999px;
	text-align:left;
	border:1px solid #333;
	background-color:#fff;
	width:100%;
	
}
#main-nav li:hover ul {
	left:0;
}
#main-nav li ul li {
	display:block;
	margin:0; padding:0;
}
#main-nav li ul li a { display:inline-block;}
#main-nav li ul li a, #main-nav li:hover ul li a {
	color:#000;
	text-align:center;
	display:block;
}
#main-nav li ul li a:hover, #main-nav li ul li a:focus {
	background-color:#601b0e;
	color:#f90;
}



/*------------------------------------------------------------------------------------------------
Column Styling
------------------------------------------------------------------------------------------------*/

.split-cols { float:left; width:900px;}
.first-cols { float:left; width:715px;}
.col-mid {
	float: right;
	width: 490px;
	padding:0 20px;
}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.col-left { margin:0 530px 0 0; }
.col-right { margin: 0 0 0 715px; }
/* */
/* CSS HACK: position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
.split-cols, .first-cols, .columns-float, .col-mid, .col-left, .col-right, h2 { p\osition: relative; }



/*------------------------------------------------------------------------------------------------
Content styling
------------------------------------------------------------------------------------------------*/

#cat-imgs {
	float:left;
	width:100%;
	text-align:center;
}
#cat-imgs ul { margin:0; padding:0 90px 0 100px;}
#cat-imgs ul li {
	margin:0 5px 10px; padding:0;
	float:left;
	list-style:none;
	display:inline;
	height:163px;
	width:163px;
}
#cat-imgs ul li a {
	display:block;
	border:2px solid #66261c;
	background:url(../styleImages/box-footer.gif) left bottom repeat-x #67120d;
	color:#f90;
	text-decoration:none;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
#cat-imgs ul li a strong {
	font:0.8em "Trebuchet MS", Arial, sans-serif;
	display:block;
	background:url(../styleImages/box-head-bg.gif) left bottom repeat-x #67120d;
	text-align:left;
	padding:5px 2px 7px;
}
#cat-imgs ul li a img { border:none;}


#content h1, #content h2 {
	margin:5px 0 15px;
	font:1.5em "Trebuchet MS", Arial, sans-serif;
	text-align:left;
	border-bottom: 2px dotted #000;
	padding:5px 5px 9px;
}
#content p { font:0.8em Arial, Helvetica, sans-serif;}

#view-doc p { text-align:left; color:#000;}

.pagination {
	font:bold 0.8em Arial, Helvetica, sans-serif;
	text-align:left;
}
.pagination ul {
	display:inline;
	margin:0; padding:0;
}
.pagination ul li { 
	margin:0; padding:0;
	list-style:none;
	display:inline;
}
.pagination ul li a:link, .pagination ul li a:visited, .pagination ul li .curr {
	border:1px solid #401812;
	border-left:1px solid #960098;
	border-top:1px solid #960098;
	padding:1px 4px;
	color:#fff;
	text-decoration:none;
	background-color:#66261c;
}
.pagination ul li a:hover, .pagination ul li a:focus {
	border:1px solid #401812;
	border-right:1px solid #960098;
	border-bottom:1px solid #960098;
}
.pagination ul li .curr { background-color:#000; color:#f90;}
.pagination .info { 
	display:block; 
	font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin:4px 0 0;
}


.cat-list {
	float:left;
	width:100%;
	padding:37px 0;
}
.cat-list ul { 
	margin:0;
	padding:5px 0;
	float:left;
	clear:left;
	width:100%;
}
.cat-list ul li {
	margin:0; padding:0 0 38px;
	float:left;
	width:160px;
	list-style:none;
}
.cat-list ul li a img { border:3px solid #66261c;}
.cat-list ul li h3 { margin:0; padding:0l;}
.cat-list ul li h3 a { 
	font:bold 0.7em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
.cat-list ul li h3 a span { font:italic bold 1.1em Arial, Helvetica, sans-serif;}


#prod-imgs {
	float:left;
	width:290px;
}
#prod-imgs img { border:3px solid #66261c;}
#prod-dets {
	margin:0 0 0 290px;
	text-align:right;
}
#prod-dets h2 { font:1.1em "Trebuchet MS", Arial, sans-serif;}
#prod-dets h2 span { color:#000;}

.form-items { margin:5px 0; padding:0;}
.form-items li {
	margin:10px 0; padding:0;
	list-style:none;
}

.col-mid p {
	font:0.8em Arial, Helvetica, sans-serif;
}

label { font:bold 0.8em Arial, Helvetica, sans-serif; color:#000;}

#bold-content, #bold-content td { color:#000; font-weight:bold;}

/*------------------------------------------------------------------------------------------------
Cart BOX
------------------------------------------------------------------------------------------------*/

#cart strong { font:bold 0.8em Arial, Helvetica, sans-serif; color:#000;}
#cart .total { font:bold 0.8em Arial, Helvetica, sans-serif; color:#000;}

#cart ul { border-top:1px solid #66261c; margin:4px 10px 0; padding:4px 0 0;}
#cart ul li { margin:0 0 4px; padding:0; border-bottom:1px solid #66261c;}
#cart ul li .title {
	font:0.8em Arial, Helvetica, sans-serif;
	color:#000;
}
#cart ul li .money {
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#000;
}
#cart ul li img { display:block;}



/*------------------------------------------------------------------------------------------------
Actual Cart Stylings
------------------------------------------------------------------------------------------------*/

td { font:0.8em Arial, Helvetica, sans-serif; text-align:left;}
#cartFrm img {
	border:3px solid #66261c;
}
#cartFrm .prod-details img { border:none;}
#cartFrm .prod-details h4 { margin:0; padding:0; font:bold 1.2em "Trebuchet MS", Arial, sans-serif;}

.prod-details, .prod-image { border-bottom:1px solid #66261c;}

.line-price { font:bold 1.2em "Trebuchet MS", Arial, sans-serif; color:#000;}

.tdCartSubTotal {
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#000;
}

.cartProgress {
	display:block;
	text-align:center;
	background:url(../styleImages/txt-head-bg.gif) left bottom repeat-x #66261c;
	padding:4px 10px 8px;
	font:bold 1em "Trebuchet MS", Arial, sans-serif;
}
.txtcartProgressCurrent { color:#f90;}

/*------------------------------------------------------------------------------------------------
Buttons
------------------------------------------------------------------------------------------------*/

.btn-green {
	/*background:url(../styleImages/btn-green-right.gif) right top no-repeat transparent;*/
	background-color:#a36403;
	padding:5px 12px 6px 0;
	text-decoration:none;
	color:#fff;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	display:inline-block;
	margin-bottom:5px;
}
.btn-green span {
	/*background:url(../styleImages/btn-green-left.gif) left top no-repeat transparent; */
	background-color:#a36403;
	padding:5px 0 6px 12px;
}

.searchBtn {
	border:none;
	/*background:url(../styleImages/btn-search.gif) left top no-repeat transparent;*/
	background-color:#000;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	padding:4px 0 6px;
	width:36px;
	color:#fff;	
}

/*------------------------------------------------------------------------------------------------
Side Boxes
------------------------------------------------------------------------------------------------*/

.box-wrap {
	background:url(../styleImages/box-bg.jpg) left 30px repeat-x #f904f7;
	padding:0;
	margin:17px 0 37px;
	/*border:1px solid #66261c;
	border-left:1px solid #960098;
	border-top:1px solid #960098;*/
	text-align:left;
}
.col-left .box-wrap { margin:0 0 37px;}
.col-right .box-wrap { text-align:center;}
.box-wrap h4 {
	color:#f90;
	font:1.1em "Trebuchet MS", Arial, sans-serif;
	/*background:url(../styleImages/box-head-bg.gif) left bottom repeat-x #67120d;*/
	background-color:#cb1706;
	padding:5px 5px 7px;
	margin:0;
}
.box-content {
	/*background:url(../styleImages/box-footer.gif) left bottom repeat-x transparent;*/
	background-color:#a16800;
	padding:5px 0 9px;
}
.box-content ul {
	margin:0; padding:0;
}
.box-content ul li {
	display:block;
	list-style:none;
	margin:0; padding:6px 9px;
	border-bottom:2px groove #ccc;
}
.box-content ul li a {
	color:#fff;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
}

.box-content img {
	border:3px solid #67120d;
	margin:10px auto;
}
.box-content p {
	font:italic 0.75em Arial, Helvetica, sans-serif;
	padding:4px 5px 8px;
	margin:0;
	color:#000;
}	


/*------------------------------------------------------------------------------------------------
Footer Styles
------------------------------------------------------------------------------------------------*/

#footer {
	
}
#footer-wrapper {
background:url(../styleImages/footerPattern.jpg) left top repeat #cb1706;
	border-top: 15px solid #c50e00;
	float:left;
	width:100%;
	height:100%;
}
#footer h4 {
	font:bold 1em "Trebuchet MS", Arial, sans-serif;
	color:#fff;
	/*background:url(../styleImages/txt-head-bg.gif) left bottom repeat-x transparent;*/
	border-bottom:2px dotted #000;
	margin:35px 0 5px; padding:8px;
}
#footer ul { margin:0; padding:0;}
#footer li {
	list-style:none;
	margin:0 5px 0 0; padding:0;
	display:block;
	float:left;
	width:105px;
}
#footer ul li a {
	color:#fff;
	text-decoration:none;
	font:bold 0.7em Arial, Helvetica, sans-serif;
}
#footer ul ul li a {
	font:bold 0.6em Verdana, Arial, Helvetica, sans-serif;
	color:#f3e3b3;
}


#footer-content {
	/*background:url(../styleImages/foot-logo.gif) right bottom no-repeat transparent;*/
}

.tdExpress {
	background-color: #FFFFC0;
}

#retailLogin {
	height: 134px;
	width:238px;
	background:url(../styleImages/redButtons.jpg);
	margin: 20px auto;
}
#retailLogin a	{
	height: 94px;
	width:238px;
	display: block;
	font-size:20px; 
	font-weight:bold; 
	text-align:centre; 
	color:#f1e9b7; 
	padding-top: 40px;
	text-decoration:none;
}

#wholesaleLogin	{
	height: 134px;
	width:238px;
	background:url(../styleImages/redButtons.jpg);
	margin: 20px auto;
}
#wholesaleLogin a	{
	height: 94px;
	width:238px;
	display: block;
	font-size:20px; 
	font-weight:bold; 
	text-align:centre; 
	color:#f1e9b7; 
	padding-top: 40px;	
	text-decoration:none;
}
#topButtons	{
	height:150px;
	width:100%;
	position:relative;
}