/* CSS Document */

 body 
 {
 	margin: 0; 
 	padding: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
 	color: #000; 
	background-color: #ffffff;
}
 body a:link { color: #626262; text-decoration: none;}
 body a:hover { color:  #656AB1; text-decoration: underline;}
 body a:visited { color:  #626262; text-decoration: none;}
 body a:visited:hover { color:  #656AB1; text-decoration: underline;}
.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #777;
	border-right: 1px solid #999;
}

.pageHeading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #525252;
	border-bottom: 2px solid #525252;
}

.contentfont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}
.smalltext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525252;
	text-decoration: none;
}

.smalltext a: link { color: #660000; text-decoration: none;}
.smalltext a: hover { color: #656AB1; text-decoration: underline;}
.smalltext a: visited { color: #660000; text-decoration: none;}
.smalltext a:visited:hover { color:  #656AB1; text-decoration: underline;}

.tinytext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #525252;
	text-decoration: none;
}

.main
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525252;
}
 .tabs {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	Background-color: #28C4D8;
	color: #ccc;
	font-weight: bold;
}
.retailName
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #525252;
}

 #container
 {
 	width: 800px;
	height: 400px;
 	margin: 0px auto;
 	color: #333;
	border: 5px solid #28C4D8;
}
#logo
 {
 	width: 130px;
	height: 79px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-color:#000;
 }

 #header
 {
 	width: 798px;
	height: 80px;
	Background-color:  #2a2a2a;	
}
#content
{
	width: 580px;
	margin: 0px auto;
	padding: 0px;
	color: #fff;
}

#footer
 {

 	width: 798px;
	height: 80px;
 	margin: 0px;
	padding: 0px;
	Background-color: #2a2a2a;

	border-bottom: 3px solid #28C4D8;
	text-align: center;
}
.footerclass
{
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
}
.footerclass a:link{
	color: #000;
}
.footerclass a:hover{
	color: #fff;
}
.footerclass a:visited{
	color: #000;
}
.footerclass a:visited:hover{
	color: #fff;
}
#navigation
{
	text-align: left;
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #28C4D8;
	height: 20px;
}
#submenu
{	margin: 0px auto;
	padding: 0px;
	text-align: left;
	font:Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 20px;
}
#submenu2
{	margin: 0px auto;
	padding: 0px;
	text-align: left;
	font:Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 20px;
	border-top: 1px solid #838383;
}
#navlist
 {
 	margin: 0px auto;
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
 	list-style-type: none;
	width: 100%;
 }

 #navlist li { display: inline; }

 #navlist a
 {
	color:   #000000;	
	padding: 0em 1em;
	text-decoration: none;
	
 }
 #submenu #navlist a
 {
	color: #ffffff;
	padding: 0em 1em;
	text-decoration: none;
	
 }
  #submenu #navlist a:hover
 {
	color: #0066CC;
	padding: 0em 1em;
	text-decoration: none;
	
 }
 #navlist a:hover
 {

 	color: #ffffff;
	 }
#nav_active a {
	color: #ffffff;
}

#sub_active a {
	color: #ffffff;
}
 
#image
 {
  	width: 798px;
	border-top: 3px solid #28C4D8;
	border-bottom: 3px solid #28C4D8;
	padding: 0px;
	margin: 0px;
	position: relative;
	left: -1px;
	background-color: #FFFFFF;
}
#nonimage
 {
  	width: 798px;
	border-top: 3px solid #0066CC;
	border-bottom: 3px solid #0066CC;
	padding: 0px;
	margin: 0px;
	position: relative;
	left: -1px;
	background-color: #FFFFFF;

}
#divScroll{
	width: 100%;
 	height: 300px;
	overflow: auto;
}
#home
 {
 	width: 798px;
	min-height: 300px;
	border-top: 3px solid #28C4D8;
	border-bottom: 3px solid #28C4D8;
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#quote
 {
 	width: 360px;
	height: 50px;
	font:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2a2a2a;
	margin-top: -60px;
	padding: 20px;
    text-align: left;
}
#quoter{float:right; margin-top: 10px;}
#club_house{margin: 10px 0 0 20px;}
#retail
 {
	min-height: 300px;
	border-top: 3px solid #28C4D8;
	border-bottom: 3px solid #28C4D8;

	background-image: url(http://www.vknagrani.com/catalog/themes/VKNagrani/images/retail.jpg);
}

.retailOver {
        background-color: #aabbdd;
}
.retailOut {
        background-color: #9a9a9a;
}
.errormess {
	Width: 600px;
	Background-color: #838383;
	border: 1px solid #626262;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}
.errortitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	border-bottom: 1px solid #626262;
}
.tabs, .tabs a:link{
	color: #333333;
}
.tabs a:hover{
	color: #ffffff;
}

#club_house{margin-top: 200px;font-family: Times New Roman; letter-spacing: 2px;}
#club_house a:link{color: #0066CC; display: block;  font-size: 100%;	}
#club_house a:hover{color: #2a2a2a; }