/* CSS Document */
body { 
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
text-align: center;
}

a:link {
font-size: 12px;
text-decoration: none;
font-weight: bold;
color: #2E7E3E;
}

a:visited {
font-size: 12px;
text-decoration: none;
font-weight: bold;
color: #2E7E3E;
}

a:hover{
font-size: 12px;
text-decoration: underline;
font-weight: bold;
color: #000000;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
color: #2E7E3E;
font-size: 20px;
font-variant: small-caps;
text-align: left;
margin-bottom: -2px;
}

h2 {
font-size: 14px;
color: #000000;
font-weight: bold;
text-decoration: none;
margin-bottom: -1px;
text-align: left;
}

h3 {
font-size: 12px;
text-decoration: none;
font-weight: bold;
color: #2E7E3E;
margin-top: 5px;
margin-bottom: -3px;
}

h4 {
color: #2E7E3E;
font-size: 18px;
font-variant: small-caps;
text-align: center;
margin-top: 5px;
margin-bottom: 2px;
}

h5 {
color: #2E7E3E;
font-size: 17px;
text-align: left;
margin-left: 30px;
margin-top: 5px;
margin-bottom: -5px;
}

h6 {
font-size: 14px;
color: #000000;
font-weight: bold;
text-decoration: none;
margin-left: 30px;
margin-top: 5px;
margin-bottom: -1px;
text-align: left;
}

p {
font-size: 12px;
text-align: left;
}

p.white {
margin-left: 30px;
margin-right: 30px;
font-size: 16px;
color: #000000;
text-align: left;
}

p.white a {
font-size: 15px;
color: #2E7E3E;
text-align: left;
font-weight: bold;
}

p.white a:hover {
font-size: 15px;
color: #000000;
text-align: left;
text-decoration: underline;
font-weight: bold;
}
.green {
font-size: 12px;
text-decoration: none;
font-weight: bold;
color: #2E7E3E;
margin-top: 5px;
margin-bottom: -3px;
}

.disclaimer {font-size: 10px; text-align: center; }

.req {
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
font-weight: bold;
font-size: 12px;
}

/*----------------------------------------------------------------------*/
/* Body Container and Content Container */
/*----------------------------------------------------------------------*/
#body-container {
width: 920px;
text-align: center;
margin:0 auto;
padding: 0;
}

#content-container {
width: 920px;
height: 515px;
background: url(prepaid-images/content-bg.jpg);
background-repeat: repeat-y;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#content-container-site {
width: 920px;
background: url(prepaid-images/content-bg.jpg);
background-repeat: repeat-y;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#content-container-mis {
width: 920px;
background: url(prepaid-images/content-bg.jpg);
background-repeat: repeat-y;
text-align: center;
margin-left: auto;
margin-right: auto;
height: 570px;
}


#content-container-faq {
width: 920px;
height: 1750px;
background: url(prepaid-images/content-bg.jpg);
background-repeat: repeat-y;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#content-container-products {
width: 920px;
height: 900px;
background: url(prepaid-images/content-bg.jpg);
background-repeat: repeat-y;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#container-top {
width: 920px;
height: 9px;
background: url(prepaid-images/container-top.jpg);
background-repeat: no-repeat;	
}

#container-bg {
width: 920px;
background: url(prepaid-images/container-bg.jpg);
background-repeat: repeat-y;
margin-top: -14px;
margin-bottom: -14px;
}

#container-footer {
width: 920px;
height: 20px;
background: url(prepaid-images/container-footer.jpg);
background-repeat: no-repeat;
}

#container-text {
width: 800px;
margin-left: 35px;
margin-right: 20px;
text-align: left;
}


#left-content {
float: left;
width: 568px;
height: 298px;
background: url(prepaid-images/left-section-bg.jpg);
background-repeat: no-repeat;
}

#left-text-container {
float: left;
width: 600px;
background: url(prepaid-images/left-content-top.jpg);
background-repeat: no-repeat;
}

#left-text-bg {
clear: both;
float: left;
background: url(prepaid-images/left-text-container-bg.jpg);
background-repeat: repeat-y;
margin-top: 10px;
width: 600px;
height: 460px;

}

#left-text {
clear: both;
float: left;
width: 540px;
margin-left: 35px;
margin-right: 20px;
text-align: left;
}

#left-text-footer {
float: left;
width: 600px;
height: 32px;
background: url(prepaid-images/left-content-footer.jpg);
background-repeat: no-repeat;
}

#right-content {
float: right;
width: 352px;
height: 298px;
background: url(prepaid-images/right-section-bg5.jpg);
background-repeat: no-repeat;
margin-top: 0px;
}

#right-content2 {
float: left;
width: 300px;
background: url(prepaid-images/right-section-bg2.jpg);
background-repeat: no-repeat;
}

#right-form-container {
float: left;
width: 280px;
margin: 10px;
}

#left-text-container-products {
float: left;
width: 600px;
background: url(prepaid-images/left-content-top.jpg);
background-repeat: no-repeat;
}

#left-text-bg-products {
clear: both;
float: left;
background: url(prepaid-images/left-text-container-bg.jpg);
background-repeat: repeat-y;
margin-top: 10px;
width: 600px;
height: 470px;

}

#left-text-products {
clear: both;
float: left;
width: 540px;
margin-left: 35px;
margin-right: 20px;
text-align: left;
}

#left-text-footer-products {
float: left;
width: 600px;
height: 32px;
background: url(prepaid-images/left-content-footer.jpg);
background-repeat: no-repeat;
}

#right-content-products {
float: left;
margin-top: 40px;
width: 390px;
background-color: #DFDFDF;

}

#left-text-container-site {
float: left;
width: 600px;
background: url(prepaid-images/left-content-top.jpg);
background-repeat: no-repeat;
}

#left-text-bg-site {
clear: both;
float: left;
background: url(prepaid-images/left-text-container-bg.jpg);
background-repeat: repeat-y;
margin-top: 10px;
width: 600px;
}

#left-text-site {
clear: both;
float: left;
width: 540px;
margin-left: 35px;
margin-right: 20px;
text-align: left;
}

#left-text-footer-site {
float: left;
width: 600px;
height: 32px;
background: url(prepaid-images/left-content-footer.jpg);
background-repeat: no-repeat;
}

/*----------------------------------------------------------------------*/
/* Main Content */
/*----------------------------------------------------------------------*/


#main-content-box {
clear: both;
width: 920px;
height: 330px;
background: url(prepaid-images/content-box.jpg);
background-repeat: no-repeat;
}

#left-side {
float: left;
width: 249px;
height: 313px;
background: url(prepaid-images/left-side-bg.jpg);
background-repeat: no-repeat;
margin-top: 4px;
margin-left: 22px;
}

#left-side-top{
float: left;
width: 222px;
height: 141px;
margin-top: 13px;
margin-left: 13px;
margin-right: 13px;

}

#left-side-bottom{
float: left;
width: 222px;
height: 141px;
margin-top: 5px;
margin-left: 13px;
margin-right: 13px;

}



#main-text {
float: right;
width: 600px;
margin-top: 5px;
margin-right: 30px;
}




/*----------------------------------------------------------------------*/
/* Logo and Top Nav */
/*----------------------------------------------------------------------*/
#header { 
width: 920px;
height: 119px;

}

#logo {
width: 300px;
float: left;
}

#link-container {
float: right;
width: 620px;
height: 119px;
background: url(prepaid-images/top-nav-bg-green.jpg);
background-repeat: no-repeat;
}

#link-container-blank {
float: right;
width: 620px;
height: 119px;
background: url(prepaid-images/top-nav-blank.jpg);
background-repeat: no-repeat;
}


table.links {
width: 600px;
padding: 0px;

}

td.links {
width: 100px;
padding: 0px;
text-align: center;
}

#upper-links {
float: left;
text-decoration: none;
padding: 0;
margin-top: 83px;

}

#upper-links a {

font: normal 13px/25px Arial;
font-weight: bold;
font-variant: small-caps;
text-align: center;
color: #FFFFFF;
}


#upper-links a:hover {
	color: #000000;
}


/*----------------------------------------------------------------------*/
/* Footer */
/*----------------------------------------------------------------------*/

#footer{
clear: both;
width: 920px;
height: 51px;
text-align: center;
margin:0 auto;
padding: 0;
background: url(prepaid-images/footer-bg.jpg);
background-repeat: no-repeat;

}

#footer-text{
width: 920px;
height: 51px;
text-align: center;
margin: 10px;
padding: 0;
background: url(prepaid-images/footer-bg.jpg);
background-repeat: no-repeat;
}


/*----------------------------------------------------------------------*/
/* Request a call */
/*----------------------------------------------------------------------*/

#call-request {
float: right;
width: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-variant: small-caps;
color: #000000;
text-decoration: none;
margin-top: 0px;
}

#call-request {
text-align: left; 
padding-bottom: 1px;}


/*----------------------------------------------------------------------*/
/* Thumbnails*/
/*----------------------------------------------------------------------*/


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 200px; /*position where enlarged image should offset horizontally */
}