/* CSS Document */
/*----------- thickbox----------*/
@import url(thickbox.css);
@import url(dialog.css);
@import url(monolog.css);
@import url(dark-night.css);
/****** Body ******/
body {
	background-color: #000000;
	font-size: 11px;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	background-repeat: repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Bg{
	background-image: url(images/bg_index.gif);
	background-repeat: repeat;
}

/****** Welcome Page ******/
#ContactRight{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #B3B3B3;
	background-color: #000000;
	float: right;
	padding-left: 103px;
}
div.SearchArea{
	height: 160px;
	width: 180px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #787878;
	float: left;
	padding-top: 20px;
	background-image: url(images/line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
div.About{
	float: right;
	width: 440px;
	height: 160px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #787878;
	clear: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	background-image: url(images/line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 17px;
}
div.HotProduct{
    width: 630px
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	background-image: url(images/line.gif);
	padding-top: 20px;
	line-height: 17px;
	background-repeat: no-repeat;
	height: 170px;
	padding-left: 15px;
}
#Space{
	padding: 3px;
	clear: both;
}
.ProductArea{
	width: 300px;
	float: left;
	padding-top: 10px;
	padding-right: 15px;
}
#FlashArea{
	height: 209px;
	width: 775px;
}
/****** Content Page ******/
#content{
	float:left;
	width: 90%;
	margin: 0;
	background-color: #000000;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;
}
#content-none{
	float:left;
	width: 90%;
	background-color: #000000;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#breadCrumb{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #2C2C2C;
	color: #666666;
	letter-spacing: 0.1em;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#navBar{
	background-color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 81%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #777777;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #777777;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/************* #copyright ***************/

#siteInfo{
	clear: both;
	font-size: 11px;
	color: #8B8C8C;
	padding: 5px;
	margin-top: 0px;
	background-color: #151515;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	letter-spacing: 0.1em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3B3B3B;
}
/****** Language ******/
#Lang{
	background-image: url(images/bg_lang_s.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 25px;
	padding-right: 5px;
	margin-bottom:0px;
	background-color: #000000;
}
div.LangArea{
	float:right;
	width:200px;
	margin:0px;
	text-align:right;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/****** Logo  ******/
#TopArea{
	background-image: url(images/bg_top.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 90px;
}
/****** Navigation Bar  ******/
.Nav{
	height: 32px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #5D5D5D;
	border-bottom-color: #5D5D5D;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
#Nav ul{
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#Nav li{
	margin: 2px;
	float: left;
	padding-left: 3px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #919191;
}
#Nav li a{
	text-decoration: none;
	color: #FFFFFF;
	display:block;
	top: -5px;
	padding-top: 10px;
}
#Nav li a:hover{
	position:relative;
	color: #CCCCCC;
	background-image: url(images/nav_hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	top: -5px;
	padding-top: 10px;
}
/****** Text ******/
h1{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	color:#F2F2F2;
	line-height:18px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	line-height:18px;
	padding:2px;
	font-weight:bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
  
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #203642;
}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#979797;
	line-height:17px;
	margin:0;
	padding:0;
	font-weight:normal;
}
h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #95B2E2;
	margin-bottom: 5px;
	margin-top: 5px;
	text-decoration: underline overline;
}
h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1%;
	margin-left: 0;
}
h6{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.TopText{
	text-align: right;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
}
P{font-family:Verdana, Arial, Helvetica, sans-serif; color:#979797; line-height:17px;
	margin:0 0 10 0; padding:0}
a:link, a:visited, a:hover {
	color: #516EC6;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
ul{
 list-style-type: square;
}
.BlueWord{
	color: #3399CC;
}
.GrayWord{
	color: #909090;
	font-size: 11px;
	line-height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/****** Content  ******/
#pageName{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div.Search{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 10px;
	line-height: 18px;
	background-image: url(images/bg_rightblock.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
}
div.MemberLogin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 10px;
	line-height: 18px;
	background-image: url(images/bg_rightblock.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
}
#MemberText {
	padding-right: 30px;
	display:inline;
	width: 90%;
	padding-top: 5px;
	margin-top: 5px;
}

div.CartList{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 10px;
	line-height: 18px;
	background-image: url(images/bg_rightblock.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
}
.ImgRight{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border:0px;
}
.ImgLeft{
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	border:0px;
}
#ImgAreaLeft{
	float:left;
	width:200px;
	text-align:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 18px;
	margin: 0;
}
.ImgArea{
	float:right;
	width:200px;
	text-align:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	line-height: 18px;
	margin: 0;
}
.ImgAreaCenter{
	display:block;
	width: 200px;
	line-height: 15px;
	padding: 5px;
	text-align: center;
}

#ProfileArea{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #61677B;
	clear: both;
}
#ContactDetailArea{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #61677B;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #2C2C2C;
	clear: both;
}
div.DetailName{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0443FF;
	text-align: left;
	letter-spacing: 0.1em;
	position: absolute;
	width: 120px;
	margin:0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div.Detail{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #A4B6EA;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 120px;
	overflow: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3F3F3F;
}
#Box{
	font-size: 12px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #95B2E2;
	line-height: 16px;
}
#inhalt {
	width: 90%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0px;
	clear: both;
}
#OrderInfo {
	display:block;
	width: 200px;
	line-height: 15px;
	border: 1px dashed #212121;
	padding: 5px;
	text-align: center;
}
/****** Form ******/
.textbar{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #d7d6d6;
	background-color:#ffffff;
	margin-bottom: 5px;
}
.button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	background-color: #454544;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #666666;
}
/****** Table ******/
table#gray{border-collapse:collapse; border:1 solid #cccccc; margin:1px; padding:4px;
	background-color:#cccccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
th#gray{background-color:#e9e8e8; border:none; color:#666666; padding:1px}
td#gray{background-color:#ffffff; border:none; color:#666666; text-align:center; padding:3px}

/****** SelfPages ******/
#eqNavi {height:15px; margin:5px 0 15px 0; padding:5px 0;}
#eqNavi ul {margin:0; padding:0;}
#eqNavi ul li {margin:0 20px 0 0; list-style:none; float:left;}
#eqNavi ul li a {margin:0 2px; padding:0;}
#eqNavi ul li span a {color:#9cf; text-decoration:none;}
#pageShowPics {width:700px; margin:20px 0 0 30px; padding:0; text-align:center;}
#pageShowPics .spareline {margin:30px 0; padding:0; border-bottom:#369 1px dashed;}
#pageShowPics .picsBox {margin:0 0 10px 65px; _margin:0 0 10px 40px; padding:0; float:left;}
#pageShowPics .picsBox img {border-top:#000 3px solid; border-left:#000 3px solid; border-right:#333 3px solid; border-bottom:#333 3px solid;}
#pageShowPics .picsBox p {margin:5px 0; padding:0;}