/*------- basic elements -------*/
html>body #wrap {
	height: auto;
	height: 100%;
	}

html {
    margin: 0;
    padding: 0;
    }
*{
    outline: none;
    }
@font-face{ 
	font-family: 'WebSymbolsRegular';
	src: url('../fonts/websymbols-regular-webfont.eot');
	src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/websymbols-regular-webfont.woff') format('woff'),
	     url('../fonts/websymbols-regular-webfont.ttf') format('truetype');
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    line-height: 16px;
    font-size: 12px;
    color: #636363; 
    background: #fdfdfe url(../images/bg.jpg) repeat; 
    margin: 0 auto; 
    padding: 0;
    }
b, strong {
     color: #ff7a01;
}

b.gr {
  color: #6F6F6F;
}
u {
     color:#ff7a01;}
i, em {
     color: #ff7a01;
}
body a img  {
    border: none;
    }
a   {
   color: #416b34;
   text-decoration: none;
   }
.cleaner { 
    clear: both; 
	width: 100%; 
	height: 1px; 
	font-size: 0px;
    }
.cleaner_space { 
    clear: both; 
	width: 100%; 
	height: 15px; 
	font-size: 0px;
    }	
.cleaner_space2 { 
    clear: both; 
	width: 100%; 
	height: 8px; 
	font-size: 0px;
    }	
	.cleaner_space3 { 
    clear: both; 
	width: 100%; 
	height: 35px; 
	font-size: 0px;
    }
  .cleaner_space4 { 
    clear: both; 
	width: 100%; 
	height: 40px; 
	font-size: 0px;
    }
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}	
/*---------- main containers --------*/
#wrap_outer {
   background:  #f4f9f2 url(../images/top.jpg) repeat-x;
   width: 100%; 
   }
#wrap {
  clear: both;
  margin: 0px auto 0px auto;
  min-height: 253px;
  background: url(../images/header.png) center 85px no-repeat;
  
}
#main {
  width: 980px;
  margin: 0 auto 30px auto;
  padding: 0;  
  overflow:hidden;
 }
 #header {
  width: 980px;
  margin: 0 auto 30px auto;
  padding: 0;  
  overflow:hidden;
 }
 #header_image{
  width: 100%;
  margin: 0;
  padding: 0;  
  overflow:hidden;
  background:  url(../images/header2.png) center bottom no-repeat;
 }
 #header_bg{
  width: 100%;
  margin: 0;
  padding: 0;  
  overflow:hidden;
  background:  url(../images/border.jpg) left bottom repeat-x;
  }
 #container1 {
    float:left;
    width:100%;
	margin: -83px 0 0px 2px;
	padding-top: 40px;
	padding-bottom: 0;
    overflow:hidden;
    position:relative;
	background:	#fff;
}
#container2 {
  float:left;
  width:100%;
	margin: -67px 0 0px 2px;
	padding-top: 80px;
	padding-bottom: 0;
  overflow:hidden;
  position:relative;
	background:	#fff;
}
#container2 p{
  margin: 0 0 20px 20px;
}
#container3 {
    float:left;
    width:100%;
	margin: -80px 0 0px 2px;
	padding-top: 40px;
	padding-bottom: 0;
    overflow:hidden;
    position:relative;
	background:	#f5f9f1;
}

#container4 {
    float:left;
    width:100%;
    position:relative;
    left:25%;
    background: #fff;
	z-index: 100;
	padding-bottom: 0px;
	padding-top: 0;
	margin-top: -37px;
}
#col3 {
    float:left;
    width:75%;
    position:relative;
    right:25%;
    overflow:hidden;
	margin-top: 0px;
	
}

#col4 {
    float:left;
    width:25%;
    position:relative;
    left:-27%;
    overflow:hidden;
	padding-top: 40px;
	padding-bottom: 52px;
    margin: 0px auto 0px auto;
	
} 
.title3 {
  width: 289px;
  margin: 0px;
  position: relative;
  overflow: visible;
  color: #481801;
  letter-spacing: 0.2px;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;
  font-size: 20px;
  text-decoration: none;
  line-height: 19px;
  padding: 36px 0 40px 55px;
  background: url(../images/title_bg2.png) no-repeat -4px 0px;
  z-index: 200;
}
.title3_big {
  width: 228px;
  margin: 0px;
  position: relative;
  overflow: visible;
  color: #481801;
  letter-spacing: 0.2px;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;
  font-size: 20px;
  text-decoration: none;
  line-height: 19px;
  padding: 28px 0 40px 55px;
  background: url(../images/title_bg2.png) no-repeat -4px 0px;
  z-index: 200;
}
/*---------- header container --------*/
#logo {
  margin: 0px 0 0 0px;
  float: left;
  width: 179px;
  height: 184px;
}
#login_box {
  margin:30px 0 0 45px;
  width:320px;
  float:left;
}
#login_box a{
  margin-right:5px;
}
#login_box a:hover{
  text-decoration:underline;
}
#login_box a.login{
  font-weight: bold;
}
#login_box a.register{
  color: white;
  font-weight: bold;
  border: 2px solid #83bc87;
  padding: 5px 8px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #8abe8c;
}
#headline{
  float: right;  
  margin: 0 18px 0 0;
}
#headline h1, #headline div.head1 {
  color: #fff;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);  
  font-size: 24px;
  text-decoration: none;
  margin-top: 30px;
}
#breadcrumbs{
  height: 37px;
  margin: 3px 0 0px 30px;
  width: 976px;
  float:left;
}

#breadcrumbs h3  {
  color: #fff;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.5);  
  font-size: 20px;
  text-decoration: none;
  margin-top: 17px;
}
#breadcrumbs h3  a{
  color: #fff;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.5);  
  font-size: 20px;
  text-decoration: none;
  margin-top: 0px;
}

.overlay{
    background:transparent url(/images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:500;
}
.box{
    position:fixed;
    top:-300px;
    left:35%;
    width: 330px;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #ccc;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:501;
}
a.boxclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(/images/cancel.png) repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}
.box .login_header{
    color: #fff;
    font-weight: normal;
    font-family: 'Georgia', serif;
    font-size: 24px;
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px 0 10px 20px;
    background-color:#8abe8c;
    border-radius: 20px 20px 0 0;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}

/*---------- search box --------*/
#searchhold { 
  margin: 57px 0 0px 40px;
  float: left;
  padding-bottom: 20px;
  width: 663px;
  }
.tab_container {
  float: left; 
  margin: -3px 0; 
  background: #E7F3E8; 
  border: 2px solid #83bc87;
  padding: 15px 15px 20px 10px;
  position: relative;
  z-index: 0;
  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
  background: url(../images/search_bg.jpg) repeat; 

 }
.tab_container2 {
  float: left; 
  margin: -3px 0; 
  background: #E7F3E8; 
  border: 2px solid #83bc87;
  padding: 15px 15px 20px 10px;
  position: relative;
  z-index: 100;
  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
  background: transparent; 

 }

ul.tabs li {
  margin: 0;
  height:38px;
}
ul.tabs li a {font-weight: bold;}
#searchselect li {
	float: left;
	position: relative;
	margin-left: -20px;
	display: inline;
}
#searchselect li a {
	position: relative;
	width: 199px;
	height: 24px;
	display: block;
	background-image: url('../images/tabs.png');
	background-position: center center;
	color: #44403b;
	text-decoration: none;
	font-size: 13px;
	padding-top: 12px;
	text-align: left;
	padding-left: 16px;
	
}
#searchselect li.first a {
	background-image: url('../images/tab_first.png');
}
#searchselect li.current a {
	background-position: top;
	color: #ffffff;
}
#searchselect li a:hover {
	background-position: bottom;
	color: #ffffff;
}
#searchselect li.current a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
#searchselect li.current {
	z-index: 100;
}
 #searchselect ul li a:hover { 
  color: #194357;
  } 
.search_area {
  margin: 0px 0 0 0px;
  float: left;
 
}
.search_area form {
  margin: 0px;
  padding-left: 0px;
}

table.search_table {margin: 0; }

 td.field { vertical-align: center; text-align: left;}
 td.field span.rec { font-family: 'WebSymbolsRegular'; font-size: 19px; line-height: 21px;color: #c2b9ae; position: relative; float: left; margin-left: -425px; margin-top: 12px;}
 td.field span.ing { font-family: 'WebSymbolsRegular'; font-size: 19px; line-height: 21px;color: #c2b9ae; position: relative; float: left; margin-left: -25px; margin-top: 6px;}
 td.button {padding-left: 15px; vertical-align: center;}
#autocomplete {
  border: 0;
  float: left;
  width: 400px;
  font-size: 17px;
  line-height: 21px;
  color: #abaaaa;
  padding: 12px 0 12px 40px;
  background: none repeat scroll 0 0 #fcfcfc;
  border: 1px solid #DDE5E9;
  border-radius: 11px 11px 11px 11px;
  box-shadow: 0 3px 14px -10px black inset;
}

#friends {
  border: 0;
  float: left;
  width: 400px;
  font-size: 17px;
  line-height: 21px;
  color: #abaaaa;
  padding: 0px 0 0px 40px;
  background: none repeat scroll 0 0 #fcfcfc;
  border: 1px solid #DDE5E9;
  border-radius: 11px 11px 11px 11px;
  box-shadow: 0 3px 14px -10px black inset;
}

#autocomplete_ings{
  width:180px;
  margin:0 0 2px 0;
  padding:0 0 3px;  
  position:relative; 
  top:2px; 
  float:left; 
  border:none; 
  background:transparent;
  color: #ABAAAA;
  font-size:17px;
}
/*#friends {  
  position:relative;
  border: 0;
  float: left;
  margin-left: -40px;
  padding: 5px 0 0px 50px;
  line-height: 32px;
  float: left;
  width:413px;
  height:45px;
  background: url(../images/search_field.png) no-repeat;  
}  */

#submit_input, #submit_input_ings {
  border: 0;
  padding: 0px 0 0 20px;
  font-size: 15px;
  letter-spacing:1px;
  color: #fff;
  text-shadow: 0px 2px 3px #555;
  text-transform: uppercase;
  background: url(../images/search_button.png) no-repeat 0  3px;
  width: 170px;
  height: 53px;  
  cursor: pointer;
  }
#check, #check_ings {
   background: transparent;
   float: right;
   margin: 12px 2px 0 0px;
   color: white;
}  
/* 
    Hide the original radios and checkboxes
    (but still accessible)
    
    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't
       
*/
.has-js .label_check,
.has-js .label_radio { padding: 1px 0px 0px 18px; margin-left: 20px;}
.has-js .label_check,
.has-js .label_radio span {color: white; font-weight: bold; }
.has-js .label_radio { background: url(../images/radio-off.png) no-repeat top left; }
.has-js .label_check { background: url(../images/check.png) no-repeat; }
.has-js label.c_on { background: url(../images/check.png) no-repeat; }
.has-js label.r_on { background: url(../images/radio-on.png) no-repeat top left; }
.has-js .label_check input,
.has-js .label_radio input { position: absolute; left: -9999px; }


/*---------- end of search box --------*/

/*---------- home page top recipes boxes --------*/
.box1 {
  float: left;
  width: 228px;
  margin: 0px 0px 0 10px;
}
.box1_top {
  background: url(../images/box_top.png) no-repeat top left;
  height: 30px;
}
.box1_body {
  margin-top: 9px;
  background: url(../images/box_body.png) repeat-y;
  text-align: center;
}
.box1_body img.img1 { 
   opacity: 1;
  border: 1px solid #fff;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}  
.box1_body img:hover.img1 { 
   opacity: 1;
   /*Glow*/
  -webkit-box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  -moz-box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  border: 1px solid #ddd;
}  
.box1_bottom {
  background: url(../images/box_bottom.png) no-repeat top left;
  height: 50px;
  margin-top: -4px;
}
.box1 h2 {
  color: #6f6f6f;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;  
  font-size: 18px;
  padding-bottom: 7px;
  line-height: 14px;
  margin: -9px auto 12px auto;
 
}
.sep {
  width: 193px;
  height: 16px;
  margin: 0 auto;
  
  background: url(../images/sep.png) no-repeat top left;
}
.sep3 {
  width: 183px;
  height: 16px;
  margin: 0 auto;
  
  background: url(../images/sep5.png) no-repeat top left;
}
.sep2 {
  width: 148px;
  height: 14px;
  margin: 0 auto;
  
  background: url(../images/sep2.png) no-repeat top left;
}
.recipe { 
	margin: 10px auto 10px auto; 
	padding-bottom: 10px;
    width: 195px;	
	border-bottom: 1px solid #d3d3d3;
    text-align: left;	
}
.recipe_last { 
	margin: 10px auto 10px auto; 
	padding-bottom: 10px;
    width: 195px;	
	
    text-align: left;	
}
.recipe img { 
	float: left; 
	margin-right: 7px; 
	border: 1px solid #ddd; 
	padding: 5px;
	background: #fff;
}
.recipe a { 
   color: #464545;
   }
.recipe a:hover { 
   color: #416b34;
   }
.recipe p { 
	font-size: 10px; 
}
.recipe_last img { 
	float: left; 
	margin-right: 7px; 
	border: 1px solid #ddd; 
	padding: 5px;
	background: #fff;
}
.recipe_last a { 
   color: #464545;
   }
.recipe_last a:hover { 
   color: #416b34;
   }
.recipe_last p { 
	font-size: 10px; 
}
.more {
   width: 152px;
   background: url(../images/more_bg.png) no-repeat 0px 12px;
   padding: 20px 5px 0 30px;
   height: 33px;
   margin: 0px 0 0 70px;
}
.more a { 
   font-weight: 700;
   background: url(../images/more.png) no-repeat 87px 3px;
   padding-right: 20px;
  }
/*---------- end of top recipes boxes --------*/
/*---------- home page categories --------*/
.ribbon {
   width: 993px;
   height: 61px;
   margin: 30px auto;
   background: url(../images/ribbon.png) no-repeat 0px 0px;
}
.title1 {
  width: 304px;
  float: left;
  margin: -103px 0 0 -3px;
  background: url(../images/title_bg.png) no-repeat 0px 0px;
  color: #481801;
  letter-spacing: 0.2px;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;
  font-size: 20px;
  text-decoration: none;
  line-height: 19px;
  padding: 36px 0 40px 55px;
}
.catBox {
  float: left;
  width: 228px;
  text-align: center;
  background: url(../images/box_bg.png) no-repeat top left;
  margin: 0px 0px 20px 10px;
  padding: 20px 0 10px 0;
}
.catBox h2  {
  color: #6f6f6f;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;  
  font-size: 16px;
  padding-bottom: 7px;
  line-height: 14px;
  margin: 12px auto 12px auto;
}
.catBox h2 a {
   color: #6f6f6f;
   }
.catBox h2 a:hover {
   color: #416b34;
   }   
.catBox img { 
	margin: 0 0 12px 0; 
	border: 1px solid #ddd; 
	padding: 5px;
	background: #fff;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}

.catBox img:hover {
   -webkit-box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  -moz-box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  border: 1px solid #ddd;
}
.catBox2 {
  float: left;
  width: 180px;
  text-align: center;
  background: url(../images/box_bg2.png) no-repeat top left;
  margin: 0px 0px 10px 10px;
  padding: 20px 0 30px 0;
  height:219px;
}
.catBox2 h2  {
  color: #6f6f6f;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;  
  font-size: 16px;
  padding-bottom: 7px;
  line-height: 14px;
  margin: 15px auto 12px auto;
}
.catBox2 h2 a {
   color: #6f6f6f;
   }
.catBox2 h2 a:hover {
   color: #416b34;
   }   
.catBox2 img { 
	margin: 0 0 12px 0; 
	border: 1px solid #ddd; 
	padding: 5px;
	background: #fff;
	 -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}
.catBox2 img:hover {
   -webkit-box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  -moz-box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  border: 1px solid #ddd;
}
.catBox3 {
  float: left;
  width: 217px;
  text-align: center;
  background: url(../images/box_bg3.png) no-repeat 1px 0;
  margin: 0px 0px 20px 20px;
  padding: 20px 0 10px 0;
}
.catBox3.big {
  background: url(../images/box_bg3_big.png) no-repeat 1px 0;
  padding: 20px 0 14px 0;
}
.catBox3 h2  {
  color: #6f6f6f;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;  
  font-size: 16px;
  padding-bottom: 7px;
  line-height: 14px;
  margin: 12px auto 12px auto;
}
.catBox3 h2 a {
   color: #6f6f6f;
   }
.catBox h2 a:hover {
   color: #416b34;
   }   
.catBox3 img { 
	margin: 0 0 12px 0; 
	border: 1px solid #ddd; 
	padding: 5px;
	background: #fff;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}

.catBox3 img:hover {
   -webkit-box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  -moz-box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  box-shadow: 0px 0px 10px rgba(151,194,151,0.7);
  border: 1px solid #ddd;
}
.border {
   background: url(../images/border.png) repeat-x;
   width: 100%; min-height: 20px;
   margin-top: -60px;
   
   }
.holder {
  width: 980px;
  margin: 0 auto;
  padding: 0;
 }   
.border2 {
   background: url(../images/footer.png) repeat;
   width: 100%; min-height: 59px;
   }
.title2 {
  width: 304px;
  float: left;
  margin: -50px 0 0 -20px;
  background: url(../images/title_bg2.png) no-repeat 0px 0px;
  color: #3b732a;
  letter-spacing: 0.2px;
  font-weight: normal;
  font-family: 'Georgia', serif;
  font-style: italic;
  font-size: 20px;
  text-decoration: none;
  line-height: 19px;
  padding: 36px 0 60px 55px;
}
.footer {
   background: url(../images/footer.png) repeat;
   width: 100%; 
   float: left;
   padding: 0 0 30px 0;
   margin: -35px 0 0 0;
   }
.footer_content {
  width: 980px;
  margin: 0 auto;
  min-height: 100px;
  padding: 10px 0 0 0;
  position: relative;
 }     


.footer_content h5 { 
   font-weight:semi-bold; 
   font-size:15px; 
   color: #fff;   
   text-decoration: none; 
   margin: 0px 0 15px 0; 
   padding: 0; 
   }
.footer_list { 
   
   float: left;
   margin: 0px 4px; 
   padding: 0px 22px;
   list-style: none; 
   }
.footer_list.right{ 
float: right;
margin: 0px 4px; 
padding: 0px 30px;
list-style: none; 
}
.footer_list li { 
   margin: 0 ; 
   padding: 0 0 5px 0; 
   }
.footer_list li a { 
   color: #fff; 
   font-weight: normal; 
   font-size: 12px; 
   text-decoration: none; 
   padding: 0 ; 
   }
.footer_list li a:hover {
   text-decoration: underline;
}   
.footer_list2 { 
   min-width:150px;
   float: left;
   margin: 0px 24px 0 0; 
   padding: 30px 12px 20px 10px; 
   list-style: none; 
   border-right: 1px solid #fff;
   }
.footer_list2 li { 
   margin: 0 ; 
   padding: 0 0 5px 0; 
   }
.footer_list2 li a { 
   color: #fff; 
   font-weight: normal; 
   font-size: 12px; 
   text-decoration: none; 
   padding: 0 ; 
   }
.footer_list2 li a:hover {
   text-decoration: underline;
}   
#bottom_wrapper { 
   clear: both; 
   width: 100%; 
   margin: 0 0 0 0; 
   padding: 0; 
   min-height: 41px; 
   background: url(../images/bottom.jpg) bottom repeat-x;}
#bottom {
	width: 980px;
	height: 44px;
	padding: 0px;
	margin: 0 auto;
	}
#text { 
   float: right; 
   margin: 0; 
   width: 980px;
   padding: 6px 10px 0px 0px; 
   color: #eee;
   text-align:center;
  }
#text a{
  color:white;
}
/*----  products list 1 column page --*/
#products_top {
   margin-bottom: 15px;
   height: 60px;
   background: url(../images/sep4.png) center bottom no-repeat;
   padding-top: 10px;
   margin-left: 30px;
   padding-bottom: 10px;
}

#products_top h1 {
   color:#6f6f6f;
   font-size: 24px;
   line-height: 24px;
   font-weight: normal;
   letter-spacing: 1px;
    font-family: 'Georgia', serif;
   padding-left: 45px;
   float: left;
   margin-top: 10px;
   height:48px;
   }

p.result_num {
  clear:both;
  margin-left:40px;
}

p.result_num span {
  float: left;
  color:#999;
  margin: -20px 0 0 55px;
}  

 
#results {
  margin-bottom: 10px;
  padding-left: 10px;
}
.result_item {
  width:760px;
  border-bottom: 2px solid #eee;
  float: left;
}
.result_item2 {
  width:760px;
  border-bottom: 2px solid #eee;
  float: left;
  background-color: #f2f1f5;
}
.result_img {
  width:150px;
  padding:10px;
  float:left
}
.result_info{
  width:540px;
  color: #999;
  float:left;
  padding:5px;
  
}
.result_info a {
  color: #999;
 }
.result_info a:hover {
  color:  #ff7a01;
 }
.result_info h3 a {
  color: #555;
  font-size: 14px;
  font-weight: bold;
  }
.cl_title {
  height: 17px;
  float:left;
  margin:10px 0 0 0;
}
.rec_title {
  width:80%;
  float:left;
  margin:10px 0 0 0;
}
.like,.unlike{
  margin-top: 5px;
  width:19%;
  float:left;
}
.result_price{
  width:130px;
  color: 999;
  float:left;
  padding:5px;
  margin-left: 5px;
}
#IEroot .result_price {
  margin-left: 0px;
  }
.result_price p{margin-bottom: 40px;}
.result_price span {
    color: #67a200;
	font-weight: normal;
	font-size: 19px;
	text-decoration: none;
	}	
.result_price a.compare {
   color: #555;
  border: 1px solid #bec3c8; 
   background-image: -ms-linear-gradient(top, #F7F7F7 0%, #E1E1E1 100%);
   background-image: -moz-linear-gradient(top, #F7F7F7 0%, #E1E1E1 100%);
   background-image: -o-linear-gradient(top, #F7F7F7 0%, #E1E1E1 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #E1E1E1));
   background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #E1E1E1 100%);
   background-image: linear-gradient(to bottom, #F7F7F7 0%, #E1E1E1 100%);
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;
  padding: 7px 12px;
  text-decoration: none;
  font-size: 14px;
  margin: 40px 0 0 0;
}
.result_price a.compare:hover {
   color: #ff7a01;
  border: 1px solid #bec3c8; 
   background-image: -ms-linear-gradient(top, #E1E1E1 0%, #F7F7F7 100%);
   background-image: -moz-linear-gradient(top, #E1E1E1 0%, #F7F7F7 100%);
   background-image: -o-linear-gradient(top, #E1E1E1 0%, #F7F7F7 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E1E1E1), color-stop(1, #F7F7F7));
   background-image: -webkit-linear-gradient(top, #E1E1E1 0%, #F7F7F7 100%);
   background-image: linear-gradient(to bottom, #E1E1E1 0%, #F7F7F7 100%);
  -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;
  padding: 7px 12px;
  text-decoration: none;
  font-size: 14px;
  margin-top: 40px;
}
.paging {
  margin: 10px 30px 0 0;
  float: right;
  padding: 5px 0;
}
.paging a {
  color: #ff7a01;
  border: 1px solid #bec3c8; 
  background-image: -ms-linear-gradient(top, #F7F7F7 0%, #E1E1E1 100%);
   background-image: -moz-linear-gradient(top, #F7F7F7 0%, #E1E1E1 100%);
   background-image: -o-linear-gradient(top, #F7F7F7 0%, #E1E1E1 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #E1E1E1));
   background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #E1E1E1 100%);
   background-image: linear-gradient(to bottom, #F7F7F7 0%, #E1E1E1 100%);
  -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;
  padding: 3px 5px;
  text-decoration: none;
  margin:-3px;
}
.paging a.prev {
  color: #ff7a01;
  width: 30px;
  height: 24px;  
  background: transparent url(../images/prev.png) no-repeat 0 0;
  padding: 5px 11px;
  text-decoration: none;
}
.paging a.next {
  color: #ff7a01;
  width: 30px;
  height: 24px;  
  background: transparent url(../images/next.png) no-repeat 0 0;
  padding: 5px 11px;
  text-decoration: none;
}
.paging a:hover, .paging a.selected {
  color: #505354;
}
#sidebar {
  width:215px;
  float:left;
  margin: 0px 10px 10px 0;
}
.sidebar_sep {
  width: 230px;
  /*background: #fff;*/
  height: 5px;
  float: left;
  margin: 10px 0 10px 0;
}
.side_filters {
   width: 200px;
   float: left;
   margin: 0 0 0 30px;
   padding: 0;
   
}
.side_filters h3{
   color:  #ff7a01;
   font-size:13px;
   padding: 17px 0 10px 14px;
   margin-top: 20px;
   border-bottom: 1px dashed #ccc;
}  
.side_filters  a {
   color:  #267b00;
   font-size: 14px;
}
ul.filter {
  list-style:none;
  margin: -30px 0 0 0;
  padding: 25px 0 5px 3px;
  
}
ul.filter li{
  list-style:none;
  padding:4px 0 4px 0;
}
ul.filter.check li{
  list-style:none;
  padding:4px 0 4px 0;
}
ul.filter.check li img{
  vertical-align: top;
  padding: 0 5px 0 0;
}
ul.filter span.selected{
  font-weight:bold;
}
ul.filter.check.fav li a {
  font-size:12px;
}
/*
#scrollbar1 { width: 200px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 180px; height: 297px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 25px !important; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#scrollbar2 { width: 200px; margin: 20px 0 10px; }
#scrollbar2 .viewport { width: 180px; height: 297px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar2 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 25px !important; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar2 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar2 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
*/

.viewport { width: 180px; height: 297px; position: relative; }
.overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }

.side_filters a.more_filters {
  float:right;
  font-size:90%;
  margin:15px 10px 0 0;
}

.side_filters .ingplus_small, .side_filters .ingminus_small, .side_filters .sites_small  {
  padding:10px 0;
  max-height:260px;
}
.side_filters .ingplus_big, .side_filters .ingminus_big, .side_filters .sites_big   {
  display:none;
  background-color: white;
  overflow-y:auto;
  height:264px;
  padding:10px 0;
  width:215px;
}
.side_filters .ingplus_open, .side_filters .ingminus_open {
  background-color: white;
  overflow-y:auto;
  height:260px;
  padding:10px 0;
}
.delete_filters {
  margin-top:35px;  
}
.delete_filters a{
  font-size:98% !important;
}
h3.no_results{
  text-align: center;
  margin: 45px 0 20px 0;
}
a.no_results{
  display: block;
  text-align: center;
}
p.more_titles {
  height: 23px;
  margin-top: 18px;
}
p.more_titles strong{
  color:#999;
}
img.little_image{
  margin-right:7px;
}
#top_bar {
  padding-top: 3px;
  width: 100%;
  height: 22px;
  background-color: #622C26;
  text-align: center;
}
#top_bar a{
  color: #e4e4e4;
}
#top_bar a:hover{
  color: white;;
}

#container-recipe2 {
  float: left;
  width: 100%;
  background: white;
  overflow:hidden;
  margin-top: 15px;
}

#container-recipe1 {
  float: left;
  width: 100%;
  right: 75%;
  position: relative;
  background: #F5F9F1;
}


#recipe-left {
  width:25%;
  float: left;
  position: relative;
  overflow: hidden;
  left: 75%;
}
#recipe-left h3{
  color: #FF7A01;
  font-size: 13px;
  padding: 17px 0 10px 14px;
  margin-top: 10px;
  border-bottom: 1px dashed #CCC;
}

#recipe-left img{
  margin: 20px 0 0 20px;
}

#recipe-left ul li{
  color: #267B00;
  font-size: 14px;
  line-height: 22px;
}

#recipe-right {
  width:75%;
  float:left;
  position: relative;
  overflow:hidden;
  left: 75%;
}

#recipe-right h1 {
  color: #6F6F6F;
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: 'Georgia', serif;
  padding: 0 0 20px 55px;
  margin: 25px 0 35px;
  background: url(../images/sep4.png) center bottom no-repeat;
  width: 650px;
}

#recipe-right p {
  padding: 0 20px 0 20px;
}

p.recipe_source {
  font-style:italic;
}

p.complete_recipe {
  float:right;
  margin-right:15px;
  font-size: 110%;
  font-weight: bold;
}

#recipe-right h3 {
  margin: 50px 0 10px 20px;
}

#recipe-related {
  padding: 10px;
}

#recipe-related div.rel_recipe {
  width: 155px;
  margin: 0 0 15px 20px;
  float: left;
  height: 165px;
  text-align: center;
  overflow: hidden;
}

#recipe-related div.rel_recipe a {
  font-weight:bold;
}

table.grp_filters {
  width: 45%;
  margin: 10px 0 0 25px;
  border-collapse: collapse;
  float:left;
}
table.grp_filters tr {
  border-bottom: 1px solid #EAEAEA;
}
table.grp_filters td {
  padding:10px;
}
table.grp_filters th {
  text-align:left;
  padding: 5px 0 5px 5px;
}

a#next {
  display: none;
}
div #infscr-loading {
  clear:both;
  padding: 30px 0 0 375px;
}
div.infinite_button {
  clear:both;
  margin: 30px 0 0 235px;
}

div #recipe_count {
  float:left;
  color: #FF7A01;
  min-height: 16px;
  margin: 7px 0 -12px 5px;
  font-weight: bold;
}

div #recipe_count a{
  color: #FF7A01;
  text-decoration: underline;
}

span.type_error {
  color: red;
}

a span.playimage {
  position: absolute;
  margin: 8px 0 0 -125px;
}

table.register {
  font-size: 14px;
  margin-left:130px
}

table.register tr td{
  padding: 5px;
}

table.register input{
  font-size: 16px;
  height:30px;
}

input.brown-button {
  background: white url(/images/button2.png) no-repeat; 
  border: 0 none;
  color: white;
  font-weight: bold;
  padding: 8px 5px;
  width: 110px;
  margin: 20px 0 20px 410px;
  cursor:pointer;
}

table.login {
  font-size: 12px;
  margin-left:20px
}

table.login tr td{
  padding: 5px;
}

table.login input{
  font-size: 14px;
  height:25px;
}

input.brown-button2 {
  background: white url(/images/button2.png) no-repeat; 
  border: 0 none;
  color: white;
  font-weight: bold;
  padding: 8px 5px;
  width: 110px;
  margin: 10px 0 10px 100px;
  cursor: pointer
}

#lost-response {
  margin-left: 195px;
}

a.username {
  font-weight: bold;
}

a.register img {
  vertical-align: bottom;
}

div.directory_site {
  width: 30%;
  float:left;
  padding: 10px 0 20px 20px;
}

div.directory_site a:hover {
  text-decoration: underline;
}