/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html{
	overflow-y:scroll;
	}

html, body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}

body {
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
}

/* Floaters */
.right {
	float:right;
}
.left {
	float:left;
}


/* Generic Links */

a:link, a:visited, a:active {
	color:#656668;
	text-decoration:none;
	font-size:1em;
}
a:hover {
	color:#7d7da9;
	text-decoration:none;
	font-size:1em;
}



/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/

#container {
	position:relative;
	width:800px;
	margin:auto;
	font-size: 1em;
	height: auto;
	border-bottom:solid;
	border-bottom-color:#dedfe0;
	border-bottom-width:3px;


}

#header {
	width:800px;
	Height:90px;
	background:url(../images/logo.jpg);
	
}

#navigation {
	width:800px;
	Height:44px;
	
}

#navigation-left {
	width:160px;
	height:autopx;
	float:left;
	padding: 0px 0px 0px 20px;
	wid\th:140px;
	margin: 15px 0px 20px 0px;
}

#swoosh {
	width:800px;
	height:65px;
	background:url(../images/swoosh.jpg);
	
}

#body-bg {
	width:800px;
	height:autopx;
	background:url(../images/img-background.jpg) repeat-y;
	
}

#body {
	width:794px;
	height:autopx;
	margin: 0px 3px 0px 3px;
}

#body-home {
	width:794px;
	height:390px;
	margin: 0px 3px 0px 3px;
	background:url(../images/hatton-jewellery-home-bg.jpg) bottom;

}

#body-main {
	width:600px;
	height:autopx;
	float:left;
	margin: 15px 0px 0px 20px;
}

#home-welcome {
	width:410px;
	height:autopx;
	margin: 0px 80px 0px 304px;
	padding: 20px 0px 0px 0px;

}

#footer {
	width:800px;
	height:55px;
	padding: 0px 3px 0px 3px;
	wid\th: 794px;
	
}

#footer-images {
	float: left;
	height:55px;
	
}

#footer-text {
	float: left;
	height:55px;
	
}


#main {
	width:880px;
	background:url(../images/bg_main.jpg) repeat;
	padding: 15px 63px 20px 63px;
	wid\th:754px;


}


#bodyarea {
	width:754px;
	background:url(../images/bodyarea.jpg) repeat;

}

#bodyarea {
	width:754px;

}

#bodyarea-left {
	float:left;
	width:518px;
	padding: 0px 15px 0px 0px;
	wid\th:503px;

}

#bodyarea-left2 {
	float:left;
	width:754px;
	

}

#bodyarea-right {
	float:left;
	width:235px;
	padding: 0px 0px 0px 15px;
	wid\th:220px;


}

.image-right-margin{
	float:right;
	margin: 0px 0px 20px 20px;

}

.image-left-diamond{
	float:left;
	margin: 0px 10px 50px 0px;

}

#image-left-diamond{
	float:left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 40px 0px;

}




  

/*--------------------------------------------------------------------------------------------
	Navigation
 --------------------------------------------------------------------------------------------*/

.offscreen {

	margin:0 0 0 -5000px;
}


#navigation ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	list-style: none;
	display: inline;
	text-align:left;
	float:left;
	letter-spacing:1px;

	
	
	}

#navigation li {
	padding: 0px 23px 0px 23px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
	text-align:left;
	float:left;
	
}

#navigation ul li.first {
	padding: 0px 23px 0px 33px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
	text-align:left;
	float:left;

}

#navigation ul li.last {
	padding: 0px 0px 0px 23px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
	text-align:left;
	float:left;
}


#navigation ul a:link
{
	color: #a7a9ac;
	text-decoration: none;
	
}

#navigation ul a:visited
{
	color: #a7a9ac;
	text-decoration: none;
	
}

#navigation ul a:active
{
	color: #a7a9ac;
	text-decoration: none;
	
}

#navigation ul a:hover
{
	color: #7d7da9;
	text-decoration: none;
	
}

/*--------------------------------------------------------------------------------------------
	Navigation Left
 --------------------------------------------------------------------------------------------*/

#navigation-left ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color: #a7a9ac;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#navigation-left li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	list-style: none;
}

#navigation-left ul a:link, #navlist a:visited
{
	color: #a7a9ac;
	text-decoration: none;
	
}

#navigation-left ul  a:hover
{
	color: #7d7da9;
}


/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a7a9ac;
	font-size:1.6em;
	margin:0;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a7a9ac;
	font-size:3.3em;
	margin:0;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;

}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a7a9ac;
	font-size:1.2em;
	margin:0;
	padding:0px 0px 0px 0px;
	margin: 23px 0px 0px 15px;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a7a9ac;
	font-size:1.2em;
	margin:0;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* Type */
p {
	color:#656668;
	font-size:0.92em;
	line-height:1.5em;
	margin:0;
}




.bold-italic{
	color:#b60b2d;
	font-size:0.92em;
	line-height:1.4em;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-style:italic;
}


.footertext
{
	float: right;
	font-size:0.70em;
	padding: 11px 23px 0px 0px;

}

#bodyarea-right ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	line-height: 1.6em;
	list-style: none;
	color: #000000;
	list-style-position:outside;
	list-style-image:url(../images/bullet.gif);
	margin: 0;
	padding: 0em 0em 0em 1em;
	text-indent: 0em;

}

#bodyarea-right li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	padding: 0px 0px 5px 3px;
	margin: 0px 0px 0px 0px;

	
}

#bodyarea-left ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	line-height: 1.6em;
	list-style: none;
	color: #000000;
	list-style-position:outside;
	list-style-image:url(../images/bullet.gif);
	margin: 0;
	padding: 0em 0em 0em 2em;
	text-indent: 0em;

}

#bodyarea-left li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	padding: 0px 0px 5px 3px;
	margin: 0px 0px 0px 0px;

	
}

#bodyarea-left2 ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	line-height: 1.6em;
	list-style: none;
	color: #000000;
	list-style-position:outside;
	list-style-image:url(../images/bullet.gif);
	margin: 0;
	padding: 0em 0em 0em 4em;
	text-indent: 0em;

}

#bodyarea-left2 li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	padding: 0px 0px 5px 3px;
	margin: 0px 0px 0px 0px;

	
}

#double-col
{
	float:left;
	width:300px;
}

.image-margin{
	margin-top:10px;
	margin-right: 0px;
	margin-left: 0px;
}


/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
.email {
	font-size:0.9em;
	float:left;
	color:#666666;
	display:inline;
	width:150px;
	height:15px;
	float:left;
	padding: 5px 5px 5px 5px;
	margin: 0px 7px 0px 0px;
	border: #FFFFFF 1px solid; 
	font-family:Verdana, Arial, Helvetica, sans-serif;


}

.btn {
	height: 23px;
	width: 60px;
	text-align:center;
	background-color: #ded08f;
	border: 1px solid #ba0e31;
	text-decoration:none;
	cursor: pointer;
	font-family: Arial, Verdana, Tahoma; 
	font-size: 1em;
	padding: 2px 0px 5px 0px;
	margin: 20px 0px 10px 0px;
}


label {
	color:#000000;
	line-height:16px;
	width: 65px;
	float: left;
	text-align: left;
	margin:7px 10px 8px 0px;
	display: block;
	font-size:0.92em;

}

input {
	font-size:0.92em;
	color:#000000;
	display:inline;
	width:380px;
	height:16px;
	float:left;
	margin:5px 0px 10px 0px;
	padding: 2px;
	border: #a30046 1px solid; 
	font-family:Verdana, Arial, Helvetica, sans-serif;


}

textarea {
	font-size:0.92em;
	color:#000000;
	display:inline;
	width:380px;
	float:left;
	margin:5px 0px 10px 0px;
	padding: 2px;
	border: #a30046 1px solid; 
	font-family:Verdana, Arial, Helvetica, sans-serif;


}

.checkbox {
	font-size:1em;
	width:16px;
	height:16px;
	float:left;
	margin:5px 0px 10px 0px;
	padding: 0px;
	border:0;


}

  .save
{
	width: 130px;
	height:27px;
	float: left;
	text-align:center;
	display: block;
	margin:5px 0px 20px 75px;
	padding: 0px;
	background-color:#ffffff;
}

.hidden {
display:none;
}