﻿body
{
	margin: 0px auto 0px;
	background-color: #e8e8e8; 
	/*background-image: url(Images/bg3.gif);	*/
	background-image: url(Images/bluebg.jpg);	
	background-repeat:repeat-x;
	font-family: Verdana;
	font-size: 12px;
}
/* --- welcome --- */
#header_numbers
{
	display:none;
	clear: both;
	background-image: url(Images/header_numbers.gif);
	background-repeat: repeat-x;
	height: 16px;
	background-color: #CCCCCC;
	padding-top: 2px;
	font-size: 10px;
	color: #666666;
	text-align:right;
	padding-right:10px;
	padding-top:3px;
}
.txtbold
{
font-size:14px;
font-weight:bold;
padding: 5px;
}
.btnbold
{
font-size:14px;
font-weight:bold;
padding: 3px;
}
#welcome
{
	background-image: url(Images/welcome.jpg);
	background-repeat:no-repeat;
	margin: 0px auto 0px;
	height:500px;
}
#divmaintablecontainer
{
	border: 2px solid #C0C0C0;
}
#bdywelcome
{
	background-image: url(Images/bgwelcome.gif);
	background-repeat:repeat-x;
	margin: 0px auto 0px;
}
#welcome2
{
	background-image: url(Images/welcome2.jpg);
	background-repeat:repeat-x;
	margin: 0px auto 0px;
}
.boxbg
{
	 padding-left:8px; padding-top:5px; height:22px; background-color: #420B9D; color:#ffffff;
	 background-image: url(Images/boxbg.gif);
	background-repeat:repeat-x;
}
#divbluesquare
{
	background-image: url(Images/bluesquare.gif);
	width:270px;
	height:170px;
}
.leftmenucredit
{
	margin-top: 12px;
	margin-left: 15px;
	margin-bottom: 12px;
	background-image: url(Images/creditCardLogos.gif);
	background-repeat: no-repeat;
	height: 232px;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	padding-top: 4px;	
	padding-left: 10px;
}
.leftmembersof
{
	margin-top: 12px;
	margin-left: 15px;
	margin-bottom: 12px;
	background-image: url(Images/membersof.gif);
	background-repeat: no-repeat;
	height: 150px;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	padding-top: 4px;	
	padding-left: 10px;
}
.home_h1
{
	font-size: 20px;	
	font-weight: normal;
}
.home_h2
{
	font-size: 16px;	
	font-weight: normal;
	color: #800080;
	
}
#home_div, #home_div2
{
	background-image: url(Images/info_bg.gif);	
}	
#home_div p, #home_div2 p
{
	margin: 8px 5px 8px 5px;
	padding: 5px;
	/*background-color: #FF00FF;*/
	font-size: 11px;
}
/* --- ==== --- */
.divcallout
{
	border: 1px solid #DFDFDF;
	margin-top: 12px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #808080;
}
.divcallout div33
{
	font-size: 12px;
	font-weight: bold;
	color: #808080;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#leftmenu
{
	background-image: url(Images/leftmenubg.jpg);
	background-repeat:repeat-y;
	padding-top: 6px;
	width: 185px;
	background-color: #0066FF;
}
#leftmenu2
{
	background-image: url(Images/leftmenubg2.jpg);
	background-repeat:repeat-y;
	padding-top: 6px;
	width: 185px;
	background-color: #0066FF;
}
.divmenuhdr
{
	padding: 3px;
	background-image: url(Images/menuhdr.gif);
	width: 156px;
	height: 20px;
	margin-left: 11px;
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 14px;
	text-align:center;
}
.divmenuhdr2
{
	padding: 3px;
	background-image: url(Images/menuhdr2.gif);
	width: 156px;
	height: 20px;
	margin-left: 11px;
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 14px;
	text-align:center;
}
h1
{
	margin: 0px;
	color: #2e68ed;
	font-size: 18px;
}
h4
{	
	margin: 0px;
	font-size: 14px;
}
.p2
{
	margin-top: 8px;
	margin-bottom: 8px;
}
#container
{
	/*border: 1px solid #C0C0C0;*/
	margin: 0px auto 0px auto;
	width: 910px; /*background: #F0F0F0;*/
}
#maintable
{
	margin: 0px auto 0px;
	/*width: 835px;*/
	width:100%;
	background-color: #FFFFFF;
}
.menu2
{
	/*background-image: url(Images/menubg.gif);*/
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: table;
	font-size: 11px;
	background-color: #FFFFFF;
}
.menu
{
	/*background-image: url(Images/menubg.gif);*/
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #0066FF;
	display: table;
	font-size: 11px;
}
.mnulink, .mnuselected
{
	float: left;
	height: 20px;
	display: block;	
	text-decoration: none;
	color: #ffffff;	
	margin-left: 0px;
	font-family: 'Segoe UI';
	letter-spacing: 2px;
	width:100px;
	text-align:center;	
	padding-top:5px;
}
.mnuselected
{
	background-color: #333333;
	color: #ffffff;
}
.mnulink:hover
{
	background-color: #111111;
	color:#ffffff;
	/*text-decoration: underline;*/
}
.dvccontactoffice
{
	font-size: 14px;
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ffa300;
	margin-bottom: 4px;
	font-weight: bold;
	color: #D78B00;
}
.divname
{
	padding: 3px 2px 5px 25px;
	font-weight: bold;
	color: #800080;
	background-image: url(Images/gridheader.gif);
}
.divprice
{
	font-weight: bold;
	color: #2e68ed;
	font-size: 11px;
	
	/*height:100px;*/
}
.tdprice
{
	/*background-image: url(Images/gridcorner.gif);*/
}
.divtext
{
	color: #333333;
}
#footer
{
	/*background-color: #DFDFDF;*/
	background-image: url(Images/footer.gif);
	background-repeat:no-repeat;
	height:170px;
}
.footer_div
{
	margin-bottom: 10px;
	text-align: center;
	font-size: 10px;
	color: #666666;
	float: left;
}
#header
{
	background-color: #FFFFFF;
}
/* ==== Left Menu ==== */
#verticalmenu
{
	margin-left: 11px;
	margin-top: 5px;
	z-index:1000;
}
.ob_show_panel
{
	z-index:-100;
	
}
.glossymenu, .glossymenu li ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 160px; /*WIDTH OF MAIN MENU ITEMS*/
	border: 1px solid #CCCCCC;
	z-index:1000;
}
.glossymenu li
{
position: relative;
z-index:1000;
}
.glossymenu li a
{
	background: white url(Images/glossyback.gif) repeat-x bottom left;
	font: 12px Verdana, Helvetica, sans-serif;
	color: #000000;
	display: block;
	width: auto;
	padding: 5px 0 7px 5px;
	text-decoration: none;
	width: 155px;
	z-index: 1000;
}
.glossymenu li ul
{ /*SUB MENU STYLE*/
position: absolute;
width: 240px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
z-index:1000;
color: #000000;
}
.glossymenu li ul li
{
float: left;
z-index:1000;
}
.glossymenu li ul a
{
width: 235px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
z-index:1000;
color: #000000;
}
.glossymenu .arrowdiv
{
position: absolute;
right: 2px;
background: transparent url(Images/arrow.gif) no-repeat center right;
z-index:1000;
}
.glossymenu li a:visited, .glossymenu li a:active
{
color: #000000;
z-index:1000;
}
.glossymenu li a:hover
{
	background-image: url(Images/glossyback2.gif);
	color: #ffffff;
	z-index:1000;
}
/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; z-index:1000;}
* html .glossymenu li a { height: 1%; z-index:1000;}
/* End */




/* Servcomm Left Menu */

.glossymenu2, .glossymenu2 li ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 160px; /*WIDTH OF MAIN MENU ITEMS*/
	border: 1px solid #CCCCCC;
	z-index:1000;
}
.glossymenu2 li
{
position: relative;
z-index:1000;
}
.glossymenu2 li a
{
	background: white url(Images/glossyback2.gif) repeat-x bottom left;
	font: 12px Verdana, Helvetica, sans-serif;
	color: #000000;
	display: block;
	width: auto;
	padding: 5px 0 7px 5px;
	text-decoration: none;
	width: 155px;
	z-index: 1000;
}
.glossymenu2 li ul
{ /*SUB MENU STYLE*/
position: absolute;
width: 240px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
z-index:1000;
color: #000000;
}
.glossymenu2 li ul li
{
float: left;
z-index:1000;
}
.glossymenu2 li ul a
{
width: 235px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
z-index:1000;
color: #000000;
}
.glossymenu2 .arrowdiv
{
position: absolute;
right: 2px;
background: transparent url(Images/arrow.gif) no-repeat center right;
z-index:1000;
}
.glossymenu2 li a:visited, .glossymenu2 li a:active
{
color: #000000;
z-index:1000;
}
.glossymenu2 li a:hover
{
	background-image: url(Images/glossyback2.gif);
	color: #ffffff;
	z-index:1000;
}
/* Holly Hack for IE \*/
* html .glossymenu2 li { float: left; height: 1%; z-index:1000;}
* html .glossymenu2 li a { height: 1%; z-index:1000;}
/* End */


/* ==== Left Menu End ==== */
