@import url(/style/public/lightbox.css);
@import url(common.css);

* { _behavior: url(/iepngfix.htc); }

html {
   background: #f7f0dd;
   color: black;
}

div.body_container {
   background: white;
   width: 960px;
   margin: 0 auto;
   position: relative;
}


#header {
   height: 150px;
}

#header h1 {
   margin: 0;
   padding: 0;
   position: absolute;
   top: 10px;
   left: 10px;
}

#header a:link,
#header a:visited,
#header a:hover,
#header a:active {
   color: inherit;
}

#header blockquote {
   position: absolute;
   top: 12px;
   left: 242px;
   width: 160px;
   margin: 0; padding: 0;
   color: #9ccb14;
   font-size: 13px;
}

#global-nav {
   position: absolute;
   top: 0;
   right: 0;
   list-style: none;
   margin: 0; padding: 0;
   font-size: 11px;
   z-index: 1;
}
#global-nav li {
   float: left;
   margin: 0; padding: 0;
}
#global-nav a {
   display: block;
   height: 12px;
   _width: 2em;
   line-height: 12px;
   font-weight: bold;
   text-decoration: none;
   margin: 0; padding: 3px 6px;
}
#global-nav a:link,
#global-nav a:visited {
   background: #ece6d4;
   color: #857c5f;
}
#global-nav a:hover,
#global-nav a:active {
   background: #b9b296;
   color: #ffffff;
}
#global-nav .current a:link,
#global-nav .current a:visited,
#global-nav .current a:hover,
#global-nav .current a:active {
   background: #999276 url(/images/global-nav-highlight.png) no-repeat center bottom;
   color: #ffffff;
}

#cartHolder a {
   display: block;
   position: absolute;
   top: 8px;
   right: 2px;
   width: 230px;
   height: 98px;
}
#editButton a {
   position: absolute;
   top: 18px;
   right: 0;
   margin: 2px;
   padding: 2px;
   border: 1px solid black;
   background: white;
}
#cart div {
   padding-top: 30px;
}

#cart img {
   float: right;
}

#cart h3 {
   font-weight: normal;
   margin: 0; padding: 0;
}

#cart p {
   margin: 4px 0 0; padding: 0;
}

#actions {
   background: #9ccb14;
   color: #f7f0dd;
   position: absolute;
   top: 106px;
   width: 960px;
   font-size: 14px;
   font-weight: bold;
   line-height: 30px;
}

#actions a:link,
#actions a:visited,
#actions a:hover,
#actions a:active {
   color: #f7f0dd;
}

#actions .action {
   position: relative;
   float: left;
   height: 30px;
   padding: 2px 8px;
   width: 220px;
   border-left: 1px solid #AFE80C;
   border-right: 1px solid #83AB11;
   letter-spacing: -0.3px;
}
#actions #subscribe {
   border-left: none;
   width: 452px;
}
#actions #search {
   width: 233px;
}
#actions #find-shop {
   border-right: none;
   text-align: right;
}

#main {
}

#nav {
   list-style: none;
   margin: 0; padding: 0;
   margin-right: -2px;
   position: relative;
   _position: static;
   z-index: 7;
}
#nav li {
   margin: 0; padding: 0;
   margin-right: 2px;
   position: relative;
   z-index: 6;
   float: left;
}
#nav li ul {
   list-style: none;
   position: absolute;
   top: 46px;
   left: 0;
   z-index: 5;
   display: none;
}
#nav li:hover ul {
   display: block;
   _display: none;
}
#nav ul li {
   float: none;
   margin: 0;
}
#nav ul a {
   background-image: none;
   border-top-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   float: none;
   padding: 2px 8px 2px 8px;
   border-top: 1px solid #b88 !important;
   border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
   border-bottom: 1px solid #944 !important;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
   height: auto;
   overflow: auto;
   font-size: 10px;
}
#nav ul li:first-child a {
   border-top: none !important;
}
#nav ul a:hover,
#nav ul a:active {
   position: static;
   top: 0;
   height: auto;
   margin-bottom: 0;
   background-image: url(/images/alpha-pale.png);
   background-repeat: repeat;
   background: rgba(0, 0, 0, 0.3);
}
#nav a {
   margin: 0;
   color: white;
   width: 102px;
   float: left;
   padding: 6px 8px 6px 8px;
   height: 34px;
   overflow: hidden;
   font-size: 14px;
   display: block;
   text-decoration: none;

   /* We want rounded corners. For browsers that don't support the CSS3
    * CR, we provide an ugly white-corners image. Always specifying it
    * means we don't save the good browsers a request... but their
    * built-in corners are much nicer anyway. */
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;

   background: #262626 url(/images/tab-corners.png) top left no-repeat;
}
#nav > li:hover > a {
   position: relative;
   top: -4px;
   height: 38px;
   margin-bottom: -4px;
}
#nav a:hover,
#nav a:active {
   position: relative;
   top: -4px;
   height: 38px;
   margin-bottom: -4px;
}

#nav br { display: none; }
#nav b {
   font-weight: normal;
}
#nav em {
   display: block;
   font-size: 10px;
   font-style: normal;
   line-height: 10px;
}

#nav .section-1 a, #nav .section-1 li, .section-1 #middle { background-color: #521905; border-color: #521905; }
#nav .section-2 a, #nav .section-2 li, .section-2 #middle { background-color: #7b2406; border-color: #7b2406; }
#nav .section-3 a, #nav .section-3 li, .section-3 #middle { background-color: #a53108; border-color: #a53108; }
#nav .section-4 a, #nav .section-4 li, .section-4 #middle { background-color: #b75a39; border-color: #b75a39; }
#nav .section-5 a, #nav .section-5 li, .section-5 #middle { background-color: #af5f46; border-color: #af5f46; }
#nav .section-6 a, #nav .section-6 li, .section-6 #middle { background-color: #ba3e3e; border-color: #ba3e3e; }
#nav .section-7 a, #nav .section-7 li, .section-7 #middle { background-color: #d41011; border-color: #d41011; }

#outer {
   clear: both;
   background: #262626 url(/images/swirl-bottom.png) bottom left no-repeat;
   *background: white;
   padding-bottom: 58px;
   *padding-bottom: 0;
   *border-bottom: 58px solid #262626;
}
#middle {
   background: #262626 url(/images/swirl-top.png) top right no-repeat;
   padding: 10px 0 0 10px;
   *background: white !important;
   *border-left: 10px solid #262626;
   *border-top: 10px solid #262626;
   *border-right: none !important;
   *padding: 0 0 10px;
   *height: 1%;
}
#inner {
   background: #ede6d3;
   position: relative;
   _position: static;
}

.breadcrumbs {
   margin: 0;
   padding: 4px 10px;
   height: 17px;
   list-style: none;
   font-size: 10px;
}

#crumbs {
   margin: 0;
   padding: 0;
   height: 17px;
   list-style: none;
   font-size: 10px;
}
#crumbs li {
   margin: 0;
   float: left;
   padding: 0 7px 0 17px;
   background: url(/images/arrow-green.png) 0 3px no-repeat;
}
#crumbs li:first-child {
   padding-left: 7px;
   background: none;
}

#footer {
   clear: both;
   background: white;
   margin-top: 10px;
   padding-bottom: 10px;
}
#footer h3 {
   margin: 7px 0; padding: 0;
   font-weight: normal;
   font-size: 14px;
}
#footer ul {
   margin: 0; padding: 0;
   list-style-image: url(/images/arrow-green.png);
}
#footer li {
   font-size: 10px;
   line-height: 12px;
   margin: 3px 0 3px 16px; padding: 0;
}

#footer .section {
   float: left;
   width: 168px;
   margin-left: 9px;
}
#logo2 {
   float: left;
   padding-top: 10px;
   padding-left: 20px;
   margin-left: 0;
   width: 212px;
}

.clear { clear: both; }

#trailer {
   padding: 18px 10px 36px;
   font-size: 10px;
   margin-top: 10px;
}
#trailer #site-map {
   float: left;
   background: url(/images/arrow-green.png) 0 3px no-repeat;
   padding-left: 16px;
   display: block;
}
#trailer div { float: right; clear: right; }
#trailer a:link,
#trailer a:visited,
#trailer a:hover,
#trailer a:active { color: black; font-weight: bold; }

.input {
   position: absolute;
   top: 5px;
   height: 24px;
   right: 5px;
   width: 225px;
}
.input form {
   height: 24px;
   width: 225px;
   position: relative;
   _position: static;
   background: white; /* overridden below by image+transparent */

   background: url(/images/input-sub.png) 0 0 no-repeat;

   border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
}
.input .text {
   border: none;
   background: transparent;
   position: absolute;
   top: 0;
   left: 0;
   height: 18px;
   width: 130px;
   padding: 3px 2px 3px 8px;
   font-weight: normal;
}
.input .empty {
   color: #76736a;
}
.input .go {
   width: 80px;
   z-index: 1;
   position: absolute;
   top: 3px;
   right: 3px;
   background: #9ccb14; /* overridden below by image+transparent */
   border: none;
   height: 18px;
   margin: 0;
   color: white;
   font-weight: normal;
   font-size: 13px;
   padding: 0 0 2px;

   background: url(/images/button-sub.png) 0 0 no-repeat;

   border-radius: 18px;
   -moz-border-radius: 18px;
   -webkit-border-radius: 18px;
}

#search .input {
   width: 180px;
}
#search .input form {
   width: 180px;
   background: url(/images/input-search.png) 0 0 no-repeat;
}
#search .go {
   width: 35px;
   background: url(/images/button-go.png) 0 0 no-repeat;
}


#nav2 {
   float: left;
   width: 230px;
   min-height: 100px;
   _height: 100px;
}
body.section-0.default_view #nav2 {
   display: none;
}
body.section-0 #nav2 * {
   display: none;
}

#nav2 h2 {
   margin: 0;
   padding: 8px;
}

#nav2 ul {
   list-style: none;
   margin: 0; padding: 0;
}

#nav2 li {
   margin: 0;
   font-size: 14px;
   font-weight: bold;
}
#nav2 a {
   padding: 5px 8px;
   display: block;
   width: 213px;
}

#nav2 .selected {
   background: white;
   border-right: 1px solid #ede6d3;
}

#page {
   float: left;
   width: 730px;
   margin-right: -10px;
   min-height: 140px;
}
body.section-0.default_view #page {
   width: 960px;
}
body.section-0.default_view #page .productItem {
   position: relative;
   left: 10px;
}

#page p {
   margin-right: 10px;
}

.orderSelect {
   _display: none;
   position: absolute;
   top: 0;
   right: 0;
   text-align: right;
}
.orderSelect select {
   font-size: 11px;
}

.productDetail {
   background: white;
   float: left;
   width: 717px;
   padding: 10px 0 10px 1px;
   border: 1px solid #e3dcc7;
   margin: 0 0 10px 0;
}

.productDetail .productImages {
   width: 275px;
   float: left;
}
.productDetail .productImage {
   margin: 0 0 10px 8px;
   width: 259px;
   padding: 3px;
   border: 1px solid #e3dcc7;
   position: relative;
   text-align: center;
}
.productDetail .productImage #zoomImageLink {
   position: absolute;
   text-transform: uppercase;
   bottom: 8px;
   right: 8px;
   font-size: 10px;
   color: #777;
}
.productDetail .productImage #zoomImageLink:before {
   content: '[';
}
.productDetail .productImage #zoomImageLink:after {
   content: ']';
}
#overlay {
   width: 100% !important;
}
.productDetail .thumbnailLink {
   border: 1px solid #e3dcc7;
   display: block;
   float: left;
   overflow: hidden;
   width: 80px;
   height: 80px;
   margin: 0 0 8px 7px;
}
.productDetail .productContent {
   width: 428px;
   margin-left: 10px;
   float: left;
}

.productDetail .add-box {
   text-align: right;
   float: right;
}
.productDetail .add-box select {
   margin: 0 0 4px auto;
   display: block;
}

.productDetail .productPrice {
   font-size: 24px;
   font-weight: bold;
   float: left;
}
.productDetail .discountedPrice {
   color: red;
   float: right;
   *float: none;
   display: block;
}
.productDetail .priceSpecial .from {
   color: red;
   margin-right: 10px;
}
.productDetail .productPrice strike {
   font-size: 10px;
   line-height: 24px;
   float: right;
   display: block;
   position: relative;
   top: 3px;
   left: 4px;
   text-decoration: none;
   *text-decoration: line-through;
   *top: -3px;
   *left: 0;
   *float: none;
   *display: inline;
}
.productDetail .productPrice strike:before {
   content: 'Was: ';
}
.productDetail .productCode {
   clear: left;
}

.productDetail .productDescription {
   clear: both;
   margin-top: 10px;
}

.may-like {
   clear: both;
   text-align: right;
   padding-right: 10px;
   margin-right: 10px;
}


.productItem {
   float: left;
   height: 152px;
   width: 154px;
   background: white;
   padding: 7px;
   margin: 0 10px 10px 0;
   border: 1px solid #e3dcc7;
   position: relative;
   font-weight: normal;
   line-height: 12px;
   letter-spacing: -0.3px;
}
.productItem a:link,
.productItem a:visited,
.productItem a:hover,
.productItem a:active {
   display: block;
   height: 152px;
   width: 154px;
   text-decoration: none;
   color: inherit;
   _color: black;
   display: block;
}


.add, .prodControls .button, .add-box .button {
   background: url(/images/button-add.png) top left no-repeat;
   height: 19px;
   width: 79px;
   margin: 0;
   border: none;
   padding: 0 0 2px 13px;
   font-size: 10px;
   color: white;
}

.productItem img {
   margin: 0 auto 6px;
   border: 0;
   display: block;
}
.productItem .moreLink {
   position: absolute;
   top: 4px;
   left: 4px;
   z-index: 3;
   color: #777;
   font-size: 10px;
   letter-spacing: 0;
}
.productItem .prodPrice {
   position: absolute;
   bottom: 7px;
   left: 7px;
   font-weight: bold;
   font-size: 13px;
   width: 154px;
}
.productItem .prodPrice .from {
position: absolute;
bottom: 13px;
   font-size: 9px;
}
.productItem .prodPrice .priceSpecial .from {
bottom: 24px;
color: red;
}
.productItem .prodCode {
   display: none;
}
.productItem .add, .productItem .button {
   position: absolute;
   bottom: 7px;
   right: 7px;
}

.productItem .discountedPrice {
   position: absolute;
   bottom: 12px;
   color: red;
}
.productItem strike {
   position: absolute;
   bottom: 0;
   font-size: 9px;
   text-decoration: none;
   *text-decoration: line-through;
}
.productItem strike:before {
   content: 'Was: ';
}
.productItem .outOfStockText {
   position: absolute;
   bottom: 0;
   right: 0;
}
#OOS {
   color:red;
}

.customHome
{
   background:white;
   height: 346px;
   width: 346px;
   position: relative;
}

.customHome {
   margin-left: 604px;
   _margin-left: 600px;
}
.customBottom {
   clear: both;
   background: white url(/images/bev.gif) repeat-x;
   width: 950px;
   margin-bottom: 8px;
   padding-bottom: 15px;
}
.customBottom h2 {
   margin-left: 40px;
   margin-bottom: 10px;
   padding-top: 10px;
   font-size: 18px !important;
}
.customFeature{
   margin-bottom: 10px;
}


.tickerRight {
   width: 40px;
   position: absolute;
   background: transparent url(/images/right.png) no-repeat;
   cursor: pointer;
}
.tickerRightOver {
   background: transparent url(/images/right-over.png) no-repeat;
}
.tickerLeft {
   width: 40px;
   position: absolute;
   background: transparent url(/images/left.png) no-repeat;
   cursor: pointer;
}
.tickerLeftOver {
   background: transparent url(/images/left-over.png) no-repeat;
}
.tickerContent{
   position: absolute;
   left: 0px;
   margin: 0;
   padding: 0;
}
.tickerContainer{
   overflow: hidden;
   position: absolute;
}
#productTicker{
   height: 168px;
   width: 950px;
   position: relative;
}
.tickerContent .productItem{
   left: 0px;
   margin: 0;
   position: absolute;
}
#bannerbuttons {
   position: absolute;
   right: 0; bottom: 3px;
   margin: 0;
   margin-right: 5px;
}
#bannerbuttons div {
   color: white;
   background: url(/images/alpha-black.png);
   background: rgba(0, 0, 0, 0.6);
   _background: #2b2b2b;
   width: 26px;
   height: 26px;
   line-height: 26px;
   position: relative;
   float: right;
   text-align: center;
   margin: 2px;
   margin-bottom: 5px;
   cursor: pointer;
   font-size: 16pt;
   font-family: Helvetica, sans-serif;
}
#bannerbuttons .hovering,
#bannerbuttons .clicked {
  background: black;
}

.seolinks ul {
   list-style: none;
   float: right;
   padding-right: 10px;
}
.seolinks li {
   margin: 0px;
   float: left;
   padding-left: 10px;
   padding-top: 5px;
}
.seolinks li a:link,
.seolinks li a:hover,
.seolinks li a:visited {
   color: black;
   font-size: 10px;
   font-family: Arial,sans-serif;
}

div.autocomplete {
   background: white;
   border: 1px solid black;
   padding: 2px 0 0 2px;
}

span.refresh {
   background: url('/images/icons/arrow_undo.gif') no-repeat;
   padding-left: 18px;
   cursor: pointer;
   display: none;
   line-height: 16px;
   padding-top: 2px;
   font-weight: bold;
}
.email_share {
   margin-left: -2px;
}
.email_share img {
   border: 0;
}

.customer_form label, .customer_form input { display:block; }
.customer_form input.text {
   margin-bottom: 12px;
   width: 95%;
   padding: .4em;
}
.customer_form fieldset {
   padding: 0;
   border: 0;
   margin-top: 25px;
}
.ui-dialog .ui-state-error {
   padding: .3em;
}
.customer_form .validateTips {
   border: 1px solid transparent;
   padding: 0.3em;
}
.pwdMeter{
   margin-top: -12px;
   margin-bottom: 12px;
   padding: .4em;
   font-size: 0.75em;
}

input.readonly {
   background-color: #eceae9;
   border: 1px solid #d0cdca;
}