﻿/******************** css for common ************************/
#LoadingBar
{
	z-index: 1;
	padding: 5px 0 5px 9px;
	background: #000;
	left: 200;
	top: 200;
	width: 90px;
	color: #fff;
	position: fixed;
}
#LoadingBarHtml
{
	z-index: 1;
	padding: 5px 0 5px 9px;
	background: #000;
	left: 300;
	top: 400;
	width: 100px;
	height: 40px; /*opacity:0.8;filter:alpha(opacity=80);for ie6*/ /*zoom:1;for ie6*/
	color: #fff;
	position: fixed;
}

body
{
	margin: 0px auto auto auto;
	padding: 0px auto auto auto;
	font-family: Century Gothic , Sans-Serif;
	font-size: 85%;
	color: #dcdcdc;
	background-color: #0b090a;
}
ul, li, td, tr
{
	margin: 0px;
	padding: 0px;
}
ul
{
	list-style: none;
}
img
{
	border-width: 0;
}
#container
{
	margin: 0px auto auto auto;
	padding: 0px auto auto auto;
	height: 600px;
	width: 800px;
	background-color: #0b090a;
}
.loadHtml
{
	font-family: Calibri ,sans-serif;
	float: left;
	width: 640px;
	height: 346px;
	font-size: 0.95em;
}

.logo
{
	width: 163px;
	float: left;
	height: 46px;
}
.logo a img
{
	border: 0px;
}
/***********************   language css ******************************/
#language
{
	width: 625px;
	margin: auto;
	padding: 0;
	height: 20px;
	float: left;
}

#languageUL
{
	padding-right: 5px;
	font-size: 95%;
}
#languageUL li
{
	float: right;
	padding-right: 5px;
	padding-left: 1px;
}
.languageSelected
{
	color: #ffc6b4;
	text-decoration: none;
}

.languageNormal
{
	color: #646464;
	text-decoration: none;
}

/**********************    top  style and top background          ******************************/
.top
{
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 162px;
	background: url(../Image/BG_Top.jpg) no-repeat;
}

#topMain
{
	background: url(../Image/BG_Main-Top.jpg) no-repeat;
}

#topContact
{
	background: url(../Image/BG_ContactUs_Top.jpg) no-repeat;
}


/***  content  style and content background           ************************************/

.content, .contentDeatil
{
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 403px;
	background: url(../Image/BG_Body.jpg) no-repeat;
	background-color: #020202;
}


#contentMain
{
	/*background:url(../Image/091027_Banner.jpg) no-repeat; 	background:url(../Image/100115-Northen-light-fair.jpg) no-repeat;*/
}


.menu
{
	float: left;
	padding-left:16px;
	width: 136px;
	height: 380px;
}

.newsmenu
{
	float: left;
	margin-left: 16px;
	width: 136px;
	height: 380px;
	_margin-left: 10px;
}

.submenu
{
	padding-left: 12px;
	width: 124px;
	height: 350px;
}
/*************  foot  style and top background           **************************/

.foot
{
	height: 35px;
	background: url(../image/BG_Bottom.jpg) no-repeat;
	text-align: right;
	padding-right: 23px;
	padding-top: 1px;
	border-width: 0px;
	position: relative;
}

#footMain
{
	background: url(../image/BG_Bottom.jpg) no-repeat;
}

/********************  div   css   ***********************************/
.margin21, .margin5
{
	width: 800px;
	margin: 0;
	padding: 0;
}
.margin18
{
	height: 14px;
	float: left;
	width: 637px;
	margin: 0;
	padding: 0;
}
.padding8
{
	padding-top: 9px !important;
	_margin-top: -18px;
}
.margin21
{
	height: 21px;
}

.margin5
{
	height: 5px;
	_display: none;
}
.htmlMargin40
{
	height: 40px;
	margin: 0px;
	padding: 0px;
	width: 640px;
}



/***********************  css for about us*********************************************/
.abouthtmlsize
{
	width: 340px;
}
.abouthtmltextEnglish
{
	width: 350px;
}


/****************  css for product ui  ***********************************/
.productsLight
{
	position: relative;
	top: 6px;
	left: 14px;
	_margin-top: 5px;
	_margin-left: 4px;
}

.ImgItemStyle
{
	height: 185px;
	width: 126px;
	padding: 6px 0px 0px 3px; /*		background-color:#0c0c0c;*/
}

.lightImgNameLI
{
	padding-top: 2px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 0.9em;
}
.lightImgColorLI
{
	padding-left: 3px;
	color: #dcdcdc;
	font-family: Calibri;
	font-weight: lighter;
	font-size: 0.8em;
	height: 14px;
	line-height: 12px;
}


.LabelProductNameCss
{
	color: #c1eaf2;
	font-size: 2.5em;
	height: 81px;
	_padding-top: 5px;
}
.lightImgLI
{
	height: 130px;
}

/**************** css for product detail ui**************************/
.firstPMargin
{
	margin-top: 0px;
}
.RedDotImg
{
	_margin-top: -17px;
}

/**************** css for contact us ui**************************/
#contactUs
{
	padding-left: 151px;
}
.contactusContent
{
	text-decoration: none;
	color: #dcdcdc;
	font-family: Calibri;
	height: 74px;
	font-size: 0.95em;
}

.contactusMailFirst
{
	text-decoration: none;
	color: #646464;
	font-family: Calibri;
	height: 26px;
	font-size: 0.95em;
}

.contactusMailSecond
{
	text-decoration: none;
	color: #646464;
	font-family: Calibri;
	height: 74px;
	font-size: 0.95em;
}

.specTable
{
	text-decoration: none;
	color: Black;
}
.contactusLabel
{
	font-family: Calibri;
	height: 26px;
	color: #c1eaf2;
}

/************************  css for Download ****************************************/
.title, .presstitle
{
	color: #c1eaf2;
	font-family: Century Gothic, Sans-Serif;
	height: 26px;
}
.presstitle
{
	height: 41px;
}

/**************** css for news ui**************************/
.newsfirsthtml
{
	width: 300px;
	float: left;
	font-family: Calibri;
}
.newssecondhtml
{
	float: left;
	width: 300px;
	font-family: Calibri;
}
.newshtmlherf
{
	color: #ffc6b4;
	text-decoration: none;
	font-family: Calibri;
}

.rlspace
{
	width: 20px;
	height: 370px;
	float: left;
}

.tbspace
{
	width: 280px;
	height: 48px;
}
.HKspace
{
	width: 280px;
	height: 100px;
}
.ENHKspace
{
	width: 280px;
	height: 68px;
}
.CHMarkspace
{
	width: 280px;
	height: 320px; /*for ie6*/
}

.newsherffont, .information
{
	font-family: Calibri;
	font-style: italic;
	color: #646464;
}

.information
{
	font-size: 0.95em;
}

.informationHref
{
	color: #646464;
	font-style: italic;
	text-decoration: none;
}

.TDPadding
{
	vertical-align: top;
	/*width: 227px;*/
	width: 260px;
}

.CHLineHeight
{
	font-size: 0.95em;
	line-height: 16px;
}
.CHMenuLineHeight
{
	font-size: 0.95em;
}
.HTMLLoading
{
	position: absolute;
	left: 50%;
	top: 60%;
}

.footuser
{
	padding-top: 5px;
}

.footuser img
{
	position: relative;
}
.youtubeLink
{
	padding-right: 7px;
}

.subscribe, .subemail, .subsave, .subemail input
{
	/* position:absolute;*/
	color: White;
	font-family: Arial;
	font-size: 7pt;
}
.subscribe
{
	padding-right: 3px;
}
.subemail
{
	padding-right: 4px;
}
.subemail input
{
	background-color: #393230;
	border: solid 1px #4e4644;
	height: 12px;
	width: 136px;
}
.subsave
{
	cursor: pointer;
	padding-right: 6px;
}
.footlink img
{
	top: 2px;
}
.subsave img
{
	top: 4px;
}
.subemail img
{
	top: 11px;
}
h5, .mediacontent p, #textinfo h4
{
	padding: 0px;
	margin: 0px;
}
.mediacotain
{
	height: 115px;
	width: 309px;
}
.mediacotain span img, .mediacotain span label
{
	cursor: pointer;
	font-family: Century Gothic,Sans-Serif;
	line-height: 14px;
}
/*.mediacontent p*/
.mediacotain span p
{
	padding-top: 8px;
	font-size: 0.9em;
}
.mediaimg
{
	float: left;
	width: 110px;
	padding-top: 2px;
}
.mediacontent
{
	float: left;
	width: 198px;
	height: 100px;
	overflow: hidden;
}
.mediatime
{
	color: #646464;
	font-weight: normal;
	font-size: 12px;
}
.mediapalce
{
	color: #ffc6b4;
	font-weight: normal;
	font-size: 12px;
}
.mediaDetailHead
{
	text-align: right;
	padding-top: 13px;
}
#mediaProduct
{
	position: relative;
}
#mediaDetail
{
	padding-left: 120px;
	padding-top: 18px;
}
#textinfo
{
	font-family: Century Gothic,Sans-Serif;
	font-size: 0.9em;
	line-height: 15px;
	padding-top: 5px;
}
.firsth4
{
	width: 522px;
	float: left;
}
#textinfo h4
{
	padding-top: 1px;
}
#textinfo em img
{
	padding-right: 5px;
}
.firstp
{
	padding-top: 7px;
	padding-bottom: 13px;
}
em
{
	font-style: normal;
}
.secondp
{
	padding-top: 8px;
}
/***********************  css for sales point*********************************************/
.asiastyle
{
	width: 648px;
	height: 355px;
	float: left;
	font-size: 0.95em;
}
.countrypoint
{
	width: 288px;
	height: 111px;
	float: left;
}
.longcountrypoint
{
	width: 325px;
	height: 111px;
	float: left;
}
.textspace
{
	margin-left: 22px;
	margin-top: 11px;
	width: 288px;
	height: 111px;
	float: left;
}
.textunion2space
{
	width: 288px;
	height: 360px;
	float: left;
}
.texthorizontalspace
{
	margin-left: 22px;
	width: 288px;
	height: 111px;
	float: left;
}
.textverticalspace
{
	margin-top: 11px;
	width: 288px;
	height: 111px;
	float: left;
}
.europetextspace
{
	width: 330px;
	height: 111px;
	float: left;
}
.austriaie6height
{
	_height: 101px;
}
.headinformation
{
	font-size: 1.07em;
	color: #646464;
}
.subtop
{
	margin-top: 3px;
}
.informationstyle
{
	color: #dcdcdc;
	display: inline-block;
	width: 58px;
}
.height15
{
	color: #dcdcdc;
	line-height: 15px;
}
.height8
{
	display: block;
	height: 8px;
	_margin-top: -6px;
}
.height3
{
	display: block;
	height: 3px;
	_margin-top: -11px;
}
.height20
{
	display: block;
	height: 20px;
	_margin-top: -12px;
}
.height16
{
	display: block;
	height: 16px;
	_margin-top: -11px;
}
.salespointContent
{
	text-decoration: none;
	color: #dcdcdc;
	font-family: Calibri;
}
.sethandstyle
{
	cursor: pointer;
}
.pagenumberstyle
{
	font-weight: bold;
	text-align: right;
	margin-right: 25px;
}
.subtop11
{
	margin-top: 11px;
}
.subleft22
{
	margin-left: 22px;
}
.subleft54
{
	margin-left: 54px;
}
.halfdivwidth
{
	width: 288px;
	float: left;
}
.state
{
	width: 136px;
	height: 22px;
	color: #ffc6b4;
	font-weight: bold;
	font-size: 0.98em;
}
.margin4
{
	margin-top: 4px;
}
.height21
{
	width: 100px;
	margin: 0;
	padding: 0;
	height: 21px;
}
.countrylineheight
{
	height: 230px;
	width: 1px;
	float: left;
	background: #646464;
	margin-left: 48px;
	margin-right: 28px;
	_margin-right: 6px;
}
.width212
{
	width: 212px;
}


/********************begin added by Thinking 2011-7-7*********************/
/*---begin 控制商店类型样式---*/
.menuShopArea
{
	float: left;
	padding: 0;
	margin: 0;
	width: 100px;
	height: 350px;
	color: #646464;
	font-family: Century Gothic , Sans-Serif;
	font-size: 1.07em;
	display: inline;
}
.menuShopSelected
{
	float: left;
	padding: 0;
	height: 18px;
	clear: both;
	color: #c2eaf2;
	margin-left: 6px;
	font-family: Century Gothic , Sans-Serif;
	font-size: 1.07em;
}
.menuShopSelected:hover
{
	float: left;
	padding: 0;
	height: 18px;
	clear: both;
	color: #ff7e55;
	margin-left: 6px;
	cursor: pointer;
	font-size: 1.07em;
	font-family: Century Gothic , Sans-Serif;
}
.menuShopUnSelected
{
	float: left;
	padding: 0;
	height: 18px;
	clear: both;
	color: #646464;
	font-family: Century Gothic , Sans-Serif;
	font-size: 1.07em;
}
.menuShopUnSelected:hover
{
	float: left;
	padding: 0;
	height: 18px;
	clear: both;
	color: #ff7e55;
	cursor: pointer;
	font-family: Century Gothic , Sans-Serif;
	font-size: 1.07em;
}
/*---end 控制商店类型样式---*/

/*---begin 控制每个商店详情样式---*/
.detailShopSpace_show
{
	float: left;
    width: 546px;
    height: 354px;
    margin: 0;
    padding: 0;
    display: inline;
    overflow: hidden;
}
.detailShopSpace_hidden
{
	float: left;
    width: 546px;
    height: 354px;
    margin: 0;
    display: inline;
    overflow: hidden;
    display: none;
}
.textShopSpace
{
    float: left;
    width: 253px;
    min-height: 100px;
    margin: 0 16px 18px 0;
    padding: 0;
    display: block;
}
.headinformation17
{
	height: 17px;
	width: 100%;
	clear: both;
	float: left;
	font-size: 1.07em;
	color: #646464;
}
.claerBoth
{
	display: block;
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0;
}
.marginTop25
{
	margin-top: 25px;
	padding: 0;	
}
.height4
{
	height: 4px;
	width: 100%;
	clear:both;
	float: left;
	padding: 0;
	margin: 0;	
}
/*---end 控制每个商店详情样式---*/


