@font-face {
    font-family: TenorSans;
    src: url(/fonts/TenorSans-Regular.ttf);
}

@font-face {
    font-family: TwentiethCenturyMTLight;
    src: url(/fonts/Twentieth_Century_MT_Light.ttf);
}

body{
	text-align:left;
	font-family: TwentiethCenturyMTLight, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	letter-spacing: 1px;
	color: black;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
 
a{
	color: #195E96;

}
/* EMAIL TO CUSTOMER */

h1{
	font-family: TenorSans,sans-serif;
	text-align:center;
	font-size: 20pt;
	font-weight:normal;
	letter-spacing: 0.1em;
	color: #656565;
	padding-left:2px;
	padding-top: 20px;
	/* padding-bottom:1em;
	margin-bottom:1em; */
	margin-top:1em;
}

h2{
	font-family: TenorSans,sans-serif;
	text-align:left;
	font-size: 14pt;
	font-weight:normal;
	letter-spacing: 1px;
	color: #666666;
	margin-top:0;

}

.field_label{
	/* font-family: MinionPro,serif; */
	/* font-size: 12px; */
	letter-spacing: 0.1em;
	/* color:#808080; */
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left:2px;
	
}

input.contact_details_wide,textarea.contact_details_wide,select.contact_details_wide{
	font-family: TwentiethCenturyMTLight, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	letter-spacing: 1px;
	/* color: #666666; */
	background-color:white;
	border: thin silver solid;
	/*border-radius:4px;*/
	padding: 1.0em 0.5em;
	/* width:250px; */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input.contact_details,textarea.contact_details,select.contact_details{
	font-family: TwentiethCenturyMTLight, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	letter-spacing: 1px;
	/* color: #666666; */
	background-color:white;
	border: thin silver solid;
	/*border-radius:4px;*/
	padding: 1.0em  0.5em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
select.contact_details_wide{
	padding:   1.0em 0.5em;
	/* width:214px; */
}
select.contact_details,select.contact_details_wide{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-image:  url(/images/UI/dropdown_arrow.png); /*no-repeat  254px 12px;*/
	background-repeat: no-repeat;
	background-position: right 4px center;
}

input.button{
	
	background-color:silver;
	padding:0.5em;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}
th{
	text-align:left;
	vertical-align:middle;
	padding:1em 0em 1em 0em;
	margin:0;
}

.product_grid_row{
    display:flex;
}
.product_grid_record_thumbnail img{
	border-style:none;
}

.align_right {
/*	vertical-align:top;
*/	text-align:right;
/*	padding:1.5em;
*/}

div#order_totals{
    display:flex;
    flex-direction:column;
    /* justify-content: space-between; */
	/* float:left; */
	/* top:0px; */
	/* width:816px; */
	/* margin-top:6px; */
	/* margin-left:2px; */
	/* height:100px; */
	/*background-color:#EEEEEE;*/
	border:thin silver solid;
	padding:  4px;
	/*border-radius:8px;*/
}


div#product_filter{
	/* float:left; */
	/*top:6px;*/
	width:190px;
	height:38px;
	margin:  6px 6px 0px 2px;
/*	background-color:#DDDDDD;*/
	border:thin silver solid;
	/*border-radius:8px;*/
	padding: 10px 5px 0px 5px;
	text-align:center;
}

/* div#contact_details{

	margin: 2em 2em 2em 0em;
	padding: 1em 0em;
} */

input.qty{
	text-align:center;
	padding:2px; 
	border:thin silver solid;
	/*border-radius:4px;*/
}

input.qty_ring_readonly{
	text-align:center;
	padding:2px; 
	border:none;
}
input.qty_ringtotal{
	text-align:center;
	padding:2px; 
	border:thin white solid;
	color: #666666;

}

/***********************************************************************************************************/
div#product_grid_header{
	/*clear:both;*/
	/* float:left; */
	/*padding:1em;*/
/*	border:thin silver solid;
	border-radius:8px;
*/	margin-bottom:0px;
}

div#product_grid{
    display:block!important;
	/* clear:both; */
	/* float:left; */
	/*border:thin silver solid;*/
}
div.product_grid_clearqty{
	
	/*float:right;*/
	position:absolute;
	/* margin:0px 6px 0px 136px; */
	/*border:thin silver solid;*/
	z-index:4;
	visibility:hidden;
	right:0px;
}
div.product_grid_clearqty_button{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color:#195E96;*/
	cursor:pointer;
	background-color:#DDDDDD;
	color:black;
	padding:5px;
}

div.product_grid_record{
	width:200px;
	height:275px;
	/* float:left; */
	/*border:1px #DDDDDD solid;*/
	margin: 0 0  0.5em 0;
	text-align:center;
	/*border-radius:8px;*/
	z-index:2;
	position:absolute;

}
div.product_grid_record_backorder{
	/*width:200px;
	height:275px;*/
	top: 116px;
    left: 150px;
    
	/* float:left; */
	/*border:1px #DDDDDD solid;*/
	margin: 0 0  0.5em 0;
	/*text-align:center;*/
	/*border-radius:8px;*/
	/*z-index:2;*/
	position:absolute;
	/*background-image:url('/images/UI/backorder.png');
	background-position:right bottom;*/
	z-index:3;
}

div.product_grid_record_container{
    flex:0 0 auto;
	width:195px;
	height:275px;
	/* float:left; */
	border:1px #DDDDDD solid;
	margin:  0px 8px 8px 0px;
	text-align:center;
	/*border-radius:8px;*/
/*	padding:1px;*/
}

p#disclaimer{
	font-size:11pt;
	margin-top:25px;
	margin-bottom:25px;
	text-align: center;
/*	padding:2px;*/
}
div.product_grid_record_thumbnail{
	/*width:160px;*/
	/*height:160px;*/
	/*margin:0;*/
	/*float:left;
*/	/*position:absolute;
*/}

div.product_grid_record_selected{
	/*width:160px;*/
	/*height:160px;*/
	/*margin:0;*/
	width:189px;
	height:268px;
	/*float:left;*/
	/* border:2px rgb(226, 23, 131) solid; */
	margin: -2px 0.5em 0.5em -2px;
	padding:3px;
	text-align:right;
	/*border-radius:8px;*/
	/*background-color:transparent;
*/	position:absolute;
	visibility:hidden;
	z-index:1;
}

div.product_grid_record_showinfo{
	float: left;
    z-index: 10;
	position: absolute;	
	text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color:#195E96;*/
	
	/*margin-top:4px;
	margin-left:4px;*/
	cursor:pointer;
	/* background-color:#DDDDDD; */
	color:black;
	padding:5px;
	height:40px;
	width:40px;
}

div.product_grid_record img.thumbnail{
	/*width:160px;*/
	/*height:160px;*/
	vertical-align:middle;
	margin:0;
	background-color:transparent;
}
/*div.product_grid_record .info{
	background-color: silver;
	height:50px;
	float:left;
}
*/
div.product_grid_record table{
	width:100%;
}
div.product_grid_record td.name{
	height:3em;
	
	/*background-color: #E6E6E6;*/
	color:black;
}

img.ring_qty_button{
	float:none;
	border: thin #E6E6E6 solid;
	background-color: #E6E6E6;
	/*border-radius:4px;*/
	margin:0px;
	padding: 2px;
	/*height:24px;
	width:24px;*/
}

img.ring_qty_button_soldout{
	float:none;
	border: thin #E6E6E6 solid;
	background-color: #DF104A;
	/*border-radius:4px;*/
	margin:0px;
	padding: 2px;
	/*height:24px;
	width:24px;*/
}

/*div.product_grid_record tr.name td{
	height:2em;
	background-color: yellow;
}
div.product_grid_record tr.info td{
	background-color: aqua;
}*/
/***********************************************************************************************************/
table.productlist td{
	vertical-align:top;
	padding:0.5em 0.5em 0.5em 0em; 
	border-top: thin silver solid;
}

table#contact{
	/*background-color: #CCCCCC;
*/	border-spacing:0;
	/*width:1000px;
*/}
table#contact_details td.label{
	border-spacing:0;
	width:150px;
	padding-top:10px;
}

table#contact_details td{
	vertical-align:top;
	padding:2px 2px 2px 0; 
}


/* div#order_totals input.curtotal,div#order_totals2 input.curtotal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #666666;
	border-width:0;
	color:black;
	background-color:transparent;
	text-align:left!important;
}
div#order_totals input.curtotalstrong,div#order_totals2 input.curtotalstrong{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #666666;
	border-width:0;
	font-weight:bold;
	color:black;
	background-color:transparent;
} */
table.productlist td.qty{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #666666;
	text-align:right;
}

table#order_summary th{
	border-bottom: thin silver solid;
	font-weight: normal;
}

td.item_ordered{
	border-bottom: thin silver solid;
	text-align:left;
}

td.item_ordered_align_right{
	border-bottom: thin silver solid;
	text-align:right;
}

/* GENERAL LAYOUT */
#wrapper {
	/* height: 660px; */
	
	/*width: 720px;*//*1110px;*/
	max-width: 1440px;/*1110px;*/
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 180px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}

#logo {
	float: left;
	height: 100px;
	width: 210px;
	margin-left: 40px;
}
#masthead {
	height: 100px;
	margin:0 auto;
}

#centreHome {
	height: 475px;
	/*width: 720px;*//*1110px;*/
/*	max-width: 720px;*/
	/* padding-top: 30px; */
}
#ContactLeft {
/*	height: 400px;
	width: 100%;
*/	float: left;
	padding-left: 40px;
	padding-top: 10px;
}


#product_detail_overlay, #processing_overlay{
	position:fixed;
	/*width:100%;
	height:100%;
	margin:auto;*/
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.6);
	z-index:999;
	display:none;
	cursor:pointer;
	/*overflow: scroll*/;
}

#product_detail_container{
	position:relative;
	top:12.5%;
	/*left:25%;*/
	/*width:50%;
	height:70%;*/
	background-color:white;
	border:1px black solid;
	padding:8px;
	/*z-index:100;*/
	margin:auto;
	max-width:500px;
}

#product_detail_header{

	text-align:left;
	padding-bottom:8px;
	
}

#product_detail_title{
	/*width:80%;*/
	text-align:left;
	display:inline-block;
	font-family: TwentiethCenturyMTLight, Arial, Helvetica,sans-serif;
	font-size:16px;
	color:black;
	
}

#product_detail_close_container{
	/*width: 100px;*/
    /* float: right; */
    display: inline-block;
	text-align: right;
}
#product_detail_close_container_table{
	display:table;
}

#product_detail_close_title{
	/*display:table;*/
	font-family: TwentiethCenturyMTLight, Arial, Helvetica,sans-serif;
	font-size:16px;
	color:black;
	
	display:table-cell;
	vertical-align:middle;

}
#product_detail_close_button{
	display:table-cell;
	vertical-align:middle;
	padding-top:2px;
	padding-left:12px;
}

/* #product_detail_image_container{

} */
#product_detail_image{
	width:100%;
	max-width:512px;
}

.generic_button, .generic_button_light{
	/* font-family: Brandon,sans-serif;
	font-size: 10pt; */
	letter-spacing:0.1em;
	background-color: #656565;
	color:white;
	cursor:pointer;
    display: inline-block;
	padding:10px;
	text-align: center;
	border:none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 0;
}
.generic_button_light{
	background-color:#DDDDDD;
	color:black;
}

.sidebar_categorylabel{
	font-family:TwentiethCenturyMTLight, Arial, Helvetica,sans-serif;
	font-size:12pt;
	color:black;
	letter-spacing:0.1em;
	padding: 0px 0px 12px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:thin silver solid
}

.sidebar_subpage_button_label{
	font-family:TwentiethCenturyMTLight, Arial, Helvetica,sans-serif;
   font-size:12pt;
   color:black;
   line-height:22pt;
   vertical-align: middle;
   display: table-cell;
   padding-bottom:3px;
   cursor: pointer;
}

.label_branding{
	font-family:TwentiethCenturyMTLight, Arial, Helvetica,sans-serif;
    font-size:12pt;
	
}

/* #trigger {
	display: none;
} */

/* Apply to any checkbox whose id starts with 'require_' */
/*input[type="checkbox"][id^="require_"] {*/

input[type="checkbox"] {
	display: none;
}
.custom_checkbox_label {
	display: inline-block;
	background-image: url(../images/UI/custom_checkbox.png);
	background-position: left center;
	background-size: auto 100%;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
/* #trigger:checked + .custom_checkbox_label {
	background-position: right center;
} */
/* input[type="checkbox"][id^="require_"]:checked + .custom_checkbox_label { */
input[type="checkbox"]:checked + .custom_checkbox_label {
	background-position: right center;
}

.footerBottomLinks{
	font-family:TwentiethCenturyMTLight, Arial, Helvetica,sans-serif;
	font-size:12pt;	
	color:#999999;
	background-color:white;
	margin-top:0px;
	padding:8px 32px;
	text-align:center;
}

.footerBottomLinks a{
	color:#999999;
	
}



.tracking_data_row{
	/* font-family: Brandon,sans-serif; */
	font-size:12pt;
}

.tracking_data_row:hover{
	background-color:#EEEEEE;
	
}

.tracking_data_cell{
	padding:4px; 
	border-bottom: thin solid silver;
	
}
.tracking_data_cell input{
	font-family:TwentiethCenturyMTLight, Arial, Helvetica,sans-serif;
	font-size:12pt;	
	letter-spacing:1px;
}

/* .tracking_sendemail_button{
	letter-spacing:0.1em;
	height:28px!important;
	background-color:gray!important;
	color:white!important;
	border:none;
} */