body {
	background-color:#077CF2;
	margin:15px 0 15px 0 ;
	padding:0;
	FONT-SIZE: 12px; 
	FONT-FAMILY:"Trebuchet MS";
	color:#3C3C3C;
	text-align:left;
	line-height:16px;

}
p {margin:0;}

a {	
	text-decoration:underline;
	color:#C92E0C;
}
a:hover {
	text-decoration:none;
	color:#C92E0C;
}

a:focus { outline:none }


p {
	margin:0;
}
.clr{
	clear:both;
}

.maincont {
	padding:0px;
	width:968px;
	margin: 0 auto 0 auto;
	position:relative;
}
.body-cont {
	padding:15px;
	width:938px;
	margin:auto;
	float:left;
	background-color:#fff;
	position:relative;
	background:url(../images/bottom-main.gif) no-repeat bottom #fff;	
}

/**********************************************
		      	 	MENU
/**********************************************/

#menu { 
	width:946px;  
	margin: 0 auto;  
	background:none;
	padding:0 10px 0 12px;
	float:left;
	text-align:center;
	border-bottom:solid 4px #55CD00;
	background:url(../images/nav-bg.gif) no-repeat;  
}
#menu ul {  
	margin: 0; 
	padding: 0;
}
#menu ul li {
	display: block;
	float: left;
	list-style: none;
	padding:0 10px 0 10px;
	border-right:solid 1px #848175;
	}
#menu ul li a { 
	display: block;
	float:left; 
	text-decoration: none;
	color:#fff;
	cursor:pointer;
}
#menu ul li a span{
	width:auto;
	display:block;
	padding:0 17px;
	padding-top:16px !important;
	padding-bottom:5px;
}
#menu ul li a:hover, #menu ul li.active a{
	color:#fff;
	background: url(../images/nav-over-left.jpg) bottom left no-repeat;
}
#menu ul li a:hover span, #menu ul li.active a span{
	color:#fff;
	background:url(../images/nav-over-right.jpg) bottom right no-repeat;
}

/**********************************************
		    		BODY
/**********************************************/
.header-main {
	width:653px;
	float:left;
	padding-right:15px;
}
.header {
	width:608px;
	float:left;
	color:#fff;
	padding:120px 20px 14px 25px;
	margin-top:12px;
	background:url(../images/header.jpg) no-repeat;
}
.header ul{
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
}
/*
.header h1{
	font-size:22px;
	margin:0;
	padding-bottom:10px;
	font-weight:bolder;
	letter-spacing:-0.5px;
}
.header h2{
	font-size:16px;
	margin:0;
	line-height:21px;
	font-weight:bolder;
	letter-spacing:-0.5px;
}
*/
.web-filter {
	width:462px;
	float:left;
	margin-right:12px;
}
.try-now {
	width:179px;
	float:left;
	margin-right:11px;
}

.icon-panel {
	width:649px;
	float:left;
	text-align:center;
	padding:12px 2px 12px 2px;
	background:url(../images/icon-bg.jpg) no-repeat ;
}
.icon-panel ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	color:#5A8CAC;
	line-height:13px;
	font-weight:bold;
}
.icon-panel li{
	float:left;
	width:71px;
	display:block;
	text-align:center;
}
.icon-panel a{
	text-decoration:none;
	color:#5A8CAC;
	display:block;
	padding-top:42px;

}
.icon-panel a:hover{
	text-decoration:none;
	color:#5A8CAC;
}

.login-box-main{
	width:269px;
	float:right;
	margin-bottom:10px;
	background:url(../images/login-bg.jpg) repeat-x bottom #279DF7;
}
.login-box{
	width:249px;
	float:left;
	color:#fff;
	padding:15px 10px 13px 10px;
	background:url(../images/login-top.gif) no-repeat top;
}
.login-box h1{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin:0 0 10px 0;
	padding-bottom:10px;
	background:url(../images/login-head-bg.gif) repeat-x bottom;
}

.login-box input{
	width:78px;
	padding:3px 5px 2px 5px;
	background-color:#fff;
	border: solid 1px #2689DD;
	margin-top:3px;
}
.login-box-sub{
	width:269px;
	height:10px;
	background:url(../images/login-bottom.gif) no-repeat bottom;
}

.screenshot-box-main {	
	width:269px;
	float:left;
	background:url(../images/screenshot-bg.gif) repeat-y;
}
.screenshot-box {	
	width:260px;
	float:left;
	padding:11px 0 11px 9px;
	background: url(../images/screenshot-bottom.gif) no-repeat left bottom;
}
.screenshot-head{
	width:269px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:url(../images/screenshot-head.jpg) no-repeat;
}

.money-back {
	width:302px;
	float:left;
	margin-top:16px;
}
.parent-main {
	width:304px;
	float:left;
	margin:16px 15px 0 15px;

}
.parent-main-sub {
	width:304px;
	float:left;
}
.parent-box {
	width:272px;
	float:left;
	color:#000;
	font-weight:bold;
	padding:2px 15px 2px 15px;
	border-left:solid 1px #FFB70E;
	border-right:solid 1px #FFB70E;
	background:url(../images/bb-logo.jpg) no-repeat top right #FFCC00;
}
.parent-box a{
	text-align:center;
	text-decoration:none;
	color:#000;
	display:block;
}
.parent-box a:hover{
	text-decoration:none;
	color:#000;
}

.parent-box ul{
	margin:0 0 0 15px;
	padding:0;
}
.parent-box li{
	line-height:14px;
	padding:2px 0 2px 0;
}

.cl-box-text-01{
	text-align:right;
	font-weight:bold;
	padding-right:5px;
	color:#fff;
	line-height:30px;
}
.cl-box-text-02{
	font-weight:normal;
	padding-left:5px;
	color:#000;
	line-height:30px;
}
.animated-box-main {
	width:938px;
	float:left;
	padding:0;
	margin:15px 0 15px 0;
	background:url(../images/animated-box-bg.gif) repeat-x bottom;
}

.animated-box-head {
	width:938px;
	float:left;
	height:43px;
	text-align:center;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	background:url(../images/animation-box-head.gif) no-repeat;
}

.animated-box-bottom {
	width:938px;
	float:left;
	height:10px;
}


/**************************************************************
					Slider
/**************************************************************/

.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
position: relative;
width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%;overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden; 
margin: auto;
width: 936px; /* Also specified in  .stripViewer .panelContainer .panel  below */
clear: both;
border-right:solid 1px #6FACD9;
border-left:solid 1px #6FACD9;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
padding-bottom:5px;
position: relative;
width: 938px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
}


.stripViewer .panelContainer .panel .wrapper ul{ /* Wrapper to give some padding in the panels, without messing with existing panel width */
margin:0;
padding:10px 0 0 16px;
list-style:none;
display:block
}
.stripViewer .panelContainer .panel .wrapper li{ /* Wrapper to give some padding in the panels, without messing with existing panel width */
float:left;
padding-right:18px;
}



.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: auto;
display:none;
}

.stripNav ul { /* The auto-generated set of links */
list-style: none;
}

.stripNav ul li {
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 32px;
background: #c6e3ff;
color: #fff;
text-decoration: none;
display: block;
padding: 0 15px;
}

.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }

.stripNav li a:hover {
background: #333;
}

.stripNav li a.current {
background: #000;
color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 132px;

text-indent: -1000em;
z-index:100;
}

.stripNavL a, .stripNavR a {
display: block;
height: 23px;
width: 23px;
}

.stripNavL {
left:-10px;
}

.stripNavR {
right:-10px;
}

.stripNavL {
background: url(../images/left.gif) no-repeat center;

}

.stripNavR {
background: url(../images/right.gif) no-repeat center;
}

/******************************************************************
						Featured-box
/*****************************************************************/
.featured-box-main {
	width:624px;
	float:left;
	margin-right:19px;
}
.featured-box-sub {
	width:624px;
	float:left;
}
.featured-box {
	width:592px;
	float:left;
	padding:10px 15px 10px 15px;
	border-left:solid 1px #D6D6D6;
	border-right:solid 1px #D6D6D6;
	background:url(../images/body-box-bg.gif) repeat-x top #FCFDFF;
}
.featured-box h1{
	text-align:center;
	font-size:20px;
	color:#004FA2;
	font-weight:bold;
	margin:0 0 10px 0;
	padding-bottom:8px;
	border-bottom:solid 1px #B0C5E1;
}

.testi-box-main {
	width:294px;
	float:left;
	line-height:18px;
	font-weight:bold;
	color:#363636;
}
.testi-box-main a{
	color:#363636;
	float:right;
	text-align:right;
	display:block;
	padding-right:13px;
	width:48px;
	text-decoration:none;
}
.testi-box-main a:hover{
	color:#363636;
	text-decoration: underline;
}
.testi-box-sub {
	width:294px;
	float:left;
}
.testi-box {
	width:267px;
	float:left;
	padding:10px 10px 4px 15px;
	border-left:solid 1px #D6D6D6;
	border-right:solid 1px #D6D6D6;
	background:url(../images/body-box-bg.gif) repeat-x top #FCFDFF;
}
.testi-box h1{
	text-align:center;
	font-size:20px;
	color:#004FA2;
	font-weight:bold;
	margin:0 0 10px 0;
	padding-bottom:8px;
	border-bottom:solid 1px #B0C5E1;
}
.award {
	width:938px;
	float:left;
	text-align:center;
}
.award img{
	margin:20px 35px -10px 35px;
	border:none;
}



.big-box-main {
	width:938px;
	float:left;
	margin-top:20px;
	background:url(../images/big-box-bg.gif) repeat-x top #fff;

}
.big-box-sub {
	width:938px;
	float:left;
}
.big-box {
	width:911px;
	float:left;
	padding:15px 10px 14px 15px;
	border-left:solid 1px #D6D6D6;
	border-right:solid 1px #D6D6D6;
}
.big-box h1{
	text-align:center;
	font-size:24px;
	color:#004FA2;
	font-weight:bold;
	margin:0;
	padding-bottom:10px;
}

.big-box h2{
	text-align:center;
	font-size:16px;
	color:#3D8B00;
	font-weight:bold;
	margin:0;
	padding-top:12px;
	padding-bottom:10px;
}
.big-box h3{
	font-size:14px;
	color:#393939;
	font-weight:bold;
	margin:0;
	padding:15px 0 10px 0;
}
.big-box ul{
	margin:0 0 0 15px;
	padding:0 0 5px 0;
	line-height:24px;
	list-style:inside;
}


.bottom-nav {
	width:968px;
	text-align:center;
	font-size:14px;
	color:#fff;
	padding:12px 0 25px 0;
	display:block;
	line-height:28px;
}
.bottom-nav a{
	text-decoration:none;
	color:#fff;
	padding:0 15px 0 15px;
}
.bottom-nav a:hover{
	text-decoration:underline;
	color:#fff;
	padding:0 15px 0 15px;
}

/******************************************************************
						PRODUCT PAGE
/*****************************************************************/

.product-head {
	width:938px;
	float:left;
	margin-bottom:15px;
}
.product-top-part-main {
	width:938px;
	float:left;
	background-color:#077CF2;
	border-bottom:solid 2px #FEC907;
}
.product-right{
	width:149px;
	float:left;
}
.product-center{
	width:754px;
	padding:13px 12px 0 8px;
	float:left;
}
.full-safe {
	width:630px;
	margin:0 auto 0 auto;
	padding-bottom:9px;
}
.ultimate-learning {
	font-size:12px;
	font-weight:bold;
	width:400px;
	padding:10px 20px 10px 20px;
	float:left;
	color:#fff;
	font-weight:bold;
	background-color:#003DB8;
	border:solid 1px #044CA0;
}
.ultimate-learning h1{
	font-size:18px;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding-top:10px;
	line-height:24px;
}
.product-com-box{
	width:442px;
	float:left;
	margin-top:8px;
	border-bottom:solid 1px #fff;
}	
.cl-product-text-01{
	text-align:right;
	line-height:16px;
	font-size:13px;
	color:#fff;
	padding:8px 10px 9px 10px;
	font-weight:normal;
	background-color:#003DB8;
	border:solid 1px #fff;
	border-bottom:none;
}
.cl-product-text-02{
	line-height:16px;
	font-size:13px;
	color:#000;
	padding:8px 10px 9px 10px;
	font-weight:normal;
	background-color:#FEC906;
	border-top:solid 1px #fff;
	border-right:solid 1px #fff;
}
.kids-internet{
	width:307px;
	float:left;
	margin:0 0 10px 5px;
}

.no-spyware {
	width:282px;
	float:left;
	color:#fff;
	font-weight:bold;
	padding:10px 15px 10px 15px;
	line-height:18px;
}
.no-spyware p{
	padding:3px 0 5px 0;
}
.no-spyware ul{
	margin:0 0 0 15px;
	padding:0 0 10px 0;
}
.no-spyware img{
	margin-left:100px;
}

.try-buddy-browser {
	width:290px;
	padding:15px 0 0 0;
	border-top:solid 1px #0663C2;
	margin:5px 0 0 20px;
	font-size:22px;
	float:left;
	font-weight:bold;
	color:#fff;
	line-height:24px;
}
.try-buddy-browser img{
	margin-top:15px;
}
.right-scrol {
	width:14px;
	padding-left:1px;
	float:left;
}
.product-software {
	width:884px;
	float:left;
	margin-bottom:5px;
	padding:25px 27px 20px 27px;
	border-bottom:solid 1px #D3D3D3;
}
.product-software h1{
	font-size:30px;
	color:#004FA2;
	font-weight:bold;
	text-align: center;
	margin:0;
	padding-bottom:15px;
}
.product-software ul{
	width:434px;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}
.product-software li{
	float:left;
	color:#fff;
	width:434px;
	height:61px;
	display:block;
	color:#2F2F2F;
	margin-bottom:2px;
	font-weight:bold;
	}
	
.product-try-now {
	width:240px;
	margin:20px auto 0 auto;
	text-align:center;

}

/******************************************************************
						SIGN UP PAGE
/*****************************************************************/

.signup-box-main {
	width:808px;
	margin:0 auto 20px auto;
}
.signup-box-sub{
	background:808px;
	float:left;
}
.signup-box-form {
	width:808px;
	float:left;
	padding:20px 0px 10px 0px;
	background-color:#F1F2F2;
	font-size:16px;
	font-weight:bold;
	color:#545454;
}
.signup-feild {
	width:316px;
	border-bottom:solid 1px #E4E4E4;
	border-top:solid 2px #E4E4E4;
	border-right:solid 1px #E4E4E4;
	border-left:solid 2px #E4E4E4;
	padding:5px 5px 5px 5px;
	margin:7px 0 7px 0;
}
.signup-list {
	width:326px;
	border-bottom:solid 1px #E4E4E4;
	border-top:solid 2px #E4E4E4;
	border-right:solid 1px #E4E4E4;
	border-left:solid 2px #E4E4E4;
	padding:5px 5px 5px 5px;
	margin:7px 0 7px 0;
}
.signup-list-02 {
	width:105px;
	border-bottom:solid 1px #E4E4E4;
	border-top:solid 2px #E4E4E4;
	border-right:solid 1px #E4E4E4;
	border-left:solid 2px #E4E4E4;
	padding:5px 5px 5px 5px;
	margin:7px 5px 7px 0;
}
.sign-up-bd{
	border-bottom:solid 1px #DFDFDF;
	border-top:solid 1px #fff;
	padding-left:10px;
}
.sign-up-bd-02{
	border-bottom:solid 1px #F1D563;
	border-top:solid 1px #FFF8DE;
	padding-left:10px;
}
.bd-top-none {
	border-top:none;
}
.bd-bottom-none {
	border-bottom:none;
}
.continue {
	width:140px;
	margin:20px auto 0 auto;
}

.avatar {
	width:325px;
	overflow-y:hidden;
	overflow-x:none;
	margin:10px 0 10px 0;
}
.avatar img{
	margin:0 5px 0 5px;
	border:solid 1px #999999;
}
.btn-signup{
	width:250px;
	padding:3px;
	font-size:12px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	margin:10px 0 10px 0;
	background-color:#4DAF00;
	border:solid 1px #295E00;
	word-spacing:-1px;
}
.kid-1{
	font-size:18px;
	font-weight:bold;
	color:#46A400;
	padding-bottom:8px;
	padding-left:10px;
	border-bottom:solid 1px #F1D563;
}


.options {
	width:818px;
	margin:0 auto 0 auto;
	line-height:83px;
	font-size:22px;
	color:#494949;
	font-weight:bold;
	padding:0 0 0 100px;
	letter-spacing:-0.5px;
	background:url(../images/option-01.gif) no-repeat;
}
.options font{
	font-size:26px;
	color:#004FA2;
	font-weight:bold;
}
.options span{
	font-size:20px;
	color:#439B00;
	font-weight:bold;
}

.coupon {
	width:690px;
	margin:0 auto 0 auto;
	font-size:16px;
	font-weight:bold;
	color:#494949;
}

.btn-coupon{
	width:60px;
	padding:4px 3px 4px 3px;
	font-size:12px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	margin:10px 0 10px 0;
	background-color:#4DAF00;
	border:solid 1px #295E00;
	word-spacing:-1px;
}
.money-back-guarantee {
	width:308px;
	margin:0 auto 20px auto;
}
/******************************************************************
						CONTACT US & ABOUT US PAGE
/*****************************************************************/
.contact-head {
	width:938px;
	float:left;
	height:79px;
	margin-bottom:20px;
	background:url(../images/contact-head.jpg) no-repeat;
}

.about-us-box {
	width:878px;
	float:left;
	padding:0 30px 20px 30px;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	color:#363636;
}
.about-us-box h1{
	margin:10px 0 10px -10px;
}
.about-us-box p{
	font-size:12px;
	line-height:18px;
	padding:8px 0 8px 0;
}
.about-us-box a{
	color:#0000FF;
	text-decoration:none;
}
.about-us-box a:hover{
	color:#0000FF;
	text-decoration:underline;
}
.about-us-box h2{
	font-size:18px;
	color:#669933;
	margin:0;
	font-weight:bold;
	padding:10px 0 0px 0;
}

/******************************************************************
						SELECTION PAGE
/*****************************************************************/
.selection-main {
	width:848px;
	margin:30px auto 30px auto;
	background: url(../images/selection-bg.gif) repeat-y;
}
.selection-box {
	width:718px;
	float:left;
	padding:115px 65px 115px 65px;
	background-color:#003DB8;
}
.selection-bottom {
	width:848px;
	float:left;
	margin:0;
}
.selection-bottom img{
	margin:0;
}
.select {
	width:165px;
	float:left;
}