/* Css for AllergyFree */


body {
	margin: 0px auto 0px;
	position: relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
	background-color: #66CCCC;
	text-align: left;
	width: 1100px;
	color: #339999;
}

#extradiv {
	  position: absolute;
      left: -190px;
      top: 1600px;
      z-index: 100;
      width: 300px;
      height: 300px;
      background: transparent url(../images/photo.jpg) top left no-repeat;
}

img { 
    border: 0px;
    margin: 2px; 
}


#layout {
	margin: 0px auto 0px;
    height: 1px;
	text-align: center;
	width: 840px; 
	position: relative;
    margin-top: -1px; /*fix bug di internet explorer*/
}

#container {
 width: 1100px;
 margin: 0px auto 0px;
 /*use this div and put to content of the all body, if you don't want to put a width to the body */

}

#header {
	  margin: 0px auto 0px;
      height: 380px;
	  width: 800px; 
	  position: relative;
	  z-index:100;
      background-color: transparent;
      margin-top: 10px;
}

#section {
	margin: 0px auto 0px;
	position: relative;
	height: 84px;
	width: 800px;
    background: transparent url(../images/bg_section.gif) top left repeat-x;
    color: inherit;
}

#section h1 {
	
    font-size: 42px; 
	font-weight: 300;
	margin: 0px 20px 1px 0px;
	padding-bottom: 5px;
	color: #FFFFFF;
	letter-spacing: -0.02em;
	text-align: right;
}

#section h2 {
	
    font-size: 24px; 
	font-weight: 300;
	margin: -5px 20px 0px 0px;
	color: #FFFFFF;
	letter-spacing: -0.02em;
	text-align: right;
}

h1.mainTitle {
	
    font-size: 24px; 
	font-weight: 300;
	margin: 20px 0px 15px 0px;
	color: #339999;
	letter-spacing: -0.02em;
	text-align: left;
}

h3.newsTitle {
	
   font-size: 18px; 
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	color: #339999;
	letter-spacing: -0.02em;
	text-align: left;
	clear:both
}

#logo {
	  position: absolute;
      left: -116px;
      top: 89px;
      z-index: 100;
      width: 171px;
      height: 31px;
}

#topmenu {
	  position:absolute;
      left: -165px;
      top: 130px;
      z-index: 100;
      width: 160px;
      height: 600px;
}

#photoContainer {
	
	height: 250px;
	width: 800px;
	background-color:#ffffff;

}

/*###################################################*/
/*#################  LINKS     ######################*/

a, a:focus, a:link, a:active {
      text-decoration: underline;
	  color: #339999;
}

a:visited {
      text-decoration: underline;
      background-color: transparent;
	  color: #339999;
}
a:visited:hover,
a:hover {
      text-decoration: underline;
	  color: #93DBDB;
}

/*###################################################*/
/*#################  LINKS     ######################*/

/*#################### FORM for search ######################*/

.search {
	margin: 0px auto 0px;
	height: 45px;    
	width: 800px; 
	position: relative;
	z-index:100;
	background-color: #FFF;
	margin-top: -1px; /*corregge bug di internet explorer*/
	/*border: 1px solid red;*/
	
}
.search a{
	display:block;
	position:absolute;
	bottom:18px;
	left:20px;
	font-weight: 700;
	  text-decoration: none;
	  font-size: 12px;
}
.search span {
      color: #339999;
	  letter-spacing: -0.02em;
	  float: left;
      margin-top: 15px;
      margin-left: 620px;
      
	  font-size: 10px;
	  text-align: left;
}

#searchBox {
	  font-weight: 700;
	  
	  font-size: 12px;
}

#searchBox label{
      padding: 5px 5px 0px 0px;
}

#searchForm {
      color: #339999;
	  float: right;
	  text-align: right;
      margin-top: 10px;
      
	  
}

input#search {
      color: #FFF;
      
	  background-color: #66CCCC;
	  text-align: left;
	  font-size: 12px;
	  font-weight: normal;
	  border: 1px solid #CCC;
      width: 120px;
      font-size: 11px;
	  height: 16px;
}

.hide {
   display:none;
   visibility:hidden;
}

form {
     margin: 0px;
     padding: 0px;
}

input#submit {
     width: 30px;
	 letter-spacing: -0.02em;
     font-size: 12px;
	 height: 20px;
     font-family: Verdana, sans-serif; 
     border: 0px;
	 color: #339999;
     background-color: transparent;
}

/*#################### END FORM for search ######################*/

#layout1 {
	margin: -5px auto 0px;
	margin-left: 10px; /*fix a big bug in IE*/
	position: relative;
	text-align: center;
	float: left;
	width: 800px;
	background-color: #FFF;

}

html > body #layout1 {
	margin: -10px auto 0px;
	margin-left: 20px; 
}

#layout2 {
	float: left;
	width: 800px;
    color: inherit;
}

/* for understanding browsers */
#rightColumn a{
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

#rightColumn {
    	font-size: 11px;
    	float: right;
	width: 260px;
	min-height: 420px; 
    	height:auto;
    	text-align:left;
    		padding-right:20px;
    	
}

#rightColumn2 {
    	background: #FFF url(../images/illustration_containers.jpg) top right repeat-y; 
        float: right;
	width: 300px;
	min-height: 420px; 
    	height:auto;
    	text-align:left;
}

#rightColumn3 {
    	background: #FFF url(../images/illustration_cups.jpg) top right repeat-y; 
        float: right;
	width: 300px;
	min-height: 420px; 
    	height:auto;
    	text-align:left;
}

#rightColumn4 {
    	background: #FFF url(../images/illustration_cutlery.jpg) top right repeat-y; 
        float: right;
	width: 300px;
	min-height: 420px; 
    	height:auto;
    	text-align:left;
}

#rightColumn5 {
    	background: #FFF url(../images/illustration_knife.jpg) top right repeat-y; 
        float: right;
	width: 300px;
	min-height: 420px; 
    	height:auto;
    	text-align:left;
}

#rightColumn6 {
    	background: #FFF url(../images/illustration_ladle.jpg) top right repeat-y; 
    	float: right;
	width: 300px;
	min-height: 420px; 
    	height:auto;
    	text-align:left;
}

/* for Internet Explorer */
/*\*/
* html #rightColumn {
  height: 300px;
}
/**/


#rightColumn span {
	float: left;
	width: 100%;
	font-weight: bold;
	margin-top: 10px;
}

#leftColumn {
	font-size: 11px;
	padding-left:40px;
	text-align: left;
	float: left;
	width: 430px;
    background-color: #FFF;
	/*border: 1px solid red;*/
}

#imgLeftColumn {
	float: left;
	width: 150px;
    background-color: #FFF;
	height: 300px;
}


.left{
    float: left;
	
	margin-right: 20px;
}

.right{
    float: right;
}




p.pcentered {
    float: left;
	width: 320px;   
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 8px;
	border: 1px solid red;
	letter-spacing: 0.01em;
	line-height: 14px;	
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	color: #339999;
	
}

p.bold {
    float: left;   
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
	/*border: 1px solid red;*/
	letter-spacing: 0.01em;
	line-height: 14px;	
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	color: #339999;
	
}

p#spaceBottom {
      float: left;   
	padding: 0px 30px 0px 0px;
	margin: 15px 0px 30px 0px;
	/*border: 1px solid red;*/
	letter-spacing: 0.01em;
	line-height: 28px;	
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #215389;
	
}

p.firstChild {
    float: right;   
	padding: 0px 40px 0px 0px;
	margin: 20px 0px 0px 0px;
	/*border: 1px solid red;*/
	letter-spacing: 0.01em;
	line-height: 25px;	
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	width: 660px;
	/*border: 1px solid red;*/
	color: #215389;
	
}


/*######## FooterBar #########*/

#footer {
     padding-top: 40px;
	
	 font-family: Arial, Helvetica, sans-serif;
	 
	 text-align: left;
	 color: #FFF;
	 background-color: #444;
	width: 880px;
	 margin-left: 10px;
}

#footerBar {
	  margin: 0px auto 0px;
	  margin-left: 10px; /*fix a big bug in IE*/
	  position: relative;
	  text-align: center;
	  float: left;
	  width: 800px;
	  height: 30px;
	  background-color: #339999;
}

html > body #footerBar {
	margin: -10px auto 0px;
	margin-left: 20px; 
}

/*######## Footer #########*/

ul.footer {
	float: left;	
	font-size: 11px;
	color: #FFF;
	text-align: left;
	padding: 0.2em 0.2em;
	text-align: left;
	margin-left: 35px;
	margin-top: 5Px;
}

ul.footer li {
	  
	  color: #FFF;
      display: inline;
      margin: 0em 0.2em;
      height: 0px;
}

ul.footer li a {
      white-space: nowrap;
	  color:#FFF;
      text-decoration: none;   
}

ul.footer li a:link {
      background-color: transparent;
	  color:#FFF;
      text-decoration: none;
}

ul.footer li a:visited:hover {
      color: #93DBDB;
      text-decoration: underline; 
}

ul.footer li a:visited {
      color:#FFF;
      text-decoration: none; 
}

ul.footer li a:hover {
      background-color: transparent;
      color: #93DBDB;
      text-decoration: underline;
}

ul.footer li a:active {
      background-color: transparent;
	  color: #FFF; 
      text-decoration: none;
}


/*###################################################*/
/*#################  LINKS     ######################*/


#divider{
	padding-bottom: 20px;
	margin-top: 0px;
}

/* sub page links */

.sublink h1{
	font-weight:bold;
	 
	  color: #339999;
	  font-size:1em;
	  text-align:left;
	 padding: 0px 20px 5px 0px;
	margin-bottom:0px;
	
}
.sublink .odd{
	padding-top:0px;
	
	margin:0px;
	text-align:left;
	padding: 0px 20px 5px 0px;
	color: #339999;
}
.sublink {
	margin-bottom:10px;
}

/*News*/
#topnews a{
	font-weight:bold;
	font-size:11px;
	display:block;
	
}
#topnews p, #featured p{
margin-bottom:3px;
margin-top:5px;
}

#listnews p{
float:none;

}

/* search */

#sitesearchcategories{
	

		
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 420px;
	color: #339999;
	height: 50px;
}
#advsearchtext{
	clear:left;
	 float: left;   
	padding: 0px 20px 20px 20px;
	margin: 15px 0px 10px 0px;
	/*border: 1px solid red;*/
	letter-spacing: 0.01em;
	line-height: 14px;	
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	color: #339999;
}

#res{
 float: left;   
	padding: 0px 20px 20px 20px;
	margin: 15px 0px 10px 0px;
	/*border: 1px solid red;*/
	letter-spacing: 0.01em;
	line-height: 14px;	
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	color: #339999;
}
.asCats{
	
}
#analysis{
	width:300px;
}
#results{
}

#results p{
	float:none
}

#rightColumnNoBackgroundingredient{
		position:relative;
		margin:right:0px;;
		margin-bottom:50px;
		height:150px;
	
}
#rightColumnNoBackground {	
	position:relative;
	margin:right:0px;;
	height:300px;
	left: 15px;

}
#rightColumnNoBackgroundingredient ul#recipetools{
	position:absolute;
	top:20px;
	right:10px;
 }
#rightColumnNoBackground ul#recipetools{
position:absolute;
top:120px;
right:10px;
}
* html #rightColumnNoBackground ul#recipetools{
  top:140px;
  right:-30px
}
#rightColumnNoBackground ul#countrylinks, #rightColumnNoBackgroundingredient ul#countrylinks{
position:absolute;
top:0px;
right:10px;
}
* html #rightColumnNoBackground ul#countrylinks, #rightColumnNoBackgroundingredient ul#countrylinks{
  right:-30px
}

/*UL buttonsOptions*/

#rightColumnNoBackground ul, #rightColumnNoBackgroundingredient ul{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	color: #339999;
	width: 250px;
	text-align:right;
	list-style-type: none;
	margin-left:60px;
	font-weight: bold;
	display:inline;
	
}
#rightColumnNoBackgroundingredient {
  right:-16px
}
* html #rightColumnNoBackgroundingredient {
  right:-56px
}

html > body #rightColumnNoBackground ul {
     margin: 20px 0px 0px 0px;
}


#rightColumnNoBackground ul  li a {
	  /* links are already this color 
	  color: #339999; 
	  */
}

#rightColumnNoBackground ul li img, #rightColumnNoBackgroundingredient ul li img{
	  padding-right: 30px;
	 
}

#rightColumnNoBackground ul  li, #rightColumnNoBackgroundingredient ul  li {
	  
	  
	  font-weight: 300;
	  height: 38px;
	  width: 260px;
	  color: #339999;
	  background: transparent url(../images/bg_btOptions.jpg) top left no-repeat;
	  text-align:right;
	  font-weight: bold;
	  vertical-align:middle;
	  margin-left:30px;
	 
}

#rightColumnNoBackground ul  li a:focus,
#rightColumnNoBackground ul li a:active, 
#rightColumnNoBackground ul li a:link, #rightColumnNoBackgroundingredient ul  li a:focus,
#rightColumnNoBackgroundingredient ul li a:active, 
#rightColumnNoBackgroundingredient ul li a:link {
	color: #339999;
	background-color: transparent; 
	text-decoration: none;
}

#rightColumnNoBackground ul  li a:visited ,#rightColumnNoBackgroundingredient ul  li a:visited {
	 color: #339999;
    background-color: transparent;
	 text-decoration: none;
}

#rightColumnNoBackground ul  li a:visited:hover,#rightColumnNoBackgroundingredient ul  li a:visited:hover {
	  color: #93DBDB;
	  text-decoration: none;
}

#rightColumnNoBackground ul li a:hover, #rightColumnNoBackgroundingredient ul li a:hover {
	  color: #93DBDB;
	  text-decoration: none;
}

/* End UL buttonsOptions*/


/* for Internet Explorer */
/*\*/
* html #rightColumnNoBackground {
  height: 300px;
}
/**/

.block {
     display:block;
	 margin: 0px;
	 padding: 0px;
	 vertical-align: middle;
	 margin: 10px 0px 10px 0px;
}

#buttonRight1,
#buttonRight2,
#buttonRight3,
#buttonRightIcon1,
#buttonRightIcon2,
#buttonRightIcon3  {
	margin-left: 5px;
	display:inline;
}
#buttonLeft {
	margin-left: 2px;
	display:inline;
	float: left;
}
.copyright{
	float:left;
	margin-left:59px;
	margin-bottom:10px;
	text-align:left;
	margin-top:10px;
	font-size:10px;
	
}
.createdby{
	float:right;
	text-align:right;
	margin-right:60px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:10px;	

}
.createdby a:link,  .createdby a:visited{
	color:#FFF;
	text-decoration: none;

}
.createdby a:hover, .copyright a:hover{
	text-decoration: underline;
}
.errormark{
	border: 2px solid red;
}
#ing_cats{
	margin-top:20px;
}
#myrecipes{
      padding-left: 10px;
}