/***** ARBICO NEW 2016 STYLESHEET************/

.mobile { display: none; }

body { /*background: url(images/site_bg.jpg) center top no-repeat #272727;*/background: #d9e7a1; color: #999; font: 13px Arial, Helvetica,Tahoma, sans-serif; }
body, select, input, textarea { color: #333; }
body#product_qanda {background:#fff;}

a { color: #9b3837; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

/********** LAYOUT STYLES **********/

#container { width: 1010px; margin: 0 auto; background-color: #fff; box-shadow: 0px 15px 25px rgba(0,0,0,.5); }

#main { width: 960px; margin: 0px auto; background-color: #fff; padding:0px;}

#container > header > section { width: 960px; overflow: hidden; margin: 0 auto; background-color: #fff; margin-top:0; padding: 0 15px; position: relative; }
#container > header > section > figure { float: left; clear: left; padding: 0px; margin-top: 2px; }
#container > header > section > figure > figcaption { font-size: 13px; font-weight: bold; font-style: italic; color: #505050; margin: 0px;  }
#container > header > section > figure > img { max-height: 127px; }

#container > header > section #cartitems .cartitems_text { float:right;font-size: 12px; padding: 6px 8px 0 3px; color: #8d3533; }
#container > header > section #cartitems a { text-decoration:none; color: #8d3533;}
#container > header > section #cartitems a:hover { text-decoration:underline;}
#container > header > section #cartitems input { float:right; font-size: 12px; height:24px; letter-spacing: 0.05em;}

#minicart_container { bottom: 0; right: 15px; }
#minicart { float:right; margin:0 0 0 10px; padding:16px 0 8px 0; border-bottom:0; font-weight: bold; }
#minicart a#vcart , #minicart img {text-decoration:none; color:#505050; margin: 3px 8px;}
#container > header > section > nav { text-align: right; display: block; height: 26px; margin-top:18px; font-weight:bold; float:right; letter-spacing: 0.02em;}
#container > header > section > nav > a { display: block; float: right; color: #2d2d2b; padding: 5px 0px 5px 20px; text-decoration: none; vertical-align: bottom; margin: 0px 0px 10px 1px;text-transform: uppercase; font-size:12px;}
#container > header > section > nav > a:hover { text-decoration: underline;color: #000; }
#container > header > section > .phone { font-size: 20px; color: #8d3533; float:right; clear:right; padding-right: 2px;}

#container > header > section #tagline { margin: 0px; padding:0 0 15px 0; width:250px; text-align:center; float:none; font-size: 15px; clear:both; color: #505050;}

#container > footer { margin: 0px; padding-bottom: 0px; background: #a8c06c; }
#container > footer > section {  width: 960px; overflow: hidden; margin: 0 auto; padding: 0 10px; }
footer .footer-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; /*width: 33%;*/ padding: 0px 0px 15px 0px; color: #2d2d2b; }
footer a.fullsite { display: block; text-decoration: none; margin: 0; text-align: center; font-size: 18px; padding: 15px 0; background: #61852e; color: #fff; }
.footer_bottom {background:#364c25;}

#search { clear:right; float: right; width: 400px; margin: 22px 0px 0px 0px; }
#search input[type=text] { float:right; width: 220px; height:28px; border-radius: .3em 0px 0px .3em; -webkit-border-radius: .3em 0px 0px .3em; -moz-border-radius: .3em 0px 0px .3em; padding: 0px 10px; border: solid 1px #CCCCCC; outline: 0; font-size: 12px; color:#444; background: #fff;  vertical-align:middle;}
#search input[type=submit] { float:right; border: 0 none; border-radius: 0px .3em .3em 0px; -webkit-border-radius: 0px .3em .3em 0px; -moz-border-radius: 0px .3em .3em 0px; height: 30px; margin: 0; letter-spacing: 0.05em; }
#horizontal #search { margin: 5px 0px 0px 10px; width: 220px; overflow: visible; }
#horizontal #search input[type=text] { width: 115px; }
#search #suggestions { background: white; z-index: 9999; position: absolute; width: 225px; box-shadow: 0px 5px 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, .3); margin: 35px 0 0 20px; }
#search #suggestions div { padding: 0px 10px; line-height: 24px; }
#search #suggestions div:hover { background: #e1e1e1; }

aside#left_column {
  width: 210px;
  float: left;
  background: #fff;
  /*padding: 0px 10px;*/
}
#content {
  width: 730px;
  min-height: 400px;
  float: right;
  clear: right;
}
#index #content, #product #content, #viewcart #content{
  width: 960px;
  float: none;
  clear: none;
}

#checkout #content, #checkout_billing #content, #checkout_payment #content, #checkout_paypal #content, #checkout_shippingdetailk #content, #checkout_thanks #content, #checkout_confirmation #content, #checkout_shipping #content, #express_order #content, #express_info #content, #checkout_fpinfo #content, #checkout_freeprod #content, #checkout_shippingdetail #content, #quickbuy_confirm #content, #checkout_shippingaddress #content, #checkout_display #content, #viewcart_freeprod #content, #ship_calculator #content, #cartitems #content { width: 100%; }

footer #quicklink { width: 190px;}
footer #ftr_about { width: 190px;}
footer .footercats { width: 190px;}
footer .footercats ul { list-style:none;}
footer .footercats ul li { margin:0; padding:0;}
footer #compinfo { width: 377px; float:right; border-left: 1px solid #728f33; padding-left: 30px;}
footer .footer-col a { /*line-height: 20px;*/ text-decoration:none; color: #2d2d2b;}
footer .footer-col a:hover { text-decoration:underline; color: #000;}
footer .footer-col #freephone { width:auto; float: left; }
footer .footer-col #fax { margin-left: 125px; }
footer .footer-col #secure { width:auto; float: left; height: 50px; margin-right:13px; }
footer .footer-col p { line-height: 20px;}
#footer ul {list-style-image: url('/images/arrow-dot.png');}
#footer li {margin-left: 15px; padding-bottom: 0.5em;}
#footer_address {clear:both;background: #364c25;padding: 25px;color: #abc36f;font-size: 14px;}
#footer_address #footer_address_details {float:left;}
#footer_address #cprgt {float:right; font-size: 11px; text-align: right;}
#footer_address #secure {padding-bottom:10px;}

/****************  HOME PAGE CSS *******/

.promo-banner { text-align: center; background: #03c781; color: #272727; font-size: 15px; padding: 10px; }
.promo-banner a { color: #000; }

#related_products, #you_may_also_like, #featured_products , #best_sellers , #new_products, #suggested_products  { border: 1px solid; border-color: #ccc; margin-bottom: 20px; width:100%; clear:both; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em ; }
#related_products header, #you_may_also_like header, #featured_products header ,  #best_sellers header,  #new_products header, #suggested_products header   { height:45px;  background-color: #61852e; -webkit-border-radius: .2em .2em 0 0; -moz-border-radius: .2em .2em 0 0; border-radius: .2em .2em 0 0; }
#index #featured_products {margin-top:20px; border:0px;}
#index #featured_products header {display:none;}
#index #featured_products li { border-left:1px solid #ccc; width:191px; display:block; float:left; margin: 10px 0px 0px 0px; height: 225px;}
#index #featured_products li:first-child {border-left:0px solid #ccc;}
#index #featured_products li .thumb-product {padding:0px; margin: 0 13px;}
#index #featured_products li .price {margin: 0px;}
#popular_products { margin-top:50px; background:url(/images/line-gray.gif) repeat-x left 50%; }
#popular_products_heading {font-size:25px; text-transform:uppercase; color:#aaa; text-align:center;background:url(/images/line-gray.gif) repeat-x left 50%; width:350px; background:#FFF; margin:0 auto }

#related_products ul.grid li, #you_may_also_like ul.grid li, #featured_products ul.grid li,  #best_sellers ul.grid li,  #new_products ul.grid li, #suggested_products ul.grid li{ width:167px; border:0; margin: 10px 9px 0px 9px; padding-bottom: 0;}
#related_products ul.grid li .info, #you_may_also_like ul.grid li .info, #featured_products ul.grid li .info,  #best_sellers ul.grid li .info,  #new_products ul.grid li .info, #suggested_products ul.grid li .info{ width:165px; text-align:center; font-size:14px; padding: 8px 0 0px; font-weight:bold;}
#related_products ul.grid li .info .price, #you_may_also_like ul.grid li .info .price, #featured_products ul.grid li .info .price,  #best_sellers ul.grid li .info .price,  #new_products ul.grid li .info .price, #suggested_products ul.grid li .info .price{ font-weight:normal;font-size: 13px; padding-top: 5px; color: #666;}

#related_products ul.grid li .info a, #you_may_also_like ul.grid li .info a, #featured_products ul.grid li .info a,  #best_sellers ul.grid li .info a,  #new_products ul.grid li .info a, #suggested_products ul.grid li .info a { text-decoration: none; color:#000000;}
#cap { width:auto; float:left; }
#seemore { float:right; background-color: #000000; font-family: 'Lato', sans-serif; font-size: 14px; color: #fff; width:100px; padding:14px; text-align:center; text-transform: uppercase; } 
#seemore  a {text-decoration: none; color:#fff}

/* MINICART */
#minicart .mini-price { float: right; }
#minicart .mini-total { border-top: 1px solid #999; clear: both; float: right; font-weight: bold; margin: 5px 0; padding: 5px 0 0; text-align: right; width: 100%; } }
#minicart .mini-options { clear: both; text-align: center; }
#minicart .mini-options a { margin: 0 10px; }

#minicart_overlay_box { left:500px; margin-left:auto; margin-right:auto; position:fixed; right:0; top:20px; z-index:99999; width:500px; }
#minicart_overlay { background-color: #fff; border: 2px solid #000000; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 20px #000000; margin: 0 auto; padding: 10px; width: 450px; }
#minicart_overlay .productname { color: #000000; font-size: 22px; font-weight: bold; margin: 3px 10px 18px; text-transform: capitalize; text-align: left; }


#promo_message_box { /*border:1px solid #ccc;*/ margin-top:30px;}
#promo_message_box .promo_opening_message { margin:20px 10px 0px 10px; padding:0; font-weight:normal; font-size:24px; font-style:italic; color:#666; text-align:center;}
#promo_message_box .promo_main_message { margin:0px 0px 20px 10px; padding:0; font-weight:normal; font-size:35px; font-style:italic;  color:#555; text-align:center;}
#promo_message_box .promo_main_message a { text-decoration:none; color:#555;}
#promo_message_box .promo_main_message a:hover { text-decoration:underline; color:#000;}

#promo_boxes { margin: 30px 0 0 0; clear:both; }
#promo_boxes div { float: left; width: 300px; text-align: center; position: relative; margin-right: 30px; }
#promo_boxes div.column3 { margin-right: 0; }
#promo_boxes div img { width: 300px; height: 260px; }
#promo_boxes h2 { font-weight: normal; color: #333; padding: 5px 0; margin: 0; width: 300px; font-size: 20px;}
#promo_boxes h2 a { color: #333; text-decoration:none; }
#promo_boxes .more { font-size: 13px;}
#promo_boxes .more a {text-decoration:underline;}

#info_center {clear:both;margin-top: 0px; border-top: 1px solid #ccc;padding:20px 0 60px 0;}
#info_boxes { margin: 30px 0 0 0; clear:both; float: left; }
#info_boxes div { float: left; width: 240px; text-align: center; position: relative; margin-right: 20px; }
#info_boxes div.column3 { margin-right: 0; }
#info_boxes div img { width: 240px; height: 165px; }
#info_boxes h2 { font-weight: normal; color: #333; padding: 5px 0; margin: 0; width: 300px; font-size: 20px;}
#info_boxes h2 a { color: #333; text-decoration:none; }
#info_boxes .more { font-size: 13px;}
#info_boxes .more a {text-decoration:underline;}
.info_drbuglady {float: right;  margin-top: -40px;}

#newsletter-block { width: 100%; margin: 10px 0px; overflow: visible; height:65px; background: url('/images/bg-footer-bar.jpg') repeat-x #5f7d27;}
#newsletter-block.lower { clear: both; width: 100%; margin: 30px 0px 0px 0px; overflow: visible; height:65px; background: url('/images/bg-footer-bar.jpg') repeat-x #5f7d27;}
#newsletter-block div { padding: 0px 0px 0px 25px; margin-top: 10px; /*width: 30%;*/ display: inline-block; vertical-align: top; min-height: 33px; border-left: 1px solid #728f33; }
#newsletter-block section#newsletter div { border-left: 0; }
#newsletter-block div#footer_catalog {float:left; border-left:0;}
#newsletter-block div.footer_catalog_image {float:left; border-left:0; padding-left: 2px; margin-top: -35px; }
#newsletter-block div.footer_catalog_heading { color:#911d1e; margin-left: 0px; margin-top:0px; float: left; font-size: 18px; border-left:0; padding-left: 0;}
#newsletter-block div.footer_catalog_heading a { text-decoration:none; color:#911d1e; }
#newsletter-block div.footer_catalog_heading a:hover { text-decoration:underline;color:#911d1e; }
#newsletter-block div.footer_catalog_arrow {float:left; border-left:0;padding-left: 10px;}


#newsletter-block div.column1  { color:#1f2f00; margin-left: 25px; float: left; font-size: 18px;}
#newsletter-block div.column1  #nwsl { font-size:18px; margin: 0px 12px 0 0; display: block;}
#newsletter-block div.column1  #nwsl a{text-decoration: none; color: #1f2f00; cursor: pointer;}
#newsletter { float: left; margin-top: 5px; }
#newsletter input[type="email"] { width: 260px;float: left; border:0px; height:35px;  border-radius: .3em 0px 0px .3em; -webkit-border-radius: .3em 0px 0px .3em; -moz-border-radius: .3em 0px 0px .3em; padding: 0px 10px; outline: 0; font-size: 13px; color:#444; background: #fff; vertical-align:middle; }
#newsletter-block div.column3  { float:right; width:110px; padding-top: 6px; }
#newsletter-block div.column3  #shr{ font-size:18px; color:#fff; padding:0 15px 0 20px; }
#newsletter-block div.column3  #shrlnk{margin-top:-3px; padding:0; border:0; width:150px;}
#newsletter-block div.column3  .shrimg { margin: 0 2px 0;}
#newsletter-block div.column3  #shrlnk a{ text-decoration: none;}
#newsletter input[type=submit] { float:left; border: 0 none; height: 35px;  border-radius: 0px .3em .3em 0px; -webkit-border-radius: 0px .3em .3em 0px; -moz-border-radius: 0px .3em .3em 0px; margin: 0; letter-spacing: 0.05em; }

#welcome h1 { margin: 0px 0px 13px 0px; color: #000000; font-style:italic; font-weight: normal; font-size: 19px;}
#welcome p { font-size: 13px; line-height: 18px;}


/********** Newsletter popup *********************/
#npfade {
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
    overflow: visible;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 8001;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display: none; 
}

#popcontainer { background-color: #ffffff; border: 5px solid #000000; display: none; left: 35%; margin: 0 auto; position: fixed; top: 150px; width: 30%; z-index: 8008 !important; }
#popcontainer div#close { background: url("https://s3.amazonaws.com/cdn.arbico-organics.com/images/close_button.png") no-repeat scroll right top rgba(0, 0, 0, 0); color: #666666; height: 35px; position: absolute; width: 41px; margin-left: -20px;  top: -20px; }
#popcontainer > div#form_part { padding: 10px 10px 30px; text-align: center; margin: 20px; border: 1px solid #000000; }

#breadcrumb { padding: 10px 10px 10px 0px; font-size: 12px; color: #505050; text-transform: capitalize; }
#breadcrumb a:link, #breadcrumb a:visited { font-size: 12px; color: #505050; text-transform: capitalize; text-decoration:none; }
#breadcrumb a:hover, #breadcrumb a:active { font-size: 12px; color: #505050; text-decoration: underline; }
#breadcrumb .separator {padding:0 5px;}

#category_options {background: none repeat scroll 0 0 #61852e; font-weight: normal; color:#fcffff; padding: 7px 10px; margin-top: 10px; line-height: 43px;-webkit-border-radius: .2em .2em 0 0; -moz-border-radius: .2em .2em 0 0; border-radius: .2em .2em 0 0; }
#category_options ul { float: left; list-style-type: none; width: 100%; }
#category_options li { float: left; margin: 0px 40px 0px 0px; padding: 0px; line-height: 22px; }
#category_options li#prev-next { float: right; margin: 0px; text-align: right; }
#category_options .pagenumber a, #category_options a { color:#fcffff; }
#category_options .page, #category_options #sort .sort_by {color:#fcffff; margin: 0 10px; text-transform: uppercase; float:left; padding-top:1px; font-weight:bold;}
#sort select { padding: 2px 8px 2px 2px; color:#525252; border: 1px solid #cccecd;}

#category_filter { background: #f0f0f0; }
#category_filter .catfilter { padding: 0px; }
#category_filter .catfilter ul { list-style-type: none; }
#category_filter .catfilter li { margin-left: 10px; }

#search_results .cat_results { margin-bottom: 18px; }
#search_results .cat_results p { border-top: 1px solid #ccc; padding: 10px 0; }
#search_results .prod_results { border-top: 1px solid #ccc; padding: 10px 0; }

#prev-next2 { color:#000000; clear: both; text-align: right; border-top: 1px solid #ccc; margin: 10px 0px 0px 0px; padding: 10px 0px; border:none; }
#prev-next2 span { color:#000000; text-transform: uppercase; }
#prev-next2 .pagenumber a, #prev-next2 a { color:#61852e; text-transform: uppercase; }
#prev-next2 .pagenumber a:hover, #prev-next2 a:hover { text-decoration:none; }

/********** HEADING STYLES **********/

h1 { font-size: 30px; font-weight: normal; color: #333; margin: 0px 0px 20px 0px;}
#cat h1 {  /*color: #8d3533;*/  color: #333; font-size: 30px; font-weight: normal;  margin: 10px 0 0; padding-bottom:10px; }
#product .content h1, #product_builder .content h1 { color: #333; font-size: 30px; font-weight: normal; margin: 0 0 5px;}

h2 { font-size: 24px; font-weight: normal; color: #272727; margin: 0px 0px 20px 0px; }
#product .info h2 {margin: 0px 0px 10px 0px;color: #999; font-size: 20px; font-style: italic;}
#category_menu h2,
#category_filter h2,
#newsletter h2,
#recently_viewed h2,
#shop_by_price h2,
#minicart h2 {  padding: 8px 10px; font-size: 17px; font-weight: normal; color: #505050; margin: 0px 0px 10px 0px; }
#related_products header  h2, #you_may_also_like h2, #featured_products header  h2,  #best_sellers header h2,  #new_products header h2, #suggested_products header  h2 { color:#fff;  font-size: 16px; margin:12px 0px 0px 20px; text-transform: uppercase;}
#welcome h2 { font-size: 14px; text-transform: uppercase; margin: 15px 0px 10px 0px; }
.display h2, .grid h2 {color: #333;  font-size: 14px;  font-weight: normal;  margin: 5px 0 5px;}
.cat-thumbs h2 {color: #333;  font-size: 15px;  font-weight: bold;  margin: 0px 0 10px;}
.cat-thumbs h2 a {color: #333; text-decoration:none; }
.cat-thumbs h2 a:hover {color: #9b3837; text-decoration:underline;}

h3 {font-size:17px; line-height: 30px;}
footer .footer-col h3 { color: #1f2f00; font-weight: normal; font-size: 18px; margin: 15px 0;line-height: 22px;}

#category_menu h2 { background-color: #444; padding: 8px 10px;text-transform: capitalize;}
#category_menu h2 a { color:#fff;}
#index #info_center h3 {color: #48640d; font-size: 18px; font-weight: normal; margin-top: -10px;float:left; padding-right:20px;} 
#category_description h3 {font-size:17px; line-height:19px; margin-bottom:10px;}

/********** LEFT NAV **********/

#category_menu,
#category_filter,
#shop_by_price{ margin-bottom: 10px; margin-top: 13px; }

#category_menu ul, 
#recently_viewed ul { list-style-type: none;   }
#category_menu ul {margin-top: -10px; background-color: #f0f0f0;}

#category_menu li { padding: 7px 5px; margin: 0px 5px 0px; border-top:1px dotted #ccc; }
#category_menu ul li ul li { padding-left: 10px;border-bottom: 0px dotted #f0f0f0;}
#category_menu li.active  , #category_menu li.category_top_active{ font-weight:bold; }

#category_menu ul li ul {padding-top:10px;}

#category_menu ul a { text-decoration: none; color: #4b7823; display: block; font-size:14px; }
#category_menu ul a:hover { text-decoration: underline; color: #9b3837; display: block; font-size:14px; }

/*#category_menu ul li ul { display: none; } un-comment to hide subcategories */

#recently_viewed ul img { width: 75px; height: 75px; }

/********** PRODUCT/CATEGORY **********/

#category .qty, #product .product .qty, #product_builder .product .qty, .child-wrapper li.child-qty .qty, #viewcart .qty, #express_order .qty { width: 30px; }
.child-wrapper li.child-qty .qty { padding:15px 10px !important; border-radius: 0;} 
.child-wrapper li.child-qty { margin-top:0; padding-top:0;}
.child-wrapper li {margin:10px 1px 0 0;}
#product .product .sku, #product_builder .product .sku { color: #999; font-size: 12px; font-weight:normal;}
#product .product .status, #product_builder .product .status { color: green; }
#product .product .backordered, #product_builder .product .backordered { color: green; }
#product .product .price, #product_builder .product .price { margin: 10px 0; font-weight: bold; }
#product .product .price input.dynamic_qty, #product_builder .product .price input.dynamic_qty { font-size: 18px; }
#product .product .image { float: left; width: 300px; padding: 0px; margin: 0px 0 0; overflow: hidden; }
#product .product .image img { /*max-width: 320px; max-height: 320px;*/ width:300px; }
#product .product_image {width:300px;}
#product .recipent_mapping_shipto { float: left; width: 70px; color:#232323; font-size:16px; text-transform:uppercase; padding-right:10px;}
#product .mapping .new_recipient_mapping {float: left; width: 15px; color:#232323; font-size:12px; padding:5px 10px 0 5px; }
#product .mapping #new_recipient_mapping { width:125px; padding:3px 5px;}
#product .mapping { width: 90%; background: #f0f0f0; padding: 10px 5%; margin: 10px 0; overflow: hidden; }
#product .mapping div {width:175px; float:left;}
#product .product .info { float: right; margin: 0px 0 0; width: 630px; }
#product .product .form, #product_builder .product .form { margin: 10px 0px 0px 0px; }
#product .product .status, #product .product .backordered, #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 .backordered, #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 .attributes select, #product .product .attributes select { display: block; }
#product .product .btn-wishlist, #product .product .btn-reorder { margin-top: 5px }

.product .child-wrapper { border-top:1px solid #eae3dd; margin-top:20px; float:left; width:100%; }
.child-wrapper .child-one-btn {margin:10px 0 0 0; text-align:right;}

#social {float: left;  margin-left: 25px;  margin-top: 8px; width: 150px; }

.red, .req, .sale-price { color: #C00; }
.sale-price {font-size: 1.2em; font-weight: bold; padding-left: 3px;}

#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 #ccc; }
#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 #ccc; 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 #ccc; 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 #ccc; }
#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: 5px 0 0; padding: 0px;  border: 1px solid #ccc; border-width: 0 0 1px; overflow: hidden; }
.child-wrapper li { list-style-type: none; width: 100px; margin: 0 1px 0 0; padding: 5px 5px 7px 0; 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:40%; color:#333; }
.child-wrapper li.child-desc { font-size:13px; font-weight:bold;}
.child-wrapper li.header-price, .child-wrapper li.child-price { font-weight:bold; color:#3a3a3a;  width: 20%; text-align: center;padding-top: 15px;}
.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 0; float: left; display: block; clear: both; width: 100%; overflow: auto; }
#tab-row { }
#tab-row li {
  float: left;
  color:#000000;
  font-size: 15px;
  display: block;
  position: relative;
  top: 1px;
  cursor: pointer;
  padding: 10px 30px 6px 30px;
  margin: 0 1px;
  background: url(/images/bg-gradient-green.jpg) repeat-x left top #e9ece1 ;
  border: 1px solid #61852e;
  -webkit-border-radius: .2em .2em 0 0;
  -moz-border-radius: .2em .2em 0 0;
  border-radius: .2em .2em 0 0;
  text-transform: uppercase;
}
#tab-row .active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; color:#000; font-weight:bold; }
#tab_contents { clear: both; border: 1px solid #61852e; background: #FFF; margin-left: 1px; padding:15px 15px 0;  -webkit-border-radius: 0 .2em .2em .2em; -moz-border-radius: 0 .2em .2em .2em; border-radius: 0 .2em .2em .2em; }
#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: #ccc 1px solid; padding: 5px; }

#recently_viewed li { float: left; clear: both; width: 205px;  padding: 7px 0px; margin: 0px 0px 0px 0px; border-top:1px dotted #ccc; }
#recently_viewed .image { float: left; margin-right: 10px; }
#recently_viewed .info { width: auto; text-align: left; margin: 0px; }
#recently_viewed .info a { color:#000; text-decoration:none; }
#recently_viewed .info a:hover { color:#9b3837; text-decoration:underline; }

.display, .cat-thumbs { list-style-type: none; margin: 0; padding: 0; }
.display li { border: 1px solid #ccc; 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; width: 152px; overflow: hidden; }
.display li .info { float: left; width: 545px; margin-left: 10px; }
.display li .content { float: left; width: 380px; }
.display li .content a { text-decoration:none;}
.display li .sku, .display li .status, .display li p, .display li .price, .display li input.qty { margin: 0px 0px 10px 0px; }
.display li .price {font-weight: normal; margin: 20px 10px 10px 0; color:#666; }
.display li div.child { display: none; }
.display li .order {float: left; width: 155px; margin-left: 10px; text-align: right; }

#cat .grid li { border: none; margin: 20px 0 0 11px; min-height: 250px; }
.grid li { list-style-type: none; width: 165px; margin: 20px 10px 0px 0px; min-height: 200px; border: 0px solid #ccc; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; _height: 200px; }
.grid li .product { padding: 0px; }
.grid li.left, .grid li.center, .grid li.center2, .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: 0px; text-align:center; }
.grid li .image { width: 165px; height: 165px; }
.grid li .image img { width: 165px; height: 165px; }
.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 .qanda { margin: 0px 0px 10px 0px; }
.rev-stars a{font-size:12px; color:#000000; text-transform: uppercase; font-weight:bold; text-decoration:none; } 
.rev-stars a:hover{ text-decoration:underline; } 
.grid li .qanda { display:none; }

.cat-thumbs li { border: 0px solid #ccc; display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 225px; margin: 10px 22px 10px 0px; }
.cat-thumbs li.right { margin-right: 0px; }
.cat-thumbs li .image { padding: 0px 0px 0px 0px; width: 225px; margin: 0px auto; text-align: center; }
.cat-thumbs li .image img { width:225px; border: 1px solid #e1e1e1;}
.cat-thumbs li .info { padding: 5px 0px; font-size: 12px; width: 225px; margin: 0px auto; text-align: center; }
#cat .display {border:1px solid #ccc;  -webkit-border-radius: 0 0 .2em .2em; -moz-border-radius: 0 0 .2em .2em; border-radius: 0 0 .2em .2em;}
.cat-thumbs {border:0px solid #ccc;}
#cat p {color:#2d2d2d; }
.thumb-product { padding: 10px; }
#recently_viewed .thumb-product { padding: 0px; }

#product_image { display: block; margin: 10px auto; border: #ccc 1px solid; }
.enlarge { display: inline-block; width: 150px; }
.product .enlarge {margin-top:10px; float:left; font-size:12px;}
.product a.enlarge-plus { text-decoration:none; color:#444;}
.product .enlarge .popup-link {color:#444; text-decoration:none; font-size: 11px; }
.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; }
.alternate_images img { width: 50px; height: 50px; border: 1px solid #ccc; float: left; margin-right: 5px; cursor: pointer; }

#fade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.5; filter:alpha(opacity=50); display: none; }
#image_overlay { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: none; }
#image_overlay img { position: relative; z-index: 1001; margin: 50px auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer; }
#image_overlay #close { z-index: 1002; position: absolute; margin-left: -20px; top: -20px; cursor: pointer; }

/********** CHECKOUT **********/

.header-row { background: #f4f7e8; border-width: 0 !important;}

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

/* CHECKOUT PROGRESS INDICATOR 
#steps { margin: 15px auto; padding: 0px; overflow: hidden; text-align: center; width: 535px; }
#steps ol { text-align: center; margin: 0px auto; }
ol#progress { list-style:none; background:#f4f7e8; counter-reset:step; margin: 0px; padding: 0px; }
#progress li { float:left; font-size:0.75em; font-style:italic; margin: 0px 1px 0px 0px; }
#progress div { float: left; display:block; text-decoration:none; padding:10px 45px 10px 50px; background:#f4f7e8; color:#000; position:relative; white-space: nowrap; }
#progress span { font-size:1.333em; font-weight:bold; display:block; font-style:normal; }
#progress .active div { font-weight:normal; background: #000000; color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,0.25); }
#progress li div:before { font-style:normal; content:"»"; text-align:center; font-weight:bold; position:absolute; top:50%; left:5px; margin-top:-8px; margin-left: 10px; padding:2px 6px; background:rgba(0,0,0,0.40); -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; color:#FFF; }
#progress .step-1 div { -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; }
#progress .step-4 div { -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px; border: none; }
*/

/* CHECKOUT PROGRESS INDICATOR - arrow design */
#steps { margin: 0px 0px 15px 0px; padding: 0px; overflow: hidden; text-align: center; }
#steps ol { text-align: center; margin: 0px auto;  height: 40px;  border-top:1px solid;  border-bottom:1px solid;border-color:#ccc;}
ol#progress { list-style:none; background:#fff; counter-reset:step; margin: 0px; padding: 0px; }
#progress li { float:left;/* font-size:0.75em;*/ margin: 0px 1px 0px 0px; padding:0px;}
#progress li.active { padding:0px;}
#progress div { float: left; display:block; text-decoration:none; padding:10px 45px 10px 30px; /* background:#fff; */ color:#999; /*text-shadow:1px 1px 1px rgba(0,0,0,0.2);*/ position:relative; white-space: nowrap; }
#progress .active div { padding: 7px 45px 10px 43px; }
#progress span { font-size:15px; font-weight:bold; display:block; }
#progress .active span { font-size:18px; }
#progress .active div { font-weight:normal; /* background: #fff; */ color:#648f3d; }
#progress li div:before { font-style:normal; content:"►"; text-align:center; font-weight:bold; position:absolute; top:30%; left:5px; margin-left: 0px; padding:1px 5px; /* background:#999; */ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; color:#999; }
#progress li.active div:before { font-style:normal; content:"►"; text-align:center; font-weight:bold; position:absolute; top:35%; left:5px; margin-top:-5px; margin-left: 10px; padding:1px 5px; /* background:#648f3d; */ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; color:#648f3d; font-size: 15px; }
#progress .step-1 div { -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; }
#progress .step-4 div { -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px; border: none; }


/* CHECKOUT MINICART_CART.TPL STYLES */
div.quick-checkout { float: left; width: 760px; }
#minicart_cart {width:180px; float:left;} /*Add*/
#minicart_cart #minicart {margin: 0 17px 0 0;}
#minicart_cart .mini-product div {float:left;} /*Add*/
#minicart_cart .mini-qty {padding-bottom:10px;width:20px; margin:0;} /*Add*/
#minicart_cart .mini-name {width:85px; margin:0 5px 0 0; font-size: 11px; padding-bottom: 5px;} /*Add*/
#minicart_cart .mini-name a {text-decoration:none; color:#666;} /*Add*/
#minicart_cart .mini-product {padding-bottom:10px;} /*Add*/
#minicart_cart .mini-price {width:59px; margin:0;padding-bottom: 5px; text-align:right;}
#minicart_cart h2 {font-size: 18px; padding-left: 20px;font-weight: bold;} /*Add*/
#minicart_cart .promo_text {padding-top:10px;} /*Add*/
#minicart_cart .promo_note { font-size:10px; padding-top: 10px;} /*Add*/
#minicart_cart fieldset { margin: 15px 0; padding: 10px; border: #ccc 1px solid;  background: #f1f1f1;}
#minicart_cart legend { font-weight: bold; color: #666; font-size: 18px;}


#promo-box { text-align: left; border: 0px solid #c2b588; padding: 0px 6px; margin: 0px 0px 10px 0px; } /*CHANGE*/
#promo-box input#promo_code {background: #f1f1f1; padding: 7px 10px;}
#promo-box div.promo_applied { margin: 10px 0; padding: 5px 10px; border: #67a320 1px solid; background-color: #eaf6d9; color: #5ea000;  font-weight: bold; } /*CHANGE*/
.promo_note {font-style:italic; color:666; font-size:11px;margin-top: 20px;} /*Add*/
.promo-apply {float:left; width:370px;} /*Add*/
.promo_text { color:#444;}/* This is for the checkout cart summary*/ /*Add*/
.btn-continue {float:left; width:200px;padding-top: 2px;} /*Add*/
#viewcart .btn-continue {float:right; width:150px;padding-top: 2px;margin-right: 20px;} /*Add*/

#viewcart .cart-wrapper ul { list-style-type: none; /*margin: 10px 0 0;*/ padding: 0px;  border: 1px solid #e1e1e1; border-width: 1px 0 0; clear: both; } /*CHANGE*/
#viewcart .cart-wrapper li { list-style-type: none; width: 100px; margin: 0 1px 0 0; padding: 10px 5px; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; _height: 20px; }
#viewcart .cart-wrapper ul.header-row li { min-height: 10px; _height: 10px; font-size: 12px; font-weight: bold; color: #333; } /*Add*/
#viewcart .cart-wrapper li.header-remove, #viewcart .cart-wrapper li.cart-remove { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-desc  { width: 48%; text-align:left; padding-left:20px; }
#viewcart .cart-wrapper li.cart-desc { width: 38%; }
#viewcart .cart-wrapper li.cart-desc a { color:#333; text-decoration:none; }
#viewcart .cart-wrapper li.cart-desc .smalltext { font-size:12px; color:#999; }
#viewcart .cart-wrapper li.cart-image { width: 10%;  }
#viewcart .cart-wrapper .cart-image { width: 75px; height: 75px; float: left; display: block; margin-right: 10px; }
#viewcart .cart-wrapper li.header-unit, #viewcart .cart-wrapper li.cart-unit { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-qty, #viewcart .cart-wrapper li.cart-qty { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-total, #viewcart .cart-wrapper li.cart-total { width: 10%; text-align: right; }
#viewcart .cart-wrapper li.cart-total input.total { width: 85px; text-align: right; }
#viewcart .cart_attribute {font-size:11px;} /*Add*/
.cart_map {color: #eb5a3e; font-size: 1.3em; padding: 5px 5px 5px 25px;  text-transform:uppercase; font-weight:bold; border-top: 1px solid #eb5a3e; background:#fafbfe; } /*Add*/
.ship_recip{text-transform:uppercase; padding-left: 10px;} /*Add*/
#viewcart #breadcrumb {display:none;} /*Add*/
#viewcart h1 {padding-top: 15px;} /*Add*/
.update-total { overflow: hidden; clear:both; display: block; margin: 0px; border-top: 5px solid #DEE2C9; padding-top: 15px;} /*CHANGE*/
.update-total div { float: right; margin: 0 10px 0 0; }
.update-total div.update { float: right; margin: 0 10px 0 0; padding-bottom: 15px;}
.update-total div.update_msg { width: 25%; overflow: hidden;font-size: 10px; padding-top: 2px; }
.update-total .total { clear:right; float: right; text-align: right; overflow: visible; font-size: 17px; font-weight: bold; width:100%;padding-top: 15px;border-top: 1px solid #e1e1e1;}

.update-total #total { float: right; text-align: right; overflow: visible; font-size: 16px; font-weight: bold;width: 80px; }

.restriction10v2, .restriction10v2 a:hover, .restriction10v2 a:active {
    color: #6f5c36;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}
.restriction10v2 a {color: #9b3837!important; text-decoration: underline!important;}

.red10v2, .red10v2 a:hover, .red10v2 a:active {
    color: #ff0000;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    text-decoration: none;
}


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

.specialprice {    color: #a20101;    font-size: 12px;}

/* CUSTOMIZED SHIPPING ESTIMATOR */
.ship_estimator_header { min-height: 60px; _height: 60px; border: 0px solid #c2b588; border-width: 0px 0px; margin-bottom: 10px; padding: 10px 20px; overflow: hidden; clear: both; background: #fff; margin-top: -80px; } /*Add*/
.ship_estimator { padding: 5px 20px; min-height: 15px; _height: 15px; overflow: visible; clear: after; background: #eeeeee/*#F3EDD8*/; } /*Add*/
.ship_estimator_header .col-1 { float: left; min-height: 15px; _height: 15px; /*width: 22%;*/ overflow: visible; font-size:15px; font-weight:bold;} /*Add*/
.ship_estimator_header .col-2 { float: left; min-height: 15px; _height: 15px; /*width: 77%;*/ overflow: visible; text-align: left; font-size:12px; padding-left:10px; padding-top: 2px;} /*Add*/
.ship_estimator .col-1 { float: left; min-height: 15px; _height: 15px; width: 50%; overflow: visible; } /*Add*/
.ship_estimator .col-2 { float: left; /*min-height: 15px; _height: 15px;*/ width: 50%; overflow: visible; text-align: right; } /*Add*/
.ship_estimator_header .col-2 a {font-weight:normal;} /*Add*/
.ship_estimator .col-2 div {padding:1px 0;} /*Add*/
.ship_estimator .col-2 div p {padding-bottom: 3px;} /*Add*/
.ship_estimator .col-2 div.note {font-size:11px; color:#666;} /*Add*/ 
.calculated_total {font-weight:bold; font-size:17px;}

#viewcart .recipients ul.header-row li { min-height: 10px; _height: 10px; font-size: 11px; font-weight: bold; color: #FFFFFF;text-transform: uppercase; } /*Add*/
.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 #ccc; border-width: 0 0 1px; clear: both; }
.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 #ccc; 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 #ccc; 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 #ccc; background: #f4f7e8; }
.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 #ccc; border-width: 0px 0px 1px 0px; clear: both; }
.order-totals li { list-style-type: none; width: 40%; 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; float: right; }
#checkout_display .buttonrow { clear: both; text-align: center; margin: 10px 0 18px 0; }

.confirmation section { border: 1px solid #ccc; margin-bottom: 10px; padding: 10px; }
.confirmation .heading { padding: 10px; background: #648f3d; overflow: hidden; }
.confirmation .heading input { float: right; }
.confirmation .heading h3 { float: left; width: auto; line-height: 29px; font-size:16px; color:#fff; }

#checkout_confirmation .cart-wrapper { border: 1px solid #ccc; margin-bottom: 10px; }
#checkout_confirmation .cart-wrapper ul { list-style-type: none; margin: 0px; padding: 0px;  border-bottom: 1px solid #ccc; }
#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 .cart-image { width: 50px; height: 50px; float: left; display: block; margin-right: 10px; }
#checkout_confirmation .cart-wrapper li.header-unit, #checkout_confirmation .cart-wrapper li.cart-unit { width: 15%; }
#checkout_confirmation .cart-wrapper li.header-qty, #checkout_confirmation .cart-wrapper li.cart-qty { width: 10%; text-align: center; }
#checkout_confirmation .cart-wrapper li.header-total, #checkout_confirmation .cart-wrapper li.cart-total { width: 15%; text-align: right; }
#checkout_confirmation .cart-wrapper .cart-totals { padding: 10px; text-align: right; }
#checkout_confirmation .totals { text-align: right; }
#checkout_confirmation .grand-total { font-size: 16px; font-weight: bold; }
#checkout_confirmation #person_info, #checkout_confirmation #payment_info, #checkout_confirmation #total_info { width: 32%; margin-right:14px; float: left; }
#checkout_confirmation #total_info { margin: 0; float: right; }
#checkout_confirmation #person_info section, #checkout_confirmation #payment_info section, #checkout_confirmation #total_info section { height: 155px; }

#cartitems img { display: inline; vertical-align: middle; }

/********** FORM STYLES **********/

input[type=text], textarea, select, input[type=password], input[type=email], input[type=number], input[type=tel], input[type=url] {
  padding: 8px 10px 9px;
  border: solid 1px #CCCCCC;

  outline: 0;
  font-size: 13px;
  background: #FFFFFF;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  -khtml-border-radius: .3em;
  border-radius: .3em;;
}
select { padding: 2px 2px 2px 5px; max-width: 250px; }
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: #61852e; box-shadow: 0px 1px 5px #61852e; -webkit-box-shadow: 0px 1px 5px #61852e; -moz-box-shadow: 0px 1px 5px #61852e; 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; }
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; }

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; padding: 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: #ccc 1px solid; background: #f4f7e8; }
div.form-container legend { font-weight: bold; color: #666; font-size: 18px; }
div.form-container div { padding: 0.25em 0; overflow: hidden; clear: both; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container span.note { font-size: 12px; font-style: italic; margin-left: 12px; }
div.form-container div.controlset span.note { display: block; margin-left: 170px; padding: 2px 0 5px; }
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 label.title { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin: 10px 0 20px 180px; }
div.form-container div#progress_bar { margin-left: 170px; }
div.form-container div#filestatus span#status { margin-left: 170px; }

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: #ccc 1px solid; padding: 10px; }
div.login .info { width: 70%; }
div.login fieldset { margin: 15px 0; padding: 10px; border: #ccc 1px solid; }
div.login fieldset.login-box { background: #f4f7e8; }
div.login legend { font-weight: bold; color: #666; font-size: 18px;}
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 label.title { display: block; float: left; }
div.login div.controlset div { margin-left: 100px; }
div.login .buttonrow { margin-top: 10px; margin-bottom: 18px; }

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: #ccc 1px solid;  background: #f4f7e8;}
div.quick-checkout form legend { font-weight: bold; color: #666; font-size: 18px;}
div.quick-checkout form div { padding: 0.25em 0; }
div.quick-checkout label, 
div.quick-checkout span.label { margin-right: 5px; padding-right: 5px; width: 130px; display: block; float: left; text-align: right; position: relative; clear: both; }
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 label.title { display: block; float: left; }
div.quick-checkout div.controlset div { margin-left: 110px; }
div.quick-checkout div.buttonrow { margin: 10px 0 18px 0; text-align: right; clear: right; }

#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; }
.cc_logos { padding:0 0 5px 25px !important; }
#checkout_shipping .cc_logos { margin-left:110px; 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; }
/*.cvv_info_button {display: block; float: right; padding: 7px 15px 0 0 !important;}*/
#checkout_billing #cvv2 {float:left;}
#checkout_billing .cvv_info_button {display: inline-block;}

/********** BUTTON STYLES **********/

.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: Arial, Helvetica, sans-serif;
  padding: .5em 2em .55em;
  border:0;
  text-shadow: 0px 0px 0px rgba(0,0,0,.6);
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.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: 15px; font-weight: bold; padding: 0.4em 1.1em;  text-transform: uppercase; }
.medium { font-size: 15px; font-weight: bold; padding: 0.3em .82em; text-transform: uppercase; }
.small { font-size: 12px; padding: .3em 1em; font-weight: bold; text-transform: uppercase; }

/* STYLE1 button */
.style1, .style1:visited { color: #fff; border: solid 0px #991d1f;  background: url("/images/bg-button-red.jpg") repeat-x scroll 0 50% #991d1f; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; text-transform:uppercase;}
.style1:hover, .style1:active, .style1:focus { background: url("/images/bg-button-red-over.jpg") repeat-x scroll 0 50% #e94345;background-color: #e94345 !important; border: solid 0px #e94345 !important;  color: #fff; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }

/* STYLE2 button */
.style2, .style2:visited  { background: /*url("/images/gradient.png") repeat-x scroll 0 0 */#fff; color: #991d1f; border: solid 1px #991d1f; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.style2:hover, .style2:active, .style2:focus { /*background: url("/images/gradient.png") repeat-x scroll 0 0 #ddd;*/ background-color: /*#e9cdce*/#ecdcd9 !important; border: solid 1px #991d1f !important; color: #991d1f; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; text-shadow: none; }

/* STYLE3 button */
.style3, .style3:visited { color: #fff; border: solid 0px #537f30;  background: url("/images/bg-button-green.jpg") repeat-x scroll 0 50% #537f30; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; text-transform:uppercase;}
.style3:hover, .style3:active, .style1:focus { background: url("/images/bg-button-green-over.jpg") repeat-x scroll 0 50% #6dad16;background-color: #6dad16 !important; border: solid 0px #6dad16 !important;  color: #fff; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }



/********** DROP DOWN MENU STYLES **********/

#horizontal { width: 960px; margin: 0px auto; height: 44px; background: #fff; padding: 0px 15px; }
#horizontal ul { padding: 0; margin: 0; list-style-type: none; z-index: 1000; height: 40px;  border-top:1px solid;  border-bottom:1px solid;border-color:#ccc; }
#horizontal ul li { margin: 0; float: left; display: inline; position: relative; z-index: 1000; white-space: nowrap;  }
#horizontal ul li a,
#horizontal ul li a:visited,
#horizontal ul li a:hover { margin: 0;  height: 40px; line-height: 40px; color: #4b7823; text-decoration: none; display: -moz-inline-stack; display: inline-block; zoom: 1; border-right: 1px solid #fff;/* transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; */ font-weight: bold; /* padding: 0 7px 0 7px; font-size: 14px; text-transform: uppercase; letter-spacing:-.2px;*/ font-size: 15px; padding: 0 8px 0 9px;}

#horizontal ul li:hover a { background: #648f3d; color: #fff; text-decoration: none;/* transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s;*/ }
#horizontal ul li ul { display: none;}
#horizontal table { margin: 0; border-collapse: collapse; font-size: 12px; position: absolute; top: 0; left: 0; }
#horizontal ul li:hover ul li { padding: 0px; }

/* specific to non IE browsers */
#horizontal ul li:hover ul { display: block; position: absolute; top: 40px; margin-top: 0px; left: 0; width: 300px; z-index: 1000; padding: 0px;  height: auto; box-shadow: 0px 5px 5px rgba(0,0,0,.2); }
#horizontal ul li:hover ul li a { background: #f4f7e8; display: block; text-align: left; color: #4b7823; font-size: 13px; /*font-weight: bold;*/ text-decoration: none; text-transform: none; border: none; min-height: 15px; height: auto; line-height: 15px; padding: 5px 15px 5px 15px; width: 270px; font-family:Arial, Helvetica, sans-serif; }
#horizontal ul li:hover ul li a:hover { color: #FFF; background: #648f3d; }

/* specific to IE5.5 and IE6 browsers */
#horizontal ul li a:hover ul { display: block; text-align: left; position: absolute; top: 40px; t\op: 39px; left: 0; marg\in-top: 1px; z-index: 1000;}
#horizontal ul li a:hover ul li a {background: #f4f7e8;  display: block; text-align: left; color: #4b7823; text-decoration: none; text-transform: none; border: none; min-height: 15px; height: auto; line-height: 15px; padding: 5px 15px 5px 15px; width: 270px; w\idth: 270px; font-size: 13px; font-family:Arial, Helvetica, sans-serif; box-shadow: 0px 5px 5px rgba(0,0,0,.2); }
#horizontal ul li a:hover ul li a:hover { color: #fff; background: #648f3d; font-size: 12px; }

/********** SLIDESHOW **********/

#slideshow { margin: 0px auto 10px auto; width: 960px; height: 350px; overflow:hidden; z-index: 800; display:block; }
#slideshow img { z-index: 800; height: 350px;}
#nav { text-align: right; padding: 10px 10px 0px 0px; position: relative; z-index: 900; margin-top: -62px; height: 42px; line-height: 32px; overflow: visible/*hidden*/; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; /*background:#202918;*/ }
#nav a { margin: 0 0 0 4px; padding: 3px 7px 3px; line-height: 18px; text-decoration: none; font-size: 12px; line-height: 32px; font-weight: normal; color: #333; font-family: Arial, Helvetica, sans-serif; z-index: 901; background: #fff; }
#nav a.activeSlide { color: #fff; font-weight: bold; background: #000;}
#nav a:focus { outline: none; }
#slide_caption{ width:auto; float:left; color:#fff; padding:0 0 0 18px; margin:0; font-size: 22px; position:absolute; z-index:1000; margin-top:-50px; display: none; }


/********** MEMBERS SECTION **********/

.member-links ul { margin: 0px 0px 15px 0px; padding-left: 0; white-space: nowrap; width: 100%; overflow: hidden; }
.member-links li { float: left; list-style-type: none; line-height: 21px; margin: 0px 0px 10px 0px; padding-bottom: 0px; }
.member-links a { display: inline-block; margin: 0 2px 0 0;  padding: 6px 10px; font-size: 14px;}
.member-links a:link, .member-links a:visited { color: #000000; background-color: #eef7cd; text-decoration: none; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.member-links a:hover { color: #fff; background-color: #648f3d; text-decoration: none; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }

#member_orders .past-orders-wrapper ul { list-style-type: none; margin: 10px 0 0; padding: 0px;  border: 1px solid #ccc; border-width: 0 0 1px; clear: both; }
#member_orders .past-orders-wrapper li { list-style-type: none; width: 100px; margin: 0; padding: 10px 0; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; _height: 20px; }
#member_orders .past-orders-wrapper li.header-date, #member_orders .past-orders-wrapper li.order-date { width: 20%; text-align: center; }
#member_orders .past-orders-wrapper li.header-orderno, #member_orders .past-orders-wrapper li.order-orderno { width: 25%; }
#member_orders .past-orders-wrapper li.header-total, #member_orders .past-orders-wrapper li.order-total { width: 25%; text-align: center; }
#member_orders .past-orders-wrapper li.header-reorder, #member_orders .past-orders-wrapper li.order-reorder { width: 25%; text-align: center; }

#electronic_delivery .downloads-wrapper ul { list-style-type: none; margin: 10px 0 0; padding: 0px;  border: 1px solid #ccc; border-width: 0 0 1px; clear: both; }
#electronic_delivery .downloads-wrapper li { list-style-type: none; width: 100px; margin: 0; padding: 10px 1%; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; _height: 20px; }
#electronic_delivery .downloads-wrapper li.header-orderno, #electronic_delivery .downloads-wrapper li.download-orderno { width: 12%; }
#electronic_delivery .downloads-wrapper li.header-date, #electronic_delivery .downloads-wrapper li.download-date { width: 12%; text-align: center; }
#electronic_delivery .downloads-wrapper li.header-desc, #electronic_delivery .downloads-wrapper li.download-desc { width: 30%; text-align: center; }
#electronic_delivery .downloads-wrapper li.header-expire, #electronic_delivery .downloads-wrapper li.download-expire { width: 12%; text-align: center; }
#electronic_delivery .downloads-wrapper li.header-download, #electronic_delivery .downloads-wrapper li.download-download { width: 20%; text-align: center; }

#subscriptions .subscription-wrapper ul { list-style-type: none; margin: 10px 0 0; padding: 0px;  border: 1px solid #ccc; border-width: 0 0 1px; clear: both; }
#subscriptions .subscription-wrapper li { list-style-type: none; width: 100px; margin: 0; padding: 10px 1%; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; _height: 20px; }
#subscriptions .subscription-wrapper li.header-orderno, #subscriptions .subscription-wrapper li.subscription-orderno { width: 15%; }
#subscriptions .subscription-wrapper li.header-subscription, #subscriptions .subscription-wrapper li.subscription-subscription { width: 30%; text-align: center; }
#subscriptions .subscription-wrapper li.header-blank, #subscriptions .subscription-wrapper li.subscription-blank { width: 20%; text-align: center; }
#subscriptions .subscription-wrapper li.header-status, #subscriptions .subscription-wrapper li.subscription-status { width: 25%; text-align: center; }

#easy_reorder .reorder-wrapper ul { list-style-type: none; margin: 10px 0 0; padding: 0px;  border: 1px solid #ccc; border-width: 0 0 1px; clear: both; }
#easy_reorder .reorder-wrapper li { list-style-type: none; width: 100px; margin: 0; padding: 10px 1%; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; _height: 20px; }
#easy_reorder .reorder-wrapper li.header-remove, #easy_reorder .reorder-wrapper li.reorder-remove { width: 10%; }
#easy_reorder .reorder-wrapper li.header-desc, #easy_reorder .reorder-wrapper li.reorder-desc { width: 42%; }
#easy_reorder .reorder-wrapper li.reorder-desc img { float: left; }
#easy_reorder .reorder-wrapper li.reorder-desc div { margin-left: 60px; }
#easy_reorder .reorder-wrapper li.header-unit, #easy_reorder .reorder-wrapper li.reorder-unit { width: 12%; text-align: center; }
#easy_reorder .reorder-wrapper li.header-total, #easy_reorder .reorder-wrapper li.reorder-total { width: 12%; text-align: center; }
#easy_reorder .reorder-wrapper li.reorder-total input { text-align: center; width: 100%; }
#easy_reorder .reorder-wrapper li.header-buy, #easy_reorder .reorder-wrapper li.reorder-buy { width: 12%; text-align: center; }

#member_reminder_service .form-container ul { list-style-type: none; margin: 10px 0 0; padding: 0px;  border: 1px solid #ccc; border-width: 0 0 1px; clear: both; }
#member_reminder_service .form-container li { list-style-type: none; width: 100px; margin: 0; padding: 10px 1%; min-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; _height: 20px; }
#member_reminder_service .form-container li.header-name, #member_reminder_service .form-container li.reminder-name { width: 30%; }
#member_reminder_service .form-container li.header-email, #member_reminder_service .form-container li.reminder-email { width: 20%; }
#member_reminder_service .form-container li.header-event, #member_reminder_service .form-container li.reminder-event { width: 12%; text-align: center; }
#member_reminder_service .form-container li.header-date, #member_reminder_service .form-container li.reminder-date { width: 16%; text-align: center; }
#member_reminder_service .form-container li.header-remove, #member_reminder_service .form-container li.reminder-remove { width: 10%; text-align: center; }

.wishlist { float: left; padding: 10px 0 !important; width: 97%; }
.wishlist ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #ccc; border-width: 0 0 1px; clear: both; }
.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: 40%; 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-rank input { width: 30px; }

.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; }


/********** RECIPE PAGES **********/

#recipes .button { float:right; margin-bottom:10px; }
#recipes .login input[type=text] { width:200px; }
#recipes .login .button { float:none; margin:0; }
img.recipe-image { float:right; margin: 10px; }
.recipecat { width:100%; overflow:hidden; }
.recipecat .header { font-weight:bold; }
.recipecat .catname { display:inline-block; float:left; width:48%; padding:5px; }
.recipecat .catproduct { display:inline-block; float:right; clear:right; width:47%; padding:5px; }
#recipe_category .on, #recipes .on { background: #f4f7e8 ; }
#recipe .recipeinfo { padding:15px; }
#recipe h2 { padding:15px; margin:0; }
#recipe_view .sku { display:none; }


/********** Q AND A **********/

#qa_box { margin: 0px; padding: 0px; list-style-type: none;}
#qa_box li.ask {overflow: hidden;  margin: 2px; background: #fff; font-size: 16px;}
#qa_box li.question { overflow: hidden; margin: 2px;  background: #fff;  padding: 10px;  border: 5px solid #bbb; font-size: 16px;}
#qa_box li.answer { overflow: hidden; list-style-type: none; background: #f4f7e8; padding: 5px; margin: 2px; border: 1px solid #bbb;}
#qa_box li.response { overflow: hidden; list-style-type: none; background: #f4f7e8; padding: 5px; margin: 2px; border: 1px solid #bbb;  font-size: 12px;}
#qa_box hr.qa_rule { color: #999;  background-color: #f4f7e8; border: 0px; height: 1px;}
#qa_box .qa_info { font-size: 12px;}
#qa_box a { color: black; font-weight: bold; text-decoration: none;}
#qa_box .right { float: right; }
#qa_box textarea { width: 100%; }


/********** EXTRAS **********/

body.popup { padding:10px; }
#popup div { text-align: left; }
#popup p { margin-bottom: 15px; }
#popup div.col-1, #popup div.col-2 { width: 45%; float: left; overflow: visible; margin-right: 10px; }
.popupimage { text-align: center; padding: 20px 0; }
.popupbuttons { text-align: center; padding: 20px 0; }
.nowrap { display:inline; white-space:nowrap; }

div .additional-prod { float: left; display: block; margin: 10px 0px; padding: 0px 0px 10px 0px;  border: 1px solid #ccc; border-width: 1px 0px; overflow: visible; }

#member_checkout_container { float: left; width: 49%; }
#guest_checkout_container { float: right; width: 49%; }
#member_checkout_container .login-box, #guest_checkout_container .login-box { height:auto; }
#catalog_code_container { clear: both; }

#freeprod { padding: 10px; }
#freeprod input { margin: .25em 0; }

/* Hides fields to cover slow JS loading */
#s_state1, #s_state2, #s_state3, #s_state4, #s_state5,
#ca_province, #ca_province1, #ca_province2, #ca_province3, #ca_province4, #ca_province5,
#province, #province1, #province2, #province3, #province4, #province5,
#ca_shipping_province, #shipping_province,
#billing_state, #ca_billing_province, #billing_province { display:none; }

/* 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, #checkout_paypal .checkout_hide, #viewcart_freeprod .checkout_hide, #ship_calculator .checkout_hide, #cartitems .checkout_hide { display:none !important; }

/********** STATIC PAGES **********/

table.shipping { margin: 10px 0; width: 100%; }
table.shipping tr.gray { background: #eee; }
table.shipping td { padding: 3px 5px; }


/***FE Custom Page***/
#buy_area {width: 550px;}
#buy_area_left {width: 360px; float:left;}
#buy_area_right {width: 190px; float:right;}
#buy_area_right .prodprice {float:left; padding:10px 0;}

#attributes {padding-bottom:15px;}
#attributes select {margin-top:10px; }

#shippingSchedule {
    clear: both;
    font-size: 14px;
    padding: 1px 10px 10px 10px;
    width: 220px;
    display:none;}

#fe_zone_info {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #5c6575;
    border-radius: 0;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    text-align: center;
    top: 340px;
    width: 500px;
    z-index: 2000;
   display:none;
    left: 50%;
    margin-left: -165px; 
}

#animals_info {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #5c6575;
    border-radius: 0;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    text-align: center;
    top: 340px;
    width: 500px;
    z-index: 2000;
   display:none;
    left: 50%;
    margin-left: -165px; 
}

#frequency_info {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #5c6575;
    border-radius: 0;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    text-align: center;
    top: 340px;
    width: 500px;
    z-index: 2000;
   display:none;
    left: 50%;
    margin-left: -165px; 
}

#shipments_info {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #5c6575;
    border-radius: 0;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    text-align: center;
    top: 340px;
    width: 500px;
    z-index: 2000;
   display:none;
    left: 50%;
    margin-left: -165px; 
}
.popover_close_btn { background-image: url('/images/close_pop.png'); background-repeat: no-repeat; height:30px; width:30px; border: 0px;}
.close_popover { left: 485px; position: absolute;   top: -15px;}

.info_button { background-image: url('/images/info.png');  height:20px; width:30px;  border: 0px; background-repeat: no-repeat; background-color:transparent;}

.alert { color: #a62917; font-size: 18px; padding-top: 15px;}
.restrictions{ color: #a62917; font-size: 12px; padding-left: 7px; padding-top: 2px; padding-right: 5px; padding-bottom:2px; }
.restrictions_checkbox { color: #a62917; font-size: 12px; padding-left: 7px; padding-top: 2px; padding-right: 5px; float: right;  font-weight:bold;}

/***** RESONSIVE TABLED STYLES *********/
		.rTable {
		    	display: table;
		    	width: 100%;
		}
		.rTableRow {
		    	/*display: table-row;*/
		    	display: table;
				background-color: #f4f7e8;
				border: 1px solid #ccc;
				border-width:0 0 1px 0;
		}
		.rTableHeading {
		    	display: table-header-group;
		    	font-weight: bold;
				background-color: #4b7823;
		}
		.rTableFooter {
		    	display: table-footer-group;
		    	font-weight: bold;
				background-color: #DDD;
		}
		.rTableBody {
		    	display: table-row-group;
		}
				
			.rTableBody, .rTableRow, .rTableHeading, .rTableFooter{
			  	clear: both;
			}
			.rTableCell, .rTableHead, .rTableFoot {
			  	float: left;
			  	overflow: hidden;
			  	padding: 7px 1.8%;
			  	width: 45%;
			  	/*border: 1px solid #ccc;*/
			  	/*height: 17px;*/
			}
			.rTableCell{
			  	/*background-color: #f4f7e8;*/
			}
			.rTableHead{
			  	/*background-color: #4b7823;*/
				color:#fff;
			  	font-weight: bold;
			}
			.rTableFoot{
			  	/*background-color: #DDD;*/
			  	font-weight: bold;
			}
			.rTable:after {
			  	 visibility: hidden;
			  	 display: block;
			  	 font-size: 0;
			  	 content: " ";
			  	 clear: both;
			  	 height: 0;
			}
.Cell_1of2 {width:35%;}
.Cell_2of2 {width:57%;}
.main_cat_desc_left {width:496px; float: left; padding-right:17px; border-right:1px solid #ccc;}
.side_cat_desc_right { width:196px; float:right;}

.fe_attribute_box {width:400px;}

/****** END ARBICO NEW 2016 STYLESHEET************/

/****Home Page Email Popup****/


#dim {
    position:fixed;
    display:none;
    top:0;
    bottom:0;
    left:0;

    right:0;
    background-color:#333333;
    opacity:0.8;
    z-index:1006;
}


#popup_overlay_box {
    display: block;
    overflow: visible;
    width: 2px;
    left: 0;
    top: 0;
    text-align: center;
    position: absolute;
    z-index: 1007;
   // height: 2000px;

}

#popup_container_email {
    width: 690px;
    background-color:#ffffff; 
    /*background-image:url(http://cdn.aprilcornell.com/images/bg-email-signup-popup2.png);
	background-repeat:no-repeat;*/
    top: 100px;
	height:420px;
    /*border: 2px solid black;
    border-radius: 10px 10px 10px 10px;*/
    display: block;
    margin: 0 auto;
    overflow: visible;
    padding: 0px;
    position: relative;
    z-index: 1007 !important;
}

.close_email_popover { left: 650px; position: absolute;   top: 1px;}
.overlay_close_btn {
    background: -moz-linear-gradient(center top , #5E94C7, #003F83) repeat scroll 0 0 transparent;
    border: 1px solid #00366F;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}


#bad_address {
    display: block;
    height: 10px;
    z-index: 1008 !important;
    width: 250px;
    font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif;
    font-size: 11px;
    border: 0px solid #B7B7B7;
    border-radius: 10px 10px 10px 10px;    
    color: #ff0000;
    background-color:none; 
    vertical-align: middle;
    margin-left:0px;
    margin-top:5px;
    position: relative;
    padding-top:3px;

}
#email_pop_logo {padding-top: 30px; padding-left: 0px;}
.popover_header {clear:both; padding:10px 25px 1px 25px; font: 28px Tahoma, Verdana, Helvetica, Arial, sans-serif; }
.popover_body {clear:both;  padding:0px 33px 1px 33px; font: 14px Tahoma, Verdana, Helvetica, Arial, sans-serif;}
.popover_form {clear:both; width:100%; padding:10px 0px 0px 0px;}

.email_popover_close_btn { 
	background: #fff;
    border: 0px solid #747687;
    color: #00677f;
    cursor: pointer;
    font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif;
    font-size: 12px;
    text-align: center;
    text-decoration: underline;
    vertical-align: middle;
 }
 
 .email_popover_close_btn_top {
    background: none repeat scroll 0 0 #fff;
    border: 0 solid #747687;
    color: #999;
    cursor: pointer;
    font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.email_popover_close_btn a:hover { background: #f3fcc0; text-decoration:none; }

.email_popover_join_btn { 
    background: #64913d;
    border: 0px solid #64913d;
    color: #fff;
    cursor: pointer;
    font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif;
    font-size: 12px;
	font-weight:bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
	padding:3px;
 }
.email_popover_join_btn:hover { background: #6dad16; }

.popover_hero_image {float: left; padding: 15px 7px 15px 15px;}
.popover_hero_image img {}
.popover_content {width:330px; float:left;}

/*****END POPOVER STYLES*****/