/********************************* Classes for XHTML default Tag *********************************/
body { margin:0px; padding:0px; font:0.70em verdana, tahoma, arial, sans-serif; text-align:left; line-height:130%; color:#4c4c4c; background: url(../siteimage/top_bg.gif) repeat-x 0% 0% #ffffff; }
form { display: inline; margin: 0px 0px 0px 0px; }
ul { padding:0px; margin:0px;  list-style-type:none; }
img { border:none; }
a:link, a:active, a:visited { color:#4c4c4c; text-decoration:none; cursor:pointer; }
a:hover { color:#ff9000; text-decoration:none; cursor:pointer; }
h1 { margin:0px; padding:0px; font:1.6em verdana, tahoma, arial, sans-serif; color:#ff9000; }
h2 { margin:0px; padding:0px; padding-bottom:5px; font:bold 1.3em verdana, tahoma, arial, sans-serif; color:#4c4c4c;  }
h3 { margin:0px; padding:0px; padding-bottom:5px; font:bold 1.1em verdana, tahoma, arial, sans-serif; color:#4c4c4c;  }
p { text-align:justify; padding:5px 0px; margin:0px; }

/************************ Classes for differentiation of background image ************************/

.main_box { width:820px; text-align:left;}
.popup_box { width:610px; text-align:left; padding:10px; }
.p_heading {
	float:left;
	width:100%;
	height:25px;
	padding-top:6px;
	margin-top:10px;
	background: url(../siteimage/popup_heading.gif) no-repeat left top;
	color:#000000;
	font-weight:bold;
	}

.header { width:100%; height:103px; background: url(../siteimage/logo.gif) no-repeat 0% 50%;}
.hline { background: url(../siteimage/hr_line.gif) repeat-x 0% 50%; }
.vline { background: url(../siteimage/vr_line.gif) repeat-y 50% 0%; }
.hlinelogo { background: url(../siteimage/hr_line.gif) repeat-x 0% 50%; height:1px; }

/********************************* Classes & ID of Main Part  ************************************/
.menu { background: url(../siteimage/menu_bg.gif) repeat-x 0% 0%; }
.menu li { float:left; }
.proicon li { float:left; }

.logobox1 { float:left; text-align:center; width:50%; padding:10px 0px 10px 0px; background: url(../siteimage/vr_line.gif) repeat-y 100% 0%; }
.logobox2 { float:right; text-align:center; width:49%; padding:10px 0px 10px 0px; }

.templatebox1 { float:left; width:47%; background: url(../siteimage/vr_line.gif) repeat-y 100% 0%; }
.templatebox2 { float:left; width:45%; padding-left:40px; }

.flashbox1 { float:left; width:49%; background: url(../siteimage/vr_line.gif) repeat-y 100% 0%; }
.flashbox2 { float:left; width:40%; padding-left:50px; }

a.menu:link, a.menu:active, a.menu:visited { padding:7px 3px 5px 3px; color:#4c4c4c; display:block; text-decoration:none; }
a.menu:hover { padding:7px 3px 5px 3px; color:#ff9000; display:block; text-decoration:none; }

a.activemenu:link, a.activemenu:active, a.activemenu:visited { padding:7px 3px 5px 3px; color:#ff9000; display:block; text-decoration:none; }
a.activemenu:hover { padding:7px 3px 5px 3px; color:#ff9000; display:block; text-decoration:none; }

.menu_left { background: url(../siteimage/menu_left.gif) no-repeat 0% 0%; width:10px; height:24px; padding-left:5px; }
.menu_center { background: url(../siteimage/menu_center.gif) no-repeat 0% 0%; width:24px; height:24px; }
.menu_right { background: url(../siteimage/menu_right.gif) no-repeat 0% 0%; width:26px; height:24px; }

#left_box { float:left; width:25%; border-top:none; border-right:1px solid #c6c6c6; border-bottom:1px solid #bbbbbb; border-left:1px solid #e7e7e7;}
.leftheading { background: url(../siteimage/left_heading_bg.gif) repeat-x 0% 0%; width:97% !important; width:100%; height:22px !important; height:30px; color:#ff9000; font-weight:bold; text-align:right; padding:7px 5px 0px 0px; }
.heading { color:#ff9000; font-weight:bold; }
span.heading { color:#ff9000; font-weight:bold; display:block; padding:5px 0; }

a.leftmenu:link, a.leftmenu:active, a.leftmenu:visited { display:block; text-align:right; padding:3px 7px; color:#4c4c4c; text-decoration:none; }
a.leftmenu:hover { display:block; text-align:right; padding:3px 7px; color:#ff9000; text-decoration:none; background: url(../siteimage/menu_arrow.gif) no-repeat 0% 50%; }

a.leftmenuactive:link, a.leftmenuactive:active, a.leftmenuactive:visited { display:block; text-align:right; padding:3px 7px; color:#ff9000; text-decoration:none; background: url(../siteimage/menu_arrow.gif) no-repeat 0% 50%; }
a.leftmenuactive:hover { display:block; text-align:right; padding:3px 7px; color:#ff9000; text-decoration:none; background: url(../siteimage/menu_arrow.gif) no-repeat 0% 50%; }

#content_box { float:right; width:73%; }

.bottom_part { background:#ffffff; height:22px !important; height:1px; font-size:1px; clear:both; }
#footer { background: url(../siteimage/footer_bg.gif) repeat-x 0% 0%; width:100%; height:65px; clear:both; }
a.designed_by { background: url(../siteimage/designed_by.gif) no-repeat 100% 0%; width:243px; height:18px; display:block; color:#ababab; text-decoration:none; }

/**.imgborder { padding:2px; border-top:1px solid #e6e6e6; border-right:1px solid #939393; border-bottom:1px solid #6a6a6a; border-left:1px solid #c5c5c5; }**/
.imgborder { padding:2px; border:1px solid #e0e0e0 }

.imgshadow {
  float:left;
  background: url(../siteimage/shadow.png) no-repeat bottom right !important;
  background: url(../siteimage/shadow_white.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.imgshadow img {
  display: block;
  position: relative;
  z-index:500;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  margin: -6px 6px 6px -10px;
  padding: 4px;
  }
.orangetxt { color:#ff9000; }

/****************************** classes for differentiation of link ******************************/

a.more:link, a.more:active, a.more:visited { color:#ff9000; font-weight:bold; text-decoration:none; background: url(../siteimage/more.gif) no-repeat 100% 50%; padding:5px 20px 5px 5px; }
a.more:hover { color:#4c4c4c; font-weight:bold; text-decoration:none; background: url(../siteimage/more.gif) no-repeat 100% 50%; padding:5px 20px 5px 5px; }

a.orange:link, a.orange:active, a.orange:visited { color:#ff9000; text-decoration:none; }
a.orange:hover { color:#4c4c4c; text-decoration:none; }

a.heading:link, a.heading:active, a.heading:visited { color:#ff9000; text-decoration:none; padding:5px 0px; width:220px; display:block; }
a.heading:hover { color:#4c4c4c; text-decoration:none; padding:5px 0px; display:block;  width:220px; }

a.black:link, a.black:active, a.black:visited { color:#4c4c4c; text-decoration:none; }
a.black:hover { color:#ff9000; text-decoration:none; }

a.footermenu:link, a.footermenu:visited, a.footermenu:active { color:#4c4c4c; text-decoration:none; padding:2px !important; padding:0px; background: url(../siteimage/footer_menu_line1.gif) repeat-x 100% 100%; }
a.footermenu:hover { color:#ff9000; text-decoration:none; padding:2px !important; padding:0px; background: url(../siteimage/footer_menu_line2.gif) repeat-x 100% 100%; }

a.footermenuactive:link, a.footermenuactive:visited, a.footermenuactive:active { color:#ff9000; text-decoration:none; padding:2px !important; padding:0px; background: url(../siteimage/footer_menu_line2.gif) repeat-x 100% 100%; }
a.footermenuactive:hover { color:#ff9000; text-decoration:none; padding:2px !important; padding:0px; background: url(../siteimage/footer_menu_line2.gif) repeat-x 100% 100%; }

.nav a { display:block; float:left; color:#3d3d3d; text-decoration:none; padding:1px 4px; margin-right:5px; border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #e1e1e1; border-bottom:1px solid #cccccc; margin-top:5px; }
.nav a:hover { display:block; float:left; color:#ff9000; text-decoration:none; padding:1px 4px; margin-right:5px; border-left:1px solid #e1e1e1; border-top:1px solid #cccccc; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; }

a.activenav:link, a.activenav:active, a.activenav:visited, a.activenav:hover { display:block; float:left; color:#ff9000; text-decoration:none; padding:1px 4px; margin-right:5px; border-left:1px solid #e1e1e1; border-top:1px solid #cccccc; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; }

/********************* classes for differentiation of padding, border & color ********************/
.graytext { color:#ababab; }
.keyword { font-size:0.1em; color:#ffffff; margin:0px; padding:0px; position:absolute; bottom:0px; display:none; }

/************************************ classes for form element ***********************************/

input { vertical-align: middle; margin:0px 2px 2px 0px; }
input,select { color:#4c4c4c; font-size:100%; font-weight:normal; font:0.70em verdana, tahoma, arial, sans-serif; }
textarea { color:#4c4c4c; font:0.70em verdana, tahoma, arial, sans-serif; border-top: #7c7c7c 1px solid; border-left: #7c7c7c 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; background-color: #ffffff; }

/************************************ Tab Content ***********************************/
.shadetabs li { display: inline; margin: 0;  font-size:1em; font-weight:bold; color:#ff9000; padding }
.shadetabs li a { color:#ff9000; text-decoration:underline; margin-right:3px; }
.shadetabs li a:hover { text-decoration: none; }
.shadetabs li.selected { text-decoration:none; }
.shadetabs li.selected a { color:#000; text-decoration: none; }
.tabcontentstyle { }
.tabcontent { display:none; }