/* ----[ STYLE GUIDE STRUCTURE ]---- */


/* ---- [ GLOBAL DEFINITIONS & RESETS ] ---- */

#smallLogo {background: url("https://secure.recipe.com/recipe/images/temps/shell/2012/recipe.com.logo.small.white.png") no-repeat scroll transparent;}

/* ---- [ SITE COLORS ] ---- */

/* -------[ Tabs ]------- */
/*.tabs a,.tabs a:visited,.tabs a:hover  {
    background: transparent url("http://images.meredith.com/recipe/images/temps/shell/0611/dropshadow.png") -10px -442px no-repeat;

}*/

.tabs .closetab {
    background: transparent url("http://images.meredith.com/recipe/images/temps/shell/0611/dropshadow.png") -260px -442px no-repeat;
    height:29px;
    width:10px;
}
/* ---- [ LINK STYLING ] ---- */
.rsssubscribe {background:url(http://images.meredith.com/recipe/images/temps/shell/feed-icon-14x14.png) right no-repeat;}

/* [ left nav headings ] */

/* [ Green links ] */

/* [ Footer Links ] */


ul.majlink li{background:transparent url(http://images.meredith.com/recipe/images/temps/bullet.gif) no-repeat 5px 5px;}

/* ----[ Header ]---- */

/* -------[ Search Forms ]------- */
.searchTerm {background-image:url(http://images.meredith.com/recipe/images/temps/shell/input_shade.gif);}

/* ----[ Auto Complete ]---- */

/* ----[ Navigation ]---- */
/* Top Nav */
#nav {background:transparent url(http://images.meredith.com/recipe/images/temps/main-nav-gradient.gif) repeat-x scroll left top; }
#navtable {background:transparent url(http://images.meredith.com/recipe/images/temps/main-nav-gradient.gif) repeat-x scroll left top; }
#navtable .tbldivider {background:url(http://images.meredith.com/recipe/images/temps/shell/navbg-divider.gif) no-repeat; }
/* Left Nav */
/*#leftnavbox {}
.leftnavgrad {}
.leftnavgradrev {background:url(http://images.meredith.com/recipe/images/temps/shell/leftNavGradRev.jpg) repeat-x;}*/

#leftnav ul.list li {
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlZmViZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 49%, rgba(239,235,228,1) 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(255,255,255,1)), color-stop(50%,rgba(239,235,228,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 49%,rgba(239,235,228,1) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 49%,rgba(239,235,228,1) 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 49%,rgba(239,235,228,1) 50%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 49%,rgba(239,235,228,1) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebe4',GradientType=0 ); /* IE6-8 */

    border:  1px solid #D6D4D2;
    color: #000000;
    font-size: 12px;
    height: 20px;
    padding: 6px 7px 0;
    text-align: left;
    cursor: pointer;
    width:192px;
}
#leftnav ul.list li:hover, #leftnav ul.list  li.on {text-decoration:underline;}

#leftnav #with_ing_list li span{background: url("http://images.meredith.com/recipe/images/temps/shell/removeIngredient.gif") repeat-x scroll left 5px transparent;}
#leftnav #withOut_ing_list li span{background: url("http://images.meredith.com/recipe/images/temps/shell/removeIngredient.gif") repeat-x scroll left 5px transparent;}

div.lch {}
.leftnavseparator {}
#leftnavbottom {}

/* ---- [ PAGE STRUCTURE ] ---- */


/* -------[Home/Channel/Parent/Child/Story Page Layout -- 165(170)/490(500)]------- */

/* -------[SingleColumn Page Layout -- 670(675)]------- */

/* -------[SingleColumn Page Store Layout -- 985(995)]------- */

/* -------[SingleColumn Page Wide Layout -- 780(790)]------- */

/* -------[Ad Column Layout -- 310(320)]------- */

/* -------[ Printable Pages ]------- */


/* ---- [ Footer ] ---- */

/* ---- [ Breadcrumb ] ---- */

/* ---- [ Image Floats ] ---- */


/* ---- [ Common Overrides ] ---- */

/* -------[ Scrollbar ] --- */
#leftnavbox div.sponsorScroll, div.sponsorScroll .content {height:280px;}
	#leftnavbox div.sponsorScroll .scrollarea {height:276px;}/* height = heightopt1 height - 4px*/
	#leftnavbox div.sponsorScroll div.scrollBarContainer {height:248px;}/* height = scrollarea height - 28px*/

#leftnavbox div.scroller {width:228px;}
	#leftnavbox div.scroller .content {float:left;overflow:hidden;width:210px;_width:208px;} /* width = scroller width - 18px(FF)/20(IE6)*/
	#leftnavbox .slider-wrap {/*background:url(http://images.meredith.com/recipe/images/temps/shell/scrollareaBG.gif) repeat-y;*/border: none;cursor:pointer;float:left;width:13px;margin:1px;} /* total width:18px */
		#leftnavbox .ui-slider-handle {position: absolute; background:#CCCCCC;min-height:12px;}
		#leftnavbox div.scroller .scrollBack{background: url(http://images.meredith.com/recipe/images/temps/shell/scrollBack.gif) no-repeat ;margin:0;height:17px;width:15px;}  /* total height:14px, total width:14px */
		#leftnavbox div.scroller .scrollForward{background: url(http://images.meredith.com/recipe/images/temps/shell/scrollForward.gif) no-repeat;margin:0;height:17px;width:15px;}  /* total height:14px, total width:14px */
#leftnavbox div.ui-widget-content {border: 0;}
/* recipe detail */

.gs_ingredient_image{ }
.gs_ingregient_over .gs_item_row, .gs_ingregient_selected .gs_item_row{ background: url("http://images.meredith.com/recipe/images/temps/shell/0611/dropshadow.png") no-repeat scroll -17px -767px #FFFFFF; }
.gs_ingregient_over .arrow {background:transparent url(http://images.meredith.com/recipe/images/temps/shell/0611/transparentIcons.png) -100px -50px no-repeat;}
.open .arrow {background:transparent url(http://images.meredith.com/recipe/images/temps/shell/0611/transparentIcons.png) -80px -48px no-repeat;}
#gs_salepagination .next, #gs_salepagination .prev, .gs_page .next, .gs_page .prev {background-image:url(http://images.meredith.com/recipe/images/temps/shell/arrowSprite.gif);background-repeat:no-repeat;}
.roadblockLightbox.ui-widget-content{background: transparent;border:0px;}

/* sprites */
.gs_onsale{background: url("http://images.meredith.com/recipe/images/temps/shell/0611/orange.png") no-repeat scroll 0 -90px #FFFFFF;height: 13px;width: 55px;}

#siteHeader #headsitesearch #buttonSearch, #footerSiteSearch .searchButton, #buttonSearchHowto {
  background-image: url(http://www.recipe.com/recipe/images/temps/shell/2012/searchButton.png);
}
#siteHeader .flag .startFlag {
    background: url(http://www.recipe.com/recipe/images/temps/shell/2012/flag_left.png) no-repeat;
}
#siteHeader .flag .midFlag {
    background: url(http://www.recipe.com/recipe/images/temps/shell/2012/flag_mid.png) repeat-x;
}
.flag .endFlag {
    background: url(http://www.recipe.com/recipe/images/temps/shell/2012/flag_right.png) no-repeat;
}
.seeMoreButton {
    background: transparent url("http://www.recipe.com/recipe/images/temps/shell/0611/buttons.png") 0 -465px no-repeat;
}
span.playvideo {
    background: url("http://www.recipe.com/bhg/files/videoplayer/play_overlay.png") no-repeat scroll 50% 50% transparent;
}
#buttonSearchHowto {
    background-image:url(http://www.recipe.com/recipe/images/temps/shell/2012/searchButtonSmall.png);
}