@font-face {
    font-family: 'EurostileLTStdMedium';
    src: url('/system/fonts/eurostileltstd-webfont.eot?') format('eot'),
         url('/system/fonts/eurostileltstd-webfont.woff') format('woff'),
         url('/system/fonts/eurostileltstd-webfont.ttf') format('truetype'),
         url('/system/fonts/eurostileltstd-webfont.svg#webfontgyN6ilHz') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EurostileLTStdDemi';
    src: url('/system/fonts/eurostileltstd-demi-webfont.eot?') format('eot'),
         url('/system/fonts/eurostileltstd-demi-webfont.woff') format('woff'),
         url('/system/fonts/eurostileltstd-demi-webfont.ttf') format('truetype'),
         url('/system/fonts/eurostileltstd-demi-webfont.svg#webfontd7JDNh3i') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Clearing */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html { overflow-y: scroll; }
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***** Typography ******/
h1, .h1{
    color: #c4231e;
    font-family: EurostileLTStdMedium;
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    margin: 15px 25px 15px 0;
    text-transform: uppercase;
}

h2, .h2{
    color: #434343;
    font-family: EurostileLTStdDemi;
    font-size: 16px;
    font-weight: normal;
    line-height:22px;
    margin-bottom: 5px;
}


h3, .h3{font-weight: bold; font-size: 13px; line-height: 18px; color: #c4231e;}

p{margin-bottom: 10px;}
p.preamble{font-family: EurostileLTStd,Arial; font-size: 14px;}
a:link, a:visited{color: #c4231e; text-decoration: none; }
a:hover{color: #d7433e; text-decoration: underline;}
a:link img, a:visited img, a:hover img{text-decoration: none;}
h2 a:link, h2 a:visited, h2 a:hover{color: #434343;}

dt, dd{float: left; margin-bottom: 5px;}
dt{clear: left; margin-right: 15px; width: 50px;}

a.pdflink{ background: url(/system/images/icon_pdf.jpg) no-repeat left center; padding-left:20px; margin-right:20px;}
a.printlink{ background: url(/system/images/icon_print.gif) no-repeat 0 0px; padding-left:20px; margin-right:20px;}
a.printlink.main{
    background-image: url(/system/images/icon_print_faded.png);
    background-position: 0px -17px;
    background-repeat: no-repeat;
    height: 17px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 20px;
    padding: 0;
    width: 17px;
}
a.printlink.main:hover{background-position: 0px 0px;}
a.returnlink{ background: url(/system/images/icon_return.gif) no-repeat left center; padding-left:20px; margin-right:20px;}


/***** Special Classes ******/
.edit{border: 1px solid red; color: #000 !important; padding: 5px 10px; position: absolute; top: 10px; left: 10px; z-index: 9999;}
.floatleft{display: block; float: left;}
.floatright{display: block; float: right;}
.fullwidth{width: 100%;}
.halfwidth{width: 50%;}
.clearleftfloat{clear: left;}

.clearrightfloat{clear: right;}

.clearboth{clear: both;}
.displaynone{display: none;}
.displayblock{display: block;}
.displayinline{display: inline;}
.brd-btm{border-bottom: 1px solid #d9d9d9;}
.brd-top{border-top: 1px solid #d9d9d9;}
textarea{font-family: Arial; font-size: 12px;}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.grey{color: #898989;}
.breadcrumb li{ display: inline;}
.breadcrumb li:after{ content: "\25B8"; display: inline-block; padding: 0 6px 0 10px;}
.breadcrumb li:last-child:after{content: "";}
.breadcrumb a {color: #2c4460 !important;}

.inlinelist, .inlinelist li{display: inline; }

.button{
    border: 0px;
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: 28px;
    padding: 0 0 0 10px;

}
.button span{
    color: #fedbda;
    display: block;
    height: 28px;
    line-height: 28px;
    margin-top: -1px;
    padding: 0 14px 0 0;
    text-shadow:-1px -2px 0 rgba(76, 12, 10, 0.5);
}

.button:link, .button:visited{color: #fff;}

.button, .button span{
    background-image: url(/system/images/btn_sprite.gif);
}
.button{background-position: 0 0px;}
.button span{background-position: right -84px;}
a.button{padding-left: 13px;}
a.button span{margin-top: 0px;}
a.button:hover{text-decoration: none;}
a.button:hover span{text-decoration: none; color: #fff; text-shadow: 1px 2px 0 rgba(76, 12, 10, 0.8);}

/*.button:hover{background-position: 0 -34px;}
.button:hover span{background-position: right -51px; text-shadow: 0 1px 0 #000;}

.button:active{background-position: 0 -68px;}
.button:active span{background-position: right -85px; text-shadow: 0 1px 0 #000;}*/

.fullwidth{width: 100% !important;}
.inline{display: inline !important;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt190{margin-top: 190px;}

.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}

.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml40{margin-left: 40px;}

.pd10{padding: 10px;}
.pd20{padding: 20px;}
.pd40{padding: 40px;}

.pdt5{padding-top: 5px;}
.pdt10{padding-top: 10px;}
.pdt15{padding-top: 15px;}
.pdt20{padding-top: 20px;}
.pdt40{padding-top: 40px;}

.pdr5{padding-right: 5px;}
.pdr10{padding-right: 10px;}
.pdr20{padding-right: 20px;}
.pdr30{padding-right: 30px;}
.pdr40{padding-right: 40px;}

.pdb5{padding-bottom: 5px;}
.pdb10{padding-bottom: 10px;}
.pdb20{padding-bottom: 20px;}
.pdb40{padding-bottom: 40px;}

.pdl5{padding-left: 5px;}
.pdl10{padding-left: 10px;}
.pdl20{padding-left: 20px;}
.pdl30{padding-left: 30px;}
.pdl40{padding-left: 40px;}


/****** Layout ******/
html, body, form{height: 100%;}


body{
    background: #fff url(/content/images/page/top_bg1.jpg) top center no-repeat;  
    color: #000;
    font: 12px/16px Arial, Lucida Sans, Verdana, sans-serif;
    text-align: center;
    position: relative;
}
.bgcont{
    background: transparent url(/system/images/page_left_repeat_bg.gif) center 82px repeat-y;
    min-height: 100%;
	height: auto !important;
	height: 100%;
    width: 100%;
    margin-bottom: -46px;   
}

.page{
    min-height: 100%;
	height: auto !important;
	height: 100%;
    margin: 0 auto;
    position: relative;
    width: 960px;
}

.col-1{width: 960px;}
.col-2{width: 480px;} 

.col-3{width: 320px;} 
.col-3-m10{width: 310px;}
.col-3-2{width: 640px;}

.col-4{width:240px;}
.col-4-3{width: 720px;}
.col-5{width: 192px;}

.col-270px{width: 270px;}

#header{
    background: #fff url(/system/images/header_bg.gif) top left repeat-x;
    height: 82px;
    text-align: center;
    width: 960px;
}
#inner-header{margin: 0 auto; position: relative;}

#logo{
    background: url("/system/images/logo.png") no-repeat scroll center top transparent;
    height: 111px;
    margin: 5px 0 0 0;
    position: relative;
    text-indent: -9999px;
    width: 110px;
    z-index: 999;
}
.searchpanel{margin-top: 15px; width: 185px; float:right;}
.inputfield.search{
    background-image: url(/system/images/header_sprite.gif);
    background-position:  0 -50px;
    background-repeat: no-repeat;
    border: 0px;
    color: #c4c4c4;
    font-size: 11px; 
    height: 17px; 
    padding: 0 0 0 8px;
    width: 133px;
    margin-right: 5px;
}
.inputfield.search:hover, .inputfield.search:focus{background-position: 0 -67px;}

ul.mainnav{margin: 47px 0 0 5px; z-index: 800;}

ul.mainnav li {
    display: block; 
    font-family: EurostileLTStdMedium, Arial;
    font-size: 14px;
    height: 25px; 
    line-height: 25px;
    margin: 0 5px;
    float: left;
    z-index: 900;
}

ul.mainnav li.active a:link, ul.mainnav li.active a:visited, ul.mainnav li a:hover {background: transparent url(/system/images/header_sprite.gif) 0 0 no-repeat;}
ul.mainnav li.active a:link span, ul.mainnav li.active a:visited span, ul.mainnav li a:hover span{background: transparent url(/system/images/header_sprite.gif) right -25px no-repeat;}

ul.mainnav li a:link, ul.mainnav li a:visited{
    color: #fff; 
    display: block;
    float: left;
    padding-left: 10px;
    text-decoration: none;
}
ul.mainnav li.blog a:link,ul.mainnav li.blog a:visited {padding-left: 5px;}
ul.mainnav li a img{margin: 5px 5px 0 0px;}
ul.mainnav li a span{
    display: block;
    float: left;
    margin-left: 0px; 
    padding-right: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

.body{
    background: transparent url(/system/images/page_left_bg.gif) 10px top no-repeat;
    margin-top: -34px;
    min-height: 100%;
    position: relative;
	height: auto !important;
	height: 100%;
    text-align: left;
    z-index: 1;
}
.leftcol{min-height: 370px;}
.box-list{min-height: 370px;}
.box-list > li{
    display: block;
    font-family: EurostileLTStdMedium, Arial;
    font-size: 14px;
    width: 100%;
}

.box-list li a:link, .box-list li a:visited{color: #fff; display: block; text-decoration: none; padding: 12px 25px;}
.box-list li a:hover, .box-list li.active{color: #fff; background-color:#522E66; }
.box-list li ul.sub li a:hover, .box-list li ul.sub li.active{color: #fff; background-color:#422552; }
.box-list li.active a:hover{background-color: rgba(0, 0, 0, 0);}
.box-list li ul{margin-left: 0px; margin-top: -10px;}
.box-list li ul.sub li a{padding: 4px 0 4px 32px; font-size: 12px; margin-left: 0px;}

/*.box-list li ul.sub li a:hover{color: #fff; background-color: rgba(0, 0, 0, 0.2); }*/
div#push{clear: both; height: 46px;}

a.top-facebook:link, a.top-facebook:visited, a.top-twitter:link, a.top-twitter:visited{background-image: url(/system/images/share_bg.gif); background-repeat: no-repeat; height: 34px;}
a.top-facebook:link, a.top-facebook:visited{background-position: -89px 0; width: 83px;}
a.top-twitter:link, a.top-twitter:visited{background-position: 0 0; width: 89px;}

a.top-facebook:hover{background-position: -89px -34px}
a.top-twitter:hover{background-position: 0 -34px;}

hr.clear { clear:both; visibility:hidden;}

div.pager { text-align:center; position:relative;}
div.pager .floatright { position:absolute; right:0; top:0;}
div.pager .floatleft { position:absolute; left:0; top:0;}

.prevnext span{font-size: 14px;}
/**** Front objects ******/
.front .bgcont, body.front, .front .body{background-image: none; background-color: transparent;}
body.front .col-3-2{  padding-top: 330px;}
div.slidercontainer{position: relative; height: 500px;}
	div.slidercontainer a{outline: none;}
	div.slider{width: 310px; height: 500px;}
	div.slider ul{position: relative;}
    div.slider ul li{text-align: left; position:absolute; top: 0;}
    div.slider ul li.active{z-index: 20;}
    div.slider ul li.active{z-index: 10}
    ol#controls{
        background: transparent url(/system/images/recipeslider_controls_bg.png) top left no-repeat;
        height: 20px;
        position: absolute;
        text-align: center;
        width: 113px;
        bottom: 0px;
        right: 10px;
        z-index: 30;
    }
    ol#controls li{
        background-image: url(/system/images/prodslider_controls_li_bg.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        cursor: pointer;
        display: inline-block;
        height: 11px;
        margin: 6px 5px 0;
        padding: 0;
        text-indent: -9999px;
        width: 11px;
    }
    ol#controls li:hover, ol#controls li.current{
        background-position: 0 -11px;
    }
    
    ol#controls li a:link, ol#controls li a:visited{
        text-indent: -9999px;
        height: 10px;
        width: 10px;
    }

   ol#controls li:hover a, ol#controls li.current a{color: #d67e15;}    
.rightcol-yellow{background-color: #e4b72a;}

/* Products */
.prod-row{border-top: 1px solid #d9d9d9;}
a.list-item:link, a.list-item:visited{color: #434343; text-decoration: none;}
a.list-item:hover{color: #696969; text-decoration: none;}
.list-item {width: 130px; text-align: center;}

dl.nutrition dt{
    font-weight: bold;
    width: 100px;
}

.prodtools{
    background: transparent url(/system/images/prodtools_bg.gif) top left no-repeat;
    clear: left;
    height: 39px;
    width: 456px;    
}
.prodtools a:link, .prodtools a:visited{color: #555;}
.prodtools a:hover{color: #000; text-decoration: none;}
.prodtools .returnlink, .prodtools .printlink, .prodtools .sharemailbtn, .prodtools .tw{height: 22px; line-height: 22px; margin-right: 22px;}
.prodtools .printlink{padding-left: 33px;}
.prodtools .sharemailbtn{background: transparent url(/system/images/mail_icon.gif) center left no-repeat; padding-left: 33px;}
.prodtools .tw{background: transparent url(/system/images/twitter_icon.gif) center left no-repeat; padding-left: 22px;}

/* Sitemap */
div.sitemap > ul > li{color: #C4231E; margin-bottom: 5px; list-style-position: outside; list-style-type: disc; font-size: 14px; line-height: 18px;}
    
/*Overlay*/
#overlay{
	display:none;
	width:413px;
	border: 8px solid #000;
	border:8px solid rgba(0, 0, 0, 0.5);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius: 8px;
	text-align: left;
}
.overlayContent{background: transparent url(/system/images/recipe_share_bg.png) -7px -7px no-repeat; border: 1px solid #000; display: inline; width: 371px;}
.overlayContent .textarea{width: 209px;}
a.close{
    background: transparent url(/system/images/close.png) center center no-repeat;
    cursor: pointer;
    position: absolute;
    top: -20px;
    right: -20px;
    width: 34px;
    height: 35px;    
}

#browsermsg{
    background-color: #ffffe1;
    border-left: 0px;
    color: #444;
    display: none; 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0;
    z-index: 9999;
}

/*Recipe*/
#recipe-overlay{
	display:none;
	width: 1041px;
	text-align: left;
	z-index: 9999 !important;
}
#recipe-overlay a.close{
    top: 2px;
    right: -37px;
    z-index: 9999;
}
#recipe-container{
    min-height:543px;
    height:auto !important;
    height:543px;
    position: relative;
}
#recipe{
    background: #fff url(/system/images/recipe_middle_bg.jpg) top center repeat-y;
    position: absolute;
    width: 1041px;
}
#recipe-top{background: transparent url(/system/images/recipe_top_bg.png) top center no-repeat; height: 15px; width: 1041px;}
#recipe-bottom{background: transparent url(/system/images/recipe_bottom_bg.png) top center no-repeat; height: 15px; width: 1041px; bottom: -5px; position: absolute;}

.recipe-left, .recipe-right{display: inline; float: left; width: 475px;}
.recipe-left{margin-right: 50px; margin-left: 25px;}
.servings, .cooking-time{height: 16px; padding-left: 20px; background-position: 0 0; background-repeat: no-repeat;}
.servings{background-image: url(/system/images/servings_icon.gif);}
.cooking-time{background-image:url(/system/images/cooking_icon.gif);}

.ingredients, .cooking{border-top: 1px solid #d2d6db; width: 100%;}
.tooltip{
    background: transparent url(/system/images/tooltip.png) top left no-repeat;
    display: none; 
    height: 193px;
    width: 184px;
    padding-left: 4px;
    position: absolute;
    text-align: center;
}
.tooltip p span{font-size: 11px; color: #818181;}
.cooking{width: 440px; padding-bottom: 35px;}

.recipe-right{text-align: center; position: relative; height: 530px; z-index: 100;}
.recipe-right .prod-image{border: 8px solid #000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: relative; z-index: 200;}


.wine-tips{
    background: url(/system/images/recipe_wine_tips.png) no-repeat scroll left top transparent;
    height: 102px;
    margin: 10px 0 0 0;
    padding: 7px;
    position: absolute;
    right: 35px;
    width: 393px;
    z-index: 300;
}

.wine-tips p{
    margin-top: 5px;
    text-align: left;
    color: #fff;
    width: 270px;    
}

a.recipe-prev:link, a.recipe-prev:visited, a.recipe-next:link, a.recipe-next:visited{
    background-image: url("/system/images/recipe_next_prev_sprite.png");
    background-repeat: no-repeat;
    bottom: -26px;
    color: #FFFFFF;
    font-family: EurostileLTStdDemi,Arial;
    font-size: 12px;
    padding-top: 63px;
    position: absolute;
    right: 0;
    width: 151px;
}

.recipe-prev{background-position: 0 0; left: 0;}
.recipe-next{background-position: -155px 0; right: 0; text-align: right; }
a.recipe-prev:hover{background-position: 0 -85px; padding-top: 69px;}
a.recipe-next:hover{background-position: -155px -85px; padding-top: 69px;}
a.recipe-prev:hover, a.recipe-next:hover{text-decoration: none; text-shadow: 1px 1px 1px #000;}

#recipe-toolbar{position: absolute; bottom: 10px; right: 320px;  z-index: 1000;}
#recipe-toolbar a{background-image: url(/system/images/recipe_toolbar_sprite.jpg);}

#recipe-toolbar .print{height: 22px;width: 26px; margin-left: 34px;}
#recipe-toolbar .sharemail{height: 17px; width: 26px;}
#recipe-toolbar .tw{height: 20px; width: 20px;}
#recipe-toolbar .fb{height: 20px; width: 20px;}

#recipe-toolbar a.print:link, #recipe-toolbar a.print:visited{background-position: 0 0;}
#recipe-toolbar a.print:hover{background-position: 0 -22px;}

#recipe-toolbar a.sharemail:link, #recipe-toolbar a.sharemail:visited{background-position: -37px -4px;}
#recipe-toolbar a.sharemail:hover{background-position: -37px -27px;}

#recipe-toolbar a.tw{background-position: -73px -1px;}
#recipe-toolbar a.tw:hover{background-position: -73px -23px;}

#recipe-toolbar a{background-position: -107px -1px;}
#recipe-toolbar a.fb:hover{background-position: -107px -23px;}

#recipe-share{
    background: transparent url(/system/images/recipe_share_bg.png) top left no-repeat;
    bottom: 10px;
    display: none;
    height: 494px;
    left: 23px;
    padding-left: 18px;
    padding-top: 10px;
    position: absolute;
    text-align: left;
    text-indent: 0;
    width: 426px;
    z-index: 9999;
}
.labeldiv{width: 133px;}

.loading-panel{ 
    background-color: rgba(255,255,255,0.85); 
    position: absolute; 
    text-align: center; 
    width: 1041px; 
    height: 96.5%; 
    z-index: 9999; 
}
.loading-panel img{position: relative; left: 0%; top: 45%;}
#loading-div{position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.7);}

/*Old browser message*/

#browsermsg p{margin: 10px 0;}
#browsermsg ul{margin: 0 auto; width: 250px;}
#browsermsg ul li{ display: block; float: left; margin:0 15px 10px 0; height: 26px; width: 26px;}
#browsermsg ul li a:link, #browsermsg ul li a:visited{font-weight: bold; color: #444;}
#browsermsg ul li a:hover{color: #979797;}

/*Blog*/
.body .blogItem {height:auto; clear:both; width: 455px; float:left; border-bottom: 1px solid #e9e9e9;}
.body img.blogheaderimage {margin: 10px 0 10px 0;border: none;}

.body li.divider {clear:both;height: 30px;width:100%;}

/* Video */
#vidoverlay{
	display: none;
	position: absolute;
	background-color: #fff;
    width:550px;     
    border:5px solid #666; 
    /*height:200px;*/
    /*border:5px solid rgba(0, 0, 0, 0.698); */
    text-align: center;
    /*-moz-border-radius:5px; 
    -webkit-border-radius:5px; */
}
#vidoverlay .contentWrap { height:100%; width:100%;}
#vidoverlay .close{
	background:url("/system/images/close.png") no-repeat scroll left top transparent;
	cursor:pointer;
	height:35px;
	position:absolute;
	right:-25px;
	top:-25px;
	width:35px;
}

/*
=CLEARFIX
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */