body {
	margin: 0;
	padding: 0;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

form {
	margin: 0;
	padding: 0;
}

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

li {
	display: block;
}

a {
	color: #777;
	text-decoration: none;
	border: 0;
}

a:visited {
	color: #777;
}

a:hover {
	color: #aaa;
}

a.selected {
	color: white;
}

/*input[type="submit"] {
	font-size: 10px;
	padding: 2px 15px;
	color: #777;
	background-color: black;
	text-align: center;
	display: block;
	border: 1px solid white;
}

input[type="submit"]:hover {
	color: white;
	border: 1px solid #777;
}*/

h1 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 0 10px 0;
	margin: 0;
	font-variant: small-caps;
}

h1.sameSpacing {
	padding: 0 0 22px 0;
}

h2 {
	font-size: 14px;
	letter-spacing: 2px;
	padding: 0;
	margin: 0;
	font-variant: small-caps;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-variant: small-caps;
}

h3.toggler {
	margin: 10px;
	cursor: pointer;
}

h3.togglerShell {
	margin: 10px;
	cursor: pointer;
}

h3.togglerShell a {
	color: #6d6d6d;
}

h3.togglerShell a:hover {
	color: #6d6d6d;
}

h3.togglerShellActive {
	margin: 10px;
	cursor: pointer;
}

h3.togglerShellActive a {
	color: black;
}

h3.togglerShellActive a:hover {
	color:  black;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.buttonShell {
	font-size: 10px;
	padding: 3px 15px;
	color: #777;
	text-align: center;
	display: block;
	border: 1px solid white;
	background-color: black;
}

.buttonShell:hover {
	color: white;
	border: 1px solid #777;
}
.add_to_cart{
	color: #777;
	text-align: center;
	border: 1px solid white;
	background-color: black;
}

.add_to_cart:hover {
	color: white;
	border: 1px solid #777;
}
.continueButtonShell {
	font-size: 10px;
	padding: 2px 29px 2px 8px;
	color: #777;
	text-align: left;
	display: block;
	border: 1px solid white;
	background: url('/image/button_next.jpg') no-repeat right black;
}

.continueButtonShell:hover {
	color: white;
	border: 1px solid white;	
	cursor: pointer;
}




input[type="text"] {
}

select {
}

img {
	border: 0;
}

.iGlow:hover {
	background-color: grey;
}

.text {
	text-align: justify;
	line-height: 1.5;
}

.scrollbarElement .text {
	color:black;
}

#backgroundFixer {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#pageContainer {
	position: relative;
	width: 900px;
	height: 600px;
	margin: 0 auto;
	border: 0px solid transparent;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.transparentContainer_ {
	padding: 0;
	margin: 0 auto;
	color: white;
	background: black;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	-khtml-opacity: 0.45;
	opacity: 0.45;
}

.transparentContainer {
	padding: 0;
	margin: 0 auto;
	color: white;
	background: black;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

.transparentContainer_1{
	padding: 0;
	margin: 0 auto;
	color: white;
	background: black;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.logo {
	float: left;
	width: 120px;
	margin: 30px 0 0 15px;
	display:inline;
}

.shopMenuGroup {
	font-weight: bold;
	float: left;
	height: 75px;
	width: 275px;
	letter-spacing: 1px;
}

.shopMenuGroup li {
	padding: 0 5px;
	float: left;
	display:inline;
}

.shopMenuGroup li.noFloat {
	float: none;
}

.verticalLine {
	color: #ccc;
	background-color:#ccc;
	width: 1px;
	height: 55px;
	float: left;
	margin: 10px 3px;
}

.pageContentFixer {
	height: 478px;
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#pageContentFixer {
	height: 470px;
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#pageContent_FullShower {
	height: 370px;
	width: 100%;
	position: relative;
	float: left;
}

#pageContent_ShrinkedShower {
	height: 470px;
	width: 100%;
	position: relative;
}

.singleContainer {
	color: black;
	height: 100%;
	width: 900px;
	position: absolute;
	top: 0;
	left: 0;
}

.dualContainerLeft {
	color: black;
	height: 100%;
	width: 715px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
}

.lDualAccordionSize {
	height: 365px;
}

.dualContainerRight {
	color: black;
	height: 100%;
	width: 180px;
	position: absolute;
	top: 0;
	left: 720px;
}

.containerPadding {
	padding: 30px;
}

.containerSmallPadding {
	padding: 10px 3px 0px 3px;
}

.squarePadding {
	height: 15px;
}

#noticeBlock {
	height: 15px;
}

#showerTagGroup {
	height: 25px;
}

#showerTagGroup div.padder {
	float: left;
	background-color: transparent;
	border-top: 0px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 0px solid white;
	border-left: 0px solid transparent;
}

#showerTagGroup a {
	float: left;
	display: block;
	width: 223px;
	height: 22px;
	padding-top: 2px;
	color: #999;
	background-color: transparent;
	text-align: center;	
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 0px solid white;
	border-left: 1px solid transparent;
}

#showerTagGroup a.selected {
	color: black;
	background-color: #bbb;
	border-bottom: 0px solid transparent;
}


#showerTagGroup .unSelected 
{
	color:#bbb;
}
#showerTagGroup .unSelected:hover
{
	color:white;
}


#showerContentContainer {
	height: 100px;
	background-color: white;
}

#showerContentGroup {
	position: absolute;
	top: 25px;
	padding: 0px 0 0 0;
	width: 900px;
	height: 100px;
	background-color:white;
}

#showerContentGroup ul {
	margin: 2px auto;
}

#showerContentGroup li {
	overflow: hidden;
	position: relative;
	float: left;
	margin: 0px;
	width: 80px;
	height: 96px;
	cursor: pointer;
	background-color: transparent;
}

#showerContentGroup a {
	color: black;
}

#showerContentGroup img {
	margin-left: 10px;
}

#showerContentGroup img.stretch {
	margin: 0;
	padding: 0;
}

#showerContentGroup li div.description {
	font-size: x-small;
	position: absolute;
	top: 0px;
	left: 56px;
	padding-left: 20px;
	height: 98px;
	width: 115px;
}

.categoryDetail div.groupImage {
	float: left;
	width: 320px;
	height: 360px;
	margin: 5px;
	display:inline;
}

.categoryDetail div.groupDescription {
	float: left;
	padding: 0px 0px;
	width: 360px;
	position: relative;
}

.categoryDetail div.groupDescription div.option {
	float: left;
	margin: 0 1px;
	width: 76px;
	text-align: center;
}

.ajax-loading {
	background: url('/image/spinner.gif') no-repeat center;
}

.ajax-loading-large {
	background: url('/image/spinner_large.gif') no-repeat center;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.lightBoxSrc {
	cursor: pointer;
}

.smallerLightBoxSrc {
	cursor: pointer;
}

.lightBoxContainer {
	display: none;
	position: absolute;
	z-index: 10;
	border: 1px solid white;
}

.lightBoxContainer .blackMask {
	color: white;
	background-color: black;
	position: absolute;
	height: 100%;
	width: 100%;
}

.lightBoxContainer .whiteContent {
	color: white;
	background-color: transparent;
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.lightBoxContainer .closer {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 0;
	width: 40px;
	height: 40px;
	background-image: url('/image/close_button.gif');
}

.lightBoxContainer .title {
	margin: 2% 0;
	height: 30px;
	width: 100%;
}

.lightBoxContainer .title .followUp {
	font-size: xx-small;
	padding-left: 30px;
	color:white;
}

.lightBoxContainer .subTitle {
	margin: 6px auto;
	font-size: small;
	font-weight: bolder;
	height: 20px;
	padding-left: 4%;
	width: 96%;
}

#viewBox img {
width:320px;
height:320px;

}

 #viewIcon img {

	display: block;
	height: 40px;
	width: 40px;
	padding: 0 10px;
	float: left;
}

 #handleMask{
	position: absolute;
	top: 0;
	width: 800px;
	height: 40px;
	background: url('/image/handle_mask.gif') repeat-y center top;
}

 #viewHandle {
	position: absolute;
	top: 0;
	left: 0;
}

 #viewHandle div {

	height: 40px;
	width: 40px;
	padding: 0 10px;
	float: left;
}

.languageOption {
	padding: 0;
	margin: 0;
}

.languageOption li {
	margin: 10px 0;
}

.editTranslation {
	display: inline;
}

#translationEditBox {
	position: absolute;
	top:0;
	left:0;
	z-index: 100;
	border: 2px groove black;
	width: 180px;
	height: 180px;
	background-color: white;
	color: black;
	font-size: xx-small;
}

#translationEditBox #tagNameDisplayer {
	padding: 0 3px;
	background-color: black;
	color: white;
}

#translationEditBox #langInput {
	width: 95%;
	height: 60%;
}

.scrollbarElement {
	height: 385px;
	width: 635px;
	overflow: hidden;
	position: relative;
}

.slider {
	width: 14px;
	margin-left: 10px;
	float: left;
	background: url(/image/slider.gif) center repeat-y;
}

.knob {
	background: url(/image/knob.gif) center no-repeat;
	width: 15px;
	height: 15px;
}

.element {
	position: relative;
}

.std_input {
	margin:0px;    
	width:150px;
    padding:0px;
    font-size:10px;
    height:17px;
    line-height:15px;
    vertical-align:middle;
    border:solid #DCDCDC 2px;
}

.longInput {
	margin:0px;    
	width:200px;
    padding:0px;
    font-size:10px;
    height:15px;
    line-height:15px;
    vertical-align:middle;
    border:solid #DCDCDC 2px;
}

.lineStyle {
	height:25px;
	line-height:25px;
	letter-spacing:1px;
	padding-left:26px;
}

.linePadding {
	padding-left:12px;
}

.aStyle {
	border-bottom:1px solid gray;
	color:gray;
}

.redStar {
	color:red;
	height:5px;
	line-height:5px;
	font-size:16px;
	vertical-align:middle;
}

.lineGray {
	height:40px;
	line-height:15px;
	border-bottom: 3px solid white;
	border-top:3px solid white;
	color:black;
	background: #e7e9e8;
	vertical-align:middle;
	font-size:12px;
}

.lineLightGray {
	height:40px;
	line-height:15px;
	border-bottom: 3px solid white;
	border-top:3px solid white;
	color:black;
	background: #f4f4f4;
	vertical-align:middle;
	font-size:12px;
}

.titleGray {
	height:20px;
	line-height:20px;
	color:white;
	letter-spacing:1px;
	font-size:11px;
	font-weight:bold;
	padding-left:12px;
	background: #919294;	
}

.titleLight {
	height:20px;
	line-height:20px;
	color: gray;
	letter-spacing:1px;
	font-size:11px;
	font-weight:bold;
	padding-left:12px;
	border-bottom:1px solid #DCDCDC;
}

.alignCenter {
	text-align:center;
	vertical-align:middle;
}

.letterSpacing {
	letter-spacing:2px;
}

.paymentSuccess {
	height:50px;
	letter-spacing:2px;
	vertical-align:middle;
	border-top:1px solid #dcdcdc;
}

.lineBg {
	background: #DCDCDC;
}

.lineBgBack {
	background: white;
}

.subSmallTitle {
	border-bottom:1px solid #b7b8b9;
	font-weight:bold;
}

.paddingLeft25 {
	padding-left:25px;
}

.ajax-loading-large2 {
	background: url('http://www.lelochina.cn/image/spinner_large.gif') no-repeat center;
}

/****** vertical align use *********************/
.outer {
       display:table;
       height:20px;
       #position:relative;
       /***ONLY UNDER IE 7 BROWSER WORKS AFTER '# ' MARK ****/
	   overflow:hidden;
}

.middle {
       display:table-cell;
       vertical-align:middle;
       #position:absolute;
       #top:50%;
}
 
.inner {
       #position:relative;
       #top:-50%;
} 


#myOtherElement {
	
	width: 100px;
	height: 15px;
	overflow: hidden;
	position: absolute;
}

#myOtherElement .links{
	color:#777;
	display: block;
	padding: 3px 0 3px 5px; 
}

#myOtherElement span
{ 
	color:#777;
	display: block;
	padding: 0 0 3px 0px;
	width:60px;
}

#myOtherElement span:hover 
{
	color: #FFF;
}

#myOtherElement .links:hover
{
	color:#FFF;
}
/*********END vertical align use****************/
/*  made by roger */
.RightDetailBox
{
 width:695px;
 color: black;
 height: 100%;
 top: 0;
 left: 0;
 position:relative;
 float:left;

}

.LeftMenuBox
{
	 width:170px;
	 color: black;
	 height: 100%;
	 top: 0;
	 position:relative;
	 float:left;
	 padding:0 5px;
}
.menuList
{
	
}
.menuList li
{
	border-bottom:1px solid #ccc;
	font-weight:bold;
	line-height:20px;
	vertical-align:bottom;
}
.menuList li a:hover
{
	color:black;
}
.tell_a_friend:hover
{
	color:black;
}
.menuList li img
{
	
}

#blockbox{
	position:absolute;
}