@charset "utf-8";
/**************************************
 CSS Document for VirtualPBX Compare
 October 6 2009
 **************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #ebebeb url(/images/vpbxcompareimg_01.gif) top left repeat-x;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear { clear: both; }

/* Typography */
h1, h2, h3 { font-family:Arial, Helvetica, sans-serif; color: #3b3a6f; }
h1 { font-size: 1.2em; text-align: left; }
h2 { font-size: 1em; padding: 3px 0; }
h3 { font-size: 0.9em; padding: 5px 0; }

a.h2link:link, a.h2link:visited, a.h2link:active {font-family:Arial, Helvetica, sans-serif; color: #3b3a6f; text-decoration: none;}
a.h2link:hover { color: #c30024; text-decoration: none; }
dl, dt, dd { font-family: Arial, Helvetica, sans-serif; color: #514e42; }
dt { font-size: 14px; padding: 5px 0; color: #3a366e; font-weight: bold; }
dd { display: inline; font-size: 14px; padding: 5px 0; }
dd:first-line { text-indent: 20px; }

p { font-family: Arial, Helvetica, sans-serif; color: #514e42; font-size: 0.9em; }
p.top { font-family: Arial, Helvetica, sans-serif; color: #514e42; font-size: 0.9em; padding: 10px 0; font-weight: normal; line-height: 1.2em; }
.content p {font-family: Arial, Helvetica, sans-serif; color: #514e42; font-size: 0.9em; margin: 12px 0; line-height: 18px; }

.footer-active, footer-menu { font-family:Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; }



span.footer-menu { padding: 0 5px; color: #d2ccba; font-size: 0.7em; text-transform: uppercase;}
span.wall { padding: 0 10px; color: #101323; font-weight: bold; }

a.footL:link, a.footL:visited, a.footL:active { color: #d2ccba; font-family:Helvetica, Arial, sans-serif; font-size: inherit; text-transform: uppercase; text-decoration: none; font-weight: bold; }

a.footL:hover {color: #fbf57e; font-size:inherit; font-family:Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-weight: bold; }

span.footer-active {padding: 0 5px; color: #fbf57e; font-size: 0.7em; text-transform: uppercase; font-weight: bold; } 


/** Structural DIVs **/
#main-wrapper { width: 956px; margin: 0 auto; }
#header-wrapper { height: 145px; position: relative; background:url(/images/vpbxcompareimg_03.png) top left no-repeat; }
#header-wrapper #logo { width: 284px; height: 89px; position: absolute; top: 0; left: 0; }
#header-wrapper #main-nav { width: 575px; height: 46px; position:absolute; top: 72px; left: 350px;}
#header-wrapper .rssfeed {position:absolute;top:30px;right:30px;width:201px;display:block;height:26px;background:url(/images/rssfeed_03.gif) no-repeat;}
#main-nav span {float: left; width: auto; height: 47px; display: block;}


#body-wrapper { width: 956px; position:relative; }
#body-wrapper-top { width:inherit; position: relative; width: 956px; top: -27px; min-height: 225px; background: url(/images/vpbxcomparebg_09.png) top center no-repeat; }
#body-wrapper-inner { width: 940px; display: block; position: relative; top: 20px; left: 7px; }
.body-wrapper-body { clear: both; width: 940px; height: auto; display: block; position: relative; top: 20px; left: 7px; background-color: #fff;}
.content-top { padding: 10px 20px; position: relative; overflow: hidden;}
.fix { height: 100px; }
.content-top > img { float: right; padding-left: 15px; width: 340px; height: 155px; }
.img-top { float: left; display: block; margin: 0 30px; width: 340px; height: 155px; }
* html body .content-top img { float: right; } /* IE6 fix */
.content { padding: 10px 20px; position: relative;}
.content-vpi { position: relative; display: block; width: 643px; height: auto; left: 257px; top: -115px; }
.content-vpi p.pbold { font-weight: bold; color: #38618d; }
.content-vpi ul { margin-left: 30px;}
.content-vpi ul li { font-family: Arial, Helvetica, sans-serif; color: #514e42; list-style:disc; font-size: 14px; margin: 20px 0;}
.content-ext_table { padding: 10px 20px; height: 500px; display: block; position: relative;}
.content .fm_button { position: relative; display: block; width: 150px; height: 29px; }
#footer-wrapper { clear: both; width: 100%; position:relative; height: 82px; background: #0f1d3a url(/images/footerbg.png) repeat-x; }
#footer-wrapper #footer-curve { width: 956px; margin: 0 auto;}
#footer-curve .bottom-border { position: absolute; height: 34px; width: 956px; background: url(/images/bottomcurve.png) bottom center no-repeat; }
* html body #footer-curve .bottom-border { position: absolute; top: -12px; height: 34px; width: 956px; background: url(/images/bottomcurve.png) bottom center no-repeat; }
#footer-curve .footer-elements { clear: both; position: relative; width: 916px; padding: 40px 20px 10px; }
span.copyright { text-transform:uppercase; padding: 3px; color: #969491; font-size: 0.7em; }
.footer-links-wrapper { position: absolute; width: 500px; right: 0; display: inline; width: auto; top: 35px; padding-right: 20px;}


.bottom-border .wht_mask { position: relative; margin: 0 auto; width: 940px; background-color: #fff; height: 47px; top: -47px; }
* html body .bottom-border .wht_mask { position: relative; margin: 0 auto; width: 940px; background-color: #fff; height: 47px; top: -27px; }
.shadow_left { position: absolute; width: 7px; height: 47px; top: 0; left: -8px; background:url(/images/shadowleft.gif) no-repeat;}
* html body .shadow_left { position: absolute; width: 7px; height: 47px; top: -8px; left: -8px; background:url(/images/shadowleft.gif) no-repeat;}
.shadow_right { position: absolute; width: 7px; height: 47px; top: 0; right: -7px; background:url(/images/shadowright.gif) no-repeat;}
* html body .shadow_right { position: absolute; width: 7px; height: 47px; top: -8px; right: -7px; background:url(/images/shadowright.gif) no-repeat;}


.ext_tble { display: block; position: relative; top: -30px; left: 15px; width: 200px; }
.ext_tble_slide { clear: left; display: block; position: absolute; top: -2px; left:240px; width: auto; overflow:hidden; }
* + html body .ext_tble_slide { clear: left; display: block; position: absolute; top: -2px; left:120px; width: auto; } /* IE7 hack */

/* Table STructure */

table { border: 1px solid #d3d3d5; }
.invL { border-right: 1px solid #d3d3d5; border-bottom: 1px solid #d3d3d5; }
.floor { border-bottom: 1px solid #d3d3d5; } 
.wallR { border-right: 1px solid #d3d3d5; }
.left-indent { color: #006093; padding: 3px 2px 3px 20px; font-size: 0.8em; font-weight: bold; text-align: left; }
.cellTitles { font-size: 0.9em; font-weight: bold; text-align: center; color: #c51f2d; padding: 4px; }
.cellValues { color: #575757; font-size: 0.8em; font-weight: bold; text-align: center; vertical-align:middle; }


.sp_tble { display: block; position: relative; left: 100px; width: 500px; }
.sp_tble2 { display: block; position: relative; left: 40px; width: 340px; }
* html body table tr td div { text-align: center; }

.SPblock { clear: left; position: relative; display: block; width: 790px; margin: 0 auto; height: auto; }
.SPblock .sp_logo { display: block; width: 252px; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; height: 118px; float: left; }

.SP_info {
	width: 278px;
	position: absolute;
	left: 581px;
	top: 30px;
	display: block;
	height: 600px;
	overflow: hidden;
}
.SP_info ul { list-style: none; margin: 10px 0 10px 20px; }
.SP_info ul li { list-style:disc; font-family: Arial, Helvetica, sans-serif; color: #514e42; font-size: 0.9em; }
.SP_info p:first-line  { text-indent: 20px;}


.table_ext { border: 1px solid #d3d3d5; }
.top_border { border-top: 1px solid #d3d3d5; }
.cellpadding {color:#006093; padding: 3px 2px 3px 20px; font-size: 0.9em; font-weight: bold; text-align: left;}
.cellbg { background-color: #fffdeb; }


.SP_info2 {
	width: 500px;
	position: absolute;
	left: 420px;
	top: 30px;
	display: block;
	height: 600px;
	overflow: hidden;
}

.SP_info2 ul { list-style: none; margin: 10px 0 10px 20px; }
.SP_info2 ul li { list-style:disc; font-family: Arial, Helvetica, sans-serif; color: #514e42; font-size: 0.9em; }
.SP_info2 p:first-line  { text-indent: 20px;}

a.tdlink:link, a.tdlink:visited, a.tdlink:active, a.tdlink:hover { text-decoration: none; font-weight: bold; text-align: center; color: #c51f2d; padding: 4px; }
a.svcplans:link, a.svcplans:visited, a.svcplans:active, a.svcplans:hover { text-decoration: none; color: #006093; }

ul.vpi { display: block; width: 200px; height: 100px; margin-top: 20px; margin-left: 20px; }
ul.vpi li { display: block; float: left; width: 200px; height: 20px; text-align: right; margin: 2px 0; border-bottom: 1px solid #dfdacb; }

a.vpilink:link, a.vpilink:visited, a.vpilink:active, a.vpilink:hover { text-decoration: none; color: #38618d; }
a.vpilink:hover { text-decoration: none; color: #db0842; }
a.vpilink-active { color: #db0842; text-decoration: none; }
li.vpilink-active { color: #db0842; text-decoration: none; }