/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce
   -----------------------------------------------------------------------------------------
   based on:
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License
   ---------------------------------------------------------------------------------------*/

BODY {
	color: #000000;
	margin: 0px;
	background-color: #CCCCCC;
	font-family: verdana;
	font-size: 12px;
}

img { border:0; }

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #2482cd;
  text-decoration: underline;
}

FORM { display: inline; }

/*Generelles*/

#body {
	margin-top: 40px;
        width: 100%;
	border: 0;
	background-color: #FFFFFF;
}

.center {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
}
.bold {
	font-weight: bold;
}
.clear {
	height: 1px;
	clear: both;
}
.colored {
  color: #2482cd;
  font-weight: bold;
}
a.colored:hover {
  color:#000000;
  text-decoration:unerline;
}
h2 {
	font-weight: bold;
	font-size: 12px;
	margin-top: 16px;
	margin-bottom: 8px;
}
.spacing { margin-top: 15px; }
/* Header */
.mLeft  { width: 280px;  padding: 0;}
.mRight { }
.vTop { vertical-align:top; }
.vMid { vertical-align:middle; }
.vBottom {vertical-align: bottom; }
.Head { height: 225px; text-align: center; }
.green { background-color: green; }
#radicalLogo2 { clear:both;  }
.bgLeft {
	background-image: url(img/bg_left.gif);
	background-repeat: repeat-y;
	background-position: 255px;
}

/* Nav Buttons */
#navButtons {
	width: 100%;
	height: 35px;

}
#btAbmelden,#btAnmelden,#btRegistrieren,#btAGB,#btImpressum,#btKontakt {
	height: 24px;
	float:left;
}

/* navBox definitions */
.navBox {
	width: 208px;
	background-color: #F6F6F6;
	padding: 10px 0px 10px 0px;
	margin-left: 25px;
	margin-bottom: 25px;
	font-size: 10px;
	line-height: 15px;
}

.navBox ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}

.navBox li {
	background-image: url(img/radicalArrowSmall.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}


/* Categories Box */
#boxProdukte {
	background-image: url(img/bgProdukte.gif);
	background-repeat: no-repeat;
}
#boxProdukte ul {
	padding-top: 10px;
}
#boxProdukte li {
}

.boxProductsListing {
}

.navBoxMargin {
	margin-left: 10px;
}


/* Search Box */
#boxSuchen{
	width: 208px;
	margin-top: 25px;
	margin-left: 25px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 10px;
	background-color: #F6F6F6;
	background-image: url(img/bgSuche.gif);
	background-repeat: no-repeat;
}

#SuchenObjekte {
	background-image: url(img/iconSuche.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 7px;
	margin-left: 10px;
	padding-left: 25px;
	height: 18px;
}
#SuchenObjekteInput {
	background-image: url(img/inputSuchen.gif);
	background-repeat: no-repeat;
	width: 85px;
	height: 16px;
	float: left;
    margin-left: 0px;
    margin-right: 5px;
}
#SuchenObjekteButton {
    margin-top: 1px;
}
#InputSuchen {
	width: 75px;
	border: 0;
	font-size: 10px;
	height: 13px;
	padding: 0px;

	margin: 1px 5px 0px 5px;
}

#boxSuchen a {
    clear: both;
    background-image: url(img/radicalArrowSmall.gif);
    padding-left: 20px;
    margin-left: 25px;
    background-repeat: no-repeat;
    background-position: 10px 4px;
}
#boxSuchen img {
	margin-top: 10px;
	margin-bottom: -10px;
}


/* Box Bestellhotline */
#boxBestellhotline  {
    background-image: url(img/boxTelefon.gif);
    background-repeat: no-repeat;
    margin-left: 25px;
    height: 82px;
    width: 208px;
    background-color: #F6F6F6;
    padding: 0px;
}


/* Box Content */
#boxContent {
	padding-top: 20px;
	background-color: #F6F6F6;
	background-image: url(img/bgInformationen.gif);
	background-repeat: no-repeat;
}
#boxContent ul {}
.boxInformationListing {}


/* Box Warenkorb */
#boxWarenkorb {
	padding-top: 20px;
	background-color: #F6F6F6;
	background-image: url(img/bgWarenkorb.gif);
	background-repeat: no-repeat;
}

#boxSunAndMore {
	margin-left: 25px;
	width: 208px;
	text-align: center;
}

#takeTheRoute {
	height: 50px;
	margin-top: 20px;
	border-top: 1px solid #929498;
	text-align: center;
}

#takeTheRoute img {
	margin: 10px 0px 0px 10px;
}



/* Radical Tanning System */
#radicalTanningSystem {
 background-image: url(img/headerTanningSystem.gif);
 background-repeat: no-repeat;
 padding-top:30px;
}

#tanning td {
	width:237px;
	height: 176px;
	vertical-align: top;
    background-repeat: no-repeat;
}
#tanning div.tanningContent {
	margin-left: 25px;
	margin-top: 30px;
	width: 187px;

}
#tanning p.description { font-size: 11px; }
#tanningCell1 { background-image: url(img/boxTanning1.gif); }
#tanningCell2 { background-image: url(img/boxTanning2.gif); }
#tanningCell3 { background-image: url(img/boxTanning3.gif); }
#tanningCell4 { background-image: url(img/boxTanning4.gif); }


/* Impressum, AGB, Kontakt, Liefer & Versandkosten  */
#impressum, #agb, #kontakt, #versandkosten,#inhaltsstoffe,#datenschutz {
 background-repeat: no-repeat;
 padding-top:40px;
}

#impressum { background-image: url(img/headerImpressum.gif); }
#impressumRight { padding-top: 36px; }
#agb { background-image: url(img/headerAgb.gif); 
  background-color: #FFFFFF;
}
#versandkosten{ background-image: url(img/headerliefer_versandkosten.gif); }
#kontakt { background-image: url(img/headerKontakt.gif); margin-top: 25px; }
#datenschutz { background-image: url(img/headerDatenschutz.gif); }
#inhaltsstoffe {
  background-image: url(img/headerInhaltsstoffe.gif);
  font-size: 10px;
}
#inhaltsstoffe td {
  vertical-align: top;
}
#inhaltsstoffe td.left {
  text-align: right;
  width: 175px;
}
#inhaltsstoffe td.right {
  font-weight: bold;
}
#inhaltsstoffe td.middle {
  width: 30px;
  text-align: center;
}




#kontaktInfos {
	float: right;
	margin-left: 20px;
	line-height: 15px;
}

#kontaktInfosMargin, .kontaktInputGroup {
	margin-top: 20px;
}

.kontaktInputGroup div {
	margin-top: 4px;
	margin-bottom: 4px;
}

.kontaktInputField input {
	height: 20px;
	width: 200px;
	border: 1px solid #7a7a7a;
}

.kontaktTextArea textarea {
	height: 150px;
	width: 100%;
	border: 1px solid #7a7a7a;
}

.kontaktSubmitButton, .kontaktContinueButton {
	text-align: right;
}

.kontaktSuccessImage {
  float: left;
}

.kontaktSuccessText {
  padding-top: 30px;
  margin-left: 230px;
  font-size: 14px;
}
.kontaktContinueButton { clear: both; }




#impressum p, #agb p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#impressum .paragraph, #agb .paragraph {
	margin-top: 16px;
	margin-bottom: 8px;
	font-weight: bold;
}
#impressum .sentence, #agb .sentence {
	margin: 0px;
	font-size:11px;
}



/*Navrail*/
#navRail {
	font-size: 10px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #F6F6F6;
}


/* Content */
#content {
	margin-top: 10px;
	margin-right: 30px;
	font-size: 12px;
	line-height: 14px;
}

#content h1 {
	margin-top: 20px;
	margin-bottom: 10px;
}

#catImageHead {
	float: right;
	margin-left: 20px;
	margin-bottom: 5px;
}
#catImageFoot {
	margin-top: 25px;
	text-align: center;
}

.newProductsMain {
	margin-top: 15px;
}

.newProductFrame {
	width: 145px;
	border: 2px solid #F6F6F6;
	float: left;
	margin-right: 2px;
	margin-bottom: 8px;
}


.newProductFrameInside {
	margin: 5px;
	width: 140px;
}

.newProductFrameInside .productImage {
	border: 0;
	text-align: center;
	width: 40px;
}

.productName {
	font-weight: bold;
}

.newProductFrameInside .productDescription {
	margin-top: 3px;
	font-size: 11px;
	line-height: 13px;
}

.newProductFrameInside .productPrice {
	margin-top: 8px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 18px;
}

.newProductFrameInside .productPrice span {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}
.newProductFrameInside .productPrice span.price {
  color: #3072bf;
  display: block;
}
.productPrice span.uvpPrice {
  display:block;
  margin-bottom: 10px;
}
.productPrice span.newPrice {
  display:block;
}
.productPrice span.newPrice, .productPrice span.newPriceLabel {
  color: #3072bf;
}



.newProductFrameInside .productVpe {

}


/* Login */

#login .left {
  width: 240px;
  float: left;
}
#login .right {
  margin-left: 240px;
}

#login .title {
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}

#login .padding {
  padding-right: 40px;
}

#login .text input {
  border: 1px solid #7a7a7a;
}

#login .text .right input {
  margin-top: 5px;
  margin-bottom: 10px;
  width: 220px;
}

#login .text .right div {
  margin-bottom: 2px;
}

#login .buttons {
  margin-top: 15px;
}



/* Shopping Cart */
#cartOutside {
  margin-top: 25px;
}
#cartOutside .text {
  text-align: center;
}
#cartOutside .button {
  margin-top: 25px;
  text-align: right;
}

#cart {
  background-color: #F6F6F6;
  width: 100%;
  margin-bottom: 25px;
}
#cart .header {
  font-weight: bold;
}
#cart .header td {
  border-bottom: 1px solid #C5C5C5;
  padding: 2px;
  padding-top: 15px;
}

#cart .single, #cart .total { text-align: right; }
#cart .product .single, #cart .product .total { border-right: 1px solid #C5C5C5; }
#cart .product { vertical-align: top;}
#cart .qty input {
  border: 1px solid #C5C5C5;
  padding-left: 3px;
}

#cart .sum { text-align: right; }
#cart .sum td { border-top: 1px solid #C5C5C5; }


/* KASSE */


/* Allgemein */

#kasse_step_1 .header, #kasse_step_2 .header, #kasse_step_3 .header, #kasse_step_4 .header{
	font-weight: bold; 
	margin-bottom: 10px;
}

#adresse, #shipping, #continue, #comment, #small_agb, #introduction, #payment, #payment_info, #products, #success {
	margin-top: 20px;
	margin-bottom: 40px;
}


/* Schritt 1, Schritt 2 */

#adresse .left {
	width: 200px;
	float: left;
}

#adresse .left div {
	margin-top: 10px;
	margin-bottom: 10px;
}

#adresse .right {
	margin-left: 230px;
	background-color: #F6F6F6;
	background-image: url(img/bgInformation.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#kasse_step_1 #shipping .block, #kasse_step_2 #payment .block {
	padding: 10px;
	margin-top: 20px;
	background-color: #F6F6F6;
}

#payment .left div { line-height: 15px; }
#payment .left .dataField { padding-bottom: 5px; }
#payment .left .dataField input {
  border: 1px solid #C5C5C5;
  width: 200px;
}

#shipping .left, #payment .left {
	width: 350px;
	float:left;
	line-height: 25px;
}

#shipping .left input, #payment .left input { 
	margin-right: 10px;
}

#shipping .right, #payment .right {
  margin-left: 350px;
  text-align: right;
  line-height: 25px;
}
#payment .dataTitle, #payment .dataField {
	margin-left: 50px;
	font-size: 10px;
}
#comment textarea,#small_agb iframe {
  width: 465px;
  border: 1px solid #C5C5C5;
}

#small_agb iframe {
  height: 75px;
  margin-bottom: 5px;
}

#small_agb a {
  margin-left: 10px;
  font-size: 9px;
}

.confirmationEdit {
  font-weight: normal;
  color: #2482cd;
}

#adress_summary .left {
  float: left;
  width: 220px;
}

#adress_summary .right {
  margin-left: 240px;
}

#adress_summary * .text {
  background-color: #F6F6F6;
  padding: 15px;
}
#products .block {
  background-color: #F6F6F6;
  padding: 10px;
}

#products .left {
  float: left;
  width: 350px;
}
#products .right {
  margin-left: 350px;
  text-align: right;
}

#products .list {
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 10px;
}
#products .shippingtime {
  font-size: 10px;
}
#products .total .left {
  text-align: right;
}
#products .total .left, #products .total .right {
  margin-top: 0px;
  margin-bottom: 0px;
}
#kasse_step_4 .left {
  float: left;
  width: 200px;
}
#kasse_step_4 #success .right {
  padding-top: 20px;
}





/* Fortschrittsanzeige */

#progress { background-color: #F6F6F6; }
#progress .padding { padding: 10px; }

#progress #information {
  padding-left: 60px;
  background-image: url(img/Information.gif);
  background-repeat: no-repeat;
  background-position: 10px 5px;
  font-size: 10px;
}

#progress #status_bar {
  font-size: 11px;
  font-weight: bold;
}

#progress #step_1, #progress #step_2, #progress #step_3, #progress #step_4 {
  float: left;
}

#progress #step_1 { width: 170px; }
#progress #step_2 { width: 125px; }
#progress #step_3 { width: 90px; }
#progress #step_4 { width: 60px; text-align: right;}

#progress .active {
  background-image: url(img/bgProgressActive.gif);
  background-repeat: no-repeat;
}
#progress .done {
  background-image: url(img/bgProgress.gif);
  background-repeat: repeat-x;
}

#progress .image {
  background-color: #FFFFFF;
  height: 19px;
  margin-bottom: 5px;
  margin-top: 15px;
}

#progress #step_2 .image { background-position: -20px; }
#progress #step_3 .image { background-position: -30px; }
#progress #step_4 .image { background-position: -30px; }

#continue .button { text-align: right; }


/* Register */

.annotation {
  font-weight: normal;
  font-size: 11px;
}
h2 .annotation {
  margin-left: 2em;
}

#register .left {
  float: left;
  width: 230px;
}
#register .right {
  margin-left: 260px;
  padding: 0px;
}

#register .input {
  text-align: right;
}

#register .input input, #register .input select {
  border: 1px solid #7a7a7a;
  width: 203px;
}

#register .button {
  text-align: right;
}

#register .block {
  margin-bottom: 10px;
}

#register .left, #register .right {
  margin-bottom: 5px;
}
#register h2 {
  margin-bottom: 15px;
}


/* Account bearbeiten */

#account_edit .left {
  float: left;
  width: 150px;
}
#account_edit .right {
  margin-left: 150px;
}
#account_edit .left, #account_edit .right {
  margin-bottom: 5px;
}
#account_edit .block {
  margin-bottom: 25px;
}
#account_edit .input input {
  border: 1px solid #7a7a7a;
  width: 310px;
}
#account_edit .buttons .right {
 text-align: right;
}


/* Account */

#account .left {
  float: left;
  width: 210px;
}
#account .right {
  width: 232px;
  margin-left: 28px;
  float: left
}

#account .left .button { margin-top: 15px; }
#account .right #settings .button {
  margin-bottom: 9px;
}

/* Account Product History */

#account .viewedProductsFrame {
  border: 1px solid #C5C5C5;
  margin-bottom: 15px;
  padding: 10px;
  font-size: 10px;
}

#account .viewedProductsFrameInside .name {
  font-weight: bold;
  font-size: 11px;
}

#account .viewedProductsFrameInside .price {
  margin-top: 15px;
  font-size: 14px;
  font-weight: bold;
  color: #3072bf;
}

#account .viewedProductsFrameInside .price span {
  color: #000000;
}

#account .viewedProductsFrameInside .category {
  margin-top: 10px;
}

/* Account Order History */
#account .orderListing {
  margin-top: 5px;
  background-color: #F6F6F6;
}
#account .orderListingInside {
  padding: 10px;
}




/* Addressbook */

#addressbook div.left {
  float: left;
  width: 220px;
}
#addressbook div.right { margin-left: 240px; }
#addressbook p { margin-top: 0px; }

#addressbook .addressEntry {
  background-color: #f6f6f6;
  margin-bottom: 25px;
}
#addressbook .padding { padding: 25px; }
#addressbook .name {
  font-weight: bold;
  margin-bottom: 10px;
}
#addressbook span {
  font-weight: normal;
  font-size: 11px;
}
#addressbook td.left {
  width: 225px;
}
#addressbook td.right, #addressbook .button .right {
  text-align: right;
}
#addressbook .info {
  margin-bottom: 25px;
}



/* Addressbook Edit */

#addressbookEdit .label {
  float: left;
  width: 140px;
}
#addressbookEdit .line {
  margin-bottom: 5px;
}
#addressbookEdit .input input,
#addressbookEdit .select select {
  width: 320px;
  border: 1px solid #7A7A7A;
}
#addressbookEdit .button {
  margin-top: 25px;
}



/* Change Password */

#password .left, #password .label {
  float: left;
  width: 150px;
}
#password .right, #password .input {
  text-align: right;
}
#password .input {
  margin-bottom: 5px;
  margin-left: 150px;
}
#password .input input {
  border: 1px solid #7A7A7A;
  width: 300px;
}
#password .info {
  margin-top: 15px;
  margin-bottom: 15px;
}



/* Newsletter */

#newsletter div.left {
   float: left;
}
#newsletter .left {
  width: 190px;
}

#newsletter .input {
  margin-left: 180px;
  text-align: right;
}

#newsletter .input input {
  border: 1px solid #7A7A7A;
  width: 275px;
}
#newsletter .table {
  margin-left: 180px;
}

#newsletter .line {
  margin-top: 5px;
}

#newsletter .secCode {
  margin-bottom: 15px;
}

#newsletter .info {
  margin-top: 25px;
  margin-bottom: 25px;
}
#newsletter .right {
  text-align: right;
}


/* Order History */

#accountHistory {
  margin-top: 25px;
}
#accountHistory .entry {
  background-color: #F6F6F6;
  margin-top: 10px;
}
#accountHistory .padding {
  padding: 25px;
}
#accountHistory .splitBar {
  margin-bottom: 15px;
  margin-top: 15px;
}
#accountHistory .right {
  text-align: right;
}



/* Order Information */

#orderInformation .left {
  float: left;
  width: 220px;
}
#orderInformation .address .right {
  float: left;
  margin-left: 25px;
  width: 220px;
}
#orderInformation .inside {
  padding: 25px;
  background-color: #F6F6F6;
}
#orderInformation .products .qty {
  float: left;
  width: 40px;
  text-align: right;
}
#orderInformation .products .name {
  float: left;
  width: 200px;
  margin-left: 5px;
}
#orderInformation .products .singlePrice {
  float: left;
  width: 75px;
  text-align: right;
}
#orderInformation .products .totalPrice {
  float: left;
  width: 100px;
  text-align: right;
}
#orderInformation .line {
  margin-bottom: 10px;
}
#orderInformation .total {
  border-top: 1px solid #7A7A7A;
}
#orderInformation .totalName {
  float: left;
  width: 320px;
  text-align: right;
}
#orderInformation .totalValue {
  float: left;
  width: 100px;
  text-align: right;
}
#orderInformation .button .right {
  text-align: right;
  margin-top: 25px;
}




/* Product Details */
#product_details h2 {
  font-size: 22px;
  line-height: 22px;
  color: #7A7A7A;
  margin-bottom: 20px;
}

#product_details .left {
  float: left;
  width: 250px;
}
#product_details .text {
  margin-bottom: 20px;
}
#product_details .text p {
  margin:0px;
}
#product_details .block {
  padding:10px;
  background-color: #F6F6F6;
}
#product_details .right {
  margin-top: 20px;
  margin-left: 275px;
  border: 1px solid #7A7A7A;
  text-align: center;
}
#product_details .model {
  margin-bottom: 10px;
}
#product_details .shipping_name {
  margin-bottom: 20px;
}
#product_details .shortDesc {
  font-weight: bold;
  margin-bottom: 20px;
}
#product_details div.price span.price {
  color: #2482cd;
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  display:block;
}
#product_details div.price {
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 10px;
}

#product_details .uvpLabel { display: block; }
#product_details .uvpPrice {
  display: block;
  margin-bottom: 20px;
}
#product_details .newPriceLabel { display: block; }
#product_details .newPrice { display: block; }



#product_details .add_cart {
  margin-top: 10px;
}
#product_details .add_cart .qty input {
  border: 1px solid #7A7A7A;
}
#product_details .add_cart .qty {
  float: left;
  margin-right: 5px;
}


/* Advanced Search */

#search h1 {
  margin-bottom: 30px;
}

#search .help {
  margin-top: 25px;
  margin-bottom: 25px;
}

#search .left {
  float: left;
  width: 130px;
}
#search .right {
  margin-left: 130px;
}
#search .select select {
  border: 1px solid #7A7A7A;
}
#search .input input {
  border: 1px solid #7A7A7A;
  width: 330px;
}
#search .line {
  margin-bottom: 5px;
}
#search .button {
  text-align: right;
}


/* Search no Results */

#searchFailed .padding {
  background-color: #F6F6F6;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
}
#searchFailed span {
  margin-right: 30px;
}
#searchFailed .padding input {
  border: 1px solid #7A7A7A;
  width: 300px;
}
#searchFailed .buttons .search {
  float: left;
  text-align: right;
  width: 340px;
}
#searchFailed .buttons .back {
  margin-left: 350px;
  text-align: right;
}


/* Renew Password */

#changePW .line {
  margin-bottom: 25px;
}
#changePW .button {
  text-align: right;
}
#changePW .header {
  font-weight: bold;
}
#changePW .label {
  float: left;
  width: 130px;
}
#changePW .input {
  margin-left: 130px;
}
#changePW .input input {
  border: 1px solid #7A7A7A;
  width: 330px;
}
#changePW .lhight {
  line-height: 50px;
}







/* Copyright */
.copyright {
	color: #999999;
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
}