/* generated by csscreator.com */ 
html, body{ 
 text-align:center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: lighter;
	line-height: 16px;
	margin: 0px;
} 


h1 {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0px 16px 0px;
}
 
#pagewidth{ 
 width:904px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
background-image: url("pagebg.gif");
background-position: top right;
background-repeat: repeat-y;
} 
 
#header{
 position:relative; 
 height:121px; 
  background-color:#CCCCCC; 
 width:100%;
background-image: url("banner.jpg");
background-position: top left;
background-repeat: no-repeat;
} 
 
#leftcol{
 width:173px; 
 float:left; 
 position:relative; 
 }
 
#twocols{
 width:731px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:291px; 
 float:right; 
 position:relative; 
 }
 
#maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:440px; 
 }
 
#footer{
  background-color:#CCCCCC; 
 clear:both;
 text-align: center;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}









a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bolder;
}
.standardtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: lighter;
	line-height: 16px;


}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bolder;

}
a:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bolder;
}
.imgborder {
	border: 1px solid #000000;

}


#topnav {
width: 100%;
height: 23px;
top: 96px;
position: relative;
font-weight: bold;
color: #000000;
line-height: 23px;
text-align: right;
}



.xtopnav:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
        line-height: 23px;
	color: #FFFFFF;
	margin-left: 4px;
	margin-right: 4px;
}

.xtopnav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
        line-height: 23px;
	color: #FFFFFF;
	margin-left: 4px;
	margin-right: 4px;
}
.xtopnav:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
        line-height: 23px;
	color: #FFFFFF;
	margin-left: 4px;
	margin-right: 4px;
}

.xtopnav:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
	color: #FFFFFF;
	margin-left: 4px;
	margin-right: 4px;
}





#footercontent {
background-color: yellow;
width: 98%;
height: 51px;
top: 0px;
position: relative;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.footnote {
z-index: 1;
float: left;
position: relative;
top: 8px;
left: 16px;
height: 12px;
color: #333333;
font-size: 12px;
}



#leftcolcontent {
left: 30px;
width: 135px;
position: relative;
}

#jewellery {
height: 21px;
width: 120px;
float: left;
position: relative;
}


ul {
margin: 0px;
padding: 0px;
}

li {
left: 16px;
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-decoration: none;
font-weight: lighter;
line-height: 22px;
}






li a:link {color: #666666; text-decoration: none; font-weight: bold; } 
li a:active {color: #666666; text-decoration: none; font-weight: bold; } 
li a:visited {color: #666666; text-decoration: none; font-weight: bold; } 
li a:hover {color: #666666; text-decoration: underline; font-weight: bold; }




.footnote a:link {color: #333333; text-decoration: none; font-weight: normal; } 
.footnote a:active {color: #333333; text-decoration: none; font-weight: normal; } 
.footnote a:visited {color: #333333; text-decoration: none; font-weight: normal; } 
.footnote a:hover {color: #333333; text-decoration: none; font-weight: normal; }


#designer_jewellery {
height: 10px;
width: 100%;
}

#rightcolcontent {
top: 28px;
position: relative;
width: 235px;
margin-left: auto;
margin-right: auto;
height: 340px;
overflow: auto;
}

#altfooter{
 background-color:#CCCCCC; 
 clear:both;
 text-align: center;
 height: 100px;
 }


#webdev {
color: #BBBBBB;
font-size: 10px;
top: 12px;
position: relative;
}

#webdev a:link {color: #BBBBBB; text-decoration: none; font-size: 10px; font-weight: normal; } 
#webdev a:active {color: #BBBBBB; text-decoration: none; font-size: 10px; font-weight: normal; } 
#webdev a:visited {color: #BBBBBB; text-decoration: none; font-size: 10px; font-weight: normal; } 
#webdev a:hover {color: #BBBBBB; text-decoration: none; font-size: 10px; font-weight: normal; }


#smallring {
height: 134px;
width: 132px;
background-image: url("images/smallringbg.jpg");
background-position: top left;
background-repeat: no-repeat;
}

#smallringinner {
width: 120px;
height: 120px;
top: 7px;
left: 6px;
position: relative;
cursor: pointer;
}

.imageOff{ 
border: 5px solid #FFF;
} 
.imageon{ 
border: 5px solid #999; 
} 

#bigringtop {
height: 12px;
width: 357px;
background-image: url("images/bigringtop.jpg");
background-position: bottom center;
background-repeat: no-repeat;
}

#bigringmid {
width: 357px;
background-image: url("images/bigringmid.jpg");
background-position: top center;
background-repeat: repeat-y;
}


#bigringbtm {
height: 12px;
width: 357px;
background-image: url("images/bigringbtm.jpg");
background-position: top center;
background-repeat: no-repeat;
}


#weddingtitle {
color: #333;
font-size: 16px;
font-weight: bold;
top: 25px;
position: relative;
clear: both;
}


#weddingtxt {
font-size: 12px;
top: 35px;
position: relative;
}







.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/arrowblueleft.gif) no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 20px;
margin: 0;
padding: 0;
float: left;
position: relative;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 40px;
height: 20px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 40px;
height: 20px;
border: 0
}













.cssnav2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/arrowblue.gif) no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 20px;
margin: 0;
padding: 0;
float: left;
position: relative;
}

.cssnav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 40px;
height: 20px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav2 img
{
width: 40px;
height: 20px;
border: 0
}












* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav2 a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}