/* UNIVERSAL 
--------------------------------------------------------------------------------------- */
body { margin:0; padding:0; height:100%; font-size:80%; /* sets the stage for using ems */ line-height:20px; font-family: "Myriad Pro", "Trebuchet MS", Arial; background: url('../images/bg3.jpg');}

a { color:#871A2F;}
A:link { color: #333333; text-decoration: none;}
A:visited { color: #333333; text-decoration: none;}
A:active { color: #333333; text-decoration: none;}
A:hover { color: #0066CC; text-decoration: none;}

.clearHack {display: block; visibility: hidden; clear: both; height: 0px;}

A.ectlink:link {color: #333; text-decoration: none;}
A.ectlink:visited {color: #333; text-decoration: none;}
A.ectlink:active {color: #333; text-decoration: none;}
A.ectlink:hover {color: #8D2800; text-decoration: none;}

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

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin: 24px 0 0 0; }
.margin-top { margin-top: 30px; }

.fontred { color:#FF0000 }

/* Layout
--------------------------------------------------------------------------------------- */
div#container {margin:0 auto; width:980px; background-color:#fff; border-style:solid; border-color:#4b3320;  border-width: 1px; }
div#menu1 {position:relative; width:100%; clear:both;}
div#header {position:relative; height:75px; width:100%; background:#fff url("../images/header3.gif");}

div#content {width: 978px; clear:both; background-color:#fff; margin:0 auto;}

#sidebar {background:#fff; color:#102936; padding: 0; width:150px; float:right; text-align:center;}
#sidebar .brown {background:#4b3320; color:#10293; padding-bottom: 10px; width:150px; text-align:center;}
#sidebar .browncontent {width:130px; margin:0 auto;}
#sidebar .white {background-color:#fff; color:#102936; width:150px; margin:0 auto; text-align:left;}

#text {float:left; text-align: left; margin: 10px 5px 0 0; width:815px; background-color:#fff;}

#footer {width:970px; padding: 5px; min-height:70px; background-color: #304753; border-color: #4b3320; border-width: 5px 0 0 0;border-style:solid; position:relative;}
#content_containter_large {padding-top:5px; width:975px; margin:0 auto; text-align:center;}

/* HEADER 
--------------------------------------------------------------------------------------- */
input.search { height: 14px; background-color: #FFFFFF; border: solid #666; border-width: 1px; color: #000000; font-size: 11px; vertical-align:bottom}
select.search { background-color: #F8F0D8; border: solid #C0BC91; border-width: 1px; color: #000000; font-size: 11px;}

#fbtwitter {position:absolute; top:5px; right:10px; text-decoration:none; color:#fff; font-weight:bold; padding: 3px; height:32px}
#fbtwitter a {color:#FFFFFF;}
#fbtwitter img {position: relative; float: left; vertical-align:middle;}
#fbtwitter #divalignmiddle {position: relative; float:left; font-size:1.5em; padding-top:2px;}

/* Search Bar (Menu Bar)
--------------------------------------------------------------------------------------- */
#headersearch {color:#C1B492; margin:0px; font-weight:bold; font: 1.3em; position: absolute; top:45px; right:10px; vertical-align:middle; list-style:none;}

ul.search_bar {list-style:none}
.search .results { padding: 5px 10px 0 10px }
.search {width: 830px;}
.search .content h1 {margin: 0 10px;}
.search_text {border:none; background:#F0F0F0; padding:4px 5px 0; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#666; width:92px; height:18px}
.search_active {color:#000; background:#fff;}
.search_button {height:22px;}
.search_bar {list-style:none}
.search_bar form {border:1px solid #fff; background:#F0F0F0;}

/* FOOTER: SITEMAP
--------------------------------------------------------------------------------------- */
#siteMap {position:relative; width: 90%;}
#siteMap .column {float: left; margin: 0 10px 0 0;}
#siteMap li {display: block; list-style: none; font: normal .8em 'lucida grande',tahoma,sans-serif; font-weight:bold; color: #829BA9;}
#siteMap li a {display: block; padding: .25em 0 0 0; font-weight: bold; color: #829BA9;}
#siteMap li a:hover {text-decoration: underline; color: #829BA9;}
#siteMap .sub a {padding-left: 8px; font-size: .95em; line-height: 1em; font-weight: normal; color: #C1B492; background: url('../images/menu/arrow-miniblue.gif') left center no-repeat; list-style: none;}
#siteMap .sub a:hover {background-position: 2px 50%;}

#creditcards {position:absolute; top: 10px; right: 10px;}

/* SEARCH, CART, CUSTOMER LOGIN, AFFILIATES TABLE PROPERTIES
--------------------------------------------------------------------------------------- */
TABLE.cobtbl{background-color: #F0F0F0;}
TD.cobhl{background-color: #F0F0F0; background-image: url(../images/bluestripe.png);}
TD.cobll{background-color: #fff; color : #000;}
img.cartimage {width: 100px; border:1px;} /* Cart Thumbnail Properties */

/* Product Reviews
--------------------------------------------------------------------------------------- */
.review {color: #000; font-weight: bold;}
.showallreview, .reviewcomments {color: #000; font-weight: normal;}
.reviewname { color: #999; font-weight: bold;}
hr.review {width: 100%; text-align:left; height: 0; border-width: 1px 0 0 0; border-style: dashed; border-color: #006AC8;}

/* FRONTPAGE Elements
--------------------------------------------------------------------------------------- */
#prod {margin:3.25px; float:left; position:relative;}
#prod img {height:170px; width:170px; background:#F0F0F0; padding:8px; border:1px solid #999;}
#prod a:hover img {background:#999;}
#prod .clear {clear: left}
#prod img.overlay {position:absolute; left:-10px; bottom:-15px; background:none; border:0px; margin:0px; height:64px; width:64px;}

#slideshow1 {position: relative; width: 960px; height: 150px; margin:auto; z-index:200; overflow: hidden;} /* Frontpage slideshow */
#slideshow1 img {border:none} /* Frontpage slideshow image properties */

/* CATEGORIES LAYOUT 
--------------------------------------------------------------------------------------- */
P.catname {text-align: center; margin-top: 0px; margin-bottom: 4px; vertical-align:top;}
P.catdesc {margin-top: 0px; margin-bottom: 4px; vertical-align:top;}
IMG.catimage {border:1px; border-thickness: 1px; border-color: #999; border-style: solid; vertical-align:top;}
TD.catimage {vertical-align:top;}
TD.catname {vertical-align:top; text-align: center;}
TD.catnavigation {vertical-align:middle; text-align: left;}

/* CROSS SELLING PROPERTIES 
--------------------------------------------------------------------------------------- */
.csprodname {font-size: 10px; font-family: Verdana; padding:0; max-width:200px; text-align:center; margin:0 auto; border:#000000 dotted thin}
.csprodprice {display:block; padding:5px; border:#999999 1px solid; background-color:#F0F0F0; text-align:center; width:100px; margin:0 auto;}
img.csprodimage {background:#F0F0F0; padding:10px; border:1px solid #D6D6D6;}
a:hover img.csprodimage {background:#D6D6D6;}
.csproduct {text-align:center; margin: 0 auto;}
table.csproducts {}
td.csproduct {max-width: 300px; font-family: Verdana; margin: 0 auto; text-align:center; border:#000000 dotted thin}

.csprodimage {font-size: 10px; font-family : Verdana;}
	
/* PRODUCTS LAYOUT 
--------------------------------------------------------------------------------------- */
td.product {
width:255px;
margin: 5px;
border: 1px dotted #3B4754;
background-color: #FFF;
}

/* PROD Layout 
--------------------------------------------------------------------------------------- 
div.prodid: The properties of the text "Product ID"
div.prodname: The properties of the product name on the product page
div.proddiscounts: The properties of the discounts text for the product page
td.prodimage: The alignment of the product image on the product page
img.prodimage: The properties of the product image
div.proddescription: The properties of the text in the short product description
div.prodoptions: The properties of the product options on the product page
div.prodprice: The properties of the price on the product page
div.prodcurrency: The properties of the alternative currencies on the product page
*/

td.prodimage img.prodimage {background:#F0F0F0; padding:10px; border:1px solid #999;}
a:hover img.prodimage {background:#D6D6D6;}
div.prodname {display:block; background:url('../images/bckg-topbanner.gif') repeat-x; border-top:#CCCCCC solid 1px; padding-left:10px; font-size:1.2em;}
div.prodprice {display:block; padding:5px; border:#999999 1px solid; background-color:#F0F0F0; text-align:center; width:100px; margin:0 auto;}
div.prodoptions {}
select.prodoption {width:185px;}
input.prodoption {width:185px;}

span.extraimage{color: #304753;}
img span.extraimage {height:10px;width:20px;}
span.extraimagenum{color: #4b3320;}

#savelistdiv td.cobll {background-color:#000000}
#sizing table {width:300px}
#sizing tr {font-weight:bold}

/* PROD Detail Layout 
--------------------------------------------------------------------------------------- 
div.detailid: The properties of the text "Product ID"
div.detailname: The properties of the product name on the product detail page
div.detaildiscounts: The properties of the discounts text for the product detail page
td.detailimage: The alignment of the product image on the product detail page
img.prodimage: The properties of the product image
div.detaildescription: The properties of the text in the long product description
div.detailoptions: The properties of the product options on the product detail page
div.detailprice: The properties of the price on the product detail page
div.detailcurrency: The properties of the alternative currencies on the product detail page
*/

td.detailimage {vertical-align:top;}
td.detailimage img.prodimage {background:#F0F0F0; padding:10px; border:1px solid #D6D6D6;}
div.detailname {display:block; background:url('../images/bckg-topbanner.gif') repeat-x; border-top:#CCCCCC solid 1px;}
div.detailprice {display:block; padding:5px; border:#999999 1px solid; background-color:#F0F0F0; text-align:center; width:100px; margin:0 auto; margin-top:5px;}

/* Minicart & minilogin 
--------------------------------------------------------------------------------------- */
TD.mincart { font-size: 11px;}
P.mincart { font-size: 11px;}

/* Page Numbers
--------------------------------------------------------------------------------------- */
P.pagenums {font-size: 1em;font-family : Verdana;}
SPAN.currpage {color: #FF0000; font-weight: bold;}

/* RECEIPT LAYOUT 
--------------------------------------------------------------------------------------- */
.receiptoption{background-color:#FFEDB7;}
.receipthr{height: 0;border-width: 1px 0 0 0;border-style: solid;border-color: #F89961;}
.receipthl{background-color:#9FB5FF;}
.receiptheading{background-color:#F89961;color: #FFFFFF;font-weight:bold; }


/* COLORS
304753 // MAIN: dark blue
4b3320 // MAIN: dark brown
829BA9 // MAIN: Light blue used in Menu 

F0F0F0 // Shopping cart & Other Background (VERY Light Blue)
C1B492 // Footer Link Color (Tan)

Greys:
F0F0F0 // Light (Prod Border)
D6D6D6 // Med (Prod Border:Hover)
999 // Dark (Misc. Borders)
*/