/*	site.css com.vichara vstar website CSS rules	*/
@import url( 'base.css' );

body {
/*	margin: 0 auto;*/
/*	width: 776px;*/
	font-family: Arial, 'Trebuchet MS', Verdana, Sans-Serif;
	
	font-size: 62.5%; /* Resets 16px browser default 100% 1em to 10px */
	color: #222;
	
	/*border-right: solid #f00 1px;*/ 
	/*border-bottom: solid #f00 1px*/
}

#branding {
	height: 85px; 
	width: 775px;
	background: #fff right top no-repeat;
	border-bottom: solid #000 1px;
}
.vstar #branding { background-image: url('../vstar_img/banner_vstar.jpg'); }


#logo {
	height: 85px; width: 175px;
	background: right no-repeat url('../vstar_img/vichara_logo.gif');
	float: left;
}
#logo a {
	display: block;
	height: 85px; width: 175px;
}

#leftillu { 
	height: 430px; 
	width: 235px; 
	border-top: solid #fff 1px;
}

.vstar #leftillu {
	background: #424242 no-repeat url('../vstar_img/leftillu_vstar.jpg') 0px -1px;
}

#contact_atul {
	position: absolute;
	width: 175px;
	top: 360px;
	text-align: right;
	font-size: 11px; 
	line-height: 17px; 
	font-weight: bold; 
	color: #ccc;
}
#contact_atul a, #contact_info a:link, #contact_info a:visited { font-weight: bold; color: #ccc; }
#contact_atul a:hover, #contact_info a:active { text-decoration: underline; color: #fff; }



ul.subnav {
	padding-top: 40px;
	display: block;
	width: 235px;
	height: 200px;
}

ul.subnav li {
	line-height: 18px;
	text-align: left;
	margin-bottom: 4px;
}

ul.subnav em { font-size: 11px; font-weight: bold; }

ul.subnav li a, ul.subnav li a:link, ul.subnav li a:visited {
	display: block;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 15px;
	font-size: 11px;
	font-weight: bold;
/*	text-transform: uppercase;*/
	color: #000;
	background: #cde;
/*
	color: #fff;
	background: #60666c;
	background: #567 url('../vstar_img/arr9.gif') no-repeat  5px 2px;
	background: #cde url('../vstar_img/arr9.gif') no-repeat  5px 2px;
*/	opacity: .70;
}

ul.subnav li a:hover, ul.nav_top li a:active {
	text-decoration: none;
	color: #036;
	opacity: .75;
	background: #fff url('../vstar_img/arr9b.gif') no-repeat  5px 2px;
}


.vbox {
/*	margin-top: 40px;*/
	float: left;
}

.vbox_top {
	display: block;
	width: 175px;
	height: 70px;
	background: no-repeat url('../vstar_img/vbox_top.png');
}

.vbox_top h2 {
	font-size: 14px;
	font-weight: bold;
	color: #222;
	padding: 14px 18px 0 10px;
}

.vbox_content {
	display: block;
	width: 175px;
	height: 290px;
	background: repeat-y url('../vstar_img/vbox_tile.png');
}

.vbox_content h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #048;
	margin: 0 22px 10px 10px;
}

.vbox_content ul { margin: 0 20px 24px 8px; }
.vbox_content li {
	font-size: 11px;
	line-height: 16px;
	padding-left: 11px;
	color: #333;
	font-weight: bold;
	background: url('../vstar_img/dot_10.png') no-repeat  -1px -1px;
}

.vbox_more {
	display: block;
	width: 175px;
	height: 35px;
	background: no-repeat url('../vstar_img/vbox_more.png');
	text-align: right;
}

.vbox_more a, .vbox_more a:link, .vbox_more a:visited {
	display: block;
	margin-right: 22px;
	font-size: 13px;
	line-height: 24px;
	font-weight: bold;
	color: #fff;
}
.vbox_more a:hover, .vbox_more a:active { color: #000; }

#product {
	margin-top: 40px;
	margin-left: 26px;
	font-size: 12px;
}

.title { margin-bottom: 20px; }

.twocols {
	float: left;
	width: 234px;
	padding-right: 18px;
}

#product h3 {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #058;
	margin: 0 0 10px 2px;
}

#product ul { padding: 0 0 25px 0px; }
#product li {
	font-size: 12px;
	line-height: 16px;
	padding-left: 19px;
	color: #111;
	background: url('../vstar_img/bull_1.gif') no-repeat  0px 1px;
}

#vfooter {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 14px;
	color: #111;
	padding-top: 15px;
	padding-bottom: 10px;
}

#vfooter a, #vfooter a:link, #vfooter a:visited { 
	font-family: Arial; 
	font-size: 11px;
	color: #777; 
}

#vfooter a:hover, #vfooter a:active { color: #111; text-decoration: underline; }

#vfooter h5{
	font-size: 10px;
	color: #111; 
	padding-top: 10px;
}

#homebar {
	display: block;
	width: 126px;
	height: 528px;
	background: url('../vstar_img/homemenu_bg.jpg') no-repeat;
}


ul.homenav {
	padding-top: 13px;
	display: block;
	width: 125px;
}

ul.homenav li {
	line-height: 30px;
	text-align: left;
}

ul.homenav li a, ul.homenav li a:link, ul.homenav li a:visited {
	font-family: Arial, Verdana, Sans-Serif;
	display: block;
	cursor: pointer;
	padding-left: 32px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: url('../vstar_img/harr.gif') no-repeat  15px 8px;
}

ul.homenav li a:hover, ul.homenav li a:active {
	text-decoration: none;
	color: #000;
/*	background: #fff;*/
	background: #efe url('../vstar_img/harr_on.gif') no-repeat  15px 8px;
	opacity: .35;
}



/*  top navigation  */

.topmenu {
	display: block;
	text-transform: uppercase;
	line-height: 17px;
	height: 17px;
}

.bar_lft {
	border-top: solid #444 0px;
	background: #424242 url('../vstar_img/tnavtile_lft.gif')  0px 0px;
	border-bottom: solid #444 1px;
}
.bar_rgt {
	border-top: solid #777 0px;
	background: #86c800 url('../vstar_img/tnavtile_rgt.gif')  0px 0px;
	border-bottom: solid #777 1px;
}

.nav_lft a, .nav_lft a:link, .nav_lft a:visited {
	float: left; 
	display: block;
	cursor: pointer;
	padding-left: 15px;
	padding-right: 4px;

	font-family: 'Trebuchet MS', Arial, Verdana, Sans-Serif;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #b0ff1c;
}
.nav_lft a:hover, .nav_lft a:active { text-decoration: none; color: #fff; }


.nav_rgt a, .nav_rgt a:link, .nav_rgt a:visited {
	float: left; 
	display: block;
	cursor: pointer;
	padding-left: 15px;
	padding-right: 3px;

	font-family: 'Trebuchet MS', Arial, Verdana, Sans-Serif;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #000;
}
.nav_rgt a:hover, .nav_rgt a:active { text-decoration: none; color: #fff; }


/*  end top navigation */







div#justifier { clear: both; width: 536px; }


.f_l { float: left }
.f_r { float: right }

.noDisplay { display: none; }
.noBorder { border: none; }

/* dev
----------------------------- */
#xml_check_btn {
	position: absolute; top: 14px; left: 600px;
	width: 88px;	height: 31px;
	background: url('../_img/valid-xhtml10-blue.png') no-repeat;
	opacity: .10;
}
#xml_check_btn:hover {
	background: url('../_img/valid-xhtml10.png') no-repeat;
	opacity: .25;
}

.out { outline-style: dotted; outline-width: 1px; }
.ole * { outline-style: dotted; outline-width: 1px;  }
/* * { outline: dotted 1px; }*/