body { color:#000; background: #292323; font: 85% Arial, Helvetica, sans-serif; margin:0; padding:0 }
* {margin: 0px; padding: 0px; }
	
h3 { font-size:2em; }

/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
hr { display: none; }
img { border: none; }
ul { list-style-type: none; padding:0; margin:0; }

/* Clear Floats
--------------------------------------------------------------------------*/
.clear { clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden;}
.clearboth { clear: both; }
.clearfix {display: inline-block;}
.clearfix {display: block;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input.txtbox, textarea, select {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
input.txtbox,textarea{}
fieldset br{ clear:both;}
fieldset{ border:none;}

/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {color:#6886A1;}
a{outline:none;cursor:pointer !important;text-decoration:none;position:relative;color:#6886A1;}

/*-------------------------------------------------------------------------
                              GENERAL PAGE STYLES
*-------------------------------------------------------------------------*/
ul#acc-links {display:none;}
.container{ width:968px; margin:0 auto;}

/*-------------------------------------------------------------------------
                             HEADER
*-------------------------------------------------------------------------*/
#header { background:#292323; height: 68px; padding: 10px 0 0 ;}
#header h1 a { margin-left:61px; background: url('/css_img/logo_handsetdetection.jpg') no-repeat scroll 0 0 transparent; display:block; height: 72px; width: 298px; text-indent: -9999px }

/*-------------------------------------------------------------------------
                             ADMIN-NAV
*-------------------------------------------------------------------------*/

#admin-header {
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:135px;
	background-color: #DEDEDE;
	border-bottom:1px solid #cccccc;
}

#admin-header a {
	font-size: 14px;
	line-height:14px;
	font-weight: normal;
}

#admin-header span {
	font-size: 14px;
	color:#AAA;
}

/*-------------------------------------------------------------------------
                             MAIN-NAV
*-------------------------------------------------------------------------*/
#main-nav{
  background:url('/img/head-gradient.gif') 0 0 repeat-x;
  height:40px;
  border-top:1px solid #8CB54B;
  border-bottom:1px solid #547420;
}

#main-nav span.div{
	display:block;
	width:15px;
	height:40px;
	background:url('/img/head-gradient-div.gif') 0 0 repeat;
}

ul#nav{
  float:left;
  padding:0px 0 0px 50px;}

ul#nav li{
  float:left;
  text-transform:uppercase;
  font-size:14px;
  font-weight: bold;
  color:#FFF !important;
  background:url('/img/head-gradient-div.gif') 0 0 no-repeat;
  height:35px;
  padding:4px 2px 1px 2px;
}

ul#nav li a{
   display:block;
  padding:8px 16px 11px 16px;
  color:#FFF;}
  
ul#nav li a:hover {
  background-color: #547420;}

ul#nav li a.bottom,ul#utilities li a.bottom{
  border-right:none !important;}

ul#utilities{
  float:right;
  background:#5D8719;
  margin-top: 3px;
  border: solid 1px #547420;
  padding:9px 5px;}
  
ul#utilities li{
  float:left;
  text-transform:uppercase;}

ul#utilities li a{
  display:block;
  padding:0 15px;
  color:#FFF;
  border-right:1px solid #8CB54B;}

ul#utilities li a span{
  background:url('../css_img/ui/bg_whitearrowdown.gif') right 5px no-repeat;
  padding:0 15px 0 0;}

/*-------------------------------------------------------------------------
                             CONTENT
*-------------------------------------------------------------------------*/
#content{
  background:#FFF;
  padding:30px 0;}

#option2 #content{
  padding:0 !important;
  background: #F3F3E7 url('../css_img/ui/bg_content_option.gif') left bottom repeat-x;}
  

/*-------------------------------------------------------------------------
                             SIDE-CONTENT
*-------------------------------------------------------------------------*/
#side-content{
  float:left;
  width:208px;}

#side-content ul#side-nav{
  margin: 0 0 20px 0 !important;
  width:183px;}

ul#side-nav li{
  font-size:1.4em;
  margin: 0;
  display:inline;}

ul#side-nav li a{
  color:#817B7B;
  font-weight:normal;
  display:block;
  height:29px;
  width:183px;
  padding:10px 0 0 25px;
  background:url('../css_img/ui/bg_sidenav.gif') 0 0 no-repeat;}

ul#side-nav li a span{
  background-repeat:no-repeat !important;
  background-position:-2px -2px !important;
  display:block;
  padding:0px 0 5px 30px;}

ul#side-nav li a.dashboard span{
  background:url('../css_img/ui/icon_dashboard.png');}

ul#side-nav li a.acctsummary span{
  background:url('../css_img/ui/icon_account-summary.png');}

ul#side-nav li a.acctsettings span{
  background:url('../css_img/ui/icon_account-settings.png');}

ul#side-nav li a.upgrade span{
  background:url('../css_img/ui/icon_upgrade.png');}

ul#side-nav li a.paymenthistory span{
  background:url('../css_img/ui/icon_payment-history.png');}

ul#side-nav li a.affiliatesetup span{
  background:url('../css_img/ui/icon_affiliate-setup.png');}

ul#side-nav li a.affiliatesummary span{
  background:url('../css_img/ui/icon_affiliate-summary.png');}

ul#side-nav li a.acctsummary span{
  background:url('../css_img/ui/icon_account-summary.png');}

ul#side-nav li.active a{
  background:url('../css_img/ui/bg_sidenav.gif') 0 -39px no-repeat;
  padding-top:5px !Important;
}

ul#side-nav li.active a{
 padding-top:11px !Important;
 height:29px !important;
  color:#FFF;}

ul#side-nav li.top a{
  background:url('../css_img/ui/bg_sidenav-top.gif') 0 0 no-repeat !important;}

ul#side-nav li.active em{
  background:url('../css_img/ui/bg_sidenav-active.gif') 0 0 no-repeat;
  width:15px;
  height:8px;
  position:relative !important;
  z-index:1 !important;
  top:38px;
  margin-bottom:-38px;
  left:-1px;
  display:block;
  float:left !important;}

ul#sub-nav{
  width:194px;
  padding:0 0 5px 0;
  margin-left:14px;}

ul#sub-nav li{ 
  display:inline;
  font-size:1.4em;}

ul#sub-nav li.top a{
  background:url('../css_img/ui/bg-subnav-top.gif') 0 0 no-repeat !important;}

ul#sub-nav li.bottom a{
  background:url('../css_img/ui/bg_subnav-last.gif') 0 0 no-repeat !important;
  height:39px !important;}

ul#sub-nav li a.addopen span{
  background:url('../css_img/ui/icon_addopen.gif');}

ul#sub-nav li a.handset span{
  background:url('../css_img/ui/icon_handset.gif');}

ul#sub-nav li a.testuser span{
  background:url('../css_img/ui/icon_test.gif');}

ul#sub-nav li a span{
  background-repeat:no-repeat !important;
  background-position:-4px -2px !important;
  display:block;
  padding:0px 0 4px 30px; }

ul#sub-nav li a{
  color:#817B7B;
  font-weight:normal;
  width:180px;
  background:url('../css_img/ui/bg_subnav-li.gif') 0 0 no-repeat;
  height:30px;
  padding:10px 0 0 14px;
  display:block;}

ul#sub-nav li a.active, ul#sub-nav li a:hover{
  color:#78A431;}

/*option2 */
#option2 #side-content{
  float:right !important;
  width:294px !important;
  padding:24px 0 0 0;}

.customers-say{
  width:294px;
  background:#F7F7F7;
  border:1px solid #E3E3E3;
  padding:1px;}

.customers-say .inside{
  border:1px solid #FFF;
  background:#F7F7F7;
  padding:1px;}

.customers-say .inside h4{
  background:url('../css_img/ui/icon_say.gif') 5px 10px no-repeat;
  padding:10px 20px 10px 60px;
  height:40px;
  font-size:1.4em;
  color:#000;
  font-family:'Century Gothic', Arial;
  font-weight:normal;
  border-bottom:1px solid #EAEAEA;}

.customers-say ul{
  background:url('../css_img/ui/icon_quote.gif') 0 0 no-repeat;
  width:253px;
  margin:10px auto;
  padding: 0 0 25px 0;}

.customers-say ul li{
  border-bottom:1px solid #EAEAEA;
  margin:0;
  padding:0;
  padding-bottom:10px;}

.customers-say ul li.bottom{
  border-bottom:none !Important;}

.customers-say ul li p{
  font-size:1.2em;
  color:#6C6C6C;
  padding:0 0 5px 0;
  line-height:1.3em;}

.customers-say ul li p a{
  color:#D17C16;}

.customers-say ul li p.person{
  color:#000 !Important;}

/*-------------------------------------------------------------------------
                            MAIN-CONTENT
*-------------------------------------------------------------------------*/ 
#main-content{
  width:737px;
  float:right;}

#option2 div#main-content{
	width:600px;
	padding:24px 0px 24px 55px;
}

#option2 #main-content{
  float:left !important;
  /*padding:24px 0 24px 76px;*/}

/* page titles */
#main-content h2{
  width:661px;
  height:35px;
  padding:10px 0 0 76px;
  color:#78A431;
  font-family:'Trebuchet Ms', Arial;
  font-size:2em;
  letter-spacing:1px;
  margin:0 0 20px 0;}

#main-content h2.affiliate{
  background:url('../css_img/ui/title_affiliatesummary.gif') 0 0 no-repeat;}

#main-content h2.accountsettings{
  background:url('../css_img/ui/title_accountsettings.gif') 0 0 no-repeat;}

.roundblock{
  margin:0px 0 20px 0;
  }

.roundblock .top{
  /*background:url('../css_img/ui/bg_titleblock.gif') 0 0 no-repeat;*/
  height:24px;
  padding:8px 17px 0 17px;
  background-color:#78A431;}

.roundblock .top h3{
  float:left;
  font-size:1.4em;
  color:#FFF;}

.roundblock .top a.btn-up{
  background:url('../css_img/ui/btn_arrowup.gif') 0 0 no-repeat;
  width:16px;
  height:16px;
  display:block;
  float:right;
  text-indent:-9999px;}

/* referrer summary box */
.rs-box{
  background:url('../css_img/ui/bg_rs-box.gif') 0 0 no-repeat;
  width:732px;
  height:157px;}

.rs-box .col{
  width:244px;}

/* referrer history */
.rh-box{
  background: url('../css_img/ui/bg_rh.gif') left bottom no-repeat;
  width:732px;
  padding:0 0 14px 0;}

.rh-box .wrap{
  background:#EFEFEF;
  border:1px solid #D1D2D3;
  border-width: 0 1px;
  min-height:100px;
  padding: 45px 8px 0 8px;}

/* developer summary */
.dh-box{
  background:url('../css_img/ui/bg_ds.gif') 0 0 no-repeat;
  width:732px;
  height:157px;}

.dh-box .col{
  width:361px;}

/* cols settings */
.col{
  float:left;
  padding:18px 0 0 0;}
  
.col h4{
  color:#817B7B;
  font-size:2.8em;
  text-align:center;
  letter-spacing:1px;
  padding:0 0 8px 0;}

.col p{
  text-align:center;
  color:#817B7B;
  font-size:1em;
  font-weight:bold;}

/* numbers */
.num-speak{
  width:182px;
  height:65px;
  margin:0 auto 7px auto;
  text-align:center;
  padding:7px 0 0 0;
  color:#78A431 !important;
  font-size:4em !important;}
  
.solidgray{
  background:url('../css_img/ui/bg_bubble1.png') 0 0 no-repeat;}

.gradientgray{
  background:url('../css_img/ui/bg_bubble2.png') 0 0 no-repeat;}

/*payment table */
.payment-data{
  width:732px;
  border-left:1px solid #D1D2D3;}

.payment-data tr th{
  background:#EFEFEF;
  font-size:1.4em;
  color:#78A431;}

.payment-data tr th,
.payment-data tr td{
  padding:7px 15px;
  border:1px solid #D1D2D3;
  border-width:0 1px 1px 0;}

.payment-data tr td{
  font-size:1.4em;
  color:#000;
  text-align:center;}

.payment-data .col-paid{
  width:30px;}

.payment-data .col-paid img{
  display:block;
  margin: 0 auto;}

.payment-data .col-amount{
  width:78px;}

.payment-data .col-schedpayday{
  width:143px;}

.payment-data .col-notes{
  width:356px;}

.payment-data td.col-notes{
  font-style:italic !important;
  text-align:left !important;}

/* form account settings */
.accountsettings-form{
  background:url('../css_img/ui/bg_form-account.gif') left bottom no-repeat;
  width:732px;
  padding:0 0 9px 0;}

.accountsettings-form .wrap{
  background:url('../css_img/ui/bg_form-account-repeat.gif') 0 0 repeat-y;
  padding:15px 0 0 0;}

.form-account label{
  width:240px;
  float:left;
  padding:0 20px 20px 20px;
  font-size:1.8em;
  color:#78A431;
  font-weight:bold;}

.form-account label span{
	color:#817B7B;
	font-size: 0.6em;
	display:block;
	font-weight:normal !important;}

.form-account .txtbox{
  margin:0 0 0 33px;
  width:371px;
  padding:5px 8px;
  border:1px solid #78A431;}

.btn-greensubmit{
  background:url('../css_img/ui/bg_greenbutton-right.gif') top right no-repeat;
  height:35px;
  display:block;
  float:right;
  color:#FFF;
  padding: 0 25px 0 0;
  margin:0 5px 20px 20px;}

.btn-greensubmit span{
  background:url('../css_img/ui/bg_greenbutton-left.gif') top left no-repeat;
  padding: 9px 0 0 25px;
  display:block;
  height:26px;
  color:#FFF;
  font-size:1.4em;
  font-weight:bold;}

ul.icon-list li{
  width:270px;
  float:left;
  display:block;
  /*padding: 0 30px 0px 0;*/
  height:150px;
  border:solid 1px #F3F3E7;
  padding:10px;
  margin-bottom:10px;
  /*background-color: #FFF;*/  
}

ul.icon-list li h3{
  text-transform:uppercase;
  color:#000;
  font-size:1.3em;
  font-family:'Century Gothic', Arial;
  padding:8px 20px 5px 52px;
  height:32px;
  line-height:1.3em;
  background-position: 0 0 !important;
  background-repeat: no-repeat !Important;}

ul.icon-list li p { font-size:1.3em; color:#888888; line-height:1.5em; padding:4px 0 0 10px;}
ul.icon-list li h3.easy{ background:url('/icon48/refresh.png');}
ul.icon-list li h3.detection{ background:url('/icon48/target.png');}
ul.icon-list li h3.realtime{ background:url('/icon48/clock.png');}
ul.icon-list li h3.keystat{ background:url('/icon48/chart.png');}
ul.icon-list li h3.device{ background:url('/icon48/clock.png');}
ul.icon-list li h3.getup{ background:url('/icon48/accept.png');}
ul.icon-list li h3.dollar{ background:url('/icon48/dollar_currency_sign.png');}

/*-------------------------------------------------------------------------
                             INTRO-BANNER
*-------------------------------------------------------------------------*/
#intro-banner{
  background:url('../css_img/ui/bg_sub-banner.gif') 0 0 repeat-x;
  height:351px;}

#intro-banner .intro{
  background:url('../css_img/handset.png')  right 15px no-repeat;
  min-height:360px;
  height:auto !Important;
  height:360px;}

#intro-banner .intro-text{
  width:528px;
  padding:25px 0 0 65px;
  position:relative;}

#intro-banner .intro-text h2 {
  font-size:24px;
  font-family:'Century Gothic', Arial;
  font-weight:normal;
  color:#000;
  line-height:1.4em;
  padding:0 0 17px 0;
  letter-spacing: 0em;
  height:auto;}

#intro-banner .intro-text p{
  font-size:1.4em;
  line-height:1.5em;
  font-family:'Century Gothic', Arial;}

#intro-banner p.buttons{
  position:absolute;
  top:290px;}

#intro-banner p.buttons a{
  display:block;
  text-indent:-9999px;
  margin:0 20px 0 0;
  float:left;
  width:192px;
  height:43px;}

#intro-banner a.btn-tryitforfree{
  background:url('../css_img/ui/btn_tryitforfree.gif') 0 0 no-repeat;}

#intro-banner a.btn-takeatour{
  background:url('../css_img/ui/btn_takeatour.gif') 0 0 no-repeat;}




/*-------------------------------------------------------------------------
                             FOOTER
*-------------------------------------------------------------------------*/
#footer{ background-color:#547420; }
#footer .indent{ padding-left:60px;}
#footer .sub-footer{ background-color:#78A431; padding:10px 0;}
#footer .newsletter-intro{ width:290px; margin-left:40px; float:left; color:#FFF; line-height:1.6em; background-image:url('/icon48/mail.png');
	background-repeat: no-repeat; background-position: 5px -3px; padding-top:2px; padding-left:65px; } 
#footer .email-submit{ float:right; width:390px;}
#footer .email-submit .txtbox{
  background:#F3F3E7;
  border:solid 3px #85AF41;
  padding:7px 10px;
  font-size: 12px;
  width:120px;
  margin:0 10px 0 0;
  color:#547420;
  font-style:italic;}

#footer .email-submit .btn-submit{
  background:url('/img/b-go-mini.gif') 0 0 no-repeat;
  width:69px;
  height:35px;
  border:none;
  text-indent:-9999px;
  cursor:pointer;}

#footer .bottom-footer { padding:15px 0; background-color: #547420; }
#footer .bottom-footer .cols{ margin-right:12px; min-height:140px; width:212px; float:left;}
#footer .bottom-footer .cols h5{ color:#FFF; font-size:17px; font-weight:normal; padding:6px 0 6px 20px;}
#footer .bottom-footer .cols ul li a{
  background:url('../css_img/ui/bullet_arrowside.gif') 0 4px no-repeat;
  padding:0 0 0 10px;
  color:#DFE4CD;}
  
#footer .bottom-footer .cols ul li a:hover { text-decoration:underline;}
#footer .bottom-footer .cols ul li{ display:block; margin:0 0 7px 20px;}
#footer .copy{ background-color:#292323; text-align:center; padding:10px 0 5px 0;}
#footer .copy p{ color:#CCDAB7; }