﻿body {margin: 0; padding: 0; background: #2f599e url(../img/bluefade.gif) repeat-x top left; font-family: Verdana, Myriad, Arial, Helvetica, Sans-Serif;}

h1, h2, h3, h4 {font-family: Arial, helvetica, Sans-Serif; color: #383b6e;}
h2.plain {font-size: 16pt; color: #383b6e; margin: 15px 19px;}
h3 {font-size: 12pt; color: #383b6e;}
h3.plain {font-size: 12pt; color: #383b6e; margin: 15px 19px;}
p, ul, label, td, th {font-size: 10pt; color: #383b6e;}
p {text-align:justify;}
a {color: #383b6e;}
p.plain {margin: 15px 19px;}
form {margin: 0; padding: 0;}
img {border: none;}

#sectionheader p {text-align: left;}

#container {background-color: #ffffff; width: 752px; margin: 0 auto;}
.wideredbox {width: 206px; background: #b00000 url(../img/wideredbox.gif) no-repeat bottom right; float: right; margin: 0 0 10px 20px;}
#content .wideredbox h3 {color: #ffffff; background: transparent url(../img/wideredbox.gif) no-repeat top left; margin: 0; padding: 10px 10px 0 10px; font-size: 14pt; text-align: center;}
.wideredbox p {color: #ffffff; margin: 10px; text-align: left;}
.l {float: left; margin: 0 15px 5px 0; font-size: 8pt; text-align: center;}
.r {float: right; margin: 0 0 5px 15px; font-size: 8pt; text-align: center;}
.plain {padding: 10px 40px;}

/* HEADER */
#header {background-color: #383b6e; height: 148px;}
#header h1 {margin: 0; float: left;}
#header img {border: none;}
#toplinks {list-style: none; text-align: right; padding: 10px 5px 10px 0; margin: 0; text-transform: lowercase;}
#toplinks li {display: inline; border-left: 1px solid #ffffff; padding: 0 10px 0 10px; margin: 0; font-size: 10pt; line-height: 10pt;}
#toplinks li.first {border-left: none;}
#toplinks a {color: #ffffff; text-decoration: none;}
#toplinks a:hover {text-decoration: underline;}
#tel {color: #bcbee0; font-size: 20pt; font-family: Arial, Helvetica, Sans-Serif; text-align: right; line-height: 31px; margin: 9px 0 0 0; padding: 0 15px 0 0;}
#tel span {color: #ffffff; font-size: 24pt; background: transparent url(../img/phone.gif) no-repeat 491px 0px; display: block}
#mainmenu {clear: both; list-style: none; padding: 4px 0; background-color: #c7c9ec; margin: 15px 0 0 0; font-family: Arial, Helvetica, Sans-Serif; line-height: 20px;}
#mainmenu li {display: inline; padding: 0; margin: 0; font-size: 12pt; text-align: center; font-weight: bold;}
#mainmenu a {color: #ffffff; text-decoration: none; background-color: #9294d5; padding: 5px 18px; border-left: 1px solid #ffffff;}
#mainmenu a#telecomslink {border: none;}
#mainmenu a:hover {background-color: #c7c9ec; color: #484a9c;}


/* SIDE */
#side {float: left; width: 177px; padding: 0 0 19px 19px; margin-right: 19px; _margin-right: 16px;}


/* SUBMENU */
#submenu {width: 177px; margin: 19px 0; background: #cfdef5 url(../img/sidebar.gif) repeat-y top center;}
#submenu h3 {background: transparent url(../img/sidebar.gif) no-repeat top left; color: #3969b7; font-size: 14pt; padding: 10px 12px 5px 12px; margin: 0;}
#submenu ul {background: transparent url(../img/sidebar.gif) no-repeat bottom right; margin: 0; list-style: none;}
#submenu li a {display: block; padding: 5px 0;}
#submenu a {text-decoration: none; color: #383b6e;}
#submenu a:hover {text-decoration: underline;}


/* FOOTER */
#footer {clear: both; background-color: #383b6e; color: #ffffff; font-size: 10pt; padding: 7px;}
#footer ul {color: #ffffff; list-style: none; text-align: center; padding: 0; margin: 0;}
#footer li {display: inline; padding: 0 10px; margin: 0; font-size: 10pt;}
#footer p {color: #bcbee0; text-align: center; padding: 2px 0; margin: 0;}
#footer a {color: #ffffff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}


.testimonial {background: #3969b7 url(../img/bluebox.gif) no-repeat top left; margin: 19px 0;}
.testimonial p {color: #e2ecfc; padding: 10px 10px 0 10px; margin: 0; text-align: left;}
.testimonial blockquote {font-style: normal; margin: 0;}
.testimonial p.att {text-align: right; font-weight: bold; background: transparent url(../img/bluebox.gif) no-repeat bottom right; padding-bottom: 10px;}

.textquotel {width: 180px; float: left; margin: 0  20px 15px 0; font-weight: bold; font-size: 12pt; line-height: 20px;}
.textquotel p, .textquoter p {font-weight: bold; font-size: 12pt; line-height: 20px; font-family: Arial, helvetica, Sans-Serif; color: #3969b7; margin: 0; text-align: left;}
.textquoter {width: 180px; float: right; margin: 0 0 15px 20px; font-weight: bold; font-size: 12pt; line-height: 20px;}

ul.plain {padding-left: 20px; margin-left: 20px;}
ul.features {margin-left: 10px; padding-left: 15px;}
ul.features li {list-style: none; background: transparent url(../img/smallbluetick.gif) no-repeat 0px 4px; padding-left: 25px; line-height: 24px; font-weight: bold;}

.footnote {font-style: italic; font-size: 9pt;}

.freetrial {background: #b3ccf1 url(../img/plainbluebox.gif) no-repeat top left; width: 177px; height: 177px; font-family: arial, helvetica, sans-serif; margin-bottom: 19px;}
.freetrial h4 {color: #3969b7; font-weight: bold; font-size: 18pt; margin: 0;}
.freetrial h4 a {background: transparent url(../img/freetrial.gif) no-repeat 5px 5px; padding: 7px 0 0 70px; display: block; height: 63px;}
.freetrial p {color: #3969b7; font-size: 12pt; margin: 10px 10px 0px 10px; text-align: left;}
.freetrial a {color: #3969b7; text-decoration: none; font-weight: bold;}
.freetrial a:hover {text-decoration: underline;}
.freetrial img {border: none; float: left; margin: 8px 5px 5px 5px;}

.wideblue {background: #b3ccf1 url(../img/widebluebox.jpg) no-repeat top left; width: 630px; height: 177px; font-family: arial, helvetica, sans-serif; margin: 19px auto;}

.genquoter, .genquotel {width: 180px; background: #dfeafb url(../img/lightbluequ.gif) no-repeat top left;}
.genquoter {float: right; margin: 0 0 5px 15px;}
.genquotel {float: left; margin: 0 15px 5px 0;}
.genquoter p, .genquotel p {background: transparent url(../img/lightbluequ.gif) no-repeat bottom right; margin: 0; padding: 10px; font-weight: bold; text-align: left;}

.genquotew {width: 517px; background: #dfeafb url(../img/lightbluequwide.gif) no-repeat top left; margin: 15px 0 15px 0px;}
.genquotew p {background: transparent url(../img/lightbluequwide.gif) no-repeat bottom right; margin: 0; padding: 10px;}

.genquotevw {width: 714px; background: #dfeafb url(../img/lightbluequvwide.gif) no-repeat top left; margin: 15px 0 15px 0px;}
.genquotevw p {background: transparent url(../img/lightbluequvwide.gif) no-repeat bottom right; margin: 0; padding: 10px;}


/* CONTACT */
#contactuspage #content {margin-bottom: 20px;}
form.contact {background: #e9f0fb url(../img/contactform.gif) no-repeat right bottom; margin: 0px auto; width: 510px; padding: 0 0 5px 0; text-align:left;clear: both;}
form.contact h3 {font-size: 12pt; font-weight: bold; color: #0e4494; margin-top: 0; background: #e9f0fb url(../img/contactform.gif) no-repeat left top; padding: 10px 15px 0px 15px;}
form.contact p {margin: 15px; clear: both;}
form.contact label {width: 140px; float: left; height: 22px; padding-top: 2px; text-align: right; padding-right: 5px;}
form.contact input {background-color: #ffffff; border: 1px solid #0e4494;}
form.contact textarea {background-color: #ffffff; border: 1px solid #0e4494;}
form.contact input.small {width: 200px;}
form.contact input.big {width: 295px;}
form.contact input.button {background-color: #0e4494; color: #ffffff; border: 2px solid #133569; font-weight: bold; margin-left: 145px; height: auto;}
.contactbox {width: 210px; height: 130px; float: left; margin: 10px 7px 20px 7px; background: #d8e5f8 url(../img/contactbox.gif) no-repeat right bottom;}
.contactbox p {text-align: left; margin: 0 10px;}
.contactbox h3 {margin: 0; padding: 10px; background: transparent url(../img/contactbox.gif) no-repeat left top;}

.aboutcol {width: 210px; float: left; margin-right: 20px;}
.aboutfeature {width: 210px; padding-bottom: 10px; margin: 10px 0px 20px 0px; background: #d8e5f8 url(../img/contactbox.gif) no-repeat right bottom;}
.aboutfeature p {text-align: left; margin: 0 10px;}
.aboutfeature ul {margin: 0 10px; padding: 0 0 0 20px;}
.aboutfeature h3 {margin: 0; padding: 10px; background: transparent url(../img/contactbox.gif) no-repeat left top;}

#eXTReMe img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
