.mobile { display: none; }

body { /*background: url(images/site_bg.jpg) center top no-repeat #272727;*/background: #fff; color: #000000; font: 14px 'Lato', sans-serif; }
body, select, input, textarea { color: #000; }

a { color: #029f45; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

@font-face {
    font-family: "Lato Black";
    src: url("/downloads/Lato-Black.ttf");
}
/*header * {border: 1px solid black;}/*
/********** LAYOUT STYLES **********/
.ship_promo {font-size: 24px; text-transform: capitalize; float: left; margin-top: 30px; font-family: 'Lato Black';position: absolute; max-width: 280px;}
.title {font-family: 'Pacifico', cursive; font-weight: normal;}
#container { margin: 0 auto; min-width: 990px;}
.nopad {padding: 0px 0px 0px 0px;}
#index #main { background-color: #fff; padding:0; width: 100%;}
#main {width: 990px; margin: 0px auto;}
#header {background-image: url("/images/header-bgd.png"); min-width: 990px;
    padding: 0px 15px;}
#container > header > section { width: 990px; overflow: hidden; margin: 0 auto; /*background-color: #fff;*/ margin-top:0; position: relative; }
/*header.clearfix:before { width: 100%;     min-width: 990px; position: absolute; background-image: url("/images/header-bgd.png"); background-size: 100% 125%; height: 208px; left: 0; top: -24px; padding: 0px 15px;}*/
#container > header > section > figure { float: left; padding: 0px; margin: 30px 0px 25px 330px; }
#container > header > section > figure > figcaption { font-size: 13px; font-weight: bold; font-style: italic; color: #666666; margin: 0px; }
#container > header > section > figure > img { max-height: 127px; }
#minicart_container {/* position: absolute; bottom: 0; right: 15px;*/ float: right; }
#minicart { /*float:right; margin:0; padding:12px 0 12px; border: 1px solid #ccc; border-bottom:0; font-weight: bold;*/  color: #029f45; font-family: 'Lato Black', sans-serif; }
#minicart a#vcart, #minicart img {text-decoration:none; color:#000; margin: 0 5px; font-family: 'Lato', sans-serif;  line-height: 24px; }
#container > header > section > nav { width: 790px; text-align: right; display: block; height: 26px; margin-top:5px; font-weight:bold; position: absolute; bottom: 12px; right: 0; }
#container > header > section > nav > a { display: block; float: right; /*background: #999999;*/ color: #000; /*padding: 5px 0px 5px 20px;*/ text-decoration: none; vertical-align: bottom; margin: 0px 5px 0px 5px; line-height: 24px;}
#container > header > section > nav > a:hover { /*text-decoration: underline;*/ }
#container > header > section > .phone { font-size: 24px; text-align: right; margin-top: 30px; font-family: 'Lato Black';}
#container > header > section > #tagline{ margin: 14px 0px 27px; padding:0; text-align:right; float:right; font-size: 20px; font-family: 'Droid Serif', serif; clear:right; color: #58abcb; font-style:italic;}
header #shrlnk {position: absolute; bottom: 12px;width: 270px;}
header #shrlnk a {text-decoration:none;}
header #shrlnk .shrimg img {/*border: 1px solid #000*/; width: 25px; height: 25px; margin: 0px 10px 0 0;}
header #shrlnk .fb_iframe_widget { position: absolute; top: 3px; right: 0; }

#container > footer { margin: 0px 0px 0px 0px; position: relative; /*background-color: #0f0100;*/ background: #195775; /*padding-bottom: 30px;*/  padding: 0px 15px; min-width: 990px; }
#container > footer > section {  width: 990px; overflow: hidden; margin: 0 auto; padding: 0; }
footer .footer-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 310px; padding: 15px 0px; color: #fff; margin-left: 26px; }
footer a.fullsite { display: block; text-decoration: none; margin: 0; text-align: center; font-size: 18px; padding: 15px 0; /*background: #58abcb;*/ color: #fff; position: absolute; bottom: 0px;}

aside#left_column {
  width: 245px;
  float: left;
  background: #fff;
  display: none;
}

#index #content { float: left; /*clear: right;*/ width: 100%;}
#content {
  min-height: 400px;
}
#category #content, #product #content { width: 730px; float: right; }
#category aside#left_column, #product aside#left_column { display: block; }

#checkout #content, #checkout_billing #content, #checkout_payment #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%; }

#contact .contact_info { float: left; margin-right: 20px;}
#contact .form-container {float: left;}

#storelocations div.row {clear: both;}
#storelocations div.col1, #storelocations div.col2, #storelocations div.col3 {float: left;}
#storelocations div.col1 {width: 100px;}
#storelocations div.col2 {width: 150px;  margin: 0px 20px;}
#storelocations div.col3 {width: 200px;}

footer   #quicklink { width: 170px; margin-left: 0px; margin-bottom: 50px;}
footer   .footercats { width: 140px; margin-left: 25px;}
footer   .footercats  ul{ list-style:none;}
footer   .footercats  ul li{ margin:0; padding:0;}
footer   #compinfo { width: 100%; margin-left: 0px;}
footer   #compinfo div { margin-left: 0px; color: #bbe4f8; width: 33%; float: left; position: relative;}
footer .footer-col a { line-height: 20px; text-decoration:none; color: #fff; font-size: 12px;}
footer .footer-col span {margin-right: 10px; color: #34a1b0; float: left;}
footer .footer-col div {margin-left:20px;}
footer .footer-col #freephone{ width:auto; float: left; }
footer .footer-col #fax{ margin-left: 125px; }
footer .footer-col #secure{ width:100%; float: left; height: 50px; /*margin-right:13px;*/ text-align: center; margin-top: -55px;}
footer .footer-col #verif {float: right; text-align: right;}
footer .footer-col p  { line-height: 20px; font-size: 12px;}
footer .footer-col h4 { font-family: 'Lato'; font-size: 12px; font-weight: normal; margin-left: 20px;}
footer .footerinfo {width: 275px; margin: 70px 0px 0px 35px; color: #bbe4f8;}
footer .footerfb {width: 310px; margin: 70px 0px 0px 26px;}

footer #compinfo:before {content:""; background-color: #114761; height: 77px; width: 100%; position: absolute; bottom:0; left: 0;}
/****************  HOME PAGE CSS *******/

.promo-banner { text-align: center; background: #03c781; color: #272727; font-size: 15px; padding: 10px; }
.promo-banner a { color: #000; }

#you_may_also_like, #featured_products , #best_sellers , #new_products, #suggested_products  { /*border: 1px solid; border-color: #ccc;*/ margin-bottom: 20px; width: 990px; margin: 0 auto; clear:both;}
#you_may_also_like header, #featured_products header ,  #best_sellers header,  #new_products header, #suggested_products header   { /*height:45px;*/  /*background-color: #58abcb;*/}
#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:190px; border:0; margin: 10px 7px 0px 0px;}
#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:170px; text-align:center; font-size:16px; padding: 8px 0 8px; }
#featured_products ul.grid li.first {margin-left: 0px;}
#featured_products ul.grid li.fifth {margin-right: 0px;}
#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: #029f45; font-weight: bold; font-size: 14px;}
#cap { width:auto; /*float:left;*/ }
#seemore { float:right; background-color: #145b76; 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 #145b76; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 20px #000000; margin: 0 auto; padding: 10px; width: 450px; }
#minicart_overlay .productname { color: #145b76; font-size: 22px; font-weight: bold; margin: 3px 10px 18px; text-transform: capitalize; text-align: left; }

#promo-boxes { margin: 10px auto; width: 990px; padding: 10px 15px; background-color: #f0f0f0;}
#promo2-boxes { margin: 0px auto; width: 990px; padding: 10px 15px; background-color: #f0f0f0;}
#promo-boxes:before, #promo2-boxes:before {background-color: #f0f0f0; content: ""; height: 285px; width: 100%; position: absolute; left: 0; min-width: 990px; margin-top: -10px;}
#promo-boxes div, #promo2-boxes div { float: left; width: 325px; text-align: center; height: 265px; position: relative; margin: 0px 7.5px 0 0; overflow: hidden; color: #fff; line-height: 24px; }
#promo-boxes h2, #promo2-boxes h2 {color: #fff; font-size: 30px;}

#promo-boxes div.column1 {background-image: url("/images/what_is.png");}
#promo-boxes div.column1 img {margin: 40px 0px 20px 0px;}
#promo-boxes div.column1 div {margin: 0px 35px 0px 35px; width: 255px; height: 50px;}

#promo-boxes div a span, #promo2-boxes div a span {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index:1000;}

#promo-boxes div.column2 {background-color: #e9336a;}
#promo-boxes div.column2 img {margin: 30px 0px 20px 0px;}
#promo-boxes div.column2 div {margin: -6px 35px 0px 35px; width: 255px; height: 50px;}
#promo-boxes div.column3 { margin-right: 0; background-image: url("/images/fun_raiser.png"); }
#promo-boxes div.column3 div {margin: 0px 70px 0px 70px; width: 185px; height: 50px;}
#promo-boxes div.column3 h2 {margin-top: 160px;}

#promo-boxes div img { /*width:100%; height: auto;*/ }
#promo-boxes header { background: rgba(0, 0, 0, 0.45); position: absolute; width: 235px; bottom: 0; }
#promo-boxes header h2 { font-weight: bold; color: #fff; padding: 5px 0; margin: 0; }

#promo2-boxes div.column1 {background-image: url("/images/refer_store.png");}
#promo2-boxes div.column1 img {margin: 40px 0px 20px 0px;}
#promo2-boxes div.column1 div {margin: 0px 35px 0px 35px; width: 255px; height: 125px;}
#promo2-boxes div.column1 h2 {margin-top: 100px;}
#promo2-boxes div.column2 { background-image: url("/images/charitable.png"); }
#promo2-boxes div.column2 img {margin: 30px 0px 20px 0px;}
#promo2-boxes div.column2 div {margin: 0px 35px 0px 35px; width: 255px; height: 125px;}
#promo2-boxes div.column2 h2 {margin-top: 100px;}
#promo2-boxes div.column3 { margin-right: 0; background-image: url("/images/bus.png");  }
#promo2-boxes div.column3 div {margin: 0px 35px 0px 35px; width: 255px; height: 125px; color: #000;}
#promo2-boxes div.column3 h2 {margin-top: 100px; color: #029f45;}

#newsletter input[type="submit"] {font-weight: bold; color: #029f45; background-color: transparent; border: none; margin: -60px 0px 0px 220px; font-size: 18px;}
#newsletter-block { width: 100%; margin: 10px 0px; overflow: visible; height:65px; background: #272727;}
#newsletter-block.lower { clear: both; width: 100%; margin: 10px 0px; overflow: visible; height:65px; background: #272727;}
#newsletter-block div { padding: 0px 10px; margin-top: 10px; /*width: 30%;*/ display: inline-block; vertical-align: top; min-height: 33px; border-left: 1px solid #888; }
#newsletter-block div:first-child { border-left: 0; }

#newsletter-block div.column1  { color:#fff; font-family: 'Droid Serif', serif; padding-top:5px; margin-left: 25px; float: left; }
#newsletter-block div.column1  #nwsl { font-family: 'Droid Serif', serif; font-size:18px; margin: 0px 12px 0 0; display: block;}
#newsletter-block div.column1  #nwsl a{text-decoration: none; color: #58abcb; cursor: pointer;}
#newsletter { float: left; margin-top: 5px; }
#newsletter input[type="email"] { width: 230px;font-style: Italic; font-family: 'Lato', sans-serif; color: #818183; }
#newsletter-block div.column3  { float:right; width:300px; padding-top: 12px; }
#newsletter-block div.column3  #shr{ font-family: 'Droid Serif', serif; 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;}

#welcome {position: relative; background-image: url("images/welcome.png"); background-repeat: no-repeat; margin: 60px auto 0px auto; width: 100%; min-width: 1020px; max-width: 1800px; min-height: 382px;}
#welcome div {width: 990px; margin: 0 auto; text-align: center;}
#welcome h1 { margin: 0px 0px 13px 0px; font-family: 'pacifico', cursive; color: #fff; /* font-style: italic; */ /* font-weight: normal; */ font-size: 48px; padding-top: 65px;}
#welcome p { font-size: 14px; line-height: 24px; color: #fff; width: 620px; margin: 0 auto;}

/********** 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 #145b76; display: none; left: 35%; margin: 0 auto; position: fixed; top: 150px; width: 30%; z-index: 8008 !important; }
#popcontainer div#close { background: url("http://cdn.peacefrogs.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 #145b76; }

#breadcrumb { padding: 10px 0px 10px 0px; font-size: 14px; color: #000; text-transform: capitalize; width: 990px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; font-weight: bold;}
#breadcrumb a:link, #breadcrumb a:visited { font-size: 14px; color: #029f45; text-transform: capitalize; text-decoration:none; }
#breadcrumb a:hover, #breadcrumb a:active { font-size: 14px; color: #191970; text-decoration: underline; }
#breadcrumb .separator {padding:0 5px;}

#category_options {/*background: none repeat scroll 0 0 #58abcb;*/ font-weight: normal; /*color:#fcffff;*/ padding: 15px 0px; margin-top: 10px; line-height: 43px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; }
#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;*/ font-weight: bold; text-transform: uppercase; }
#category_options .page, #category_options #sort .sort_by {/*color:#fcffff;*/ margin-right:15px; text-transform: uppercase; float:left; padding-top:1px;}
#category_options .page {margin-right:5px;}
#sort select{ padding: 0 0 0 2px; color:#525252; border: 1px solid #cccecd; }
#category_filter { /*display: none;*/ 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:#145b76;*/ clear: both; text-align: right; border-top: 1px solid #e6e6e6; margin: 10px 0px 0px 0px; padding: 20px 0px;}
#prev-next2 span { /*color:#145b76;*/ text-transform: uppercase; }
#prev-next2 .pagenumber a, #prev-next2 a { /*color:#58abcb;*/ text-transform: uppercase; font-weight: bold; }
#prev-next2 .pagenumber a:hover, #prev-next2 a:hover { text-decoration:none; }

/********** HEADING STYLES **********/

h1 { font-size: 30px; font-weight: normal; color: #000; margin: 0px 0px 20px 0px; font-family: 'pacifico', cursive; }
#cat h1 { font-size: 30px; font-weight: normal;  margin: 10px 0 0; padding-bottom:10px; }
#product .content h1, #product_builder .content h1 { /*color: #145b76;*/ /*font-size: 24px;*/ font-weight: bold; margin: 0 0 5px; /*text-transform: uppercase;*/ font-family: 'Lato', sans-serif;}
#product .content-only .content h1 {margin-bottom: 20px;}
footer .footer-col h3 { color: #fff; font-family: 'pacifico', cursive; font-weight: normal; font-size: 24px; margin: 15px 0;}

h2 { font-size: 30px; font-weight: normal; color: #272727; margin: 0px 0px 20px 0px; font-family: 'pacifico', cursive;}
#category_menu h2,
#category_filter h2,
#newsletter h2,
#recently_viewed h2, #related_products h2,
#shop_by_price h2,
#minicart h2 { /*background-color: #145b76;*/ /*font-family: 'Droid Serif', serif;*/ /*text-transform: uppercase;*/ /*padding: 8px 10px;*/ font-size: 30px; font-weight: normal; /*color: #ffffff;*/ margin: 0px 0px 10px 0px; }
#viewcart #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: #000; */ font-family: 'pacifico', cursive; font-size: 36px;   margin: 40px 0px 50px 0px; /* text-transform: uppercase; */ text-align: center;}
#welcome h2 { font-size: 14px; text-transform: uppercase; margin: 15px 0px 10px 0px; }
.display h2, .grid h2, .cat-thumbs h2 {color: #029f45;  font-size: 14px;  font-weight: bold;  margin: 5px 0 10px; font-family: 'Lato', sans-serif;}

#category_menu h2 { background-color: #145b76; font-family: 'Droid Serif', serif; text-transform: uppercase; padding: 8px 10px;}

/********** LEFT NAV **********/

#category_menu,
#category_filter,
#shop_by_price,
#newsletter { margin-bottom: 10px; }

#category_menu nav { margin-top: 15px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; }
#category_menu ul, 
#recently_viewed ul, #related_products ul { list-style-type: none;   }
#category_menu ul {margin-top: -10px; /*background-color: #f0f0f0;*/}

#category_menu li, #recently_viewed li, #related_products li { padding: 7px 0px; margin: 0px 0px; /*border-bottom:1px dotted #ccc;*/ }
#category_menu li span {float: left; color: #029f45; font-size: 18px; font-weight: bold; margin-right: 10px;}
#category_menu ul li ul li div { margin-left: 20px;}
#category_menu li.active  , #category_menu li.category_top_active{ font-weight:bold; }

#category_menu ul li ul {padding-top:10px;}
#category_menu nav > ul > li > ul {/*border-bottom: 1px solid #e6e6e6; padding: 0px 0px 15px 0px;*/}

#category_menu ul a { text-decoration: none; color: #000; display: block; font-size:14px; font-weight: normal;}
/*#category_menu ul li ul { display: none; } un-comment to hide subcategories */

#recently_viewed ul img, #related_products ul img { width: 85px; height: 85px; border: 1px solid #e6e6e6; }
#recently_viewed, #related_products {margin-top: -10px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; padding-bottom: 15px; }

#viewcart #related_products { /*border: 1px solid; border-color: #ccc;*/ margin-bottom: 20px; width: 990px; margin: 0 auto; clear:both;}
#viewcart #related_products li { ist-style-type: none; width: 170px; margin: 0px 12px; min-height: 200px; border: 0px solid #ccc; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; _height: 200px; float: none;clear: none; }
#viewcart #related_products li .image { float: none; margin: 0; text-align: center; }
#viewcart #related_products li .image img { width: 150px; height: 150px; }
#viewcart #related_products li .info { width:170px; text-align:center; font-size:16px; padding: 8px 0 8px; margin: 0; }
#viewcart #related_products li .info a { text-decoration: none; color: #029f45; font-weight: bold; font-size: 14px;}
#cap { width:auto; }

.gift_promo {margin-bottom: 20px; font-size: 18px;}
.gift_promo h2 {font-size: 30px; margin-bottom: 5px;}
.gift_promo span {float: left; color: #029f45; font-weight: bold; padding-right: 10px;}
.gift_promo div {margin-bottom: 10px;}
.gift_promo a {text-decoration: none; color: #000;}
/********** PRODUCT/CATEGORY **********/

#category .qty, #product .product .qty, #product_builder .product .qty, .child-wrapper li.child-qty .qty, #viewcart .qty, #express_order .qty { width: 30px; float: left; margin-top: 10px;}
#product .product .qty-line input[type=number] {padding: 1px 8px; height: 20px;}
.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: #a9a9a9; font-size: 12px; display: inline-block;}
#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; display: inline;}
#product .product .price input.dynamic_qty, #product_builder .product .price input.dynamic_qty { font-size: 24px; font-family: 'Permanent Marker', cursive; color: #029f45; margin-top: 5px; float: left; max-width: 180px;}
#product .product .image { float: left; width: 310px; padding: 0px; margin: 0px 10px 0 0; overflow: hidden; }
#product .product .content-only .image {float: right; margin: 0px 15px;}
#product .product .image img { max-width: 320px; max-height: 320px; }
#product .product_image {width:320px;}
#product .recipent_mapping_shipto { float: left; width: 70px; color:#232323; font-size:16px; font-family: 'Droid Serif', serif; 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: 405px; }
#product .product .content-only .info {float: none; width: 100%;}

#product .product .info .content, #product .product .info .order {overflow: hidden;}
#product .product .form, #product_builder .product .form { margin: 10px 0px 0px 0px; overflow: hidden;}
#product .product .attributes, #product .product .qty-line, #product .product .price {overflow: hidden;}
#product .product .form span, #product_builder .product .form span {float: left; margin-right: 20px; line-height: 25px; margin-top: 12px; font-weight: bold; clear: both;}
#product .product .form span.qty-label, #product_builder .product .form span.qty-label {margin-right: 54px;} 
#product .product .form span.price-label, #product_builder .product .form span.price-label {margin-right: 35px;} 
#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 { display: block; }
#product .product .attributes select[name=option2] { /*display: inline;*/ float: left;}
#product .product .attributes a {text-transform: uppercase; text-decoration: none;  margin-left: 10px; float: left; margin-top: 11px;}
#product .product .btn-wishlist, #product .product .btn-reorder { margin-top: 5px; float: right; clear: right; }
#product .product .rev-stars {display: inline-block; color: #029f45;}
#product .product .rev-stars .prod-rating {display: inline-block; margin-left: 40px;}
#product .product .rev-stars .review_links {display: inline-block; margin-left: 10px;}
.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;}
#product .product .btn-add {float: right;}
#product .product .info .prod-desc {clear: both; margin-top: 30px;}
#product .product .info .prod-desc a {text-decoration: none; color: #000;}
#product .product .info .prod-desc span { color: #029f45; font-weight:bold; margin-right: 10px;}
#product .product .info .prod-desc .detail {margin-top: 10px;}
#social {float: right;  /*margin-left: 25px;*/  margin-top: 5px; width: 150px; }

div.content-only {}
div.content-only .info .prod-desc {  text-align: left; overflow: hidden;}
.content-only  .info .read_more_link{float: right;}

.red, .req, .sale-price { color: #C00; }
#product .product .form label[for=gift_certificate_send] { margin-right: 15px; }
#product .product .form span.req { margin: 0; }

#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: 15px 5px 5px 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:60%; color:#145b76 }
.child-wrapper li.child-desc { font-size:16px;}
.child-wrapper li.header-price, .child-wrapper li.child-price { font-weight:bold; color:#3a3a3a;  width: 20%; text-align: center; }
.child-wrapper li.header-qty, .child-wrapper li.child-qty { width: 15%; text-align: right; }
.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:#145b76;
  font-size: 16px;
  font-family: 'Droid Serif', serif;
  display: block;
  position: relative;
  top: 1px;
  cursor: pointer;
  padding: 15px 30px;
  margin: 0 1px;
  background: none repeat scroll 0 0 #f0f0f0;
  border: 1px solid #ccc;
}
#tab-row .active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#tab_contents { clear: both; border: 1px solid #ccc; background: #FFF; margin-left: 1px; padding:30px 20px;}
#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; }

#product #reviews {border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 20px 0px 20px; margin: 20px 0px;}
#product #reviews img {float: left;}
#product #reviews .rev-title {color: #029f45; float: left; margin: 0 0 10px 20px; text-transform: capitalize;}
#product #reviews .rev-info {color: #898989; font-size: 12px; clear: both; padding: 15px 0px; font-weight: bold; text-transform: capitalize;}
#product #reviews .rev-comments { clear: both; }
#product #reviews .content_box { margin: 20px 0; }

#recently_viewed li, #related_products li { float: left; clear: both; margin-bottom: 10px; width: 245px; }
#recently_viewed .image, #related_products .image { float: left; margin-right: 10px; }
#recently_viewed .info, #related_products .info { width: auto; text-align: left; margin: 0px; font-size: 18px; margin-left: 97px;}
#recently_viewed li a, #related_products li a {text-decoration: none;}
.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 div.child { display: none; }
.display li .order {float: left; width: 155px; margin-left: 10px; text-align: right; }

#cat .grid li { border: none; margin-top: 20px; }
.grid li { list-style-type: none; width: 170px; margin: 0px 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: 0 10px; }
.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: 0px; text-align:center; font-weight: normal; margin-top: 0px;}
.grid li .order, .grid li .content div.rev-stars { display: none; }
.grid li .info { margin-top: 20px; }
.grid li .info a {text-decoration: none; }
.grid li .image { /*width: 150px;*/ height: 150px; }
.grid li .image img { max-width: 150px; max-height: 150px; }
.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 .price { font-family: 'permanent marker',cursive; font-size: 24px; margin: 15px 0px 10px 0px; }
.rev-stars a{font-size:12px; /*color:#145b76;*/ /*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: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 170px; margin: 10px 13px 10px 0px; }
.cat-thumbs li.fourth {margin-right: 0px;}
.cat-thumbs li .image { padding: 10px 10px 0px 10px; width: 150px; height: 150px; margin: 0px auto; text-align: center; }
.cat-thumbs li .image img {max-width: 100%; height: 100%;}
.cat-thumbs li .info { padding: 10px; font-size: 12px; width: 150px; margin: 0px auto; text-align: center; }
.cat-thumbs li a {text-decoration: none;}
#cat .display, .cat-thumbs {/*border:1px solid #ccc;*/}
#cat p {/*color:#2d2d2d;*/ overflow: hidden; font-size: 18px; line-height: 30px; }
#cat p img {margin-bottom: 10px;}
.thumb-product { padding: 10px; }
#recently_viewed .thumb-product, #related_products .thumb-product { padding: 0px; }
#people_who_purchased_this_product_also_bought .grid li .price { display: none; }

#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:#000; font-weight: bold;}
.product .enlarge .popup-link {/*color:#145b76;*/ text-decoration:none; font-weight: bold; }
.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; clear: both;}
.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; }

#textpopup {background-color: #fff; margin: 50px auto; width: 500px; padding: 20px; position: relative; z-index: 1001; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer;}

/********** CHECKOUT **********/

.header-row { background: #f0f0f0; }

.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: 670px; }
#steps ol { text-align: center; margin: 0px auto; }
ol#progress { list-style:none; background:#f0f0f0; 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:#f0f0f0; color:#000; /*text-shadow:1px 1px 1px rgba(0,0,0,0.25); */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: #29688a; 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; }

#promo-box { text-align: center; border: 1px solid #ccc; 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 0 0; padding: 0px;  border: 1px solid #ccc; border-width: 0 0 1px; clear: both; }
#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: middle; zoom: 1; _height: 20px; }
#viewcart .cart-wrapper li.header-remove, #viewcart .cart-wrapper li.cart-remove { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-desc, #viewcart .cart-wrapper li.cart-desc { width: 48%; }
#viewcart .cart-wrapper .cart-image { width: 50px; height: 50px; 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; }

.update-total { overflow: hidden; display: block; margin: 10px 0px; }
.update-total div { float: left; margin: 0 10px 0 0; }
.update-total div.update_msg { width: 50%; overflow: hidden; }
.update-total .total, .update-total #total { float: right; text-align: right; overflow: visible; font-size: 16px; font-weight: bold; }
.update-total #total { width: 80px; }

.buttons { min-height: 70px; overflow: visible; display: block; margin: 10px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #ccc; 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; }
.confirmation div.btn-continue { float: left; }

.ship_estimator_header { min-height: 15px; _height: 15px; border: 1px solid #ccc; border-width: 1px 0px; margin-bottom: 10px; padding: 10px 5px; overflow: hidden; clear: both; background: #f0f0f0; }
.ship_estimator { padding: 0px 5px 0px 5px; min-height: 15px; overflow: visible; clear: after; }
.ship_estimator_header .col-1, .ship_estimator .col-1 { float: left; min-height: 15px; _height: 15px; width: 50%; overflow: visible; }
.ship_estimator_header .col-2, .ship_estimator .col-2 { float: left; min-height: 15px; _height: 15px; width: 50%; overflow: visible; text-align: right; }
.ship_estimator .col-2 p { padding: 0; }

.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: #f0f0f0; }
.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: #f0f0f0; overflow: hidden; }
.confirmation .heading input { float: right; }
.confirmation .heading h3 { float: left; width: auto; line-height: 29px; font-size:13px; }

#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: 14px; 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: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;;
}
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: #58abcb; box-shadow: 0px 1px 5px #58abcb; -webkit-box-shadow: 0px 1px 5px #58abcb; -moz-box-shadow: 0px 1px 5px #58abcb; 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; }
div.form-container legend { font-weight: bold; color: #666; }
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: #f0f0f0; }
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 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; }
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-right: 5px; width: 130px; 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 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; }

/********** 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: 'Lato', sans-serif;
  padding: .5em 2em .55em;
  border:0;
  border-radius: 0;
  text-shadow: 0px 0px 0px rgba(0,0,0,.6);
}
.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: 20px; font-weight: normal; padding: 0.8em 1.42em;  text-transform: uppercase; }
.medium { font-size: 14px; font-weight: normal; padding: 10px 15px; text-transform: uppercase; }
.small { font-size: 13px; padding: .3em 1em .375em; font-weight: bold; }

/* STYLE1 button */
.style1, .style1:visited { color: #fff; border: solid 1px #029f45;  background: /*url("/images/gradient.png") repeat-x scroll 0 0 */#029f45; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; text-transform: uppercase; padding: 10px 15px;}
.style1:hover, .style1:active, .style1:focus { /*background: url("/images/gradient.png") repeat-x scroll 0 0 #03c781;*/background-color: #03c781 !important; border: solid 1px #03c781 !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 */ transparent; color: #029f45; border: solid 1px #029f45; 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: #53b056 !important; border: solid 1px #029f45 !important;*/ color: #03c781; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; text-shadow: none; }

/* STYLE3 button */
.style3, .style3:visited { background: #29688a; font-size: 12px; text-transform: uppercase; color: #fff; text-decoration: none; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; padding: 5px; }
.style3:hover, .style3:active, .style3:focus { background-color: #114761 !important; border: none !important; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; text-decoration: none; }

/********** DROP DOWN MENU STYLES **********/
#horizontal:before {content: ""; background: rgba(9, 81, 121, 0.8); width: 100%; min-width: 1020px; position: absolute; left:0; height: 51px; border-bottom: 1px solid #7fc443; z-index: 800; }
#horizontal { width: 990px; margin: 0px auto; height: 55px;  padding: 0px 15px; }
#horizontal ul { padding: 0; margin: 0; list-style-type: none; z-index: 1000; height: 50px; }
#horizontal ul li { margin: 0; float: left; display: inline; position: relative; z-index: 1000; white-space: nowrap; }
#horizontal ul li:last-child { float: right; }
#horizontal ul li a,
#horizontal ul li a:visited,
#horizontal ul li a:hover { margin: 0; padding: 0px 12px; height: 50px; line-height: 50px; color: #fff; font-size: 15px; text-decoration: none; text-transform: uppercase; display: -moz-inline-stack; display: inline-block; zoom: 1; /*transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s;*/ font-weight: normal; }

#horizontal ul li:hover a { background: #145b76; color: #fff; text-decoration: none; /*transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; */}
#horizontal ul li ul { display: none; background: #bbb;}
#horizontal table { margin: 0; border-collapse: collapse; font-size: 12px; position: absolute; top: 0; left: 0; }
#horizontal ul li:hover ul li { padding: 0px; }

#horizontal #search { margin: 8px 0px 0px 0px; width: 167px; height: 35px; overflow: visible; background-color: #fff;}
#horizontal #search input[type=text] { width: 120px; border:0; color:#9e9e9e; padding: 9px 10px; font-family: 'Lato', sans-serif; font-size: 14px;}

/* specific to non IE browsers */
#horizontal ul li:hover ul { display: block; position: absolute; top: 50px; background: #bbb; margin-top: 0px; left: 0; width: 190px; z-index: 1000; padding: 10px; background: #145b76; height: auto; box-shadow: 0px 5px 5px rgba(0,0,0,.2); }
#horizontal ul li:hover ul li a { display: block; text-align: left; color: #fff; font-size: 16px; /*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: 160px; font-family: 'Lato', sans-serif; white-space: normal; }
#horizontal ul li:hover ul li a:hover { color: #FFF; background: #58abcb; }

/* specific to IE5.5 and IE6 browsers */
#horizontal ul li a:hover ul { display: block; text-align: left; position: absolute; top: 50px; background: #bbb; left: 0; marg\in-top: 1px; z-index: 1000; background: #145b76; }
#horizontal ul li a:hover ul li a { display: block; text-align: left; color: #fff; text-decoration: none; text-transform: none; border: none; min-height: 15px; height: auto; line-height: 15px; padding: 5px 15px 5px 15px; width: 160px; w\idth: 160px; font-size: 16px; font-family: 'Lato', sans-serif; box-shadow: 0px 5px 5px rgba(0,0,0,.2); }
#horizontal ul li a:hover ul li a:hover { color: #fff; background: #888; font-size: 12px; }

/********** SLIDESHOW **********/

#slideshow { margin: 0px auto;     margin-top: -60px; width: 100%; min-width: 1020px; height: 565px; overflow:hidden; /*z-index: 800*/; display:block; position: relative; /* left: 0; top: 183px*/;}
#slideshow img {/* z-index: 800;*/ /*height: 390px;*/ /*width: 100%;*/}
#slideshow a{text-align:center; width: 100%; position: relative; display: block;}
#slideshow a span {position: absolute; width:100%; height: 565px; left:0;}
#slideshow a.slide1 span {background-image: url("/images/homepage-slide-beach.jpg");  background-repeat: no-repeat; background-position: center;background-size: 100% auto;}
#slideshow a.slide2 span {background-image: url("/images/email/winter-2016-sweatshirt_sale.jpg"); background-repeat: no-repeat; background-position: center;} 
#slideshow a.slide3 span {background-image: url("/images/slide1.jpg");  background-repeat: no-repeat; background-position: center;}
#nav { text-align: right; padding: 10px 10px 0px 0px; position: relative; z-index: 900; height: 40px; line-height: 32px; overflow: visible/*hidden*/; /*filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;*/ /*background:#202918;*/ width: 990px; margin: -60px auto 0px;}
#nav a { margin: 0 0 0 4px; padding: 5px 10px 5px; line-height: 18px; text-decoration: none; font-size: 14px; line-height: 32px; font-weight: normal; color: #fff; font-family: 'Lato', sans-serif; z-index: 901; background: transparent; border: 1px solid #fff; border-radius: 50%;}
#nav a.activeSlide { color: #029f45; font-weight: bold; background: #fff;}
#nav a:focus { outline: none; }
#slide_caption{ width:auto; float:left; color:#fff; padding:0 0 0 18px; margin:0; font-family: 'Droid Serif', serif; 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 { padding: 3px 10px; margin: 0px 1px 0px 0px; }
.member-links a:link, .member-links a:visited { color: #29688a; background-color: #e6e6e6; text-decoration: none; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.member-links a:hover { color: #fff; background-color: #29688a; 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 #e6e6e6; 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 #e6e6e6; 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 #e6e6e6; 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: #f0f0f0; }
#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: #f0f0f0; padding: 5px; margin: 2px; border: 1px solid #bbb;}
#qa_box li.response { overflow: hidden; list-style-type: none; background: #f0f0f0; padding: 5px; margin: 2px; border: 1px solid #bbb;  font-size: 12px;}
#qa_box hr.qa_rule { color: #999;  background-color: #f0f0f0; 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, #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; }
#shipping td { padding: 5px 0px;}
#shipping td.col1 {width: 150px;}
#shipping tr {border-bottom: 1px solid #e6e6e6;}
#shipping tr:hover {background-color: #e6e6e6;}
#shipping table {margin: 20px 0px;}

/***** EMAIL SIGNUP POPUP *****/
#ad_overlay_wrapper {
    display: block;
    height: 2000px;
    left: 0;
    overflow: visible;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index:9999;
}

/*
#fade {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 1000;
  text-align: center;
  overflow: visible;
}
*/

#ad_overlay2 {
  position: relative;
  width: 400px;
  height: 400px;
  display: block;
  margin: 0px auto;
  z-index: 1001 !important;
  top: 100px;
  background:#F6F2E8;
  border: #3F341D 2px solid;
  padding: 10px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  overflow: visible;
}

#ad_fade {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #3A321B;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 1000;
  text-align: center;
  overflow: visible;
}

#ad_overlay3 {
  position: relative;
text-align:center;
  width: 400px;
  height: auto;
  display: block;
  margin: 0px auto;
  z-index: 1003 !important;
  top: 100px;
  background: #FFF;
  border: #054f86 2px solid;
  padding: 10px;
color:#695a44 ;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  overflow: visible;
}
.close_btn { background:img('http://cdn.peacefrogs.com/images/popup/popup_close_button.png') top no-repeat; }
.signupframe { font-size: 12px; font-family: Verdana, Helmet, Freesans, Arial, Helvetica, sans-serif; color: #3f3121; /* color: #2f3030; font-family: Arial, Helvetica, sans-serif; */ font-size: 13px; border: 1px solid #ffffff; background: #ffffff; }
.signupframe .required { font-size: 10px; }

/********** CUSTOM CSS ADDED AFTER BUILD **********/