@media print{
 .hide_when_printed{
 display: none !important;
 }
 .show_when_printed{
 display: block !important;
 }
}



@charset "utf-8";
/* SITE NAME
   Updated: 01/01/2010
   Author: Developer Name Here
   ----------------------------------------------------*/

/* SECTION INDEX
			-------------
   =ZEROING ALL ELEMENTS
   =GLOBAL ELEMENTS
   =GLOBAL CLASSES
   =GLOBAL FORMS RULES
   =WRAPPER
   =HEADER
   =NAVBAR
   =MAIN
	 =COLUMN-LEFT
	 =COLUMN-RIGHT
   =BOTTOM WRAP AND FOOTER
   =DISCLAIMERS
   =SFNT PAGE
   =CTGY PAGE
   =PROD PAGE
   =SRCH PAGE
   =LOGN PAGE
   =BASK AND CHECKOUT PAGES
   =BLOG
   =QTIP
   =FORMS
*/

/* =ZEROING ALL ELEMENTS
   ----------------------------------------------------*/
   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

html {
	overflow-y: scroll;
	background:#352911 url('../images/background-dirt.jpg');
	background-attachment:fixed;
}

body { 

	text-align:center; 
	font:62.5%/1.4 Arial, Helvetica, sans-serif; 
	color:#000;
	margin: 0; /* reiterating for webkit */
	}

h1	{ font-size:1.8em; color:#6f941f; }
h2	{ font-size:1.6em; color:#262625; }
h3	{ font-size:1.5em; color:#262625; }
h4	{ font-size:1.4em; color:#000; }
h5	{ font-size:1.2em; color:#000; }
h6	{ font-size:1.1em; color:#000; }

blockquote { 
	margin: 0 10px 10px; 
	background:#EFEFEF; 
	padding: 10px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	color: #3F3F3F;
}

a { color:#6f941f; text-decoration:underline; outline:none; }
a:hover	{ text-decoration:none; }

img {vertical-align: bottom;} /* to prevent a gap from showing below images in some browsers */

ol li {list-style-type: decimal;}
ul li {list-style-type: disc;}
ul ul li {list-style-type: circle;}
ul ul ul li {list-style-type: square;}
ol ol li {list-style-type: lower-alpha;}
ol ol ol li {list-style-type: lower-roman;}

h1, h2, h3, h4, h5, h6, p, ul, dl, ol {
	margin-bottom: 10px;
}

/* ------------------------ GLOBAL CLASSES ------------------------ */

.clear	{ 
	clear:both;
	}

.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}
	
.float-left {
	float: left;
	display: inline;
}

.float-right {
	float: right;
	display: inline;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.hidden{
	display:none;
}

.width-auto {
	width: auto !important;
}

.grey-button {
	color:#000 !important; 
	background:#CFC9B5 !important;
	cursor: pointer;
}

.corners{
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.shadows{
box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
}

.input_btn {
	color:#676767;
	padding: 3px 25px;
	vertical-align: middle;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #EFEFEF;
	margin: 0;
	text-decoration: none;
	width: 150px;
}
	input.input_btn {
		padding: 2px 25px;
		width: auto;
	}

.dark-border {
	border:1px solid #828282 !important; 
}

.button, a.button {
	background: #CCC url("../images/button.jpg") repeat-x;
	padding: 3px 15px;
	border: 1px solid #000;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
	
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ------------------------------- GLOBAL FORM ELEMENTS ------------------------------- */

fieldset {
	border: 1px solid #CCC;
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
}

legend {
	margin: 0 0 0 20px;
	padding: 3px 10px;
	font: normal normal bold 14px/14px Arial, sans-serif;
	color:#6f941f;
}

form { }

	form br { line-height:0; height:0; font-size: 0; } /* defaults vertical spacing between fields */
	
	input, textarea, select { 
		color:#676767;
		padding: 3px;
		vertical-align: middle;
		font: 12px Arial, Helvetica, sans-serif;
		border: 1px solid #8A7343;
		margin: 0;
		}
		input:focus {
			border: 1px solid #6F941F;
		}
		input.submit, label {
			cursor: pointer;
			width: auto;
			padding: 2px;
		}
	
	label {
		display:block;
		float:left;
		width:150px;
		text-align:right;
		margin-right:.5em;
		padding: 3px 0;
		cursor: pointer;
	}
	
	input {
		width: 150px;
		overflow: visible;
	}
	
	select { 
		width: auto;
	}
	textarea { 
		height:90px; 
		overflow:auto; 
		margin: 0 0 4px 0; 
		width: 200px; 
	}
	
label.required{
	font-weight:bold;
}
label.error{
	color:#c00;
}
li.error {
	background-image: none !important;
}
.textfield{/* Use this class to apply a background or background-image to all text inputs and text areas */
	/*background:url(../images/bg_text_input.gif) repeat-x left top;*/
}
.info-message, .warning-message, .error-message, .success-message {
	font-weight:bold;
	padding:10px 10px 0px 50px;
	color:#333;
	position:relative;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
	.info-message {
	background:#9dd7f9 url(../images/info.png) no-repeat 10px center;
	border:1px solid #64a6cc;
	}
	.warning-message {
	background:#f9e29d url(../images/warning.png) no-repeat 10px center;
	border:1px solid #d0bc81;
	}
	.error-message {
	background:#f9a89d url(../images/error.png) no-repeat 10px center;
	border:1px solid #d3847a;
	}
	.success-message {
	background:#c5f99e url(../images/check.png) no-repeat 10px center;
	border:1px solid #98cf70;
	}
	div.info-message, div.warning-message, div.error-message, div.success-message {
	margin:10px;
	}
	.info-message p, .warning-message p, .error-message p, .success-message p {
	margin:0.5em 0;
	}
	.info-message ul, .warning-message ul, .error-message ul, .success-message ul {
	margin-bottom:0;
	}
		.info-message ul li, .warning-message ul li, .error-message ul li, .success-message ul li {
		list-style:none;
		}

  /* _-_-_ CONTACT FORM ELEMENTS _-_-_ */
  #contact-form fieldset{
  	margin: 10px 35px;
  }
  #contact-form p{clear:both;}
  #contact-form textarea{width:400px;}
  #contact-form .btn-container{text-align:center;}
  #contact-form .btn-container input{margin:0 25px;}
  
  #contact-form li {
  	padding-left: 0 !important;
  	margin-bottom: 0 !important;
  }
  
  #contact-form label {
  	margin-left: 85px;
  }
  
  #contact-form .btn-container #submit-catalog {
  	margin-left: 75px;
  }


/* ------------------------------- WRAP ------------------------------- */

#wrap {
	background:url("../images/bg-wrap2.png") repeat-y;
	width:1010px;
	margin:0 auto;
	text-align:left;
	font-size: 1.2em;
	}
	.single-column #wrap {
		background:url("../images/bg-wrap-single2.png") repeat-y; /* if single column, use this background image */
	}

/* ------------------------------- HEADER ------------------------------- */

#header {

	height: 100px;
	width: 1040px;
	margin: 0 auto;
	padding-top: 40px;
	background: transparent url("../images/bg-header2.png") no-repeat;
	position: relative;
}
	
	/* ------------------------ masthead framework ------------------------ */
	#masthead {
		background: url("../images/bg-masthead.jpg");
		display: block;
		height:100px;
		width: 310px;
		position: absolute;
		top: 40px;
		left: 40px;
		}

	/* ------------------------ search ------------------------ */
	
#searchbar{
width:280px;
left:-168px;
top:74px;
position:absolute;
}

	#search {
			margin: 2px 0 0 0;
		}
			#search-submit {
				background: url('../images/search-btn.png');
				width: 28px;
				height: 39px;
				border: 0;
				left:213px;
				position:relative;
z-index:10;

			}
			
			#searchfield {
				background: transparent;
				border: 0;
				cursor: text;
				width:166px;

			}

	/* ------------------------ meta ------------------------ */
	#meta {
		float: right;
		display: inline;
		margin: 10px 140px 0 0;
		height: 24px;
		line-height: 24px;
		text-align:right;
		}

		#meta li { /* if your li's float, you can adjust border height w/ line-height */
			padding:0 8px 0 0; /* adjusts the spacing between each li display and border-left */
			display: inline;
			}
		#meta li.first { border: none; }
		
			#meta a:link, #meta a:visited {  }
			#meta a:hover, #meta a:active {  }

	/* ------------------------ bottom-header-section ------------------------ */




	#top-header-section {
		width: 515px;
		margin-right: 0;
background:url('../images/gheader-content.png');
position:absolute;
margin-left:50%;
height:120px;
margin-top:-35px;
left:-40px;
	}



#store-locator{
	width:166px;
	height:60px;
	position:absolute;
	margin-left:50%;
	margin-top:4px;
	left:-125px;
	background:url('../images/store-locator.png');

}

#store-locator a{
	display:block;
	width:166px;
	height:60px;
}


		#header-right {
			text-align: left;
			margin: 0;
		}

		#search-seal {

position:absolute;
top:100px;
		}

	/* ------------------------ swf ------------------------ */
	
	#aohswf {
		float: left;
	}

/* ------------------------------- NAVBAR ------------------------------- */

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background: #8b7549 url("../images/bg-nav2.png") no-repeat; 
	width:960px; 
	height:47px; 
	margin:0 auto;
	padding:0; 
	}

#nav a { text-indent: -9999px; }

#nav li, #nav a { 
	height:46px; /* change height here also */
	display:block;
} 

#nav li { 
	float:left; 
	list-style:none; 
	display:inline; 
	position:relative;
}

	#nav-01 { width: 169px;}
	#nav-02 { width: 116px;}
	#nav-03 { width: 143px;}
	#nav-04 { width: 132px;}
	#nav-05 { width: 92px;}
	#nav-06 { width: 160px;}
	#nav-07 { width: 148px;}
	
		/*-------------- (-79px) X position of button / (-46px) height of image from above ------------- */
		#nav-01 a:hover { background:url("../images/bg-nav2.png")  0px -47px no-repeat; }
		#nav-02 a:hover { background:url("../images/bg-nav2.png") -169px -47px no-repeat; }
		#nav-03 a:hover { background:url("../images/bg-nav2.png") -285px -47px no-repeat; }
		#nav-04 a:hover { background:url("../images/bg-nav2.png") -428px -47px no-repeat; }
		#nav-05 a:hover { background:url("../images/bg-nav2.png") -560px -47px no-repeat; }
		#nav-06 a:hover { background:url("../images/bg-nav2.png") -652px -47px no-repeat; }
		#nav-07 a:hover { background:url("../images/bg-nav2.png") -812px -47px no-repeat; }


/* ------------------------ MAIN ------------------------ */

#main {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 30px;
	min-height:470px;
	height:auto !important;
	height:470px;
}
	#CTGY #main {
		padding-bottom:0;
	}



/* ------------------------ COLUMN-LEFT ------------------------ */
#column-left {
	width:235px;
	padding: 0px;
	float:left;
	display: inline;
	background: url("../images/bg-column-left.jpg") top left no-repeat;
	}
	.menu, .menu ul {
		padding: 0;
	}
	.menu li {
		margin: 0;
		background: url("../images/cat-tree-h3.jpg") bottom left repeat-x;
		list-style: none;
		float: left;
		width: 235px;
		padding: 0;
	}
	#BLOG #column-left h3 {
		margin: 5px 0;
		background: url("../images/cat-tree-h3.jpg") bottom left repeat-x;
		list-style: none;
		padding: 1px 10px 1px 15px;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 16px;
		color:#6F941F;
	}
	.menu a {
		text-transform: uppercase;
		text-decoration: none !important;
		font-size: 16px;
		padding: 1px 10px 1px 30px;
		display: block;
		background: url("../images/cat-tree-a.png") 6px 6px no-repeat;
		font-weight: bold;
	}
		.menu .nosub a {
			background: none;
		}
	
	.menu .active {
		background-position: -231px 5px;
	}
		.menu a:hover {
			color:#89AF36;
		}
		
	.menu li ul, #BLOG #column-left ul {
		height: auto;
	}
		#BLOG #column-left ul {
			margin-bottom: 10px;
		}
		
		.menu li ul li {
			background: none;
			display: block;
			float: left;
			margin: 0 0 4px 0;
			padding: 0;
		}
		#BLOG #column-left ul li {
			color:#3a738d;
			font-size: 12px;
			background: none;
			padding: 0 10px 5px 15px;
			display: block;
			height: auto;
			width: auto;
			float: none;
		}
			#BLOG #column-left ul li a {
				color:#3a738d;
				font-size: 12px;
				background: none;
				padding: 0;
				display: block;
				text-decoration: underline !important;
			}
		
		.menu li ul li a {
			color:#3a738d;
			font-size: 12px;
			background: none;
			padding: 0 0 0 30px;
			display: block;
			height: auto;
		}
			.menu li ul li ul a {
				color: #000;
				padding-left: 40px;
			}

#seals {
	padding: 5px 0;
}

#trustwave-seal {
	text-align: center;
}

#bbb-logo {
	margin: 0 6px;
}

#mcafee-sidebar {
	margin: 5px 0 0 0;
}

#cat-tree-bottom {
	width: 235px;
	height: 144px;
	padding-top: 90px;
	background: url(../images/cat-tree-bottom.jpg) no-repeat;
}
	#cat-tree-bottom a {
		display: block;
		width: 50px;
		height: 57px;
		float: left;
		_display: inline;
		margin-left: 7px;
	}

	
/* ------------------------ COLUMN RIGHT ------------------------ */
#column-right {
	width:725px;
	padding: 0px;
	float:right;
	display: inline;
	background: #fff url("../images/bg-column-right.jpg")  0 0 repeat-x;
	min-height:400px;
	height:auto !important;
	height:400px;
	}
	.single-column #column-right {
		width: 960px;
	}

	#column-right p,
	#column-right h1,
	#column-right h2,
	#column-right h3,
	#column-right ul,
	#column-right dl {
		margin: 0 35px 10px;
	}
		#column-right h1 {
			margin-top: 30px;
		}

	#column-right ul {
		margin-left: 20px;
		margin-right: 20px;
	}
		#column-right ul li { 
			 background:transparent url("../images/bullet.jpg") 0px 6px no-repeat;
			 padding-left:25px;
			 list-style: none;
			}

	/*-------------pagecrumbs-------------*/
	
	
	.pagecrumbs {
		margin: 0;
		padding: 0 10px;
		background: #495F17 url('../images/bg-breadcrumbs.jpg') 0 0 repeat-x;
		color:#fff;
		text-shadow: 1px 1px 1px #3F3F3F;
	}
	
	#column-right .breadcrumbs, #BLOG #column-right .breadcrumbs {
		float: left;
		display: inline;
		padding: 0;
		margin: 0;
	}
		#column-right .breadcrumbs li {
			list-style: none;
			float: left;
			background: none;
			line-height: 26px;
			padding: 0;
		}
		
		.breadcrumbs a {
			color: #EEFFBF;
			text-decoration: none;
			background: url('../images/bg-breadcrumbs-a.jpg') center right no-repeat;
			padding: 0 25px 0 0;
			margin-right: 5px;
			display: block;
			float: left;
			height: 26px;
		}
			.breadcrumbs a:hover {
				text-shadow: 0 0 5px #FFF;
				color:#fff;
			}
	#column-right .pagination {
		float: right;
		display: inline;
		margin: 0;
		text-align: right;
		line-height: 26px;
	}
		.pagination a {
			color: #CFF2FF;
			height: 26px;
			line-height: 26px;
			padding-left: 5px;
			text-decoration: none;
		}
			.pagination a:hover {
				text-shadow: 0 0 5px #FFF;
				color:#fff;
			}
		.pagination .page_on {
			padding-left: 5px;
		}
		.prev {
			padding-right: 5px;
		}
		.view-all {
			margin-left: 10px;
		}

/* ------------------------ FOOTER ------------------------ */
#footer {
	clear: both;
	background: url("../images/bg-footer2.png") no-repeat;
	text-align:center;
	padding: 30px 0 0 0;
	height: 109px;
	width: 1010px;
	margin: 0 auto;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	position: relative;


	}

#footer p {
	margin-bottom:0;
clear:both;


	}

#footer a { 
	color:#FFF;
	text-decoration: none;

}

#footer a:hover { 

	text-decoration: none;
text-shadow: 0px 0px 1px #fff;

}


#footer ul {
margin:0 0 10px 0;
width:510px;
margin:auto;
}


	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #FFF;
float:left;

		}

	#footer li.first { border: none; }
	
#request-a-catalog {
	display: block;
	height: 70px;
	width: 97px;
	position: absolute;
	right: 26px;
	top: 39px;
	text-indent: -9999px;
}



#miva-link, #miva-link a {
	margin-top: 27px;
	color: #7F7D57;
}


.footer-links{
height:30px;
}

/* ------------------------ DISCLAIMERS ------------------------ */


/* ------------------------ SFNT PAGE ------------------------ */

#index-categories {
	margin: 26px 20px 33px 35px;
}
	#index-categories a {
		display: block;
		width: 175px;
		height: 175px;
		float: left;
		display: inline;
		margin: 0 0 27px 65px;
	}
		#index-categories a.first {
			margin-left: 0 !important;
		}
		#index-categories a img {
			float: left;
		}


#related-cat-head{color:#89613b;}
		
#column-right #similar-categories {
	margin: 0 35px 20px;
	padding: 0;

}
	#column-right #similar-categories li {

		float: left;
		display: inline;
		list-style: none;
		background: none;
		width: 33%;
		padding: 0;
		font-size: 11px;

	}
		#column-right #similar-categories li a {
			color: #6f941f;
			text-decoration: none;
			font-weight: bold;
		}


		#column-right #similar-categories li a:hover{color:#B2CA59;}
/* ------------------------ CTGY PAGE ------------------------ */

#column-right .ctgy-product {
	width: 180px;
	text-align: center;
	min-height: 304px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 304px;
	margin: 0 0 30px 56px;
}
	#CTGY #column-right .first, #SRCH #column-right .first {
		margin-left: 35px !important;
	}
	#column-right .ctgy-product img {
		border: 2px solid #8f794b;
	}
	
	#column-right .ctgy-product h3 {
		font-size: 1.4em;
		line-height: 1.2;
		margin: 5px 0;
	}
		#column-right .ctgy-product h3 a {
			color: #000;
			text-decoration: none;
		}
	#column-right .ctgy-product p {
		margin: 0 0 5px;
	}
	#column-right .ctgy-product .ctgy-msrp {
		font-size: 10px;
		color: #575757;
		margin-bottom: 0;
	}
		.ctgy-msrp span {
			text-decoration: line-through;
		}
	#column-right .ctgy-product .ctgy-price {
		color:#6f941f;
		font-size: 14px;
		font-weight: bold;
	}
	
	.ctgy_sub_img {
		width: 171px;
		height: 171px;
		display:block;
	}
	
	#column-right .ctgy-product .view-products-link img {
		border: none;
		display: block;
		margin: 10px auto;
	}
	
	.ctgy_sub_div select {
		margin: 5px auto;
	}

#ctgy-bottom-navigation  {
	margin: 25px 5px 10px;
	clear: both;
}

#ctgy-bottom-navigation input {
	float: right;
	width: auto;
	border: 0;
}
	#ctgy-bottom-navigation span {
		padding-left: 5px;
	}

/* ------------------------ PROD PAGE ------------------------ */

#PROD h1 {
	margin-bottom: 0;
}

#product-images-container {
	width: 320px;
	margin: 0 0 20px 35px;
}
	#product-images-container img {
		border: 2px solid #8a7343;
		float: left;
	}
		#product-image {
			display: block;
		}
	#product-images-container p {
		margin: 0;
		text-align: center;
		font-size: 14px;
		color: #6f941f;
		text-transform: uppercase;
		height: 24px;
		line-height: 24px;
		font-weight: bold;
		clear: both;
	}
	#product-views img {
		float: left;
		width: 96px;
		height: 96px;
	}
	
	#product-views .first {
		margin: 0;
	}
		#product-views img {
			margin: 0 0 9px 9px;
		}
	
#product-right {
	width: 310px;
	margin: 0 35px 20px 0;
}
	#product-right p {
		margin: 0 0 5px 0;
		font-size: 14px;
		line-height: 1;
	}
		#prod-code {
			color:#7F744F;
		}
		#prod-msrp {
			color:#575757;
		}
			#prod-msrp span {
				text-decoration: line-through;
			}
		#product-right #prod-price {
			font-size: 22px;
			font-weight: bold;
			color:#6f941f;
			margin-bottom: 10px;
		}
	
	#product-right label {
		width: auto;
		text-align: left;
		margin-bottom: 10px;
		font-weight: bold;
		color: #575757;
		margin-right: 5px;
	}
		#prod-qty {
			width: auto;
			width: 18px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			font-weight: bold;
		}
		#product-form select {
		}
	#btn-add-product {
		clear: both;
		border: 0;
		display: block;
		margin: 5px 0 0 -2px;
		width: 134px;
	}
	
/* tabMachine styles */

#tabWrapper {
	width: 655px;
	margin: 0px auto 20px;
}

.tabMachine{
	clear:both;
	height:26px;
	}
	.tabMachine a {
		color:#fff;
		height: 26px;
		line-height: 26px;
		padding: 0 10px;
		font-weight: bold;
		text-decoration: none;
		font-size: 16px;
		text-transform: lowercase;
		margin-right: 3px;
		float: left;
		-moz-border-radius-topleft: 5px; 
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
	}
	.tabMachine a:hover{
		cursor: pointer !important;
		background-image: none;
	}
	.tabMachineTabOn {
		background: #7ba227 url("/images/tab-on.jpg") top repeat-x;
		border: 1px solid #567315;
		border-bottom: none;
	}
	
	.tabMachineTabOff {
		background: #948156 url("/images/tab-off.jpg") top repeat-x;
		border: 1px solid #898150;
		border-bottom: none;
	}
	
	.tabMachineTabOn,
	.tabMachineTabOff {
		cursor: pointer !important;
	}
	
	.prod_container {
		clear: both;
		border: 1px solid #8a7343;
		background: #fdfbe8;
		height: 200px;
		overflow: auto;
		padding: 20px;
	}


/* ------------------------ SRCH PAGE ------------------------ */
.srch-products {
	width:188px;
	height:300px;
	margin:10px 0 5px;
	padding:0 2px;
	text-align:center;
	font:bold 11px Verdana, Geneva, sans-serif;
	float:left;
}
	.srch-products img{
	display:block;
	margin:0 auto 0.3em;
	width:170px;
	height:242px;
	}
	.srch-products h3{
	font:normal 11px Verdana, Geneva, sans-serif;
	margin:0;
	}
	.srch-products h3 span{
	width:165px;
	margin:0 auto;
	display:block;
	}
	.srch-products a{
	display:block;
	margin:0 auto 2px;
	color:#828282;
	text-decoration:none;
	}
	.srch-products a:hover{
	color:#ccc;
	}

/* ------------------------ ACAD, ACED, AFAD, AFED AND OCST PAGES ------------------------ */
.logout-link{
	margin:12px 0;
	float:right;
}
#customer-fields label,
#affiliate-fields label {
	float:left;
	white-space:nowrap;
	text-align:right;
	padding:2px 5px 3px 0;
	display:inline;
	clear:both;
}
#affiliate-commissions label,
.OSEL .non-editable label {
	float:left;
	width:120px;
	font-weight:bold;
	text-align:right;
	padding:0 6px 0 0;
	display:inline;
}
#customer-fields input.textfield,
#affiliate-fields input.textfield,
#tax-fields input,
#affiliate-commissions div.form_row div,
.non-editable div.form_row div {
	width:170px;
	margin:0 0 4px 0;
}
#affiliate-commissions div.form_row div{
	float:left;
}
#customer-fields select, #affiliate-fields select{
	width:176px;
	margin:0 0 4px 0;
}
#fields-key .italic, #customer-fields .form_row label.italic{
	font-style:italic;
}
#fields-key .red{
	color:#d90000;
}
#login-details, #affiliate-information{
	margin:16px 0;
}
#affiliate-commissions .form_row{
	margin:0 0 8px 0;
}
#AFAD #affiliate-fields{
	width:50%;
	margin:0 auto;
}
#AFED #affiliate-fields #affiliate-contact,
#AFED #affiliate-fields #affiliate-commissions {
	float:left;
	width:50%;
}
#affiliate-fields .form_row div.non-editable {
	margin:0 0 8px 0;
	padding:2px 0 0 0;
}
.save-button, .continue-button {
	clear:both;
	text-align:right;
	padding:24px 0 0 0;
}
.required{
	font-weight:bold;
}
#column-right h2.fields-heading {
	margin:0 0 12px 0;
	padding: 5px;
	font-size: 12px;
	text-align: left !important;
}
.address2-label {
	margin:0 0 14px 0;
}
.controls { 
	font:normal .75em Arial, Helvetica, sans-serif;
	visibility:hidden;
}
#customer-fields .controls label{
	float:none;
}
#ship-to, #bill-to{
	width:50%;
	float:left;
}
#ship-to h2 input.checkbox,
#bill-to h2 input.checkbox{
	margin:0;
	padding:0;
	width:13px;
	height:13px;
	overflow:hidden;
	cursor:pointer;
}
div.invalid input.textfield,
div.invalid select,
#tax-fields div.invalid input{
	border-color:#d90000;
}
div.invalid label{
	color:#d90000;
}
#customer-fields.editable .form_row,
#affiliate-fields.editable .form_row {
	margin:0 0 6px 0;
	text-align:left;
}
#customer-fields.non-editable .form_row {
	margin:0 0 4px 0; 
	text-align:left;
}
#customer-fields.non-editable label,
#affiliate-fields.non-editable label {
	margin:0 0 0 30px;
	padding:0 4px 0 0;
	font-weight:bold;
	width:110px;
	text-align:right;
	float:left;
	clear:both;
	white-space:nowrap;
}
#customer-fields.non-editable .form_row div,
#affiliate-fields.non-editable .form_row div {
	float:left;
}
.update-record{
	clear:both;
	margin:24px 0 0 24px;
}
.tax-fields label{
	font-weight:bold;
}

/* ------------------------ LOGN AND ORDL PAGES ------------------------ */
#logn-left, #logn-right{
	width:400px;
	margin:10px 0 25px;
	padding:0 35px;
}
	#logn-left{
		float:left;
	}
	#logn-right{
		float:right;
	}
	#logn-left h2, #logn-right h2{
		font:bold 18px Arial, Helvetica, sans-serif;
	}
#ordl-left, #ordl-center, #ordl-right{
	margin:10px 0 25px;
	padding:0 15px;
	text-align:center;
}
	#ordl-left{
		 width:235px;
		 float:left;
	}
	#ordl-center{
		 width:400px;
		 float:left;
	}
	 #ordl-center .ordl-wrappers{
		  border:solid #828282;
		  border-width:0 1px;
	 }
	#ordl-right{
		 width:235px;
		 float:right;
	}
	#ordl-left h2,
	#ordl-center h2,
	#ordl-right h2 {
		font:bold 18px Arial, Helvetica, sans-serif;
	}
.logn-wrappers{
	width:350px;
	height:250px;
	border:1px solid #828282;
	background:#EFECE0;
	padding:20px;
	margin-top:5px;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#333;
}
#LOGN #column-right h2 {
	margin: 0 0 10px 0;
}
.ordl-wrappers{
	padding:15px;
	margin-top:5px;
}
	.logn-wrappers ul{
 		margin:10px 20px;
	}
	.logn-wrappers h3{
		font:bold 16px Arial, Helvetica, sans-serif;
	 	color:#333;
	}
	.logn-wrappers label, .ordl-wrappers label{
		width:80px;
		font-weight:bold;
	}
	#Customer_Login {
		margin-bottom: 10px;
	}
	.logn-wrappers .input_btn{
		 font-weight:bold;
		 float:right;
	}
	.logn-wrappers .input_btn.login, .ordl-wrappers .input_btn.login{
		font-weight:bold;
		background:#060;
		color:#fff;
		float:right;
	}
	.logn-wrappers p, .ordl-wrappers p{
		font:normal 10px Arial, Helvetica, sans-serif;
		text-align:left;
		padding-top:0.75em;
		margin:0;
		clear:both;
	}

.panelUN, .panelPW{
	clear:both;
	width:75%;
	margin:10px auto;
}
	.panelUN h3, .panelPW h3{
		font:bold 16px Arial, Helvetica, sans-serif;
	 	color:#333;
	}
	.panelUN label, .panelPW label, .panelUN .input_btn, .panelPW .input_btn{
		font-weight:bold;
	}



/* ------------------------ BASK, OCST, OSEL AND OPAY PAGES ------------------------ */

#BASK h1 {
	float: left;
	display: inline;
}

.basket {
	width: 890px;
	margin: 0 auto;
	border:none;
	clear:both;
}
	.basket td {
	 padding:5px;
	 }
	.basket img {
		display:block;
		margin:0 auto;
		max-width:100px;
		max-height:100px;
		border: 2px solid #8F8359;
	}
		* html .basket img { 
			width:expression( this.scrollWidth > 99 ? "100px" : "auto" ); /* sets max-width for IE */
			max-width:100px; /* sets max-width value for all standards-compliant browsers */
	  		height:expression( this.scrollHeight > 99 ? "100px" : "auto" ); /* sets max-height for IE */
			max-height:100px; /* sets max-width value for all standards-compliant browsers */
		}
 .basket input.remove{
	 width:16px;
	 height:16px;
	 border:none;
	 outline:none;
 }
	.input_btn.checkout,
	.input_btn.continue,
	.input_btn.place-order {
		 background:#98C63D;
		 color:#fff;
		 font-size:16px;
		 font-weight:bold;
		 padding: 6px 15px;
		 float: right;
		 display: inline;
		 margin: 0;
		 border: 3px solid #6E8F2C;
		 text-align: center;
	}
		#top-checkout-btn {
			margin: 22px 35px 10px 0;
		}
 
#BASK #coupon-form label {
	display: block;
	float: none;
	text-align: left;
}
	#BASK #coupon-form input {
		float: none;
	}
	
#BASK #column-right #coupon-form p {
	margin: 0 0 5px 0;
}
	
.warning-message {
	color: red;
}
		
#checkout-headers {
	border:1px solid #e9e9e9;
	background:#f6f6f6;
	margin:0 0 20px;
	padding:5px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#ccc;
}
	#checkout-headers .secure,
	#checkout-headers .ocst,
	#checkout-headers .osel,
	#checkout-headers .opay {
		 float:left;
		 display:inline;
		 padding:5px 10px;
		 margin:0 5px;
	 }
	#checkout-headers .secure {
		 padding:5px 10px 5px 30px;
		 background:url(../images/icons/lock.png) no-repeat 5px center;
		 color:#828282;
	 }
	#checkout-headers .id-page {
		 background:#828282;
		 color:#fff;
		 margin:0 0 0 5px;
	 }
	#checkout-headers .id-arrow {
		 float:left;
		 display:inline;
		 font-size:0px;
		 line-height:0%;
		 width:0px;
		 border-top:13px solid #f6f6f6;
		 border-left:20px solid #828282;
		 border-bottom:13px solid #f6f6f6;
		 margin-right:5px;
	}

#bottom-basket-left {
	width:55%; 
	float:left; 
	padding:15px 0;
}
	#estimate-shipping {
		margin-right: 94px;
	}

.basket-row {
	vertical-align:middle; 
	background:#AFA88E; 
	color:#fff; 
	text-align:center;
	border-top: 1px solid #8F8359;
	border-bottom: 1px solid #8F8359;
}

#charges-wrapper {
	float:right; 
	display: inline;
	text-align:right; 
	margin:15px 0;
}
	#charges-box {
		padding:10px 5px 0; 
		margin-bottom:10px; 
		border:1px solid #828282; 
		background:#efefef;
	}

#OSEL #shipping .form_row, #OSEL #payment .form_row, #OPAY #payment .form_row{
		margin:0 10px 20px 0;
	}
#OSEL #shipping label, #OSEL #payment label, #OPAY #payment label{
	float:left;
	width:165px;
	white-space:nowrap;
	text-align:left;
	padding:3px 5px 3px 0;
	clear:both;
	margin:2px 0 0 0; 
	font:bold 14px Arial, Helvetica, sans-serif;
}
#OSEL #shipping, #OSEL #payment{
	float:left;
}
#OSEL #payment{
	padding-right:25px;
}
#osel-form{
}
 #osel-form h2{
	 font:bold 16px Arial, Helvetica, sans-serif;
	 border-bottom:1px solid #ccc;
 }

#payment-fields input, #payment-fields select {
	margin-bottom: 5px;
	}

#OSEL #coupon-form {
	margin-left: 35px;
	float: left;
	display: inline;
}

#OSEL #coupon-form label {
	display: block;
	float: none;
	text-align: left;
	font-size: 14px;
}
#OSEL #coupon-form input {
	
}

/*---------------------------BLOG---------------------------*/

.post {
	margin: 0 35px;
}

#BLOG #column-right p,
#BLOG #column-right h2,
#BLOG #column-right h3,
#BLOG #column-right ul,
#BLOG #column-right dl {
	margin: 0 0px 10px;
}
	#BLOG #column-right h1 {
		margin: 30px 35px 10px;
		border-bottom: 1px solid #6F941F;
	}
	#BLOG #column-right .post h1 {
		margin: 30px 0 10px;
	}
	#BLOG #column-right ul {
		margin-left: 20px;
	}
	#BLOG #column-right .post-date {
		color: #6F653E;
		margin-top: -8px;
		font-size: 10px;
		font-weight: bold;
		margin-bottom: 5px;
	}
/* Begin Comments*/
.alt {
	margin: 0;
	}

.commentlist {
	padding: 0;
	margin: 0 35px;
	text-align: justify;
	}
	#column-right .commentlist p {
		margin-left: 0;
		margin-right: 0;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 0 10px 10px;
	list-style: none;
	border: 1px solid #ccc;
	}
	.odd {
		background: #EFEFEF;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#comments {
	margin: 0 35px 10px !important;
}

#respond {
	margin: 0 35px;
}

#commentform p {
	margin: 5px 0;
	}

#commentform label {
	width: 200px;
}
#commentform textarea {
	margin-left: 206px;
	width: 300px;
}
#commentform #submit {
	background:none repeat scroll 0 0 #7BA62C;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:206px;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata a {
	margin: 0;
	background: url("/images/link.gif") center right no-repeat;
	padding-right: 20px;
	margin-right: 5px;
	font-size: 9px;
	color: #000;
	}
	.commentmetadata .comment-edit-link {
		background: none;
		margin: 0;
		padding: 0;
		color: #230091;
	}
	
.vcard {
	float: right;
}

.comment-author-wrap {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.fn {
	font-weight: bold;
	font-style: normal;
}

.comment-body {
	padding: 10px 10px 0;
}

/* End Comments */

.navigation {
	display: block;
	text-align: center;
	margin: 10px 35px;
	font-size: 11px;
	}
	
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Begin Images */
#BLOG p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/*-----------------QTIP----------------*/

div.ui-tooltip-accessible{
	left: -10000em !important;
	top: -10000em !important;
	display: block !important;
	visibility: hidden !important;
}

	/* IE6 ONLY - Width detection fix */
	* html div.ui-tooltip-accessible{
		position: static !important;
		float: left !important;
	}

div.ui-tooltip, div.qtip{
	position: absolute;
	display: none;

	max-width: 280px;
	min-width: 50px;

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0;
}

	div.ui-tooltip .ui-tooltip-wrapper{
		position: relative;
		overflow: hidden;

		border-width: 3px;
		border-style: solid;
	}

	div.ui-tooltip .ui-tooltip-content{
		position: relative;
		padding: 5px 9px;

		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	div.ui-tooltip .ui-tooltip-titlebar{
		position: relative;
		padding: 6px 35px 6px 10px;

		font-weight: bold;
	}

		/*! Default close button class */
		div.ui-tooltip .ui-tooltip-close{
			position: absolute;
			height: 16px;
			width: 16px;
			padding: 1px;
			right: 5px;
			top: 5px;

			cursor: pointer;
			line-height: 0px;
			font-size: 0px;
		}

			div.ui-tooltip .ui-tooltip-close .ui-icon{
				height: 16px;
				width: 16px;
				display: block;

				opacity: 0.8;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				filter: alpha(opacity=80);
			}
			div.ui-tooltip .ui-tooltip-close:hover .ui-icon{
				opacity: 1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
			}

		/*! Custom button class */
		div.ui-tooltip .ui-tooltip-button{
			float: right;
		}

	/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
	div.ui-tooltip-focus{

	}


/*! Default tooltip style */
div.ui-tooltip-wrapper{
	border-color: #6C901C;
	background-color: #9CCB3D;
	color: #3F6219;
}

	div.ui-tooltip .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	div.ui-tooltip .ui-tooltip-close .ui-icon{
		background: #58792E url('images/close-green.png') no-repeat 50% 50%;
	}

/*! Plain tooltip style */
div.ui-tooltip-plain .ui-tooltip-wrapper{
	border-color: black;
	border-width: 1px;

	background-color: white;
	color: black;
}

	div.ui-tooltip-plain .ui-tooltip-titlebar{
		background-color: white;
	}

	div.ui-tooltip-plain .ui-tooltip-close .ui-icon{
		background: black;
	}

/*! Light tooltip style */
div.ui-tooltip-light .ui-tooltip-wrapper{
	border-color: #E2E2E2;
	background-color: white;
	color: #454545;
}

	div.ui-tooltip-light .ui-tooltip-titlebar{
		background-color: #f1f1f1;
	}

	div.ui-tooltip-light .ui-tooltip-close .ui-icon{
		background: #454545 url('images/close-light.png') no-repeat 50% 50%;
	}


/*! Dark tooltip style */
div.ui-tooltip-dark .ui-tooltip-wrapper{
	border-color: #303030;
	background-color: #505050;
	color: #f3f3f3;
}

	div.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	div.ui-tooltip-dark .ui-tooltip-close .ui-icon{
		background: #f3f3f3 url('images/close-dark.png') no-repeat 50% 50%;
	}


/*! Red tooltip style */
div.ui-tooltip-red .ui-tooltip-wrapper{
	border-color: #D95252;
	background-color: #F78B83;
	color: #912323;
}

	div.ui-tooltip-red .ui-tooltip-titlebar{
		background-color: #F06D65;
	}

	div.ui-tooltip-red .ui-tooltip-close .ui-icon{
		background: #9C2F2F url('images/close-red.png') no-repeat 50% 50%;
	}


/*! Green tooltip style */
div.ui-tooltip-green .ui-tooltip-wrapper{
	border-color: #90D93F;
	background-color: #CAED9E;
	color: #3F6219;
}

	div.ui-tooltip-green .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	div.ui-tooltip-green .ui-tooltip-close .ui-icon{
		background: #58792E url('images/close-green.png') no-repeat 50% 50%;
	}


/*! Blue tooltip style */
div.ui-tooltip-blue .ui-tooltip-wrapper{
	border-color: #ADD9ED;
	background-color: #E5F6FE;
	color: #5E99BD;
}

	div.ui-tooltip-blue .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	div.ui-tooltip-blue .ui-tooltip-close .ui-icon{
		background: #4D9FBF url('images/close-blue.png') no-repeat 50% 50%;
	}


/*! Add shadows to your tooltips in all supported browsers */
div.ui-tooltip-shadow{
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);

  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}


/*!
 * Tips plugin
 */
div.ui-tooltip-tip{
	position: absolute;
	margin: 0 auto;

	line-height: 0.1px;
	font-size: 1px;

	background: transparent !important;
	border: 0px !important;
}

	div.ui-tooltip-tip *{
		line-height: 0.1px;
		font-size: 0.1px;
	}

	div.ui-tooltip-tip div.ui-tooltip-tip-inner{
		background: transparent !important;
		border: 0px solid transparent;
	}


/*!
 * Modal plugin
 */
#qtip-blanket{
	position: absolute;
	left: -10000em;
	top: -10000em;

	background-color: black;
	cursor: pointer;

	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);


	/* Set this to any below 15000 (default starting z-index for qTips) */
	z-index: 14999;
}


/*----------------- FORMS ----------------*/

/*----------------- PACKAGES ----------------*/


.packages{
      width:33%;
      float:left;
      text-align:center;
padding-bottom:20px;

}

#packages{
      width:726px;
      text-align:left;
}


#packages-header{
      width:684px;
      height:36px;
      background:url('../images/packages-header.png');
      margin-left:17px;
      margin-bottom:15px;
}

#packages a{
      margin: 0px 0px 0 0px;
}

.top-pick{
      height:280px;
      width:686px;
      margin:auto;
      margin-top:25px;
      background:url('../images/top-pick2.png');

}


.top-pick-header{
      width:187px;
      position:relative;

}

.top-pick-header h3{
      color:#7cab2d;
      text-align:center;
      margin:0 0 0 0;
      left:-40px;
      line-height:30px;

}



.top-pick-item{
      text-align:center;
      width:24%;
      float:left;
margin:12px 0 0 0;
}

.top-pick-item img{
border:solid 1px #DEDBC8;
margin:0 0 4px 0;
}

#cart-links{
      width:507px;

}





#livechat{
      height:50px;
      width:179px;
      float:left;
}

#livechat a{
      height:50px;
      width:179px;
      float:left;
display:block;
}

#account{
      height:50px;
      width:106px;
      float:left;
}

#account a{
display:block;
      height:50px;
      width:106px;
      background:url('../images/account.png');
background-position:5px 0px;
}

#account a:hover{
background-position: 5px -65px;
}

#view-cart{
      height:50px;
      width:112px;
      float:left;


}

#view-cart a{
      height:50px;
      width:112px;
display:block;
      background:url('../images/view-cart.png');
background-position:5px 0px;
}


#view-cart a:hover{
background-position: 5px -63px;
}

#checkout{
      height:50px;
      width:102px;
      float:left;

}

#checkout a{
      height:50px;
      width:102px;
      display:block;
      background:url('../images/checkout.png');
background-position:5px 0px;
}

#checkout a:hover{
      background-position: 5px -63px;
}





.top-pick-item img{
width:120px;



}

.product-name{
      color:#005b90;
      font-weight:bold;
      font-size:.9em;
      padding: 0 5px;

}


.product-price{
      font-weight:bold;
      font-size:1.1em;
}

.add-toppick{
      border:none;
      width:131px;
}


.prod-stars{
      margin-bottom:10px;
}

.prod-stars a{
      text-decoration:none;
}



.prod-stars a:hover{
      font-weight:900;
}

#column-right .ctgy-product .ctgy-stars img{
border:none;
}

.view-details-ctgy-btn{
height:28px;
width:127px;
margin:auto;
background:url('/images/view-details.jpg');
}

.ctgy-stars{
top:5px;
position:relative;
}


.ctgy-stars img{
top:-2px;
position:relative;
}

.prod-stars img{
top:-2px;
position:relative;
}