@charset "utf-8";
/* CSS Document */
/*----------- thickbox----------*/
@import url(thickbox.css);
@import url(dialog.css);
@import url(monolog.css);
body {

	background-color: #FFFFFF;

	font-size: 11px;

	color:#616161;

	padding:0px;

	margin:0px;

	background-repeat: repeat;

	background-position: left top;

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

}

.Bg{

	background-image: url(../img/bg_index.gif);

	background-repeat: repeat;

}



/****** Welcome Page ******/

#ContactRight{

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

	font-size: 12px;

	line-height: 17px;

	color: #0952AC;

	background-color: #FFFFFF;

	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(../img/line.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 15px;

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

	font-size: 12px;

	color: #4C4D4D;

}

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(../img/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(../img/line.gif);

	padding-top: 20px;

	line-height: 17px;

	background-repeat: no-repeat;

	

	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: 74%;

	margin: 0;

	background-color: #FFFFFF;

	padding-top: 1%;

	padding-right: 3%;

	padding-bottom: 2%;

	padding-left: 3%;

}

#content-none{

	float:left;

	width: 90%;

	background-color: #FFFFFF;

	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: #99CC66;

	color: #666666;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 10px;

}



#navBar{

	background-color: #AFF2EA;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 81%;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #84C1D6;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #84C1D6;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



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



#siteInfo{

	clear: both;

	font-size: 11px;

	color: #FFFFFF;

	padding: 5px;

	margin-top: 0px;

	background-color: #67CCBF;

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

	text-align: right;

	letter-spacing: 0.1em;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #34AB9C;

}

/****** Language ******/

#Lang{

	background-image: url(../img/bg_lang_s.gif);

	background-repeat: repeat-x;

	text-align: right;

	height: 25px;

	padding-right: 5px;

	margin-bottom:0px;

	background-color: #FFFFFF;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #D8D7D7;

}

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(../img/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: #93EDE2;

	border-bottom-color: #93EDE2;

	background-color: #E3FBF8;

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

	font-size: 11px;

	color: #037AA1;

}

#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: #C3F0EA;

}

#Nav li a{

	text-decoration: none;

	color: #037AA1;

	display:block;

	top: -5px;

	padding-top: 10px;

}

#Nav li a:hover{

	position:relative;

	color: #666666;

	background-image: url(../img/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:14px;

	color:#333333;

	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:#5D98AF;

	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: #E2F2F8;

}

h3{

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

	font-size:12px;

	color:#777676;

	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:#66CCCC;

	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:#006666;

	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:#4C4D4D; 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: #2FB2BB;

}

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: #165E83;

	padding-left: 10px;

	line-height: 18px;

	background-image: url(../img/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: #165E83;

	padding-left: 10px;

	line-height: 18px;

	background-image: url(../img/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: #165E83;

	padding-left: 10px;

	line-height: 18px;

	background-image: url(../img/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:180px;

	text-align:left;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0px;

	line-height: 18px;

	margin: 0;

}

.ImgArea{

	float:right;

	width:180px;

	text-align:left;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 20px;

	line-height: 18px;

	margin: 0;

}

.ImgAreaCenter{

	text-align: center;

	padding-top: 10px;

}



#ProfileArea{

	padding-top: 10px;

	padding-bottom: 10px;

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #83CCD2;

	clear: both;

}

#ContactDetailArea{

	padding-top: 10px;

	padding-bottom: 10px;

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #83CCD2;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #83CCD2;

	clear: both;

}

div.DetailName{

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

	font-size: 12px;

	font-weight: bold;

	color: #008899;

	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: #36A497;

	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: #CCCC66;

}

#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: #165E83;

	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: 95%;

	line-height: 15px;

	border: 1px dotted #38C1CA;

	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}

table.sortable {

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

	border-collapse: collapse;

	border-left: 1px solid #ccc;

	border-top: 1px solid #ccc; 

	color: #666666;

}



table.sortable caption {

	font-size: 1.1em;

	font-weight: bold;

	letter-spacing: -1px;

	margin-bottom: 10px;

	padding: 5px;

	background: #efefef;

	border: 1px solid #ccc;

	color: #666;

}



table.sortable a {

	text-decoration: none;

	border-bottom: 1px dotted #f60;

	color: #f60;

	font-weight: bold;

}



table.sortable a:hover {

	text-decoration: none;

	color: #fff;

	background: #f60;

}



table.sortable tr th a {

	color: #369;

	border-bottom: 1px dotted #369;

}



table.sortable tr th a:hover {

	color: #fff;

	background: #369;

}



table.sortable thead tr th {

	text-transform: uppercase;

	background: #388ACA;

	color: #FFFFFF;

}



table.sortable tfoot tr th, table.sortable tfoot tr td {

	text-transform: uppercase;

	color: #388ACA;

	font-weight: bold;

}



table.sortable tfoot tr th {

	width: 20%;

}



table.sortable tfoot tr td {

	width: 80%;

}



table.sortable td, table.sortable th {

	padding: 5px;

	line-height: 1.8em;

	font-size: 0.8em;

	vertical-align: top;

	width: 20%;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	background-color: #FFFFFF;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #CCCCCC;

}



table.sortable tr.odd th, table.sortable tr.odd td {

	background: #EAF7F5;

	color: #3BB8BA;

}