/*
Theme Name: The Cereal Club
Description: Default Cereal Page Layout
Version: 1.0
Author: John Freytag
*/

html,#Products,.help_box {
scrollbar-base-color: #c7c7c7;
scrollbar-3dlight-color: #c7c7c7;
scrollbar-highlight-color: #fff;
scrollbar-face-color: #735e55;
scrollbar-arrow-color: #fff;
scrollbar-shadow-color: #cdcdcd;
scrollbar-darkshadow-color: #c7c7c7;
scrollbar-track-color: #fff;
}
body {
line-height: 120%;
color: #5e3427;
background-color: #fff;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
margin: 0 auto;
text-align: center;
}
.PagerLinks {
white-space: nowrap;
text-align: center;
margin-top: 7px;
}
img {
border-width: 0px;
border-style: none;
margin: 0px;
padding: 0px;
vertical-align: top;
}
h1 {
background-color: transparent;
color: #571a00;
text-align: center;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
font-size: 14px;
font-weight: bold;
padding: 0px;
margin: 0px;
}
a:link {
color: #5e3427;
background-color: transparent;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0;
margin: 0;
}
a:visited {
color: #5e3427;
background-color: transparent;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0;
margin: 0;
}
a:hover {
color: #5e3427;;
background-color: transparent;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
form {
margin: 0 0 0 0;
}
p {
margin-top: 0px;
padding: 0px;
line-height: 120%;
}
.clearfix {
clear: both;
}
#Frame {
width: 900px;
margin: 0 auto;
text-align: center;
position: relative;
}
input {
padding: 2px;
}
textarea {
padding: 2px;
}
.headerSubtitle {
margin-bottom: 5px;
}
#Header {
height: 110px;
white-space: nowrap;
text-align: left;
margin-top: 10px;
}
#Nav {
width: 750px;
padding: 0px;
float: left;
}
#Nav ul {
list-style-type: none;
list-style-position: inside;
margin: 0 0 0 0;
padding: 0px;
width: 750px;
}
#Nav li {
display: inline;
margin: 0 0 0 0;
}
.Search {
float: right;
background-image: url(/images/Search-Bg.gif);
background-repeat: no-repeat;
background-position: 0px 17px;
width: 140px;
height: 40px;
white-space: nowrap;
margin-top: 15px;
padding: 0px;
font-size: 9px;
font-weight: normal;
}
.SearchTip {
text-align: center;
margin-top: 2px;
}
.SearchSimpleCerealLeft {
padding-bottom: 15px;
padding-top: 10px;
float: left;
width: 350px;
}
.SearchSimpleCerealRight {
padding-bottom: 15px;
padding-top: 10px;
float: right;
width: 350px;
}
.SearchField {
height: 22px;
width: 70px;
padding: 0px;
vertical-align: top;
margin-left: 7px;
}
.SearchField input {
width: 70px;
height: 15px;
color: #4d4d4d;
background-color: #fff;
padding: 1px;
vertical-align: top;
border: 1px solid #735e55;
font-size: 9px;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
}
.SearchField input:focus {
width: 70px;
border: 1px dotted #735e55;
}
.SearchButton {
height: 22px;
border-width: 0px;
margin-left: 5px;
margin-top: 1px;
padding: 0px;
vertical-align: middle;
}
.SearchButton input {
border-width: 0px;
margin: 0px;
padding: 1px;
}
.SearchButton input:focus {
border-width: 0px;
}
#Content {
text-align: left;
clear: both;
margin-top: 10px;
 margin-left: 110px;
}
#LeftColumn {
float:left;
width:110px;
margin-top:45px;
height:600px;
font-size: 10px;
padding-right:5px;
text-align:left;
overflow:hidden;
line-height:1.2;
}
.NewsStart {
width: 340px;
float: right;
margin: 0px;
padding-top: 1px;
}
.NewsLounge {
width: 215px;
margin-bottom: 10px;
}
.News {
text-align: left;
margin-bottom: 10px;
font-size: 11px;
line-height: 110%;
}
.NewsStart a:link {
color: #CE6702;
background-color: transparent;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0;
margin: 0;
}
.NewsStart a:visited {
color: #CE6702;
background-color: transparent;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0;
margin: 0;
}
.NewsStart a:hover {
color: #CE6702;
background-color: transparent;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
.NewsStart h1 {
background-color: transparent;
color: #CE6702;
text-align: left;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
font-size: 21px;
font-weight: normal;
padding-bottom: 10px;
margin: 0px;
}
.NewsStart h2 {
background-color: transparent;
color: #CE6702;
text-align: left;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
font-size: 12px;
font-weight: normal;
padding-bottom: 3px;
margin: 0px;
}
.NewsStartText {
margin-top: 0px;
padding-top: 0px;
}
.AutorStart {
font-size: 9px;
color: #735e55;
}
.stoerer {
text-transform: uppercase;
text-align: left;
z-index: 10;
height: 100px;
position: absolute;
top: 80px;
left: -120px;
}
a.stoererlink:hover {
font-size: 24px;
font-weight: bold;
color: #c7040c;
text-decoration: none;
}
.ImageStart .stoerer a.stoererlink {
font-size: 24px;
font-weight: bold;
color: #c7040c;
text-decoration: none;
}
.asterix {
font-weight: bolder;
font-size: 30px;
}
.invisible_muesli {
padding: 0px;
margin: 0px;
display: none;
}
#ContentStart {
text-align: left;
clear: both;
margin-top: 10px;
margin-left: 139px;
}
.SlotFrame {
width: 185px;
float: left;
text-align: center;
margin-top: 30px;
}
.Slot {
width: 122px;
height: 100px;
font-weight: bold;
text-align: center;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.Slot img {
width: 118px;
height: 75px;
border: 1px dashed #dfd8d5;
}
.Slot a:link {
color: #5e3427;
background-color: transparent;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
.Slot a:visited {
color: #5e3427;
background-color: transparent;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
.Slot a:hover {
color: #5e3427;;
background-color: transparent;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
.SlotMachine3 {
float: left;
margin-top: 30px;
width: 610px;
height: 151px;
margin-left: 0px;
background-image: url(/images/slot_3_PS.gif);
background-repeat: no-repeat;
background-position: left top;
}
.SlotButton {
float: left;
vertical-align: middle;
margin-top: 30px;
margin-left: -5px;
}
.SlotInfo {
clear: both;
padding-top: 5px;
width: 610px;
font-size: 11px;
color: #999;
}
.ImageStart {
width: 582px;
height: 350px;
border: 0px;
float: left;
position: relative;
text-align: left;
}
.ImageStart div.start_heading {
height: 70px;
font-size: 20px;
text-align: center;
line-height: 120%;
}
.ImageStart img {
width: 580px;
height: 250px;
}
.Mix {
margin-left: -10px;
}
.return,.returnCritical {
margin-left: 140px;
margin-top: -20px;
margin-bottom: 0px;
color: #ce6702;
background-color: #fff;
font-weight: bold;
height: 20px;
min-height: 20px;
}
.returnCritical {
color: #ff0000;
}
.base_cereal_error {
font-weight: bold;
color: #ff0000;
}
.Clickable {
cursor: hand;
cursor: pointer;
}
#Topping {
float: left;
width: 518px;
}
#ToppingNav {
background-color: transparent;
white-space: nowrap;
display: block;
padding: 0px;
margin-left: -1px;
}
#ToppingNav ul {
list-style-type: none;
list-style-position: inside;
margin: 0 0 0 0;
padding: 0px;
}
#ToppingNav li {
display: inline;
margin: 0 0 0 0;
padding: 0px;
}
#ToppingNav img {
margin-right: -4px;
padding: 0px;
border-width: 0px;
}
#ToppingNav a {
margin: 0 0 0 0;
padding: 0px;
}
#ToppingSearch {
border-left: 1px dashed #dfd8d5;
border-right: 1px dashed #dfd8d5;
height: 10px;
background-color: transparent;
}
#Products {
width: 518px;
height: 500px;
display: block;
overflow: auto;
border-bottom: 1px dashed #dfd8d5;
}
#HoldScroll {
width: 499px;
height: 502px;
}
#Left {
float: left;
width: 248px;
display: block;
background-color: #fff;
color: #735e55;
border-left: 1px dashed #dfd8d5;
border-right: 1px dashed #dfd8d5;
border-bottom: 1px dashed #dfd8d5;
}
#Right {
float: right;
text-align: left;
margin-top: 0px;
margin-left: -1px;
padding: 0px;
width: 248px;
display: block;
background-color: #fff;
color: #735e55;
border-right: 1px dashed #dfd8d5;
border-bottom: 1px dashed #dfd8d5;
border-left: 1px dashed #dfd8d5;
}
.Container {
clear: both;
padding: 1px;
display: block;
color: #5e3427;
background-color: #fff;
border-top: 1px dashed #dfd8d5;
}
.ContainerContent {
margin: 0 0 0 0;
}
.Picture {
float: left;
width: 120px;
height: 98px;
}
.PictureSmall {
width: 120px;
height: 80px;
}
.CreatorCerealTitle {
width: 120px;
height: 19px;
padding-left: 2px;
padding-right: 5px;
margin: 0px;
text-align: center;
font-size: 11px;
font-weight: bold;
}
.ShortText {
font-size: 9px;
line-height: 150%;
height: 56px;
}
.BioBackground,.PriceBio {
background-image: url(/images/bio.gif);
background-repeat: no-repeat;
background-position: top right;
}
.PriceBio {
white-space: nowrap;
font-size: 9px;
display: block;
text-indent: 5px;
padding: 0px;
height: 22px;
vertical-align: middle;
text-align: justify;
}
.Price {
white-space: nowrap;
font-size: 9px;
display: block;
text-indent: 5px;
padding: 0px;
height: 22px;
vertical-align: middle;
text-align: justify;
}
.Links {
white-space: nowrap;
clear: both;
font-size: 9px;
display: block;
text-indent: 5px;
text-align: justify;
vertical-align: top;
}
.Links a:link {
color: #c7040c;
background-color: transparent;
font-size: 9px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding-right: 2px;
margin: 0;
}
.Links a:visited {
color: #c7040c;
background-color: transparent;
font-size: 9px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding-right: 2px;
margin: 0;
}
.Links a:hover {
color: #c7040c;;
background-color: transparent;
font-size: 9px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding-right: 2px;
margin: 0;
}
.Info {
float: right;
width: 124px;
text-align: left;
font-size: 9px;
padding: 1px;
}
* html .Info {
width: 117px;
}
.Expand {
margin: 0 0 0 0;
height: 297px;
clear: both;
padding: 0px;
}
.BasicInfo {
height: 99px;
}
.PictureLarge {
width: 240px;
height: 70px;
margin: 0 auto;
text-align: center;
}
.ShortTextExpand {
font-size: 9px;
line-height: 150%;
padding-bottom: 5px;
}
.LongText {
height: 170px;
font-size: 9px;
padding: 2px;
}
.PriceBioExpand {
background-image: url(/images/bio.gif);
background-repeat: no-repeat;
background-position: center right;
white-space: nowrap;
font-size: 9px;
display: block;
height: 18px;
vertical-align: middle;
margin-top: 4px;
padding-top: 5px;
}
.PriceExpand {
white-space: nowrap;
font-size: 9px;
display: block;
height: 18px;
vertical-align: middle;
margin-top: 4px;
padding-top: 5px;
}
.LinksExpand {
white-space: nowrap;
clear: both;
font-size: 9px;
display: block;
text-align: center;
vertical-align: top;
margin-bottom: 5px;
margin-top: 6px;
}
.LinksExpand a:link {
color: #c7040c;
background-color: transparent;
font-size: 9px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding-right: 2px;
margin: 0;
}
.LinksExpand a:visited {
color: #c7040c;
background-color: transparent;
font-size: 9px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding-right: 2px;
margin: 0;
}
.LinksExpand a:hover {
color: #c7040c;;
background-color: transparent;
font-size: 9px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding-right: 2px;
margin: 0;
}


#Bucket {
float: right;
height: 540px;
width: 246px;

background-image: url(/images/bucket/fill_with_border_left.jpg);
background-repeat: no-repeat;
background-position: 0px 58px;
}

.BucketNavLink {
	float: left;
	width: 41px;
	height: 58px;
	white-space:nowrap;
	overflow:hidden;
}

#CouponBucket {
	float: right;
	width: 87px;
	height: 34px;

	position: relative;
	margin-top: -58px;
}

div.BucketNavDeleteLink, span.BucketNavDeleteLink {
	position:relative;
	left: -41px;
	top: 41px;
	font-size: 79%;
}

a.SmallLink:link,
a.SmallLink:visited,
a.SmallLink:active,
a.SmallLink:hover {
	color: #c7040c;;
	background-color: transparent;
	font-size: 9px;
	font-weight: normal;
	font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
	text-decoration: underline;
	border: none;
	padding-right: 2px;
	margin: 0;
}
a.SmallLink:active,
a.SmallLink:hover {
	text-decoration: none;
}

#BucketFrame {
float: left;
background-image: url(/images/bucket/fill_border_right.jpg);
background-repeat: no-repeat;
background-position: 234px 58px;
height: 540px;
}
#BucketBorderRight {
float: left;
width: 12px;
height: 437px;
}

#BucketView {
float: left;
width: 238px;
height: 437px;
}


#BucketTitle {
margin-top: 20px;
margin-left: 45px;
width: 180px;
height: 40px;
font-size: 80%;
color: #333333;
}
#Scale {
width: 180px;
height: 235px;
margin-top: 15px;
margin-left: 45px;
z-index: 1;
font-size: 9px;
font-weight: normal;
text-align: left;
color: #5e3427;
}
#SubScale {
position: relative;
left: -10px;
top: 4px;
clear: both;
width: 200px;
z-index: 2;
font-size: 9px;
font-weight: normal;
text-align: left;
color: #5e3427;
margin-left: -10px;
}
#SubScale a:link {
color: #c7040c;
background-color: transparent;
font-size: 9px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0px;
margin: 0;
}
#SubScale a:visited {
color: #c7040c;
background-color: transparent;
font-size: 9px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0px;
margin: 0;
}
#SubScale a:hover {
color: #c7040c;;
background-color: transparent;
font-size: 9px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0px;
margin: 0;
}
.Order {
clear: both;
padding-top: 7px;
width: 200px;
text-align: center;
color: #444;
line-height: 120%;
}
.Order img {
margin-bottom: 3px;
}
.Change {
width: 70px;
float: left;
font-weight: bold;
font-size: 11px;
color: #c7040c;
padding-top: 2px;
}
.Total {
float: right;
text-align: center;
padding-right: 22px;
font-weight: bold;
color: #571a00;
padding-top: 3px;
white-space: nowrap;
}
.top {
text-align: right;
margin-top: 5px;
}
.Section, .SectionEmpty {
font-size: 9px;
font-weight: normal;
padding-left: 0px;
height: 16px;
width: 180px;
padding-left: 1px;
white-space: nowrap;
margin: 0 0 0 0;
margin-bottom: 1px;
display: block;;
white-space: nowrap;
/* }
.Section { */
border-bottom: 1px dotted #eee;
margin-bottom: 0px;
}
.Basis {
padding-left: 2px;
height: 30px;
width: 180px;
}
.Preview {
float: left;
width: 45px;
}
.Amount {
float: left;
width: 80px;
padding-left: 4px;
font-size: 9px;
font-weight: normal;
text-align: left;
color: #581a00;
vertical-align: middle;
}
.AmountBasis {
padding-left: 4px;
padding-top: 5px;
white-space: nowrap;
display: block;
width: 80px;
float: left;
font-size: 9px;
font-weight: normal;
text-align: left;
color: #581a00;
vertical-align: middle;
}
.PlusMinus {
float: right;
width: 25px;
padding-left: 1px;
vertical-align: top;
margin: 0 0 0 0;
}
.Basis .PlusMinus {
width: 11px;
}
.PlusMinus img {
margin-top: 3px;
}
.CoverTop {
z-index: 10;
position: relative;;
left: 42px;
top: 95px;
width: 48px;
height: 14px;
background-image: url(/images/bucket/fill_top.gif);
background-repeat: no-repeat;
background-position: center center;
}
.CoverBottom {
z-index: 10;
position: relative;;
left: 42px;
top: 307px;
width: 48px;
height: 11px;
background-image: url(/images/bucket/fill_bottom.gif);
background-repeat: no-repeat;
background-position: center center;
}
.OrderLeft {
float: left;
width: 500px;
}
.OrderRight {
float: right;
width: 200px;
}
.OrderBox {
display: block;
width: 520px;
margin-bottom: -5px;
font-size: 12px;
font-weight: normal;
}
.OrderBox table {
line-height: 120%;
}
.OrderBox td {
text-align: right;
font-size: 12px;
}
.PaymentTable td {
text-align: left;
padding-right: 10px;
}
.OrderBox tr {
line-height: 120%;
padding: 0px;
margin: 0px;
}
.OrderBox th {
font-weight: bold;
text-align: right;
font-size: 12px;
}
.OrderBox p {
padding: 5px;
margin-bottom: 5px;
}
.OrderBoxPad {
padding-left: 5px;
}
.OrderForm {
display: block;
vertical-align: top;
margin-bottom: 5px;
margin-top: 2px;
border: 1px solid #735e55;
}
.OrderFormAlert {
display: block;
vertical-align: top;
margin-bottom: 5px;
margin-top: 2px;
border: 1px solid #c7040c;
}
.OrderFormSmall {
width: 40px;
display: block;
vertical-align: top;
margin-bottom: 5px;
margin-top: 2px;
border: 1px solid #735e55;
}
.OrderFormSmallAlert {
width: 40px;
display: block;
vertical-align: top;
margin-bottom: 5px;
margin-top: 2px;
border: 1px solid #c7040c;
}
.OrderFormMedium {
width: 100px;
display: block;
vertical-align: top;
margin-bottom: 5px;
margin-top: 2px;
border: 1px solid #735e55;
}
.OrderFormMediumAlert {
width: 100px;
display: block;
vertical-align: top;
margin-bottom: 5px;
margin-top: 2px;
border: 1px solid #c7040c;
}
.OrderFormLarge {
width: 150px;
display: block;
vertical-align: top;
margin-bottom: 5px;
margin-top: 2px;
border: 1px solid #735e55;
}
.OrderFormLargeAlert {
width: 150px;
display: block;
vertical-align: top;
margin-bottom: 5px;
margin-top: 2px;
border: 1px solid #c7040c;
}
.OrderFormXLarge,.OrderFormXLargeAlert {
width: 235px;
display: block;
vertical-align: top;
margin-bottom: 5px;
margin-top: 2px;
border: 1px solid #735e55;
}
.OrderFormXLargeAlert {
border: 1px solid #c7040c;
}
textarea.OrderFormXLarge,textarea.OrderFormXLargeAlert {
width: 480px;
height: 100px;
display: block;
vertical-align: top;
margin-bottom: 5px;
margin-top: 2px;
margin-right: 5px;
border: 1px solid #735e55;
}
textarea.OrderFormXLargeAlert {
border: 1px solid #c7040c;
}
span.OrderForm {
margin-top: 10px;
margin-bottom: 5px;
border: 0px solid #735e55;
}
img.OrderForm {
margin-top: 10px;
border: none;
}
input [type="checkbox"].OrderForm     , input [type="radio"].OrderForm {
vertical-align: top;
float: left;
margin-right: 5px;
}
.CheckBox {
white-space: nowrap;
width: auto;
background-color: transparent;
border: none;
vertical-align: middle;
margin-bottom: 5px;
padding-left: 2px;
}
select.OrderForm {
border: 1px solid #735e55;
margin-right: 10px;
margin-top: 2px;
}
fieldset,.OrderFieldset {
text-align: left;
padding: 0px 10px 10px 10px;
border: 1px dashed #dfd8d5;
}
legend,.OrderLegend {
color: #ce6702;
font-weight: bold;
background-color: #fff;
padding-right: 5px;
margin: 0px;
}
.OrderLabel {
font-weight: normal;
line-height: 120%;
}
.OrderLabel_2 {
font-weight: normal;
vertical-align: bottom;
margin-right: 20px;
padding: 0px;
margin-bottom: 0px;
}
.OrderBoxLeft {
float: left;
width: 240px;
padding-left: 5px;
}
.OrderBoxRight {
float: right;
width: 240px;
}
.alert {
color: #c7040c;
font-size: 10px;
font-weight: bold;
margin-bottom: 5px;
}
.Next {
float: right;
text-align: right;
margin-right: 0px;
}
.Back {
float: left;
margin-left: 10px;
}
.musli_category_id {
text-align: left;
vertical-align: middle;
}
.musli_category_id ul {
list-style-type: none;
list-style-position: inside;
margin: 0 0 0 0;
padding: 0px;
}
.musli_category_id li {
display: block;
margin: 0 0 0 0;
padding-top: 5px;
}
.ImageFor {
padding-left: 5px;
margin-top: 10px;
}
.ImageFor img {
width: 50px;
height: 50px;
border: 1px solid #735e55;
margin-top: 5px;
}
.ImageSelect {
float: left;
display: block;
margin: 0 auto;
text-align: center;
margin-right: 5px;
}
.Banking {
display: block;
margin-top: 10px;
padding-left: 5px;
}
.BankingItem {
float: left;
display: block;
text-align: left;
margin-right: 10px;
}
.BankingItemRight {
float: right;
display: block;
margin: 0 auto;
text-align: left;
}
.MemberText {
width: 330px;
float: right;
}
.SlotIntro {
margin-left: 38px;
width: 612px;
}
.SlotMachine5 {
padding-left: 10px;
font-weight: bold;
margin-top: 20px;
width: 770px;
height: 151px;
margin-left: -50px;
background-image: url(/images/slot_5_PS.gif);
background-repeat: no-repeat;
background-position: left top;
}
.Slot5 {
width: 100px;
height: 67px;
font-weight: bold;
text-align: center;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.Slot5 div {
font-size: 10px;
border: 1px dashed #dfd8d5;
overflow: hidden;
}
.Slot5 img {
width: 96px;
height: 60px;
}
.Slot5Frame {
width: 150px;
float: left;
text-align: center;
margin-top: 25px;
}
.LoungeBoxLeft {
margin-left: 10px;
float: right;
width: 220px;
}
.LoungeBox {
display: block;
width: 550px;
margin-bottom: 10px;
font-size: 12px;
font-weight: normal;
}
.LoungeBox p {
padding: 5px;
margin-bottom: 5px;
}
.LoungePad {
padding-left: 5px;
}
.LoungeFieldset {
padding: 5px 10px 5px 10px;
border: 1px dashed #dfd8d5;
margin-bottom: 10px;
}
.LoungeGreeting {
padding-bottom: 5px;
padding-top: 5px;
}
.LoungeOrderboxLeft {
padding-bottom: 5px;
padding-top: 5px;
width: 350px;
float: left;
background: transparent;
}
.LoungeOrderboxRight {
padding-top: 5px;
line-height: 90%;
color: #8a7169;
padding-bottom: 5px;
width: 150px;
height: 125px;
float: right;
background: transparent;
}
.LoungeProductPreviewContainer {
width: 0px;
height: 0px;
clear:both;
position: relative;
}
.LoungeProductPreview {
position: absolute;
top: -82px;
left: 385px;
}
.LoungeOrderboxDashedLine {
border-top: 1px dashed #5e3427;
margin-bottom: 10px;
}

.LoungeIngredients  {
text-decoration: none;
}

.Login {
margin-left: 80px;
}
.Login .UsernameField {
float: left;
width: 160px;
overflow: visible;
white-space: nowrap;
}
.Login .PasswordField {
float: left;
margin-left: 10px;
width: 160px;
overflow: hidden;
}
.black_overlay {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity =       80);
}
.help_box_background {
position: absolute;
z-index: 999;
top: 0px;
left: 0px;
width: 100%;
height: 900%;
background-color: black;
opacity: 0.3;
}
.help_box_close {
position: absolute;
white-space: nowrap;
text-align: center;
height: 10px;
padding: 5px;
z-index: 1003;
top: 25%;
left: 33%;
margin-top: -22px;
width: 122px;
border: 2px solid #5e3427;
background-color: white;
}
.help_box {
position: absolute;
text-align: left;
top: 25%;
left: 33%;
height: 30%;
width: 25%;
padding: 16px;
border: 2px solid #5e3427;
background-color: white;
z-index: 1002;
overflow: auto;
}
.help_box_content {
position: absolute;
text-align: left;
}
.Cerealpedia {
clear: both;
width: 900px;
font-size: 11px;
margin-top: 80px;
}
#ContentPedia {
text-align: left;
float: left;
margin-left: 52px;
padding: 0px;
width: 520px;
margin-top: 0px;
}

#ContentPedia table, #ContentPedia tr, #ContentPedia td{
margin: 0px;
padding: 0px;
}
.TitlePedia {
width: 610px;
padding-top: 2px;
}
.SubtitlePedia {
width: 600px;
position: absolute;
top: 80px;
left: 130px;
}
.SubtitlePedia h1 {
background-color: transparent;
color: #5e3427;
text-align: center;
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
margin: 0px;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
}
.SubtitlePedia h2 {
background-color: transparent;
color: #999;
text-align: center;
font-size: 12px;
font-weight: normal;
padding-bottom: 20px;
margin-top: -2px;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
}
#ContentPedia h1 {
background-color: transparent;
color: #5e3427;
text-align: center;
font-size: 18px;
font-weight: bold;
padding-bottom: 5px;
margin: 0px;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
}
#ContentPedia h2 {
background-color: transparent;
color: #999;
text-align: center;
font-size: 12px;
font-weight: normal;
padding-bottom: 20px;
margin-top: -2px;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
}
#ContentPedia h3 {
background-color: transparent;
color: #5e3427;
text-align: left;
font-size: 12px;
font-weight: bold;
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
}
#ContentPedia h4 {
background-color: #fff;
color: #5e3427;
text-align: left;
font-size: 10px;
font-weight: bold;
padding-left: 10px;;
padding-right: 10px;
margin: 0px;;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
}
#ContentPedia h5 {
background-color: #fff;
color: #5e3427;
text-align: left;
font-size: 12px;
font-weight: bold;
padding-top: 5px;
margin: 0px;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
}
#ContentPedia h6 {
text-decoration: underline;
background-color: #fff;
color: #5e3427;
text-align: left;
font-size: 12px;
font-weight: normal;
padding-top: 5px;
margin: 0px;;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
}
.NavPedia {
font-weight: bold;
font-size: 12px;
text-align: left;
color: #f9b741;
float: left;
width: 100px;
margin-left: 0px;
padding: 0px;
margin-top: 2px;
line-height: 120%;
}
.NavPedia p {
margin-top: 20px;
padding: 0px;
}
.NavPedia ul {
list-style-type: none;
margin: 0 0 0 0;
padding: 0px;
}
.NavPedia li {
margin: 0 0 0 0;
padding-bottom: 2px;
list-style-type: none;
padding-right: 0px;
}
.NavPedia a:link {
color: #5e3427;
background-color: transparent;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0px;
margin: 0 0 0 0;
}
.NavPedia a:visited {
color: #5e3427;
background-color: transparent;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0px;
margin: 0 0 0 0;
}
.NavPedia a:hover {
color: #5e3427;;
background-color: transparent;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0px;
margin: 0 0 0 0;
}
.abc {
margin-bottom: 10px;
color: #999;
background-color: #fff;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 5px;
}
.abc a:link {
text-transform: uppercase;
color: #5e3427;
background-color: transparent;
font-weight: bold;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
.abc a:visited {
text-transform: uppercase;
color: #5e3427;
background-color: transparent;
font-weight: bold;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
.abc a:hover {
text-transform: uppercase;
color: #5e3427;;
background-color: transparent;
font-weight: bold;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
.abcActive {
color: #c7040c;
font-weight: bold;
}
.nwa {
float: right;
width: 210px;
font-size: 10px;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 5px;
background-color: #fff;
}
.nwa table {
line-height: 120%;
padding-top: 5px;
}
.nwa td.bordered,.nwa td.notBordered {
text-align: right;
font-size: 10px;
}
.nwa td.bordered {
border-bottom: 1px dashed #dfd8d5;
padding-bottom: 2px;
}
.nwa tr {
line-height: 120%;
padding: 0px;
margin: 0px;
}
.nwaFrame {
position: relative;
z-index: 0;
padding: 5px;
border: 1px dashed #dfd8d5;
margin-top: -8px;
}
.nwaTitle {
position: relative;
z-index: 1;
width: 160px;
font-weight: bold;
background-color: #fff;
padding: 2px;
color: #5e3427;
text-align: left;
font-size: 10px;
margin-left: 7px;
}
.Entry {
clear: both;
padding-bottom: 10px;
padding-top: 20px;
margin-top: 2px;
}
.Entry p {
padding-top: 0px;
padding-bottom: 4px;
margin: 0;
}
.Entry p:first-letter {
font-weight: bold;
}
.Entry a:link {
color: #c7040c;
background-color: #fff;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0;
margin: 0;
}
.Entry a:visited {
color: #c7040c;
background-color: #fff;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0;
margin: 0;
}
.Entry a:hover {
color: #c7040c;;
background-color: #fff;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
.EntryContent {
margin: 0 0 0 0;
}
.EntrySpacer {
border: 0px;
border-bottom: 1px dashed #dfd8d5;
height: 1px;
}
.EntryTitle {
float: left;
}
.Entry img {
float: left;
}
.top {
text-align: right;
margin-top: 5px;
}
.PediaLinks {
margin-top: 10px;
font-weight: bold;
}
li.breaker {
padding-top: 10px;
margin-top: 10px;
border-top: 1px dashed #DFD8D5;
}
.pediaNewsContent {
padding: 10px 0px 0px 0px;
margin-top: 0px;
}
img.pressReleaseContent {
border: 1px #5e3427 solid;
margin: 5px 5px 5px 5px;
}
.prIcon {
width:154px;
height:154px;
border: 0px solid #5e3427;
background-color:#fff;
text-align:center;
line-height: 154px;
}
.prIcon a img {
vertical-align: middle;
margin: auto auto;
}
#Footer {
clear: both;
text-align: right;
padding-top: 50px;
width: 900px;
}
#Footer small {
color: #888;
font-size: 9px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
}
#Footer ul {
list-style-type: none;
list-style-position: inside;
margin: 0 0 0 0;
padding: 0px;
}
#Footer li {
display: inline;
margin: 0 0 0 0;
}
#Footer a:link {
color: #999;
background-color: #fff;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0;
margin: 0;
}
#Footer a:visited {
color: #999;
background-color: #fff;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0;
margin: 0;
}
#Footer a:hover {
color: #333;;
background-color: #fff;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, "MS Sans Serif", sans-serif;
text-decoration: underline;
border: none;
padding: 0;
margin: 0;
}
img.ProductSmallBaseCereal {
width: 40px;
height: 25px;
border: 0;
}
img.ProductSmallTopping {
width: 40px;
height: 16px;
border: 0;
}
img.ProductMedium {
width: 120px;
height: 75px;
border: 0;
}
img.ProductMediumWide {
width: 175px;
height: 70px;
border: 0;
}
img.ProductLarge {
width: 240px;
height: 150px;
border: 0;
}
img.Mail {
vertical-align: baseline;
}
.CreatorImageLink {
float: left;
background-repeat: no-repeat;
background-color: white;
cursor: pointer;
}
.CreatorImageLinkHighlighter {
color: #ff0000;
font-size: 20px;
margin-top: 2px;
height: 80%;
border: #feca66 2px solid;
}
.backendPaging {
padding: 5px;
border: 1px solid #ddd;
}
.backend_table {
border: 1px solid #ddd;
margin-top: 5px;
margin-bottom: 5px;
border-spacing: 0px;
border-collapse: collapse;
font-size:10px;
width:1270px
}
.backend_table th {
padding: 5px;
text-align: center;
white-space:nowrap;
}
.backend_table th a {
color: #333;
font-weight:bold;
}
.backend_table tbody tr:hover {
background: #eaeaea;
}
.collectiveOrder {
background-color: #CCFFDD;
}
.backend_table td {
padding: 5px;
border: 1px solid #ddd;
}
.PositiveHint {
padding: 7px;
color: #ce6702;
background-color: #fff4d5;
border: 1px #fa9732 solid;
margin-top: 5px;
margin-bottom: 5px;
}
.NegativeHint {
padding: 7px;
color: #ff0000;
background-color: #ffe4b5;
border: 1px #fa6712 solid;
margin-top: 5px;
margin-bottom: 5px;
}
.Poll {
float: right;
margin: 0px;
padding-top: 1px;
margin-bottom: 20px;
min-width: 155px;
width: 155px;
}
.Coupon {
}
.CouponForm {
border: 1px solid #735e55;
}
.CouponFormAlert {
border: 1px solid #c7040c;
}
.Coupon ul {
margin: 0 0 5px 0;
padding: 0px;
}
.Coupon li {
margin: 0 0 0 17px;
}
.CouponProblems {
color: #ff2200;
}
.OrderBoxTextRow {
}
.OrderBoxTextRow td {
color: #ce6702;
border-top: 1px dashed #efe8e5;
font-style: italic;
padding-left: 10px;
}
#Footer a.SocialBookmark,a.SocialBookmark {
text-decoration: none;
}
li.SocialBookmark {
white-space: nowrap;
vertical-align: middle;
}
li.SocialBookmark:hover {
}
ul.SocialBookmarks {
float: left;
text-align: left;
width: 400px;
}
img.SocialBookmark {
border: 1px #eee solid;
padding: 1px;
width: 16px;
height: 16px;
}
.SocialBookmarkText {
vertical-align: middle;
margin-right: 5px;
}
.newsTeaser {
float: left;padding-right:10px;
}

table.OrderOverview th,
table.OrderOverview td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
}
table.OrderOverview th.Numeric,
table.OrderOverview td.Numeric {
	text-align: right;
}

table.OrderOverview th.Center,
table.OrderOverview td.Center {
	text-align: center;
	padding-left: 9px;
}

table.OrderOverview sub {
	font-size: 72%;
	color: #af8578;
}

table.OrderOverview tr.BucketTitle td {
	vertical-align: middle;
}
div.Spacer {
	line-height: 0%;
	font-size: 0px;
	border: 0px;
	border-top: 1px dashed rgb(223, 216, 213);
	margin: 0px;
}
div.TotalSpacer {
	line-height: 0%;
	font-size: 0px;
	border: 0px;
	border-top: 1px solid rgb(223, 216, 213);
	border-bottom: 1px solid rgb(223, 216, 213);
	padding: 0px;
	height: 3px;
	margin: 0px;
	margin-top: 18px;
}

table.OrderOverview hr.BigSpacer, div.BigSpacer {
	line-height: 0%;
	font-size: 0px;
	border: 0px;
	border-top: 1px dashed rgb(223, 216, 213);
	margin: 15px 0px;
}

table.OrderOverview tr.Spacer,
table.OrderOverview td.Spacer {
	line-height: 80%
}

table.OrderOverview td.Detail {
	padding-left: 25px;
}

table.OrderOverview td.Bio {
	background: url(/images/bio.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

table.OrderOverview tr.Details td {
	font-size: 80%;
}

table.OrderOverview td.OrderTotal {
	font-weight: bold;
	font-size: 110%;
}

table.OrderOverview tr.CouponEffect td, td.CouponEffect {
	font-style: italic;
	font-size: 90%;
	background-color: #fff4d5;
	color: #ce6702;
}
table.OrderOverview tr td.CouponEffect {
	vertical-align: middle;
	background: transparent;
}

.HiddenElement {
	display:none;
}

a.OrderImageLink:link {
	text-decoration: none;
}

/* WORDPRESS-STYLES BEGIN */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* WORDPRESS-STYLES END */

#sidebar_right {
	float: left;
	width: 200px;
	text-align: left;
	padding: 0px;
	margin-left: 15px;
	padding-top: 0px;
	overflow: hidden;
}

#sidebar_right ul {
	padding-left: 0px;
	list-style-type: none;
	margin: 0px;
}
#sidebar_right ul  li{
	padding: 0px;
	margin: 0px 0px 50px 0px;
}

#sidebar ul.wp-polls-ul li {
	margin: 0px;
}

#sidebar_right h2 {
	margin-top: 0px;
	padding: 0px;
	font-size: 12px;
	margin-bottom: 5px;
}

ul#twitter_update_list {
	margin: 0px;
	padding: 0px;
}

#sidebar_right ul#twitter_update_list li {
	padding-left: 0px;
	padding-bottom: 10px;
	margin: 0px;
}

#sidebar_right li.widget ul  li{
	margin: 0px;
	padding: 0px;
}

#ContentPedia .post  h2, #ContentPediaSingle .post  h2 { 
	margin-top: 5px; margin-bottom: 0px; padding-bottom: 0px;
	background-color:transparent;
	color:#ce6702;
	font-family:Verdana,Arial,"MS Sans Serif",sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}

.Single {
	width: 500px;
}

#ContentPediaSingle {
	text-align: left;
	float: left;
	margin-left: 52px;
	padding: 0px;
	width: 600px;
	margin-top: 0px;
	
}
.OrderBoxSingle {
display: block;
width: 600px;
font-size: 12px;
font-weight: normal;
}

fieldset.OrderFieldsetSingle {
text-align: left;
border: 1px dashed #dfd8d5;
}

.wp-caption-text {
	font-size: 80%;
	color: #666666;
	text-align: center;
}

li.icon_text {
	margin-left: 10px;
}