/* CSS Document */
/* Normalisera margin och padding */
* {
	margin:0;
	padding:0;
}

/* Normalisera fontsize för headers */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;

}

/* Normalisera list-style */
ol, ul {
	list-style:none;

}

/* Normalisera font-style och font-weight till normal */
address, caption, cite, code, dfn,th, var {
	font-style:normal;
	font-weight:normal;
}

/* Normalisera tabellstil från tabeller */
table {
	border-collapse:collapse;
	border-spacing:0;

}

/* Ta bort border från img och fieldset */
fieldset, img {
	border:none;

}

/* Vänsterställ text i th och caption */
th, caption {
	text-align:left;

}
/* Ta bort citationstecken */
q:before, q:after {
	content:'';

}

/*Ta bort underlinen på a element */
a {
	text-decoration:none;
	
}
.clearthefloats {
	clear:both;

}

html{
	text-align:center;
	
}

body {
	
	/*background:url(../img/backgrounds/header-bg.gif) 0 0 repeat-x #050505;*/
}

#header {
	margin: 0px auto ;
	text-align: left;
	width:860px;
	display:none;
}

img#logotype {

	display:none;
}

#print_logotype {
	margin:0;
	display:block;
	margin-bottom:10px;



}
div#topmenu {
	/*float:left;
	width:856px;
	border:2px solid #b2945c;
	background:url(../img/backgrounds/topmenu-bg.gif) 0 0 repeat-x;
	*/
	display:none;
}

html>body #topmenu {
	height:auto;
	
}

ul#topmenulist {
	float:left;
	background:url(../img/backgrounds/topmenulist-bg.gif) 0px 0px no-repeat;
	width:856px;
	
	height:auto;
	
	

}
#topmenulist li {
	float:left;
	padding:0 0 0 18px;
}


#wrap {
	margin: 0px auto ;
	text-align: center;
	width:100%;
	float:left;
	height:690px;
	padding-bottom:20px;
}

html>body #wrap {
	height:auto;
	min-height:670px;
	


}

#holder {
	width:860px;
	margin: 0px auto ;

	
}

div#content_start{
	width:860px;
	text-align:left;
	margin:0px auto;
	height:auto;
	position:relative;
	padding-bottom:20px;
}

#content_start #mainpic {
	height:307px;
	border:2px solid #b2945c;
	border-bottom:none;
	position:relative;

}

div#mainpic {
	width:856px;
	
}

div#puffs {
	position:relative;
	height:170px;
	top:0;

}

div.puff {
	margin:0 0 0 0;
	padding:24px 0 0 2px;
	float:left;
	width:424px;
	border-bottom:2px solid #b2945c;
	background:url(../img/backgrounds/1puff-bg.jpg) 0 0 no-repeat;
	height:auto;
	
	
}

.puff#p2 {
	padding:0;
	margin:6px 0 0 7px;
	background:none;
	width:422px;
	border:2px solid #b2945c;
	height:154px;
	
}

#fonds {
	position:absolute;
	left:0;
	top:0;
}

div#start_products {
	border:2px solid #b2945c;
	border-left:none;
	width:856px;
	position: absolute;
	z-index:100;
	height:186px;
	
}

.fond {
	width:86px;
	position:absolute;
}



.prod_yellow {
	width:88px;

}

.prod_orange{
	left:86px;
	width:87px;
	
	
}

.prod_brown{
	left:170px;
	width:87px;

		
}
.prod_pink{
	left:256px;
	width:87px;
	
}
.prod_red{
	left:342px;
	width:87px;
	
}
.prod_bordeaux{
	left:428px;
	width:87px;
	
}
.prod_turqoise{
	left:514px;
	width:87px;
}
.prod_blue{
	left:600px;
	width:87px;
	
}
.prod_marine{
	left:686px;
	width:87px;

	
}
.prod_green{
	left:772px;
	width:88px;
	
}

#start_products #fonds .fond .prodinfo p { 
	display: none; 
	font-size:.95em;
	color:#fff;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
	z-index:100;
	position:relative;

}

/*Hover effekt för att förlänga textfältet */
#start_products #fonds .fond:hover .prodinfo { 
	height: 225px; 
	z-index:100;

	
}
/*Hover effekt för att visa texten produkinfo */
#start_products #fonds .fond:hover .prodinfo p { 
	display: block; 
}


.prod_yellow:hover {
	background:url(../img/backgrounds/yellow-hover-bg.gif) bottom left no-repeat;
}

.prod_orange:hover {
	background:url(../img/backgrounds/orange-hover.gif) bottom left no-repeat;
}

.prod_brown:hover {
	background:url(../img/backgrounds/brown-hover.gif) bottom left no-repeat;

}
.prod_pink:hover {
	background:url(../img/backgrounds/pink-hover.gif) bottom left no-repeat;

}.prod_red:hover {
	background:url(../img/backgrounds/red-hover.gif) bottom left no-repeat;

}.prod_bordeaux:hover {
	background:url(../img/backgrounds/bordeaux-hover.gif) bottom left no-repeat;

}.prod_turqoise:hover {
	background:url(../img/backgrounds/turqoise-hover.gif) bottom left no-repeat;

}.prod_blue:hover {
	background:url(../img/backgrounds/blue-hover.gif) bottom left no-repeat;

}
.prod_marine:hover {
	background:url(../img/backgrounds/marine-hover.gif) bottom left no-repeat;

}.prod_green:hover {
	
	background:url(../img/backgrounds/green-hover.gif) bottom left no-repeat;

}

div#product_details {
	display:none;
	
}

div#nutrition_details {
	display:none;
	padding-top:20px;

}

#content {
	background:#fff;
	text-align:left;
	/*border:2px solid #b2945c;*/
	height:705px;
	float:left;
	width:856px;
	position:relative;
	padding-bottom:20px;
	
		
}

html>body #content {
	height:auto;
	min-height:705px;

}

.shownutrition {
	display:none;

}

#left_content {
	width:214px;
	float:left;
	display:none;
}

#main_content {
	/*width:659px;*/
	width:500px;
	float:left;
	background:none;
	padding-right:17px;
	display:inline;

}

html>body #main_content {
	width:659px;

}

#main_maximized_leftalign_content {
	width:659px;
	padding-right:17px;
	float:left;

}

/*Receptbilden med padding och border */

.recipePicture {
	border:2px solid #b2945c;
	border-left:none;
	border-right:none;
	padding:20px 0;
	margin:4px 0;
	text-align:center;
	float:left;
	clear:both;
	width:100%;

}

/* Fält för receptsidan - extra stort då vi inte har ett högerfält  */
#main_content_max {
	width:640px;
	float:left;
	background:none;
}

/*Listan där alla recept visas med bild, rubrik och ikon */

ul#recipe_list {
	float:left;
	width:640px;
	display:inline;
}

#recipe_list li {
	float:left;
	margin:0 18px 0 0;
	height:190px;
	display:inline;

	

}

#recipe_list li img {
	border:1px solid #b2945c;

}

#search_hits{
	background:url(../img/backgrounds/antalTraffar-bg.gif) bottom left no-repeat;
	float:left;
	width:628px;
	text-align:center;


}

#search_hits p {
	background:url(../img/backgrounds/antalTraffar-bg-top.gif) 0 0 no-repeat;
	padding:4px 0;
	font-size:.95em;
	color:#b2945c;
}

#search_hits a {
	color:#b2945c;

}
#search_hits a.selected {
	color:#231f20;
}

#search_hits a.rew {
	margin-right:15px;

}
#search_hits a.ff {
	margin-left:15px;
	
}
#right_content {
	float:left;
	width:170px;
	display:inline;
}

.ingredients {
	padding:9px;
	background:#f7f4ee;
	margin:17px 0 10px 0;
	font-size:.95em;
}

.searchoptions {
	padding:9px;
	background:#f7f4ee;
	margin:12px 0 10px 0;
	font-size:.95em;
	display:none;

}
#zoombutton {
	position:absolute;
	right:210px;
	top:15px;

}

table {
	width:100%;
	margin:20px 0;

}

table th, table td {
	margin:0;
	padding:3px 20px 3px 8px;
	font-size:.95em;	

}

html>body table th, html>body table td {
	margin:0;
	padding:6px 20px 6px 8px;
	font-size:.95em;	

}

/*table tr.alt {
	background:#f7f4ee;

}*/

table th {
	font-weight:bold;

}




/*Allmänna inställningar för alla Extras fält */
.extras {
	float:left;
	width:163px;
	text-align:center;
	padding-bottom:20px;
	font-size:.95em;
	z-index:50;
	margin:0 0 10px 5px;
	/*IE 6 Bug fix */
	display:inline;
}

#wrap #holder #content #right_content .extras .fondbottle{
	border:none;
	display:block;
	float:none;
	margin:80px 0 0 0px;
	padding:0;

}


.extras ol {
	width:130px;
	margin:15px;
}

.extras ul {
	width:125px;
	margin:0 0 0 20px;
	float:left;
	display:inline;


}

#right_content img{
	border:2px solid #b2945c;
	margin:10px 0 0 4px;
	float:left;


}



div#submenu {
	width:192px;
	position:relative;
	left:-8px;
	background:url(../img/backgrounds/submenu-bg.gif) bottom left no-repeat;
	z-index:100;
}
ul#submenulist {
	background:url(../img/backgrounds/submenu-top-bg.gif) 0 0 no-repeat;
	padding:13px 2px;
	
}

/* Aktuelltlistan */

ul#news_list {
	
	


}

#news_list li {
	float:left;
	width:100%;
	clear:both;
	margin-bottom:10px;

}

/*#news_list li .news_list_image {
	width:192px;
	position:relative;
	left:-8px;
	float:left;
	background:url(../img/backgrounds/submenu-bg.gif) bottom left no-repeat;
	width:192px;
	text-align:center;
	padding-bottom:10px;
	
}

#news_list li .news_list_image .image_top {
	background:url(../img/backgrounds/submenu-top-bg.gif) 0 0 no-repeat;
	padding:2px;
}

*/

#news_list li img {
	width:192px;
	position:relative;
	left:-8px;
	float:left;
	border:2px solid #B2945C;

}

/**/


/* Sök recept box med undertexter och bilder */
div#searchbox {
	width:192px;
	position:relative;
	left:-8px;
	top:13px;
	background:url(../img/backgrounds/searchbox-bg.gif) bottom left no-repeat;
	z-index:100;
	padding-bottom:18px;
	margin-bottom:20px;

	
}

#searchbox input.textbox {
	width:160px;
	border:1px solid  #b2945c;
	height:18px;
	
}

#searchbox input.smalltextbox {
	width:125px;
	border:1px solid  #b2945c;
	height:16px;
	
}


#searchbox #submit_recipe {
	position:relative;
	top:5px;
	left:35px;

}

#searchbox #submit_portions {
	position:relative;
	top:9px;
	left:5px;

}


#searchbox checkbox {
	border:1px solid  #b2945c;
	border:none;
}

#searchbox select {
	border:1px solid  #b2945c;
	width:160px;
	
}

ul#checkboxes {
	float:left;
	padding:10px 0 0 10px;


}
ul#checkboxes li {
	float:left;
	width:90px;
	margin:0 0 5px 0 ;
	
}

/* Slut söktextbox */
/* Antal portioner scroll */
select.portioner {
	width:300px;
	margin-left:5px;
	background:none;
	border:none;
	padding-right:50px;
	color:#231f20;
	font-size:1.0em;
	font-family:Georgia, "Times New Roman", Times, serif;
	scrollbar-arrow-color: green ;
}


/* Formulär skicka recept med e-post */

.extras form {
	display:none;

}

.extras .textbox {
	width:125px;
	border:1px solid  #b2945c;
	height:18px;
	
}

.extras form p {
	font-size:10px;
	margin-bottom:5px;


}

.extras .textarea {
	width:125px;
	border:1px solid  #b2945c;
	height:50px;
	
}

#searchbox #submit_recipe {
	position:relative;
	top:5px;
	left:35px;

}

/* Skicka e-post med formulär */

#address {
	width:860px;
	margin: 0px auto ;
	text-align:left;
	position:relative;
	top:191px;
	color:#ececec;
	z-index:0;
	padding-bottom:20px;

}



/* Adress på andra sidor */
#holder #address {
	top:1px;
	float:left;
	padding-bottom:20px;
	


}

.flags {
	display:none;

}

#address #finflag {
	margin:0 4px 0 12px;

}

#campbellslogo {
/*	position:relative;
	top:-10px;
*/
	position:relative;
	left:10px;
	top:6px;
	z-index:90;
	display:none;


}
/* CSS Document */
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	
}

#topmenulist {
	font-size:.9em;
}

#topmenulist li.selected a {
	color:#A08554;

}

#topmenulist li a {
	color:#fff;
	display:block;
	padding:5px;

}

#topmenulist a:hover {
	color:#A08554;

}
#submenulist li {
	
	font-size:11px;
	border-top:1px solid #eae2d2;
	height:23px;


}

#submenulist li.firstmenuitem {
	border:none;

}

#submenulist li a {
	color:#b2945c;
	text-transform:uppercase;
	padding:5px 15px 5px 22px;
	display:block;
	margin:0;

}

#submenulist li {
	font-size:0.95em;

}

#submenulist li a:hover {
	color:#fff;
	background:url(../img/backgrounds/submenu-hover.gif) center left no-repeat #231F20;
	
}

#submenulist li a.selected {
	color:#fff;
	background:url(../img/backgrounds/submenu-hover.gif) center left no-repeat #231F20;
}

#wrap #holder #content #left_content #searchbox {
	font-size:0.95em;

}


#searchbox h3 {
	background:url(../img/backgrounds/searchbox-bg-top.gif) top left no-repeat;
	color:#fefefe;
	text-transform:uppercase;
	padding:6px 0 12px 0;
	text-align:center;
}

#searchbox input, #searchbox select  {
	font-size:1em;

}

#searchbox .boxHeader {
	text-transform:uppercase;
	color:#b2945c;
	
}

#searchbox p {
	padding:6px 0 0 10px;
}


#left_content #search_instructions {
	font-size:.95em;
	padding:0 40px 0 15px;
	color:#b2945c;

}

#search_instructions h3 {
	font-weight:bold;
	font-size:1.05em;
}

/*Inställningar för recipe_list och dess rubriker*/
#recipe_list li h4 {
	color:#b2945c;
	text-align:center;
	font-weight:normal;
	font-size:11px;
	background:none;
	padding:5px 0;
}

/* Olika bakgrundsikoner(flaskor) för olika headers */
#recipe_list li h4.yellow {
	background:url(../img/recepies/minifond-yellow.gif) 4px 1px no-repeat;

}
#recipe_list li h4.orange {
	background:url(../img/recepies/minifond-orange.gif) 4px 1px no-repeat;

}
#recipe_list li h4.brown {
	background:url(../img/recepies/minifond-brown.gif) 4px 1px no-repeat;

}

#recipe_list li h4.pink {
	background:url(../img/recepies/minifond-pink.gif) 4px 1px no-repeat;

}

#recipe_list li h4.red {
	background:url(../img/recepies/minifond-red.gif) 4px 1px no-repeat;

}

#recipe_list li h4.bordeaux {
	background:url(../img/recepies/minifond-bordeaux.gif) 4px 1px no-repeat;

}

#recipe_list li h4.turqoise {
	background:url(../img/recepies/minifond-turqoise.gif) 4px 1px no-repeat;

}

#recipe_list li h4.blue {
	background:url(../img/recepies/minifond-blue.gif) 4px 1px no-repeat;

}

#recipe_list li h4.marine {
	background:url(../img/recepies/minifond-marine.gif) 4px 1px no-repeat;

}

#recipe_list li h4.green {
	background:url(../img/recepies/minifond-green.gif) 4px 1px no-repeat;

}

#recipe_list a {
	color:#b2945c;

}

/* Slut med receptrubrikerna */

/*Toppfältet vid utvalt recept */
.searchoptions a {
	text-decoration:underline;
	color:#231f20;

}
/*Skriv ut knapp i topp*/
#printbutton {
	text-transform:uppercase;
	
	background:url(../img/recepies/print-button-bg-IE6.gif) 0 0 no-repeat #231f20;
	position:absolute;
	right:240px;
	top:15px;
	padding:6px 0;
	
	
	font-size:10px;
	font-size:.9em;
}

#printbutton a {
	color:#fff;
	text-decoration:none;
	padding:7px 8px 10px 10px;
}

/*Slut skrivut knapp*/


p.shownutrition {
	background:url(../img/recepies/shownutrition-bg.gif) 0 0 no-repeat;
	font-size:10px;
	width:205px;
	text-align:center;
	position:absolute;
	right:300px;
}

.shownutrition a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:5px 10px;

}

p.shownutritionAndAllergenes {
	background:url(../img/backgrounds/visa_mer-bg.gif) 0 0 no-repeat;
	font-size:10px;
	width:205px;
	text-align:center;
	position:relative;
	left:100px;
	margin:20px 0;

}

.shownutritionAndAllergenes a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:5px 10px 5px 0;

}
.ingress {
	font-weight:bold;

}

#main_content h1, #main_maximized_leftalign_content h1 {
	color:#231f20;
	font-size:2.2em;
	padding-bottom:4px;
	margin-bottom:8px;
	border-bottom:2px solid #b2945c;
	text-transform:uppercase;

}

#main_maximized_leftalign_content h1, #main_maximized_leftalign_content h2 {
	margin-left:214px;

}

#main_content h2 {
	color:#231f20;
	font-size:22px;
	padding-bottom:4px;
	margin-bottom:8px;


}

#main_content_max h1 {
	color:#231f20;
	font-size:1.85em;
	padding-bottom:2px;
	margin:13px 0 0px 0; 
	
}



#main_content h3, #main_content_max h3, #main_maximized_leftalign_content h3 {
	color: #b2945c;
	font-size:1.2em;
	font-style:italic;
	margin-bottom:15px;

}

#main_maximized_leftalign_content h3, #main_maximized_leftalign_content p {
	margin-left:214px;

}

#main_content_max h3 {
	margin-bottom:5px;

}

#content h3#favourite_recipe {
	background:url(../img/recepies/push-favorites-bg.gif) 0 0 no-repeat;
	padding:12px 0 15px 23px;
	margin:0;
	color:#fff;
	font-size:1.0em;
	position:relative;
	left:-8px;
}

#content h3#popular_recipe {
	background:url(../img/recepies/push-popular-bg.gif) 0 0 no-repeat;
	padding:12px 0 15px 23px;
	margin:10px 0;
	color:#fff;
	font-size:1.0em;
	position:relative;
	left:-8px;
}
.emphazize {
	font-size:1.2em;

}

#content #popular_recipe {

}

#main_content h4 {
	color:#231f20;
	font-weight:bold;
	font-size:1.2em;
	margin:20px 0 10px 0;
}

#main_content .ingredients h4 {
	font-size:1.1em;

}



p#print_link {
	background:url(../img/backgrounds/skriv-ut-bg.gif) 0 0 no-repeat;
	font-size:10px;
	width:71px;
	text-align:center;
	position:absolute;
	right:200px;
	top:340px;
	
}

#print_link a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:5px 0;
	text-transform:uppercase;

}

/*Basinställningar för Extras fälten */
.extras h3 {
	display:none;
	
}

.extras h4 {
	text-transform:uppercase;
	color:#b2945c;
	padding-top:5px;

}

.extras ol li {
	list-style:decimal inside;
	font-style:italic;

}

.extras ul li{

	font-style:italic;
	list-style:url(../img/backgrounds/ul-dot-wide.gif) inside ;
	background:url(../img/backgrounds/extras-ul-li-bg.gif) bottom center no-repeat;
	padding:0 0 6px 2px;
	margin-top:6px;
	
}
	

.extras a {
	display:none;
	
}


#address {
	font-size:.75em;
	letter-spacing:0;

}