/* 
Color Palette:
Orange: #ffb700
Lite-Orange: #fdd464
Dark-Orange: #cc9200
Darker-Orange: #a37500
Yellow: #fffab3
Lite-Yellow: #fffddb
*/

/* HTML ELEMENTS */
body { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: #ffb700 url(../_images/body_background.gif) repeat-x left top; text-align: center; margin: 0; padding: 0; }
a:link, a:visited { color: #0043FF }
a:hover, a:active { color: #fffddb; background: #0043FF; text-decoration: none; }
select, input.text-field, input.button { font-size: 9px; }
form { margin: 0; padding: 0; }

/* LAYOUT CLASSES */
.clearer { display: block; width: 100%; font-size: 0; line-height: 0; height: 0; float: none; clear: both; }
.padder { padding: 5px 10px; }
.text-field { width: 100%; }
.left { float: left; }
.ErrorMessage { color: red; font-weight: bold; }
.RetailPadder { position: relative; }
.small { font-size: 10px; color: #a37500; }

/* SPECIAL ITEMS */
#Void { position: absolute; top: 20px; left: 0px; display: block; width: 642px; height: 320px; background: url(../_images/img_voided.png) no-repeat center center; z-index: 1000; }
#VoidPrint { display: none; }
#PrintLogo { display: none; }

/* LAYOUT DIVS */
#Wrapper { display: block; width: 800px; height: auto; margin: 0 auto; text-align: left; }

#Header h1 { display: block; width: 800px; height: 170px; margin: 0; padding: 0; background: transparent url(../_images/header_logo.jpg) no-repeat top left; }
#Header h1 span,
#Header h2 span,
#Header h2 { display: none; }

#BodyWrapper { display: block; width: 100%; height: auto; text-align: center; background: #fffab3; border-bottom: 1px solid #fffab3;  }
#ContentBody { display: block; width: 800px; height: 1%; height: auto; margin: 0 auto; padding: 0; text-align: left;  }

#Content { display: block; width: 610px; height: auto; float: left; clear: none; font-size: 14px; }
#isHome #Content h3 { width: auto; color: #ffb700; font-weight: normal; font-size: 26px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; display: block; margin: 0; padding: 10px 5px 10px 90px; margin-right: 13px; text-transform: uppercase; border-top: 1px dotted #ffb700; border-bottom: 1px dotted #ffb700; background: #fffddb url(../_images/img_happyguy.gif) no-repeat left center; letter-spacing: -1px; text-decoration: none; }
#Content h1,
#Content h2,
#Content h3,
#Content h4,
#Content h5,
#Content h6,
#Content h7 { color: #a37500; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-transform: uppercase; text-decoration: underline; }

/* SIDEBOX CATEGORIES */
#SideBar { display: block; width: 190px; height: auto; float: left; clear: right; font-size: 12px; }
#SideBar .padder { padding: 0 0 0 20px; }
#SideBar .SideBox2 { display: block; width: 190px; height: auto; font-size: 12px; background: #fffddb; border: 1px solid #fdd464; }
#SideBar .SideBox2 .padder { padding: 2px 10px; }
#SideBar .SideBox2 a:link,
#SideBar .SideBox2 a:visited { text-decoration: none; }
#SideBar .SideBox2 a:hover,
#SideBar .SideBox2 a:active { color: #777; text-decoration: underline; background: none; }
#SideBar .SideBox2 h4 { display: block; width: 190px; height: 30px; color: #a37500; font-size: 16px; font-weight: normal; line-height: 30px; text-indent: 5px; background: #fffddb url(../_images/header_sidebar.gif) repeat-x left top; text-transform: capitalize; margin: 0; padding: 0; }
#SideBar .SideBox2 h5 { display: block; width: 190px; height: auto; margin: 0; padding: 0; font-size: 12px; border-top: 1px solid #fdd464; }
#SideBar .SideBox2 h5 a { display: block; width: 180px; height: 32px; line-height: 32px; padding: 2px 5px; }
#SideBar .SideBox2 .SideBoxContent { display: block; width: 190px; height: auto; font-size: 11px; }
#SideBar .SideBox2 .SideBoxContent a { display: block; width: auto; height: 23px; line-height: 23px; float: none; clear: both; background: #fffcc7; border-top: 1px solid #fdd464; padding-left: 10px; }
#SideBar .SideBox2 .SideBoxContent a:hover { background: #fffab3; }
#SideBar .SideBox2 ul { display: block; margin: 0; padding: 5px 10px; list-style: none; }
#SideBar .SideBox2 p { color: #a37500; font-size: 10px; }
#SideBar .SideBox2 #Login { padding: 10px 5px 10px 5px; font-size: 10px; text-align: center; }
#SideBar .SideBox2 #Login input.text-email,
#SideBar .SideBox2 #Login input.text-password { font-size: 9px; width: 80px; }
#SideBar .SideBox2 #CartIcon { display: block; width: 110px; height: 15px; line-height: 18px; font-size: 10px; padding: 0 0 5px 23px; margin: 0 auto; background: transparent url(../_images/icn_cart.gif) no-repeat center left; }


#FooterWrapper { display: block; width: 100%; height: auto; font-size: 10px; text-align: center; color: #fffab3; background: #cc9200 url(../_images/footer_background.gif) repeat-x top left; }
#Footer { display: block; width: 800px; height: auto; margin: 0 auto; text-align: left; }
#Footer p { padding-top: 13px; }

/* STORE CATALOG */
#Store { display: block; width: 100%; height: auto; margin: 0; padding: 0; }
#Store li { display: block; width: auto; height: auto; margin: 10px 10px 0 0; padding: 0; background: #fff; border: solid 7px #ffb700; float: left; clear: none; }
#Store li .padder { padding: 15px; }
#Store .ItemTable td { font-size: 10px; }
#Store .ItemTable td .text-field { width: 22px; }
#Store .ItemTable td.ItemImage { height: 140px; }
#Store li .ItemName div { display: block; width: 149px; height: 30px; line-height: 14px; font-size: 14px; overflow: hidden; padding-bottom: 5px; color: #777; }
#Store li .ItemSize div { display: block; width: 149px; height: 12px; line-height: 12px; font-size: 10px; overflow: hidden; padding-bottom: 5px; color: #777; }
#Store li .ItemPrice { font-size: 12px; font-weight: bold; }
#Store li h4 { width: 100%; font-size: 11px; font-weight: bold; margin: 0; padding: 0; text-align: center; color: #fff; background: #ffb700; text-decoration: none; border-bottom: 2px solid #ffb700; }

/* VIEW */
.ViewOptions { display: block; width: 600px; height: auto; padding-top: 15px; float: none; clear: both; font-size: 11px; color: #a37500; }
.ViewOptions .SetView { display: block; width: 200px; height: auto; float: left; clear: none; }
.ViewOptions .PageCount { display: block; width: 400px; height: auto; float: left; clear: right; text-align: right; color: #ffb700; }
.ViewOptions .PageCount span { color: #000; padding: 0 1px; font-weight: bold; }
.ViewOptions .PageCount strong { color: #a37500; }
.ViewOptions .PageCount a { padding: 0 2px; }
.ViewOptions .PageCount a:link,
.ViewOptions .PageCount a:visited { color: #a37500; text-decoration: none; }
.ViewOptions .PageCount a:hover,
.ViewOptions .PageCount a:active { color: #fffddb; text-decoration: none; background: #ffb700; }

/* SEARCH */
#QSearch .text-field { width: 120px; }
#Content h4#Keywords { display: block; width: 610px; height: auto; padding: 8px 0 5px; margin: 0; border: 0; font-size: 13px; text-transform: none; text-decoration: none; }

/* SALE ITEMS */
div.onSale { position: absolute; top: 1px; right: -51px; display: block; width: 100px; height: 100px; background: transparent url(../_images/img_on_sale.gif) no-repeat top left; }
div.onSale span { display: none; }
strong.onSalePrice { color: #e70038; }
strong.onSalePrice2 { display: block; font-size: 12px; color: #e70038; padding: 4px 0; margin: 0; }
strong.onSalePrice2 br { display: none; }