/* Reset */
/********************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
strong {
  font-weight: bold;
}

html {
  min-height: 100%;
  margin-bottom: 1px;
}
body {
  font-size: 75%;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #444;
}

/* Common */
/********************************/

a {
  text-decoration: none;
  color: #5D8927;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: #5D8927;
}

p, li, dd, dt, .med {
  font-size: 1em;
  line-height: 1.3em;
}

p {
  line-height:1.3em;
  margin:4px 0;
}

p, li, .med, dd, caption, button {
  font-weight:normal;
}

.bodyText p {
  margin-bottom: 15px;
}

td, th {
  font-size: 1em;
  color: #333333;
}

th, dt {
  font-weight: bold;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
  margin:15px 0;
}

h2,h3 {
  font-size: 1.2em;
  font-weight: bold;
}

h1.level1, h2 {
  font-size: 1.2em;
  font-weight: bold;
}

h3 {
  font-size: 1.1em;
  font-weight: bold;
}

.level1 {
  margin-bottom: 15px;
}

.level3 {
  font-size: 1.1em;
}

.headingSection {
  border-top:1px solid #CCCCCC;
  margin:20px 0 5px;
  padding-top:10px;
}

.grey {
  color: #777;
}

.clear {
  clear: both
}

div.rule {
  border-top:1px solid #DDDDDD;
  clear:both;
  margin:0;
}

.box {
  border: 1px solid #DDD;
  padding: 7px;
}

li.spaced {
  margin: 6px 0;
}

ul.inline1 li {
  display:inline;
  margin: 0 15px 0 0;
}

ul, ul.cabbage {
  list-style-type: disc;
  list-style-position: inside;
  margin: 10px 0 10px 20px;
}

ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 10px 0 10px 20px;
}

ol li {
  margin: 0 0 0 20px;
}

ol.bigNumbers {
  list-style-type:none;
  list-style-position: outside;
  margin:0px 0px 20px 0px;
  padding:0px;
}
ol.bigNumbers li {
  margin:15px 0px 0px 0px;
  padding:0px 7px 0px 35px;
  background-repeat:no-repeat;
  line-height:1.4em;
}
ol.bigNumbers li.one 	{
  background-image: url('/webshop/static/common/images/bigNumberBullet01.png');
}
ol.bigNumbers li.two 	{
  background-image: url('/webshop/static/common/images/bigNumberBullet02.png');
}
ol.bigNumbers li.three 	{
  background-image: url('/webshop/static/common/images/bigNumberBullet03.png');
}
ol.bigNumbers li.four 	{
  background-image: url('/webshop/static/common/images/bigNumberBullet04.png');
}
ol.bigNumbers li.five 	{
  background-image: url('/webshop/static/common/images/bigNumberBullet05.png');
}
ol.bigNumbers li.six 	{
  background-image: url('/webshop/static/common/images/bigNumberBullet06.png');
}
ol.bigNumbers li.seven 	{
  background-image: url('/webshop/static/common/images/bigNumberBullet07.png');
}
ol.bigNumbers li.eight 	{
  background-image: url('/webshop/static/common/images/bigNumberBullet08.png');
}
ol.bigNumbers li.nine 	{
  background-image: url('/webshop/static/common/images/bigNumberBullet09.png');
}

/* Header */
/********************************/

#header img {
  visibility: hidden;
}

#header a {
  display:block;
  float:left;
  height:69px;
  margin:0;
  width:105px;
}

#header {
  min-height: 98px;
  height: auto;
  width: 770px;
  margin: 0px auto;
  text-align: left;
  /*background-image: url('/webshop/static/common/images/sitehead_xmas08.jpg');*/
  background-image: url('/webshop/static/common/images/sitehead_static_apple.jpg');
  padding: 0 !important;
}

/* Main Content */
/********************************/

#mainContent {
  border: 1px solid #5D8927;
  width: 725px;
  margin: 0px auto;
  padding: 14px 14px 14px 29px;
}

/* Positional */

div#mainContent.wide div.wrapper {
  position:relative;
  margin:0;
}
div#mainContent.wide div.wrapper div#col2 {
  top:0px;
}
div#col1 {
  position:relative;
  margin-right:200px;
  padding-right:15px;
  border-right: 1px solid #ddd;
}
div#col2 {
  position:absolute;
  top:30px;
  right:5px;
  width:180px;
  margin:0px;
  font-size: 0.9em;
}

/*div#col1Float {
  position:relative;
  float:left;
  clear:both;
  width:410px;
  padding:0px;
  border-right: 1px solid #ddd;
  margin-top:20px;
}
div#col1Float div.padder {
  margin-right:20px;
}*/
div#col2Float {
  position:relative;
  float:right;
  width:170px;
  margin-left:15px;
  padding-top:0px;
}

/* Recipes */

ul.ruled,
ul.ingredients {
  margin:20px 0px;
  width:100%;
  padding: 0px 0px 1px 0px;
  border-top: 1px solid #EEE;
  line-height: 1.45em;
  list-style-type: none;
}
ul.ruled li,
ul.ingredients li {
  padding:2px 0px 3px 0px;
  margin: 0px;
  line-height: 1.3em;
  border-bottom: 1px solid #EEE;
}

ul.ingredients + p + p.buyButton > a {
  background-image:url('/webshop/static/common/images/ico_green_arrow0.png');
  background-position:right center;
  background-repeat:no-repeat;
  padding-right:20px;
  font-size: 1.2em;
}

.r_container_text{
  color:gray;
  float: left;
  padding: 5px 0;
  margin-bottom: 10px;
}
.r_float_right{
  float: right;
  margin-bottom: 10px;
}
.r_container{
  padding: 10px 0;
}

/* Help Section */

h3.level3.headingSection {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
  margin: 20px 0 5px 0;
}

h3.level3.headingSection + ul {
  list-style-type: disc;
  list-style-position: inside;
  font-size: 1em;
}

/* Footer */
/********************************/

#footer {
  padding:7px 20px;
  margin:15px auto 0 auto;
  width: 770px;
  clear:both;
  background-position: top left;
}

#footer ul {
  margin: 0;
}