/*********************************************
MASTER RESET - START
*********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}
body {
	line-height: 1.1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
:focus { outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
em {font-style:italic;}
strong {font-weight:bold;}
/*********************************************
MASTER RESET - END
*********************************************/

/*********************************************
BODY - START
*********************************************/
body {
	background:#f7f7f7 url(_img/bg_body.png) repeat-x;
	padding:40px 0 40px 0; 
	color:#5f76a9;
	font-family:Arial, Helvetica, sans-serif;
}
#wrap { 
	margin: 0 auto; 
	width: 700px;
	background:#f7f7f7;
	border:#CCCCCC solid 1px;
}
a {
	color:#9c63aa;
	text-decoration:none; 
}
a:hover {
	color:#00b7ea;
}
h1 {
	font-size:22px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:14px;
}
h4 {
	font-size:12px;
}
h5 {
	font-size:12px;
}
h6 {
	font-size:12px;
}
p {
	font-size:12px;
}
small {
	font-size:10px;
}
li {
	font-size:14px;
}
/*********************************************
BODY - END
*********************************************/

/*********************************************
HEADER - START
*********************************************/
#header {
	height:205px;
	width:700px;
	background:#3a65c1 url(_img/bg_header.jpg) no-repeat;
}
#header h1 {
	text-indent:-9000px;
	font-size: 0px;
	display:none;
}
/*********************************************
HEADER - END
*********************************************/

/*********************************************
MAIN NAV - START
*********************************************/
#nav {
	height: 50px;
	background: #f7f7f7 url(_img/bg_main_nav.png) 0 0 no-repeat;
	font-size:0.8em;
	text-align:center;
}
#nav ul {
	list-style: none;
	margin: 0px;
	float: left;
}
#nav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav li a {
	height:50px;
	display: block;
	text-indent:-9000px;
}
#nav #btn1 a{width:57px;}
#nav #btn2 a{width:78px;}
#nav #btn3 a{width:133px;}
#nav #btn4 a{width:91px;}
#nav #btn5 a{width:51px;}
#nav #btn6 a{width:115px;}
#nav #btn7 a{width:96px;}
#nav #btn8 a{width:79px;}

#nav #btn1 a:hover {background: url(_img/bg_main_nav.png) 0px -100px no-repeat;}
#nav #btn2 a:hover {background: url(_img/bg_main_nav.png) -57px -100px no-repeat;}
#nav #btn3 a:hover {background: url(_img/bg_main_nav.png) -135px -100px no-repeat;}
#nav #btn4 a:hover {background: url(_img/bg_main_nav.png) -268px -100px no-repeat;}
#nav #btn5 a:hover {background: url(_img/bg_main_nav.png) -359px -100px no-repeat;}
#nav #btn6 a:hover {background: url(_img/bg_main_nav.png) -410px -100px no-repeat;}
#nav #btn7 a:hover {background: url(_img/bg_main_nav.png) -525px -100px no-repeat;}
#nav #btn8 a:hover {background: url(_img/bg_main_nav.png) -621px -100px no-repeat;}

#nav #btn1.current a {background: url(_img/bg_main_nav.png) 0px -100px no-repeat;}
#nav #btn2.current a {background: url(_img/bg_main_nav.png) -57px -100px no-repeat;}
#nav #btn3.current a {background: url(_img/bg_main_nav.png) -135px -100px no-repeat;}
#nav #btn4.current a {background: url(_img/bg_main_nav.png) -268px -100px no-repeat;}
#nav #btn5.current a {background: url(_img/bg_main_nav.png) -359px -100px no-repeat;}
#nav #btn6.current a {background: url(_img/bg_main_nav.png) -410px -100px no-repeat;}
#nav #btn7.current a {background: url(_img/bg_main_nav.png) -525px -100px no-repeat;}
#nav #btn8.current a {background: url(_img/bg_main_nav.png) -621px -100px no-repeat;}
/*********************************************
MAIN NAV - END
*********************************************/

/*********************************************
BREADCRUMB - START
*********************************************/
#breadcrumb {
	margin:10px;
	padding: 0 0 3px 0;
	border-bottom:#dbe2ef solid 1px;
}
/*********************************************
BREADCRUMB - END
*********************************************/

/*********************************************
MAIN - START
*********************************************/
#content {
	padding:0px 10px 10px 10px ;
}
#main{

}
#main h1, #main h2{
	padding: 0 0 5px 0;
	clear:both;
}
#main h1 span {
	font-size:14px;
}
#main h2{
	background:#f0e5f4 url(_img/bg_h2.png) repeat-x bottom left;
	padding:5px 20px 5px 10px;
	display:block;
	margin-bottom:5px;
	color:#FFFFFF;
	border:#eed8f4 solid 1px;
}
#main h2 a{

}
#main h2 a:hover{
	color:#FFFFFF;
}
#main h2 span {
	font-size:12px;
}
#main h3{
	padding:0 0 5px 0;
	color:#00b7ea;
}
#main h4 {
	text-align:right;
	margin-top:5px;
}
#main h4 a{
	color:#f7f7f7;
	background:#9c63aa url(_img/bg_h4.png) repeat-x bottom left;
	padding:4px;
	text-decoration:none;
	border:#b27abf solid 1px;
}
#main h4 a:hover{
	color:#f7f7f7;
	background:#00b7ea url(_img/bg_h4_hover.png) repeat-x bottom left;
	border:#00a7d4 solid 1px;
}
#main p{
	padding: 0 0 10px 0;
	clear:both;
}
#main ul{
	margin-bottom:15px;
	width:415px;
	float:right;
}
#main ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#main li{
	margin-top:10px;
	list-style-type:circle;
	margin-left:10px;
}
#main p img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#main li img {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	width:180px;
}
/*********************************************
MAIN - END
*********************************************/

/*********************************************
HOME - START
*********************************************/
.home {
	margin:0 0 10px 0;
	padding:10px;
	border:#dbe2ef solid 1px;
}
.home:hover {
	border:#eed8f4 solid 1px;
	background:#fff;
}
.home img {
	width:200px;
	margin-bottom:10px;
}
/*.home h1, .home h2{
	border-bottom:#eed8f4 solid 1px;
	margin-bottom:10px;
}*/
.home h4{
	font-size:10px;
	/*text-align:right;*/
	/*margin-bottom:3px;*/
}
/*.home h4 a{
	color:#f7f7f7;
	background-color:#9c63aa;
	padding:3px;
	border:#b27abf solid 1px;
}
.home h4 a:hover{
	background-color:#00b7ea;
	border:#00a7d4 solid 1px;
}*/
.home p{
	margin-bottom:15px;
}
/*.home ul li {
	text-align:center;
	font-size:12px;
	padding-bottom:10px;
}*/
/*.home */.news_item {
	margin:0px 0px 10px 0px;
	border-bottom:#dbe2ef solid 1px;
	padding:0 0 10px 0;
}
/*.home */.news_item img {
	/*margin-bottom:0px;*/
	width:80px;
	float:left;
}
/*.home */.news_item h4{
	text-align:center;
}
/*.home */.news_item p{
	font-size:10px;
}
/*********************************************
HOME - END
*********************************************/

/*********************************************
SIDEBAR - START
*********************************************/
#sidebar{
	padding:10px;
	background-color:#fff;
	border:#dbe2ef solid 1px;
}
#sidebar h3, #sidebar h5, #sidebar h6, #sidebar p {
	padding: 0 0 10px 0;
} 
#sidebar p {
	font-size:10px;
}
#sidebar img {
	width:150px;
}
#sidebar a{
	text-decoration:underline;
}
#sidebar ul{
	padding: 0 0 10px 0;
}
#sidebar li{
	font-size:10px;
	padding: 0 0 3px 0;
}
#sidebar #yearly li{
	display:inline;
}

#testibox{
	padding:5px;
	text-align:center;
	background-color:#f7f7f7;
	margin-bottom:10px;
	border:#dbe2ef solid 1px;
}
#testibox p{
	font-size:10px;
	font-style:italic;
	text-align:left;
	/*margin-bottom:10px;*/
}
#testibox h4{
	padding: 0 0 10px 0;
}
#testibox h4 a{
	color:#f7f7f7;
	background:#9c63aa url(_img/bg_h4.png) repeat-x bottom left;
	padding:5px;
	text-decoration:none;
	border:#b27abf solid 1px;
}
#testibox h4 a:hover{
	color:#f7f7f7;
	background:#00b7ea url(_img/bg_h4_hover.png) repeat-x bottom left;
	border:#00a7d4 solid 1px;
}
#testimonials {
	position: relative; /* important */
	overflow: hidden; /* important */
	height: 200px; /* important */
	width:140px;
}
#testimonials a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 4px;
}
#testimonials p a {
	text-decoration:none;
	color:#5f76a9;
}
#testimonials a:hover {
	color:#9c63aa;
	
}
#subcribe_btn, #download_btn{
	text-align: center;
	margin-top:15px;
}
#subcribe_btn small a {
	display:block;
	width:150px;
	height:60px;
	background:#9c63aa url(_img/bg_subscribe_btn.png) no-repeat 0px 0px;
	text-indent:-9000px;
}
#subcribe_btn small a:hover {
	background:url(_img/bg_subscribe_btn.png) no-repeat 0px -60px;
}
#download_btn small a {
	display:block;
	width:150px;
	height:60px;
	background:#9c63aa url(_img/bg_downloadform_btn.png) no-repeat 0px 0px;
	text-indent:-9000px;
}
#download_btn small a:hover {
	background:url(_img/bg_downloadform_btn.png) no-repeat 0px -60px;
}
/*********************************************
SIDEBAR - END
*********************************************/

/*********************************************
ONLINE PAYMENT - START
*********************************************/
#payment_oneyear, #payment_gift, #payment_order {
	width:144px;
	height:144px;
	background-color:#996600;
	margin-bottom:10px;
	text-indent:-9000px;
}
#payment_prepaid{
	width:144px;
	height:122px;
	background-color:#996600;
	margin-bottom:10px;
	text-indent:-9000px;
}
#payment_oneyear{background:url(_img/bg_payment_oneyear.png) no-repeat center center;}
#payment_prepaid{background:url(_img/bg_payment_prepaid.png) no-repeat center center;}
#payment_gift{background:url(_img/bg_payment_gift.png) no-repeat center center;}
#payment_order{background:url(_img/bg_payment_order.png) no-repeat center center;}

.payment_order_click h4 a{
	text-align:center;
	display:block;
	padding:4px;
}
/*********************************************
ONLINE PAYMENT - END
*********************************************/

/*********************************************
ORDER KIT - START
*********************************************/
#order_singleton, #order_twin, #order_triplet {
	width:200px;
	height:144px;
	background-color:#996600;
	margin-bottom:10px;
	text-indent:-9000px;
}
#order_singleton{background:url(_img/bg_order_singleton.png) no-repeat center center;}
#order_twin{background:url(_img/bg_order_twin.png) no-repeat center center;}
#order_triplet{background:url(_img/bg_order_triplet.png) no-repeat center center;}
/*********************************************
ORDER KIT - END
*********************************************/

/*********************************************
FORM - START
*********************************************/
#subscribe_box input, #subscribe_box textarea, #contact_box input, #contact_box textarea, #order_box input, #order_box textarea, .payment_box input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:#dbe2ef solid 1px;
	background-color:#f7f7f7;
	color:#5f76a9;
	padding:2px 4px 2px 4px;
}
#subscribe_box label, #contact_box label, #order_box label {
	font-size:10px;
	display:block;
	padding: 10px 0px 2px 0px;
	color:#9c63aa;
}
#subscribe_box input, #subscribe_box textarea {
	width:470px;
}
#contact_box input, #contact_box textarea {
	width:650px;
}
#order_box input, #order_box textarea {
	width:470px;
}
.submit_btn {
	width:120px !important;
	margin-top:10px;
}
.submit_btn2 {
	width:119px !important;
}
.submit_btn3 {
	width:175px !important;
}
/*********************************************
FORM - END
*********************************************/











.block {
	margin:0 0 10px 0;
	padding:10px;
	border:#dbe2ef solid 1px;
	display: table;
	position:relative;
}
.block:hover {
	border:#eed8f4 solid 1px;
	background:#fff;
	position:relative;
}


.narrow {
	width:150px;
}
.narrow2 {
	width:200px;
}
.narrow3 {
	width:144px;
}
.wide {
	width:500px;
}
.wide2 {
	width:685px;
}

.float_left {
	float:left;
	margin-right:5px;
}
.float_left2 {
	float:left;
	margin-right:7px;
}
.float_right {
	float:right;
}









/*********************************************
FOOTER - START
*********************************************/
#footer {
	width:700px;
	text-align:center;
	background: #f7f7f7 url(_img/bg_footer.jpg) repeat-x bottom left;

}
#footer_nav{
	border-top:#dbe2ef solid 1px;
	padding: 10px 120px 0px 120px;
	font-size:1.1em;
}
#footer_credit{
	padding: 10px 150px 20px 150px;
	font-size:0.9em;
}
/*********************************************
FOOTER - END
*********************************************/

/*********************************************
PAGINATION - START
*********************************************/
#pagination {
	width:500px;
	font-size:10px;
	text-align:right;
	margin:10px 0px 10px 0px;
}
#pagination .disabledbtn {
	padding:3px 5px 3px 5px;
	border:#dbe2ef solid 1px;
}
#pagination .currentbtn {
	padding:3px 5px 3px 5px;
	border:#00a7d4 solid 1px;
	background:#00b7ea url(_img/bg_h4_hover.png) repeat-x bottom left;
	color:#fff;
}
#pagination .activebtn a{
	padding:3px 5px 3px 5px;
	border:#b27abf solid 1px;
	background:#9c63aa;
	color:#fff;
}
#pagination .activebtn a:hover{
	border:#00a7d4 solid 1px;
	background:#00b7ea;
	color:#fff;
}
/*********************************************
PAGINATION - END
*********************************************/