﻿@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	list-style:none;
}

/* Content */

body {font-family:"Arial", Helvetica, sans-serif; font-size:11px;line-height:20px;color:#000; background-color:white; margin:0px; }

#wrapper {width: 1140px; margin:0 auto;  } 

#top_menu {width: 1140px; background:#efefef; -moz-border-radius:0px 0px 10px 10px;margin:0; padding:0; height:65px; border-bottom: solid 2px orange;}

#content {width: 1140px;margin-top:20px; float:left; margin-bottom:100px; } 

#content_left { width:900px;  float:left;  background-color:#fff; padding:10px 5px 10px 5px; min-height:450px; 
				border:solid 1px #C7C7C7;-moz-border-radius:10px 10px 10px 10px;-moz-box-shadow:1px 1px 5px #C7C7C7; }
#content_right {width:210px; margin-left:15px; float:left; min-height:465px;border:solid 1px #C7C7C7;
				background-image:url('../Images/right_menu_bg.jpg'); background-repeat:repeat-y;-moz-border-radius:10px 10px 10px 10px;-moz-box-shadow:1px 1px 5px #C7C7C7; 
}

a {color: #96959a;text-decoration:none; cursor:pointer;}

a:hover {text-decoration:underline; cursor:pointer;}

.extra_table {-moz-border-radius:10px 10px 10px 10px; width: 1120px; min-height:300px; margin-top:10px;
              background-color:#fff; float:left; vertical-align:top; padding:10px 5px 10px 5px; 
              border-style:solid;border-width:2px; border-color:#c3c3c3; -moz-box-shadow:1px 1px 5px #C7C7C7; 
              } 
.error_label
{
	color:Red; font-size:14px; font-weight:bold; margin-bottom:10px;
}


input, select {color:#444444; font:13px 'Lucida Grande',Helvetica,Arial,sans-serif;
	width: 47px;
}

hr {color: #8b8b8b; border-style:dotted; }

h1 { font-size:18px; color:#00864e; padding-bottom:5px; text-align:justify; text-transform:none;}
h2 { font-size:12px; color:#00864e; padding-bottom:3px;}
h3 { font-size:10px; color:#00864e; padding-bottom:2px;}


.breadCrumbs img
{
	width:12px; height:12px;
}
.breadCrumbs 
{
	font-size:11px; font-weight:bold; color:#8e514c; vertical-align:middle;
}

.pageHeaderContainer
{
	background-repeat:repeat-x; margin:0; padding:0; vertical-align:top; border-top:solid 2px #000;border-bottom:solid 2px #000;
	padding-top:5px; margin-bottom:10px;padding-bottom:5px;
}
.pageHeader
{
	 font-size:18px; font-weight:bold; padding-left:5px; width:325px; color:Navy; vertical-align:top; font-family:Arial; width:375px;
}
.pageDescription
{
	font-size:11px; color:Green; text-align:justify; padding:15px; vertical-align:top; padding-top:0; padding-bottom:0;
	font-family:Century Gothic; font-weight:bold;
}
.information
{
	font-size:12px; font-weight:bold; color:Green; text-align:justify;
}
.label_heading
{
	font-size:12px; font-weight:bold; font-family:Century Gothic; color:Navy;
}
.messageSalmon {
	font-size: 12px;font-weight: bold;text-align: left;background-color: #FA8072;
	color: #1b4462;width: 760px;margin: 5px;padding-top: 5px;padding-bottom: 5px;
}
.message
{
	font-size:12px; font-weight:bold; text-align:left;background-color:#fef78f; color:#1b4462;
	width:760px; margin:5px; padding-top:5px;padding-bottom:5px;
}
.activityMessage
{
	font-size:12px; font-weight:bold; text-align:left;background-color:#fef78f; color:Navy;
	width:80px; position:absolute;
}
.activityMessageTimer
{
	font-size:12px; font-weight:bold; text-align:left;background-color:#fef78f; color:Navy;
	width:160px; position:absolute; height:20px; padding:5px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 600px; height:150px;
    left:375px;
    top:200px;
    z-index: 750; 
    background-color:#1b4462; padding:20px; color:White;-moz-box-shadow:5px 5px 5px 5px #C7C7C7;
}

.list_row,.list_row a
{
	background-color:#dedfde;color:Black; font-size:12px; font-weight:bold; padding-left:5px; padding-right:5px;
}
.list_row_alt,.list_row_alt a
{
	 background-color:#fff;  font-size:12px; font-weight:bold; padding-left:5px; padding-right:5px;
}

.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px; }

.button
{
	width:80px; height:28px; font-size:12px; font-weight:bold;padding:0px; cursor:pointer;
	border:solid 1px; margin-left:5px;
}
.button2
{
	width:170px; height:28px; font-size:12px; font-weight:bold;padding:0px; cursor:pointer;
	border:solid 1px; margin-left:5px;
}
.selectedButton
{
	width:80px; height:28px; font-size:12px; font-weight:bold; padding:0px; cursor:pointer;border:solid 1px #cc9933; color:#99ccff;
	 margin-left:5px;
}

/*Top Menu */
.menu{  font-size:13px; font-weight:bold;display:inline; width:720px;}

.menu > tbody > tr > td
{	margin: 0; padding: 0; width:90px; text-align:center; padding:5px;}

.menu td a{text-decoration:none; }
.menu td:not(.nohover):hover{background-color:#E6E7E8; color:#999;text-decoration:none;-moz-box-shadow:1px 1px 5px #C7C7C7;}

.menu td.nohover{padding:0;width:180px;}
.menu td.nohover table{width:60%;min-width:100px;float:right;}
.menu td.nohover td{padding:5px;width:50%;}

.menu td.nohover td .dropdown dt{width:auto;}

.menuSelected
{
	background-color:#E6E7E8; color:#999;text-decoration:none; padding:5px;-moz-box-shadow:1px 1px 5px #C7C7C7;
}

/*Right Menu*/
.LinkSelected
{
	 color:#000;
}
.rightMenuWrapper
{
	width:210px; margin:5px; height:auto;
}
.rightMenuContainer
{
	width:200px;  background-color:White; border:solid 1px #C7C7C7; margin:2px; margin-left:0px;
	-moz-border-radius:5px; 
}

.rightMenuContainer td
{
	color:#343399; font-weight:bold; font-size:11px;padding:3px;
}
.rightMenuContainer td a
{
		color:#343399; font-weight:bold; font-size:11px;
}

.rightMenuContainerSelected
{
	width:200px;  background-color:White; border:solid 1px #C7C7C7; margin:2px; margin-left:0px;
	-moz-border-radius:5px; 
}

.rightMenuContainerSelected td
{
	color:#000; font-weight:bold; font-size:11px;padding:3px; background-color:#E6E7E8;
}
.rightMenuContainerSelected td a
{
		color:#000; font-weight:bold; font-size:11px;
}
.rightMenuContainerSmall
{
	background-color:White; margin:1px; padding:0px; width:100%;border:solid 1px #C7C7C7;-moz-border-radius:5px;
}
.rightMenuContainerSmall td
{
	color:#343399; font-weight:bold; font-size:11px;
}
.rightMenuContainerSmall td label, .rightMenuContainer td label
{
	cursor:pointer;
}
.rightMenuContainerSmaller
{
	background-color:White; margin:0px; padding:0px;
}
.rightMenuContainerSmall td
{
	width:150px; border:solid 1px #C7C7C7;-moz-border-radius:2px; 
}
.rightMenuContainerSmall td a
{
	width:100%;
}

.Forminput {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	margin:0px;
	padding:0px;
	margin-top:1px;
	}

/* Product default page */
.ListBox
{
	width:255px;  cursor:pointer; font-size:12px;
}

.ListBox option
{
	/*padding: 3px 0 0 5px;	*/
	
}
.HeaderTextBold
{
	font-size:14px; font-weight:bold; 
}
.HeaderText
{
	font-size:14px;
}
.Edit
{
	font-size:12px; color:#3500f7; text-decoration:underline; padding:2px; padding-right:5px;
}
.Edit:hover
{
	font-size:12px; color:#3500f7;  text-decoration:none;
}
.Hidden
{
 visibility:hidden;
 
 }
 .HiddenBis
{
 display:none;
 
 }
 .TxtListbox
{
	font-size:12px; font-weight:bold; color:#000;
}
.HeaderTable
{
background-color:#ff9999; font-size:12px; font-weight:bold; color:#333;padding: 3px 0 3px 5px;
}
.TdEdit
{
padding: 15px 0 0 5px; vertical-align: top;	
}
.TdEditBis
{
padding: 15px 0 15px 5px; vertical-align: top;	
}
.GreenFont
{
	font-size:12px; color:#008645;
}
.BtnRight
{
	 float:right; margin-right:75px;
}
.BtnEditRight
{
	font-size:12px; color:#3500f7;
	float:right; margin-right:75px;
}


.tblBorder
{
 border: solid 2px #e7e7e7;
 padding: 5px;
}

/* Add new product */
.bgNumber
{
background-image:url('../Images/circle.gif'); 
background-repeat:no-repeat; 
background-position:center top;
padding-top:5px;
text-align:center; 
color:#fff;
font-weight:bold;
vertical-align:top;

}

/*Side Stones Page */

.SideStone_CaratTable
{
	width:798px;
}

.SideStone_CaratTd
{
	border:solid 1px;  font-weight:bold; text-align:center; background-color:#efefef; width:78px;
}

.SideStone_CaratTdContent
{
	border:solid 1px; padding:2px; font-weight:bold; text-align:center; width:80px;
}
.SideStone_CaratTdContent 
{
	color:#000; 
}

.panelVariation
{
	 border:dashed 1px;
	 padding:5px;
	 margin:15px;
	 width:850px;
}

.panelStyle
{
	 border:dashed 1px;
	 padding:5px;
	 width:850px;
	 margin-bottom:15px;
}

.SectionHeading
{
	 font-size:13px; font-weight:bold; color:Navy; vertical-align:middle;
	 padding:5px; min-width:120px; margin:5px; 
}

.totalPrice
{
	font-size:16px; font-weight:bold; border:solid 1px #cccccc;white-space:nowrap; padding:5px;	
}
/******validate style checkout page ***/


/* START - New Dispatch Sheet */

#NewDispatchSheetPage a,
#NewDispatchSheetPage .panel,
#NewDispatchSheetPage .panel-body,
#NewDispatchSheetPage .panel-heading,
#NewDispatchSheetPage .panel-body .table > tbody > tr > td,
#NewDispatchSheetPage .form-inline,
table th a, table td a {
    font-size: 10pt;
}

/* END - New Dispatch Sheet */


.Error
{
	border: 1px solid #ee0101;
}

.dropdown {float:left; padding-right:5px}
.dropdown dt {width:75px;  padding:4px; font-weight:bold; cursor:pointer; color:#9695a7 }
.dropdown dd {position:absolute; overflow:hidden; width:111px; margin-top:6px; display:none; background:#fff; z-index:200; opacity:0;margin-left:-10px;}
.dropdown ul {width:116px; list-style:none; border-top:none; padding:0;}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:7px 7px 7px 0; color:#96959A; text-decoration:none; background:#efefef; width:114px}
.dropdown a:hover {background:#96959A; color:#000}
.newsupplierLink{text-decoration:none; color:#343399;  font-weight:bold; font-size:11px;cursor:pointer; background-color:#fff;}
.newsupplierLink:hover{text-decoration:underline; }
.dropdown .underline {border-bottom:1px solid #96959A}
.notificationPopup
{
	position:fixed; bottom:0; right:0; width:300px; z-index:100; display:none; background-color:#FEF78F; min-height:100px; color:#1B4462; font-weight:bold; font-size:12px;
}

.autocomplete-w1 {background:url(../Images/shadow.png) no-repeat bottom right;position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete  
{
	border:1px solid #999; text-align:left; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; 
	border-top:0;  cursor:pointer;
	width:370px; max-height:300px; 
	background-color:#FAFAFA; border-bottom:solid 2px silver; z-index:9;
	position:absolute;margin-top:-4px; list-style-type:none;
	}
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:bold; color:#3399FF; }
.diamond_control_shape_select_container { background-color: #E8E8E8;
    border-collapse: collapse;
    border-left: 1px solid #D2D2D2;
    border-right: medium none;
    margin-top: 2px;
    text-align: center;
    }
    .diamond_control_shape_select_container td{ width:55px; padding:2px;}
.diamond_control_shape_select {cursor: pointer;border-right: 1px solid #d2d2d2;width: 10%;text-align: center;padding: 0px;margin: 0px;}
.diamond_control_select_bg:hover,.diamond_control_select_control_bg:hover {background-color: #dedede; }
.diamond_control_select_bg_selected, .diamond_control_select_control_bg_selected {background-color: #fff;text-align: center;}
	/*Dispatch Sheet Styles*/
       
        
   /** TABLESORTER JQUERY ENHANCED **/

	/** Table row hover class **/
	
	/** Fix width of checkbox column **/

	table thead th.checkbox{
		width:19px;
	}
	
	/** Tablesorter **/

table.tablesorter {
		font-family: "proxima-nova",sans-serif;
		margin:0 0 15px 0;
		width: 100%;
		text-align: left;
		border:0;
}
	
table.tablesorter thead tr{
	background-color:#fafafa;
}

	table.tablesorter thead tr th {
		border:1px solid #DDDDDD;
		padding:5px 15px;
		vertical-align:middle;
		line-height:24px;
		background:none;
	}
			
	table.tablesorter thead tr .header {
		background-image: url(/images/dropdown_arrows.png);
		background-repeat: no-repeat;
		background-position: center right;
		cursor: pointer;
		padding:5px 10px;
	}

table.tablesorter tbody td {
	padding: 7px 15px;
	background-color: #FFF;
	vertical-align: top;
	border:1px solid #DDD;
	line-height:20px;
	color:#333;
}

table.tablesorter tbody tr{
	border:1px solid #EDEDED;
}
		
/** Tablesorter icons **/

table.tablesorter thead tr .header.sorting-asc {
	background-image: url(/images/asc.gif);
}

table.tablesorter thead tr .header.sorting-desc {
	background-image: url(/images/desc.gif);
}
		
table.tablesorter thead tr .header.sorting-desc,table.tablesorter thead tr .header.sorting-asc {
background-color: #ededed;
}

#CustomerStatus input {width: auto;}
input#EarlyBirdDiscount {width: auto;}


/* START Christmas Stuff */

.hidden{
    display:none !important;
}

body.itIsChristmas{
    background-color:#eee;
}

body.itIsChristmas #christmasStuff #christmasSnow{
    position:absolute;
    height:40vh;
    width:100%;
    z-index:-1;
    background:transparent url(/ChristmasStuff/snowing.gif) repeat-x;
}

body.itIsChristmas #christmasStuff #christmasGround{
    position:absolute;
    bottom:0;
    height:70vh;
    width:100%;
    z-index:-2;
    background:transparent url(/ChristmasStuff/snow_ground.png) no-repeat center center / 100vw auto;
}
body #christmasButtons{
    position: absolute;
    bottom: 15px;
    right: 0;
    text-align:right;
}
body #christmasButtons button{margin-right:15px;}

body.itIsChristmas #content_right,
#content_left.christmas{position:relative;}
body.itIsChristmas #content_left:before{
    content:"";
    width:150px;
    height:150px;
    position:absolute;
    top:-20px;
    right:-20px;
    background:transparent url(/ChristmasStuff/4.png) no-repeat right top / 150px auto;
}

body.itIsChristmas #content_right:before{
    content:"";
    width:100%;
    height:120px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:20;
    background:transparent url(/ChristmasStuff/2.png) no-repeat bottom center / 100% auto;
}

body.itIsChristmas .noPrint.timer{z-index:999;}
body.itIsChristmas .noPrint.timer:before{
    content:"";
    width:150px;
    height:150px;
    position:absolute;
    top:-120px;
    left:0;
    background:transparent url(/ChristmasStuff/3.gif) no-repeat right top / 150px auto;

}

.badge.badge-primary{color:#fff;background-color:#007bff;}
.badge.badge-secondary{color:#fff;background-color: #6c757d;}
.badge.badge-success{color:#fff;background-color:#28a745;}
.badge.badge-danger{color:#fff;background-color:#dc3545;}
.badge.badge-warning{color:#fff;background-color:#17a2b8;}
.badge.badge-info{color:#fff;background-color:#17a2b8;}
.badge.badge-light{color:#212529;background-color:#f8f9fa;}
.badge.badge-dark{color:#fff;background-color:#343a40;}

.product-extra-details label {display: inline-block;width: 140px;text-align: right;}

#PaymentProvider label {
  white-space: nowrap;
}