/* reset */
html, body, div, span, object, iframe,h1, h2,a, abbr, acronym, address, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, var,b, u, i, center, tablefieldset, form, label, legend,select, input { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #4B5C4B; }

/* base layout */
body { }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;}
p { padding: 5px 0; margin: 0; }
img { border: 0; }
a:link { color: #4F888F; }
a:visited { color: #4F888F; }
a:hover { color: #4F888F; }
h1,h2 { font-size: 12px; font-weight: bold; margin: 5px 0; }
h2 { font-size: 11px; }
/* common classes 
---------------------------------*/

.center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.fl-left { float: left; }
.fl-right { float: right; }
.fl-clear { clear: both; }
.container { overflow: hidden; width: 100%; }
.opacity { opacity: .60; filter: Alpha(opacity=60); }
.req { color: #C00; }

h1.title { font-variant:small-caps; letter-spacing: .15em; font-size: 14px; margin-bottom: 10px; }
h2.title { }
select { border: 1px solid #CACFAB; vertical-align: middle; font-size: 1.1em; background:#ECF9FF; }
textarea { border: 1px solid #CACFAB; background:#ECF9FF; }
input { vertical-align: middle; }
input.text { padding: 2px; border: 1px solid #CACFAB; background:#ECF9FF; }
input.image { }
input.button { font: bold 92% Verdana, Arial, Helvetica, sans-serif; background: #CACFAB; border: 1px solid #ABB57D; padding: 2px 3px 4px 3px; height: 21px; text-align:center; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }
/*shared*/
body { text-align: center; background: #F0F2E6; margin-bottom: 6px; }

#shell { margin: 6px auto 0 auto; width: 753px; text-align:left; border: 3px #D5D5B7 solid; padding: 1px; background: #FFF; position:relative; }

#header { width: auto; height: 95px; overflow:hidden; padding: 0 0 0 0; margin: 0 0 0 0; background: url(/images/header-bg.gif) repeat-x; }
#header img#logo { width: 443px; height: 99px; position:absolute; top: -4px; }

/* shop nav */
#header ul { position: absolute; top: 64px; left: 480px; z-index: 20; padding: 0; margin: 0; width: 264px; border: solid #CACFAB; border-width: 1px 1px 1px 0; overflow:hidden; list-style-type: none; }
#header li { float: left; border-left: 1px solid #CACFAB; text-indent: -6000px; }
#header li a { display: block; height: 19px; }

li#nav-login a{ background: url(/images/nav-login.gif) no-repeat; width: 75px; }
li#nav-login a:hover { background: url(/images/nav-login.gif) no-repeat 0 -19px; }
li#nav-logout a{ background: url(/images/nav-logout.gif) no-repeat; width: 75px; }
li#nav-logout a:hover { background: url(/images/nav-logout.gif) no-repeat 0 -19px; }
li#nav-cart a{ background: url(/images/nav-cart.gif) no-repeat; width: 84px; }
li#nav-cart a:hover { background: url(/images/nav-cart.gif) no-repeat 0 -19px; }
li#nav-checkout a{ background: url(/images/nav-checkout.gif) no-repeat; width: 102px; }
li#nav-checkout a:hover { background: url(/images/nav-checkout.gif) no-repeat 0 -19px; }

/* search */
#header form#search { float: right; width: 143px; height: 57px; background:url(/images/search-bg.gif); padding: 38px 0 0 25px; }
#header form#search input.text { width: 109px; height: 13px; }
#header form#search input.image { margin: 0 0 0 3px; width: 16px; height: 14px; }


/* nav */
#nav { width: 752px; border: solid #ABB57D; border-width: 1px 1px 1px 0; overflow: hidden; background:#CACFAB; }
#nav ul { list-style:none; margin:0 auto;padding:0; }
#nav li { float: left; border-left: 1px solid #ABB57D; background: #CACFAB; width: auto; }
#nav li a { float: left; font-size: 11px; color:#3D3F40; display: block; width: auto; height: 17px; padding: 5px 30px 0 31px; text-decoration: none; text-transform: uppercase; letter-spacing: .2em; font-family: Arial, Helvetica, sans-serif; }
#nav li a:hover {background: #CBE7FA; }


#content { width: 753px; overflow: hidden; padding: 0 0 0 0; background: #F9F9E6 url(/images/content-bg.gif) repeat-x top; }
#content div.left { float: left; width: 184px; }
#content div.left ul { list-style: none; padding:0; margin:0; }
#content div.left li { color:#4B5C4B; list-style: none; padding: 5px 5px 5px 22px; margin:0 8px; border-bottom: 1px solid #D8DABF; }
#content div.left li a { color: #4B5C4B; display: block; text-decoration: none; }
#content div.left li a:hover { text-decoration: underline; }

#categories { padding: 37px 0 0 0; }
#categories.retail { background: url(/images/retail-shop-bg.jpg) no-repeat #FBFBF1; }
#categories.wholesale { background: url(/images/wholesale-shop-bg.png) no-repeat #FBFBF1; }
#whats-new { color: #4F888F; text-align: center; background: url(/images/whats-new-bg.jpg) no-repeat #F9F9E6; padding: 45px 0 0 0; }
#information { background: url(/images/information-bg.jpg) no-repeat #F9F9E6; padding: 37px 0 0 0; }

#content div.right { float: left; width: 550px;  padding: 8px 0 0 9px; border-left: 1px solid #D6D8B8; background: url(/images/content-right-bg.jpg) left bottom no-repeat; min-height: 630px; margin: 0 0 0 0; }
* html #content div.right { height: 630px; }

ul#specials { width: 547px; padding: 2px; list-style-type: none; border: 1px solid #D8DABC; background:#F9F9E6; overflow: hidden; margin: 51px 0 35px 0; }
* html ul#specials { height: 163px; width: 549px; }
#specials li#specials-title { float: none; border: 1px solid #D0E2E2; width: 552px; height: 39px; position: absolute; top: 370px; right: 6px; background: url(/images/specials-title-bg.gif) no-repeat; text-indent: -6000px; padding: 0; }
#specials li { float: left; width: 182px; background: #FFF; text-align: center; padding: 7px 0 7px 0; }
/*#specials img { border: 1px solid #B7BB89; }*/

#start-shopping { display: block; width: 550px; height: 231px; border: 1px solid #B7BB89; padding: 1px; background: url(/images/start-shopping.jpg) no-repeat 1px 1px; text-indent: -6000px; }
#content div.right div.text { margin: 0 0 0 0; }

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

/* footer */
#footer { margin: 0 auto 0 auto; color: #4B5C4B; background: #D5D5B7; height: 20px; width: 748px; padding: 10px 13px 0 0; text-align: right; }
#footer a { color: #4B5C4B; }

#core101-logo { text-align:center; padding: 10px 0; }