/* Global */
html, html body {border:0; margin:0; padding:0;}
body {font:12px Arial, Verdana, sans-serif;}
img {border:0;}

#siteContainer {width:567px; margin: 0; text-align:left;}
#mainContent {margin: 0; margin: 0 15px 300px 0; display: inline; width:373px; float:left;}
#sidebar {width:179px; display:inline; float:right; margin:11px 0 0 0;}

/* Innehållsförteckning mainCategory, mainDrinkCategory */
.NavContent {width:220px; height:410px; margin-right:10px; float:left;}
.NavDrink {width:117px; margin-right:7px; float:left;}

.news {margin-bottom:30px;}

.ImageList {padding-bottom:5px; display:block;}
.ImageList .Content {width:120px; height:157px; margin: 0px 6px 0px 0px; float:left; padding:0px;}
.ImageList .ContentR {width:120px; height:157px; float:left; margin:0px; padding:0px;}
.ImageList .DrinkContent {width:93px; height:145px; margin: 0px 47px 0px 0px; float:left; padding:0px; float:left;}
.ImageList .DrinkContentR {width:93px; height:145px; float:left; margin:0px; padding:0px;}
.ImageList .ProductContent {width:140px; height:157px; margin: 0px 2px 0px 0px; float:left; padding:0px;}
.ImageList .ProductContentR {width:140px; height:157px; float:left; margin: 0px; padding:0px;}

.NavPages {width:425px; height:15px; margin-bottom:10px; clear:both;}
.NavPage {float:left; margin-right:8px; text-align:center;}

.TextContent {width:373px; margin:5px 0 0 0; display:block; float:left;}

.toolbar {height:30px; margin:20px 0 20px 0; padding:10px 0 0 0; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc;}
.toolbar div {float:left; width:33%;}

/* Infobox recipe, productFact etc */
.info {background:#f1f1f1; width:100%; margin:0 0 30px 0; border-top:4px solid black;}
.info .infoHeader {background:#0f823f; margin:8px; padding:4px; color:white; font-size:16px; font-weight:bold;}
.info blockquote {width:159px; margin:0; padding:0 8px 12px 12px; display:inline-block;}
.info blockquote p {font-size:14px;}
.info blockquote .hr {background:#ffffff; margin: 10px 0px 10px 0; height:1px; overflow:hidden; width:130px;}

/* Sidebar */
#sidebar .header {color:#1d7636; font-size:14px; font-weight:bold; width:179px; padding:6px 0 10px 0; border-top:1px solid #000000;}
#sidebar .component {margin:0 0 30px 0;}

/* Headlines */
h1 {font-size:36px; font-weight: normal; color:#000000; margin:0px; padding:0px;}
h2 {font-size:24px; font-weight: normal; color:#000000; margin:0px; padding:0px;}
h3 {font-size:14px; font-weight: bold; color:#000000; margin:0px; padding:0px;}
h4 {font-size:21px; font-weight: normal; color:#000000; margin:0px; padding:0px;}

/* Text */ 
p {margin: 0; padding: 0;}
#sidebar p {line-height:18px;}

/* Links */
a:link, a:active, a:visited {text-decoration: none; color: #000000;} 
a:hover {text-decoration: underline; color: #000000;}
a.clr:link, a.clr:active, a.clr:visited {text-decoration: underline; color: #0000ff;} 
a.clr:hover {text-decoration: underline; color: #000000;}
#sidebar a {color:#477ac0;}

/* Search */
#searchContent {margin: 0 0 10px 0; font-size:14px;}
input.search {font-size:16px; width:297px; border:1px solid #cccccc; padding:8px; margin-top:4px;}
input.searchBox {font-size:16px; width:54px; border:1px solid #cccccc; padding:8px;}

/* Lists */
ul {margin:0px; padding:0px; border: none; list-style:none;}
li {margin:0px; padding: 1px 0px 1px 0px; background: none;}

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

.largeDivider {margin: 10px 0px; width: 100%; height: 1px; display: block; clear:both; background:#dddddd;}

/* Images */
#sidebar .component img {width:179px; height:119px; border-top:4px solid black;}
img.big {width:373px; height:249px;}
img.med {width:120px; height:80px;}