body
{
 font-size:14px;
 font-family: arial,helvetica,sans-serif;
 text-decoration: none;
 height:100%;
 background-color:#275299;

 color:#000;
 background-image: url(/images/topbg.jpg);
 background-repeat:repeat-x;
 margin:0px 0px 0px 0px;
}

#main
{ 
 	 width: 980px;  margin:0px; padding: 0px;
	min-height:550px;
  	
}

#main p
{
	padding:10px 0px 5px 4px;
	margin:0px;
}


#bodytext
{
	width:980px;
  background-image: url(/images/bdbg.jpg);

  background-repeat:repeat-y;

	margin: 0px 0px 0px 0px;
	min-height:560px;
}

#wrap 
{
margin: 0px auto;
padding: 0px 0px 0px 0px;
border: 0;
width: 980px;

	min-height:560px;

text-align: left;
}

#banner
{
	text-align:center;
}



h2,h3
{
	margin : 0px 0px 8px 0px;
	padding: 10px 0px 0px 0px;
}

h2.homepage
{
	margin : 5px 0px 8px 5px;
	font-size:31px;
	font-style: italic;

}


h1
{
	margin : 5px 0px 4px 5px;
	color : #000;
  font-size:42px;
	
}

   #logo {
      margin:0px 0px 0px 0px; padding:0;
      position:relative;
      width:563px; height:106px;
      overflow:hidden;

      }
   #logo span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:563px; height:106px;
      margin:0; padding:0;
      background:url(/images/deveron_jewellers.jpg) top left no-repeat;
      }



.browsegriditem
{
	color:#000;
}

.browsegriditem_desc
{
	font-size:12px;
  line-height: 1.2;
}

#subtitle {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
font-family: Arial, sans serif;
text-align: center;

}

#subtitle a, #subtitle a:link, #subtitle a:visited, #subtitle a:hover, #subtitle a:active 
{
	color:#d5d5d5;
text-decoration:underline;
}

#subtitle  h2{
font-size:1.5em;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding: 5px 0px 3px 15px;
background-color: #000000;
font-family: Arial, sans serif;
color: #FFFFFF;


}



#navbar
{

width:980px;

	background:#236d94;
	background: url(/images/tgrad.jpg);
	padding:0px;
	margin:0px;
	font-size:14px;
	height:32px;
	color:#cdce50;

	font-weight:bold;

}

#navbara
{
	
	padding:0px 0px 0px 0px;
}

#navbar ul
{
	float:left;
	height:22px;
	padding:0px;
	margin:0px;
	color:#fff;
}


.topnavb  a:link, .topnavb a:visited,  .topnavb a:active,
.topnav a:link, .topnav  a:visited, .topnav  a:active
{
text-decoration:none;
display:block;

height:22px;
float:left;
margin:3px 4px 0px 4px;
padding:5px 5px 0px 5px;
font-size:12px;
color:#fff;

text-align:center;


}

.topnavb  a:link, .topnavb a:visited,  .topnavb a:active
{
color:#fff;
background:#2c7bb1;
text-decoration:none;
}

.topnav  a:hover
{
text-decoration:none;
color:#fff;
background:#2c7bb1;
	


}

#search
{

float:right;
	margin:0px 5px 0px 0px;
	padding:0px;
}
#search form
{
	margin:0;
	padding:0;
	
}
#search input
{
	height:20px;
	width:146px;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	background:#fff;
	border:1px solid #e0e0e0;
	color:#808080;
	
}

#search input.formsubmit
{

width: 24px;
border: 0px;
height: 24px;
cursor: pointer;
margin: 3px 0px 0px 8px;
padding: 0px;
background: url(/images/mag.jpg) no-repeat left top;

	
}


#topborder
{
background-color:#1f427c;
background: url(/images/top.jpg) no-repeat left top;
height:7px;
padding:0px;
font-size:5px;
margin:10px 0px 0px 0px;
}


#foot
{
	background-color:#275299;
	background-image: url(/images/ft.jpg);
	background-repeat:no-repeat;
	color:#e0e0e0;
	padding:0px 0px 0px 0px;
	font-size:11px;
}



#foot  a:link, #foot  a:visited, #foot  a:active, #foot a:hover
{
	text-decoration:none;
		color:#e5e5e5;
}
#foot a:hover
{
	color:#999;
}

label
{
width: 200px;
float: left;
text-align: right;
margin-right: 0.5em;
color:#000;
display: block;
padding:0px;
font-weight:bold;
}

#tophead
{
	padding:0px 0px 0px 0px; 
	
	height:115px;

	width:980px;
  
}

#subtitle
{
	padding:0px 15px 0px 0px;
	margin:25px 0px 0px 0px;
	color:#d5d5d5;
	line-height:20px;
font-size:13px;
	width:370px;

  text-align:right;
  float:right;
}

.righto
{
	float:right;

}

.strap
{

}

#homegridimg
{
	
	 #position: absolute; 
	 #top: 50%;
	 display: table-cell;  
	 vertical-align: middle;
	 
}

#homegridimgb
{ 
	#position: relative; 
	#top: -50%;
	width:197px;
}

#bodycontent
{
	
	width:770px;

	margin:0px 8px 0px 0px;
	float:right;
	min-height:560px;
	
}

#navlist ul 
{
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size: 14px;
}

#navlist li 
{
margin: 0;

padding: 0px 0px 0px 0px;
}
#navlist a
{
display: block;
height:20px;
padding: 4px 0px 0px 9px;
margin: 0px 1px 0px 1px;

border-bottom: 1px  solid;

border-color: #e0e0e0;
}

#navlist a:link, #navlist a:visited 
{
color: #777;
text-decoration: none;
font-weight:normal;
}

#navlist a.subli 
{
margin: 0;
font-size: 13px;
padding: 4px 0px 0px 20px;
margin: 0px 1px 0px 1px;
}

#navlist a.sublilon
{
margin: 0;
font-size: 13px;
padding: 4px 0px 0px 20px;
margin: 0px 1px 0px 1px;
background-color: #e5e5e5;
font-weight: normal;
color: #111;
text-shadow: white 0px 1px 0px;
}

#navlist a:hover, #navlist a:active 
{

background-color: #f0f0f0;
font-weight: normal;
color: #000;
text-shadow: white 0px 1px 0px;
}
#navlist a.lon
{
background-color: #e5e5e5;
font-weight: normal;
color: #111;
text-shadow: white 0px 1px 0px;
}

h2
{
padding:15px 0px 2px 20px;
margin:0px;
font-size:28px;
color:#444;
height:35px;
font-weight:normal;
}


h3
{

	height:35px;
	color:#444;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;


	font-size:28px;
}


.topline
{


	height:35px;
	color:#444;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/topline.jpg);
	
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:28px;


}

.leftswirl
{
	float:left;
	margin:6px 5px 0px 0px;
}
.rightswirl
{
	float:right;margin:6px 0px 0px 0px;
}

#view a:link, #view a:visited, #view  a:active, #view  a:hover,
#browser a:link, #browser a:visited, #browser  a:active, #browser  a:hover
{
	text-decoration:underline;
		color:#888;
}


#view a:hover,
#browser a:hover
{

	color:#000;
}

#face
{
	margin:0px 0px 0px 5px;
	
}
#face a
{

border:none;
margin: 0;


}

#face a:link, #face a:visited 
{
background:#fff;
}

#face a:hover, #face a:active 
{
background:#fff;
}