﻿
#content{
    padding-right: 20px;
    width: 685px;
}

/* search field */

#recipe-search{
    position: relative;
    border-bottom: 1px dotted #b8b8b8;
    z-index: 500;
    margin: 0 0 1.5em;
    min-height: 1px;
} * html #recipe-search{ height: 1px; }

#recipe-search .field-group{
    margin: 0;
}

#recipe-search .field{
    margin-right: 10px;
}

#recipe-search fieldset{
    margin-top: 0;
    margin-bottom: 1.5em;
}

#recipe-search fieldset .content{
    padding-top: 20px;
}


#recipe-search .button{
    position: relative;
    float: left;
    margin: 0 0 0 -2px; 
}

#recipe-search label{
    width: auto;
    float: left;
    padding: 6px 7px 0 0;
    position: relative;
    font-size: .86em;
}

#recipe-search .text{
    min-height: 18px;
    float: left;
}

#recipe-search .checkbox label{
    padding-left: 20px;
}

#recipe-search .checkbox label input{
    top: 6px;
}

#recipe-search .search-field label .search_selector{
    padding: 2px 5px;
    background: url(search_selector.gif) repeat-x 0 0;
    border: solid 1px #bbbbbb;
    margin: 0 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    position: relative;
}

#search_selector{
    position: absolute;
    display: none;
    padding: 25px 20px 15px 20px;
    width: 270px;
    height: 160px;
    top: 25px;
    left: 50px;
    background: url(search_selector.png) no-repeat 0 0;
    line-height: 1.6em;
    font-size: 12px;
    z-index: 500;
}

#search_selector h5{
    margin: 0;
    font-size: 1em;
    color: #666;
}

#search_selector ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#search_selector li{
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
}

#search_selector .search_selector_close{
    position: absolute;
    right: 15px;
    top: 25px;
    color: #fff;
    font-size: 10px;
    background: #a6a6a6;
    border-bottom: solid 1px #a6a6a6;
    padding: 3px 5px;
    line-height: 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 #666;
}

#recipe-feature{
    min-height: 1px;
} * html #recipe-feature { height: 1px } #recipe-feature:after {content: "."; height:0; visibility: hidden; clear: both; display: block; }

.searchRecipes {
    background-position: -5px -730px;
    height: 25px;
    width: 120px;
    }

.searchRecipes:hover {background-position: -130px -730px;}

.pdfBook {
    float: right;
    width: 230px;
    height:163px;
    background: #fff url('btnRecipePdfLoading.jpg') no-repeat scroll top left;
    text-align:center;
    position:relative;
    z-index:5;
    }

.pdfBook h3 {
    color:#305ab0;
    margin: 15px 20px 5px 20px;
    text-transform:uppercase;
    }

.pdfBook p {
    color:#e04c8a;
    font-size:12px;
    padding: 3px 36px 0 36px;
    line-height:16px;
    }

.pdfBook span {
    background: transparent url('book-loader.gif') no-repeat scroll top left; 
    height:32px; 
    width:32px; 
    display:inline-block;
    }

.createPdf {
    background: #fff url('btnPdfBookSprite.jpg') no-repeat scroll top left;
    width: 230px;
    height:163px;
    border:none;
    text-indent:-9999px;
    display:block;
    text-transform:capitalize;
    }

.createPdf:hover {background: #fff url('btnPdfBookSprite.jpg') no-repeat scroll bottom left;}

.pdfBook .primary-pdf   {
    position:absolute; 
    z-index:8; 
    float:left;
    width: 230px;
    height:163px;
    left:0;
    }
.pdfBook .secondary-pdf {
    position:absolute; 
    z-index:7;
    float:left; 
    background: #fff url('btnRecipePdfLoading.jpg') no-repeat scroll top left;
    width: 230px;
    height:163px;
    left:0;
    }

/* browse links */

#browse-links{
    width: 230px;
    float: right;
}

#browse-links h2{
    margin-top: 0em;
}

/* featured-recipe */

#featured-recipe{
    width: 410px;
    float: left;
    background: #ECECEC;
    padding: 15px;
    border-bottom: 1px solid #b8b8b8;
    margin: 35px 0 1.5em 0px;
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    moz-border-radius: 4px;
    z-index: 111;
}

#featured-recipe img{
    background: #fff;
    padding: 4px;
    margin: -5px 10px 0 -5px;
    border-bottom: solid 1px #D1D1D1;
    float: left;
    z-index: 111;
}

#featured-recipe .recipe_details{
    width: 180px;
    float: left;
     z-index: 111;
}

#featured-recipe .recipe_details h3{
    margin-top: 0;
    line-height: 1.4em;
}


#featured-recipe .recipe_details p{
    font-size: .86em;
    line-height: 1.4em;
}

#featured-recipe-overlay{
    width: 85px;
    height: 66px;
    background: url(featured-recipe-overlay.png) no-repeat 0 0;
    z-index: 333;
    text-transform: uppercase;
    text-indent: -9000px;
    position: absolute;
    top: 0;
    left: 0;
}

/* recipe secondary */


* html #recipe-secondary { height: 1px } 

#recipe-secondary:after {content: "."; height:0; visibility: hidden; clear: both; display: block; }

#recipe-secondary h2{
    margin-top: 0;
}

#recipe-secondary .promo{
    display: block;
    width: 230px;
    float: right;
}

/* recipe_links */

#add_recipe{
    float: left;
    width: 440px;
}

#add_recipe h2{
    margin-top: 0;
}

.recipe_links{
    padding: 20px;
    background: #E9E9E9;
    border-bottom: 1px solid #b8b8b8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;   
    margin: 0;
    min-height: 1px;
} * html .recipe_links { height: 1px } .recipe_links:after {content: "."; height:0; visibility: hidden; clear: both; display: block; }

.recipe_links li{
    padding: 0;
    margin: 0 20px 0 0;
    background: none;
    list-style: none;
    float: left;
    min-height: 1px;
    line-height: 1.6em;
    font-size: .86em;
} 

.recipe_links li {
  *float: none;
  clear: left;
  }

.recipe_links li a{
    color: #143d8d;
    padding: 0 0 6px 20px;
    background-repeat:  no-repeat;
    background-position: 0 3px;
    display: block;
    width: auto;
    float: left;
}
.recipe_links li.submit a{ background-image: url(chelsea_club.submit.gif); }


#major_feature{
    position: relative;
    min-height: 1px;
    margin: 1.5em 0;
} * html #major_feature{ height: 1px; } #major_feature:after {content: "."; height:0; visibility: hidden; clear: both; display: block; }

#major_feature h2{
    margin: 0;
    padding-bottom: 10px;
}

/* seasonal cooking links */

#browse_links_wrapper{
    width: 440px;
    margin: 0 0;
    min-height: 1px;
    position: relative;
    float: left;
}

.browse_links{
    min-height: 167px;
    background: #ECECEC;
    border-bottom: solid 1px #b8b8b8;
    padding: 20px;
} * html .seasonal_links, * html .browse_links{ height: 167px; }

.seasonal_links{
    border-top: solid 3px #e84f96;
}

.browse_links h3{
    margin-top: 0;
    margin-bottom: .5em;
}

.browse_links li{
}

.kid_links li,
.categories li{
    width: auto;
}

.browse_links .tags li a{

}

.browse_links .tags li a:hover{

}

.browse_links .tags li a.view_all{
    background: #0072CF;
    color: #fff;
    text-shadow: 0 -1px 0 #005fad;
    margin: 10px 5px;
}

.browse_links .tags li a.view_all:hover{
    background: #fff;
    border-bottom: 1px solid #cacaca;
    color: #0072CF;
    text-shadow: 0 -1px 0 #fff;
}

/* chelsea club */

.chelsea_club{
    margin: 32px 0 0;
    padding: 85px 15px 15px;
    width: 200px;
    height: 138px;
    position: relative;
    float: right;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    background: #ea2b7b url(chelsea_club.jpg) repeat-x 0 0;
    text-shadow: none;
    border: 1px solid #e4e4e2;
} 

.chelsea_club p{
    margin: 10px 0 7px;
    width: 100px;
    display: block;
    float: left;
    font-size: .933em;
}
.chelsea_club p 
{
    width: 180px;
    margin: 20px 10px 10px 10px;
    min-height: 70px;
    }
.msie6 .chelsea_club.home 
{
    padding: 85px 5px 15px;
    border: 1px solid red;
    }

.chelsea_club a{
    color: #fff;
    text-shadow: none;
} .chelsea_club a:hover{ text-decoration: underline;}

.chelsea_club .login_btn{
    display: block;
    width: 160px;
    margin: 0 auto;
    color: #ea2b7b;
    background: #fff;
    border: none;
    border-bottom: solid 1px #ae205b;
    padding: 2px 5px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    height: 18px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    clear: both;
}
.chelsea_club .login_btn_sml 
{
    width: 70px;
    display: block;
    margin: 0 auto;
    color: #ea2b7b;
    background: #fff;
    border: none;
    border-bottom: solid 1px #ae205b;
    padding: 2px 5px;
    font-size: 10px;
    text-transform: capitalize;
    text-align: center;
    height: 18px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-left: 105px;
    margin-bottom: 20px;
    margin-top: 70px;
   }

/* relevan-links */

.relevant-links {
    min-height: 1px;
    position: relative;
    margin: 0 -10px 0 0;
} * html .relevant-links { height: 1px; } .relevant-links:after {content: "."; height:0; visibility: hidden; clear: both; display: block; }

.relevant-links .recipe{
    background: #fff;
    border-bottom: solid 1px #bfbfbf;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    margin: 0 10px 5px 0;
    line-height: 1.2em;
    min-height: 45px;
    font-size: 12px;
    color: #616265;
    width: 200px;
    float: left;
} * html .relevant-links .recipe{ height: 45px; }

.relevant-links .recipe img{
    float: left;
    margin: -5px 10px -5px -5px;
}

.relevant-links .recipe strong{
    font-size: 1em;
    padding: 5px 0 0;
    font-weight: normal;
}
h2.recipe-home {font-size: 1.266em; padding: 3px 0px;}


/* Featured Competition */

#featured-competition{
    width: 655px;
    float: left;
    background: #ECECEC;
    padding: 15px;
    border-bottom: 1px solid #b8b8b8;
    margin: 35px 0 30px 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    moz-border-radius: 4px;
    z-index: 111;
	}
	
	#competition-secondary  {		content: ".";		height: 0;		display: block;		clear: both;		visibility: hidden;		}

	

#featured-competition img{
    background: #fff;
    padding: 4px;
    margin: -5px 18px 0 -5px;
    border-bottom: solid 1px #D1D1D1;
    float: left;
    z-index: 111;
}

#featured-competition .recipe_details{
    width: 210px;
    float: left;
    z-index: 111;
}

#featured-competition .recipe_details h3{
    margin-top: 0;
    line-height: 1.4em;
    font-size: 1.1em;
}


#featured-competition .recipe_details p{
    font-size: 0.75em;
    line-height: 1.75em;
    margin-bottom: 10px;
}

#featured-competition .recipe_details ul li {
    font-size: 13px;
    padding-bottom: 5px;
    }

.comp-terms-footer {
  font-size: 0.85em;
  color: #777;
}

.comp-terms-footer h3 {
    text-transform: none;
    color: #555;
    padding-bottom: 10px;
    }

.comp-terms-footer li {padding-bottom:10px}

.comp-terms-footer li li {font-size:0.95em ;background-position: 5px 8px;width: 470px;}


#entry-form .field-group h5 {padding-bottom:10px}

#entry-form .field-group ul li {
    background-position: 5px 7px;
    padding-bottom: 10px;
    }

#entry-form .field-group ul li input.radio {
    position: relative;
    top: -4px;
    left: -3px;
    }

#entry-form .field-group div {margin-bottom:10px;}

.comp-buttons .terms-text {
    font-size: 13px;
    float: left;
    margin: 5px 0 0 25px;
    position:relative;
    padding-left:25px;
    }

.comp-buttons label input {
    display: block;
    float: left;
    margin-right:8px;
    /*position: relative;*/
    position:absolute;
    left:0;
    top: 4px;
    vertical-align:middle;
    }

.btn-login_submit 
{
    float: left;
    width: 130px;
    height: 31px;
    background-position: -5px -235px
    } .btn-login_submit:hover {background-position: -140px -235px}
    
.btn-enter-now_submit 
{
    float: left;
    width: 130px;
    height: 31px;
    background-position: -275px -235px
    } .btn-enter-now_submit:hover {background-position: -410px -235px}


.capcha label {
    padding-bottom: 40px;
    }

.capcha img {
    border: 1px solid #DDDDDD;
    left: -212px;
    position: relative;
    top: -27px;
    }


/**********************************************/
/*****      Breville Competition CSS      *****/
/**********************************************/


#entry-form .compContent ul li {
    background-position: 5px 7px;
    background:none;
    padding: 0 0 10px 10px;
	width:145px;
	float:left;
    }

#entry-form .compQuestion ul li label{ vertical-align:top;}
#entry-form .compQuestion ul li input.radio {top: -4px;left: -3px; vertical-align:bottom;}

#entry-form .compContent ul li input.radio {
    position: relative;
    top: -8px;
    left: -3px;
    }

.compContent ul						{float:left;padding-left:5px;margin:0;}
.compContent ul li label			{font-size:12px; position:relative; top:-6px;text-transform:capitalize;}
.compContent ul li span             {border:1px #dcdcdc solid; height:22px; width:22px; display:inline-block;margin-right:5px;}
fieldset .compContent				{position:relative; padding:0;}
fieldset .compContent .form-section	{background:#fff; float:left; border:1px #ddd solid;padding:10px 0 10px 0;margin:5px 0; width:100%;}
.compContent .form-section a 		{font-size:14px;margin:0 0 0 10px;float:left;width:600px;padding:0 0 10px 20px;background: url(imgArrowRight.gif) no-repeat scroll center left;border-bottom:1px #ddd solid; color:#333;}
.compContent .form-section a:hover 	{color:#0072CF;text-decoration:none;}
.compContent a span      			{border:1px #dcdcdc solid; height:22px; width:22px; display:inline-block; background:#ccc;position:relative; top:8px;}
.compContent a strong               {text-transform:capitalize;}
.compContent .selected a	        {background: url(imgArrowDown.gif) no-repeat scroll center left;margin:0 0 10px 10px;}
.compContent .selected ul           {display:block;}
.compContent .arrowDown span,        
.compContent .arrowRight span       {border:1px #fff solid;background:#fff;}
.compContent p                      {float: left;font-size: 12px;margin: 0;color:#333;font-style:italic;}

.compContent .cream span			{background:#f9f5ea;}
.compContent .rosewater span		{background:#ffece8;}
.compContent .cupcake span		    {background:#f2c1c5;}
.compContent .rhubarb span		    {background:#f04f70;}

.compContent .strawberry span	    {background:#dd1e2e;}
.compContent .raspberry span		{background:#791038;}
.compContent .papaya	span 		{background:#f57c2d;}
.compContent .butterscotch span	    {background:#fab05b;}

.compContent .lemon span			{background:#ffdf90;}
.compContent .kiwi span			    {background:#f3ef8c;}
.compContent .keylime span		    {background:#d3e1a4;}
.compContent .green span			{background:#76bb6b;}

.compContent .mint span			    {background:#ddeae1;}
.compContent .icing span			{background:#e7f2f4;}
.compContent .frosting span		    {background:#e1ebf7;}
.compContent .mulberry span		    {background:#395d99;}

.compContent .blackberry span	    {background:#26364f;}
.compContent .lavender span		    {background:#65638b;}
.compContent .grape span			{background:#653b63;}
.compContent .plum span			    {background:#3d1e3d;}

.compContent .chocolate span		{background:#5d494a;}
.compContent .poppyseed span		{background:#3f434f;}


/**********************************************/
/**********************************************/
