/*
Total ePay stylesheet
*/

body {
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#333;
padding:0;
margin:0;
line-height:1.3em;
}

a{
color:#4C88BE;
text-decoration:none;
}

a:hover{
color:#FF6600;
}

h1,h2,h3,h4,h5,p,ul,ol,li{
padding:0;
margin:0;
}
ul{
list-style:none;
}

/*-------------------------- container----------------------------*/
#container {
width: 800px;
margin:0 auto;
}

.clear {
clear: both;
}
div.clear{
height:0px;
}

/*-------------------------- top bar----------------------------*/
#row1 .topright{
float:right;
line-height:2em;
}
#row1 li {
float: left;
}
#row1 li a {
padding:0 10px;
border-right:1px solid #999;
}
#row1 li.last a {
border-right:0px solid #ccc;
}


/*-------------------------- header logo----------------------------*/
#row2{
margin:0px 0 20px 0;
clear:both;
line-height:2em;
}

/*-------------------------- row3/ menubar----------------------------*/

#row3{
clear:both;
background-color:#fff;
}

.menutabs {
height:25px;
}
ul#menutabs{
border-bottom:6px solid #EBF4FB;
}
.menutabs li {
float: left;
display: inline;
text-align: center;
margin:0 0px 0 10px;

}
.menutabs li a {
float: left;
display: block;
font-weight: bold;
color:#333;
line-height:25px;
background-color:#EBF4FB;
padding:0 10px;
}

.menutabs li a:hover, .menutabs li a.selected, .menutabs li a.selected:hover {
color:#fff;
background-color:#8DC3E9;
padding-bottom:6px;
}

.menutabs_content {
display: none;
background-color:#8DC3E9;
color:#333;
}
.menutabs_content a{
color:#fff
}
.menutabs_content a:hover{
color:#EBF4FB
}
.menutabs_content ul{
margin-left:15px;
}
.menutabs_content ul li {
display:inline;
line-height:2em;
margin-right:20px;
}

li.usa, li.esp{
border:0;
float:right;
}
li.usa a, li.esp a{
border:0;
}
li.esp{
margin-right:10px;
}


#eng ul, #esp ul{
text-align:right;
}

/*-------------------------- row 4 / main body----------------------------*/
#row4{
position:relative;
clear:both;
margin:15px 0 0 0;
padding:0;
}

#mainbody{
margin:0 auto;
line-height:1.3em;
}
#col1{
float:left;
width:225px;
}
#col2{
float:right;
width:560px;
}

.lbox{
border:1px solid #EBF4FB;
margin-bottom:15px;
}
.lboxtop{
background-color:#EBF4FB;
line-height:2em;
text-align:center;
font-weight:bold;
}
.lboxmid{
padding:5px 10px;
font-size:85%;
}
.hp .lboxmid p{
margin-bottom:10px;
}
.hp .lboxmid p strong{
font-weight:bold;
}
.hp .lboxmid ul{
margin:0 0 0 20px;
list-style:decimal;
}
.hp .lboxmid li{
margin:0 0 3px 0;
}

.hp .lockbox strong{
background:url(images/lockbox.png) no-repeat left center;
padding-left:32px;
}
.hp .creditcard strong{
background:url(images/credit-card.png) no-repeat left center;
padding-left:32px;
}
.hp .check21 strong{
background:url(images/check21.png) no-repeat left center;
padding-left:32px;
}
.hp .ach strong{
background:url(images/ach.png) no-repeat left center;
padding-left:32px;
}



#animation{
height:240px;
margin-bottom:15px;
clear:both;
}


#homecontent{
margin-bottom:15px;
}

.menutabs2 {
height:26px;
}
ul.menutabs2{
border-bottom:1px solid #999;
}
.menutabs2 li {
float: left;
display: inline;
text-align: center;
margin:0 0px 0 10px;
}
.menutabs2 li a {
float: left;
display: block;
font-weight: bold;
color:#fff;
line-height:25px;
background-color:#666;
border-top:1px solid #999;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #fff;
padding:0 10px;
width:150px;
}

.menutabs2 li a:hover {
color:#FF6600;
background-color:#fff;
border-bottom:1px solid #fff;
padding-bottom:1px;
}

.menutabs2 li a.selected {
color:#FF6600;
background-color:#fff;
}
.menutabs2 li a.selected:hover {
color:#FF6600;
background-color:#fff;
}



.menutabs_content2 {
display:none;
border:1px solid #999;
border-top:0px solid #fff;
padding:10px;
min-height:13em;
}
.menutabs_content2 .c1{
width:30%;
float:left;
display:inline;
}
.menutabs_content2 .c2{
width:30%;
float:left;
display:inline;
margin-left:5%;
}
.menutabs_content2 .c3{
width:30%;
float:left;
display:inline;
margin-left:5%;
}
.menutabs_content2 p{
margin-bottom:10px;
}
/*-------------------------- footer----------------------------*/

#footer {
margin:0px auto;
text-align:center;
clear:both;
border-top:1px solid #EBF4FB;
padding:10px 0 10px 0;
line-height:1.6em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
}
#footer li{
display:inline;
margin:5px;
}
.webdesign a{
color:#ccc;
}


/*--------------------------single page----------------------------*/
.single .singlecontent{
font-size:100%;
line-height:1.3em;
color:#333;
}
.single .singlecontent h3{
font-size:130%;
line-height:1.5em;
margin-bottom:10px;
border-bottom:2px solid #f7f7f7;
}
.single .singlecontent p{
margin:10px 0 10px 0;
}
.single .singlecontent ul{
margin:10px 0 10px 20px;
list-style:square;
}
.single .singlecontent ul li{
margin:10px 0 10px 30px;
list-style:square;
}
.single .singlecontent ol li{
margin:10px 0 10px 50px;
list-style:outside;
}
.single .lboxmid li a{
border-bottom:1px solid #f7f7f7;
padding:5px 5px 5px 15px;
font-size:120%;
background:url(images/bullet1.png) left center no-repeat;
display:block;
}

.single .lboxmid li a:hover{
background-color:#f7f7f7;
}