﻿/*@charset "utf-8";*/
/*----------------------------------------- Style for the General -------------------------------------------*/
body{
	margin:0;
	width:100%;
	height:99%;
	
	font-size:12px;
	font-family:Arial;
	background-color:#340C3B;
	text-align:center;
	vertical-align:super;
	margin:auto;
}

a.pinklink:link		{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#595959; text-decoration:none;font-weight:normal; }
a.pinklink:visited	{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#595959; text-decoration:none;font-weight:normal;}
a.pinklink:hover	{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#595959; text-decoration:underline;font-weight:normal;}

a.whitelink:link		{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#ffffff; text-decoration:none; }
a.whitelink:visited	{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#ffffff; text-decoration:none;}
a.whitelink:hover	{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#ffffff; text-decoration:underline;}

a.whitelinkcert:link		{ font-family:Arial, Helvetica, sans-serif; font-size:16pt; color:#ffffff; text-decoration:none; padding-right:6px; }
a.whitelinkcert:visited	{ font-family:Arial, Helvetica, sans-serif; font-size:16pt; color:#ffffff; text-decoration:none; padding-right:6px;}
a.whitelinkcert:hover	{ font-family:Arial, Helvetica, sans-serif; font-size:16pt; color:#ffffff; text-decoration:underline; padding-right:6px;}

a.purplelink:link		{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#93558f; text-decoration:none; }
a.purplelink:visited	{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#93558f; text-decoration:none;}
a.purplelink:hover	{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#93558f; text-decoration:underline;}

.purplelinks:link		{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#93558f; text-decoration:none; }
.purplelinks:visited	{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#93558f; text-decoration:none;}
.purplelinks:hover	{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#93558f; text-decoration:underline;}
.purplelinks:active {font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#93558f; text-decoration:none;}

.purplelinknocolor:link		{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; }
.purplelinknocolor:visited	{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;}
.purplelinknocolor:hover	{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#93558f; text-decoration:underline;}
.purplelinknocolor:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;}

.BarTitle
{
	color:#ffffff;
	font-size:14pt;
}
.WhiteFont
{
	color:#ffffff;
}

.WhiteFontB
{
	color:#ffffff;
	font-size:12pt;
	font-weight:bold;
}
.PurpleFontB
{
	font-size:12pt;
	font-weight:bold;
	color:#93558f;
}

.PurpleFont
{
	font-size:10pt;
	color:#93558f;
}

.hfont13
{
 font-size: 13px;
 }

.hfont15
{
 font-size: 15px;
 }

.hfont17
{
    
 font-size: 17px;	
}


.top
{
	vertical-align:top;
}

.bottom
{
	vertical-align:bottom;
}

.center
{
	text-align:center;
}

.left
{
	text-align:left;
}

.right
{
	text-align:right;
}

.nowrap
{
	white-space:nowrap;
}

.noborder
{
	border-width:0px;
}

.ffffff
{
    color:#ffffff;
}

.AlignLeft
{
    TEXT-ALIGN: left;
}

.AlignCenter
{
    TEXT-ALIGN:center;
}


.width100pc
{
	width: 100%;
}

.width97pc
{
	width: 97%;
}

.width95pc
{
	width: 95%;
}

.width90pc
{
	width: 90%;
}

.width60pc
{
	width: 60%;
}
.width68pc
{
	width: 68%;
}
.width40pc
{
	width: 40%;
}

.width50pc
{
	width: 50%;
}


.width70pc
{
	width: 70%;
}

.width80pc
{
	width: 80%;
}

.width95pc
{
	width: 95%;
}

.width99pc
{
	width: 99%;
}

.width85pc
{
	width: 85%;
}

.width15pc
{
	width: 15%;
}

.width1pc
{
	width: 1%;
}

.width13pc
{
	width: 13%;
}

.width17pc
{
	width: 17%;
}

.width18pc
{
	width: 18%;
}

.width25pc
{
	width: 25%;
}

.width30pc
{
	width: 30%;
}

.width20pc
{
	width: 20%;
}
.width35pc
{
	width: 35%;
}
.width180px
{
	width: 180px;
}

.width10px
{
	width: 10px;
}

.width50px
{
	width: 50px;
}

.width20px
{
	width: 20px;
}

.width5px
{
	width: 5px;
}

.width2px
{
	width: 2px;
}

.width100px
{
	width: 100px;
}

.width120px
{
	width: 120px;
}

.width130px
{
	width: 135px;
}

.width400px
{
	width: 400px;
}
.width30px
{
	width: 30px;
}

.width20px
{
	width: 20px;
}

.width720px
{
	width: 720px;
}

.width700px
{
	width: 700px;
}

.width690px
{
	width: 690px;
}

.width680px
{
	width: 680px;
}

.width590px
{
	width: 590px;
}

.width465px
{
	width: 465px;
}

.width965px
{
	width:965px;
}

.width740px
{
	width: 740px;
}

.width150px{
	width:150px;
}

.width400px
{
	width: 400px;
}

.width600px
{
	width: 600px;
}

.width650px
{
	width: 650px;
}

.width640px
{
	width: 640px;
}

.width450px
{
	width: 450px;
}

.width300px
{
	width: 300px;
}

.width200px
{
	width: 200px;
}

.width320px
{
	width: 320px;
}
.width330px
{
	width: 330px;
}

.width280px
{
	width: 280px;
}

.width270px
{
	width: 270px;
}

.width260px
{
	width: 260px;
}

.width230px
{
	width: 230px;
}

.width140px
{
	width: 140px;
}

.width160px
{
	width: 160px;
}

.width180px
{
	width: 180px;
}

.width780px
{
	width: 780px;
}

.width30px
{
	width: 30px;
}

.width60px
{
	width: 60px;
}

.width90px
{
	width: 90px;
}
.WeddingLargeMsg
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14pt; 
	color:#93558f; 
	text-decoration:none;
}

.btn3 a{
	border-top:solid 1px #c953a1;
	border-left:solid 1px #c953a1;
	border-right:solid 1px #b40077;
	border-bottom:solid 1px #b40077;	
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
	padding-top:2px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	height:22px;
	background:url(../images/wedding/btn3.gif);
	text-decoration:none;
	padding-top:4px;			
}
.btn3 a:hover{
	border-top:solid 1px #d667b5;
	border-left:solid 1px #d667b5;
	border-right:solid 1px #b40077;
	border-bottom:solid 1px #b40077;	
	color: #ffffff;	
	background:url(../images/wedding/btn3_mo.gif);
	text-decoration:none;
	padding-top:4px;		
}

.successmsg{
	color:#00CC33;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif 新細明體;
	font-weight:bold;
	padding:0px;
	padding-top:0px;
	padding-bottom:3px;
}
.warnmsg{
	color:#ff0000;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif 新細明體;
	font-weight:bold;
	padding:0px;
	padding-top:0px;
	padding-bottom:3px;
}
.systemsmsg{
	color:#77247f;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif 新細明體;
	font-weight:bold;
	padding:0px;
	padding-top:0px;
	padding-bottom:3px;
}

.leftmenu{
	background-image:url(../images/wedding/mabelle_club_01_29.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-left:0px;
	padding-left:20px;
	padding-top:2px;
	padding-bottom: 2px;
	display:block;
	color: #ffffff;
	height: 22px;
	width:163px;
	font-weight: bold;	
}


.leftsubmenu{
	display: block;
	width:178px;
	margin-left: 18px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 7px;
	color: #93558f;	
}

.selectcontentA{
width:700px;
border: 5px solid #572d5a;
background:#f4f0ff;
text-align:center;
Z-INDEX:100;
POSITION:absolute;
padding:0px;	
display:none
}

.selectcontentB{
width:350px;
border: 5px solid #572d5a;
background:#f4f0ff;
text-align:center;
Z-INDEX:100;
POSITION:absolute;
padding:0px;	
display:none
}

.selectcontentC{
width:500px;
border: 5px solid #572d5a;
background:#f4f0ff;
text-align:center;
Z-INDEX:100;
POSITION:absolute;
padding:0px;	
display:none
}
.dibg
{
	margin-top:0px;
	top:0px; 
	left:0px;
	POSITION:absolute;
	Z-INDEX:100;
	padding:0px;
	OVERFLOW:auto; 	
	opacity : .5;
	Filter: Alpha(Opacity=45);	
	background-color:Black;
	display:none;	
}


/* Diamond Search */

.pager { width:100%; font-size:14px; text-align:right; }
.pager a { color:#925590; }
.s_title { margin-top:20px; margin-bottom:0px; margin-left:14px; font-size:16px; color:#925590; }
.searchOption_item { margin-top:0; margin-bottom:10px; padding-left:10px; }
.searchOption_td { padding-top:0; color:#925590; }
.searchOption_item select { color:#925590; width:60px; }
.searchOption_item .error { color:Red; display:none; font-weight:bold; margin-right:4px; font-size:16px; padding-left:2px; }
.list td { font-size:12px; }
.h3title { padding-top:12px; margin-top:0px; margin-bottom:0px; margin-left:10px; font-size:13px; color:#925590; height:26px; }

/* Product Detail */
#stoneSummary { color:#93558f; list-style-type:none; margin:0; padding:0; }
#stoneSummary li { margin-bottom:4px; font-size:10pt; height:20px;text-align:left;margin-left:0;}

#stoneSummaryR { color:#93558f; list-style-type:none; margin:0; padding:0; }
#stoneSummaryR li { margin-bottom:4px; font-size:10pt; height:20px;text-align:left;margin-left:0;}

/* Mount Detail */

.fontcolor
{
	color:#91568e;
}

.fontsize12px
{
	font-size:12px;
}

.fontsize12pxweight
{
	font-size:12px;
	font-weight:bold;
}

.fontsize14px
{
	font-size:14px;
}

.fontsize14pxweight
{
	font-size:14px;
	font-weight:bold;	
}

.fontsize16px
{
	font-size:16px;	
}

.fontsize16pxweight
{
	font-size:16px;
	font-weight:bold;	
}

.tbRowHightLight 
{
	background-color:#f7edf8;
}

.displaynone
{
	display: none;
}

.display
{
	display: block;
}
.topheadertable
{
	width:965px;
	height:30px;		
	margin-left: 10px;
	margin-right:10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
td.topheader
{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif ·s²Ó©úÅé;
	/*color: #c78aba;*/
	color: #000000;
	height:30px;
}
.middle
{
	vertical-align:middle;
	padding:0px;
}
.fontbold
{
	font-weight:bold;
}
td.checkoutMsg
{
	font-family:Verdana, Arial, Helvetica, sans-serif ·s²Ó©úÅé;
	color: #ffffff;
	background-image:url(../images/mabelleclub/mabelle_club_01_03.gif);	
	background-repeat:no-repeat;
	height:19px;
	width:79px;	
}
.location
{
	width:400px;
	margin-left:-100px;
	top:20px; 
	POSITION:absolute;
	Z-INDEX:95;
	padding:0px;	
}
.locationtable
{
	width:400px;
	margin-left: 5px;
	margin-right:5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top:solid 1px #C78ABA;
	border-left:solid 1px #C78ABA;
	border-right:solid 1px #C78ABA;
	border-bottom:solid 1px #C78ABA;
	
}

.bgC78ABA
{
	background-color: #C78ABA;
}

.bgF8EFF5
{
	background-color: #F8EFF5;
}

.height120px
{
	height: 120px;
}

.height30px
{
	height: 30px;
}

.height35px
{
	height: 35px;
}

.height20px
{
	height: 20px;
}

td.changelocation
{
	font-family:Verdana, Arial, Helvetica, sans-serif ·s²Ó©úÅé;
	color: #ffffff;
	background-image:url(../images/mabelleclub/btn-location.gif);	
	background-repeat:no-repeat;
	width:120px;
	height:20px;
}

.font93558f
{
	color: #93558f;
}

.button
{
	background-color: #93558f;
	font-family: Arial, Helvetica, sans-serif;
	color:	White;
	border-top:solid 1px #ffffff;
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	padding-top: 3px;
	cursor: hand;
}
#prodetail 
{
    margin-top:0px;
    margin-bottom:0px;
	margin-left:15px;
	padding-left:0px;
	list-style-type:none;
}

#prodetail li 
{
	padding-top:5px;
	
}

/*leoproductdetail*/

#sdcontainer 
{
	position:absolute;
	z-index:10;
	top:10px;
	border:1px #666666 solid;
	background:#ca83d3;
	width:10px;
	height:10px;
	margin-top:105px;
	margin-left:299px;
	padding-right:30px;
}

#sdcontainer ul li 
{
	list-style-type:none;
	padding-top:8px;
	text-align:center;
	font-size:10pt;
	color:#ffffff;
	border-bottom:1px #ffffff solid;
}

#sdcontainerQ 
{
	position:absolute;
	z-index:10;
	top:10px;
	border:1px #666666 solid;
	background:#ca83d3;
	width:10px;
	height:10px;
	margin-top:350px;
	margin-left:299px;
	padding-right:30px;
}

#sdcontainerQ ul li 
{
	list-style-type:none;
	padding-top:8px;
	font-size:10pt;
	text-align:center;
	color:#ffffff;
	border-bottom:1px #ffffff solid;
}

#closeSD, #closeSDR { color:#fff; width:106%; text-align:right; height:20px; margin:0; padding:0; }
#closeSD a, #closeSDR a { color:#fff; }

#sdcontainer ul, #sdcontainerQ ul { margin-top:0; }

.list h3 { margin:20px auto auto 15px; color:#925590; }

.width100pc {	WIDTH: 100%}
.bordere5bef1 {	BORDER-RIGHT: #e5bef1 1px solid;	BORDER-TOP: #e5bef1 1px solid;	BORDER-LEFT: #e5bef1 1px solid;	BORDER-BOTTOM: #e5bef1 1px solid}
.neck .center {	MARGIN: 0px auto;	TEXT-ALIGN: center}
.width270px {	WIDTH: 264px}
.whiteTable { background-color:#fff; font-size:12px; color:#93558f; }
.width100px { width:100px; }
.height100px { height:100px; }
.neck { padding-left:15px; }

/*comment*/
.logincontent
{
	margin-left:0px;
	POSITION:absolute;
	Z-INDEX:99;
	padding:0px;	
	width:490;
	height:94;
	display:none; 	
}

.opacitybg
{		
	margin-top:0px;
	top:0px; 
	left:0px;
	POSITION:absolute;
	width:1440px;
	height:1090px;
	Z-INDEX:98;
	padding:0px;
	OVERFLOW:auto; 	
	opacity : .5;
	Filter: Alpha(Opacity=45);	
	background-color:Black;
	display:none;	 		
}

#commentPaging .pager { width:100%; font-size:14px; text-align:center; }
#commentPaging .pager a:link, a:visited {color:#ffffff;}
#commentPaging .pager a:hover {color:#000000;}

#commentPaging .whitelinkspaging {color:#333333;}
#commentPaging .whitelinks {color:#ffffff;}

.buttonimage{
    width:68px;
    color:#ffffff;
    background:url(http://www.mabelle.com/images/mabelleclub/mabelle_club_01_24.gif) no-repeat left;
    border:none;
    height:30px;
    cursor:pointer;
    }


.style2 {
	font-size: 11px;
	color: #666666;
	font-family: "Times New Roman";
}
.style3 {font-size: 11px; color: #000000; font-family: "Times New Roman"; }
.style4 {
	color: #782374;
	font-size: 11px;
}
.contentcol{margin-top:0px;margin-left:0px;}

.style5 {font-size: 12px}
.style6 {font-size: 16px; color: #666666; font-family: "Times New Roman"; }
.style7 {
	color: #9C8D6E;
	font-size: 10px;
}
.style8 {font-size: 11px}
.style10 {font-size: 16px; color: #9C8D6E; font-family: "Times New Roman"; }
.grey_txt_row2 {
	font-size: 12px;
	color: #666666;
	font-family: "Times New Roman";
	line-height: 18px;
}

ul{
     list-style-tpe:none;
     margin:0;padding:0;
}

li{
    height:125px;
    margin-top:3px;

    text-align:center;
}

li img{
  cursor:pointer;
  border:2px solid #fff;
}

.focus{
border:2px solid #ccc;
}

#des{
    font-size:12px;
    line-height:150%;
    width:345px;
}

.contentcol{margin-top:0px;margin-left:0px;}
.ep_content { font-size:12px; color:#666; }
