/*



	Clientel Shop Template

	Erstellt von Koblenzmedia!de

	http://www.koblenzmedia.de	
    Hosting: b24Net!de
    http://www.b24net.de

    customized by Fema-Media - www.fema-media.de und Merz-IT-Service - www.merz-it-service.de

*/



body { 

	margin:0px 0; 

	padding:0; 

	font: 74% Arial, Sans-Serif; 

	color:#ccc;  

	background: #cccccc url(img/bg.jpg) repeat-x;

	line-height: 1.4em; 

}





.content { 

	background: #FFF url(img/bgmain.jpg) repeat-y center;

	color: #ccc; 

	margin: 0 auto; 

	padding: 0; 

	width: 787px;

}



/* HEADER 

---------------------------------------------------------------------------------------------------------------------------------------------------

*/

#header { 

	margin-top: -17px;

	width: 787px; 

	background: #FF9503 url(img/header.jpg) no-repeat center top;  

	height: 166px;

	color: #FFF; 

}

.breadcrumb a{
  color: #fff;  padding-left: 10px;
}
.breadcrumb a hover {
  color: #a90000;
}



#header .f_search { 

float: right; padding: 120px 20px 0 0;

}



#header .f_search input { 
margin:5px 4px 1px 0px;

}

#header .title {	padding: 45px 0 0 50px; }

#header h1 {

		font-family: Arial, Verdana, Helvetica, sans-serif;

		font-size: 22px; font-weight: bold;

		margin: 0;

		padding: 0; 

}



#header h2 {

		font-family: Arial, Verdana, Helvetica, sans-serif;

		font-size: 12px; 

		background-image: none;

		color: #A90000;

		margin: 0;

		padding: 0 0 0 2px;

}





/* SUBHEADER 

---------------------------------------------------------------------------------------------------------------------------------------------------*/

#subheader { 

	background: #A90000 url(img/bgmenu.jpg) repeat-y center;

	width: 787px;

	height: 38px;

	background-color: #A90000;

	color: #FFF;

}

#subheader .padding { padding: 10px 15px 10px 15px; }

#subheader h2 { color: #FEAB06; }

#subheader a {color: #FECF5F; }







/* NAVIGATION

---------------------------------------------------------------------------------------------------------------------------------------------------*/

.nav { text-align: left; color: #7D8085; padding: 20px 0 0 0px; width: 170px; }

.nav5 li { 

	font-weight: bold; 

	margin: 5px 0 5px 0px; 

	padding: 0px 0 0 0px; 

	border-bottom: 1px solid #ccc; 

	height: 25px; 

  background: url(img/li.png) no-repeat left;

}



.nav3{ 

	font-weight: bold; 

	margin: 5px 0 0px 0px; 

	padding: 0px 0 0 0px; 

	border-bottom: 1px solid #ccc; 

	height: 25px; 

  background: url(img/li.png) no-repeat left;

}



.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 25px;}

.nav li a:hover { color: #FFF; text-decoration: none; background: #A90000; display: block; height: 25px;}



.nav2 a:hover { color: #FFF; text-decoration: none; background: #000; display: block; height: 15px;}



.nav2{ 

  font-size:90%;

	height: 15px;   

	margin: 0px 0 9px 0px; 

	padding: 0px 0 0 0px; 



}



.nav2 li a { color: #546078; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 25px;}



.nav2 a:hover { color: #FFF; text-decoration: none; background: #000; display: block; height: 25px;}





/* MAIN

---------------------------------------------------------------------------------------------------------------------------------------------------*/

#main { background: #FFF; width: 765px; margin: 0 10px 0 10px; color: #808080; }  

#main .left_side { 

	padding:0px 0px 0 10px; margin:0;

	width: 190px; 

	min-height: 505px;  

}



#main .left_side .hitems { margin: 0; 	padding: 0; }

#main .left_side .hitems ul { 

	margin: 5px 0 5px 0; 

	padding : 0; 

	color: #a90000;

	list-style-image: url(img/arrow.gif);

}

	

#main .left_side .hitems li { 

	margin: 0 0 2px 20px;

	padding: 0 0 0 0px;

	color: #555;

	 

}



#main .right_side { float: right; width: 535px; background: #FFF; padding:15px 15px 0 0; margin:0; }





#main h3 { font: 95% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; 

			border-bottom: 1px solid #FEAB06;

}



#main .box  {	background: #efefef; padding: 5px; border: 1px solid #ccc;}



#main .right_side ul { 

	margin: 5px 0 5px 0; 

	padding : 0; 

	list-style : none; 

	border-bottom: 0px solid #eee; 

	list-style-type: square;

	color: #a90000;

}

	

#main .right_side li { 

	margin: 0 0 2px 5px;

	padding: 0 0 0 0px;

	color: #555;

}







/* FOOTER

---------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer { 

	clear:both;

	height: 34px;

	color:#555;  

	background: #fff url(img/footer.jpg) top no-repeat; 

	font-size:90%; 

	padding: 0; 

	text-align:center; 

}



#footer .padding { padding: 10px 0px 0px 0px; }

#footer .right { 

	float:right; 

	clear:right; 

	text-align:right; 

}





/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/



input.search { width: 150px; border: 0px solid #A90000; color: #666; }

input.submit { 

	background: none; 

	color: #A90000;

	font: bold 1.1em Arial, Verdana, Helvetica, sans-serif; 

	border: 0;

}



input.search:hover {	background: #FFFFF4; }



ul { margin: 0 0 0px 0; padding : 0; list-style : none; }

li { 	margin: 0 0 2px 0; padding: 0 0 0 0px;	color: #555; }





p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }

a { color: #a90000; background: inherit; text-decoration:none; }

a:hover { color:#FC7901; background: inherit; text-decoration:none; }



h1 { 

 background: url(img/h.gif) no-repeat left;

	color:#000;

	font-size:140%; 

	font-weight:bold; 

	margin: 10px 0 5px 0px;

	padding:0 0 0 15px;

}



h1 a { background: url(img/h.gif) no-repeat left;

	color:#000;

	font-size:140%; 

	font-weight:bold; 

	margin: 10px 0 5px 0px;

	padding:0 0 0 15px;}



h2 { 

	background: url(img/h.gif) no-repeat left;

	color:#000;

	font-size:140%; 

	font-weight:bold; 

	margin: 10px 0 5px 0px;

	padding:0 0 0 15px; 

}



h2 a { background: #FFF; color: #000; }

h2 a:hover { background: #FFF; color: #A90000; }


h4 {
	font-size:140%;
	font-weight:bold;
 margin: 0;
}

fieldset {

border: 1px solid #A90000; 

}





textarea.text { 

	height: 150px; 

	width: 90%; 

	border: 1px solid #A90000; 

	background: #FFF; 

	color: #354D5F;

}



textarea.text:hover { 

	border: 1px solid #A70000; 

	background: #FFFFF4; 

	color: #000;

}



input.field { 

	border: 1px solid #A90000; 

	background-color: #FFFFFF; 

	width: 283px; 

	color: #000;

}



input.field:hover { 

	border: 1px solid #A70000; 

	background: #FFFFF4; 

	color: #000;

}



input.text { 

    border: 1px solid #A70000; 

	margin: 0; 

	width: 150px;

	background: inherit;

	color: #000; 

	padding: 4px;

	

}





input.text:hover { 

	border: 0px solid #A70000; 

}



.date { 

	color: #808080; 

	background: #FFFFFF;

	text-align: right; 

	margin: 4px 0 5px 0; 

	padding: 0.4em 0 0 0; 

	border-top: 1px solid #eee;

}



.comments { 

	padding: 10px 10px 8px 10px; 

	margin: 0 0 7px 0; 

	background: #f8f8f8; 

	color: #000;

}



.commentsbox { 

	padding: 8px 0 10px 10px; 

	margin: 0 0 10px 0; 

	background: #f4f4f4; 

	color: #000;

}



.error {

	color: #990000;

	background-color: #FFF0F0;

	padding: 7px;

	margin-top: 5px;

	margin-bottom: 10px;

	border: 1px dashed #990000;

}

.error h2 {

	color: #990000;

	background: inherit;

}



.success {

	color: #000000;

	background: #F5FBE1;

	padding: 7px;

	margin-top: 5px;

	margin-bottom: 5px;

	border: 1px dashed #7BA813;

}

.success h2 {

	color: #7BA813;

	background: inherit;

}



img

{

border:0px;

}



TD.main, P.main {

  padding:4px;

}



.moduleRow {

 line-height: 1.5;

 background-color: #E6E6E6;

 border: 1px solid;

 border-color: #E6E6E6;



}

.moduleRowOver { 

	background-color: #D7E9F7; 

	border: 1px solid;

	border-color: #ffffff;

    line-height: 1.5; 

	

	}

.moduleRowSelected { background-color: #E9F4FC; }



.copyright {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  text-align:center;
  color: #333333;

}

.parseTime {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  text-align:center;
  color: #333333;

}

A.copyright {

  color: #000000;

}

A.copyright:hover {

  color: #0000ff;

  text-decoration: underline;

}

/* products_treadmill.html - Products-Treadmill (c)2008 by Hetfield - Begin  */
h2.products_treadmill_head { text-align:center; border:1px solid #ccc; color:#fff; background: #A90000 url(img/bgmenu.jpg) repeat-y center; font-size:1.1em; text-align:center; margin:15px auto 0px auto; width:522px; height:20px; }
div#products_treadmill { width:520px; text-align:center; margin:0; padding:0; border:1px solid #ccc; text-align:center; background:#fff; margin-bottom:5px; }
div#products_treadmill ul { width:520px; text-align:center; margin:0 auto; padding:0; }
div#products_treadmill ul li { width:164px; float:left; text-align:center; height:170px; padding-bottom:10px; list-style:none; overflow:hidden; }
div#products_treadmill a.textlink:link { text-decoration:none; font-weight:bold; font-size:0.8em; color:#000; }
div#products_treadmill a.textlink:visited { text-decoration:none; font-weight:bold; font-size:0.8em; color:#000; }
div#products_treadmill a.textlink:hover { text-decoration:none; font-weight:bold; font-size:0.8em; color:#333; }
div#products_treadmill a.textlink:active { text-decoration:none; font-weight:bold; font-size:0.8em; color:#333; }
div#products_treadmill a.textlink:focus { text-decoration:none; font-weight:bold; font-size:0.8em; color:#333; }
div#products_treadmill img { display:block; margin:8px auto; border:1px solid #ccc; }
/* products_treadmill.html - Products-Treadmill (c)2008 by Hetfield - End  */

/*---------------------------- Imageslider (c) 2008 by Hetfield - Begin --------------------------*/
.galleryview {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.panel-overlay h2 a {text-decoration:none;}
.panel-overlay h2 {margin-top:-235px}
.panel-overlay p{
	margin: .1em 0;
}
.panel-overlay p { margin-top:240px; color:#000; font-weight:bold;
	line-height: 1.1em;
}
/*---------------------------- Imageslider (c) 2008 by Hetfield - End ----------------------------*/


/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {
	padding: 15px;
	border: solid #d9d9d9 1px;
	overflow:auto;
}
div.highlightbox ul {
	margin-left:15px;
	padding:0;
	display:block;
	list-style-type:square;
	line-height:20px;
}
div.highlightbox h1 {
	background: url(img/h.gif) no-repeat left;

	color:#000;

	font-size:140%; 

	font-weight:bold; 

	margin: 10px 0 5px 0px;

	padding:0 0 0 15px;
;
}
div.highlightbox div.hr {
	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
	display:block;
	border-bottom: solid 1px #eee;
}

div.agbframe {
    width:90%;
    height:200px;
    overflow:auto;
    padding:10px;
    border:1px solid #666;
 }

 /* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {
	width:100%;
}
/* ORDER DETAILS ON CHECKOUT SITE */
table.checkoutconfirmationorderdetails {
	padding:0;
	margin:0px 0px 10px 0px;
	border:none;
}
table.checkoutconfirmationorderdetails tr td.productname {
	width:100%;
	font-weight:bold;
}
table.checkoutconfirmationorderdetails tr td.shippingtime {
	padding:0px 0px 0px 30px;
	color:#666;
	font-size:11px;
	font-weight:normal;
	white-space:nowrap;
}
table.checkoutconfirmationorderdetails tr td.productattributes {
	padding:0px 0px 0px 30px;
	color:#666;
	font-size:11px;
	font-weight:normal;
}
table.checkoutconfirmationorderdetails tr td.productprice {
	white-space:nowrap;
	text-align:right;
}
table.checkoutconfirmationorderdetailstotal {
	padding:0;
	margin:10px 0px 0px 0px;
	border:none;
}
table.checkoutconfirmationorderdetailstotal tr td.name {
	width:100%;
	text-align:right;
}
table.checkoutconfirmationorderdetailstotal tr td.value {
	white-space:nowrap;
	text-align:right;
}
/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {
	width:97%;
}
/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {
margin:0;
padding:0;
margin-top:10px;
}
ul#checkoutnavigation li {
height:45px;
list-style-type:none;
float:left;
width:120px;
border:solid 1px;

list-style:none;
line-height:1.2em;
}
ul#checkoutnavigation li.active {
background-color:#f8f8f8; list-style-type:none;    padding:3px;
}
ul#checkoutnavigation li.active .number {
font-size:11px;
font-weight:bold;
}
ul#checkoutnavigation li.active .title {
font-size:11px;
font-weight:bold;
}
ul#checkoutnavigation li.active .description {
font-size:10px;
}
ul#checkoutnavigation li.inactive {    padding:3px;
color:#999;
background-color:#ededed;
border-color:#999;
}
ul#checkoutnavigation li.inactive .number {
font-size:11px;
font-weight:bold;
}
ul#checkoutnavigation li.inactive .title {
font-size:11px;
font-weight:bold;
}
ul#checkoutnavigation li.inactive .description {
font-size:10px;
}

/* PAYMENT TYPE SELECTION */
table.paymentblock {
	background-color:#f8f8f8;
	border: #eee solid;
	border-width:0px 1px 1px 1px;
	margin-bottom:15px;
}
table.paymentblock tr td.header {
	background-color:#ccc;
	padding:2px;
	padding-left:5px;
	font-weight:bold;
}
/* SHIPPING TYPE SELECTION */
table.shippingblock {
	border: #eee solid;
	border-width:0px 1px 1px 1px;
	margin-bottom:15px;
}
table.shippingblock tr td.header {
	background-color:#ccc;
	padding:2px 2px 2px 5px;
	font-weight:bold;
}
table.shippingblock tr td {
	vertical-align:top;
}
table.shippingblock tr td.description {
	width:100%;
	vertical-align:top;
	padding-left:6px;
}
table.shippingblock tr td.radiobutton {
	vertical-align:top;
	white-space:nowrap;
	padding:4px;
}
table.shippingblock tr td.radiobutton input {
	margin:0;
	padding:0;
}
table.shippingblock tr td.price {
	vertical-align:top;
	white-space:nowrap;
}
/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {
	vertical-align:top;
}
table.accounthistoryinfoorderdetails tr.header td {
	font-weight:bold;
}

/* ORDER DETAILS */
table.orderdetails {
	font-size:11px;
	background-color:#f8f8f8;
	border: #ccc solid;
	border-width:0px 1px 1px 1px;
}
table.orderdetails tr td {
	padding:4px;
}
table.orderdetails tr.headerrow td {
	background-color:#ccc;
	color:#555;
	font-weight:bold;
}
table.orderdetails tr.headerrow td.left {
	text-align:left;
}
table.orderdetails tr.headerrow td.center {
	text-align:center;
}
table.orderdetails tr.headerrow td.right {
	text-align:right
}
/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {
	background-color:#f8f8f8;
	vertical-align:top;
}
table.orderdetails tr.contentrow1 td.quantity {
	text-align:center;
}
table.orderdetails tr.contentrow1 td.quantity input {
	font-size:11px;
	padding:2px;
	border:solid #ccc 1px;
}
table.orderdetails tr.contentrow1 td.productname {
	text-align:left;
}
/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {
	background-color:#f8f8f8;
	vertical-align:top;
}
table.orderdetails tr.contentrow2 td.quantity {
	text-align:center;
}
table.orderdetails tr.contentrow2 td.quantity input {
	font-size:11px;
	padding:2px;
	border:solid #ccc 1px;
}
table.orderdetails tr.contentrow2 td.productname {
	text-align:left;
}
/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {
	text-align:right;
	white-space:nowrap;
}
/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {
	text-align:right;
	white-space:nowrap;
}
/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {
	text-align:center;
	white-space:nowrap;
}
/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {
	margin-top:3px;
}
table.orderdetails tr td.productname table.productattributes tr td {
	padding:0px;
}
table.orderdetails tr td.productname table.productattributes tr td.attribute {
	padding-right:4px;
}
table.orderdetails tr td.productname table.productattributes tr td.value {
	width:100%;
}
/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {
	background-color:#f8f8f8;
	text-align:right;
	border: #ccc solid;
	border-width:1px 0px 0px 0px;
}