/* Main Sections and for Backgrounds */
body {background: #9C8F75; background-image: url(Images/BodyPGBack.jpg); background-repeat: repeat-x; background-position: top left; margin-bottom: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color:#FCFCFC;}
td, textarea, input, select {font-family: Arial, Tahoma, Verdana; font-size: 12px; color:#FCFCFC;	font-weight: normal; LINE-HEIGHT: 16px;}

/* BACKGROUND COLOR CLASS */
.PgBack {background: #000000;}
.BodyPgBack {background: #9C8F75;}
.LineBack {background: #34312C;}
.TMenuBack {background: #000000;}
.TSecBack {background: #24211C;}
.CMenuBack {background: #131210;}
.PromoBack {background: #1B1816;}
.BLineBack {background: #6D6554;}
.PrintPg {background: #FFFFFF;}

/* Major Fonts for Site */
h1 {font-family: Arial, Tahoma, Verdana; font-size: 10px; color:#454335; font-weight: bold; line-height: 12px;}/*454335*/
h2 {font-family:Arial, Tahoma, Verdana; font-size: 14px; color:#D9BC74; font-weight: bold; line-height: 18px; padding: 2px 10px; text-align: justify;}

.HdrTxt {font-family: Arial, Tahoma, Verdana; font-size: 22px; color:#CDBB96; font-weight: bold; line-height: 20px; padding: 2px 10px;} 
.BtmTxt {font-family:Arial, Tahoma, Verdana; font-size: 8px; color:#908369; font-weight: bold; line-height: 10px; text-align: justify;} /*908369*/

/* LINKS */
a {color: #CDBB96;	font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: bold; text-decoration: none; LINE-HEIGHT: 16px;}
a:hover {color: #9C8F75; font-family: Arial, Tahoma, Verdana; font-size: 12px;	font-weight: bold; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; border: thin none #FFFFFF; text-decoration: underline; LINE-HEIGHT: 16px;}

/* Copyright Link */
a.a {color: #4E493E; font-family: Arial, Tahoma, Verdana; font-size: 11px; font-weight: normal; text-decoration: none;  line-height:16px;}
a.a:hover {color: #4E493E; font-family: Arial, Tahoma, Verdana; font-size: 11px;font-weight: normal; font-style: normal; line-height: 16px; font-variant: normal; text-transform: none; border: thin none #FFFFFF; text-decoration: underline;}
/* Product Email Link */
a.aeml {color: #9C8F75; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: normal; text-decoration: none;  line-height:16px;}
a.aeml:hover {color: #CDBB96; font-family: Arial, Tahoma, Verdana; font-size: 12px;font-weight: normal; font-style: normal; line-height: 16px; font-variant: normal; text-transform: none; border: thin none #FFFFFF; text-decoration: underline;}
/* Loose Diamond Cert Link */
a.b {color: #9C8F75; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: normal; text-decoration: none; line-height:16px;}
a.b:hover {color: #CDBB96; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: normal; font-style: normal; LINE-HEIGHT: 16px; font-variant: normal; text-transform: none; border: thin none #FFFFFF; text-decoration: underline;}
/* Misc Link which can be used if required */
a.c {color: #9C8F75; font-family: Arial, Tahoma, Verdana; font-size: 15px; font-weight: bold; text-decoration: none; line-height:16px;}
a.c:hover {color: #CDBB96; font-family: Arial, Tahoma, Verdana; font-size: 15px; font-weight: bold; font-style: normal; LINE-HEIGHT: 16px; font-variant: normal; text-transform: none; border: thin none #FFFFFF; text-decoration: none;}
a.d {color: #9C8F75; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: normal; text-decoration: none; line-height:16px;}
a.d:hover {color: #CDBB96; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: normal; font-style: normal; LINE-HEIGHT: 16px; font-variant: normal; text-transform: none; border: thin none #FFFFFF; text-decoration: underline;}
/* Store Email Link at bottom*/
a.StoreEml {color: #FCFCFC; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: normal; text-decoration: none; line-height:16px;}
a.StoreEml:hover {color: #FCFCFC; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: normal; font-style: normal; LINE-HEIGHT: 16px; font-variant: normal; text-transform: none; border: thin none #FFFFFF; text-decoration: underline;}
/* Top Menu Link */
a.tm {font-family: Arial, Tahoma, Verdana; color: #FFECC7; float: left; font-size: 12px; font-weight: normal; margin-left: 0px; margin-right: 0px; padding: 3px 10px; text-decoration: none;}
a.tm:hover {font-family: Arial, Tahoma, Verdana; color: #FFECC7; float: left; font-size: 12px; font-weight: normal; margin-left: 0px; margin-right: 0px; padding: 3px 10px; text-decoration: underline;}
/* Bottom Menu Head and Link */
a.BMenuHead {font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #4E493E; font-weight: bold; padding: 2px 3px;}
a.BMenuHead:hover {font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #686051; font-weight: bold; padding: 2px 3px; text-decoration: underline;}
a.bottommenu {font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #686051; font-weight: normal; padding: 3px 3px;}
a.bottommenu:hover {font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #34312C; font-weight: normal; padding: 3px 3px; text-decoration: underline;}
/* Center Menu Link */
a.cm {background: #131210; color: #9C8F75; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: normal; margin-left: 0px; margin-right: 0px; padding: 5px 20px; text-decoration: none; float:left;}
a.cm:hover {background: #7A6C5F; color: #FFFFFF; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: normal; margin-left: 0px; margin-right: 0px; padding: 5px 20px; text-decoration: none; float:left;}
/* Center section button Link */
a.cs {background: #9C8F75; font-size: 12px; color: #010101; font-weight: bold; margin-left: 5px; margin-right: 5px; padding: 3px 20px; text-decoration: none;}
a.cs:hover {background: #CDBB96; font-size: 12px; color: #010101; font-weight: bold; margin-left: 5px; margin-right: 5px; padding: 3px 20px; text-decoration: none;}
/* Control Panel button Link */
a.cp {background: #CDBB96; color: #010101; font-size: 15px; float: right; font-weight: bold; margin-left: 0px; margin-right: 1px; padding: 3px 8px; text-decoration: none;}
a.cp:hover {background: #9C8F75; color: #FCFCFC; font-size: 15px; float: right; font-weight: bold; margin-left: 0px; margin-right: 1px; padding: 3px 8px; text-decoration: none;}
/*Compare Diamond Link */
a.compare {background: #9C8F75; font-size: 16px; color: #010101; font-weight: bold; margin-left: 5px; margin-right: 5px; padding: 0px 5px; text-decoration: none;}
a.compare:hover {background: #CDBB96; font-size: 16px; color: #010101; font-weight: bold; margin-left: 5px; margin-right: 5px; padding: 0px 5px; text-decoration: none;}
/* FONT COLORS */
/* Top Menu Seperator */
.TMenuSep {font-family: Arial, Tahoma, Verdana; font-size: 7px; color: #CDBB96; font-weight: normal; text-decoration: none; padding: 1px 5px;} 
/* Center Menu Seperator */
.CMenuSep {font-family: Arial, Tahoma, Verdana; font-size: 7px; color: #CDBB96; font-weight: normal; text-decoration: none; padding: 1px 5px;} 
/* Main Headers */
.FHead {font-family: Arial, Tahoma, Verdana; font-size: 15px; color: #CDBB96; font-weight: bold; text-decoration: none;}
.PromoHead {font-family: Arial, Tahoma, Verdana; font-size: 15px; color: #4E493E; font-weight: bold; text-decoration: none;}
.BottomMenuHead {font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #4E493E; font-weight: bold; padding: 2px 3px;}
/* Gold and Platinium Price */
.DPrice {font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #CDBB96; font-weight: normal; padding: 2px 5px;}
/* Sub Headers */
.FSHead {font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #997E52; font-weight: bold;}
/* Copyright note */
.FCopy {font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #4E493E; font-weight: normal; line-height:11px; padding: 1px 5px;}
/* Required fields in New User section should be RED only change if its not visible then make Yellow */
.FSNote {font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #FF0000; font-weight: normal; line-height:11px; padding: 1px 5px;}
/* Javascript Not Found should be RED only change if its not visible then make Yellow */
.JScript {font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #FF0000; font-weight: bold; padding: 2px 5px; line-height:11px;}
/* Join Email List */
.JoinLst {font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #FFFFFF; font-weight: normal; padding: 2px 5px; line-height:11px;}
/* Hit Counter */
.HCnt {font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #34312C; font-weight: bold; line-height:11px; padding: 1px 5px;}
/* Store text at bottom */
.StoreTxt {font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #4E493E; font-weight: normal; line-height:11px; padding: 1px 5px;}
/* Store Address */
.StoreAdd {font-family: Arial, Tahoma, Verdana; font-size: 11px; color: #FCFCFC; font-weight: normal; line-height:15px; padding: 3px 5px;}

/*Exclusive Jewelry Catogery Display*/
.SubCatBox {border: 1px solid #CDBB96;}
.SubCatHead {background-color: #7A6C5F; font-family: Arial, Tahoma, Verdana; font-size: 14px; color: #CDBB96; font-weight: bold; padding: 0px 5px;}
a.SubBrowse {font-family: Arial, Tahoma, Verdana; color: #CDBB96; float: left; font-size: 12px; font-weight: bold; margin-left: 0px; margin-right: 0px; padding: 3px 10px; text-decoration: none;}
a.SubBrowse:hover {font-family: Arial, Tahoma, Verdana; color: #FFFFFF; float: left; font-size: 12px; font-weight: bold; margin-left: 0px; margin-right: 0px; padding: 3px 10px; text-decoration: none;}
.DispImgBox {border: 1px solid #34312C; background: #FFFFFF;}

/* TEXTBOXS */
.WVTxt {color: #FCFCFC; font-size:14px; font-weight: bold; font-family: Arial, Verdana, Tahoma; border: 1px solid #131210; background-color: #34312C; padding: 5px 5px;}
.TxtABoxS{color: #FCFCFC; background-color: #34312C; font-size:11px; font-family: Arial, Tahoma, Verdana; border: 1px solid #131210;}
.TxtBoxS{color: #FCFCFC; background-color: #34312C; font-size:11px; font-family: Arial, Tahoma, Verdana; border: 1px solid #131210;}
.TxtBoxSW{color: #FCFCFC; background-color: #34312C; font-size:11px; font-family: Arial, Tahoma, Verdana; border: 1px solid #131210;}
.CmbSS{color: #FCFCFC; font-size:11px; font-family: Arial, Tahoma, Verdana; border: 1px solid #131210; background-color: #34312C; height:18px; width: 70px}
.CmbSSB{color: #FCFCFC; font-size:11px; font-family: Arial, Tahoma, Verdana; border: 1px solid #131210; background-color: #34312C; height:18px; width: 140px}
.CmbSSEB{color: #FCFCFC; font-size:11px; font-family: Arial, Tahoma, Verdana; border: 1px solid #131210; background-color: #34312C; height:18px; width: 255px}
.CmbSSEB1{color: #FCFCFC; font-size:11px; font-family: Arial, Tahoma, Verdana; border: 1px solid #131210; background-color: #34312C; height:18px; width: 146px}
/* Need to verify if Join Email List text box background is same as site textbox background */
.CmbJEL{color: #FCFCFC; font-size:12px; font-family: Arial, Tahoma, Verdana; border: 1px solid #858584; background-color: #131210; height:16px; width: 150px}

/* BUTTONS */
/* Buttons every where */
.BtnSearch{font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #1B1816; border: 1px solid; border-color:#7A6C5F; height: 22px; width:100px; background-color:#CDBB96; font-weight: bold}
/* Buttons for Advance Search and Basic Search on Loose Diamond Page */
.BtnLD{font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #1b1816; border: 1px solid; border-color:#7A6C5F; height: 22px; width:110px; background-color:#CDBB96; font-weight: bold}
/* Button for Join Email List */
.BtnGo{font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #010101; border: 1px solid; border-color:#7A6C5F; height: 20px; width:60px; background-color:#FFFFFF; font-weight: bold}

/* BORDERS */
/* Border just as Frame on all sides creating a box */
.TblFrame{border: 1px solid #34312C;}
/* Border on all sides but if more thickness is required then change border: 2px to desired thickness this shound not be used other then any specific place */
.TblFrameH{border: 1px solid #34312C;}
/* Border for Table it will draw border on top and right */
.TblBorder{color: #FCFCFC; font-size:11px; font-family: Arial, Tahoma, Verdana; border-width: 1px; border-right-width:0; border-bottom-width:0; border-style: solid; border-color: #34312C;}
/* Border for TD it will create border on right and bottom */
.TblColBorder{color: #FCFCFC; font-size:11px; font-family: Arial, Tahoma, Verdana; border-width: 1px; border-left-width:0; border-top-width:0; border-style: solid; border-color: #34312C;}
/* Just Left side Border */
.TblLBorder{color: #FCFCFC; font-size:11px; font-family: Arial, Tahoma, Verdana; border-width: 1px; border-right-width:0; border-top-width:0; border-bottom-width:0; border-style: solid; border-color: #34312C;}
/* Just Right side Border */
.TblRBorder{color: #FCFCFC; font-size:11px; font-family: Arial, Tahoma, Verdana; border-width: 1px; border-left-width:0; border-top-width:0; border-bottom-width:0; border-style: solid; border-color: #34312C;}
/* Just Bottom side Border */
.TblBBorder{color: #FCFCFC; font-size:11px; font-family: Arial, Tahoma, Verdana; border-width: 1px; border-left-width:0; border-right-width:0; border-top-width:0; border-style: solid; border-color: #34312C;}

/* SPACER */
.FPImg {padding: 0px 5px;}

/* Ticker Tape for flash make sure to change height n width here along with background and foreground color*/
.tickerstyle{width:650px; height:250px; border:0px solid black; background:#000000;  padding:0px; overflow:hidden;}
.messagediv{display: none; background:#000000; font-size: 13px; color: #FCFCFC; font-weight: bold;}

/* FOR THUMNAIL CODE */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #7A6C5F;
visibility: hidden;
z-index: 10;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #FCFCFC;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: #000000;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid #7A6C5F;
background-color: #000000;
padding: 5px;
z-index: 5;
}

.dhtmlwindow{
position: absolute;
border: 2px solid #7A6C5F;
visibility: hidden;
background-color: #000000;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #7A6C5F;
color: #FCFCFC;
cursor: move;
overflow: hidden;
width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #7A6C5F;
background-color: #000000;
color: #FCFCFC;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid #646464;
background-color: #000000;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}