body {
	margin: 0; 
	color: #000;
	background: #A30017;}
body#popwin {
	margin: 0 10px; 
	background: url(/img/bg_popwin.jpg) repeat-x #FFF;
	color: #000;}
/* - - - GENERIC FONTS - - - */
body,div,td,p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;}
h1 { 
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	margin: 0 0 6px 0;}
h2 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 12px 0 6px 0;}
h3 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	margin: 12px 0 4px 0;}

h4 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin: 12px 0 4px 0;}
	
#menu-left h2 {
	margin: 5px 0 2px 0;
	color: #999;}
a {
	text-decoration: none;
	/*color: #06C;*/
	color: #A30017;
	font-weight: bold;}

.a-menu {
	text-decoration: none;
	/*color: #06C;*/
	color: #A30017;
	border-bottom: 1px solid #000000;}

a:hover {
	text-decoration: none;
	color: #A30017;}
	
.listtable a {
	font-weight: bold;}

	
p { 
	margin: 0 0 16px 0;}
	
.date {
	color: #999;}
	
.intro {
	font-weight: bold;}
.alert {
	color: #C00;}
	
/* - - - - IMAGES - - - - */
img {
	border: none; }
img#viplogo {
	border-bottom: 1px solid #999; }
img.textimg {
	float: left;
	margin: 0 1em 1em 0; }
img.textimgview {
	float: right;
	margin: 0 0 1em 1em; }
img.icon {
	margin: 0 5px 0 0; }
img.vcard {
	margin: 0 0 5px 0; }
.pictogram {
	float: left; 
	margin: 0 10px 10px 0;}
	
/* - - - - FORM - - - - */	
form {
	margin: 0;}	
	
input,select,textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;}
.field {
	width: 100%;}
	
	
/* - - - - LAYOUT - - - - */
#wrapper {
	height: 100%;
	background: #FFF;}
	
#main-table {
	background: url(http://www.ageratec.com/img/graphicalelements/ageratec_arrow_bc_grey2new.jpg) no-repeat left top #FFF;
	width: 940px; }

#reseller-table {
	background: url(http://www.ageratec.com/img/Ageratec_Reseller_dim.jpg) no-repeat left top #FFF; }

#reseller-table-se {
	background: url(http://www.ageratec.com/img/Ageratec_Reseller_dim_se.jpg) no-repeat left top #FFF; }
	
.menu-main {
	background-color: #FFF;}
	
#main-content {
	width: 575px; }
	
#menu-left {
	padding: 20px 0 20px 0;
	margin: 0;
	width: 150px;}
	
#left {
	width: 165px;}
	
#right {
	width: 200px;}
	
#menu-left .leftitem {
	padding: 10px 0 10px 15px;
	margin: 0;
	background: url(/img/dotline_h.gif) repeat-x left bottom;
	overflow: hidden;
	clear: both;}

#right-col {
	margin:0;
	padding: 20px 0 20px 0;
	width: 200px; }
	
#right-col .rightitem {
	padding: 10px 10px 10px 15px;
	margin: 0;
	/*background: url(/img/dotline_h.gif) repeat-x left bottom;*/
	clear: both;}
	
.rightcolfade {
	background: url(/img/bg_rightbtm.jpg) no-repeat left bottom #EAEDF4;}

#content {
	padding: 0px 15px 20px 0;	
	margin-top: 20px;
	background: url(/img/dotline_v.gif) repeat-y right bottom;}

#content .contentitem {
	padding:10px 0;
	margin: 0;
	background: url(/img/dotline_h.gif) repeat-x left bottom;
	clear: both;}
#content .no-bg {
	background: none;}

#content .content2item {
	padding:10px 0;
	margin: 0;
	background: url(/img/dotline_h.gif) repeat-x left bottom;
	clear: left;}
	
#footer {
	padding: 5px 0 20px 165px;
	color: #CCC; }
	
#popwin-head {
	border-bottom: 1px solid #CCC;}
	
/* - - - - TABLES - - - - */
th {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	background: url(/img/bg_th.jpg) repeat-y #FFF;
	background-color: #A30017;
	padding: 5px 5px;
	border-bottom: 1px solid #CCC; }
	
th.plain {
	color: #999;
	font-weight: normal;
	background: #FFF;}

.listtablex {
	width: 555px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: none;
	border-left: 1px solid #CCC;
	background-color: #FFF; }
	
.listtable {
	padding: 3px 5px;
	border-bottom: 1px solid #CCC; }
	
.listtable td.infocell {
	width: 40px; }
	
.listtable .listsubhead {
	color: #999;
	background: #EBEBEB;}

.content-table {
	width: 100%;}
	
.content-table td.leftcol {
	padding: 10px 20px 10px 0; 
	background: url(/img/dotline_v.gif) repeat-y right top;}

.content-table td.middlecol {
	padding: 10px 20px 10px 10px; 
	background: url(/img/dotline_v.gif) repeat-y right top;}
	
.content-table td.rightcol {
	padding: 10px 20px 10px 20px;}

.tabletwocols {
	width: 500px;}
	
.tabletwocols td.leftcol {
	padding: 0 20px 0 0;
	background: url(/img/dotline_v.gif) repeat-y right top;}
	
.tabletwocols td.rightcol{
	padding: 0 0 0 20px; }
	
.email-icon a {
	background: url(/img/icon/email_s.gif) no-repeat 0 3px;
	padding: 0 0 0 10px}
	
	
	

/* - - - TREE - - - */
.tree {
	padding: 0;
	margin: 0;}
.tree li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;}
.tree li a { 
	font-weight: bold;
	padding: 0 0 0 10px;
	display: block;}
.tree li a:hover { 
	/*background: #FAFAFA;*/}
.tree ul {
	padding: 0;
	margin: 0 0 3px 10px;}
.tree ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;}
.tree ul li a { 
	font-weight: normal; }
.tree li {
background: url(/img/tree_plus.gif) no-repeat;
	}
	
/* - - - MENU ITEMS - - - */
#copyright {
	height: 15px; 
	padding: 0 5px 0 0; 
	font-size: 9px;
	color: #CCC; 
	text-align: right;}
#payoff {
	height: 74px; 
	padding: 30px 140px 0px 0px; 
	font-size: 24px;
	color: #A30017; 
	text-align: right;
	font-family: arial, verdana, helvetica, sans-serif;}
#language {
	height: 11px; 
	width: 950px; 
	padding: 1px 0px 1px 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 9px;
	color: #FFF; 
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #77787B;}
#logout {
	height: 15px; 
	padding: 0 5px 0 0; 
	text-align: right;}
#logout a { 
	padding: 0 0 0 12px;
	background: url(/img/menu/logout_btn.gif) no-repeat;
	font-weight: bold;
	}
	
	
	
	
/* - - - ROUNDED TABS - - - */
#menuheader-idle,#menuheader {
	height: 40px;
  float:left;
  /*width:100%;*/
  background: url("/img/menu/menubg.gif") repeat-x bottom #FFF;
  font-size:12px;
  line-height:normal;
  }
#menuheader ul {
  margin:0;
  padding:14px 0 10px 0 ;
  list-style:none;
  }
#menuheader-idle ul {
  margin:0;
  padding:10px 0 10px 0 ;
  list-style:none;
  }
#menuheader li {
  float:left;
  background:url("/img/menu/menuleft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 6px;
  }
 #menuheader-idle li{
  float:left;
  background:url("/img/menu/menuleft.gif") no-repeat left top;
  margin:0 0 0px 0;
  padding:0 0 0 6px;
  }
#menuheader a {
  float:left;
  display:block;
  background:url("/img/menu/menuright.gif") no-repeat right top;
  padding:10px 8px 4px 2px;
  text-decoration:none;
  font-weight:bold;
  }
 #menuheader-idle a {
  float:left;
  display:block;
  background:url("/img/menu/menuright.gif") no-repeat right top;
  padding:13px 8px 4px 2px;
  text-decoration:none;
  font-weight:bold;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menuheader-idle a,#menuheader a {float:none;}
/* End IE5-Mac hack */
#menuheader-idle a:hover,#menuheader a:hover {
  color:#C33;
  }
#menuheader #current {
  background-image:url("/img/menu/menuleft_on.gif");
  }
 #menuheader-idle .idletab {
  background-image:url("/img/menu/menuleft.gif");
  margin-bottom: 1px;
  }
#menuheader #current a {
  background-image:url("/img/menu/menuright_on.gif");
  color:#C33;
  padding-bottom:5px;
  }
 #menuheader-idle .idletab a {
  background-image:url("/img/menu/menuright.gif");
  padding-bottom:5px;
  }
  
  
  
	
/* - - - - MENUS - - - - */
ul#menutopnav {
	font: bold 10px verdana, arial, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0 0 24px 0;
	border-bottom: 1px solid #999;}

ul#menutopnav li {
	float: left;
	height: 24px;
	background-color: #FFF;
	background-image: url(/img/menutop_off.gif);
	margin: 0 0 0 0;}
ul#menutopnav li.first {
	float: left;
	height: 24px;
	background-color: #FFF;
	background-image: url(/img/menutop_off_plain.gif);
	margin: 0 0 0 0;}

ul#menutopnav li#activetab a {
color: #C33;
	background-color: #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	background-image: url(/img/menutop_on.gif);}
	
ul#menutopnav li#last a {
	background-color: #FFF;
	background-image: url(/img/menutop_last.gif);}
ul#menutopnav li#last {
	background-color: #FFF;
	background-image: url(/img/menutop_last.gif);}

#menutopnav a {
/*color: #C33;*/
	float: left;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 8px 4px 8px;}

#menutopnav a:hover { 
	background: #FFF;
	background-image: url(/img/menutop_on.gif); }
	

.menusub,.menusubsub {
	padding: 0;
	margin: 0;}

.menusub li {
	list-style: none;
	margin: 0;
	padding: 3px 0;}

.menusub li a { 
	font-weight: bold; }
	
.menusubsub li {
	list-style: none;
	margin: 0;
	padding: 3px 8px;}
.menusubsub li.on {
	list-style: none;
	margin: 0;
	padding: 3px 8px;
	background: url(/img/subsub_on.gif) no-repeat;}
	
.menusubsub li a { 
	font-weight: normal; }
	
.menusubsub li a.active { 
	font-weight: normal;
	color: #000; }
	
.menusubsub li#active a { 
	font-weight: normal;
	color: #C33; }