.mobile { display: none; }

body { background: #fff; color: #000; font: 14px Arial,Helvetica,sans-serif; line-height:1.5}
body, select, input, textarea { color: #333; }

a { color: #0066CC; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: underline; }
span.color-blue {
    color: #06c;
}
/********** LAYOUT STYLES **********/

#container { width: 100%; margin: 0 auto; background: #fff; }

#main { background: #FFF; width: 960px; margin: 0px auto; border-style: solid; border-width: 10px; border-color: #FFF; }

#container > header { margin: 0px; height: 90px; background: url(/images/bkgd.png) #000; }
#container > header a, #container > header a:hover { color: #fff; }
#container > header > section { width: 980px; overflow: hidden; margin: 0 auto; }

footer { border-top: 1px solid #999999; margin: 15px 0 30px; padding: 15px 0 0; clear: both; }
footer > section { overflow: hidden; margin: 0 auto; padding:0; }
footer .footer-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; width:210px; padding:15px 0 15px 40px; }
footer .footer-col:first-child { width:210px; background:#e1e1e1; margin:0; padding:15px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #999; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
footer .footer-col:last-child { width:210px; padding:15px 10px; }
footer .footer-col img { float:left; padding:0 5px 5px 0; }
footer .copyright { text-align:center; }
footer .copyright img { padding:10px 0; }
.mini { font-size:9px; }

#container > header > section > figure { float: left; padding: 0px 0px 5px 0px; margin-top: 0px; }
#container > header > section > figure > figcaption { font-size: 13px; font-weight: bold; font-style: italic; color: #666666; margin: 0px; }
#container > header > section > #cartitems,
#container > #nav-container2 > #horizontal2 > .phone { text-align: right; }
#container > #nav-container, #container > #nav-container2 {line-height:1}
#container > #nav-container2 {line-height:13px}
#container > header > section > #cartitems { margin: 50px 0 10px 0; color: #fff; width: 330px; float: right; }
#container > header > section > #cartitems .link { float: left; margin-right: 10px; text-transform: uppercase; padding-top: 3px; font-weight: bold; }
#container > header > section > #cartitems .summary { float: left; background: url(/images/bkg_cartinfo.gif) top right no-repeat; height: 15px; width: 190px; padding: 3px 5px; margin-right: 10px; color: #000; text-align: center; }
#container > header > section > #cartitems .summary a { color: #0066CC; }
#container > header > section > #cartitems .summary a:hover { color: #FF0000; }
#container > header > section > nav { width: 980px; text-align: right; display: none; height: 26px; }
#container > header >section > nav > a { display: block; float: right; background: #4E4E4E; color: #FFF; padding: 5px 10px; text-decoration: none; vertical-align: bottom; margin: 0px 0px 10px 1px; }
#container > header >section > nav > a:hover { text-decoration: underline; }
#container > #nav-container2 > #horizontal2 .phone { font-size: 13px; color: #fff; font-weight: bold; padding: 5px; float: left; }

aside#left_column {
  width: 225px;
  float: left;
  background: #FFF;
  padding: 0px;
}
#content {
  width: 725px;
  float: right;
  clear: right;
}/*
#checkout #content, #checkout_billing #content, #checkout_payment #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, #viewcart #content {
  float: right;
  clear: right;
  width: 980px;
}
#checkout aside#left_column, #checkout_billing aside#left_column, #checkout_payment aside#left_column, #checkout_thanks aside#left_column, #checkout_confirmation aside#left_column, #checkout_shipping aside#left_column, #express_order aside#left_column, #express_info aside#left_column, #checkout_fpinfo aside#left_column, #checkout_freeprod aside#left_column, #checkout_shippingdetail aside#left_column, #quickbuy_confirm aside#left_column, #checkout_shippingaddress aside#left_column, #checkout_display aside#left_column, #viewcart_freeprod aside#left_column, #ship_calculator aside#left_column, #cartitems aside#left_column, #viewcart aside#left_column {
  display: none;
}*/

#minicart .mini-price { float: right; }
#minicart .mini-total { clear: both; float: right; font-weight: bold; }
#minicart .mini-options { clear: both; text-align: center; }
#minicart .mini-options a { margin: 0 10px; }
#minicart > div { padding:10px; }
#minicart_container {line-height:normal !important;font-size:13px}

/* HOME PAGE */

.homebanner { background:#F3F3F3; color:#000; overflow: hidden; margin:10px 0px 10px 0px; padding:15px; width:700px; text-align:center; vertical-align:middle; display:inline-block; }


#welcome { width: 101%; margin: 10px 0px; overflow: visible; }
#welcome div { padding:0px; margin:0 0 0 12px; width:230px; text-align:center; line-height: 14px; display:inline-block; vertical-align: top; height: 200px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px; }
#welcome div:first-child { margin:0; }

#breadcrumb { padding: 10px 10px 10px 0px; font-size: 12px; color: #000; }
#breadcrumb a:link, #breadcrumb a:visited { font-size: 12px; color: #000; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { font-size: 12px; color: #000; text-decoration: none; }

#category_options { background: #999999; padding: 10px; margin-top: 10px; line-height: 43px; }
#category_options ul { float: left; list-style-type: none; width: 705px; }
#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_filter { display: none; background: #999999; padding: 10px; margin-top: 10px; }

#prev-next2 { clear: both; text-align: right; border-top: 1px solid #999999; margin: 10px 0px 0px 0px; padding: 10px 0px; }

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

h1 { font-size: 24px; font-weight: bold; color: #000; margin: 0px 0px 20px 0px; }
#cat h1 { font-size: 24px; font-weight: bold; color: #000; margin: 10px 0px 0px 0px; }
#product h1, #product_builder h1 { font-size: 18px; font-weight: bold; color: #000; margin: 0px 0px 5px 0px; }

h2 { font-size: 16px; font-weight: bold; color: #000; margin: 20px 0px 10px 0px; }
#category_menu h2,
#global_filter h2,
#category_filters h2,
#shop_by_price h2,
#shop_by_truck h2,
#minicart h2,
#newsletter h2,
#testimonials h2,
#recently_viewed h2 { font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #fff; margin: 0px 0px 0px 0px; padding: 10px 10px; background: #e1e1e1; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#999)); background: -moz-linear-gradient(top, #333, #999); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#999'); margin: 10px 0; -webkit-border-radius: .5em .5em 0 0; -moz-border-radius: .5em .5em 0 0; border-radius: .5em .5em 0 0; margin: 0 0 10px 0; }
#index #content h2, #related_products h2 { font-size: 14px; text-transform: uppercase; margin: 15px 0px 0px 0px; }
#welcome h2 { font-size: 14px; text-transform: uppercase; margin: 15px 0px 10px 0px; }
.display h2, .grid h2 { font-size: 12px; font-weight: bold; margin: 5px 0px 10px 0px; }

h3 { font-size: 12px; font-weight: bold; color: #000; margin: 0px 0px 2px 0px; }

section#cartitems {
    position: relative;
    float: right;
    top: 60px;
    left: -4px;
}

section#cartitems a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 5px;
    position: relative;
    top: 3px;
}

section#cartitems a img {
    float: left;
    position: relative;
    left: -6px;
    top: 2px;
}
.cart_summary {
    float: left;
    width: auto;
    padding: 3px 8px;
    background: #e7e7e7 url(/images/bkg_cartinfo.gif) center no-repeat;
    border-radius: 6px;
    /* background: #fff; */
}

div#minicart_overlay_box {
    position: absolute;
    width: 33%;
    background: #fff;
    right: 13%;
    padding: 10px;
    box-shadow: -1px 2px 10px 1px #da2727;
    z-index: 1005;
    border-radius: 18px;
    min-width: 385px;
}
.productname {
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}

div#minicart_products {
    float: left;
    width: 100%;
    margin: 10px 0;
}

div#minicart_products img {
    float: left;
    width: 18%;
    padding-right: 10px;
}
.overlay_info {
    float: left;
    width: 76%;
    text-align: right;
    color: #404040;
}
button#btnExit,
button#btnContShop {
    background: #999;
    border: 0;
    border-radius: 0;
    color: #fff;
    text-shadow: none;
    font-size: 11px;
    padding: 5px 16px;
}
button#btnExit:hover,
button#btnContShop:hover{
     color: #fff;
    background: url(/images/gradient.png) repeat-x #e11b1b;
}
button#btnViewCart{
    background: url(/images/gradient.png) repeat-x #e11b1b;
    color: #fff;
    font-size: 11px;
    padding:5px 16px;
    text-shadow:none;
    border-radius: 0;
    border: 0;
}

button#btnViewCart:hover{
  background: url(/images/gradient.png) repeat-x #B42525;

}

div#related_overlay {
    float: left;
    width: 100%;
}

.related_overlay header h2 {
    border-top: 1px solid #e11b1b;
    border-bottom: 1px solid #e11b1b;
    padding: 10px;
    text-align: center;
}

.related_overlay ul li {
    width: 30%;
    min-height: 280px;
    color: #0066CC;
    border: 0;
}

.related_overlay ul li .name {
    margin-bottom: 10px;
}

.related_overlay ul li .name a{
  color:#0066CC !important;
}

.related_overlay ul li img{
  width: 100%;
  height: auto;
}



/***************** NEWSLETTER SIGNUP POPUP ********************/
.newsletter_overlay {
    background: none repeat scroll 0 0 #FFFFFF;
    left: 30%;
    padding: 5px;
    position: fixed;
    top: 20%;
    width: 525px;
    z-index: 99999;
    /* margin: -150px 0 0 -280px; */
    /* border: 5px solid #dad7d7; */
}
.newsletter_overlay_content {
    float: left;
    width: 93%;
    border: 4px solid #e2e0e0;
    padding: 15px;
}

.newsletter_overlay h1 {
    color: #de2828;
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
}
.newsletter_overlay p {
    color: #000000;
    font-size: 18px;
    text-align: center;
}
.newsletter-form {
    float: left;
    text-align: center;
    border: 0px solid red;
    width: 50%;
    margin: 0 25%;
}
.close_overlay {
    float: right;
    font-weight: bold;
    padding: 0;
  cursor:pointer;
}
.clear {clear:both;}

.newsletter_overlay form input[type="email"] {
    width: 90%;
    padding: 7px 10px;
    border: 1px solid #dad7d7;
    border-radius: 0;
    margin: 0 0 15px 0;
}



input.button.newsletter {
    border: 0;
    border-radius: 0;
    background: url(/images/gradient.png) repeat-x #B42525;
    font-weight: bold;
    width: 88%;
    margin-bottom: 20px;
}
input.button.newsletter:hover {
    background: url(/images/gradient.png) repeat-x #e65959;
}
a.close_overlay {
    width: 51%;
    background: #4c4c4c;
    background: url(/images/gradient.png) repeat-x #4c4c4c;
    padding: 6px 0px;
    text-align: center;
    margin: 0 0 0 24%;
    float: left;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}
a.close_overlay:hover {
    background: url(/images/gradient.png) repeat-x #888787;
}
#over_fade {
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    width: 100%;
    z-index: 9999;
  cursor:pointer;
}


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

/*#category_menu,
#category_filters,
#shop_by_price,
#shopbytruck,
#minicart,
#newsletter*/aside#left_column section { margin-bottom: 10px; }

#category_menu nav { padding: 0 5px 10px 5px;line-height:1.2}
#category_menu ul, 
#recently_viewed ul { list-style-type: none; }
#category_menu li, #recently_viewed li { padding-bottom: 4px; margin: 0px; }
#category_menu ul li ul { padding: 5px 0 0 15px; }
#category_menu ul li ul li { padding-left: 10px;}
#category_menu li.active { }
/*#category_menu ul li ul { display: none; } un-comment to hide subcategories */

/*#global_filter,
#category_menu*/aside#left_column section {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #999;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  margin: 0 0 10px 0;
}
#global_filter div.form-container { padding: 0 5px 10px 5px; }
#global_filter p { padding: 0 5px 10px 5px; }
#global_filter span.filter-label { width: 100px; float: left; display: block; text-align: right; padding-right: 10px; }
#global_filter div.buttonrow { margin: 0; text-align: center; }

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

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

#main > #content > #cat { min-height: 500px; }
#category .qty, #product .product .qty, #product_builder .product .qty, .child-wrapper li.child-qty .qty, #viewcart .qty, #express_order .qty { width: 30px; }
#product .product .sku, #product_builder .product .sku { color: #777; }
#product .product .status, #product_builder .product .status { color: green; }
#product .product .price, #product_builder .product .price { margin: 10px 0; font-weight: bold; }
#product .product .image, #product_builder .product .image { float: left; width: 350px; padding: 0px; margin: 10px 0 0; overflow: hidden; }
#product .product .info, #product_builder .product .info { float: right; margin: 10px 0 0; width: 360px; }
#product .product .form, #product_builder .product .form { margin: 10px 0px 0px 0px; }
#product .product .status, #product .product .emailafriend, #product .product .bookmark, #product .product .rev-stars, #product .product .qty-line, #product .product .attributes select, #product .product .btn-add, #product_builder .product .status, #product_builder .product .emailafriend, #product_builder .product .bookmark, #product_builder .product .rev-stars, #product_builder .product .qty-line, #product_builder .product .attributes select, #product_builder .product .btn-add { margin-top: 10px; }
#product .product .attributes select, #product .product .attributes select { display: block; }
.red, .sale-price { color: #C00; }

#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 #999999; }
#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 #999999; 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 #999999; 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 #999999; }
#product_builder_cost .stepcost { width:30%; text-align:right; }
#product_builder_prods { clear:both; padding:20px 0 0; }
#product_builder_cost .btn-add, #product_builder_cost .btn-wishlist, #product_builder_cost .reorder { float:right; margin-top:3px }

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

#product_tabs { margin: 20px 0px 5px 0px; float: left; display: block; clear: both; width: 100%; overflow: auto; }
#tab-row { }
#tab-row li {
  float: left;
  display: block;
  position: relative;
  top: 1px;
  cursor: pointer;
  padding: 6px 10px;
  margin: 0 3px;
  background: #e1e1e1;
  border: 1px solid #999999;
}
#tab-row .active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#tab_contents { clear: both; border: 1px solid #999999; background: #FFF; }
#tab_contents .content { display: none; padding: 10px 20px; min-height: 100px; /* hack for IE */ height: auto !important; height: 100px;/* overflow: scroll; */}
#tab_contents .content_box { border: #DDD 1px solid; padding: 5px; background: #FFFFCC;}

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

.display, .cat-thumbs { list-style-type: none; margin: 0; padding: 0; }
.display li { border: 1px solid #999999; text-align: left; float: left; clear: both; margin: 10px 0px 0px 0px; width: 723px; }
.display li section { padding: 10px; float: left; }
.display li .image { float: left; width: 152px; overflow: hidden; }
.display li .info { float: left; width: 541px; margin-left: 10px; }
.display li .content { float: left; width: 381px; }
.display li .sku, .display li .status, .display li p, .display li .price, .display li input.qty { margin: 0px 0px 10px 0px; }
.display li div.child { display: none; }
.display li .order {float: left; width: 150px; margin-left: 10px; }

.grid li { list-style-type: none; width: 230px; margin: 10px 10px 0px 0px; min-height: 280px; border: 1px solid #999999; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; _height: 200px; }
//.grid li { width: 242px; }
.grid li .product { padding: 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; }
.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 { display:none; }
.grid li p, .grid li .price { margin: 0px 0px 10px 0px; }

#subcats { padding-bottom: 15px; border-bottom: 1px solid #999999; margin-bottom: 15px; }}
 ul.cat-thumbs { list-style-type: disc; }
.cat-thumbs li { padding: 3px 0; margin-left: 25px; }
.cat-thumbs li .info { font-size: 13px; }

.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; }
.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 #999999; 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: relative;
  margin-left: -25px;
  top: -380px;
  cursor: pointer;
}

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

.header-row { font-weight: bold; color: #fff; background: #e1e1e1; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#999)); background: -moz-linear-gradient(top, #333, #999); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#999'); -webkit-border-radius: .5em .5em 0 0; -moz-border-radius: .5em .5em 0 0; border-radius: .5em .5em 0 0; }

.express ul { list-style-type: none; margin: 0px; padding: 0px; width: 100%; }
#express_order .express li.col-1 { width: 300px; 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: 142px; 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: 0px 0px 15px 0px; padding: 0px; overflow: hidden; text-align: center; }
#steps ol { text-align: center; margin: 0px auto; }
ol#progress { list-style:none; background:#999; 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 30px 10px 35px; background:#999; color:#fff; 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: #f26852; color:#fff; }
#progress li div:before { counter-increment:step; content:counter(step); 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-5 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: right; padding: 5px;}
#promo-box div.promo_applied { margin: 10px; padding: 5px 10px; border: #38A320 1px solid; background-color: #E2F4DE; color: #38A320; font-weight: bold; }
#promobox {width:auto;float:right;}

#freeprod { padding: 10px; margin:10px 0;background:#e1e1e1;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.2)}
#freeprod select { height: 25px; }
#freeprod input { margin: 5px 0 !important; }

/*
#promo-box { width:300px;display:inline-block;text-align: center !important; border: 1px solid #efebde; padding: 5px; margin: 0px 0px 10px 5px; }
#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 #999999; 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;}
.update-total div { float: left; width: 130px; }
.update-total div.update_msg { width: 350px; /*overflow: hidden;*/padding:0 10px}
.update-total .total, .update-total #total { float: right; text-align: right; overflow: visible; font-size: 16px; font-weight: bold; }
.update-total #total { width: 60px; }

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

.ship_estimator_header { min-height: 15px; _height: 15px; border: 1px solid #999999; border-width: 1px 0px; margin-bottom: 10px; padding: 10px 5px; overflow: hidden; clear: both; background: #999999; }
.ship_estimator { padding: 0px 5px 0px 5px; min-height: 15px; _height: 15px; overflow: visible; float: left; clear: after; width: 715px; }
.ship_estimator_header .col-1 { color:#fff; float: left; min-height: 15px; _height: 15px; width: 50%; overflow: visible; }
.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; }

.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 #999999; 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 #999999; 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 #999999; 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 #e1e9999991e1; background: #e1e1e1; }
.order-totals ul { float: left; width: 100%; min-height: 20px; overflow: visible; list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; border: 1px solid #999999; border-width: 0px 0px 1px 0px; clear: both; }
.order-totals li { list-style-type: none; width: 46%; margin: 0px 1px 0px 0px; padding: 5px 10px; min-height: 20px; float: left; overflow: visible; vertical-align: middle; _height: 20px; text-align: left; }
.order-totals li.amount { text-align: right; }
#checkout_display .buttonrow { clear: both; text-align: center; }

.quick-checkout, .cart-items, .confirmation {font-size:13px !important;line-height:normal !important}

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

#checkout_confirmation .cart-wrapper { border: 1px solid #999999; margin-bottom: 10px; }
#checkout_confirmation .cart-wrapper ul { list-style-type: none; margin: 0px; padding: 0px;  border-bottom: 1px solid #999999; }
#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: 125px; }

#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: 5px 10px;
  border: solid 1px #999999;
  outline: 0;
  font-size: 13px;
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#FFFFFF));
  background: -moz-linear-gradient(top, #f9f9f9, #FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#FFFFFF');
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px; border-radius:0px \0/;
}
select { padding: 1px 1px 1px 10px; max-width: 180px; }
input[type=text]:hover, textarea:hover, select:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=tel]:hover, input[type=url]:hover,
input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=url]:focus, html input.focusField { background: #ffffff; border-color: #6699FF; box-shadow: 0px 1px 5px #6699FF; -webkit-box-shadow: 0px 1px 5px #6699FF; -moz-box-shadow: 0px 1px 5px #6699FF; }
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; }
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: #999 1px solid; }
div.form-container legend { font-weight: bold; color: #666; }
div.form-container div { /*padding: 0.25em 0; overflow: hidden;*/ }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error,
div.form-container div.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error,
div.form-container div.error select,
div.form-container div.error input { border-color: #C00; background: #FFF2F2; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus { background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

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

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; float: right; }
div.quick-checkout form fieldset { margin: 15px 0; padding: 10px; border: #999 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: 120px; display: block; float: left; text-align: right; position: relative; }
div.quick-checkout label.error, 
div.quick-checkout span.error,
div.quick-checkout div.error { color: #C00; }
div.quick-checkout label em, 
div.quick-checkout span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.quick-checkout input.error,
div.quick-checkout div.error select,
div.quick-checkout div.error input { border-color: #C00; background: #FFF2F2; }
div.quick-checkout input:focus,
div.quick-checkout input.error:focus, 
div.quick-checkout textarea:focus { background-color: #FFC; border-color: #FC6; }
div.quick-checkout div.controlset label, 
div.quick-checkout div.controlset input { display: inline; float: none; }
div.quick-checkout div.controlset div { margin-left: 110px; }
div.quick-checkout div.buttonrow { margin-left: 180px; }

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

.datepicker { margin-bottom: 3px; }
.buttonrow { overflow: hidden; clear: both; }
.prod-form label, .prod-form span.label { width:33% !important; }
.controlset { font-size: 11px; }
.cc_logos { float: right; clear: right; }
.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;
  text-transform: uppercase; 
  font: 14px Arial, Helvetica, sans-serif;
  padding: .5em 2em .55em;
  text-shadow: 1px 1px 1px rgba(0,0,0,.9);
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 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: 16px; font-weight: bold; padding: .4em 1.5em .42em; }
.medium { font-size: 12px; font-weight: bold; padding: .4em 1.5em .42em; }
.small { font-size: 11px; padding: .2em 1em .275em; }

/* GREEN button */
.style1, .style1:visited { color: #fff; border: solid 1px #e11b1b; background: url(/images/gradient.png) repeat-x #e11b1b;
/* commented out the CSS3 gradients - now using a transparent gradient image - works in IE9 */
/* background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');*/ }
.style1:hover, .style1:active { background: url(/images/gradient.png) repeat-x #B42525;
/* commented out the CSS3 gradients - now using a transparent gradient image - works in IE9 */
/* background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top,  #6b9d28,  #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');*/ }

/* WHITE button */
.style2, .style2:visited  { color: #fff; border: solid 1px #686868; background: url(/images/gradient.png) repeat-x #686868;
/* commented out the CSS3 gradients - now using a transparent gradient image - works in IE9 */
/* background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #ffffff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');*/ }
.style2:hover, .style2:active { background: url(/images/gradient.png) repeat-x #373737;
/* commented out the CSS3 gradients - now using a transparent gradient image - works in IE9 */
/* background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc)); background: -moz-linear-gradient(top, #ffffff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');*/ }

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

#nav-container2 { width: 100%; background: url('/images/topnav2_bkgd.jpg') #565656; }
#nav-container { 
 width: 100%;
 background: #e11b1b; /* Old browsers */
 margin-bottom: 10px; 
-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.9); -moz-box-shadow: 0 1px 8px rgba(0,0,0,.9); box-shadow: 0 1px 8px rgba(0,0,0,.9);
// background: -moz-linear-gradient(top,  rgba(225,27,27,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
// background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,27,27,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-//stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
// background: -webkit-linear-gradient(top,  rgba(225,27,27,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
// background: -o-linear-gradient(top,  rgba(225,27,27,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
// background: -ms-linear-gradient(top,  rgba(225,27,27,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
// background: linear-gradient(to bottom,  rgba(225,27,27,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
}
#horizontal2 { width: 980px; margin: 0px auto 0px auto; height: 27px; background: url('/images/topnav2_bkgd.jpg') #565656; color: #fff; }
#horizontal2 ul { padding: 0; margin: 0; list-style-type: none; z-index: 1000; }
#horizontal2 ul li { margin: 0; float: right; display: inline; position: relative; z-index: 1000; white-space: nowrap; padding: 5px; border-right: 1px solid #555; }
#horizontal2 ul li a,
#horizontal2 ul li a:visited,
#horizontal2 ul li a:hover { margin: 0; padding: 0; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: none; display: -moz-inline-stack; display: inline-block; zoom: 1; }
#horizontal2 ul li a:hover,
#horizontal2 ul li:hover a { background: #FFF; color: #000; text-decoration: none; }

#horizontal { width: 980px; margin: 0px auto 0px auto; height: 40px; }

#horizontal ul { padding: 0; margin: 0; list-style-type: none; z-index: 1000; height: 40px; }
#horizontal ul li { margin: 0; float: left; display: inline; position: relative; z-index: 1000; white-space: nowrap; padding: 0; min-height: 40px; border-right: 1px solid #BC1616; border-left: 1px solid #BE8080; }
#horizontal ul li:first-child { border-left: none; }
#horizontal ul li:last-child { border-right: none; }
#horizontal ul li a,
#horizontal ul li a:visited,
#horizontal ul li a:hover { margin: 0; padding: 0px 11px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; display: -moz-inline-stack; display: inline-block; zoom: 1; border-right: 0px solid #fff; text-shadow:2px 2px 2px rgba(0,0,0,0.9); }
#horizontal ul li a:hover,
#horizontal ul li:hover a { background: #B42525; color: #fff; text-decoration: none; }
#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; }

#horizontal #search { margin: 5px 0px 0px 20px; width: 220px; overflow: visible; }
#horizontal #search input[type=text] { width: 115px; }

/* specific to non IE browsers */
#horizontal ul li:hover ul { display: block; position: absolute; top: 40px; background: #bbb; margin-top: 0px; left: 0; width: 190px; z-index: 1000; }
#horizontal ul li:hover ul li a { display: block; text-align: left; color: #fff; font-size: 12px; 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; }
#horizontal ul li:hover ul li a:hover { color: #FFF; background: #888; }

/* 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; background: #bbb; left: 0; marg\in-top: 1px; z-index: 1000; }
#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: 12px; }
#horizontal ul li a:hover ul li a:hover { color: #fff; background: #888; font-size: 12px; }

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

#slideshow { margin: 0px auto 10px auto; width: 725px; height: 350px; overflow:hidden; z-index: 800; display:block; }
#slideshow img { z-index: 800; }
#nav { text-align: right; padding: 0px 5px 0px 0px; position: relative; z-index: 900; margin-top: -42px; height: 32px; line-height: 32px; overflow: visible/*hidden*/; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; background:#000; }
#nav a { margin: 0px; padding: 5px; line-height: 18px; text-decoration: none; font-size: 12px; line-height: 32px; font-weight: normal; color: #cfcfcf; font-family: Arial, Helvetica, sans-serif; z-index: 901; }
#nav a.activeSlide { color: #FFF; font-weight: bold; }
#nav a:focus { outline: 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: #000; background-color: #F26852; text-decoration: none; }
.member-links a:hover { color: #000; background-color: #fff; text-decoration: none; }

.wishlist { padding:10px 0 !important; }
.wishlist ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #999999; 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-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; }
.recipeinfo img { float:right; }
.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:#e2dad0; }
#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: #999999; padding: 5px; margin: 2px; border: 1px solid #bbb;}
#qa_box li.response { overflow: hidden; list-style-type: none; background: #999999; padding: 5px; margin: 2px; border: 1px solid #bbb;  font-size: 12px;}
#qa_box hr.qa_rule { color: #999;  background-color: #999999; 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; }
.popupbuttons { text-align: center; padding: 20px 0; }

div .additional-prod { float: left; display: block; margin: 10px 0px; padding: 0px 0px 10px 0px;  border: 1px solid #999999; 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:270px; }



hr {color: f8f8f8; background-color: 999999; height: 1px; width: 90%; text-align: center; margin: 0px auto 0px 0px; }

/********** SHIPPING INFORMATION **********/

#zone_map {src: url("images/UPSZoneMap_2013.gif"); display: block; margin: 10px auto 10px auto; width: 540px; height: 350px;}


/********** CUSTOM CSS ADDED AFTER BUILD **********/

footer2 .footer-col { display: -moz-inline-stack; display: inline-block; vertical-align: baseline; width: 20%; padding: 15px 0px; }
.bodytext {font-family: Arial, Helvetica, sans-serif;font-size: 1em;line-height: 1.25em;color: #0000000; }

.bodytextbold {font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.25em;font-weight: bold; color: #000000;
}
.Plaintext { font-size: 13px;line-height: normal;font-family: Arial,Helvetica,sans-serif;text-decoration: none;color: #000000; }
.center {text-align:center; }

/********** SHIPPING INFORMATION - TABLE **********/

#gradient-style
{
  font-family: "Arial", "Helvetica", Sans-Serif;
  font-size: 12px;
  margin: 0px 0px 20px 0px;
  width: 480px;
  text-align: center;
  border-collapse: collapse;
}
#gradient-style th
{
  font-size: 13px;
  font-weight: bold;
  padding: 8px;
  background: #cecece url('/images/tables/gradhead-grey.png') repeat-x;
  border-top: 2px solid #e8e8e8;
  border-bottom: 1px solid #fff;
  color: #000;
}
#gradient-style td
{
  padding: 8px; 
  border-bottom: 1px solid #fff;
  color: #000;
  border-top: 1px solid #fff;
  background: #f4f4f4 url('/images/tables/gradback-grey.png') repeat-x;
}
#gradient-style tfoot tr td
{
  background: #e8edff;
  font-size: 12px;
  color: #99c;
}
#gradient-style tbody tr:hover td
{
  background: #d0dafd url('/images/tables/gradhover-grey.png') repeat-x;
  color: #000;
        font-weight: bold;
}

/********** MEET THE STAFF **********/
#wrapper {
  display: table;
  width: 90%;
  height: 100%;
  margin: 0 auto;
  min-width: 120%;
  min-height: 400px;
  font-family: "Arial", "Helvetica", Sans-Serif;
  font-size: 12px;
  line-height: 15px;
}
#column-1 {
  display: table-cell;
  background: #fff;
  width: 40%;
}
#column-2 {
  display: table-cell;
  background: #FFF;
  width: 10%;
}
#column-3 {
  display: table-cell;
  background: #fff;
  width: 40%;
}
img.Staff {
  border: 2px solid #e4e4e4;
  margin: 0px 10px 4px 0px;
  padding: 0px;
  float: left;
}
.addthis_sharing_toolbox {
  float:right;
}

/***** Istallation page styling ***/
.inst_main{width:100%; padding-bottom:4%; clear:both;}
.inst_main h4{text-align:center;}
.inst_left{width:50%; float:left; padding-top:1%;}
.inst_right{width:50%; float:left; padding-top:1%;}
.clrcls{clear:both;} 

/***** testinonials page styling ***/
.testimonial_bubble:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none;  -moz-border-right-colors: none; -moz-border-top-colors: none;border-color: #e11b1b rgba(0, 0, 0, 0); border-image: none;border-style: solid; border-width: 31px 38px 0; content: " "; height: 0;left: 30px;position: absolute;width: 0;}
.testimonial_bubble:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none;
-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #FFFFFF rgba(0, 0, 0, 0);border-image: none;border-style: solid;border-width: 28px 30px 0;content: " ";height: 0;left: 38px;position: absolute;width: 0;}
.testimonial_bubble { background-color: #FFFFFF;border: 2px solid #e11b1b;border-radius: 30px;
box-shadow: 2px 2px 2px #888888;padding: 20px 15px 20px 10px;position: relative;}
.testimonial_head {color: #165E86;font-size: 32px;}
.testimonial_left {float:left;margin: 25px 10px; width: 45%;min-height: 0px;}
.bubble_bttm { padding: 35px 20px 0;}
.bubble_bttm span { font-weight:bold;}
.main_testimonial.clearfix {text-align: justify;}
#testimonials > div#testimonial_lnavText { font-family: Verdana,sans-serif; font-size: 12px; margin-bottom: 5px; padding: 5px 5px 10px 10px }

.disclaimer {font-weight: bold; font-style: italic;}