/*#############################################################

Thanks to: Viktor Persson
URL: http://templates.arcsin.se

#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #273E51;
   text-decoration: none;	
}

a:hover {color: #6D6A59;
         text-decoration:underline;
}

.padded a {color: #273E51;
   text-decoration: none;	
}

.paddedNoProducts a {color: #ff0000;
   text-decoration: none;	
}

body {
	background: #ABAB98 url(../images/bg2.gif);
	color: #333;
	font: normal 62.5% arial,"Lucida Sans Unicode",sans-serif;
	margin: 0 0;
}

p,ul {
	padding-bottom: 1em;
}

ul {
	margin-left: 2em;
	line-height: 1.7em;
}

li {list-style: none;}
.main li {list-style-image: url(../images/li.gif);}

h1 {font-size: 1.4em;
	padding: 0px 0 8px 0px;
}

h2 {font-size: 1.2em;
	padding: 0px 0 8px 0px;
	color: #0033FF;
}

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}

h1,h2,h3 {color: #273E51;}

h4 {
	color: #ff0000;
	font-size: 1.4em;
	padding: 0px 0 8px 0px;
}

/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.main .paddedNoProducts {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}
.main_right .paddedForm {padding: 6px 2px 6px 0px;}

/* structure */
.container {
	font-size: 1.2em;
	background: url(../images/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 840px;
	border: 2px solid #95927C;
}

.containerCart {
	font-size: 1.2em;
	background: url(../images/bgcontainerCart.gif) repeat-y;
	margin: 0 auto;
	width: 840px;
	border: 2px solid #95927C;
}

/* header */
.header {
	float: left;
	width: 640px;
	background: url(../images/header.jpg) no-repeat;
	font: normal 2.4em Verdana,sans-serif;
	line-height: 150px;
	text-align: center;	
}

/* structure */
.top {
	background: #273E51;
	color: #DDD;
	float: left;
	font: normal 1.4em Verdana;
	height: 50px;
	text-align: center;
	width: 639px;
}
.subnav {
	float: left;
	width: 160px;
}

.subnavGreen {
	float: left;
	width: 160px;
}

.subnavCart {
	float: left;
	width: 140px;
}
.main {
	float: left;
	width: 480px;
}

.mainCart {
	float: left;
	width: 530px;
	padding-left: 8px;
}

.main_right {
	float: right;
	width: 200px;
	color: #ffffff;
}

.main_right a {
	color: #ffffff;
    text-decoration: none;	
}

.main_right a hover{
	color: #FFFFBB;
    text-decoration:underline;	
}

.main_rightCart {
	float: right;
	width: 150px;
	color: #FFFFEE;
}

.main_rightCart .paddedCart {
	margin-right: 5px;
}	

.main_right .padded {
	margin-right: 5px;
}	

.main_right h1,h2,h3 {
	color: #FFFFEE;
	font-size:1.3em;
}

.main_rightCart h1,h2,h3 {
	color: #ffffff;
	font-size:1.3em;
	padding-left: 8px;	
				   	
}

.main_padded h1,h2,h3 {
	color: #273E51;
	font-size:1.1em;
	padding-left: 0px;	
				   	
}

.main_rightCart p {
	color: #ffffff;
	font-size:1.1em;
	padding-left: 8px;	
}


/* sub-navigation */
.subnav h1 {
	background: #273E51;
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 24px;
	padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	border-bottom: 1px solid #696755;
	list-style: none;
}
.subnav li a {
	background: #89866F;	
	color: #ffffff;
	display: block;
	padding: 2px 0 8px 12px;
	width: 148px;
	text-decoration: none;
	font: 1.1em Arial,sans-serif;
}
.subnav li a:hover {
	background: #9C997C;
	color: #273E51;
}

/* sub-navigation for subnavGreen*/
.subnavGreen h1 {
	background: #CEE7B5;
	color: #48691F;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 24px;
	padding-left: 8px;
}
.subnavGreen ul {margin: 0; padding: 0;}

.subnavGreen li {
	border-bottom: 1px solid #696755;
	list-style: none;
}
.subnavGreen li a {
	background: #6B9E31;	
	color: #ffffff;
	display: block;
	padding: 2px 0 8px 12px;
	width: 148px;
	text-decoration: none;
	font: 1.1em Arial,sans-serif;
}
.subnavGreen li a:hover {
	background: #ffffff;
	color: #48691F;
}

/* sub-navigation for cart pages */
.subnavCart h1 {
	background: #273E51;
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 24px;
	padding-left: 8px;
}
.subnavCart ul {margin: 0; padding: 0;}
.subnavCart li {
	border-bottom: 1px solid #696755;
	list-style: none;
}
.subnavCart li a {
	background: #89866F;	
	color: #ffffff;
	display: block;
	padding: 2px 0 8px 12px;
	width: 128px;
	text-decoration: none;
	font: 1.1em Arial,sans-serif;
}
.subnav li a:hover {
	background: #9C997C;
	color: #000;
}

/* right column navigation and content below it */
.rightnav h1 {
	background: url(../images/right_h1.gif) repeat-x;
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 20px;
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.rightnav ul {margin: 0 ; padding: 0;}
.rightnav li {
	border-bottom: 1px solid #696755;
	list-style: none;
	font: bold 1.1em Verdana,sans-serif;
	
}
.rightnav li a {
	background: #89866F;	
	color: #FFFFEE;
	display: block;
	padding: 6px 0 6px 29px;
	
	text-decoration: none;
}

.rightnav li a:hover {
	background: #9C997C;
	color: #273E51;
}

/* the following handles the red "current specials" on the topNav menu kjg 03/14/08 */
.rightnav2 li a {
	background: #ff0000;	
	color: #ffffff;
	display: block;
	padding: 6px 0 6px 29px;
	
	text-decoration: none;
}

.rightnav2 li a:hover {
	background: #ffffff;
	color: #ff0000;
}

/* footer */
.footer {
	background: url(../images/bgfooter.gif) repeat-x;
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}

/* ======================================================
Styles the css menu for the manufactureres.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu { margin: 0px;
		height: 55px;
		font-size: 9pt;
		font-family: arial;
}

/* Added by kjg on 2/27/08 to handle the authorize.net logo at bottom left*/
.menu2 { margin: 30px;
		height: 55px;
		font-size: 9pt;
		font-family: arial;
}

.menu ul { margin: 0pt;
		   padding: 0pt;
		   position: relative;
		   z-index: 500;
		   list-style-type: none;
		   width: 11em;
}

.menu li { background-color: #89866F;
		   float: left;
}

.menu li.sub { background-color: #89866F;
}

.menu table { position: absolute;
			  border-collapse: collapse;
			  top: 0pt;
			  left: 0pt;
			  z-index: 100;
			  font-size: 1em;
			  margin-top: -1px;
}

.menu a, .menu a:visited { border: 0px solid #ffffff;
						   display: block;
						   text-decoration: none;
						   height: 1em;
						   line-height: 1em;
						   width: 11em;
						   color: #000000;
						   padding-left: 1em;
						   font-weight: normal;
						   font-style: normal;
						   font-variant: normal;
						   text-transform: none;
}

.menu b { float: right;
		  margin-right: 5px;
}

* html .menu a, * html .menu a:visited { width: 148px;
}

* html .menu a:hover { color: #000;
					   background-color: #9C997C;
					   position: relative;
					   font-weight: normal;
					   font-style: normal;
					   font-variant: normal;
					   text-decoration: none;
					   text-transform: none;
}

.menu li:hover { position: relative;
}

.menu a:active, .menu a:focus { color: #000;
							    background-color: #9C997C;
								font-weight: normal;
								font-style: normal;
								font-variant: normal;
								text-decoration: none;
								text-transform: none;
}

.menu li:hover > a { color: #000;
				     background-color: #9C997C;
					 font-weight: normal;
					 font-style: normal;
					 font-variant: normal;
					 text-decoration: none;
					 text-transform: none;
}

.menu li ul { padding: 2em; visibility: hidden;
			  position: absolute;
			  top: -2em; left: 11em;
			  background-color: transparent;
}

.menu li:hover > ul { visibility: visible;
}

.menu ul a:hover ul ul { visibility: hidden;
}

.menu ul a:hover ul a:hover ul ul { visibility: hidden;
}

.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden;
}

.menu ul a:hover ul { visibility: visible;
}

.menu ul a:hover ul a:hover ul { visibility: visible;
}

.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible;
}

.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible;
}

/*Form Elements*/
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #273E51;
	border: 1px inset #979797;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 3.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

tableProductDetails. img {
	clear:left;
}	

/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #89866F;
	border-bottom: 1px solid #00357D;
	border-left: 1px solid #00357D;
	border-right: 1px solid #001128;
	border-top: 1px solid #001128;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

input.formButtonS {
	background: #ffffff;
	border-bottom: 5px solid #ff0000;
	border-left: 4px solid #ff0000;
	border-right: 4px solid #ff0000;
	border-top: 5px solid #ff0000;
	color: #FF0000;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	font-size: 1.0em;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #696969;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #89866F;
	color: #FFFFFF;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #C8C5B7;
}
.altRowOdd{
	background-color: #B2AF99;
}

/* oldprice is displayed when there is a discount */
.oldprice {
	text-decoration: line-through;
}
.smallprint {
	font-size: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}

.important {
	color: #ff0000;
}


/* This aligns products to the top of the table cell with horizontal display of results */
table#tableSearchResults td {
	vertical-align:top;
}