/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl,dt,dd abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, button, fieldset, label, legend, select, input, textarea { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { background:#333; line-height: 1; color: #000; font-size:0.6875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; margin: 0 auto; }
p { padding: 5px 0; margin: 0; }
strong, b { }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; background:transparent; }
legend { font-weight:bold; margin: 10px 0; }
a:link { color: #000000; line-height:1.1em; }
a:visited { color: #000000; }
a:hover { color: #000000; }
a strong { color: #00000; text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/
.l1 { width:10px !important;}.l2 { width:20px !important;}.l3 { width:30px !important;}.l4 { width:40px !important;}.l5 { width:50px !important;}.l6 { width:60px !important;}.l7 { width:70px !important;}.l8 { width:80px !important;}.l9 { width:90px !important;}.l10 { width:100px !important;}.l12 { width:120px !important;}.l13 { width:130px !important;}.l14 { width:140px !important;}.l15 { width:150px !important;}

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.align-left { float:left; }
.align-right { float:right; }
.align-middle { vertical-align: middle; }
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align:top; }
.align-bottom { vertical-align: bottom; }
.align-text-bottom { vertical-align: text-bottom; }
.align-text-top { vertical-align:text-top; }

.inline { display:inline !important; }
.block { display:block !important; }
.visible { visibility:visible !important; }
.hidden { visibility:hidden !important; }
.container { overflow: hidden; width: 100%; }
.required { background:url(../images/required.png) no-repeat 99% 4px; }
.note { font-style: italic; font-size: 10px; margin: 0 0 0 5px; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }
.sifr-alt { display: none; }
.font-01,.font-02 { visibility:hidden; margin:0;padding:0; font-weight:normal; }
* html .png { visibility:hidden; }

select { border: 1px solid #999; background: #FFF !important; }
input.text { padding: 2px; border: 1px solid #999; width: 130px; background: #FFF !important; }
textarea { padding: 2px; border: 1px solid #999;  width:220px; height:60px; }
input.image { }
button.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px;  float:right; margin: 0 60px 0 0; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 3px 0 0 0; }

.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #FBFCFC; padding: 5px; text-align:center; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }

.p,.m { display:none; } /*not for web display*/

/* BODY SELECTORS
---------------------------------*/
#home, #internal { width: 950px; text-align:left; margin: 0 auto 0 auto; padding: 0 0 12px 0; background: url(../images/site.png) #333; }

/* HEADER */
#header { height: 139px; background: url(../images/header.jpg) no-repeat; position:relative; }
#logo { width: 680px; height: 96px; position:absolute; top: 8px; right: 0; background:url(../images/logo.png) no-repeat; text-indent:-6000px; z-index:20; }
#logo a { display:block; width: 100%; height: 100%; }

#slogan { width: 544px; height: 15px; padding:0;margin:0; position:absolute; top: 109px; right: 11px; background:url(../images/slogan.png) no-repeat; text-indent:-6000px; }

/* HEADER Panel */
#header-panel { position:relative; height: 64px; }
/* NAV */
#nav { padding:0;margin:0;list-style:none; position:absolute; top:0; left:0; overflow:hidden; }
#nav li { float:left; width:158px; height: 28px; text-indent: -6000px; margin: 0 6px 0 0; display:inline; }
#nav a { display:block; height: 100%; background-position: 0 top; }

/* nav categories */
#nav #nav-about-us a { background-image: url(../images/nav-about-us.png); }
#nav #nav-about-us:hover a {background-position: 0 bottom; }
#nav #nav-contact-us a { background-image: url(../images/nav-contact-us.png); }
#nav #nav-contact-us:hover a {background-position: 0 bottom; }
#nav #nav-terms-conditions a { background-image: url(../images/nav-terms-conditions.png); }
#nav #nav-terms-conditions:hover a {background-position: 0 bottom; }
#nav #nav-return-policy a { background-image: url(../images/nav-return-policy.png); }
#nav #nav-return-policy:hover a {background-position: 0 bottom; }

#nav-cart { margin:0;padding:0;list-type:none; position:absolute; top:31px; left:0; overflow:hidden; }
#nav-cart li { float:left; width: 158px; height: 22px; text-indent: -6000px; margin: 0 6px 0 0; display:inline; }
#nav-cart li a { display:block; height: 100%; background-position: 0 top; }

#nav-cart #nav-view-cart a { background-image: url(../images/nav-view-cart.png); }
#nav-cart #nav-view-cart:hover a {background-position: 0 bottom; }
#nav-cart #nav-order-status a { background-image: url(../images/nav-order-status.png); }
#nav-cart #nav-order-status:hover a {background-position: 0 bottom; }
#nav-cart #nav-help a { background-image: url(../images/nav-help.png); }
#nav-cart #nav-help:hover a {background-position: 0 bottom; }

/* ACCOUNT LOGIN */
#account-login { position:absolute; top: -11px; right:10px; text-align:right; }
#account-login legend,#account-login label { display:none; }
#account-login #account-login-title { display:block; width:156px; height:8px; background: url(../images/account-login-legend-span.png) right top no-repeat; margin: 0 0 0 118px; }
* html #account-login #account-login-title { margin:0 0 0 59px; }
#account-login fieldset { padding:0; margin:0; font-weight:normal; }
#account-login input.text { vertical-align:top; color:#bbb; border:0; width:125px; padding: 5px 6px; margin: 5px 0 0 0; background:url(../images/account-login-input.png) no-repeat !important; }
* html #account-login input.text {margin:0;}
#account-login button { background: url(../images/btn-account-login.png); width:25px; height: 18px; color:#000; font-size: 12px; margin: 2px 0 0 4px; padding: 2px 5px; text-indent:-6000px; }
#account-login a { color:#FFF; line-height: 20px; margin: 0 10px 0 0; }

/* SLIDESHOW */
#slideshow { position:relative; width: 534px; height: 354px; margin: 6px 0 0 6px; }
#slideshow img { display:block; position:absolute; top:0; left:0; z-index:8; height: 100%; width:100%; background-repeat:no-repeat; border:2px solid #ff8f3c; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

/*MAIN*/
#main{ overflow:hidden; width: 100%; background: url(../images/main.png) repeat-y 169px 0; }
#internal #main{ background-image: url(../images/main-internal.png) }

/*NAV SUB*/
#nav-cat { float:left; display:inline; margin:0; width: 158px; }
#nav-cat ul { list-style:none; padding:0; margin:0;  width: 100%; }
#nav-cat li { background:url(../images/nav-cat-li.png) no-repeat 0 0; padding: 0 0 0 0; margin: 0 0 16px 0; width: 100%; height: 38px  }
#nav-cat li a { color:#FFF; font-family:Arial, Helvetica, sans-serif;font-style: italic; font-size: 14px; font-weight:bold; letter-spacing: 1px; display:block; padding: 4px 0 0 10px; text-decoration:none; width: 148px; }
#nav-cat li a:hover { text-decoration:underline; }


/*CONTENT*/
#content { float:left; width: 550px; display:inline; margin: 0 0 0 11px; padding: 0 0 0 0; background:#FFF; }
#internal #content { width: 769px; }

#specials { width: 219px; display:inline; float:right; background:url(../images/specials.jpg) no-repeat; text-align:center; padding: 0 0 30px 0; }
#specials h2 { text-indent:-6000px; background:url(../images/specials-h2.png); width:181px; height: 23px; padding:0;margin:18px 0 0 21px; }
#specials ul { margin:0 auto;padding:0;list-style:none; width:200px; }
#specials li { background:url(../images/specials-li.jpg) no-repeat 50% 0; height: 200px; padding:1px 0 0 0; margin: 20px 0 5px 0; }
#specials li img { margin:17px auto 17px auto; }
#specials li a { color:#fff; text-transform:uppercase; text-decoration:none; }
#specials li .price { font-size: 1.2em; color:#ff8f3c; text-transform:uppercase; }


/*PAGE TITLE*/
#page-title { padding:0;margin:15px 0 0 15px; font-weight:normal; font-size:30px; color:#6d1818; height: 40px; }
#content .cms { margin: 12px 20px 0 20px; padding: 0 0 30px 0; border-bottom: 1px solid #000; }
#home #content .cms{ font-size:11px !important; }

/* BREADCRUMB */
#crumb { list-style: none; padding: 0; margin: 12px 0 9px 0; }
#crumb li { display:inline; padding: 0 0 0 0; margin: 0 0 0 0; }
#crumb li a, #crumb li a:hover {}

/* FOOTER */
#footer { background: url(../images/footer.png) repeat-x; height: px; padding: 1px 0 0 0; text-align: center; }
#footer address { font-style: normal; }
#footer ul { margin: 0 0 0 0;padding:0;list-style:none; }
#footer li { display:inline; }
#footer li a { margin: 0 3px 0 3px; }
#copyright {  display:block; width: px; margin: 0 0 0 0; }

/* CORE101 */
#logo-core101 { width:271px; height:17px; text-align:center; margin: 10px auto 10px auto; background:url(../images/logo-core101.png) no-repeat; text-indent: -6000px; }
#logo-core101 a { display:block; width: 100%; }

/*SITEMAP*/
#sitemap ul {}
#sitemap li { list-style: none;	vertical-align:middle; padding-bottom: 4px;	}
#sitemap a { text-decoration:none; }
#sitemap a:hover{ text-decoration:underline; }
#sitemap li.level1 { padding-left: 0; }
#sitemap li.level2 { padding-left: 25px; }
#sitemap li.level3 { padding-left: 50px; }
#sitemap li.level4 { padding-left: 75px; }
#sitemap li.level5 { padding-left: 100px; }

/* MISC
-------------------------------------*/

/* FORMS */
#form-contact { width:570px;}

/* forms */
fieldset { margin:0; padding:0; border:0; }

/*wrapper*/
form label,form .group { display: block; width: 100%; overflow: hidden; margin: 0 0 5px 0; }
form label span,form .group span { width: 200px; float: left; text-align: right; padding: 4px 5px 0 0; }
form label input.text { float: left; margin: 0 0 5px 0; width: 110px; }
form label select { float: left; margin: 0 0 5px 0; width: 115px; }
form .buttons { text-align:right; width: 100%; }
form .error{ color: #C00;}
/*group*/
form ul { float:left; width:auto; margin:0 0 5px 0;padding:0;list-style:none; overflow:hidden; }
form li.heading { text-decoration:underline; float:left; padding: 4px 0; width: 100%; }
form li.error { float:left; padding: 4px 0; width: 100%; }
form li { width:50%; float:left; padding: 4px 0; }
form li label, form ul li span, form li input { white-space: nowrap; display:inline !important; width:auto !important; float:none !important; }
form label span.error { width:180px; color:#C00; text-align:left; margin-left: 5px; }
form .group .block { float: left; margin: 0 0 5px 0; width: 200px; }
form .group .block label, form .group .block input, form .group .block span,label.inline, label.inline span, label.inline input { display: inline !important; width:auto !important; float:none !important; } 


#captcha-image { margin: 0 0 5px 215px; }
#captcha-image img { display:block; }
