.mobile { display: none; }

body { background: #fff; color: #999; font-size: 13px; line-height:18px; font-family: Lato MS, sans-serif ; }
body, select, input, textarea { color: #333; }

a { color: #003366;text-decoration:none;text-decoration:underline;}
a:hover { color: #479091;text-decoration:underline; }

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

#container { 
  width: 100%; margin: 0 auto;  
/*  background-repeat:no-repeat;
  background-position:center bottom; 
  background-image:url('../images/seo-bg.png');*/
}

#main {
  max-width: 1180px; 
  margin: 0px auto;
  padding:0px;
}

#headpromo {
  width:100%;
  background-image:url('../images/homepage_banner_repeat.png');
  background-repeat:repeat-x;
  height:68px;
}

#promo-text {
  padding-top:22px;
  text-align:center;
  font-family:Lato MS,sans-serif;
  color:#0E496C;
  font-size:22px;
  font-weight:normal;
}

.promo_applied { margin: 0px; padding: 5px 10px; border: #38A320 1px solid; background-color: #E2F4DE; color: #38A320; font-weight: normal; }

#container > header { margin: 0px 0px 5px 0px; }
#container > header > section { max-width: 1200px; overflow: hidden; margin: 0 auto; }
#container > header > section > figure {float: left; clear: left; margin:10px 0px 0px 10px; width:40%;}
#container > header > section > figure > figcaption {font-family:'Lato', sans-serif;font-size:14px;font-weight:normal;color:#0e496c;text-align:right;margin:-15px 70px 0px 0px;}
#container > header > section > #welcome {width:15%;float:left;font-family:'Lato', sans-serif;font-size:13px;font-weight:normal;color:#21768e;}
#container > header > section > #cartitems {color:#ffffff;font-family:'Lato', sans-serif;font-size:10px;}
#cart-count {
    border-radius: 50%;
    background: #BADA55;
}
.cart-count-b {
    text-align:center;
    color:white;
    width:auto;
    height:auto;
    float: left;
    padding:2px 2px 4px 2px;
    min-width:17px;
}
#container > header > section > nav {width: 40%; float:right;margin-right:20px;}
#container > header > section > nav > #phone {color:#404041;font-size:18px;letter-spacing:.1em;width:35%;float:left;margin-top:15px;}
#container > header > section > nav > a { display: block; float: right; color:#555555;font-family:'Lato', sans-serif;font-size:13px;padding: 0px;margin: 2px 0px;text-decoration: none; vertical-align: bottom; }
#container > header > section > nav > a:hover { text-decoration: underline; }
#container > header > section > #headsearch {margin-top:5px;margin-right:10px;float: right; clear: right; text-align: right;background-image:url('http://cdn.cooksdirect.com/images/header-search-bg.png');background-repeat:no-repeat;width:493px;height:46px;}
#container > header > section > #headsearch > #search input[type=text] { margin-top:12px;margin-right:90px;padding:2px;border:0px;color:#8a8d8d;font-family:Lato MS, sans-serif;font-size:14px;width:350px;background-color:transparent;}
#container > header > section > #headsearch > #search input[type=image] { border:0px;width:65px;height:30px;margin-top:-40px;}

#container > footer { max-width: 1180px/**1320px**/; margin: 0px auto; padding:0px; }

#container > footer > #seo {margin:30px auto 0px auto;padding:0px;vertical-align:text-bottom;}
#container > footer > #seo > section {bottom: 0; left: 0;margin:0px;}

#seo h1 {font-family: 'Archivo Black', sans-serif;font-size:32px;line-height:30px;color:#77be99;margin:0px;padding:0px;}
#seo h2 {margin:0px;padding:0px;font-family:'Lato',sans-serif;font-size:35px;line-height:36px;font-style:italic;}
#seo p {margin-top:10px;color:#8e7f7c;font-size:12px;line-height:16px;/**margin-right:400px;**/}
#container > footer > section { max-width: 1200px;overflow: hidden; margin: 0px auto; padding:0px 0px 5px 0px; min-height: 388px; background-color:#d5e5aa;background-image:url('http://cdn.cooksdirect.com/images/footer-bg.png');background-repeat:repeat-x;}

#footer .footer-col1 { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 63.33%; padding: 0px;}
#footer .footer-col1 .bigblue {color:#003366;font-family: 'Archivo Black', sans-serif;font-size:22px;margin:0px; padding:3px 0px 0px 10px;vertical-align:text-bottom;}
#footer .footer-col1 .column-title {color:#70b38b;font-family: 'Lato', sans-serif;font-size:22px;font-weight:bold;margin:0px; padding:0px;}
#footer .footer-col1 .subs {none;color:#003366;font-family: 'Lato', sans-serif;font-size:14px;font-weight:bold;margin:0px; padding:0px;}
#footerlinks {max-width:620px;margin:30px 0px 0px 80px;}
#footerlinks > .flinks-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 23%; padding: 0px; margin:0px 5px 0px 0px;}
#footerlinks > .flinks-col a { color:#003366;font-family:'Lato', sans-serif;font-size:13px;line-height: 22px;padding: 0px;margin: 4px 0px;text-decoration: none;}
#footerlinks > .flinks-col a:hover { color:#003366;font-family:'Lato', sans-serif;font-size:13px;padding: 0px;margin: 2px 0px;text-decoration: underline;}

/**** OLD SIZE TO ALLOW FOR COL 3
#footer .footer-col2 { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 31.67%; padding: 0px; margin:0px;}
****/

#footer .footer-col2 { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 34%; padding: 0px; margin:0px;}
#footer .footer-col2 .bigblue {color:#003366;font-family: 'Archivo Black', sans-serif;font-size:20px;margin:0px; padding:8px 0px 0px 0px;vertical-align:text-bottom;}
#footer .footer-col2 .littleblue {color:#003366;font-family: 'Lato', sans-serif;font-size:16px;font-weight:bold;margin:0px; padding:15px 0px 10px 0px;}
#footer input[type=text] {width:305px;color: #8A8D8D;font-family: Lato MS, sans-serif;font-size: 14px;}
#footer .footer-col2 .email-note {padding-top:5px;padding-left:5px;color:#424242;font-size:10px;}
#footer .footer-col2 .textarea { width:305px;height:170px;color: #8A8D8D;font-family: Lato MS, sans-serif;font-size: 14px;}
#footer .footer_input {float:right;margin-top:160px;}

/****
#footer .footer-col3 { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 4.3%; padding: 0px; margin:0px;}
****/

#content {
  width:100%;
  margin:0px 0px 0px 0px;
  float: right;
  clear: right;
}

aside#left_column {
  max-width: 20%;
  float: left;
  margin: 0;
}
#content2col {
  max-width: 79%;
  margin-left:1%;
  float: right;
  clear: right;
}

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

#horizontal { max-width: 1200px; margin: 0px auto 10px auto; height: 51px; background-image:url('http://cdn.cooksdirect.com/images/topnav-bg.png');background-repeat:repeat-x; }
#horizontal ul { padding: 0; margin: 0; list-style-type: none; z-index: 1000; height: 51px; }
#horizontal ul li { margin: 0; float: left; display: inline; position: relative; z-index: 100; white-space: nowrap; }
#horizontal ul li a,
#horizontal ul li a:visited,
#horizontal ul li a:hover { margin: 0; padding: 0px 15px 0px 15px; height: 51px; line-height: 51px; text-transform:lowercase;letter-spacing:1px;font-family:'Lato', sans-serif;font-weight:bold; color: #0e496c; font-size: 18px; text-decoration: none; display: -moz-inline-stack; display: inline-block; zoom: 1; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
#horizontal ul li a:hover,
#horizontal ul li:hover a { background-image:url('http://cdn.cooksdirect.com/images/topnav-hover-bg.png');background-repeat:repeat-x; 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; }

#MegaDD {background-image:none;padding:10px 0px;margin-top:20px;max-width:900px;height:auto;z-index:1;box-shadow: 1px 2px 5px #bfc1c0;border:1px solid #bfc1c0;border-radius: 15px;background-color:#ffffff;float:left;}
#MegaDD .arrow {float:left;clear:both;margin-left:12px;margin-top:-29px;}
#MegaDD .nav {margin-top:15px;}
#MegaDD .MegaDD-col {max-width:180px;padding-right:10px;display: -moz-inline-stack; display: inline-block; vertical-align: top;}
#MegaDD .MegaDD-col .head {font-weight:bold;margin-bottom:5px;padding-left:15px;padding-bottom:0px;color:#505050;text-align:left;}
#MegaDD .MegaDD-col a {background-image:none;}
#MegaDD .MegaDD-col a:hover {background-image:none;color:#78c09b;}
#MegaDD .MegaDD-col2 {background-color:#ffffff;max-width:275px;padding:0px 5px;display: -moz-inline-stack; display: inline-block; vertical-align: top;background-image:none;}
#MegaDD .MegaDD-col2 a {background-image:none;margin:0px;height:0px;padding:0px;line-height:0px;transition:none;text-align:left;}
#MegaDD .MegaDD-col2 a:hover {background-image:none;margin:0px;height:0px;padding:0px;line-height:0px;transition:none;text-align:left;}

/* specific to non IE browsers */
#horizontal ul li:hover ul {position: absolute; top: 40px; margin-top: 0px; left: 0; width: 190px; z-index: 1000;  transition:opacity 2s ease-in-out 1s; -webkit-transition:opacity 2s ease-in-out 1s; -moz-transition:opacity 2s ease-in-out 1s;}
#horizontal ul li:hover ul li a { font-family: Lato MS, sans-serif ;display: block; text-transform:none;text-align: left; color: #505050; font-size: 12px; font-weight: normal; text-decoration: none; border: none; height: auto; line-height: 20px; background-image:none;}
#horizontal ul li:hover ul li a:hover { font-family: Lato MS, sans-serif ;display: block; text-transform:none;text-align: left; color: #78c09b; font-size: 12px; font-weight: normal; text-decoration: none; border: none; height: auto; line-height: 20px; background-image:none;}

/* specific to IE5.5 and IE6 browsers */
#horizontal ul li a:hover ul { display: block; text-align: left; position: absolute; top: 40px; top: 39px; left: 0; margin-top: 1px; z-index: 1000; transition:opacity 2s ease-in-out 1s; -webkit-transition:opacity 2s ease-in-out 1s; -moz-transition:opacity 2s ease-in-out 1s; }
#horizontal ul li a:hover ul li a { display: block; text-align: left; color: #505050; text-decoration: none; border: none; min-height: 15px; height: auto; line-height: 15px; padding: 5px 15px 5px 15px; width: 160px; width: 160px;font-size: 12px; }
#horizontal ul li a:hover ul li a:hover { color: #505050; background: #ffffff; text-decoration:underline;font-size: 12px; }


/********** HOMEPAGE **********/

#home {max-width:1180px;margin-left:0px;}
#home h1 {color:#474a49;font-size:12px;font-weight:normal;margin:0px;padding:0px;font-family: Lato MS, sans-serif ;}
#home h2 {color:#003366;'Lato', sans-serif; font-size: 24px; font-weight: bold; margin:0px;padding:0px;}
#home h3 {font-size:12px;color:#5c5e5c;margin:10px 0px 5px 0px;padding:0px;text-align:center;}

#homebody {max-width:800px;float:left;margin-top:10px;}
#slideshow { margin:0px auto; max-width: 800px; height: 280px; overflow:hidden; z-index: 98; display:block;}
#slideshow img { z-index: 98; }
#nav {list-style-type: none; z-index: 99;  max-width:800px; padding: 0px 5px 0px 0px; position: relative; margin-top: -42px; height: 32px; line-height: 32px; overflow: visible/*hidden*/;  }
#nav li { margin: 0; float: left; display: inline; position: relative; z-index: 99; white-space: nowrap; }
#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: 99; }
#nav a.activeSlide { color: #FFF;}
#nav a:focus { outline: none; }

#topcats {max-width:800px;margin-top:10px;clear:both;}
#home .topcats-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 23%; padding: 0px; margin:0px 5px 0px 5px;}
#home .topcats-col a { color:#378687;font-size:11px;padding: 0px;margin: 2px 0px;text-decoration: none;}
#home .topcats-col a:hover { color:#378687;font-size:11px;padding: 0px;margin: 2px 0px;text-decoration: underline;}
#home .topcats-col nav {padding-top:10px;}

#home > #custfavs {max-width:800px;}
#home .custfavs-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 22%; padding: 0px; margin:10px 0px 0px 0px;text-align:center;}
#home .custfavs-col a { color:#474a49;font-size:11px;padding: 0px;margin: 2px 0px;text-decoration: none;}
#home .custfavs-col a:hover { color:#474a49;font-size:11px;padding: 0px;margin: 2px 0px;text-decoration: underline;}
#home .custfavs-col nav {padding-top:10px;}
#home .custfavs-col .price {color:#378687;font-size:11px;font-weight:bold;}
#home .custfavs-col .saleprice {color:#f65914;font-size:14px;font-weight:bold;}

#home > #brands {max-width:800px;}

#boxes {float:right;max-width:300px;}
#newsletter { margin:10px 0px;padding-bottom:10px;background-color:#E3FFEE;}
#newsletter > header {border-bottom:4px solid #5ea899;background-color:#ffffff;font-family: 'Lato',sans-serif;color: #05476D;font-weight: bold;font-size: 26px;line-height:38px;margin:0px;padding:0px;text-align:center;}
#newsletter h2 { }
#newsletter p { margin:5px;padding:0px;font-size:16px;text-align:center;color:#6c6c69;font-weight:normal;}
#newsletter > #join {background-image:url('http://cdn.cooksdirect.com/images/home-newlsetter-bg.jpg');background-repeat:no-repeat;width:273px;height:32px;margin:0px auto;}
#newsletter > #join input[type=text] { margin-top:6px;margin-left:35px;padding:2px;border:0px;color:#8a8d8d;font-family:Lato MS, sans-serif;font-size:14px;width:160px;background-color:transparent;}
#newsletter > #join input[type=image] { display:inline;float:right;margin-top:-22px;margin-right: 5px;}

#fullfeatures {width:100%;}
#fullfeatures > #new {max-width:550px;float:left;}
#fullfeatures > #new > #newbox {max-width:450px;border:1px solid #d1d1d1;padding:10px;}
#fullfeatures > #new > #newbox .new-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 48%; padding: 0px; margin:10px 5px 0px 0px;text-align:center;}
#fullfeatures > #new > #newbox .new-col a { color:#474a49;font-size:12px;padding: 0px;margin: 2px 0px;text-decoration: none;}
#fullfeatures > #new > #newbox .new-col a:hover { color:#474a49;font-size:12px;padding: 0px;margin: 2px 0px;text-decoration: underline;}
#fullfeatures > #new > #newbox .new-col nav {padding-top:10px;}
#fullfeatures > #new > #newbox .new-col .price {color:#378687;font-size:12px;font-weight:bold;}
#fullfeatures > #new > #newbox .new-col .saleprice {color:#13dbca;font-size:14px;font-weight:bold;}

#fullfeatures > #sale {width:550px;float:right;}
#fullfeatures > #sale > #salebox {max-width:450px;border:1px solid #d1d1d1;padding:10px;}
#fullfeatures > #sale > #salebox .sale-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 48%; padding: 0px; margin:10px 5px 0px 0px;text-align:center;}
#fullfeatures > #sale > #salebox .sale-col a { color:#474a49;font-size:12px;padding: 0px;margin: 2px 0px;text-decoration: none;}
#fullfeatures > #sale > #salebox .sale-col a:hover { color:#474a49;font-size:12px;padding: 0px;margin: 2px 0px;text-decoration: underline;}
#fullfeatures > #sale > #salebox .sale-col nav {padding-top:10px;}
#fullfeatures > #sale > #salebox .sale-col .price {color:#378687;font-size:12px;font-weight:bold;}
#fullfeatures > #sale > #salebox .sale-col .saleprice {color:#f65914;font-size:14px;font-weight:bold;}


/* 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 #800000; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 20px #000000; font-size: 12px; color:#555555; margin: 0 auto; padding: 10px; width: 450px; }
#minicart_overlay .productname { color: #000; font-size: 22px; font-weight: bold; margin: 3px 10px 18px; text-transform: capitalize; text-align: left; }

#welcome { width: 100%; margin: 10px 0px; overflow: visible; }
#welcome div { padding: 0px 10px; margin: 0px; width: 30%; display: inline-block; vertical-align: top; min-height: 50px; border-left: 1px solid #CCC; }
#welcome div:first-child { border-left: 0; }

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

#category_options { background: #e1e1e1; padding: 10px; margin-top: 10px; line-height: 43px; }
#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_filter { /*display: none;*/ background: #e1e1e1; padding: 10px; margin-top: 10px; }

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

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

h1 { font-family: 'Lato', sans-serif; font-size: 24px; font-weight: bold; color: #368a89; margin: 0px 0px 20px 0px; }
#cat h1 { font-size: 24px; font-weight: bold; color: #368a89; margin: 0px 0px 20px;text-transform:lowercase; }
#cat h2 { margin:0px;color: #474a49; font-size: 13px; font-family: Lato MS, sans-serif ; }
#product h1, #product_builder h1 { font-family:Lato MS, sans-serif;font-size: 24px; line-height:28px;font-weight: bold; color: #5b5e5f; margin: 0px 0px 5px 0px; }

h2 { font-family: 'Lato', sans-serif; font-size: 24px; font-weight: normal; color: #0e496c; margin: 0px 0px 20px 0px; }
#category_menu h2,
#category_filters h2,
#shop_by_price h2,
#minicart h2,
#recently_viewed h2 { font-size: 14px; font-weight: normal; text-transform: uppercase; color: #ffffff; background: #bbbbbb; margin: 0px 0px 10px 0px; padding: 10px 10px; }
#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; }

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

#catFilter {width:100%;}
#catFilter .header {margin:15px 0px 5px 0px;font-family: 'Lato', sans-serif; font-size: 16px; font-weight: bold; color: #0e496c;background-color:#e4efc9;-moz-border-radius:5px;border-radius:5px;padding:3px 10px;}
#catFilter ul { list-style-type: none;}
#catFilter li { margin-left:20px;padding:0px}

li.cat_filter a {
    padding-left: 15px;
    background-image: url('/images/checkbox.gif');
    background-repeat: no-repeat;
    background-position: left top;
    list-style-type: none;
    display: block;
    margin: 0px;
}    
li.cat_filter_on a {
    padding-left: 15px;
    background-image: url('/images/checkbox_on.gif');
    background-repeat: no-repeat;
    background-position: left top;
    list-style-type: none;
    display: block;
    margin: 0px;    
}
#category_menu,
#category_filters,
#shop_by_price,
#minicart,

#category_menu ul, 
#recently_viewed ul { list-style-type: none; }
#category_menu li, #recently_viewed li { padding-bottom: 0px; margin: 0px; }
#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 */

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

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

#category .qty, #product .product .qty, #product_builder .product .qty, .child-wrapper li.child-qty .qty, #viewcart .qty, #express_order .qty { width: 30px; }
#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; color:#0f0314; font-family:Lato MS, sans-serif;}
#product .product .image, #product_builder .product .image { float: left; width: 450px; padding: 0px; margin: 10px 0 0; overflow: hidden; }
#product .product .info, #product_builder .product .info { float: right; margin: 10px 0 0; width: 720px; }
.prd_review_top {display:inline-block;float:right;margin-right:20px;}
#prddsc {width:80%;color: #5b5e5f;font-size: 13px; font-family: Lato MS, sans-serif;}
#prodpage_order_area {float:right;margin-top:-50px;margin-right:140px;}
#prodpage_also_bought {padding-top:50px;}
#prodpage_also_bought h2 {font-size: 18px; font-weight: bold; color: #0e496c; margin: 0px 0px 5px 0px;}
#prodpage_also_bought > #scroll {border:2px solid #87bab8;-moz-border-radius: 7px;border-radius: 7px;padding:10px;}
#prodpage_secure_icons {width:300px;float:left;margin-top:20px;margin-right:40px;}
#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: #f65914;font-size:18px;line-height:26px;font-weight:bold; font-family:Lato MS, sans-serif;}
#ProductDetails .prod-details-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 45%; padding: 0px; margin:0px;float:left;}
#ProductDetails .prod-details-video { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 54%; padding-left:1%; margin-top:19px;float:right;}

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

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

#product_tabs { margin: 20px 0px 5px 0px; float: left; display: block; clear: both; width: 100%; overflow: auto; }
#tab-row { }
#tab-row li {
  float: left;
  display: block;
  position: relative;
  top: 1px;
  cursor: pointer;
  padding: 6px 10px;
  margin: 0 3px;
  background: #e1e1e1;
  border: 1px solid #BBBBBB;
}
#tab-row .active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#tab_contents { clear: both; border: 1px solid #BBBBBB; 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; }

#headwithline {margin:10px 0px;background-image:url('http://cdn.cooksdirect.com/images/prodpage-headerline.png');background-repeat:repeat-x;background-position:bottom; width:100%;}
.headwithline {margin:10px 0px;background-image:url('http://cdn.cooksdirect.com/images/prodpage-headerline.png');background-repeat:repeat-x;background-position:bottom; width:100%;text-align:center;}
.brand_head {padding:1px;background-color:#e1fbf2;float:right;margin-top:-20px;}
.brand-boxlink {color:#3f6578;font-weight:bold;font-family: Lato MS,sans-serif;font-size:10px;text-decoration:none;}
.prodheads {font-family:'Lato', sans-serif;color:#05476d;font-weight:bold;font-size:26px;margin:10px 0px 20px 0px;display:inline;background-color:#ffffff;padding-right:20px;padding-left:20px;}

#related_products { float: left; display: block; }

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

.display, .cat-thumbs { list-style-type: none; margin: 0; padding: 0; }
.cat-thumbs a {font-size: 16px;font-weight: bold;margin: 5px 0px;text-transform: uppercase;color: #000;text-decoration:none;}
.cat-thumbs a:hover {font-size: 16px;font-weight: bold;margin: 5px 0px;text-transform: uppercase;color: #000;text-decoration:underline;}


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

.grid li { list-style-type: none; text-align:center;width: 18%; margin: 10px 10px 0px 5px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; _height: 200px; }
.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, .grid li p, .grid li .price, .grid li .rev-stars, .grid li .qanda { margin: 0px 0px 10px 0px; }
.grid li .qanda { display:none; }

#cat_detail_grid {width:100%;text-align:left;}
#cat_detail_grid h3 {font-size: 16px;margin: 5px 0px 10px;color: #474a49; min-height:36px;}
#cat_detail_grid a {font-size: 16px;margin: 5px 0px 10px;color: #474a49;text-decoration:none;}
#cat_detail_grid a:hover {font-size: 16px;margin: 5px 0px 10px;color: #474a49;}
#cat_detail_grid .sale {font-size: 15px; color: #f65914;font-weight:bold;}
#cat_detail_grid .sale_qty {font-size: 14px; color: #f65914;}
#cat_detail_grid .reg_price {font-size:15px; color: #3c8d8d;font-weight:bold;}
#cat_detail_grid .reg_qty {font-size: 14px; color: #3c8d8d;}
#cat_detail_grid .new_low_price {font-size: 15px; color: #f65914; font-weight:bold;text-transform:uppercase;}


.cat-thumbs li { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 18%; margin: 10px 5px 0px 10px; }
.cat-thumbs li .image { padding: 10px 10px 0px 10px; width: 175px; margin: 0px auto; text-align: center; }
.cat-thumbs li .info { padding: 10px; font-size: 12px; width: 175px; margin: 0px auto; text-align: center; }
.cat-thumbs h2 { font-size: 12px; font-weight: bold; margin: 5px 0px 10px 0px; }
.cat-thumbs h3 { font-size: 16px; font-weight: bold; margin: 5px 0px; text-transform:uppercase;color:#000000;}

.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; }
.emailafriend { display: inline-block; width: 150px; }
.enlarge img, .emailafriend img, .bookmark img { display: inline; vertical-align: middle; margin-right: 5px; }
.alternate_images { margin: 10px 0px 0px 0px; }
.alternate_images img { width: 50px; height: 50px; border: 1px solid #e1e1e1; 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: absolute; 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; }

#prod-detail-lst {width:100%;}
#prod-detail-lst h1 {text-transform:lowercase;}
#prod-detail-lst h2 {color: #474a49;font-size: 13px;font-family: Lato MS, sans-serif;}

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

#cart 
.header-row { background: #ffffff; }
.chkheads {font-family:'Lato', sans-serif;color:#05476d;font-weight:bold;font-size:22px;margin:10px 0px 20px 0px;display:inline;background-color:#ffffff;padding-right:15px;}
.chkheadsoff {font-family:'Lato', sans-serif;color:#d0e2a0;font-weight:bold;font-size:22px;margin:10px 0px 20px 0px;display:inline;background-color:#ffffff;padding-right:15px;}
.req {color:#cc0000;}

.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: 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:#e1e1e1; 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:#e1e1e1; color:#666; 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: #191970; color:#FFF; }
#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 { float:right;margin: 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 .continue a { color:#003366;font-size:20px;font-weight:bold;text-decoration:underline;}
#viewcart .continue a:hover {color:#003366;font-size:20px;font-weight:bold;text-decoration:underline;}
#viewcart h1 {font-family: 'Lato', sans-serif;color: #05476D;font-weight: bold;font-size: 20px;margin: 10px 0px 20px;display: inline;background-color: #FFF;padding-right: 20px;}

#viewcart .cart-wrapper ul { list-style-type: none; margin: 10px 0 0; padding: 0px;clear: both; }
#viewcart .cart-wrapper li.title {font-family: 'Lato', sans-serif;color: #05476D;font-weight: bold;font-size: 16px;}
#viewcart .cart-wrapper ul { list-style-type: none; margin: 10px 0 0; padding: 0px;clear: both; }
#viewcart .cart-wrapper li { list-style-type: none; width: 100px; margin: 0 1px 0 0; padding-bottom:10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; _height: 20px; }
#viewcart .cart-wrapper li a {font-size:14px;font-weight:bold;color:#5b5e5f;text-transform:uppercase;}
#viewcart .cart-wrapper li a:hover {font-size:14px;font-weight:bold;color:#5b5e5f;text-transform:uppercase;}
#viewcart .cart-wrapper li a.remove {font-size:12px;font-weight:normal;color:#5b5e5f;text-transform:lowercase;text-decoration:none;}
#viewcart .cart-wrapper li a.remove:hover {font-size:12px;font-weight:normal;color:#5b5e5f;text-transform:lowercase;text-decoration:underline;}
#viewcart .cart-wrapper li.header-remove, #viewcart .cart-wrapper li.cart-remove { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-desc { width: 45%;margin-left:13%;}
#viewcart .cart-wrapper li.cart-desc { width: 58%;}
#viewcart .cart-wrapper .cart-image { width: 100px; float: left; display: block; margin-right: 50px; }
#viewcart .cart-wrapper li.header-unit, #viewcart .cart-wrapper li.cart-unit { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-qty, #viewcart .cart-wrapper li.cart-qty { width: 10%; text-align: center; }
#viewcart .cart-wrapper li.header-total, #viewcart .cart-wrapper li.cart-total { width: 10%; text-align: right; }
#viewcart .cart-wrapper li.cart-total input.total { width: 85px; text-align: right; }
#viewcart .cart-wrapper .update {float:right;margin-right:22%;}

.update-total { overflow: hidden; display: block; margin: 10px 50px; }
.update-total div { float: right; 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 { overflow: visible; display: block; height:46px;margin:0px;clear: both; }
.buttons div { margin: 0 0 2px; vertical-align: top; overflow: visible; }
.buttons div.btn-checkout { width:50%;float: right; text-align: right; overflow: visible;}
.buttons div.continue { width:50%;float: left; text-align: left; overflow: visible;}

.buttons div.btn-checkout div { width:100%;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 #e1e1e1; border-width: 1px 0px; margin-bottom: 10px; padding: 10px 5px; overflow: hidden; clear: both; background: #e1e1e1; }
.ship_estimator { padding: 0px 5px 0px 5px; min-height: 15px; _height: 15px; overflow: visible; float: left; 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; }

.recipients ul { float: left; width: 100%; min-height: 20px; overflow: visible; list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; border: 1px solid #e1e1e1; border-width: 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; }

#login {width:100%;padding:10px;}
#login .login-col { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 46%; padding: 0px; margin:10px;}
#login .login-col a {color:#0e496c;font-size:18px;text-decoration:none;}
#login .login-col a:hover {color:#0e496c;font-size:18px;text-decoration:underline;}
#login .login-col h2 {color:#0e496c;font-size:18px;font-family:Lato MS, sans-serif;}
#login .login-col .btn {margin-left:110px;}
#login .login-col .safe {margin:20px 0px 0px 20px;}

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

div.checkout-display-totals { text-align: center; margin: 0px auto; }
div.order-totals { clear: both; width: 75%; margin: 0px auto 10px auto; min-height: 50px; overflow: hidden; border: 1px solid #e1e1e1; border-width: 1px 1px 0px 1px; text-align: center; }
#checkout_display .order-totals h3 { clear: both; margin 0px auto; padding: 10px 0px; border-bottom: 1px solid #e1e1e1; background: #e1e1e1; }
.order-totals ul { float: left; width: 100%; min-height: 20px; overflow: visible; list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; border: 1px solid #e1e1e1; border-width: 0px 0px 1px 0px; clear: both; }
.order-totals li { list-style-type: none; width: 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; }

#ccname {width:48%;float:left;}
#ccname input[type=text] { padding: 5px 10px;border: 1px solid #CCC;outline: 0px none;font-size: 13px;background: none repeat scroll 0% 0% #FFF;border-radius: 4px;width:80%;margin-top:2%;}
#ccnum {width:48%;float:right;}
#ccnum input[type=number] { float:left;padding: 5px 10px;border: 1px solid #CCC;outline: 0px none;font-size: 13px;background: none repeat scroll 0% 0% #FFF;border-radius: 4px;width:80%;margin-top:2%;}

.confirmation section { margin-bottom: 10px; padding: 10px; }
.confirmation .heading { padding: 10px 10px 0px 10px;margin:0px; overflow: hidden; }
.confirmation .heading input { float: right; }
.confirmation .heading h1 {font-size:18px;color:#0e496c; }
.confirmation .heading h3 { float: left; width: auto; margin-bottom:0px;font-size:13px; }

#checkout_confirmation .cart-wrapper { margin-bottom: 10px; }

#checkout_confirmation .help {margin-top:2%;margin-left:8%;color:#0e496c;font-size:22px;line-height:26px;font-weight:bold;}
#checkout_confirmation .call {margin-left:8%;color:#0e496c;font-size:16px; }

#checkout_confirmation .cart-wrapper ul { list-style-type: none; margin: 0px; padding: 0px;  border-bottom: 2px solid #479091; }
#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 { width: 42%;margin-left:8%; font-weight:bold;text-transform:uppercase;margin-bottom:-10px;}
#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 { width: 15%;font-weight:bold;text-transform:uppercase; margin-bottom:-10px;}
#checkout_confirmation .cart-wrapper li.cart-unit { width: 15%; }
#checkout_confirmation .cart-wrapper li.header-qty { width: 10%; text-align: center; font-weight:bold;text-transform:uppercase;margin-bottom:-10px;}
#checkout_confirmation .cart-wrapper li.cart-qty { width: 10%; text-align: center; }
#checkout_confirmation .cart-wrapper li.header-total { width: 13%; text-align: right; font-weight:bold;text-transform:uppercase;margin-bottom:-10px;}
#checkout_confirmation .cart-wrapper li.cart-total { width: 13%; text-align: right; }
#checkout_confirmation .cart-wrapper li.header-edit { width: 2%; text-align: right; font-weight:bold;text-transform:uppercase;margin-bottom:-10px;}
#checkout_confirmation .cart-wrapper li.cart-edit { width: 2%; 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 #person_info section, #checkout_confirmation #payment_info section, #checkout_confirmation #total_info section { height: 125px; }
**/
#checkout_confirmation #total_info { width:100%;margin: 0; float: right; }

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

.thanks section { margin-bottom: 10px; padding: 10px; }
.thanks p  {margin-left:10%;}
.thanks .heading { padding: 10px 10px 0px 10px;margin:0px; overflow: hidden; }
.thanks .heading input { float: right; }
.thanks .heading h1 {font-size:18px;color:#0e496c; }
.thanks .heading h3 { float: left; width: auto; margin-bottom:0px;font-size:13px; }
#checkout_thanks .cart-wrapper { margin-bottom: 10px; }
#checkout_thanks .cart-wrapper ul { list-style-type: none; margin: 0px; padding: 0px;  border-bottom: 2px solid #479091; }
#checkout_thanks .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_thanks .cart-wrapper li.header-desc { width: 42%;margin-left:8%; font-weight:bold;text-transform:uppercase;margin-bottom:-10px;}
#checkout_thanks .cart-wrapper li.cart-desc { width: 50%; }
#checkout_thanks .cart-wrapper .cart-image { width: 50px; height: 50px; float: left; display: block; margin-right: 10px; }
#checkout_thanks .cart-wrapper li.header-unit { width: 15%;font-weight:bold;text-transform:uppercase; margin-bottom:-10px;}
#checkout_thanks .cart-wrapper li.cart-unit { width: 15%; }
#checkout_thanks .cart-wrapper li.header-qty { width: 10%; text-align: center; font-weight:bold;text-transform:uppercase;margin-bottom:-10px;}
#checkout_thanks .cart-wrapper li.cart-qty { width: 10%; text-align: center; }
#checkout_thanks .cart-wrapper li.header-total { width: 13%; text-align: right; font-weight:bold;text-transform:uppercase;margin-bottom:-10px;}
#checkout_thanks .cart-wrapper li.cart-total { width: 13%; text-align: right; }
#checkout_thanks .cart-wrapper li.header-edit { width: 2%; text-align: right; font-weight:bold;text-transform:uppercase;margin-bottom:-10px;}
#checkout_thanks .cart-wrapper li.cart-edit { width: 2%; text-align: right; }
#checkout_thanks .cart-wrapper .cart-totals { padding: 10px; text-align: right; }
#checkout_thanks .totals { text-align: right; }
#checkout_thanks .grand-total { font-size: 14px; font-weight: bold; }
/**#checkout_thanks #person_info, #checkout_thanks #payment_info, #checkout_thanks #total_info { width: 32%; margin-right:14px; float: left; } 
#checkout_thanks #person_info section, #checkout_thanks #payment_info section, #checkout_thanks #total_info section { height: 125px; }
**/
#checkout_thanks #total_info { width:100%;margin: 0; float: right; }

#checkout_thanks .thanks-question {color:#0e496c;font-size:18px;line-height:22px;font-weight:bold;text-align:center;}
#checkout_thanks .thanks-call {color:#0e496c;font-size:15px;line-height:20px;text-align:center;}


/********** 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 #CCCCCC;
  outline: 0;
  font-size: 13px;
  background: #FFFFFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px; border-radius:0px \0/;
}

select { padding: 2px 2px 2px 5px; max-width: 180px; }
/****
input[type=text]:hover, textarea:hover, select:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=tel]:hover, input[type=url]:hover,
input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=url]:focus, html input.focusField { background: #ffffff; border-color: #6699FF; box-shadow: 0px 1px 5px #6699FF; -webkit-box-shadow: 0px 1px 5px #6699FF; -moz-box-shadow: 0px 1px 5px #6699FF; transition:box-shadow 200ms linear 0s; -webkit-transition:box-shadow 200ms linear 0s; }
***/

html input.dynamic_qty, html input.dynamic_qty:hover, html input.dynamic_qty:focus, input[readonly] { background: transparent; width: auto; padding: 0px; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; font-weight: bold; vertical-align: baseline; filter: none; }
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: #DDD 1px solid; }
div.form-container legend { font-weight: bold; color: #666; }
div.form-container div { padding: 0.25em 0; overflow: hidden; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-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: 100px; display: block; float: left; text-align: left; position: relative; }
div.form-container2 input:focus,
div.form-container2 input.error:focus, 
div.form-container2 textarea:focus { background-color: #FFC; border-color: #FC6; }

div.login div { padding: 0.25em 0; }
div.login .welcome-back { border: #DDD 1px solid; padding: 10px; }
div.login .info { width: 70%; }
div.login fieldset { margin: 15px 0; padding: 10px; border: #DDD 1px solid; }
div.login fieldset.login-box { border:20px solid #d0e2a0;-moz-border-radius: 5px;border-radius: 5px;}
div.login legend { font-weight: bold; color: #666; }
div.login label, 
div.login span.label { font-size:16px;margin-right: 10px; width: 100px; padding: 3px 0; display: block; float: left; text-align: left; position: relative; }
div.login .required {font-size:11px;font-style:italic;text-align:right;margin-right:8px;}
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 #billing_info { width: 49%; float: left; clear: left; margin-left:1%; }
div.quick-checkout #shipping_info { width: 49%; float: right; clear: right; }
div.quick-checkout #payment_info { width: 55%; float: left; clear: left; margin-left:1%; }
div.quick-checkout #submit_info { width: 43%; float: right; clear: right; }
#submit_info .help {color:#0e496c;font-size:32px;line-height:20px;font-weight:bold;border-bottom:3px solid #a9d5a7;width:48%; }
#submit_info .call {color:#0e496c;font-size:18px;line-height:22px;}
#submit_info .button_submit {float:right;margin-top:-80px;margin-right:40px;}

div.quick-checkout form fieldset { margin: 15px 0; padding: 10px; border: #DDD 1px solid; }
div.quick-checkout form legend { font-weight: bold; color: #666; }
div.quick-checkout form div { padding: 0.25em 0; }
div.quick-checkout label, 
div.quick-checkout span.label { margin-right: 5px; padding-right: 5px; width: 140px; 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; }

div.quick-checkout fieldset { margin: 15px 0px ; padding: 10px; border: #DDD 1px solid; }
div.quick-checkout fieldset.quick-checkout-box { border:20px solid #d0e2a0;-moz-border-radius: 5px;border-radius: 5px;margin-bottom:30px;}
#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 { display:inline;padding:0 0 5px 25px !important; }
#checkout_shipping .cc_logos { margin-left:130px; float: none; clear: none; }
.cc_logos img { display: inline; margin-left: 3px; box-shadow: 0px 2px 2px #000; -webkit-box-shadow: 0px 2px 2px #000; -moz-box-shadow: 0px 2px 2px #000; }

/********** 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: 14px Lato MS, sans-serif;
  text-transform:uppercase;
  font-weight:bold;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -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: #e8f0de; border: solid 1px #538312; background: url(/images/gradient.png) repeat-x #64991e; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.style1:hover, .style1:active { background: url(/images/gradient.png) repeat-x #538018; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }

/* WHITE button */
.style2, .style2:visited  { color: #FFFFFF; border: solid 1px #b7b7b7; background: url(/images/gradient.png) repeat-x #327374; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.style2:hover, .style2:active { background: url(/images/gradient.png) repeat-x #3c898a; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }

/********** 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: #0E496C; background-color: #d0e2a0; text-decoration: none; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }
.member-links a:hover { color: #fff; background-color: #368A89; text-decoration: none; transition:background-color 200ms linear 0s; -webkit-transition:background-color 200ms linear 0s; }

.wishlist { float: left; padding: 10px 0 !important; width: 97%; }
.wishlist ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #e1e1e1; border-width: 0 0 1px; clear: both; }
.wishlist 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; }
.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 h3 { margin: 0px; padding: 0px; list-style-type: none; font-size:14px;}
#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;  font-size: 16px;}
#qa_box li.answer { overflow: hidden; list-style-type: none; background: #e1e1e1; padding: 5px; margin: 2px; border: 1px solid #bbb;}
#qa_box li.response { overflow: hidden; list-style-type: none; background: #e1e1e1; padding: 5px; margin: 2px; border: 1px solid #bbb;  font-size: 12px;}
#qa_box hr.qa_rule { color: #999;  background-color: #e1e1e1; 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; }
.nowrap { display:inline; white-space:nowrap; }

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

#login_checkout_container { margin:0px auto; width: 65.677%; }
#login_checkout_container .login-box { height:/*270px*/ auto; }

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


/********** CUSTOM CSS ADDED AFTER BUILD **********/
.stnd_price, input.stnd_price { color: #000000;font-size:18px;font-weight:bold; font-family:Lato MS, sans-serif;}
.sale_price, input.sale_price { color: #f65914;font-size:24px;font-weight:bold; font-family:Lato MS, sans-serif;}
.strike_price {color: #6e6f6f;font-size:18px;font-weight:normal; font-family:Lato MS, sans-serif;padding-bottom:10px;}

/********** NEWSLETTER LIGHTBOX **********/
#nl-lightbox {padding-top:235px;padding-left:90px;}
#nl-lightbox input[type=email] { color: #8A8D8D;font-family:Lato MS, sans-serif;font-size: 14px; width:360px;}
#nl-lightbox input[type=image] { border:0px;}

/********** BOXCART LIGHTBOX **********/
#boxcart-bg {background-image:url('../images/boxcart-bg.jpg');background-repeat:no-repeat;width:754px;height:510px;padding:40px;}
.boxcart-head  {color:#0d496c;margin-bottom:0px;padding-bottom:0px;font-size:20px;font-weight:bold;}
.boxcart-line  {border-top:5px solid #93cbae;width:450px;}
.boxcart-also {color:#0d496c;margin-bottom:0px;padding-bottom:0px;font-size:14px;font-weight:bold;}

/********** PRICE MAPPING LIGHTBOX  **********/
#hidPrice {background-image:url('../images/boxcart-bg.jpg');background-repeat:no-repeat;width:754px;height:510px;padding:0px;}
.hidPrice-box {background-image:url('../images/boxcart-bg.jpg');background-repeat:no-repeat;width:754px;height:510px;padding:0px;}
.hidPrice-head  {color:#0d496c;margin-bottom:0px;padding-bottom:10px;font-size:20px;font-weight:bold;}
.hidPrice-line  {border-top:5px solid #93cbae;width:675px;}
.hidPrice-prodname {font-size:18px;margin:0px;padding-bottom:10px;}
.hidPrice-regular {font-size:20px;margin:0px;padding-bottom:10px;}
.hidPrice-stock {font-size:20px;margin:0px;padding-bottom:20px;}
.hidPrice {font-size:14px;margin:0px;padding-bottom:20px;}


.twolines {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;     /* fallback */
   max-height: 32px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.discontinued {
font-family: Lato MS, sans-serif;
font-size: 24px;
line-height: 28px;
font-weight: bold;
color: #5b5e5f;
}

.centered {text-align: center;}
.float-left {text-align: left;} 
/*Front page fixes*/
body#index #homebody{width:71%;}
body#index #boxes{width:28%;}
body#index #slideshow{height:300px;width:100%;}
#slideshow img, #slideshow a{width:100% !important;/*height:300px;*/}
#home #nav{margin-top:15px;}
@media screen and (max-width:1024px){body#index #homebody{width:100%;max-width:100%;}#slideshow{height:200px;}}