* { margin:0; padding:0;}
body{ background:#FFFFFF;}

a.grow img{position:relative; width:180px;}
/*
 * To get the hover action to work in IE6, we need to change an arbitrary property on the <a> tag itself, otherwise
 * it ignores the requested changes on elements inside the tag. However, in IE6 it then moves all the images down to the 
 * bottom of the page (I guess Col3 is too narrow).  Works fine everywhere else.
 * Have disabled this for now so at least it does not break in IE 6.

a.grow:hover {font-style:italic;}
*/
a.grow:hover img {width:350px; left:-100px;}


select{font-family:Arial, tahoma, verdana; font-size:13px; color:#636363;line-height:16px;}

textarea{font-family:Arial, tahoma, verdana; font-size:13px; color:#636363;line-height: 16px;}

input{font-family:Arial, tahoma, verdana; font-size:13px; color:#636363;line-height: 16px;}

html{font-family:Arial, tahoma, verdana; font-size:13px; color:#636363;line-height: 16px;}

/*
select{font-family:"Arial Unicode MS",Arial,tahoma, verdana; font-size:13px; color:#636363;line-height:16px;}

textarea{font-family:"Arial Unicode MS",Arial,tahoma, verdana; font-size:13px; color:#636363;line-height: 16px;}

input{font-family:"Arial Unicode MS",Arial,tahoma, verdana; font-size:13px; color:#636363;line-height: 16px;}

html{font-family:"Arial Unicode MS",Arial,tahoma, verdana; font-size:13px; color:#636363;line-height: 16px;}
*/
/*
select{font-family:verdana; font-size:13px; color:#636363;line-height:16px;}

textarea{font-family:verdana; font-size:13px; color:#636363;line-height: 16px;}

input{font-family:verdana; font-size:13px; color:#636363;line-height: 16px;}

html{font-family:verdana; font-size:13px; color:#636363;line-height: 16px;}
*/


/*in_line*/
select { vertical-align:middle; font-weight:normal;}
input { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none; line-height:16px;}
.col_3 img {float:none;}

strong a{ text-decoration:none; color:#D58905;  background:url(images/marker.gif) no-repeat left top; background-position:0 3px; padding-left:17px;}
strong a:hover{ text-decoration:none; color:#8eba23;}

a {
	text-decoration: none;
	color: #256094;
}

p {
	margin-bottom:5px;
}
/*#20507B;#2A6DA8*/
a:hover{text-decoration:none;color:#8eba23;}
span a {text-decoration:none;color:#256094;}
span{ color:#8eba23;}

.column { float:left;}
.clear { clear:both;}
.col_1 { text-align:left;}
.col_2 { text-align:left;}
.col_3 { font-size:16px;line-height:18px; }

.tall_body{ background:url(images/tall_body.jpg) top center repeat-x; width:100%;}
/*header*/
#header{ background:url(images/header_wr.jpg) top left no-repeat; width:780px;}
#header .col_1{ width:300px;}

/*col_1 original* for use with logo2.png */
#xxxx #header .col_1 img{ margin:74px 0 0 36px;}

/*col_1 for use with logo250x140px4.png; great, not ie6 compatible*/
#xxxx #header .col_1 img{ margin:20px 0 0 20px;}

/*col_1 for use with logo266x110.png */
#header .col_1 img{ margin:52px 0 0 13px;}


#header .col_2{ width:480px; padding-top:69px;}

/*footer*/
#footer{ text-align:center; padding:0 0 40px 0; color:#636363; font-size:12px;}
#footer a{ color:#8eba23;}

/*content*/
.main_height_cont{ width:37px; float:left;}
.col_content{ width:720px; float:left; background:#FFFFFF;}
.right_border{ width:23px; float:left;}
.title{ background:url(images/title_wr.gif) bottom left repeat-x; height:26px;}
.title1{ display:block;}

a#downloadbutton {display:block;
				  width:147px;
				  height:86px;
				  background-image:url(images/p1_button.png);
				  background-repeat: no-repeat;
				  color:white;
				  text-align:center;
				  font-size:13px;
				  font-weight:bold;
				  }
a:hover#downloadbutton {color:#256094;}

a#downloadbutton2 {display:block;
				  width:147px;
				  height:86px;
				  background-image:url(images/p1_button2.png);
				  background-repeat: no-repeat;
				  color:white;
				  text-align:center;
				  font-size:13px;
				  font-weight:bold;
				  }
a:hover#downloadbutton2 {color:#256094;}


/* top menu ribbon and its buttons on all pages */

#topribbon a{
	font-family:Arial;
	font-size:22px;
	color:#2A6DA8;
	text-align:center;
	line-height:24px;
	letter-spacing:-1px;
	text-decoration:none;
	/*font-weight:bold;*/
}

#topribbon a:hover{
	color:#8EBA23;
	/*font-weight:bold;*/
}

a#home {
	display:block;
	width:80px;
	height:79px;
	background-image:url(images/m1.jpg);
	background-repeat: no-repeat;
	text-align:left;
		}

a#home:hover {
/*	background-position: -80px; */
}


a#products {
	display:block;
	width:97px;
	height:79px;
	background-image:url(images/m2.jpg);
	background-repeat: no-repeat;
		}
a#products:hover {
/*	background-position: -97px; */
}

a#about {
	display:block;
	width:98px;
	height:79px;
	background-image:url(images/m3.jpg);
	background-repeat: no-repeat;
	text-align:center;
		}
a#about:hover {
/*	background-position: -98px; */
}

a#contact {
	display:block;
	width:97px;
	height:79px;
	background-image:url(images/m4.jpg);
	background-repeat: no-repeat;
		}
a#contact:hover {
/*	background-position: -97px; */
}

a#help {
	display:block;
	width:85px;
	height:79px;
	background-image:url(images/m5.jpg);
	background-repeat: no-repeat;
		}
a#help:hover {
/*	background-position: -85px; */
}


#content br {line-height:6px;}

/*================== index.html ==================*/

#page1 .title{ display:none;}
#page1 #featuredproductblock {width:310px;height:80px; color:white;font-size:20px;line-height:24px; text-align:left;}
#page1 #featuredproductblockleft {width:30px;height:30px;}
#page1 #featuredproductblockright {width:165px;height:80px;float:right;}
/*color for the links by the download block on the homepage:*/
#page1 #featuredproductblockright a{color:white;}
#page1 #featuredproductblockright a:hover{color:#8EBA23;}

#page1 #aboutwhywhat a{ font-size:16px;line-height:18px;}
#page1 #aboutwhywhat br{line-height:7px;}


#page1 #content .row_top{ margin:14px 0 18px 0; width:720px;}
#page1 #content .row_top .height{ height:279px; width:31px;}
#page1 #content .row_top .col_1{ width:297px;}
#page1 #content .row_top .col_1 .title{ margin:0px 0 0px 0;}
#page1 #content .row_top .col_1 strong{ display:block;}
#page1 #content .row_top .col_2 .col_box{ width:347px; background:217px 70px no-repeat;}
#page1 #content .row_top .col_2 .col_box{ width:347px;}
#page1 #content .row_top .col_2 .col_box_1{ width:15px; height:279px;}
#page1 #content .row_top .col_2 .col_box_2{ width:326px;}
#page1 #content .row_top .col_2 .col_box_2 img{ display:block;}
#page1 #content .row_top .col_2 .col_box_2 ul{ margin:11px 0 5px 0;}
#page1 #content .row_top .col_2 .ind1{ margin:38px 0 20px 1px;}

#page1 #content .row_bot{ width:720px;}
#page1 #content .row_bot .col_3{font-size:13px;}
#page1 #content .row_bot .col_1 .height{ width:30px; height:178px;}
#page1 #content .row_bot .h{ width:22px; float:left; height:178px;}
#page1 #content .row_bot .col_1 .indent{ width:169px;} 
#page1 #content .row_bot .col_1 .title1{ margin:19px 0 25px 0;}
#page1 #content .row_bot .col_2 .indent{ width:175px;}
#page1 #content .row_bot .col_2 .title1{ margin:19px 0 10px 0;}
#page1 #content .row_bot .col_3 .indent{ width:191px;}
#page1 #content .row_bot .col_3 .title1{ margin:19px 0 10px 0;}
#page1 #content .row_bot .col_3 .form1 input{ border:1px solid #d1d1d1; vertical-align:middle;}
#page1 #content .row_bot .col_3 .form1 .ind2 img{ vertical-align:middle; margin-left:5px;}

/*================== easy-vpn-1.html ==================*/

#easy-vpn-1 .title{ display:none;}
#easy-vpn-1 #featuredproductblock {width:310px;height:80px; color:white;font-size:20px;line-height:24px; text-align:left;}
#easy-vpn-1 #featuredproductblockleft {width:30px;height:30px;}
#easy-vpn-1 #featuredproductblockright {width:165px;height:80px;float:right;}
/*color for the links by the download block on the homepage:*/
#easy-vpn-1 #featuredproductblockright a{color:white;}
#easy-vpn-1 #featuredproductblockright a:hover{color:#8EBA23;}

#easy-vpn-1 #aboutwhywhat a{ font-size:16px;line-height:18px;}
#easy-vpn-1 #aboutwhywhat br{line-height:7px;}


#easy-vpn-1 #content .row_top{ margin:14px 0 18px 0; width:720px;}
#easy-vpn-1 #content .row_top .height{ height:279px; width:31px;}
#easy-vpn-1 #content .row_top .col_1{ width:297px;}
#easy-vpn-1 #content .row_top .col_1 .title{ margin:0px 0 0px 0;}
#easy-vpn-1 #content .row_top .col_1 strong{ display:block;}
#easy-vpn-1 #content .row_top .col_2 .col_box{ width:347px; background:217px 70px no-repeat;}
#easy-vpn-1 #content .row_top .col_2 .col_box{ width:347px;}
#easy-vpn-1 #content .row_top .col_2 .col_box_1{ width:15px; height:279px;}
#easy-vpn-1 #content .row_top .col_2 .col_box_2{ width:326px;}
#easy-vpn-1 #content .row_top .col_2 .col_box_2 img{ display:block;}
#easy-vpn-1 #content .row_top .col_2 .col_box_2 ul{ margin:11px 0 5px 0;}
#easy-vpn-1 #content .row_top .col_2 .ind1{ margin:38px 0 20px 1px;}

#easy-vpn-1 #content .row_bot{ width:720px;}
#easy-vpn-1 #content .row_bot .col_3{font-size:13px;}
#easy-vpn-1 #content .row_bot .col_1 .height{ width:30px; height:178px;}
#easy-vpn-1 #content .row_bot .h{ width:22px; float:left; height:120px;}
#easy-vpn-1 #content .row_bot .col_1 .indent{ width:169px;} 
#easy-vpn-1 #content .row_bot .col_1 .title1{ margin:19px 0 25px 0;}
#easy-vpn-1 #content .row_bot .col_2 .indent{ width:175px;}
#easy-vpn-1 #content .row_bot .col_2 .title1{ margin:19px 0 10px 0;}
#easy-vpn-1 #content .row_bot .col_3 .indent{ width:191px;}
#easy-vpn-1 #content .row_bot .col_3 .title1{ margin:19px 0 10px 0;}
#easy-vpn-1 #content .row_bot .col_3 .form1 input{ border:1px solid #d1d1d1; vertical-align:middle;}
#easy-vpn-1 #content .row_bot .col_3 .form1 .ind2 img{ vertical-align:middle; margin-left:5px;}


/*================== about.html ==================*/
#page2 #content .height{ width:30px; float:left; height:489px;}

#page2 #content .col_1{padding:17px 0 34px 0;}
#page2 #content .col_1 .indent_box{ padding:18px 0 20px 23px;}
#page2 #content .col_1 .indent_img{ margin:18px 0;}
#page2 #content .col_1 .title1{ margin-bottom:25px;}
#page2 #content .col_1 ul{ margin-top:13px; }



#page2 #content .col_2{padding:36px 0 34px 0;}
#page2 #content .col_2 .indent_box{ padding:18px 0 20px 23px;}
#page2 #content .col_2 .indent_img{ margin-right:19px; float:left;}
#page2 #content .col_2 .indent_text{ margin:15px 0;}
#page2 #content .col_2 .title{ margin-bottom:21px;}

#page2 #content .col_3{padding:17px 0 34px 0;}
#page2 #content .col_3 .indent_box{ padding:18px 11px 20px 23px;}
#page2 #content .col_3 .title1{ margin-bottom:21px;}
#page2 #content .col_3 .indent_text{ margin:15px 0;}
#page2 #content .col_3 .indent_img{ margin-right:16px; float:left; margin-bottom:21px;}
#page2 #content .col_3 .indent_list{ margin:12px 0;}

/*================== products.html ==================*/

#page3 #content .height{ width:30px; float:left; height:489px;}

#page3 #content .col_1{padding:17px 0 34px 0;}
#page3 #content .col_1 .indent_box{ padding:18px 0 20px 23px;}
#page3 #content .col_1 .indent_img{ margin:18px 0;}
#page3 #content .col_1 .title1{ margin-bottom:25px;}
#page3 #content .col_1 ul{ margin-top:13px;}



#page3 #content .col_2{padding:36px 0 34px 0;}
#page3 #content .col_2 .indent_box{ padding:18px 0 20px 23px;}
#page3 #content .col_2 .indent_img{ margin-right:19px; float:left;}
#page3 #content .col_2 .indent_text{ margin:15px 0;}
#page3 #content .col_2 .title{ margin-bottom:21px;}

#page3 #content .col_3{padding:17px 0 34px 0;}
#page3 #content .col_3 .indent_box{ padding:18px 11px 20px 23px;}
#page3 #content .col_3 .title1{ margin-bottom:21px;}
#page3 #content .col_3 .indent_text{ margin:15px 0;}
#page3 #content .col_3 .indent_img{ margin-right:16px; float:left; margin-bottom:21px;}
#page3 #content .col_3 .indent_list{ margin:12px 0;}

/*================== download.html ==================*/
#page4 #content .height{ width:30px; float:left; height:489px;}

#page4 #content .col_1{padding:17px 0 34px 0;}
#page4 #content .col_1 .indent_box{ padding:18px 0 20px 4px;}
#page4 #content .col_1 .indent_img{ margin:18px 0;}
#page4 #content .col_1 .title1{ margin-bottom:25px;}
#page4 #content .col_1 ul{ margin-top:13px;}

#page4 #content .col_2{padding:36px 0 34px 0;}
#page4 #content .col_2 .indent_box{ padding:18px 0 20px 23px;}
#page4 #content .col_2 .indent_img{ margin-right:19px; float:left;}
#page4 #content .col_2 .indent_text{ margin:15px 0;}
#page4 #content .col_2 .title{ margin-bottom:21px;}

#page4 #content .col_3{padding:17px 0 34px 0;}
#page4 #content .col_3 .indent_box{ padding:18px 11px 20px 23px;}
#page4 #content .col_3 .title1{ margin-bottom:21px;}
#page4 #content .col_3 .indent_text{ margin:15px 0;}
#page4 #content .col_3 .indent_img{ margin-right:16px; float:left; margin-bottom:21px;}
#page4 #content .col_3 .indent_list{ margin:12px 0;}


/*================== contact.html ==================*/
#page5 #content .height{ width:30px; float:left; height:489px;}

#page5 #content .col_1{padding:17px 0 34px 0;}
#page5 #content .col_1 .indent_box{ padding:18px 0 20px 23px;}
#page5 #content .col_1 .indent_img{ margin:18px 0;}
#page5 #content .col_1 .title1{ margin-bottom:25px;}
#page5 #content .col_1 ul{ margin-top:13px;}

#page5 #content .col_2{padding:36px 0 34px 0;}
#page5 #content .col_2 .indent_box{ padding:0px 0 20px 0px;}
#page5 #content .col_2 .title{ margin-bottom:21px;}
#page5 #content .col_2 .indent_img{ margin:15px 0;}
#page5 #content .col_2 .indent_text{ margin:15px 0;}

#page5 #content .h_f{ height:28px; margin-top:2px;}
#page5 #content .form11 input{ width:170px; height:19px;}
#page5 #content .form11 textarea{ width:170px; height:79px; overflow:auto; margin-bottom:15px; display:block;}
#page5 #content .form11 input{ color:#000000; font-size:11px; font-family:Arial; display:block;}
#page5 #content .form11 textarea{ color:#000000; font-size:11px; font-family:Arial; display:block;}
#page5 #content .col_2 form{ margin:11px 0;}

#page5 .col_3{font-size:13px;}
#page5 #content .col_3{padding:17px 0 34px 0;}
#page5 #content .col_3 .indent_box{ padding:18px 11px 20px 23px;}
#page5 #content .col_3 .title1{ margin-bottom:21px;}

/*================== terms.html ==================*/
#page6 #content .height{ width:30px; float:left; height:489px;}

#page6 #content .col_1{padding:35px 0 34px 0;}
#page6 #content .col_1 .indent_box{ padding:18px 14px 20px 23px;}
#page6 #content .col_1 .title{ margin-bottom:21px;}
#page6 #content .col_1 .indent_text{ margin-bottom:16px;}


/*================== openvpn_help.html ==================*/
#page7 #content .height{ width:30px; float:left; height:489px;}

#page7 #content .col_1{padding:17px 0 34px 0;}
#page7 #content .col_1 .indent_box{ padding:18px 0 20px 4px;}
#page7 #content .col_1 .indent_img{ margin:18px 0;}
#page7 #content .col_1 .title1{ margin-bottom:25px;}
#page7 #content .col_1 ul{ margin-top:13px;}

#page7 #content .col_2{padding:36px 0 34px 0;}
#page7 #content .col_2 .indent_box{ padding:18px 0 20px 23px;}
#page7 #content .col_2 .indent_img{ margin-right:19px; float:left;}
#page7 #content .col_2 .indent_text{ margin:15px 0;}
#page7 #content .col_2 .title{ margin-bottom:21px; text-transform: uppercase;}
#page7 #content .col_2 ul {list-style-image: url(images/arrowbullet2smallwhitebg.png); list-style-position: inside; margin-top:13px;}


#page7 #content .col_3{padding:17px 0 34px 0;}
#page7 #content .col_3 .indent_box{ padding:18px 11px 20px 23px;}
#page7 #content .col_3 .title1{ margin-bottom:21px;}
#page7 #content .col_3 .indent_text{ margin:15px 0;}
#page7 #content .col_3 .indent_img{ margin-right:16px; float:left; margin-bottom:21px;}
#page7 #content .col_3 .indent_list{ margin:12px 0;}

/*================== vpn_faq.html ==================*/
#vpn_faq #content .height{ width:30px; float:left; height:489px;}

#vpn_faq #content .col_1{padding:17px 0 34px 0;}
#vpn_faq #content .col_1 .indent_box{ padding:18px 0 20px 4px;}
#vpn_faq #content .col_1 .indent_img{ margin:18px 0;}
#vpn_faq #content .col_1 .title1{ margin-bottom:25px;}
#vpn_faq #content .col_1 ul{ margin-top:0px;}

#vpn_faq #content .col_2{padding:36px 0 34px 0;}
#vpn_faq #content .col_2 .indent_box{ padding:18px 0 20px 23px;}
#vpn_faq #content .col_2 .indent_img{ margin-right:19px; float:left;}
#vpn_faq #content .col_2 .indent_text{ margin:15px 0;}
#vpn_faq #content .col_2 .title{ margin-bottom:21px; text-transform: uppercase;}
#vpn_faq #content .col_2 ul {list-style-image: url(images/arrowbullet2smallwhitebg.png); list-style-position: inside; margin-top:13px;}


/*================== register.php ==================*/
#register #content .height{ width:30px; float:left; height:489px;}

#register #content .col_1{padding:17px 0 34px 0;}
#register #content .col_1 .indent_box{ padding:18px 0 20px 4px;}
#register #content .col_1 .indent_img{ margin:18px 0;}
#register #content .col_1 .title1{ margin-bottom:25px;}
#register #content .col_1 ul{ margin-top:13px;}

#register #content .col_2{padding:36px 0 34px 0;}
#register #content .col_2 .indent_box{ padding:18px 0 20px 23px;}
#register #content .col_2 .indent_img{ margin-right:19px; float:left;}
#register #content .col_2 .indent_text{ margin:15px 0;}
#register #content .col_2 .title{ margin-bottom:21px;}
#register #content .col_2 .form_input { float:left;}
#register #content .col_2 .form_fieldname { float:left; clear:both; width: 140px; margin-bottom:2px;}
#register #content .clear { margin-top:0.5em;}

#register #content .col_3{padding:17px 0 34px 0;}
#register #content .col_3 .indent_box{ padding:18px 11px 20px 23px;}
#register #content .col_3 .title1{ margin-bottom:21px;}
#register #content .col_3 .indent_text{ margin:15px 0;}
#register #content .col_3 .indent_img{ margin-right:16px; float:left; margin-bottom:21px;}
#register #content .col_3 .indent_list{ margin:12px 0;}



/*==================list====================*/
.block .t { background:url(images/m2-t-dr.gif) repeat-x top #FFFFFF;}
.block .b { background:url(images/m2-t-dr.gif) repeat-x bottom;}
.block .l { background:url(images/m2-t-dr.gif) repeat-y left;}
.block .r { background:url(images/m2-t-dr.gif) repeat-y right;}
.block .l_t { background:url(images/m2-l-t.gif) no-repeat left top;}
.block .r_t { background:url(images/m2-r-t.gif) no-repeat right top;}
.block .l_b { background:url(images/m2-l-b.gif) no-repeat left bottom;}
.block .r_b { background:url(images/m2-r-b.gif) no-repeat right bottom; width:100%;}

.block1 { width:100%;}
.block1 .t1 { background:url(images/m2-t-dr1.gif) repeat-x top #f0f0f0;}
.block1 .l_t1 { background:url(images/m2-l-t1.gif) no-repeat left top;}
.block1 .r_t1 { background:url(images/m2-r-t1.gif) no-repeat right top;}
.block1 .l_b1 { background:url(images/m2-l-b1.gif) no-repeat left bottom;}
.block1 .r_b1 { background:url(images/m2-r-b1.gif) no-repeat right bottom;}

.row_top .list li a {background:url(images/arrowbullet2small.png) center left no-repeat; margin:0; padding:0 0 0 22px; line-height:16px; color:#a0a0a0;}

/*need the following 4 specific images to cater for ie6 lack of transparency*/
#page1 #featuredproductblockright #li1 {background:url(images/arrowbullet2smallbluebg1.png) center left no-repeat;}
#page1 #featuredproductblockright #li2 {background:url(images/arrowbullet2smallbluebg2.png) center left no-repeat;}
#page1 #featuredproductblockright #li3 {background:url(images/arrowbullet2smallbluebg3.png) center left no-repeat;}
#page1 #featuredproductblockright #li4 {background:url(images/arrowbullet2smallbluebg4.png) center left no-repeat;}


li a { background:url(images/arrowbullet2smallwhitebg.png) center left no-repeat; margin:0; padding:0 0 0 22px; line-height:20px; color:#2372a7;}
#page1 #aboutwhywhat a { background:url() center left no-repeat; padding:0 0 0 0px;}
#vpn_faq li a { background:url(images/dotbullet6pxwhitebg.png) center left no-repeat; padding:0 0 0 12px; line-height:14px; font-size: 12px;}
#easy-vpn-1 li a { font-size: 15px;}

.second li a { background:url(images/dotbullet6pxwhitebg.png) center left no-repeat; margin:0; padding:0 0 0 18px; line-height:20px; color:#2372a7;}

/*arrowbullet2smaller.png*/
/*==========================================*/

/*
.row_top .list li a {background:url(images/list_bull.gif) center left no-repeat; margin:0; padding:0 0 0 20px; line-height:16px; color:#a0a0a0;}

li a { background:url(images/list_bull_1.gif) center left no-repeat; margin:0; padding:0 0 0 15px; line-height:20px; color:#2372a7;}
*/