/******************************************************************************************/
/* begin global styles                                                                    */
/******************************************************************************************/



/* force a vertical scrollbar in firefox, prevents horizontal page shifting */
html { min-height: 100%; margin-bottom:1px; }


/* Global Styles */

body {
    padding: 0;
    margin: 0;
    background-color: #fcfcfc; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12.5px;
    color: #4c4c4c;
}

.greenText {
    color: #339934;
}

.center{
    text-align:center;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

td, p, form {text-decoration:none; margin:0; }
p { margin: 0 0 1em 0; line-height:26px;}
span{ }
p.topMargin { margin: 1em 0; }
ul { list-style-type:none; margin:0; padding:0; }
table caption { font-size:1.2em; font-weight:bold; }
.featuredProductsGrin figcaption span {line-height:none;}
.hidden {display:none;}
.block {display:block;}
.lowercase {text-transform:lowercase;}
/*content align*/
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-center{text-align:center;}

/*font sizing*/
.font-large {font-size:14px;}
.font-larger {font-size:16px;}
.font-small{font-size:10px;}
.font-smaller{font-size:8px;}

/*column sizing*/
.colHalf{width:50%;}
.colThird{width:33.33%;}
.colQtr{width:25%;}
.colFifth{width:20%;}

h1, .h1 {
    font-size: 28px;
    font-weight: bold;
    margin: 1em 0 .25em;
    color: #798a8e;
}
h2,
.h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 1em 0 .25em;
    color: #798a8e;
}
h3,
.h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 1em 0 .25em;
}
h4,
.h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 1em 0 .25em;
}
h5,
.h5 {
  font-size: 14px;
  font-weight:normal;
  margin:5px 0 15px;
}
h6,
.h6 {
  font-size: 12px;
  font-weight:normal;
  margin:5px 0 15px;
}

h2.headline {
    color: #333;
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    margin-top: 50px;
    margin-bottom:40px;
    padding-bottom:5px;
    border-bottom: 2px solid #333;
    text-align:center;
}

/* price display */
/*div.itemContainer .item div.price {display:table-row;}*/
/*.priceDisplay { font-weight:bold; color: #444444; }
span[itemprop="price"] { font-weight:bold; color: #444444; }*/

/* links */
a {
    color: #393;
    text-decoration: underline;
}
/*a:hover { color:#E5A704; text-decoration: none; }*/
a.highlight 
{ 
	font-weight:bold; 
	color:#003718;
	padding:5px 0px;
	margin-top:5px; 
	text-decoration:none; 
}
a.link { text-decoration:underline; }
a.wishList {color:#f35530; vertical-align:middle;font-weight:bold;border: 2px solid #f35530; padding: 5px 5px 8px 5px; }
a.wishList:hover {background-color:#f35530; color:#fff;}
a.linked, .linked:link, .linked:visited { text-decoration: underline; }
.linked:hover { color:#CAB999; }

/* input elements */
input { vertical-align:middle;}
/*input[type="radio"], input[type="checkbox"] { margin: 0px 5px 3px 9px; }*/
/*input[type="radio"]:first-child, input[type="checkbox"]:first-child { margin-left:3px; }*//*input[type="radio"]:first-child, input[type="checkbox"]:first-child { margin-left:3px; }*/

/*input.textBox 
{ 
	background-color:#FFFFFF; 
	border:1px solid #b3b3b3;
	padding: 2px; 
	width:190px; 
	height:16px; 
	margin:0 3px 0 15px; 
}*/ 

/* updown control images */
.quantityUpDown #Up{ background: url(images/up.gif) center no-repeat; display:block; width:12px; height:12px; }
.quantityUpDown #Down{ background: url(images/down.gif) center no-repeat;  display:block; width:12px; height:12px;  }

/* buttons */
.button,
.buttonInvert {
    cursor: pointer;
    background-color: #339933;
    color: #fff;
    font-weight: bold;
    padding: 10px 22px;
    text-decoration: none;
    white-space: nowrap;
    border: 2px solid #339933;
    font-family: Verdana;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
}

.button:hover {
    background-color: #fff;
    color: #339933 !important;
}

.buttonInvert {
    background-color: #fff;
    color: #339933;
    border: 2px solid #339933;
}

.buttonInvert:hover {
    background-color: #339933;
    color: #fff;
}

.buttonHover {
    background-color:#339933; 
	color: #fff !important; 
}

.wishListHover{
    background-color: #f35530;
    color: #fff !important;
}

a.button:hover
{
    color:#339933;
}

.button:active
{
    color: #fff !important; 
}
.processingButton {
    cursor: not-allowed;
    font-style:italic;
    background-color: #99cc33;
    color: #339933;
    font-size: 90%;
    font-weight: bold;
    /*line-height: 2.2em;*/
    /* margin: 2px 2px 2px 0; */
    padding: 9px 9px 10px;
    text-decoration: none;
    white-space: nowrap;
    border: 0px;
    font-family: Verdana;
    display:none;
    text-transform:uppercase;
}

.basket .button {
    background-color: #fff;
    color: #393 !important;
    border: 2px solid #393;
    padding: 10px 22px;
}

    .basket .button:hover {
        background-color: #393;
        color: #FFF !important;
        border: 2px solid #393;
        padding: 10px 22px;
    }


.test
{
cursor: pointer;
background-color:#E0EAF1;
border-bottom:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
color:#3E6D8E;
font-size:90%;
line-height:2.2;
margin:2px 2px 2px 0;
padding:3px 4px;
text-decoration:none;
white-space:nowrap;
}

/* Text styles used to provide status information */
.goodCondition{font-weight: bold; color: #008000; padding-bottom: 3px;}
.warnCondition{font-weight: bold; color: #FFA500; padding-bottom: 3px;}
.errorCondition{font-weight: bold; color: #FF0000; padding: 3px;}

.error {color:#FF0000;}
.requiredField {color: #FF0000; padding-bottom: 3px; margin-left:3px;}
.form-input-wrapper {position:relative;}
.form-input-wrapper .requiredField {
    position:absolute;
    right:0;
    top:0;
}
p.success { font-weight:bold; color: #008000; }
p.error { font-weight:bold; color: #FF0000; }

.form-check {
    font-size:1rem;
}

/* misc general styles */
.contentArea {
    padding: 5px 10px 5px 10px;
}
.borderArea {
    border: 1px solid #798A8E;
}
.borderTop {
    border-top: 1px solid #EBEEEF;
}
.borderBottom {
    border-bottom: 1px solid #EBEEEF;
}
.borderRight {
    border-Right: 1px solid #EBEEEF;
}
.borderLeft {
    border-Left: 1px solid #EBEEEF;
}
.noTopPadding { padding-top:0; }
.noBottomPadding { padding-bottom:0;}
.noRightPadding { padding-right:0;}
.noLeftPadding { padding-left:0;}
.noTopBottomPadding {padding-top:0; padding-bottom:0;}
.noLeftRightPadding {padding-left:0; padding-right:0;}
div.noResultsPanel {padding:10px; text-align:center;}
p.highlight { color:#DB0B0B; padding-top:5px; margin-top:5px; text-decoration:none; }
.visiblePanel { display:block; }
.hiddenPanel { display:none; }
span.label, .col-form-label, .form-label {
    font-weight: bold;
}
.fieldHeader {font-weight:bold;}
.noteText {}
span.msrp {
    text-decoration: line-through;
    color: #999999;}
.textContent {padding-bottom:20px;}
span.message {padding-left:5px;}
div.message {display:block;margin-bottom:1em;}
.clearRight {clear:right;}
.clearLeft {clear:left;}
.clear {clear:both;}
.center {
    margin: 0 auto;   
    text-align:center;     
}

/*Chef Shop colors*/
.standardGrey{color:#666666;}
.darkGreen {color:#339933;}
.lightGreen {color:#99cc33;}
.orange {color:#f36630;}
.yellow {color:#facd2a;}
.lightBrown{color:#c58545;}
.darkBrown {color:#895d38;}
.lightGrey {color:#4c4c4c;}

/* Spacing */
.space-bottom-5 {padding-bottom: 5px;}
.space-bottom-10 {padding-bottom: 10px;}
.space-bottom-15 {padding-bottom: 15px;}
.space-right-5 {padding-right: 5px;}
.space-right-10 {padding-right: 10px;}
.space-right-15 {padding-right: 15px;}
.space-left-5 {padding-left: 5px;}
.space-left-10 {padding-left: 10px;}
.space-left-15 {padding-left: 15px;}
.space-top-5 {padding-top: 5px;}
.space-top-10 {padding-top: 10px;}
.space-top-15 {padding-top: 15px;}

/*margin spacing*/
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-right-5 {margin-right: 5px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-15 {margin-right: 15px;}
.margin-left-5 {margin-left: 5px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-15 {margin-left: 15px;}
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}

/******************************************************************************************/
/* end global styles                                                                      */
/******************************************************************************************/

/******************************************************************************************/
/* begin common page layout and container styles                                          */
/******************************************************************************************/

/* high level containers */
#outerPageContainer {width: 100%;}
#innerPageContainer { margin-left:auto; margin-right: auto;}

div.clear { clear:both; }

#header
{
    /*width:980px;*/
/*	display:block;
	margin-bottom:1em;
	margin-left: 0;
	margin-right: 0;
    clear: both;*/
}

#header div.zone {}

.CookieDisclosure{
    position:fixed;
    bottom:0;
    width:100%;
    padding:18px 10px 15px 10px;
    text-align:center;
    background-color:lightgrey;
    color:#000;
    z-index:1050;
}

.CookieDisclosure span{
    font-size:18px;
}

#leftColumn,
#rightColumn {
    flex: 0 0 324px;
}

#mainColumn {}

p {
    margin: 0 0 1em 0;
    font-size: 20px;
    line-height: 34px;
}

@media(max-width:1199px){
    #leftColumn,
    #rightColumn {
        flex: 0 0 270px;
    }
}

@media(max-width:991px) {
    #leftColumn,
    #rightColumn {
        display:none;
    }

    #mainColumn p {
        line-height: 26px;
    }

    p {
        font-size: 14px;
    }
}

/* column gutters */

.columnsWrapper{
    display:flex;
    justify-content:space-between;
}

.basketTotalSummaryWidget {
    overflow: visible !important;
}

.column_1 {
    /*margin-right:55px;*/
}
.column_2,
.column_3
{
	max-width:325px;
}

/* standard styling for three columns at page top */
/* 20px zone padding + 40px gutter + (300*3) = 960 */
.thirdsColumn { width: 30%; display:inline-block;}
.thirdsColumn .widget { min-height:150px; overflow:visible !important;}

/* standard styling for pages split in two columns */
/* 20px zone padding + 20px gutter + (460*2) = 960 */
.halfColumn {
    width: 460px;
    padding:10px;
}


/* make sure column sections are cleared */
.section { clear:both; }

#mainColumn img {
    max-width:100%;
}

/******************************************************************************************/
/* end common page layout and container styles                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin header, footer, and sidebar styling                                              */
/******************************************************************************************/

/* header area styling */

.header {/*margin-left:15px; margin-right:15px;*/}

#storeHeader {
}
    #storeHeader a {
        text-decoration: none;
    }
#headerTop{ padding-bottom:10px; }
#storeHeader #headerTop .shortcuts {text-align:right;position: relative;top: 7px;float: right;}
   
    #storeHeader #headerTop .shortcuts .phoneNumber {
        color: #339933;
        padding-left: 0;
        font-weight: bold;
        font-size: 14px;
    } 


    #storeHeader #headerTop .shortcuts .login {
        padding-right: 0;
    }
    #storeHeader #headerTop .shortcuts .logout {
        padding-right: 10px;
    }
    #storeHeader #headerTop .basket {
        font-size: 11px;
        text-align: left;
        padding: 7px 5px 7px 8px;
        float: right;
    }



#storeHeader #headerTop a.basket img {
    border: 2px solid #e4e4e4;
    border-color: #fff;
}
    span.CartIconText {
        color: #459f47;
        display:inline-block;
        position:relative;
    }

#storeHeader #headerTop .logoColumn {
    max-width:250px;
}

#storeHeader #headerTop .logoColumn img {
    max-width: 100%;
    margin-top:15px;
}

#storeHeader #headerTop .shortcuts .or {
    color: #666666;
    font-size: 12px;
}
#storeHeader #headerTop .shortcuts .create {
    padding-left: 0;
    font-size: 12px;
} 
#storeHeader #headerTop .shortcuts a
{
    color:#666666;
    text-align: center;
    text-decoration: none;
    padding:0 8px 0 8px;
    font-size:11px;
}

#storeHeader #headerTop a img.cartImg {width:25px;}
#storeHeader #headerMid {/*position: relative;bottom: 18px;clear:both;height:80px;*/}

#storeHeader #headerMid .leftCol {}/*left headerMid column*/
#storeHeader #headerMid .leftCol img{width:100%;margin-bottom:5px;}
#storeHeader #headerMid .midCol {height:60px;padding-left:15px;}/*center headerMid column*/
#storeHeader #headerMid .midCol .bannerText{margin:0; position:relative; top:50%; margin-top:-17px;}
#storeHeader #headerMid .midCol .bannerText h2 {margin:0;} 
#storeHeader #headerMid .rightCol {height:60px;padding-left:15px;}/*right headerMid column*/


.searchWrapper .searchPhrase{width:100%;height:42px;font-size: 14px;padding-left: 10px; border:0;}
.searchWrapper a {text-decoration:none;vertical-align:middle; color:#666666;}
.searchWrapper .search-submit { width: 25px; }

.searchWrapper {
    width: 100%;
    border: 1px solid #798A8E;
    background: #FFF;
    padding: 0;
    display: flex;
    margin-top:5px;
}
    .searchWrapper input[type=image] {
        width: 35px;
        height:42px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

#storeHeader .searchWrapper {
    max-width: 350px;
    margin-left: auto;
}

#headerNavigation {
    display: block;
    clear: both;
    border-bottom: 1px solid #9d9d9d;
    border-top: 1px solid #9d9d9d;
}
    #headerNavigation .navigation {
        
    }
#headerNavigation .content {margin:0 auto;}
#headerNavigation .subnav-item a:hover{background-color:transparent;text-decoration:underline;}
#headerNavigation a.tab 
{
    color:#666666; 
    text-transform: uppercase; 
    padding: 0 12px;
    height:35px;
    line-height:35px;
    font-weight: bold;
    font-size:11px;
}
    #headerNavigation a.tab:hover {
        background-color: #f36630;
        color: #fff;
    }

a.subscribe:hover {
    color: #fff;
    background-color: #f36630;
}
.navHover {
    background-color: #f36630;
    color: #fff;
}
#headerNavigation a {
    /*background-color:#005b90;*/
    /*font-weight: bold;*/
    /*font-size:11px;*/
    display: inline-block;
    width: auto;
    /*padding: 8px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.1em;
}
#headerNavigation div.subnav-item {text-align:left; padding: 4px 0 4px 0; }
#headerNavigation a.subscribe {color:#339933 !important;}
#headerNavigation a.subscribe:hover {color:#fff;}
#headerNavigation span 
{
    font-weight: bold;
    font-size:11px;
	width: auto; 
	padding: 6px;
	text-transform: uppercase; 
    text-decoration: none; 
	text-align: center; 
	line-height:28px; 
	letter-spacing: 1px;
	color:#666666;
}

#headerNavigation .navigation{
    display:flex;
    justify-content:space-between;
}

.subNavigation{
    width:100%;
    height:0;
    position:relative;
}

.subNavDropDown
{
    position: absolute;
    background: #FFF;
    z-index: 1000;
    border: 3px solid #f36630;
    padding: 30px 0 30px 40px;
    display:none;
    width:100%;
    border-left:0;
    border-right:0;
}
.boxContainer {position:relative;}
div.subnav-column {width:200px;}
div.subnav-column:not(:first-child) {padding-left:10px;}
#headerNavigation div.subnav-item a {
    color: #4c4c4c;
    font-size: 12px;
    line-height: 1.25em;
    text-align:left;
}
div.subnav-item {}
#headerBottom {display:block;clear:both;}

@media (min-width:1200px){
    #storeHeader #headerTop .logoColumn {
        max-width: 324px;
    }

    #storeHeader #headerTop .shortcuts a {
        padding: 0 10px 0 10px;
        font-size: 12px;
    }

    #storeHeader #headerTop .basket {
        font-size: 12px;
        padding: 7px 5px 7px 10px;
    }

    #storeHeader #headerTop .shortcuts .phoneNumber {
        font-size: 16px;
    }

    #headerNavigation a.tab {
        padding: 0 15px;
        font-size: 13px;
    }

    #headerNavigation div.subnav-item a {
        font-size: 14px;
    }
}

/* Mobile Header and Nav */
#MobileHeader {
    padding-bottom: 10px;
    box-shadow: 0px 3px 6px #00000029;
}

#MobileHeader .storeLogo img {
    max-height: 52px;
    margin: 4px 0 0 4px;
}

.mobileContact {
    background: #339933;
    height:25px;
}

    .mobileContact p {
        margin: 0;
        text-align: center;
        color: #FFF;
        letter-spacing: 0;
        line-height: 25px;
        font-size: 11px;
    }

#MobileHeader .mobileShortcuts {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin-top:8px;
}

#MobileHeader .mobileShortcuts a {
    display: block;
    margin-left:10px;
}

    #MobileHeader .mobileShortcuts a.cartLink {
        display: block;
        background-image: url(images/icon_cart-gray.svg);
        width:33px;
        height:28px;
    }

    #MobileHeader .mobileShortcuts a.accountLink {
        display: block;
        background-image: url(images/icon_account-gray.png);
        background-size: cover;
        width: 24px;
        height: 28px;
    }

#MobileHeader .headerSearchWrapper {
    max-width: 100%;
    margin-top: 10px;
}

.hamburger-toggler {
    border: 0;
    padding: 0;
    margin: 14px 0 0 0;
    background:#FCFCFC;
}

.animated-icon {
    width: 25px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    .animated-icon span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

.animated-icon span {
    background: #798A8E;
}

    .animated-icon span:nth-child(1) {
        top: 0px;
    }

    .animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {
        top: 9px;
    }

    .animated-icon span:nth-child(4) {
        top: 18px;
    }

    .animated-icon.open span:nth-child(1) {
        top: 11px;
        width: 0%;
        left: 50%;
    }

    .animated-icon.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .animated-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .animated-icon.open span:nth-child(4) {
        top: 11px;
        width: 0%;
        left: 50%;
    }


#navbarSupportedContent{
    /*min-height:100vh;*/
}

.mobileNav {
    min-height: 100vh;
    margin-top:15px;
}

    .rootLevelItem,
    .secondLevelItem {
        position:relative;
    }

.mobileNav a.link {
    border-top: 1px solid #798A8E;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 0px;
    line-height: 40px;
    height: 40px;
    display: block;
    z-index: 5;
    text-decoration: none;
}

.mobileNav a.toggle {
    width:50px;
    font-size: 20px;
    font-weight:bold;
    color: #333;
    line-height: 40px;
    height: 40px;
    display: block;
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    text-align:center;
}

.mobileNav a.toggle span {
    display:block;
    border-top: 3px solid #333;
    width:13px;
    margin:20px auto auto auto;
}

    .mobileNav a.toggle.collapsed span {
        display:none;
    }

    .mobileNav a.toggle:after {
        content:"";
    }

    .mobileNav a.toggle.collapsed:after {
        content: "+";
    }

    

    .mobileNav .rootLevelItem > a {
        font-weight:bold;
        padding-left:4px;
    }

    .mobileNav .secondLevelItem > a {
        padding-left: 14px;
    }

    .mobileNav .thirdLevelItem > a {
        padding-left: 24px;
    }

/* standard page header */
div.pageHeader, #pageHeader {
    position: relative;
}

    div.pageHeader h1,
    #pageHeader h1,
    div.pageHeader h2,
    #pageHeader h2 {
        font-size: 28px;
        line-height: 34px;
        color: #798A8E;
        font-weight: bold;
        margin-top: 20px;
    }

    @media(max-width:767px){
        div.pageHeader h2, #pageHeader h2 {
            font-size: 24px;
            line-height: 29px;
        }
    }

/*div.pageHeader h1, #pageHeader h1 {color:#666666; font-size: 1.9em; line-height:1.5em; margin:0; }*/
div.pageHeader div.links, #pageHeader div.links { right:10px; top:4px; position:absolute; }

/* breadcrumbs */
.breadCrumbs {
    color: #798A8E;
    margin: 0;
    font-size: 12px;
    padding: 15px 0;
}
    .breadCrumbs a {
        color: #798A8E;
    }

    @media(max-width:767px){
        .breadcrumbsWrapper{
            display:none;
        }
    }

@media(max-width:1199px) {
    div.pageHeader div.links, #pageHeader div.links {
        display:none;
    }
}


/* footer area styles */
#footer {
    background-color: #F3F4F5;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    margin-top:20px; 
}

    #footer a {
        text-decoration:none;
    }

    #footer h5 {
        font-size: 14px;
        line-height: 17px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333333;
        margin: 20px 0 0 0;
        padding: 10px 0;
        border-bottom: 1px solid #798A8E;
    }

    #footer ul {
        padding-left: 0;
        list-style: none;
        margin: 10px 0 0 0;
    }

    #footer li {
        font-size:11px;
        line-height:20px;
        text-transform:uppercase;
    }

        #footer li .phone {
            font-size: 18px;
            line-height: 22px;
            font-weight: bold;
            color: #339933;
        }


#footer a.footer-social-links { display:block; margin-right:10px;}
#footer .social-links-container {padding: 0; display:flex; margin-top:8px;}

    #footer .newsletterSignupForm input[type=text] {
        width: 100%;
        display: block;
        height: 34px;
        line-height: 34px;
        margin: 15px 0;
        text-align:center;
        font-size:14px;
    }

    #footer .newsletterSignupForm .button {
        border: 1px solid #798A8E;
        border-radius: 5px;
        background: #FFF;
        color: #5C5C5C;
        font-size:14px;
        font-weight:bold;
        line-height:34px;
        height:34px;
        display:block;
        width:100%;
        padding:0;
    }

        #footer .newsletterSignupForm .button:hover {
            border: 1px solid #5C5C5C;
            background: #5C5C5C;
            color: #FFF !important;
        }

    #footer .newsletterSignupForm {
    }

    #desktopFooterNav > .row > .col:first-child {
        padding-left: calc(1.5rem*.5);
    }

    #desktopFooterNav > .row > .col:last-child {
        padding-right: calc(1.5rem*.5);
    }

#mobileFooterNav h3 {
    color: #798A8E;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    border-bottom: 1px solid #798A8E;
    text-transform: uppercase;
    padding-bottom:8px;
    margin-bottom:11px;
    margin-top:0;
}

#mobileFooterNav p {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 20px;
    color: #798A8E;
    text-align:center;
}

#mobileFooterNav span.phone {
    font-size: 18px;
    line-height: 22px;
    color: #339933;
    font-weight:bold;
}

#mobileFooterNav .searchWrapper {
    margin:11px 0;
}


.giftBanner {
    background: #339933;
    padding:35px 0;
    margin-bottom:40px;
}

    .giftBanner .giftWrapper {
        display: grid;
        grid-template-columns: 130px 1fr;
        column-gap: 35px;
    }

    .giftBanner .giftWrapper img {
        width:100%;
    }

    .giftBanner .giftImage {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start:1;
        grid-row-end:3;
    }

    .giftBanner .giftContent h2 {
        color: #FFF;
        font-size: 32px;
        font-weight: bold;
        line-height: 40px;
        font-family: 'Trebuchet MS';
        margin: 0 0 5px 0;
    }

    .giftBanner .giftContent p {
        color: #FFF;
        font-size: 22px;
        line-height: 34px;
        font-family: 'Trebuchet MS';
    }

    .giftBanner .giftButton .button {
        border: 1px solid #FFF;
    }

        .giftBanner .giftButton .button:hover {
            border: 1px solid #FFF;
            padding:12px 24px;
        }

        #footer .badges {
            display:flex;
            align-items:center;
            margin-top:30px;
        }

            #footer .badges .AuthorizeNetSeal {
                margin-right:15px;
            }

#footer .footerBorder {
    border-top: 1px solid #798a9e;
    border-bottom: 1px solid #798a9e;
    width: 100%;
    background: #FFF;
    margin-top:40px;
}

    #footer .footerBorder h3 {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 39px;
    }

#footer .copyright {
    color: #798a8e;
    text-align:center;
    padding:25px 0;
    font-size:11px;
    line-height:20px;
}

#footer .copyright a {
    color: #798a8e;
}

@media (min-width: 1200px) {
    #desktopFooterNav > .row > .col {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1580px) {
    #desktopFooterNav > .row > .col {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media(max-width:767px){
    .giftBanner {
        margin-bottom:20px;
    }

    .giftBanner .giftWrapper {
        grid-template-columns: 90px 1fr;
        column-gap: 30px;
    }

    .giftBanner .giftImage {
        grid-column-start: auto;
        grid-column-end: auto;
        grid-row-start: auto;
        grid-row-end: auto;
    }

    .giftBanner .giftContent h2 {
        font-size: 20px;
        line-height: 40px;
        margin: 0 0 5px 0;
    }

    .giftBanner .giftContent p {
        font-size: 14px;
        line-height: 26px;
    }

    .giftBanner .giftButton {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .giftBanner .giftButton .button {
        width:100%;
        padding: 12px 10px;
        text-align:center;
        white-space:normal;
        font-size:12px;
    }
}


/*Home page ONLY */
.homepageHeading {
    font-family: 'Festive',cursive !important;
    text-align: center;
    font-size: 100px;
    line-height: 1em;
    color: #333;
    margin: 50px 0 20px;
    font-weight: 500;
}

.homeBannerWrapper {
    padding-top: 40%;
    position: relative;
    background-size: cover;
    background-position: center center;
    margin-top: 30px;
}

    .homeBannerWrapper .innerWrapper {
        position: absolute;
        width: 60%;
        left: 50%;
        bottom:50px;
        transform: translate(-50%, 0);
        background: #FFFFFF;
        background: #FFFFFFCC;
        text-align:center;
        padding: 30px;
    }
        .homeBannerWrapper .innerWrapper p {
            text-shadow: #00000029 0px 3px 6px;
        }

        .homeBannerWrapper .innerWrapper p.top {
            font-size: 34px;
            font-weight: bold;
            letter-spacing: 1.36px;
            margin-bottom: 0;/* .666em;*/
        }

        .homeBannerWrapper .innerWrapper p.bottom {
            font-size: 30px;
            margin-bottom:0;
            display:none;
        }

        .homeBannerWrapper .innerWrapper .orange {
            color: #DC5624;
        }

        .homeBannerWrapper .innerWrapper .purple {
            color: #339933;
        }

.quoteBox {
    border: 2px solid #BAD64D;
    display: flex;
    margin-top: 30px;
    padding: 12px;
}

    .quoteBox .leftQuote,
    .quoteBox .rightQuote {
        width: 50px;
        height:40px;
        background-position: center center;
        background-size: cover;
        opacity: .55;
    }

    .quoteBox .leftQuote {
        background-image: url(images/Quote-L-x2.png);
    }

    .quoteBox .rightQuote {
        background-image: url(images/Quote-R-x2.png);
    }

    .quoteBox .body {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 5px;
    }

#mainColumn .quoteBox .body p,
#NewsletterSignupModal .quoteBox .body p {
    text-align: center;
    color: #339933;
    font-size: 18px;
    font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-weight: bold;
    margin: 0;
    line-height: 21px;
}

    #mainColumn .quoteBox .body p.name,
    #NewsletterSignupModal .quoteBox .body p.name {
        font-size: 14px;
        font-weight: normal;
        font-family: Verdana, sans-serif;
    }

.homeIntroText {
    text-align:center;
    margin:1em 80px;
    font-size:20px;
}

.popularCategories .category {
    position: relative;
    text-align: center;
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #f36630;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.popularCategories .viewAll {
    position: relative;
    text-align: center;
    font-weight: bold;
    display: block;
    position:relative;
    padding-top: 100%;
    text-decoration: none;
    
  
    text-transform: uppercase;
}

    .popularCategories .viewAll .innerWrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom:0;
        border: 2px solid #f36630;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }

        .popularCategories .viewAll .innerWrapper .text {
            color: #f36630;
            font-size: 36px;
            font-weight: 400;
            line-height: 1.2em;
        }

        .popularCategories .viewAll .innerWrapper .icon {
            background-image: url(images/icon_circle-more_orange.png);
            background-repeat:no-repeat;
            display:block;
            height:60px;
            width:60px;
            margin-top:10px;
        }


.favoriteProducts .col {
    padding-left: 24px;
    padding-right: 24px;
}

.favoriteProducts .favorite {
    position: relative;
    text-align: center;
    font-weight: 400;
    display: block;
    text-decoration: none;
    color: #f36630;
    font-size: 22px;
    margin-bottom: 40px;
    line-height: 1.2em;
}


.favoriteProducts .favorite img {
    width:100%;
    display:block;
    margin-bottom:10px;
}


    .favoriteProducts .summary {
        display:block;
        color:#4c4c4c;
        font-size:18px;
        font-weight:normal;
        line-height:1em;
        margin-top:10px;
    }

@media(min-width: 576px) {
    .favoriteProducts .row {
        margin-left: -30px;
        margin-right: -30px;
    }

    .favoriteProducts .row > * {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.homepageTipsSection{

}

    .homepageTipsSection h2.headline{
        margin-bottom:20px;
    }

.homepageTipsSection .introText {
    font-size:20px;
    line-height:32px;
    margin-bottom:30px;
}

    .homepageTipsSection .homepageTips .col {
        font-size: 20px;
        line-height: 30px;
    }

    .homepageTipsSection .homepageTips a {
        font-size: 20px;
        line-height: 30px;
        color:#f36630;
        text-decoration:none;
    }

    .homepageTipsSection .homepageTips h2 {
        color: #333;
        font-size: 22px;
        line-height: 32px;
    }

@media(max-width: 991px) {
    .homepageTipsSection .introText {
        font-size: 14px;
        line-height: 24px;
    }
}

.homepageKudos {
    margin:40px -15px 0;
}

    .homepageKudos .kudoWrapper {
        padding:15px;
    }
@media(min-width:768px) {
    .homepageKudos .kudoWrapper {
        width: 50%;
    }
}
@media(min-width:991px) {
    .homepageKudos .kudoWrapper {
        width: 33.333%;
    }
}

        .homepageKudos .kudoWrapper .kudo {
            background: #F8F9F1;
            padding: 20px;
            border: 1px solid #59AB62;
            border-radius:10px;
        }

            .homepageKudos .kudoWrapper .kudo h3 {
                margin: 0;
                color: #f36630;
                padding: 10px 0 10px 68px;
                line-height:24px;
                background-image: url(images/Quote-L-x2-orange.png);
                background-position: left center;
                background-repeat: no-repeat;
                background-size: auto 46px;
                min-height:46px;
                margin-bottom:5px;
            }

            .homepageKudos .kudoWrapper .kudo .description {
                font-size:18px;
                color: #393;
            }

    .homeProductSection {
        margin: 50px 0;
    }


.popularCategories .category .icon {
    display: inline-block;
    margin-left: 5px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    background: url(images/icon_circle-more_orange.png) no-repeat;
    background-size: contain;
}

h2.headline.browseCategory{
    margin-bottom:20px;
}

.browseByCategory .category {
    position: relative;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
}

    .browseByCategory .category span.name {
        color: #f36630;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 1.15em;
        display: flex;
        margin-bottom: 5px;
        height: 2.3em;
        align-items: flex-end;
        justify-content: space-around;
    }

    .browseByCategory .category span.imageWrapper {
        display:block;
        width:100%;
        padding-top:100%;
        position:relative;
    }

    .browseByCategory .category span.image {
        display: block;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background-position:center center;
        background-size:cover;
    }


.popularCategories .category img,
.browseByCategory .category img{
    width: 100%;
    display: block;
}

    .browseByCategory .category span.summary {
        color: #798a8e;
        font-size: 14px;
        line-height: 1.25em;
        display: block;
        margin: 1em 0;
    }

    .browseByCategory .category span.summary span {
        color: inherit;
    }



.homepageNewsletterWrapper {
    border: 2px solid #bbd45e;
    /*background: #FFF;*/
    padding: 30px 20px 30px;
    text-align: center;
    margin-top: 30px;
}

    .homepageNewsletterWrapper h3,
    .homepageNewsletterWrapper p {
        color: #333;
    }

    .homepageNewsletterWrapper h3 {
        margin: 0;
        padding: 0 7px;
        font-size: 20px;
        text-transform: uppercase;
        display: inline-block;
        font-weight: bold;
    }

    .homepageNewsletterWrapper p {
        font-size:18px;
    }

    .homepageNewsletterWrapper .formRow {
        width:100%;
        max-width:570px;
        margin:0 auto;
    }

    .homepageNewsletterWrapper .form-control {
        border-color: #788a8e;
        margin-bottom:.5rem;
        border-radius:0;
    }


    .homepageNewsletterWrapper .button {
        background: #f36630;
        color: #FFF;
        border: 1px solid #f36630;
        min-width: 100%;
        line-height: 1em;
        font-size:16px;
        margin-bottom: .5rem;
    }

        .homepageNewsletterWrapper .button:hover {
            background: #393;
            color: #FFF !important;
            border: 1px solid #393;
        }

@media(min-width:768px) {
    .homepageNewsletterWrapper {
        padding: 30px 50px 30px;
    }
}


.newsletterSection {
    padding: 20px 0 10px;
    background-size: cover;
}

.newsletterSection .mainImage {
    margin:20px 0;
    max-width:100%;
}

    .newsletterSection .quoteSection{
        display:flex;
        margin: 20px 0;
    }

        .newsletterSection .quoteSection .quoteLeft,
        .newsletterSection .quoteSection .quoteRight {
            flex: 1 0 30px;
            display:flex;
        }

        .newsletterSection .quoteSection .quoteLeft img,
        .newsletterSection .quoteSection .quoteRight img {
            max-width:100%;
        }

        .newsletterSection .quoteSection .quoteLeft {
            align-content: start;
            align-items: flex-start;
        }

        .newsletterSection .quoteSection .quoteRight {
            align-content:end;
            align-items:flex-end;
        }

        .newsletterSection .quoteSection .quoteCenter {
            flex: 0 1 auto;
            font-size: 20px;
            color: #393;
            text-align: center;
            padding: 0 20px;
            font-weight: bold;
        }

        .newsletterSection .quoteSection .quoteCenter .quoteName {
            display:block;
            font-weight:normal;
        }

    .newsletterSection .newsletterFormWrapper {
        border: 2px solid #bbd45e;
        background: #fcfcfcaa;
        padding:30px;
        text-align: center;
    }

    .newsletterSection .newsletterFormWrapper h3 {
        margin:0;
        text-transform:uppercase;
    }

        .newsletterSection .newsletterFormWrapper .button {
            background-color: #f36630;
            border-color: #f36630;
            font-size: 16px;
            line-height: 1em;
            border-width: 1px;
            width: 100%;
        }

        .newsletterSection .newsletterFormWrapper .formRow {
            width: 100%;
            max-width: 570px;
            margin: 0 auto;
        }

@media(min-width:768px) {
    .newsletterSection .quoteSection .quoteLeft,
    .newsletterSection .quoteSection .quoteRight {
        flex: 1 0 60px;
    }

    .newsletterSection .quoteSection .quoteCenter {
        padding: 0 40px;
    }
}

@media(min-width:992px) {
    .newsletterSection .mainImage {
        margin: 60px 60px 60px 0;
    }

    .newsletterSection .quoteSection {
        margin: 60px 0;
    }
}

    .side-by-side,
    .side-by-side-product {
        margin-bottom: 4em;
    }

    .side-by-side img,
    .side-by-side-product img {
        width: 100%;
        margin-bottom: 1em;
    }

    .side-by-side-product h2{
        margin: 0 0 1em;
    }

    .side-by-side-product h2 a {
        color: #f36630;
        text-decoration:none;
    }

        .side-by-side-product h2 a:hover {
            text-decoration: underline;
        }

    @media(min-width: 576px) {
        .popularCategories .row,
        .browseByCategory .row {
            margin-left: -30px;
            margin-right: -30px;
        }

            .popularCategories .row > *,
            .browseByCategory  .row > * {
                padding-left: 30px;
                padding-right: 30px;
            }

        .homepageNewsletterWrapper {
            margin-top:60px;
        }

    .homepageNewsletterWrapper h3 {
        font-size: 22px;
    }

        .homepageNewsletterWrapper p {
            margin-bottom:0;
        }

}

@media(min-width:1200px){
    .popularCategories .category,
    .browseByCategory .category span.name{
        font-size: 17px;
    }
}


/*.homeProductSection .image img {
    width:100%;
}

    .homeProductSection .image a {
        display: block;
        padding-top: 66%;
        position: relative;
    }

        .homeProductSection .image a span {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-position: center center;
            background-size: cover;
            background-repeat:no-repeat;
        }

.homeProductSection h3 {
    color: #DC5624;
    font-weight: bold;
    font-size: 24px;
    line-height: 1em;
    margin: 0 0 .33em;
}

.homeProductSection h4 {
    color: #333333;
    font-weight: bold;
    font-size: 20px;
    line-height: 1em;
    margin: 0 0 30px;
}

.homeProductSection p.description {
    color: #333333;
    line-height: 30px;
}

.homeProductSection p.comment {
    color: #798A8E;
    line-height: 30px;
    font-family: 'Trebuchet MS';
    padding-left:60px;
    background-image: url(images/icon_home-quote.png);
    background-repeat:no-repeat;
    background-position:top left;
    background-size:45px;
}

.homeProductSection p.comment .name {
    color: #798A8E;
    font-size: 18px;
    font-family: Verdana,sans-serif sans-serif;
}*/
.homeAboutBanner {
    background: #F3F4F5;
    padding: 40px 0;
    color: #000;
    font-family: 'Trebuchet MS';
    margin-top:50px;
}

.homeAboutBanner .image {
    width:222px;
    margin-right:36px;
    flex:0;
}

    .homeAboutBanner .image img {
        max-width: 222px;
    }

.homeAboutBanner h2 {
    font-size:32px;
    font-weight:bold;
    line-height:40px;
    margin:0 0 20px 0;
}

    .homeAboutBanner p {
        font-size: 22px;
        line-height: 34px;
        margin: 0;
    }

@media(max-width:1200px) {
    .homeBannerWrapper {
        padding-top: 54.28%;
        margin-top: 10px;
    }

        .homeBannerWrapper .innerWrapper {
            width: 86.2%;
            left: 50%;
            top:75%;
            bottom: auto;
            transform: translate(-50%, -50%);
            padding: 12px;
        }

            .homeBannerWrapper .innerWrapper p,
            .homeBannerWrapper .innerWrapper span {
                line-height: 1em;
            }

            .homeBannerWrapper .innerWrapper p.top {
                font-size: 14px;
                letter-spacing: .56px;
                margin-bottom: 0;/*.5em;*/
                line-height: 1em;
            }

            .homeBannerWrapper .innerWrapper p.bottom {
                font-size: 14px;
            }

    .quoteBox {
        display: block;
        position:relative;
        margin-top: 15px;
        padding: 10px;
    }

        .quoteBox .leftQuote,
        .quoteBox .rightQuote {
            position: absolute;
            z-index: -1;
        }

        .quoteBox .leftQuote {
            left: 10px;
            top: 10px;
        }

        .quoteBox .rightQuote {
            right: 10px;
            top: 10px;
        }

        .quoteBox .body {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

    .quoteBox .body p {
        text-align: center;
        color: #339933;
        font-size: 19px;
        font-family: 'Trebuchet MS', Verdana, sans-serif;
        font-weight: bold;
        margin: 0;
    }

        .quoteBox .body p.name {
            font-size: 14px;
            font-weight: normal;
            font-family: Verdana, sans-serif;
        }
}

@media(max-width:767px) {
    .quoteBox {
        padding: 15px;
    }
        .quoteBox .body p {
            text-align: center;
            color: #339933;
            font-size: 12px;
            font-family: 'Trebuchet MS', Verdana, sans-serif;
            font-weight: bold;
            margin: 0;
            line-height: 1.75em;
        }

            .quoteBox .body p.name {
                font-size: 10px;
                font-weight: normal;
                font-family: Verdana, sans-serif;
            }

    .homeIntroText {
        text-align: center;
        margin: 1em 0;
        font-size: 14px;
    }

    .homeAboutBanner {
        padding:20px 0;
    }

    .homeAboutBanner h2 {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }

    .homeAboutBanner p {
        font-size: 14px;
        line-height: 26px;
        margin: 0;
        font-family:Verdana;
    }

        .homeAboutBanner div:first-child {
            margin-bottom: 10px;
        }

    .homeAboutBanner .image2 img {
        width:100%;
        max-width: 100px;
        margin-right:25px;
    }

    .homeProductSection{
        margin:40px 0;
    }

    .homeProductSection h3 {
        font-size: 18px;
        line-height: 1em;
        margin-top: 34px;
    }

    .homeProductSection h4 {
        font-size: 16px;
        margin: 0 0 20px;
    }

    .homeProductSection p.description {
        line-height: 26px;
    }

    .homeProductSection p.comment {
        line-height: 26px;
        margin: 0;
    }

        .homeProductSection p.comment .name {
            font-size: 14px;
        }
}

@media(min-width:768px){
    .homeProductSection.imageLeft .details {
        padding-left: 30px;
    }

    .homeProductSection.imageLeft .image {
        padding-right: 30px;
    }

    .homeProductSection.imageRight .row {
        flex-direction: row-reverse;
    }

    .homeProductSection.imageRight .details {
        padding-right: 30px;
    }

    .homeProductSection.imageRight .image {
        padding-left: 30px;
    }
}

#HomeFooterTop {
    position: relative;
}

#HomeHeroSection {
    display: flex;
    flex-wrap:wrap;
    padding: 20px;
    background: #fcfcfcAA;
    margin: 20px 0;
}

    #HomeHeroSection .imageWrapper{
        flex: 1 1 100%;
    }

    #HomeHeroSection .imageWrapper img {
        width:100%;
    }

    #HomeHeroSection .bodyText {
        font-size: 18px;
        flex:1 1;
    }

    #HomeHeroSection .bodyText h2 {
        margin: 1em 0 1em 0;
        color:#000;
        font-size:21px;
    }

    #HomeHeroSection .buttonWrapper {
        margin-top:2em;
    }

    #HomeHeroSection .buttonWrapper .button {
        white-space:normal;
    }

    @media(min-width:768px){
        #HomeHeroSection .imageWrapper {
            flex: 0 1 33%;
        }

        #HomeHeroSection .bodyText {
            margin: 0 0 0 20px;
        }
    }

    @media(min-width:1200px){
        #HomeHeroSection {
            padding: 40px;
            margin: 30px 0;
        }
        #HomeHeroSection .imageWrapper {
            flex: 0 1 375px;
            flex-wrap: nowrap;
        }

        #HomeHeroSection .bodyText {
            margin: 0 0 0 40px;
        }
    }

    /*All Other Pages*/
    #footerTop {
        position: relative;
        top: 20px;
    }
.additional-footer-container {position: relative;}
.additional-footer-container .additional-content 
{
    width: 60%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 77%;
}
.additional-footer-container .additional-content .additional-text { width:80%; float:left;font-size: 11px;
padding-right: 10px;}
.additional-footer-container .additional-content a {float:left;}
#footerMiddle { top:-25px;}
#footerMiddle .shortcuts {margin: 15px 0 0 0;}
#footerMiddle .shortcuts a { text-decoration:none; color:#4c4c4c;color:#4c4c4c; font-size:10px; line-height:20px;padding-left:5px;}
#footerMiddle .shortcuts a:first-child {}
#footerBottom { margin-top:10px;position:relative; font-size:0.8em;}
    #footerBottom a {
        text-decoration: none;
        color: #4c4c4c;
    }
#footerBottom h3 {margin-top:-10px; position:relative; top:40%;}
#footerBottom .copyright { color:#6B9FBF; display:inline-block; position:absolute; right:6px; }
.mobileLinkPanel {display:block; padding:10px;}
.mobileLinkPanel a { color:#efefef; }

/* widget styling */
div.widget { /*margin-bottom:1em;*/ /*padding:25px;*/ }
/*div.widget .header { }
div.widget .header h2 { font-size:20px; margin:0; padding:0; }*/
div.widget .content { padding:5px 0 5px 0; }
div.widget .content a{ /*color:#339933;*/ text-decoration:none;}
div.widget .content a:hover{ text-decoration:none;}
div.widget .content .options { margin-bottom:1em; padding:0 5px 0 5px;}
div.widget .content p instruction { padding:0 5px 0 5px; font-weight:bold; }

table.widget { border-collapse:collapse; border:solid 1px #e4e4e4; margin-bottom:1em; width:100%; }
table.widget td { padding:0px;vertical-align:top; }
table.widget caption { border:solid 1px #e4e4e4; border-bottom:none; padding:6px; text-align:left; text-transform:uppercase; }

/* custom styles for specific widgets */
.simpleCategoryListWidget {
    padding: 20px 0 0 19px;
}
.simpleCategoryListWidget .content { padding: 0; }
.simpleCategoryListWidget ul.root {margin:0;}
.simpleCategoryListWidget ul { padding:0; list-style-type:none; }
.simpleCategoryListWidget li span {color:#333;}
.simpleCategoryListWidget li:last-child { border-bottom:none; }
.simpleCategoryListWidget li a {color:#333; font-weight:bold; font-size:14px; line-height:26px; display:block; position:relative; text-decoration:none; }
    .simpleCategoryListWidget li a.root-open:before,
    .simpleCategoryListWidget li a.root-closed:before {
        width: 15px;
        height: 15px;
        padding-bottom: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: -19px;
        top: 5px;
        font-size: 11px;
        background: #333;
        border-radius: 3px;
        content: '';
        color: #fff;
    }

    .simpleCategoryListWidget li a.root-open:before {
        content: '-';
    }

    .simpleCategoryListWidget li a.root-closed:before {
        content: '+';
    }
/*.simpleCategoryListWidget li a span.glyphicon {padding-right:5px;}*/
/*.simpleCategoryListWidget li a.noIcon {padding-left:19px;}*/
.simpleCategoryListWidget li a:hover { color:#333; }
.simpleCategoryListWidget li {}
.simpleCategoryListWidget #root li > ul {padding-top:5px;} 
.simpleCategoryListWidget #root li ul > li a {font-weight:normal;} 
.simpleCategoryListWidget li.icon-class {}
.simpleCategoryListWidget li span.ui-icon { display:none !important; }


.categorySearchwidget .criteriaPanel { margin-bottom: .5em }
.categorySearchwidget .criteriaPanel h3 { margin-bottom: .5em; color:#333 }

.categorySearchSidebarWidget .content { line-height:2em; }

/* hover popup styling */
div.hoverPanel { border:solid 1px #e4e4e4 }
div.hoverPanel .header { border-bottom:solid 1px #e4e4e4; padding:6px; }
div.hoverPanel .content { padding:6px; }

/******************************************************************************************/
/* end header, footer, and sidebar styling                                                */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for notifications                                                          */
/******************************************************************************************/

.ui-notify-container { margin:10px; }
.ui-notify { width:350px; position:fixed; top:10px; right:10px; }
.ui-notify-message { padding:10px; margin-bottom:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px }
.ui-notify-message h1 { font-size:14px; margin:0; padding:0 }
.ui-notify-message p { margin:3px 0; padding:0; line-height:18px }
.ui-notify-message:last-child { margin-bottom:0 }
.ui-notify-message-style { background:#000; background:rgba(0,0,0,0.8); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; }
.ui-notify-message-style h1 { color:#fff; font-weight:bold }
.ui-notify-message-style p { color:#fff }
.ui-notify-message-style li { color:#fff }
.ui-notify-close { color:#fff; text-decoration:underline }
.ui-notify-click { cursor:pointer }
.ui-notify-cross { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px }
.ui-notify-cross:hover { color:#ffffab }
.ui-notify-cross:active { position:relative; top:1px }

/******************************************************************************************/
/* end style for notifications                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin user interaction and form styling                                                */
/******************************************************************************************/

#loginPage h2 {
    margin-top: 20px;
}

.loginWidget, .registerDialog, .registerWidget {
    margin-bottom: 20px;
}

    .registerWidget h4 {
        margin-top: 30px;
        text-align: center;
    }

/* shows a tabstrip menu */
div.tabstrip { padding:0px; border-bottom:1px solid #e4e4e4; margin-top:20px; }
div.tabstrip ul { margin:10px 0 0 0; padding:0px; }
div.tabstrip ul li { display:inline; padding:0px; margin:0px;}
div.tabstrip ul li a { display:inline-block; margin:0px; padding:4px 10px; text-decoration:none; color:#000; border:1px solid #e4e4e4; border-bottom: none; font-size:1.1em; font-weight:bold; }
div.tabstrip ul li a:hover { background:#f36630; color:#fff; }
div.tabstrip ul li.active a { background:#f36630; color:#fff; }
div.tabpane { margin-bottom:1em; margin-top:1em; }

/* contains a dialog for interacting with the user */
.dialogSection .header {height:29px; line-height:24px; padding: 0 0 0 10px; margin:0 1px 0 0; }
.dialogSection .header h2 { color:#005b95; height: 29px; border-right: solid 1px #7cc2db; padding-right: 0; width: 100%; margin:0; text-transform: uppercase; font-size:12px; float:left; line-height:29px;}
.dialogSection .header a { float:right; text-decoration:underline; color:#444444; }
.dialogSection .header a:hover { float:right; text-decoration:underline; color:#8C0901; }
.dialogSection .content { border-top:10px solid #e4e4e4;  margin-top:0;   background: #FFFFFF; min-height: 200px;}
.dialogSection .content table th.rowheader{background-color:White;}
.dialogSection .nofooter { margin-right:0;}
.dialogSection .footer { height:24px; line-height:24px; margin:0; color:#8C0901; margin-top:8px; }

/* default styling for generic input forms */
table.inputForm { text-align: left; width: 100%; }
    table.inputForm input[type="text"], table.inputForm input[type="password"] {
        border: solid 1px #a6a6a6;
        color: #666666;
        padding: 8px;
    }
table.inputForm select { border:solid 1px #e4e4e4; color: #444444; padding: 2px }
table.inputForm th { padding-left: 25px; text-align:left;} 
table.inputForm td { padding: 5px; margin: 0; }
table.inputForm .rowHeader { color: #666666; padding:10px 5px 10px 10px; text-align:right;}
table.inputForm .rowHeader a {  border:1px solid #e4e4e4; width:100%; color: #666666; font-size: 10px; font-weight:bold; text-align:left; padding: 6px; }
table.inputForm .rowHeader * {  font-weight: bold; font-size: 12px;  }
table.compact { width:100%; margin:0;}
table.compact th { color: #666666; padding:5px 5px 5px 5px; text-align:right; }
/*table.compact td { padding: 10px 0 10px 0;}*/
table.compactleft { width:100%; margin:0}
table.compactleft th { color: #666666; padding:5px 5px 2px 5px; text-align:left; }
table.compactleft td { padding: 2px 0 10px 5px;}

/* styling for search forms */
/*.searchPanel { border: solid 1px #A0D9ED; margin-bottom:10px;}
.searchPanel table.inputForm th,
.searchPanel table.inputForm td { padding: 10px 5px 5px 5px; }*/

/* styling for validation summary lists */
.validationSummary { margin-bottom:6px; }
.validationSummary ul { margin-left:25px; list-style-type:disc; }
.validationSummary ul li { color:#f00; }

th.rowheader{
    text-align:right;
    padding-right:10px;
}

/******************************************************************************************/
/* end user interaction and form styling                                                  */
/******************************************************************************************/

/******************************************************************************************/
/* begin category display styling                                                         */
/******************************************************************************************/

/* category page */
#categoryPage div.subCategories {background-color:#F5F5F5; padding: 5px 5px 10px;}
#categoryPage div.subCategories a {display:inline-block; padding:5px 10px; font-size: 1.1em; font-weight: bold; background-color: #FFFFFF; border-radius:5px;margin-left:2px;margin-top:5px;}
#categoryPage div.subCategories a:hover {background-color:#E0F5F8;}

/* category details display */
.categoryDetailsListing div.itemContainer {height:150px; margin:10px;}
.categoryDetailsListing div.itemContainer div.itemDisplay { padding:10px; }
.categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea {float:left;height:130px;display:table;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea {overflow: hidden;padding:10px;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .itemName {font-weight:bold; font-size:115%;padding-bottom:10px;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .summary {}

/* category details display page */
.categoryGridListing4 itemListing div.itemContainer {height:auto;}
.categoryGridListing4 itemListing div.itemContainer div.productItemDisplay div.detailsArea {height:auto;margin-bottom: 10px; vertical-align:middle; }
#categoryGridPage4 .nodeSummaryLink{text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; cursor:pointer;}

/* style for grid of catalog items */

.product-link:hover {text-decoration:underline; color:#f36630;}
.itemListing .tableNode .itemContainer {}
.itemListing .tableNode {/*height:250px*/text-align:left;vertical-align:top;}
#featuredProductsPane .itemListing .tableNode .itemContainer .item, 
#moreItemsPane .itemListing .tableNode .itemContainer .item 
{
    padding-right:14px;
}
/* You might also likes and Featured products sections on product page */
#moreItemsPane .itemListing .tableNode .itemContainer .item img,
#featuredProductsPane .itemListing .tableNode .itemContainer .item img
{
    max-height:82px;
    max-width:82px;
}
.itemListing .tableNode .itemContainer .item .detailsButton 
{
    position:absolute;
    bottom:0;
}
/*HOME PAGE STYLES*/
/*Main Carousel on ~/default*/
div.mainCarousel {text-align:center; width:900px; margin:0 auto;}

/*More Category Item Display*/
div.moreCategoryItems {border-bottom:1px solid #e4e4e4;padding-bottom: 30px;}
div.featuredProductsGrid {padding-bottom: 30px;}


/*Featured Product display ~/default*/
div.featuredProductListing { text-align:left; width:100%; margin:0 auto; line-height:none;}
div.featuredProductListing div.itemContainer { display:inline-table; width:100%; padding:15px}
div.featuredProductListing div.itemContainer a {}
div.featuredProductListing div.itemContainer a figure {padding:20px;}
div.featuredProductListing div.itemContainer figure a img {width:180px;}
div.featuredProductListing div.itemContainer a figure figcaption span.itemName{color:#666666; text-decoration:none;}
div.featuredProductListing div.itemContainer a figure figcaption span.itemName:hover{text-decoration:none;}
div.featuredProductListing div.itemContainer .item div.summary-container {display:none; width:150px; height:150px; border:1px solid #e4e4e4; text-align:center;
vertical-align: middle;}

.summary span {color:#895d38;}

div.featuredProductsGrid .home-header {position:relative;}
div.featuredProductsGrid .home-header a {float:right;position: absolute; right: 0; top: 0; color:#f36630; font-weight:bold; font-size:1.1em;}

#spotlight {margin-bottom:20px;}
#spotlight p.spotlightText {padding-left:30px;line-height:30px;}
#spotlight .spotlight-photo{float:left; width:59%;}
#spotlight .spotlight-text-container {float:left;width:41%;}
#buzzChatter .left-photo{float:left;width:25%;}
#buzzChatter .mid-text{float:left;width:33%;}
#buzzChatter .right-photo{float:left;width:42%;}
#buzzChatter p.buzzChatterText {padding:0 0 0 20px;margin-right:-15px;line-height:30px;}

/* Category page styles */

.catalogWrapper {
    padding-top: 30px;
}

.itemListingContainer .row {
    justify-content: space-between;
}

.itemListingContainer .itemContainer {
    flex-grow: 0;
    margin-bottom: 50px;
}

    

.itemListingContainer .itemContainer .item img {
    width: 100%;
    max-width: 250px;
    max-height: 250px;
}

.itemContainer .item .itemName {
    font-size: 14px;
    line-height: 18px;
    color: #f36630;
    margin: 10px 0 4px;
    display: block;
    text-decoration: none;
}

        .itemContainer .item a {
            color: #f36630;
            text-decoration: none;
        }

.itemContainer .item .itemName.category {
    text-align:center;
}

    .itemContainer .item .price {
        font-size: 14px;
        line-height: 18px;
        color: #000;
        margin: 4px 0 0;
        display: block;
    }

/* style for sort control of catalog grid */
.searchSort { padding: 40px 0 10px; font-size:12px;}
.searchSort span {font-size:11px; font-weight: bold;}
    .searchSort .sorting {
        border: 1px solid #788A8E;
        color: #798A8E;
        font-size: 1em;
        padding: 1px;
    }
    .searchSort .fieldHeader {
        color: #798A8E;
        text-transform:lowercase;
    }
.searchSort .sortPanel {float:right;}
.searchSort .pageSizePanel {float:left;}

@media(max-width:1199px){
    .itemListingContainer .row {
        justify-content: space-around;
    }
}

@media(min-width:990px) {
    .itemListingContainer .itemContainer {
        padding-left: 0;
        padding-right: 0;
    }

        .itemListingContainer .itemContainer .item {
            width: 250px;
        }
}

@media(max-width:989px) {
    .itemListingContainer {
        padding-left:0;
        padding-right:0;
    }

    .itemListingContainer .itemContainer {
        flex: 1 0 50%;
    }

    .itemContainer .item {
        width: 100%;
    }

    .itemListingContainer .itemContainer .item img {
        width: 100%;
        max-width: unset;
        max-height: unset;
    }

}


/******************************************************************************************/
/* end category display styling                                                           */
/******************************************************************************************/

/******************************************************************************************/
/* begin catalog item display styling                                                     */
/******************************************************************************************/

#leftProductColumn {
    flex: 0 0 650px;
    width:650px;
    overflow:hidden;
}

#rightProductColumn {
    padding-left: 76px;
}

.productRow {

}

.productRow:after {
    content:"";
    display:block;
    clear:both;
}

.productColumnLeft {
    
}

.productColumnRight {
    
}

.productExtendContainer{

}

    .productExtendContainer .contentContainer {
        
    }

    .productExtendContainer h2 {
        font-size: 14px;
        line-height: 17px;
        color: #94a1a5;
        padding: 9px 10px 8px;
        border: 1px solid #798A8E;
        border-radius: 5px;
        font-weight: bold;
        text-transform: uppercase;
        background-position: right 10px center;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }

    .productExtendContainer.opened h2 {
        background-image: url(images/product_section_minus.png);
    }

    .productExtendContainer.closed h2 {
        background-image: url(images/product_section_plus.png);
    }

    .productExtendContainer .contentContainer {
        transition: height linear .5s;
    }

    .productExtendContainer.opened .contentContainer {
        display:block;
    }

    .productExtendContainer.closed .contentContainer {
        display: none;
    }


@media(min-width:992px) {
    .productColumnLeft {
        float: left;
        clear:left;
        width: 450px;
    }

    .productColumnRight {
        width: 466px;
        float: right;
        clear: right;
    }
}

@media(min-width:1200px) {
    .productColumnLeft {
        float: left;
        clear: left;
        width: 500px;
    }

    .productColumnRight {
        float: right;
        clear: right;
        width: 576px;
    }

    .productExtendContainer h2 {
        font-size: 18px;
        line-height: 22px;
        color: #798A8E;
        padding: 0 0 5px 0;
        border: 0;
        border-bottom: 1px solid #ebeeef;
        border-radius: 0;
        text-transform: none;
        background-image:none !important;
        margin-top: 50px;
    }

    .productExtendContainer.closed .contentContainer {
        display: block;
    }

    .productExtendContainer.description h2 {
        display: none;
    }
}

@media(min-width:1580px) {
    .productColumnLeft {
        width: 650px;
    }

    .productColumnRight {
        width: 762px;
    }
}

#leftProductColumn .button {
    border: 1px solid #798A8E;
    background: #FFF;
    padding: 9px 20px 8px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #94a1a5;
}

    #leftProductColumn .button:hover {
        border: 1px solid #798A8E;
        background: #798A8E;
        color: #FFF !important;
    }

.relatedRecipes li {
    padding: 0 0 10px 20px;
}

.relatedRecipes li a {
    text-decoration:none;
    font-weight:bold;
    color:#f36630;
}

    .relatedRecipes li a:hover {
        text-decoration: underline;
    }

/* Main Product Image */
div.mainImageArea {
    margin-top: 25px;
}
div.mainImageArea div.mainImageWrapper {}
div.mainImageArea div.mainImageWrapper div.mainImage {}
#ProductImage { width:100%;}

/* product image thumbnails */
.additionalImages {
    position: relative;
    margin: auto;
    width: 100%;
    padding-top: 20px;
    list-style: none;
    display: flex;
    justify-content:flex-start;
}
    .additionalImages li {
        display: block;
        flex: 1;
        max-width: 115px;
        margin-right:20px;
    }

.additionalImages .thumbnailImage {
    border: 1px solid #ccc;
    text-align: center;
    display: block;
}
.additionalImages .thumbnailImage img {
    width: 100%;
}

.columnNav {
    display: none;
}

@media(min-width:1200px) {
    .columnNav {
        display: flex;
        justify-content: flex-start;
        margin: 30px 0;
    }

        .columnNav a {
            display: block;
            background: #FFF;
            border: 1px solid #798A8E;
            border-radius: 5px;
            padding: 9px 11px 8px;
            font-size: 12px;
            text-transform: uppercase;
            color: #94a1a5;
            line-height: 17px;
            font-weight: bold;
            margin-right: 5px;
            text-decoration:none;
        }
}

@media(min-width:1580px) {
    .columnNav a {
        padding: 9px 18px 8px;
        font-size: 14px;
        margin-right: 15px;
    }
}

.columnNav a:last-child {
    margin-right: 0;
}



  /*  #moreItemsPane h2,
    #reviewsPane h2,
    .productVideo h2 {
        font-size: 18px;
        font-weight: bold;
        color: #798A8E;
        line-height: 22px;
        border-bottom: 1px solid #ebeeef;
        padding-bottom: 5px;
        margin-bottom:20px;
    }*/
/*.relatedProducts .itemListingContainer .row {
    justify-content:flex-start;
}*/

.relatedProducts .relatedProductsContainer .itemContainer .item {
    width: 100%;
    margin-bottom:30px;
}

.relatedProducts .relatedProductsContainer .itemContainer .item img {
    width: 100%;
}

@media(min-width:768px) and (max-width:1579px) {
    .relatedProducts .relatedProductsContainer .itemContainer:nth-child(4n) {
        display: none;
    }
}

/*@media(min-width:1200px) and (max-width:1579px) {
    .relatedProducts .itemListingContainer .itemContainer {
        margin-right: 58px;
    }

        .relatedProducts .itemListingContainer .itemContainer:nth-child(3n) {
            margin-right: 0;
        }
}

@media(min-width:1580px){
    .relatedProducts .itemListingContainer .itemContainer {
        margin-right: 43px;
    }

        .relatedProducts .itemListingContainer .itemContainer:nth-child(4n) {
            margin-right: 0;
        }
}*/

.relatedProducts .itemContainer .item .itemName {
    font-size: 16px;
    line-height: 26px;
    color: #798A8E;
    text-align: center;
}

.relatedProducts .itemContainer .item .itemName {
    font-size: 16px;
    line-height: 26px;
    color: #798A8E;
    text-align: center;
}

.relatedProducts .itemContainer .item .product-link:hover {
    color: #798A8E;
}


.productVideo{
    margin: 0 0 50px;
}


#reviewsPane {
    font-size: 16px;
    color: #798A8E;
    line-height: 24px;
}

    #reviewsPane .averageRating,
    #reviewsPane .reviewHeading {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        #reviewsPane .averageRating > *,
        #reviewsPane .reviewHeading > *{
            margin-right: 10px;
        }

    #reviewsPane .singleReview{
        margin-top:40px;
    }


    #reviewsPane .reviewHeading {
        font-weight: bold;
    }

    #reviewsPane .name {
        font-size:14px;
    }

    #reviewsPane .buttonWrapper{
        margin-top:40px;
    }

    #reviewsPane .productReviewForm{
        margin-bottom:30px;
    }

.productIngredients {
    font-size: 18px;
    color: #798A8E;
}

#featuredProductsPane{

}

    #featuredProductsPane h2 {
        color: #798A8E;
        font-size: 28px;
        line-height: 34px;
        text-align: center;
        font-weight:bold;
        border-bottom: 2px solid #788A8E;
        padding-bottom:5px;
    }

    #featuredProductsPane .itemContainer .item {
        width: 100%;
    }

        #featuredProductsPane .itemContainer .item img {
            width: 100%;
            max-width: none;
            max-height: none;
        }

@media(max-width:767px) {
    #featuredProductsPane .itemContainer:nth-child(5n) {
        display: none;
    }
}

@media(min-width:768px) and (max-width:991px) {
    #featuredProductsPane .itemContainer:nth-child(4n),
    #featuredProductsPane .itemContainer:nth-child(5n) {
        display: none;
    }
}

/*@media(max-width:1579px){
    #featuredProductsPane .itemListingContainer .itemContainer .item {
        width: 200px;
    }
}

@media(max-width:1199px) {
    #featuredProductsPane .itemListingContainer .itemContainer .item {
        width: 175px;
    }
}*/

/*@media(max-width:989px){
    #featuredProductsPane .itemListingContainer .itemContainer {
        flex: 0 0 50%;
    }

        #featuredProductsPane .itemListingContainer .itemContainer .item {
            width: 100%;
        }
}*/


#productPage .pageHeader h2 {
    margin-bottom: 0;
}

.productSubheader {
    font-size:12px;
    line-height:18px;
    margin-top:6px;
}
    .productSubheader a {
        color: #F36630;
    }

    .productSubheader span.divider {
        display:inline-block;
        margin: 0 10px;
    }

.buyProductDialog {
    border-top: 1px solid #ebeeef;
    margin-top:25px;
    padding-top:25px;
}

.buyProductDialog {padding-bottom:15px; width:100%;}

    .buyProductDialog .reviews a {
        color: #F36630;
        font-size:13px;
        line-height:20px;
        display:block;
        text-align:right;
        text-decoration:none;
    }

        .buyProductDialog .reviews a.hasRating {
            background-position-x: right;
            padding-right: 110px;
            width:auto;
        }

    .priceRow {
        margin-bottom: 50px;
    }

.buyProductDialog span[itemprop="price"],
.buyProductDialog .regPrice {
    font-size: 30px;
    line-height: 36px;
    color: #339933;
}



.buyProductDialog .regPrice {
    text-decoration: line-through;
    padding-right: 15px;
    color: #4c4c4c;
    font-size: 22px;
    line-height: 36px;
}

/*.buyProductDialog .buyRow {
    justify-content:flex-end;
}*/

.buyProductDialog .quantity.col{
    flex: 0 0 30%;
}

.buyProductDialog .addToCart.col {
    flex: 0 0 70%;
    margin-left: auto;
}

.buyProductDialog .wishList.col {
    flex: 0 0 70%;
    margin-left:auto;
}

#ItemAddedDialog {
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    right: 10px;
    padding: 15px;
    background: #FFF;
    border: 1px solid #ccc;
    position: fixed;
    border-radius:5px;
    
    font-size:16px;
    text-align:center;
    -webkit-box-shadow: 0px 10px 13px -7px #00000029, 5px 5px 15px 5px #00000029;
    box-shadow: 0px 10px 13px -7px #00000029, 5px 5px 15px 5px #00000029;

    -webkit-box-shadow: 6px 5px 100px 100px rgba(0,0,0,0.15);
    box-shadow: 6px 5px 100px 100px rgba(0,0,0,0.15);

}

@media(min-width:768px) {
    .buyProductDialog .quantity.col {
        flex: 1 0 0%;
        max-width:150px;
    }

    .buyProductDialog .addToCart.col {
        flex: 1 0 0%;
    }

    .buyProductDialog .wishList.col {
        flex: 1 0 0%;
    }

    #ItemAddedDialog {
        transform: none;
        left: auto;
        right:10px;
        top:10px;
        max-width:600px;
    }
}

.buyProductDialog table.quantityUpDown {
    height: 50px;
    border: 1px solid #798A8E;
    width: 100%;
}

    .buyProductDialog table.quantityUpDown tr td:last-child {
        padding:0 5px 0 0;
    }

    .buyProductDialog input.quantityUpDown {
        font-size: 21px;
        line-height: 18px;
        text-align: left;
        padding: 10px 8px 10px 8px;
        height: 100%;
        width: 100%;
        border:0;
    }

.buyProductDialog .buyRow .button {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    height: 50px;
    border: 2px solid #339933;
    padding: 0 10px;
    line-height: 46px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
}

.buyProductDialog .buyRow .button span {
    background-size:cover;
    background-position:center center;
    display:block;
}

    .buyProductDialog .buyRow .button.addToCart span {
        height: 36px;
        width: 39px;
        background-image: url(images/icon_AddToCart-white.png);
        margin-right:9px;
    }

    .buyProductDialog .buyRow .button.addToCart:hover span {
        background-image: url(images/icon_AddToCart-green.png);
    }

    .buyProductDialog .buyRow .button.wishList span {
        height: 32px;
        width: 34px;
        background-image: url(images/icon-WishList-green.png);
        margin-right: 4px;
    }

    .buyProductDialog .buyRow .button.wishList:hover span {
        background-image: url(images/icon-WishList-white.png);
    }

    .buyProductDialog .buyRow .button.preOrder span {
        height: 34px;
        width: 34px;
        background-image: url(images/icon_PreOrder-white.png);
        margin-right: 9px;
    }

    .buyProductDialog .buyRow .button.preOrder:hover span {
        background-image: url(images/icon_PreOrder-green.png);
    }



.buyProductDialog .wishList .button {
    background: #FFF;
    color: #339933;
    border: 2px solid #339933;
}

.buyProductDialog .wishList .button:hover {
    color: #FFF !important;
    background: #339933 !important;
}

    .buyProductDialog .productPanelRow div.preorder {
        float: left;
        display:inline-block;
        cursor:pointer;
    }
    .buyProductDialog .productPanelRow div.preorder img {
        float:left;
        margin-right:3px;
        margin-top:2px;
    }

img.cartImg{vertical-align:middle;}
img.wishList{vertical-align:middle;}

.buyProductDialog .productPanelRow div.discounts {color:#f35530; float:left;}
.buyProductDialog .productPanelRow div.shipping {float:right;padding-right: 48px;}
.buyProductDialog .productPanelRow ul {color:#f35530;list-style-type:disc; padding: 0 0 0 40px;}
.buyProductDialog .productPanelRow div.shipping a {color:#f35530;}
span[itemprop="price"]{color:#339933;}
span[itemprop="sku"]{}

.productDescription div.descriptionWrapper {
    color: #333333;
    font-size: 20px;
    line-height: 34px;
}
.productDescription div.descriptionWrapper p {
    font-size:20px;
    line-height:34px;
}

.addtionalInfo h3 {
    font-size: 16px;
    line-height: 19px;
    color: #798a8e;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    border-bottom: 1px solid #ebeeef;
}

.addtionalInfo th,
.addtionalInfo td {
    font-size: 14px;
    line-height: 17px;
    color: #798A8E;
    padding:2px 0;
    font-weight:bold;
    text-align:left;
}

.addtionalInfo th{
    font-weight:300;
    padding-right:15px;
    text-align:right;
    width:180px;
}

.socialMediaLinks{
    margin: 80px 0 50px;
}

.socialMediaLinks:after {
    content:"";
    display:block;
    clear:both;
}

    .socialMediaLinks h3 {
        font-size: 14px;
        line-height: 18px;
        color: #7f7f7f;
        font-weight:300;
        margin-bottom:10px;
    }

.socialMediaLinks img {
    float:left;
    margin-right:10px;
}

.recipeSocialMedia .socialMediaLinks {
    margin: 40px 0 60px;
}

.recipeSocialMedia .socialMediaLinks h3 {
    float:left;
    line-height: 36px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right:10px;
}

/* buy product dialog */
table.buyProductForm {
    padding: 10px 5px 5px 5px;
}
table.buyProductForm td, table.buyProductForm th {  padding:5px 0 5px 5px; vertical-align:middle; }
table.buyProductForm .rowHeader {
    font-weight: bold; border-width: 0;  padding:5px 5px 5px 5px; 
    border-right: solid 1px #e4e4e4; text-align: right; }
table.buyProductForm .subscriptionRow th.rowHeader {vertical-align:top; padding-top:13px;}
table.buyProductForm .subscriptionRow td,blockquote {margin: 1em 22px;}
table.buyProductForm .priceLabel th.rowHeader {width:58px;}
table.buyProductForm .subscriptionRow th.rowHeader {vertical-align:top; padding-top:13px;}
span.inventoryDetails {display:block; width:200px;}
.optionPicker td { border: outset 2px #999; }
.optionPicker td.selected { border: inset 2px #999; }

.shipping-estimator {border:none;background-color:transparent;padding:0;}
#shipping-section {display:none;}
#preorder-section {display:none;}

/* style for displaying the hidden price popup */
.pricePopup {background-color:#fff; border-width:3px; border-style:solid; border-color:#e4e4e4; padding:3px; width:300px; position:absolute; left:50%; margin-left:-150px; z-index:99; text-align:center;}
.pricePopup .content {padding-top:5px;}
.pricePopup .header {background-color:#DDDDDD; border:solid 1px #e4e4e4; color:Black; margin:-3px; padding:6px; font-weight:bold;}
.pricePopup span.fieldHeader {display:block;float:left;width:135px;text-align:right;margin-right:6px; }
.pricePopup span.fieldValue {display:block;float:left; }
.pricePopup .actions {text-align:right;}

/* style for displaying product ratings */
div.aggregateRating {display: inline;}
div.aggregateRating .ratingText {display:inline;}

/* style for similar more pane*/
.relatedProductsWidget{padding-bottom:30px;}

/* style for product reviews */
.productReviewContent {/*white-space: pre-line; text-align: justify; padding: 10px;*/}
#reviewsPane table.reviewsTable td {padding-bottom:15px;}
#reviewsPane table.reviewsTable td.review-item{text-align:center;}
#reviewsPane a.button {
    font-size: 14px;
    line-height: 17px;
    color: #798A8E;
    border: 1px solid #798A8E;
    border-radius:5px;
    padding:9px 20px 8px;
    background:#FFF;
}

#reviewsPane a.button:hover {
    background: #798A8E !important;
    color: #FFF !important;
}

.ratingStar00, .ratingStar01, .ratingStar02, .ratingStar03, 
.ratingStar04, .ratingStar05, .ratingStar06, .ratingStar07, 
.ratingStar08, .ratingStar09, .ratingStar10
{
    background-position:0 0;
    background-repeat: no-repeat;
    width: 100px;
    height:20px;
    display:inline-block;
}
.ratingStar00 { background-image:url(images/ratings/rate_00.png); }
.ratingStar01 { background-image:url(images/ratings/rate_01.png); }
.ratingStar02 { background-image:url(images/ratings/rate_02.png); }
.ratingStar03 { background-image:url(images/ratings/rate_03.png); }
.ratingStar04 { background-image:url(images/ratings/rate_04.png); }
.ratingStar05 { background-image:url(images/ratings/rate_05.png); }
.ratingStar06 { background-image:url(images/ratings/rate_06.png); }
.ratingStar07 { background-image:url(images/ratings/rate_07.png); }
.ratingStar08 { background-image:url(images/ratings/rate_08.png); }
.ratingStar09 { background-image:url(images/ratings/rate_09.png); }
.ratingStar10 { background-image:url(images/ratings/rate_10.png); }
.ratingStarNone {}

/* product images page styles */
#productImages img{border:0}
#productImages div.progress-bar{border:1px solid #fff; background-color:#000}
#productImages div.missing-thumbnail{background:#333 url('images/redx.gif') center center no-repeat; cursor:pointer; border:1px solid #e4e4e4}
#productImages div.error-message{color:#bbb; font-size:1.2em; margin-top:-0.6em; position:relative; text-align:center}
#productImages div.caption{background-color:#000; color:#fff}
#productImages div.caption a{color:#fff}
#productImages body, #productImages html{background-color:#333; margin:0; padding:0; }
#productImages #gallery{margin:20px auto; height:520px; width:750px; position:relative; color:#aaa; padding:20px; overflow:hidden; border:1px solid #e4e4e4; background-color:#000}


/* Recipe page styles */

.recipeHeading{
    display:flex;
}

    .recipeHeading .recipeImageWrapper {
        flex: 0 0 100px;
        margin-right: 15px;
    }

.recipeHeading img {
    width: 100px;
}

    .recipeHeading img {
        width: 100px;
    }

    .recipeHeading .recipeTitle {
        flex: 1 1 auto;
    }

    .recipeHeading .recipeTitle h2 {
        font-size: 28px;
        line-height: 34px;
        padding-bottom: 16px;
        border-bottom: 1px solid #ebeeef;
        margin-bottom:36px;
    }

    .recipeHeading .reviews a {
        color: #F36630;
        font-size: 13px;
        line-height: 36px;
        display: block;
        text-align: left;
        text-decoration:none;
    }

        .recipeHeading .reviews a.hasRating {
            background-position-x: right;
            padding-right: 110px;
            width: auto;
        }

    .recipeHeading .recipeTitle .print {
        text-align:right;
    }

    .recipeHeading .recipeTitle .print .button {
        background: #FFF;
        border: 1px solid #798A8E;
        color: #798A8E;
        border-radius:5px;
        font-size:14px;
        line-height:22px;
        padding:6px 15px;
        display:inline-flex;
        margin-bottom:0;
    }

        .recipeHeading .recipeTitle .print .button span {
            display: inline-block;
            height: 22px;
            width: 24px;
            margin-right: 10px;
            background-image: url(images/icon_print-gray.png);
            background-size:cover;
            background-position:center center;
        }

        .recipeHeading .recipeTitle .print .button:hover {
            padding: 6px 15px;
            background: #798A8E;
            color: #FFF !important;
        }

            .recipeHeading .recipeTitle .print .button:hover span {
                background-image: url(images/icon_print-white.png);
            }

/*.recipeSocialMedia .socialMediaLinks {
    margin: 40px 0 60px;
    display: flex;
}

.recipeSocialMedia .socialMediaLinks h3 {
    margin: 0 10px 0 0;
    line-height:36px;
}*/

.recipeProduct {
    border: 1px solid #dde2e3;
    padding: 20px;
    display: flex;
    margin-bottom: 15px;
}

.recipeProduct:first-child {
    margin-top:25px;
}

    .recipeProduct .thumbnail {
        display: block;
        width: 100px;
        height: 100px;
        margin-right: 17px;
        background-position: center center;
        background-size: cover;
        
    }

    .recipeProduct .details {
      
    }

    .recipeProduct .details .name {
        color:#000;
        font-size:20px;
        display:block;
        line-height:24px;
        margin-bottom:7px;
        text-decoration:none;
    }

        .recipeProduct .details .priceWrapper{
            display:flex;
        }

        .recipeProduct .details .msrp {
            color: #999999;
            font-size: 20px;
            display: block;
            line-height: 24px;
            margin-bottom: 6px;
            margin-right: 3px;
        }

        .recipeProduct .details .price {
            color: #339933;
            font-size: 20px;
            display: block;
            line-height: 24px;
            margin-bottom: 6px;
        }

    .recipeProduct .details .size {
        color: #798A8E;
        font-size: 14px;
        display: block;
        line-height: 17px;
    }

    .recipeProduct .quantity {
        flex-grow: 1;
        align-content: center;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .recipeProduct .buyProductDialog {
        width:auto;
        padding-bottom:0;
        margin-top:0;
        padding-top:0;
        border-top:0;
    }

        .recipeProduct .buyProductDialog table.quantityUpDown {
            max-width: 100px;
        }

@media(max-width:1199px){
    .recipeImageWrapper{
        display:none;
    }

    .recipeHeading .recipeTitle h2 {
        font-size: 24px;
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 10px;
    }
}

    /* styling for display of webpage objects */
    /*#webpagePage { padding:0px; }*/
    /******************************************************************************************/
    /* end catalog item display styling                                                       */
    /******************************************************************************************/
    /******************************************************************************************/
    /* begin basket display styling                                                           */
    /******************************************************************************************/
    /* basket styling */
    #basketPage div.basketContainer div.actions {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
/*#basketPage div.basketContainer div.actions span.checkout .button { background-color:#005b90; color:#fff;border:0px; }
#basketPage div.basketContainer div.actions span.checkout .button:hover { background-color:#e4e4e4; color:#fff !important; }*/
#basketPage div.warnings {padding-left:20px;}
#basketPage div.emptyBasketPanel 
{
	padding-top: 20px; 
	margin: 20px 35px 20px 35px;
    height: 50px; text-align:center; 
}
#basketPage div.emptyBasketPanel span.message { font-size: 18px; font-weight: normal; color: #666666; }

/* display of the basket items */
table.basket { border:0; border-collapse:collapse; width:100%; }
table.basket th, table.basket td { border:1px solid #e4e4e4;padding:4px 8px; text-align:center; vertical-align:top; }
table.basket td a { color: #416573; }
table.basket td a:hover { color: #788F03; }
table.basket th.thumbnail { border-right:none; text-align:left; width:60px; }
table.basket td.thumbnail { border-right:none; text-align:center; width:60px; }
table.basket th.item { border-left:none; text-align:left; }
table.basket td.item { border-left:none; text-align:left; }
table.basket td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; }
table.basket td.item div.itemDetail { margin-bottom:1em; }
table.basket td.item div.itemActions a { margin-right:8px; text-transform:lowercase }
table.basket th.quantity { text-align:center; width:60px; }
table.basket td.quantity { text-align:center; width:60px; }
table.basket td.footerSubtotalLabel { text-align:right; }

/* mini basket styles */

.miniBasket .price {
    color: #4c4c4c;
}
.miniBasket .label { color:#4c4c4c; margin-right:5px; }
.miniBasket .value { color:#666666; font-weight: bold; }
#minibasket-container{position:relative;}
#minibasketbox {position:absolute; z-index:1000;background: #FFF; right: 0; display:none;top: 30px; z-index:9999; min-width:295px;}

.miniBasket .miniBasketWrapper {border: 2px solid #339933; float:right;}
.miniBasket .miniBasketWrapper .innerBasketContainer {padding:20px;}
.miniBasket .basketItemBox {margin-bottom:1em; padding-bottom:0.5em; }
.miniBasket .basketItemBox .iconBox { width:50px; height:50px; float:left; overflow:hidden; margin-right:5px;}
.miniBasket .basketItemBox .titleBox {padding-bottom:5px}
.miniBasket .basketItemBox .noIcon {padding-left:5px;}
.miniBasket .basketItemBox .actions {text-align: left; font-size:11px;}
.miniBasket .basketItemBox .actions input.quantity { width:20px; }
.miniBasket .basketItemBox .actions .basketdetail-container {padding-bottom:5px;}

.miniBasket .subTotalsBox {	border-bottom:1px solid #e4e4e4; padding-bottom: 5px;}
.miniBasket .checkoutButtonsBox {padding-top: 10px;text-align: center;}
.miniBasket .checkoutButtonsBox .keepShopping{margin-right: 20px;}
    .miniBasket .checkoutButtonsBox .keepShopping a {
        font-size: 15px;
        color: #339933;
        background:#fff;
        border:none !important;
    }
    .miniBasket .checkoutButtonsBox .keepShopping a:hover{
        background:#339933;
        color:#fff !important;
        border:2px solid #fff !important;
    }
.miniBasket .checkoutButtonsBox .keepShopping img{
    margin-bottom:-10px;
    margin-right:-4px;
}
.miniBasket .checkoutButtonsBox .standardCheckout{background:#f35530; position:relative; padding:5px 0;}
.miniBasket .checkoutButtonsBox .standardCheckout img{ position:absolute; width:15px; top:10px; left:75px;}
.miniBasket .checkoutButtonsBox .standardCheckout a {color:#fff;font-weight: 700;margin-left:25px; font-size:15px;}
.miniBasket .checkoutButtonsBox .alternateCheckouts>div {padding-top:6px;}
.miniBasket .noResultsPanel {padding:5px; font-style:italic;}

.miniBasket .checkoutButtonsBox .standardCheckout {
    background: #f35530;
    position: relative;
    padding: 5px 0;
}


#storeheader #headerTop a.button.shopping:hover{
    color:#fff;
    background:#339933;
}
#storeHeader #headerTop .shortcuts a.minibasket-delete { font-weight: bold; color:#fff; padding:0;}
#storeHeader #headerTop .shortcuts a.minibasket-checkout {font-size:11px; font-weight:bold; color:#f36630; padding:3px 8px 3px 8px;}
#storeHeader #headerTop .shortcuts a #minibasketdetails {text-align: left;}
#storeHeader #headerTop .shortcuts a.product-title {padding:0; font-size:11px;}
.miniBasketItemDetail .subscriptions .lineBlock {display:block; font-size:10px;}
.miniBasketItemDetail .subTitle {padding: 0; text-indent:0; margin:0 7px; clear:both; }
.miniBasketItemDetail .subTitle li {color:#788A95; list-style-type:none; margin:4px 0 0 10px; }

.miniBasketItemDetail .title {color:#666666; font-weight: normal;}
.miniBasketItemDetail .title a {color:#444444;}
.miniBasketItemDetail .title a:hover {color:#005c92;}

.checkout.basketChekcout {
    text-align: center;
    margin-top:55px;
    margin-bottom:55px;
}

/******************************************************************************************/
/* end basket display styling                                                             */
/******************************************************************************************/

/******************************************************************************************/
/* begin product display tab styling                                                         */
/******************************************************************************************/

/*div.tabs div.widget, .ui-tabs div.widget {border:none;}
div.tabs div.widget div.innerSection div.header, .ui-tabs div.widget div.innerSection div.header {display:none;}*/

.tabs .ajax__tab_header {border-bottom: solid 1px #e4e4e4;}
.tabs .ajax__tab_panel {border-color: #e4e4e4 #e4e4e4 #e4e4e4 #e4e4e4; border-style: none solid solid solid;border-width: medium 1px 1px 1px;}
.tabs .ajax__tab_outer {margin-top:8px;margin-right:5px;margin-bottom:-1px;} 
.tabs .ajax__tab_inner {padding-left:3px;border:#e4e4e4 solid 1px;border-radius: 5px 5px 0px 0px; background-color:#FFF; font-weight:bold; padding: 3px 10px;} 
.tabs .ajax__tab_tab {height:15px;padding:0px;margin:0;outline:none;}
.tabs .ajax__tab_hover .ajax__tab_outer {outline:none;} 
.tabs .ajax__tab_hover .ajax__tab_inner {background-color:#005b90;outline:none;} 
.tabs .ajax__tab_hover .ajax__tab_inner a {color:#FFFFFF; outline:none;}
.tabs .ajax__tab_hover .ajax__tab_tab {outline:none;}
.tabs .ajax__tab_active .ajax__tab_outer {outline:none;} 
.tabs .ajax__tab_active .ajax__tab_inner {background-color:#005b90;} 
.tabs .ajax__tab_active .ajax__tab_inner a {color:#FFFFFF; outline:none;}
.tabs .ajax__tab_active .ajax__tab_tab {outline:none;}
.tabs .ajax__tab_body {outline:none;}

/******************************************************************************************/
/* end product display tab styling
/******************************************************************************************/

/******************************************************************************************/
/* begin checkout display styling                                                         */
/******************************************************************************************/

/* checkout progress indicator in page header */
div.checkoutProgress
{
    background-color:#005b90;
	font-size:12px;
    font-weight:bold; 
	padding:8px 2px;
    text-transform:uppercase; 
	color:#fff; 
	display:block;
	clear:both; 
}
div.checkoutProgress span { padding:3px 6px; }
div.checkoutProgress span.on span 
{
	background-color:#fff;
	border: solid 1px #e4e4e4; 
    border-radius:5px 5px 5px 5px;
	color: #3f294d;
}

.address.columnsWrapper > div{
    max-width:25%;
}
/* address validation */
div.validAddressContainer {
    padding: 5px;
    background-color: #FF803F;
}
div.validAddressContainer p {font-weight:bold;}
div.validAddresses {}

/* position edit link for address items */
/*#checkoutPage div.billingAddress { margin-left:10px; }*/
#checkoutPage div.billingAddress span.editLink,
#checkoutPage div.shippingAddress span.editLink { margin-left:10px; }
#checkoutPage span.editLink a { text-decoration:none; color:#f36630;}
#checkoutPage span.editLink a:hover { text-decoration:underline; }
.shipMethodList{max-width:300px;}
.shipMethodList td {padding-bottom:10px;}
.shipMethodList td label{font-size:14px;}
.shipMethodList td input{float:left;margin-bottom:5px;}
.continueCheckoutWidget{height:auto !important;}
/* styling for specific checkout widgets */
.BasketTotalSummary {
    overflow: visible !important;
}
#checkoutPage div.basketTotalSummaryWidget .message {
    font-style: italic;
}
#checkoutPage div.basketNonShippableItemsWidget div.content { padding:0 }
#checkoutPage .orderSummaryWidget div.content div { margin-bottom:1em; }

/* assign layout settings for shipment listings */
#checkoutPage table.shipmentWidget td.address { width: 200px; padding:8px; }
#checkoutPage table.shipmentWidget td.address div { margin-bottom:1em; }
#checkoutPage table.shipmentWidget td.address span.links { margin-right:20px; float:right; }
#checkoutPage table.shipmentWidget td.items { padding-top:8px; }
#checkoutPage table.shipmentWidget td.method { width:280px;border-left:1px solid #e4e4e4; background-color:#efefef; }
#checkoutPage table.shipmentWidget td.method h3 { border-bottom:1px solid #ccc; margin:0; padding:12px 8px 4px 8px; }
#checkoutPage table.shipmentWidget td.method select { margin: 15px 8px; }
#checkoutPage table.shipmentWidget td.method p { margin: 4px 8px; }

/* add top padding because there is no page header */
#checkout_startPage { padding-top:1em; }

/* add frame to billing address to be consistent with other checkout pages */
#checkout_billPage .column_1 div.section { border:1px solid #e4e4e4; margin-bottom:1em; }
#checkout_billPage .inputForm th.rowHeader { width:25%; }
#checkout_billPage .inputForm td { min-width:150px; }

/* frame the order terms and conditions */
#checkout_payPage .orderTerms{ height: 60px; overflow: auto; border: 1px solid #e4e4e4; padding: 8px; }

/* handle option sections on receipt page */
#checkoutPage .balanceDueSection, 
#checkoutPage .orderInvalidSection { margin-bottom:1em; }
.checkoutErrorMessage{font-weight: bold; color: #FF0000;}
.OrderNotes{font-size:10px;max-width:300px;}
.OrderNotes p{font-weight:bold;margin-bottom:-15px;}
.OrderNotes span{line-height:2;font-size:12px;}
/* checkout hover help images */
.cvvAmex {
    background-image: url(images/PaymentInstruments/cvv_amex.gif);
    background-repeat: no-repeat;
    border: 0;
    height: 169px;
    width: 249px;
}

.cvvVisa
{
	background-image:url(images/PaymentInstruments/cvv_visa.gif);
	background-repeat:no-repeat;
	border:0;
	height:169px; 
	width:249px;
}

.checkHelp
{
	background-image:url(images/PaymentInstruments/checkhelp.jpg);
	background-repeat:no-repeat;
	border:0;
	height:181px; 
	width:250px;
}

/* used where order items are displayed during checkout */
table.itemList { border:0; border-collapse:collapse; width:100%; }
table.itemList th, table.itemList td { padding:4px 8px; text-align:center; vertical-align:middle; }
table.itemList th { border-bottom:1px solid #ccc; }
table.itemList td { padding-bottom:10px; padding-top:10px; }
table.itemList td a { color: #416573; }
table.itemList td a:hover { color: #788F03; }
table.itemList th.thumbnail { border-right:none; text-align:left; width:60px; }
table.itemList td.thumbnail { text-align:center; width:60px; }
table.itemList th.item { border-left:none; text-align:left; }
table.itemList td.item { text-align:left; }
table.itemList td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; }
table.itemList th.quantity { width:60px; }
table.itemList td.quantity { width:60px; }
table.itemList th.sku { width:80px; }
table.itemList td.sku { width:80px; }
table.itemList th.price { width:70px; }
table.itemList td.price { width:70px; }
table.itemList th.total { width:70px; }
table.itemList td.total { width:70px; }
table.itemList th.shipTo { text-align:left; border:1px solid #e4e4e4; }
table.itemList td.shipTo { text-align:left; background-color:#efefef; border:1px solid #e4e4e4;}
table.itemList th.giftOption { text-align:left; width:300px; }
table.itemList td.giftOption { text-align:left; width:300px; }
table.itemList td.giftOption div.message { margin-top:10px; }
table.itemList td.giftOption div.message textarea { height:60px; width:95%; }
table.itemList th.paymentDate { width:100px; }
table.itemList td.paymentDate { width:100px; }
table.itemList th.paymentAmount { width:100px; }
table.itemList td.paymentAmount { width:100px; }
table.itemList th.paymentStatus { width:100px; }
table.itemList td.paymentStatus { width:100px; }
table.itemList th.paymentMethod { text-align:left; }
table.itemList td.paymentMethod { text-align:left; }
table.itemList th.noteDate { width:140px; }
table.itemList td.noteDate { width:140px; }
table.itemList th.noteAuthor { width:140px; }
table.itemList td.noteAuthor { width:140px; }
table.itemList th.noteText { text-align:left; }
table.itemList td.noteText { text-align:left; }
table.itemList th.digitalGood { text-align:left; width:300px; }
table.itemList td.digitalGood { text-align:left; width:300px; }
table.itemList th.download { width:80px; }
table.itemList td.download { width:80px; }
table.itemList th.remainingDownloads { width:80px; }
table.itemList td.remainingDownloads { width:80px; }
table.itemList th.serialKey { text-align:left; }
table.itemList td.serialKey { text-align:left; }
table.itemList th.giftCertificate { text-align:left; }
table.itemList td.giftCertificate { text-align:left; }
table.itemList th.giftCertificateStatus { width:150px; }
table.itemList td.giftCertificateStatus { width:150px; }
table.itemList th.giftCertificateExpiration { width:150px; }
table.itemList td.giftCertificateExpiration { width:150px; }
table.itemList th.subscription { text-align:left; }
table.itemList td.subscription { text-align:left; }
table.itemList th.subscriptionStatus { width:150px; }
table.itemList td.subscriptionStatus { width:150px; }
table.itemList th.subscriptionExpiration { width:150px; }
table.itemList td.subscriptionExpiration { width:150px; }

@media (max-width:768px){
    #ShippingAddressesItems th:nth-child(3),
    #ShippingAddressesItems td:nth-child(3),
    #ShippingAddressesItems th:nth-child(4),
    #ShippingAddressesItems td:nth-child(4) {
        display: none;
    }
}

@media (max-width:460px) {
    #ShippingAddressesItems th:nth-child(1),
    #ShippingAddressesItems td:nth-child(1)
    {
        display: none;
    }

   

    #ShippingAddressesItems select{
        width:175px;
    }
}


/* styles for the address book table */

.newaddress-button {margin:0 0 10px 0;}
.addressBook .entries span.links a {color:#f36630;}
.addressBook .entries
{
    display:flex;
        flex-wrap:wrap;
}
.addressBook .entry 
{
	border:1px solid #e4e4e4;
	vertical-align:top;
	margin:5px;
    background-color:#fff; 
    padding:20px;
	overflow:hidden;
	display:block;
	width:265px;
    padding-bottom:65px;
	position:relative;
}

.addressBook .entry:first-child {
    margin-left:0;
}

.addressBook .address
{
	padding-left:5px;
}
.addressBook .entry h2
{
	margin:0 0 0.5em 0;
	font-size:1.2em;
	font-weight:bold;
	display:inline-block;
}
.addressBook .caption .links
{
	float:right;
}
.addressBook .entry .buttons
{	
    position:absolute;
    bottom:10px; 
}
.addressBook .addEntry
{
	background-color:#efefef;
}
.addressBook .addEntry .buttons
{
    position:absolute;
}

.basketShippingEstimateWidget {
    padding: 10px;
    border: 1px solid #e6e6e6;
    width:250px;
    margin-top:30px;
}

.basketShippingEstimateWidget .header{
    text-align: center;
}

.basketShippingEstimateWidget .header h4{
    font-weight:bold;
}

.basketShippingEstimateWidget input {
    color: #4c4c4c;
    background-color:#fff;
    border:1px solid #4c4c4c;
}

.basketShippingEstimateWidget input[type=submit]:hover {
    color: #fff !important;
    background-color: #4c4c4c !important;
    border: 1px solid #4c4c4c;
    padding: 8px 21px;
}

/* basket and order summary sidebar */
table.orderTotalSummary {
    width: 100%;
    margin-bottom: 1em;
}
table.orderTotalSummary th { text-align:right;font-weight:bold; white-space:nowrap; border-bottom:0;}
table.orderTotalSummary td { text-align:right; width:80px; border-bottom:0;}
table.orderTotalSummary td.item {width:60%; text-align:left;}
table.orderTotalSummary th.sku { text-align:center; width:80px; }
table.orderTotalSummary td.sku { text-align:center; }
table.orderTotalSummary th.quantity { text-align:center; width:60px; }
table.orderTotalSummary td.quantity { text-align:center; width:60px; }
table.orderTotalSummary td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; }
table.orderTotalSummary tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%;}
table.orderTotalSummary tr.importantRow {font-weight:bold;}
table.orderTotalSummary tr.actionsRow td {text-align:center; width:100%;}

/* payment form */
.paymentWidget{margin-bottom:50px;}
.paymentFormContainer {
    
}
    .paymentFormContainer .paymentMethodList {
        display: block;
        white-space: nowrap;
        border-right: 1px dotted #ccc;
    }
.paymentFormContainer table.inputForm th { width:120px; text-align:right; }
.paymentFormContainer table.inputForm td { }

.cvvHelpHoverPanel .helpSection { display:inline-block; width:280px; margin:10px; vertical-align:top; }
.cvvHelpHoverPanel .helpSection h3 { margin-bottom:0.5em; } 
.cvvHelpHoverPanel .helpSection p { text-align:justify; }
.couponForm .buttonInvert {
    padding:0 15px;
    font-size:12px;
    line-height:34px;
    height:34px;
}
.couponForm input{
    padding:4px 15px;
}

@media (max-width:1199px){
    .paymentFormContainer .paymentMethodList {
        border-right: 0;
        border-bottom: 1px dotted #ccc;
        padding-bottom:10px;
        margin-bottom:10px;
    }
}

/* one page checkout */
.opcOverlay 
{
opacity:0.5;
filter: alpha(opacity=50); /* for IE8 and below */
background-color:#ccc;position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:900;
}
.aboveOpcOverlay{z-index:901;position: relative;background-color:White;}

div.addressLink {padding:0px 5px 10px 5px;}
div.addressText {font-size: 1.2em;font-weight:bold;line-height:18px; padding:5px 5px 4px 5px;}

.left {float:left;}
.right {float:right;}
div.opcInputForm {}
div.opcInputForm span.label {display:block;padding:3px;}
div.opcInputForm .small {padding:2px; width:90px;}
div.opcInputForm .large {width:200px;}
#checkout_onePage div.itemDetail ul {list-style-type:disc; padding-left:25px; text-align:left; margin:5px 0 5px 0;}
#checkout_onePage table.itemList th.price, #checkout_onePage table.itemList td.price {text-align:right;}
#checkout_onePage table.itemList td.rowHeader {text-align:right; font-weight:bold;padding-top:5px; padding-bottom:5px;}
#checkout_onePage table.itemList td.subTotals {padding-top:5px; padding-bottom:5px;}
#checkout_onePage table.itemList tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%; padding:0;}
#checkout_onePage div.emailList p { padding:5px 5px 5px 25px; font-style:italic;}

table.basketSummary { width:100%; margin-bottom:1em; }
table.basketSummary tr.evenRow { background-color:#FFFFFF;}
table.basketSummary tr.oddRow { background-color:#F8F8F8;}
table.basketSummary tr.simpleRow { border-bottom: 0; }
table.basketSummary tr.importantRow { border-bottom: 0; }
table.basketSummary tr.headerRow { border-bottom: 0; }
table.basketSummary th { text-align:right;font-weight:bold; white-space:nowrap; border-bottom:0;}
table.basketSummary td { text-align:right; width:80px; border-bottom: 0; }
table.basketSummary td.item {width:60%; text-align:left;}
table.basketSummary th.sku { text-align:center; width:80px; }
table.basketSummary td.sku { text-align:center; }
table.basketSummary th.quantity { text-align:center; width:60px; }
table.basketSummary td.quantity { text-align:center; width:60px; }
table.basketSummary tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%;}
table.basketSummary tr.importantRow {font-weight:bold;}
table.basketSummary tr.actionsRow td {text-align:center; width:100%;}
table.basketSummary td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:25px; line-height:25px; padding-right:25px; font-weight:normal;}

#checkoutPage .actions{
    margin-top:20px;
}

.emailLists{

}

.emailLists .form-check {
    font-size:22px;
    font-weight:bold;
}

@media(max-width:767px){
    .addressBook .entry{
        width:100%;
        margin: 10px 0;
    }
}

/******************************************************************************************/
/* end checkout display styling                                                           */
/******************************************************************************************/

/******************************************************************************************/
/* begin my account area styling                                                          */
/******************************************************************************************/

/* account area styles */
/* This is used on my account page only. Should follow some more general structure/styling. */
ul.columns { margin: 0 0 0 30px; padding: 0; list-style: none; }
ul.columns li {  margin: 2px; background-image: url(images/bullet1.gif); background-position: 0 3px; background-repeat: no-repeat; text-indent:20px; height: 20px; }
.orderHistoryDialog .content { border:solid 1px #7dc2db; padding: 5px 10px; line-height: 25px; }
.orderHistoryDialog .content .bullet{ background-color:#AAAAAA; padding-left:18px;}

/* wishlist styling */
#account_wishlistPage .actions {text-align:center; margin-top:10px; margin-bottom:10px;}
#wishlistPage div.emptyWishlistPanel 
{
    background-color:white; 
	padding-top: 20px; 
	padding-left: 60px; 
	margin: 20px 35px 35px 35px;
    height: 50px; text-align:center; 
}
#wishlistPage div.emptyWishlistPanel span.message { font-size: 18px; font-weight: normal; color: #666666; }

/* Payment Types styling */
#account_payment_types div.column_1 {width:630px;padding:0 0px 0 0px;}
#account_payment_types div.column_2 {width:262px;padding:0 0px 0 0px;}
#account_payment_types div.paymentList {padding:5px;}
#account_payment_types div.noPayments {padding:15px;background-color:#e4e4e4;font-size:14px;text-align:center;color:#444;}
#account_payment_types div.mainContainer {width:auto;}
#account_payment_types div.innerLeft {width:8px;display:inline-block;float:left;padding:23px 15px 23px 15px;}
#account_payment_types div.innerRight{width:270px;display:inline-block;float:left;}
#account_payment_types div.innerRight div.paymentItem { width:auto;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;border:solid 1px #ef9e07;padding:5px 12px 5px 12px;height:50px;margin-bottom:20px;}
#account_payment_types div.innerRight .deleteLink input{color: #f3b721 !important;text-transform: lowercase; text-decoration:underline;font-weight: bold; background:none; border:none;}
#account_payment_types div.innerRight .deleteLink input:hover {background:none; color: #ef9e07 !important; border:none;}
#account_payment_types div.innerRight div.paymentItem div {float:left;padding:0px;}
#account_payment_types div.innerRight div.paymentItem div.reference {font-weight:bold;}
#account_payment_types div.innerRight div.paymentItem .deafultPayment {font-style:italic;color:#f00;font-weight:bold;margin: 0 0 0 3px;}
#account_payment_types div.innerRight div.paymentItem .expiration {padding-top:7px; clear:left;}
#account_payment_types div.inputForm {width:auto; /*margin:0 0 0 110px; padding:10px;*/}
#account_payment_types div.inputForm .rowHeader {display:inline-block;padding:8px 5px 8px 5px;float:left;font-weight:bold; color: #fff; width:100px; text-align:right;}
#account_payment_types div.inputForm .inputFied {display:inline-block;float:left; padding:7px 0 7px 0;}
#account_payment_types div.inputForm .securityCodeInput {width:152px;}
#account_payment_types div.inputForm .btn {margin-left:110px;}
#account_payment_types div.inputForm div.error {width:400px;}
#account_payment_types div.inputForm .errorCondition {color: #ff0000;font-weight: bold;padding: 0; }
#account_payment_types .instructionText {display:inline-block;}

/* serial keys page */
#account_serialKeyPage div.content {width:100%;overflow:scroll;}

#accountPage div.tabpane { position:relative; }
#accountPage div.tabpane p { padding: 10px 0 0 0; }
#accountPage div.tabpane .ui-notify { position:absolute; }
.wishlistPasswordWidget { position:relative; }
.wishlistPasswordWidget .ui-notify { position:absolute; }

/* styles for paged list of data */
table.pagedList { width:100%; border-collapse:collapse; }
table.pagedList tr.oddRow { background-color:#fff; }
table.pagedList tr.oddRow td { color: #000000; padding: 10px; }
table.pagedList tr.evenRow { background-color:#f5f5f5; }
table.pagedList tr.evenRow td { color: #000000; padding: 10px; }
table.pagedList tr.empty td { font-size:1.1em; font-style:italic; padding:10px; text-align:center; }
table.pagedList td { border:solid 1px #e4e4e4; padding:4px; text-align:center}
table.pagedList th { padding: 7px 4px; font-weight:bold; background-color:#e4e4e4; margin:0; border: solid 1px #e4e4e4;}
table.pagedList th a { color: #005b90; text-decoration:underline; }
table.pagedList th a:hover { color: #005b90; text-decoration:underline; }
table.pagedList td a {  }
table.pagedList td a:hover { color: #e5a704; text-decoration:none;}
table.pagedList th.thumbnail { border-right:none; text-align:center; width:60px; }
table.pagedList td.thumbnail { border-right:none; text-align:center; width:60px; }
table.pagedList th.itemName { border-left:none; }
table.pagedList td.itemName { border-left:none; text-align:left; }
table.pagedList th.quantity { width:60px; }
table.pagedList td.quantity { width:60px; }
table.pagedList th.sku { width:80px; }
table.pagedList td.sku { width:80px;text-align:left;}
table.pagedList th.price { width:70px; }
table.pagedList td.price { width:70px; }
table.pagedList th.manufacturer { width:100px; }
table.pagedList td.manufacturer { width:100px; }
table.pagedList th.categories { width:120px; }
table.pagedList td.categories { width:120px; }
table.pagedList th.actions { width:100px; }
table.pagedList td.actions { width:100px; }
table.pagedList th.orderItems { text-align:left; }
table.pagedList td.orderItems { text-align:left; }
table.pagedList tr.paging td {border: 0px; padding:0px; text-align:center}

/* styles for paging of catalog grids */
div.pagingPanel {margin:0;}
div.pagingPanel, .paging table {float:left; position:relative;top:2px;left:10px;}
.paging table {margin-bottom : 10px; }
div.pagingPanel span.pageLabel{}
div.pagingPanel a.page-number.current, div.pagingPanel a
{
    padding: 1px 5px; 
    border: 1px solid #e4e4e4; 
    margin: 3px 0 3px 1px; 
    background-color: #FFF; 
    font-size:11px;
}
div.pagingPanel a.page-number
{
    background-color:#e4e4e4; 
    color: #005b90; 
    text-decoration:none; 
}
/*div.pagingPanel, div.pagingPanel .current, div.pagingPanel a, .paging span, .paging a
{
padding: 2px 5px;  
border: 1px solid #65aedb; 
font-weight: bold; 
font-size: 12px; 
margin: 3px 0 3px 1px; 
background-color: #005B90; 
color: #FFF; 
}*/
/*div.pagingPanel a, table.pagedList tr.paging a
{
background-color:#e4e4e4; 
color: #005b90; 
text-decoration:none; 
}*/
div.pagingPanel a:hover, table.pagedList tr.paging a:hover { background-color: #4c4c4c; color: #FFF; border:1px solid #4c4c4c; }
div.pagingPanel a.page-number.current, div.pagingPanel a.pager-selected { 
    background-color: #4c4c4c; 
    color: #FFF; 
    border:1px solid #4c4c4c; 
}
/******************************************************************************************/
/* end my account area styling                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin ajax related styling                                                             */
/******************************************************************************************/

/* popup dialog related styles */
.popupOuterWrapper {overflow:hidden;width:1px;height:1px;} /* prevents the screen from dynamically resizing when the popup shows */
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup { background-color:#ffffff; border-width:2px; border-style:solid; border-color:005b90; width:500px;}
.modalPopup .header, .modalPopupHeader {cursor:move; background-color:#005b90; border:solid 1px 000; color:#fff; padding:6px; font-weight:bold; font-size:1.1em;}
.modalPopup .modalPopupContent {padding:8px;}
.addAddressPopup {width:500px;}
.editAddressPopup {width:500px;}
.shipEstimatePopup {width:450px;}

/* ajax progress styling */
#ajaxProgressOuter 
{
    border: 0; padding: 0; margin: 0; 
	position:fixed; 
	width:100%;
	height:100%;
	left: 0; top:0; bottom:0;
	background-color: #444444; 
	opacity: .65;
    filter: alpha(opacity=65);
	z-index: 1000;
}

#ajaxProgressInner
{
	padding: 0; 
	background: #FFFFFF url(images/processing.gif) no-repeat 50%; 
	position: absolute; 
    left:48%;
	top:25%; 
	margin-left:-100px; 
	width:200px; 
	height:200px;		
	border: solid 2px #444444; 
	opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1001;
}



/******************************************************************************************/
/* end ajax related styling                                                               */
/******************************************************************************************/

/******************************************************************************************/
/* begin admin panel related styling                                                             */
/******************************************************************************************/

#adminPanel {padding:10px 15px 10px 15px; background-color:#FFF; border-top:1px solid #000;}
#adminPanel .rowHeader {font-weight:bold;}
#adminPanel div.editItemPanel {padding: 0 0 10px;}
#adminPanel div.displayPagePanel {}

/******************************************************************************************/
/* end admin panel styling                                                               */
/******************************************************************************************/

/******************************************************************************************/
/* Amazon payment page                                                               */
/******************************************************************************************/
#checkout_amazon  div.section {margin-bottom:1em; border:1px solid #636363; border-radius:5px; background-color:#E1E1E1;}
#checkout_amazon  div.section .header {padding-left: 10px; background:url(images/amazon-header-bg.gif) top left repeat-x #E1E1E1; border-radius: 5px;}
#checkout_amazon  div.section .header h2{font: bold 12px/29px arial,sans-serif; display: inline-block; letter-spacing: 0.5pt; margin: 0; }
#checkout_amazon  div.section .content { margin:0px 3px 3px 3px; border:1px solid #636363;padding: 10px 10px 10px 10px; background-color:White; }

#checkout_amazon .sidebarColumn { width: 420px; }
#checkout_amazon .mainColumn { width: 520px; }


/******************************************************************************************/
/* End Amazon payment page                                                               */
/******************************************************************************************/

/*Search Page Styling*/
#searchPage {padding-bottom:15px;}
#searchPage .catalogWrapper .searchListing {padding-bottom:15px;}
#searchPage .pagingPanel {left:0;}
/*Home Page Main Carousel styling*/
.img-right {
    position: absolute;
    right: 5px;
    bottom: 50%;
    height:40px; 
    width:30px;
}

.img-left{
    height:40px; 
    width:30px;
    position: absolute;
    left: 5px;
    bottom: 50%;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /*width: 15%;*/
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);*/
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);*/
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  /*bottom: 10px;*/
  right: 10px;
  z-index: 15;
  /*width: 60%;*/
  padding-left: 0;
  /*margin-left: -30%;*/
  /*text-align: center;*/
  list-style: square;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  /*border-radius: 10px;*/
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
/*.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}*/

.label {
    float: left;
    padding-top: 5px;
    padding-right:10px;
    width: 100px;
    text-align: right;
}

.loginForm > div{
    margin-bottom:15px;
}

.loginForm input[type="text"], .loginForm input[type="password"] {
    padding: 8px;
}

.loginForm label
{

}

.billingAddress, .shippingAddress{
    font-size:14px;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 0;
  }
  #checkout_shipMethodPage div.shipmentSection{
      padding-top:30px;
  }
  .confirm-preorder {
      float:right;
  }
}

@media print {
    .recipeHeading .recipeTitle h2 span{
        font-size:24px;
    }

    .productColumnLeft,
    .productColumnRight {
        float:none;
        width:100%;
    }

    .recipeHeading .recipeTitle h2{
        margin-bottom: 6px;
    }
}

/* Homepage Newsletter Signup Modal */

#NewsletterSignupBackground{
    position:fixed;
    background:#33333399;
    top:0px;
    left:0;
    right:0;
    bottom:0;
    padding:20px;
    z-index:1001;
}

#NewsletterSignupModalWrapper {
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

#NewsletterSignupModal {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    background: #FCFCFC;
    text-align: center;
    z-index: 1002;
}

#NewsletterSignupModal img {
    max-width: 100%;
}

    #NewsletterSignupModal .quoteBox{
        margin-top:5px;
    }

    #NewsletterSignupModal .main-image {
        width: 100%;
    }

    #NewsletterSignupModal p.text1,
    #NewsletterSignupModal p.text2 {
        font-size: 24px;
        color: #f36630;
        text-align: center;
        margin: 0;
        padding: 22px 0;
        line-height: 1.1em;
        font-weight: bold;
    }

    #NewsletterSignupModal p.text2 {
        font-size: 20px;
        font-weight: bold;
        color: #339933;
    }

        #NewsletterSignupModal .form-wrapper {
            max-width:350px;
            margin:0 auto;
        }

        #NewsletterSignupModal .form-wrapper .form-control {
            border-radius:0;
            margin-bottom:20px;
            text-align:center;
        }

        #NewsletterSignupModal .close-wrapper{
            text-align:center;
            padding-bottom:20px;
        }

        #NewsletterSignupModal .close {
            display: inline-block;
            color: #ccc;
            padding-left: 39px;
            font-size: 18px;
            line-height: 29px;
            background-image: url(images/x.jpg);
            background-repeat: no-repeat;
            background-position: left center;
        }

@media(min-width:790px) {
    #NewsletterSignupModal {
        
    }

        #NewsletterSignupModal p.text1 {
            
        }

        #NewsletterSignupModal p.text2 {
            font-size: 30px;
        }
}

@media(min-width:1580px) {
    #NewsletterSignupModal {
    }

        #NewsletterSignupModal p.text1 {
            font-size:32px;
        }

        #NewsletterSignupModal p.text2 {
            font-size: 30px;
        }
}

#attentionCallout{
    background:#f36630;
    padding:8px;
}

#attentionCallout p{
    color:#FFF;
    font-weight:bold;
    font-size:18px; 
    text-align:center;
    margin:0 auto;
    line-height:18px; 
}