
.clearBothAssurance{
	clear:both;
	width:100%;
	height: 0;
	zoom: 1;
}
.clearRightAssurance{
	clear:right;
	width:100%;
	height: 0;
	zoom: 1;
}
ul.MessageSection_AllMessages{
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
	color: #000;
}
li.Message_NoMessages{
	padding: .5em 0 1em;
	font-size: 110%;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #555;
}
.MessageSection_DialogOverlay{
	transition: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 998; /* lightbox z-index is 1000, so gotta be under that */
	left: 0px;
	top: 0px;
	zoom: 1;
	background-color: #fff;
	opacity: .3; /* set in javascript too to fix ie */
}
.MessageSection_Dialog1{
	transition: none;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 999; /* lightbox z-index is 1000, so gotta be under that */
	zoom: 1;
	position: fixed;
	display:table;
	top: 0px;
	left: 0px;
	*left: 50%;
	*top: 50%;
	*display: block;
	*height: auto;
}
.MessageSection_Dialog2{
	transition: none;
	display: table-cell;
	vertical-align: middle;
	*left: -50%;
	*top: -50%;
	*position: relative;
}
.MessageSection_Dialog3{
	transition: none;
	margin: 0 auto;
}
.MessageSection_DialogInner{
	transition: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 455px;
	margin: 0 auto;
	text-align: left;
	background: #eee;

	border: 1px solid #818181;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	box-shadow: 0pt 0pt 1.5em #999;
	-moz-box-shadow: 0pt 0pt 1.5em #999;
	-webkit-box-shadow: 0pt 0pt 1.5em #999;
}
.MessageSection_DialogX{
	float:right;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 110%;
	line-height: 1em;
	padding: 0 .5em .5em .5em;
	cursor: pointer;
}
.MessageSection_DialogX:hover{
	color: #dae2f1;
}
.MessageSection_DialogTitle{
	padding: .35em .25em .35em 1em;
	background-color: #6e85ab;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}

.MessageSection_DialogDialogInner table tr{
	vertical-align: top;
}

.MessageSection_MessageForm{
	transition: none;
	margin: 0;
	padding: .5em 1em 1em;
	font-size: 90%;
}
.MessageSection_MessageForm input,
.MessageSection_MessageForm textarea{
	font-size: 9pt;
}
#MessageSection14 .MessageForm_InputItem {
	margin-top: 1em;	
}
#MessageSection14 .MessageForm_InputItem .inputRadio{
	margin: 0 .5em 0 1em;
}
#MessageSection14 .MessageForm_InputItem .inputCheckbox,
#MessageSection14 .MessageForm_InputItem .inputMultiCheckbox{
	margin: 0 .5em 0 0;
}
.MessageSection_MessageForm label{
	font-weight: bold;
	color: #444;
}
.MessageSection_MessageForm table tr td{
	padding: 1px 0;
	min-width: 10em;
}

.MessageSection_MessageForm .formFieldRequiredMarker{
	font-size: 150%;
	padding-left: 4px;
	color: #cc0000;
}
.MessageForm_CurrentImage{
	text-align: center;
	color: #6179b8;
}
.MessageForm_CurrentImage img{
	padding: 2px;
	border: 1px solid #98b0d8;
	background: #fff;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.MessageForm_Buttons{
	margin-top: 1em;
}

.MessageSection_Message,
li.MessageSection_Message{
	cursor: move;
	list-style: none !important;

	padding: .5em !important;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	margin: .5em 0 !important;
	zoom:1;
}
.Message_Image{
	float:right;
	margin: .25em 0 0 .5em;
	text-align: center;
	clear:right;
}
.Message_ClickImgTxt{
	text-align: center;
	font-size:80%;
	line-height: 1.5em;
	color: #555;
	white-space: nowrap;
}
.Message_Image img{
	padding: 2px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.Message_Name{
	font-size:125%;
	font-weight: bold;
	margin: .25em 0;
}
.Message_Name a{
	text-decoration: underline !important;
}
.Message_Name a:hover{
	text-decoration: none !important;
}
.Message_UserInfo{
	font-size: 85%;
	padding: 0 .5em;
	margin-top: .25em;

	min-height:1.5em;
	height:auto !important;
	height:1.5em;
	clear: right;
}

.Message_Approved .Message_UserInfo{
	background-color: #6E85AB;
}
.Message_Unapproved .Message_UserInfo{
	background-color: #9d2629;
	color: #e38c8e;
}
.Message_Approved .Message_Label{
	color: #dae2f1;
}
.Message_Unapproved .Message_Label{
	color: #e38c8e;
}

.Message_UserInfo a{
	color: #fff !important;
	text-decoration: underline !important;
}
.Message_UserInfo a:hover{
	text-decoration: none !important;
}
.Message_Telephone{
	display: inline;
	margin-left: 4em;
	float:right;
}
.Message_Email{
	display: inline;
	float:right;
}
.Message_Website{
	display: inline;
}
.Message_Helpful{
	padding: .25em .5em 0 .25em;

}
.Message_HelpfulTitle{
	float:right;
	font-size: 85%;
	color: #555;
	padding: 0 2px;
	line-height: 1.5em;
}
.Message_HelpfulTitle em{
	font-weight: bold;
	font-style: normal;
}
.Message_HelpfulBtn{
	width: 23px;
	font-size: 85%;
	font-weight: bold;
	background-position: top center;
	background-repeat: no-repeat;
	float:right;
	padding-top: 17px;
	text-align: center;
	cursor: pointer;
	margin: 0 0 0.25em;
}
.Message_HelpfulYes{
	background-image: url(/cirkuit/includes/images/icons/thumbs/up-black.gif);
}
.Message_HelpfulNo{
	background-image: url(/cirkuit/includes/images/icons/thumbs/down-black.gif);
}

.Message_Rating{
	float: right;
	padding: 0 .5em 0 .25em;
}
.Message_Rating .rating{
	display: none; /* in HTML for microformats */
}
.Message_RatingStar{
	display: inline-block;
	width: 14px;
	height: 12px;
}
.Message_RatingStar_Full{
	background: url('/cirkuit/includes/images/icons/star-red-full.png') center center no-repeat;
}
.Message_RatingStar_Empty{
	background: url('/cirkuit/includes/images/icons/star-red-none.png') center center no-repeat;
}

.Message_SubmittedFromUrl,
.Message_Referrer,
.Message_User,
.Message_IpAddress,
.Message_Date{
	font-size: 80%;
	color: #555;
	text-align: right;
	padding-top:.25em;
	clear:right;
}
.Message_Referrer,
.Message_User,
.Message_IpAddress{
	color: #000;
	font-weight: bold;
}
.Message_SubmittedFromUrlTitle,
.Message_ReferrerTitle,
.Message_UserTitle,
.Message_IpAddressTitle{
	color: #333;
	font-weight: normal;
}
.Message_CustomField,
.Message_Text{
	font-size: 95%;
	line-height: 1.4em;
	margin-top: .5em;
}

.Message_ButtonAddNew{
	background: #e0e0e0 url(/cirkuit/includes/images/icons/pencil.gif) no-repeat scroll 15px .65em;
	padding: .5em .5em .5em 40px;
	color: #1281A9;
	cursor: pointer;
	border: 1px dashed #999;
	font-size: 110%;
	font-weight: bold;
	font-family: Tahoma, Helvetica, Arial, sans-serif;

	list-style: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	margin: .5em 0;
}
.Message_ButtonAddNew:hover{
	text-decoration: none;
	background-color: #d0d0d0;
}

.MessageSection_MessageForm .inputText{
	min-width: 250px;
	width: 94%;
	border: 1px solid #a5acb2 !important;
}
#Message_Phone{
	width: 115px;
}

.Message_CustomFieldLabel{
	display: inline-block;
	font-weight: bold;
	margin-right: 1.5em;
}


#MessageSection_MessageForm14 td{
	vertical-align: top;
}
#MessageSection_MessageForm14 .inputPassword,
#MessageSection_MessageForm14 .inputText{
	} 
#MessageSection_MessageForm14 .invalidFormInput {
	background-color:#FFD5D6;
	border:1px dashed #CC0000;
}
#MessageSection_MessageForm14 .tableColumn{
		min-width : 10em;
	}
#MessageSection_MessageForm14 label.invalidFormInput{
	color: #cc0000;
	font-weight: normal;
	background: none;
	border: none;
	padding-left: .5em;
		float:none;
	}
.MessageForm_StatusMsg{
	color: red;
	font-weight: bold;
	text-align: center;
}
#MessageSection_MessageForm14 .formFieldRequiredMarker{
	float: left;
}

li.MessageSection_Message{
	cursor: default;
}
.Message_Pending{
	color: #cc0000;
	font-size: 85%;
	margin-top: .5em;
}
.MessageSection_RatingSummary .fn{
	display: none;
}
.MessageSection_RatingSummary .rating-details{
	text-align: right;
	font-size: 90%;
	color: #999;
	margin-top: .5em;
}

.Message_ButtonAddNew{
	cursor: pointer;
	border: 1px dashed #999;
}

#MessageSection_MessageForm14{
	background: #ddd;
	color: #000;
	margin: 0 auto;
	padding: 1em;
	border: 1em solid #bbb;
	font-size: 13px;
		width: 420px;
	}
#MessageSection_MessageForm14 label{
	color:#000;
	font-weight: normal;
	font-size: 85%;
}
#MessageSection_MessageForm14 .MessageSection_ExtraInfo{
	color:#777;
	font-weight: normal;
	font-size: 85%;
}
.MessageForm_Buttons{
	text-align: right;
}
#MessageSection_MessageForm14 .inputPassword,
#MessageSection_MessageForm14 .inputText{
	border: 1px solid #a5acb2;
}
#MessageSection_MessageForm14 .formFieldRequiredMarker{
	font-size: 100%;
	float:none;
}
#MessageSection_MessageForm14 label.invalidFormInput{
	white-space: nowrap;
}
.Message_Pending{
	text-align: center;
}

.MessageSection_MessageForm .capImg{
	padding: 0 0 .5em;
	display: inline-block;
}
.MessageSection_MessageForm .capAnswer{
	display: block;
}
#MessageSection_MessageForm14 .capAnswer input.inputText{
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	float: none;
}
.MessageSection_MessageForm .capRefresh{
	font-size: 90%;
	display: block;
}
.MessageSection_MessageForm .capRefresh a{
	text-decoration: underline;
	cursor: pointer;
}

/* PAGINATION */
.resultsCountTop,
.resultsCountBottom{
	font-size: 85%;
	background:#f3f3f3;
	color: #777;
	padding: .25em;
	text-align: center;
}
.resultsCountBottom{
	clear:both;
}
.resultsPageLinks,
.resultsPageLinksBottom{
	font-size: 90%;
	font-weight:bold;
	background:#f3f3f3;
	color: #000;
	padding: .25em;
	text-align: center;
}
.resultsPageLinksBottom{
	clear:both;
}


						/* customize-ring-v2 */
html .customize-hero { background: var(--off-white); padding: 56px 24px 30px; text-align: center; }
html .customize-hero-eyebrow { font-size: 0.56rem; font-weight: 500; letter-spacing: 0.42em; text-transform: uppercase; color: rgba(var(--navy-rgb), 0.55); margin-bottom: 12px; }
html .customize-hero-title { font-family: var(--serif); font-size: clamp(2rem, 3.4vw, 2.9rem); font-weight: 300; color: var(--navy); line-height: 1.1; margin-bottom: 10px; }
html .customize-hero-title em { font-style: italic; color: var(--navy); }
html .customize-hero-sub { font-size: 0.76rem; color: var(--muted); max-width: 520px; margin: 0 auto; line-height: 1.8; }
html .customize-ring-name { display: none; margin-top: 14px; font-family: var(--serif); font-size: 1.05rem; font-style: italic; color: var(--navy); opacity: 0.7; }
html body.na-embed .customize-hero { padding: 40px 24px 22px; }
html .customize-body { max-width: 1040px; margin: 0 auto; padding: 28px 32px 56px; }
html body.na-embed .customize-body { padding: 8px 28px 32px; }
html .cust-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 28px; align-items: start; }
html .cust-panel { background: var(--off-white); padding: 26px 26px 8px; border-top: 2px solid var(--navy); }
html .cust-panel.plain { background: var(--white); border: 1px solid rgba(var(--navy-rgb), 0.1); border-top: 2px solid var(--navy); padding-bottom: 26px; }
html .cust-step { display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px; }
html .cust-step-num { font-family: var(--sans); font-size: 0.58rem; font-weight: 600; letter-spacing: 0.2em; color: var(--blue); }
html .cust-step-title { font-family: var(--serif); font-size: 1.45rem; font-weight: 300; color: var(--navy); line-height: 1.2; }
html .cust-section { margin-bottom: 20px; }
html .cust-label { font-size: 0.56rem; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(var(--navy-rgb), 0.6); margin-bottom: 9px; display: block; }
html .cust-optional { font-weight: 400; letter-spacing: 0.04em; text-transform: none; color: rgba(var(--navy-rgb), 0.45); font-size: 0.6rem; margin-left: 4px; }
html .shape-selector { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
html .shape-btn { background: var(--white); border: 1px solid rgba(var(--navy-rgb), 0.13); border-radius: 0; padding: 9px 4px 7px; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 4px; transition: border-color 0.2s, box-shadow 0.2s; }
html .shape-btn svg { width: 28px; height: 28px; color: var(--navy); }
html .shape-btn span { font-family: var(--sans); font-size: 0.56rem; font-weight: 500; color: var(--navy); letter-spacing: 0.04em; }
html .shape-btn:hover { border-color: rgba(var(--navy-rgb), 0.45); }
html .shape-btn.active { border-color: var(--navy); box-shadow: inset 0 0 0 1px var(--navy); }
html .metal-selector { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
html .metal-selector.two { grid-template-columns: 1fr 1fr; }
html .carat-tiles { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
html .metal-btn, html .carat-tile { background: var(--white); border: 1px solid rgba(var(--navy-rgb), 0.13); border-radius: 0; padding: 9px 4px; font-family: var(--sans); font-size: 0.62rem; font-weight: 500; color: var(--navy); cursor: pointer; text-align: center; white-space: nowrap; transition: border-color 0.2s, background 0.2s, color 0.2s; }
html .metal-btn:hover, html .carat-tile:hover { border-color: rgba(var(--navy-rgb), 0.45); }
html .metal-btn.active, html .carat-tile.active { background: var(--navy); border-color: var(--navy); color: var(--white) !important; }
html .cust-input, html .cust-textarea { width: 100%; box-sizing: border-box; border: 1px solid rgba(var(--navy-rgb), 0.18); border-radius: 0; padding: 11px 14px; font-family: var(--sans); font-size: 0.74rem; font-weight: 400; color: var(--navy); background: var(--white); outline: none; transition: border-color 0.2s; }
html .cust-input:focus, html .cust-textarea:focus { border-color: var(--navy); }
html .cust-textarea { resize: vertical; min-height: 84px; }
html .cust-input::placeholder, html .cust-textarea::placeholder { color: rgba(var(--navy-rgb), 0.5); }
html .cust-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
html .file-upload-label { display: flex; align-items: center; gap: 12px; border: 1px dashed rgba(var(--navy-rgb), 0.28); padding: 12px 14px; cursor: pointer; background: var(--white); transition: border-color 0.2s; color: var(--navy); }
html .file-upload-label:hover { border-color: var(--navy); }
html .file-upload-label svg { flex-shrink: 0; }
html .file-upload-text { font-family: var(--sans); font-size: 0.68rem; font-weight: 500; color: var(--navy); display: block; }
html .file-upload-sub { font-family: var(--sans); font-size: 0.58rem; color: rgba(var(--navy-rgb), 0.5); display: block; margin-top: 2px; }
html .file-selected { font-size: 0.65rem; color: var(--blue); margin-top: 6px; }
html .cust-submit-wrap { text-align: center; margin-top: 4px; }
html .cust-submit { display: block; width: 100%; background: var(--navy); color: var(--white); font-family: var(--sans); font-size: 0.64rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; border: 1.5px solid var(--navy); border-radius: 0; padding: 16px 20px; cursor: pointer; transition: background 0.2s, color 0.2s; }
html .cust-submit:hover { background: var(--white); color: var(--navy); }
html .cust-submit:disabled { opacity: 0.6; cursor: wait; }
html .cust-note { font-size: 0.6rem; color: rgba(var(--navy-rgb), 0.5); margin-top: 12px; line-height: 1.7; text-align: center; }
html .cust-success { display: none; background: var(--off-white); border-top: 2px solid var(--navy); padding: 44px 32px; text-align: center; max-width: 640px; margin: 0 auto; }
html .cust-success h3 { font-family: var(--serif); font-size: 1.9rem; font-weight: 300; color: var(--navy); margin-bottom: 12px; }
html .cust-success p { font-size: 0.78rem; color: var(--muted); line-height: 1.9; }
@media (max-width: 760px) {
  html .cust-grid { grid-template-columns: 1fr; gap: 20px; }
  html .customize-body, html body.na-embed .customize-body { padding: 8px 16px 40px; }
  html .metal-selector { grid-template-columns: repeat(2, 1fr); }
  html .carat-tiles { grid-template-columns: repeat(3, 1fr); } }
html .cms_ContactFeedbackForm{display:none!important}
html body.na-embed #nav,html body.na-embed footer,html body.na-embed #mobileMenu,html body.na-embed .search-overlay{display:none!important}
html body.na-embed{padding-top:0!important}
/* Former inline styles and the script-built validation line */
html .cust-row.cust-row-flush { margin-bottom: 0; }
html .cust-file-input { display: none; }
html .file-selected { display: none; }
html .cust-link { color: var(--blue); }
html .cust-validation { color: var(--error); font-size: 0.7rem; margin-top: 12px; text-align: center; }

						
