html {width:100%; height:100%;}
body {width:100%; height:100%; margin:0px; font:12px Arial, sans-serif; color:#69381a; background:#69381a url(../img/background_pattern.jpg);}

img {display:block; border:0px none;}

a {color:#69381a; text-decoration:none; border-bottom:1px dotted #69381a;}
a:hover {text-decoration:none; border-bottom:0px none;}

#bean {position:absolute; top:10%; right:8%; z-index:0;}
#logo {position:absolute; right:20%; top:22%; z-index:1;}

#menu {position:absolute; left:90px; top:10px; z-index:1;}
#menu ul {padding:0px; list-style:none; }
#menu ul li {line-height:normal; font-weight:bold; background:url(../img/button_orange_bg_left.png) no-repeat left top; color:#000; float:left; margin-right:20px;}
#menu ul li a {color:#000; border-bottom:0px none; display:block; margin-left:19px; padding:4px 19px 4px 0px; background:url(../img/button_orange_bg_right.png) no-repeat right top;}
#menu ul li a:hover {color:#fff;}

#menu ul li.active { background:url(../img/button_white_bg_left.png) no-repeat left top; }
#menu ul li.active div {background:url(../img/button_white_bg_right.png) no-repeat right top; margin-left:19px; display:block; padding:4px 19px 4px 0px;}

#menu ul li.brown {background:url(../img/button_brown_bg_left.png) no-repeat left top;}
#menu ul li.brown div {background:url(../img/button_brown_bg_right.png) no-repeat right top; margin-left:19px; display:block; padding:4px 19px 4px 0px; color:#fff;}
#menu ul li.brown div span {padding-left:5px;}
#menu ul li.brown a {display:inline; background-image:none; padding:0px; margin-left:5px; color:#e87817;}
#menu ul li a:hover {color:#fff;}

#content {position:absolute; top:65px; left:70px; width:465px; z-index:3; padding-bottom:30px; }
#content .contentTop {background:url(../img/content_bg_top2.png) no-repeat right top; padding:0px 40px 0px 40px;}
#content .contentArea {background-color:#e87817; padding:0px 40px 0px 40px; }
#content .contentArea p.error {clear:both; background:url(../img/error.png) no-repeat left center; color:#b50b11; padding:10px 0px 10px 20px; font-weight:bold;}
/*#content .contentArea ul {padding:0px 0px 20px 15px;}*/
#content .contentArea ul.btn, ul.btn {padding:0px; list-style:none;}
#content .contentArea img {display:inline; border:0px none;}
#content .contentArea a[rel] {border:0px none;}
ul.btn li {background:url(../img/button_white_bg_left.png) no-repeat left top; line-height:normal; font-weight:bold; float:left;}
ul.btn li a {color:#000; background:url(../img/button_white_bg_right.png) no-repeat right top;  margin-left:19px; padding:4px 19px 4px 0px; border-bottom:0px none; display:block;}
ul.btn li a:hover {color:#69381a;}

h1, h2, h3, h4, p, ul {margin:0px; padding-bottom:15px;}
h1 {font-size:15px; color:#fff; padding:35px 0px 20px 0px;}
h2 {font-size:12px; color:#fff; padding-bottom:10px;}

.formRow {padding-bottom:10px;}
.formRow .lbl {width:90px; float:left; padding-top:4px;}
.formRow .fld {float:left;}
.formRow .fld input, .formRow .fld textarea {padding:2px 5px 2px 5px; border:0px none;}

.defloater, .floatsplit {clear:both;}
.collapsed {display:none;}

#leftBar {float:left; width:79px; margin:0px 10px 0px 0px;}
#rightBar {float:left; width:290px;}

.row, .rowHeader {clear:both;}
.rowHeader {font-weight:bold;}
.rowHeader div {padding-bottom:16px;}
.row div {padding-bottom:5px;}
.col1 {float:left; width:120px; padding-top:2px;}
.col2 {float:left; width:60px; padding-top:2px;}
.col3 {float:left; width:50px;}
.col4 {float:right; width:52px;}
.rowHeader .col1, .rowHeader .col2 {padding-top:0px;}

#loader {background:url('../img/loader.gif') no-repeat left center; width:32px; height:32px;}

fieldset {margin:0px; padding:0px; border:0px none;}
fieldset input, fieldset textarea {margin-bottom:4px;}
fieldset br {clear:both;}
fieldset p.error {margin-left:90px;}
label {float:left; width:85px; padding:4px 5px 0px 0px;}
fieldset span {float:left;}

/* Product group toggling */
.prodHeading {padding-bottom:10px; margin-bottom:0px;}
.prodHeading a {text-decoration:none; color:#fff; text-decoration:none; border:0px none; display:block; padding:5px 0px 5px 20px; background:url('../img/toggleSprite.png') no-repeat 0px -16px;}
.prodGroup {padding-bottom:20px;}
.prodHeading a.plus {background-position:0px -16px;}
.prodHeading a.minus {background-position:0px 4px;}

/* Definitions of backbone framework */
.alignLeft {float:left; padding:0px 15px 15px 0px;}
.alignRight {float:right; padding:0px 0px 15px 15px;}

/* obfuscatr */
span.obf {unicode-bidi:bidi-override; direction:rtl;}

/* Special styles for promotion stickers on top of content area */
#sticker {margin-bottom:20px; text-align:center;}