@charset "utf-8";
/* CSS Document */

body{
color:#888;
font-size:12px;
margin:0px 0px 0px 0px;
background:url(/themes/default/images/bck2.jpg) center top repeat-y;
font-family:Arial, Helvetica, sans-serif;
}

.textStyle {
color:#888;
font-size:12px;
}

img {border: 0px;}

hr {color:#e6e6e6;
border-color:#e6e6e6}

a {
color:#666666;
}
a:hover{
color:#CC0066;
}

#box{
    /* this is for repeat frame */
	background:url(/themes/default/images/repeat.jpg) center top repeat-y;
}
#wrapper{
    /* this is for banner */
    background:url(/themes/default/images/banner3.jpg) center top no-repeat;
    text-align: center; 
	width:100%;
	height:100%;
}
#main {
	text-align: left;
	width: 990px;

	margin: 0px auto;
	
}
#header {
    text-align:right;
	width:990px;
	height:206px;
}

#headerLogin{
color:#fff;
padding-top:50px;
width :990px;
text-align:right;

}

#headerLogin a{
color:#fff;
text-decoration:none;
}

#headerLogin a:hover{
text-decoration:underline;
}

#mainMenu{
padding:68px 0px 0px 11px;;
height:30px;
text-align:left;
}
#overlay1{
width:107px;
height:30px;
float:left;
background:url(/themes/default/images/mainMenuOverlay_01.jpg) left top no-repeat;
}
#overlay2{
width:102px;
height:30px;
float:left;
background:url(/themes/default/images/mainMenuOverlay_02.jpg) left top no-repeat;
}
#overlay3{
width:104px;
height:30px;
float:left;
background:url(/themes/default/images/mainMenuOverlay_03.jpg) left top no-repeat;
}
#overlay4{
width:102px;
height:30px;
float:left;
background:url(/themes/default/images/mainMenuOverlay_04.jpg) left top no-repeat;
}
#overlay5{
width:102px;
height:30px;
float:left;
background:url(/themes/default/images/mainMenuOverlay_05.jpg) left top no-repeat;
}
#overlay6{
width:73px;
height:30px;
float:left;
background:url(/themes/default/images/mainMenuOverlay_06.jpg) left top no-repeat;
}
#overlay7{
/*width:73px;
height:30px;*/
float:left;
background:url(/themes/default/images/facebook_icon.png) left top no-repeat;
position:relative;
bottom: 10px;
left: 10px;
}

#mainMenu a, #mainMenu a:link, #mainMenu a:visited {
display:block;
}

#mainMenu a:hover img {
visibility:hidden;
}




#container{
height:100%;
}
/*===================================================Left Column Setting*/

#left{

float:left;
width:212px;
margin-left:19px;;
}



/*==================================================================Menu */
#menuSeries{
padding-bottom:5px;
}

#sHome{
width:212px;
height:30px;
background:url(/themes/default/images/series_home_btn_swap.jpg) left top no-repeat; 
}
#sPro{
width:212px;
height:30px;
background:url(/themes/default/images/series_pro_btn_swap.jpg) left top no-repeat; 
}
#sBeauty{
width:212px;
height:30px;
background:url(/themes/default/images/series_beauty_btn_swap.jpg) left top no-repeat; 
}
#sHealth{
width:212px;
height:31px;
background:url(/themes/default/images/series_health_btn_swap.jpg) left top no-repeat;
}

#menuSeries a, #menuSeries a:link, #menuSeries a:visited {
display:block;
}

#menuSeries a:hover img {
visibility:hidden;
}




#menuCategory{
padding-bottom:5px;
}

#menuBrand{
padding-bottom:5px;
}


#menuCategory ul, #menuBrand ul{

margin:0px;
padding:0px 0px 20px 20px;

}
#menuCategory li, #menuBrand li{
color:#888;
font-size:13px;
line-height:170%;
list-style-image:url(/themes/default/images/list.jpg);
}

#menuCategory li a, #menuBrand li a{
color:#666666;
text-decoration:none;
display:block;
border-bottom:#666666 1px dotted;

}
#menuCategory li a:hover, #menuBrand li a:hover{
padding-left:5px;
color:#d484ca;
text-decoration:none;
border-bottom:#d484ca 1px dotted;

}
/*===================================================Right Column Setting*/

#right{
float:right;
width:706px;
margin-right:14px;
}

#banner{
height:148px;
}

#indexBar{
background:url(/themes/default/images/product_indexBar.jpg) left 6px no-repeat;
height:40px;
}
/*=======================================================Index Bar*/
#indexBar .text{
height:40px;
}
/*======================================================= home*/
#home{
clear:both;
width:701px;
}
#flash{

margin-bottom:7px;
}
#focusLeft{
position:relative;
float:left;
width:404px;
height:261px;
margin-right:6px;
}
#focusRight{

height:261px;

}



/*=======================================================Product Lineup*/
#indexBar .text{
height:40px;
}

#lineup{
clear:both;
background:transparent;

}

#lineup .tag{
height:40px;
background:url(/themes/default/images/tag_bck.jpg) left top no-repeat;
padding-top:0px;
}
#lineup .thumbs{
float:left;
margin:0px 5px 6px 0px;
text-align:center;
width:171px;
height:216px;
background:url(/themes/default/images/product_thumbBck.jpg) left top no-repeat;
}
#lineup .thumbs .pic{

padding-top:6px;
height:145px;
}

#lineup .thumbs .pic img {
outline:#aaa solid 1px;
}

#lineup .thumbs .pic img:hover {
outline:#de97d3 solid 1px;
}


#lineup .thumbs .title{
height:35px;
padding-left:5px;

text-align:left;
}
#lineup .thumbs .price{
color:#de6bb4;
padding-left:5px;
padding-top:2px;
text-align:center;
float:left;
}
#lineup .thumbs .cart{
width:36px;
float:right;
background:url(/themes/default/images/basket_1.jpg) left top no-repeat;
padding-right:6px;
text-align:right;
}

#lineup .thumbs .cart:hover{
float:right;
background:url(/themes/default/images/basket_2.jpg) left top no-repeat;
padding-right:6px;
text-align:right;
}

#lineup .thumbs .quote{
width:29px;
float:right;
background:url(/themes/default/images/quote_1.jpg) left top no-repeat;
padding-right:6px;
text-align:right;
}

#lineup .thumbs .quote:hover{
float:right;
background:url(/themes/default/images/quote_2.jpg) left top no-repeat;
padding-right:6px;
text-align:right;
}
/*=======================================================Product Details*/
#details{
width:701px;
position:relative;

}
#imageBlock{
clear:both;
float:left;
width:362px;
height:382px;
background:transparent;
}
#description{
float:left;
width:325px;
margin-left:13px;

}

#basketSwap{
width:148px;
height:58px;
background:url(/themes/default/images/product_description_04_2.jpg);
}
#basketSwap a, #basketSwap a:link, #basketSwap a:visited{
display:block;
}
#basketSwap a:hover img{
visibility:hidden;
}


#productName{
text-align:center;
font-size:16px;
font-weight:600;
}
#description .brandName, #description .text, #quoteLink{
margin:5px 10px 10px 10px;

}

#quoteLink{
padding:2px;
background-color:#e3e3e3;
color:#8b4a89;
}


#detailsPrice{
margin-left:40px;
text-align:left;
font-size:18px;
font-weight:bold;
}

#qa{
clear:both;
width:701px;
text-align:left;

}

#qa .post{
border:#d3d3d3 solid 1px;
padding:3px;
margin-bottom:10px;
}
#qa .postInfo{
border-bottom:#fff solid 1px;
padding:3px;
color:#fff;
background:#a176af;
}
#qa .question{
border-bottom:#fff solid 1px;
padding:3px;
background:#f1e4f5;
}
#qa .replyInfo{
border-bottom:#fff solid 1px;
padding:3px;
color:#fff;
background:#a5b8df;
}
#qa .reply{
padding:3px;
background:#dfe7f7;
}

#input{
border:#d3d3d3 solid 1px;
padding:5px;
}





/*================================================================= Cart*/
#cart{
width:695px;
padding:3px;
border:#e8e8e8 solid 1px;
text-align:right;
}

#totalPrice{
text-align:right;
padding:0px 10px 0px 10px;
font-size:18px;

}



#psArea{
width:695px;
text-align:center;

}

/*================================================================= member*/
#onError{
text-align:center;
color:#c73b3b;
font-weight:bold;
}

#member{
text-align:center;
}
#login{
margin: 0px auto;
width:200px;
border:#e8e8e8 solid 1px;
margin-bottom:5px;
}
#login table{
text-align:center;
}

#sendpsw{
margin-top:25px;
}
/*================================================================= register*/
#register{
border:#e8e8e8 solid 1px;
text-align:left;
padding:2px;
margin: auto;
width:370px;
margin-bottom:15px;
}

.input{
color:#888;
font-size:12px;
}

#modify{
border:#e8e8e8 solid 1px;
text-align:left;
padding:2px;
margin: auto;
width:370px;
margin-bottom:15px;
}

/*=============================================================Static Page*/
/*==============================================================About*/
#columnMain{
padding:5px;
border:#e3e3e3 1px solid;
}

.columnImage{
padding:5px;
border:#e3e3e3 1px solid;
float:left;
width:150px;

}
.columnImage ul{
padding:5px 0px 5px 18px;
margin:0px;
line-height:170%;
background:#ece8f6;
}

.columnImage li{
list-style-image:square;
}

.columnText h1{
font-size:15px;
color:#8c6792;

}
.columnText h2{
font-size:15px;
color:#7a8eab;
}


.columnText{
width:510px;
padding:5px 5px 5px 10px;
border:#e3e3e3 1px solid;
float:right;
margin:auto;

}

.columnFooter{
clear:both;
}

/*========================================================news*/
.newsUnit{
padding:5px;
border:#e3e3e3 1px solid;
background-color:#f6f6f6;
margin-bottom:10px;
}

.newsTitle{

margin-bottom:5px;

border:#e3e3e3 1px solid;
background-color:#fff;

}

.newsImage{

padding:5px;
border:#e3e3e3 1px solid;
float:left;
width:150px;
background-color:#fff;
}

.newsText{

padding:5px 5px 5px 5px;
border:#e3e3e3 1px solid;
line-height:120%;
margin:auto;
background-color:#fff;
}

.newsText li{
line-height:150%;
list-style-image:url(images/list.jpg);
}

.newsText ul{
padding-left:25px;
}


.newsFooter{
clear:both;
}

/*======================================================== retailers */
.retailerUnit{
padding:5px;
border:#e3e3e3 1px solid;
margin-bottom:10px;

}

.retailerTag{
padding:5px;
border:#e3e3e3 1px solid;
float:left;
width:100px;

}



.retailerText{
width:565px;
padding:5px 5px 5px 5px;
border:#e3e3e3 1px solid;
float:right;
margin:auto;

}

.columnFooter{
clear:both;
}




/*======================================================= Footer Setting*/
#footer{
clear:both;
background:url(/themes/default/images/footer.jpg) center top no-repeat;
height:33px;

}
#end{
text-align:center;
background:url(/themes/default/images/end.jpg) center top no-repeat;
height:53px;
padding-bottom:0px;
}
.style1 {color: #5B4269}