/* CSS Document */

body {  background-color:#676767;}

* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #484645; }
#clear, #clear1, #clear2, #clear3, #clear4 { clear: both; }
form { padding: 0px; margin: 0px;}

#outerWrapper { width: 855px; margin-left: auto; margin-right: auto; margin-top: 20px; background-color: #FFFFFF; border: solid 20px #FFFFFF; }

/* TOP BANNER */
#top { width: 855px; padding-top: 0px; }
	.contact { width: 595px; float: left;}	
		.tel {	font-size: 16px; padding: 5px 0px 5px 0px; color: #D16F1A; font-weight: bold;	}
		#top strong { font-weight: bold;}
		#top a:link, #top a:visited { color: #000000; text-decoration: none; }
		#top a:hover, #top a:active { text-decoration: underline; }
	
	.logo { float: right; width: 240px; height: 92px; }

/* top navigation tabs */
#topNavigation { width: 855px; }
	#topNavigation li { float: left; list-style: none; margin-right: 5px; }
	#topNavigation a { height: 16px; display: inline-block; }
	#topNavigation a:link, #topNavigation a:visited { background: url(../images/topnav_inactive.gif) no-repeat left center; text-decoration: none; font-size: 12px; color: #FFFFFF; padding: 5px 10px 5px 30px;  }
	#topNavigation a:hover, #topNavigation a:active { background: url(../images/topnav_active.gif) no-repeat left center; }
	
	/*active top nav styles - must have a page id */
		body#Home #home, body#Features #features, body#Products #products, body#FAQ #faqs, body#Getting_started #getting_started { background: url(../images/topnav_active.gif) no-repeat left center; }
			

/*sub Navigation */
#subNav { width: 845px; margin-top: 5px; clear: left; background-color:#D16F1A; padding: 4px 5px 0px 5px; }
	.subnavigation { width: 585px; float: left; }
	.subnavigation  li, .logins li { float: left; list-style: none; margin-right: 15px; }
	#subNav a:link, #subNav a:visited { text-decoration: none; font-size: 12px; color: #FFFFFF; background-image: none; }
	#subNav a:hover, #subNav a:active { color: #000000; background-image: none; }
	#subNav li a.on { color: #000000; }

  .logins { float: right; width: 220px; }

/* banner */  
#banner { clear: both; }	
		#banner #imageContainer { height: 340px;  position:relative; }  
		#banner #imageContainer img { display:none;  position:absolute;  top:0px; left:0px; height: 340px;  width:855px;  opacity: -0.01; } 

/* BODY COPY */
#bodyContent { width: 855px; margin-top: 10px; clear: both; }
	#mainContent { width: 564px; float: left; background-color: #D5A12D;  }
	#mainContent_noBG { width: 550px; float: left; background-color: #FFFFFF; }
		
		.leftColumnbg { width: 272px; float: left; padding: 10px 10px 10px 0px; }
		.leftColumn { width: 272px; float: left; padding: 10px 10px 10px 0px; background-color: #FFFFFF;  }
		.rightColumnbg { width: 272px; float: left; padding: 10px 0px 10px 11px;}
		.rightColumn { width: 272px; float: left; padding: 10px 0px 10px 11px; background-color: #FFFFFF; }
		/*.oneColumn { width: 555px; float: left; padding: 10px 0px 10px 11px; background-color: #FFFFFF; }
		.oneColumnnp { width: 555px; float: left; padding: 0px 0px 10px 11px; background-color: #FFFFFF; }
		.oneColumnbg { width: 544px; float: left; padding: 10px 0px 10px 11px; }*/
	
	/* HOME PAGE PROMOS */
	.homePromo_black, .homePromo_yellow, .homePromo_orange { width: 147px; height: 136px; float: left; padding: 27px 10px 15px 18px; }
		#mainContent_noBG .homePromo_black { background: url(../images/home_promo_black.jpg) no-repeat left top; color: #FFFFFF; margin-right: 12px; }
		#mainContent_noBG .homePromo_yellow {background: url(../images/home_promo_yellow.jpg) no-repeat left top; margin-right: 12px;}
		#mainContent_noBG .homePromo_orange {background: url(../images/home_promo_orange.jpg) no-repeat left top;}
	#mainContent_noBG .homePromo_black h1, #mainContent_noBG .homePromo_yellow h1, #mainContent_noBG .homePromo_orange h1 { text-transform: uppercase; color: #FFFFFF; padding: 0px;}
	#mainContent_noBG .homePromo_black p, #mainContent_noBG .homePromo_yellow p, #mainContent_noBG .homePromo_orange p { color: #FFFFFF; padding: 0px 0px 5px 0px; }
	
		#mainContent_noBG a.white_link { color: #FFFFFF; text-decoration: none; text-transform: uppercase; }
	
	
	/* FULL WIDTH ACCORDION */
	#vertical_container { float: left; width: 509px; padding: 0px 20px 20px 10px;  }
	.vertical_accordion_toggle { width: 489px;  display: block; cursor: pointer; margin: 0px; height: 24px; padding: 4px 20px 0px 5px; font-size: 1.3em; background: url(../images/chevron_inactive.gif) no-repeat right center; }
	.vertical_accordion_toggle_active {width: 489px;  display: block; cursor: pointer; margin: 0px; height: 24px; padding: 4px 20px 0px 5px; font-size: 1.3em; color: #CF7006; background: url(../images/chevron_active.gif) no-repeat right center; }
	.vertical_accordion_content { width: 489px; overflow: hidden; padding: 0px 10px 0px 10px; }
	
	/* TABBED CONTENT */
	#mainTabbedContent { width: 555px; }
		div.TabbedContent { width: 555px; margin: 0 0 20px 0; }
		.tabs-container { clear: left; border-top: 0; padding: 10px 8px 10px 8px; border: solid 1px #E7E5CD; border-top: none;}
		ul.TabbedContent { list-style: none; width: 100%; float: left; padding: 0px; margin: 0px; background: url(../images/beige_px.gif) bottom repeat-x; }
		ul.TabbedContent li { margin: 0 2px 0 0; float: left; list-style: none;}
		ul.TabbedContent a { float: left; margin: 0; padding: 0px 0px 0px 14px; text-decoration: none;
				color: #484645; background-color: #FFFFFF; border: solid 1px #E7E5CD; }
		ul.TabbedContent a span { float: left; display: block; padding: 6px 11px 5px 1px; background-color:#FFFFFF; }
		ul.TabbedContent a:hover { color: #000000; } 
		ul.TabbedContent a.active { float: left; margin: 0; padding: 0px 0px 0px 14px; text-decoration: none;
				/*border: none;*/ color: #000000; background-color: #E7E5CD; }
		ul.TabbedContent a.active span { float: left; display: block; padding: 6px 11px 5px 1px; background-color: #E7E5CD; }
		.tab ul { margin-left: 5px; }
		.tab li { list-style-image: none; list-style-position: outside; margin-bottom: 6px; margin-left: 0px; }
			
	
	/* GENERIC CONTENT STYLES */
			
	#mainContent p, #mainContent_noBG p, .tab p { padding: 5px 5px 10px 5px; }
	#mainContent p a:link, #mainContent p a:visited { text-decoration: none; color: #CF7006; }
	#mainContent p a:hover, #mainContent p a:active { text-decoration: underline; }
		#mainContent_noBG p a:link, #mainContent_noBG p a:visited { text-decoration: none; color: #CF7006;}
		#mainContent_noBG p a:hover, #mainContent_noBG p a:active { text-decoration: underline; }
		#mainContent_noBG td a:link, #mainContent_noBG td a:visited { text-decoration: none; color: #CF7006;}
		#mainContent_noBG td a:hover, #mainContent_noBG td a:active { text-decoration: underline; }
	
	#mainContent h1, #mainContent_noBG h1, .tab h1 { font-size: 24px; padding: 0px 5px 12px 5px; margin: 0px; text-transform: uppercase; color: #484645; }
	#mainContent h2, #mainContent_noBG h2, .benefits h2, .tab h2 { font-size: 18px; padding: 0px 5px 10px 5px; margin: 0px; }
	#mainContent h3, #mainContent_noBG h3, .benefits h3, .tab h3 { font-size: 14px; padding: 10px 5px 10px 5px; margin: 0px; }
		.leftColumn h1, .leftColumn h2, .tab h2 { color: #000000; }
		.leftColumnbg h1, .leftColumnbg h2 { color: #ffffff; }
		#mainContent h2, #mainContent_noBG h2, .tab h2  { color: #CF7006; text-transform: uppercase; }
		#mainContent h3, #mainContent_noBG h3, .tab h3  { color: #D9A406; text-transform: uppercase; }
			#mainContent_noBG td h3 { padding: 0px;}
		.rightColumnbg  h1, .rightColumnbg h2,.rightColumnbg p { color: #ffffff; }
		
	
	#mainContent strong, #mainContent_noBG strong, .tab strong { font-weight: bold; color: #000000; }
	
	#mainContent img, #mainContent_noBG img {padding: 0px 8px 8px 8px; }
	
	
	#mainContent ol, #mainContent_noBG ol, .benefits ol { list-style: outside decimal; margin-left: 30px; }
	#mainContent ul li, #mainContent ol li, #mainContent_noBG ul li, #mainContent_noBG ol li, .benefits ol li { padding: 0px 5px 0px 0px; }
	#mainContent td, #mainContent_noBG td, .tab td, th.style1, th.style2, th.style3, th.style4, th.style5 {font-size:12px; font-weight:normal; padding: 2px 4px 2px 2px;}
	
	.orange {color: #CF7006;}
	.yellow {color: #D9A406;}
	
	/* table backgrounds */
	th.style1 { background-color: #000000; color: #FFFFFF; font-weight: bold; }
	th.style2 { background-color: #484645; color: #FFF;  font-weight: bold;}
	th.style3 { background-color: #E7E5CD; color: #000;  font-weight: bold;}
	th.style4 { background-color: #D9A406; color: #000;  font-weight: bold;}
	th.style5 { background-color: #CF7006; color: #000;  font-weight: bold;}
	
	td.style1 { background-color: #636265; }
	td.style2 { background-color: #7F7E7D; }
	td.style3 { background-color: #EEEDDC;}
	td.style4 { background-color: #E4BF51; }
	td.style5 { background-color: #DD9B51; }
	
	
	
	/* RIGHT HAND SIDE */
	#rightPromos { width: 290px; float: right; text-align: right; background-color: #FFFFFF; }
	
	#promo_yellow, #promo_beige { width: 268px; float: right; text-align: left; }
	
	#promo_yellow h1 { background: url(../images/rightpromo_yellow_top.jpg) no-repeat right top;
			font-size: 24px; padding: 18px 10px 5px 22px;  text-transform: uppercase; color: #FFFFFF;}
		.benefits { width: 240px; float: right; text-align: left;  padding: 5px 10px 15px 18px; background: url(../images/rightpromo_yellow_bottom.jpg) no-repeat right bottom; }
		.benefits ol li { font-size: 1.2em; color: #FFFFFF; }
		.benefits ol li ul li { font-size: 0.95em; color: #000000; }
		.benefits ul { list-style: inside disc; }
		.benefits p { color: #FFFFFF; padding: 0px 18px 10px 5px;  }
		.benefits a { color: #FFFFFF; text-transform: uppercase; text-decoration: none; }
	
	#promo_beige h1 { background: url(../images/rightpromo_beige_top.jpg) no-repeat right top;
			font-size: 24px; padding: 18px 10px 5px 22px;  text-transform: uppercase; }
		.quotes { width: 240px; float: right; text-align: left;  padding: 5px 10px 15px 18px; background: url(../images/rightpromo_beige_bottom.jpg) no-repeat right bottom; }
		.quotes p { padding: 0px 18px 10px 5px;  }
		.quotes a { text-transform: uppercase; text-decoration: none; }
		.quotes strong { font-weight: bold; }

/* FOOTER */
#footer { width: 815px; background-color: #FFFFFF; margin-top: 10px; margin-bottom: 10px; padding: 10px 20px 10px 20px; clear: both; text-align: center; }

	#footer a:link, #footer a:visited { color: #484645; text-decoration: none; }
	#footer a:hover, #footer a:active { text-decoration: underline; }
	

	/* Accordion bits */
#list3 .title
{
	cursor: pointer;
	display: block;
	color: #ffffff;
	background-image: url(../../assets/images/gradients/off_rt.jpg);
	background-repeat: repeat-x;
	height: 24px;
	width:268px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	padding-top: 4px;
	
	}
#list3 a
{
	
	color:Black;
	font-size:11px;
	text-decoration:none;
	 padding:0px 20px 0px 20px;
	}
	#list3 a:hover
	{
	
	color:Black;
	font-size:11px;
	text-decoration:underline;
	 padding:0px 20px 0px 20px;
	}
	
#list3 h2
{
	font-size: 18px; padding: 0px 10px 5px 5px; margin: 0px;
}

#list3 div
{
	border: solid 1px #dedede;
	border-top: none;
	border-bottom: solid 1px #999999;
    width:268px;
    text-align:left;
    background-color:#EEEDDC;
   

}
#list3 p
{
	border: none;
	font-weight: normal;
	padding: 10px 10px 5px 12px;
	color: #000000;
}
#list3
{
	margin-left: 22px; 
}
#outerWrapperpopup { width: 560px; margin-left: auto; margin-right: auto; margin-top: 20px; background-color: #FFFFFF; border: solid 20px #FFFFFF; }
#bodyContentpopup { width: 555px; margin-top: 10px; clear: both; }
.style1
        {
            width: 133px;
        }
        .style2
        {
            width: 157px;
        }
       
        .style4
        {
            width: 136px;
        }
        
        
 #mainTeasers
{
	width: 565px;
}

 #mainTeasers img
{
 padding:20px;
}
.teaserTelecoms
{
	width: 220px;
	margin-top: 20px;
	padding-bottom: 10px;
	background: url(../../assets/images/gradients/telecoms_btm.jpg) no-repeat bottom left;
	float: left;
}
.teaserTelecoms ing
{
 padding:20px;
}

.teaserTelecoms h4
{
	background: url(../../assets/images/gradients/telecoms_top.jpg) no-repeat top left;
	padding: 20px 40px 5px 18px;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
}


.teaserGeneric
{
	width: 220px;
	margin-top: 20px;
	padding-bottom: 10px;
	background: url(../../assets/images/gradients/generic_btm.jpg) no-repeat bottom left;
	float: left;
}

.teaserGeneric h4
{
	background: url(../../assets/images/gradients/generic_top.jpg) no-repeat top left;
	padding: 20px 40px 5px 18px;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
}
.teaserSecurity p, .teaserManage p, .teaserBusiness p, .teaserNetwrk p, .teaserTelecoms p, .teaserGeneric p
{
	padding: 5px 40px 5px 18px;
	color: #FFFFFF;
	font-weight: normal;
}

.teaserSecurity a:link, .teaserSecurity a:visited, .teaserManage a:link, .teaserManage a:visited, .teaserBusiness a:link, .teaserBusiness a:visited, .teaserNetwrk a:link, .teaserNetwrk a:visited, .teaserTelecoms a:link, .teaserTelecoms a:visited, .teaserGeneric a:link, .teaserGeneric a:visited
{
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}

.teaserSecurity a:hover, .teaserSecurity a:active, .teaserManage a:hover, .teaserManage a:active, .teaserBusiness a:hover, .teaserBusiness a:active, .teaserNetwrk a:hover, .teaserNetwrk a:active, .teaserTelecoms a:hover, .teaserTelecoms a:active, .teaserGeneric a:hover, .teaserGeneric a:active
{
	text-decoration: underline;
}