/*********************
	TEXT STYLES
**********************/
body {
	margin:0;
	padding:0;
	font:small Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#606060;
	text-align:center;
}
#container{
	font-size:80%;
	line-height:1.8em;
}
a img {border: none; }
a:link, a:visited {
	color: #0b5292;
	text-decoration: underline;
}
a:hover {
	color:#3679AF;
	text-decoration: none;
} 
h1 {
	font-size: 250%;
	color: #1353bc;
	font-family:'Adobe Calson Pro', Garmond, 'Times New Roman', Serif;
	font-weight:normal;
	margin-top:0;
	padding-top:0;
}
#masthead h1{
	font-size:100%;
}

#toplinks a{
	color:#606060;
	text-decoration:none;
}
#topmenu a, h2{
	font-family:'Adobe Calson Pro', Garmond, 'Times New Roman', Serif;
	font-size:150%;
	text-decoration:none;
	text-transform:uppercase;
	color: #0b5292;
	font-weight:normal;
}
h2{
	margin:0 0 1em 0; padding:0;
}
h3{
	font-size:100%;
	margin-bottom:0;
}
h3 + p{
	margin-top:0;
}
#topmenu a:hover{
	color:#3679AF;
}
.breadcrumbs{
	line-height:1em;
	text-align:right;
	height:1em;
	font-size:83%;
}
ul#toplinks li{
	padding:0 2em;
	border-left:1px solid #ccc;
	line-height:normal;
}
ul#toplinks li.shoppingCart{
	border:none;
	background:url(../images/gfx/cart.gif) no-repeat left center;
}
ul#toplinks a:hover{
	color:#333333;
}
#footer{
	text-align:center;
	clear:both;
	font-size:90%;
}
#footer, #footer a:link, #footer a:visited{	
	color:#929292;
	text-decoration:none;
}
#footer a:hover{
	color:#606060;
}
/********************
	LAYOUT STYLES
********************/
html, body{
	height:100%;
}
body{
	margin:0 3%;
}
#container{
	min-height:100%;
}
#container{
	text-align:left;
	margin: 0 auto;
	max-width:1010px;
	min-width:897px;
	min-height:100%;
}
#footer{
	text-align:center;
	margin-left:19%;
}
#masthead{
	padding-top:1em;
}
ul#toplinks, #topmenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul#toplinks{
	float:right;
}
ul#toplinks li, #topmenu ul li{
	float:left;
}

#topmenu{
	margin-bottom:1em;
	position:relative;
	width:100%;
}
#topmenu ul{
	clear:both;
	padding:0.6em 0;
	padding-left:21%;
}
#topmenu ul li{
	padding:0 5em 0 0;
}
#main{
	width:100%;
	float: right;
	margin-left: -21%;
}
#main #content{
	margin-left: 21%;
	min-height:42em;
	padding:2em;
}
#menu{
	width: 20%;
	float: left;
	min-height:46em;
}
#breadcrumbs{
	font-size:80%;
	text-align:right;
}
.clear{
	clear:both;
	line-height:0px;
	height:0;
}
#topmenu, #menu, #content{
	background:#FFFFFF url(../images/gfx/gradient.gif) repeat-x 0 1px;
	border:1px solid #efefef;
}
#topmenu ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#topmenu ul{display: inline-block;}

/* Hides from IE-mac \*/
* html #topmenu ul {height: 1%;}
#topmenu ul{display: block;}

/* End hide from IE-mac */
#popup{
	text-align:left;
}
/*********************
	LOGO STYLES
*********************/
h1#logo a:link, h1#logo a:visited, h1#logo a:hover{
	height:46px;
	width:216px;
	margin:0;
	padding:0;
	line-height:0px;
	display:block;
}
h1#logo{
	height:46px;
	width:216px;
	margin:0 0 1em 0; 
	padding:0;
	line-height:53px;
	text-indent : -9999px;
	text-decoration:none;
	background:url(../images/gfx/solid-gold-logo.gif) no-repeat;
	display : block; 
}
/********************
	INTERNAL LAYOUT
********************/
#internal #content{
	padding-left:25%;
	position:relative;
}
#imgimage{
	position:absolute;
	top:2em;
	left:2em;
}
/*********************
	EDUKA FORM LAYOUT
**********************/
fieldset { margin-bottom: 10px; border:none; padding:0;}

.edukaform legend {
	padding: 0 2px;
	font-weight: bold;	
	margin: 0 -7px; /* IE Win */
}	
.edukaform label 
{
	float:left;
	vertical-align: top;
}	
.edukaform fieldset ol {
	margin: 0;
	padding: 0;
	}	
.edukaform fieldset li {
	list-style: none;
	margin: 0 0 5px 0;
	overflow:hidden;
	}
.edukaform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}	
.edukaform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
.edukaform fieldset fieldset label {
	display: block;
	width: auto;
	}
.edukaform em { /*required field asterix*/
	font-weight: bold;
	font-style: normal;
	color:red;
	}
.edukaform label { width: 30%;} /* Width of labels */
.edukaform fieldset fieldset label { margin-left: 30%; } /* Width plus 3 (html space) */
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
.edukaform .checkbox input, .edukaform .radio input{
	float:left;
}
.edukaform .checkbox label, .edukaform .radio label{
	width:auto;
	float:left;
}
.edukaform .checkbox{
	float:left;
}

.edukaform .error{
	display:block;
	padding:0;
	margin-left:30%;
	width:auto;
}
#Delivery_liFingerSizeControl br{
	clear:both;
}
#Delivery_liFingerSizeControl label, #Delivery_liFingerSizeControl select, #Delivery_liFingerSizeControl input{
	float:left;
	width:auto;
}
.input label{
	width:auto;
	float:none;
}
/******************
	FORM STYLES
******************/
.textbox, .textarea, .select{
	width:50%;
}
.select {width:50%;}
select#Delivery_cboFingerSize{
	width:auto;
}
.textbox, .select {
	border:1px solid #e4e4e4;
	height:1.5em;
}
.textarea
{
	border:1px solid #e4e4e4;
	font:130% Arial, Helvetica, sans-serif;
	height:60px;
}
#EditCart_dlProducts #EditCart_dlProducts_ctl01_txtQty{
	width:20px;
}
a.button:link, a.button:visited, a.button:hover{
	background:url(../images/gfx/button.gif) no-repeat center;
	text-decoration:none;
	display:block;
	width:86px;
	height:15px;
	text-align:left;
	text-indent:3px;
	margin:0;
	padding:0;
	line-height:15px;
	text-transform:lowercase;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #0b5292;
	cursor:pointer;
}
input.button{
	background:url(../images/gfx/button.gif) no-repeat center;
	text-decoration:none;
	display:block;
	width:86px;
	height:15px;
	text-align:left;
	text-indent:3px;
	margin:0;
	padding:0;
	line-height:15px;
	text-transform:lowercase;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
	color: #0b5292;
	cursor:pointer;
}
.edukaform .button, .edukaform a.button:link, .edukaform a.button:visited, .edukaform a.button:hover{
	margin-left:30%;
	display:block;
}
.edukaform a#Delivery_btnContinue{
	float:right;
	margin:0;
}
/*******************
	CATEGORY LANDING
********************/
.row{
	padding-bottom:1em;
	background:url(../images/gfx/border-bottom.gif) no-repeat center bottom;
}
#Engagement{
	padding-left:35%;
	padding-right:0;
	position:relative;
} 
.column{
	width:33%;
	float:left;
	text-align:center;
	background:url(../images/gfx/border-right.gif) no-repeat right center;
	margin-top:1em;
	padding-top:1em;
}
#ColumnContainer h2{
	margin-top:1em;
	padding-top:0;
}	
.noborder{
	background:none;
}
.category a.button, .category input.button{
	margin:auto;
}
#Engagement a.button, #Engagement input.button, #Engagement h2, #Engagement img{
	position:absolute;
	left:10%;
	top:15em;
}
#Engagement h2{
	left:6%;
	top:0;
}
#Engagement img{
	left:1%;
	top:2em;
}
.blurb{
	min-height:110px;
	margin:0 1em;
}
/********************
	CATEGORY LANDING
	engagement & jewellery
********************/
#Categories2_DisplaySubCategories .category {
	position:relative;
	float: left;
	width: 300px;
	height: 155px;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
	border: 1px solid #EBEBEB;
}
#Categories2_DisplaySubCategories .catimage {
	float: left;
	height: 100%;
}
/******************
	PRODUCT DETAILS
*******************/
em#Individual{
	background-color:#EFF8FF;
	display:block;
	padding:0.5em;
	border:3px solid #B5CDDF;
	margin-right:1em;
	color:#606060;
}
#Product1_lblLongDescr{font-weight:bold;}
#Product1_lblCert{
	padding-left:20px;
	background:url(../images/gfx/pdf.png) left center no-repeat;
	display:block;
	height:16px;
}
.price{
	font-weight:bold;
}
#product-details{
	float:left;
	width:100%;
	margin-right:-43%;
}
#product-details p{
	margin-top:1em;
	padding-top:0;
}
#product-details div{
	margin-right:43%;
}
#product-actions{
	width:40%;
	float:right;
	position:relative;
}
#product-buttons{
	position:absolute;
	right:0;
	top:1em;
	z-index:3;
}
a.buttonWhite, a.buttonGreen{
	margin-bottom:0.5em;
}
a.shortDesc:link, a.shortDesc:visited{
	width:65%;
	margin:auto;
	line-height:1.2em;
	display:block;
	text-decoration:none;
	color:#606060;
}
a.shortDesc:hover{
	color:#3679AF;
}
/********************
	PRODUCT GALLERY
*******************/
img{
	border:0;
}
#product-images{ /*container, sets the height of the large images, and width to constrain the thumbnails*/
	position: relative;
	height:200px;
	padding-left:220px;
	z-index:1;
	padding-top:1em;
}
#product-main-image{/*positions default image*/
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.thumb img{ /*sets the margins of the thumbnails*/
	border: 1px solid #efefef;
	margin: 0 0 3px 1px;
	padding:0;
}

.thumb:hover{ /*sets the cursor to the default arrow*/
	background-color: transparent;
	cursor:default;

}

.thumb:hover img{ /*highlights the hovered image by setting a border*/
	border: 1px solid #999999;
}

.thumb span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 0;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	margin:0;
}

.thumb span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0;
	margin:0;
}

.thumb:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 0; /*position where enlarged image should offset horizontally */
	z-index: 50;/*overlays the default image, by making it appear on top*/
}
.thumb:hover span img{
	border:0;
}

/*******************
	BUTTONS
********************/
.buttonWhite, #EditCart_lnkUpdate {
	color: #2D5695;
	background-image: url(../images/gfx/bg_buttonWhite.gif);
	background-repeat: no-repeat;
	padding-left: 4px;
	line-height:15px;
	text-align: left;
	line-height: 15px;
	width: 86px;
	display:block;
	font-size:10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	cursor:pointer;
}

a.buttonWhite:link, a#EditCart_lnkUpdate:link {
	color: #2D5695;
	text-decoration:none;
	cursor:pointer;
}

a.buttonWhite:visited, a#EditCart_lnkUpdate:visited {
	color: #2D5695;
	text-decoration:none;
	cursor:pointer;
}

a.buttonWhite:hover, a#EditCart_lnkUpdate:hover {
	color: #2D5695;
	text-decoration:none;
	cursor:pointer;
}

.buttonGreen {
	background-image: url(../images/gfx/bg_buttonGreen.gif);
	background-repeat: no-repeat;
	padding-left: 4px;
	text-align: left;
	color: #ffffff;
	line-height: 15px;
	width: 86px;
	display:block;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

a.buttonGreen:link {
	color: #ffffff;
	text-decoration:none;
	font-size:10px;
	cursor:pointer;
}

a.buttonGreen:visited {
	color: #ffffff;
	text-decoration:none;
	font-size:10px;
	cursor:pointer;
}

a.buttonGreen:hover {
	color: #ffffff;
	text-decoration:none;
	font-size:10px;
	cursor:pointer;
}

.buttonWhiteSml {
	background-image: url(../images/gfx/bg_buttonWhiteSml.gif);
	background-repeat: no-repeat;
	text-align: left;
	color: #006666;
	height: 15px;
	line-height:15px;
	width: 36px;
	display:block;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
	padding:0;
	margin:3px 0 0 0;
	text-indent:3px;
	cursor:pointer;
}

a.buttonWhiteSml:link {
	color: #006666;
	text-decoration:none;
	font-size:10px;
	cursor:pointer;
}

a.buttonWhiteSml:visited {
	color: #006666;
	text-decoration:none;
	font-size:11px;
	cursor:pointer;
}

a.buttonWhiteSml:hover {
	color: #006666;
	text-decoration:none;
	font-size:10px;
	cursor:pointer;
}
a.buttonNext:link {
	background-image: url(../images/gfx/bg_buttonNext.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	line-height:1.3em;
	text-align: left;
	color: #ffffff;
	height: 15px;
	width: 86px;
	display:block;
	font-size:10px;	
	text-decoration:none;
	/*position:absolute;
	right: 0;
	margin-top:-20px !important;
	margin-top:0;*/
	margin:0;
	text-transform:lowercase;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

a.buttonNext:visited {

	background-image: url(../images/gfx/bg_buttonNext.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	line-height:1.3em;
	text-align: left;
	color: #ffffff;
	height: 15px;
	width: 86px;
	display:block;
	font-size:10px;	
	text-decoration:none;
	/*position:absolute;
	right: 0;
	margin-top:-20px !important;
	margin-top:0;*/
	margin:0;
	text-transform:lowercase;
	font-weight:normal;
	cursor:pointer;
}

a.buttonPrev:link, a#EditCart_lnkBackToShop:link {
	background-image: url(../images/gfx/button-previous.gif);
	background-repeat: no-repeat;
	line-height:1.3em;
	color: #ffffff;
	height: 15px;
	width: 86px;
	display:block;
	font-size:10px;
	text-decoration:none;
	/*position:absolute;
	left: 0;*/
	margin:0.5em 0 0 0;
	text-indent:18px;
	text-align:left;
	text-transform:lowercase;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

a.buttonPrev:visited,a#EditCart_lnkBackToShop:visited {
	background-image: url(../images/gfx/button-previous.gif);
	background-repeat: no-repeat;
	line-height:1.3em;
	color: #ffffff;
	height: 15px;
	width: 86px;
	display:block;
	font-size:10px;
	text-decoration:none;
	text-indent:18px;
	text-align:left;
	text-transform:lowercase;
	font-weight:normal;
	cursor:pointer;
}
a.buttonPrev:link, a.buttonPrev:visited, a.buttonPrev:hover{
	color:#2D5695;
}
.buttonInvisible{
	height:0px;
	line-height:0px;
	width:0px;
	color:#fff;
	background-color:#fff;
	border:0;
}
/*******************
	CART STYLES
********************/
.cartheading{
	color: #2D5695;
	background-color:#F5F5F5;
	font-size:1em;
	padding-left:0.5em;
	margin-bottom:3px;
	line-height:1.5em;
	font-weight:bold;
	font-size:120%;
}
/*******************
	ITEM SEARCH BOX
******************/
.itemsearch{
	width:20%;
	position:absolute;
	right:0;
	top:0.5em;
	text-align:right;
}
.itemsearch .textbox, .itemsearch .button{
	float:left;
	padding:0;
	margin:0;
}
.itemsearch .textbox{
	width:70%;
	margin-right:10px;
	border:1px solid #e4e4e4;
	font-size:100%;
	padding:3px;
	color:#416297;
	background-color:#fff;
}
/********************
	CYOR TABLE
	DIAMOND SEARCH TABLE
********************/
table.CYOR, table.CYOR table.Grid{
	width:100%;
}
.CYOR .select, .diamondSearch .select{
	width:auto;
}
.cartHeading{
	color: #2D5695;
	background-color:#F5F5F5;
	font-size:1em;
	padding-left:0em;
	margin-bottom:3px;
	line-height:1.5em;
	font-weight:bold;
}
.separatorbackground { /* used throughout create your own ring */
	background-color: #F5F5F5;
	margin-top: 2em;
	line-height: 1.5em;
	padding-left:0.5em;
	padding-right: 1.5em;
	position:relative;
	min-height:3em;
}
.diamondSearch .buttonNext, .CYOR .buttonNext{
	position:absolute;
	right:0;
	top:0.8em;
}
.diamondSearch .separatorbackground .buttonPrev, .CYOR .separatorbackground .buttonPrev{
	position:absolute;
	left:0.5em;
	top:0.3em;
}
table#DiamondSearch1_dlCut, table#DYORDiamond1_dlCut{
	width:100%;
}
table#DiamondSearch1_dlCut td, table#DYORDiamond1_dlCut td{
	padding:0.2em;
}
#divPrev{position:relative;}
#divPrev .button{
	position:absolute;
	left:0.5em;
	top:0.3em;
	background-image:url(../images/gfx/button-previous.gif);
	padding-left:25px;
}
/******************
	ALERT STYLES
******************/
.warning{/*styles the warning messages*/
	background-color:#FFF4AD;
	padding:5px 5px 5px 50px;
	clear:both;
	margin-bottom:10px;
	background-image:url(../images/gfx/warning.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #DAB100;
	min-height:30px;
	color:red;
}

.failure{/*styles the failure messages*/
    background-color:#E84F4F;
	padding:5px 5px 5px 50px;
	clear:both;
	color:#fff;
	margin-bottom:10px;
	background-image:url(../images/gfx/failure.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #BF1212;
	min-height:30px;
}

.success{ /*styles the success messages*/
	background-color:#B5FFAD;
	padding:5px 5px 5px 50px;
	clear:both;
	color:#000;
	margin-bottom:10px;
	background-image:url(../images/gfx/success.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #53AA4A;
	min-height:30px;
}