/* Minification failed. Returning unminified contents.
(6241,9): run-time error CSS1036: Expected expression, found '#'
(6599,37): run-time error CSS1038: Expected hex color, found '#FFFF'
 */
/* common stuff */

/* Lato */

@import url(https://fonts.googleapis.com/css?family=Lato);

/* button */
/*Gill Sans*/
@font-face {
	font-family: 'Gill Sans MT Condensed';
	src: url('fonts/gill_sans_mt_condensed.eot');
	src: url('fonts/gill_sans_mt_condensed.eot?#iefix') format('embedded-opentype'), 
	url('fonts/gill_sans_mt_condensed.svg#Gill Sans MT Condensed') format('svg'), 
	url('fonts/gill_sans_mt_condensed.woff') format('woff'), 
	url('fonts/gill_sans_mt_condensed.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.gillsans { font-family: 'Gill Sans MT Condensed'; }

/* Perpetua */

@font-face {
	font-family: 'PerpetuaMT';
	src: url('fonts/2A98C6_0_0.eot');
	src: url('fonts/2A98C6_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/2A98C6_0_0.woff') format('woff'), url('fonts/2A98C6_0_0.ttf') format('truetype');
	font-display: swap;
}

.PerpetuaMT { 
	font-family: PerpetuaMT;
	font-weight: normal;
	font-style: normal;
}

* { margin: 0; padding: 0; }

body {
	font: 100%/1.4 'Lato',Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	color: #2a2a2a;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
    ul.list-type-none {
        list-style: none;
        padding: 0 !important;
    }
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    color:#2a2a2a;
/*	padding-right: 15px;
	padding-left: 15px;*/ /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #2a2a2a;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #2a2a2a;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
.border-none {
    border: none;
}
/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 100%;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	 height: auto; min-height: 100%; 
}
.screenreader-only {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*sitemap setup*/

.SiteMapRootNode{
    font-size:28px;
    font-family:'PerpetuaMT';
    color:#2A2A2A;
    margin:0px;
    font-weight:normal;
    line-height:normal;
}

.SiteMapRootNode a{
    color:#2A2A2A;
    text-decoration:none;
}

.SiteMapRootNode a:hover {
    text-decoration:none;
    }

.SiteMapParentNode {
    font-size:22px;
    font-family:'Lato';
    font-weight:normal;
    line-height:normal;
    color:#2a2a2a;
    margin:0px;
    text-transform:uppercase;
}

.SiteMapParentNode a{
    color:#2A2A2A;
    text-decoration:none;
}

.SiteMapParentNode a:hover {
    color:#821718;
    text-decoration:underline;
    }

.SiteMapLeafNode{
    font-size:20px;
    font-family:'PerpetuaMT';
    font-weight:400;
    line-height:normal;
    color:#2a2a2a;
    margin:0px;
}
.SiteMapLeafNode a{
    color:#2A2A2A;
    text-decoration:none;
}

.SiteMapLeafNode a:hover {
    color:#821718;
    text-decoration:underline;
    }

.sitemap-subcat{
    font-size:16px;
    font-family:'Lato';
    font-weight:400;
    line-height:normal;
    margin:0px;
    text-transform:capitalize;
    padding-left:15px;
}

.sitemap-sub-subcat{
    font-family:'Lato';
    font-size:14px;
    font-weight:normal;
    line-height:normal;
    color:#2a2a2a;
    margin:0px;
    padding-left:30px;
}

.product-sitemap{
    font-family:'Lato';
    text-transform:none;
    font-weight:normal;
    font-size:14px;
    line-height:normal;
}

.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:before {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}


/* Email Signup Popover */

.divInterstitialBGCover {
    background:#000; 
    position:absolute; 
    left:0; 
    top:0; 
    display:none; 
    overflow:hidden;
    z-index: 10000;
}

.divInterstitialOverlayBox {
    border:3px solid #821718;
    width: 648px;
    margin: 3% auto;
    border-radius: 7px;
    background-color: white;
    position:absolute;
    display:none;
    z-index: 10001;
    float:none;
    padding:0;
}

.container-faq-popup,
.container-customer-level-popup
{
    display: none;
}

   .container-faq-popup .overlay-box-,
   .container-customer-level-popup .overlay-box-,
   .container-restricted-products-popup .overlay-box-
    {
        border:3px solid #821718;
        position: absolute;
        display: none;
        width: 426px;
        height: 355px;
        background:#FFF;
        z-index: 1000001;
    }
    
    .container-customer-level-popup .overlay-box-  {
         height: 208px;
    }

    .container-restricted-products-popup .overlay-box-{
         width: 500px;
   }
    .container-restricted-products-popup .overlay-box-
    {
        height: auto;
    }

    .container-restricted-products-popup ul {
        color: black;
        font-size:16px;
        text-align: left;
        margin-left:15px;
        margin-bottom:15px;
    }

    .container-faq-popup .background-,
    .container-customer-level-popup .background-,
    .container-restricted-products-popup .background-
    {
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        overflow: hidden;
        z-index: 1000000;
    }

    .container-customer-level-popup .signup_form,
    .container-restricted-products-popup .signup_form {
        width: auto !important;       
    }

    .container-restricted-products-popup .signup_form
    {
        margin: 0px;
    }

    .container-customer-level-popup .signup_inner,
    .container-restricted-products-popup .signup_inner {
        padding: 20px;
    }

    .container-faq-popup .cancel-
    {
        color: #5d5852;
        width: 25px;
        height: 25px;
        border: 1px solid #6d6969;
        background: #d0cec1;
        font-size: 20px;
        font-family: 'ProximaNova-Regular';
        z-index: 10002;
        float:right; 
        text-align:center;
    }

.signup_form .butt-close {
    color: #fffef0 !important;
    overflow: hidden;
    background-color: #821718;
    font-family: Lato;
    font-size: 14px;
    font-weight: bold;
    width: 175px;
    height: 27px;
    border: 1px solid #ccc;
    padding-top: 5px;
    text-align: center;
    text-decoration: none !important;
}

    .signup_form .butt-close:active {
        border-color: #b50103;
        color: #b50103;
    }

    .signup_form .butt-close:hover {
        background: #b50103;
    }

    .signup_form .butt-close:before {
        position: absolute;
        height: 100%;
        font-size: 100%;
        line-height: 3.5;
        color: #fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .signup_form .butt-close:active:before {
        color: #b50103;
    }

.signup_form .butt-closec:before {
    left: 70%;
    opacity: 0;
    top: -8px;
}

.signup_form .butt-closec:hover:before {
    left: 80%;
    opacity: 1;
    top: -8px;
}

.signup_form .restricted-prod-button {
    color: #fffef0;
    overflow: hidden;
    background-color: #821718;
    padding-left: 5px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: bold;
    width: 215px;
    height: 35px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    line-height: 23px;
}

    .signup_form .restricted-prod-button:active {
        border-color: #b50103;
        color: #b50103;
    }

    .signup_form .restricted-prod-button:hover {
        background: #b50103;
    }

    .signup_form .restricted-prod-button:before {
        position: absolute;
        height: 100%;
        font-size: 100%;
        line-height: 3.5;
        color: #fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .signup_form .restricted-prod-button:active:before {
        color: #b50103;
    }

.signup_form .restricted-prod-buttonc:before {
    left: 70%;
    opacity: 0;
    top: -8px;
}

.signup_form .restricted-prod-buttonc:hover:before {
    left: 80%;
    opacity: 1;
    top: -8px;
}


.signup_inner
{
	padding:20px 30px 20px 30px;
	text-align:center !important;
	font-family:'PerpetuaMT';
	color:#821718;
	line-height:1.5;
}

.signup_inner p
{
	font-family:'Lato';
	font-size:16px;
	color:#2A2A2A;
	line-height:normal;
    display:block;
    padding-bottom:5px;
}

.signup_inner .signup_logo {
    padding-bottom:5px;
    }

.signup_inner .second_line
{
	text-align:center !important;
	font-family:'PerpetuaMT';
	font-size:22px;
	color:#2A2A2A;
}

.signup_inner .main_line
{
	text-align:center !important;
	font-family:'PerpetuaMT';
	font-size:40px;
	color:#821718;
    line-height:40px;
}

.signup_inner .third_line
{
    font-size:30px;
    line-height:30px;
}

.signup_form
{
	margin:25px 0 0 0;
	padding:0px;
	width:588px !important;
}

.signup_form p
{
	font-family:'Lato';
	font-size:18px;
	color:#4b4b4b;
	line-height:normal;
    display:block;
    padding-bottom:25px;
    text-align:center;
}

.signup_form .signup_emailaddr
{
    color:#b50103;
}

/*
.signup_form .form-inner
{
    margin:0 0 15px 0;
	width:350px !important;
	padding-bottom: 25px;
}

.signup_form .form-inner p
{
	font-family:'Lato';
	font-size:15px;
	color:#4b4b4b;
	line-height:normal;
    display:block;
}

.signup_form .form-inner p .signup_emailaddr
{
	font-family:'Lato';
	font-size:19px;
	color:#4b4b4b;
}

.signup_form .form-inner .formleft-buttons
{
	float:left;
	text-align:right;
	margin:10px 18px 0 0;
	width:94px;
}

.signup_form .form-inner .formleft
{
	float:left;
	text-align:right;
	margin:8px 18px 0 0;
	width:94px;
    font-family:'Lato';
	font-size:15px;
	color:#333;
}

.signup_form .form-inner .formright
{
	float:left;
	text-align:left;
	height:30px;
}

.signup_form .form-inner .formbutton
{
	float:left;
	text-align:left;
	height:30px;
    padding-bottom:20px;
}

.signup_form .form-inner .formright input
{
	margin:0px;
    padding-left:5px;
    width:210px;
	height:31px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
}

.signup_form .form-inner .formright input:focus {
    border:1px solid #818181;
    color:#333333;
    }


.signup_form .form-inner .formright .butt-cancel
{
	border:0 !important;
    color:#643f24;
    font-size:14px;
	font-family: 'Lato';
	background-color:#FFF;
	margin-left:5px;
	width:215px !important;
	height:20px !important;
}

.signup_form .form-inner .formright .butt-cancel:active
{
	border:0 !important;
    color:#643f24;
    font-size:14px;
	font-family: 'Lato';
	background-color:#FFF;
	margin-left:5px;
	width:215px !important;
	height:20px !important;
	text-decoration:underline;
}

.signup_form .form-inner .formright .butt-cancel:focus
{
	border:0 !important;
    color:#643f24;
    font-size:14px;
	font-family: 'Lato';
	background-color:#FFF;
	margin-left:5px;
	width:215px !important;
	height:20px !important;
	text-decoration:underline;
}
*/

.signup_form .socialcolumn
{
	width:225px !important;
	padding-bottom:10px;
    float:left;
    padding-left:30px;
}

.signup_form .socialcolumn p
{
	font-family:'Lato';
	font-size:15px;
	color:#2A2A2A;
	line-height:normal;
    display:block;
    padding-bottom:5px;
}

.signup_form .socialcolumn .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-left:5px;
    padding-right:5px;

}

.signup_form .directcolumn
{
	width:308px !important;
	padding-bottom: 15px;
    float:left;

}

.signup_form .directcolumn p
{
	font-family:'Lato';
	font-size:15px;
	color:#2A2A2A;
	line-height:normal;
    display:block;
    padding-bottom:5px;
}

.signup_form .directcolumn .directrow
{
	float:left;
	text-align:left;
	height:34px;
    padding-bottom:7px;
}


.signup_form .directcolumn .directrow .drleft
{
	float:left;
	width:73px;
    font-family: "Lato";
    font-size: 15px;
    color: #2A2A2A;
    line-height: normal;
    padding-top:5px;
    text-align:right;
    padding-right:5px;
}

.signup_form .directcolumn .directrow .dright
{
	float:left;
	width:230px;
}

.signup_form .directcolumn .directrowbtn
{
	float:right;
	text-align:left;
    padding-bottom:15px;
    padding-right:20px;
    font-size:12px;
}

.signup_form .directcolumn .directrow input
{
	margin:0px;
    padding-left:5px;
    width:202px;
	height:30px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
}

.signup_form .directcolumn .directrow input:focus {
    border:1px solid #818181;
    color:#333333;
    }

.intererror{
    color:#b50103;
    font-family:Lato;
    display:none;
}

/*submit button*/
.btn-signup {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	font-family: 'Lato';
	font-size: 16px;
	width: 210px;
	height: 34px;
	border: 1px solid #ccc;
}

.btn-signup:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-signup:hover {
	background: #b50103;
}

.btn-signup:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-signup:active:before {
	color: #b50103;
}

.btn-signupc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-signupc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

.signup_form .closebutton
{
	height:40px;
    line-height:normal;
    font-size:16px;
}


/* Pic Message */
.divPicBGCover {
    background:#000; 
    position:absolute; 
    left:0; 
    top:0; 
    display:none; 
    overflow:hidden;
    z-index: 10001;
}
.divPicOverlayBox {
        display: none;
        position: absolute;
        top: 5%;
        left: 5%;
        right: 5%;
        bottom: 5%;
        width: 95%;
        max-width: 922px;
        height: 95%;
        max-height:922px;
        border: 1px solid #A19D83;
        background-color: white;
        z-index:10002;
        overflow:auto;
}
.divPicImg 
{
    max-width:900px;
    max-height:900px;
    width:auto;
    height:auto;
    border: 10px solid #FFF;
}
/* End Email Signup Popover */

/* Product QA Pop Over*/
.container-faq-popup,
.container-customer-level-popup
{
    display: none;
}   
    .container-customer-level-popup .overlay-box-
    {
        border:3px solid #821718;
        position: absolute;
        display: none;
        width: 426px;
        height: 355px;
        background:#FFF;
        z-index: 10001;
    }
    
    .container-customer-level-popup .overlay-box-
    {
         height: 208px;
    }

        .container-customer-level-popup .overlay-box- .signup_wrapper
        {
              height: 200px !important;
        }

    .container-faq-popup .background-,
    .container-customer-level-popup .background-
    {
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        overflow: hidden;
        z-index: 10000;
    }

    .container-faq-popup .cancel-
    {
        color: #5d5852;
        width: 25px;
        height: 25px;
        border: 1px solid #6d6969;
        background: #d0cec1;
        font-size: 20px;
        font-family: 'Lato';
        z-index: 10002;
        float:right; 
        text-align:center;
    }



.QA_form
{
	margin:20px 0 0 0;
	padding:0px;
	width:350px !important;
}

.QA_form .form-separator
{
	width:350px !important;
	height:15px;
}

.QA_form .form-inner
{
    margin:0 0 10px 0;
	width:350px !important;
}

.QA_form .form-inner p
{
	font-family:'Lato';
	font-size:15px;
	color:#666;
	line-height:normal;
    display:block;
}

.QA_form .form-inner .formleft-buttons
{
	float:left;
	text-align:right;
	margin:10px 18px 0 0;
	width:79px;
}

.QA_form .form-inner .formleft
{
	float:left;
	text-align:right;
	margin:5px 15px 0 0;
	width:74px;
    font-family:'Lato';
	font-size:15px;
	color:#333;
}

.QA_form .form-inner .formright
{
	float:left;
	text-align:left;
	height:30px;
}

.QA_form .form-inner .formright-button
{
	float:left;
	text-align:left;
}

.QA_form .form-inner .formright input
{
    margin: 0px;
    width: 240px;
    height: 31px;
    line-height: 16px;
    outline: none;
    border: 1px solid #cecece;
    text-align: left;
    font-size: 13px;
    color: #818181;
    display: block;
    float: left;
    margin-right: 2px;
    padding-left: 3px;
}

.QA_form .form-inner .formright input:focus {
    border:1px solid #818181;
    color:#333333;
    }

.QA_form .form-inner .formright .textfield{
	width:240px;
	height:30px;
    color: #818181;
	background-color:#FFF;
    border: 1px solid #cecece;
    font-family:'MS Shell Dlg';
	font-size:13px;
    padding-left:3px;
    padding-top:5px;
}

.QA_form .form-inner .formright .textfield:focus
{
    color:#333333;
    border:1px solid #818181;
}

/*submit button*/
.btn-submit {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-left: 5px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Lato';
	font-size: 16px;
	width: 120px;
	height: 35px;
	border: 1px solid #ccc;
}

.btn-submit:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-submit:hover {
	background: #b50103;
}

.btn-submit:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-submit:active:before {
	color: #b50103;
}

.btn-submitc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-submitc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*cancel 2 button*/
.btn-cancel2 {
	color: #FFF;
	overflow: hidden;
	background-color: #cccccc;
	padding-left: 10px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
    margin-left:20px;
	font-family: 'Lato';
	font-size: 16px;
	width: 100px;
	height: 35px;
	border: 1px solid #e5e5e5;
}

.btn-cancel2:active {
	border-color: #821718;
	color: #821718;
}

.btn-cancel2:hover {
	background: #821718;
}

.btn-cancel2:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-cancel2:active:before {
	color: #821718;
}

.btn-cancel2c:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-cancel2c:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*submit small button*/
.btn-submitsm {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-left: 5px;
	padding-right: 12px;
	padding-top: 3px;
	padding-bottom: 5px;
	font-family: 'Lato';
	font-size: 12px;
	width: 80px;
	height: 25px;
	border: 1px solid #ccc;
}

.btn-submitsm:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-submitsm:hover {
	background: #b50103;
}

.btn-submitsm:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-submitsm:active:before {
	color: #b50103;
}

.btn-submitsmc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-submitsmc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}


/*no thanks button*/
.btn-nothanks {
	color: #666;
	overflow: hidden;
	background-color: #fff;
	padding-left: 5px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Lato';
	font-size: 14px;
	width: 225px;
	height: 30px;
    text-transform:none;
    border: 1px solid #fff;
}

.btn-nothanks:active {
	border-color: #e5e5e5;
	color: #333;
    border: 1px solid #ccc;
}

.btn-nothanks:hover {
	background: #e5e5e5;
    color: #333;
    border: 1px solid #ccc;
}

.btn-nothanks:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-nothanks:active:before {
	color: #333;
}

.btn-nothanksc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-nothanksc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*close button*/

.btn-close {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-left: 5px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Lato';
	font-size: 16px;
	width: 120px;
	height: 35px;
	border: 1px solid #ccc;
}

.btn-close:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-close:hover {
	background: #b50103;
}

.btn-close:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-close:active:before {
	color: #b50103;
}

.btn-closec:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-closec:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}
/*notify me button*/
.btn-notify {
	color:#4b4b4b;
	background-color:#EAEFEF;
    padding:0px 3px;
	font-family: 'Lato';
	font-size: 14px;
    line-height:1.1 !important;
    font-weight:normal;
	width: 143px;
	height: 42px;
	border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center;
    display:flex;
    text-transform:none;
}

.btn-notify:active {
	border-color:#666;
	color: #2a2a2a;
}

.btn-notify:hover {
	background: #cccccc;
    color:#2a2a2a;
    border-color:#666;
}

.btn-notify:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 1;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-notify:active:before {
	color: #b50103;
}

.btn-notifyc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-notifyc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*button*/

.btn-4 {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-left: 5px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Lato';
	font-size: 14px;
    font-weight:bold;
	width: 120px;
	height: 35px;
	border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    line-height: 23px;
}

.btn-4:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-4:hover {
	background: #b50103;
}

.btn-4:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-4:active:before {
	color: #b50103;
}

.btn-4c:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-4c:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*return to basket button*/

.btn-rtb {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-left: 5px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Lato';
	font-size: 14px;
    font-weight:bold;
	width: 180px;
	height: 35px;
	border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    line-height: 23px;
}

.btn-rtb:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-rtb:hover {
	background: #b50103;
}

.btn-rtb:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-rtb:active:before {
	color: #b50103;
}

.btn-rtbc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-rtbc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/* faq button */
.btn-faq {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-left: 5px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Lato';
	font-size: 14px;
	width: 180px;
	height: 35px;
	border: 1px solid #ccc;
}

.btn-faq:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-faq:hover {
	background: #b50103;
}

.btn-faq:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-faq:active:before {
	color: #b50103;
}

.btn-faqc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-faqc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}


/*button*/

.btn-6 {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Lato';
	font-weight: bold;
	font-size: 20px;
	width: 215px;
	height: 50px;
}

.btn-6:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-6:hover {
	background: #b50103;
}

.btn-6:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-6:active:before {
	color: #b50103;
}

.btn-6c:before {
	left: 70%;
	opacity: 0;
	top: -9px;
}

.btn-6c:hover:before {
	left: 85%;
	opacity: 1;
	top: -9px;
}

/*gourmet food gifts button*/

.btn-gfg {
	color: #666;
	overflow: hidden;
	background-color: #FFF;
	font-family: 'Lato';
	font-size: 16px;
    text-transform:none;
	width: 48px;
    padding:10px 0 0 15px;
	height: 40px;
}

.btn-gfg:active {
	color: #821718;
}

.btn-gfg:hover {
	background: #F3F4F4;
    color: #821718;
}

.btn-gfg:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #821718;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-gfg:active:before {
	color: #821718;
}

.btn-gfgc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-gfgc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*shop by collections button*/

.btn-sbc {
	color: #666;
	overflow: hidden;
	background-color: #FFF;
	font-family: 'Lato';
	font-size: 16px;
    text-transform:none;
	width: 93px;
    padding:10px 0 0 15px;
	height: 40px;
}

.btn-sbc:active {
	color: #821718;
}

.btn-sbc:hover {
	background: #F3F4F4;
    color: #821718;
}

.btn-sbc:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #821718;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-sbc:active:before {
	color: #821718;
}

.btn-sbcc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-sbcc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*blog header button*/

.btn-blog {
	color: #666;
	overflow: hidden;
	background-color: #FFF;
	font-family: 'Lato';
	font-size: 16px;
    text-transform:none;
	width: 45px;
    padding:10px 0 0 15px;
	height: 40px;
}

.btn-blog:active {
	color: #821718;
}

.btn-blog:hover {
	background: #F3F4F4;
    color: #821718;
}

.btn-blog:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #821718;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-blog:active:before {
	color: #821718;
}

.btn-blogc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-blogc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*recipes header button*/

.btn-recipes {
	color: #666;
	overflow: hidden;
	background-color: #FFF;
	font-family: 'Lato';
	font-size: 16px;
    text-transform:none;
	width: 68px;
    padding:10px 0 0 15px;
	height: 40px;
}

.btn-recipes:active {
	color: #821718;
}

.btn-recipes:hover {
	background: #F3F4F4;
    color: #821718;
}

.btn-recipes:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #821718;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-recipes:active:before {
	color: #821718;
}

.btn-recipesc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-recipesc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*sale header button*/

.btn-sale {
	color: #666;
	overflow: hidden;
	background-color: #FFF;
	font-family: 'Lato';
	font-size: 16px;
    text-transform:none;
	width: 51px;
    padding:10px 0 0 15px;
	height: 40px;
}

.btn-sale:active {
	color: #821718;
}

.btn-sale:hover {
	background: #F3F4F4;
    color: #821718;
}

.btn-sale:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #821718;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-sale:active:before {
	color: #821718;
}

.btn-salec:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-salec:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*apply button*/
.btn-apply {
	color: #821718;
	overflow: hidden;
	background-color: #e5e5e5;
	font-family: Lato;
	font-size: 12px;
	width: 70px;
	height: 25px;
	border: 1px solid #821718;
    text-align:center;
}

.btn-apply:active {
	border-color: #ccc;
	color: #ccc;
}

.btn-apply:hover {
	background: #ccc;
}

.btn-apply:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-apply:active:before {
	color: #ccc;
}

.btn-applyc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-applyc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*update cart button*/
.btn-update {
	color: #821718;
	overflow: hidden;
	background-color: #e5e5e5;
	font-family: Lato;
	font-size: 12px;
	width: 110px;
	height: 25px;
	border: 1px solid #821718;
    text-align:center;
}

.btn-update:active {
	border-color: #ccc;
	color: #ccc;
}

.btn-update:hover {
	background: #ccc;
}

.btn-update:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-update:active:before {
	color: #ccc;
}

.btn-updatec:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-updatec:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*continue shopping button*/
.btn-continue {
	color: #821718;
	overflow: hidden;
	background-color: #e5e5e5;
	font-family: Lato;
	font-size: 12px;
	width: 150px;
	height: 25px;
	border: 1px solid #821718;
    text-align:center;
	float:left;
	margin-right:20px;
	margin-top:15px;
}

.btn-continue:active {
	border-color: #ccc;
	color: #ccc;
}

.btn-continue:hover {
	background: #ccc;
}

.btn-continue:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-continue:active:before {
	color: #ccc;
}

.btn-continuec:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-continuec:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*Checkout Now button*/

.btn-checkout {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 20px;
    font-weight:bold;
	width: 228px;
	height: 52px;
	border: 1px solid #ccc;
}

.btn-checkout:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-checkout:hover {
	background: #b50103;
}

.btn-checkout:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-checkout:active:before {
	color: #b50103;
}

.btn-checkoutc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-checkoutc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}


/*Create Account button*/

.btn-createacct {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 20px;
    font-weight:bold;
	width: 228px;
	height: 52px;
	border: 1px solid #ccc;
}

.btn-createacct:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-createacct:hover {
	background: #b50103;
}

.btn-createacct:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-createacct:active:before {
	color: #b50103;
}

.btn-createacctc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-createacctc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}


/*sign in and checkout button*/

.btn-signcheckout {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 14px;
    font-weight:bold;
	width: 190px;
	height: 33px;
	border: 1px solid #ccc;
}

.btn-signcheckout:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-signcheckout:hover {
	background: #b50103;
}

.btn-signcheckout:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-signcheckout:active:before {
	color: #b50103;
}

.btn-signcheckoutc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-signcheckoutc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*print recipe prod details button*/

.btn-prntrecipe {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 14px;
    font-weight:bold;
	width: 160px;
	height: 33px;
	border: 1px solid #ccc;
}

.btn-prntrecipe:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-prntrecipe:hover {
	background: #b50103;
}

.btn-prntrecipe:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-prntrecipe:active:before {
	color: #b50103;
}

.btn-prntrecipec:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-prntrecipec:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}


/*log in button*/

.btn-login {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 14px;
    font-weight:bold;
	width: 100px;
	height: 33px;
	border: 1px solid #ccc;
}

.btn-login:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-login:hover {
	background: #b50103;
}

.btn-login:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-login:active:before {
	color: #b50103;
}

.btn-loginc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-loginc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*log in button*/

.btn-copybilling {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 14px;
    font-weight:bold;
	width: 160px;
	height: 33px;
	border: 1px solid #ccc;
}

.btn-copybilling:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-copybilling:hover {
	background: #b50103;
}

.btn-copybilling:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-copybilling:active:before {
	color: #b50103;
}

.btn-copybillingc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-copybillingc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}


/*continue checkout button*/

.btn-continuecheck {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 20px;
    font-weight:bold;
	width: 280px;
	height: 52px;
	border: 1px solid #ccc;
    margin-bottom:30px;
}

.btn-continuecheck:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-continuecheck:hover {
	background: #b50103;
}

.btn-continuecheck:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-continuecheck:active:before {
	color: #b50103;
}

.btn-continuecheckc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-continuecheckc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*complete order button*/

.btn-complete {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 20px;
    font-weight:bold;
	width: 280px;
	height: 52px;
	border: 1px solid #ccc;
    margin-bottom:60px;
}

.btn-complete:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-complete:hover {
	background: #b50103;
}

.btn-complete:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-complete:active:before {
	color: #b50103;
}

.btn-completec:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-completec:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*Add button*/

.btn-add {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	font-family: Lato;
	font-size: 12px;
    font-weight:bold;
	width: 70px;
	height: 27px;
	border: 1px solid #ccc;
    margin:10px 0 5px 160px;
}

.btn-add:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-add:hover {
	background: #b50103;
}

.btn-add:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-add:active:before {
	color: #b50103;
}

.btn-addc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-addc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}



/*Red Apply button*/

.btn-applyred, .btn-save, .btn-addaddress {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	font-family: Lato;
	font-size: 12px;
	font-weight: bold;
	width: 95px;
	height: 33px;
	border: 1px solid #ccc;
}

	.btn-applyred:active, .btn-save:active, .btn-addaddress:active {
		border-color: #b50103;
		color: #b50103;
	}

	.btn-applyred:hover, .btn-save:hover, .btn-addaddress:hover {
		background: #b50103;
	}

	.btn-applyred:before, .btn-save:before, .btn-addaddress:before {
		position: absolute;
		height: 100%;
		font-size: 100%;
		line-height: 3.5;
		color: #fff;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.btn-applyred:active:before, .btn-save:active:before, .btn-addaddress:before {
		color: #b50103;
	}

.btn-applyredc:before, .btn-savec:before, .btn-addaddressc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-applyredc:hover:before, .btn-savec:hover:before, .btn-addaddress:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*cancel button*/
.btn-cancel {
	color: #821718;
	overflow: hidden;
	background-color: #e5e5e5;
	font-family: Lato;
	font-size: 12px;
	width: 70px;
	height: 25px;
	border: 1px solid #821718;
    text-align:center;
    margin:10px 0 5px 15px;
}

.btn-cancel:active {
	border-color: #ccc;
	color: #ccc;
}

.btn-cancel:hover {
	background: #ccc;
}

.btn-cancel:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-cancel:active:before {
	color: #ccc;
}

.btn-cancelc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-cancelc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*delete button*/
.btn-delete {
	color: #821718;
	overflow: hidden;
	background-color: #e5e5e5;
	font-family: Lato;
	font-size: 12px;
	width: 95px;
	height: 33px;
	border: 1px solid #821718;
    text-align:center;
    margin:10px 0 5px 15px;
}

.btn-delete:active {
	border-color: #ccc;
	color: #ccc;
}

.btn-delete:hover {
	background: #ccc;
}

.btn-cancel:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-delete:active:before {
	color: #ccc;
}

.btn-deletec:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-deletec:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*request a new password button*/

.btn-newpass {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 14px;
    font-weight:bold;
	width: 250px;
	height: 33px;
	border: 1px solid #ccc;
}

.btn-newpass:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-newpass:hover {
	background: #b50103;
}

.btn-newpass:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-newpass:active:before {
	color: #b50103;
}

.btn-newpassc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-newpassc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*new customer sign up button*/

.btn-newcust {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 14px;
    font-weight:bold;
	width: 270px;
	height: 33px;
	border: 1px solid #ccc;
}

.btn-newcust:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-newcust:hover {
	background: #b50103;
}

.btn-newcust:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-newcust:active:before {
	color: #b50103;
}

.btn-newcustc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-newcustc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*update account button*/

.btn-updateaccount {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-size: 14px;
    font-weight:bold;
	width: 170px;
	height: 33px;
	border: 1px solid #ccc;
}

.btn-updateaccount:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-updateaccount:hover {
	background: #b50103;
}

.btn-updateaccount:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-updateaccount:active:before {
	color: #b50103;
}

.btn-updateaccountc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-updateaccountc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/* Overage Message */
.divOverageBGCover, .divConfirmInternationalOrderBGCover  {
    background:#000; 
    position:absolute; 
    left:0; 
    top:0; 
    display:none; 
    overflow:hidden;
    z-index: 10000;
}
.divOverageOverlayBox, .divConfirmInternationalOrderOverlayBox {
	border:3px solid #821718;
	position:absolute;
	display:none;
	width:400px;
	height:310px;
	background:#FFF;
	z-index: 10001;
}
.divOverageWrapper
{
	border:1px solid #821718;
	margin:2px;
	width:394px !important;
	height:304px !important;
}
.divOverageInner
{
	padding:20px 20px 20px 20px;
	text-align:center !important;
	font-family:'PerpetuaMT';
	font-size:32px;
	color:#821718;
	line-height:20px;	
}
.divOverageForm
{
	margin:20px 0 0 0;
	padding:0px;
	width:354px !important;
    font-weight:normal;
}
.divOverageForm .divOverageFormInner
{
    margin:0 0 15px 0;
	width:354px !important;
	padding-bottom: 15px;
}
.divOverageForm .divOverageFormInner p
{
	font-family:'Lato';
	font-size:15px;
	color:#4b4b4b;
	line-height:normal;
    display:block;
}

.confirmInternationalOrder .divConfirmInternationalOrderOverlayBox, .confirmInternationalOrder .divOverageWrapper {
    height: auto !important;
}

.confirmInternationalOrder h3, .confirmInternationalOrder h4 {
    padding-bottom:10px;

}
.confirmInternationalOrder h4{
    padding-top:20px;
}
/*start shopping cart pop over*/

.shopping-cart-pop, .filters-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.84);
    height: 100%;
    width: 100%;
    z-index: 10000;
    display: none;
    overflow-y: auto;
}

    .shopping-cart-pop .total-price,
    .shopping-cart-pop strong {
         font-family:Lato;
         font-weight:bold;
    }

    .shopping-cart-pop .content, .filters-popup .content{
        width: 790px;
        margin: 3% auto;
        border: 3px solid #821718;
        border-radius: 7px;
        background-color: white;
        color: #575757;
        font-size: 14px;
        position: relative;
        float:none;
        padding:0;
    }

        .shopping-cart-pop .content > div {
            min-height: 300px;
        }

    .shopping-cart-pop .product-info {
        float: left;
        width: 48%;
        padding: 20px 0 0 15px;
    }

        .shopping-cart-pop .product-info .mobile_image > img {
            float: left;
            margin-right: 15px;
            width: 165px;
        }

        .shopping-cart-pop .shopping-cart-info h3,
        .shopping-cart-pop .product-info h3,
        .shopping-cart-pop .complementary-items h3 {
            font-size: 18px;
            padding-bottom: 15px;
            color: #4b4b4b;
            font-family:Lato;
            font-weight:bold;
        }

            .shopping-cart-pop .product-info h3:before,
            .shopping-cart-pop .shopping-cart-info h3:before,
            .shopping-cart-pop a.close, .filters-popup a.close {
                content: "";
                display: inline-block;
                background: url(/App_Templates/Skin_4/css/images/shopping-cart-pop-sprite.png) no-repeat;
                width: 32px;
                height: 30px;
                margin: -5px 12px 0 -3px;
                vertical-align: middle;
            }

        .shopping-cart-pop .product-info > div p {
            margin-top: 10px;
        }

        .shopping-cart-pop .product-info a,
        .shopping-cart-pop .shopping-cart-info .review {
            color: #821718;
            font-size: 18px;
            text-decoration:none;
        }

        .shopping-cart-pop .shopping-cart-info .coupon {
            color: #821718;
            font-size: 14px;
            text-decoration:none;
        }

    .shopping-cart-pop .shopping-cart-info {
        float: right;
        background-color: #eeeeee;
        padding: 20px 22px 5px 22px;
        font-size: 14px;
        border-top-right-radius: 3px;
    }

        .shopping-cart-pop .shopping-cart-info > div {
            padding: 10px 0;
            border-top: 1px dashed #afafaf;
        }

            .shopping-cart-pop .shopping-cart-info > div > span {
                float: right;
            }

            /*.shopping-cart-pop .shopping-cart-info > div button,
            .shopping-cart-pop .shopping-cart-info > div .checkout-now {
                padding: 0 15px;
                line-height: 28px;
                height: 28px;
                border: 1px solid #821718;
                font-size: 13px;
                text-transform: uppercase;
                color: #821718;
                background-color: transparent;
                vertical-align:middle;
            }

            .shopping-cart-pop .shopping-cart-info > div .checkout-now {
                padding: 0 18px;
                background-color: #821718;
                color: white;
                margin-left: 5px;
                display: inline-block;
                text-decoration:none;
                font-family:Lato;
                font-weight:bold;
                border: none;
            }*/

        .shopping-cart-pop .shopping-cart-info h3:before {
            background-position: 0 -30px;
            margin: -8px 12px 0 0;
        }

    .shopping-cart-pop .complementary-items {
        margin-top: 10px;
        font-family:PerpetuaMT;
    }

        .shopping-cart-pop .complementary-items h3 {
            padding: 10px 15px;
            border-top: 1px dotted #afafaf;
            border-bottom: 1px dotted #afafaf;
            text-transform:uppercase;           
            font-family:PerpetuaMT;
        }

    .shopping-cart-pop .upsell-products {
        padding: 10px;
    }

        .shopping-cart-pop .upsell-products .upsell-frame{
            width: 180px;
            height:300px;
            margin: 0 4px 10px 4px;
            border: 1px solid #dfdfdf;
            display: inline-block;
            vertical-align: text-top;
        }

         .shopping-cart-pop .upsell-products .product-details {
            width: 160px;
            padding: 9px;
        }
            .shopping-cart-pop .upsell-products .product-details img {
                width: 160px;
                height: 160px;
                display: block;
                margin-bottom: 5px;
            }

           .shopping-cart-pop .upsell-products .product-details a {
                color: #821718;
                font-size: 17px;
                text-decoration:none;
                line-height:1;               
            }
            .shopping-cart-pop .upsell-products .product-details a:hover {
                text-decoration:underline;          
            }

            .shopping-cart-pop .upsell-products .pricing-area{
                position:absolute;
                bottom:20px;
            }
        .shopping-cart-pop .upsell-products .pricing-area select {
   	        font-family: 'Lato';
            font-size:12px;
            color: #666;
            height:28px;
            padding:0px;
            width:180px !important;
	        border-top: 1px solid #ccc !important; 
	        border-bottom: 1px solid #ccc !important; 
	        border-left: none;
           	border-right: none;  
            -webkit-appearance: none; 
            -moz-appearance: none;
            background: url(/App_Templates/Skin_4/css/images/select_arrow_small.jpg) no-repeat; 
              background-color: #fff;
	          background-position: 149px 0px;  
        }

        .shopping-cart-pop .upsell-products .pricing-area .add_to { 
    width: 180px;
    padding-left:1px;
    padding-bottom:1px;
}
        .shopping-cart-pop .upsell-products .img-link {
            display: block;
        }

        .shopping-cart-pop .upsell-products .variant-ddl {
            padding: 0;
        }


    .shopping-cart-pop a.close, .filters-popup a.close {
        position: absolute;
        width: 22px;
        height: 22px;
        background-position: 4px -59px;
        background-color: #821718;
        right: -3px;
        margin: 0;
        top: -30px;
    }

    .shopping-cart-pop .loading {
        background: url(/App_Templates/Skin_4/css/images/spinner.gif) no-repeat center;
    }

    .shopping-cart-pop .clearfix:before,
    .shopping-cart-pop .clearfix:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }
    .shopping-cart-pop .clearfix:after {
        clear: both;
    }

     /* shopping cart pop over add to order btn */

     /*filters*/
    .more-filters{
        float: left;
    }
     .more-filters button {
         margin-top: 2px;
     }
   .filters-popup .footer {
       text-align:center;
   }

   .filters-popup .content > div {
       padding:20px 0;
   }

   .filters-popup .content ul{
       list-style:none;
   }

   .filters-popup .content ul > li {
       margin-bottom:15px;
   }

    .filters-popup .content ul > li strong {
        font-size: 20px;
        color: #821718;
        font-weight: normal;
        font-family: 'ProximaNovaExCn-Regular';
        line-height: 20px;
        text-transform:uppercase;
    }

    .filters-popup .content ul > li > ul {
        padding: 0;
        columns: 4;
       -webkit-columns: 4;
       -moz-columns: 4;
    }

    .filters-popup .footer button:first-child {
        margin-right:10px;
    }

    .filters-popup .loading-panel
    {
        top: 5px;
        position: absolute;
        width: 100%;
        height: calc(100% - 50px);
        background-color: rgba(255,255,255,0.5);
        background-image:url(/App_Templates/Skin_5/css/images/spinner.gif);
        background-position:center center;
        background-repeat:no-repeat;
        display:none;
        z-index: 1;
    }

    .filters-popup ul.filter-availability {
          columns: initial !important;
       -webkit-columns: initial !important;
       -moz-columns: initial !important;
    }

    .filters-popup ul.filter-availability li{
        display:inline-block;
    }
   
    .filters-popup ul.filter-availability li:first-child{
        width:25%;
    }


.btn-addsc {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	font-family: 'Lato';
	font-size: 13px;
	width: 87px;
	height: 30px;
	font-weight: bold;
}

.btn-addsc:active {
	border-color: #821718;
	color: #821718;
}

.btn-addsc:hover {
	background: #821718;
}

.btn-addsc:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-addsc:active:before {
	color: #821718;
}

.btn-addscc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-addscc:hover:before {
	left: 85%;
	opacity: 1;
	top: -8px;
}
/*end shopping cart pop over*/

/*begin external logins*/
.social-login-list ul
{
    list-style:none;
}
.social-login-list ul li
{
    display:inline-block;
    font-size: 16px;  
}
/*end external logins*/

/* Start Back In Stock Notification Pop Over*/
.container-faq-popup .overlay-box- {
    width: 726px;
    margin: 3% auto;
    border: 3px solid #821718;
    border-radius: 7px;
    background-color: white;
    position: absolute;
    display: none;
    z-index: 10001;
    float: none;
    padding: 0;
}

.oosOverlayBox {
	width: 500px;
	margin: 3% auto;
	border: 3px solid #821718;
	border-radius: 7px;
	background-color: white;
	position: absolute;
	display: none;
	z-index: 10001;
	float: none;
	padding: 0;
}


	.container-faq-popup .overlay-box- {
		display: block;
		margin: 0;
		width: auto;
	}

.oos_signup_inner, .QAsignup_inner {
    padding: 20px 40px 20px 40px;
    text-align: center !important;
    font-family: PerpetuaMT;
    font-size: 39px;
    color: #821718;
    line-height: 20px;
}

.oos_signup_inner p
{
	text-align:center !important;
	font-family:'Lato';
	font-size:16px;
    padding:7px 0px;
	color:#333;
	line-height:1.5;
}

.oos_signup_inner .signup_emailaddr{
    color:#821718;
}


.oos_signup_inner .oos_notify_header {
    padding-bottom:15px;
    text-align:center;
    vertical-align:middle;
    font-family:'PerpetuaMT';
    font-size:36px;
    color:#821718;
    line-height:1.5;
    }

.oos_signup_inner .oos_notify_header p
{
	text-align:center !important;
	font-family:'Lato';
	font-size:16px;
    padding:7px 0px;
	color:#333;
	line-height:1.5;
}

.container-faq-popup h5 {
    padding-bottom: 15px;
    font-family: PerpetuaMT;
    font-size: 24px;
    color: #333333;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
}


.oos_signup_form
{
	margin:0px;
	padding:0px;
	width:100%;
}

.oos_signup_form .login_column
{
	width:100%;
	padding-bottom: 15px;
    float:left;

}

.oos_signup_form .login_column p
{
	font-family:'Lato';
	font-size:15px;
	color:#4b4b4b;
	line-height:normal;
    display:block;
    padding-bottom:5px;
}

.oos_signup_form .login_column .directrow
{
	float:left;
	text-align:left;
    padding-bottom:11px;
}

.oos_signup_form .login_column .directrow .drleft
{
	float:left;
	width:125px;
    font-family: "Lato";
    font-size: 15px;
    color: #4B4B4B;
    line-height: normal;
    padding-top:5px;
    text-align:right;
    padding-right:5px;
}

	.oos_signup_form .login_column .directrow .dright {
		float: left;
		width: calc(100% - 130px) !important;
	}

.oos_signup_form .login_column .directrowbtn
{
	float:left;
	text-align:left;
	height:30px;
    padding-bottom:15px;
    padding-left:130px;
}

.oos_signup_form .login_column .directrow input
{
	margin:0px;
    padding-left:5px;
    width:250px;
	height:30px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
}

.oos_signup_form .login_column .directrow input:focus {
    border:1px solid #818181;
    color:#333333;
    }

.oos_signup_form .login_column .social_row
{
	padding:10px 0px 10px 78px;
    float:left;
}

.oos_signup_form .login_column .social_row p
{
	font-family:'Lato';
	font-size:15px;
	color:#4b4b4b;
	line-height:normal;
    display:block;
    padding-bottom:5px;
}

.oos_signup_form .login_column .social_row .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-left:5px;
    padding-right:5px;

}

.oos_signup_form .contact_column
{
	width:308px !important;
	padding-bottom: 15px;
    float:left;

}

.oos_signup_form .contact_column p
{
	font-family:'Lato';
	font-size:15px;
	color:#4b4b4b;
	line-height:normal;
    display:block;
    padding-bottom:5px;
}

.oos_signup_form .contact_column .directrow
{
	float:left;
	text-align:left;
	height:34px;
    padding-bottom:11px;
}

.oos_signup_form .contact_column .directrow .drleft
{
	float:left;
	width:73px;
    font-family: "Lato";
    font-size: 15px;
    color: #4B4B4B;
    line-height: normal;
    padding-top:5px;
    text-align:right;
    padding-right:5px;
}

.oos_signup_form .contact_column .directrow .dright
{
	float:left;
	width:230px;
}

.oos_signup_form .contact_column .directrowbtn
{
	float:left;
	text-align:left;
	height:30px;
    padding-bottom:15px;
    padding-left:78px;
}

.oos_signup_form .contact_column .directrow input
{
	margin:0px;
    padding-left:5px;
    width:202px;
	height:30px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
}

.oos_signup_form .contact_column .directrow input:focus {
    border:1px solid #818181;
    color:#333333;
    }

.oos_signup_wrapper a.close {
    content: "";
    display: inline-block;
    background: url(/App_Templates/Skin_4/css/images/shopping-cart-pop-sprite.png) no-repeat;
    width: 32px;
    height: 30px;
    margin: -5px 12px 0 -3px;
    vertical-align: middle;
    position: absolute;
    width: 22px;
    height: 22px;
    background-position: 4px -59px;
    background-color: #821718;
    right: -3px;
    margin: 0;
    top: -30px;
}

.ooserror{
    color:#821718;
    font-family:Lato;
    display:none;
}


/*my account remove connected social button*/
.btn-remove {
	color: #821718;
	overflow: hidden;
	background-color: #e5e5e5;
	font-family: Lato;
	font-size: 12px;
	width: 90px;
	height: 25px;
	border: 1px solid #821718;
    text-align:center;
}

.btn-remove:active {
	border-color: #ccc;
	color: #ccc;
}

.btn-remove:hover {
	background: #ccc;
}

.btn-remove:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-remove:active:before {
	color: #ccc;
}

.btn-removec:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-removec:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

.btn-checkoutnow {
	color: #fffef0 !important;
	overflow: hidden;
	background-color: #821718;
	font-family: Lato;
	font-size: 14px;
    font-weight:bold;
    width: 175px;
	height: 27px;
	border: 1px solid #ccc;
    padding-top:5px;
    text-align:center;
    text-decoration:none !important;
}

.btn-checkoutnow:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-checkoutnow:hover {
	background: #b50103;
}

.btn-checkoutnow:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-checkoutnow:active:before {
	color: #b50103;
}

.btn-checkoutnowc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-checkoutnowc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*continue shopping button*/
.btn-continueshop {
	color: #821718;
	overflow: hidden;
	background-color: #e5e5e5;
	font-family: Lato;
	font-size: 12px;
	width: 100px;
	height: 34px;
	border: 1px solid #821718;
    text-align:center;
	float:left;
    padding-top:0px;
    margin-right:15px;
}

.btn-continueshop:active {
	border-color: #ccc;
	color: #ccc;
}

.btn-continueshop:hover {
	background: #ccc;
}

.btn-continueshop:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-continueshop:active:before {
	color: #ccc;
}

.btn-continueshopc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-continueshopc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*START OF JQUERY UI 1.10.1 CUSTOM CSS*/

/* jQuery UI - v1.10.1 - 2013-02-26
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=%23d9d5ba&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23a4a086&fcHeader=%233c3c3c&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%233c3c3c&iconColorContent=%23222222&bgColorDefault=%23c5ea9e&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=%23a4a086&fcDefault=%233c3c3c&iconColorDefault=%23888888&bgColorHover=%238aca44&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%233c3c3c&iconColorHover=%23454545&bgColorActive=%238aca44&bgTextureActive=spotlight&bgImgOpacityActive=100&borderColorActive=%23aaaaaa&fcActive=%233c3c3c&iconColorActive=%23454545&bgColorHighlight=%23dadada&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%239b9b9b&fcHighlight=%23888888&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
    font-size: 16px !important;
    font-family: 'Lato' !important;
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

.ui-autocomplete li a {
    padding: 2px;
}

.ui-autocomplete .category-type {
    padding: 5px 2px;
    color: #821718;
    font-size: 16px !important;
    font-family: 'Lato' !important;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #3c3c3c;
}
.ui-widget-content a {
	color: #3c3c3c;
}
.ui-widget-header {
	border: 1px solid #a4a086;
	background: #d9d5ba url(images/ui-bg_highlight-soft_75_d9d5ba_1x100.png) 50% 50% repeat-x;
	color: #3c3c3c;
	font-weight: bold;
}
.ui-widget-header a {
	color: #3c3c3c;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #a4a086;
	background: #c5ea9e url(images/ui-bg_glass_100_c5ea9e_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #3c3c3c;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #3c3c3c;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
	background: #821718;
	font-weight: normal;
	color: #FFF;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #3c3c3c;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #8aca44 url(images/ui-bg_spotlight_100_8aca44_16x16.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #3c3c3c;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #3c3c3c;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #9b9b9b;
	background: #dadada url(images/ui-bg_glass_55_dadada_1x400.png) 50% 50% repeat-x;
	color: #888888;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #888888;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/*END OF JQUERY UI 1.10.1 CUSTOM CSS*/


/* shop now button */
.btn-shopnow {
	margin-top:13px;
    color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-left: 5px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Lato';
	font-size: 14px;
    font-weight:bold;
	width: 120px;
	height: 35px;
	border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    line-height: 23px;
    color: white !important;
    text-decoration: none !important;
}

.btn-shopnow:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-shopnow:hover {
	background: #b50103;
}

.btn-shopnow:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-shopnow:active:before {
	color: #b50103;
}

.btn-shopnowc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-shopnowc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*
 Slideshow
*/

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { min-width: 460px; max-width: 790px; padding: 0; position: relative;
    background: url(images/spinner.gif) 50% 50% no-repeat;

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }

/* overlay */
.cycle-overlay { 
    font-size: 19px; 
    min-height: 150px;
    line-height: 27px; 
    text-align: left;
    font-family: 'Lato';
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background-color: #000000; color: white; padding: 20px 40px 25px 50px; opacity: 0.6; filter: alpha(opacity=60);
}

.cycle-overlay .title {
    font-size: 37px;
	font-family: PerpetuaMT;
    font-weight:normal;
    color:#FFF;
    line-height:41px;
    visibility: hidden;
}

.cycle-overlay .desc {
    top: 5px;
    position: relative;
    visibility: hidden;
    }

.cycle-overlay.red { 
    background-color: #ab1e23;
    opacity: 0.7!important; filter: alpha(opacity=60)!important;
}

.disabled { opacity: .5; filter:alpha(opacity=50); }

/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/*END OF JQUERY UI 1.10.1 CUSTOM CSS CODE */

/*CSS FOR REVIEW ORDER PAGE ELEMENTS*/
.review-item-container{
    width:920px;
    float:left;
    margin-bottom:20px;
}

.review-item-container .review-img-box{
    border: 1px solid #c4c4c4; 
    background-color: #FFFFFF; 
    padding: 5px;
    float:left;
    background-color:#FFF;
}

.review-item-container .review-img-box img{
    width:187px; 
    height:187px;
    display: block 
}

.review-item-container .review-item-info{
    font-size: 16px; 
    line-height: 1.4 !important; 
    color: #2a2a2a; 
    font-weight: normal; 
    text-align: left; 
    padding:0px 20px;
    width:320px;
    float:left;
}


.review-item-container .review-area{
    float:left;
    width:340px;
    line-height:1.8;
}

/* Reward Program*/

.reward_program_point_area{
    width:220px;
    padding-bottom:15px;
    margin-bottom:10px;
    float:left;
    padding:20px 50px 0 0;
}

.reward_program_details_area{
    width:600px;
    padding-bottom:15px;
    margin-bottom:10px;
    float:left;
    padding-top:20px;
}

.reward-point-box {
    width: 400px;
}

.reward-text {
    font-size: 14px;
    float: left;
    position: relative;
    clear: both;
    margin-top: 10px;
    color: #695e4e;
}

.reward-text-small {
    font-size: 12px;
    float: left;
    position: relative;
    clear: both;
    margin-top: 10px;
    color: #695e4e;
}

.reward-point-header{
    font-weight:700;
    font-size:16px;
}

.reward-point-separator {
    margin: 8px 0px 8px 0px;
    height: 1px;
    background-color: #cccccc;
}

.reward-point-total{
    font-size:16px;
    text-align:left;
    line-height:24px;
    float: left;
    position: relative;
    color: #695e4e;
}

.reward-point-total-no {
    font-size:16px;
    text-align:right;
    line-height:24px;
    float: right;
    position: relative;
}

.reward-point-dollar{
    font-size:72px;
    align-content:center;
    line-height:100px;
}

.reward-point-label{
    font-size:28px;
    line-height:0px;
}

.reward-prev-point {
    float: left;
    position: relative;
    text-align: left;
    color: #695e4e;
}

.reward-prev-point-no {
    float: right;
    position: relative;
    text-align: right;
    color: #695e4e;
}

.reward-point-earn-label{
    font-size:16px;
    color: #821718;
    line-height: 24px;
}

.reward { 
    color: #695e4e;
}

.reward-order {
    color: #821718;
}

.reward a {
    color: #821718;
    text-decoration: none;
}

.reward-confirm {
    background-image: url("/App_Templates/Skin_4/css/images/order-confirm-rewards-program.jpg"); 
    width: 328px;
    height: 56px;
}

.reward-confirm-earn {
    background-image: url("/App_Templates/Skin_4/css/images/order-confirm-earn-more.jpg"); 
    width: 388px;
    height: 69px;
    margin-top: -10px;
}

.reward-certificate{
    line-height:1px;
    margin-top:-10px !important;
}

.reward-order-confirm-section {
	margin:0 auto;
    text-align:center;
    position:relative;	
    padding: 10px 0px 6px 0px;
}

.reward_program_confirm_area {
    width: 580px;
    display: inline-block;
    border: 1px solid #eaefef;
    margin: 0px 4px 0px 4px;
}

.reward-point-earn-box {
    background-color:#ffffff;
    color:#695e4e;
    padding:24px;
    text-align:left;
    position: relative;
    float: left;
    height: 236px;
    width: 526px;
}

.facebook-share-box {
    background-color:#ffffff;
    color:#695e4e;
    text-align:left;
    position: relative;
    float: left;
    padding: 24px 14px 24px 24px;
    height: 236px;
    width: 536px;
}

.reward-earn-img {
    position: relative;
    margin-top: -14px;
}

.ocboxes {
    border-top: 1px dotted #999999;
    border-bottom: 1px dotted #999999; 
    margin-top: 26px;
}

.js-share-points {
    color:#FFF !important;
}

.social-spacer {
    padding-top:4px;
    vertical-align: middle;
    font-size: 16px;
    display: block;
}

.social-spacer a {color:#FFF !important; text-decoration: underline!important;}
.social-spacer span {
    position: relative;
    top: -8px; 
    font-size: 16px; 
    color: #695e4e;
}

.social-sep {
    height: 36px;
}

.js-tweeter {
    color:#FFF !important;
}

.padding_bottom40{
   padding-bottom:40px;
}

.table-frame{
    line-height:1.2;
    font-size:14px;
}

.table-frame th{
    color:#821718;
    background-color:#FFF;
    padding:10px 5px;
    border-bottom: 3px solid #821718 !important;
}

.table-frame_section
{
	border-bottom:1px solid #821718;
	font-size:14px;

}

.table-frame_row{
	padding:5px;
	border-bottom:1px dotted #666;
	float:left;
}

.table-frame {
    width:100%;
}
.table-frame,.table-frame td,.table-frame th {
    border-style:none;
}
    .table-frame td {
         margin-bottom:0 !important;
         line-height:normal !important;
    }

    .table-frame td, .table-frame th {
        padding: 10px;
        border-bottom: 1px dotted #666;
    }

        .table-frame td .table-frame_details {
            width:auto;
        }


.payment_cc_col2 .mydds {
	float:left;
	height:31px;
    color: #767676;
    padding-top:5px;
    padding-left:2px;
    width:180px;
}

.payment_cc_col_month .mydds {
    float:left;
	height:31px;
    color: #767676;
    padding-top:5px;
    padding-left:2px;
    width:90px;
    border: 1px solid #cecece;
}

.payment_cc_col_month .mydds:focus {
    border: 1px solid #818181;
    color: #333333;
}

.payment_cc_col_year .mydds {
    float:left;
	height:31px;
    color: #767676;
    padding-top:5px;
    padding-left:2px;
    width:70px;
    border: 1px solid #cecece;
}

.payment_cc_col_year .mydds:focus {
    border: 1px solid #818181;
    color: #333333;
}

.payment_section_box
{
	padding:8px 8px 14px 20px;
}

.payment_section_box h4
{
	font-size:16px;
	color:#333333;
	font-family:'Lato';
	padding:6px 0;
	text-transform:uppercase;
    font-weight:bold;
}

.payment_section_box p
{
	font-size:12px;
	color:#45433f;
	font-family: 'Lato';
    font-weight:normal;
	padding:6px 0;
}

.payment_section_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
	padding:6px 0;
}

/*complimentary items on cart page*/

.compli_details {
	float: left;
	position: relative;
	padding-right: 8px;
	padding-top: 15px;
}

.compli_details_inner {
	background:#fff;
	height:355px;
	width: 224px;
	border:1px solid #dfdfdf;
	padding:11px 11px 12px 11px;
}

.compli_details_inner .prodtitle { 
    font-family: Lato;
    font-size: 18px;
    font-weight:normal;
    color: #821718;
    line-height:22px;
}

.compli_details_inner .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.compli_details_inner .prodtitle a:hover { 
    text-decoration:underline;
}

.compli_details_inner .product_box_image img{
	margin:0px;
	border:0px;
    width:224px;
    height:224px;
}

.compli_price_box {
    position: absolute; 
    bottom: 1px; 
}

.compli_price_box .addto_cart { 
position: relative;
float:left; 
}	


.compli_price_box .add_order {
	height: 30px;
	min-height: 30px !important;
    float:left;
}

.compli_price_select {
    width: 248px;
    overflow: hidden !important;
    padding-bottom:0px;
}

.compli_price_select select {
	  border: 1px solid #ccc !important; 
      -webkit-appearance: none; 
      -moz-appearance: none; 
      background: url(/App_Templates/Skin_5/css/images/select_arrow_small.jpg) no-repeat; 
      background-color: #fff;
	  background-position: 215px 0px;  
      width: 248px;
	  font-size: 13px;
   	  font-family: 'Lato'; 
      text-indent: 0.01px; 
      text-overflow:inherit; 
      color: #666;
	  padding: 4px;
	  height: 28px;
}

/* SOCIAL SHARE RIGHT SIDE WIDGET */

#social-sidebar {
	right: 0;
	margin-top: -75px; /* (li * a:width) / -2 */
	position: fixed;
	z-index: 999997;
	top: 40%;

}
#social-sidebar ul {list-style: none; margin: 0; padding: 0; 	-webkit-box-shadow: -4px 0px 11px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: -4px 0px 11px -4px rgba(0,0,0,0.75);
	box-shadow: -4px 0px 11px -4px rgba(0,0,0,0.75);
	border-radius: 8px 0 0 8px;}
#social-sidebar li {
    height: 48px;
}
#social-sidebar li:first-child { border-radius: 8px 0 0 0; background-color: #821718; display: block; position: relative; text-align: center; width: 51px; height:64px;}
#social-sidebar li:last-child a { border-radius: 0 0 0 8px; }
#social-sidebar a { background-color: #821718; display: block; height: 48px; position: relative; text-align: center; width: 51px; text-decoration:none;}
#social-sidebar a[class*="facebook"], #social-sidebar a[class*="twitter"], #social-sidebar a[class*="pinterest"] {  
                background-image: url(/images/sg/share-facebook.png);
                width: 51px;
                height: 48px;
                display: inline-block;
}    
#social-sidebar a[class*="twitter"] {
    background-image: url(/images/sg/share-twitter.png);    
}
#social-sidebar a[class*="pinterest"] {
    background-image: url(/images/sg/share-pinterest.png);    
}
#social-sidebar a[class*="facebook"]:hover, #social-sidebar a[class*="facebook"]:focus {
       background-color:#fff;
       background-image: url(/App_Templates/Skin_4/css/images/share-facebook-red.png);
    }
    #social-sidebar a[class*="twitter"]:hover, #social-sidebar a[class*="twitter"]:focus {
       background-color:#fff;
       background-image: url(/App_Templates/Skin_4/css/images/share-twitter-red.png);
    }
    #social-sidebar a[class*="pinterest"]:hover, #social-sidebar a[class*="pinterest"]:focus {
       background-color:#fff;
       background-image: url(/App_Templates/Skin_4/css/images/share-pinterest-red.png);
    }
.contact-margin {
    margin-top:20px !important; 
	border-radius: 8px 0 0 8px !important;
    height:82px;
}

.contact-margin li:first-child { height:82px !important; border-radius: 8px 0 0 8px !important;}
.contact-margin li a { height:82px !important; border-radius: 8px 0 0 8px !important;}

.padding-top10{
    padding-top:10px;
}

.fb-pos{
    margin-right:5px;
}

.pin-pos{
    margin-right:5px;
}

.twit-pos{

    padding-top:5px !important;
}

.padding0 {
    padding:0 !important;
}

.padding-top0 {
    padding-top:0 !important;
}

.padding-bottom0 {
    padding-bottom:0 !important;
}

.padding-topbottom0 {
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.borderbottom {
    border-bottom: 1px dotted #666;
    font-size: 16px;
    font-family: 'Lato';
}

.social-row{
    float:left;
    clear:left;
    padding:5px 0 5px 10px;
    font-size: 13px;
    color: #666;
    font-family:Lato;
}

.pinterest-follow span
{

font-family: Lato !important;
display:inline-block !important;
font-weight:normal !important;
font-size: 12px !important;
line-height: 22px !important;
padding: 0 4px 0 20px !important;
}

.recipe_send_email_pnl input[type=text] {
    width: 250px;
    height: 31px;
    line-height: 16px;
    outline: none;
    border: 1px solid #cecece;
    text-align: left;
    font-size: 13px;
    color: #818181;
    margin-right: 10px;
    padding-left: 3px;
}
.field_validation_error {
    color: red;
}

.signup_form_footer .form-inner .formleft label{
    padding-left:0px !important;
}

.signin_box label {
    padding-left:0px !important;
}

.giftcertamt label {
    padding-left:0px !important;
    padding-right:10px;
}

.hide{
    clip: rect(1px, 1px, 1px, 1px); 
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}


.recipe-subhead {
    font-family: Lato;
    font-weight:bold;
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

.box-checkout-order-summary {
    width: 209px;
    font-size: 16px;
    padding-top: 7px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 7px !important;
    font-family: 'Lato';
}


.box-checkout-order-summary {
    width: 209px;
    font-size: 16px;
    padding-top: 7px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 7px !important;
    font-family: 'Lato';
}

.checkout-order-summary td {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    text-align: right;
    font-family: 'Lato';
}

.checkout-order-summary th {
    font-size: 16px;
    text-align: right;
    font-weight: normal;
    line-height: normal;
    font-family: 'Lato';
}
#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: transparent;
    transition: top 1s ease-out, background 1s linear;
}
#skiptocontent a:focus {
    position: static;
    left: 0px;
    top: 0px;
    background: #B3005C;
    outline: 0;
    display: block;
    transition: top .1s ease-in, background .5s linear;
}



.blog_overview th {
    text-align: left;
    border-bottom: 2px solid #821718;
    padding: 0 10px;
}

.blog_overview td {
    padding: 0 10px;
    border-bottom: 1px dotted #666;
}

.blog_overview h3 {
    font-family: Lato;
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    padding-top: 15px;
    line-height: 1.5;
}

.blog_overview ol {
    padding-left: 30px;
    padding-bottom: 30px;
    width: 95%;
    float: left;
}
.shoppingcart table th {
    text-align : left;
}
.shoppingcart table td {
    background: #fff;
    font-size: 14px;
    border-bottom: 1px dotted #afafaf;
    padding-top: 0px;
}
    .shoppingcart table td a {
        line-height: 18px;
    }
    .shoppingcart table td p {
        line-height: 14px;
        padding-bottom: 10px;
        margin-top: -3px;      
    }

.shoppingcart table tr.shipment-panel td {
  background-color: #d6d5d4;
}

.noline {
    text-decoration: none !important;
    border: none !important;
}


.product_box_cat .prodtitle:hover {
    text-decoration: underline;
}

.expanded-menu-lnk:focus img {
    display: block;
}

.expanded-menu-lnk img {
    display: none;
}

.csc-code {
    float:right;
    max-width: 395px;
}

.sortby-dropdown select {
    width: 170px !important;
    background-position: 131px 0px !important;
}
.sortby-dropdown label{
    margin: 0 10px 0px 0px;
}
.search.page-not-found{
    width: auto;
    float: none;
    position: static;
    background: none;
}

.search.page-not-found p{
    margin-bottom:20px;
 }

.search.page-not-found input[type="text"]{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.search.page-not-found input[type="button"]{
    float:none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-position: center 3px;
    height:44px;
}

.faq li {
    margin-bottom: 0px !important;
    list-style-position: inside;
}

    .faq li.q {
        background: #FFF;
        font-size: 16px;
        cursor: pointer;
        padding: 5px 25px 15px 25px !important;
        margin-bottom: 5px !important;
        list-style-position: inside;
        border-bottom: 1px solid #ccc;
        font-weight:bold;
    }

    .faq li.q:focus{
        border-bottom:none !important;
    }

    .faq .a {
        background: #fff;
        display: none;
        color: #2a2a2a;
        border-bottom: 1px solid #ccc;
        padding:15px 25px 25px 50px !important;
        list-style:none;
    }

    .faq .down-arrow{
        float:right;
        margin-right:10px;
        vertical-align:baseline;
        top:10px;
        position:relative;
    }


.rotate {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.section_content {
    float: left;
    margin: 0 0 0 20px;
    position: relative;
    text-align: left;
    font-family: 'Lato';
    font-size: 14px;
    line-height: normal;
    color: #333333;
}

    .section_content h1 {
        font-family: PerpetuaMT;
        font-size: 36px;
        font-weight: normal;
        text-decoration: none;
        color: #4B4B4B;
        margin-bottom: 25px;
        border-bottom: none;
    }

    .section_content h2 {
        font-family: 'PerpetuaMT';
        font-size: 24px;
        font-weight:normal;
        color: #333333;
        margin-top: 15px;
        margin-bottom: 15px;
        border-bottom: none;
    }

        .section_content h2.news {
            font-family: 'Lato';
            font-size: 18px;
            font-weight: bold;
            text-transform: none;
            color: #333333;
            margin-top: 0px;
            margin-bottom: 0px;
            border-bottom: none;
        }

            .section_content h2.news a {
                color: #333333;
                text-decoration: none;
            }

                .section_content h2.news a:hover {
                    color: #333333;
                    text-decoration: underline;
                }

    .section_content h3 {
        font-family: 'Lato';
        font-size: 16px;
        color: #821718;
        padding-bottom: 2px;
    }

    .section_content a {
        text-decoration: none;
        color: #821718;
    }

        .section_content a:hover {
            text-decoration: underline;
            color: #821718;
        }

        .section_content a:hover, a:active {
            outline: none;
        }

    .section_content p {
        font-family: 'Lato';
        font-size: 14px;
        line-height: normal;
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 20px;
        line-height: 18px;
    }

    .section_content .strong {
        font-weight: bold;
    }

    .section_content ul {
        list-style: disc !important;
        list-style-position: inside !important;
    }

    .section_content li {
        font-family: 'Lato';
        list-style-position: outside;
        font-size: 14px;
        line-height: normal;
        padding: 0px !important;
    }

.section_gen_content {
    float: left;
    margin: 0 0 0 20px;
    position: relative;
    text-align: left;
    font-family: 'Lato';
    font-size: 14px;
    line-height: normal;
    color: #333333;
}

    .section_gen_content h1 {
        font-family: PerpetuaMT;
        font-size: 36px;
        font-weight: normal;
        text-decoration: none;
        color: #4B4B4B;
        margin-bottom: 0px;
        border-bottom: none;
    }

    .section_gen_content h2 {
        font-family: 'Lato';
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333333;
        margin-top: 15px;
        margin-bottom: 0px;
        border-bottom: none;
    }

        .section_gen_content h2.news {
            font-family: 'Lato';
            font-size: 18px;
            font-weight: bold;
            text-transform: none;
            color: #333333;
            margin-top: 0px;
            margin-bottom: 0px;
            border-bottom: none;
        }

            .section_gen_content h2.news a {
                color: #333333;
                text-decoration: none;
            }

                .section_gen_content h2.news a:hover {
                    color: #333333;
                    text-decoration: underline;
                }

    .section_gen_content h3 {
        font-family: 'Lato';
        font-size: 16px;
        color: #821718;
        padding-bottom: 2px;
    }

    .section_gen_content a {
        text-decoration: none;
        color: #821718;
    }

        .section_gen_content a:hover {
            text-decoration: underline;
            color: #821718;
        }

        .section_gen_content a:hover, a:active {
            outline: none;
        }

    .section_gen_content p {
        font-family: 'Lato';
        font-size: 14px;
        line-height: normal;
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 20px;
        line-height: 18px;
    }

    .section_gen_content .strong {
        font-weight: bold;
    }

    .section_gen_content ul {
        list-style: disc !important;
        list-style-position: inside !important;
        float: left;
        margin: 0 0 25px 20px !important;
        padding: 0px !important;
    }

    .section_gen_content li {
        font-family: 'Lato';
        list-style-position: outside;
        font-size: 14px;
        line-height: normal;
        margin: 5px 0 0 0 !important;
        padding: 0px !important;
    }

    .specials span a {
        padding-left: 15px;
        color: #821718;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Lato';
    }

    .specials span a:hover {
        text-decoration: underline;
    }

.commertial-customers-forms .required-label {
    color: #821718;
}

.infoarea a:visited{
    text-decoration:none;
}

.review-order {
	color: #821718 !important;
	font-size: 10px;
	font-family: 'Lato';
	float:left;
	text-align:left;
	margin-top:-18px;
	padding-left:38px !important;
}

.review-order:hover, .review-order:focus{
	text-decoration:underline !important;
}

.collapse:not(.show) {
	display: none;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height .35s ease
}

.btn-collapse {
	width: 14px;
	height: 14px;
	border: 1px solid;
	margin-left: 5px;
	margin-top: -3px;
	position: relative;
	vertical-align: middle;
	color: #777;
}

	.btn-collapse:before, .btn-collapse:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #777;
		color: #777;
	}

	.btn-collapse:before {
		width: 7px;
		height: 2px;
	}

	.btn-collapse:not(.show):after {
		width: 2px;
		height: 7px;
		z-index: 1;
	}

.row {
	display: block;
	float: left;
	width: 100%;
}

/*---- CSS for single checkout  page----*/

.col-1 {
	width: 8.333333%;
	float: left;
}

.col-2 {
	width: 16.666666%;
	float: left;
}

.col-3 {
	width: 25%;
	float: left;
}

.col-4 {
	width: 33.333333%;
	float: left;
}

.col-5 {
	width: 41.666666%;
	float: left;
}

.col-6 {
	width: 50%;
	float: left;
}

.col-7 {
	width: 58.333333%;
	float: left;
}

.col-8 {
	width: 66.666666%;
	float: left;
}

.col-9 {
	width: 75%;
	float: left;
}

.col-10 {
	width: 83.333333%;
	float: left;
}

.col-11 {
	width: 91.666666%;
	float: left;
}

.col-12 {
	width: 100%;
	float: left;
}

.float-left {
	float: left;
}

.checkout-leftcol {
	float: left;
	padding-right: 23px;
	font-size: 14px;
	color: #666;
	font-weight: normal;
}

	.checkout-leftcol a {
		color: #821718;
		text-decoration: none;
	}

		.checkout-leftcol a:hover, .checkout-leftcol a:hover {
			text-decoration: underline;
		}


.checkout-mainheading {
	font-size: 20px;
	font-family: PerpetuaMT;
	font-weight: 600;
}

.divider-line {
	border-bottom: 1px dotted #afafaf;
	padding-bottom: 20px;
}

fieldset.checkout_options, .checkout_options {
	border: none;
	margin: 0;
	padding: 0;
}

	fieldset.checkout_options legend, .checkout_options .subhead {
		font-family: 'Lato';
		font-weight: 500;
		float: left;
		width: 100%;
		font-size: 14px;
		color: #666666;
	}

		fieldset.checkout_options legend span, fieldset.checkout_options legend label, .checkout_options .subhead span {
			font-size: 14px;
			color: #45433f;
			font-family: 'Lato';
			font-weight: normal;
		}

.checkout_subheading {
	font-family: 'Lato';
	font-weight: 500;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #666666;
}

	.checkout_subheading span {
		font-size: 14px;
		color: #45433f;
		font-family: 'Lato';
		font-weight: normal;
	}

.optionTable td {
	padding-bottom: 5px !important;
	padding-right: 10px !important;
	line-height: normal !important;
}

.optionTable input[type="radio"] {
	margin-bottom: 2px;
}

.optionTable input[type="checkbox"] {
	margin-top: 4px !important;
}

.optionTable label {
	padding-left: 5px !important;
}


.drleft label {
	padding-left: 0px !important;
}

.rdd-window {
	padding-left: 90px;
	margin-bottom: 5px;
}

.m-10 {
	margin: 10px !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mt-20 {
	margin-top: 20px !important;
	color: #
}

.mb-10 {
	margin-bottom: 10px !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pr-5 {
	padding-right: 5px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pl-27 {
	padding-left: 27px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.ml-5 {
	margin-left: 5px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.ml-15 {
	margin-left: 15px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.p-10 {
	padding: 10px !important;
}

.gift-message-box {
	outline: none;
	border: 1px solid #a19d83;
	text-align: left;
	color: #45433f;
	font-family: 'Lato';
	font-size: 12px;
	display: block;
	float: left;
	margin: 0;
}

.btn-completeorder {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Lato';
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	height: 48px;
	border: 1px solid #ccc;
	text-align: center;
}

	.btn-completeorder:active {
		border-color: #b50103;
		color: #b50103;
	}

	.btn-completeorder:hover {
		background: #b50103;
	}

	.btn-completeorder:before {
		position: absolute;
		height: 100%;
		font-size: 100%;
		line-height: 3.5;
		color: #fff;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.btn-completeorder:active:before {
		color: #b50103;
	}

.btn-completeorderc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-completeorderc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

.tbox {
	height: 31px;
	line-height: 16px;
	outline: none;
	border: 1px solid #cecece;
	text-align: left;
	font-size: 13px;
	color: #767676;
	margin: 0 10px;
	padding-left: 3px;
}

.tbox95 {
	width: 95% !important;
	height: 31px;
	line-height: 16px;
	outline: none;
	border: 1px solid #cecece;
	text-align: left;
	font-size: 13px;
	color: #767676;
	display: block;
	margin-right: 2px;
	padding-left: 3px;
}

	.tbox95:active, .tbox95:focus, .tbox:active, .tbox:focus {
		border: 1px solid #818181;
		color: #333333;
	}

.dark-gray {
	color: #2a2a2a !important;
}

.font-bold {
	font-weight: 600 !important;
}

.mydds {
	float: left;
	height: 31px;
	color: #767676;
	padding-top: 5px;
	padding-left: 2px;
	border: 1px solid #cecece;
}

	.mydds:active {
		color: #333333;
		border: 1px solid #818181;
	}

.min-height-0 {
	min-height: 0 !important;
}

.height-1 {
	height: 1px !important;
}

.height-2 {
	height: 2px !important;
}

.standard-text {
	font-family: 'Lato',Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: normal;
}

.standard-text-bold {
	font-family: 'Lato',Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 600;
}

.small-text {
	font-size: 12px !important;
}

.standard-link a {
	color: #821718;
	text-decoration: none;
}

	.standard-link a:hover, .standard-link a:active {
		text-decoration: underline;
	}

.checkout-fullwidth-rightarea a {
	color: #821718;
	text-decoration: none;
}

	.checkout-fullwidth-rightarea a:hover, .checkout-fullwidth-rightarea a:focus {
		text-decoration: underline;
	}

.checkout-fullwidth-rightarea .maintitle {
	font-size: 32px;
	color: #333333;
	font-family: PerpetuaMT;
	font-weight: normal !important;
	line-height: 48px;
	padding-top: 15px;
}

.align-right {
	text-align: right !important;
}

.height-51 {
	height: 51px !important;
}

.checkout-fullwidth-rightarea {
	width: 385px;
	float: left;
	padding-top: 15px;
}

	.checkout-fullwidth-rightarea h2 {
		font-size: 36px;
		color: #333333;
		font-family: PerpetuaMT;
		font-weight: normal !important;
		line-height: 48px;
		border-bottom: 1px dotted #afafaf;
		padding-bottom: 10px;
		padding-left: 10px;
	}

	.checkout-fullwidth-rightarea h3 {
		font-size: 16px;
		color: #1e1e1e;
		font-family: 'Lato';
		text-transform: uppercase;
		margin-bottom: 20px;
	}

	.checkout-fullwidth-rightarea .inner-rightarea {
		border: 1px solid #b5b5b5;
		font-size: 16px;
		color: #45433f;
		min-height: 233px;
		font-family: 'Lato';
		color: #333333;
		padding: 12px;
		float: left;
	}


		.checkout-fullwidth-rightarea .inner-rightarea .boxinfo {
			margin: 0 0 0 0;
		}

			.checkout-fullwidth-rightarea .inner-rightarea .boxinfo p {
				font-size: 14px;
				padding-top: 10px;
				padding-left: 10px;
			}

			.checkout-fullwidth-rightarea .inner-rightarea .boxinfo h4 a, .checkout-fullwidth-rightarea .inner-rightarea .boxinfo h4 a:visited {
				color: #821718;
				text-decoration: none;
			}

				.checkout-fullwidth-rightarea .inner-rightarea .boxinfo h4 a:hover {
					color: #333333;
					text-decoration: underline;
				}


.shipping_section_box {
	padding: 8px 8px 14px 20px;
	border: none;
}

	.shipping_section_box legend, .shipping_section_box h2 {
		font-size: 16px;
		color: #333333;
		font-family: 'Lato';
		padding: 6px 0;
		text-transform: uppercase;
		font-weight: bold;
	}

.checkout-info-links {
	float: left;
	line-height: 12px;
	margin-top:5px;
}

	.checkout-info-links a, .checkout-info-links a:visited {
		font-size:11px;
		color: #767676;
		text-decoration: none;
	}

		 .checkout-info-links a:hover {
			color: #821718;
			text-decoration: underline;
		}

.dialog-background {
	display: none;
	background: none repeat scroll 0 0 rgba(0,0,0,.4);
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999;
}

.dialog-background-open {
	display: block;
	background: none repeat scroll 0 0 rgba(0,0,0,.4);
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999;
}

.dialog-wrapper {
	background: none repeat scroll 0 0 #FFFF;
	border: 0 none;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	padding: 20px;
	overflow: scroll;
	max-height: 75%;
}

.addaddressbox {
	width: 320px;
	height: 26px;
	line-height: 16px;
	outline: none;
	border: 1px solid #cecece;
	text-align: left;
	font-size: 13px;
	color: #767676;
	display: block;
	float: left;
	margin-right: 2px;
	padding-left: 3px;
}

.ship-method-details {
	font-size: 12px;
}

	.ship-method-details:before {
		content: " - "
	}

/*add new address button*/
.btn-addnewaddress {
	color: #821718;
	overflow: hidden;
	background-color: #e5e5e5;
	font-family: Lato;
	font-size: 12px;
	width: 150px;
	height: 25px;
	border: 1px solid #821718;
	text-align: center;
	float: left;
}

	.btn-addnewaddress:active {
		border-color: #ccc;
		color: #ccc;
	}

	.btn-addnewaddress:hover {
		background: #ccc;
	}

	.btn-addnewaddress:before {
		position: absolute;
		height: 100%;
		font-size: 100%;
		line-height: 3.5;
		color: #fff;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.btn-addnewaddress:active:before {
		color: #ccc;
	}

	.btn-addnewaddressc:before {
		left: 70%;
		opacity: 0;
		top: -8px;
	}

.btn-addnewaddressc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}

/*add new address button*/
.btn-canceladdaddress {
	color: #821718;
	overflow: hidden;
	background-color: #e5e5e5;
	font-family: Lato;
	font-size: 12px;
	width: 95px;
	height: 33px;
	border: 1px solid #821718;
	text-align: center;
	float: left;
}

	.btn-canceladdaddress:active {
		border-color: #ccc;
		color: #ccc;
	}

	.btn-canceladdaddress:hover {
		background: #ccc;
	}

	.btn-canceladdaddress:before {
		position: absolute;
		height: 100%;
		font-size: 100%;
		line-height: 3.5;
		color: #fff;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.btn-canceladdaddress:active:before {
		color: #ccc;
	}

.btn-canceladdaddressc:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-canceladdaddressc:hover:before {
	left: 80%;
	opacity: 1;
	top: -8px;
}


.align-center {
	text-align: center !important;
}

.simpleLoginOverlayBox .lbRememberPassword {
	font-size: 14px;
	font-family: "Lato";
	color: #4B4B4B;
}

.simpleLoginOverlayBox .directrow .lbRememberPassword input {
	width: auto;
}

.oos_signup_form .login_column .directrowbtn a {
	display: inline-block;
	font-size: 15px;
	font-family: 'Lato';
	color: #821718;
	text-decoration: none;
}

.oos_signup_form .login_column .directrowbtn a:hover {
	text-decoration: underline;
}


.simpleLoginOverlayBox .oos_signup_form .login_column .social_row {
	padding: 40px 0px 10px 78px;
}

.RatingsCommentHeader {
	float: left;
	clear: none !important;
	width: 120px !important;
	font-family: 'Lato';
	font-size: 14px !important;
	color: #333333 !important;
	font-weight: normal;
	line-height: 1.1;
	padding: 10px 0px 10px 0px !important;
}


.RatingCommentText {
	float: left !important;
	clear: none !important;
	width: calc(100% - 120px) !important;
	margin-top: 7px;
	font-family: 'Lato';
	font-size: 14px !important;
	color: #333333 !important;
	font-weight: normal;
	line-height: 1.1;
	padding: 0px 0px 10px 0px !important;
}

	.RatingCommentText p {
		font-size: 16px;
		padding-bottom:10px;
	}

.RatingsCommentHeader .date {
	display: block;
	padding-top:10px;
}

.RatingsCount {
	color: #4b4b4b;
	font-size: 14px;
	padding-right: 10px;
}

.reviews_details .overall-rating {
	padding-left: 10px;
	padding-right: 10px;
}

.comments-load-more-container {
	text-align: center;
}
	.comments-container {
		padding: 0 !important;
	}

.simpleLoginOverlayBox .back-link {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 16px;
}

.simpleLoginOverlayBox .error-message, .simpleLoginOverlayBox .success-message {
	display: none;
	font-size: 18px;
	padding-bottom: 20px;
}

.simpleLoginOverlayBox .error-message {
	color: red;
}

.CommentHelpfulText {
	font-family: 'Lato';
	font-size: 14px !important;
	color: #333333 !important;
	font-weight: normal;
	line-height: 1.5;
	width: 100%;
	border-top: none;
	padding: 0px 0px 20px 0px !important;
	border: none;
	text-align:right;
}

	.CommentHelpfulText legend {
		
	}

	.CommentHelpfulText span {
		vertical-align: top;
	}
/* small */
@media all and (max-width: 1279px) 
	{

    /* general site elements starts */

.wrapper {
	padding-top: 20px;
	width: 1212px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	width: 1212px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	padding-top: 0px;
}

.sub_header {
	width: 100%;
	background-color: #fff;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 40px;
	position: relative;
}

.sub_header_wrapper {
	width: 1212px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
    border-top:1px dotted #ccc;
}

.gifts {
	width: 829px; 
	float: left;
	color: #666; 
	background-color:#FFF;
	font-size: 15px;
	font-family: 'Lato';
    height:40px;
	}

.gifts .gourmetfoodgifts {
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    width:63px;
    float:left;
    height:40px;
    }

.gifts .collections {
    border-right:1px solid #ccc;
    width:108px;
    float:left;
    height:40px;
    }

.gifts .blog {
    border-right:1px solid #ccc;
    width:60px;
    float:left;
    height:40px;
    }

.gifts .recipes {
    border-right:1px solid #ccc;
    width:83px;
    float:left;
    height:40px;
    }

.gifts .sale {
    border-right:1px solid #ccc;
    width:66px;
    float:left;
    height:40px;
    }

.gifts .headeralert {
    padding:0 10px;
    width:423px;
    float:left;
    height:40px;
    text-align:center;
    padding-top:10px;
    color:#821718;
    }


.gifts .headeralert  a {
    color: #821718 !important;
}

.gifts .headeralert  a:hover, a:active {
    text-decoration:underline;
}

	
.sidebar {
	float: left;
	width: 228px;
	background-color: #FFF;
	padding-bottom: 10px;
	position: relative;
}

.sidebarpadding{
    padding-bottom:20px;
	}

.sidebar .heading {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
    text-transform:uppercase;
	}

.sidebar .heading a {
    text-decoration:none;
	}

.sidebar .heading a:hover {
	color: #821718;
	}

.sidebar .lefthand_nav {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
    text-transform:uppercase;
	}

.sidebar .lefthand_nav a {
    text-decoration:none;
	}

.sidebar .lefthand_nav a:hover {
	color: #821718;
	}

.sidebar .lefthand_nav a:visited {
    text-decoration:none;
	}

.sidebar h2 a:visited {
    text-decoration:none;
	}

.sidebar span {
	font-family: PerpetuaMT;
    display:block;
	padding-top:10px;
	font-weight:normal;
	font-size: 18px;
	line-height: 22px;
	}

.fullwidthcontent {
	width: 1200px;
	float: left;
	padding-bottom: 20px;
}

.fullwidthcontent h1 {
	font-size: 39px;
	font-family: PerpetuaMT;
	font-weight: normal;
	top: 4px;
	position: relative;
}
	
	
.content {
	width: 984px;
	float: right;
	padding-bottom: 20px;
}

.content .subsectiontitle {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 24px;
	line-height: 26px;
    border-bottom:1px dotted #666;
    color:#2a2a2a;
    padding-top:5px;
	}

.content h4 {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	padding-left: 10px;
	}
	
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	margin-top: 5px;
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	border-top: 1px dotted #666;
	width: 200px;
	font-size: 16px;
	font-family: 'Lato';
	position: relative;
}
ul.nav li {
    font-size:13px;
    color:#666;
	width: 200px;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 3px 0 3px 10px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background-color: #FFFFFF;
    color:#666;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FFFFFF;
	color: #821718;
}

ul.aside_ul2 {
	margin-top: 5px;
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	border-top: 1px dotted #666;
	width: 200px;
	font-size: 16px;
	font-family: 'Lato';
	position: relative;
    text-transform:capitalize;
    line-height:18px;
}
ul.aside_ul2 li {
    font-size:13px;
    color:#666;
	width: 200px;
}
ul.aside_ul2 a, ul.aside_ul2 a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 3px 0 3px 10px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background-color: #FFFFFF;
    color:#666;
}
ul.aside_ul2 a:hover, ul.aside_ul2 a:active, ul.aside_ul2 a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FFFFFF;
	color: #821718;
}

li.navviewall {
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	width: 200px;
	font-size: 14px;
	font-family: 'Lato';
	position: relative;
}

li.navviewall a, li.navviewall a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 0px 7px 7px 0px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background-color: #FFFFFF;
}
li.navviewall a:hover, li.navviewall a:active, li.navviewall a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FFFFFF;
	color: #821718;
}

/* ~~ The footer ~~ */
.footer {
	padding: 20px 0;
	background-color: #FFF;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	text-align: center;
	margin: 0 auto;
	color: #515050;
	font-size: 17px;
	font-family: PerpetuaMT;
}

.Navigation { height: 55px; /*background: url(images/Navigation.png)  repeat-x; border-bottom: 1px solid #919191; */ background-color: #FFF; width:100%; min-width:1212px; margin: 0 auto;}

#nav_wrapper {
	width: 1212px;
	margin: 0 auto;
	text-align: center;
	height: 55px;
    background-color:#821718;
}
	

#NavigationInside { padding-left: 0px; width: 1212px; margin: 0 auto;
display: inline-block;
text-align: center;
vertical-align: middle;
 }

#NavigationInside ul {margin: 0 auto; text-align: center; }

.Navigation ul li { 
float: left; 
position: relative; 
list-style: none; 
padding-top: 9px;
padding-bottom: 8px; 
width: auto;
text-align: center;
border-left: 1px dotted #fffef0;
height: 38px;
line-height:16px;
vertical-align: middle;
display: inline-block;
 }

#item-1 { width: 80px; border: none;}
#item-2 { width: 105px;}
#item-3 { width: 80px;}
#item-4 { width: 100px;}
#item-5 { width: 94px;}
#item-6 { width: 96px;}
#item-7 { width: 100px;}
#item-8 { width: 80px;}
#item-9 { width: 120px;}
#item-10 { width: 140px;}
#item-11 { width: 65px;}
#item-12 { width: 60px;}
#item-13 { width: 80px;}

.Navigation ul li a { font-size: 18px; font-family: 'Gill Sans MT Condensed'; color: #fffef0; text-decoration: none;  line-height: 16px; }

.Navigation ul li:hover { background: url(/App_Templates/Skin_4/css/images/hover.png) repeat-x; height: 38px;}

.Navigation ul li ul li:hover {background: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: auto; border: none; }

.arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #FFF; position: absolute; left: 20px; top: -10px; opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

.Navigation ul li .ultraNav { position: absolute; top: 51px; left: -80px; width: 530px; border: 1px solid #9b5143; z-index: 500; -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.6); box-shadow: 0 3px 8px black; display: none; padding: 15px;
/* background-color:rgba(207,187,154,0.6); */
 /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255,255,255) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(255,255,255, 0.95);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99cfbb9a, endColorstr=#99cfbb9a);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99cfbb9a, endColorstr=#99cfbb9a)";
}

.ultraNavWide {width:550px !important;} 

.first_menu { left: 0px!important; }
.arrow_first { left: 35px!important; }
.second_menu { left: -40px!important; }
.arrow_second { left: 90px!important; }
.fourthlast_menu { left: -335px!important; }
.arrow_fourthlast { left: 400px!important; }
.thirdlast_menu { left: -395px!important; }
.arrow_thirdlast { left: 415px!important; }
.secondlast_menu { left: -435px!important; }
.arrow_secondlast { left: 455px!important; }
.last_menu { left: -475px!important; }
.arrow_last { left: 495px!important; }

.left_span { left: -360px!important; }
.arrow_left { left: 390px!important; }
.left_span_wide { left: -230px!important; }
.arrow_left_wide { left: 295px!important; }

.hmenu { 
width: 500px; 
float: left; 
position: relative;
float: left;
text-align: left;
padding-bottom: 10px;
}

.hmenuwide{
    width:520px !important;
}

.hmenu .top-header {
width: 500px;
height: auto;
font-size: 18px;
color: #b50103; 
font-weight: normal;
font-family: 'Gill Sans MT Condensed';
line-height: 20px;
}

.mtitle { 
width:125px;
float:left;
padding-top:8px;
color: #4b4a4a !important; 
}

.mtitlewide {width:130px !important;}

.mtitle a {
text-decoration:none;
font-weight: normal !important; 
font-size: 13px !important; 
color: #4b4a4a !important; 
font-family: 'Lato' !important;
    }

.mtitle a:hover {
text-decoration:underline;
color: #821718 !important;
    }

.mtitle a:visited {
text-decoration:none;
color:#4b4b4a !important;
}

.Navigation ul li ul li .extended h2, .Navigation ul li .ultraNav h2 {  
font-size: 18px;
width: 145px;
color: #b50103; 
font-weight: bold;
padding-bottom: 5px;
font-family: 'PerpetuaMT';
line-height: 20px;
float: left;
position: relative;
}

.Navigation ul li .ultra .top-header {
width: 145px;
height: auto;
}

.Navigation ul li .ultra .top-header a {
font-size: 18px;
color: #b50103; 
font-weight: bold;
font-family: 'PerpetuaMT';
line-height: 20px;
}

.ultraNav h2 { text-align: left; }

.Navigation ul li .ultra { width: 145px; float: left; margin: 10px 0 10px 10px; }

.Navigation ul li .ultra .top-header {font-size: 18px; color: #b50103; font-weight: bold;}

.Navigation ul li .ultra:first-child { margin: 0; }

.Navigation ul li .ultraNav .arrow-up { left: 116px; }

.Navigation ul li .ultra a { 
font-weight: normal; 
font-size: 13px; 
color: #4b4a4a; 
font-family: 'Lato';
}

.Navigation ul li .ultra li { 
width: 145px; 
line-height: 20px; padding: 3px 5px;
/*background: url(images/linkback.png) no-repeat;*/ 
text-align: left;  
border: 0px!important; 
height: auto;
}

.Navigation ul li ul li:hover a { 
color: #821718; 
padding: 0px!important;
height: 20px;
}

.Navigation ul li:hover .ultraNav { display: block; }

.logo {
	position: relative;
	width: 254px; 
	float: left;
	}

.logo .logoarea{
    position:relative;
    width: 254px;
    float:left;
    padding-top:20px;
    padding-bottom:15px;
}

.logo img {
	position: relative;
	width: 254px; 
	float: left;
	color: #821718; 
	}

.logo .logotoprow {
	position: relative;
	width: 254px; 
	float: left;
	vertical-align: middle;
	font-size: 12px;
	font-family: 'Lato';
    background-color:#f3f4f4;
    height:20px;
    vertical-align:middle;
    border-bottom:1px solid #fff;
	}
		
.slogan {
	width: 316px;
    float:left; 
	}

.slogan .slogantoprow{
	width: 316px; 
	vertical-align: middle;
	font-size: 12px;
	font-family: 'Lato';
    background-color:#f3f4f4;
    height:20px;
    vertical-align:middle;
    border-bottom:1px solid #fff;
	}

.slogan .slogantext{
    width:316px;
    font-size: 18px; 
	color:#666;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 22px;
	background-color: #FFF;
    font-family: 'Lato';
	line-height: 28px;
}

.infoarea{
    width:208px;
    font-size: 14px; 
	color:#821718;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 22px;
	background-color: #FFF;
    font-family: 'Lato';
	line-height: 20px;
}

.infoarea a {
    color: #821718 !important;
}

.infoarea a:hover, a:active {
    text-decoration:underline;
}

.cart {
	width: 388px; 
	font-size: 12px; 
	color: #767676; 
	float: right;
	text-align: right;
	font-family: 'Lato';
	background-color: #FFF;
	}

.cart-wrapper {
display: inline-block;
vertical-align: middle;
}

.checkout_btn { 
position: relative; 
top: -3px; 
padding-left: 6px;
}

.cart a {text-decoration: none; }

.cart_row a { padding-left: 0px; }

.cart_row span.button:hover {
	 background-color: #56100a; 
	}

.cart_row {
	float: right; 
	padding-top: 30px;
	vertical-align: middle;
	font-size: 15px;
	font-family: 'Lato';
	}

.cart_rowtop {
	float: right; 
	padding-right: 10px;
	vertical-align: middle;
	font-size: 12px;
	font-family: 'Lato';
    background-color:#f3f4f4;
    height:20px;
    vertical-align:middle;
    width:648px;
    border-bottom:1px solid #fff;
	}

hr.cartrow{
    background-color:#FFF;
    color:#d0d3d4 !important;
    border-top:1px solid #d0d3d4;
    border-left:none;
    border-bottom:none;
    border-right:none;
    height:1px;
	}

        .header_right {
            float: right;
            padding-right: 10px;
            vertical-align: middle;
            font-size: 12px;
            font-family: 'Lato';
            background-color: #f3f4f4;
            height: 20px;
            vertical-align: middle;
            width: 680px;
            border-bottom: 1px solid #fff;
            text-align: right;
            color: #707070;
        }

.header_left {
    color:#868686;
	float: left; 
	padding-left: 10px;
	vertical-align: middle;
	font-size: 12px;
	font-family: 'Lato';
    background-color:#f3f4f4;
    height:20px;
    vertical-align:middle;
    width:480px;
    border-bottom:1px solid #fff;
    color:#821718;
	}

.header_left a {
    color: #821718 !important;
}

.header_left a:hover, a:active {
    text-decoration:underline;
}

.header_bar {
    width: 100%;
    background-color:#f3f4f4!important;
}
hr.header_bar {
    color:#868686 !important;
    border-top:1px solid #d0d3d4;
    border-left:none;
    border-bottom:none;
    border-right:none;
    height:1px;
    background-color:#f3f4f4!important;
	}
.header_bar a { text-decoration: none; color: #767676; }
.header_bar a:hover { text-decoration: none; color: #821718; }

#cart-tip {
	cursor: pointer;
}

#ctip {
	font-size: 12px;
	font-family: 'Lato';
	color: #b50103;
}

#ctip img { 
border: 1px solid #ccc; 
vertical-align: top;
}

#ctip span {
	font-size: 14px;
	color: #535353;
	top: 5px;
	position: relative;
}

.ct1 {
	width: 100px;
	float: left;
}

.ct2 {
	width:140px;
	float: right;
	position: relative;
	padding-left: 10px;
}

.navi { margin: 0 auto; position: relative;}

.top_slide0 { 
	position: absolute;
	width: 495px; 
	height: 465px;
	float: left;
	color: #4b4b4b; 
	background-color: #FFF;
	padding-top: 12px;
	}

#slider1_container_small { 
	position: absolute;
	width: 460px; 
	height: 433px;
	float: left;
	color: #4b4b4b; 
	background-color: #FFF;
	padding-top: 12px;
	}
	
.slider2_container_small {
	position: absolute;
	width: 737px; 
	height: 433px;
	float: right;
	color: #4b4b4b; 
	background-color: #FFF;
	padding: 12px;
	left: 462px;
	}
	
.sub_header_slider {
	width: 1212px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	height: 480px;
	min-height: 480px;
    padding-top: 15px;
}	

.sub_header_slider_wrapper {
	width: 100%;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
}	

.slider_left_frame{
    position:absolute;
    width: 488px !important; 
    height: 433px !important;
    float:left;
}

.slider_left_frame a {
    color:#FFF;
    text-decoration:none;
}

.slider_left_frame a:hover {
    text-decoration:underline;
}


.slider_right_frame{
    position: absolute !important;
    width: 704px !important; 
    height: 433px !important;
    float: left !important;
}

.slider_right_frame a {
    color:#FFF;
    text-decoration:none;
}

.slider_right_frame a:hover {
    text-decoration:underline;
}


slider_left_caption_frame{
    position:absolute;
    top: 283px !important;
    width: 480px !important;
}


.sub_slide_text {
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	color: #821718; 
	background-color: #FFF;
	font-size: 24px;
	text-align: center;
	top: -15px;
	font-family: PepetuaMT;
}	

.adv { 
float: left; 
padding-top: 20px;
}

.adv img {width: 200px; }

.product_box{
	background:#fff;
	height:350px;
	width: 209px;
	border:1px solid #dfdfdf;
	padding:10px 10px 10px 10px;
}

.product_box .prodtitle { 
    font-family: PepertuaMT;
    font-size: 17px;
    font-weight:normal;
    color: #821718;
    line-height:22px;
}

.product_box .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.product_box .prodtitle a:hover { 
    text-decoration:underline;
}

.product_box .main-image img {
	margin:0px 0px 3px;
	border:0px;
	width: 209px;
}

.product_box .desc {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
	position: relative;
    top:2px;
    }

.product_box .quant {
	position: relative;
	top: 9px;
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
}

.product_box .rating-stars {
    font-size:12px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:7px;
    margin:0px !important;
    position:relative;
    top:8px;
}

.product_box .rating-stars img{
    margin:0px !important;
	}
	
.on_sale{
	width:97px!important;
	height:95px!important;
	position:absolute;
	top:8px;
	right:0px;
	z-index:499;
	border:0px;
}

.product_box span{
	font-size:14px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
}

.prod_price {
	position: relative;
    top:12px;
	font-size:13px;
	color:#666;
	line-height: 16px;
	font-family: 'Lato';
	font-size: 14px;
	font-weight: bold;
}

.prod_container {
	float: left;
	position: relative;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 15px;
}

.prod_container_last {
	float: left;
	position: relative;
	padding-left: 8px;
	padding-top: 15px;
}

.small_sellers_container {
	float: left;
	position: relative;
	padding-top: 15px;
	padding-right: 26px;
}

.small_sellers_container_last {
	float: left;
	position: relative;
	padding-top: 15px;
	padding-left: 2px;
}

.small_sellers{
	background:#fff;
	height:188px;
	width: 299px;
    overflow:hidden;
}

.small_sellers ul {
        padding: 0px 0px 0px 30px;
    }

.title_sidebar {
	top: 30px;
	position: relative;
}

.title_sidebar h4 {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	}
	
.newssection {
	top: 30px;
	position: relative;
    margin-bottom: 30px;
}

.specials {
	top: 30px;
	position: relative;
    margin-bottom: 30px;
}

.specials h4 {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	padding-left: 10px;
	}
	
.border {
	border-top: 1px solid #d6d6d6;
	height: 1px;
	width: 950px;
	float: left;
	top: 30px;
	position: relative;
	padding-top: 20px;
	left: 10px;
}

.footer_top {
	width: 100%;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 270px;
	position: relative;
}

.footer_top_abs {
	width: 100%;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 25px;
}

.footer_wrapper {
	width: 1212px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
}

.about_img {
	position: relative;
	width: 225px; 
	float: left;
	color: #4b4b4b; 
	background-color: #FFF;
	font-size: 16px;
	font-family: 'Lato';
	right: 0px;
	}
.about_img img { width: 225px; }
	
.about_text {
	width: 962px; 
	color: #545454; 
	font-size: 14px;
	font-family: 'Lato';
	float: left;
	padding-top: 8px;
	background-color: #FFF;
	padding-left: 10px;
	}

.about_text h2 {
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 32px;
	line-height: 36px;
}

.footer_mid {
	width: 100%;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 247px;
	position: relative;
}

.footer_mid_wrapper {
	width: 1212px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	background-color:#FFF;
}
.familylogos {
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    width:1212px;
    border-top:1px solid #CCC;
    color:#666;
    font-family:'Lato';
    font-size:14px;
    text-align:center;
        }

        .familylogoheader {
            width: 1212px;
            background-color: #F3F4F4;
            height: 20px;
            padding: 5px 0;
            text-align: center;
            border-top: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
            text-align: center;
            color: #707070;
        }

.familylogos .logospot1{
    width:375px;
    font-size:12px;
    float:left;
    position:relative;
    padding:20px 0px 20px 40px;
}

.familylogos .tagtext{
    width:375px;
    font-size:12px;
    float:left;
    position:relative;
    padding:10px 0px 10px 0px;
    text-align:center;
}

.familylogos .logospot{
    width:375px;
    font-size:12px;
    float:left;
    position:relative;
    padding:20px 0px;
}

.logo_img {
	position: relative;
	width: 240px; 
	float: left;
	color: #4b4b4b; 
	top: 60px;
	}

.logo_img img { width: 180px; }
	
.footer_text {
	width: 175px; 
	color: #666; 
	font-size: 12px;
	font-family: 'Lato';
	float: left;
	padding:0 45px;
	}
	
.footer_text_last {
    border-right: 1px solid #CCC;
    min-height: 200px;
	}

        .footer_text .catname {
            padding-top: 10px;
            padding-bottom: 8px;
            padding-left: 0px;
            padding-right: 0px;
            border-bottom: 1px solid #CCC;
            font-size: 14px;
            color: #666;
            font-weight: normal;
        }

ul.footer_nav1 {
	margin-top: 6px;
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	width: 218px;
}
ul.footer_nav1 li {
	width: 204px;
}
ul.footer_nav1 a, ul.footer_nav1 a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 3px 7px 2px 0px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	color: #fff;
}
ul.footer_nav1 a:hover, ul.footer_nav1 a:active, ul.footer_nav1 a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;
}

ul.footer_nav2 {
	margin-top: 6px;
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	width: 160px;
}
ul.footer_nav2 li {
	width: 160px;
}
ul.footer_nav2 a, ul.footer_nav2 a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 3px 7px 2px 0px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	color: #666;
}
ul.footer_nav2 a:hover, ul.footer_nav2 a:active, ul.footer_nav2 a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;
}

/*footer gourmet club signup form*/
.signup_form_footer
{
	width:330px;
    position:relative;
    float:left;
    font-family:'Lato';
    color:#666;
    padding-left:45px;
}

.signup_form_footer .catname {
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 1px solid #CCC;
	font-size: 14px;
    color: #821718;
    font-weight:normal;
}

.signup_form_footer .intro_text {
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 12px;
}

.signup_form_footer .intro_text_success {
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 12px;
	color: #821718; 
}


.signup_form_footer .form-inner
{
    margin:0 0 15px 0;
	width:340px !important;
	padding-bottom: 15px;
}

.signup_form_footer .form-inner .formleft-buttons
{
	float:left;
	text-align:right;
	margin:10px 10px 0 0;
	width:64px;
}

.signup_form_footer .form-inner .formleft
{
	float:left;
	text-align:right;
	margin:3px 10px 0 0;
	width:64px;
    font-family:'Lato';
	font-size:12px;
	color:#666;
}

.signup_form_footer .form-inner .formright
{
	float:left;
	text-align:left;
	height:20px;
}

.signup_form_footer .form-inner .formbutton
{
	float:left;
	text-align:left;
	height:30px;
    padding-bottom:20px;
}

.signup_form_footer .form-inner .formright input
{
	margin:0px;
    padding-left:5px;
    width:210px;
	height:20px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:12px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
}

.signup_form_footer .form-inner .formright input:focus {
    border:1px solid #818181;
    color:#333333;
    }

.left-pad { padding-left: 45px ; }
.imgpad img { 
padding-left: 30px;
padding-right: 15px;
 }
 
.bfooter {
	min-height: 45px;
	background-color: #ffffff;
	color: #666;
	font-size: 12px;
	font-family: 'Lato';
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
}

.search {
	width: 383px; 
	height: 40px;
	font-size: 22px;
	float:right; 
	color: #821718; 
	background-color: #fff;
	}
	
.search input[type="text"]{
    width:328px;
    color:#666;
    font-size:14px;
	font-family: 'Lato';
    border-left:1px solid #ccc;
    border-right:none;
    border-top:none;
    border-bottom:none;
    background-color:#F3F4F4;
    height:40px;
    padding-right: 7px;
    padding-left: 7px;
    line-height: 28px;
	float: left;
}

.search input:focus{
    background-color:#FFF;
    color:#42413c;
}

.search input[type="button"]{
    background: url(/App_Templates/Skin_4/css/images/search_btn.jpg) no-repeat;
    width:40px;
    height:40px;
    border:none;
    cursor:pointer;
	float:right;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

/* caption */

.caption_black {
    position: absolute; 
    top: -20px; 
    left: 0px; 
    width: 400px; 
    height: 160px;
    color: #fff; 
    font-size: 19px; 
    line-height: 27px; 
    text-align: left;
    font-family: 'Lato';
    padding: 30px;
}

.caption_black h2 {
	font-size: 44px;
	font-family: PerpetuaMT;
    font-weight:normal;
    color:#FFF;
}

.caption_black span {
	position: relative;
	top: 12px;
}

.caption_red {
    position: absolute; 
    top: -20px; 
    left: 0px; 
    width: 667px; 
    height: 150px;
    color: #fff; 
    font-size: 19px; 
    line-height: 27px; 
    text-align: left;
    font-family: 'Lato';
    padding: 35px;
}

.caption_red h2 {
	font-size: 44px;
	font-family: PerpetuaMT;
    color:#FFF;
    font-weight:normal;
}

.caption_red span {
	position: relative;
	top: 12px;
}

/*top sellers*/
.grid {
    width: 299px;
	height: 188px;
    list-style: none;
	position: relative;
	right: 30px;
}
 
.grid li {
    display: inline-block;
    width: 299px;
    text-align: left;
    position: relative;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    left: 0;
    background: #FFF;
    color: #3b3a3a;
    bottom:50px !important;
}

.grid figcaption .title {
    margin: 0;
    padding: 0;
    color: #821718;
	font-family: PerpetuaMT;
	font-size: 24px;
	font-weight: normal;
	line-height: 25px;
}

    .grid figcaption h3 {
        margin: 0;
        padding: 0;
        color: #821718;
        font-family: PerpetuaMT;
        font-size: 24px;
        font-weight: normal;
        line-height: 25px;
    }
 
.grid figcaption a {
    text-decoration:none;
    color:inherit;
    position:inherit;
}

.grid figcaption a:hover {
    text-decoration:underline;
}

.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    transition: transform 0.4s;
}
 
.cs-style-3 span { font-size: 18px; }
 
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    height: 60px;
	padding-left: 18px;
	padding-top: 10px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 1;
	background-color:rgba(228,218,171,0.6);
    /* transform: translateY(100%);
    transition: transform 0.4s, opacity 0.1s 0.3s; */
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s, opacity 0.1s;
}

/*.cs-style-3 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}*/

.contact_us {
	position: absolute;
	right:0px;
	bottom: -112px;
	z-index: 9999;
}

/* contact */

.cl-effect a::before,
.cl-effect a::after {
	position: absolute;
	top: 50%;
	left: 36%;
	width: 30px;
	height: 30px;
	border: 2px solid rgba(0,0,0,0.2);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect a::after {
	width: 30px;
	height: 30px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect a:hover::before,
.cl-effect a:hover::after,
.cl-effect a:focus::before,
.cl-effect a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

#slider1_container_small {display: inline; }
#slider1_container_large {display: inline; }

#slider2_container_small {display: inline; }
#slider2_container_large {display: inline; }

.socials {
    clear:left;
    padding-left:10px;
}

.socials .item { padding-right: 5px; float:left; }

.gifts a {text-decoration: none;}
.gifts a:hover {text-decoration: none; color: #821718!important}
.gifts a:visited {text-decoration: none; color: #4b4b4b;}

.cart a {text-decoration: none; color: #868686}
.cart a:hover {text-decoration: none; color: #821718!important}
.cart a:visited {text-decoration: none; color: #767676;}

/* general site elements ends */


/* category */

.spacing { padding: 10px; }

.breadcrumbs {
	font-size: 14px;
	font-family: 'Lato';
	color: #666;
	border-bottom: 1px dotted #666;
	padding-top: 3px;
	padding-bottom: 23px;
    text-decoration:none;
	text-transform:capitalize;
    font-weight:normal;
}

.breadcrumbs .crumb
{
	font-size:14px;
	color:#666;
	font-family: 'Lato';
    font-weight:normal;
}

.breadcrumbs .crumb a
{
	font-size:14px;
	color:#666;
	font-family: 'Lato';
	text-transform:capitalize;
    font-weight:normal;
    text-decoration:none;
	
}

.breadcrumbs .crumb a:hover{text-decoration:underline; color:#821718;}


.content h1 {
	font-size: 41px;
	font-family: PerpetuaMT;
	font-weight: normal;
	padding-top: 2px;
	top: 4px;
	position: relative;
}

.content h1 {
	font-size: 41px;
	font-family: PerpetuaMT;
	font-weight: normal;
	padding-top: 2px;
	top: 4px;
	position: relative;
}
#slider1_container_large_cat { 
	position: relative;
	width: 373px; 
	height: 352px;
	float: left;
	color: #4b4b4b; 
	background-color: #fff;
	padding-top: 12px;
    display:inline;
	}

#slider1_container_large_cat img{ 
	width: 373px; 
	height: 352px;
    border:0px;
	}

#slider2_container_large_cat {
	position: absolute;
	width: 598px; 
	height: 352px;
	float: right;
	color: #4b4b4b; 
	background-color: #ffffff;
	padding: 12px;
    display:inline;
	}

#slider2_container_large_cat img{
	width: 598px; 
	height: 352px;
    border:0px;
	}


.slider_left_container { 
	position: absolute;
	width: 373px; 
	height: 352px;
	float: left;
	color: #4b4b4b; 
	background-color: #fff;
	padding-top: 12px;
	}
	
.slider_right_container {
	position: absolute;
	width: 598px; 
	height: 352px;
	float: right;
	color: #4b4b4b; 
	background-color: #FFF;
	padding: 12px;
	left: 386px;
	}
		
.slideshow_cat {
	width: 984px;
	background-color: #fff;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	height: 376px;
	min-height: 376px;
}

.slideshow_text_cat {
	font-size: 16px;
	font-family: 'Lato';
	line-height: 26px;
	color: #333333;
	position: relative;
	padding-top: 15px; 
}

/* caption */

.caption_black_cat {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 373px; 
	height: 116px;
    color: #fff; 
	font-size: 17px; 
	line-height: 23px; 
	text-align: left;
	font-family: 'Lato';
	padding: 25px;
}

.caption_black_cat .title {
	font-size: 37px;
	font-family: PerpetuaMT;
}

.caption_black_cat span {
	position: relative;
	top: 12px;
}

.caption_red_cat {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 598px; 
	height: 116px;
    color: #fff; 
	font-size: 17px; 
	line-height: 23px; 
	text-align: left;
	font-family: 'Lato';
	padding: 25px;
}

.caption_red_cat .title {
	font-size: 38px;
	font-family: PerpetuaMT;
}

.caption_red_cat span {
	position: relative;
	top: 8px;
}

.caption_black_cat_st {
	position: absolute; 
	top: 214px; 
	left: 0px; 
	width: 338px; 
	height: 110px;
    color: #fff; 
	font-size: 18px; 
	line-height: 25px; 
	text-align: left;
	font-family: 'Lato';
	padding: 15px 20px 25px 20px;
	background-color:rgba(0, 0, 0, 0.6);
}

.caption_black_cat_st a {
    text-decoration:none;
    color:#FFF;
}

.caption_black_cat_st a:hover {
    text-decoration:underline;
}

.caption_black_cat_st .title_cat_st {
	font-size: 38px;
	font-family: PerpetuaMT;
	color: #fff; 
    line-height:34px; 
}

.caption_black_cat_st span {
	position: relative;
	top: 8px;
}

.caption_red_cat_st {
	position: absolute; 
	top: 214px; 
	left: 12px; 
	width: 558px; 
	height: 110px;
    color: #fff; 
	font-size: 18px; 
	line-height: 25px; 
	text-align: left;
	font-family: 'Lato';
	padding: 15px 20px 25px 20px;
	background-color:rgba(130, 23, 24, 0.6);	
}

.caption_red_cat_st a {
    text-decoration:none;
    color:#FFF;
}

.caption_red_cat_st a:hover {
    text-decoration:underline;
}

.caption_red_cat_st .title_cat_st {
	font-size: 38px;
	font-family: PerpetuaMT;
	color: #fff; 
    line-height:34px; 
}

.caption_red_cat_st span {
	position: relative;
	top: 12px;
}
/*Recipe Box Display*/
.recipe_box_cat {
	background:#fff;
	height:330px;
	width: 213px;
	border:1px solid #dfdfdf;
	padding:11px 10px 10px 10px;
}

.recipe_box_cat .prodtitle { 
    font-family: PepertuaMT;
    font-size: 16px;
    font-weight:normal;
    color: #821718;
    line-height:20px;
}

.recipe_box_cat .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.recipe_box_cat .prodtitle a:hover { 
    text-decoration:underline;
}

.recipe_box_cat img{
	margin:0px 0 7px;
	border:0px;
	width: 213px;
}

.recipe_box_cat .desc {
	position: relative;
	padding-top: 9px;
}

.recipe_box_cat .quant {
	position: relative;
	top: 9px;
}

.recipe_box_cat .desc img {
	vertical-align: middle; 
	padding-top: 31px;
	float: right;
	}

.recipe_box_cat span{
	font-size:14px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
}

.recipe_box_cat .rating_stars_cat {
    font-size:12px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:7px;
    margin:0px !important;
    }

.recipe_box_cat .rating_stars_cat img {
    margin:0px !important;
    width:14px;
    height:12px;
}

/* blog post category page display start */

.blog_main_wrapper {
    width:980px;
}

.blog_main_content {
	width: 650px;
	float: left;
	padding-top: 12px;
    border-right:1px dotted #666;
}

.blog_product_promo {
	width: 325px;
	float: right;
    min-height:500px;
}

.blog_main_image {
	width: 600px;
	float: left;
	font-size: 18px;
	font-family: 'Lato';
	color: #4b4b4b;
}

.blog_post_container {
	float: left;
	position: relative;
	padding-right: 8px;
	padding-top: 15px;
}

.blog_post_subcontainer {
	background:#fff;
	width: 952px;
	border:1px solid #dfdfdf;
	padding:11px 11px 12px 11px;
    float:left;
}

    .blog_post_subcontainer .product_box_image {
        width:240px;
        height:224px;
        float:left;
    }

    .blog_post_subcontainer .product_box_image img{
	margin:0px 0px 7px;
	border:0px;
}

    .blog_post_subcontainer .content_area {
        width:700px;
        float:left;
    }

    .blog_post_subcontainer .content_area .prodtitle { 
    font-family: 'PerpetuaMT';
    font-size: 28px;
    font-weight:normal;
    color: #821718;
    line-height:1.5;
}

.blog_post_subcontainer .content_area .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.blog_post_subcontainer .content_area .prodtitle a:hover { 
    text-decoration:underline;
}

.blog_post_subcontainer .content_area .desc {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
}

.blog_post_subcontainer .content_area .intro {
    font-size:16px;
	color:#666 !important;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
    line-height:1.5;
}

.blog_post_subcontainer .content_area .intro a {
    color: #821718;
    text-decoration:none;
}

.blog_post_subcontainer .content_area .intro a:hover {
    text-decoration:underline;
}

.blog_post_subcontainer .content_area .posting_info {
    font-size:14px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:10px;
    line-height:1.5;
}

.blog_post_subcontainer .content_area .posting_info a {
    color: #821718;
    text-decoration:none;
}

.blog_post_subcontainer .content_area .posting_info a:hover {
    text-decoration:underline;
}

.blog_post_subcontainer .content_area .rating_stars_blog {
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    vertical-align:top;
    line-height:1.5;
}

.blog_post_subcontainer .content_area .rating_stars_blog img {
    margin:0px;
}

.ratings_line
{
	font-size:16px;
	display:block;
	font-family: 'Lato';
}
.ratings_line a
{
	color:#821718;
	text-decoration:none;
}
.ratings_line a:hover
{
	text-decoration:underline;
}	

.blog_bc_container {
	font-size: 14px;
	font-family: 'Lato';
	width: 984px;
	border-bottom: 1px dotted #666;
	height: 44px;
}

.blog_breadcrumbs {
	width: 784px;
	float: left;
	padding-top: 12px;
    color:#666;
}

.blog_breadcrumbs a {
	text-decoration: none;
	color:#666;
}

.blog_breadcrumbs a:visited {
	text-decoration: none;
	color:#666;
}

.blog_breadcrumbs a:hover {
	text-decoration: underline;
	color: #821718;
}


.blog_intro_details {
	width: 600px;
    padding-bottom:15px;
}

.blog_intro_details h1 {
	font-family: 'PerpetuaMT';
	font-weight: normal;
	font-size: 36px;
	line-height: 44px;
	color: #4b4b4b;
    padding-bottom:10px;
}


.blog_overview {
	float: left;
	font-size: 16px;
	font-family: 'Lato';
	line-height: 1.5;
	color: #333333;
    font-weight:normal;
    padding:25px 0px;
	width: 600px;
}

.blog_overview img{
    max-width:600px !important;
}

.blog_overview h2 {
	font-family: Lato;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-top: 18px;
	line-height: 1.5;
}

.blog_overview p {
	font-size: 16px;
	font-family: 'Lato';
	line-height: 1.5;
	color: #333333;
    font-weight:normal;
    padding-bottom:15px;
}

.blog_overview ul {
 padding-left:30px;
 padding-bottom:30px;
 width: 95%;
 float: left;
}

.blog_overview ul li {
  list-style-type: disc;
  float: left;
  clear: both;
}

.blog_overview ul a {
  font-weight:normal;
  font-size:16px;
  font-family:'Lato';
  color:#821718;
  text-decoration:none !important;
  border:inherit;
  padding:0;
  display:inline;
  background:inherit;
  margin:inherit;
  line-height:inherit;
}

.blog_overview ul a:hover {
    text-decoration:underline !important;
    }

.blog_overview ol {
 padding-left:30px;
 padding-bottom:30px;
 width: 95%;
 float: left;
}

.blog_overview ol li {
  float: left;
  clear: both;
  padding-bottom:15px;
}

.blog_overview ol a {
  font-weight:normal;
  font-size:16px;
  font-family:'Lato';
  color:#821718;
  text-decoration:none !important;
  border:inherit;
  padding:0;
  display:inline;
  background:inherit;
  margin:inherit;
  line-height:inherit;
}

.blog_overview ol a:hover {
    text-decoration:underline !important;
    }

.blog_overview a{
    color:#821718;
    text-decoration:none;
}

.blog_overview a:hover{
    color:#821718;
    text-decoration:underline;
}

.blog_reviews_details {
	float: left;
	font-size: 16px;
	font-family: 'Lato';
	line-height: 1.5;
	color: #333333;
    border-top:1px dotted #666;
    padding:25px 0px;
    width:600px;
}
.blog_reviews_details .header {
	font-family: 'PerpetuaMT';
	font-size: 24px;
	color: #333333;
	font-weight: normal;
    line-height:30px;
    border-top:none;
}

.blog_reviews_details a{
  color:#821718;
  text-decoration:none;
}

.blog_reviews_details a:hover{
  text-decoration:underline;
}

.blog_comment
{
    padding:25px 0px;
    float: left;
	font-size: 16px;
	font-family: 'Lato';
	line-height: 1.5;
	color: #333333;
    width:600px;
    border-top:1px dotted #666;
}
.blog_comment_subcontainer {
	background:#fff;
    width:600px;
    float:left;
    padding-bottom:15px;
}
    .blog_comment_subcontainer .by_info {
        width:220px;
        float:left;
    }

    .blog_comment_subcontainer .content_area {
        width:380px;
        float:right;
        font-size:16px;
	    color:#666;
	    font-weight:normal;
	    font-family: 'Lato';
        line-height:1.5;
    }

.blog_comment .comment-title
{
    float:left;
    width:270px;
	font-family: 'PerpetuaMT';
	font-size: 24px;
	color: #333333;
	font-weight: normal;
    line-height:1.5;
}

.blog_comment .comment-button-area
{
    float:left;
}

.blog_recipe_container {
	float: left;
	position: relative;
	padding-top: 25px 0px;
    border-top:1px dotted #666;
    width:600px;
}

.blog_recipe_subcontainer {
	background:#fff;
    width:600px;
    float:left;
    padding:25px 0px;
}

    .blog_recipe_subcontainer .product_box_image {
        width:240px;
        float:left;
    }

    .blog_recipe_subcontainer .product_box_image img{
	margin:0px 0px 7px;
	border:0px;
}

    .blog_recipe_subcontainer .content_area {
        width:360px;
        float:left;
        font-size:16px;
	    color:#666;
	    font-weight:normal;
	    font-family: 'Lato';
        line-height:1.5;
    }

    .blog_recipe_subcontainer .content_area h2 { 
    font-family: 'PerpetuaMT';
    font-size: 28px;
    font-weight:normal;
    color: #821718;
    line-height:1.5;
}

    .blog_recipe_subcontainer .content_area h2 a { 
    color: #821718;
    text-decoration:none;
}

    .blog_recipe_subcontainer .content_area h2 a:hover { 
    text-decoration:underline;
}

        .blog_recipe_subcontainer .view_button { 
    padding-top:15px;
}

        .comment_subcontainer {
	background:#fff;
	width: 984px;
    float:left;
    padding-bottom:15px;
}

    .comment_subcontainer .by_info {
        width:240px;
        float:left;
    }

    .comment_subcontainer .content_area {
        width:740px;
        float:left;
        font-size:16px;
	    color:#666;
	    font-weight:normal;
	    font-family: 'Lato';
        line-height:1.5;
    }

    /*Right Related Products*/

#related_right_container {
	width: 325px;
	float: right;
}

#related_right_subcontainer {
	height: 275px;
	padding: 15px;
}

.related_right_title {
	font-family: 'PerpetuaMT';
    font-weight: normal;
    font-size: 22px;
    line-height: 1.5;
    color:#4b4b4b;
    padding-left:45px;
}

.related_right_prodlist{
    padding-left:0px;
}


/*Product Box display*/
.product_box_cat {
	background:#fff;
	height:340px;
	width: 213px;
	border:1px solid #dfdfdf;
	padding:11px 10px 10px 10px;
}

.product_box_cat .prodtitle { 
    font-family: PepertuaMT;
    font-size: 16px;
    font-weight:normal;
    color: #821718;
    line-height:20px;
}

.product_box_cat .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.product_box_cat .prodtitle a:hover { 
    text-decoration:underline;
}

.product_box_cat img{
	margin:0px 0 7px;
	border:0px;
	width: 213px;
}

.product_box_cat .desc {
	position: relative;
	padding-top: 9px;
}

.product_box_cat .desc a{
    font-size:13px;
	color:#821718;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
    text-decoration:none;
    float:left;
}

.product_box_cat .desc a:hover{
    text-decoration:underline;
}

.product_box_cat .quant {
	position: relative;
	top: 9px;
}

.product_box_cat .desc img {
	vertical-align: middle; 
	padding-top: 31px;
	float: right;
	}

.product_box_cat span{
	font-size:14px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
}

.product_box_cat .rating_stars_cat {
    font-size:12px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    float:right;
    position:relative;
    top:13px;
    }

.product_box_cat .rating_stars_cat img {
    margin:0px !important;
    width:14px;
    height:14px;
}

.prod_price_cat {
	position: relative;
	top: 8px;
	font-size:14px;
	color:#666;
	line-height:22px;
}

.prod_container_cat {
	float: left;
	position: relative;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 14px;
}

.prod_container_last_cat {
	float: left;
	position: relative;
	padding-left: 7px;
	padding-top: 14px;
}

.prod_container_first_cat {
	float: left;
	position: relative;
	padding-right: 7px;
	padding-top: 14px;
}

.title_cat { 
font-family: PepertuaMT;
font-size: 18px;
color: #821718;
padding-top: 4px;
}

.title_sidebar_cat h4 {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	}
	
#socials_cat {
	position: relative;
	top: 25px;
	left: 20px;
}	

.cat_title {
	border-bottom: 1px dotted #666;
	padding-top: 22px;
	padding-bottom: 12px;
}

.cat_title h2, .cat_title .h2 {
    color: #4b4b4b;
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 24px;
}

.small_cat_first {
	float: left;
	position: relative;
	padding-right: 4px;
	padding-top: 20px;
}

.small_cat_last {
	float: left;
	position: relative;
	padding-top: 20px;
}

.small_cat {
	float: left;
	position: relative;
	padding-left: 0px;
	padding-right: 15px;
	padding-top: 20px;
}

.small_box_cat {
	background:#fff;
	width: 320px;
	/* padding:11px 11px 12px 11px;*/
}

.imgcat {
	width: 70px;
	position: relative;
	float: left;
	margin-top: 5px;
}

.imgcat img {
	width: 70px;
    height: 70px;
    border: 2px solid #ccc;
}

.right_text {
	position: relative;
	float: right;
	width: 233px;
	padding-left: 10px;
	font-size: 12px;
	font-family: 'Lato';
	color: #4b4b4b;
}

.right_text a {
    color: #821718;
    text-decoration:none;
}

.right_text a:hover{
    text-decoration:underline;
}

.right_text h3 {
	font-family: PerpetuaMT;
	font-size: 18px;
	color: #821718;
	text-transform:uppercase;
    font-weight:normal;
}

.marble_text {
	position: relative;
	float: left;
	width: 292px;
	font-size: 12px;
	padding-right: 10px;
	font-family: 'Lato';
	color: #4b4b4b;
}

.marble_text span {
	font-family: PerpetuaMT;
	font-size: 18px;
	color: #821718;
	text-transform:uppercase;
}

.cat_title_nb {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 24px;
	padding-top: 22px;
	padding-bottom: 20px;
	top: 8px;
	position: relative;
	color: #4b4b4b;
}

.brand_cat_first {
	float: left;
	position: relative;
	padding-right: 13px;
}

.brand_cat_last {
	float: left;
	position: relative;
}

.brand_cat {
	float: left;
	position: relative;
	padding-left: 0px;
	padding-right: 13px;
}

.brand_box_cat {
	background:#fff;
	width: 297px;
	min-height: 180px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #e2e2e2
}

.brand_img {
	position: relative;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
}

.brand_text {
	position: relative;
	float: left;
	width: 284px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-family: 'Lato';
	color: #4b4b4b;
}

.brand_text span {
	font-family: PerpetuaMT;
	font-size: 18px;
	color: #821718;
	width: 272px;
	text-transform:uppercase;
}
	
.logo_img_cat {
	position: relative;
	width: 245px; 
	float: left;
	color: #4b4b4b; 
	top: 60px;
	}

.footer_top_cat {
	width: 100%;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
}	

.footer_top_cat_abs {	
	width: 100%;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 180px;
	 clear: both;
	 position: absolute;
	 z-index: 10;
	 margin-top: 190em;
}	

.footer_wrapper_cat {
	width: 984px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	left: 130px;
}

.about_text_cat {
	width: 984px; 
	color: #545454; 
	font-size: 14px;
	font-family: 'Lato';
	padding-top: 8px;
	background-color: #FFF;
	padding-bottom: 30px;
	}	
	
.about_text_cat h2 {
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 32px;
	line-height: 36px;
}

.contact_us_cat {
	position: absolute;
	right:0px;
	bottom: -232px;
	z-index: 9999;
}

/* sub category */

.desc_text {
	color: #333333; 
	font-size: 14px;
	font-family: 'Lato';
	padding-top: 8px;
	padding-bottom: 22px;
	background-color: #ffffff;
}

.desc_text a{
    color:#821718;
    text-decoration:none;
}

.desc_text a:hover{
    text-decoration:underline;
}

.dropdown {
	float: left;
	position: relative;
	width: 250px;
    overflow: hidden!important;
}
.dropdown select {
	  border: 1px solid #ccc !important; 
      -webkit-appearance: none; 
      -moz-appearance: none; 
      background: url(/App_Templates/Skin_4/css/images/select_arrow.jpg) no-repeat; 
      background-color: #fff;
	  background-position: 211px 0px;  
      width: 276px;
	  font-size: 14px;
   	  font-family: 'Lato'; 
      text-indent: 0.01px; 
      text-overflow:ellipsis; 
      color: #333333;
	  padding: 6px;
	  height: 36px;
}

.page_details {
	border-bottom: 1px dotted #666;
	padding-bottom: 50px;
	font-size: 14px;
   	font-family: 'Lato'; 
	color: #333333;
}

.pages_count {
	margin-left:10px;
	text-align: center;
	float: left;
	padding-top: 6px;
	position: relative;
	float: left;
    color: #333333; 
}

.pages_count a { 
	color: #333333; 
	text-decoration: none;
}
.pages_count a:hover { 
	color: #821718; 
	text-decoration: underline;
}
.pages_count a:visited { 
	color: #333333; 
	text-decoration: none;
}

.products_per_page {
	float: right;
	position: relative;
	width: 255px;
	vertical-align: middle; 
    text-align:right;
}

.pp_select {
	float: right;
	position: relative;
	width: 89px;
	overflow: hidden!important;
    padding-left:5px;
}

.pp_text {
	position: relative;
	top: 6px;
}

.products_per_page select {
	  border: 1px solid #ccc !important; 
      -webkit-appearance: none; 
      -moz-appearance: none; 
      background: url(/App_Templates/Skin_4/css/images/select_arrow.jpg) no-repeat; 
      background-color: #fff;
	  background-position: 50px 0px;  
      width: 120px;
	  font-size: 14px;
   	  font-family: 'Lato'; 
      text-indent: 0.01px; 
      text-overflow: ellipsis; 
      color: #333333;
	  padding: 6px;
	  height: 36px;
	  vertical-align: middle; 
}

.rating_stars_sub {
    font-size:12px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    float:left;
    padding-top:5px;
}
.price_box {
    position: absolute; 
    bottom: 0px; 
}

.left10{
    left:0px;
}

.left5{
    left:7px;
}

.price_box .desc {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    font-style:normal;
    padding:10px;
}

.price_box .desc a { 
    color: #821718;
    text-decoration:none;
}

.price_box .desc a:hover { 
    text-decoration:underline;
}

.price_select {
    width: 235px;
    overflow: hidden !important;
    padding-bottom:0px;
}

.price_select select {
	  border: 1px solid #ccc !important; 
      -webkit-appearance: none; 
      -moz-appearance: none; 
      background: url(/App_Templates/Skin_4/css/images/select_arrow_small.jpg) no-repeat; 
      background-color: #fff;
	  background-position: 202px 0px; 
      width: 238px;
	  font-size: 12px;
   	  font-family: 'Lato'; 
      text-indent: 0.01px; 
      text-overflow:clip; 
      color: #666;
	  padding: 4px;
	  height: 28px;
}
/*Recipe box subcategory*/
.recipe_box_subcat {
	background:#fff;
	height:330px;
	width: 213px;
	border:1px solid #dfdfdf;
	padding:11px 10px 10px 10px;
}

.recipe_box_subcat .prodtitle { 
    font-family: PepertuaMT;
    font-size: 16px;
    font-weight:normal;
    color: #821718;
    line-height:20px;
}

.recipe_box_subcat .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.recipe_box_subcat .prodtitle a:hover { 
    text-decoration:underline;
}

.recipe_box_subcat .product_box_image img{
	margin:0px 0 7px;
	border:0px;
	width: 213px;
}

.recipe_box_subcat .desc {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
}

/*Info Article Subcategory*/
.info_article_box {
	background:#fff;
	height:265px;
	width: 213px;
	border:1px solid #dfdfdf;
	padding:11px 10px 10px 10px;
}

.info_article_box .prodtitle { 
    font-family: 'PerpetuaMT';
    font-size: 24px;
    font-weight:normal;
    color: #666;
    line-height:1.1;
}

.info_article_box h2{
    font-family: 'PerpetuaMT';
    font-size: 16px;
    font-weight:normal;
    color: #666;
    line-height:1.1;
}

.info_article_box .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.info_article_box .prodtitle a:hover { 
    text-decoration:underline;
}

.info_article_box .desc {
    font-size:16px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
    line-height:1.5;
}

.info_article_box .desc a{
	color:#821718;
    text-decoration:none;
}

.info_article_box .desc a:hover{
    text-decoration:underline;
}

/*Product box subcategory*/
.product_box_subcat {
	background:#fff;
	height:415px;
	width: 213px;
	border:1px solid #dfdfdf;
	padding:11px 10px 10px 10px;
}

.product_box_subcat .prodtitle { 
    font-family: PepertuaMT;
    font-size: 16px;
    font-weight:normal;
    color: #821718;
    line-height:20px;
}

.product_box_subcat .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.product_box_subcat .prodtitle a:hover { 
    text-decoration:underline;
}

.product_box_subcat .product_box_image img{
	margin:0px;
	border:0px;
	width: 213px;
}

.product_box_subcat .desc {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    font-style:italic;
    padding-top:2px;
}

.product_box_subcat .summary {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
    line-height:1.2;
} 

.product_box_subcat .desc a{
    font-size:13px;
	color:#821718;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
    text-decoration:none;
    float:left;
}

.product_box_subcat .desc a:hover{
    text-decoration:underline;
}
.add_to { 
    width: 235px;
    padding-left:1px;
    padding-bottom:1px;
}

.add_order {
	height: 30px;
	min-height: 30px!important;
}

.qtyadd {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border:none;
}

.qtyless {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border:none;
}

        .qtyno {
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-top: none;
            border-bottom: none;
            color: #767676;
            display: block;
            float: left;
            font-size: 18px;
            height: 30px;
            line-height: 26px !important;
            outline: medium none;
            text-align: center;
            width: 30px;
        }
.qtyno a {
	font-size:20px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
	text-decoration: none;
	}


.qtyadd_prod {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border:none;
    border: 1px solid #ccc;
}

.qtyless_prod {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border: 1px solid #ccc;
}

        .qtyno_prod {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-left: none;
            border-right: none;
            color: #767676;
            display: block;
            float: left;
            font-size: 18px;
            height: 30px;
            line-height: 26px !important;
            outline: medium none;
            text-align: center;
            width: 30px;
        }
.qtyno_prod a {
	font-size:20px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
	text-decoration: none;
	}

.addto_cart { 
position: relative; 
}	

.pages_count_down {
	width: 968px;
	text-align: center;
	float: left;
	margin-top: 12px;
	padding: 8px;
	position: relative;
	float: left;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	font-size: 14px;
	font-family: 'Lato'
}

.footer_top_subcat_abs {	
	width: 100%;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 175px;
	 clear: both;
	 position: absolute;
	 z-index: 10;
	 margin-top: 121em;
}	

#socials_subcat {
	position: relative;
	top: 5px;
	left: 20px;
}	


/* product details */

.bc_container {
	font-size: 14px;
	font-family: 'Lato';
	width: 1212px;
	border-bottom: 1px dotted #666;
	height: 44px;
}

.pd_breadcrumbs {
	width: 1000px;
	float: left;
	padding-top: 12px;
    color:#666;
}

.pd_breadcrumbs a {
	text-decoration: none;
	color:#666;
}

.pd_breadcrumbs a:visited {
	text-decoration: none;
	color:#666;
}

.pd_breadcrumbs a:hover {
	text-decoration: underline;
	color: #821718;
}

.pd_socials {
	text-align: right;
	width: 200px;
	float: right;
	height: 27px;
}

.pd_socials img {
	padding-left: 4px;
}

.pd_main_wrapper {
	padding-top: 17px;
}

.pd_main_image {
	width: 484px;
	float: left;
	font-size: 18px;
	font-family: 'Lato';
	color: #4b4b4b;
}

.pd_main_image a {
	text-decoration: none;
}

.pd_main_image a:visited {
	text-decoration: none;
}

.pd_main_image a:hover {
	text-decoration: underline;
}

#main_image_container {
	border: 1px solid #ccc;
	width: 484px;
	float: left;
}

#main_image_container img {
	padding: 10px;
	width: 96%;
}

.pd_cart_details {
	width: 694px;
	float: right;
}

.pd_cart_details h1 {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 36px;
	line-height: 44px;
	color: #4b4b4b;
}

.pd_subtitle {
	font-size: 18px;
	line-height: normal;
	font-family: 'Lato';	
	color: #4b4b4b;
}

.recipe_intro {
	padding-top: 14px;	
	font-size: 16px;
	line-height: 1.5;
	font-family: 'Lato';
}

.pd_review {
	padding-top: 14px;	
	font-size: 14px;
	line-height: normal;
	font-family: 'Lato';
	color: #821718;
}

.pd_review img {
	vertical-align: middle;
}

.pd_review a {
	text-decoration: none;
	color: #821718;
}

.pd_review a:visited {
	text-decoration: none;
	color: #821718;
}

.pd_review a:hover {
	text-decoration: underline;
	color: #821718;
}

.pd_descbox{
    font-family:'Lato';
    font-size:16px;
    font-weight:normal;
    color:#2a2a2a;
    padding-top:15px;
}

.pd_kitheader{
    font-weight:bold;
}

.pd_descbox ul{
    list-style-position:inside;
    padding:0 0 15px 25px;
}

.cart_details {
	padding-top: 16px;
	font-size: 14px;
	line-height: normal;
	font-family: 'Lato';
	color: #333333;
	width: 700px;
}

        .cart_details td, .cart_details th {
            padding-top: 7px;
            padding-bottom: 8px;
            border-bottom: 1px dotted #666;
            vertical-align: middle;
        }

.cart_details_kit {
	font-size: 14px;
	line-height: normal;
	font-family: 'Lato';
	color: #333333;
	width: 700px;
}

    .cart_details_kit td, .cart_details_kit th {
        padding-top: 7px;
        padding-bottom: 8px;
        border-bottom: 1px dotted #666;
        vertical-align: middle;
    }
	
.pd_col1 { width: 150px; text-align: left;}
.pd_col1_cake { width: 250px; text-align: left;}
.pd_col2 { width: 85px; text-align: center;}
.pd_col3 { width: 110px; text-align: right; padding-right:10px;}
.pd_col4 { width: 115px; text-align: right; padding-right:10px;}
.pd_col4_kit { width: 145px; text-align: left; padding-left:10px;}
.pd_col5 { width: 145px; text-align: center; margin: 0 auto;}
.pd_col5_oos { width: 145px; margin: 0 auto; padding-top:3px !important; padding-bottom:3px !important; vertical-align:initial !important;}
.pd_col6 { width: 85px; text-align: center;}
.pd_col_qtydisc { width:400px; text-align:left;	color: #821718;
	font-size: 14px;
	font-family: 'Lato';
	font-weight: bold;
    text-transform:uppercase;
}

.pd_add_order {
	height: 30px;
	min-height: 30px!important;
	width: 105px!important;
	text-align: center;
	margin: 0 auto;
    padding-left:10px;
}

        .pd_qtyno {
            border: 1px solid #ccc;
            color: #767676;
            display: block;
            float: left;
            font-size: 18px;
            height: 28px;
            line-height: 26px;
            outline: medium none;
            text-align: center;
            width: 51px;
            padding-left: 1px;
            padding-right: 1px;
        }
.pd_qtyno a {
	font-size:18px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
	text-decoration: none;
	}
	
.pd_add_cart_container {
	padding-top: 12px;
	color: #821718;
	font-size: 16px;
	font-family: 'Lato';
	font-weight: bold;
    text-transform:uppercase;
}

.pd_add_left_text {
	float: left;
	width: 410px;
    padding-top: 15px;
}

.pd_add_right_button {
	float: right;
	width: 205px;
	padding-right: 60px;
	height: 50px;
}

.pd_add_left_button {
	float: left;
	padding-left: 65px;
}


.pd_print_recipe_button {
	float: left;
}

#pd_enlarge_container {
	padding-top: 15px;
}

.enlarge {
	width: 120px;
	float: left;
	height: 25px;
	margin-top: 26px;
}

.enlarge img {
	vertical-align:middle;
}

.enlarge_text {
	position: relative;
	top: 2px;
    padding-left:5px;
}

.pic_thumbnails {
	width: 350px;
	float: right;
	text-align: right;
}

.pic_thumbnails img {
	border: 2px solid #ccc;
    margin-left: 10px
}


/*tabs*/

.tabs {
  background:#ffffff;
  color:#727272;
  width:830px;
  border:1px solid #ccc; 
  float: left;
  min-height: 672px;
}

.idTabs li { 
    list-style:none; 
    float:left; 
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.idTabs .tabfirst { 
    border-bottom:none !important;
}

.tabs ul a {
  display:block;
  padding:4px 30px;
  text-decoration:none!important;
  margin:0px;
  margin-left:0;
  font-family: PerpetuaMT;
  font-weight: normal;
  font-size: 18px;
  line-height: 48px;
  color:#555555;
  background:#ffffff;
}

.tabs ul a:hover {
  color:#821718;
  background:#ffffff;
  }
  
.tabs ul a.selected {
  margin-bottom:0;
  color:#727272;
  background:#ffffff;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom: none!important;
  cursor:default;
  height: 49px;
  }
  
.tabs div {
  padding:30px 20px 28px 30px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#fff;
  font-size: 13px;
  font-family: 'Lato';
  color: #333333;
}
.tabs div a { color:#2a2a2a; font-weight:bold; }

#tab_first {
	border-left: none!important; 
}

#tabs_container {
	padding-top: 30px;

}

.idTabs {
	height: 56px;
}
/* product details pricing tab */
.pricing_details {
	float: left;
	font-size: 16px !important;
	font-family: 'Lato';
	line-height: 1.5;
	color: #333333 !important;
    width:770px;
    border-top:1px dotted #CCC;
    padding:20px 0px !important;
}
.pricing_details .header {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 12px;
    line-height:30px;
    width:770px;
}

.pricing_details_table {
	padding-top: 16px;
	font-size: 14px;
	line-height: normal;
	font-family: 'Lato';
	color: #333333;
	width: 670px;
}

.pricing_details_table td {
	padding-top: 7px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #666; 
	vertical-align: middle;
	}
	
.pricing_col1 { width: 100px; text-align: left;}
.pricing_col2 { width: 200px; text-align: left;}
.pricing_col3 { width: 200px; text-align: left;}
.pricing_col4 { width: 150px; text-align: right; padding-right:20px;}

/* reviews tab */
.reviews_details {
	font-family: 'Lato';
	color: #333333;
	float: left;
	font-size: 16px !important;
	line-height: 1.5;
    width:770px;
    border-top:dotted 1px #CCC;
    padding:20px 0px 20px 0px !important;
}
.reviews_details .header {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
    line-height:1.5;
    width:770px;
    border-top:none;
    padding:0px !important;
    clear:none !important;
}

.reviews_details .overall-rating {
    padding-left:10px;
}

.reviews_details .your-rating {
    padding-left:10px;
    font-weight:bold;
}

.reviews_details .admin-rating {
    padding-left:10px;
    color:#821718;
    text-decoration:none;
    font-weight:normal !important;
}

.reviews_details .admin-rating:hover {
    text-decoration:underline;
}

.reviews_details .ratings-sorter{
    font-family: 'Lato';
	font-size: 14px;
	color: #333333;
	font-weight: normal;
    line-height:1.5;
    width:770px;
    border-top:none;
    padding:10px 0px 10px 0px !important;
    clear:none !important;
}






/* Recipe Details Tab */

.recipe_box {
    padding: 20px 0px 20px 0px !important;
    margin: 0px;
    font-weight: normal;
    border-top:1px dotted #ccc;
    width:770px;
}

.recipe-title-area
{
    float:left;
	font-family: 'PerpetuaMT' !important;
	font-size: 24px !important;
	color: #333333 !important;
	font-weight: normal;
    line-height:30px;
    width:770px;
    padding:0px !important
}

.recipe_wrapper {
                padding: 15px 0px 0px 0px !important;
                margin: 0px;
                font-weight: normal;
}

.recipe_details {
                float: left;
                padding: 0px 0px 20px 0px !important;
                position: relative; 
}
.recipe_details a {
                color: #821718;
                text-decoration: none
}
.recipe_details a:hover {
                text-decoration: underline
}
.recipe_details_inner {
                background: #fff;
                padding:0px !important;
                float: left;
                width:770px;
}

.recipe_details_inner .recipe_image_area{
    float:left;
    width:244px;
    padding:0px;
    margin:0px;
    clear:none !important;
}

.recipe_details_inner .recipe_content_area{
    float:left;
    width:526px;
    padding:0px;
    margin:0px;
    clear:none !important;
}

.recipe_details_inner .recipe_content_area .recipe_name {
                font-family: 'PerpetuMT' !important;
                font-size: 22px !important;
                color: #821718 !important;
                line-height: 1.5;
                float: left;
                padding: 0px!important;
                width:526px;
}
.recipe_details_inner .recipe_content_area .recipe_name a {
                text-decoration: none;
                float: left;
                font-family: 'PerpetuMT' !important;
                font-size: 22px !important;
                color: #821718 !important;
                font-weight:400 !important;
}
.recipe_details_inner .recipe_content_area .recipe_name a:hover {
                text-decoration: underline;
}

.recipe_details_inner .recipe_content_area .recipe_desc{
                font-family: 'Lato';
                font-size: 16px;
                color: #2a2a2a;
                line-height: 1.5;
                font-weight: normal;
                float:left;
                clear:none !important;
                padding:0px;
                width:526px;
}

.recipe_details_inner .recipe_content_area .recipe_desc a {
                text-decoration: none;
                color: #821718 !important;
                font-weight:400 !important;
}
.recipe_details_inner .recipe_content_area .recipe_desc a:hover {
                text-decoration: underline;
}

.recipe_details.norM {
                margin-right: 0px
}

.recipe_details h4 {
                font-weight: normal;
                font-family: 'Lato';
                font-size: 14px;
                color: #45433f;
                padding: 0 0 7px 0;
                line-height: 18px
}


/*  product faq tab */
.product-faq
{
	color: #333333;
    width:770px;
    padding: 20px 0px 20px 0px !important;
    float: left;
	font-size: 16px !important;
	font-family: 'Lato' !important;
	line-height: 1.5;
    border-top:1px dotted #ccc;
}

.faq-title-container{
    padding: 15px 0px 15px 0px !important;
    height:40px;
}
.faq-title-container .faq-title-area
{
    float:left;
	font-family: Perpetua;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
    line-height:1.5;
    vertical-align:middle;
    padding: 0px !important;
    clear:none !important;
}

.faq-title-container .faq-button-area
{
    float:left;
    clear:none !important;
    padding:0px 0px 0px 15px !important;
}
.faq-response-area{
    padding:0px !important;
    font-size: 16px !important;
	font-family: 'Lato' !important;
    line-height: 1.5;
    width:770px;
}

.faq-response-area .faq-question{
    font-weight:bold;
    padding-top:15px;
}
.faq-response-area .faq-answer{
    font-weight:normal;
}

/*  recipes faq tab */
.recipes-tab
{
    padding: 0;
    float: left;
	font-size: 13px;
	font-family: 'Lato';
	line-height: 19px;
	color: #333333;
    width:770px;
}

.recipes-tab .recipe-title-area
{
    float:left;
    width:300px;
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
    line-height:30px;
    width:770px;
}

#also_watch_container {
	width: 360px;
	float: right;
	border: 1px solid #ccc;
}

#also_watch {
	height: 642px;
	padding: 15px;
}

.also_watch_title {
	font-family: PerpetuaMT;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color:#4b4b4b;
}

.also_watch_img {
	width: 100px;
	position: relative;
	float: left;
	margin-top: 5px;
}

.also_watch_img img{
    width:100px;
    height:100px;
    border: 2px solid #CCC;
}

.right_text_watch {
	position: relative;
	float: right;
	width: 220px;
	padding-left: 10px;
	padding-top: 8px;
	font-size: 13px;
	font-family: 'Lato';
	color: #666;
	line-height: 20px;
}

.right_text_watch a { 
    color: #821718;
    text-decoration:none;
}

.right_text_watch a:hover { 
    text-decoration:underline;
}

.closingspottext {
    color:#666;
    font-size:14px;
    padding-top:50px;
    font-family:'Lato';
}

.watch_link {
	font-family: PerpetuaMT;
	font-size: 18px;
}

.small_box_watch {
	background:#fff;
	width: 340px;
	padding-top: 12px;
	padding-bottom: 3px;
}

.watch_price {
	font-size: 16px;
	font-family: 'Lato';
	color: #666!important;
}

.also_like_container {
padding-top: 15px;		
}

.also_like_container h3 {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #4b4b4b;
	font-weight: normal;
	text-transform:uppercase;	
}

.pd_overview_left {
	float: left;
	font-family: 'Lato';
	color: #333333;
	width: 770px;
	float: left;
	font-size: 16px !important;
	line-height: 1.5;
    padding:0px 0px 20px 0px !important;
}
.pd_overview_left h2 {
	font-family: PerpetuaMT;
	color: #333333;
	font-weight: normal;
	font-size: 30px !important;
	font-weight: normal;
    line-height:1.5;
}

.pd_overview_left a
{
	text-decoration:none;
	color:#821718;
}

.pd_overview_left a:hover
{
	text-decoration:underline;
	color:#821718;
}

.pd_overview_left p
{
	font-family: 'Lato' !important;
	font-size:16px;
	line-height:normal;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
	line-height:1.5;
}

.pd_overview_left ul
{
    list-style:disc !important;
    list-style-position: inside !important;
	float:left;
	margin:0 0 25px 20px !important;
	padding:0px !important;
    clear:left;
    width:100%;
}

.pd_overview_left li
{
    font-family: 'Lato';
    list-style-position: outside;
    font-size:16px;
    line-height:normal;
	margin:5px 0 0 0 !important;
	padding:0px !important;
    clear:left;
}

.pd_overview_recipe {
	float: left;
	font-family: 'Lato';
	font-size: 16px !important;
	line-height: 1.5;
	color: #333333;
    padding:0px 0px 20px 0px !important;
}
.pd_overview_recipe h2 {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 12px;
    line-height:30px;
}

.pd_overview_recipe ul {
 padding-left:30px;
 padding-bottom:30px;
 width: 95%;
 float: left;
}

.pd_overview_recipe ul li {
  list-style-type: disc;
  float: left;
  clear: both;
}


.pd_overview_recipe ul a {
  font-weight:normal;
  font-size:14px;
  font-family:'Lato';
  color:#821718;
  text-decoration:none !important;
  border:inherit;
  padding:0;
  display:inline;
  background:inherit;
  margin:inherit;
  line-height:inherit;
}

.pd_overview_recipe ul a:hover {
    text-decoration:underline !important;
    }


.pd_overview_recipe ol {
 padding-left:30px;
 padding-bottom:30px;
 width: 95%;
 float: left;
}

.pd_overview_recipe ol li {
  float: left;
  clear: both;
  padding-bottom:15px;
}

.pd_overview_recipe ol a {
  font-weight:normal;
  font-size:14px;
  font-family:'Lato';
  color:#821718;
  text-decoration:none !important;
  border:inherit;
  padding:0;
  display:inline;
  background:inherit;
  margin:inherit;
  line-height:inherit;
}

.pd_overview_recipe ol a:hover {
    text-decoration:underline !important;

    }
.pd_details_heading {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 12px;
    line-height:30px;
}

.pd_overview_full {
    width: 750px;
	float: left;
	font-size: 13px;
	font-family: 'Lato';
	line-height: 19px;
	color: #333333;
}

.pd_overview_full h3 {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 16px;
}

.pd_overview_right {
	width: 235px;
	float: right;
	background-color: #ebe3bc;	
	height: 540px;
	font-size: 13px;
	font-family: 'Lato';
	line-height: 18px;
	padding-left:30px;
	margin-top: 8px;
}

.pd_overview_right ul li { 
	list-style-type: square; 
	width: 205px;
	padding-top: 12px;
	margin-left: 1em;
}
	
.pd_overview_right ul {
	width: 205px;
	float: left;
	margin-left: 0;
    padding-left: 0;
}

.right_overview_text {
	padding-top: 25px;
	float: left;
	right: 5px;
	position: relative;
}

.right_overview_list {
	width: 220px;
	position: relative;
	float: left;
}

.prod_container_pd {
	float: left;
	position: relative;
	padding-left: 4px;
	padding-right: 5px;
	padding-top: 15px;
}

.prod_container_last_pd {
	float: left;
	position: relative;
	padding-left: 4px;
	padding-top: 15px;
}

.prod_container_first_pd {
	float: left;
	position: relative;
	padding-right: 5px;
	padding-top: 15px;
}

#slideboxes {
	position: relative;
}

.small_sellers_container_cat {
	float: left;
	position: relative;
	padding-top: 15px;
	padding-right: 35px;
}

.small_sellers_container_cat_last {
	float: left;
	position: relative;
	padding-top: 15px;
	padding-left: 1px;
}

.small_sellers_container_cat li { 
	width: 312px!important;
}

.small_sellers_container_cat_last li { 
	width: 312px!important;
}

/* info articles content area */
.section_info_content
{
    width:920px;
	float:left;
	margin:0 0 0 20px;
	position:relative;
	text-align:left;
	font-family: 'Lato';
	font-size:14px;
	line-height:normal;
	color:#333333;
}

.section_info_content h1
{
    font-family: PerpetuaMT;
	font-size:36px;
	font-weight:normal;
	text-decoration:none;
	color:#4B4B4B;
	margin-bottom:0px;
	border-bottom:none;
}

.section_info_content h2
{
	font-family: 'Lato';
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	margin-top:15px;
	margin-bottom:0px;
	border-bottom:none;
}

.section_info_content h3
{
	font-family: 'Lato';
	font-size:16px;
	color:#821718;
	padding-bottom:2px;
}

.section_info_content a
{
	text-decoration:none;
	color:#821718;
}

.section_info_content a:hover
{
	text-decoration:underline;
	color:#821718;
}

.section_info_content a:hover, a:active
{
    outline: none;
}

.section_info_content p
{
	font-family: 'Lato';
	font-size:14px;
	line-height:normal;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
	line-height:18px;
}

.section_info_content ul
{
    list-style:disc !important;
    list-style-position: inside !important;
	float:left;
	margin:0 0 25px 20px !important;
	padding:0px !important;
}

.section_info_content li
{
    font-family: 'Lato';
    list-style-position: outside;
    font-size:14px;
    line-height:normal;
	margin:5px 0 0 0 !important;
	padding:0px !important;
}

/* info content article area */
.info-content-area
{
    width:920px;
	float:left;
	margin:0 0 0 20px;
	position:relative;
	text-align:left;
	font-family: 'Lato';
	font-size:16px;
	line-height:1.5;
	color:#333333;
}

.info-content-area h1
{
    font-family: PerpetuaMT;
	font-size:36px;
	font-weight:normal;
	text-decoration:none;
	color:#4B4B4B;
	margin-bottom:0px;
	border-bottom:none;
}

.info-content-area h2
{
	font-family: 'Lato';
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	margin-top:15px;
	margin-bottom:0px;
	border-bottom:none;
}

.info-content-area h3
{
	font-family: 'Lato';
	font-size:18px;
	color:#821718;
	padding-bottom:2px;
}

.info-content-area a
{
	text-decoration:none;
	color:#821718;
}

.info-content-area a:hover
{
	text-decoration:underline;
	color:#821718;
}

.info-content-area a:hover, a:active
{
    outline: none;
}

.info-content-area p
{
	font-family: 'Lato';
	font-size:16px;
	line-height:normal;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
	line-height:1.5;
}

.info-content-area ul
{
    list-style:disc !important;
    list-style-position: inside !important;
	float:left;
	margin:0 0 25px 20px !important;
	padding:0px !important;
}

.info-content-area li
{
    font-family: 'Lato';
    list-style-position: outside;
    font-size:16px;
    line-height:normal;
	margin:5px 0 0 0 !important;
	padding:0px !important;
}



/* general style - general content */

.section_gen_content
{
    width:920px;
}


.section_contact_form_row
{
	padding:4px 0 4px 0;
	
}

.section_contact_form_row_text
{
    float:left;
    padding:3px 10px 0 10px;
    width:100px;
    text-align:right;
}

.section_contact_form_row_input
{
	float:left;
	width:340px;
}

.section_contact_form_row_error
{
	float:left;
	width:250px;
    padding:3px 0 0 10px;
	color:Red;
}

.section_contact_form_row_captcha
{
	float:left;
	width:200px;
}

.section_contact_form_row_captchaerror
{
	float:left;
	width:350px;
    padding:3px 0 0 10px;
	color:Red;
	vertical-align:middle;
}


.form_text_box{
	width:340px;
	height:20px;
	line-height:20px;
	outline:none;
	border:1px solid #999999;
	text-align:left;
    padding-left:3px;
	font-size:14px;
	color:#666666;
	display:block;
	float:left;
	margin-right:2px;
}

.form_text_box:focus{
	width:340px;
	height:20px;
	line-height:20px;
	outline:none;
	border:1px solid #666666;
	text-align:left;
    padding-left:3px;
	font-size:14px;
	color:#333333;
	display:block;
	float:left;
	margin-right:2px;
}

.form_text_captcha_input{
	width:200px;
	height:20px;
	line-height:20px;
	outline:none;
	border:1px solid #999999;
	text-align:left;
    padding-left:3px;
	font-size:14px;
	color:#666666;
	display:block;
	float:left;
	margin-right:2px;
}

.form_text_captcha_input:focus{
	width:200px;
	height:20px;
	line-height:20px;
	outline:none;
	border:1px solid #666666;
	text-align:left;
    padding-left:3px;
	font-size:14px;
	color:#333333;
	display:block;
	float:left;
	margin-right:2px;
}

.form_text_multiline_box{
	width:340px;
	line-height:16px;
	outline:none;
	border:1px solid #999999;
	text-align:left;
	font-size:14px;
    padding:3px;
	color:#666666;
	display:block;
	float:left;
	margin-right:2px;
}

.form_text_multiline_box:focus{
	width:340px;
	line-height:16px;
	outline:none;
	border:1px solid #666666;
	text-align:left;
	font-size:14px;
    padding:3px;
	color:#333333;
	display:block;
	float:left;
	margin-right:2px;
}


/* news section */
.bloglink{
    font-family:'Lato';
    font-size:12px;
    font-weight:normal;
    padding:10px 0;
}

.bloglink a{
    text-decoration:none;
    color:#821718;
}

.bloglink a:hover{
    text-decoration:underline;
}

.news_section{
    position:relative;
    top:30px;
    margin-bottom:30px;
    font-family: 'Lato';
	font-size:14px;
	font-weight:normal;
	color:#030000;
}

.news_section a{
	color:#821718;
	text-decoration:none;
	}
	
.news_section a:hover{
	text-decoration:underline;
	}	

.newsdate{
    font-size:12px;
}

.newsintro{
    color:#666;
}
	
.news_section_body_row
{
    padding:5px 0;
}

.news_section_content_img{
	padding-bottom:10px;
	float:left;
	font-size:14px;
	color:#2a2a2a;
	width:100px;
}

.news_section_content_img img {
    width:75px;
    height:75px;
    border:2px solid #ccc;
    }

.news_section_content_title{
	padding:0 0 10px 0;
	float:left;
	font-size:14px;
	color:#2a2a2a;
	width:850px;
}

/* MY ACCOUNT PAGE */

.section_gen_subsection{
	margin:0 0 37px 0;
	padding-top: 20px;
    border-top:1px dotted #666;
	
}
.section_gen_head{
	font-family: PerpetuaMT;
	font-size:18px;
	color:#333333;
	padding:0 0 14px 0;
	border-bottom:1px dotted #666;
	margin:0 0 9px 0;
}
.section_gen_buttonrow
{
    margin-left:175px;
    }
    
.account_row{
	margin:10px 0 15px 0;
	float:left;
}
    
.account_address_segment{
	width:358px;
	padding-bottom:3px;
	float:left;
}    
    
.account_address{
	width:250px;
	margin:0 8px 0 0;
	padding-bottom:25px;
	float:left;
}

.account_modify
{
    width:40px;
	margin:0 0 0 -75px;
	padding-right:10px;
	float:left;
	position:relative;
}

.account_modify_shipping
{
    width:40px;
	margin:0 0 0 -60px;
	padding-right:10px;
	float:left;
	position:relative;
}

.giftcard_row{
	margin:0 0 15px 0;
	float:left;
}

.giftcard_number{
	width:300px;
	margin:0 8px 0 0;
	padding-bottom:3px;
	float:left;
}

.giftcard_balance{
	width:100px;
	margin:0 8px 0 0;
	padding-bottom:3px;
	float:left;
}

.order-history{
    line-height:1.2;
    font-size:14px;
}

.order-history th{
    color:#fff;
    background-color:#2a2a2a;
    padding:10px 5px;
}

.orderhistory_section
{
	border:1px solid #CCC;
	color:#45433f;
	font-size:14px;
}

.orderhistory_row{
	padding:5px;
	border-bottom:1px dotted #666;
	float:left;
}

.orderhistory_number{
	width:125px;
	margin:0px;
	padding:5px;
	float:left;
    line-height:1.2;
}

.orderhistory_date{
	width:75px;
	margin:0px;
	padding:5px;
	float:left;
    line-height:1.2;
}

.orderhistory_review{
	width:125px;
	margin:0px;
	padding:5px;
	float:left;
    line-height:1.2;
}

.orderhistory_details{
	width:430px;
	margin:0 8px 0 0;
	padding:5px;
	float:left;
    line-height:1.2;

}
.orderhistory_amount{
	width:88px;
	margin:0px;
	padding:5px;
	float:left;
    line-height:1.2;
}

.toplinks{
    font-family:Lato;
    font-weight:normal;
    font-size:14px;
    color:#821718;
}


/* General Secondary Content Page Styles */

.inner_content_area{
    margin-left:20px;
    padding:0;
    color:#333;
}

.inner_content_area h1 {
	font-size:41px;
	color:#333;
	font-family: 'PerpetuaMT';
    font-weight:normal;
    padding-bottom:20px;
}

.inner_content_area p {
    font-size:14px;
    font-family:'Lato';
    font-weight:normal;
    line-height:18px;
    color:#333;
    }

.signin_box_bg
{
	width:350px;
	padding-bottom:7px;
	margin:0 50px 20px 0;
	float:left;
}

.margin_bottom
{
    margin-bottom:15px !important;
}

.margin_login{
    margin-bottom:3px; 
    margin-top:40px;
}

.margin_login2{
    margin-bottom:3px; 
    margin-top:20px;
}

/*request a catalog page form*/

.catalog_form_row 
{
    height:15px;
    vertical-align:middle;
    padding:5px;
}

.catalog_form_left 
{
    float:left;
    text-align:right;
    width:200px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:15px;
}

.catalog_form_right
{
    float:left;
    text-align:left;
}

/*shipping page tables*/

.tableframe{
    border: 1px solid #CCC; 
}

.tableheader{
    background-color:#821718;
    color:#FFF;
    padding:5px;
    font-weight:bold;
}

.tablecell{
    border-bottom: 1px solid #CCC; 
    border-right: 1px solid #CCC;
    padding:5px;
    font-weight:normal;
}

/*commercial customers page */

.continue_checkout_wrapper {
    padding-left: 225px;
    padding-bottom: 20px;
}

.principal-owners-container h4
{
    padding: 10px 40px 0 40px;
}
.principal-owners-container h5
{
    padding: 5px 70px 0 70px;
}
.principal-owners-container textarea,
.textarea-company-information
{
    height:60px;
    margin-bottom: 10px;
}
.continue_button:disabled
{
    background-color:#a19d83;
    cursor:default;
}

/* Grill Club */
.grill-top-area 
{
    padding: 5px 0 5px 0;
}

.grill-top-row 
{
    padding: 0px; margin-bottom: 10px;
}

.grill-top-row .top-row-Lft 
{
    float: left;
    width: 120px;
    padding-top:6px;
}

.grill-top-row .top-row-Rht 
{
    float: left;
}

.grill-top-row .top-row-Rht-radio
{
    float: left;
    padding-top:7px;
}

.grill-bottom-area 
{
    padding: 0;
}

.grill-bottom-row 
{
    padding: 0px; margin-bottom: 10px;
}

.grill-bottom-row .bottom-row-Lft 
{
    float: left;
    margin-right: 20px;
    font-family: 'Lato';
    font-size: 14px;
}


/*related products*/
.compli_items{
	margin:50px 0 0 0;
	padding-top: 20px;
	border-top:1px solid #ccc;
}

        .compli_head {
            font-family: PerpetuaMT;
            font-size: 22px;
            color: #666;
            padding: 0 0 5px 12px;
            border-bottom: 1px solid #ccc;
            margin: 0 0 9px 0;
            font-weight: normal;
        }

.product_box_related {
	background:#fff;
	height:415px;
	width: 206px;
	border:1px solid #dfdfdf;
	padding:10px 10px 12px 10px;
}

.product_box_related .prodtitle { 
    font-family: PepertuaMT;
    font-size: 17px;
    font-weight:normal;
    color: #821718;
}

.product_box_related .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.product_box_related .prodtitle a:hover { 
    text-decoration:underline;
}

.product_box_related .product_box_image img{
	margin:0px 0 7px;
	border:0px;
    width:206px;
    height:206px;
}

.add_to_related { 
padding-top: 10px;
}

.add_order_related {
	height: 30px;
	min-height: 30px!important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.qtyadd_related {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border:none;
}

.qtyless_related {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border:none;
}

        .qtyno_related {
            border: 1px solid #ccc;
            color: #767676;
            display: block;
            float: left;
            font-size: 18px;
            height: 28px;
            line-height: 26px;
            outline: medium none;
            text-align: center;
            width: 30px;
            padding-left: 1px;
            padding-right: 1px;
        }

.buy-main-button
{
    float:right;
    padding:10px 60px 0 0;
}

.product_box_recent {
	background:#fff;
	height:300px;
	width: 206px;
	border:1px solid #dfdfdf;
	padding:10px 10px 12px 10px;
}

.product_box_recent .prodtitle { 
    font-family: PepertuaMT;
    font-size: 17px;
    font-weight:normal;
    color: #821718;
}

.product_box_recent .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.product_box_recent .prodtitle a:hover { 
    text-decoration:underline;
}

.product_box_recent .product_box_image img{
	margin:0px 0 7px;
	border:0px;
    width:206px;
    height:206px;
}

/* add to cart btn */

.btn-5 {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	font-family: 'Lato';
	font-size: 13px;
	width: 141px;
	height: 30px;
	font-weight: bold;
}

.btn-5:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-5:hover {
	background: #b50103;
}

.btn-5:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-5:active:before {
	color: #b50103;
}

.btn-5c:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-5c:hover:before {
	left: 85%;
	opacity: 1;
	top: -8px;
}



/* START OF CHECKOUT AREA SPECIFIC CSS CODE */

.section{
	width:720px;
	float:left;
	margin:21px 0 0 0;
	position:relative;
}

.clear {
	clear: both;
}

/*---- CSS for shopping cart page----*/
.buttonlistTable, td 
{
    margin-bottom:10px !important; 
    line-height:30px !important;
}

.buttonlistTable, input[type="radio"] 
{
    margin-bottom: 2px;    
}

.buttonlistTable, input[type="checkbox"]
{
    margin-top: 4px !important;
}

.buttonlistTable, label 
{
    padding-left: 10px !important;
}

.drleft label {
    padding-left: 0px !important;
}

.checkout-fullwidth
{
	width:1212px !important;
	margin:0 auto !important;
}

.checkout-fullwidth-header
{
	width: 1212px !important;
}
.checkout-nav-box
{
	border-bottom:1px dotted #afafaf;
	background-color:#FFF;
	font-size:16px;
    font-family:'Lato';
}

.checkout-nav-box .checkout-step
{
	padding:0px 25px 8px 0px;
	float:left;
	color:#767676;
}

    .checkout-nav-box .checkout-step-last {
        padding: 0px 25px 8px 0px;
        float: left;
        color: #767676;
    }

        .checkout-selected {
            color: #821718 !important;
            font-weight: bold;
            font-size: 14px;
        }

.checkout-fullwidth
{
    width:1212px;
}

.checkout-fullwidth-leftarea
{
	float:left;
	width:804px;
	padding-right:23px;
}



.interior_padding_8
{
	padding:12px;
}

.border-top-details{
border-top:1px solid #a4a086;
}

.checkout-fullwidth-rightarea .inner-rightarea .sectioninfo
{
	margin:0 0 20px 0;
}
.checkout_header
{
	margin:12px 0 6px 0 !important;
	padding:0 0 0 0 !important;
	width:1212px;
}

.checkout_header_margin
{
    margin:14px 0 26px 0 !important;
}

.checkout_header_btmmargin
{
    margin:20px 0 36px 0 !important;
}


.checkout_header h1.standard
{
	font-family: 'PerpetuaMT';
	font-size:24px;
	color:#821718;
	font-weight:normal;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:0px;
}

.checkout_header h1.header
{
	font-family: 'PerpetuaMT';
	font-size:24px;
	color:#821718;
	font-weight:normal;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:0px !important;
	width:200px;
	height:15px;
}

.returning_login_row
{
    margin:0px;
}

.returning_login_row_left
{
    float:left;
    text-align:left;
    width:200px;
    padding-right:10px;
    padding-top:2px;
	padding-bottom:3px;
}

.returning_login_row_right
{
    float:left;
    text-align:left;
	padding-bottom:5px;
}

.returning_login_row_left_buttons
{
    float:left;
    text-align:left;
    width:200px;
    padding-right:10px;
    padding-top:10px;
	padding-bottom:3px;
}

.returning_login_row_left_text
{
    float:left;
    text-align:left;
    width:200px;
    padding-right:10px;
    padding-top:15px;
	padding-bottom:3px;
}

.returning_login_row_left_text p a, .returning_login_row_left_text p a:visited
{
	color:#821718;
	text-decoration:none;
    font-size:14px;
}

.returning_login_row_left_text p a:hover
{
	text-decoration:underline;
    color:#333333;
}

.order_details_row
{
    margin:0px;
	min-height:25px;
	padding-bottom:5px;
    font-family:Lato;
    font-weight:normal;
    color:#333333;
    font-size:14px;
}

.order_details_row p.infotext
{	
	font-weight:normal;
	color:#821718;
}

.order_details_row p.infotext a
{	
	font-weight:bold;
	color:#821718;
	text-decoration:none;
}

.order_details_row p.infotext a:hover
{	
	font-weight:bold;
	color:#821718;
	text-decoration:underline;
}

.order_details_row p {
	
	font-weight:normal;
}

.order_details_row p.strong {

	font-weight:bold;
	text-transform:uppercase;
}

.order_details_row_qty
{
	float:left;
	text-align:left;
	width:25px;
}

.order_details_row_item
{
	float:left;
	text-align:left;
	width:235px;
}

.order_details_row_left
{
	float:left;
	text-align:left;
	width:260px;
}

.order_details_row_right
{
	float:left;
	text-align:right;
	width:77px;
}

.border-light
{
	border-bottom:1px dotted #afafaf;
}

.border-dark
{
	border-bottom:1px solid #5d5852;
}

.margin-top-15
{
	margin-top:15px !important;
}

.margin-top-10
{
	margin-top:10px !important;
}

.margin-top-5
{
	margin-top:5px !important;
}

.passreset_box_bg
{
	width:400px;
	padding-bottom:7px;
	margin:0 18px 20px 0;
	float:left;
}

.passreset_box
{
	height:300px;
	width:400px;
	border:1px solid #a4a086;
	padding:8px 8px 0 8px;
	background:#fff;
	color:#45433f;
	font-size:14px;
	line-height:normal;
}
.passreset_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}

.passreset_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.passreset_box .passreset_row1
{
    line-height:normal;
    width:384px;
    display:block;
    padding:5px 0px;
}
.passreset_row1 li
{
    display:block;
    float:left;
}
.passreset_box .passreset_row2
{
    line-height:normal;
    width:384px;
    display:block;
    padding:5px 0px;
}
.passreset_row2 li
{
    display:block;
    float:left;
}

.passreset_label 
{
    width:145px;
    text-align:right;
    padding-right:5px;
}

.passreset_field
{
    width:234px;
    text-align:left;
}

.chgpswd_button
{
	color:#fff;
	width:170px;
	height:26px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:16px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin:8px 4px 60px 0;
	padding-bottom:5px;
}

.shop_cart_frame
{
	width:100%;
}

.shop_cart_table
{
	width: 100%;
	float: right;
	margin-bottom: 28px;
}

.shop_cart_table h2
{
	font-family: 'Lato';
	font-size:18px;
	color: #767676;
	margin-bottom:10px;
	font-weight:normal;
}

.shop_cart_desc_box
{
       padding:0 0 6px;
}        

.shop_cart_header_box
{
       width:1212px;
       height:49px;
       border-top: 1px dotted #e5e5e5;
       border-bottom: 1px dotted #e5e5e5;
       vertical-align:middle;
       padding-top:1px;
       padding-bottom:1px;
}   
       
.shop_cart_header
{
    width:100%;
    color:#fff;
    font-size:16px;
    font-family:Lato;
    font-weight:bold;
    color:#333333;
    background:#e5e5e5;
    height:42px;
    vertical-align:middle;
    padding-top:7px;
}      
.shop_cart_header li
{
       display:block;
        float:left;
}
       
.shop_cart_desc_box .row_bottom
{
       width:386px;
} 

.shop_cart_item_row
{
	width:100%;
	background:#fff;
	font-size:14px;
	height:91px;
	line-height:32px;
	border-bottom:1px dotted #afafaf;
}

.shop_cart_item_row ul
{
       list-style:none;
       clear:both;
       overflow:hidden;
}
       
.shop_cart_item_row li
{
       display:block;
       float:left;
}

.fullwidth-shopcart-shipments
{
    width:718px !important;
    height:30px !important;
}
       
.fullwidth-shopcart
{
    width:1212px !important;
    height:auto !important;
    min-height:54px !important;
}

.box-shipments
{
	width:691px;
	padding-top:7px;
	padding-left:9px;
	line-height:normal;
	margin-bottom:7px !important;
	font-weight:bold;
	text-transform:uppercase;
}

.box1-shopcart
{
	width:840px;
	padding-top:7px;
	padding-left:20px;
    padding-right:20px;
	line-height:18px;
	margin-bottom:7px !important;
	font-size:12px;
    font-family:Lato;
    color:#333333;
    font-weight:normal;
}

.box1-shopcart a, .box1-shopcart a:visited
{
	text-decoration:none !important;
	font-weight:normal;
	font-size:16px;
    font-family:Lato;
    color:#821718;
}

    .box1-shopcart a:hover {
        color:#333333;
        text-decoration:underline !important;

    }
        .box1-shopcart-heading {
            width: 860px;
            padding-top: 7px;
            padding-left: 20px;
            line-height: normal;
            margin-bottom: 7px !important;
            font-weight: normal;
        }

        .box2-shopcart-heading {
            width: 200px;
            padding-top: 7px;
            line-height: normal;
            margin-bottom: 7px !important;
            font-weight: normal;
        }
	
.box2-shopcart
{
	width:200px;
	padding-top:7px;
	font-weight:normal;
	line-height:normal;
	margin-bottom:7px !important;
}

.box2-shopcart a
{
	color:#821718;
	text-decoration:none;
}
    
.box2-shopcart .cell-wrap
{
    margin:0;
    height:auto;
}

.box2-shopcart .cell-wrap .cell-wrap-left
{
    float:left;
}

.box2-shopcart .cell-wrap .cell-wrap-left .qtyno{
	width:60px;
	height:30px;
	line-height:16px;
	outline:none;
	border:1px solid #dfdfdf;
	text-align:center;
	font-size:16px;
	color:#333333;
	display:block;
	float:left;
	margin-right:2px;
}

.box2-shopcart .cell-wrap .cell-wrap-right
{
    float:left;
    padding-left:15px;
    font-size:11px;
    vertical-align:middle;
}

.box2-shopcart .cell-wrap .cell-wrap-right a, .box2-shopcart .cell-wrap .cell-wrap-right a:visited
{
    float:left;
    vertical-align:middle;
    font-family:Lato;
    font-size:10px;
    font-weight:normal;
    text-decoration:none !important;
    color:#821718;
    padding-top:10px;
}

    .box2-shopcart .cell-wrap .cell-wrap-right a:hover {
        text-decoration:underline !important;
        color:#333333;
    }

.cart-qty{
	width:60px;
	height:30px;
	line-height:16px;
	outline:none;
	border:1px solid #dfdfdf;
	text-align:center;
	font-size:16px;
	color:#333333;
	display:block;
	float:left;
	margin-right:2px;
}



        .box3-shopcart {
            width: 188px;
            padding-top: 7px;
            padding-right: 30px;
            line-height: normal;
            margin-bottom: 7px !important;
            text-align: right !important;
            font-family: Lato;
            font-size: 16px;
            color: #333333;
            font-weight: normal;
        }
	
.titlebar .box3-shopcart
{
	font-weight:normal;
	line-height:27px;
	padding-top:0px !important;
	margin-bottom:0px !important;
} 

/* Shopping Cart - Coupons & Notes */

.shop_coupon-notes-table
{
    width:540px;
	padding:0 0 6px 0;
	float:left;
    margin-top:20px;
    border:1px dotted #afafaf;
}

.shop_coupon-notes-table ul{
    list-style:none;
}
.shop_coupon-notes-table .main-cell
{
    padding:4px 8px;
    font-family:'Lato';
    font-size:12px;
    color:#5d5852 !important;
}

.shop_coupon-notes-table .main-cell .couponrow{
    margin-bottom: 10px;
    }

.shop_coupon-notes-table .main-cell .couponrow .appliedcoupons{
    padding-top:3px; 
    padding-left: 157px;
    }

.shop_coupon-notes-table .main-cell .instructionsrow{
    margin-bottom: 10px;
    }

.shop_coupon-notes-titlebar
{
	height:27px;
	line-height:27px;
}

        .shop_coupon-notes-table_header {
            width: 540px;
            padding-left: 9px;
            color: #FFF;
            font-size: 16px;
            color: #5d5852 !important;
            font-family: Lato;
            font-weight: normal;
        }

.promocode-box{
	width:200px;
	height:20px;
	line-height:16px;
	outline:none;
	border:1px solid #afafaf;
	text-align:left;
	font-size:13px;
	color:#5d5852;
	margin-right:10px;
    font-family:Lato;
    padding-left:3px;
}
    .promocode-box:focus {
        border:1px solid #5d5852;
    }

.notes-box-shoppingcart{
	outline:none;
	border:1px solid #afafaf;
	text-align:left;
	font-size:13px;
	color:#5d5852;
	display:block;
	float:left;
	margin:5px 0 10px 0;
    font-family:Lato;
}

.notes-box-shoppingcart:focus{
        border:1px solid #5d5852;
    }

.checkout_now_button
{
	color:#fff;
	width:160px;
	height:30px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:18px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.continue_checkout_button
{
	color:#fff;
	width:200px;
	height:30px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:18px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin:0 4px 60px 0;
	padding-bottom:5px;
}


.notes-box{
	outline:none;
	border:1px solid #a19d83;
	text-align:left;
	color:#45433f;
	font-family: 'Lato';
	font-size:12px;
	display:block;
	float:left;
	margin:10px 0 10px 0;
}

.update_cart_button
{
	color:#fff;
	width:80px;
	height:22px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	margin-right:4px;
	padding-bottom:5px;
}
.update_cart_button_grey
{
	color:#fff;
	width:80px;
	height:22px;
	border:1px solid #5d5852;
	background:#a09b95;
	font-size:13px;
	font-family: 'Lato';
	margin-right:4px;
	padding-bottom:5px;
}


/* Checkout CSS */ 

.checkout_area
{
    margin:0px;
}
	
.checkout_area .checkout_box_bg
{
	margin-right:60px;
}	
	
.checkout_box_bg
{
	
	width:350px;
	padding-bottom:7px;
	margin:0 18px 20px 0;
	float:left;
}

.shadow_returningcustomers
{

	padding-bottom:7px;
	float:left;
}

.shadow_orderdetails
{
	padding-bottom:30px;
	float:left;
}

.checkout_box
{
	height:250px;
	border:1px solid #a4a086;
	padding:8px 8px 0 8px;
	background:#fff;
	color:#45433f;
	font-size:13px;
}

.margin_bottom
{
    margin-bottom:15px !important;
}

.checkout_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}

.checkout_box h3 a{
	color:#821718;
	text-decoration:none;
	}
	
.checkout_box h3 a:hover{
	text-decoration:underline;
	}
		
.checkout_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.checkout_box p a
{
	color:#821718;
	text-decoration:none;
}

.checkout_box p a:hover
{
	text-decoration:underline;
}

.list_box-text strong
{
	color: #767676;
	font-size:11px;
	font-weight:normal;
	font-family: 'Lato';
}

.icon_text
{
	padding:6px 0 0 30px;
	clear:both;
	overflow:auto;
}

.loginbox{
	width:320px;
	height:31px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
}

    .loginbox:focus {
    border:1px solid #818181;
    color:#333333;
    }

.login_button
{
	color:#fff;
	width:75px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.cancel_button
{
	color:#fff;
	width:70px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}
.newaccount_button
{
	color:#fff;
	width:150px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.login_button
{
	color:#fff;
	width:50px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

/*Byteant: Basket Display Changes*/
.shipment-panel
{
    background-color: #d6d5d4;
    padding-left:7px;
    border-left: 1px solid #a19d83;
    border-right: 1px solid #a19d83;
}
.shipment-panel > a
{
    font-size:11px;
    color:#821718;
    margin-left:10px;
}
.shipment-panel > span
{
    font-size:14px;
}
.shipment-tooltip
{
    background-color:white;
    padding:10px;
    border:1px solid black;
}
.cart-summary-subtotals
{
    width:440px;
    float:right;
}
h3.shipment-header
{
    margin:8px 0 0 -8px;
    font-size:13px;
}
.cart-summary-subtotals .checkout-details
{
    width:440px;
    float:right;
}
.cart-summary-subtotals .checkout_now_button
{
    margin-right:0px;
    float:none;
}

.checkout-details li{
    display:block;
    float:left;
}

.box-checkout1{
	width:440px;
	padding-top:7px;
	padding-left:9px;
	line-height:normal;
	margin-bottom:7px !important;
	}

.box-checkoutbtn{
	width:201px;
	padding-top:7px;
	font-weight:normal;
	line-height:normal;
	text-align:left;
	}

.update_cart_button
{
	color:#fff;
	width:80px;
	height:22px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	margin-right:4px;
	padding-bottom:5px;
}
		
.box-checkout2{
	width:109px;
	font-size:16px;
	text-align:right;
	padding-top:7px;
	font-weight:normal;
	line-height:normal;
	margin-bottom:7px !important;
    font-family:'Lato';
	}
	
.box-checkout3{
	width:100px;
	font-size:16px;
	font-weight:bold;
	padding-top:7px;
	padding-right:30px;
	line-height:normal;
	margin-bottom:7px !important;
	text-align:right;
    font-family:'Lato';
	}

/*Byteant: end Basket Display Changes*/


/*---- CSS for create account page----*/

.new_account_box
{
	border:1px solid #a4a086;
	padding:8px;
	background:#fff;
	color:#45433f;
	font-size:13px;
	margin:10px 0;
}

.new_account_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}
		
.new_account_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.new_account_box p a
{
	color:#821718;
	text-decoration:none;
}

.new_account_box p a:hover
{
	text-decoration:underline;
}

/*---- CSS for checkout billing & shipping page and Create Account page ----*/

.new_information_box
{
	border:1px dotted #5d5852;
	padding:20px;
	background:#fff;
	color:#333;
	font-size:13px;
	margin-bottom:25px;
}

.new_information_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}

.new_information_box h4
{
	font-size:14px;
	color:#45433f;
	font-family: 'Lato';
	font-weight:bold;
}

.new_information_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.new_information_box p a
{
	color:#821718;
	text-decoration:none;
}

.new_information_box p a:hover
{
	text-decoration:underline;
}

.newinfo_cell 
{
    height:15px;
    vertical-align:middle;
}

.newinfo_cell_left 
{
    float:left;
    text-align:right;
    width:200px;
    padding-right:10px;
    padding-top:12px;
}

.newinfo_cell_right
{
    float:left;
    text-align:left;
    padding:5px 0;
}


.newinfo_cell_full_row
{
    float:left;
    padding-right:10px;
    padding-top:2px; 
    width:700px;
}

.checkbox, .radio
{
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/App_Templates/Skin_4/css/images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}

.radio
{
	background: url(/App_Templates/Skin_4/css/images/radio.png) no-repeat;
}

.copy_shipping_button
{
	color:#fff;
	width:135px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.continue_button
{
	color:#fff;
	width:200px;
	height:30px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:18px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}




/* signin.aspx CSS */
.signin_box
{
	height:380px;
	border:1px solid #a4a086;
	padding:8px 8px 0 8px;
	background:#fff;
	color:#45433f;
	font-size:13px;
	line-height:normal;
}

.signin_box .sectiontitle
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
    font-weight:normal;
}
.signin_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}

.signin_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.login_emailaddress
{
    height:25px;
}

.login_password
{
    height:50px;
}

.login_rememberpassword
{
    height:15px;
}

.forgot_pass_box
{
	width:250px;
	margin-bottom:15px;
	float:left;
	padding:8px 8px 0 8px;
	color:#45433f;
	font-size:13px;
	line-height:normal;
}

.new_pass_button
{
	color:#fff;
	width:200px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.new_customer_button
{
	color:#fff;
	width:205px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.newacct_billing_row
{
    margin:0px;
}

.newacct_billing_row_left
{
    float:left;
    text-align:left;
    width:150px;
    padding:2px 10px 15px 15px;
    font-family:'Lato';
    font-weight:normal;
    font-size:16px;
    color:#666;
}

.newacct_billing_row_right
{
    float:left;
    text-align:left;
	width:540px;
}

.newacct_billing_row_right select
{
	border:1px solid #cecece;
	width:320px !important;
	height:31px;
    font-family:'Lato';
    font-size:13px;
    font-weight:normal;
    color: #767676;
    display:block;
	float:left;
    padding-left:3px;
    background-color:#FFF;
    padding-top:5px;
}

    .newacct_billing_row_right select:focus {
    border:1px solid #818181;
    color:#333333;
    }


.newacct_billing_row_right span
{
    font-size:12px;
}

.newacct_billing_row_left_checkbox
{
	float:left;
	text-align:right !important;
    width:20px;
    padding-right:10px;
	padding-left:40px;
    padding-top:2px;
    padding-bottom:15px;
}

.newacct_billing_row_right_checkbox
{
    float:left;
    text-align:left;
	width:450px;
}

.bold
{
	font-weight:bold;
}

.newacct_shipping_address
{
	margin:0px;
}

.newacct_shipping_row
{
    margin:0px;
}

.newacct_shipping_row_left
{
    float:left;
    text-align:left;
    width:150px;
    padding-right:10px;
	padding-left:50px;
    padding-top:2px;
    padding-bottom:15px;
}

.newacct_shipping_row_right
{
    float:left;
    text-align:left;
	width:370px;
}

.newacct_shipping_row_left_radiobox
{
	float:left;
	text-align:right !important;
    width:20px;
    padding-right:10px;
	padding-left:20px;
    padding-bottom:5px;
}

.newacct_shipping_row_right_radiobox
{
    float:left;
    text-align:left;
	width:470px;
	padding-top:4px;
}

.newaddressbook_row
{
    margin:0px;
}

.newaddressbook_row a
{
	color:#821718;
	text-decoration:none;
}

.newaddressbook_row a:hover
{
	text-decoration:underline;
}


.newaddressbook_row_left
{
    float:left;
    text-align:left;
    width:150px;
    padding-right:10px;
	padding-left:50px;
    padding-top:2px;
    padding-bottom:15px;
}

.newaddressbook_row_right
{
    float:left;
    text-align:left;
	width:370px;
}

.newaddressbook_billing_row_left_radiobox
{
	float:left;
	width:40px;
	text-align:center !important;
	margin-right:20px;
    padding-top:5px;
    font-family:'Lato';
    
}

.newaddressbook_shipping_row_left_radiobox
{
	float:left;
	width:50px;
	text-align:center !important;
    padding-top:5px;
	margin-right:20px;
    font-family:'Lato';
}

.newaddressbook_row_right_radiobox
{
    float:left;
    text-align:left;
	padding-top:4px;
}

.newaddressbook_row_right_radiobox_profilename
{
    float:left;
    text-align:left;
	padding-top:4px;
	margin-right:20px;
	width:150px;
    font-family:'Lato';
    color: #333333;
}

.newaddressbook_row_right_radiobox_profileaddr
{
    float:left;
    text-align:left;
	padding:4px;
    font-family:'Lato';
    color: #333333;
	}

.newaddressbook_row_right_radiobox_profileaddr a, .newaddressbook_row_right_radiobox_profileaddr a:visited
{
    color: #821718 !important;
    text-decoration:none !important;
}

.newaddressbook_row_right_radiobox_profileaddr a:hover
{
    color: #333333 !important;
    text-decoration:underline !important;
}


.newaddressbook_row_right_radiobox_profileaddr .cell-left
{
    float:left;
    text-align:left;
    width:150px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:15px;
}

.newaddressbook_row_right_radiobox_profileaddr .cell-right
{
    float:left;
    text-align:left;
	width:320px;
}

.newaddressbook_row_right_radiobox_manage
{
    float:right;
    text-align:right;
	padding:4px;
	padding-right:40px;
    font-family:'Lato';
    color: #333333;
}

.newaddressbook_row_right_radiobox_manage a, .newaddressbook_row_right_radiobox_manage a:visited
{
    color: #821718 !important;
    text-decoration:none !important;
}

.newaddressbook_row_right_radiobox_manage a:hover
{
    color: #333333 !important;
    text-decoration:underline !important;
}


.padding-bottom-10
{
	padding-bottom:10px;
}

.padding-10
{
	padding:10px 0;
}

.padding-top-5
{
	padding-top:5px;
}
.margin-left-15
{
    margin-left:15px;
}

.margin-top-15
{
    margin-top:15px;
}

.passreset_box_bg
{
	width:400px;
	padding-bottom:7px;
	margin:0 18px 20px 0;
	float:left;
}

.passreset_box
{
	height:300px;
	width:400px;
	border:1px solid #a4a086;
	padding:8px 8px 0 8px;
	background:#fff;
	color:#45433f;
	font-size:14px;
	line-height:normal;
}
.passreset_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}

.passreset_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.passreset_box .passreset_row1
{
    line-height:normal;
    width:384px;
    display:block;
    padding:5px 0px;
}
.passreset_row1 li
{
    display:block;
    float:left;
}
.passreset_box .passreset_row2
{
    line-height:normal;
    width:384px;
    display:block;
    padding:5px 0px;
}
.passreset_row2 li
{
    display:block;
    float:left;
}

.passreset_label 
{
    width:145px;
    text-align:right;
    padding-right:5px;
}

.passreset_field
{
    width:234px;
    text-align:left;
}

.chgpswd_button
{
	color:#fff;
	width:170px;
	height:26px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:16px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin:8px 4px 60px 0;
	padding-bottom:5px;
}

/* shipping page CSS */

.shipoptions_header
{
    padding-bottom:0px;
    margin-bottom:0px;
}

.shipoptions_header h1
{
	font-size:36px;
	color:#333333;
	font-family: PerpetuaMT;
    font-weight:normal;
    line-height:48px;
    border-bottom:1px dotted #afafaf;
    padding-bottom:10px;
    padding-left:10px;
}

.shipoptions_header h4
{
	font-size:16px;
	color:#333333;
    font-weight:bold;
	font-family: 'Lato';
	padding-top:16px;
	text-transform:uppercase;
    padding-left:20px;
}

.shipoptions_header p
{
	line-height:16px;
	font-family: 'Lato';
    padding-bottom:10px;
    padding-left:10px;
    padding-top:10px;
}

.shipping_option_row
{
    margin:0px;
    color:#2a2a2a;
}

.shipping_option_row_indent 
{
    padding-left:6px;
}

.shipping_option_row_indent_calendar 
{
    padding-left:41px;
}

.shipping_option_row_left_radiobox
{
	float:left;
	text-align:right !important;
    width:20px;
    padding-right:10px;
}

.shipping_option_row_right_radiobox
{
    float:left;
    text-align:left;
	width:570px;
}

.shipping_option_heavy {
    padding-left:57px; 
    padding-bottom:20px;
    line-height:18px;
}

.shipping_option_heavy ul {
    padding-left:15px;
}

.shipping_option_heavy li {
    padding-top:5px;
    
}

/* payment page CSS */
.payment_outer_box
{
	background:#fff;
	color:#666;
	font-size:14px;
	margin-bottom:25px;
    font-weight:normal;
}

.payment_header_top
{
    padding-bottom:0px;
    margin-bottom:0px;
}

.payment_header_top h1
{
	font-size:36px;
	color:#333333;
	font-family: PerpetuaMT;
    font-weight:normal;
    line-height:48px;
    border-bottom:1px dotted #afafaf;
    padding-bottom:10px;
    padding-left:10px;
}

    .payment_header_top h2 {
        font-size: 36px;
        color: #333333;
        font-family: PerpetuaMT;
        font-weight: normal !important;
        line-height: 48px;
        padding-left: 20px;
        font-weight: normal;
    }

    .payment_header_top h4 {
        font-size: 16px;
        color: #333333;
        font-family: 'Lato';
        padding: 6px 20px;
        text-transform: uppercase;
        font-weight: bold;
    }


.payment_header_top p
{
	line-height:16px;
	font-family: 'Lato';
    padding-bottom:10px;
    padding-left:10px;
    padding-top:10px;
}

.error
{
    padding-left:10px;
    color:red;
    font-weight:bold;
}
.address_header
{
    padding-bottom:0px;
    margin-bottom:20px;
}

.address_header h3
{
	font-size:36px;
	color:#333333;
	font-family: PerpetuaMT;
    font-weight:normal;
    line-height:48px;
    border-bottom:1px dotted #afafaf;
    padding-bottom:10px;
    padding-left:10px;
}

.address_header h2
{
	font-size:16px;
	color:#333333;
    font-weight:bold;
	font-family: 'Lato';
	padding-top:16px;
	text-transform:uppercase;
}

.address_header p
{
	line-height:16px;
	font-family: 'Lato';
}

.payment_header
{
    padding-bottom:0px;
    margin-bottom:20px;
}

.payment_header h3
{
	font-size:36px;
	color:#333333;
	font-family: PerpetuaMT;
    font-weight:normal;
    line-height:48px;
    border-bottom:1px dotted #afafaf;
    padding-bottom:10px;
    padding-left:10px;
}

.payment_header h4
{
	font-size:16px;
	color:#333333;
    font-weight:bold;
	font-family: 'Lato';
	padding:16px 0;
	text-transform:uppercase;
    padding-left:20px;
}

.payment_header p
{
	line-height:16px;
	font-family: 'Lato';
    padding-top:10px;
    padding-left:10px;
}

.giftcertmain_header
{
    padding-top:10px;
}

.giftcertmain_header h3
{
	font-size:36px;
	color:#333333;
	font-family: PerpetuaMT;
    font-weight:normal;
    line-height:48px;
    border-bottom:1px dotted #afafaf;
    padding-bottom:10px;
    padding-left:10px;
}

.giftcertmain_header h4
{
	font-size:16px;
	color:#333333;
    font-weight:bold;
	font-family: 'Lato';
	padding:16px 0;
	text-transform:uppercase;
    padding-left:20px;
}

.giftcertmain_header p
{
	line-height:16px;
	font-family: 'Lato';
    padding:10px 0 20px 10px;
    
}

.beige_background
{
    background-color:#efefed;
}


.shipoptions_section_box
{
	padding:8px 8px 14px 20px;
    border: none;
	border-top:1px dotted #afafaf;
}

.shipoptions_section_box h4
{
	font-size:16px;
	color:#333333;
	font-family:'Lato';
	padding:6px 0;
	text-transform:uppercase;
    font-weight:bold;
}

.shipoptions_section_box p
{
	font-size:14px;
	color:#45433f;
	font-family: 'Lato';
    font-weight:normal;
}
fieldset.shipoptions_section_box {
    position: relative;
    padding-top: 50px;
}
fieldset.shipoptions_section_box legend{
    position: absolute;
    top: 0px;
}
.shipoptions_section_box legend, .shipoptions_section_box h2
{
	font-size:28px;
	color:#333333;
	font-family: 'PerpetuaMT';
    font-weight:normal;
	padding-top:6px;
    margin-bottom:0px;
}


.shipping_section_box p
{
	font-size:12px;
	color:#45433f;
	font-family: 'Lato';
    font-weight:normal;
	padding:6px 0;
}

.shipping_section_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
	padding:6px 0;
}


.promo_gitcert_section_box
{
	padding:8px 8px 14px 8px;
}

.top_border{margin-top:10px;}

.payment_option_row
{
    margin:0px;
}

.payment_option_row_left_radiobox
{
	float:left;
	text-align:right !important;
    width:20px;
    padding-right:10px;
    padding-bottom:5px;
}

.payment_option_row_right_radiobox
{
    float:left;
    text-align:left;
	width:130px;
	padding-top:4px;
}

.payment_paypal
{
    float:left;
    text-align:left;
	width:60px;
	padding-top:4px;
}


.payment_cc_row
{
    margin:10px 0;
    padding-left:30px;
}

.payment_cc_col1
{
	float:left;
	text-align:left;
    width:130px;
    padding-top:3px;
}

.payment_cc_col2
{
    float:left;
    text-align:left;
	width:200px;
	padding-right:40px;
}

.payment_cc_select
{
    float:left;
    text-align:left;
	width:145px;
	padding-right:10px;
}

.payment_cc_col3
{
    float:left;
    text-align:left;
	width:100px;
	padding-top:3px;
}

.payment_cc_col4
{
    float:left;
    text-align:left;
	width:120px;
}

.payment_cc_col_month
{
    float:left;
    text-align:left;
	width:90px;
}

.payment_cc_col_year
{
    float:left;
    text-align:left;
	width:70px;
	padding-left:10px;
}

.payment_cc_what
{
    float:left;
    text-align:left;
	width:72px;
	padding-top:4px;
}

.ccbox{
	width:200px !important;
    height:31px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
}

.ccbox:focus {
    border:1px solid #818181;
    color:#333333;
        }

.cscbox{
	width:83px !important;
    height:31px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
}

.cscbox:focus {
    border:1px solid #818181;
    color:#333333;
        }

.promo_code_row, .reason_row
{
	padding:0px 8px 0px 8px;
}

.reason_row 
{
    padding-left:64px;
}

.reason_row select 
{
    margin-bottom:10px;
}

.promo_code_option_row
{
    margin-top:10px;
    padding-bottom:10px;
}

.promo_code_text
{
    float:left;
    width:150px;
    padding-top:3px;
}

.promo_code_input_area{
	float:left;
	width:320px;
}

.promo_code_input_area .promocode-box {
	width:320px;
	height:31px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
    }

.promo_code_input_area .promocode-box:focus {
    border:1px solid #818181;
    color:#333333;
    }

.promo_code_btn_area{
	float:left;
	width:60px;
	padding:0 20px;
	margin-top:-1px;
}

.promo_code_check_bal_area{
	float:left;
	width:120px;
	text-align:left;
	padding-top:3px;
}
.promo_code_check_bal_area a
{
    color:#821718;
    text-decoration:none;
}

.promo_code_check_bal_area a:hover
{
    color:#821718;
    text-decoration:underline;
}

/* gift card details page */

.giftcert_outer_box
{

	background:#fff;
	color:#45433f;
	font-size:14px;
	margin-bottom:25px;
    font-family: 'Lato';
    line-height:normal;
}

.giftcert_header
{
    padding:8px;
}

.giftcert_header h2
{
	font-size:20px;
	color:#821718;
	padding:6px 0;
}

.giftcert_section_box
{
	padding:8px 8px 14px 8px;
	border-top:1px solid #a4a086;
}

.giftcert_section_box h3
{
	font-size:16px;
	color:#45433f;
	font-family: 'Lato';
	padding:6px 0;
	text-transform:capitalize;
}

.giftcert_row
{
    margin:0;
}

.giftcert_col1
{
	float:left;
	text-align:right;
    width:150px;
    padding-right:10px;
    padding-top:1px;
    margin-top:10px;
}

.giftcert_col2
{
    float:left;
    text-align:left;
	width:400px;
	padding-right:40px;
	margin-top:10px;
}

.giftcertbox{
	width:300px;
	height:16px;
	line-height:16px;
	outline:none;
	border:1px solid #a19d83;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin:0 2px 0 0;
}

.giftcertmultilinebox{
	width:300px;
	line-height:16px;
	outline:none;
	border:1px solid #a19d83;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
}


/* marble score product detail addition */

.marble_score_product{
	width:54px;
	height:32px;
	position:absolute;
	top:285px;
	right:-8px;
	z-index:999;
}


/* orderconfirmation page */

.email_add
{
    font-size:16px;
    color:#821718;
    font-weight:bold;
}



/* social login items */

.social_login_return_area{
    width:328px;
    border-top:dotted 1px #CCC;
    padding-top:10px;
    padding-bottom:10px;
}

.social_login_return_area p {
    width:328px;
    font-size:14px;
    font-family:Lato;
    color:#333;
    padding-bottom:10px;
}

.social_login_return_area .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-right:10px;

}

.social_login_new_area{
    width:328px;
    padding-bottom:15px;
    margin-bottom:10px;
}

.social_login_new_area p {
    width:328px;
    font-size:14px;
    font-family:Lato;
    color:#333;
    padding-bottom:10px;
}

.social_login_new_area .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-right:10px;
}

.social_login_account_area{
    width:400px;
    padding-bottom:15px;
    margin-bottom:10px;
    float:left;
    padding-right:25px;
}

.social_login_account_area h3{
    font-family: Lato !important;
    font-size: 16px !important;
    color: #333 !important;
}

.social_login_account_area p {
    font-size:14px;
    font-family:Lato;
    color:#333;
    margin-bottom:10px !important;
}

.social_login_account_area .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-right:10px;
}

.social_badge button {
    border-style: none;
    background: none;
    margin: 0;
    padding: 0;
    cursor:pointer;
}
.social_badge button img{
    cursor: pointer;
}
.new-signup-text{
    padding-bottom:5px;
    font-size: 14px;
font-family: Lato;
font-weight: normal;
line-height: 1.5;
color: #333;
}

.social_login_return_checkout{
    width:346px;
    border-bottom:dotted 1px #CCC;
    padding-bottom:10px;
}

.social_login_return_checkout p {
    width:328px;
    font-size:14px;
    font-family:Lato;
    color:#333;
    padding-bottom:10px;
}

.social_login_return_checkout .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-right:10px;
    padding-bottom:5px;

}

.social_login_new_customer{
    width:890px;
    padding:10px 0px 0px 20px;
}

.social_login_new_customer .intro_text {
    width:150px;
    font-size:14px;
    font-family:Lato;
    color:#333;
    float:left;
    padding-top:5px;
}

.social_login_new_customer .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-left:10px;

}

.setup_intro{
    clear:left;
    padding:10px 0px 0px 20px;
    font-size: 14px;
    font-family: Lato;
    color: #333;
}


/* END OF CHECKOUT AREA SPECIFIC CSS CODE */

/* slider */

.slider_left { 
    position: relative;
    float: left; 
    width: 460px!important; 
    height: 433px!important;
}

.slider_right { 
    position: relative; 
    float: right; 
    width: 737px!important; 
    height: 433px!important;
}

/* prev / next links */
.cycle-prev, .cycle-next, .cycle-pause, .cycle-play { position: absolute; top: 345px; width: 25px; opacity: 0.4; filter: alpha(opacity=40); z-index: 1200; height: 25px; cursor: pointer; }
.cycle-prev { left: 0px;  background: url(/App_Templates/Skin_4/css/images/arrow-left-on.png) no-repeat;}
.cycle-next { right: 0px; background: url(/App_Templates/Skin_4/css/images/arrow-right-on.png) no-repeat;}
.cycle-prev:hover, .cycle-next:hover, .cycle-pause:hover, .cycle-play:hover { opacity: .9; filter: alpha(opacity=90) }

/* prev / next links */
.cycle-prev2, .cycle-next2 { position: absolute; top: 345px; width: 25px; opacity: 0.4; filter: alpha(opacity=40); z-index: 1200; height: 25px; cursor: pointer; }
.cycle-prev2 { left: 0px;  background: url(/App_Templates/Skin_4/css/images/arrow-left-on.png) no-repeat;}
.cycle-next2 { right: 0px; background: url(/App_Templates/Skin_4/css/images/arrow-right-on.png) no-repeat;}
.cycle-prev2:hover, .cycle-next2:hover { opacity: .9; filter: alpha(opacity=90) }

/* pause / play links */
.cycle-pause, .cycle-play { bottom: 10px; right: 10px; width:26px; top:initial; }
.cycle-pause { background: url(/App_Templates/Skin_4/css/images/icons/fancy_pause.png) no-repeat;}
.cycle-play { background: url(/App_Templates/Skin_4/css/images/icons/fancy_play.png) no-repeat;}


.text-overlay { 
    font-size: 19px; 
    line-height: 27px; 
    text-align: left;
    font-family: 'ProximaNova-Regular';
    position: absolute; top: 285px; width: 100%; z-index: 600;
    z-index: 900;
    padding: 15px 30px 0px 35px;
     color:#FFF!important;
}

.text-overlay h2 {
    font-size: 34px;
	font-family: ProximaNovaT-Thin;
    font-weight:normal;
    color:#FFF!important;
    line-height:1.2!important;
}

.text-overlay .desc {
    top: 3px;
    position: relative;
}

		.section_content {
			width: 920px;
		}

		.checkout-leftcol {
			width: 804px;
		}

/* do not delete this closing tag below.  Must stay as last line in this file */
}
/* do not delete this closing tag above.  Must bet last line in this file */

@media all and (min-width: 1280px) 
	{

    /* general site elements starts */
.wrapper {
	padding-top: 20px;
	width: 1298px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	width: 1298px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	padding-top: 0px;
}

.sub_header {
	width: 100%;
	background-color: #fff;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 40px;
	position: relative;

}

.sub_header_wrapper {
	width: 1298px;
	background-color: #fff;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
    border-top:1px dotted #ccc;
}

.gifts {
	width: 915px; 
	float: left;
	color: #666; 
	background-color:#FFF;
	font-size: 16px;
	font-family: 'Lato';
    height:40px;
	}

.gifts .gourmetfoodgifts {
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    width:63px;
    float:left;
    height:40px;
    }

.gifts .collections {
    border-right:1px solid #ccc;
    width:108px;
    float:left;
    height:40px;
    }

.gifts .blog {
    border-right:1px solid #ccc;
    width:60px;
    float:left;
    height:40px;
    }

.gifts .recipes {
    border-right:1px solid #ccc;
    width:83px;
    float:left;
    height:40px;
    }

.gifts .sale {
    border-right:1px solid #ccc;
    width:66px;
    float:left;
    height:40px;
    }


.gifts .headeralert {
    padding:0 10px;
    width:509px;
    float:left;
    height:40px;
    text-align:center;
    padding-top:10px;
    color:#821718;
    }

.gifts .headeralert  a {
    color: #821718 !important;
}

.gifts .headeralert  a:hover, a:active {
    text-decoration:underline;
}

.sidebar {
	float: left;
	width: 228px;
	background-color: #FFF;
	padding-bottom: 10px;
	position: relative;
}

.sidebarpadding{
    padding-bottom:20px;
	}

.sidebar .heading {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
    text-transform:uppercase;
	}

.sidebar .heading a {
    text-decoration:none;
	}

.sidebar .heading a:hover {
	color: #821718;
	}

.sidebar .heading a:visited {
    text-decoration:none;
	}

.sidebar .lefthand_nav {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
    text-transform:uppercase;
	}

.sidebar .lefthand_nav a {
    text-decoration:none;
	}

.sidebar .lefthand_nav a:hover {
	color: #821718;
	}

.sidebar .lefthand_nav a:visited {
    text-decoration:none;
	}

.sidebar span {
	font-family: PerpetuaMT;
    display:block;
	padding-top:10px;
	font-weight:normal;
	font-size: 18px;
	line-height: 22px;
	}


.fullwidthcontent {
	width: 1278px;
	float: left;
	padding-bottom: 20px;
}

.fullwidthcontent h1 {
	font-size: 39px;
	font-family: PerpetuaMT;
	font-weight: normal;
	top: 4px;
	position: relative;
}
	
.content {
	width: 1040px;
	padding-left: 30px;
	float: right;
	padding-bottom: 20px;
}

.content .subsectiontitle {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 24px;
	line-height: 26px;
    border-bottom:1px dotted #666;
    color:#2a2a2a;
    padding-top:5px;
	}

.content h4 {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	padding-left: 10px;
	}
	
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	margin-top: 5px;
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	border-top: 1px dotted #666;
	width: 224px;
	font-size: 16px;
	font-family: 'Lato';
	left: 0px;
	position: relative;
}
ul.nav li {
    font-size:13px;
    color:#666;
	width: 224px;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 3px 0 3px 10px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background-color: #FFFFFF;
    color:#666;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FFFFFF;
	color: #821718;
}

ul.aside_ul2 {
	margin-top: 5px;
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	border-top: 1px dotted #666;
	width: 224px;
	font-size: 16px;
	font-family: 'Lato';
	left: 0px;
	position: relative;
    text-transform:capitalize;
    line-height:18px;
}
ul.aside_ul2 li {
    font-size:13px;
    color:#666;
	width: 224px;
}
ul.aside_ul2 a, ul.aside_ul2 a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 3px 0 3px 10px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background-color: #FFFFFF;
    color:#666;
}
ul.aside_ul2 a:hover, ul.aside_ul2 a:active, ul.aside_ul2 a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FFFFFF;
	color: #821718;
}

li.navviewall {
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	width: 224px;
	font-size: 14px;
	font-family: 'Lato';
	left: 0px;
	position: relative;
}

li.navviewall a, li.navviewall a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 0px 7px 7px 0px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background-color: #FFFFFF;
}
li.navviewall a:hover, li.navviewall a:active, li.navviewall a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FFFFFF;
	color: #821718;
}

/* ~~ The footer ~~ */
.footer {
	padding: 20px 0;
	background-color: #e4daab;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	text-align: center;
	margin: 0 auto;
	color: #515050;
	font-size: 17px;
	font-family: PerpetuaMT;
}

.Navigation { height: 55px; background-color: #FFF; width:100%; min-width:1298px; margin: 0 auto; text-align: center;}

#nav_wrapper {
	width: 1298px;
	margin: 0 auto;
	text-align: center;
	height: 55px;
    background-color:#821718;
}
	
#NavigationInside { 
width: 1298px; 
margin: 0 auto; 
height: 55px;
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
}

#NavigationInside ul {
	margin: 0 auto; 
	text-align: center; 
	position: relative;
	}

.Navigation ul li { 
vertical-align: middle;
display: inline-block;
position: relative; 
list-style: none; 
float: left;
padding-top: 9px; 
padding-bottom: 8px; 
text-align: center;
border-left: 1px dotted #fffef0;
height: 38px;
line-height: 16px;
margin: 0 auto;
float: left;
 }

#item-1 { width: 90px; border: none;}
#item-2 { width: 120px;}
#item-3 { width: 90px;}
#item-4 { width: 100px;}
#item-5 { width: 94px;}
#item-6 { width: 102px;}
#item-7 { width: 100px;}
#item-8 { width: 90px;}
#item-9 { width: 120px;}
#item-10 { width: 150px;}
#item-11 { width: 75px;}
#item-12 { width: 75px;}
#item-13 { width: 80px;}

.Navigation ul li.item-first {border:none!important;}

.Navigation ul li a { font-size: 18px; font-family: 'Gill Sans MT Condensed'; color: #fffef0; text-decoration: none; line-height: 16px; height: 38px;}

.Navigation ul li:hover { background: url(/App_Templates/Skin_4/css/images/hover.png) repeat-x; height: 38px;}

.Navigation ul li ul li:hover { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: auto; border: none; }

.arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #FFF; position: absolute; left: 20px; top: -7px; 
opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */
}

.Navigation ul li .ultraNav { position: absolute; top: 51px; left: -80px; width: 530px;  border: 1px solid #9b5143; z-index: 500; -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.6); box-shadow: 0 3px 8px black; display: none; padding: 15px;
 /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255,255,255) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(255,255,255, 0.95);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99cfbb9a, endColorstr=#99cfbb9a);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99cfbb9a, endColorstr=#99cfbb9a)";
}

.ultraNavWide {width:550px !important;} 

.first_menu { left: 0px!important; }
.arrow_first { left: 35px!important; }
.second_menu { left: -40px!important; }
.arrow_second { left: 90px!important; }
.fourthlast_menu { left: -335px!important; }
.arrow_fourthlast { left: 400px!important; }
.thirdlast_menu { left: -395px!important; }
.arrow_thirdlast { left: 415px!important; }
.secondlast_menu { left: -435px!important; }
.arrow_secondlast { left: 455px!important; }
.last_menu { left: -475px!important; }
.arrow_last { left: 495px!important; }

.left_span { left: -360px!important; }
.arrow_left { left: 390px!important; }
.left_span_wide { left: -230px!important; }
.arrow_left_wide { left: 295px!important; }

.hmenu { 
width: 500px; 
float: left; 
position: relative;
float: left;
text-align: left;
padding-bottom: 15px;
}

.hmenuwide{
    width:520px !important;
}

.hmenu .top-header {
width: 500px;
height: auto;
font-size: 18px;
color: #821718; 
font-weight: normal;
font-family: 'Gill Sans MT Condensed';
line-height: 20px;
}

.mtitle { 
width:125px;
float:left;
padding-top:8px;
color: #4b4a4a; 
}

.mtitlewide {width:130px !important;}

.mtitle a {
text-decoration:none;
font-weight: normal !important; 
font-size: 13px !important; 
color: #4b4a4a !important; 
font-family: 'Lato' !important;
    }

.mtitle a:hover {
text-decoration:underline;
color: #821718 !important;
    }

.mtitle a:visited {
text-decoration:none;
color:#4b4b4a !important;
}

.Navigation ul li ul li .extended h2, .Navigation ul li .ultraNav h2 {  
font-size: 18px;
width: 145px;
color: #b50103; 
font-weight: bold;
padding-bottom: 5px;
font-family: 'PerpetuaMT';
line-height: 20px;
float: left;
position: relative;
}

.ultraNav h2 { text-align: left; }

.Navigation ul li .ultra { 
width: 145px; 
float: left; 
margin: 10px 0 10px 10px;
position: relative;
}

.Navigation ul li .ultra .top-header {
width: 145px;
height: auto;
}

.Navigation ul li .ultra .top-header a {
font-size: 18px;
color: #b50103; 
font-weight: bold;
font-family: 'PerpetuaMT';
line-height: 20px;
}

.Navigation ul li .ultra:first-child { margin: 0; padding:0px; }

.Navigation ul li .ultraNav .arrow-up { left: 116px; }

.Navigation ul li .ultra a { 
font-weight: normal; 
font-size: 13px; 
color: #4b4a4a; 
font-family: 'Lato';
}

.Navigation ul li .ultra li { 
width: 145px; 
line-height: 20px; padding: 3px 5px;
/*background: url(images/linkback.png) no-repeat;*/ 
text-align: left;  
border: 0px!important; 
height: auto;
}

.Navigation ul li ul li:hover a { 
color: #821718; 
padding: 0px!important;
height: 20px;
}

.Navigation ul li:hover .ultraNav {
    display: block;
}

.logo {
	position: relative;
	width: 254px; 
	float: left;
	}

.logo .logoarea{
    position:relative;
    width: 254px;
    float:left;
    padding-top:20px;
    padding-bottom:15px;

}

.logo .logotoprow {
	position: relative;
	width: 254px; 
	float: left;
	vertical-align: middle;
	font-size: 12px;
	font-family: 'Lato';
    background-color:#f3f4f4;
    height:20px;
    vertical-align:middle;
    border-bottom:1px solid #fff;
	}
	
.slogan {
	width: 316px;
    float:left; 
	}

.slogan .slogantoprow{
	width: 316px; 
	vertical-align: middle;
	font-size: 12px;
	font-family: 'Lato';
    background-color:#f3f4f4;
    height:20px;
    vertical-align:middle;
    border-bottom:1px solid #fff;
	}

.slogan .slogantext{
    width:316px;
    font-size: 18px; 
	color:#666;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 22px;
	background-color: #FFF;
    font-family: 'Lato';
	line-height: 28px;
}

.infoarea{
    width:288px;
    font-size: 14px; 
	color:#821718;
	float: left;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 30px;
	background-color: #FFF;
    font-family: 'Lato';
	line-height: 20px;
}

.infoarea a {
    color: #821718 !important;
}

.infoarea a:hover, a:active {
    text-decoration:underline;
}

.cart {
	width: 388px; 
	font-size: 12px; 
	color: #767676; 
	float: right;
	text-align: right;
	font-family: 'Lato';
	background-color: #FFF;
	}

.cart a {text-decoration: none; }

.cart_row a { padding-left: 0px }

.cart-wrapper {
display: inline-block;
vertical-align: middle;
}

.checkout_btn { 
position: relative; 
top: -2px; 
padding-left: 6px;
}

.cart_row span.button:hover {
	 background-color: #56100a; 
	}

.cart_row {
	float: right; 
	padding-top: 30px;
	vertical-align: middle;
	font-size: 15px;
	font-family: 'Lato';
	}

.cart_rowtop {
	float: right; 
	padding-right: 10px;
	vertical-align: middle;
	font-size: 12px;
	font-family: 'Lato';
    background-color:#f3f4f4;
    height:20px;
    vertical-align:middle;
    width:648px;
    border-bottom:1px solid #fff;
	}

        .header_right {
            float: right;
            padding-right: 10px;
            vertical-align: middle;
            font-size: 12px;
            font-family: 'Lato';
            background-color: #f3f4f4;
            height: 20px;
            vertical-align: middle;
            width: 720px;
            border-bottom: 1px solid #fff;
            text-align: right;
            color: #707070;
        }

.header_left {
    color:#868686;
	float: left; 
	padding-left: 10px;
	vertical-align: middle;
	font-size: 12px;
	font-family: 'Lato';
    background-color:#f3f4f4;
    height:20px;
    vertical-align:middle;
    width:520px;
    border-bottom:1px solid #fff;
    color:#821718;
	}

.header_left a {
    color: #821718 !important;
}

.header_left a:hover, a:active {
    text-decoration:underline;
}

.header_bar {
    width: 100%;
    background-color:#f3f4f4!important;
}
hr.header_bar {
    color:#868686 !important;
    border-top:1px solid #d0d3d4;
    border-left:none;
    border-bottom:none;
    border-right:none;
    height:1px;
    background-color:#f3f4f4!important;
	}
.header_bar a { text-decoration: none; color: #767676; }
.header_bar a:hover { text-decoration: none; color: #821718; }

.cart_row span.button {
	font-size: 12px;
	color: #fffef0;
	padding-left: 17px;
	padding-top: 11px;
	padding-right: 7px;
	padding-bottom: 11px;
	background-color: #821718;
	font-family: PerpetuaMT;
}

#cart-tip {
	cursor: pointer;
}

#ctip {
	font-size: 12px;
	font-family: 'Lato';
	color: #b50103;
}

#ctip img { 
border: 1px solid #ccc; 
vertical-align: top;
}

#ctip span {
	font-size: 14px;
	color: #535353;
	top: 5px;
	position: relative;
}

.ct1 {
	width: 100px;
	float: left;
}

.ct2 {
	width:140px;
	float: right;
	position: relative;
	padding-left: 10px;
}

.navi { margin: 0 auto; position: relative;}

.top_slide0 { 
	position: absolute;
	width: 495px; 
	height: 465px;
	float: left;
	color: #4b4b4b; 
	background-color: #FFF;
	padding-top: 12px;
	}

#slider1_container_large { 
	position: absolute;
	width: 493px; 
	height: 464px;
	float: left;
	color: #4b4b4b; 
	background-color: #FFF;
	padding-top: 12px;
	}
	
.top_slide1 {
	position: absolute;
	width: 790px; 
	height: 465px;
	float: right;
	color: #4b4b4b; 
	background-color: #FFF;
	padding: 12px;
	left: 500px;
	}

.slider2_container_large {
	position: absolute;
	width: 790px; 
	height: 464px;
	float: right;
	color: #4b4b4b; 
	background-color: #FFF;
	padding: 12px;
	left: 500px;
	}
	
.sub_header_slider {
	padding-top:15px;
    width: 1298px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	height: 510px;
	min-height: 510px;
}	

.sub_header_slider_wrapper {
	width: 100%;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
}	

.slider_left_frame a {
    color:#FFF;
    text-decoration:none;
}

.slider_left_frame a:hover {
    text-decoration:underline;
}

.slider_right_frame a {
    color:#FFF;
    text-decoration:none;
}

.slider_right_frame a:hover {
    text-decoration:underline;
}

.sub_slide_text {
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	color: #821718; 
	background-color: #FFF;
	font-size: 24px;
	text-align: center;
	top: -15px;
    width:1198px;
	font-family: 'Lato';
}	

.adv { 
float: left; 
padding-top: 20px;
}

.product_box{
	background:#fff;
	height:370px;
	width: 224px;
	border:1px solid #dfdfdf;
	padding:10px 10px 10px 10px;
}

.product_box .prodtitle { 
    font-family: PepertuaMT;
    font-size: 18px;
    font-weight:normal;
    color: #821718;
    line-height:24px;
}

.product_box .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.product_box .prodtitle a:hover { 
    text-decoration:underline;
}

.product_box .main-image img {
	margin:0px 0px 3px;
	border:0px;
}

.product_box .desc {
    font-size:14px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
	position: relative;
    top:2px;
}

.product_box .quant {
    font-size:14px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
	position: relative;
	top: 9px;
}

.product_box .rating-stars {
    font-size:12px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    margin:0px !important;
    position:relative;
    top:17px;
	}

.product_box .rating-stars img{
    margin:0px !important;
	}

.on_sale{
	width:97px;
	height:95px;
	position:absolute;
	top:8px;
	right:0px;
	z-index:499;
	border:0px;
}
.product_box span{
	font-size:14px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
}

.prod_price {
	position: relative;
    top:12px;
	font-size:14px;
	color:#666;
	line-height: 16px;
	font-family: 'Lato';
	font-size: 14px;
	font-weight: bold;
}

.prod_container {
	float: left;
	position: relative;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 15px;
}

.prod_container_last {
	float: left;
	position: relative;
	padding-left: 8px;
	padding-top: 15px;
}

.slideboxes {
	position: relative;
    float:left;
}

.small_sellers_container_cat {
	float: left;
	position: relative;
	padding-top: 15px;
	padding-right: 31px;
}

.small_sellers_container_cat_last {
	float: left;
	position: relative;
	padding-top: 15px;
	padding-left: 2px;
}

.small_sellers_cat{
	background:#fff;
	height:205px;
	width: 325px;
}

.small_sellers_container {
	float: left;
	position: relative;
	padding-top: 15px;
	padding-right: 26px;
}

.small_sellers_container_last {
	float: left;
	position: relative;
	padding-top: 15px;
	padding-left: 2px;
}

.small_sellers{
	background:#fff;
	height:204px;
	width:325px;
    overflow:hidden;
}

.small_sellers ul {
        padding: 0px 0px 0px 30px;
    }

.title_sidebar {
	top: 30px;
	position: relative;
}

.title_sidebar h4 {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	}

.specials {
	top: 30px;
	position: relative;
    margin-bottom: 30px;
}

.specials h4 {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	padding-left: 10px;
	}
	
.border {
	border-top: 1px solid #d6d6d6;
	height: 1px;
	width: 1039px;
	float: right;
	top: 20px;
	position: relative;
	padding-top: 10px;
}

.footer_top {
	width: 100%;
	background-color: #e4daab;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 270px;
	position: relative;
}

.footer_wrapper {
	width: 1352px;
	background-color: #e4daab;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
}

.about_img {
	position: relative;
	width: 300px; 
	float: left;
	color: #4b4b4b; 
	background-color: #e4daab;
	font-size: 16px;
	font-family: 'Lato';
	right: 25px;
	}
	
.about_text {
	width: 1040px; 
	color: #545454; 
	font-size: 14px;
	font-family: 'Lato';
	float: left;
	padding-top: 8px;
	background-color: #e4daab;
	}

.about_text h2 {
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 32px;
	line-height: 36px;
}

.footer_mid {
	width: 100%;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 247px;
	position: relative;
    padding-top:50px;
}

.footer_mid_wrapper {
	width: 1298px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	background-color:#FFF;
}

.familylogos {
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    width:1298px;
    border-top:1px solid #CCC;
    color:#666;
    font-family:'Lato';
    font-size:14px;
    text-align:center;
        }

        .familylogoheader {
            width: 1298px;
            background-color: #F3F4F4;
            height: 20px;
            padding: 5px 0;
            text-align: center;
            border-top: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
            text-align: center;
            color: #707070;
        }

.familylogos .logospot1{
    width:400px;
    font-size:12px;
    float:left;
    position:relative;
    padding:20px 0px 20px 49px;
}

.familylogos .tagtext{
    width:400px;
    font-size:12px;
    float:left;
    position:relative;
    padding:10px 0px 10px 0px;
    text-align:center;
    color:#666;
}

.familylogos .logospot{
    width:400px;
    font-size:12px;
    float:left;
    position:relative;
    padding:20px 0px;
}

.logo_img {
	position: relative;
	width: 270px; 
	float: left;
	color: #4b4b4b; 
	top: 25px;
	}

.footer_text {
	width: 175px; 
	color: #666; 
	font-size: 12px;
	font-family: 'Lato';
	float: left;
	padding:0 55px;
	}
	
.footer_text_last {
    border-right: 1px solid #CCC;
    min-height: 200px;
	}

        .footer_text .catname {
            padding-top: 10px;
            padding-bottom: 8px;
            padding-left: 0px;
            padding-right: 0px;
            border-bottom: 1px solid #CCC;
            font-size: 14px;
            color: #666;
            font-weight: normal;
        }

ul.footer_nav1 {
	margin-top: 6px;
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	width: 218px;
}
ul.footer_nav1 li {
	width: 218px;
}
ul.footer_nav1 a, ul.footer_nav1 a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 3px 7px 2px 0px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	color: #666;
}
ul.footer_nav1 a:hover, ul.footer_nav1 a:active, ul.footer_nav1 a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #821718;
}

ul.footer_nav2 {
	margin-top: 6px;
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	width: 180px;
}
ul.footer_nav2 li {
	width: 180px;
}
ul.footer_nav2 a, ul.footer_nav2 a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 3px 7px 2px 0px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	color: #666;
}
ul.footer_nav2 a:hover, ul.footer_nav2 a:active, ul.footer_nav2 a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #821718;
}

/*footer gourmet club signup form*/
.signup_form_footer
{
	width:330px;
    position:relative;
    float:left;
    font-family:'Lato';
    color:#666;
    padding-left:55px;
}

    .signup_form_footer .catname {
        padding-top: 10px;
        padding-bottom: 8px;
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #CCC;
        font-size: 14px;
        color: #821718;
        font-weight: normal;
    }

.signup_form_footer .intro_text {
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 12px;
}

.signup_form_footer .intro_text_success {
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 12px;
	color: #821718; 
}


.signup_form_footer .form-inner
{
    margin:0 0 15px 0;
	width:340px !important;
	padding-bottom: 15px;
}

.signup_form_footer .form-inner .formleft-buttons
{
	float:left;
	text-align:right;
	margin:10px 10px 0 0;
	width:64px;
}

.signup_form_footer .form-inner .formleft
{
	float:left;
	text-align:right;
	margin:3px 10px 0 0;
	width:64px;
    font-family:'Lato';
	font-size:12px;
	color:#666;
}

.signup_form_footer .form-inner .formright
{
	float:left;
	text-align:left;
	height:20px;
}

.signup_form_footer .form-inner .formbutton
{
	float:left;
	text-align:left;
	height:30px;
    padding-bottom:20px;
}

.signup_form_footer .form-inner .formright input
{
	margin:0px;
    padding-left:5px;
    width:210px;
	height:20px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:12px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
}

.signup_form_footer .form-inner .formright input:focus {
    border:1px solid #818181;
    color:#333333;
    }

.left-pad { padding-left: 45px ; }
.imgpad img { 
padding-left: 30px;
padding-right: 15px;
 }
 
.bfooter {
	min-height: 45px;
	background-color: #ffffff;
	color: #666;
	font-size: 12px;
	font-family: 'Lato';
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
}

.search {
	width: 383px; 
	height: 40px;
	font-size: 22px;
	float:right; 
	color: #821718; 
	background-color: #fff;
	}
	
.search input[type="text"]{
    width:328px;
    color:#666;
    font-size:14px;
	font-family: 'Lato';
    border-left:1px solid #ccc;
    border-right:none;
    border-top:none;
    border-bottom:none;
    background-color:#F3F4F4;
    height:40px;
    padding-right: 7px;
    padding-left: 7px;
    line-height: 28px;
	float: left;
}

.search input:focus{
    background-color:#FFF;
    color:#42413c;
}

.search input[type="button"]{
    background: url(/App_Templates/Skin_4/css/images/search_btn.jpg) no-repeat;
    width:40px;
    height:40px;
    border:none;
    cursor:pointer;
	float:right;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}



/* caption */

.caption_black {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 423px; 
	height: 150px;
    color: #fff; 
	font-size: 20px; 
	line-height: 27px; 
	text-align: left;
	font-family: 'Lato';
	padding: 35px;
}

.caption_black h2 {
	font-size: 44px;
	font-family: PerpetuaMT;
    font-weight:normal;
    color:#FFF;
}

.caption_black span {
	position: relative;
	top: 12px;
}

.caption_red {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 720px; 
	height: 150px;
    color: #fff; 
	font-size: 20px; 
	line-height: 27px; 
	text-align: left;
	font-family: 'Lato';
	padding: 35px;
}

.caption_red h2 {
	font-size: 44px;
	font-family: PerpetuaMT;
    font-weight:normal;
    color:#FFF;
}

.caption_red span {
	position: relative;
	top: 12px;
}

/*top sellers*/
.grid {
    width: 325px;
	height: 204px;
    list-style: none;
	position: relative;
	right: 30px;
    padding:0px;
}

.grid li {
    display: inline-block;
    width: 325px;
    text-align: left;
    position: relative;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    left: 0;
    background: #e4daab;
    color: #3b3a3a;
    bottom:50px !important;
}

.grid figcaption .title {
    margin: 0;
    padding: 0;
    color: #821718;
	font-family: PerpetuaMT;
	font-size: 24px;
	font-weight: normal;
	line-height: 25px;
}

    .grid figcaption h3 {
        margin: 0;
        padding: 0;
        color: #821718;
        font-family: PerpetuaMT;
        font-size: 24px;
        font-weight: normal;
        line-height: 25px;
    }
 
.grid figcaption a {
    text-decoration: none;
    position:inherit;
    color:inherit;
}

.grid figcaption a:hover {
    text-decoration: underline;
}

.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
     transition: transform 0.4s; 
}
 
.cs-style-3 span { font-size: 18px; }
 
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    height: 60px;
	padding-left: 18px;
	padding-top: 10px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 1;
	background-color:rgba(228,218,171,0.6);
    /* transform: translateY(100%);
    transition: transform 0.4s, opacity 0.1s 0.3s; */
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s, opacity 0.1s;
}

/*.cs-style-3 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}*/

.contact_us {
	position: absolute;
	right:0px;
	bottom: -112px;
	z-index: 9999;
}



/* contact */

.cl-effect a::before,
.cl-effect a::after {
	position: absolute;
	top: 50%;
	left: 36%;
	width: 30px;
	height: 30px;
	border: 2px solid rgba(0,0,0,0.2);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect a::after {
	width: 30px;
	height: 30px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect a:hover::before,
.cl-effect a:hover::after,
.cl-effect a:focus::before,
.cl-effect a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

#slider1_container_large {display: inline; }
#slider1_container_small {display: none; }

#slider2_container_large {display: inline; }
#slider2_container_small {display: none; }

.socials {
    clear:left;
        padding-left:10px;
}

.socials .item { padding-right: 5px; float:left; }

.gifts a {text-decoration: none;}
.gifts a:hover {text-decoration: none; color: #821718!important}
.gifts a:visited {text-decoration: none; color: #666;}

.cart a {text-decoration: none; color: #868686}
.cart a:hover {text-decoration: none; color: #821718!important}
.cart a:visited {text-decoration: none; color: #767676;}

/* general site elements end */

/* category */

.spacing { padding: 10px; }

.breadcrumbs {
	font-size: 14px;
	font-family: 'Lato';
	color: #666;
	border-bottom: 1px dotted #666;
	padding-top: 3px;
	padding-bottom: 23px;
    text-decoration:none;
	text-transform:capitalize;
    font-weight:normal;
}

.breadcrumbs .crumb
{
	font-size:14px;
	color:#666;
	font-family: 'Lato';
    font-weight:normal;
}

.breadcrumbs .crumb a
{
	font-size:14px;
	color:#666;
	font-family: 'Lato';
	text-transform:capitalize;
    font-weight:normal;
    text-decoration:none;
	
}

.breadcrumbs .crumb a:hover{text-decoration:underline; color:#821718;}

.content h1 {
	font-size: 41px;
	font-family: PerpetuaMT;
	font-weight: normal;
	padding-top: 2px;
	top: 4px;
	position: relative;
}

.content h1 {
	font-size: 41px;
	font-family: PerpetuaMT;
	font-weight: normal;
	padding-top: 2px;
	top: 4px;
	position: relative;
}

#slider1_container_large_cat { 
	position: relative;
	width: 395px; 
	height: 373px;
	float: left;
	color: #4b4b4b; 
	background-color: #fff;
	padding-top: 12px;
    display:inline;
	}

#slider2_container_large_cat {
	position: absolute;
	width: 634px; 
	height: 373px;
	float: right;
	color: #4b4b4b; 
	background-color: #fff;
	padding: 12px;
    display:inline;
	}

	
.slider_left_container { 
	position: absolute;
	width: 395px; 
	height: 373px;
	float: left;
	color: #4b4b4b; 
	background-color: #fff;

	}

.slider_right_container {
	position: absolute;
	width: 634px; 
	height: 373px;
	float: right;
	color: #4b4b4b; 
	background-color: #fff;
	padding: 12px;
	left: 405px;
	}

.slideshow_cat {
	width: 1040px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	height: 383px;
	min-height: 383px;
}

.slideshow_text_cat {
	font-size: 16px;
	font-family: 'Lato';
	line-height: 26px;
	color: #333333;
	position: relative;
    padding-top:15px;
}

/* caption */

.caption_black_cat {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 395px; 
	height: 123px;
    color: #fff; 
	font-size: 18px; 
	line-height: 23px; 
	text-align: left;
	font-family: 'Lato';
	padding: 25px;
}

.caption_black_cat .title {
	font-size: 38px;
	font-family: PerpetuaMT;
}

.caption_black_cat span {
	position: relative;
	top: 12px;
}

.caption_red_cat {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 634px; 
	height: 123px;
    color: #fff; 
	font-size: 18px; 
	line-height: 23px; 
	text-align: left;
	font-family: 'Lato';
	padding: 25px;
}

.caption_red_cat .title {
	font-size: 38px;
	font-family: PerpetuaMT;
}

.caption_red_cat span {
	position: relative;
	top: 8px;
}

.caption_black_cat_st {
	position: absolute; 
	top: 235px; 
	left: 0px; 
	width: 368px; 
	height: 110px;
    color: #fff; 
	font-size: 18px; 
	line-height: 25px; 
	text-align: left;
	font-family: 'Lato';
	padding: 15px 20px 25px 20px;
	background-color:rgba(0, 0, 0, 0.6);
}

.caption_black_cat_st a {
    text-decoration:none;
    color:#FFF;
}

.caption_black_cat_st a:hover {
    text-decoration:underline;
}

.caption_black_cat_st .title_cat_st {
	font-size: 38px;
	font-family: PerpetuaMT;
	color: #fff;
    line-height:34px; 
}

.caption_black_cat_st span {
	position: relative;
	top: 8px;
}

.caption_red_cat_st {
	position: absolute; 
	top: 235px; 
	left: 12px; 
	width: 594px; 
	height: 110px;
    color: #fff; 
	font-size: 18px; 
	line-height: 25px; 
	text-align: left;
	font-family: 'Lato';
	padding: 15px 20px 25px 20px;
	background-color:rgba(130, 23, 24, 0.6);	
}

.caption_red_cat_st a {
    text-decoration:none;
    color:#FFF;
}

.caption_red_cat_st a:hover {
    text-decoration:underline;
}

.caption_red_cat_st .title_cat_st {
	font-size: 38px;
	font-family: PerpetuaMT;
	color: #fff; 
    line-height:34px; 
}

.caption_red_cat_st span {
	position: relative;
	top: 12px;
}
/*Recipe box display*/
.recipe_box_cat {
	background:#fff;
	height:350px;
	width: 224px;
	border:1px solid #dfdfdf;
	padding:11px 11px 12px 11px;
}

.recipe_box_cat .prodtitle { 
    font-family: PepertuaMT;
    font-size: 18px;
    font-weight:normal;
    color: #821718;
    line-height:22px;
}

.recipe_box_cat .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.recipe_box_cat .prodtitle a:hover { 
    text-decoration:underline;
}

.recipe_box_cat img{
	margin:0px 0 7px;
	border:0px;
}

.recipe_box_cat .desc {
	position: relative;
	padding-top: 9px;
}

.recipe_box_cat .quant {
	position: relative;
	top: 9px;
}

.recipe_box_cat .desc img {
	vertical-align: middle; 
	padding-top: 31px;
	float: right;
	}

.recipe_box_cat span{
	font-size:14px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
}

.recipe_box_cat .rating_stars_cat {
    font-size:12px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:8px;
    margin:0px !important;
    }

.recipe_box_cat .rating_stars_cat img {
    margin:0px !important;
}

/* blog post category page display start */

.blog_main_wrapper {
    width:1040px;
}

.blog_main_content {
	width: 675px;
	float: left;
	padding-top: 12px;
    border-right:1px dotted #666;
}

.blog_product_promo {
	width: 325px;
	float: right;
    min-height:500px;
}

.blog_main_image {
	width: 625px;
	float: left;
	font-size: 18px;
	font-family: 'Lato';
	color: #4b4b4b;
}

.blog_post_container {
	float: left;
	position: relative;
	padding-right: 8px;
	padding-top: 15px;
}

.blog_post_subcontainer {
	background:#fff;
	width: 1008px;
	border:1px solid #dfdfdf;
	padding:11px 11px 12px 11px;
    float:left;
}

    .blog_post_subcontainer .product_box_image {
        width:240px;
        height:224px;
        float:left;
    }

    .blog_post_subcontainer .product_box_image img{
	margin:0px 0px 7px;
	border:0px;
}

    .blog_post_subcontainer .content_area {
        width:700px;
        float:left;
    }

    .blog_post_subcontainer .content_area .prodtitle { 
    font-family: 'PerpetuaMT';
    font-size: 28px;
    font-weight:normal;
    color: #821718;
    line-height:1.5;
}

.blog_post_subcontainer .content_area .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.blog_post_subcontainer .content_area .prodtitle a:hover { 
    text-decoration:underline;
}

.blog_post_subcontainer .content_area .desc {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
}

.blog_post_subcontainer .content_area .intro {
    font-size:16px;
	color:#666 !important;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
    line-height:1.5;
}

.blog_post_subcontainer .content_area .intro a {
    color: #821718;
    text-decoration:none;
}

.blog_post_subcontainer .content_area .intro a:hover {
    text-decoration:underline;
}

.blog_post_subcontainer .content_area .posting_info {
    font-size:14px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:10px;
    line-height:1.5;
}

.blog_post_subcontainer .content_area .posting_info a {
    color: #821718;
    text-decoration:none;
}

.blog_post_subcontainer .content_area .posting_info a:hover {
    text-decoration:underline;
}

.blog_post_subcontainer .content_area .rating_stars_blog {
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    vertical-align:top;
    line-height:1.5;
}

.blog_post_subcontainer .content_area .rating_stars_blog img {
    margin:0px;
}

.ratings_line
{
	font-size:16px;
	display:block;
	font-family: 'Lato';
}
.ratings_line a
{
	color:#821718;
	text-decoration:none;
}
.ratings_line a:hover
{
	text-decoration:underline;
}	

.blog_bc_container {
	font-size: 14px;
	font-family: 'Lato';
	width: 1040px;
	border-bottom: 1px dotted #666;
	height: 44px;
}

.blog_breadcrumbs {
	width: 839px;
	float: left;
	padding-top: 12px;
    color:#666;
}

.blog_breadcrumbs a {
	text-decoration: none;
	color:#666;
}

.blog_breadcrumbs a:visited {
	text-decoration: none;
	color:#666;
}

.blog_breadcrumbs a:hover {
	text-decoration: underline;
	color: #821718;
}


.blog_intro_details {
	width: 625px;
    padding-bottom:15px;
}

.blog_intro_details h1 {
	font-family: 'PerpetuaMT';
	font-weight: normal;
	font-size: 36px;
	line-height: 44px;
	color: #4b4b4b;
    padding-bottom:10px;
}


.blog_overview {
	float: left;
	font-size: 16px;
	font-family: 'Lato';
	line-height: 1.5;
	color: #333333;
    font-weight:normal;
    padding:25px 0px;
    width:625px;
}

.blog_overview img{
    max-width:625px !important;
}

.blog_overview h2 {
	font-family: Lato;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-top: 18px;
	line-height: 1.5;
}

.blog_overview p {
	font-size: 16px;
	font-family: 'Lato';
	line-height: 1.5;
	color: #333333;
    font-weight:normal;
    padding-bottom:15px;
}

.blog_overview ul {
 padding-left:30px;
 padding-bottom:30px;
 width: 95%;
 float: left;
}

.blog_overview ul li {
  list-style-type: disc;
  float: left;
  clear: both;
}

.blog_overview ul a {
  font-weight:normal;
  font-size:16px;
  font-family:'Lato';
  color:#821718;
  text-decoration:none !important;
  border:inherit;
  padding:0;
  display:inline;
  background:inherit;
  margin:inherit;
  line-height:inherit;
}

.blog_overview ul a:hover {
    text-decoration:underline !important;
    }

.blog_overview ol {
 padding-left:30px;
 padding-bottom:30px;
 width: 95%;
 float: left;
}

.blog_overview ol li {
  float: left;
  clear: both;
  padding-bottom:15px;
}

.blog_overview ol a {
  font-weight:normal;
  font-size:16px;
  font-family:'Lato';
  color:#821718;
  text-decoration:none !important;
  border:inherit;
  padding:0;
  display:inline;
  background:inherit;
  margin:inherit;
  line-height:inherit;
}

.blog_overview ol a:hover {
    text-decoration:underline !important;
    }

.blog_overview a{
    color:#821718;
    text-decoration:none;
}

.blog_overview a:hover{
    color:#821718;
    text-decoration:underline;
}

.blog_reviews_details {
	float: left;
	font-size: 16px;
	font-family: 'Lato';
	line-height: 1.5;
	color: #333333;
    border-top:1px dotted #666;
    padding:25px 0px;
    width:625px;
}
.blog_reviews_details .header {
	font-family: 'PerpetuaMT';
	font-size: 24px;
	color: #333333;
	font-weight: normal;
    line-height:30px;
    border-top:none;
}

.blog_reviews_details a{
  color:#821718;
  text-decoration:none;
}

.blog_reviews_details a:hover{
  text-decoration:underline;
}

.blog_comment
{
    padding:25px 0px;
    float: left;
	font-size: 16px;
	font-family: 'Lato';
	line-height: 1.5;
	color: #333333;
    width:625px;
    border-top:1px dotted #666;
}
.blog_comment_subcontainer {
	background:#fff;
	width: 625px;
    float:left;
    padding-bottom:15px;
}
    .blog_comment_subcontainer .by_info {
        width:235px;
        float:left;
    }

    .blog_comment_subcontainer .content_area {
        width:380px;
        float:right;
        font-size:16px;
	    color:#666;
	    font-weight:normal;
	    font-family: 'Lato';
        line-height:1.5;
    }

.blog_comment .comment-title
{
    float:left;
    width:280px;
	font-family: 'PerpetuaMT';
	font-size: 24px;
	color: #333333;
	font-weight: normal;
    line-height:1.5;
}

.blog_comment .comment-button-area
{
    float:left;
}

.blog_recipe_container {
	float: left;
	position: relative;
	padding-top: 25px 0px;
    border-top:1px dotted #666;
    width:625px;
}

.blog_recipe_subcontainer {
	background:#fff;
	width: 625px;
    float:left;
    padding:25px 0px;
}

    .blog_recipe_subcontainer .product_box_image {
        width:240px;
        float:left;
    }

    .blog_recipe_subcontainer .product_box_image img{
	margin:0px 0px 7px;
	border:0px;
}

    .blog_recipe_subcontainer .content_area {
        width:385px;
        float:left;
        font-size:16px;
	    color:#666;
	    font-weight:normal;
	    font-family: 'Lato';
        line-height:1.5;
    }

    .blog_recipe_subcontainer .content_area h2 { 
    font-family: 'PerpetuaMT';
    font-size: 28px;
    font-weight:normal;
    color: #821718;
    line-height:1.5;
}

    .blog_recipe_subcontainer .content_area h2 a { 
    color: #821718;
    text-decoration:none;
}

    .blog_recipe_subcontainer .content_area h2 a:hover { 
    text-decoration:underline;
}

        .blog_recipe_subcontainer .view_button { 
    padding-top:15px;
}

        .comment_subcontainer {
	background:#fff;
	width: 1008px;
    float:left;
    padding-bottom:15px;
}

    .comment_subcontainer .by_info {
        width:240px;
        float:left;
    }

    .comment_subcontainer .content_area {
        width:750px;
        float:left;
        font-size:16px;
	    color:#666;
	    font-weight:normal;
	    font-family: 'Lato';
        line-height:1.5;
    }

    /*Right Related Products*/

#related_right_container {
	width: 325px;
	float: right;
}

#related_right_subcontainer {
	height: 275px;
	padding: 15px;
}

.related_right_title {
	font-family: 'PerpetuaMT';
    font-weight: normal;
    font-size: 22px;
    line-height: 1.5;
    color:#4b4b4b;
    padding-left:45px;
}

.related_right_prodlist{
    padding-left:0px;
}

/*Product box display*/
.product_box_cat {
	background:#fff;
	height:370px;
	width: 224px;
	border:1px solid #dfdfdf;
	padding:11px 11px 12px 11px;
}

.product_box_cat .prodtitle { 
    font-family: PepertuaMT;
    font-size: 18px;
    font-weight:normal;
    color: #821718;
    line-height:22px;
}

.product_box_cat .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.product_box_cat .prodtitle a:hover { 
    text-decoration:underline;
}

.product_box_cat img{
	margin:0px 0 7px;
	border:0px;
}

.product_box_cat .desc {
	position: relative;
	padding-top: 9px;
}

.product_box_cat .desc a{
    font-size:13px;
	color:#821718;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
    text-decoration:none;
    float:left;
}

.product_box_cat .desc a:hover{
    text-decoration:underline;
}

.product_box_cat .quant {
	position: relative;
	top: 9px;
}

.product_box_cat .desc img {
	vertical-align: middle; 
	padding-top: 31px;
	float: right;
	}

.product_box_cat span{
	font-size:14px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
}

.product_box_cat .rating_stars_cat {
    font-size:12px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    float:right;
    position:relative;
    top:13px;
    }

.product_box_cat .rating_stars_cat img {
    margin:0px !important;
}

.prod_price_cat {
	position: relative;
	top: 8px;
	font-size:14px;
	color:#666;
	line-height:22px;
}

.prod_container_cat {
	float: left;
	position: relative;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 15px;
}

.prod_container_last_cat {
	float: left;
	position: relative;
	padding-left: 8px;
	padding-top: 15px;
}

.prod_container_first_cat {
	float: left;
	position: relative;
	padding-right: 8px;
	padding-top: 15px;
}

.title_cat { 
font-family: PepertuaMT;
font-size: 18px;
color: #821718;
padding-top: 4px;
}

.title_sidebar_cat h4 {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 22px;
	}
	
#socials_cat {
	position: relative;
	top: 25px;
	left: 20px;
}	

.cat_title {
	border-bottom: 1px dotted #666;
	padding-top: 25px;
	padding-bottom: 5px;
}

.cat_title h2, .cat_title .h2 {
    color: #2a2a2a;
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 24px;
}

.small_cat_first {
	float: left;
	position: relative;
	padding-right: 4px;
	padding-top: 25px;
}

.small_cat_last {
	float: left;
	position: relative;
	padding-top: 25px;
}

.small_cat {
	float: left;
	position: relative;
	padding-left: 0px;
	padding-right: 15px;
	padding-top: 25px;
}

.small_box_cat {
	background:#fff;
	width: 340px;
	/* padding:11px 11px 12px 11px;*/
}

.imgcat {

	width: 75px;
	position: relative;
	float: left;
	margin-top: 5px;
}

.imgcat img {
	width: 75px;
    height: 75px;
    border: 2px solid #ccc;
}

.right_text {
	position: relative;
	float: right;
	width: 247px;
	padding-left: 10px;
	font-size: 12px;
	font-family: 'Lato';
	color: #4b4b4b;
}
.right_text a {
    color: #821718;
    text-decoration:none;
}

.right_text a:hover{
    text-decoration:underline;
}

.right_text h3 {
	font-family: PerpetuaMT;
	font-size: 18px;
	color: #821718;
	text-transform:uppercase;
    font-weight:normal;
}

.closingspottext {
    color:#666;
    font-size:14px;
    padding-top:50px;
    font-family:'Lato';
}

.marble_text {
	position: relative;
	float: left;
	width: 310px;
	font-size: 12px;
	padding-right: 10px;
	font-family: 'Lato';
	color: #4b4b4b;
}

.marble_text span {
	font-family: PerpetuaMT;
	font-size: 18px;
	color: #821718;
	text-transform:uppercase;
}

.cat_title_nb {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 24px;
	padding-top: 22px;
	padding-bottom: 20px;
	top: 8px;
	position: relative;
	color: #4b4b4b;
}

.brand_cat_first {
	float: left;
	position: relative;
	padding-right: 13px;
}

.brand_cat_last {
	float: left;
	position: relative;
}

.brand_cat {
	float: left;
	position: relative;
	padding-left: 0px;
	padding-right: 13px;
	padding-bottom: 15px;
}

.brand_box_cat {
	background:#fff;
	width: 316px;
	min-height: 180px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #e2e2e2
}

.brand_img {
	position: relative;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
}

.brand_text {
	position: relative;
	float: left;
	width: 290px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-family: 'Lato';
	color: #4b4b4b;
}

.brand_text span {
	font-family: PerpetuaMT;
	font-size: 18px;
	color: #821718;
	width: 290px;
	text-transform:uppercase;
}
	
.logo_img_cat {
	position: relative;
	width: 260px; 
	float: left;
	color: #4b4b4b; 
	top: 60px;
	}

.footer_top_cat {
	width: 100%;
	background-color: #e4daab;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
}	

.footer_wrapper_cat {
	width: 1040px;
	background-color: #e4daab;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position: relative;
	left: 130px;
}

.about_text_cat {
	width: 1040px; 
	color: #545454; 
	font-size: 14px;
	font-family: 'Lato';
	padding-top: 8px;
	background-color: #e4daab;
	padding-bottom: 30px;
	}	
	
.about_text_cat h2 {
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 32px;
	line-height: 36px;
}

.footer_top_cat_abs {	
	width: 100%;
	background-color: #e4daab;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 180px;
	 clear: both;
	 position: absolute;
	 z-index: 10;
	 margin-top: 195em;
}	

.contact_us_cat {
	position: absolute;
	right:0px;
	bottom: -232px;
	z-index: 9999;
}

/* sub category */

.desc_text {
	color: #333333; 
	font-size: 14px;
	font-family: 'Lato';
	padding-top: 8px;
	padding-bottom: 22px;
	background-color: #ffffff;
}

.desc_text a{
    color:#821718;
    text-decoration:none;
}

.desc_text a:hover{
    text-decoration:underline;
}

.dropdown {
	float: left;
	position: relative;
	width: 250px;
    overflow: hidden!important;
}
.dropdown select {
	  border: 1px solid #ccc !important; 
      -webkit-appearance: none; 
      -moz-appearance: none; 
      background: url(/App_Templates/Skin_4/css/images/select_arrow.jpg) no-repeat;
      background-color: #fff;
	  background-position: 211px 0px;  
      width: 276px;
	  font-size: 14px;
   	  font-family: 'Lato'; 
      text-indent: 0.01px; 
      text-overflow: ellipsis; 
      color: #333333;
	  padding: 6px;
	  height: 36px;
}

.page_details {
	border-bottom: 1px dotted #666;
	padding-bottom: 50px;
	font-size: 14px;
   	font-family: 'Lato'; 
	color: #333333;
}

.pages_count {
	margin-left:10px;
	text-align: center;
	float: left;
	padding-top: 6px;
	position: relative;
	float: left;
    color: #333333; 
}

.pages_count a { 
	color: #333333; 
	text-decoration: none;
}
.pages_count a:hover { 
	color: #821718; 
	text-decoration: underline;
}
.pages_count a:visited { 
	color: #333333; 
	text-decoration: none;
}

.products_per_page {
	float: right;
	position: relative;
	width: 255px;
	vertical-align: middle; 
    text-align:right;
}

.pp_select {
	float: right;
	position: relative;
	width: 89px;
	overflow: hidden!important;
    padding-left:5px;
}

.pp_text {
	position: relative;
	top: 6px;
}

.products_per_page select {
	  border: 1px solid #ccc !important; 
      -webkit-appearance: none; 
      -moz-appearance: none; 
      background: url(/App_Templates/Skin_4/css/images/select_arrow.jpg) no-repeat; 
      background-color: #fff;
	  background-position: 50px 0px;  
      width: 120px;
	  font-size: 14px;
   	  font-family: 'Lato'; 
      text-indent: 0.01px; 
      text-overflow: ellipsis; 
      color: #333333;
	  padding: 6px;
	  height: 36px;
	  vertical-align: middle; 
}

.rating_stars_sub {
    font-size:12px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    float:left;
    padding-top:5px;
}

.rating_stars_sub img {
    margin:0px;
}
.price_box {
    position: absolute; 
    bottom: 0px;
}

.left10{
    left:0px;
}

.left5{
    left:8px;
}

.price_box .desc {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    font-style:normal;
    padding:10px;
}

.price_box .desc a { 
    color: #821718;
    text-decoration:none;
}

.price_box .desc a:hover { 
    text-decoration:underline;
}


.price_select {
    width: 248px;
    overflow: hidden !important;
    padding-bottom:0px;
}

.price_select select {
	  border: 1px solid #ccc !important; 
      -webkit-appearance: none; 
      -moz-appearance: none; 
      background: url(/App_Templates/Skin_4/css/images/select_arrow_small.jpg) no-repeat; 
      background-color: #fff;
	  background-position: 215px 0px; 
      width: 248px;
	  font-size: 13px;
   	  font-family: 'Lato'; 
      text-indent: 0.01px; 
      text-overflow:inherit; 
      color: #666;
	  padding: 4px;
	  height: 28px;
}
/*Recipe Box Sucategory*/
.recipe_box_subcat {
	background:#fff;
	height:350px;
	width: 224px;
	border:1px solid #dfdfdf;
	padding:11px 11px 12px 11px;
}

.recipe_box_subcat .prodtitle { 
    font-family: PepertuaMT;
    font-size: 18px;
    font-weight:normal;
    color: #821718;
    line-height:22px;
}

.recipe_box_subcat .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.recipe_box_subcat .prodtitle a:hover { 
    text-decoration:underline;
}

.recipe_box_subcat .product_box_image img{
	margin:0px 0 7px;
	border:0px;
}

.recipe_box_subcat .desc {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
}

/*Info Article Subcategory*/
.info_article_box {
	background:#fff;
	height:265px;
	width: 224px;
	border:1px solid #dfdfdf;
	padding:11px 11px 12px 11px;
}

.info_article_box .prodtitle { 
    font-family: 'PerpetuaMT';
    font-size: 24px;
    font-weight:normal;
    color: #666;
    line-height:1.1;
}

.info_article_box h2{
    font-family: 'PerpetuaMT';
    font-size: 16px;
    font-weight:normal;
    color: #666;
    line-height:1.1;
}

.info_article_box .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.info_article_box .prodtitle a:hover { 
    text-decoration:underline;
}

.info_article_box .desc {
    font-size:16px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
    line-height:1.5;
}

.info_article_box .desc a{
	color:#821718;
    text-decoration:none;
}

.info_article_box .desc a:hover{
    text-decoration:underline;
}

/*Product Box Subcategory*/
.product_box_subcat {
	background:#fff;
	height:415px;
	width: 224px;
	border:1px solid #dfdfdf;
	padding:11px 11px 12px 11px;
}

.product_box_subcat .prodtitle { 
    font-family: PepertuaMT;
    font-size: 18px;
    font-weight:normal;
    color: #821718;
    line-height:22px;
}

.product_box_subcat .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.product_box_subcat .prodtitle a:hover { 
    text-decoration:underline;
}

.product_box_subcat .product_box_image img{
	margin:0px;
	border:0px;
}

.product_box_subcat .desc {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    font-style:italic;
    padding-top:2px;
}

.product_box_subcat .summary {
    font-size:13px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
    line-height:1.2;
}

.product_box_subcat .desc a{
    font-size:13px;
	color:#821718;
	font-weight:normal;
	font-family: 'Lato';
    padding-top:5px;
    text-decoration:none;
    float:left;
}

.product_box_subcat .desc a:hover{
    text-decoration:underline;
}

.add_to { 
    width: 248px;
    padding-left:1px;
    padding-bottom:1px;
}

.add_order {
	height: 30px;
	min-height: 30px!important;
}

.qtyadd {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border:none;
    border-right: 1px solid #ccc;
}

.qtyless {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border:none;
}

.qtyno {
	border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top:none;
    border-bottom:none;
    color: #767676;
    display: block;
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 26px !important;
    outline: medium none;
    text-align: center;
    width: 30px;
}
.qtyno a {
	font-size:20px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
	text-decoration: none;
	}

.qtyadd_prod {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border:none;
    border: 1px solid #ccc;
}

.qtyless_prod {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border: 1px solid #ccc;
}

        .qtyno_prod {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-left: none;
            border-right: none;
            color: #767676;
            display: block;
            float: left;
            font-size: 18px;
            height: 30px;
            line-height: 26px !important;
            outline: medium none;
            text-align: center;
            width: 30px;
        }
.qtyno_prod a {
	font-size:20px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
	text-decoration: none;
	}

.addto_cart { 
position: relative;
height:30px;
background-color:#821718; 
}	

.pages_count_down {
	width: 1024px;
	text-align: center;
	float: left;
	margin-top: 12px;
	padding: 8px;
	position: relative;
	float: left;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	font-size: 14px;
	font-family: 'Lato';
}

.footer_top_subcat_abs {	
	width: 100%;
	background-color: #e4daab;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height: 155px;
	 clear: both;
	 position: absolute;
	 z-index: 10;
	 margin-top: 121em;
}	

#socials_subcat {
	position: relative;
	top: 25px;
	left: 20px;
}	

/* product details */

.bc_container {
	font-size: 14px;
	font-family: 'Lato';
	width: 1298px;
	border-bottom: 1px dotted #666;
	height: 44px;
}

.pd_breadcrumbs {
	width: 1000px;
	float: left;
	padding-top: 12px;
    color:#666;
}

.pd_breadcrumbs a {
	text-decoration: none;
	color:#666;
}

.pd_breadcrumbs a:visited {
	text-decoration: none;
	color:#666;
}

.pd_breadcrumbs a:hover {
	text-decoration: underline;
	color: #821718;
}

.pd_socials {
	text-align: right;
	width: 200px;
	float: right;
	height: 27px;
}

.pd_socials img {
	padding-left: 4px;
}

.pd_main_wrapper {
	padding-top: 17px;
}

.pd_main_image {
	width: 524px;
	float: left;
	font-size: 18px;
	font-family: 'Lato';
	color: #4b4b4b;
}

.pd_main_image a {
	text-decoration: none;
}

.pd_main_image a:visited {
	text-decoration: none;
}

.pd_main_image a:hover {
	text-decoration: underline;
}

#main_image_container {
	border: 1px solid #ccc;
	width: 524px;
	float: left;
}

#main_image_container img {
	padding: 10px;
}

.pd_cart_details {
	width: 744px;
	float: right;
}

.pd_cart_details h1 {
	font-family: PerpetuaMT;
	font-weight: normal;
	font-size: 36px;
	line-height: 44px;
	color: #4b4b4b;
}

.pd_subtitle {
	font-size: 18px;
	line-height: normal;
	font-family: 'Lato';	
	color: #4b4b4b;
}

.recipe_intro {
	padding-top: 14px;	
	font-size: 16px;
	line-height: 1.5;
	font-family: 'Lato';
}

.pd_review {
	padding-top: 14px;	
	font-size: 14px;
	line-height: normal;
	font-family: 'Lato';
	color: #821718;
}

.pd_review img {
	vertical-align: middle;
}

.pd_review a {
	text-decoration: none;
	color: #821718;
}

.pd_review a:visited {
	text-decoration: none;
	color: #821718;
}

.pd_review a:hover {
	text-decoration: underline;
	color: #821718;
}

.pd_descbox{
    font-family:'Lato';
    font-size:16px;
    font-weight:normal;
    color:#2a2a2a;
    padding-top:15px;
}

.pd_kitheader{
    font-weight:bold;
}

.pd_descbox ul{
    list-style-position:inside;
    padding:0 0 15px 25px;
}

.cart_details {
	padding-top: 16px;
	font-size: 14px;
	line-height: normal;
	font-family: 'Lato';
	color: #333333;
	width: 750px;
}

        .cart_details td, .cart_details th {
            padding-top: 7px;
            padding-bottom: 8px;
            border-bottom: 1px dotted #666;
            vertical-align: middle;
        }

.cart_details_kit {
	font-size: 14px;
	line-height: normal;
	font-family: 'Lato';
	color: #333333;
	width: 750px;
}

    .cart_details_kit td, .cart_details_kit th {
        padding-top: 7px;
        padding-bottom: 8px;
        border-bottom: 1px dotted #666;
        vertical-align: middle;
    }
	
	
.pd_col1 { width: 160px; text-align: left;}
.pd_col1_cake { width: 250px; text-align: left;}
.pd_col2 { width: 95px; text-align: center;}
.pd_col3 { width: 110px; text-align: right; padding-right:20px;}
.pd_col4 { width: 115px; text-align: right; padding-right:20px;}
.pd_col5 { width: 145px; text-align: center; margin: 0 auto;}
.pd_col5_oos { width: 145px; margin: 0 auto; padding-top:3px !important; padding-bottom:3px !important; vertical-align:initial !important;}
.pd_col6 { width: 85px; text-align: center;}
.pd_col4_kit { width: 140px; text-align: left; padding-left:10px;}
.pd_col_qtydisc { width:400px; text-align:left;	color: #821718;
	font-size: 16px;
	font-family: 'Lato';
	font-weight: bold;
    text-transform:uppercase;
}



.pd_add_order {
	height: 30px;
	min-height: 30px!important;
	width: 105px!important;
	text-align: center;
	margin: 0 auto;
    padding-left:10px;
}

        .pd_qtyno {
            border: 1px solid #ccc;
            color: #767676;
            display: block;
            float: left;
            font-size: 18px;
            height: 28px;
            line-height: 26px;
            outline: medium none;
            text-align: center;
            width: 51px;
            padding-left: 1px;
            padding-right: 1px;
        }
.pd_qtyno a {
	font-size:18px;
	color:#666;
	font-weight:normal;
	font-family: 'Lato';
	text-decoration: none;
	}
	
.pd_add_cart_container {
	padding-top: 12px;
	color: #821718;
	font-size: 16px;
	font-family: 'Lato';
	font-weight: bold;
    text-transform:uppercase;
}

.pd_add_left_text {
	float: left;
	width: 440px;
	padding-top: 15px;
}
.pd_add_right_button {
	float: right;
	width: 205px!important;
	padding-right: 70px;
}

.pd_add_left_button {
	float: left;
	padding-left: 65px;
}

.pd_print_recipe_button {
	float: left;
}

#pd_enlarge_container {
	padding-top: 15px;
}

.enlarge {
	width: 120px;
	float: left;
	height: 25px;
	margin-top: 26px;
}

.enlarge img {
	vertical-align:middle;
}

.enlarge_text {
	position: relative;
	top: 2px;
    padding-left:5px;
}

.pic_thumbnails {
	width: 350px;
	float: right;
	text-align: right;
}

.pic_thumbnails img {
	border: 2px solid #ccc;
    margin-left: 10px;
}


/*tabs*/

.tabs {
  background:#ffffff;
  color:#727272;
  width:900px;
  border:1px solid #ccc; 
  float: left;
  min-height:672px;
}

.idTabs li { 
    list-style:none; 
    float:left; 
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.idTabs .tabfirst { 
    border-bottom:none !important;
}

.tabs ul a {
  display:block;
  padding:4px 30px;
  text-decoration:none!important;
  margin:0px;
  margin-left:0;
  font-family: PerpetuaMT;
  font-weight: normal;
  font-size: 18px;
  line-height: 48px;
  color:#555555;
  background:#ffffff;
}

.tabs ul a:hover {
  color:#821718;
  background:#ffffff;
  }
  
.tabs ul a.selected {
  margin-bottom:0;
  color:#727272;
  background:#ffffff;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom: none!important;
  cursor:default;
  height: 49px;
  }
  
.tabs div {
  padding:30px 35px 28px 30px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#fff;
  font-size: 13px;
  font-family: 'Lato';
  color: #333333;
}
.tabs div a { color:#2a2a2a; font-weight:bold; }

#tab_first {
	border-left: none!important; 
}

#tabs_container {
	padding-top: 30px;
}

.idTabs {
	height: 56px;
}


/* product details pricing tab */
.pricing_details {
	float: left;
	font-size: 16px !important;
	font-family: 'Lato';
	line-height: 1.5;
	color: #333333 !important;
    width:840px;
    border-top:1px dotted #CCC;
    padding:20px 0px !important;
}
.pricing_details .header {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 12px;
    line-height:30px;
    width:840px;
}

.pricing_details_table {
	padding-top: 16px;
	font-size: 14px;
	line-height: normal;
	font-family: 'Lato';
	color: #333333;
	width: 670px;
}

.pricing_details_table td {
	padding-top: 7px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #666; 
	vertical-align: middle;
	}
	
.pricing_col1 { width: 100px; text-align: left;}
.pricing_col2 { width: 200px; text-align: left;}
.pricing_col3 { width: 200px; text-align: left;}
.pricing_col4 { width: 150px; text-align: right; padding-right:20px;}

/* reviews tab */
.reviews_details {
	font-family: 'Lato';
	color: #333333;
	float: left;
	font-size: 16px !important;
	line-height: 1.5;
    width:840px;
    border-top:dotted 1px #CCC;
    padding:20px 0px 20px 0px !important;
}
.reviews_details .header {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
    line-height:1.5;
    width:840px;
    border-top:none;
    padding:0px !important;
    clear:none !important;
}

.reviews_details .overall-rating {
    padding-left:10px;
}

.reviews_details .your-rating {
    padding-left:10px;
    font-weight:bold;
}

.reviews_details .admin-rating {
    padding-left:10px;
    color:#821718;
    text-decoration:none;
    font-weight:normal !important;
}

.reviews_details .admin-rating:hover {
    text-decoration:underline;
}

.reviews_details .ratings-sorter{
    font-family: 'Lato';
	font-size: 14px;
	color: #333333;
	font-weight: normal;
    line-height:1.5;
    width:840px;
    border-top:none;
    padding:10px 0px 10px 0px !important;
    clear:none !important;

}





/* Recipe Details Tab */

.recipe_box {
    padding: 20px 0px 20px 0px !important;
    margin: 0px;
    font-weight: normal;
    border-top:1px dotted #ccc;
    width:840px;
}

.recipe-title-area
{
    float:left;
	font-family: 'PerpetuaMT' !important;
	font-size: 24px !important;
	color: #333333 !important;
	font-weight: normal;
    line-height:30px;
    width:840px;
    padding:0px !important
}

.recipe_wrapper {
                padding: 15px 0px 0px 0px !important;
                margin: 0px;
                font-weight: normal;
}

.recipe_details {
                float: left;
                padding: 0px 0px 20px 0px !important;
                position: relative; 
}
.recipe_details a {
                color: #821718;
                text-decoration: none
}
.recipe_details a:hover {
                text-decoration: underline
}
.recipe_details_inner {
                background: #fff;
                padding:0px !important;
                float: left;
                width:840px;
}

.recipe_details_inner .recipe_image_area{
    float:left;
    width:244px;
    padding:0px;
    margin:0px;
    clear:none !important;
}

.recipe_details_inner .recipe_content_area{
    float:left;
    width:596px;
    padding:0px;
    margin:0px;
    clear:none !important;
}

.recipe_details_inner .recipe_content_area .recipe_name {
                font-family: 'PerpetuMT' !important;
                font-size: 22px !important;
                color: #821718 !important;
                line-height: 1.5;
                float: left;
                padding: 0px!important;
                width:596px;
}
.recipe_details_inner .recipe_content_area .recipe_name a {
                text-decoration: none;
                float: left;
                font-family: 'PerpetuMT' !important;
                font-size: 22px !important;
                color: #821718 !important;
                font-weight:400 !important;
}
.recipe_details_inner .recipe_content_area .recipe_name a:hover {
                text-decoration: underline;
}

.recipe_details_inner .recipe_content_area .recipe_desc{
                font-family: 'Lato';
                font-size: 16px;
                color: #2a2a2a;
                line-height: 1.5;
                font-weight: normal;
                float:left;
                clear:none !important;
                padding:0px;
                width:596px;
}

.recipe_details_inner .recipe_content_area .recipe_desc a {
                text-decoration: none;
                color: #821718 !important;
                font-weight:400 !important;
}
.recipe_details_inner .recipe_content_area .recipe_desc a:hover {
                text-decoration: underline;
}

.recipe_details.norM {
                margin-right: 0px
}

.recipe_details h4 {
                font-weight: normal;
                font-family: 'Lato';
                font-size: 14px;
                color: #45433f;
                padding: 0 0 7px 0;
                line-height: 18px
}


/*  product faq tab */
.product-faq
{
	color: #333333;
    width:840px;
    padding: 20px 0px 20px 0px !important;
    float: left;
	font-size: 16px !important;
	font-family: 'Lato' !important;
	line-height: 1.5;
    border-top:1px dotted #ccc;
}

.faq-title-container{
    padding: 15px 0px 15px 0px !important;
    height:40px;
}
.faq-title-container .faq-title-area
{
    float:left;
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
    line-height:1.5;
    vertical-align:middle;
    padding: 0px !important;
    clear:none !important;
}

.faq-title-container .faq-button-area
{
    float:left;
    clear:none !important;
    padding:0px 0px 0px 15px !important;
}
.faq-response-area{
    padding:0px !important;
    font-size: 16px !important;
	font-family: 'Lato' !important;
    line-height: 1.5;
    width:840px;
}

.faq-response-area .faq-question{
    font-weight:bold;
    padding-top:15px;
}
.faq-response-area .faq-answer{
    font-weight:normal;
}


/*  recipes tab */

#also_watch_container {
	width: 380px;
	float: right;
	border: 1px solid #ccc;
}

#also_watch {
	height: 642px;
	padding: 15px;
}

.also_watch_title {
	font-family: PerpetuaMT;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color:#4b4b4b;
}

.also_watch_img {
	width: 100px;
	position: relative;
	float: left;
	margin-top: 5px;
}

.also_watch_img img{
    width:100px;
    height:100px;
    border: 2px solid #CCC;
}

.right_text_watch {
	position: relative;
	float: right;
	width: 230px;
	padding-left: 10px;
	padding-top: 8px;
	font-size: 13px;
	font-family: 'Lato';
	color: #666;
	line-height: 20px;
}

.right_text_watch a { 
    color: #821718;
    text-decoration:none;
}

.right_text_watch a:hover { 
    text-decoration:underline;
}

.watch_link {
	font-family: PerpetuaMT;
	font-size: 18px;
}

.small_box_watch {
	background:#fff;
	width: 350px;
	padding-top: 12px;
	padding-bottom: 3px;
}

.watch_price {
	font-size: 16px;
	font-family: 'Lato';
	color: #666!important;
}

.also_like_container {
padding-top: 15px;		
}

.also_like_container h3 {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #4b4b4b;
	font-weight: normal;
	text-transform:uppercase;	
}

.pd_overview_left {
	float: left;
	font-family: 'Lato';
	color: #333333;
	width: 840px;
	float: left;
	font-size: 16px !important;
	line-height: 1.5;
    padding:0px 0px 20px 0px !important;

}
.pd_overview_left h2 {
	font-family: PerpetuaMT;
	color: #333333;
	font-weight: normal;
	font-size: 30px !important;
	font-weight: normal;
    line-height:1.5;
}

.pd_overview_left a
{
	text-decoration:none;
	color:#821718;
}

.pd_overview_left a:hover
{
	text-decoration:underline;
	color:#821718;
}

.pd_overview_left p
{
	font-family: 'Lato' !important;
	font-size:16px;
	line-height:normal;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
	line-height:1.5;
}

.pd_overview_left ul
{
    list-style:disc !important;
    list-style-position: inside !important;
	float:left;
	margin:0 0 25px 20px !important;
	padding:0px !important;
    clear:left;
    width:100%;
}

.pd_overview_left li
{
    font-family: 'Lato';
    list-style-position: outside;
    font-size:16px;
    line-height:normal;
	margin:5px 0 0 0 !important;
	padding:0px !important;
    clear:left;
}

.pd_overview_recipe {
	float: left;
	font-family: 'Lato';
	font-size: 16px !important;
	line-height: 1.5;
	color: #333333;
    padding:0px 0px 20px 0px !important;
}
.pd_overview_recipe h2 {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 12px;
    line-height:30px;
}

.pd_overview_recipe ul {
 padding-left:30px;
 padding-bottom:30px;
 width: 95%;
 float: left;
}

.pd_overview_recipe ul li {
  list-style-type: disc;
  float: left;
  clear: both;
}

.pd_overview_recipe ul a {
  font-weight:normal;
  font-size:14px;
  font-family:'Lato';
  color:#821718;
  text-decoration:none !important;
  border:inherit;
  padding:0;
  display:inline;
  background:inherit;
  margin:inherit;
  line-height:inherit;
}

.pd_overview_recipe ul a:hover {
    text-decoration:underline !important;
    }

.pd_overview_recipe ol {
 padding-left:30px;
 padding-bottom:30px;
 width: 95%;
 float: left;
}

.pd_overview_recipe ol li {
  float: left;
  clear: both;
  padding-bottom:15px;
}

.pd_overview_recipe ol a {
  font-weight:normal;
  font-size:14px;
  font-family:'Lato';
  color:#821718;
  text-decoration:none !important;
  border:inherit;
  padding:0;
  display:inline;
  background:inherit;
  margin:inherit;
  line-height:inherit;
}

.pd_overview_recipe ol a:hover {
    text-decoration:underline !important;
    }
.pd_details_heading {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 12px;
    line-height:30px;
}

.pd_overview_full {
    width: 785px;
	float: left;
	font-size: 13px;
	font-family: 'Lato';
	line-height: 19px;
	color: #333333;
}

.pd_overview_full h3 {
	font-family: PerpetuaMT;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 16px;
}


.pd_overview_right {
	width: 255px;
	float: right;
	background-color: #ebe3bc;	
	height: 540px;
	font-size: 13px;
	font-family: 'Lato';
	line-height: 18px;
	padding-left:30px;
	margin-top: 8px;
}

.pd_overview_right ul li { 
	list-style-type: square; 
	width: 220px;
	padding-top: 12px;
	margin-left: 1em;
}
	
.pd_overview_right ul {
	width: 220px;
	float: left;
	margin-left: 0;
    padding-left: 0;
}

.right_overview_text {
	padding-top: 25px;
	float: left;
	right: 5px;
	position: relative;
}

.right_overview_list {
	width: 220px;
	position: relative;
	float: left;
}

.prod_container_pd {
	float: left;
	position: relative;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 15px;
}

.prod_container_last_pd {
	float: left;
	position: relative;
	padding-left: 8px;
	padding-top: 15px;
}

.prod_container_first_pd {
	float: left;
	position: relative;
	padding-right: 8px;
	padding-top: 15px;
}

/* info articles content area */
.section_info_content
{
    width:920px;
	float:left;
	margin:0 0 0 20px;
	position:relative;
	text-align:left;
	font-family: 'Lato';
	font-size:14px;
	line-height:normal;
	color:#333333;
}

.section_info_content h1
{
    font-family: PerpetuaMT;
	font-size:36px;
	font-weight:normal;
	text-decoration:none;
	color:#4B4B4B;
	margin-bottom:0px;
	border-bottom:none;
}

.section_info_content h2
{
	font-family: 'Lato';
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	margin-top:15px;
	margin-bottom:0px;
	border-bottom:none;
}

.section_info_content h3
{
	font-family: 'Lato';
	font-size:16px;
	color:#821718;
	padding-bottom:2px;
}

.section_info_content a
{
	text-decoration:none;
	color:#821718;
}

.section_info_content a:hover
{
	text-decoration:underline;
	color:#821718;
}

.section_info_content a:hover, a:active
{
    outline: none;
}

.section_info_content p
{
	font-family: 'Lato';
	font-size:14px;
	line-height:normal;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
	line-height:18px;
}

.section_info_content ul
{
    list-style:disc !important;
    list-style-position: inside !important;
	float:left;
	margin:0 0 25px 20px !important;
	padding:0px !important;
}

.section_info_content li
{
    font-family: 'Lato';
    list-style-position: outside;
    font-size:14px;
    line-height:normal;
	margin:5px 0 0 0 !important;
	padding:0px !important;
}

/* info content article area */
.info-content-area
{
    width:920px;
	float:left;
	margin:0 0 0 20px;
	position:relative;
	text-align:left;
	font-family: 'Lato';
	font-size:16px;
	line-height:1.5;
	color:#333333;
}

.info-content-area h1
{
    font-family: PerpetuaMT;
	font-size:36px;
	font-weight:normal;
	text-decoration:none;
	color:#4B4B4B;
	margin-bottom:0px;
	border-bottom:none;
}

.info-content-area h2
{
	font-family: 'Lato';
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	margin-top:15px;
	margin-bottom:0px;
	border-bottom:none;
}

.info-content-area h3
{
	font-family: 'Lato';
	font-size:18px;
	color:#821718;
	padding-bottom:2px;
}

.info-content-area a
{
	text-decoration:none;
	color:#821718;
}

.info-content-area a:hover
{
	text-decoration:underline;
	color:#821718;
}

.info-content-area a:hover, a:active
{
    outline: none;
}

.info-content-area p
{
	font-family: 'Lato';
	font-size:16px;
	line-height:normal;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
	line-height:1.5;
}

.info-content-area ul
{
    list-style:disc !important;
    list-style-position: inside !important;
	float:left;
	margin:0 0 25px 20px !important;
	padding:0px !important;
}

.info-content-area li
{
    font-family: 'Lato';
    list-style-position: outside;
    font-size:16px;
    line-height:normal;
	margin:5px 0 0 0 !important;
	padding:0px !important;
}


/* general style - general content */

.section_gen_content
{
    width:1040px;
}

.section_contact_form_row
{
	padding:4px 0 4px 0;
	
}

.section_contact_form_row_text
{
    float:left;
    padding:3px 10px 0 10px;
    width:100px;
    text-align:right;
}

.section_contact_form_row_input
{
	float:left;
	width:340px;
}

.section_contact_form_row_error
{
	float:left;
	width:250px;
    padding:3px 0 0 10px;
	color:Red;
}

.section_contact_form_row_captcha
{
	float:left;
	width:200px;
}

.section_contact_form_row_captchaerror
{
	float:left;
	width:350px;
    padding:3px 0 0 10px;
	color:Red;
	vertical-align:middle;
}


.form_text_box{
	width:340px;
	height:20px;
	line-height:20px;
	outline:none;
	border:1px solid #999999;
	text-align:left;
    padding-left:3px;
	font-size:14px;
	color:#666666;
	display:block;
	float:left;
	margin-right:2px;
}

.form_text_box:focus{
	width:340px;
	height:20px;
	line-height:20px;
	outline:none;
	border:1px solid #666666;
	text-align:left;
    padding-left:3px;
	font-size:14px;
	color:#333333;
	display:block;
	float:left;
	margin-right:2px;
}

.form_text_captcha_input{
	width:200px;
	height:20px;
	line-height:20px;
	outline:none;
	border:1px solid #999999;
	text-align:left;
    padding-left:3px;
	font-size:14px;
	color:#666666;
	display:block;
	float:left;
	margin-right:2px;
}

.form_text_captcha_input:focus{
	width:200px;
	height:20px;
	line-height:20px;
	outline:none;
	border:1px solid #666666;
	text-align:left;
    padding-left:3px;
	font-size:14px;
	color:#333333;
	display:block;
	float:left;
	margin-right:2px;
}

.form_text_multiline_box{
	width:340px;
	line-height:16px;
	outline:none;
	border:1px solid #999999;
	text-align:left;
	font-size:14px;
    padding:3px;
	color:#666666;
	display:block;
	float:left;
	margin-right:2px;
}

.form_text_multiline_box:focus{
	width:340px;
	line-height:16px;
	outline:none;
	border:1px solid #666666;
	text-align:left;
	font-size:14px;
    padding:3px;
	color:#333333;
	display:block;
	float:left;
	margin-right:2px;
}


/* news section */

.bloglink{
    font-family:'Lato';
    font-size:12px;
    font-weight:normal;
    padding:10px 0;
}

.bloglink a{
    text-decoration:none;
    color:#821718;
}

.bloglink a:hover{
    text-decoration:underline;
}

.news_section{
    position:relative;
    top:30px;
    margin-bottom:30px;
    font-family: 'Lato';
	font-size:14px;
	font-weight:normal;
	color:#030000;
}

.news_section a{
	color:#821718;
	text-decoration:none;
	}
	
.news_section a:hover{
	text-decoration:underline;
	}	
	
.news_section_body_row
{
    padding:5px 0;
}

.newsdate{
    font-size:12px;
}

.newsintro{
    color:#666;
}
.news_section_content_img{
	padding-bottom:10px;
	float:left;
	font-size:14px;
	color:#2a2a2a;
	width:100px;
}

.news_section_content_img img {
    width:75px;
    height:75px;
    border:2px solid #ccc;
    }

.news_section_content_title{
	padding:0 0 10px 0;
	float:left;
	font-size:14px;
	color:#2a2a2a;
	width:900px;
}

/* MY ACCOUNT PAGE */

.section_gen_subsection{
	margin:0 0 37px 0;
	padding-top: 20px;
    border-top:1px dotted #666;
	
}
.section_gen_head{
	font-family: PerpetuaMT;
	font-size:18px;
	color:#333333;
	padding:0 0 14px 0;
	border-bottom:1px dotted #666;
	margin:0 0 9px 0;
}
.section_gen_buttonrow
{
    margin-left:175px;
    }
    
.account_row{
	margin:10px 0 15px 0;
	float:left;
}
    
.account_address_segment{
	width:358px;
	padding-bottom:3px;
	float:left;
}    
    
.account_address{
	width:250px;
	margin:0 8px 0 0;
	padding-bottom:25px;
	float:left;
}

.account_modify
{
    width:40px;
	margin:0 0 0 -75px;
	padding-right:10px;
	float:left;
	position:relative;
}

.account_modify_shipping
{
    width:40px;
	margin:0 0 0 -60px;
	padding-right:10px;
	float:left;
	position:relative;
}

.giftcard_row{
	margin:0 0 15px 0;
	float:left;
}

.giftcard_number{
	width:300px;
	margin:0 8px 0 0;
	padding-bottom:3px;
	float:left;
}

.giftcard_balance{
	width:100px;
	margin:0 8px 0 0;
	padding-bottom:3px;
	float:left;
}

.order-history{
    line-height:1.2;
    font-size:14px;
}

.order-history th{
    color:#fff;
    background-color:#2a2a2a;
    padding:10px 5px;
}

.orderhistory_section
{
	border:1px solid #CCC;
	color:#45433f;
	font-size:14px;

}

.orderhistory_row{
	padding:5px;
	border-bottom:1px dotted #666;
	float:left;
}

.orderhistory_number{
	width:125px;
	margin:0px;
	padding:5px;
	float:left;
    line-height:1.2;
}

.orderhistory_date{
	width:75px;
	margin:0px;
	padding:5px;
	float:left;
    line-height:1.2;
}

.orderhistory_review{
	width:125px;
	margin:0px;
	padding:5px;
	float:left;
    line-height:1.2;
}

.orderhistory_details{
	width:430px;
	margin:0 8px 0 0;
	padding:5px;
	float:left;
    line-height:1.2;

}
.orderhistory_amount{
	width:88px;
	margin:0px;
	padding:5px;
	float:left;
    line-height:1.2;
}


.toplinks{
    font-family:Lato;
    font-weight:normal;
    font-size:14px;
    color:#821718;
}


/* General Secondary Content Page Styles */

.inner_content_area{
    margin-left:20px;
    padding:0;
    color:#333;
}

.inner_content_area h1 {
	font-size:41px;
	color:#333;
	font-family: 'PerpetuaMT';
    font-weight:normal;
    padding-bottom:20px;
}

.inner_content_area p {
    font-size:14px;
    font-family:'Lato';
    font-weight:normal;
    line-height:18px;
    color:#333;
    }

.signin_box_bg
{
	width:350px;
	padding-bottom:7px;
	margin:0 50px 20px 0;
	float:left;
}

.margin_bottom
{
    margin-bottom:15px !important;
}

.margin_login{
    margin-bottom:3px; 
    margin-top:40px;
}

.margin_login2{
    margin-bottom:3px; 
    margin-top:20px;
}

/*request a catalog page form*/

.catalog_form_row 
{
    height:15px;
    vertical-align:middle;
    padding:5px;
}

.catalog_form_left 
{
    float:left;
    text-align:right;
    width:200px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:15px;
}

.catalog_form_right
{
    float:left;
    text-align:left;
}

/*shipping page tables*/

.tableframe{
    border: 1px solid #CCC; 
}

.tableheader{
    background-color:#821718;
    color:#FFF;
    padding:5px;
    font-weight:bold;
}

.tablecell{
    border-bottom: 1px solid #CCC; 
    border-right: 1px solid #CCC;
    padding:5px;
    font-weight:normal;
}

/*commercial customers page */

.continue_checkout_wrapper {
    padding-left: 225px;
}

.principal-owners-container h4
{
    padding: 10px 40px 0 40px;
}
.principal-owners-container h5
{
    padding: 5px 70px 0 70px;
}
.principal-owners-container textarea,
.textarea-company-information
{
    height:60px;
    margin-bottom: 10px;
}
.continue_button:disabled
{
    background-color:#a19d83;
    cursor:default;
}

/* Grill Club */
.grill-top-area 
{
    padding: 5px 0 5px 0;
}

.grill-top-row 
{
    padding: 0px; margin-bottom: 10px;
}

.grill-top-row .top-row-Lft 
{
    float: left;
    width: 120px;
    padding-top:6px;
}

.grill-top-row .top-row-Rht 
{
    float: left;
}

.grill-top-row .top-row-Rht-radio
{
    float: left;
    padding-top:7px;
}

.grill-bottom-area 
{
    padding: 0;
}

.grill-bottom-row 
{
    padding: 0px; margin-bottom: 10px;
}

.grill-bottom-row .bottom-row-Lft 
{
    float: left;
    margin-right: 20px;
    font-family: 'Lato';
    font-size: 14px;
}

/*related products*/
.compli_items{
	margin:50px 0 0 0;
	padding-top: 20px;
	border-top:1px solid #ccc;
}

.compli_head{
	font-family: PerpetuaMT;
	font-size:22px;
	color:#666;
	padding:0 0 5px 12px;
	border-bottom:1px solid #ccc;
	margin:0 0 9px 0;
    font-weight:normal;
}

.product_box_related {
	background:#fff;
	height:415px;
	width: 222px;
	border:1px solid #dfdfdf;
	padding:11px 11px 12px 11px;
}

.product_box_related .prodtitle { 
    font-family: PepertuaMT;
    font-size: 17px;
    font-weight:normal;
    color: #821718;
}

.product_box_related .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.product_box_related .prodtitle a:hover { 
    text-decoration:underline;
}

.product_box_related .product_box_image img{
	margin:0px 0 7px;
	border:0px;
    width:222px;
    height:222px;
}

.add_to_related { 
padding-top: 10px;
}

.add_order_related {
	height: 30px;
	min-height: 30px!important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.qtyadd_related {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border:none;
}

.qtyless_related {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 0px;
    height: 30px;
    width: 30px;
    border:none;
}

        .qtyno_related {
            border: 1px solid #ccc;
            color: #767676;
            display: block;
            float: left;
            font-size: 18px;
            height: 28px;
            line-height: 26px;
            outline: medium none;
            text-align: center;
            width: 30px;
            padding-left: 1px;
            padding-right: 1px;
        }

.buy-main-button
{
    float:right;
    padding:10px 60px 0 0;
}

.product_box_recent {
	background:#fff;
	height:300px;
	width: 222px;
	border:1px solid #dfdfdf;
	padding:11px 11px 12px 11px;
}

.product_box_recent .prodtitle { 
    font-family: PepertuaMT;
    font-size: 17px;
    font-weight:normal;
    color: #821718;
}

.product_box_recent .prodtitle a { 
    color: #821718;
    text-decoration:none;
}

.product_box_recent .prodtitle a:hover { 
    text-decoration:underline;
}

.product_box_recent .product_box_image img{
	margin:0px 0 7px;
	border:0px;
    width:222px;
    height:222px;
}


/* add to cart btn */

.btn-5 {
	color: #fffef0;
	overflow: hidden;
	background-color: #821718;
	font-family: 'Lato';
	font-size: 13px;
	width: 154px;
	height: 30px;
	font-weight: bold;
}

.btn-5:active {
	border-color: #b50103;
	color: #b50103;
}

.btn-5:hover {
	background: #b50103;
}

.btn-5:before {
	position: absolute;
	height: 100%;
	font-size: 100%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-5:active:before {
	color: #b50103;
}

.btn-5c:before {
	left: 70%;
	opacity: 0;
	top: -8px;
}

.btn-5c:hover:before {
	left: 85%;
	opacity: 1;
	top: -8px;
}




/* START OF CHECKOUT AREA SPECIFIC CSS CODE */

.section{
	width:720px;
	float:left;
	margin:21px 0 0 0;
	position:relative;
}

.clear {
	clear: both;
}

/*---- CSS for shopping cart page----*/
.buttonlistTable, td 
{
    margin-bottom:10px !important; 
    line-height:30px !important;
}

.buttonlistTable, input[type="radio"] 
{
    margin-bottom: 2px;    
}

.buttonlistTable, input[type="checkbox"]
{
    margin-top: 4px !important;
}

.buttonlistTable, label 
{
    padding-left: 10px !important;
}


.drleft label {
    padding-left: 0px !important;
}


.checkout-fullwidth
{
	width:1298px !important;
	margin:0 auto !important;
}

.checkout-fullwidth-header
{
	width:1298px !important;
}
.checkout-nav-box
{
	border-bottom:1px dotted #afafaf;
	background-color:#FFF;
	font-size:16px;
    font-family:'Lato';
}

    .checkout-nav-box .checkout-step {
        padding: 0px 25px 8px 0px;
        float: left;
        color: #767676;
    }

    .checkout-nav-box .checkout-step-last {
        padding: 0px 25px 8px 0px;
        float: left;
        color: #767676;
    }

        .checkout-selected {
            color: #821718 !important;
            font-weight: bold;
            font-size: 14px;
        }

.checkout-fullwidth
{
    width:1298px;
}

.checkout-fullwidth-leftarea
{
	float:left;
	width:890px;
	padding-right:23px;
}



.interior_padding_8
{
	padding:12px;
}

.border-top-details{
border-top:1px solid #a4a086;
}

.checkout-fullwidth-rightarea .inner-rightarea .sectioninfo
{
	margin:0 0 20px 0;
}
.checkout_header
{
	margin:12px 0 6px 0 !important;
	padding:0 0 0 0 !important;
	width:1298px;
}

.checkout_header_margin
{
    margin:14px 0 26px 0 !important;
}

.checkout_header_btmmargin
{
    margin:20px 0 36px 0 !important;
}




.checkout_header h1.standard
{
	font-family: 'PerpetuaMT';
	font-size:24px;
	color:#821718;
	font-weight:normal;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:0px;
}

.checkout_header h1.header
{
	font-family: 'PerpetuaMT';
	font-size:24px;
	color:#821718;
	font-weight:normal;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:0px !important;
	width:200px;
	height:15px;
}

.returning_login_row
{
    margin:0px;
}

.returning_login_row_left
{
    float:left;
    text-align:left;
    width:200px;
    padding-right:10px;
    padding-top:2px;
	padding-bottom:3px;
}

.returning_login_row_right
{
    float:left;
    text-align:left;
	padding-bottom:5px;
}

.returning_login_row_left_buttons
{
    float:left;
    text-align:left;
    width:200px;
    padding-right:10px;
    padding-top:10px;
	padding-bottom:3px;
}

.returning_login_row_left_text
{
    float:left;
    text-align:left;
    width:200px;
    padding-right:10px;
    padding-top:15px;
	padding-bottom:3px;
}

.returning_login_row_left_text p a, .returning_login_row_left_text p a:visited
{
	color:#821718;
	text-decoration:none;
    font-size:14px;
}

.returning_login_row_left_text p a:hover
{
	text-decoration:underline;
    color:#333333;
}

.order_details_row
{
    margin:0px;
	min-height:25px;
	padding-bottom:5px;
    font-family:Lato;
    font-weight:normal;
    color:#333333;
    font-size:14px;
}

.order_details_row p.infotext
{	
	font-weight:normal;
	color:#821718;
}

.order_details_row p.infotext a
{	
	font-weight:bold;
	color:#821718;
	text-decoration:none;
}

.order_details_row p.infotext a:hover
{	
	font-weight:bold;
	color:#821718;
	text-decoration:underline;
}

.order_details_row p {
	
	font-weight:normal;
}

.order_details_row p.strong {

	font-weight:bold;
	text-transform:uppercase;
}

.order_details_row_qty
{
	float:left;
	text-align:left;
	width:25px;
}

.order_details_row_item
{
	float:left;
	text-align:left;
	width:235px;
}

.order_details_row_left
{
	float:left;
	text-align:left;
	width:260px;
}

.order_details_row_right
{
	float:left;
	text-align:right;
	width:77px;
}

.border-light
{
	border-bottom:1px dotted #afafaf;
}

.border-dark
{
	border-bottom:1px solid #5d5852;
}

.margin-top-15
{
	margin-top:15px !important;
}

.margin-top-10
{
	margin-top:10px !important;
}

.margin-top-5
{
	margin-top:5px !important;
}

.passreset_box_bg
{
	width:400px;
	padding-bottom:7px;
	margin:0 18px 20px 0;
	float:left;
}

.passreset_box
{
	height:300px;
	width:400px;
	border:1px solid #a4a086;
	padding:8px 8px 0 8px;
	background:#fff;
	color:#45433f;
	font-size:14px;
	line-height:normal;
}
.passreset_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}

.passreset_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.passreset_box .passreset_row1
{
    line-height:normal;
    width:384px;
    display:block;
    padding:5px 0px;
}
.passreset_row1 li
{
    display:block;
    float:left;
}
.passreset_box .passreset_row2
{
    line-height:normal;
    width:384px;
    display:block;
    padding:5px 0px;
}
.passreset_row2 li
{
    display:block;
    float:left;
}

.passreset_label 
{
    width:145px;
    text-align:right;
    padding-right:5px;
}

.passreset_field
{
    width:234px;
    text-align:left;
}

.chgpswd_button
{
	color:#fff;
	width:170px;
	height:26px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:16px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin:8px 4px 60px 0;
	padding-bottom:5px;
}

.shop_cart_frame
{
	width:100%;
}

.shop_cart_table
{
	width: 100%;
	float: right;
	margin-bottom: 28px;
}

.shop_cart_table h2
{
	font-family: 'Lato';
	font-size:18px;
	color: #767676;
	margin-bottom:10px;
	font-weight:normal;
}

.shop_cart_desc_box
{
       padding:0 0 6px;
}        

.shop_cart_header_box
{
       width:1298px;
       height:49px;
       border-top: 1px dotted #e5e5e5;
       border-bottom: 1px dotted #e5e5e5;
       vertical-align:middle;
       padding-top:1px;
       padding-bottom:1px;
}   
       
.shop_cart_header
{
    width:100%;
    color:#fff;
    font-size:16px;
    font-family:Lato;
    font-weight:bold;
    color:#333333;
    background:#e5e5e5;
    height:42px;
    vertical-align:middle;
    padding-top:7px;
}      
.shop_cart_header li
{
       display:block;
        float:left;
}
       
.shop_cart_desc_box .row_bottom
{
       width:386px;
} 

.shop_cart_item_row
{
	width:100%;
	background:#fff;
	font-size:14px;
	height:91px;
	line-height:32px;
	border-bottom:1px dotted #afafaf;
}

.shop_cart_item_row ul
{
       list-style:none;
       clear:both;
       overflow:hidden;
}
       
.shop_cart_item_row li
{
       display:block;
       float:left;
}

.fullwidth-shopcart-shipments
{
    width:718px !important;
    height:30px !important;
}
       
.fullwidth-shopcart
{
    width:1298px !important;
    height:auto !important;
    min-height:54px !important;
}

.box-shipments
{
	width:691px;
	padding-top:7px;
	padding-left:9px;
	line-height:normal;
	margin-bottom:7px !important;
	font-weight:bold;
	text-transform:uppercase;
}

.box1-shopcart
{
	width:840px;
	padding-top:7px;
	padding-left:20px;
    padding-right:20px;
	line-height:18px;
	margin-bottom:7px !important;
	font-size:12px;
    font-family:Lato;
    color:#333333;
    font-weight:normal;
}

.box1-shopcart a, .box1-shopcart a:visited
{
	text-decoration:none !important;
	font-weight:normal;
	font-size:16px;
    font-family:Lato;
    color:#821718;
}

    .box1-shopcart a:hover {
        color:#333333;
        text-decoration:underline !important;

    }
        .box1-shopcart-heading {
            width: 860px;
            padding-top: 7px;
            padding-left: 20px;
            line-height: normal;
            margin-bottom: 7px !important;
            font-weight: normal;
        }

        .box2-shopcart-heading {
            width: 200px;
            padding-top: 7px;
            line-height: normal;
            margin-bottom: 7px !important;
            font-weight: normal;
        }
	
.box2-shopcart
{
	width:200px;
	padding-top:7px;
	font-weight:normal;
	line-height:normal;
	margin-bottom:7px !important;
}

.box2-shopcart a
{
	color:#821718;
	text-decoration:none;
}
    
.box2-shopcart .cell-wrap
{
    margin:0;
    height:auto;
}

.box2-shopcart .cell-wrap .cell-wrap-left
{
    float:left;
}

.box2-shopcart .cell-wrap .cell-wrap-left .qtyno{
	width:60px;
	height:30px;
	line-height:16px;
	outline:none;
	border:1px solid #dfdfdf;
	text-align:center;
	font-size:16px;
	color:#333333;
	display:block;
	float:left;
	margin-right:2px;
}

.box2-shopcart .cell-wrap .cell-wrap-right
{
    float:left;
    padding-left:15px;
    font-size:11px;
    vertical-align:middle;
}

.box2-shopcart .cell-wrap .cell-wrap-right a, .box2-shopcart .cell-wrap .cell-wrap-right a:visited
{
    float:left;
    vertical-align:middle;
    font-family:Lato;
    font-size:10px;
    font-weight:normal;
    text-decoration:none !important;
    color:#821718;
    padding-top:10px;
}

    .box2-shopcart .cell-wrap .cell-wrap-right a:hover {
        text-decoration:underline !important;
        color:#333333;
    }

.cart-qty{
	width:60px;
	height:30px;
	line-height:16px;
	outline:none;
	border:1px solid #dfdfdf;
	text-align:center;
	font-size:16px;
	color:#333333;
	display:block;
	float:left;
	margin-right:2px;
}



        .box3-shopcart {
            width: 188px;
            padding-top: 7px;
            padding-right: 30px;
            line-height: normal;
            margin-bottom: 7px !important;
            text-align: right !important;
            font-family: Lato;
            font-size: 16px;
            color: #333333;
            font-weight: normal;
        }
	
.titlebar .box3-shopcart
{
	font-weight:normal;
	line-height:27px;
	padding-top:0px !important;
	margin-bottom:0px !important;
} 

/* Shopping Cart - Coupons & Notes */

.shop_coupon-notes-table
{
    width:540px;
	padding:0 0 6px 0;
	float:left;
    margin-top:20px;
    border:1px dotted #afafaf;
}

.shop_coupon-notes-table ul{
    list-style:none;
}

.shop_coupon-notes-table .main-cell
{
    padding:4px 8px;
    font-family:'Lato';
    font-size:12px;
    color:#5d5852 !important;
}

.shop_coupon-notes-table .main-cell .couponrow{
    margin-bottom: 10px;
    }

.shop_coupon-notes-table .main-cell .couponrow .appliedcoupons{
    padding-top:3px; 
    padding-left: 157px;
    }

.shop_coupon-notes-table .main-cell .instructionsrow{
    margin-bottom: 10px;
    }

.shop_coupon-notes-titlebar
{
	height:27px;
	line-height:27px;
}

        .shop_coupon-notes-table_header {
            width: 540px;
            padding-left: 9px;
            color: #FFF;
            font-size: 16px;
            color: #5d5852 !important;
            font-family: Lato;
            font-weight: normal;
        }

.promocode-box{
	width:200px;
	height:20px;
	line-height:16px;
	outline:none;
	border:1px solid #afafaf;
	text-align:left;
	font-size:13px;
	color:#5d5852;
	margin-right:10px;
    font-family:Lato;
    padding-left:3px;
}
    .promocode-box:focus {
        border:1px solid #5d5852;
    }

.notes-box-shoppingcart{
	outline:none;
	border:1px solid #afafaf;
	text-align:left;
	font-size:13px;
	color:#5d5852;
	display:block;
	float:left;
	margin:5px 0 10px 0;
    font-family:Lato;
}

.notes-box-shoppingcart:focus{
        border:1px solid #5d5852;
    }

.checkout_now_button
{
	color:#fff;
	width:160px;
	height:30px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:18px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.continue_checkout_button
{
	color:#fff;
	width:200px;
	height:30px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:18px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin:0 4px 60px 0;
	padding-bottom:5px;
}


.notes-box{
	outline:none;
	border:1px solid #a19d83;
	text-align:left;
	color:#45433f;
	font-family: 'Lato';
	font-size:12px;
	display:block;
	float:left;
	margin:10px 0 10px 0;
}

.update_cart_button
{
	color:#fff;
	width:80px;
	height:22px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	margin-right:4px;
	padding-bottom:5px;
}
.update_cart_button_grey
{
	color:#fff;
	width:80px;
	height:22px;
	border:1px solid #5d5852;
	background:#a09b95;
	font-size:13px;
	font-family: 'Lato';
	margin-right:4px;
	padding-bottom:5px;
}


/* Checkout CSS */ 

.checkout_area
{
    margin:0px;
}
	
.checkout_area .checkout_box_bg
{
	margin-right:60px;
}	
	
.checkout_box_bg
{
	width:350px;
	padding-bottom:7px;
	margin:0 18px 20px 0;
	float:left;
}

.shadow_returningcustomers
{

	padding-bottom:7px;
	float:left;
}

.shadow_orderdetails
{
	padding-bottom:30px;
	float:left;
}

.checkout_box
{
	height:250px;
	border:1px solid #a4a086;
	padding:8px 8px 0 8px;
	background:#fff;
	color:#45433f;
	font-size:13px;
}

.margin_bottom
{
    margin-bottom:15px !important;
}

.checkout_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}

.checkout_box h3 a{
	color:#821718;
	text-decoration:none;
	}
	
.checkout_box h3 a:hover{
	text-decoration:underline;
	}
		
.checkout_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.checkout_box p a
{
	color:#821718;
	text-decoration:none;
}

.checkout_box p a:hover
{
	text-decoration:underline;
}

.list_box-text strong
{
	color: #767676;
	font-size:11px;
	font-weight:normal;
	font-family: 'Lato';
}

.icon_text
{
	padding:6px 0 0 30px;
	clear:both;
	overflow:auto;
}

.loginbox{
	width:320px;
	height:31px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
}

    .loginbox:focus {
    border:1px solid #818181;
    color:#333333;
    }

.login_button
{
	color:#fff;
	width:75px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.cancel_button
{
	color:#fff;
	width:70px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}
.newaccount_button
{
	color:#fff;
	width:150px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.login_button
{
	color:#fff;
	width:50px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

/*Byteant: Basket Display Changes*/
.shipment-panel
{
    background-color: #d6d5d4;
    padding-left:7px;
    border-left: 1px solid #a19d83;
    border-right: 1px solid #a19d83;
}
.shipment-panel > a
{
    font-size:11px;
    color:#821718;
    margin-left:10px;
}
.shipment-panel > span
{
    font-size:14px;
}
.shipment-tooltip
{
    background-color:white;
    padding:10px;
    border:1px solid black;
}
.cart-summary-subtotals
{
    width:440px;
    float:right;
}
h3.shipment-header
{
    margin:8px 0 0 -8px;
    font-size:13px;
}
.cart-summary-subtotals .checkout-details
{
    width:440px;
    float:right;
}
.cart-summary-subtotals .checkout_now_button
{
    margin-right:0px;
    float:none;
}

.checkout-details li{
    display:block;
    float:left;
}

.box-checkout1{
	width:440px;
	padding-top:7px;
	padding-left:9px;
	line-height:normal;
	margin-bottom:7px !important;
	}

.box-checkoutbtn{
	width:201px;
	padding-top:7px;
	font-weight:normal;
	line-height:normal;
	text-align:left;
	}

.update_cart_button
{
	color:#fff;
	width:80px;
	height:22px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	margin-right:4px;
	padding-bottom:5px;
}
		
.box-checkout2{
	width:109px;
	font-size:16px;
	text-align:right;
	padding-top:7px;
	font-weight:normal;
	line-height:normal;
	margin-bottom:7px !important;
    font-family:'Lato';
	}
	
.box-checkout3{
	width:100px;
	font-size:16px;
	font-weight:bold;
	padding-top:7px;
	padding-right:30px;
	line-height:normal;
	margin-bottom:7px !important;
	text-align:right;
    font-family:'Lato';
	}

/*Byteant: end Basket Display Changes*/


/*---- CSS for create account page----*/

.new_account_box
{
	border:1px solid #a4a086;
	padding:8px;
	background:#fff;
	color:#45433f;
	font-size:13px;
	margin:10px 0;
}

.new_account_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}
		
.new_account_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.new_account_box p a
{
	color:#821718;
	text-decoration:none;
}

.new_account_box p a:hover
{
	text-decoration:underline;
}

/*---- CSS for checkout billing & shipping page and Create Account page ----*/

.new_information_box
{
	border:1px dotted #5d5852;
	padding:20px;
	background:#fff;
	color:#333;
	font-size:13px;
	margin-bottom:25px;
}

.new_information_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}

.new_information_box h4
{
	font-size:14px;
	color:#45433f;
	font-family: 'Lato';
	font-weight:bold;
}

.new_information_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.new_information_box p a
{
	color:#821718;
	text-decoration:none;
}

.new_information_box p a:hover
{
	text-decoration:underline;
}

.newinfo_cell 
{
    height:15px;
    vertical-align:middle;
}

.newinfo_cell_left 
{
    float:left;
    text-align:right;
    width:200px;
    padding-right:10px;
    padding-top:12px;
}

.newinfo_cell_right
{
    float:left;
    text-align:left;
    padding:5px 0;
}


.newinfo_cell_full_row
{
    float:left;
    padding-right:10px;
    padding-top:2px; 
    width:700px;
}

.checkbox, .radio
{
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/App_Templates/Skin_4/css/images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}

.radio
{
	background: url(/App_Templates/Skin_4/css/images/radio.png) no-repeat;
}


.copy_shipping_button
{
	color:#fff;
	width:135px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.continue_button
{
	color:#fff;
	width:200px;
	height:30px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:18px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}




/* signin.aspx CSS */
.signin_box
{
	height:380px;
	border:1px solid #a4a086;
	padding:8px 8px 0 8px;
	background:#fff;
	color:#45433f;
	font-size:13px;
	line-height:normal;
}

.signin_box .sectiontitle
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
    font-weight:normal;
}
.signin_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}

.signin_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.login_emailaddress
{
    height:25px;
}

.login_password
{
    height:50px;
}

.login_rememberpassword
{
    height:15px;
}

.forgot_pass_box
{
	width:250px;
	margin-bottom:15px;
	float:left;
	padding:8px 8px 0 8px;
	color:#45433f;
	font-size:13px;
	line-height:normal;
}

.new_pass_button
{
	color:#fff;
	width:200px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.new_customer_button
{
	color:#fff;
	width:205px;
	height:20px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:13px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin-right:4px;
	padding-bottom:5px;
}

.newacct_billing_row
{
    margin:0px;
}

.newacct_billing_row_left
{
    float:left;
    text-align:left;
    width:150px;
    padding:2px 10px 15px 15px;
    font-family:'Lato';
    font-weight:normal;
    font-size:16px;
    color:#666;
}

.newacct_billing_row_right
{
    float:left;
    text-align:left;
	width:540px;
}

.newacct_billing_row_right select
{
	border:1px solid #cecece;
	width:320px !important;
	height:31px;
    font-family:'Lato';
    font-size:13px;
    font-weight:normal;
    color: #767676;
    display:block;
	float:left;
    padding-left:3px;
    background-color:#FFF;
    padding-top:5px;
}

    .newacct_billing_row_right select:focus {
    border:1px solid #818181;
    color:#333333;
    }


.newacct_billing_row_right span
{
    font-size:12px;
}

.newacct_billing_row_left_checkbox
{
	float:left;
	text-align:right !important;
    width:20px;
    padding-right:10px;
	padding-left:40px;
    padding-top:2px;
    padding-bottom:15px;
}

.newacct_billing_row_right_checkbox
{
    float:left;
    text-align:left;
	width:450px;
}

.bold
{
	font-weight:bold;
}

.newacct_shipping_address
{
	margin:0px;
}

.newacct_shipping_row
{
    margin:0px;
}

.newacct_shipping_row_left
{
    float:left;
    text-align:left;
    width:150px;
    padding-right:10px;
	padding-left:50px;
    padding-top:2px;
    padding-bottom:15px;
}

.newacct_shipping_row_right
{
    float:left;
    text-align:left;
	width:370px;
}

.newacct_shipping_row_left_radiobox
{
	float:left;
	text-align:right !important;
    width:20px;
    padding-right:10px;
	padding-left:20px;
    padding-bottom:5px;
}

.newacct_shipping_row_right_radiobox
{
    float:left;
    text-align:left;
	width:470px;
	padding-top:4px;
}

.newaddressbook_row
{
    margin:0px;
}

.newaddressbook_row a
{
	color:#821718;
	text-decoration:none;
}

.newaddressbook_row a:hover
{
	text-decoration:underline;
}


.newaddressbook_row_left
{
    float:left;
    text-align:left;
    width:150px;
    padding-right:10px;
	padding-left:50px;
    padding-top:2px;
    padding-bottom:15px;
}

.newaddressbook_row_right
{
    float:left;
    text-align:left;
	width:370px;
}

.newaddressbook_billing_row_left_radiobox
{
	float:left;
	width:40px;
	text-align:center !important;
	margin-right:20px;
    padding-top:5px;
    font-family:'Lato';
    
}

.newaddressbook_shipping_row_left_radiobox
{
	float:left;
	width:50px;
	text-align:center !important;
    padding-top:5px;
	margin-right:20px;
    font-family:'Lato';
}

.newaddressbook_row_right_radiobox
{
    float:left;
    text-align:left;
	padding-top:4px;
}

.newaddressbook_row_right_radiobox_profilename
{
    float:left;
    text-align:left;
	padding-top:4px;
	margin-right:20px;
	width:150px;
    font-family:'Lato';
    color: #333333;
}

.newaddressbook_row_right_radiobox_profileaddr
{
    float:left;
    text-align:left;
	padding:4px;
    font-family:'Lato';
    color: #333333;
	}

.newaddressbook_row_right_radiobox_profileaddr a, .newaddressbook_row_right_radiobox_profileaddr a:visited
{
    color: #821718 !important;
    text-decoration:none !important;
}

.newaddressbook_row_right_radiobox_profileaddr a:hover
{
    color: #333333 !important;
    text-decoration:underline !important;
}


.newaddressbook_row_right_radiobox_profileaddr .cell-left
{
    float:left;
    text-align:left;
    width:150px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:15px;
}

.newaddressbook_row_right_radiobox_profileaddr .cell-right
{
    float:left;
    text-align:left;
	width:320px;
}

.newaddressbook_row_right_radiobox_manage
{
    float:right;
    text-align:right;
	padding:4px;
	padding-right:40px;
    font-family:'Lato';
    color: #333333;
}

.newaddressbook_row_right_radiobox_manage a, .newaddressbook_row_right_radiobox_manage a:visited
{
    color: #821718 !important;
    text-decoration:none !important;
}

.newaddressbook_row_right_radiobox_manage a:hover
{
    color: #333333 !important;
    text-decoration:underline !important;
}


.padding-bottom-10
{
	padding-bottom:10px;
}

.padding-10
{
	padding:10px 0;
}

.padding-top-5
{
	padding-top:5px;
}
.margin-left-15
{
    margin-left:15px;
}

.margin-top-15
{
    margin-top:15px;
}

.passreset_box_bg
{
	width:400px;
	padding-bottom:7px;
	margin:0 18px 20px 0;
	float:left;
}

.passreset_box
{
	height:300px;
	width:400px;
	border:1px solid #a4a086;
	padding:8px 8px 0 8px;
	background:#fff;
	color:#45433f;
	font-size:14px;
	line-height:normal;
}
.passreset_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
}

.passreset_box p
{
	line-height:16px;
	font-family: 'Lato';
}

.passreset_box .passreset_row1
{
    line-height:normal;
    width:384px;
    display:block;
    padding:5px 0px;
}
.passreset_row1 li
{
    display:block;
    float:left;
}
.passreset_box .passreset_row2
{
    line-height:normal;
    width:384px;
    display:block;
    padding:5px 0px;
}
.passreset_row2 li
{
    display:block;
    float:left;
}

.passreset_label 
{
    width:145px;
    text-align:right;
    padding-right:5px;
}

.passreset_field
{
    width:234px;
    text-align:left;
}

.chgpswd_button
{
	color:#fff;
	width:170px;
	height:26px;
	border:1px solid #a19d83;
	background:#821718;
	font-size:16px;
	font-family: 'Lato';
	text-transform:uppercase;
	float:left;
	margin:8px 4px 60px 0;
	padding-bottom:5px;
}

/* shipping page CSS */

.shipoptions_header
{
    padding-bottom:0px;
    margin-bottom:0px;
}

.shipoptions_header h1
{
	font-size:36px;
	color:#2a2a2a;
	font-family: PerpetuaMT;
    font-weight:normal;
    line-height:48px;
    border-bottom:1px dotted #afafaf;
    padding-bottom:10px;
    padding-left:10px;
}

.shipoptions_header h4
{
	font-size:16px;
	color:#2a2a2a;
    font-weight:bold;
	font-family: 'Lato';
	padding-top:16px;
	text-transform:uppercase;
    padding-left:20px;
}

.shipoptions_header p
{
	line-height:16px;
	font-family: 'Lato';
    padding-bottom:10px;
    padding-left:10px;
    padding-top:10px;
}

.shipping_option_row
{
    margin:0px;
    color:#2a2a2a;
}

.shipping_option_row_indent 
{
    padding-left:6px;
}

.shipping_option_row_indent_calendar 
{
    padding-left:41px;
}

.shipping_option_row_left_radiobox
{
	float:left;
	text-align:right !important;
    width:20px;
    padding-right:10px;
}

.shipping_option_row_right_radiobox
{
    float:left;
    text-align:left;
	width:570px;
}

.shipping_option_heavy {
    padding-left:57px; 
    padding-bottom:20px;
    line-height:18px;
}

.shipping_option_heavy ul {
    padding-left:15px;
}

.shipping_option_heavy li {
    padding-top:5px;
    
}

/* payment page CSS */
.payment_outer_box
{
	background:#fff;
	color:#666;
	font-size:14px;
	margin-bottom:25px;
    font-weight:normal;
}

.payment_header_top
{
    padding-bottom:0px;
    margin-bottom:0px;
}

.payment_header_top h1
{
	font-size:36px;
	color:#333333;
	font-family: PerpetuaMT;
    font-weight:normal;
    line-height:48px;
    border-bottom:1px dotted #afafaf;
    padding-bottom:10px;
    padding-left:10px;
}


    .payment_header_top h2 {
        font-size: 36px;
        color: #333333;
        font-family: PerpetuaMT;
        font-weight: normal !important;
        line-height: 48px;
        padding-left: 20px;
        font-weight: normal;
    }

    .payment_header_top h4 {
        font-size: 16px;
        color: #333333;
        font-family: 'Lato';
        padding: 6px 20px;
        text-transform: uppercase;
        font-weight: bold;
    }


.payment_header_top p
{
	line-height:16px;
	font-family: 'Lato';
    padding-bottom:10px;
    padding-left:10px;
    padding-top:10px;
}

.error
{
    padding-left:10px;
    color:red;
    font-weight:bold;
}
.address_header
{
    padding-bottom:0px;
    margin-bottom:20px;
}

.address_header h3
{
	font-size:36px;
	color:#333333;
	font-family: PerpetuaMT;
    font-weight:normal;
    line-height:48px;
    border-bottom:1px dotted #afafaf;
    padding-bottom:10px;
    padding-left:10px;
}

.address_header h2
{
	font-size:16px;
	color:#333333;
    font-weight:bold;
	font-family: 'Lato';
	padding-top:16px;
	text-transform:uppercase;
}

.address_header p
{
	line-height:16px;
	font-family: 'Lato';
}

.payment_header
{
    padding-bottom:0px;
    margin-bottom:20px;
}

.payment_header h3
{
	font-size:36px;
	color:#333333;
	font-family: PerpetuaMT;
    font-weight:normal;
    line-height:48px;
    border-bottom:1px dotted #afafaf;
    padding-bottom:10px;
    padding-left:10px;
}

.payment_header h4
{
	font-size:16px;
	color:#333333;
    font-weight:bold;
	font-family: 'Lato';
	padding:16px 0;
	text-transform:uppercase;
    padding-left:20px;
}

.payment_header p
{
	line-height:16px;
	font-family: 'Lato';
    padding-top:10px;
    padding-left:10px;
}

.giftcertmain_header
{
    padding-top:10px;
}

.giftcertmain_header h3
{
	font-size:36px;
	color:#333333;
	font-family: PerpetuaMT;
    font-weight:normal;
    line-height:48px;
    border-bottom:1px dotted #afafaf;
    padding-bottom:10px;
    padding-left:10px;
}

.giftcertmain_header h4
{
	font-size:16px;
	color:#333333;
    font-weight:bold;
	font-family: 'Lato';
	padding:16px 0;
	text-transform:uppercase;
    padding-left:20px;
}

.giftcertmain_header p
{
	line-height:16px;
	font-family: 'Lato';
    padding:10px 0 20px 10px;
    
}

.beige_background
{
    background-color:#efefed;
}

.shipoptions_section_box
{
	padding:8px 8px 14px 20px;
    border:none;
	border-top:1px dotted #afafaf;
}

.shipoptions_section_box h4
{
	font-size:16px;
	color:#333333;
	font-family:'Lato';
	padding:6px 0;
	text-transform:uppercase;
    font-weight:bold;
}

.shipoptions_section_box p
{
	font-size:14px;
	color:#45433f;
	font-family: 'Lato';
    font-weight:normal;
}

.shipoptions_section_box legend, .shipoptions_section_box h2
{
	font-size:28px;
	color:#333333;
	font-family: 'PerpetuaMT';
    font-weight:normal;
	padding-top:6px;
    margin-bottom:0px;
}
fieldset.shipoptions_section_box {
    position: relative;
    padding-top: 50px;
}
fieldset.shipoptions_section_box legend{
    position: absolute;
    top: 0px;
}


.shipping_section_box p
{
	font-size:12px;
	color:#45433f;
	font-family: 'Lato';
    font-weight:normal;
	padding:6px 0;
}

.shipping_section_box h3
{
	font-size:20px;
	color:#821718;
	font-family: 'Lato';
	padding:6px 0;
}


.promo_gitcert_section_box
{
	padding:8px 8px 14px 8px;
}

.top_border{margin-top:10px;}

.payment_option_row
{
    margin:0px;
}

.payment_option_row_left_radiobox
{
	float:left;
	text-align:right !important;
    width:20px;
    padding-right:10px;
    padding-bottom:5px;
}

.payment_option_row_right_radiobox
{
    float:left;
    text-align:left;
	width:130px;
	padding-top:4px;
}

.payment_paypal
{
    float:left;
    text-align:left;
	width:60px;
	padding-top:4px;
}


.payment_cc_row
{
    margin:10px 0;
    padding-left:30px;
}

.payment_cc_col1
{
	float:left;
	text-align:left;
    width:130px;
    padding-top:3px;
}

.payment_cc_col2
{
    float:left;
    text-align:left;
	width:200px;
	padding-right:40px;
}

.payment_cc_select
{
    float:left;
    text-align:left;
	width:145px;
	padding-right:10px;
}

.payment_cc_col3
{
    float:left;
    text-align:left;
	width:100px;
	padding-top:3px;
}

.payment_cc_col4
{
    float:left;
    text-align:left;
	width:120px;
}

.payment_cc_col_month
{
    float:left;
    text-align:left;
	width:90px;
}

.payment_cc_col_year
{
    float:left;
    text-align:left;
	width:70px;
	padding-left:10px;
}

.payment_cc_what
{
    float:left;
    text-align:left;
	width:72px;
	padding-top:4px;
}

.ccbox{
	width:200px !important;
    height:31px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
}

.ccbox:focus {
    border:1px solid #818181;
    color:#333333;
        }

.cscbox{
	width:83px !important;
    height:31px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
}

.cscbox:focus {
    border:1px solid #818181;
    color:#333333;
        }

.promo_code_row, .reason_row
{
	padding:0px 8px 0px 8px;
}

.reason_row 
{
    padding-left:64px;
}

.reason_row select 
{
    margin-bottom:10px;
}

.promo_code_option_row
{
    margin-top:10px;
    padding-bottom:10px;
}

.promo_code_text
{
    float:left;
    width:150px;
    padding-top:3px;
}

.promo_code_input_area{
	float:left;
	width:320px;
}

.promo_code_input_area .promocode-box {
	width:320px;
	height:31px;
	line-height:16px;
	outline:none;
	border:1px solid #cecece;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
    padding-left:3px;
    }

.promo_code_input_area .promocode-box:focus {
    border:1px solid #818181;
    color:#333333;
    }

.promo_code_btn_area{
	float:left;
	width:60px;
	padding:0 20px;
	margin-top:-1px;
}

.promo_code_check_bal_area{
	float:left;
	width:120px;
	text-align:left;
	padding-top:3px;
}
.promo_code_check_bal_area a
{
    color:#821718;
    text-decoration:none;
}

.promo_code_check_bal_area a:hover
{
    color:#821718;
    text-decoration:underline;
}

/* gift card details page */

.giftcert_outer_box
{
	background:#fff;
	color:#45433f;
	font-size:14px;
	margin-bottom:25px;
    font-family: 'Lato';
    line-height:normal;
}

.giftcert_header
{
    padding:8px;
}

.giftcert_header h2
{
	font-size:20px;
	color:#821718;
	padding:6px 0;
}

.giftcert_section_box
{
	padding:8px 8px 14px 8px;
	border-top:1px solid #a4a086;
}

.giftcert_section_box h3
{
	font-size:16px;
	color:#45433f;
	font-family: 'Lato';
	padding:6px 0;
	text-transform:capitalize;
}

.giftcert_row
{
    margin:0;
}

.giftcert_col1
{
	float:left;
	text-align:right;
    width:150px;
    padding-right:10px;
    padding-top:1px;
    margin-top:10px;
}

.giftcert_col2
{
    float:left;
    text-align:left;
	width:400px;
	padding-right:40px;
	margin-top:10px;
}

.giftcertbox{
	width:300px;
	height:16px;
	line-height:16px;
	outline:none;
	border:1px solid #a19d83;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin:0 2px 0 0;
}

.giftcertmultilinebox{
	width:300px;
	line-height:16px;
	outline:none;
	border:1px solid #a19d83;
	text-align:left;
	font-size:13px;
	color: #767676;
	display:block;
	float:left;
	margin-right:2px;
}


/* marble score product detail addition */

.marble_score_product{
	width:54px;
	height:32px;
	position:absolute;
	top:285px;
	right:-8px;
	z-index:999;
}


/* orderconfirmation page */

.email_add
{
    font-size:16px;
    color:#821718;
    font-weight:bold;
}

/* social login items */

.social_login_return_area{
    width:328px;
    border-top:dotted 1px #CCC;
    padding-top:10px;
    padding-bottom:10px;
}

.social_login_return_area p {
    width:328px;
    font-size:14px;
    font-family:Lato;
    color:#333;
    padding-bottom:10px;
}

.social_login_return_area .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-right:10px;

}

.social_login_new_area{
    width:328px;
    padding-bottom:15px;
    margin-bottom:10px;
}

.social_login_new_area p {
    width:328px;
    font-size:14px;
    font-family:Lato;
    color:#333;
    padding-bottom:10px;
}

.social_login_new_area .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-right:10px;
}

.social_login_account_area{
    width:400px;
    padding-bottom:15px;
    margin-bottom:10px;
    float:left;
    padding-right:25px;
}

.social_login_account_area h3{
    font-family: Lato !important;
    font-size: 16px !important;
    color: #333 !important;
}

.social_login_account_area p {
    font-size:14px;
    font-family:Lato;
    color:#333;
    margin-bottom:10px !important;
}

.social_login_account_area .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-right:10px;
}

.social_badge button {
    border-style: none;
    background: none;
    margin: 0;
    padding: 0;
    cursor:pointer;
}
.social_badge button img{
    cursor: pointer;
}
.new-signup-text{
    padding-bottom:5px;
    font-size: 14px;
font-family: Lato;
font-weight: normal;
line-height: 1.5;
color: #333;
}

.social_login_return_checkout{
    width:346px;
    border-bottom:dotted 1px #CCC;
    padding-bottom:10px;
}

.social_login_return_checkout p {
    width:328px;
    font-size:14px;
    font-family:Lato;
    color:#333;
    padding-bottom:10px;
}

.social_login_return_checkout .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-right:10px;
    padding-bottom:5px;

}

.social_login_new_customer{
    width:890px;
    padding:10px 0px 0px 20px;
}

.social_login_new_customer .intro_text {
    width:150px;
    font-size:14px;
    font-family:Lato;
    color:#333;
    float:left;
    padding-top:5px;
}

.social_login_new_customer .social_badge{
    float:left;
    width:35px;
    height:34px;
    padding-left:10px;

}

.setup_intro{
    clear:left;
    padding:10px 0px 0px 20px;
    font-size: 14px;
    font-family: Lato;
    color: #333;
}


/* END OF CHECKOUT AREA SPECIFIC CSS CODE */

/* slider */

.slider_left { 
    position: relative;
    float: left; 
    width: 493px; 
    height: 464px;
}

.slider_right { 
    position: relative; 
    float: right; 
    width: 790px; 
    height: 464px;
}

/* prev / next links */
.cycle-prev, .cycle-next, .cycle-pause, .cycle-play { position: absolute; top: 376px; width: 25px; opacity: 0.4; filter: alpha(opacity=40); z-index: 1200; height: 25px; cursor: pointer; }
.cycle-prev { left: 0px;  background: url(/App_Templates/Skin_4/css/images/arrow-left-on.png) no-repeat;}
.cycle-next { right: 0px; background: url(/App_Templates/Skin_4/css/images/arrow-right-on.png) no-repeat;}
.cycle-prev:hover, .cycle-next:hover, .cycle-pause:hover, .cycle-play:hover { opacity: .9; filter: alpha(opacity=90) }

/* prev / next links */
.cycle-prev2, .cycle-next2 { position: absolute; top: 376px; width: 25px; opacity: 0.4; filter: alpha(opacity=40); z-index: 1200; height: 25px; cursor: pointer; }
.cycle-prev2 { left: 0px;  background: url(/App_Templates/Skin_4/css/images/arrow-left-on.png) no-repeat;}
.cycle-next2 { right: 0px; background: url(/App_Templates/Skin_4/css/images/arrow-right-on.png) no-repeat;}
.cycle-prev2:hover, .cycle-next2:hover { opacity: .9; filter: alpha(opacity=90) }

/* pause / play links */
.cycle-pause, .cycle-play { bottom: 10px; right: 10px; width:26px; top:initial; }
.cycle-pause { background: url(/App_Templates/Skin_4/css/images/icons/fancy_pause.png) no-repeat;}
.cycle-play { background: url(/App_Templates/Skin_4/css/images/icons/fancy_play.png) no-repeat;}

.text-overlay { 
    font-size: 19px; 
    line-height: 27px; 
    text-align: left;
    font-family: 'Lato';
    position: absolute; top: 310px; width: 100%; z-index: 600;
    z-index: 900;
    padding: 20px 35px 0px 35px;
     color:#FFF!important;
}

.text-overlay h2 {
    font-size: 37px;
	font-family: PerpetuaMT;
    font-weight:normal;
    color:#FFF!important;
    line-height:41px;
}

.text-overlay .desc {
    top: 3px;
    position: relative;
}

		.section_content {
			width: 920px;
		}

		.checkout-leftcol {
			width: 890px;
		}

/* do not delete this closing tag below.  Must stay as last line in this file */
}
/* do not delete this closing tag above.  Must bet last line in this file */