body{ 	
	text-align: left;
	margin: 0 auto;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
        background-color: #ececec;
}
div,th,td,p,input,select,textarea,tt,li {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
        
a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333; text-decoration: underline; }
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333; text-decoration: underline; }
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #525252; text-decoration: underline; }

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

HR { COLOR: #DDDDDD; HEIGHT: 1px;}

.HeadBox { BACKGROUND-COLOR: #FFFFFF;}
.HeadText { FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.HeadLine { BACKGROUND-COLOR: #DB8AAE;}
.VertMenuBox { BACKGROUND-COLOR: #FFFFFF;}
.VertMenuBorder { BACKGROUND-COLOR: #DB8AAE;}
.VertMenuTitle { BACKGROUND-COLOR: #DB8AAE; FONT-weight: bold; font-size: 10pt;text-transform: uppercase; font-family: arial}
.VertMenuItems{ COLOR: #000000; TEXT-DECORATION: none;}
.VertMenuItems:link { COLOR: #000000; TEXT-DECORATION: none;}
.VertMenuItems:visited {COLOR: #000000; TEXT-DECORATION: none;}
.VertMenuItems:hover {COLOR: #000000; TEXT-DECORATION: underline;}
.VertMenuItems:active  {COLOR: #000000; TEXT-DECORATION: none;}
.VertMenuHr {COLOR: #999999;}
.CategoriesList {FONT-SIZE: 10pt;}
.DialogBox {BACKGROUND-COLOR: #ffffff;}
.DialogBorder { BACKGROUND-COLOR: #DB8AAE;}
.DialogTitle {BACKGROUND-COLOR: #FFFFFF; FONT: bold 11px;}
.NumberOfArticles {FONT-WEIGHT: bold;}
.TopLabel {FONT-WEIGHT: bold; FONT-SIZE: 12px;}
.Text {}
.DecorTr {COLOR: #38998C;}
.AdminSmallMessage {COLOR: #FF3300;}
.AdminTitle {COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;}
.Line {BACKGROUND-COLOR: #FF3300;}
.ProductTitle {COLOR: #731C50; FONT-WEIGHT: bold; FONT-SIZE: 12px;}
.ProductTitleHidden {COLOR: #666666; FONT-WEIGHT: bold; FONT-SIZE: 10pt;}
.ProductDetailsTitle {COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;}
.ProductDetails {}
.ProductPriceTitle {FONT-WEIGHT: bold; FONT-SIZE: 12px;}
.ProductPriceConverting {FONT-WEIGHT: bold; FONT-SIZE: 12px;}
.ProductPrice {
        COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceSmall {
        COLOR: #FF3300; FONT-WEIGHT: bold;
}
.MarketPrice {
		FONT-SIZE: 13px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.ItemsList {
        COLOR: #081589; FONT-WEIGHT: bold;
}
#Disabled {
        COLOR: #909090;
}
.NavigationPath {
        COLOR: #666666; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 11px;
}
.NavigationPath a {
        COLOR: #666666; FONT-WEIGHT: normal; TEXT-DECORATION: underline; FONT-SIZE: 11px;
}
.NavigationPath a:visited {
        COLOR: #666666; FONT-WEIGHT: normal; TEXT-DECORATION: underline;
}
.NavigationPath a:hover {
        COLOR: #666666; FONT-WEIGHT: normal; TEXT-DECORATION: none;
}
.NavigationPath a:active  {
        COLOR: #666666; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.FormButton {
        COLOR: #081589; FONT-WEIGHT: bold; 
}
.Button {                                 
		FONT-FAMILY: Arial;
		BACKGROUND: URL(images/butbg.gif);
		BACKGROUND-COLOR: #9A537D;
		COLOR: #FFFFFF; FONT-WEIGHT: bold;
		FONT-SIZE: 10pt;
		TEXT-DECORATION: none;
}
.CustomerMessage {
        COLOR: #FF3300; FONT-WEIGHT: bold; 
}
.ErrorMessage {
        COLOR: #FF3300; FONT-WEIGHT: bold; 
}
.Star {
        COLOR: #FF0000;
}
.HighLight {
		BACKGROUND-COLOR: #FFFFCC;
}
.SaveMoneyLabel {
        COLOR: #FFFFFF; FONT-WEIGHT: bold; 
}
.TableHead {
	BACKGROUND-COLOR: #CCCCCC; FONT-WEIGHT: bold;
}
.TableSubHead {
    BACKGROUND-COLOR: #EEEEEE;
}
.TableLine {
    BACKGROUND-COLOR: #F0F0F0;
}
.SmallNote:link {
        COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:visited {
        COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:hover {
        COLOR: #888888; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; 
}
.SmallNote:active {
        COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallText {
        COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.Bottom {
        BACKGROUND-COLOR: #081589; COLOR: #FFFFFF;
}
.Tab {
        BACKGROUND-COLOR: #D6D7D9;
        FONT-WEIGHT: bold;
        TEXT-TRANSFORM: uppercase;
}
.CatMenuItemOff 
{
    BACKGROUND-COLOR: transparent;              /* like "VertMenuBox" */
    BORDER-RIGHT: none;        /* like "VertMenuBox" */
    BORDER-TOP: none;          /* like "VertMenuBox" */
    BORDER-LEFT: none;         /* like "VertMenuBox" */
    BORDER-BOTTOM: none;       /* like "VertMenuBox" */
    MARGIN-BOTTOM: 1px;
    MARGIN-TOP: 1px;
    MARGIN-LEFT: 2px; 
    MARGIN-RIGHT: 3px;
    CURSOR: pointer;
}
.CatMenuItemOffExp
{
    BACKGROUND-COLOR: transparent;              /* like "VertMenuBox" */
    BORDER-RIGHT: none;        /* like "VertMenuBorder" */
    BORDER-TOP: none;          /* like "VertMenuBorder" */
    BORDER-LEFT: none;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: none;       /* like "VertMenuBorder" */
    MARGIN-BOTTOM: 1px;
	MARGIN-TOP: 1px;
	MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 3px;  
    CURSOR: pointer;
}
.CatMenuItemOn
{   
    BACKGROUND-COLOR: #FF8600;              /* like "VertMenuTitle" */
    BORDER-RIGHT: 1px solid #FF8600;        /* like "VertMenuBorder" */
    BORDER-TOP: none;          /* like "VertMenuBorder" */
    BORDER-LEFT: none;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: none;       /* like "VertMenuBorder" */
    MARGIN-BOTTOM: 1px;
	MARGIN-TOP: 1px;
	MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 3px;  
    CURSOR: pointer;
}
.CatSubMenu
{
    BACKGROUND-COLOR: #FFD44C;              /* like "VertMenuBox" */
    BORDER-RIGHT: #8E4B00 1px solid;        /* like "VertMenuBorder" */
    BORDER-TOP: #8E4B00 1px solid;          /* like "VertMenuBorder" */
    BORDER-LEFT: #8E4B00 1px solid;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: #8E4B00 1px solid;       /* like "VertMenuBorder" */
    MARGIN-LEFT: 1px; 
    MARGIN-RIGHT: 2px;
}
.CatMenuItem
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    CURSOR: pointer;
}
.CatMenuItem:link
{
    COLOR: #330000;                         /* like "VertMenuItems" */
}
.CatMenuItem:visited
{
    COLOR: #330000;                         /* like "VertMenuItems" */
}
.CatMenuItem:hover
{
    COLOR: #330000;                         /* like "VertMenuTitle" */
}
.CatMenuItem:active
{
    COLOR: #330000;                         /* like "VertMenuItems" */
}
.NavDialogTitle {
    FONT-SIZE: 10pt;
    font-weight: bold;
    color: #330000;
}   
.NavDialogBorder {
    background-color: #FFCC33;
}
.NavDialogBox {
    background-color: #FFFFCC;
}
.PopupHelpLink {
	FONT-SIZE: 9px;
	COLOR: #330000; 
	TEXT-DECORATION: none;
}
.SubHeader2 {
	COLOR: #666666;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}
.SubHeader2Line {
	BACKGROUND-COLOR: #CCCCCC;
}
.HightLightRow {
	BACKGROUND-COLOR: #B0B0B0;
	font-weight: bold;
}
.HightLightEqualRow {
	BACKGROUND-COLOR: #ffe8af;
}
.VertMenuSubTitle {
	BACKGROUND-COLOR: #FFA92F;
}
.SpecialOffersPrice {
	COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 14px;
}

.StatisticsBar {
   BACKGROUND-COLOR: #A8BCC8;
}

 .normaltext {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none;
   font-weight: normal;
 }
 .normaltextbold { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #000000; text-decoration: none; font-weight: bold; }
 .maintextbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #103B69; text-decoration: none; font-weight: bold; }
 .smalltext {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   FONT-SIZE: 10pt;
   text-decoration: none;
   font-weight: normal;
 }
 
 .white {font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #FFFFFF; text-decoration: none; font-weight: normal;}
 .white a:link { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #FFFFFF; text-decoration: none; }
 .white a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #FFFFFF; text-decoration: none; }
 .white a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #FFFFFF; text-decoration: underline; }

 .sitemap_normal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none; }
 .sitemap_subheader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;color: #666666; text-decoration: none;font-weight: bold; }
 

 .grey { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; font-weight: bold; color: #333333;}
 .grey a:link { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #333333; text-decoration: none; }
 .grey a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #333333; text-decoration: none; }
 .grey a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; text-decoration: underline; }
 
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color: #E5E5E5; border: 1px solid #666666 }
 textarea { font-family: courier; font-size: 10pt; font-weight: normal; background-color: #FFFFFF; border: 1px solid #666666 }
.nostyle {font-family: Verdana, Arial, Helvetica, sans-serif; border: 0px ridge; background-color: #EEEEEE; }
 
.purple {font-family: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 10pt; font-weight: bold; color: #000000;}
.purple a:link { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #000000; text-decoration: none; }
.purple a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #000000; text-decoration: none; }
.purple a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #000000; text-decoration: underline; }
 
 .normal { font-family: arial helvetica, sans-serif; font-size: 10pt; font-weight: normal; }
 .normal2 { font-family: arial helvetica, sans-serif; font-size: 10pt; font-weight: normal; text-indent: 20px } 
 .indent1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold }
 .indent2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-indent: 10px; color: #000000 }
 .indent2a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-indent: 0px; color: #000000 }
 .list { font-family: arial helvetica, sans-serif; font-size: 10pt; font-weight: normal; }
 .list2 { font-family: arial helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000 }
 .indent3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-indent: 0px; color: #000000 }
 
 
 .right_align {
	float: right;
}
.left_align  {
	float:  left;
	
}.pearl_buttons {
	vertical-align: middle;
}
.top_logo {
	vertical-align: middle;
	float: left;
	margin-top: 13px;
}
.center_align {
	width:1000px;
	margin: 0 auto 0 auto;
}
.center_objects {
	text-align: center;
}


.top_menu_cell {
	text-align: left;
	background-color:#bfbead;
	border: 2px solid #A3A289;
}


.top_links {
	font-family: verdana;
	font-size: 12pt;
	text-align: left;
}
.top_menu_cell_right {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A3A289;
	border-right-color: #A3A289;
	border-bottom-color: #A3A289;
	background-color: #BFBEAD;
	border-left-width: 0px;
}
.footer_icons {
	padding-right: 5px;
	padding-bottom: 5px;
}


a.top_links {
	color:#000000;
	text-decoration:none;
        font-size:12pt;
}

a.top_links:hover {
	text-decoration:underline;
}	

.menu_cell {
	border-right-width: 2px;
	border-right-color: #A3A289;
	border-right-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #A3A289;
}

.menu_links {
	font-family: verdana;
	font-size: 10pt;

}

a.menu_links {
	color:#000000;
	text-decoration:none;
}

a.menu_links:hover {
	text-decoration:underline;
}	
	
.twelve_verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

/*how to choose pearls*/
.choose-pearls {border-collapse: collapse; border: 2px solid #000000;}
.heading {
	border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	text-align:center;
	width: 100%;
	}
.cell {
	border: 1px solid #000000; 
	padding: 3px;
	vertical-align: top;
	}
	
.cell-bold {
	border: 1px solid #000000; 
	padding: 3px;
	vertical-align: top;
	font-weight: bold;
	}
.center {text-align:center;}
.align-right {text-align: right;}
/*end how to choose pearls*/



/*infographic css code*/

.Title { font-size:20px; color: #822714; font-weight:bold}
.SubTitle { font-size:25px; ; color: #822714;}
.contentText { font-size:12px;}

#tableOutline {
	
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #d6a81f;
}
	
	#tableOutline th 

{
	padding: 5px;
	font-weight: normal;
	font-size: 13px;
	color: #822714;
	text-transform: uppercase;
	border-right: 2px solid #d6a81f;
	border-top: 2px solid #d6a81f;
	border-left: 2px solid #d6a81f;
}

	#tableOutline td
{
	padding: 5px 10px;
	border-right: 1px dashed #d6a81f;
}

/*end infographic css code*/