BODY {
background: url('/uploads/bodyplanet/background.gif') #ffffff;
 background: url('/uploads/bodyplanet/background_summer.jpg') #70c005;
 background-repeat: repeat-x;
 background-position: center top;
 background-attachment: fixed;
 padding: 0px 0px 20px 0px;
 margin: 0px;
 border-width: 0px;
 font: 11px Verdana, Tahoma, Arial;
}



.mceContentBody {
 background: url('') #ffffff;
 padding: 20px;
 font: 12px Tahoma, Arial, Verdana, sans-serif, serif;
}

PRE {
 display: inline;
 width: auto;
}

#content_container {
 width: 1000px;
 margin: 0px auto 0px auto;
 background-color: #ffffff;
 overflow: visible;
 height: auto;
}

#top_container {
 position: relative;
 width: 1000px;
 padding: 0px;
 border: 0px;
 margin: 0px;
 height: 125px;
 overflow: hidden;
 clear: both;
}

#top_container #logo {
 position: absolute;
 top: 10px; 
}

#top_container #top_buttons {
 position: absolute;
 top: 106px;
 left: 435px;
 width: 550px;
 margin: 0px;
 text-align: right;
}

#top_container #top_buttons .top_tab_gr {
 width: 109px;
 padding: 3px 0px 4px 0px;
 margin: 0px 0px 0px 1px;
 background: url('/uploads/bodyplanet/tab_gr_m.gif') #ffffff;
 text-align: center;
 vertical-align: middle;
 height: 11px;
 color: #ffffff;
 font: 10px Verdana, Tahoma, Arial;
 font-weight: bold;
 display: block;
 overflow: hidden;
 float: right;
}

#top_container #top_buttons .added_gr_l {
 background: url('/uploads/bodyplanet/tab_gr_l.gif') #ffffff;
}

#top_container #top_buttons .top_tab_re {
 width: 109px;
 padding: 3px 0px 4px 0px;
 margin: 0px 0px 0px 1px;
 background: url('/uploads/bodyplanet/tab_re_r.gif') #ffffff;
 text-align: center;
 vertical-align: middle;
 height: 11px;
 color: #ffffff;
 font: 10px Verdana, Tahoma, Arial;
 font-weight: bold;
 display: block;
 overflow: hidden;
 float: right;
}

.top_tab_gr A, .top_tab_gr A:link, .top_tab_gr A:visited, .top_tab_gr A:active {
 color: #ffffff;
 text-decoration: none;
}

.top_tab_gr A:hover {
 color: #ffffff;
 text-decoration: underline;
}


.top_tab_re A, .top_tab_re A:link, .top_tab_re A:visited, .top_tab_re A:active {
 color: #ffffff;
 text-decoration: none;
}

.top_tab_re A:hover {
 color: #ffffff;
 text-decoration: underline;
}


#content_container #container {
 clear: both;
 width: 1000px;
 /*border: 1px solid #000000;*/
 margin: 0px;
 padding: 0px;
 top: 0px;
 background-color: #ffffff;
}

.leftcorner {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 10px;
 overflow: hidden;
 font-size: 1px;
 height: 10px;
 background: url('/uploads/bodyplanet/left_corner.gif') transparent;
}

.rightcorner {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 10px;
 height: 10px;
 overflow: hidden;
 font-size: 1px;
 background: url('/uploads/bodyplanet/right_corner.gif') transparent;
}

#content_container #container #top_menu {
 height: 26px;
 position: relative;
 width: 1000px;
 background: url('/uploads/bodyplanet/tone_dark1.gif') #1363a3;
 font: 11px Verdana, Tahoma, Arial;
 color: #ffffff;
 font-weight: bold;
 margin: 0px 0px 1px 0px;
}

#top_menu UL {
 margin: 6px 0px 0px 7px;
 padding: 0px;
}

#top_menu UL LI {
 display: inline;
 list-style-type: none;
 clear: none;
 height: 20px;
 padding: 0px 0px 0px 0px;
 margin: 0px 20px 0px 0px;
}

#top_menu UL LI A, #top_menu UL LI A:active, #top_menu UL LI A:visited, #top_menu UL LI A:link {
 font: 11px Verdana, Tahoma, Arial;
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
 height: 20px;
}


 
#content_container #container #content_table {
 width: 998px;
 vertical-align: top;
 table-layout: fixed;
 height: 400px;
 border-width: 0px 1px 1px 1px;
 border-color: #1f75ba;
 border-style: solid;
}

#content_container #container #content_table #left_menu {
 border-right: 1px solid #ffffff;
 width: 181px;
 background-color: #c1e3ff;
}

#content_container #container #content_table #right_menu {
 border-left: 1px solid #ffffff;
 width: 180px;
 background-color: #c1e3ff;
}

#content_container #container #content_table .content {
 width: 615px;
 overflow: visible;
 overflow-x: hidden;
 overflow-y: visible;
 padding: 10px 10px 20px 10px;
}

#content_container #container .menu_header {
 background-color: #1f75ba;
 width: auto; 
 padding: 4px 0px 0px 6px;
 height: 16px;
 font: 11px Verdana, Tahoma, Arial;
 color: #ffffff;
}


#content_container #container .menu_header A, #content_container #container .menu_header A:link, #content_container #container .menu_header A:visited, #content_container #container .menu_header A:active {
 color: #ffffff;
 text-decoration: none;
}

#content_container #container .menu_header A:hover {
 color: #ffffff;
 text-decoration: underline;
}

#content_container #container .menu_sub_left {
 border-width: 1px 1px 1px 0px;
 border-color: #1f75ba;
 border-style: solid;
 padding: 1px 1px 1px 0px;
 background-color: #ffffff;
}

#content_container #container .menu_sub_right {
 border-width: 1px 0px 1px 1px;
 border-color: #1f75ba;
 border-style: solid;
 padding: 1px;
 background-color: #ffffff;
 margin-bottom: 1px;
}
 
#content_container #container .pad5 {
 padding: 5px;
}

#content_container .news {
 font: 10px Verdana, Tahoma, Arial;
 margin: 0px 0px 5px 0px;
 border-bottom: 1px solid #1f75ba;
 padding: 0px 0px 8px 0px;
 color: #515151;
}

#content_container .news H2 {
 font: 10px Verdana, Tahoma, Arial;
 font-weight: bold;
 margin: 0px;
}

#content_container .news .published {
 font: 9px Verdana, Tahoma, Arial;
 font-style: italic;
}

#content_container .news .readMore {
 text-align: right;
 font: 10px Verdana, Tahoma, Arial;
}

#content_container .newsarchive {
 text-align: center;
 background-color: #eeeeee;
 padding: 2px;
 border: 1px solid #dcdcdc;
}

#content_container .productslist {
 width: 174px;
 margin: 0px 0px 0px 1px;
 border: 2px outset #dcdcdc;
 font: 10px Verdana, Tahoma, Arial;
}

#content_container #basketrows {
 width: 168px;
 margin: 0px 0px 3px 1px;
 border: 2px outset #dcdcdc;
 font: 10px Verdana, Tahoma, Arial;
}


#content_container #container #content_table .nopadding {
 padding: 0px 0px 20px 0px;
 width: 635px;
} 

#content_container .topseller {
 border-bottom: 1px solid #1363a3;
 padding: 4px 4px 6px 4px;
 margin-bottom: 4px;
 height: auto;
}


#content_container .topseller H4 {
 font: 10px Verdana, Tahoma, Arial;
 font-weight: bold;
 margin: 0px;
}

#content_container .topseller .topsellertable TD {
 font: 9px Verdana, Tahoma, Arial;
}

#content_container .viewcategory {
 text-align: center;
 background-color: #eeeeee;
 padding: 2px;
 border: 1px solid #dcdcdc;
 margin: 4px;
}

H1 {
 font: 30px Tahoma, Arial, Verdana;
 font-weight: normal;
 margin: 0px 0px 4px 0px;
}



H2 {
 font: 24px Tahoma, Arial, Verdana;
 font-weight: normal;
 margin: 0px 0px 4px 0px;
}



H3 {
 font: 18px Tahoma, Arial, Verdana;
 font-weight: normal;
 margin: 0px 0px 4px 0px;
}



H4 {
 font: 15px Tahoma, Arial, Verdana;
 font-weight: bold;
 margin: 0px 0px 4px 0px;
}



H5 {
 font: 12px Tahoma, Arial, Verdana;
 font-weight: bold;
 margin: 0px 0px 4px 0px;
}



H6 {
 font: 11px Tahoma, Arial, Verdana;
 font-weight: bold;
 margin: 0px 0px 4px 0px;
}



P {
 margin: 0px;
}




TABLE TD {
 vertical-align: top;
}



TABLE.invisible {
 border: 0px;
}

HR {
 border-width: 0px;
 height: 1px;
 background-color: #dcdcdc;
 color: #dcdcdc;
 margin: 10px 0px;
}


.fields {
 position: relative;
 padding: 10px 0px 10px 0px;
 border-width: 1px 0px 1px 0px;
 border-style: solid;
 border-color: #dcdcdc;
 margin: 10px 0px 10px 0px;
 width: auto;
}

.fields .row {
 position: relative;
 margin: 0px auto 3px auto;
 width: 300px;
}

.fields .row2 {
 position: relative;
 height: 36px;
 margin: 0px auto 0px auto;
 width: 300px;
 text-align: right;
}

.fields .row_error {
 color: red;
}

.fields .row .input01 {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 183px;
 border: 1px solid #dcdcdc;
 background-color: #ffffff;
 padding: 1px;
 font: 10px Arial, Verdana, Tahoma, sans-serif, serif;
 height: 12px;
}


.fields .row .select01 {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 183px;
 border: 1px solid #dcdcdc;
 background-color: #ffffff;
 font: 10px Arial, Verdana, Tahoma, sans-serif, serif;
 height: 15px;
}

.fields .row .textarea {
 width: 292px;
 border: 1px solid #dcdcdc;
 padding: 3px;
 margin: 2px 0px 0px 0px;
 font: 11px Verdana, Tahoma, Arial, sans-serif, serif;
 height: 120px;
}

.fields .row .input02 {
 position: absolute;
 top: 0px;
 right: 113px;
 width: 70px;
 border: 1px solid #dcdcdc;
 background-color: #ffffff;
 padding: 1px;
 font: 10px Arial, Verdana, Tahoma, sans-serif, serif;
 height: 12px;
}

.fields .row .input03 {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 100px;
 border: 1px solid #dcdcdc;
 background-color: #ffffff;
 padding: 1px;
 font: 10px Arial, Verdana, Tahoma, sans-serif, serif;
 height: 12px;
}

.fields .row .submit {
 position: absolute;
 top: 0px;
 right: 0px;
 background-color: #dcdcdc;
 border: 1px outset #ffffff;
 width: 75px;
 font: 10px Arial, Verdana, Tahoma, sans-serif, serif;
}

.fields .separator {
 margin-top: 10px;
}

.buttons {
 display: block;
 position: static;
 margin: 10px 0px 0px 0px;
 border-top: 1px solid #dcdcdc;
 text-align: right;
 padding: 4px;
}

.buttons .btn {
 font: 11px Arial, Verdana, Tahoma, sans-serif, serif;
 border: 1px outset #ffffff;
 background-color: #dcdcdc;
 padding: 2px;
}

.mceContentBody DIV {
 border: 1px dotted #dcdcdc;
}

.mceContentBody .lockedPlugin {
 display: block;
 padding: 5px;
 border: 1px dotted #dcdcdc;
 background-color: #feff93;
 width: 150px;
 height: 30px;
 overflow: hidden;
 text-align: center; 
}

.mceContentBody .lockedPlugin .data {
 position: relative;
 left: -1000px;
 display: none;
 visibility: hidden;
 border: 0px;
 font: 9px Arial, Verdana, Tahoma, sans-serif, serif;
}

.defaultTableHack {
 position: static;
 display: inline;
 width: auto;
 padding: 0px;
 margin: 0px;
 overflow: hidden;
}

.defaultTable {
 position: static;
 width: 100%;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 border: 1px inset #dcdcdc;
 font: 10px Verdana, Tahoma, Arial, sans-serif, serif;
}

.defaultTable THEAD {
 width: 100%;
 height: 17px;
 background-color: #000000;
 color: #ffffff;
} 

.defaultTable THEAD TD {
 border-bottom: 1px solid #0f5aab;
 font-weight: bold;
 padding: 1px 3px 1px 1px;
 height: 14px;
 background: url('/uploads/gui/defaultTableBgTop.jpg');
}

.defaultTable THEAD.doubleRow TD {
 background: transparent #033977;
}

.defaultTable TBODY TD {
 border-bottom: 1px solid #dcdcdc;
 padding: 1px 3px 1px 3px;
 overflow: hidden;
}

.defaultTable TBODY .mainRow TD {
 border-width: 0px;
}

.defaultTable TBODY .subRow TD {
 background-color: #eeeeee;
 font-style: italic;
}

 .columns {
 text-align: left;
 position: relative;
 height: 115px;
 margin: 10px 0px 0px 0px;
 top: 0px;
}

 .columns IMG {
 margin: 4px 0px 4px 0px;
}

 .columns .column1 {
 position: relative;
 top: 0px;
 left: 40px;
 width: 250px;
 height: 90px;
 border: 1px;
 text-align: center;
}

.tablelog {
 width: 100%;
} 

 .columns .column2 {
 position: relative;
 top: 0px;
 right: 40px;
 width: 250px;
 height: 90px;
 border: 0px;
 text-align: center;
}

 .productinfo {
 position: static;
 height: auto;
 overflow: visible;
 margin: 10px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
}

 .productinfo .image {
 position: static;
 width: 150px;
 float: left;
 padding: 0px;
 margin: 0px;
 overflow: hidden;
}

 .productinfo .info {
 position: static;
 display: block;
 height: auto;
 float: right;
 overflow: visible;
 margin: 0px;
 padding: 4px 0px 0px 0px;
 font: 12px Verdana, Tahoma, Arial;
}

 .product {
 position: relative;
 width: 100%;
 margin: 5px 0px;
 padding: 10px 0px;
 border-top: 1px solid #dcdcdc;
 overflow: hidden;
}

 .product .image {
 position: relative;
 top: 0px;
 left: 0px;
 width: 17%;
 float: left;
 overflow: hidden;
}

 .product .info {
 position: relative;
 display: block;
 float: right;
 right: 0px;
 width: 80%;
 margin: 0px;
 padding: 4px 0px 0px 0px;
 font: 11px Verdana, Tahoma, Arial;
}

 .product .info .readMore {
 padding: 0px;
 margin: 10px 0px 0px 5px;
 width: 100%;
 font: 11px Verdana, Tahoma, Arial;
 text-align:right;
}

 .variant {
 table-layout: fixed;
 width: 100%;
 margin: 0px;
}

 .variant THEAD TD {
 background-color: #dcdcdc;
 border-style: outset;
 padding: 2px;
 border-width: 1px;
 border-color: #ffffff;
 font: 10px Verdana, Tahoma, Arial;
}

.variant .orderFields {
 width: 110px;
}

 .variant .price {
 width: 50px;
}

 .variant TBODY TD {
 padding: 4px 2px 2px 2px;
 font: 10px Verdana, Tahoma, Arial;
 border-width: 0px;
 vertical-align: middle;
}

.variant TBODY TD.right {
 padding: 0px;
}

.variant .right {
 position: relative;

}

.variant TBODY TR {
 height: 16px; 
}

 .variant TBODY TD SELECT {
 width: 80px;
 font: 10px Verdana, Tahoma, Arial;
 height: 20px;
 overflow: visible;
 margin: 1px 0px;
 z-index: 1000;
 top: 1px;
}

 .variant TBODY TD INPUT {
 width: 20px;
 font: 10px Verdana, Tahoma, Arial;
 height: 17px;
 border-width: 1px;
 border-style: outset;
 border-color: #ffffff;
 background-color: #dcdcdc;
 padding: 1px;
 margin: 1px 0px;
 top: 1px;
}

FORM {
 margin: 0px;
 padding: 0px;
} 

 .basket {
 position: relative;
 float: none;
 width: 100%;
 display: block;
}

 .basket .basketRows {
 table-layout: fixed;
 width: 100%;
 float: none;
}

 .basket .basketRows .right {
 text-align: right;
}

 .basket .basketRows THEAD TD {
 background-color: #a0a0a0;
 color: #ffffff;
 padding: 2px;
 border-width: 1px;
 border-color: #ffffff;
 font: 10px Verdana, Tahoma, Arial;
 font-weight: bold;
}

 .basket .basketRows THEAD .remove {
 width: 25px;
}

 .basket .basketRows THEAD .price {
 width: 100px;
}

 .basket .basketRows THEAD .sum {
 width: 100px;
 
}
 .basket .basketRows THEAD .amount {
 width: 50px;
}

.basket .basketRows TBODY TD {
 font: 10px Verdana, Tahoma, Arial;
 padding: 1px;
 border-bottom: 1px solid #dcdcdc;
 vertical-align: middle;
}


 .basket .basketRows THEAD TD.name {
 padding: 1px 1px 1px 5px;
}

.basket .basketRows TBODY TD.name {
 padding: 1px 1px 1px 5px;
}

.basket .basketRows TBODY TD .amount {
 width: 40px;
 text-align: center;
 border: 1px solid #dcdcdc;
 padding: 1px;
 font: 10px Verdana, Tahoma, Arial;
 height: 12px;
}

 .basket .basketRows TBODY TD .x {
 width: 15px;
 height: 16px;
 padding: 0px 1px 1px 1px;
 font: 9px Verdana, Tahoma, Arial;
 border-style: outset;
 border-width: 1px;
 border-color: #ffffff;
 background-color: #eeeeee;
}

.basketRows .property {
 margin: 2px 0px 2px 10px;
 color: #a0a0a0;
}

 .basket .basketInfo {
 table-layout: fixed;
 font: 10px Verdana, Tahoma, Arial;
 clear: both;
}

 .basket .basketInfo TD {
 padding: 1px;
 border-bottom: 1px solid #dcdcdc; 
 margin: 0px;
 height: auto;
 font: 10px Verdana, Tahoma, Arial;
}

.basket .basketInfo .lrow {
 width: 270px;
 border-bottom: 0px;
 height: auto;
}

.basket .basketInfo .brow {
 border-width: 0px 0px 2px 0px;
}

 .basket .basketInfo .price {
 width: 120px;
 text-align: right;
 height: auto;
}

 .basket .basketInfo .unit {
 width: 25px;
 padding-left: 2px;
 text-align: left;
 height: auto;
}

 .basket .basketInfo .highlight {
 color: #000000;
 font-weight: bold;
}

 .options {
 float: none;
 width: 100%;
 text-align: center;
 margin: 20px 0px 0px 0px;
 clear: both;
}

 .options .submit {
 font: 10px Verdana, Tahoma, Arial;
 border-style: outset;
 border-color: #ffffff;
 border-width: 1px;
 background-color: #dcdcdc;
 width: 75px;
 padding: 2px;
}

 .options .submitOrder {
 font: 10px Verdana, Tahoma, Arial;
 border-style: outset;
 border-color: #c40000;
 border-width: 1px;
 background-color: #c40000;
 width: 75px;
 padding: 2px;
 font-weight: bold;
 color: #ffffff;
}


.textarea {
 width: 100%;
 padding: 10px 0px 10px 0px;
 margin: 0px;
 font: 12px Verdana, Tahoma, Arial;
}

.textarea TEXTAREA {
 width: 99%;
 height: 100px;
 border: 1px solid #dcdcdc;
 font: 10px Verdana, Tahoma, Arial;
}
.center {
 text-align: center;
}

.errorLog {
 width: auto;
 padding: 10px;
 border: 1px solid red;
}

.errorLog H4 {
 font: 14px Verdana, Tahoma, Arial;
 font-weight: bold;
}

.discountbox {
 margin: 40px auto 20px auto;
 width: 300px;
 border: 1px dashed #dcdcdc;
 padding: 10px;
}

.discountbox .discounttext {
 position: relative;
 margin: 6px 0px 0px 0px;
 padding-top: 1px;
} 

.discountbox .discounttext INPUT {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 200px;
  border: 1px inset #dcdcdc;
  padding: 1px;
  font: 10px Verdana, Tahoma, Arial;
}


.discountstatusok {
 margin: 4px 0px 0px 0px;
 color: #00970b;
}

.discountstatusfailed {
 margin: 4px 0px 0px 0px;
 color: red;
}

.discounted {
 color: #7a7a7a;
 text-decoration: line-through;}