#div_container{
position: relative;
left: 50%;
margin-left: -400px;
width: 800px;
}




#div_header_home{
text-align: right;
color: #000000;
width: 780px;
height: 66px;
font-family: Arial, sans-serif;
font-size: 12px;
padding-top: 0;
background-image: url(/images/bg_header_home2.jpg);
background-repeat: no-repeat;
position: relative; 
/*line-height: 8px;*/
}

.info_box {
  float: right;
  width: 250px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 12px;
  border: 1px solid #00ccff;
  background-color: #ffffff;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

.info_box h4{
margin: 0 0 2px 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #00ccff;
color: #00ccff;
text-align: left;
font-family: Arial, sans-serif;
font-size: 12px;
}


#div_header{
text-align: right;
color: #000000;
width: 780px;
height: 91px;
font-family: Arial, sans-serif;
font-size: 12px;
padding-top: 0;
background-image: url(/images/bg_header.jpg);
background-repeat: no-repeat;
position: relative; 
/*line-height: 8px;*/
}

#logo-link { 
position: absolute; 
top: 0px; 
left: 0px; 
width: 250px; 
height: 91px; 
background-color: transparent; 
}	


#div_header a {
color: #000000;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}

#div_header a:hover {
text-decoration: underline;
}

#div_header_home a {
color: #000000;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}


#div_header_home a:hover {
text-decoration: underline;
}


#accountdivcontainer td {
font-family: Arial, sans-serif;
font-size: 10px;
}

#billingdivcontainer {
font-family: Arial, sans-serif;
font-size: 12px;
}

iframe {
height: 100%;
}

.highlight {
background-color: yellow;
}

#accountdivcontainer {
border: 1px solid #00ccff; 
background-color: #e5faff; 
width:760px; 
min-height:600px; 
height:auto !important; 
height: 600px; 
margin-bottom: 1em; 
padding: 10px;
font-family: Arial, sans-serif;
font-size: 12px;
}

#signupdivcontainer {
border: 1px solid #00ccff; 
background-color: #effae5; 
width:760px; 
min-height:700px; 
height:auto !important; 
height: 700px; 
margin-bottom: 1em; 
padding: 10px;
font-family: Arial, sans-serif;
font-size: 12px;
}

#signupdivcontainer a{
font-family: Arial, sans-serif;
font-size: 12px;
}

#homedivcontainer {
width:780px; 
min-height:600px; 
height:auto !important; 
height: 600px; 
margin-bottom: 1em; 
font-family: Arial, sans-serif;
font-size: 12px;
}


#div_footer{
border-top: 3px solid #b9b9be;
font-family: Georgia, Arial, sans-serif;
padding: 10px;
color: #b9b9be;
text-align: center;
width: 760px;
font-size: 12px;
}

#div_footer a {
color: #b9b9be;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}

#div_footer a:hover {
color: #00ccff;
text-decoration: underline;
}



#div_breadcrumbs{
padding-bottom: 10px;
font-family: Georgia, Arial, sans-serif;
color: #b9b9be;
text-align: left;
width: 780px;
font-size: 12px;
}

#div_breadcrumbs a {
color: #b9b9be;
text-decoration: none;
}

.welcome{
font: 12px Arial, sans-serif;
font-weight: bold;
color: #00ccff;
padding-top: 20px;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 300px;
	height: 250px;
	padding: 16px;
	border: 5px solid #00ccff;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.white_content input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font: 11px Arial, sans-serif;
background-color: #ffffff;
color: #102132;
border: 1px solid #00ccff;
}

.white_content input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font: 11px Arial, sans-serif;
background-color: #ffffff;
color: #102132;
border: 1px solid #00ccff;
}

.white_content input[type="submit"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 100px;
font: 11px Arial, sans-serif;
background-color: #00ccff;
color: #ffffff;
}

.white_content .cssform label{
font-family: Arial, sans-serif;
font-size: 10px;
float: left;
text-align: right;
margin-left: -125px; /*width of left column*/
width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.instructions {
color: #000000;
font-family: Arial, sans-serif;
font-size: 11px;
}

.offer {
font-family: Arial, sans-serif;
font-size: 12px;
color: #00ccff;
}

.price {
font-family: Arial, sans-serif;
font-size: 12px;
color: #000000;
}



.popup {
font-family: Arial, sans-serif;
font-size: 12px;
}

.popup h2{
font-size: 16px;
color: #00ccff;
}

.errorText {
font-family: Arial, sans-serif;
font-size: 11px;
color: red;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}

.white_content_preview {
	display: none;
	position: absolute;
	top: 10%;
	left: 10%;
	width: 800px;
	height: 600px;
	padding: 10px;
	text-align: center;
	border: 5px solid #00ccff;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.signup_heading {
font-family: Arial, sans-serif;
font-size: 14px;
color: #66cc00;
display: inline;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/images/bubble.gif) no-repeat bottom;
}
