/* Global */
html, html body {border:0; margin:0; padding:0;}
body {font:11px Tahoma, Arial, Helvetica, sans-serif; text-align: center; background:url("../img/bg/bg-square.png") top left repeat; /*background: #f2e8d7;*/}
Img {border:0;}

/* Pagetexture */
#SiteContainer {margin: 0 auto; width:1006px; text-align:left;}
#PageContainer {overflow: hidden; width:736px; background-image:url("../img/bg/bg_transp.gif")/*url("../img/bg/bg.gif")*/; background-repeat: repeat-y; padding:0px 10px 0px 10px; float:left;}

/* TopNavigation */
#TopNav {width:736px; height:84px; background: url("../img/bg/bg_top.gif");}
#TopNav .MenuContent {width:716px; margin-left: 10px; height:59px;}
#TopNav .NavContent {width:416px; padding-left: 10px; float:left;}
#TopNav .NavRightContent {text-align:right; float:right; margin-right:12px;}

/*
a.Matnyheter {display: block; width: 104px; height: 59px; background-image: url(../img/menu/logotype_menyse.png); background-repeat: no-repeat; float:left;}
a.Matnyheter:hover {background-image: url(../img/menu/logotype_menyse_mo.png);} 
a.Matrecept {display: block; width: 102px; height: 59px; background-image: url(../img/menu/matrecept.png); background-repeat: no-repeat; float:left;}
a.Matrecept:hover {background-image: url(../img/menu/matrecept_mo.png);} 
a.Drinkrecept {display: block; width: 102px; height: 59px; background-image: url(../img/menu/drinkrecept.png); background-repeat: no-repeat; float:left;}
a.Drinkrecept:hover {background-image: url(../img/menu/drinkrecept_mo.png);} 
a.Meny {display: block; width: 102px; height: 59px; background-image: url(../img/menu/meny.png); background-repeat: no-repeat; float:left;}
a.Meny:hover {background-image: url(../img/menu/meny_mo.png);} 
a.Inkop {display: block; width: 102px; height: 59px; background-image: url(../img/menu/inkopslista.png); background-repeat: no-repeat; float:left;}
a.Inkop:hover {background-image: url(../img/menu/inkopslista_mo.png);} 
a.Varufakta {display: block; width: 102px; height: 59px; background-image: url(../img/menu/varufakta.png); background-repeat: no-repeat; float:left;}
a.Varufakta:hover {background-image: url(../img/menu/varufakta_mo.png);} 
a.Empty {display: block; width: 102px; height: 59px; background-image: url(../img/menu/empty.png); background-repeat: no-repeat; float:left;}
a.Empty:hover {background-image: url(../img/menu/empty_mo.png);} 
*/

.Matnyheter {display: block; width: 104px; height: 59px; float:left;}
.Matrecept {display: block; width: 102px; height: 59px; float:left;}
.Drinkrecept {display: block; width: 102px; height: 59px; float:left;}
.Meny {display: block; width: 102px; height: 59px; float:left;}
.Inkop {display: block; width: 102px; height: 59px; float:left;}
.Varufakta {display: block; width: 102px; height: 59px; float:left;}
.Empty {display: block; width: 100px; height: 59px; float:left;}


/* Main */
#Main {width:736px; min-height:1500px; margin: 10px 0px 0px 10px;}
#Main .LeftColumn {width:245px; float:left; padding-right:10px;}
#Main .LeftColumn .LeftContent {}
#Main .LeftColumn .hr {background:#dddddd; margin: 10px 0px 10px 0px; height:1px; overflow:hidden; width:245px;}
#Main .LeftColumn .Search {height:135px; padding-left:8px; padding-top:8px; background-image: url("../img/bg/bg_search.gif");}

#Main .LeftColumn .Navigation {background:#f1d2ce;}
#Main .LeftColumn .Navigation .NavTop {height:3px; margin:0px; padding:0px; background-image:url(../img/gfx/navTop_pink.gif); background-repeat:no-repeat;}
#Main .LeftColumn .Navigation .NavBottom {height:3px; margin:0px; padding:0px; background-image:url(../img/gfx/navBottom_pink.gif); background-repeat:no-repeat;}
#Main .LeftColumn .Navigation .NavHeader {margin-left:8px; margin-top:0px; margin-bottom:0px; padding-top:6px;}
#Main .LeftColumn .Navigation ul {margin:0px; padding:0px; border: none; list-style:none;}
#Main .LeftColumn .Navigation li {margin:0px; background: none;}
#Main .LeftColumn .Navigation li div.shop {display: block; padding: 2px 0px 2px 8px; margin: 1px 1px 1px 1px; background-color: #f6ebe6; text-decoration: none;}
#Main .LeftColumn .Navigation li div {display: block; padding: 2px 0px 2px 16px; margin: 1px 1px 1px 1px; background-color: #f6ebe6; text-decoration: none;}
#Main .LeftColumn .Navigation li div.active {display: block; padding: 2px 0px 2px 24px; margin: 1px 1px 1px 1px; background-color: #fbf7f5; text-decoration: none;}
#Main .LeftColumn .Navigation li div.activebosse {display: block; padding: 2px 0px 2px 36px; margin: 1px 1px 1px 1px; background-color: #ffffff; text-decoration: none;}
#Main .LeftColumn .Navigation li div.bottom {display: block; padding: 2px 0px 0px 8px; margin: 1px 1px 0px 1px;}

#Main .LeftColumn .DrinkTipNavigation {background:#f1d2ce;}
#Main .LeftColumn .DrinkTipNavigation .NavTop {height:3px; margin:0px; padding:0px; background-image:url(../img/gfx/navTop_pink.gif); background-repeat:no-repeat;}
#Main .LeftColumn .DrinkTipNavigation .NavBottom {height:3px; margin:0px; padding:0px; background-image:url(../img/gfx/navBottom_pink.gif); background-repeat:no-repeat;}
#Main .LeftColumn .DrinkTipNavigation .NavHeader {margin-left:8px; margin-top:0px; margin-bottom:0px; padding-top:6px;}
#Main .LeftColumn .DrinkTipNavigation #subCategories {margin:0px; padding:0px; border: none; list-style:none;}
#Main .LeftColumn .DrinkTipNavigation #subCategories li {margin:0px; background: none;}
#Main .LeftColumn .DrinkTipNavigation #subCategories li div {display: block; padding: 2px 0px 2px 16px; margin: 1px 1px 1px 1px; background-color: #f6ebe6; text-decoration: none;}
#Main .LeftColumn .DrinkTipNavigation #subCategories li div.active {display: block; padding: 2px 0px 2px 24px; margin: 1px 1px 1px 1px; background-color: #fbf7f5; text-decoration: none;}
#Main .LeftColumn .DrinkTipNavigation #subCategories li div.activeN4 {display: block; padding: 2px 0px 2px 36px; margin: 1px 1px 1px 1px; background-color: #ffffff; text-decoration: none;}
#Main .LeftColumn .DrinkTipNavigation #subCategories li div.bottom {display: block; padding: 2px 0px 0px 8px; margin: 1px 1px 0px 1px;}

#Main .RightColumn {width:460px; float:left; padding-left:10px; border-left:1px solid #dddddd;}
#Main .RightColumn .hr {background:#dddddd; margin: 10px 0px 10px 0px; height:1px; overflow:hidden; width:450px;}
#Main .RightColumn .Content {padding-bottom:5px;} /* Nyheter, toppen för ett recept */
#Main .RightColumn .DrinkContent {width:450px;}
#Main .RightColumn .TextContent {padding-bottom:10px; width:290px; margin-right:10px; float:left; display:block;}
#Main .RightColumn .TextContent .hr {background:#dddddd; margin: 10px 0px 10px 0px; height:1px; overflow:hidden; width:100%;}
#Main .RightColumn .TextContent ol {font:12px Tahoma, Arial, Helvetica, sans-serif; margin:10px 0px 0px 10px; padding-left: 15px;}
#Main .RightColumn .Info {width:130px; margin:0 10px 0 0; padding:10px; float:left; background:#f5f5f5;}
#Main .RightColumn #infoTop
{
    background: transparent url(../img/gfx/infoBubble-top.gif) repeat-y 0 0;
    margin:0 10px 0 0;
    float:right;
    width: 150px;
    height: 5px;
    font-size:0;
	line-height:0;
}

#Main .RightColumn #infoBottom
{
    background: transparent url(../img/gfx/infoBubble-bottom.gif) repeat-y 0 0; 
    margin:0 10px 4px 0;
    float:right;
    width: 150px;
    height: 5px;
    font-size:0;
	line-height:0;
}
#Main .RightColumn .InfoOld {width:139px; border-left:1px solid #dadada; padding:10px; float:left; background:#f5f5f5;}
#Main .RightColumn .InfoBottom {width:160px; float:right; margin-bottom:50px;}
#Main .RightColumn .Info .hr {background:#dddddd; margin: 10px 0px 10px 0px; height:1px; overflow:hidden; width:100%;}

#Main .RightColumn .ImageList {padding-bottom:5px; display:block;}
#Main .RightColumn .ProductImageList {padding-bottom:5px; display:block;}
#Main .RightColumn .ImageList .Content {width:140px; height:135px; margin: 0px 15px 0px 0px; float:left; padding:0px;}
#Main .RightColumn .ImageList .ContentR {width:140px; height:135px; float:left; margin: 0px padding:0px;}
#Main .RightColumn .ProductImageList .ProductContent {width:140px; height:135px; margin: 0px 15px 0px 0px; float:left; padding:0px;}
#Main .RightColumn .ProductImageList .ProductContentR {width:140px; height:135px; float:left; margin: 0px padding:0px;}
#Main .RightColumn .ProductImageList .Weekly {width:105px; height:135px; margin: 0px 10px 0px 0px; float:left; padding:0px;}
#Main .RightColumn .ProductImageList .WeeklyR {width:105px; height:135px; float:left; margin: 0px padding:0px;}
#Main .RightColumn .ImageList .DrinkContent {width:93px; height:135px; margin: 0px 26px 0px 0px; float:left; padding:0px;}
#Main .RightColumn .ImageList .DrinkContentR {width:93px; height:135px; float:left; margin: 0px padding:0px;}

#Main .RightColumn .Daily {padding-bottom:5px; width:220px; margin-right:10px; float:left;}

#Main .RightColumn .NavRecipe {width:270px; height:380px; margin-right:10px; float:left;}
#Main .RightColumn .NavDrink {width:143px; margin-right:10px; float:left;}
#Main .RightColumn ul {margin:0px; padding:0px; border: none; list-style:none;}
#Main .RightColumn li {margin:0px; padding: 1px 0px 1px 0px; background: none; font:12px Tahoma, Arial, Helvetica, sans-serif;}

#Main .RightColumn .NavPages {width:450px; height:20px; clear:both;}
#Main .RightColumn .NavPage {float:left; margin-right:8px; text-align:center;}

/* Skriv över befintlig p-tagg i kommentarruta */
.comment {font:12px Tahoma, Arial, Helvetica, sans-serif;}
.ProductFact {font:12px Tahoma, Arial, Helvetica, sans-serif; padding-bottom:10px; width:290px; margin-right:10px; float:left; display:block;}
.ProductFact u {text-decoration:none;}
/* Footer */
#Footer {width:726px; height:47px; background-image:url(../img/bg/bg_footer.gif); margin-top:100px; padding-left:10px; padding-top:3px; float:left;}

/* Headlines */
H1 {font:24px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#000000; margin-top:2px; margin-bottom:2px;}
H2 {font:18px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#000000; margin:0px; padding:0px;}
H3 {font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#444444; margin-top:5px; margin-bottom:0px;}
H4 {font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color:#444444; margin:0px;}
H5 {font:16px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#000000; margin-bottom:2px; margin-top:0px; line-height:21px;}
.subCatHeader {font-size:18px}
#Main .LeftColumn h2 {font:16px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#000000; margin-top:3px; margin-bottom:2px;}

/* Nya/Omgjorda headers */
h1.start {font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#444444; margin-top:5px; margin-bottom:0px;}
h2.news {font:24px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#000000; margin-top:2px; margin-bottom:2px;}
h2.search {font:16px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#000000; margin-bottom:2px; margin-top:0px; line-height:21px;}
h2.large {font:12px Tahoma, Arial, Helvetica, sans-serif;}
h3.subCat {font:24px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#000000; margin:0px; padding:0px; float:left;}
#Main .LeftColumn h3 {font:16px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#000000; margin-top:3px; margin-bottom:2px;}

/* Text */
p {margin-top:0px; margin-bottom:0px;}
p.large {font:12px Tahoma, Arial, Helvetica, sans-serif;}
p.largeB {font:12px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;}
p.small {font:10px Tahoma, Arial, Helvetica, sans-serif; padding-bottom:5px;}
p.photograph {font:10px Tahoma, Arial, Helvetica, sans-serif; font-style: italic; text-align:right; margin-right:10px; line-height:8px;}

/* div Links */
a:link, a:active, a:visited {text-decoration: none; color: #000000;} 
a:hover {text-decoration: underline; color: #000000;}
a.clrShop:link, a.clrShop:active, a.clrShop:visited {text-decoration: underline; color: #016faa;} /*(729423 old green)*/
a.clrShop:hover {text-decoration: underline; color: #000000;}
a.clr:link, a.clr:active, a.clr:visited {text-decoration: underline; color: #016faa;} 
a.clr:hover {text-decoration: underline; color: #000000;}
a.foodschool:link, a.foodschool:active, a.foodschool:visited {text-decoration: none; font-weight: bold; color: #8f1d04;} 
a.foodschool:hover {text-decoration: underline; color: #000000;}
a.underln:link {text-decoration: underline; color: #000000;} 
a.underln:active, a.undln:visited {text-decoration: underline; color: #444444;} 
a.underln:hover {text-decoration: underline; color: #729423;}
a.ingredient:link, a.ingredient:active, a.ingredient:visited {color: #016faa;} 
a.ingredient:hover {text-decoration: underline; color: #016faa;}

/* Form */
form {margin:0px; padding:0px;}
fieldset {border:0px;}
input.inp {width:160px; font:11px Tahoma, Arial, Helvetica, sans-serif; margin: 0px 0px 2px 0px;}
input.inpSearch {margin-top:8px; padding:4px; width:145px; font:12px Tahoma, Arial, Helvetica, sans-serif;}
input.btnSearch {padding:2px;}
.Info input.name {width:133px; font:11px Tahoma, Arial, Helvetica, sans-serif; margin: 4px 0px 2px 0px;}
input.submit {font:11px Tahoma, Arial, Helvetica, sans-serif; margin: 2px 0px 0px 0px;}
.Info input.amount {width:50px; font:11px Tahoma, Arial, Helvetica, sans-serif; margin: 2px 0px 2px 0px;}
.Info select.unit {width:80px; font:11px Tahoma, Arial, Helvetica, sans-serif; margin: 2px 0px 2px 0px;}
.TextContent input.amount {width:27px; font:11px Tahoma, Arial, Helvetica, sans-serif; margin: 2px 0px 2px 0px;}
.TextContent select.unit {width:60px; font:11px Tahoma, Arial, Helvetica, sans-serif; margin: 2px 0px 2px 0px;}
.LeftContent select {width:166px; margin: 2px 0px 2px 0px; font:11px Tahoma, Arial, Helvetica, sans-serif;}
select {font:11px Tahoma, Arial, Helvetica, sans-serif;}
input.btnMix {font:11px Tahoma, Arial, Helvetica, sans-serif;}

/* Images */
.drinkImage {float:left; margin-right:10px;}
.infoButton {float:left; margin-right:5px;}

/* Div */
.break5 {height:5px; clear:both;}
.break10 {height:10px; clear:both;}
.break20 {height:20px; clear:both;}


#Main .RightColumn .DrinkTipImageList {padding-bottom:5px; display:block;}
#Main .RightColumn .DrinkTipImageList .DrinkTipContent {width:140px; height:160px; margin: 0px 15px 0px 0px; float:left; padding:0px; float:left;}
#Main .RightColumn .DrinkTipImageList .DrinkTipContentR {width:140px; height:155px; float:left; margin: 0px padding:0px;}
#Main .RightColumn .DrinkTipFact {font:12px Tahoma, Arial, Helvetica, sans-serif; margin-right:10px;}
#Main .RightColumn .DrinkTipInfo {border-left:1px solid #dadada; width:139px; padding:10px; margin-left:10px; float:right; background:#f5f5f5;}


#drinkTipNavigation a
{
    background: #f5e0dd url(../img/buttons/navBar-left.gif) left top no-repeat;
    padding-left: 8px;
    padding-top: 3px;
    border: none;
}

#drinkTipNavigation a, #drinkTipNavigation a span
{
    float: left;
}

#drinkTipNavigation a:hover
{
    background: #f8e9e7 url(../img/buttons/navBarSelected-left.gif) left top no-repeat;
    padding-left: 8px;
    cursor: pointer;
}

#drinkTipNavigation a span
{
    background: url(../img/buttons/navBar-right.gif) right top no-repeat;
    padding-right: 8px;
    height: 17px;
}

#drinkTipNavigation a:hover span
{
    background: url(../img/buttons/navBarSelected-right.gif) right bottom no-repeat;
    padding-right: 8px;
    height: 17px;
}

#drinkTipNavigation a.selected
{
    color:#333333;
    background: #f8e9e7 url(../img/buttons/navBarSelected-left.gif) left bottom no-repeat;
    padding: 3px 0px 0px 8px;
    margin: 0px;
    font-weight: bold;
    height: 17px;
}

#drinkTipNavigation a.selected span
{
    background: url(../img/buttons/navBarSelected-right.gif) right top no-repeat;
}

#drinkTipNavigation
{
    padding: 0px;
    margin: 0px;
}

#drinkTipNavigation li
{
    float: left;
    margin: 0 1px 0 0;
    list-style: none;
}

#subCategories a.selected
{
    color:#333333;
    font-weight: bold;
}

#infoDrinkTip
{
    width: 150px;
    float: left;
    display: inline;
    margin: 5px 0 0 0;
}

#infoDrinkTip blockquote
{
    background: #e3effb;
    width: 130px;
    height: auto;
    margin: 0;
    padding: 5px 10px 3px 10px;
    overflow:hidden;
}

#infoDrinkTip #infoDrinkTop
{
    background: transparent url(../img/gfx/drinkTipBubble-top.gif) repeat-y 0 0; 
    width: 150px;
    height: 5px;
    font-size:0;
	line-height:0;
    margin: 0;
}

#infoDrinkTip #infoDrinkBottom
{
    background: transparent url(../img/gfx/drinkTipBubble-bottom.gif) repeat-y 0 0; 
    width: 150px;
    height: 5px;
    font-size:0;
	line-height:0;
    margin: 0 0 4px 0;
}

#infoDrinkTip blockquote .line 
{
    background:#ffffff;
    margin: 0 0 10px 0;
    height:1px;
    overflow:hidden;
    width:130px;
}