body {
  /* background: #757575 url(/images/bg-global.png) repeat-x top;  */
  background: #E9E9E9;
  color: #333333;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}

a:hover {
  text-decoration:  underline;
}
a {
  color: #006699;
  text-decoration: none;
}
	
/* common codes */
.left { float: left;}
.right{ float: right;}
.clear{ clear: both;}
img {
  border: 0 none;
 }
html, body, div, ul, ol, dl, dt, dd, li, h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0;
}
em, i {
  font-style: normal;
}

p { padding: 0; margin: 0; }



#stdiagram {
 width: 449px;
 height: 355px;
 background: url(images/stdiagram.jpg);
 margin: 2px auto; padding: 0;
 position: relative;
}
#stdiagram li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
}

#stdiagram a {display: block;}

#ball1 {left: 14px; top: 301px; width: 80px; height: 47px;}
#ball2 {left: 160px; top: 319px; width: 90px; height: 44px;}
#ball3 {left: 179px; top: 52px; width: 91px; height: 30px;}
#ball4 {left: 311px; top: 76px; width: 83px; height: 40px;}
#ball5 {left: 365px; top: 303px; width: 83px; height: 46px;} 

#ball1 a {height: 50px;}
#ball2 a {height: 40px;}
#ball3 a {height: 40px;}
#ball4 a {height: 40px;}
#ball5 a {height: 40px;}

#ball1 a:hover {background: url(images/stdiagram.jpg) -14px -648px no-repeat;}
#ball2 a:hover {background: url(images/stdiagram.jpg) -160px -666px no-repeat;}
#ball3 a:hover {background: url(images/stdiagram.jpg) -179px -399px no-repeat;}
#ball4 a:hover {background: url(images/stdiagram.jpg) -311px -423px no-repeat;}
#ball5 a:hover {background: url(images/stdiagram.jpg) -365px -650px no-repeat;}


 #Layer1 {
	position:absolute;
	background-color:#ffffff;	
    padding: 10px 10px 10px 10px;		
	width:300px;
	height:282px;
	left: -360px;
	top: 8px;
	z-index:1;
	visibility: hidden;
}

 #Layer2 {
	position:absolute;
	background-color:#ffffff;	
    padding: 10px 10px 10px 10px;		
	width:340px;
	height:340px;
	left: -360px;
	top: 8px;
	z-index:2;
	visibility: hidden;
}

 #Layer3 {
	position:absolute;
	background-color:#ffffff;	
    padding: 10px 10px 10px 10px;		
	width:300px;
	height:238px;
	left: -360px;
	top: 8px;
	z-index:3;
	visibility: hidden;
}

 #Layer4 {
	position:absolute;
	background-color:#ffffff;	
    padding: 10px 10px 10px 10px;		
	width:330px;
	height:335px;
	left: -360px;
	top: 8px;
	z-index:4;
	visibility: hidden;
}

 #Layer5 {
	position:absolute;
	background-color:#ffffff;
    padding: 10px 10px 10px 10px;			
	width:300px;
	height:240px;
	left: -360px;
	top: 8px;
	z-index:5;
	visibility: hidden;
}
 
 
 
#pagewidth{ 
 width:844px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 /* height:74px;    */
 background-color:#6CB33F; 
 width:100%;
} 


#wrapper { 
  margin: 0 auto;
  background-color:#ffffff;   
  }

#leftcol{
 background-color:#ffffff;
 float: left; 
 padding: 20px 30px;	 
 display:inline; 
 position: relative; 
 width:36%; 
}
  
#rightcol{  
  background-color:#ffffff;   
 float: right; 
 display:inline; 
 position: relative; 
 width:56%; 
}


.benefitsbox
{
 border: 1px solid #49D319;  /* 1px green border */
 padding: 10px 10px;
}

#productleftcol{
 float: left; 
 padding: 10px 10px;	 
 display:inline; 
 position: relative; 
 width:35%; 
 margin-top: 8px; 
 margin-left: 20px;  
}
  
#productrightcol{  
 float: right; 
 padding: 10px 10px;
 display:inline; 
 position: relative; 
 width:55%; 
 margin-top: 8px; 
 margin-right: 20px; 
}

#productleftcol ul li {
   margin-left: 20px; 
   margin-bottom: 4px; 
   padding-left: 10px;
} 

#productrightcol ul li {
   margin-left: 20px; 
   margin-bottom: 4px; 
   padding-left: 10px;
}
   
.tag {
  width: 410px;
  float: right;
  margin-top: 8px;
}

.trailer {
  width: 397px;
  float: right;
  margin-top: 8px;
}

.server {
  width: 210px;
  float: right;
  margin-top: 8px;
}

.greyTxt {
  font-size: 11px;
  font-style: italic;
  color:#808080;
}

.redTxt {
  font-size: 12px;
  font-style: italic;
  color:#F63B3B;
}

.whiteTxt {
  color:#ffffff;
}
  
 /* footer*/
#footer {
  border-top: #727272 1px solid;
  background-color: #333333;
  font-size: 9px;
  color:#FFFFFF;
  text-transform: uppercase;	
  clear:both;	  
}
#footer .inner{
  padding: 15px 32px 5px 32px;	
}
#footer ul {
 float: right;
}
#footer ul li {
  display: block;
  float: left;
}
#footer a {
  color: #99ff00;	
}
#footer ul li a {
  color: #99ff00;
  background: url(images/divider-footer.png) no-repeat right;
  padding: 0 5px;
} 

#login-holder {
  width: 290px;
  float: right;
  margin-top: 15px;
}

#logo-holder {
  width: 520px;
  float: right;
  margin-top: 15px;
  margin-bottom: 15px;  
}

#trace-holder {
  width: 700px;
  float: right;
  margin-top: 15px;
  margin-bottom: 15px;  
}

.listview {
	  background-color:#339933;
	  border: #616161 1px solid;
	  color: #FFFFFF;
	  height: 20px;
	}
	
#tollfree {
  font-size: 17px;	  
   color: #ffffff;
  padding: 10px 20px;   
}

#tollfree i {
  font-size: 11px;
  font-style:normal;
}

#nav-holder {
   height: 19px;
   background: #33a3e3;	   
} 

#banner-holder {
   height: 202px;
}


#fullpage {
  padding: 20px 40px 10px 30px;  
  background-color:#ffffff;  
}
	
#fullpage ul li {
   margin-left: 40px; 
   margin-bottom: 4px; 
   padding-left: 10px;
} 	


	
.menu {
	background-color:#333333;
	color:#FFFFFF;
	height:19px;
	width:844px;
}
.menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
}
.menu li {
	display:inline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.menu li a {
	color:#FFFFFF;
	text-decoration:none;
	height:20px;
	display:block;
	float:left;
	background: url(images/nav-divider.png) no-repeat right;
	padding: 0 10px;
	text-transform:uppercase;
}
 

.menu li a:hover {
	background: #63E731;
	text-decoration:none;	
	}
.menu li a.active {
	background: #6CB33F;
	}


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* *** Float containers fix: */
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */