/* READ ME

   1 - hide elements from mobile devices
   2 - resets
   3 - typography & links (Recommendation: copy in all []link and []header styles)
   4 - buttons (Recommendation: copy in all []button styles)
   5 - forms (Recommendation: copy in []entire forms section styles)
   6 - navigation
   7 - layouts

   Recommendation:
   Copy in all []#prev-next2, []#category_menu, []member-links, []custom styles.

   []**Make sure the viewport meta tag is available and updated.
   []**Make sure 'mobile_detection.tpl' is up to date.
   []**Make sure mobile code in '_top.tpl' is up to date.
   []**Make sure 'footer.tpl' has the 'site swap' code.
   []**Make sure 'more.tpl' is up to date.
   []**Make sure 'shop.tpl' is up to date.

   Activating the mobile site:
   []**Follow the instructions at the top of the '_top.tpl'.(There are 2 changes needed.)
   []**Publish the '_top.tpl' and 'mobile.css'.

 ^^ READ ME ^^ */


/* 1. hide stuff
------------------------------------------------------------------- */

#left_column > #category_menu, #shop_by_price, #minicart, #recently_viewed, section#welcome, #slideshow, #nav, #featured_products, #featured_categories,  #breadcrumb, #viewcart .cart-wrapper ul.header-row, .cart-unit, .cart-remove, .cart-image, .ship_estimator_header, #cart_ship_estimator, #steps, #checkout_confirmation .cart-wrapper li.header-unit, #checkout_confirmation .cart-wrapper li.cart-unit, #category_filter, #category_options, #related_products, .lg-thumb, #catalog_request .controlset span.label, #promo-box label, .enlarge { display:none !important; }


/* 2. resets
------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
body { line-height: 1; /*margin-top: 40px;*/ }
ol, ul { list-style: none outside none; }
blockquote, q { quotes: none; }
del { text-decoration: line-through; }
.item-details li { margin-left: 0.5em; padding-left: 0.5em; text-indent: -1em; }
table { border-collapse: collapse; border-spacing: 0; }
html {
    font: 14px/21px "Open Sans", Arial, sans-serif;
    color: #444;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}
img { max-width:100% !important; height:auto !important; border:0; }
body > iframe[name=google_conversion_frame]{width:100%;}

/* 3. typography & links (Recommendation: copy in all link and header styles)
------------------------------------------------------------------- */

a { color: #006c45; text-decoration: none; }
a:hover { color: #000; }

h1, h2, h3, h4, h5, h6 {
  color: #181818;
  font-family: "Droid Serif",serif;
  font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 28px; line-height: 50px; margin-bottom: 14px;}
footer .footer-col h1, #product footer .footer-col h1 {
    color: #545351;
    font-family: "Droid Serif",serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}
#product .product h1 {font-size:26px; line-height:35px;}
#category #cat h1 {font-size:26px; text-align: center; margin-bottom: 5px; line-height: 28px;}
.catdesc h2 { color: #006c45; }
.catdesc h3 { font-size: 16px; line-height: 1.5em; font-weight: bold; margin-bottom: 10px; font-family: 'Open Sans', Arial, sans-serif; }

h2 { font-size: 26px; margin-bottom: 10px; }
#category #cat h2 {font-size:18px; line-height: 24px;}
h3 { font-size: 24px; margin-bottom: 8px; }
#category_menu h3 { background: none repeat scroll 0 0 #d8d4ab; border: 1px solid #d8d4ab;  font-size: 22px;    margin: 5px 0; padding: 3px 5px; }
h4 { font-size: 21px; margin-bottom: 4px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
.subheader { color: #777; }

p { margin: 10px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
p a { line-height: inherit; }

em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }

/* Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* 4. buttons (Recommendation: copy in all button styles)
------------------------------------------------------------------- */

input, button, textarea, select { font-size:18px; }
.bordered { background: #d8d4ab}
.bordered th {padding: 3px 0;}
.button {
  display: inline-block;
  zoom: 1;
  vertical-align: bottom;
  overflow: visible;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 14px; 
  font-family: "Droid Serif",serif;
  padding: .5em 2em .55em;
  /*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
  border-radius: 0;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
 
}
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }

.bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; /*border-radius:0px \0/;*/ }
.large { font-size: 16px; font-weight: normal; padding: 10px 20px; }
.medium {  font-size: 14px; font-weight: normal;  padding: 5px 10px; }
.small { font-size: 12px; padding: 5px 8px; }

/* GREEN button */
.style1, .style1:visited { color: #fff; border:0; background: #DEB406; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.style1:hover, .style1:active { background: #DEB406; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }

/* WHITE button */
.style2, .style2:visited  { color: #fff; border: solid 1px #000; background: #454545; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.style2:hover, .style2:active { background: #454545; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }

.view_cart_btn {background:#e1b308; color:#fcffff !important; font-size:12px; padding:5px 8px; }
.view_cart_btn:hover, .sign_up_btn:hover {cursor:pointer}
.sign_up_btn {border:1px solid #fefff3; background:#deb406;  color:#003e25; text-transform:uppercase; font-family:"Open Sans",sans-serif; font-size:14px; padding:5px 8px; margin: 0 8px;
border-radius: 0;
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
}
.newsletter_signup_btn {border:1px solid #cccccc; border-left:0; border-radius:0; background:none; color:#e1b308; padding:0.37em .56em; margin-left:-4px; width:34%; border-radius: 0;
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */  }


.view_cart_btn {  border:0; background: none repeat scroll 0 0 #e1b308;  color: #fcffff; font-family: "Open Sans",sans-serif; font-size: 12px;   padding: 3px 6px; letter-spacing: 1px; line-height: 22px;text-decoration: none;
border-radius: 0;
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
}
.btn-add { margin:0 !important; }
.btn-add .medium {font-size:16px; padding:.57em 17px;}
.btn-reorder {text-align:right;}
.btn-wishlist .medium {font-size:14px; padding:.57em 10px;}
.btn-reorder .medium {padding:8px 13px; margin-right:10px;}
.btn-reorder {padding-top:5px;}
    
#top-link-block.affix {
    position: fixed;
    bottom: 18px;
    right: 10px;
    z-index: 9999;
}
#top-link-block.affix-top {
    position: absolute;
    bottom: -82px;
    right: 10px;
    z-index: 9999;
}
.well-sm {
    padding: 9px;
    border-radius: 3px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
/* 5. forms (Recommendation: copy in entire forms section styles)
------------------------------------------------------------------- */

.error { background: #fdd; border: red 1px solid; }
div.error { padding: 5px; }
select { max-width:90% !important; }
label, span.label { text-align:left !important; float:none !important; white-space: nowrap !important; }
.qty { width: 30px !important; }
.controlset span.label { margin:0 !important; padding:0 !important; width:1px !important; }
div.buttonrow { margin:0 !important; float:right !important; }


input[type=text], textarea, select, input[type=password], input[type=email], input[type=number], input[type=tel], input[type=url] {
  padding: 5px 10px;
  border: solid 1px #CCCCCC;
  outline: 0;
  font-size: 13px;
  background: #FFFFFF;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px; border-radius:0px \0/;
}
select { padding: 2px 2px 2px 5px; max-width: 180px; }
input[type=text]:hover, textarea:hover, select:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=tel]:hover, input[type=url]:hover,
input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=url]:focus, html input.focusField { background: #ffffff; border-color: #6699FF; box-shadow: 0px 1px 5px #6699FF; -webkit-box-shadow: 0px 1px 5px #6699FF; -moz-box-shadow: 0px 1px 5px #6699FF; transition:box-shadow 200ms linear 0s; -webkit-transition:box-shadow 200ms linear 0s; }
html input.dynamic_qty, html input.dynamic_qty:hover, html input.dynamic_qty:focus, input[readonly] { background: transparent; width: auto; padding: 0px; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; font-weight: bold; vertical-align: baseline; filter: none; font-size: 16px;}
input[readonly]::-webkit-outer-spin-button,
input[readonly]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/*Un-comment to hide the spinning wheels in chrome and safari*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

#footer .email_signup input[type=email] { border-radius: 0;  color: #333; padding: 6px; width: 55%;}
#newsletter input[type=email] {border-radius: 0;  font-size: 11px; color: #333; padding: .53em; width: 65.7%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;}

p.legend { margin-bottom: 1em; padding: 0; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #C00 1px solid; background-color: #FFF2F2; }
div.errors p { margin: 0; }
div.errors p em, .error { color: #C00; font-style: normal; font-weight: bold; }

div.messages { margin: 0 0 10px 0; padding: 5px 10px; border: #FFD819 1px solid; background-color: #FFF5C6; }
div.messages p { margin: 0; }
div.messages p em { color: #666; font-style: normal; font-weight: bold; }
div.messages label { margin-right: 10px; width: 40px; display: block; float: left; text-align: left; position: relative; }
div.messages ul { list-style-type: none; margin: 0px; padding: 0px; }
div.messages li { padding: 0px; margin: 0px; }

div.form-container p { margin: 0; }
div.form-container p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container fieldset { margin: 15px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container legend { font-weight: bold; color: #666; }
div.form-container div { padding: 0.25em 0; overflow: hidden; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding: 5px 10px 5px 0; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error,
div.form-container div.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error,
div.form-container div.error select,
div.form-container div.error input { border-color: #C00; background: #FFF2F2; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus { background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

div.form-container2 div { padding: 0.25em 0; }
div.form-container2 label { margin-right: 10px; width: 100px; display: block; float: left; text-align: left; position: relative; }
div.form-container2 input:focus,
div.form-container2 input.error:focus, 
div.form-container2 textarea:focus { background-color: #FFC; border-color: #FC6; }

div.login div { padding: 0.25em 0; }
div.login .welcome-back { border: #DDD 1px solid; padding: 10px; }
div.login .info { width: 70%; }
div.login fieldset { margin: 15px 0; padding: 10px; border: #DDD 1px solid; }
div.login fieldset.login-box { background: none; }
div.login legend { font-weight: bold; color: #666; }
div.login label, 
div.login span.label { margin-right: 10px; width: 100px; padding: 3px 0; display: block; float: left; text-align: left; position: relative; }
div.login input:focus,
div.login input.error:focus, 
div.login textarea:focus { background-color: #FFC; border-color: #FC6; }
div.login div.controlset label, 
div.login div.controlset input { display: inline; float: none; }
div.login div.controlset div { margin-left: 100px; }
div.login .buttonrow { margin-top: 10px; float: right;}

div.quick-checkout form p { margin: 0; }
div.quick-checkout form p.note { margin-left: 110px; font-size: 90%; color: #333; }
div.quick-checkout #shipping_info, #checkout_billing #billing_info { width: 49%; float: left; clear: left; }
div.quick-checkout #billing_info, div.quick-checkout #payment_info { width: 49%; float: right; clear: right; }
div.quick-checkout form fieldset { margin: 15px 0; padding: 10px; border: #DDD 1px solid; }
div.quick-checkout form legend { font-weight: bold; color: #666; }
div.quick-checkout form div { padding: 0.25em 0; }
div.quick-checkout label, 
div.quick-checkout span.label { margin-right: 5px; padding: 5px 0; width: 122px; display: block; float: left; text-align: right; position: relative; }
div.quick-checkout label.error, 
div.quick-checkout span.error,
div.quick-checkout div.error { color: #C00; }
div.quick-checkout label em, 
div.quick-checkout span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.quick-checkout input.error,
div.quick-checkout div.error select,
div.quick-checkout div.error input { border-color: #C00; background: #FFF2F2; }
div.quick-checkout input:focus,
div.quick-checkout input.error:focus, 
div.quick-checkout textarea:focus { background-color: #FFC; border-color: #FC6; }
div.quick-checkout div.controlset label, 
div.quick-checkout div.controlset input { display: inline; float: none; }
div.quick-checkout div.controlset div { margin-left: 110px; }
div.quick-checkout div.buttonrow { margin-left: 180px;  float: right; }
div.quick-checkout form div.ship_disclaimer { margin: 15px 0; padding: 10px; border: #DDD 1px solid; border-width: 1px 0; }

#checkout_shippingaddress #shipping_info { width: 46%; float: left; clear:left; }
#checkout_shippingaddress #order_info, #checkout_shippingaddress #contact_info { width: 46%; float: right; clear: right; }
#checkout_shippingaddress #contact_info_full { /*width: 100%;*/ clear: both; }

.datepicker { margin-bottom: 3px; }
.buttonrow { overflow: hidden; clear: both; }
.prod-form label, .prod-form span.label { width:33% !important; }
.controlset { font-size: 11px; }
.cc_logos { padding:0 0 5px 25px !important; }
#checkout_shipping .cc_logos { margin-left:130px; float: none; clear: none; }
.cc_logos img { display: inline; margin-left: 3px; box-shadow: 0px 2px 2px #000; -webkit-box-shadow: 0px 2px 2px #000; -moz-box-shadow: 0px 2px 2px #000; }


/* 6. navigation
------------------------------------------------------------------- */
#category #breadcrumb {
    display: block !important; 
    padding: 10px 5px;
    font-family: Myriad Pro;
    /*padding: 1px 10px 10px 0px;*/
    font-size: 12px;
    color: #006c45;
    text-transform: uppercase;
    border-bottom: 1px solid #f2e1b6;
    margin-bottom: 15px;
}
#category #breadcrumb a:link, #category #breadcrumb a:visited {
    font-size: 12px;
    color: #006c45;
    text-decoration: none;
}
#category #breadcrumb .bsp {
    padding: 0 5px;
}
#header nav {
  /*position:absolute;
  left:0;
  top:0;*/
  width: calc(100% - 20px);
  background-color:#FFF;
  height:30px;
 /* -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  margin-bottom: 8px;*/
  padding: 0px 10px 15px;
  }
#header nav a {
    /*float: left;*/
    font-weight:bold;
    font-family: Myriad Pro;
    color: #006c45;
    /*display: block;*/
    /*text-align: center;*/
    text-decoration: none;
    /*width: 33%;*/
    line-height: 45px;
    /*border-left: #bbb 1px solid;*/
} 
nav img.cartImg {
padding: 0 15px 0 10px;
}
.pull-left {float: left;}
.pull-right {float: right;}
.text-right {text-align: right;}
#category_menu {margin-top:10px;}
#category_menu li:first-child {
    border-top: 0 none;
}
#category_menu li {
    /*border-top: 1px solid #ccc;*/
    width: 50%;
    float: left;
    text-align: center;
}
#category_menu li:nth-child(even) a {
    padding-left: 5px;
}
#category_menu li:nth-child(odd) a {
    padding-right: 5px;
}
#category_menu li a {	
    color:#003a23;
    font-family: "Droid Serif",serif;
    display: block;
    font-size: 20px;
    /*padding: 10px 10px;*/
    /*width:90%;*/
}
#category_menu li .catName a {
    height: 40px;
    padding: 10px 5px 20px;
}
#category_menu li a:hover {color:#003a23; text-decoration:underline;}
#category_menu > nav > ul > li > a {color:#006c45; font-size:22px;}
#category_menu > nav > ul > li > a:hover {color:#545351; background:#e9e9e9;}
#category_menu li ul li {padding-left:20px}
.member-links {}
.member-links li { padding:10px 5px;}
.member-links li a {}

/* 7. layout
------------------------------------------------------------------- */

#content { margin:0 5px; }
.hero { margin: 0 auto; display: block; }
#featured_products { margin:0 auto; }

.thumb-product { clear:both; }
.thumb-product .image { float: left; vertical-align: top; width:50px; }
.thumb-product .image > a > img { max-width:45px; border:1px solid #000; margin:4px 4px 4px 0; }
.thumb-product .name { padding-top:4px; font-weight:bold; font-size:18px; }
.thumb-product .price { font-style:italic; }
.thumb-product .qty { width: 20px; }
#header section { text-align: center; }
/*#header figure a {
  background: url('/images/logo.png') no-repeat center top;
  background-size: 300px auto;
  text-indent: -9999px;
  height:60px;
  display: block;
} */
#header figure a img {width:99%;}
#header figure figcaption {   color: #003a23; font-family: Georgia,serif;  font-style: italic; font-weight: normal;
 margin: 10px 0; text-align: center; }
section#search { text-align:center; margin:8px 0; display: none;}
section#search #search_keyword {   color: #003a23;  font-size: 14px; padding: 6px; width: 60%;}
#header #cartitems { display:none; }
#header .phone { padding: 10px;  }
#header .phone a { color:#006940; }
#header .view-cart { text-align:right; }

#footer { margin-top: 20px; text-align:center; padding:12px; }
#footer > section { float: left; width: 100%; font-size:12px; }
#footer section  .footer-col{font-size:12px;}
#footer .email_signup label{ display:none;}
#footer header { display:none; }
#footer section figure { padding:5px 0;}
#footer .email_signup aside div label {  color: white;  font-family: "Droid Serif",serif;  font-size: 18px;  line-height: 32px;  margin: 10px 15px 10px 0;  padding: 0 15px;  text-transform: uppercase; }
#footer .email_signup { float: left;  margin: 20px auto 0;  width: 100%;	padding:0 0 10px; }



/********** Category Pages **********/

#category .product { margin:10px 0 5px 0; }
#category .product .image { width: auto; }
#category .product img { max-width: 100px; }
#category .product .price { padding: 8px; }
#category .product .info p { clear: both; }
#category #cat .cat-img img { width:99%;}

#category .child { margin-left: 20px; }
#category .child h3 { float: left; margin-right: 20px; margin-bottom: 0; }
#category .child .price { clear: both; float: left; }
#category .child .qty,
#category .child .price,
#category .child input { margin: 8px 0; }

.display, .cat-thumbs { list-style-type: none; margin: 0; padding: 0; }
.cat-thumbs li, .grid li { display:inline-block; padding:0; margin:1%; width:46%; vertical-align:top; }
#category .grid li { width:95%; padding:0 6px;}
#category .display li .image {height:auto;}

.c3 { text-align: center; margin-bottom: 20px; border-bottom: 1px solid #f2e1b6; padding-bottom: 10px; }
.two-column div.c3 { border-bottom: 1px solid #f2e1b6; padding-bottom: 10px; }
.four-column { overflow: hidden; }
.four-column div.c3 {
  width: 47%;
  margin: 0 1% 20px;
  float: left;
}

/********** Product Pages **********/

#product .product .image { width: auto; margin:0 0 10px; }
#product .product img { max-width: none; }
#product .product .info { clear: both; }
#product .product .info .price { margin: 10px 0; font-size: 16px; }


#product .product .sku, #product_builder .product .sku { float:left; width:100%; color: #777; margin:5px 0; }
#product .product .status, #product_builder .product .status { color: green; }
#product .product .price, #product_builder .product .price { margin: 10px 0; font-weight: bold; }

#product .product .form, #product_builder .product .form { margin: 10px 0px 0px 0px; }
#product .product .status, #product .product .emailafriend, #product .product .bookmark, #product .product .rev-stars, #product .product .qty-line, #product .product .attributes select, #product .product .btn-add, #product_builder .product .status, #product_builder .product .emailafriend, #product_builder .product .bookmark, #product_builder .product .rev-stars, #product_builder .product .qty-line, #product_builder .product .attributes select, #product_builder .product .btn-add { margin-top: 10px; }
#product .product .qty-line, #product_builder .product .qty-line {float:left; width:95px; margin:0;}
#product .product .qty-line .qty, #product_builder .product .qty-line.qty {border:1px solid #f2e1b6; padding:9px; font-family: "Droid Serif",serif; font-size:16px; margin-left:5px;}
#product .product .qty-line .qty-label, #product_builder .product .qty-line .qty-label { 
    float: left;
    font-family: "Droid Serif",serif;
    font-size: 16px;
    padding: 8px 2px;
}

#product .product .btn-add ,  #product_builder .product .btn-add {float:left;}
#product .product .btn-wishlist ,  #product_builder .product .btn-wishlist {float:left;  margin-left: 95px;
    margin-top: 5px;}
#product .product a.popup-link {font-family:"Droid Serif",serif; text-transform:uppercase; text-decoration:none;}
#product .product a.popup-link:hover {text-decoration:underline;}

.product .rev-stars .prod-rating {width:100%; text-align:center; float:left;}
#product .product .rev-stars .prod-rating {  margin-right: 10px; text-align: left; width: 90%;}


#product .product .attributes { float: left; margin-bottom: 20px; width: 100%; padding:5px 0 8px 0; }
#product .product .attributes select, #product .product .attributes select { display: block; }
.red, .sale-price, .backordered {display:block; font-weight:bold; color: #C00;  }
#product .sale-price {display:inline !important;}
#product .special_price_text {color:#006c45; font-family: "Open Sans",sans-serif; margin-bottom:5px; text-transform: uppercase;}

#product_builder_steps { float:left; margin:10px 0 0; overflow:hidden; padding:0; width:70%; }
#product_builder_cost { float:right; margin:10px 0 0; overflow:hidden; width:28%; border-top:1px solid #e1e1e1; }
#product_builder ul { list-style-type:none; }
#product_builder_steps li { width:100px; text-align:center; margin:0; padding:5px; display:inline-block; float:left; border:1px solid #e1e1e1; border-width:1px 1px 1px 0; }
#product_builder_steps li img { width:75px; }
#product_builder_steps .step1 { border-width:1px; }
#product_builder_cost ul { list-style-type:none; clear:both; overflow:hidden; border:1px solid #e1e1e1; border-width:0 1px 1px 1px; }
#product_builder_cost li { padding:5px; margin:0; display:inline-block; float:left; }
#product_builder_cost .stepname { width:57%; text-align:left; border-right:1px solid #e1e1e1; }
#product_builder_cost .stepcost { width:30%; text-align:right; }
#product_builder_prods { clear:both; padding:20px 0 0; }
#product_builder_cost .btn-add, #product_builder_cost .btn-wishlist, #product_builder_cost .reorder { float:right; margin-top:3px }

.child-wrapper ul { list-style-type: none; margin: 10px 0 0; padding: 0px;  border: 1px solid #e1e1e1; border-width: 0 0 1px; overflow: hidden; }
.child-wrapper li { list-style-type: none; width: 100px; margin: 0 1px 0 0; padding: 5px; display: -moz-inline-stack; display: inline-block; float: left; vertical-align: top; zoom: 1; }
.child-wrapper li.header-desc, .child-wrapper li.child-desc { width: 23%; }
.child-wrapper li.header-price, .child-wrapper li.child-price { width: 20%; text-align: center; }
.child-wrapper li.header-qty, .child-wrapper li.child-qty { width: 15%; text-align: center; }
.child-wrapper .dynamic_qty { text-align: center; width:65px; }

#product_tabs { margin: 20px 0px 5px 0px; float: left; display: block; clear: both; width: 100%; overflow: auto; }
#tab-row { }
#tab-row li {
  float: left;
  display: block;
  position: relative;
  top: 1px;
  cursor: pointer;
  padding: 5px 10px;
  margin: 0 1px;
  background: #f1e2b7;
  border: 1px solid #f2e1b6;
  font-family: "Droid Serif",serif;
  font-size:16px;
  color:#006c45;
  text-transform: uppercase;
}
#tab-row .active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#tab-row li.active { color:#3e3e3e;  }
#tab_contents { margin: 0 0 0 1px; clear: both; border: 1px solid #f2e1b6; background: #FFF; font-size: 16px;}
#tab_contents .content { display: none; padding: 10px 20px; min-height: 100px; /* hack for IE */ height: auto !important; height: 100px;/* overflow: scroll; */}
#tab_contents .content_box { border: #DDD 1px solid; padding: 5px; }

#featured_products {border:1px solid #f0f0f0; margin-top:5px; float:left;}

#related_products { width:100%; float: left; display: block; }

#recently_viewed li { float: left; clear: both; margin-bottom: 10px; width: 100%; }
#recently_viewed .image { float: left; margin-right: 10px; }
#recently_viewed .info { width: auto; text-align: left; margin: 0px; }

#product .content {font-family:"Open Sans",sans-serif; }
#product .suggested_prod {float:right; width:180px;}
#product  #suggested_products { text-align:center; float:left; }
#product  #suggested_products header { text-align:center; }
#product #suggested_products .shop_our {display:none;}
#product #suggested_products ul.grid li {margin-top:0; padding-top:0; width:95%;}
#product #suggested_products ul.grid li .image {padding-top:0; margin-top:0;}
#product #suggested_products ul.grid li .image img {max-width:145px; max-height:145px;}
#product #suggested_products ul.grid li .thumb-product {padding:0;}
#product #suggested_products ul.grid li .info .name a { font-size:14px;}
#product #suggested_products .rev-stars .prod-rating img  {width:21px; height:18px;}
#product_tabs #tab_contents .ifVideo center {font-size:20px;}
#product_tabs #tab_contents .ifVideo iframe {width:100% !important; max-width:550px}

.display, .cat-thumbs { list-style-type: none; margin: 0; padding: 0; }
.cat-thumbs{ float:left; padding-bottom:15px }
.display li { text-align: left; float: left; clear: both; margin: 10px 0px 0px 0px; width: 100%; }
.display li section { padding: 10px; float: left; }
.display li .image { float: left; overflow: hidden; width: 200px; height: 200px; }
.display li .info { float: left; width: 100%; margin-left: 10px; }
.display li .content { float: left; width: 60%;}
.display li .sku, .display li .status, .display li p, .display li .price, .display li input.qty { margin: 0px 0px 10px 0px; }
.display li div.child { display: none; }
.display li .order {float: left; width: 150px; margin-left: 10px; }

.grid li { list-style-type: none; width: 240px; margin: 10px 3px 0px; min-height: 200px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; _height: 200px; padding: 10px 6px; }
#index .grid li {width:235px; padding: 10px 0;}
#checkout_thanks .grid li { width: 220px; }
.grid li .product { padding: 0px; }
.grid li.left, .grid li.center, .grid li.right { float: none; }
.grid li section { padding: 0px; float: none; }
.grid li .image, .grid li .info, .grid li .content, .grid li .order { float: none; width: auto; margin: 10px 0px; padding:0;  font-family: "Open Sans",sans-serif; font-size:14px; }
.grid li .info .content a {text-decoration:none;}
.list li .image {width:100%;}
.grid li .image { text-align: center; }
.grid li .image img { width:200px; height: 200px; }
.grid li .info { text-align:center;}
.grid li .info .name a {font-size:16px; text-transform:uppercase; text-decoration:none; font-family:"Droid Serif",serif;}
.grid li .info .content p {display:none;}
/*.grid li.right { margin-right: 0px; }*/
.grid li .qty-label, .grid li div.child, .grid li div.status, .grid li input.qty { display: none; }
.grid li .sku, .grid li p, .grid li .price, .grid li .rev-stars, .grid li .qanda { margin: 0px 0px 10px 0px; }
.grid li .qanda { display:none; }
li.price .dynamic_qty { text-align:center; }

.cat-thumbs li { border: 1px solid #e1e1e1; display: -moz-inline-stack; display: inline-block; vertical-align: top; height: 250px; }
.cat-thumbs li .image { padding: 3%; width: 94%; margin: 0px auto; text-align: center; }
.cat-thumbs li .image img {max-width:200px; max-height:175px;}
.cat-thumbs li .info { padding: 3%; font-size: 12px; margin: 0px auto; text-align: center; }

.thumb-product { padding: 10px; }
.thumb-product img {/* width:200px; height:200px;*/ }
#recently_viewed .thumb-product { padding: 0px; }

#product_image { display: block; margin: 10px auto; border: #ccc 1px solid; }
.enlarge { display: inline-block; width: 150px; }
.emailafriend { display: inline-block; width: 150px; }
.enlarge img, .emailafriend img, .bookmark img { display: inline; vertical-align: middle; margin-right: 5px; }
.alternate_images { margin: 10px 0px 0px 0px; float:left; width:100%; }
.alternate_images img { width: 60px; height: 60px; border: 1px solid #e1e1e1; float: left; margin-right: 10px; cursor: pointer; }


.alternate_images { overflow:hidden; }
.alternate_images img { border: 1px solid #E4DFD9; cursor: pointer; float: left; margin-right: 5px; width: 50px; }


/********** Cart page **********/

#member_login label { display: inline-block; width: 150px; }
#member_login #login_form div { margin: 5px; }
#member_register #register_form div { margin: 5px; }
#member_register label { width: 150px; display: inline-block; }

#promo-box { text-align: center; border: 1px solid #e1e1e1; padding: 5px 10px; margin: 0px 0px 10px 0px; }
#promo-box div.promo_applied { margin: 10px; padding: 5px 10px; border: #38A320 1px solid; background-color: #E2F4DE; color: #38A320; font-weight: bold; }

#viewcart .cart-wrapper ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px;  border: 1px solid #e1e1e1; border-width: 1px 0px; clear: both; }
#viewcart .cart-wrapper ul.header-row { background: #e1e1e1; }
#viewcart .cart-wrapper li { list-style-type: none; width: 100px; margin: 0px 1px 0px 0px; padding: 10px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; _height: 20px; }
#viewcart .cart-wrapper li.header-desc, #viewcart .cart-wrapper li.cart-desc { width: 55%; }
#viewcart .cart-wrapper li.header-qty, #viewcart .cart-wrapper li.cart-qty { width: 15%; text-align: center; }
#viewcart .cart-wrapper li.header-total, #viewcart .cart-wrapper li.cart-total { width: 15%; text-align: right; }
#viewcart .cart-wrapper li.cart-total input.total { width: 95px; text-align: right; }

.update-total { overflow: visible; display: block; margin: 10px 0px; }
.update-total div { float: left; clear: left; width: 55%; height: 30px; overflow: visible; }
.update-total div.update_msg { width: 55%; height: 40px; overflow: visible; font-size:70%; margin-top:5px; }
.update-total .total { float: right; clear: right; text-align: right; overflow: visible; font-size: 16px; font-weight: bold; width: 40%; }
.update-total .total input[type=text] { width: 60px; color: #333; font-size: 16px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; cursor: text; }

.buttons { height: 45px; overflow: visible; display: block; margin: 10px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #e1e1e1; clear: both; }
.buttons div { float: left; display:inline-block; margin: 0 0 5px; overflow: visible; }
.buttons div.btn-checkout { float: right; clear: right; text-align: right; overflow: visible; }
.buttons div.btn-checkout div { margin: 10px 0; }
.confirmation .buttons { border: none; margin: 0px; padding: 0px; }
.confirmation div { width: auto; }

.recipients ul { float: left; width: 100%; min-height: 20px; overflow: visible; list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; border: 1px solid #e1e1e1; border-width: 1px 0px; clear: both; }
.recipients ul.header-row { background: #e1e1e1; }
.recipients li { list-style-type: none; width: 33%; margin: 0px 1px 0px 0px; padding: 10px 0px; min-height: 20px; float: left; overflow: visible; vertical-align: middle; _height: 20px; text-align: center; }
.recipients .table-image { width: 50px; height: 50px; vertical-align: middle; }
.recipients .buttonrow { clear: both; padding-top: 10px; text-align: center; }

section.address, section.order { overflow: hidden; width: 100%; display: block; border: 1px solid #e1e1e1; border-width: 1px 0px; clear: both; margin: 0px 0px 10px 0px; }
section.address h3, section.address div, section.order h3, section.order div { width: 25%; float: left; padding: 10px 0px; vertical-align: middle; }

div.checkout-display-totals { text-align: center; margin: 0px auto; }
div.order-totals { clear: both; width: 75%; margin: 0px auto 10px auto; min-height: 50px; overflow: hidden; border: 1px solid #e1e1e1; border-width: 1px 1px 0px 1px; text-align: center; }
#checkout_display .order-totals h3 { clear: both; margin 0px auto; padding: 10px 0px; border-bottom: 1px solid #e1e1e1; background: #e1e1e1; }
.order-totals ul { float: left; width: 100%; min-height: 20px; overflow: visible; list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; border: 1px solid #e1e1e1; border-width: 0px 0px 1px 0px; clear: both; }
.order-totals li { list-style-type: none; width: 46%; margin: 0px 1px 0px 0px; padding: 5px 10px; min-height: 20px; float: left; overflow: visible; vertical-align: middle; _height: 20px; text-align: left; }
.order-totals li.amount { text-align: right; }
#checkout_display .buttonrow { clear: both; text-align: center; }

.confirmation section { border: 1px solid #e1e1e1; margin-bottom: 10px; padding: 10px; }
.confirmation .heading { padding: 10px; background: #e1e1e1; overflow: hidden; }
.confirmation .heading input { float: right; }
.confirmation .heading h3 { float: left; width: auto; line-height: 29px; }

#checkout_confirmation .cart-wrapper { border: 1px solid #e1e1e1; margin-bottom: 10px; }
#checkout_confirmation .cart-wrapper ul { list-style-type: none; margin: 0px; padding: 0px;  border-bottom: 1px solid #e1e1e1; }
#checkout_confirmation .cart-wrapper ul.header-row { background: #e1e1e1; }
#checkout_confirmation .cart-wrapper li { list-style-type: none; width: 100px; margin: 0px 1px 0px 0px; padding: 10px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; _height: 20px; }
#checkout_confirmation .cart-wrapper li.header-desc, #checkout_confirmation .cart-wrapper li.cart-desc { width: 50%; }
#checkout_confirmation .cart-wrapper li.header-qty, #checkout_confirmation .cart-wrapper li.cart-qty { width: 15%; text-align: center; }
#checkout_confirmation .cart-wrapper li.header-total, #checkout_confirmation .cart-wrapper li.cart-total { width: 20%; text-align: right; }
#checkout_confirmation .cart-wrapper .cart-totals { padding: 10px; text-align: right; }
#checkout_confirmation .totals { text-align: right; }

.wishlist { float: left; padding: 10px 0 !important; width: 97%; }
.wishlist ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #e1e1e1; border-width: 0 0 1px; clear: both; }
.wishlist ul.header-row {background:#d8d4ab; }
.wishlist li { list-style-type: none; float:left; width: 100px; margin: 0px 1px 0px 0px; padding: 10px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; _height: 20px; }
.wishlist li.wish-name { width: 15%; text-align: left; }
.wishlist li.wish-desc { width: 34%; text-align: left; }
.wishlist li.wish-exp { width: 17%; text-align: center; }
.wishlist li.wish-count { width: 10%; text-align: center; }
.wishlist li.wish-remove { width: 7%; text-align: center; }
.wishlist li.wish-rank { width: 10%; text-align: center; }
.wishlist li.wish-sku { width: 10%; text-align: center; }
.wishlist li.wish-prod { width: 35%; text-align: left; }
.wishlist li.wish-need { width: 13%; text-align: center; }
.wishlist li.wish-purch { width: 13%; text-align: center; }
.wishlist li.wish-sku2 { width: 10%; text-align: center; }
.wishlist li.wish-desc2 { width: 35%; text-align: left; }
.wishlist li.wish-desc2 img { width:50px; padding:0 10px 10px 0; float:left; }
.wishlist li.wish-price { width: 13%; text-align: center; }
.wishlist li.wish-request { width: 10%; text-align: center; }
.wishlist li.wish-need2 { width: 10%; text-align: center; }
.wishlist li.wish-buy { width: 10%; text-align: center; }
.wishlist li.wish-sku3 { width: 10%; text-align: center; }
.wishlist li.wish-desc3 { width: 40%; text-align: left; }
.wishlist li.wish-price2 { width: 13%; text-align: center; }
.wishlist li.wish-qty { width: 13%; text-align: center; }
.wishlist li.wish-add { width: 15%; text-align: right; }
.wishlist li.wish-name2 { width: 22%; text-align: left; }
.wishlist li.wish-loco { width: 22%; text-align: left; }
.wishlist li.wish-desc4 { width: 50%; text-align: left; }

#member_wishlist div.form-container form fieldset { width: 45%; margin-right: 10px; float: left; height: 300px; }
#member_wishlist div.form-container label { width: 90px; }
#member_wishlist div.form-container span.label { width: 90px; height: 50px; }

#promo-box #promo_code { width:50%; }

.nowrap { display:inline; white-space:nowrap; }

.express ul { list-style-type: none; margin: 0px; padding: 0px; width: 100%; }
#express_order .express li.col-1 { width: 100%; float: left; vertical-align: top; margin: 0px; }
.express li.col-2 { text-align: center; float: left; margin-top: -10px; width: 100%; vertical-align: top; }
#express_order .express fieldset.order-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 40%; overflow: visible; }
#express_order .express fieldset.order-qty { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 35%; overflow: visible; }
#express_order .express input[type=text], #express_order .express input[type=number] { display:block; margin: 0.25em 0; }
#express_order .express .buttonrow { text-align: center; margin: 10px 0px 0px 0px; }

/* These reset the side-by-side forms in the checkout */
div.quick-checkout #shipping_info, #checkout_billing #billing_info, div.quick-checkout #billing_info, div.quick-checkout #payment_info { width: 100% !important; float: left !important; float: left !important; }
#checkout_shippingaddress #shipping_info, #checkout_shippingaddress #order_info, #checkout_shippingaddress #contact_info { width: 94% !important; float: left !important; clear: left !important; }
div.order-totals { width:100% !important; }

/* Avoid the Checkout -(to hide something from all checkout pages, add the class 'checkout_hide')- */
#checkout .checkout_hide, #checkout_billing .checkout_hide, #checkout_payment .checkout_hide, #checkout_shippingdetailk .checkout_hide, #checkout_thanks .checkout_hide, #checkout_confirmation .checkout_hide, #checkout_shipping .checkout_hide, #express_order .checkout_hide, #express_info .checkout_hide, #checkout_fpinfo .checkout_hide, #checkout_freeprod .checkout_hide, #checkout_shippingdetail .checkout_hide, #quickbuy_confirm .checkout_hide, #checkout_shippingaddress .checkout_hide, #checkout_display .checkout_hide, #viewcart_freeprod .checkout_hide, #ship_calculator .checkout_hide, #cartitems .checkout_hide { display:none !important; }

/* Slims buttons to fit narrower screens better */
.large, .medium, .small { padding-right: 0.5em; padding-left: 0.5em; }

.cc_logos { padding:0 0 5px !important; }
#checkout_shipping .cc_logos { margin-left:0 !important; float: none; clear: none; }

#shipping-chart { width: 100%; font-size: 12px; overflow: hidden; }
.shipping-title { background: #e1b308; font-weight: bold; padding: 3px; }
.shipping-left-column { margin: 0 0 15px; overflow: hidden; padding-left: 0; white-space: nowrap; width: 50%; float: left; }
.shipping-right-column { margin: 0 0 15px; overflow: hidden; padding-left: 0; white-space: nowrap; width: 49%;; }
.shipping-left-column li, .shipping-right-column li { border-bottom: 1px solid #003A22; list-style-type: none; margin: 0 0 2px 0; width: auto; padding: 3px; }
.shipping-left-column li.header, .shipping-left-column li.header { border-top: 2px solid #003A22; border-bottom: 2px solid #003A22; font-weight: bold; }
#shipping h3 {color: #545351; padding-bottom: 10px; }
.shipping_info {  float: left;  padding-top: 10px;}

/********** Custom CSS **********/