@charset "UTF-8";

/*  
Theme Name: PhoneFactor.com	
Theme URI: http://www.phonefactor.ccom
Description: PhoneFactor Site Theme
Version: 1.0
Author: Erik Akers
Author URI: http://www.erikakers.com - http://www.phonefactor.com
*/


/*-- Resets --*/
h1, h2, h3, h4, h5, h6, ul, li, blockquote{margin: 0; padding: 0;}
.clear{clear:both;}
.left{float: left;}
.right{float: right;}


/*-- HTML Tags --*/
h1{font-size: 15px; color:#333333; line-height: 20px; margin-bottom:15px; margin-top:15px}
h2{font-size: 15px; color:#FF4002;}
h3{font-size: 13px; color:#FF4002; border-bottom: 1px solid #666666;}
h3 a{color:#FF4002;}
h4{font-size: 16px; color:#333333;}
h4.a{font-size: 16px; color:#333333;}
h5{font-size: 14px; color:#333333; padding: 10px 0 0 0; border-top: 1px solid #CCCCCC;}
.top{border:0;}
.bottom{border-bottom: 1px solid #CCCCCC; border-top:0; padding-bottom: 10px;}
h6{font-size: 12px; color:#FF4002;}
p{font-size: 13px; line-height: 18px; color:#333;}
a{color:#333333; text-decoration:none;}
a:hover{color:#FF4002; text-decoration:underline;}
img{border: 0;}
i{font-size: 9px;}
hr{border: 1px solid #CCCCCC;}
.inmain ul{padding-left: 20px; padding-bottom: 10px;}
ul li{font-size: 13px; line-height:18px; color:#333;}
b{font-weight:normal; padding: 10px 10px; color:#000000; line-height: 25px;}
td{font-size: 13px; line-height: 18px; color:#666666; padding-right: 25px;}

.print{display:none;}


/*-- Structure --*/
body{font-family:Tahoma, Arial, Helvetica, sans-serif; text-align:left; margin:0;}
.wrapper{text-align:center; width:100%; margin:0;}
.contentwrapper{width:900px; text-align:left; margin:auto}

/*-- Header --*/
.header{height:125px; background: url(images/headerbg.jpg) repeat-x; text-align:center; clear:both}
.headercontent{width:900px; text-align:center; clear:both; height: 100px; margin:auto}
.headerleft{float:left; width:450px; height:100px; text-align:left}
.headerright{float:right; width:450px; height:100px; text-align:right;}
.topmenu{margin-top:5px; height:23px; width:320px; padding-top: 3px; background: url(images/topmenu_background.png) no-repeat; text-align:center; font-size:11px; color:#FFFFFF; vertical-align:middle; margin-right:0px; margin-left:auto}
.phone{margin-top:10px; font-size:15px;color:#333333}


/* Drop Down Nav */
.page-item-61, .page-item-62{font-weight:bold; font-size: 12px;}
.page-item-61, .page-item-62 a:hover{color:#333333; text-decoration:none;}

.navigation{background: url(images/menubg.jpg) repeat-x; height: 25px; padding-bottom:5px; clear:both; }
.dropnav{width:900px; text-align:left; margin:auto} 
#dropnav ul{margin: 0; list-style: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background: url(images/menubg.jpg) repeat-x; height: 25px; padding:1px 0 0 0; z-index:2;}
#dropnav li {padding-top: 1px; display: block; float: left; margin:0 0; line-height: 15px;}
#dropnav li a {display: block; color: #fff; text-decoration: none; padding: 0 20px; padding-top: 3px; margin:0;}
#dropnav li a:hover{ background:none; text-decoration: underline;}
#dropnav li ul li a {display: block; color: #555; text-decoration: none; margin:0; line-height:16px; overflow:hidden; border-bottom: 0;}
#dropnav li ul li a:hover{color: #FF4002; background:none;}
#dropnav li:hover, #dropnav li.sfhover {background:none;}
#dropnav li ul {position: absolute; z-index: 99; left: -999em; width:150px; overflow:hidden; margin: 0px 0 0 -20px; padding: 0; height: auto; border: solid #C7C7C7; border-width: 1px 1px 0; background: #F9F9F9; font-weight:normal;}

/* 3rd level menus only */
#dropnav ul ul {margin: -2em 0 0 150px;}

/* 2nd and 3rd level menus */
#dropnav li li {width: 150px; clear:both; overflow:hidden; border-bottom: 1px solid #DBDBDB;}
#dropnav li li a{padding:5px 5px 0 5px; margin:0;}

/* 2nd and 3rd level menus */
#dropnav ul a {border-right: 0;}
#dropnav li:hover ul ul, #dropnav li:hover ul ul ul, #dropnav li.sfhover ul ul, #dropnav li.sfhover ul ul ul {left: -999em; overflow:hidden;}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#dropnav li:hover ul, #dropnav li li:hover ul, #dropnav li li li:hover ul, #dropnav li.sfhover ul, #dropnav li li.sfhover ul, #dropnav li li li.sfhover ul {left: auto;}

/* 2nd and 3rd level menus */
#dropnav ul li:hover, #dropnav ul ul li:hover, #dropnav ul li.sfhover, #dropnav ul ul li.sfhover {background: #e8e8e8;}

/* 2nd and 3rd level menus */
#dropnav ul li a, #dropnav ul ul li a {background: none;}

/* 2nd level menus only */
#dropnav a.sub {background: url(../images/arrow-right.gif) right no-repeat; background-position:190px 12px;}


/* -- Content */
.flash{padding: 3px 0; position:relative; z-index:1;}
.main{width: 655px; padding-top: 5px; padding-bottom: 5px; float: left;} 
.inmain{width: 635px; padding-top: 5px; padding-bottom: 5px; float: left;} 
.headimg{padding-bottom: 5px;}
.left{float:left; width: 320px; padding-right: 30px; padding-bottom: 10px;}
.left p{margin: 0; padding: 0;}
.right{float:left; width: 270px;}
.side{float: right; width: 230px; padding-top: 5px; padding-bottom: 5px;}
.inside{float: right; width: 230px; padding-top: 5px; padding-bottom: 5px;}
.check{font-family: Wingdings}
.block{padding-left: 30px; margin-bottom: 20px;}
.topborder{border-top: 1px solid #CCCCCC; padding-top: 15px}
.inmain h4{padding-top: 20px;}
.link {color:#FF4002; text-decoration:underline}
.link a:hover {font-weight:bold}


.sideblog h2{font-size: 13px; color:#FF4002; border-bottom: 1px solid #666666; margin-top: 10px;}
.sideblog h3{margin-top: 10px;}
.blockquote{margin: 5px 20px; padding:1px 20px; background: #e7e7e7; border: 1px solid #ccc;}

.sidepage{background: url(images/pagebg.jpg) repeat-y; clear:left;}
.sidetop{background: url(images/pagetop.jpg); width: 230px; height: 17px;}
.sidebottom{background: url(images/pagebottom.jpg); width:230px; height: 17px;}
.sidepad{padding: 0 20px;}

.sidebuts{list-style: none; margin-top: -3px;}
.sidebuts li a{display: block; width: 230px; height: 90px; text-indent:-9999px;}
.sidebuts li.contact a{background: url(images/contact.jpg) bottom center no-repeat;}
.sidebuts li.demo a{background: url(images/demo-new.jpg) bottom center no-repeat;}
.sidebuts li.download a{background: url(images/download-new2.jpg) bottom center no-repeat;}
.sidebuts li a:hover{background-position: top center;}

.press{padding-bottom: 5px;}
.press ul li{list-style: none; line-height: 18px;}
.press li{font-size: 13px; padding-top: 3px;}
.press strong{font-size: 10px; color:#666666;}


.footer{height: 150px; clear: both; font-size: 12px; margin-top:10px; background: url(images/footer-back.jpg) repeat-x; background-color:#929496; }
.footercontent{width:900px; text-align:center; clear:none; height: 100px; margin:auto}
.footer ul{list-style: none; padding: 7px 0; Float:right;}
.footer ul li{display: inline; padding: 0 10px; }
.copy{float:left; padding-top: 4px;; text-align:left}
.copytext{margin-top: 5px; color:#FFFFFF}
.copytext a{margin-top: 5px; color:#FFFFFF}
.footerlinks{font-size: 11px; color:#FFFFFF; line-height: 13px}
.footerlinks a{color:#FFFFFF}

.uses{list-style: none; text-align: center; padding: 5px 0;}
.uses li{padding: 7px 0;}

.quotes{list-style: none; padding-top: 5px;}
.quotes li{display:block; width:100%; height: 65px; background: url(images/quotebg.jpg) repeat-x; padding-bottom: 1px; font-size: 11px; color:#FFFFFF; line-height:15px;}
.center{padding: 5px 5px 5px 10px;}

.pages{list-style: none}
.pages li{font-size: 12px; line-height: 18px;}

.sitemap{padding-left: 100px; padding-top: 10px;}
.sitemap ul{ list-style: disc;}
.sitemap li{padding-left: 5px; padding-bottom: 3px; font-size: 13px; line-height: 18px;}
.sitemap li li{padding-left: 15px; list-style: none;}

.blog{padding-top: 10px;}
.blog h4{padding-top: 25px;}
.author{padding: 0; margin:0; font-size: 12px;}
.meta{height: 25px; width: 635px; background: url(images/meta.jpg) no-repeat;}
.meta p{font-size: 10px; margin-left: 10px; padding-top: 3px;}


.pagenav{margin:10px 0; text-align:center;}
.pagenav a{font-size: 12px;}
.prev{text-align:left; padding-right:225px;}
.next{text-align:right; padding-left: 225px;}

.sideblog{font-size: 13px; float: right; width: 230px; padding-top: 5px; padding-bottom: 5px;}
.sideblog ul{list-style:none;}

.comments-template{margin-left: 30px; border-top: 1px solid #ccc; width: 600px;}
.comments-template ol{margin: 0; padding: 0 0 15px; list-style: none;}
.comments-template ol li{margin: 10px 0 0; line-height: 18px; padding: 0 0 10px; border-bottom: 1px solid #ccc;}
.comments-template h2, .comments-template h3{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px;}
.commentmetadata{font-size: 12px;}
.comments-template p.nocomments{padding: 0;}
.comments-template textarea{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;}

.sociable{padding-bottom: 10px;}
.socialbe ul{list-style: none;}
.sociable_tagline{font-size: 11px; line-height: 18px; color:#666666; font-weight:bold;}
.sociable_tagline span{display:none;}
.sociable ul li{display: inline;}

.leadtop{background:url(images/leadtop.jpg) no-repeat; width: 635px; height: 19px; margin:0;}
.leadbg{margin: -5px 15px 0 15px; height:auto;}
.leadbottom{background:url(images/leadbottom.jpg) no-repeat; width: 635px; height: 16px; margin:0;}
.leadtop2{background:url(images/leadtop2.jpg) no-repeat; width: 645px; height: 19px; margin:0;}
.leadbottom2{background:url(images/leadbottom2.jpg) no-repeat; width: 645px; height: 16px; margin:0;}
.lead{clear: both; width: 635px; background:#dfdfdf; margin-top: 15px;}
.leadtext{width: 430px;}
.lead img{float: right; margin-top: -140px; margin-right: 20px;}
.lead h2{color:#333333; font-size: 14px;}

/* -- A Couple Of Quick Things From Jeff */
.press-item-header {margin-bottom: 25px; text-align:left; margin-top: 25px;}
.press-item-body {font-size: 13px; line-height: 18px; color:#666666; text-align:left; padding-left:10px; margin-bottom:5px;}
.press-item-author {font-size: 11px; line-height: 18px; color:#222222; text-align:left; font-style:italic; padding-left:20px;}
.press-item-link {margin-bottom: 25px; font-size: 11px; line-height: 18px; color:#222222; text-align:left; padding-left:35px;}

/* -- Home Page  -- */
.home{float:left; width: 900px; height: 525px;}
.homel{float:left; width: 665px}
.homeleft{float:left; width: 300px; height: 280px; padding: 10px; text-align: left}
.homecenter{float:right; width:300px; height: 280px; padding: 10px;}
.homelead{float:left; width: 645px; height: 250px; padding: 10px; text-align: left}
.homeright{float:right; width: 200px; padding: 10px}

/* -- Home Page - New  -- */
.homewrapper {text-align:left;	margin-top: 20px; margin-bottom: 20px; padding:0px;	border:0; width:900px;; height:420px}
.homeside-a {float: left; width: 295px; height: 400px; margin-right:15px;}
.homeside-a-top{width: 280px; height:220px; border:1px #CCCCCC solid; padding:5px; margin-bottom: 10px}
.homeside-a-bottom{width: 280px; height:160px; border:1px #CCCCCC solid; padding:5px;}
.homecontent {float: left; width: 275px; height: 400px; border:thin #CCCCCC; margin-right:10px; border:1px #CCCCCC solid; padding:5px; background-image: url(images/notoken-home.jpg); background-position:right bottom; background-repeat:no-repeat}
.homeside-b {float: right; width: 275px; height: 400px; border:thin #CCCCCC; border:1px #CCCCCC solid; padding:5px}


/* -- Home Page - How It Works  -- */
.howitworks-phone {color:#333333; font-size: 11px; line-height: 24px; text-align:center; float:left; width:104px; height:25px; background: url(images/howitworks-phone.jpg) no-repeat; margin-bottom:10px; margin-top:10px}
.howitworks-text {color:#333333; font-size: 11px; line-height: 24px; text-align:center; float:left; width:95px; height:25px; background: url(images/howitworks-text.jpg) no-repeat; margin-bottom:10px; margin-top:10px}
.howitworks-voice {color:#333333; font-size: 11px; line-height: 24px; text-align:center; float:left; width:93px; height:25px; background: url(images/howitworks-voice.jpg) no-repeat; margin-bottom:10px; margin-top:10px}
.howitworks-step2{font-size: 13px; line-height: 18px; color:#333;}

/* -- POPUPS -- */
#fade {display:none; background:#000; position:fixed; left:0; top:0; z-index:10; width:100%; height:175%; opacity:.80; z-index:9999;}
.popup_block{display:none; background:#fff; padding:20px; border:20px solid #ddd; float:left; font-size:1.2em; position:fixed; top:50%; left:50%; z-index:99999; 	-webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	border-radius: 10px}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {position: absolute;}
*html .popup_block {position: absolute; padding:20px; margin:20px}

/* -- News -- */
.news{list-style:none; margin-left:-20px;}
.news li{border-bottom: 1px solid #ccc; padding: 20px 0;}
.newsleft{float: left; width: 25%;}
.newsright{float: right; width:74%;}

/* -- Awards -- */
.awards{list-style:none; margin-left:-20px;}
.awards li{border-bottom: 1px solid #ccc; padding: 20px 0;}
.awardsleft{float: left; width: 35%; text-align:center; vertical-align:middle}
.awardsright{float: right; width:64%; text-align:left; vertical-align:middle}

/* -- Clients -- */
.clients{list-style:none; margin-left:-20px;}
.clients li{border-bottom: 1px solid #CCC; padding: 15px 0; position:relative;}
.clients li:last-child {border: none; }
.clientsleft{float:left; width: 170px; text-align: center;}
.clientsright{float:right; width: 435px; padding-top:5px;}

/* -- Product Page Lists -- */
.products li{margin: 5px 0 5px 5px;}


/* -- Events -- */
.events{list-style:none; margin-left:-20px;}
.events li{border-bottom: 1px solid #CCC; padding: 10px 0;}
.events li:last-child { border: none; }
.eventsleft{float:left; width:445px;}
.eventsright{float:right; width:170px; text-align:center;}
.events h6{font-size: 14px; color:#333333; margin: 0; padding:0;}
.events p{margin: 2px 0; padding:0;}

/* -- Webinar -- */
.webinar{list-style:none; margin-left:-20px;}
.webinar li{border-bottom: 1px solid #ccc; padding: 10px 0;}
.webinar li:last-child { border: none; }
.webinar h6{font-size: 14px; color:#333333; margin: 0; padding:0;}
.webinar p{margin: 2px 0; padding:0;}
.webinarleft{float:left; width: 170px; text-align:center;}
.webinarright{float:right; width: 445px;}

/* -- Management Team -- */
.management li{list-style:none; margin: 7px 20px;}

/* -- Studies -- */
.studies{list-style: none;}
.studies li{display: inline; padding: 10px; text-decoration:underline}

/* -- SSL Gap Status Page -- */
.vendor-border{border-bottom: solid 1px #6F6F6F; color:#FF4226; vertical-align:top}
.vendor{vertical-align:top; color:#FF4226}
.status-border{vertical-align:top; border-bottom: solid 1px #6F6F6F}
.status{vertical-align:top;}
.linkout{color:#333; text-decoration:underline}

/* -- Downloads -- */
.button{border: 1px solid #666; background-color:#e2e2e2; padding: 2px; height: 25px;}
.webinarbutton{border: 1px solid #666; background-color:#e2e2e2; padding:2px; height: 20px; width: 105px; font-size: 13px; line-height: 18px; text-align:center}

.box{background: url(images/boxbg.jpg) repeat-y; width: 317px; clear:left; margin-left: -6px;}
.boxtop{background: url(images/boxtop.jpg); width: 317px; height: 14px;}
.boxbottom{background: url(images/boxbottom.jpg); width:317px; height: 15px;}
.boxpad{padding:1px 13px; margin-top:-5px;}

/* -- Show Hidden Content -- */
.more {
	display: none;
	border-top: 0px solid #666;
	border-bottom: 0px solid #666; }
a.showLink, a.hideLink {
	color: #333;
	padding-left: 8px;
	text-decoration:underline}
a.showLink:hover, a.hideLink:hover {
	color:#FF4002; }

/* -- Fader -- */

.fader{list-style: none; margin-left:-20px; padding-top: 10px;}
.fader li{float: left; padding-right: 2px;}
.fader li a{display:block; width: 120px; text-indent:-9999px;}
.fader li a.overview{background: url(images/overviewf.jpg) bottom center no-repeat;  height:30px; }
.fader li a.details{background: url(images/details.jpg) bottom center no-repeat;  height:30px; }

#content{width: 630px; border-top: 1px solid #666;}

.buttonf {float: left; margin: 0; cursor: pointer; }

#one {display: block; opacity: 1}
#one-button {opacity: 1.0;}

#two {display: none; opacity: 1}
#two-button {opacity: 0.6;}

#three {display: none; opacity: 1}
#three-button {opacity: 0.6;}

#four {display: none; opacity: 1}
#four-button {opacity: 0.6;;}

#five {display: none; opacity: 1}
#five-button {opacity: 0.6;}

#six {display: none; opacity: 1}
#six-button {opacity: 0.6;}

/* -- Global Box -- */
.globalbox{border: 2px solid #e2e2e2; background-color:#f7f7f7; padding: 5px; width: 100%; margin-top:25px; clear:both;}


/* -- Web to Lead --*/
.input{border: 1px solid #333; padding: 3px;}
.inputsm{border: 1px solid #333; font-size:10px}
.inputlabel{font-size:10px; font-weight:bold}
.submit{border: 1px solid #333; background:#e2e2e2;}
.invalid {background: #ccc;}

/* -- New Menu Drop Down -- */
 ul#mc_menu_3 {margin: 0; list-style: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; background: url(images/menubg.jpg) repeat-x; height: 25px; padding:1px 0 0 0; z-index:2;}
#mc_menu_3 li {padding-top: 1px; display: block; float: left; margin:0 0; line-height: 15px;}
#mc_menu_3 li a {display: block; color: #fff; text-decoration: none; padding: 0 20px; padding-top: 3px; margin:0;}
#mc_menu_3 li a:hover{text-decoration: underline;}
#mc_menu_3 li ul li a {display: block; color: #555; text-decoration: none; margin:0; line-height:16px; overflow:hidden; border-bottom: 0;}
#mc_menu_3 li ul li a:hover{color: #FF4002; background:none;}
#mc_menu_3 li:hover, #mc_menu_3 li.sfhover {background:none;}
#mc_menu_3 li ul {position: absolute; z-index: 99; left: -999em; width:150px; overflow:hidden; margin: 0px 0 0 -20px; padding: 0; height: auto; border: solid #C7C7C7; border-width: 1px 1px 0; background: #F9F9F9; font-weight:normal;}

/* 3rd level menus only */
#mc_menu_3 ul ul {margin: -2em 0 0 150px;}

/* 2nd and 3rd level menus */
#mc_menu_3 li li {width: 150px; clear:both; overflow:hidden; border-bottom: 1px solid #DBDBDB;}
#mc_menu_3 li li a{padding:5px 5px 0 5px; margin:0;}

/* 2nd and 3rd level menus */
#mc_menu_3 ul a {border-right: 0;}
#mc_menu_3 li:hover ul ul, #mc_menu_3 li:hover ul ul ul, #mc_menu_3 li.sfhover ul ul, #mc_menu_3 li.sfhover ul ul ul {left: -999em; overflow:hidden;}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#mc_menu_3 li:hover ul, #mc_menu_3 li li:hover ul, #mc_menu_3 li li li:hover ul, #mc_menu_3 li.sfhover ul, #mc_menu_3 li li.sfhover ul, #mc_menu_3 li li li.sfhover ul {left: auto;}

/* 2nd and 3rd level menus */
#mc_menu_3 ul li:hover, #mc_menu_3 ul ul li:hover, #mc_menu_3 ul li.sfhover, #mc_menu_3 ul ul li.sfhover {background: #e8e8e8;}

/* 2nd and 3rd level menus */
#mc_menu_3 ul li a, #mc_menu_3 ul ul li a {background: none;}

/* 2nd level menus only */
#mc_menu_3 a.sub {background: url(../images/arrow-right.gif) right no-repeat; background-position:190px 12px;}