*
{
	margin:0;
	padding:0;
	font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Lucida, Arial, Helvetica, sans-serif;
	color:	#6E6D6D;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
}

html
{
	height:100%;
	margin:0;
	padding:0;
}

body
{
	background-position:top center;
	background-color:#0c2739;
	padding:0px;
	padding:0px;
	overflow-x:hidden;
}

#page
{
	width:990px;
	margin:0px auto;
	background-position: top center;
	padding:0px;
	display:table;
}

#pageInner
{
	width:906px;
	float:left;
	height:100%;
	margin:15px 0px 15px 41px;
	display:inline;	
}

#innerContent
{
	width:820px;
	padding:0px 40px;	
}

#breadCrumb  
{
	padding:12px 0 5px 3px;	
	color:#6e6d6d;
	font-size:11px;
}

#breadCrumb a
{
	color:#6e6d6d;
	font-size:11px;
	text-decoration:underline;
}

#breadCrumb a:hover
{
	color:#237297;
}

a
{
	outline:none;
	text-decoration:none;
}

a img
{
	border:0;
}

a.underline
{
	color:#07384f;
	text-decoration:underline;	
}

a.underline:hover
{
	color:black;
}

a.default
{
	
}

a.default:hover
{
	color:#014d70;
}

#pageTitle
{
	clear: left;
	padding:5px 0;		
}

h1
{
	font-size:24px;
	color:#237297;
	font-weight:normal;
	line-height:32px;
}

#pageTitle h1
{
	padding-left:2px;		
}

h2
{
	font-size:18px;
	color:#237297;
	font-weight:normal;	
	line-height:22px;
}

.numbered
{
	background-repeat:no-repeat;
}

h2.numbered
{
	line-height: 30px;
	background-position:top left;
	background-repeat: no-repeat;
	padding-left: 45px;

}

.pageBox
{
	width:816px;
	float:left;
}

.pageBox#header
{
	width:906px;
	float:left;
}

.pageBorderBox
{
	width:816px;
	float:left;
	border-top: 1px solid #e7e5e5;
	border-bottom: 1px solid #e7e5e5;
	border-left: 2px solid #e7e5e5;
	border-right: 2px solid #e7e5e5;
}

.pageInnerBox
{
	background-repeat: repeat-y;
	width:787px;
	padding:15px;
	float:left;
}

.innerBotBorder
{
	padding-bottom:20px;
	background-repeat:no-repeat;
	background-position:15px 100%;
}

.pageInnerLeftBox
{
	width:377px;
	float:left;
	padding:0 31px 0 0;
}

.pageInnerLeftBox p
{
	padding:10px 20px 10px 46px;
}

.pageInnerRightBox
{
	width:376px;
	float:left;	
}

.pageBoxSplit
{
	border-top:1px solid #e7e5e5;
	border-bottom:1px solid #e7e5e5;
	background-repeat: repeat-y;
	width:787px;
	padding:15px;
	float:left;
}

div.menuBox
{
	width:906px;
	float:left;
	background-color:#e7e5e5;
}

div.menuBox span
{
	display:block;
	float:left;	
	padding:6px 3px;
	color:#666;
}

#subtm2
{
	width:190px;	
}

#subtm3
{
	width:170px;	
}

#subtm4
{
	width:160px;
}

#subtm6
{
	width:125px;	
}

.menuBoxHeading
{
	display:block;
	padding: 6px 0px 6px 0px;
    color: #A0A0A0;
	text-transform: uppercase;
	float:left;
	font-size:11px;
	font-weight:normal;
}

.menuBox a
{
	display:block;
	padding:6px 25px;
	color:#3b81a1;
	text-transform: uppercase;
	float:left;
	font-size:11px;
	font-weight:normal;
}

.menuBox a:hover
{
	color:black;	
}

#footerContainer .menuBox a
{
	padding:6px 18px;	
}


#headerLeft
{
	width:690px;
	float:left;	
	padding:10px 0 15px 0;
}

#headerLocale
{
	text-align: center;
	width:125px;
	float:right;	
	padding:0;
	color:#3b81a1;
	font-size:10px;
	line-height: 12px;
}

#headerLocaleCnt
{
	text-align: center;
	width:90px;
	float:left;	
	padding:0;
	color:#3b81a1;
	font-size:10px;
	line-height: 12px;
}

#headerLocale img
{
	display: block;
    margin-left: auto;
    margin-right: auto; 
}

#headerLocale a
{
	color:#3b81a1;
	font-size:10px;
	font-weight:bold;
	line-height: 12px;
}

#headerLeft img
{
	width:234px;
	height:49px;
	margin-top:5px;	
}

#headerRight
{
	float:left;
	width:132px;
	padding:5px 0px 15px 0px;
}

#headerRight a
{
	display:block;
	width:130px;
	text-align:right;	
}

#headerRight a:hover
{
	color:#237297;	
}

#headerRight a img 
{
	float:left;
	width:18px;
	height:16px;
	display:inline;	
}

#footerContainer
{
	padding-top:30px;
	float:left;	
}

#footerBot
{
	width:897px;
	float:left;	
}

#footerBotLeft
{
	width:580px;
	float:left;
	height:160px;
	overflow:hidden;
}

#footerBotLeft img
{
	float:left;
	margin:15px 15px 0px 5px;
	display:inline;
}

#footerBotRight
{
	width:315px;
	float:left;
	padding:19px 0 0 0;
}

#footerBotRight img
{
	float:right;
	margin-bottom:8px;	
}

#footerBotRight div#copy
{
	float:right;
	padding:3px;
	font-size:10px;
	text-align:right;
	width:310px;
}


ul
{
	list-style-type:square;	
}

/* general utitlity styles */

.trans
{
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
}

.opaque
{
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
}

.trans20
{
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
}

#preloader
{
	display:none;
}

img
{
	display:block;
}

p
{
	color:#6e6d6d;	
}

/* reusable floating elements */
#floater, #floater1, #floater2, #floater3, #floater4, #floater4 
{
	position:absolute;
	left: 10px;
	top:10px;
	z-index: 1000;
	visibility: hidden;
}

/* form elements */
label
{
	color:#6e6d6d;	
	text-align:right;
	padding-right:15px;
	background-repeat: no-repeat;
	background-position: top right;
	display:block;
	float:left;
	line-height:36px;
}

label.right
{
	color:#6e6d6d;	
	text-align:left;
	padding-left:10px;
	background-repeat: no-repeat;
	background-position: top right;
	display:block;
	float:left;
}

.fieldContainer
{
	float:left;	
	padding:10px 0;
}
	
.formRow
{
	float:left;	
}	
	
input.text
{
	border:1px solid #abadb3;
	color:#666;
	padding:2px;
	vertical-align:text-bottom;
}

/*
input.validation-passed
{
	background-color:white;	
}
*/

select
{
	border:1px solid #abadb3;
	color:#666;
	padding:1px;
}

option
{
	display:block;
	color:#666;
	padding:1px;		
}

.error-background, input.text.validation-failed
{
	background-color:#facb81;	
}

.label-error-background
{
	background-color:#facb81;	
	border:1px solid #999;
}

div#instructions.formRow
{
	padding: 10px 0pt 0pt 50px;
	width: 280px;
}

.formBlock
{
	float:left;
	padding:0 0 15px 0;	
}

input.checkbox, input.radio
{
	width:13px;
	height:13px;
	margin:0px;
	overflow:hidden;	
}

/* messages and warnings */

#success
{
	width:450px;
	padding:10px 15px 15px 70px;
	background-repeat:no-repeat;
	background-position: 15px 15px;
	margin-top:5px;
}

div.warning p
{
	color:#6e6d6d;
	line-height:18px;
	padding-bottom:10px;
}

div.warning h2
{
	padding:0px 0 10px 0;
}

#success p
{
	color:#6e6d6d;
	line-height:18px;
	padding-bottom:10px;
}

#success h2
{
	padding:5px 0 10px 0;
}

#success ul
{
	padding:0 0 0 25px;	
}

#success li
{
	padding:3px 0px;	
}

#userInfo
{
	width:420px;
	padding:10px 15px 25px 80px;
	background-repeat:no-repeat;
	background-position: 15px 15px;
	margin-top:5px;
}

#userInfo p
{
	color:#6e6d6d;
	line-height:18px;
	padding-bottom:10px;
}

div.warning
{
	background-repeat:no-repeat;
	padding:10px 0px 20px 65px;
	background-position:10px 10px;
	color:#6e6d6d;	
	width:490px;
}

div.inlinewarning
{
	background-repeat:no-repeat;
	padding:10px 0px 20px 65px;
	background-position:10px 10px;
	color:#6e6d6d;	
}

div.inlinewarning p
{
	border:1px solid #abadb3;
	background-color:#facb81;
	padding:10px 10px 10px 30px;
	margin:15px 0 0 0px;
}
	
#invalidsummary
{
	background-repeat:no-repeat;
	padding:0px 0px 15px 60px;
	margin:20px 0px 5px 15px;
	float:left;	
}

#invalidsummary ul, div.warning ul
{
	border:1px solid #abadb3;
	background-color:#facb81;
	padding:10px 10px 10px 30px;
	list-style-type: square;
	list-style-position:outside;
	width:420px;
	margin:15px 0 0 0px;	
}

#invalidsummary li, div.warning li
{
	color:#6e6d6d;
	line-height:24px;	
	padding-left:10px;
}

div.validation-advice
{
	color:#e8800a;	
}

.button
{
	cursor:pointer;	
}

	

.dashedBot
{
	background-repeat:no-repeat;
}

img.btn
{
	cursor:pointer;	
}

/* menus */

div.subMenuItem
{
	position:absolute;
	top:0px;
	left:0px;
	width:145px;
	padding:5px 15px 15px 15px;
	background-color:#e7e5e5;
	z-index:100;
	visibility:hidden;
	border:1px solid #CCC;
	border-top:0px;
}

div.subMenuItem ul
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

div.subMenuItem li
{
	margin:0px;
	padding:0px;	
}

div.subMenuItem a
{
	color:#3b81a1;
	font-size:11px;
	font-weight:normal;
	line-height:24px;
	text-transform:uppercase;
}

div.subMenuItem a:hover
{
	color:black;	
}

#coverallTop
{
	position:absolute;
	top:0px;
	left:0px;
	width:700px;
	height:94px;
	z-index:50;
	visibility:hidden;
	overflow:hidden;
}

#imgCoverallTop
{
	display:block;
	float:left;	
	width:2000px;
	height:94px;
}

#coverallTop a
{
	display:block;
	width:99%;
	height:83px;
}

#coverallBot
{
	position:absolute;
	top:127px;
	left:0px;
	width:700px;
	height:400px;
	z-index:50;
	visibility:hidden;
	overflow:hidden;
}

#imgCoverallBot
{
	display:block;
	float:left;	
	width:2000px;
	height:2000px;
}

#coverallBot a
{
	display:block;
	width:99%;
	height:99%;
}



/* short classes */	
.p0
{
	padding:0px;	
}

.pb0
{
	padding-bottom:0px;	
}

.bld
{
	font-weight:bold;	
}

.pb5
{
	padding-bottom:5px;	
}

.pt0
{
	padding-top:0px;	
}

.pt10
{
	padding-top:10px;	
}

.pt15
{
	padding-top:15px;	
}

.pt20
{
	padding-top:20px;	
}

.p15
{
	padding:15px;	
}

.p10
{
	padding:10px;	
}

.p5
{
	padding:5px;	
}

.pl20
{
	padding-left:20px;	
}

.ml20
{
	margin-left:20px;
}

.ml30
{
	margin-left:30px;
}

.mt0
{
	margin-top:0px;	
}

.mt5
{
	margin-top:5px;	
}

.mt10
{
	margin-top:10px;	
}

.mt15
{
	margin-top:15px;	
}

.mt20
{
	margin-top:20px;	
}

.mt30
{
	margin-top:30px;	
}

.mb5
{
	margin-bottom:5px;	
}

.mb10
{
	margin-bottom:10px;	
}

.mb30
{
	margin-bottom:30px;	
}

.fs10
{
	font-size:10px;	
}

.fs11
{
	font-size:11px;	
}

.c9
{
	color:#999;	
}

.hozCenter
{
	text-align:center;	
}

.vertCenter
{
	vertical-align:middle;
}
	
.tlRight
{
	text-align:right;	
}

.tlLeft
{
	text-align:left;	
}

.tlCenter
{
	text-align:center;	
}



#wizardContainer
{
	width:817px;
	height:500px;
}
#wizardContent
{
	width:815px;
	height:496px;
	float:left;
}

#wizardRight
{
	width:301px;
	height:496px;
	float:left;
}
#wizardLeft
{
	width:507px;
	height:496px;
	float:left;
}

/* ============== Ui General ===========  */

div.uiHeader
{
	width:308px;
	height:50px;
	float:left;
	overflow:hidden;
}

p#blurb
{
	height:18px;
	line-height: 18px;
	overflow:hidden;
	width:630px;	
}

#uiContainer
{
	width:308px;
	height:496px;
	overflow:hidden;	
}

#uiContent
{
	height:385px;
	width:308px;
	padding:0px;
	float:left;
}

#uiContent .uiRow
{
	width:288px;
	float:left;
	padding:10px;
}

#uiContent .uiBox
{
	width:268px;
	padding:0 0 0 10px;
	float:left;	
}

#uiFooter
{
	width:278px;
	height:20px;
	padding:15px;
	float:left;
	background-repeat:no-repeat;
	background-position:145px 17px;
}


#uiFooter #styleNext
{
	float:right;		
}


.uiSubHeader
{
	font-size:11px;
	font-weight:bold;
	color:#237297;
	padding:5px 0px 5px 0px;
	height:19px;
	width:288px;
	overflow:hidden;
}
	
a.wizBackLink
{
	line-height:36px;	
}

/* thumb images */

div#divFullImg
{
	width:230px;
	height:230px;
	margin:auto;	
}

#smallImages
{
	width:490px;
	float:left;
	height:110px;
	text-align:center;
	padding:25px 0 0 13px;
	visibility: hidden;
}

#smallImages img
{
	width:70px;
	height:70px;
	cursor:pointer;
}

#smallImagesTop
{
	width:490px;
	float:left;
	height:30px;	
}

#smallTopLeft
{
	width:270px;
	border-bottom:1px solid #e7e5e5;
	float:left;
	height:20px;
	text-align:left;
	margin-right:15px;	
}

#smallTopRight, #priceFloater #heading
{
	width:185px;
	border-bottom:1px solid #EEE;
	float:left;
	height:20px;
	text-align:left;
}

#priceTop, #topRightPrice
{
	font-size:18px;
	color:#237297;
	font-weight:bold;	
	width:125px;
	height: 50px;
	float:left;
	padding-left:20px;
	padding-top:30px;
	text-align: right;
}

div#divFullThumb, div#divTopImage, div#divFrontImage
{
	width:70px;
	height:70px;
	float:left;
	overflow:hidden;
	border:1px solid white;	
	margin:10px 10px 0 10px;
}

div#curBudget
{
	position:absolute;
	z-index:100;
	visibility:hidden;
	top:10px;
	left:10px;
	width:76px;
	padding:2px 0 0 15px;
	height:25px;
	overflow:hidden;
	background-repeat:no-repeat;
	font-size:11px;	
}

/* ========= STYLE UI ============ */	

.styleOption
{
	width:114px;
	float:left;
	text-align:center;
	padding:10px;
	font-size:11px;
	color:#999;
	font-weight:bold;
	cursor:pointer;
	margin:15px 8px 0 8px;
}

.styleOption a:hover
{
	color:#235174;
}

.styleOption img 
{
	margin:0 auto;
	border:1px solid white;
	width:90px;
	height:90px;
}

/* ========= DESIGN UI ================= */

#trayContentContainer
{
	width:283px;
	height:310px;
	overflow:hidden;
	position:relative;
}
		
#trayContent
{
	height:20000px;
	width:283px;
	position:relative;
	top:0px;
	right:0px;
}

#trayContent div
{
	width:70px;
	padding:0px 25px;
	background-color:white;
	float:left;
	margin:2px 0px 0px 15px;
	display:inline;
	text-align:center;
}

#trayContent div img
{
	width:70px;
	height:70px;
	border:1px solid white;
	cursor:pointer;
}

#trayLeft
{
	padding-bottom:5px;
}

#trayRight
{
	padding-top:5px;
}

#trayContent div.designOption
{
	height:115px;
	margin-top:30px;
	margin-bottom:0px;		
}

div.designOption a:hover
{
	color:#235174;
}

/* ========= DIAMOND UI ============ */	

#qualitySliderContainer
{
	width:288px;
	height:45px;
	float:left;
}

#sizeSliderContainer
{
	display:none;	
}

#bgQualitySlider, #bgSizeSlider
{
	width:288px;
	height:20px;
	background-repeat:no-repeat;
	
}

#qualityHandle, #sizeHandle
{
	width:15px;
	height:20px;
	background-repeat:no-repeat;
	top:-3px;
	cursor:pointer;
}

table#specs td
{
	padding:0;
	text-align:center;
	vertical-align:top;
}

td#tdCentreStone,  td#tdCentreStone span#csSpec, #sumCtw, #tdSumCtw
{
	font-size:17px;
	color:#237297;	
	font-weight:bold;
}

table#specs
{
	width:287px;
	margin-top:10px;	
}

#ctw, #priceSm, td#tdPriceCtw, td#tdCentreStone,  td#tdCentreStone span#csSpec, #sumCtw, #tdSumCtw
{
	font-size:17px;
	color:#237297;	
	font-weight:bold;
}
	
/* =======  advanced ========= */

#uiContent #advancedOuter
{
	float:left;
	padding-left:10px;
	width:288px;
}

#advancedContainer
{
	width:288px;
	height:20px;
	background-repeat:no-repeat;
	float:left;
	border-bottom:1px solid #e6e6e6;
	margin:0;
	overflow:hidden;
}

#advancedContainer a#advancedLink
{
	
}

#advancedContainer img#wizHelp
{
	position:relative;
	left:210px;
	top:-17px;
}

#advancedLabel
{
	width:280px;
	height:20px;
	float:left;
	padding-left:20px;
	
}

#advancedLabel img
{
	float:left;
}

#advancedLeft
{
	width:280px;
	height:180px;
	padding:0 0 10px 5px;
	float:left;
	background-color:white;
	margin-left:2px;
	display:inline;
}

.advancedSliderContainer
{
	width:267px;
	height:33px;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#237297;
	padding-left:3px;
}

.advancedSliderContainer span
{
	font-size:11px;
	color:#999;
	font-weight:normal;	
}

.advancedSliderContainer a
{
	font-size:11px;
	font-weight:bold;
	color:#237297;
}

#bgFsSlider,#bgCutSlider,#bgClaritySlider,#bgColorSlider
{
	width:265px;
	height:10px;
	background-repeat:no-repeat;
	overflow:hidden;
}
#fsHandle,#cutHandle,#clarityHandle,#colorHandle
{
	width:12px;
	height:6px;
	background-repeat:no-repeat;
	overflow:hidden;
	visibility:hidden;
	margin-top:4px;
}		

div#moreInfo
{
	padding:10px 0px;	
}

div#moreInfo img
{
	display:inline;	
	vertical-align: middle;
}

div#moreInfo a
{
	font-size:10px;
	font-weight:bold;	
}

div#moreInfo a:hover
{
	color:#237297;
}

	
td
{
	text-align:center;	
}	

td img
{
	margin:0 auto;
}

p
{
	width:600px;
	padding:10px 0 0px 3px;
}
	
/* =================== METAL UI ================ */

#metalBack
{
	float:left;
}

#metalNext
{
	float:right;
}

div#metalTrayContent .metalOption
{
	width:100px;
	float:left;
	padding:0px 0px 0px 25px;
	color:#999;
	margin-right:10px;
	margin-top:20px;
	margin-left:5px;
	text-align:center;
	height:130px;
	display:inline;
}

div#metalTrayContent div.metalOption a
{
	font-size:11px;
}

div#metalTrayContent div.metalOption a:hover
{
	color:#237297;
}

div#metalTrayContent div.metalOption img 
{
	border:1px solid white;
	width:80px;
	height:82px;
	margin:0 auto;
}

/* =========== SHAPE UI ============= */

#trayContent div
{
	margin-bottom:10px;
	margin-top:10px;
}

#trayContent div.shapeOption img
{
	width:60px;
	height:60px;
	display:inline;
	text-align:center;
}

#trayContent div.shapeOption a:hover
{
	color:#235174;
}

/* =============  CHECKOUT   ==================== */

#tblCheckout
{
	width:280px;	
}

#tblCheckout td
{
	text-align:left;
	font-size:11px;	
	vertical-align:top;
	padding:4px 0px 4px 10px;
}

#tblCheckout td a
{
	font-size:11px;	
}

#tblCheckout td.priceCheckout
{
	font-size:18px;
	color:#237297;
	font-weight:bold;	
	padding-top:7px;
}

img#checkoutNext
{
	float:right;	
}

#metalTrayContent
{
	position:relative;	
}

td.checkoutLeft
{
	
}

#uiFooterCheckout
{
	width:278px;
	height:35px;
	padding:0 15px 15px 15px;
	float:left;
	background-repeat:no-repeat;
	background-position:80px 16px;
}

#uiFooterCheckout img
{
	float:right;	
}

#uiFooterCheckout td
{
	width:278px;
}

/* ========= stats/price ========== */

#statsFloater
{
	position:absolute;
	z-index:50;
	top:10px;
	left:10px;
	visibility:hidden;
	width:210px;
	height:100px;
	padding:0px 0 10px 0px;
}

#statsFloater table
{
	width:210px;	
}

#statsFloater table td
{
	font-size:10px;
	vertical-align:top;
	text-align:left;
	padding-left:10px;
}

#statsFloater table td a
{
	font-size:10px;
}

#priceFloater
{
	position:absolute;
	width:168px;
	z-index:60;
	left:10px;
	top:10px;
	visibility:hidden;
	text-align:left;	
}

#topRightPrice
{
	float:left;	
}


/* =========  enquiry ============== */

div#enquiryFloater
{
	position:absolute;
	z-index:200;
	left:10px;
	top:10px;
	width:277px;
	height:464px;
	padding:15px;
	visibility:hidden;
	background-color:white;	
}

div#enquiryFloater td
{
	vertical-align:top;	
}

div#enquiryFloater table tr td.enquireLeft
{
	width:85px;
	padding:5px 0px 5px 0px;	
}

div#enquiryFloater table tr td.enquireLeft label
{
	line-height:36px;	
}

div#enquiryFloater td.enquireRight
{
	padding:10px 0px 5px 0px;	
	text-align:right;
	line-height:36px;
}

div#enquiryFloater td.enquireRight input
{
	width:170px;	
}

div#enquiryFloater td.enquireRight textarea
{
	width:170px;	
	height:120px;
}


div#enquiryFloater img
{
	float:right;
	margin-left:15px;
	cursor:pointer;
}

div#enquiryFloater td#enquireButtons
{
	padding-top:10px;
	padding-left:20px;
	padding-bottom:15px;
	background-repeat:no-repeat;
	background-position:58px 9px;
}

div#enquiryFloater td#enquireBlurb
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:50px;
	background-repeat:no-repeat;
	background-position:0px 13px;
}