/* CSS Document */

/* ---------------------------------------------------------------- GENERAL ---------------------------------------------------------------- */
body { background:#11421F url(../images/background-tile.gif) top left repeat-x scroll; margin:0px; padding:0px; }
h2 {
	font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; letter-spacing:-2px; color:#C44F26;
	font-style:italic; font-weight:normal; margin:8px 0px 8px 0px; clear:left;
}
h3 { display:block; overflow:hidden;margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; color:#000; font-weight:normal; font-style:italic; letter-spacing:-1px;
}
h4 { display:block; overflow:hidden;margin:4px 0px 4px 0px;
	font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000; font-weight:normal; font-style:italic; letter-spacing:-1px;
}
#pageHolder {
	width:900px; height:auto; margin:0px auto 0px auto; padding:0px 30px 0px 30px; overflow:visible;
	background:url(../images/page-shadow.jpg) top center no-repeat scroll;
}
a img { border:none; }
.generalLittleText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
/* ---------------------------------------------------------------- HEADER ---------------------------------------------------------------- */
#header {
	width:900px; height:185px; overflow:hidden;
	background:url(../images/header-tile.gif) top left repeat-x scroll;
}
#headerLeft { width:180px; height:auto; overflow:hidden; float:left; }
#headerRight{ width:720px; height:auto; overflow:hidden; float:right; }
#headerRightTop { width:720px; height:73px; overflow:hidden; background:url(../images/header-swoosh-top.jpg) top left no-repeat scroll; }
#headerRightBottom { width:720px; height:112px; overflow:hidden; background:url(../images/header-swoosh-bottom.jpg) top left no-repeat scroll; }
#logoHolder { width:310px; height:112px; float:right; }
/* Top links */
#topLinks {
	width:auto; height:22px; overflow:hidden; padding:8px 0px 0px 0px;
	text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4B7621; font-size:11px;
}
#topLinks a { color:#8EB362; text-decoration:none; }
#topLinks a:hover { color:#AADE6B; text-decoration:underline; }
/* Site slogan */
#siteSlogan { text-align:right; padding:10px 15px 0px 0px; }
#siteSlogan h1 {
	font-family:Arial, Helvetica, sans-serif; color:#333; font-size:19px; letter-spacing:-1px; font-style:italic;
	margin:0px; font-weight:normal;
}
/* ---------------------------------------------------------------- LAYOUT ---------------------------------------------------------------- */
/* Main layout */
.pageTable { width:900px; height:auto; }
.pageTable .leftColumn { width:180px; height:auto; background-color:#77BC00; }
.pageTable .leftColumn h3 { width:172px; height:30px; padding:3px 0px 0px 8px; }
.pageTable .contentColumn { width:720px; height:auto; background:#fff url(../images/left-column-shadow.gif) top left repeat-y scroll; }
#contentHolder { width:700px; height:auto; overflow:hidden; clear:left; padding:10px; }
#contentHolder h1 {
	font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; letter-spacing:-2px; font-weight:normal;
	margin:0px 0px 4px 0px; font-style:italic; line-height:36px;
}
/* layout 1 -- large content area with right hand column */
.layoutTable1 { width:720px; height:auto; display:table; clear:left; }
.layoutTable1 .rightColumn { width:180px; height:auto; background:#E69B3B; }
.layoutTable1 .rightColumn h3 {
	width:172px; height:31px; padding:3px 0px 0px 8px;
	background:url(../images/right-column-header-tile.gif) top left repeat-x scroll;
}
.layoutTable1 .mainColumn { width:510px; height:auto; }
/* layout 2 -- 4 columns product categories */
.layoutTable2 { width:auto; height:auto; }
.layoutTable2 .productCell { width:160px; height:auto; border:#E5E5E5 solid 1px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 6px 0px; }
.layoutTable2 .productCell:hover { width:160px; height:auto; border:#999 solid 1px; }
.layoutTable2 .productCell p.name { font-size:12px; font-weight:bold; margin:0px 0px 0px 6px; }
.layoutTable2 .productCell p.price { font-size:14px; margin:0px 0px 0px 6px; }
.layoutTable2 .productCell p.sizeAndLinks { font-size:11px; color:#666; margin:0px 0px 0px 6px; }
.layoutTable2 .productCell p.sizeAndLinks a { font-size:11px; color:#DB7734; text-decoration:underline; background:none; }
.layoutTable2 .productCell p.sizeAndLinks a:hover { font-size:11px; color:#BE5813; text-decoration:underline; background:#FFE9C4; }
.layoutTable2 .categoryCell {
	text-align:center; width:25%; height:auto; border:#0090D8 solid 2px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 6px 0px; 
}
.layoutTable2 .categoryCell h4 { color:#0090D8; }
/* layout 3 -- large content area with right hand column */
.layoutTable3 { width:700px; height:auto; display:table; }
.layoutTable3 .rightColumn { width:180px; height:auto; overflow:hidden; }
.layoutTable3 .mainColumn { width:510px; height:auto; padding:0px 10px 0px 0px; }
.layoutTable3 .mainColumn p {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; margin:5px 0px 10px 0px; color:#444;
}
.layoutTable3 .rightColumn p {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin:5px 0px 5px 0px; color:#444;
}
.layoutTable3 .mainColumn ul {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#444;
	list-style:square inside; padding:0px 0px 0px 20px; margin:10px 0px 15px 0px;
}
/* ---------------------------------------------------------------- MAIN MENU ---------------------------------------------------------------- */
#mainMenuHolder {
	width:720px; height:48px; overflow:visible;
	background:#D05306 url(../images/main-menu-tile.gif) top left repeat-x scroll;
}
ul#mainMenu {
	display:block; float:left; margin:0;  padding:0px 34px 0px 6px;
	background:url(../images/main-menu-divider.gif) top right no-repeat scroll; list-style-type: none; width: auto;
}	
ul#mainMenu li { position:relative; display:block; float:left; }
ul#mainMenu li a {
	display:block; width:auto; height:33px; float:left; margin:0px; padding:15px 10px 0px 10px; overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none; font-weight:normal;
	background:url(../images/main-menu-divider.gif) top left no-repeat scroll;
}
ul#mainMenu li a:hover { text-decoration:underline; }

ul#mainMenu li ul {
	position:absolute; width:auto; top:48px; left:0px; visibility:hidden; display:block; margin:0; padding:0;
	border-left:#fff solid 1px; border-right:#fff solid 1px; border-bottom:#fff solid 1px; background-color:#D66B4C;
}
ul#mainMenu li ul li { list-style-type:none; display:block; border-top:#fff solid 1px; margin:0; padding:0; }
ul#mainMenu li ul li a { display:block; color:#F6CC84; padding:7px 8px 0px 12px; width:90px; height:24px; background:#942B0D; }
ul#mainMenu li ul li a:hover { float:left; display:block; color:#F6CC84; padding:7px 8px 0px 12px; width:90px; background:#B33B19; }

/* Holly Hack for IE \*/
* html #mainMenuHolder ul li { float: left; }
/* ---------------------------------------------------------------- PRODUCT MENU ---------------------------------------------------------------- */
#productMenuHolder { width:180px; height:auto; overflow:hidden; }
#productMenuHolder h3 { background:url(../images/product-menu-header-bg.gif) top left no-repeat scroll; }
ul.productMenu { display:block; margin:0px; padding:0px; }
ul.productMenu li {
	display:block; margin:0px; padding:0px; list-style-type:none;
	background:url(../images/product-menu-item-tile.gif) top left repeat-x scroll;
}
ul.productMenu li a {
	display:block; width:155px; height:26px; margin:0px; padding:5px 0px 5px 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-decoration:none; font-weight:normal;
	background:url(../images/product-menu-arrow.gif) top left no-repeat scroll; letter-spacing:-1px;
}
/* ---------------------------------------------------------------- MINI CART ---------------------------------------------------------------- */
#miniCartHolder { width:180px; height:auto; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; }
#miniCartHolder a { color:#002F57; text-decoration:underline; background:none; }
#miniCartHolder a:hover { color:#002F57; text-decoration:none; background:none; }
#miniCartHolder h3 { background:url(../images/left-column-header-bg.gif) top left repeat-x scroll; }
.miniCartItem {	width:170px; height:auto; border-bottom:#598D00 dotted 1px; padding:6px 0px 6px 10px; }
.miniCartTotal { width:170px; height:auto; padding:6px 0px 6px 10px; }
.miniCartTotal .totalText { color:#000; font-weight:bold; font-size:12px; }
/* ---------------------------------------------------------------- SEARCH BUTTON ---------------------------------------------------------------- */
#productSearch { float:right; padding:11px 0px 0px 0px; width:auto; height:auto; }
#productSearch #search { width:100px; height:21px; overflow:hiddne; float:left; padding:3px 4px 0px 4px; border:#000 solid 1px; color:#666666; }
#productSearch img { float:left; }
/* ---------------------------------------------------------------- REOCCURING CONTENT ---------------------------------------------------------------- */
/* Popular products */
#rPopularProducts { padding:9px; }
.rPopularProductsItem { padding:0px 0px 2px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; }
.rPopularProductsItem p.info { margin:3px 0px 3px 0px; font-size:12px; }
.rPopularProductsItem p.info a { text-decoration:none; color:#000; }
.rPopularProductsItem p.info a:hover { text-decoration:underline; color:#000; }
.rPopularProductsItem p.links { margin:0px 0px 3px 0px; font-size:10px; }
.rPopularProductsItem p.links a { color:#6D1900; text-decoration:underline; background:none; }
.rPopularProductsItem p.links a:hover { color:#6D1900; text-decoration:none; background:#none; }
.rPopularProductsItem .imgHolder { border:#B97621 solid 1px; width:160px; height:auto; overflow:hidden; }
/* Clearance */
#rClearance { padding:9px; }
#rClearance p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:12px; color:#000; margin:0px 0px 8px 0px; }
#rClearance p a { color:#000; text-decoration:none; }
#rClearance p a:hover { color:#000; text-decoration:underline; }
#rClearance p .redText { color:#B70000; }
/* ---------------------------------------------------------------- BREADCRUMBS ---------------------------------------------------------------- */
#breadcrumbs {
	width:auto; height:auto; background-color:#EDEDED; padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#767676;
}
#breadcrumbs a { color:#767676; text-decoration:none; }
#breadcrumbs a:hover { color:#767676; text-decoration:underline; }
/* ---------------------------------------------------------------- FOOTER ---------------------------------------------------------------- */
#footer {
	width:900px; height:auto; overflow:hidden; background:url(../images/footer-bg.gif) top left no-repeat scroll; padding:30px 0px 0px 0px;
	text-align:center;
}
#footer p {	font-family:Verdana, Arial, Helvetica, sans-serif; color:#4B7621; font-size:11px; }
#footer p a { color:#8EB362; text-decoration:none; }
#footer p a:hover { color:#AADE6B; text-decoration:underline; }
.image_right {
	float: right;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.image_left {
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}