/*Merchants--Use this file to make any edits that you wish to override styles in the main stylesheets. By making edits to this CSS file, your styles applied here will cascade and overwrite styles in the main CSS files. This will allow you to replace the entire contents of the main stylesheets should it become necessary to update those to fix styling issues with the themes without losing any of your custom styles.*/

.ys_primary{ background:#3300ff;color:#e9e9e4;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:inline; margin-top:10px;}

/**************************
********* VWD STYLES ******
**************************/

body {
        background: #99ccff url("/lib/yhst-19337668224199/bg2.gif") 99% 100% fixed no-repeat;
}
#bodycontent { 

	float: none;
	width: 650px;
	text-align: left;
	color: #4a2c22;
        margin-left:13px;
        
        /*padding: 0px 10px;*/

/*border:solid 5px blue;*/
}


/**** SITE HTML ****/


#site-html {               /*** Master Container***/
        width: 828px; 
        /*border: 5px solid black;*/
	/*height: 500px;*/

}
#contents {
	border-left: none;
	border-right: none;
        background-color: transparent;
}
#contents .sale-price-bold {
        color: #cb0100;
}
#contents .name {
	font-weight: normal;

}

#contents-table img {
       border: 1px solid #003399; 
}

#contents-table .price {
	margin: 0px;
        text-decoration: line-through;
        color: #003399;
}

#contents-table .sale-price-bold {
        color: #cb0100;
        font-weight: bold;
        padding-bottom: 5px;
}


#contents .name a, #contents-table .name a {
	color: #0033aa;
        text-decoration: none;
}
#contents .price {
	margin: 0px;
        text-decoration: line-through;
        color: #003399;
}

#contents .price-bold, #contents-table .price-bold {
	color: #003399;
	margin: 0px;
        font-weight: bold;
}

#contents-table .horizontal-seperator {
	text-align: center;
        background-color: transparent; 
        /*if BG is removed, CMS BG-C will be applied*/
}
  
#contents .vertical-seperator {
        border: none;
}

#contents .horizontal-seperator {
        border: none;
}

#contents #contents-table{
        border-bottom: none;
}


/**** HEADER ****/


#site-header {  /*STARTS AT HEAD - ENDS AT BODY CONTENT*/
	height: 145px; 
}
#header-table {  /*LITTLE COLOR STRIP BELOW HEADER IMAGE*/
	background-color: none;
}

#header-top { 
	background: #94bcef;
}

#logo { /*STARTS ABOVE HEADER IMAGE*/
}

#header { /* RIGHT SIDE OF HEADER - SEARCH BAR AREA*/
	margin: 0px;
	float:	right;
	background: #94bcef url("/lib/yhst-19337668224199/header-bg.gif") no-repeat;
	height: 145px !important;
	width: 279px;
}
.header-text {
}

#brandmark {
	width: auto;
	line-height: 0;
}

#brandmark a {
	padding: 0px;
}

#searchsubmit {
	padding: 0px;
        margin-top: 6px;
        margin-bottom: 6px;
}

#searcharea { /*CONTAINS SEARCH BAR AND GRAPHIC BELOW*/
	background: none;
	text-align: center;
	margin: 12px 0px 0px 105px;
}

#searcharea fieldset {
	padding: 0px;
}

.labelfield span {
	color: #ffffff;
	font-size: 12px;
}

input#query {
}

.info-search {
        color: #000000 !important;
        background-color: #ffffff !important;
}

#searchpageHeader {
        color: #fff;
        background-color: transparent;
}


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


#site-left-nav {          /*--- Main Nav Container ---*/
	width: 186px;
        margin-top: 12px;
        margin-right: 12px;
        padding-bottom: 12px;
        background: url("/lib/yhst-19337668224199/left-nav-decor.gif") 50% 85% no-repeat; 
}

#bottom-div {
}

#left-nav{
      background: #fffdf0;
      border-right: 3px #009900 solid;
      border-left: 3px #009900 solid;
      border-top: 3px #009900 solid;
}

#left-nav-table{
}

#below-left-nav {         /***Subscribe Area***/
        border: solid 3px #503519;
        background: #fff;
}

.left-navigation { /*Navigation container*/
        text-align: left;
        /*border:solid 3px #009900;*/
        background: #fffdf0;
        width: 180px;
}

.leftnav-button {
        font-size: 1.25em;
}

.leftnav-button-open {
        font-size: 1.25em;
        background: #1bd419;
}

.left-navigation a {
        font-size: 1.15em;
        padding-top: 10px;
        padding-left: 6px;
        padding-right: 6px;
        border-bottom: dashed #009900 1px;
        text-decoration: none;
        color: #009900;
        display: block;
}

.left-navigation a:hover {
        text-decoration: none;
        color: #ff0;
        background: #1bd419;
}

.leftnav-sub-buttons a {
        font-size: 1em;
        padding-left: 5px;
        display: block;
}

#manufacturer-select { /*** ??? ***/
        width: 180px;
}


/*** SWITCH ***/


/*---------- Home page promo area ----------*/

#site-switch {
        /* Content Background */
	background: none; 
        width: 624px;

/*border:3px red solid;*/
}

/*---------- Main page content area ----------*/

#site-switch #messagearea #caption{
        width: 578px;
        background: #fffdf0 top center no-repeat 
url("/lib/yhst-19337668224199/lines.gif");
        border-bottom: 2px solid #009900;
        border-right: 2px solid #009900;
        border-left: 2px solid #009900;
        color: #009900;
        padding-top:5px;
}

#site-switch #messagearea #caption h1{

        color: #057a0a;
        margin:0;
        padding:0;
}

#site-switch #messagearea #caption h2 {
        color: #614629;
        font-size: 1.7em;
 
                
}

#site-switch #messagearea #caption p {
        color: #007700;
        font-size: 1.15em;
        margin-top: 12px;
}



/*---------- End ----------*/

#switch-table {
        width: 624px;
        margin-bottom: 2px;

/*border: solid 5px yellow;*/
}

#maintype #contents {
	float: none;
}

#image1 {  /*--image size 383 x 383--*/
        padding: 6px 0px 6px 13px;
}

#image2 {  /*--image size 185 x 185--*/
	padding: 6px 10px 5px 0px;
}

#image3 {  /*--image size 185 x 185--*/
	padding: 6px 10px 10px 0px;
}

/*---------- Image hovers ----------*/

#image1 img:hover {
        opacity:0.95; 
        filter:alpha(opacity=95);
}

#image2 img:hover {
        opacity:0.95; 
        filter:alpha(opacity=95);
}

#image3 img:hover {
        opacity:0.95; 
        filter:alpha(opacity=95);
}

/*---------- End ----------*/

#sweet-items {
        float:left;
        border: 3px solid #003399;
        margin: 0px 10px 10px 10px;
}

#monthly-specials {
        float:right;
        border: 3px solid #003399;
        margin: 0px 0px 10px 10px;
}

#sweet-items #contents { 
	width: 383px;  
}

#monthly-specials #contents {
	width: 199px;        
}

#monthly-specials #contents #contents-table tr td {
	background-color: #fff;
}

#monthly-specials #contents #contents-table tr td .name a {
	color: #0055ff;
}

#monthly-specials #contents #contents-table tr td .price-bold {
	color: #4a2c22;
}

#sweet-items #contents #contents-table tr td {
	background-color: #fff;
}

#sweet-items #contents #contents-table tr td .name a {
	color: #0055ff;
}

#sweet-items #contents #contents-table tr td .price-bold {
	color: #4a2c22;
}


/*** FOOTER ***/


#site-footer {
	height: 125px;
        background: url("/lib/yhst-19337668224199/footer-bg.gif") no-repeat;
}

#footer {
	background: none;
}

#copyright {
        text-align: center;
        padding: 5px;
        color: #ffffff;
}
#copyright a {
	color: #ffffff;
	text-decoration: none;
}
#footer-links {
        padding: 5px 5px 0px;
        font-size: 9px;
        color: #ffffff;
        text-align: center;
        font-family: arial;
        font-weight: normal;
}
#footer-links a {
        color: #ffffff;
        font-size: 10px;
        text-transform: capitalize;
}

#footer-links a:hover {
        color: #003399;
        text-decoration: none;
}

/*** ITEM PAGE ***/
/*Products area: contains Sweet Items and Monthly Special*/ 


#contentarea { 
        width: 624px;
        color: #ffffff;
        margin-bottom: 10px;
        padding-top: 10px;

/*border: solid 5px green;*/
}

#itemtype #caption {    /*---Text container---*/
        margin: 0px;
}

#contentarea #caption {
        margin: 10px 0px;
        background: #fff;
}


/*----------Product Item Captions ----------*/

#contentarea #caption h1 {
        margin-left: 10px;
       color: #003399;
}

#contentarea #caption p {
        margin: 10px;
        color: #000000;
        font-size: 1.3em;
}

#contentarea #caption h2 {
        background: #005cd0 url("/lib/yhst-19337668224199/blue-square-border.gif") top center no-repeat;
        padding-top:8px;
        padding-bottom:8px;
        padding-left:10px;
        border-bottom: #003399 solid 3px;
        border-right: #003399 solid 3px;
        border-left: #003399 solid 3px;
        margin-bottom: 0px;
        font-size: 1.7em;
}

#contentarea #caption ul {
        color: #012;
        list-style-type:square;
        font-size: 1.1em;
        margin-bottom: 10px;
        margin-top:10px;
        margin-left: 10px;
}

/*----------End----------*/

#itemtype .itemoption {
	font-weight: normal;
}

#itemarea {
        background: transparent;
	margin: 0px;
	padding: 0px;
}

#itemarea img {
        margin-top: 10px;
}

.breadcrumbs {
	color: #ffffff;
	margin: 5px;
        margin-right: 24px;
}
.breadcrumbs a {
	color: #ffffff;
}

.breadcrumbs a:hover {
        text-decoration: none;
        color: #039;
}

#contents td img {
        border: 1px solid #003399;
}


/*** ITEM TABLE ***/  /*ONE ITEM SPECIFIC*/


#itemtable {
	background: #fffdf0;
	text-align: left;
}
#itemtable-header { /* TOP OF CHECKOUT BAR*/
        color: #fff;
        text-align: center;
        font-size: 16px;
        font-weight: 575;
        background: url("/lib/yhst-19337668224199/itemtable-header.gif") no-repeat #00c600;
        padding: 10px 6px;
        border: 3px solid #009900;

}
#itemtable-sku {
	padding:5px;
	border-bottom:1px solid #005703;
}
#itemtable-price {
	padding:5px;
	border-bottom:1px solid #005703;
}
#itemtable-sale-price {
	color:#cb0100;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #005703;
}
#itemtable-you-save {
	color:#cb0100;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #005703;
}
.itemtable-options {
	padding:5px;
	border-bottom:1px solid #005703;
}
#itemtable-quantity {
	padding:5px;
	border-bottom:1px solid #005703;
}
#itemtable-delivery-date {
	padding:5px 10px 0 0;
}
.multiLineOption ul {
        list-style: none;
}
.multiLineOption ul li {
        padding: 3px 0px;
}

/*** SECTION PAGE ***/

/*---------- HEADER AT TOP OF EACH PAGE ----------*/

#section-contenttitle { 
	margin-bottom: 5px;
	background-color:transparent;
	font-weight: bold;
	font-size: 2.3em;
        color: #0055bb;
        margin-left:0px;
        padding-left: 0px;
}

/*** INFO PAGE ***/

#info-div { 
	background: #fff top center no-repeat 
        url("/lib/yhst-19337668224199/info.gif");
        width: 590px;
        border-left: 2px solid #15033d;
        border-right: 2px solid #15033d;
        border-bottom: 2px solid #15033d;
        padding: 5px 10px 5px 10px;
        margin-top: 0px;
        margin-bottom: 6px;
}

#info-div h1 {
        color: #fff;
}

#info-div p{ 
        color: #000;
        font-size: 1.1em;
        padding: 0;
        margin-bottom: 2px;
}

#info-div a {
	color: #003399;
        font-size: 1.13em;
}

#info-div a:hover {
        color: #002266;
}

#privacypolicy {
        padding: 50px;
        margin: 50px;
}

#info-div i {
        display: block;
        color: #000;
        font-size: 1.2em;
        margin-top: 40px;
}


/*** Shipping Tables ***/


#shippingtables th, #shippingtables td{
        border-bottom:solid 1px #fff;
        border-right: solid 1px #fff;
        padding: 5px;
}

#shippingtables th{
        font-size:1.4em;
        color: #fff;
        background: #0d50c0;
}

#shippingtables td{
        background: #c0ddff;
        font-size: 1.3em;
        padding-right: 10px;
}
#shippingtables tbody tr:hover td {
    background-color: #EEE;
    color: #222
}

/*---------- Recipe Images ----------*/

.image-r {
        background: transparent;
}

.image-r img{
        margin-top: 50px;
        margin-right: 10px;
        padding:0;
        border: 1px #039 solid;
}


/*---------- Random Spans ----------*/

.bluesmall {
font-weight: 600;
color: #003399;
font-size: 1em;
}

.blue {
font-weight: bold;
color: #003399;
font-size: 1.05em;
}

.bigblue {
font-weight: bold;
color: #003399;
font-size: 1.3em;
}

.boldred {
        color: #cb0100;
        font-weight: bold;
        font-size: 1.05em;
}

.boldblack {
        font-weight: bold;
        color: #000000;
        font-size: 1.12em;
}


/*---------- Header Classes ----------*/

.specialhead{
        background: url("/lib/yhst-19337668224199/underline.gif") bottom left no-repeat;
        color: #1155aa;
        font-size: 1.6em;
        margin: 5px 5px 5px 10px; 
        padding-right: 5px;
        padding-left: 4px;
        padding-top: 10px; 
        clear: both;     
}

hr {
        margin: 0 10px 0 10px;
        height: 2px;
        color: #003399;
}

h4 {
        background: top center no-repeat #99ccff
        url("/lib/yhst-19337668224199/rounding-border.gif");
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 6px;
        color: #ffffff;
        font-size: 1.5em;
        border-bottom: dashed 1px #336699;
}

/*---------- Classes ----------*/

.frame {
        padding: 3px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
        border: 1px solid #000000;
        float: right;
}

.recipelist {
        color:#000000;
        list-style-type: none;
        font-size: 1.2em;
        margin-top: 9px;
}

/*---------- Ordered Lists ----------*/

.directions {
        list-style-type: decimal;
        color: #000000;
        padding: 14px;
        font-size: 1.2em;
        margin-bottom: 8px;
        margin-top: 8px;
}

.mainrecipe {
        padding:4px;
        border:solid;
        border-color: #555555 #333333 #333333 #555555;
        border-width: 1px 2px 2px 1px;
        background-color:white;
        margin: 0px 10px 10px 10px;
}