body{
  
	background:#9abccb;
	font-family: Verdana, trebuchet MS, helvetica, sans-serif;
	color:#003a68;
	font-size:71%;
	margin:0;
}

a img{
 border:none;
 }

a {
 color:#c45071;
 text-decoration:underline;
 }

a:hover
{
	color:#136aaf;
	text-decoration:none;
}

.handcursor{
cursor:hand;
cursor:pointer;
margin-top:10px;
}

span.blue
{
	color:#306fb2;
}

div.wel
{
color:#a0c6e5;
font-size:14px;
text-align:right;
background:#fff;
padding:3px 9px;
font-weight:bold;
}


#container{
  width:710px;
  margin:10px auto;
  background:#fff url(images/bodybg.jpg) repeat-y;

 }
 

#header
{
  width:710px;
  height:22px;
  background:url(images/head.jpg) no-repeat center top;
  margin:0;
  padding:0;
}

#sidebar
{
	width:154px;
	background:url(images/sidebarbg.png) repeat-y right;
	float:left;
	padding-left:20px;
	font-size:10px;
}

#sidebar h1 
{
	text-align:center;
	font-size:12px;
	color:#306fb2;
	clear:right;
	margin-top:20px;
}

#sidebar h1.phone
{
background:url(images/phone.jpg) no-repeat 30px center; 
}


button 
{
	background:#9bb4d8 url(images/butt.jpg) repeat-x top;
	border:1px solid #333;
}

#wrap #loginc .btnlogin, .btnlogin
{
	background:#9bb4d8 url(images/butt.jpg) repeat-x top;
	border:1px solid #333;
	width:30px;
	margin-right:3px;
}

#contwrap #banner .btnlogin
{
	background:#9bb4d8 url(images/butt.jpg) repeat-x top;
	border:1px solid #333;
	width:30px;
}

#contwrap
{
 	margin-right:25px;
	display:inline;
	float:right;
	background:#f4f3f3;
	width:509px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
}

#contwide
{
	width:670px;
	margin:0 20px;
}
/*Main Menu Details*/

#nav{height:34px;
	width:100%;
	background:url(images/nav.png) repeat-x;
	margin: 0;

	}

#nav ul{
 margin:0 0 0 0px;
 padding:0;
 }	

#nav ul li{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 12px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
font-weight:bold
}

#nav ul li a
{
 padding:6px 9px 8px 9px;margin: 0;
 }

#nav a
{
color: #136aaf;
text-decoration: none;
display: block;
border-right: 1px solid #ebebeb;
}

#nav li#active,  #nav li#active a:hover, #nav a:active{
 background: url(images/navactive.gif) center bottom  no-repeat;
 }

#nav a.loginlink
{
background: url(images/navlog.png) repeat-x;
 color:#de121f;
}

#nav a.loginlink span 
{
background: url(images/packagei.gif) no-repeat left center;
padding-left:17px;
}

#nav a:hover {
 background: url(images/navh.png) repeat-x;
 color:#de121f;
 }

/******Sub Menu eg track packages details*****/

#subnav{height:26px;
	width:100%;
	padding: 3px 0 0 0;
	background:#fff;
	margin:0;
	}

#subnav ul{
 margin:0 0 0 0px;
 padding:0
 }	

#subnav ul li{
list-style-type: none;
margin: 0 3px 0 0;
padding: 0;
display: block;
float: left;
font: 11px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
font-weight:bold;
}



#subnav a
{
color: #85b7df;
text-decoration: none;
display: block;
background:#0b5ea1 url(images/tabs.jpg) top  repeat-x;
padding:3px 7px 4px 7px;margin: 0;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}


#subnav a:hover, #subnav ul li a#sactive, #subnav a:active {
border-right: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
background:#f4f3f3;
color:#de121f;
 }




/********Top Banner header details*******/


#banner
{
	background:url(images/banbg.jpg) repeat-x;
	width:100%;
	color:#fff;

}

#banner h1
{
	font-size:14px;
	margin:5px 0;
	border-bottom:1px solid #85b7df;
	color:#85b7df;
	text-indent:4px;
}

#banner h2{font-size:12px;color:#ffce09;margin:5px; text-indent:80px;}

#banner form {margin:5px 0 0 8px;}

#banner label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

#banner input {border:1px solid #81a0ce;background:#eef5fa
 url(images/form.jpg) 0 0 repeat-x;font-size:10px;padding:2px;}

.rgt {margin-left:90px;height:27px;}
#banner label {
	text-align: right;
	width: 70px;
	padding-right: 20px;
}

#banner br {
	clear: left;
}

/********Email and Sign Up image Rollovers*******/


a.email
{
	display: block;
    width: 254px;
    height: 89px;
    background: url("images/emailusroll.gif") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.email
{
	background-position: 0 -89px;
}

a.signup
{
	display: block;
    width: 255px;
    height: 89px;
    background: url("images/signuproll.gif") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.signup
{
	background-position: 0 -89px;
}

/********Content Details*******/


#content
{
	width:491px;
	background-color:#f6f6f6;
	padding:9px;	
}

#contentwide
{
	width:670px;
}
#content h1
{
	font-size:15px;
	border-bottom:1px solid #e8e8e8;
	text-indent:5px;
	color:#b21b24;
	
}

#content h2 {color:#136aaf;font-size:12px;margin:13px 0 9px 0;}
#content h3 {font-size:12px;}


#content p
{
 line-height:1.5em
}

#content .contact label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 2px;
}

#content .contact input {font-size:10px;padding:2px;}

#content ul {
	margin-left:20px;
	padding:0;
}

#content ul li
{
list-style-type:none;
padding-left:15px;
background:url(images/bullet.jpg) no-repeat 0 top;
margin:5px 0;
}

 .red, .redcenter 
{
	color: #a20b0b;
	font-weight:bold;
}

.redcenter
{
		text-align:center
}

a.acro 
{
	padding:5px 0 5px 20px;
	background:url(images/arcro.jpg) no-repeat 0 center;
}

a.html
{
	padding:5px 0 5px 20px;
	background:url(images/html.jpg) no-repeat 0 center;
}

a.word 
{
	padding:5px 0 5px 20px;
	background:url(images/word.jpg) no-repeat 0 center;
}

.center
{
	text-align:center;
}


/*Customer Details Form*/

#fname, #lname, #city
{
	width:80px;	
}

#is, #po 
{
	width:110px;
}

fieldset
{
	padding: 15px 10px;
	border:2px solid #e8e8e8;
	background:#fff;
	width:300px;
}
fieldset:hover
{
	border:2px solid #e3e3e3;
}
fieldset form input
{
	border:1px solid #999;
}
/********Table Formating*******/
#packagebox {
width:444px;}

#packagedetails 
{
float:right;
width:280px;
height:135px;
padding:20px;
margin:0px 1px 0 0;
background:#136aaf url(images/banbg.jpg) repeat-x bottom;
color:#c6d6ee;
}

#packagedetails h1
{
font-size:15px;
}
/********Table Formating*******/


#packagebox table {
	font-size:10px;
}

#packagebox table tr td
{
	background:#e1eaee;
	padding:3px;
}

#content table tr td, #content table tr th
{
	padding:4px;
}

#packagebox table tr.odd td {
	background:#d8e0e8;
}


#packagebox table thead tr td
{
	background:#1569af url(images/tabs.jpg) bottom  repeat-x;
	color:#85b7df;
	font-weight:bold;
}

#packagebox table caption
{
	background:#f4f3f3;
	text-align: center;
	font-size: 16px;
	padding:3px
}

/********Two Home page columns for content*******/


.col1 
{
	width:235px;
	float:left;
	padding-right:9px;
	padding-bottom:50px;
	border-right:1px solid #e8e8e8;
}

.col2, .colm2
{
	width:235px;
	float:right;
	padding-left:9px;
	padding-bottom:50px
}

.colm1
{
	width:235px;
	float:left;
	padding-right:9px;
	padding-bottom:50px;
}

address
{
	margin-top:8px;
	font-style:normal;
}

.btnright
{
float:right;
margin-right:50px;
display:inline;
background:url(images/tabs.jpg) repeat-x bottom;
color:#85b7df;
}

table#newsletter
{
border-collapse:collapse;
}

table#newsletter tr td
{
padding:5px 10px;
}

.homehead
{
	background:#0b5ea1 url(images/tabs.jpg) top  repeat-x;
	color:#cfd5ed;
	font-size:17px;
}

.headred, .headredlarge
{
	background:#910808 url(images/bgred.jpg) top  repeat-x;
	color:#edcfcf;
	font-size:17px;
}


/**back site table formating**/

table#nodoc tr td, .evencell
{
	background:#e1eaee;
	padding:6px;
}

table#nodoc tr.odd td, .oddcell {
	background:#d8e0e8;
}


table#nodoc thead tr td, .tablehead
{
	background:#0b5ea1 url(images/tabs.jpg) top  repeat-x;
	color:#85b7df;
	font-weight:bold;
}


h6
{
	border-bottom:1px solid #e8e8e8;
	width:150px;
	font-size:13px;
	margin:8px 0;
}

.legend
{
	color:#b21b24;
}

.padd
{
	padding:3px;
}
/*Slogon*/

#slogon 
{
width:100%;
height:30px;
margin-top:15px;
}

#slogon img
{
	padding-left:65px;
	background:url(images/banbg.jpg) repeat-x 0 bottom;
}


/********Footer Details*******/

#footer
{
  width:710px;
  background:url(images/footer.jpg) no-repeat center bottom;
  margin:0;
  padding:0 0 20px 0;
  clear:both;
  text-align:right;
}

#footer p {
	padding:2px 0;
	text-align:right;
	margin-right:25px;
}


.rgtside {
	float:right;
	display:inline;
	margin-right:25px;
	width:300px;
	margin-left:20px;
}

/********Login Page Details*******/

#wrap
{
	width:507px;
	background:url(images/loginbg.jpg) repeat-y;
	margin:30px auto;
}

#loginh
{
	height:10px;
	background:url(images/loginhd.jpg) no-repeat center;
}

#logins
{
	float:right;
	width:160px;
}

#loginc, #packagebox
{
	float:left;
	border:1px solid #e5e7e8;
	margin-left:20px;
	display:inline;
	background:url(images/loginbg2.jpg) repeat-y right;
	padding:10px;
	line-height:1.5em;
}

#packagebox label
{
	float:left;
}
#packagebox input
{
	margin-left:0px;
}

#loginc
{
width:295px;}


#loginc h1
{
	color:#136aaf;
	font-size:16px;
	text-align:center;
	margin-bottom:7px;
}

#loginc label,input, #loginc textarea, #loginc select {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

#loginc label {
	text-align: right;
	width: 70px;
	padding-right: 20px;
}


#loginc input, #loginc textarea, #loginc select  {
	background:#f6f8f9;
	border:1px solid #abc6dc;
	padding:2px;
}

input[type="hidden"] {
    margin: 0;
    padding: 0;
    border:0;
    background:none;
    display:none;
}

.help {
	padding-left:20px;
	background:url(images/loginhelp.jpg) no-repeat 0 center;
}
.lock
{
	background:url(images/loginlock.jpg) no-repeat 100px center;
}

.error, .red
{
	color:#f50313;
	font-weight:bold;
}

.sent {color:green;font-weight:bold}

#loginft
{
	height:28px;
	background:url(images/loginft.jpg) no-repeat bottom;
	clear:both;
	width:507px;
}


.howsignup
{
	font-size:14px;
	font-family:arial;
	color:#a83337;
}

.signhow
{background:url(images/signhow.jpg) no-repeat 0
 center;border-bottom:1px solid #e3e3e3;padding-bottom:3px;font-size:16px}
#loginc table tr td.padding
{
padding-top:18px;
}

#loginc table tr td
{
	border-bottom:1px solid #f9f9f9;
}

.loginlabels
{
	text-align:right;
}