/* CSS Document */

/* global settings */
body {
	color: #504e53;
	margin: 0px;
	padding: 0px;
	background-color: #222225;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(img/bg_gradient.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

img{
	border: 0px;
}

.onepxwidth {
	padding: 4px;
	width: 1px;
}

.progressline {
	padding-bottom: 8px;
}

.progressbullet {
	width: 19px;
	border: 0;
	text-align: center;
}

/* navigation */
a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #00b1c9;
  font-weight: bold;
  text-decoration: none;
}

/* color classes */
.blackback { background-color:#000000; }
.whiteback { background-color:#FFFFFF; }

/* alignment classes */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-none { clear: none; }

.no-padding { padding: 0; }
.no-margin { margin: 0; }

.no-border { border: 0; }

/* boxes */
#main_shopbox {
	position: relative;
	width: 790px;
	left: 50%; margin-left: -395px;
}

#headerbox {
	position: relative;
	width: 790px; height: 114px;
	margin: 0; padding: 0;
}

#mainnavi {
	position: absolute;
	bottom: 13px; right: 0px;
	float: right;
}

	#mainnavi img {
		padding-left: 16px;
	}

	#langnavi {
		position: absolute;
		top: 15px; right: 0px;
		float: right;
		letter-spacing: 0.04em;
	}

		#langnavi a {
			font-weight: bold;
			color: #000000;
			text-decoration: none;
		}

		#langnavi a:hover {
			font-weight: bold;
			color: #00b1c9;
		}

#catnavi, #footer {
	position: relative;
	float: none; clear: both;
	width: 790px; height: 40px;
	margin: 0px; padding: 0px;
	text-align: left;
	background-color: #00b1c9;
}

#catnavicontent {
	position: relative;
	padding-top: 2px; left: 140px;
}

/* hide from opera hack */
head:first-child+body #catnavicontent {
	padding: 0;
	top: 9px;
}

#footercontent {
	position: relative;
	top: 8px; left: 140px;
}

	#footercontent a {
		text-decoration: none;
		font-weight: normal;
		color: #FFFFFF;
		}
		
		#footercontent a:hover {
			text-decoration: underline;
			font-weight: normal;
			color: #000000;
		}

#headline {
	position: relative;
	float: none; clear: both;
	height: 27px;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	background-color: #fff;
}

#mainbanner {
	margin: 0; padding: 0;
	margin-bottom: 20px;
}

#maincontent {
	position: relative;
	width: 565px;
	float: left; clear:none;
	padding: 20px; padding-top: 0;
	padding-left: 35px;
	background-color: #fff;
}

#tablebox {
	position: relative;
	float: none; clear: both;
	margin: 0px;
	/* move tablebox 10px up for opera browsers */
	margin-top: -10px;
	padding: 0px;
}

/* hide from opera hack */
head:first-child+body #tablebox {
	margin: 0px;
}

#sidepanel {
	position: relative;
	width: 160px; height: 100%;
	float: left; clear: none;
	/*background-color: #000;*/
}

	#sidepanel a {
		text-decoration: none;
	}

		#sidepanel a.light {
			color: #fff;
		}

		#sidepanel a.light:hover {
			color: #00b1c9;
		}

#usernavibox {
	position: relative;
	float: left; clear: both;
	height: 116px; width: 140px;
	padding: 10px; padding-top: 19px;
	left: 0px; 
}

.whitebox {
	position: relative;
	float:left; clear:both;
	width: 150px; padding: 10px;
	padding-right: 0;
	color: #000; left: 0px;
	background-color: #fff;
}

.blackbox {
	position: relative;
	float:left; clear:both;
	width: 140px; padding: 10px;
	color: #fff; left: 0px;
	background-color: #000;
}


/* product pages */
div.productbox {
	position: relative;
	float: left; clear: none;
	margin: 0; padding: 0;
	bottom: 0px;
	width: 168px; min-height: 145px;
}

div.product_image {
	position: relative;
	margin: 0; padding: 0;
	margin-top: 8px; text-align: center;
}

img.listproduct {
	border: 0;
	margin: 0; padding: 0;
}

img.producthistory {
	border: 0;
	width: 50px;
	margin: 0; padding: 0;
}

div.product_divider {
	position: relative;
	height: 2px;
	padding: 0; margin: 0;
	margin-top: 16px;
	border: 0;
	float: none; clear: both;
	background-color: #00b1c9;
}

div.product_navi {
	position: relative;
	float: none; clear: both;
	margin-top: 60px;
}

img.product_preview {
	width: 55px;
	padding: 2px;
	margin-right: 0px; margin-left: 4px;
	margin-bottom: 3px; margin-top: 0;
	float: left;
	border: 1px solid #eeeeee;
}

img.product_image {
	width: 250px;
	padding: 2px; margin-right: 0px;
	border: 1px solid #eeeeee;
}

/* cart and checkout */
.boxTextBG {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #f4f4f4;
}

.boxTextBGII {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #00b1c9;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
}

/* font classes */
.bold { font-weight: bold; }
.normal { font-weight: normal; }

.mikro-size { font-size: 8px; }
.small-size { font-size: 9px; }
.middle-size { font-size: 10px; }
.normal-size { font-size: 11px; }
.large-size { font-size: 12px; }
.jumbo-size { font-size: 14px; }

.black { color: #504e53; }
.white { color: #fff; }
.cyan { color: #00b1c9; }

.copyright, .parseTime {
	text-align: center;
	font-size: 9px;
	line-height: 1.5;
}

/* forms */
select, input {
	font-size: 10px;
	border: #504e53 solid 1px;
}

input {
	padding-left: 2px;
}

.submitimage {
	padding: 0;
	border: 0;
	margin-bottom: -4px;
	margin-left: 4px;
}

#catnavi select {
	position: relative;
	font-size: 12px;
	padding: 2px;
	width: 120px;
	margin-left: 2px; margin-right: 2px;
	top: -11px;
	border: 0;
}

.newsletter input, .searchit input {
	border: 0;
	width: 110px; height: 16px;
	padding: 0;
	padding-left: 2px;
}

.newsletter .button, .searchit button {
	width: 24px;
	font-size: 9px;
	font-weight: bold;
	background-color: #fff;
	padding: 0;
}