/* CSS Document */
/* BODY { padding: 20px 0 0; margin: 0; background: #DADADA url('../images/bg_body.jpg') repeat-x; } */
BODY { padding: 20px 0 0; margin: 0; background: #CFB53B url('../images/bg_body_buff.jpg') repeat-x; }

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.25em; }

h1, .Title		{ color: #000000; font-size: 20px; font-weight: normal; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0; }
h2, .Header		{ color: #000000; font-size: 18px; font-weight: normal; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0; }
h3, .Subheader	{ color: #666666; font-size: 16px; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

.LightBuff	{ color: #F0E5B4; }
.Buff		{ color: #F0DC82; }
.Gold		{ color: #CFB53B; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.LightGray	{ color: #DADADA; }
.Gray		{ color: #BCBCBC; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 16px; }
.LargeText	{ font-size: 24px; line-height: 24px; }

IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }

/* site structure */
div#frame		{ width: 960px; margin: 0 auto; }
div#wrap 		{ width: 960px; float: left; padding: 0 10px; background: url('../images/bg_wrap.png') 50% 0 repeat-y; }
div#wrap_top	{ width: 980px; margin: 0 auto; padding: 0; background: url('../images/bg_wrap_top.png') 50% 0 repeat-y; height: 11px; }
div#wrap_bottom	{ width: 980px; margin: 0 auto; clear: both; padding: 0; background: url('../images/bg_wrap_bottom.png') 50% 0 repeat-y; height: 11px; }
div#inner		{ width: 940px; margin: 0 auto; background: #FFF; border: 10px solid #FFF; border-bottom: 0; float: left; }
div#banner		{ background: #000 url('../images/banner.jpg') no-repeat; width: 940px; height: 185px; margin: 0 auto; float: left; }
div#nav_bar { clear: both; display: table; margin: 153px 0 0 0; }
	div#nav_bar ul { margin: 0 0 0 10px; padding: 0; list-style-type: none; }
	div#nav_bar ul li { margin: 0; padding: 0; list-style-type: none; float: left; }
	div#nav_bar ul li div { position: relative; z-index: 999999; }
	div#nav_bar ul li div ul { position: absolute; z-index: 999999; top: 0; left: 0; visibility: hidden; width: 100%; margin: 0; padding: 0; list-style-type: none; background: #EDEDED; border: 1px solid #14477C; border-width: 0 1px 1px 1px; }
	div#nav_bar ul li div ul li { display: block; float: none; }
	div#nav_bar ul li div ul#nav-services { width: 300px; }
div#slideshow { width: 525px; height: 394px; }
	div#slideshow img { display: none; width: 525px; height: 394px; }
	
div#content { width: 940px; }
table#content 	{ min-height: 400px; margin: 0; }
	div#leftNav 		{ width: 160px; padding: 0 10px 0 0; float: left}
	div#leftNav ul	{ margin: 0 0 20px; padding: 0; list-style-type: none; }
	div#leftNav ul li	 { margin-bottom: 4px; list-style-type: none; }
	div#leftNav ul li div	{ position: relative; z-index: 999999; }
	div#leftNav ul li div ul	{ position: absolute; z-index: 999999; top: -29px; left: 160px; visibility: hidden; width: 100%; margin: 0; padding: 0; list-style-type: none; }

	div#contentArea    { padding: 0px 0px 10px 195px; width: 525px; }
	div#contentArea h1  { margin: 10px 0 15px 0; padding: 0; }
	div#contentArea table { margin: 0 0 15px 0; }

	div#rightContent    { width: 215px; float: right}
	div#rightContent h3 { margin: 0 0 10px 0; color: #000; font-size: 14px; }
	div#rightContent td { color: #000; font-size: 11px; line-height: 1.5em; }
	div#rightContent td.Quotes { font-size: 11px; }
	
div.FeatureBox { background: #F0E5B4; border: 1px solid #CFB53B; padding: 8px; color: #000; margin: 0 0 15px 0; }
div#footer 	{ width: 960px; margin: 0 auto; padding: 5px; text-align: center; font-size: 11px; }

table.shippingRates td { padding: 5px 25px 5px 0; vertical-align: top; text-align: left; }

/* products */
table.categoryItems td  { width: 33%; padding: 10px; text-align: center; vertical-align: top; }
table.categoryItems td img.thumb { border: 0; margin: 0 0 5px 0; height: 100px; }

div.thumbBox  { position: relative; text-align: center; }
div.thumbOver { position: absolute; z-index: 9999; left: 0; top: -50px; display: none; }
div.thumbOver,
div.thumbOver table,
div.thumbOver table td { width: 168px; height: 225px;}
div.thumbOver table td { vertical-align: middle; text-align: center; padding: 0; width: 100%; height: 100%; }
div.thumbOver table td img { width: 168px; border: 0; }
	
div.pagination { text-align: center; margin: 0 auto; }

div.detailImages { float: right; margin: 0 0 10px 10px; width: 275px; }
div.detailImages img { width: 275px; margin: 0 0 15px 0; }

table.itemTable	   { width: 209px; border: 1px solid #666; border-collapse: collapse; }
table.itemTable td { padding: 7px; vertical-align: top; font-size: 11px; }
table.itemTable td.dark	{ padding: 5px 7px; background: #666; color: #FFF; font-weight: bold; } 

* .description	 { margin: 0 0 15px 0; }
* .strikethrough { text-decoration: line-through; }
* .salePrice	 { color: #FF0000; }
* .inStock		 { color: #FF0000; font-size: 9px; }

div#stock1, div#stock2, div#stock3 { display: none; }
input.quantity	   { height: 15px; font-size: 11px; }

/* forms */
form#newsletterForm { margin: 0; padding: 0; }
form#newsletterForm input.text 	 { margin: 5px 0 0; border: 1px solid #CFB53B; width: 150px; }
form#newsletterForm input.submit { margin: 5px 0 0; border: 1px solid #CFB53B; width: 75px; color: #000; font-size: 10px; font-weight: bold; font-family: Trebuchet MS; height: 18px; background: #F0DC82 url('../images/bg_action.jpg') repeat-x; border: 1px solid #CFB53B; text-transform: uppercase; letter-spacing: 1px; }
form#newsletterForm input.submit:hover { border: 1px solid #000; }

/* links */
a:link, a:visited 		   { color: #666666; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }
a:active, a:hover, a:focus { color: #000000; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }

div#nav_bar ul li a { display: block; height: 16px; padding: 8px 15px; margin: 0; font-size: 13px; font-weight: bold; line-height: 1.25em; text-decoration: none; }
div#nav_bar ul li a:link,
div#nav_bar ul li a:visited { color: #F0DC82; }
div#nav_bar ul li a:active,
div#nav_bar ul li a:hover	{ color: #FFFFFF; }
div#nav_bar ul li a.active,
div#nav_bar ul li a.active:hover { color: #000; background: #FFF; }

div#nav_bar ul li div ul li a { line-height: 1.25em; padding: 6px 15px; }
div#nav_bar ul li div ul li a:link,
div#nav_bar ul li div ul li a:visited { color: #000000; }
div#nav_bar ul li div ul li a:active,
div#nav_bar ul li div ul li a:hover	  { color: #14477C; }

div#leftNav ul li a			{ display: block; width: 160px; border: solid #CFB53B; border-width: 0 0 0 4px; padding: 6px 10px; font-size: 11px; font-weight: bold; text-decoration: none; }
div#leftNav ul li a:link,
div#leftNav ul li a:visited	{ color: #000000; background: #F0DC82; }
div#leftNav ul li a:hover,
div#leftNav ul li a.active	{ color: #000000; background: #CFB53B; text-decoration: none; }

div#leftNav ul li div ul li	{ margin: 0; padding: 0; border: 0; list-style-type: none; }
div#leftNav ul li div ul li a       	 { border: 1px solid #FFF; border-width: 0 0 1px 0; }
div#leftNav ul li div ul li a:link,
div#leftNav ul li div ul li a:visited { }
div#leftNav ul li div ul li a:hover	 { }	

a.Action {
	display: block;
	background: url('../images/bg_action.jpg') repeat-x;
	border: 1px solid #CFB53B;
	padding: 0;
	margin: 0;
	width: 120px;
	height: 18px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	font-family: Trebuchet MS;
	letter-spacing: 1px;
	line-height: 1.8em;		
}
a.Action:hover { border: 1px solid #000; }
	
div#footer a 	   { color: #000; font-size: 13px; text-decoration: none; text-transform: uppercase; }
div#footer a:hover { color: #000; font-size: 13px; text-decoration: underline; text-transform: uppercase; }

/* -- IE6/7 -- */

.ie7 #contentArea {
	padding-left: 25px;
}
