/* Costs Page */

#content {
width:650px;
padding-bottom: 80px;
}

.AREA1 ul#tabArea{
list-style:none;
width:650px;
margin:0px 0px 0px 0px;
padding:0px;
}
.AREA1 ul#tabArea li{
float:left;
list-style:none;
width:112px;
padding:0px;
}
.AREA1 ul#tabArea li span.customLink{
background-image:url(../../../static/images/costs/tab_off.gif);
background-repeat:no-repeat;
width:112px;
height:28px;
display:block;
cursor:pointer;
line-height:200%;
text-indent:10px;
color:#06357a;
}
.AREA1 ul#tabArea li span.customLink:hover, .AREA1 ul#tabArea li span.on{
background-image:url(../../../static/images/costs/tab_on.gif);
color:#FFFFFF;
cursor:pointer;
}
.AREA1 p{
color:#06357a;
font-size:12px;
}
.tabArea{
background-color:#FFFFFF;
display:none;
clear:both;
}
.tabContent{
width:650px;
background-image:url(../../../static/images/costs/tab_content_bg.gif);
background-repeat:repeat-y;
display:block;
padding-bottom:10px;
margin:0;
float:left;
height:484px;
}
br{
display:block;
clear:both;
}
.tabContent img{
margin:0 !important;
}
.tabContent .left{
float:left;
width:411px;
display:block;
}
.tabContent .left p{
margin:12px;
line-height:140%;
padding-bottom: 0px;
}
.bold{
font-weight:bold;
}
.tabContent .right{
float:right;
margin:0;
width:230px;
}
.tabContent .right a.customLink{
height:81px;
background-image: url(../../../static/images/costs/features.gif);
width:218px;
background-repeat:no-repeat;
background-position:top;
display:block;
text-indent:-9999px;
margin-top:20px;
}
.tabContent .right a.customLink:hover{
background-position:bottom;
}
.tabContent h1{
background-image:url(../../../static/images/costs/blue_bar.gif);
width:398px;
height:42px;
background-repeat:no-repeat;
background-position:right;
display:block;
color:#FFFFFF;
text-indent:6px;
padding:0;
font-size:1.2em;
background-color:#06357a;
font-family:Arial, Helvetica, sans-serif;
}
.tabContent h1 span.leftTitle{
width:320px;
display:inline-block;
line-height:220%;
}
.tabContent h1 span.discount{
background-image:url(../../../static/images/costs/slash.gif);
background-position:center;
background-repeat:no-repeat;
}
.tabContent h2{
background-image:url(../../../static/images/costs/red_bar.gif);
width:220px;
height:42px;
background-repeat:no-repeat;
background-position:left;
display:block;
color:#FFFFFF;
text-align:right;
padding:0;
padding-right:10px;
clear:none;
font-size:1.4em;
line-height:200%;
font-weight:bold;
background-color:#06357a;
font-family:Arial, Helvetica, sans-serif;
}
.tabContent h2 span{
font-size:.7em;
font-weight:normal;
}
.tabContent h3{
width:200px;
text-align:center;
color:#187ec0;
font-size:.8em;
font-style:normal;
line-height:120%;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom: 10px;
margin-left: 5px;
}
.AREA1 .tabContent ul{
width:380px;
}

.examples{
background-image: url(../../../static/images/costs/examples_bg.gif);
width:216px;
height:494px;
background-repeat:no-repeat;
display:block;
float:left;
background-color:#06357a;
}
.examples h2{
color:#FFFFFF;
padding:0;
text-indent:20px;
line-height:320%;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;

}
.examples a{
padding-left:20px;
color:#187ec0;
text-decoration:none;
font-size:.8em;
margin-bottom:6px;
display:block
}
.examples a:hover{
color:#06357a;
}
.examples a img{
margin-bottom:0;
margin-top:12px;
}
.examples p{
padding-left:20px;
width:167px;
margin:0;
line-height: 140%;
padding-bottom:6px;
}

.base_container{
background-image:url(../../../static/images/costs/base_cont_bg.gif);
background-repeat:repeat-y;
width:650px;
display:block;
height:auto;
}
.base_container img{
margin:0;
z-index: 10;
}
.upgrades{
clear:both;
display:block;
float:left;
width:375px;
background-color:#c9e3fa;
background-image:url(../../../static/images/costs/upgrades_base.gif);
background-repeat:no-repeat;
background-position:bottom;
margin-left:20px;
margin-top:12px;
height:240px;
}

.upgrades h2{
background-image:url(../../../static/images/costs/upgrades_top.gif);
height:28px;
background-repeat:no-repeat;
width:375px;
display:block;
color:#FFFFFF;
font-size:.9em;
margin-bottom:8px;
padding:0;
text-indent:10px;
line-height:190%;
background-color:#06357a;
font-family:Arial, Helvetica, sans-serif;
}
.upgrades p{
width:175px;
float:left;
clear:none;
margin-left:10px;
line-height:160%;
}
p.small{
font-size:.7em;
padding:20px 0px 0px 20px;
clear:both;
}

.contact{
display:block;
float:left;
width:415px;
background-color:#c9e3fa;
background-image:url(../../../static/images/costs/contact_base.gif);
background-repeat:no-repeat;
background-position:bottom;
margin-left:20px;
margin-top:12px;
/*height:240px;*/
}
.contact h2{
background-image:url(../../../static/images/costs/contact_top.gif);
height:28px;
background-repeat:no-repeat;
width:415px;
display:block;
color:#FFFFFF;
font-size:.9em;
margin-bottom:8px;
padding:0;
text-indent:10px;
line-height:190%;
background-color:#06357a;
}

.contact form div{
width:190px;
float:left;
margin-left:10px;
}
.contact form label{
font-size:.8em;
width:180px;
clear:both;
margin-bottom:4px;
display:block;
color:#06357a;
}
.contact form input{
font-size:.8em;
width:180px;
margin-bottom:4px;
border:solid 1px #187ec0;
height:20px;
color:#06357a;
}
.contact form select{
font-size:.8em;
width:180px;
margin-bottom:4px;
border:solid 1px #187ec0;
height:20px;
color:#06357a;
}
.contact form textarea{
font-size:.8em;
width:180px;
margin-bottom:4px;
height:70px;
border:solid 1px #187ec0;
color:#06357a;
}
.contact form input.submit{
background-image:url(../../../static/images/costs/submit.gif);
background-repeat:no-repeat;
width:116px;
height:30px;
background-position:bottom;
color:#FFFFFF;
background-color:#000033;
border:none;
display:block;
cursor:pointer;
float:right;
margin:6px 8px 20px 0px;
}
.contact form input.submit:hover{
background-position:top;
}

#block6 table{
margin:20px;
text-align:left;
border-bottom:2px solid #187ec0;
border-right:2px solid #187ec0;
color:#06357a;
}
#block6 table th{
padding:6px;
background-color:#06357a;
color:#FFFFFF;
font-size:1.2em;
border-top:2px solid #187ec0;
border-left:2px solid #187ec0;
}
#block6 table td{
padding:6px;
font-size:.8em;
border-top:2px solid #187ec0;
border-left:2px solid #187ec0;
}
#block6 table td.bold{
font-weight:bold;
}
.AREA1 p.messages{
padding:20px;
font-size:.9em;
font-weight:bold;
}



/*------------------------AREA1*/
.AREA1{
width:650px;
float:left;
padding:0px;
}
.AREA1 ul{
margin-bottom:15px;
float:left;
width:260px;
}
.AREA1 li{
padding:5px 0px 0px 10px;
font-weight:normal;
line-height:100%;
list-style:square inside;
}
.AREA1 ul.clear{
clear:both;
}
.AREA1 li.title{
padding:0px;
font-weight:normal;
line-height:130%;
list-style:none;
}
.AREA1 dl{
margin-bottom:10px;
width:460px;
}
.AREA1 dt.newsTitle{
font-weight:bold;
margin-bottom:4px;
}
.AREA1 img{
float:left;
margin:0px 20px 24px 0px;
}
.AREA1 h3.floatRight{
float:right;
padding-right:10px;
}
.AREA1 p.floatLeft{
width:620px;
float:left;
clear:none;
}