@charset "utf-8";
/* CSS Document */

*{
	padding: 0px;
	margin: 0px;
}

html, body, #mainform {
	height: 100%;
}

body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

a:link, a:visited{
	color: #0586A7;
}

h1, h2, h3, h4, h5, h6{
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}

h2{font-size: 18px;}

.clear{clear: both}
.hide{display: none}

#container{
	width: 970px;
	text-align:left;
	clear: both;
	margin: auto;
	min-height:100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -249px; /* the bottom margin is the negative value of the footer's height */
}

#push{
	height: 249px;
}

#header{
	width: 970px;
	position: relative;
	height: 105px;
	z-index: 100;
}

img#header-logo{
	margin-top: 10px;
        border: none;
}

.float-left{float: left}
.float-right{float: right}

html body #content img.pad-img{
border: 1px solid #ccc;
padding: 5px;
margin: 5px;
}

/* --- Begin Contact Us Drop Down ---*/

a#chat-header-button{
width: 114px;
height: 19px;
display: block;
background: url(/layouts/i/contact-button.png) no-repeat;
color: white;
text-indent: 30px;
line-height: 19px;
text-decoration: none;
position: absolute;
top: 5px;
right: 125px;
}

#contact-dd{
	position:absolute;
	top: 5px;
	right: 0px;
	width: 114px;
	z-index: 99;
}

#contact-dd .contact-anchor{
       color: white;
       display: block;
       text-align: right;
       padding-right: 5px;
       margin-right: 5px;
       height: 19px;
       line-height: 19px;
       background: url(/layouts/i/contact-button.png) no-repeat right;
text-decoration: none;
width: 114px;
}

ul.sf-menu li#sf-menu-li{
width: 114px;
position: relative;
}

.contact-anchor span.sf-sub-indicator{
display: none;
}

ul.sf-menu{
list-style: none;
}

#contact-dd-ul{
position: absolute;
right: -11px;
top: 20px;
}

#cdd-body{
	background: url(/layouts/i/contact-dd-bg.png);
width: 224px;
height: 255px;
}

#contact-dl{
padding:10px;
}

#contact-dl dt{
color: #4c4c4c;
font-weight: bold;
}

#contact-dl dd{
color: #18a0c2;
border-bottom: solid 1px #ddd;
padding-bottom: 5px;
margin-bottom: 5px;
margin-right: 5px;
}

#social-table{
padding: 5px;
}

#social-table a{
color: #18a0c2;
text-decoration: none;
}

#social-table img{
border: none;
}


/* --- End Contact Us Drop Down --- */




ul#menu{
	color: white;
	font-size: 14px;
	list-style: none;
	position: absolute;
	bottom: 20px;
	right: 5px;
	z-index:98;
}

ul#menu li{
	display: inline;
	float: left;
	margin-left: 20px;
	position: relative;
	cursor: pointer;
}

ul#menu li a{
color: white;
text-decoration: none;
}

ul#menu li ul{
position: absolute;
left: 0px;
top: 17px;
list-style: none;
width: 200px;
background: white
}

ul#menu li ul li{
width: 200px;
margin: 0px;

}

ul#menu li ul li a{
display: block;
padding: 10px 5px;
color: #18A0C2;
font-size: 12px;
border-bottom: solid #ddd 1px;
border-left: solid #ddd 1px;
border-right: solid #ddd 1px;
background: url(/~/media/021C67A44CF24924BEE35731B18754C6.ashx) repeat-x #eee;
}

ul#menu li ul li a:hover{
background: url(/~/media/7A14E7A440C849878921A1A786D6D9DC.ashx) repeat-x #1ba1c4;
color: white;
}

html body div#header ul.main-menu-sub{
left: 200px;
top: 0px;
}

/* --- Begin Footer Section --- */


#footer{
	width: 100%;
	height: 249px;
	background: url(/layouts/i/footer-bg.jpg);
	clear: both;
	position:relative;
	text-align:center;
}

#inner-footer{
	width: 970px;
	margin: auto;
	text-align:left;
	overflow: hidden;
}

ul#sub-footer-info{
	list-style: none;
	margin-top: 20px;
}

ul#sub-footer-info li{
	display: inline;
	padding: 15px;
	color: white;
}

ul#sub-footer-info li a{
	color: white;
	text-decoration: none;
}

.footer-box{
	width: 322px;
	height: 190px;
	float: left;
	color: white
}

.footer-box h2{
	padding: 10px 15px;
}

.footer-box ul.roadshow-footer-list{
padding-left: 15px;
list-style: none;
}

.footer-box ul.roadshow-footer-list li{
margin-bottom: 10px;
}

#footer-contact, #footer-download{
	border-left: solid 1px #505050;
}

#footer-download ul{
	list-style: none;
	margin: 0px 15px;
}

#footer-download ul li{
	padding: 10px 0px;
	border-bottom: dashed 1px #888;
}

.footer-box a{
color: #40C2E1;
text-decoration: none;
}

.footer-box a:hover{
text-decoration: underline;
}

div.tweet{
	width: 300px;
	height: 150px;
	color: white;
	font-size: 12px;
}

div.tweet ul{
	list-style: none;
	margin: 0px 15px;
}

div.tweet li{
	padding: 0px 5px 10px 5px;
	margin: 5px 0px;
	border-bottom: dashed 1px #888;
}

div.tweet a{
	color: #40c2e1;
}

a.tweet_avatar{
	display: none;
}


/* --- End Footer Section --- */


/* --- Begin Teaser Section --- */

#teaser{
	height: 112px;
	color: white;
}

#teaser h1{
	padding-top: 20px;
}

#teaser p{
	font-style: italic;
}

#content{
padding-top: 20px;
}
/* --- End Teaser Section --- */



/* --- General Layout Styles --- */

#content h2, #content h3{
	color: #0586a7;
	font-weight: normal;
}


/* --- Side Menu Styles --- */


div.side-menu-container > a{
color: #0b738e;
border-bottom: solid 1px #ababab;
text-decoration: none;
display: block;
padding: 15px 10px 15px 5px;
font-weight: bold;
background: url(/layouts/i/link-arrow-large.png) no-repeat 182px center;
}

div.side-menu-container span{
color: #000;
display: block;
padding: 10px 5px 5px 5px;
font-weight: bold;
}

div.side-menu-container ul.sub-menu{
list-style: none;
font-size: 11px;
}

div.side-menu-container ul.sub-menu li a{
border-bottom: solid 1px #ddd;
display: block;
padding: 10px 5px;
text-decoration: none;
background: url(/layouts/i/link-arrow-small.png) no-repeat 182px center;
}

div.side-menu-container ul.sub-menu li a.last-link{
border-bottom: solid 1px #ababab;
}

/* --- Begin Three Column Layout --- */



#col-1-of-3, #col-2-of-3, #col-3-of-3{
	margin-bottom: 20px;
}

#col-1-of-3{
	width: 193px;
	float: left;
}

#col-2-of-3{
	width: 525px;
	float: left;
	line-height: 1.8em;
}

#single-col{
	line-height: 1.8em;
}

#main-content-padding{
padding: 0px 35px;
}

#main-content-padding > *{
padding-bottom: 15px;
}

#col-2-of-3 ul, #col-2-of-3 ol{
padding-left: 20px;
}

#col-2-of-3 ul li{
margin-bottom: 10px;
}

#col-3-of-3, #col-2-of-2{
	width: 250px;
	float: left;
}


/* --- End Three Column --- */


/* --- Begin Two Column --- */

#col-1-of-2{
	width: 718px;
	float: left;
	line-height: 1.8em;
}

#main-content-padding-2-col{
padding: 15px 30px 15px 0px;
}

#main-content-padding-2-col p{
margin-bottom: 15px;
overflow: hidden;
}

#main-content-padding-2-col > *{
	margin-bottom: 15px;
}

#main-content-padding-2-col hr{
margin-top: 15px;
color: #ddd;
}

#main-content-padding-2-col ul{
padding-left: 40px;
}



/* --- Begin Two Column with Menu --- */

#col-1-of-2-menu{
	width: 193px;
	float: left;
}

#col-2-of-2-menu{
	width: 777px;
	float: left;
	line-height: 1.8em;
}

#main-content-padding-2-col-menu{
padding: 0px 0px 15px 30px;
}


/*-- begin side item / accordion --*/

img.img-float-right{
float: right;
overflow: visible;
padding: 10px 0px 0px 5px;
}

.side-item-box a{
overflow: hidden;
}

.side-item-box{
background: #f6f6f6;
border: solid 1px #c6c6c6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px 0px 5px 0px;
margin-bottom: 20px;
overflow: hidden;
}

.side-item-box img{
border: none;
}

.sidebar-item{
	width: 230px;
	margin: 0px auto;
	overflow: hidden;
}

.sidebar-item a{
text-decoration: none;
}

.sidebar-item p{
	padding: 10px 0px;
}

.sidebar-item li{
margin-bottom: 5px;
}

a.sidebar-button{
	background: url(/layouts/i/side-item-button-bg.jpg);
	border: solid 1px #c8c8c8;
	padding: 3px 5px;
	text-decoration:none;
	color: white;
	font-weight: bold;
	float: right;
	margin: 10px 0px;
	clear: both;
}

html body #content h2.side-section-header, #content div.sidebar-item h2{
	font-size: 14px;
	width: 230px;
	height: 30px;
	color: white;
	background: url(~/media/Images/backgrounds/accordion-header-black.ashx);
	line-height: 30px;
	text-indent: 10px;
	font-weight: bold;
	margin: 0px auto 5px auto;
	font-family: arial;
}

#content div.accordion{
width: 230px;
margin: 0px auto;
}

#content div.accordion h2{
	font-size: 12px;
	width: 230px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: solid 1px;
	clear: both;
	color: #666;
	cursor: pointer;
}

#content div.accordion h2.active{
	color: #0586A7;
}

#content div.accordion h2 span{
float: right;
}

#content div.accordion{
margin-bottom: 20px;
}

#content div.accordion div{
	width: 230px;
	overflow: hidden;
}

#content div.accordion div ul li{
margin:5px 0px 5px 20px;
}

#content div.accordion div dl{
margin-bottom: 10px;
}

#content div.accordion div dl dt{
font-style: italic;
margin: 20px 0px 5px 0px;
}

#content div.accordion div a{
display: block;
}

#content div.accordion div img{
border: none;
}

#content div.accordion div ul.process-list{
margin-top: 10px;
list-style: none;
}

#content div.accordion div ul.process-list li{
padding-bottom: 10px;
clear: both;
}

#content div.accordion div ul.process-list span{
display: block;
width: 50px;
float: left;
margin: 0px 10px 10px 0px;

}


div.features-col{
float: left;
width: 220px;
margin-top: 20px;
}

div.features-col ul{
margin-top: 20px;
}

div.features-col ul li{
margin-top: 10px;
}


/*  begin compare table */


body div#container div#content table.compare, table.cpr-table, table.advantage-table, table.basic-table {
margin-top: 15px;
border-left: solid 1px #bbb;
padding-bottom: none;
margin-bottom: 15px;
border-collapse:collapse;
width: 100%;
}

table.advantage-table img{
float: left;
}

table.advantage-table p{
width: 275px;
float: right;
overflow: hidden;
}

table.advantage-table td{
width: 50%;
vertical-align: top;
position: relative;
}

table.advantage-table a{
clear: both;
overflow: hidden;
float: right;
}

a.desktop-server-button{
display: block;
width: 100px;
float: left;
text-align: center;
text-decoration: none;
}

a.desktop-server-button img{
border: none;
}

body div#container div#content table.compare th, body div#container div#content table.compare td, table.cpr-table td, table.cpr-table th, table.advantage-table td, table.advantage-table th, table.basic-table th, table.basic-table td{
border: solid 1px #ddd;
padding: 5px;
}

body div#container div#content table.compare th, table.cpr-table th, table.advantage-table th, table.basic-table th{
color: white;
background: #454545;
border: solid 1px #666;
}

body div#container div#content table.compare td, table.cpr-table td{
text-align: center;
}

body div#container div#content table.compare tr td:first-child{
text-align: left;
font-weight: bold;
}

table.cpr-table td:first-child{
text-align: left;
}

table.compare tr:nth-of-type(odd), tr.gray-row{
background: #eee;
}

body div#container div#content table.compare tr.compare-row-header{
font-weight: bold;
color: white;
background: #157790; 
}

table.cpr-table tr.compare-row-header{
font-weight: bold;
color: white;
background: #157790; 
}

div.quote_slider, div.quote_slider ul, div.quote_slider ul li{
width: 230px;
}

a.fancy img{
border: none;
}

div.fancy-video-container{
display: none;
}

div.list-two-col{
width:50%;
float:left;
}

div.list-two-col < *{
padding: 5px;
}