/*
 * Project:		MilliOn
 * Date:		2009-06-11
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #fff; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #6f6f6f; font-family: Helvetica,Arial,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #8da596; text-decoration: underline; }
a:hover, a:focus, a:active { color: #8da596; text-decoration: none; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 960px; margin: 0 auto; }
 #top { position: relative; height: 105px; height: 145px;}
  #logo { position: absolute; top: 10px; left: 0px; }
  
  
   #logo a { display: block; height: 1%; }
  #nav { position: absolute; top: 20px; right: 0; overflow: hidden; height: 20px; }
	 #nav ul { padding: 0; margin: 0; }
   #nav li { float: left; margin: 0 0 0 30px; font: bold 1.4em/1 "Trebuchet MS",Arial,Helvetica,sans-serif; list-style: none; }
    #nav li a { color: #000; text-decoration: none; }
    #nav li a:hover, #nav li a.active, #nav li.selected a { color: #95af19; }
    #nav li em { position: absolute; left: -999em; }
  #user-options { float: right; position: absolute; top: 87px; right: 0; }
   #user-options .search-form { float: left; width: 300px; overflow: hidden; margin: 0 20px 0 0; }
    #user-options .search-form p { position: relative; margin: 0; overflow: hidden; }
     #user-options .search-form label { position: absolute; top: 0; left: -999em; color: #e8e8e8; font: bold 0.92em/26px Arial,Helvetica,sans-serif; color: #8e8e8e; text-transform: uppercase; }
     html.js #user-options .search-form label { left: 10px; }
     #user-options .search-form input { float: left; width: 200px; height: 14px; border: 1px solid #6f6f6f; background: #f0f5f4; padding: 5px 10px; font: bold 0.92em/14px Arial,Helvetica,sans-serif; }
     #user-options .search-form button { float: left; width: 78px; height: 26px; background: #45524a; color: #fff; font-weight: bold; border:none; line-height: 26px; text-align: center; text-transform: uppercase; }
     #user-options .search-form button:hover { background-color: #000; }
	 #user-options .login { float: left; width: 150px; height: 26px; margin: 0 20px 0 0; }
	  #user-options .login a { display: block; width: 100%; height: 26px; line-height: 26px; color: #fff; background: #45524a; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; }
	  #user-options .login a:hover { color: #fff; background:#000; }
   #user-options .cart { float: left; font: bold 1.8em/26px Arial,Helvetica,sans-serif; padding: 0 0 0 35px; background: url(../images/cart.png) 0 50% no-repeat; }
    #user-options .cart a { color: #545454; white-space: nowrap; text-decoration: none; }
    #user-options .cart a.items { color: #6d8c7a; }
    #user-options .cart a:hover { text-decoration: underline; }
  #catCartSummary { display: none;}
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10251px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #content { width: 100%; overflow: hidden; }
  #content .wrapper-a { width: 100%; overflow: hidden; margin: 0 0 15px; }
   #content .primary { display: inline; float: right; width: 735px; margin: 0 25px 0 0; line-height: 1.67;  }
   #content .aside { float: left; width: 170px; background-color: #f8f8f8; padding: 15px 0 0; }
   #content .blog-wrapper { width: 100%; overflow: hidden; } 
    #content .blog-contents { width: 490px; float: left;  }
    #content .blog-aside { float: right; width: 220px; }
  #content .product { width: 100%; overflow: hidden; margin: 0 0 15px; }
   #content .product .photos { float: left; width: 470px; }
   #content .product .description { float: right; width: 470px; }
#footer { padding: 30px 0; border-top: 1px solid #ccc; }
 #footer p { font: bold 1em/1 "Trebuchet MS",Arial,Helvetica,sans-serif; color: #262626; }
 #footer p.copyright { float: left; width: 45%; }
 #footer p.nav { float: right; text-align: right; }
  #footer p.nav a { color: #262626; margin: 0 5px; text-decoration: none; }
  #footer p.nav a:hover { color: #95af19; text-decoration: underline; position: relative;  }
   #footer p.nav a span { color: #6f6f6f; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { color: #1a1a1a ;}
h2 { font-size: 1.8em; /* border-bottom: 1px solid #6f6f6f; */}
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

.line-it {border-bottom: 1px solid #6f6f6f;}

#content .primary h3 { text-transform: uppercase; margin: 0 0 10px; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; /* border: 1px solid #ccc; */}

/* lists */

#content .primary ul { padding: 0 0 0 10px; }
 #content .primary ul li { list-style: none; padding: 0 0 0 20px; /* background: url(../images/content-uli.png) 0 0.5em no-repeat; */ text-align:center;}
 
 #content .primary ul.list { margin-left:15px;}
 #content .primary ul.list li {text-align:left; list-style:disc; padding:0 0 0 10px;}

#content .primary ol { padding: 0 0 0 30px; }

/* inline images */

.figure-a { float: left; margin: 0 15px 15px 0; }
.figure-b { float: right; margin: 0 0 15px 15px;  }
.figure-c img { display: block; padding: 1px; border: 1px solid #cfcfcf; }

/* related products */

.related { margin: 0 0 15px; border: 1px solid #ccc; border-width: 1px 0; padding: 10px 0; overflow: hidden; height: 1%; }
 .related h2 { padding: 0 10px 10px; /* border-bottom: 1px solid #ccc; */ }
 .related ul { padding: 0; margin: 0; overflow: hidden; height: 1%;  }
 .related li { width: 172px; padding: 10px; float: left; list-style: none; color: #638470; font-size: 1.4em; font-weight: bold; }
   .related li a { display: block; color: #000; text-decoration: underline; margin: 0 0 5px; text-align:center; }
   .related li h3 a:hover { text-decoration: underline; }

/* breadcrumbs */

.breadcrumbs p { font-size: 1.1em; color: #6d6d6d; text-transform: uppercase; font-weight: bold;  }
 .breadcrumbs a { color: #8da596; text-decoration: none; }
 .breadcrumbs a:hover { text-decoration: underline; }
 .breadcrumbs span { color: #6d6d6d; }

/* separators */
.hr { height: 1px; width: 100%; margin: 0 auto 15px; background: url(../images/hr.png) repeat-x; }
 .hr hr { display: none; }
 
/* other */

div.categories-a ul { list-style: none; width: 750px; margin: 0 0 0 -15px; padding: 15px 0 0 !important; overflow: hidden; }
 div.categories-a ul li { float: left; width: 235px; padding: 0 0 30px 15px !important; background: none !important; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
  div.categories-a ul li a { color: #000; text-decoration: none !important; font-size:1.5em; }
  div.categories-a ul li a:hover { color: #6D8C7A; background:none; }
   div.categories-a ul li img { display: block; margin: 0 0 10px; padding: 3px; /*border: 1px solid #000; */}
   
   div.categories-a ul li img { display: block; margin: 0 0 10px;  /*border: 1px solid #000; */ padding:3px 3px 3px 67px;}
   
   div.categories-a ul li a:hover img { /* background-color: #8DA596; */}
   div.categories-a ul li span { display: block; }
    div.categories-a ul li span a { display: block; padding: 0 0 1px 25px; background: url(../images/bullet-a.gif) 0 1px no-repeat; }

div.products-a ul { list-style: none; width: 750px; margin: 0 0 0 -15px; padding: 15px 0 0 !important; overflow: hidden; }
 div.products-a ul li { float: left; width: 235px; padding: 0 0 30px 15px !important; background: none !important; color: #638470; font-size: 1.4em; font-weight: bold; }
 div.products-a ul li.productItemNotFound { color: #000; text-transform: uppercase; width: auto; float: none; }
  div.products-a ul li a { display: block; color: #000; text-decoration: none; }
  div.products-a ul li a:hover { color: #000; text-decoration: underline; }
   div.products-a ul li img { display: block; margin: 0 0 10px;  padding-left:64px}
 div.products-a ul li.productsearchPagination { float: none; clear: both; width: auto; padding: 8px 0 !important; margin: 0 0 0 15px !important; border: 1px solid #000; border-width: 0px 0; color: #6e6f6f; font-weight: bold; line-height: 15px; text-align: right; }
  div.products-a ul li.productsearchPagination a { display: inline; }
   

p.paging-a { padding: 8px 0; border: 0px solid #000; border-width: 0px 0; color: #6e6f6f; font-weight: bold; line-height: 15px; text-align: right; }
p.paging-a-top { margin-top: -7px; padding-top: 0; border-top: none; }
 p.paging-a a { padding: 0 4px; color: #6e6f6f; text-decoration: none !important; }
 p.paging-a a:hover { color: #000; }
 p.paging-a span { position: absolute; left: -10001px; top: -10001px; }
 p.paging-a span.pagination { position: static; left: 0; top: 0; }
 p.paging-a strong { display: -moz-inline-stack; display: inline-block; height: 15px; padding: 0 4px; color: #dbf94f; background: url(../images/paging-a.gif) 50% no-repeat; }
  
p.side-a { float: right; padding: 0 0 0 10px; }

a.button-a,
span.button-a a { display: -moz-inline-stack; display: inline-block; padding: 5px 10px; background: #45524a; color: #fff !important; font-weight: bold; line-height: 1; text-transform: uppercase; text-decoration: none; }
a.button-a:hover,
span.button-a a:hover { background: #000; }
* html a.button-a,
* html span.button-a a { display: inline; height: 1%; }
*:first-child+html a.button-a,
*:first-child+html span.button-a a { display: inline; height: 1%; }

a.button-b,
span.button-b a { display: -moz-inline-stack; display: inline-block; padding: 5px 10px; background: #90b4a8; color: #fff !important; font-weight: bold; line-height: 1; text-transform: uppercase; text-decoration: none; }
a.button-b:hover,
span.button-b a:hover { color: #fff !important; }
* html a.button-b,
* html span.button-b a { display: inline; height: 1%; }
*:first-child+html a.button-b,
*:first-child+html span.button-b a { display: inline; height: 1%; }

a.button-c,
span.button-c a { display: -moz-inline-stack; display: inline-block; padding: 5px 10px; background: #000; color: #fff !important; font-weight: bold !important; line-height: 1; text-transform: uppercase; text-decoration: none; font-size: 1em !important;}
a.button-c:hover,
span.button-c a:hover { background: #45524a; color: #fff !important; }
* html a.button-c,
* html span.button-c a { display: inline; height: 1%; }
*:first-child+html a.button-c,
*:first-child+html span.button-c a { display: inline; height: 1%; }
  
/* GOODBARRY
------------------------------------------- */

div.hcard-a { margin: 0 0 20px; }
 div.hcard-a p { margin: 0 0 5px; padding: 6px 0 0;  font: bold 1em/1.25 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
  div.hcard-a p br { display: none; }
  div.hcard-a p strong { float: left; width: 125px; margin: -6px 0 0; padding: 0 15px 0 0; color: #6e6f6f; font: bold 1.6em/1.25 Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: none; }

/* post */

div.post-a { margin: 0 0 30px; }
 div.post-a p.date { font: bold 1.1em/1.25 "Trebuchet MS",Arial,Helvetica,sans-serif; color: #9a9a9a; text-transform: uppercase; margin: 0 0 10px; letter-spacing: 2px; }
 div.post-a h1,
 div.post-a h2 { font: bold 1.6em/1.25 Arial,Helvetica,sans-serif; }
  div.post-a h1 a,
  div.post-a h2 a { color: #6f6f6f; text-decoration: none; text-transform: none; }
 div.post-a p.info { clear: both; padding: 10px 0 0; font: 1.2em/1 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  div.post-a p.info span { padding: 0 3px; color: #3e90b3; }
  div.post-a p.info strong { margin: 0; text-transform: uppercase; }
   div.post-a p.info strong a { text-decoration: none; }

div.comments-a { margin: 20px 0 30px; border: 1px solid #000; background: #f8f8f8; }
.js div.comments-a { display: none; }
 div.comments-a h2 { margin: 0; padding: 13px; background: #000; color: #d5f443; font: bold 1.4em/1 Arial,Helvetica Neue,Helvetica,sans-serif; }
 div.comments-a h2+div.comment { background: none; }
 div.comments-a p.empty { margin: 0; padding: 10px; }
 div.comments-a div.comment { margin: 0 13px; padding: 13px 0; background: url(../images/comment-sep.png) repeat-x; }
  div.comments-a div.comment p.author { margin: 0 0 5px; font: bold 1.1em/1.25 "Trebuchet MS",Arial,Helvetica,sans-serif; text-transform: uppercase; color: #000; }
   div.comments-a div.comment p.author a { color: #000; text-decoration: none; }
  div.comments-a div.comment blockquote { margin: 0; padding: 0; }
   div.comments-a div.comment blockquote p { margin: 0; }
   
div.add-comment-a { margin: 0 0 55px; padding: 0 15px; }
.js div.add-comment-a { display: none; }
 div.add-comment-a h2 { margin: 0 -15px 15px; padding: 0; border-bottom: none; font: 1.6em/1.2 Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: none; }
 div.add-comment-a p { }
  div.add-comment-a p label { float: left; width: 80px; padding: 1px 10px 0 0; }
  div.add-comment-a p input { width: 200px; padding: 3px; border: 1px solid #d7d7d7; }
  div.add-comment-a p textarea { width: 480px; height: 100px; padding: 3px; border: 1px solid #d7d7d7; }
  div.add-comment-a p button { height: 20px; width: 80px; font: normal 1.17em/20px Arial,Helvetica,sans-serif; color: #d6f932; background: #000; border: none; text-align: center; text-decoration: none; text-transform: uppercase; }
  div.add-comment-a p button:hover { background: #656565; }
 div.add-comment-a p.captcha { }
  div.add-comment-a p.captcha label { display: block; float: none; width: auto; margin: 0 0 10px; }
  div.add-comment-a p.captcha input { margin: 0 10px 0 0; vertical-align: middle; }
  div.add-comment-a p.captcha img { vertical-align: middle; }
 div.add-comment-a p.message { }
  div.add-comment-a p.message label { display: block; float: none; width: auto; margin: 0 0 10px; }
  
/* sidebar */

div.BlogRecentPost ul { padding: 0; margin: 0 0 35px; }
 div.BlogRecentPost ul li { text-transform: uppercase; font: bold 1em/1.25 "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0 0 10px; padding: 0; background: none; }
  div.BlogRecentPost ul li a { color: #95af19; }

div.BlogPostArchive ul { padding: 0; margin: 0 0 35px; }
 div.BlogPostArchive ul li { text-transform: uppercase; font: bold 1em/1.25 "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0 0 10px; padding: 0; background: none; }
  div.BlogPostArchive ul li a { color: #95af19; }

div.BlogTagCloud { margin: 0 0 15px; font-size: 1em; word-spacing: 8px; line-height: 24px; vertical-align: baseline; }
 div.BlogTagCloud a { color: #000; font-size: 0.9em; text-decoration: none; word-spacing: 0; }
 div.BlogTagCloud a:hover,
 div.BlogTagCloud a:focus,
 div.BlogTagCloud a:active { text-decoration: underline; }
 div.BlogTagCloud a.BlogTagCloud-XX-Small { font-size:0.9em; }
 div.BlogTagCloud a.BlogTagCloud-X-Small { font-size: 1.1em; }
 div.BlogTagCloud a.BlogTagCloud-Small { font-size: 1.2em; }
 div.BlogTagCloud a.BlogTagCloud-Medium { font-size: 1.5em; }
 div.BlogTagCloud a.BlogTagCloud-Large { font-size: 1.8em; }
 div.BlogTagCloud a.BlogTagCloud-X-Large { font-size: 2.1em; }
 div.BlogTagCloud a.BlogTagCloud-XX-Large { font-size: 2.4em; }
 
/* contact-form */

form.a { display: block; margin: 0 0 20px; padding: 20px 20px 10px; background: #45524a; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
* html form.a { height: 1%; }
 form.a h3 { margin: 0 0 15px !important; color: #fff; font-size: 1.4em; font-weight: bold; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: none !important; }
 form.a p { overflow: hidden; width: 100%; color: #cbcbcb; font-size: 1.1em; font-weight: bold; text-transform: none; }
  form.a p label { float: left; width: 110px; padding: 6px 15px 0 0; }
  form.a p input { padding: 5px; width: 275px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; vertical-align: middle; }
  form.a p input#f-captcha { width: 150px; }
  form.a p select { padding: 5px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; vertical-align: middle; }
  form.a p textarea { overflow: auto; padding: 5px; width: 425px; height: 100px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; vertical-align: middle; }
  form.a p img { margin: 0 5px 0 0; vertical-align: middle; }
 form.a p.note-a { width: auto; margin-top: -5px; padding-left: 125px; text-transform: uppercase; }
 form.a p.tick-a { line-height: 20px; }
 * html form.a p.tick-a { text-indent: 3px; }
  form.a p.tick-a label { float: none; width: auto; padding: 0; line-height: 20px; vertical-align: middle; }
  form.a p.tick-a input { width: 20px; height: 20px; margin: 0; padding: 0; border: none; vertical-align: middle; }
 form.a p.submit { width: auto; padding-left: 125px; font-size: 1.4em; font-weight: bold; }
 * html form.a p.submit { text-indent: 3px; }
  form.a p.submit button { position: relative; height: 22px; padding: 0 25px; border: none; background: #f0f5f4; color: #000; font: bold 14px/22px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
  form.a p.submit button:hover { background-color: #f0f5f4; }
  
/* checkout */

form.checkout-a { }
 form.checkout-a div.legend { overflow: hidden; width: 100%; margin: 30px 0 10px; }
  form.checkout-a div.legend h2 { float: left; margin: 0; padding: 0 25px 0 0; border: none; font-size: 1.4em; text-transform: uppercase; }
  form.checkout-a div.legend p { float: left; margin: 3px 0 0; font-size: 1.1em; }
   form.checkout-a div.legend p em { overflow: hidden; float: left; width: 6px; height: 6px; margin: 6px 10px 0 0; background: #ddd url(../images/required-a.png) no-repeat; text-indent: -10001px; }
   * html form.checkout-a div.legend p em { display: block; margin-right: 5px; background-image: url(../images/required-a-ie.png); }
 form.checkout-a div.fields-a { position: relative; overflow: hidden; margin: 0 0 10px; padding: 0 0 0 75px; }
 * html form.checkout-a div.fields-a { overflow: visible; height: 1%; padding-bottom: 1px; }

form.checkout-a div.fields-a h3 {
font-size:1.1em;
font-weight:normal;
height:100px;
left:0;
position:absolute;
text-align:right;
text-transform:none !important;
top:19px;
width:83px;
}

  form.checkout-a div.fields-a p { position: relative; float: left; margin: 0; padding: 0 0 0 30px; font-size: 1.1em; } 
   form.checkout-a div.fields-a p label { display: block; margin: 0 0 2px; }
   form.checkout-a div.fields-a p em { position: absolute; left: 15px; top: 22px; overflow: hidden; float: left; width: 6px; height: 6px; margin: 6px 10px 0 0; background: #94ab9d url(../images/required-a.png) no-repeat; text-indent: -10001px; }
   * html form.checkout-a div.fields-a p em { background-image: url(../images/required-a-ie.png); }
 form.checkout-a div.fields-b { position: relative; overflow: hidden; padding: 0 0 0 75px; }
 * html form.checkout-a div.fields-b { overflow: visible; height: 1%; }
  form.checkout-a div.fields-b h3 { position: absolute; left: 0; top: 0; width: 75px; font-size: 1.4em; font-weight: normal; text-transform: none !important; text-align: right; } 
  form.checkout-a div.fields-b p { float: left; padding: 0 0 0 30px; font-size: 1.1em; } 
   form.checkout-a div.fields-b p label { vertical-align: middle; }
   form.checkout-a div.fields-b p input.tick { margin: 0 10px 0 0; vertical-align: middle; }
 form.checkout-a div.fields-c { }
  form.checkout-a div.fields-c p { position: relative; margin: 0 0 15px; padding: 0 0 0 150px; font-size: 1.1em; } 
  * html form.checkout-a div.fields-c p { height: 1%; } 
   form.checkout-a div.fields-c p label,
   form.checkout-a div.fields-c p span.label { position: absolute; left: 0; top: 0; width: 120px; padding: 0 30px 0 0; font-size: 1.27em; font-weight: normal; text-transform: none !important; text-align: right; } 
   form.checkout-a div.fields-c p.types span.label { top: 2px; } 
   form.checkout-a div.fields-c p label.regular { position: static; width: auto; font-size: 1em; text-align: left; } 
   form.checkout-a div.fields-c p input.tick { margin-right: 5px; vertical-align: middle; } 
   form.checkout-a div.fields-c p.ccv input { margin-right: 15px; vertical-align: middle; } 
   form.checkout-a div.fields-c p a { vertical-align: middle; } 
   form.checkout-a div.fields-c p img { vertical-align: middle; } 
    form.checkout-a div.fields-c p em { position: absolute; right: 10px; top: 0; overflow: hidden; width: 6px; height: 6px; margin: 8px 0 0; background: #94ab9d url(../images/required-a.png) no-repeat; text-indent: -10001px; }
    * html form.checkout-a div.fields-c p em { background-image: url(../images/required-a-ie.png); }
   form.checkout-a input.xxs, 
   form.checkout-a input.xs, 
   form.checkout-a input.s, 
   form.checkout-a input.m, 
   form.checkout-a input.l, 
   form.checkout-a input.xl, 
   form.checkout-a input.xxl,
   form.checkout-a select,
   form.checkout-a textarea { padding: 2px 3px; border: 1px solid #8b8b8b; font-size: 1.27em; }
   form.checkout-a .xxs { width: 40px; } form.checkout-a select.xxs { width: auto; min-width: 48px; }
   form.checkout-a .xs { width: 67px; } form.checkout-a select.xs { width: auto; min-width: 75px; }
   form.checkout-a .s { width: 96px; } form.checkout-a select.s { width: auto; min-width: 104px; }
   form.checkout-a .m { width: 125px; } form.checkout-a select.m { width: auto; min-width: 133px; }
   form.checkout-a .l { width: 230px; } form.checkout-a select.l { width: auto; min-width: 238px; }
   form.checkout-a .xl { width: 420px; } form.checkout-a select.xl { width: auto; min-width: 428px; }
   form.checkout-a .xxl { width: 550px; } form.checkout-a select.xxl { width: auto; min-width: 558px; }
 form.checkout-a div.sep-a { margin-top: 25px; }
 form.checkout-a div.sep-b { margin-top: 5px; }
 form.checkout-a div.total { width: 400px; margin: 30px 0 0; }
  form.checkout-a div.total p.sum { padding: 2px 10px; background: #45524a; color: #fff; font-size: 2em; text-transform: uppercase; text-align: right; }
   form.checkout-a div.total p.sum strong { float: left; width: 110px; font-weight: normal; text-align: right; }
   form.checkout-a div.total p.sum input { border: none; background: #45524a; color: #fff; }
  form.checkout-a div.total p.submit { text-align: right; font-size: 1.4em; }
   form.checkout-a div.total p.submit button { padding: 5px 15px; border: none; background: #000; color: #fff; font-weight: bold; text-transform: uppercase; }
   form.checkout-a div.total p.submit button:hover { background: #45524a; color: #fff; }

/* cart */

div.cart-a { }
 div.cart-a table { width: 100%; margin: 0 0 5px; border-spacing: 0; border-collapse: collapse; color: #333; }
  div.cart-a table td,
  div.cart-a table th { padding: 5px 10px; border: none; font-size: 1.4em; }
  div.cart-a table .col1 { text-align: left; }
  div.cart-a table .col2 { width: 75px; text-align: right; }
  div.cart-a table .col3 { width: 70px; text-align: center; }
  div.cart-a table .col4 { width: 55px; text-align: right; }
  div.cart-a table .col5 { width: 75px; text-align: right; }
  div.cart-a table .col6 { width: 65px; text-align: right; }
   div.cart-a table .col6 a { color: #333; }
  div.cart-a table thead th { background: #f8f8f8; font-size: 1.6em; font-weight: normal !important; }
  div.cart-a table tbody td,
  div.cart-a table tbody th { padding: 10px; font-weight: bold; }
   div.cart-a table tbody td input { width: 30px; padding: 0 3px; color: #333; font-weight: bold; text-align: right; }
  div.cart-a table tbody .col1 { font-size: 1.3em; }
  div.cart-a table tfoot tr.first th,
  div.cart-a table tfoot tr.first td { padding-top: 50px; }
  div.cart-a table tfoot tr.last th,
  div.cart-a table tfoot tr.last td { padding-bottom: 40px; }
  div.cart-a table tfoot .col1 { font-weight: normal; }
  div.cart-a table tfoot tr.discounts .col1 { font-size: 1.2em; }
  div.cart-a table tfoot .col2 { text-align: left; }
  div.cart-a table tfoot tr.discounts input { width: 120px; margin: 0 5px 0 0; }
  div.cart-a table tfoot div.shippingDiv { font-size: 0.86em; }
  div.cart-a table tfoot label,
  div.cart-a table tfoot #shippingSpan { float: left; width: 175px; }
  div.cart-a table tfoot input { padding: 2px; vertical-align: middle; }
  div.cart-a table tfoot select { padding: 2px; vertical-align: middle; }
  div.cart-a table tfoot tr.discounts input.update { font-size: 0.92em; font-weight: bold; text-transform: uppercase; vertical-align: middle; background: none; border: none; display: inline; color: #8DA596; width: auto; }
  div.cart-a table tfoot .col3 { font-weight: bold; }
  div.cart-a table tfoot .col5 { width: auto; font-weight: bold; text-align: right; }
  div.cart-a table tfoot tr.total th,
  div.cart-a table tfoot tr.total td { background: #45524a; color: #fff; font-size: 1.8em; font-weight: normal; text-transform: uppercase; }
 div.cart-a ul { overflow: hidden; list-style: none; width: 100%; margin: 0 0 15px; padding: 0 !important; }
  div.cart-a ul li { float: left; margin: 0 10px 0 0 !important; padding: 0 !important; background: none !important; }
  div.cart-a ul li.side { float: right; margin: 0 0 0 10px !important; }
   
/* helpers */

#root ul li.separate { display: block !important; overflow: hidden !important; clear: both !important; float: none !important; width: 100% !important; height: 1px !important; min-height: 0 !important; margin: -1px 0 0 !important; padding: 0 !important; font-size: 1px !important; text-align: left !important; text-indent: -10001px !important; }
  
#notice-slider { padding: 20px; color: #fff; font-weight: bold; display: none; margin: 0 0 20px 0; font-size: 1.4em; }
.alarm { background-color: red;}
.caution { background-color: #45524a; }


/* ELEMENTS
------------------------------------------- */

#lchk { display: none; }
body.home-accents { background: url(../images/accents-a.png) 50% 160px no-repeat; }

#categories-nav { border: 1px solid #ccc; border-width: 1px 0 0 0; padding: 10px; margin: 0 0 15px; position:relative;}

#partnership {position:absolute; top:12px; left:785px;}

 #categories-nav ul { padding: 0; width: 100%; overflow: hidden; line-height: 20px; text-align: left; margin: 0; }
  #categories-nav ul li { list-style: none; text-transform: uppercase; display: inline; margin: 0 0 0 32px; }
  #categories-nav ul li:first-child { margin: 0; }
   #categories-nav ul li a { text-decoration: none; color: #000; font-weight: bold; display: -moz-inline-stack; display: inline-block; padding: 0 5px; line-height: 20px; }
   #categories-nav ul li a:hover,
   #categories-nav ul li.active a { background: #45524a; color:#fff; }
   
   
   
   

#special-offers { background: #000; width: 100%; overflow: hidden; margin: 0 0 15px;height:304px; }
 #special-offers p.featured { display: inline; float: left; margin: 7px 10px 7px 7px; }
  #special-offers .featured {margin: 7px 10px 7px 7px}
 
  #special-offers p.featured img { display: block;  }
 #special-offers ul { float: left; width: 292px; padding: 0; margin:32px 0 0 7px;  }
  #special-offers li { list-style: none; width: 100%;}
   #special-offers li a { display: block; padding: 0 15px 0 30px; color: #6e6f6f; text-decoration: none; font: 1.4em/43px Arial,Helvetica,sans-serif; }
   #special-offers li a:hover,
   #special-offers li a.active { background: #45524a; color: #d8f9f0; }

#aside { width: 100%; overflow: hidden; background: #1a1a1a url(../images/aside-bg.png) repeat-y; margin: 0 0 15px; }
 #aside .nav { float: left; width: 440px; padding: 25px 20px; }
  #aside .nav ul { padding: 0; width: 100%; overflow: hidden; margin: 0; }
   #aside .nav ul li { width: 140px; padding: 0 6px 0 0; float: left; list-style: none; text-transform: uppercase; }
    #aside .nav ul li a { font-weight: bold; color: #fffefc; text-decoration: none; }
    #aside .nav ul li a:hover { text-decoration: underline; }
    #aside .nav ul li ul { width: 140px; }
     #aside .nav ul li ul li { padding: 0; float: none; text-transform: none; margin: 10px 0 0; }
      #aside .nav ul li ul li a { color: #8e8e8e; }

 #aside .blog { float: right; width: 420px; padding: 5px; color: #fff; background: #575757}
  #aside .blog p.thumb { float: left; margin: 0;  }
   #aside .blog p.thumb img { display: block; border: 1px solid #fff; margin:3px;}
  #aside .blog .desc { float: right; width: 253px; margin: 0px 5px 0 0; }
   #aside .blog .desc h3 { font-size: 1.2em; position: relative; margin: 0 0 10px; text-transform:uppercase; color:#c4f0e3;}
    #aside .blog .desc h3 a { text-decoration: none; color: #d3ff00; }
    #aside .blog .desc h3 a:hover { text-decoration: underline; }
    #aside .blog .desc h3 span.date { position: absolute; right: 0; top: 0; color: #d3ff00; }
   #aside .blog .desc p { font: normal 1.1em/1.52 Arial,Helvetica,sans-serif; margin: 0 0 10px; }
   #aside .blog .desc p.more { font: bold 0.9em/1 Arial,Helvetica,sans-serif; margin: 0;  }
    #aside .blog .desc p.more a { color: #c4f0e3; text-decoration: none; position: relative; }
    #aside .blog .desc p.more a:hover { text-decoration: none; }

#customer-service { padding: 10px 0 0; margin: 0 0 25px; text-align: center; font: bold 1.8em/1 Arial,Helvetica,sans-serif; color: #262626; display:none; } 
 #customer-service span.alt { font-size: 0.67em; }

#content .aside ul { padding: 0; margin: 0 0 15px; }
 #content .aside ul li { font: bold 1.8em/20px Arial,Helvetica,sans-serif; list-style: none; margin: 0 0 3px;}
 
 
  #content .aside ul li a { display: block; padding: 0 10px; width: 150px; color: #646464; text-decoration: none; }
  #content .aside ul li a:hover,
 	#content .aside ul li a.active, #content .aside ul li.selected { color: #fff; background: #45524a; text-decoration: none; }
	#content .aside .selected a {color:#fff;} 

#content .aside p.figure { margin: 0; }
 #content .aside p.figure img { display: block; }
#content .aside .hr { width: 150px; }

/* blog */

#content .blog-aside h2 { font: normal 2em/1.25 Arial,Helvetica,sans-serif; text-transform: uppercase; border: none; margin: 0 0 10px; }
#content .blog-aside h3 { padding: 10px 0; border: 1px solid #6f6f6f; border-width: 1px 0; font: normal 1.6em/1 Arial,Helvetica,sans-serif; text-transform: none; }
#content .blog-aside ul { padding: 0; margin: 0 0 35px; }
 #content .blog-aside ul.a li,
 #content .blog-aside .blogroll ul li { text-transform: uppercase; font: bold 1em/1.25 "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0 0 10px; padding: 0; background: none; }
  #content .blog-aside ul.a li a,
  #content .blog-aside .blogroll ul li a, div.BlogPostArchive ul li a, div.BlogRecentPost ul li a { color: #8DA596; }

/* product */

#content .product .photos p { margin: 0px 0;  text-align:center;}
#content .product .photos table { overflow: hidden; padding: 0; border: none; }
 #content .product .photos td { padding: 0 25px 0 0; border: none; }
  #content .product .photos td img { display: block; padding: 1px; border: 1px solid #9b9b9b; }

#content .product .info { background: #f8f8f8; padding: 20px; color: #414141; line-height: 1.67; margin: 0 0 35px; }
 #content .product .info h2 { position: relative; height: 1%; padding: 0 90px 0 0; border: none; color: #414141; font: bold 1.8em/1.25 Arial,Helvetica,sans-serif; margin: 0; }
  #content .product .info h2 span { position: absolute; top: 0.5em; right: 0; font-size: 0.56em; text-align: right; }
/*  #content .product .info p.price { font: bold 1.8em/1.25 Arial,Helvetica,sans-serif; margin: 0 0 35px; color:#638470;} */
 
  #content .product .info p.price { font: normal 1.2em/1.25 Arial,Helvetica,sans-serif; margin: -10px 0 0px; color:#638470;}
 
 #content .product .info h3 { margin: 35px 0 10px; color: #6f6f6f; font: bold 1.2em/1.25 Arial,Helvetica,sans-serif; }
 #content .product .info ul { padding: 0; margin: 0; }
* html #content .product .info ul { width: 400px; }
  #content .product .info ul li { list-style: none; }
  #content .product .productTable { display: none; }

 #content .product .cart p,
 #content .product .catProductAttributeGroup { position: relative; width: 100%; overflow: hidden; line-height: 1.17; font-size: 1.2em; margin: 0 0 15px; }
  #content .product .cart p label,
 	#content .product .cart .catProdAttributeTitle { float: left; width: 60px; padding: 0 10px 0 0; font: bold 1.17em/1 Arial,Helvetica,sans-serif; color: #000; }
  #content .product .cart .catProdAttributeItem { width: 200px; float: left; }
  #content .product .cart input { width: 80px; }
  #content .product .cart select { }

 #content .product .cart p.shipping-costs { font: 1.1em/1.25 Arial,Helvetica,sans-serif; color: #2e2e2e; padding: 15px 0 0; }
  #content .product .cart p.shipping-costs a { text-decoration: none; }
  #content .product .cart p.shipping-costs a:hover { text-decoration: underline; }
 
 #content .product .cart p.submit input { display: block; width: 470px; height: 47px; background: url(../images/add-to-cart.png) no-repeat; border: none; text-indent: -999em; overflow: hidden; }
 #content .product .cart p.submit input:hover { background-position: 0 -47px; }

.footer-logo {margin-bottom:-10px;}

/*  Order List
-------------------------------------*/
ul.order-list { width: 100%; border: none; list-style: none; padding: 0; margin: 0; }
ul.order-list li { padding: 10px; border-bottom: #CCCCCC dotted 1px; }
ul.order-list li:hover { /* background: #F3F3DB; */}
ul.order-list li.head { background-color: #f8f8f8; font-weight: bold; border: none; height:40px;}
ul.order-list li span { display: block; float: left; padding-top:10px; }
ul.order-list li div span { float: none;}
ul.order-list li span.invoice-number { width: 65px;}
ul.order-list li span.invoice-date { width: 100px; }
ul.order-list li span.invoice-amount { width: 75px; }
ul.order-list li span.invoice-status { width: 400px; }
ul.order-list li div { width: 250px; float: left;}
ul.order-list li span.invoice-action { width: 75px; }



/*  Order List Table
-------------------------------------*/
table.order-list { width: 100%; border: none; }
table.order-list tbody tr.alt,
table.order-list thead tr { background-color: #F3F3DB }
table.order-list thead tr { font-weight: bold; }
table.order-list tr td { padding: 10px; border: none;}
table.order-list tbody tr td span.invoice-number { display: block; }
table.order-list tbody tr td.outstanding-balance { font-weight: bold; font-size: 1.2em; color: red; }

/* overrides */
.form input, .webform input  {padding:5px; border:solid 1px #ccc;}
select.shippingDropDown {width:250px; }
.system-message {background:none; margin:0px; padding:0px; padding:25px;}
.secure-login h3, .newsletter-form h3 {background:#45524a; color:#fff;}
.secure-login, .newsletter-form {border:1px solid #45524A; background:#F0F5F4;}
.cat_button {background:45524A; padding:5px;}
.secure-lost-password {background:#f0f5f4;border:1px solid #45524A;}

 SF Rotator
------------------------------------------- */
#rotator { position: relative; margin: 0 -15px;  }

.sfrotator { position: relative; width: 660px; height: 305px; /* margin-left: 30px; */ float: left; }

/* IE */
*+html .sfrotator{margin-left:0px; float:left;}

.sfrotator .sfitems { position: relative; z-index: 10; }
 .sfrotator .sfitems .sfitem { position: absolute; top: 0; left: 0; z-index: 5; height: 305px; display: none; }
 .sfrotator .sfitems .active { display: block; }
   .sfcontrols { z-index: 20; position: absolute; top: 9px; right: 5px; display: block; padding: 0; margin: 0; list-style: none; display:none;}
   .sfcontrols li { float: left; display: inline; margin: 0 3px 0 0; }
    .sfcontrols li a { float: left; display: inline; width: 35px; height: 18px; padding: 3px 0 0; text-decoration: none; background: #d0cec9; border: 1px solid #fff; color: #626262; text-align: center; }
     .sfcontrols li a:hover, .sfcontrols li a:active, .sfcontrols li a:focus { border: 1px solid #f26522; color: #f26522; }
     .sfcontrols li .active { border: 1px solid #f26522; color: #f26522; }
	 
	  #content .aside .catalogueitemdump {font-size:.6em;}
	  #content .aside .catalogueitemdump {margin-bottom:15px;}

.related h2 {display:none;}
.breadcrumbs {display:none;}