﻿/***********************common css starts**********************/
/*body,div,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,p{padding:0; margin:0; font-weight:normal;}
body{ font:12px/15px Arial, Helvetica, sans-serif; color:#333; background:#fff url(../images/body_strip.jpg) repeat-x 0 0; height:100%}
img,fieldset{border:none; margin:0; padding:0;}
.left{float:left;}
.right{float:right; width:auto;}
.full{float:left; width:100%;}
.curv{float:left; width:100%}
.curv img{float:left}
span.clear{clear:both;}

a:focus{outline:none}
input:focus{outline:none;}*/

body {
	margin: 0px;
	background:#fff url(../images/body_strip.jpg) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#4b4b4b
}
* {
	margin:0;
	padding:0;
	/*text-align: left;*/
}
.curv{float:left; width:100%}
.curv img{float:left}
a {
	color:#4b4b4b;
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
img {
	border:none
}
.clear {
	clear:both
}



/***********************common css ends**********************/

/***********************wrapper starts**********************/
#wrapper{width:992px; margin:0 auto;}

/***********************main starts**********************/
#main{float:left; width:990px; margin-top:22px; padding:1px 1px 0 1px; /*background: #fff url(../images/body_border.gif) no-repeat 0 0;*/background: #fff ;border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;}


/* ****************** header start ****************************** */



#header {
	width:892px;
	float:left;
	padding:30px 50px 0px 50px
}
/* ****************** logo start ****************************** */

#header .logo {
	float:left;
	
}
#header .logo a {
	text-decoration:none
}
#header .logo .logo_text {
	float:left;
	padding:25px 0 0 10px;
	
}
#header .logo .logo_text .main_text {
	text-transform:uppercase;
	color:#7aace8;
	font-weight:normal;
	font-size:24px;
	display:block;
}
#header .logo .logo_text .tag {
	display:block;
	color:#757474;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold
}
/* ****************** menu start ****************************** */

#header #menu {
	float:right;
	list-style:none;
	padding:17px 0 0 0
}
#header #menu li {
	float:left;
	color:#9b9b9b;
	font-size:11px;
}
#header #menu li a {
	float:left;
	text-decoration:none;
	color:#9b9b9b
}
#header #menu span {
	float:left;
	padding:2px 20px 0 4px;
	cursor:pointer;
}
#header #menu img {
	float:left;
}

/***********************google apps starts**********************/
.google_app{float:left; width:100%; /* height:105px; */}
.google_app .adminstration{float:left; margin-left:15px; display:inline; width:959px; height:94px; background:url(../images/google_bg.jpg) no-repeat 0 0;}
.google_app .adminstration h3{float:left; width:auto; font-size:24px; font-weight:bold; line-height:normal; color:#4b4b4b; padding:30px 0 0 40px;}
.google_app .adminstration a{float:right; width:180px; height:40px; margin:25px 80px 0 0; display:inline;}
.google_app h2{float:left; width:100%; font-size:32px; font-weight:normal; text-align:center; padding-top:13px; line-height:normal; color:#7f7f7f;}
.google_app h2 span{color:#0a85e3;}
/***********************google apps ends**********************/

/***********************video container starts**********************/
#video_container{float:left; width:960px; height:346px; margin:16px 0 0 13px; display:inline; background:url(../images/video_bg.jpg) no-repeat 0 0;}

/***********************vertical menu starts**********************/
#video_container .left_details{float:left; width:179px;}
#video_container .vertical_menu_outer{float:left; width:179px; padding:5px 0 0 6px;}
/*#video_container .vertical_menu{float:left; width:179px; height:265px; overflow:auto; background:#fff;}*/
#video_container .vertical_menu{float:left; width:169px;}
#video_container .vertical_menu ul{float:left; width:168px; list-style:none;}
#video_container .vertical_menu li{float:left; width:100%; font:12px/15px Arial,Helvetica,sans-serif;}
#video_container .vertical_menu li a{float:left; width:145px; padding:5px 0 0 23px; height:19px; color:#303030; text-decoration:none; background:url(../images/menu_hover.jpg) no-repeat 0 0;}
#video_container .vertical_menu li a:hover{font-weight:bold; background:url(../images/menu_hover.jpg) no-repeat 0 -24px;}
#video_container .vertical_menu li.active a{font-weight:bold; background:url(../images/menu_hover.jpg) no-repeat 0 -24px;}

#video_container .blue_link{float:left; width:179px; height:43px; margin:8px 0 0 5px; display:inline; background:url(../images/blue_link_bg.jpg) no-repeat 0 0}
#video_container .blue_link ul{float:left; width:155px; list-style:none; padding:5px 0 0 25px;}
#video_container .blue_link li{float:left; width:100%; padding-bottom:3px; font:12px/15px Arial,Helvetica,sans-serif;}
#video_container .blue_link li a{color:#0080ff; text-decoration:none;}
#video_container .blue_link li a:hover{color:#000;}

/***********************vertical menu ends**********************/

/***********************video box starts**********************/
#video_container .video_box{float:left; width:546px; height:332px; padding:5px 0 0 12px;z-index:1;}
#video_container .video_box img{float:left;}
/***********************video box ends**********************/

/***********************right details starts**********************/
#video_container .right_details_outer{float:left; width:198px; padding:5px 0 0 12px;}
#video_container .right_details {float:left; width:198px; background:#fff; padding-bottom:4px}
#video_container .right_details h4{float:left; width:auto; font-size:16px; color:#2c75d2; padding:5px 0 0 13px;}
#video_container .right_details p{float:left; color:#363636; padding:16px 0 0 13px; width:160px;  height:205px; font:12px/15px Arial,Helvetica,sans-serif;}
#video_container .right_details p a{color:#2c75d2; text-decoration:none;}
#video_container .right_details p a:hover{color:#000;}
#video_container .right_details p.buy_now{float:left; color:#363636; padding:0 0 0 25px; width:145px; height:auto}
#video_container .right_details p.buy_now a{float:left; width:139px; height:31px; text-indent:-9999px;  background:url(../images/buy_now.jpg) no-repeat 0 0;}
#video_container .right_details p.buy_now a:hover{background-position:0 -31px}
#video_container .right_details p.evaluate{float:left; color:#363636; padding:10px 0 0 25px; width:145px; height:auto}
#video_container .right_details p.evaluate a{float:left; width:139px; height:31px; text-indent:-9999px; background:url(../images/evaluate.jpg) no-repeat 0 0;}
#video_container .right_details p.evaluate a:hover{background-position:0 -31px}

/***********************right details ends**********************/

/***********************video container ends**********************/

/***********************body container starts**********************/
#body_container{float:left; width:990px;}

/***********************left container starts**********************/
#left_container{float:left; width:720px;}

/***********************product details starts**********************/
#left_container .product_details{float:left; width:567px; padding:35px 0 0 67px;}
#left_container .product_details ul{float:left; width:100%; list-style:none;}
#left_container .product_details li{float:left; width:275px; padding:0 15px 15px 0; font:12px/15px Arial,Helvetica,sans-serif;}
#left_container .product_details li.last{padding-right:0px;}
#left_container .product_details li .left{float:left; width:50px;}
#left_container .product_details li .left img{float:left;}

#left_container .product_details li .right{float:left; width:225px;}
#left_container .product_details li .right p{float:left; width:100%;}
#left_container .product_details li .right p a{color:#666;}
#left_container .product_details li .right p a:hover{text-decoration:none;}

/***********************product details ends**********************/

/***********************bottom google banner starts**********************/
#left_container .google_banner{float:left; width:623px; height:123px; padding:50px 0 0 50px;}
#left_container .google_banner img.google_logo{float:left; margin-right:40px; display:inline;}
#left_container .google_banner img.google_license{float:left;}
/***********************bottom google banner ends**********************/

/***********************left container ends**********************/

/***********************right container starts**********************/
#right_container{float:left; width:268px;}

/***********************panel pricing starts**********************/
#right_container .panel_pricing{float:left; width:252px; margin-top:30px; display:inline; background:#eff4f7;}
#right_container .panel_pricing .top_curv{float:left; width:252px; background:url(../images/panel_top_curv.jpg) no-repeat 0 0;}
#right_container .panel_pricing .bottom_curv{float:left; width:252px; background:url(../images/panel_bottom_curv.jpg) no-repeat 0 bottom;}
#right_container .panel_pricing h5{float:left; width:auto; font-size:13px; font-weight:bold; padding-left:0px; margin:16px 0 15px 20px; display:inline; line-height:normal; color:#3d8cdc;}
#right_container .panel_pricing ul{float:left; width:100%; list-style:none;}
#right_container .panel_pricing li{float:left; width:100%;border-bottom:2px solid #fff; font-size:13px; font-weight:bold; color:#7f7f7f;}
#right_container .panel_pricing li span.edition{float:left; padding:9px 0; width:166px; text-align:left; padding-left:17px; border-right:2px solid #fff;} 
#right_container .panel_pricing li span.price{float:left; padding:9px 0; width:52px; text-align:left; padding-left:14px;}
#right_container .panel_pricing h6{float:left; width:100%; font-size:13px; text-align:center; font-weight:bold; line-height:normal; padding:17px 0; }
#right_container .panel_pricing h6 a{color:#3d8cdc; text-decoration:none;}
#right_container .panel_pricing h6 a:hover{text-decoration:underline;}
#right_container .panel_pricing li.heading{color:#3d8cdc;}

/***********************panel pricing ends**********************/
/***********************documentation starts**********************/
#right_container .documentation{float:left; width:252px; margin-top:13px; display:inline; background:url(../images/documentation_mid_curv.jpg) repeat-y 0 0;}
#right_container .documentation .top_curv{float:left; width:252px; background:url(../images/documentation_top_curv.jpg) no-repeat 0 0;}
#right_container .documentation .bottom_curv{float:left; width:252px; background:url(../images/documentation_bottom_curv.jpg) no-repeat 0 bottom;}
#right_container .documentation h6{float:left; font-size:14px; font-weight:bold; color:#000; padding:7px 0 0 15px;}
#right_container .documentation ul{float:left; width:240px; list-style:none; padding:20px 0 80px 15px;}
#right_container .documentation li{float:left; width:100%; padding-bottom:15px;}
#right_container .documentation li img{float:left;}
#right_container .documentation li a{float:left; font-size:13px; color:#666; margin:5px 0 0 5px;}
#right_container .documentation li a:hover{text-decoration:none;}

/***********************documentation ends**********************/

/***********************build with starts**********************/
#right_container .build_with{float:left; width:252px; padding-top:12px;}
#right_container .build_with p{float:left; width:84px; font-size:14px; font-weight:bold; color:#4b4b4b; padding:10px 0 0 30px;}
#right_container .build_with ul{float:left; width:125px; list-style:none;}
#right_container .build_with li{float:left; width:auto; padding-right:12px;}
/***********************build with ends**********************/

/***********************right container ends**********************/

/***********************body container ends**********************/

/***********************wrapper ends**********************/

/* ****************** script container start ****************************** */
.script_container {
	float:left;
	width:992px;
	background:url(../images/grass.jpg) repeat-x 0 0;
	height:58px;
	padding:58px 0 0 0;text-align:center;
}
.script_container ul {
	float:left;
	width:992px;
	list-style:none
}
.script_container ul li {
	float:left;
	width:205px;
	margin:0 4px 0 0;
	display:inline;
}
.script_container ul li.last {
	margin:0
}
.script_container ul li a {
	float:left;
	width:205px;
	padding:12px 0 0 0;
	background:url(../images/transparent_img.png) repeat 0 0;
	height:46px;
}
.script_container ul li a:hover {
	float:left;
	background:url(../images/green_bg.gif) repeat-x 0 0;
	height:46px;
	padding:12px 0 0 0
}
.script_container ul li.current {
	float:left;
	background:url(../images/green_bg.gif) repeat-x 0 0;
	height:46px;
	padding:12px 0 0 0;
	text-align:center;
}

.script_container ul li.item1 {width:211px;}
.script_container ul li.item1  a {width:211px;}
.script_container ul li.item2 {width:145px;}
.script_container ul li.item2  a {width:145px;}
.script_container ul li.item3 {width:135px;}
.script_container ul li.item3  a {width:135px;}
.script_container ul li.item4 {width:350px;margin:0}
.script_container ul li.item4  a {width:350px;}
.script_container ul li.item5 {width:135px;}
.script_container ul li.item5  a {width:135px;}

/* ****************** footer start ****************************** */

#footer {
	width:892px;
	float:left;
	background:#f1f1f1;
	padding:30px 50px 20px 50px;
	font-size:11px;
}
#footer a {
	color:#757474;
	text-decoration:none
}
#footer a:hover {
	text-decoration:underline
}
#footer ul {
	list-style:none
}
#footer ul li {
	padding-bottom:1px;
}
#footer h3 {
	padding:0 0 10px 0;
	color:#505050;
	font-size:14px;
	font-weight:bold
}
#footer .f_box {
	float:left;
	width:208px;
	padding: 0 20px 0 0
}
#footer .f_box.last {
	float:left;
	width:200px;
	padding: 0 0 0 0
}
#footer .f_box .call {
	margin-bottom:10px;
	background:url(../images/gra_btn_bg.jpg) no-repeat 0 0;
	width:148px;
	height:42px;
	color:#f1f1f1;
	font-size:14px;
	padding:10px
}
#footer .f_box .call span {
	display:block;
	padding-bottom:5px
}
#footer .f_box .call a {
	color:#fff;
	text-decoration:underline
}
#footer .f_box .call a:hover {
	text-decoration:none
}
#footer .f_box .twiter img {
	float:left
}
#footer .f_box .twiter span {
	float:left;
	padding:3px 0 0 3px;
	cursor:pointer
}
#bottom_curv {
	width:992px;
	float:left;
	height:50px
}
#bottom_curv img {
	float:left;
}
/* BZCODE */
div.signup4 h1, div.signup4 h2, div.signup4 h3, .alignC{text-align:center;}
h1.masthead{color:#000000; font:normal 32px Arial,Helvetica,sans-serif;  margin:0 50px;color:#7f7f7f;}
h2.masthead{color:#444444; font:normal 24px helvetica,arial,sans-serif; letter-spacing:0; margin:0;}

div.signup div.bubble div.content{width:250px;}
div.signup div.bubble div.content div.inner h2{font-size:14px;}
div.signup div.bubble div.content div.inner p{font-size:11px;}
div.signup4 div.jacket{height:320px;}
div.signup4 div.short{width:220px;height:247px;border:1px solid #999;float:left;margin-top:22px;text-align:center;background-color:#efefef;font-family:helvetica, arial, sans-serif;padding:10px 0;}
div.signup4 div.tall{width:220px;height:282px;border:3px solid #3671A1;float:left;text-align:center;background-color:#fff;font-family:helvetica, arial, sans-serif;padding:8px 10px 10px;}
div.signup4 div.no-r{border-right:0;}
div.signup4 div.r-shadow{background-image:url(../images/shadow-right.png);background-position:right;background-repeat:no-repeat;}
div.signup4 div.no-l{border-left:0;}
div.signup4 div.l-shadow {background:#EFEFEF url("../images/shadow-left.png") left center no-repeat;}
div.signup4 div.short li,div.signup4 div.tall li{font-size:14px;color:#64503f;font-family:helvetica, arial, sans-serif;margin-bottom:1px;line-height:1.4em;}
div.signup4 div.tall li{font-size:16px;}
div.signup4 div.tall ul,div.signup4 div.short ul{list-style:none;margin:0 0 10px;padding:0;}
div.signup4 div.tall ul.highlight,div.short ul.highlight{margin-top:0;}
div.signup4 div.tall ul.highlight li,div.short ul.highlight li{list-style:none;margin-bottom:3px;font-size:20px;line-height:1em;}
div.signup4 div.tall ul.highlight li{font-size:24px;margin-bottom:5px;}
div.signup4 div.under_chart_left,div.signup4 div.under_chart_right{width:435px;position:relative;top:-22px;font-size:11px;float:left;font-family:verdana;text-align:left;}
div.signup4 div.under_chart_right{float:right;}
div.signup4 div.logos{width:240px;float:right;border:1px solid #ccc;text-align:center;padding:10px;}
div.signup4 div.logos h1{font-size:14px;margin-bottom:20px;}
div.signup4 div.logos img{margin-bottom:15px;}
div.signup4 div.extra{-moz-border-radius:10px;-webkit-border-radius:10px;}
div.signup4 div.tall h3 {border-bottom:1px solid #CCCCCC;color:#4582B5;font-size:16px;font-weight:bold;margin:0;padding:0 0 4px;text-transform:uppercase;}
div.signup4 div.short h3 {border-bottom:1px solid #CCCCCC;color:#73A1C7;font-family:helvetica,arial,sans-serif;font-size:14px;font-weight:bold;margin:0 0 15px;padding:0 0 7px;text-transform:uppercase;}
div.signup4 a.hover_target {border-bottom:1px dotted #888888;color:#64503F;margin-left:6px;text-decoration:none;}
div.signup4 div.tall li strong, div.signup4 div.short li strong {color:#C33700;}
div.under_chart_left a{text-decoration:underline;}

div.statement{text-align:center;width:100%;margin:5px 0 15px;clear:both;}
body.home div.left div.statement{width:710px;}
div.statement h2{font-family:georgia, helvetica, arial, sans-serif;font-size:32px;font-weight:400;color:#444;margin:0;}
div.statement a{font-weight:700;}

div.extra{background-color:#efefef;clear:both;text-align:left;margin:30px 15px 50px;padding:20px;}
div.extra h1{color:#444;text-align:left;clear:both;margin:0 0 20px;}
div.extra h3{font-family:Helvetica,Arial,Verdana,sans-serif;font-size:1.4em;line-height:1.2em;color:#000;margin:0 0 2px;padding:0;}
div.fullcolumn{width:100%;clear:both;text-align:left;}
div.leftcolumnwide{width:650px;float:left;margin-bottom:30px;text-align:left;padding:0;}
div.leftcolumnwide h3{color:#000;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:1.3em;margin:0 0 5px;}
div.rightcolumnnarrow{width:256px;margin-right:-15px;padding-top:0;float:right;margin-bottom:30px;}
div.quote{padding:0 15px 20px 0;}
div.quote h3{color:#000;font-size:1.3em;line-height:1.3em;font-family:Helvetica,Arial,Verdana,sans-serif;margin:0;}
div.quote p{margin-top:5px;margin-bottom:5px;}
div.leftcolumneven {float:left;padding-right:0;text-align:left;width:435px;}
div.rightcolumneven {float:right;padding-left:0;text-align:left;width:435px;}
div.extra h3 {color:#000000;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:16.8px;line-height:1.2em;margin:0 0 2px;padding:0;text-align:left;}
div.extra p {color:#232323;font-family:georgia,times,"times new roman";font-size:15.6px;line-height:20.2px;margin:0 0 15px;}
div.extra a {color:#3671A1;margin:0;padding:0;text-decoration:underline;}

.bzbody.signup4 h1.masthead{padding:13px 10px;}
.packageBox{border:5px solid #CCDDEE; font-family:helvetica,arial,sans-serif;background:#fff;width:400px;text-align:center;padding-bottom:10px;float:left;margin:15px 5px 20px;background:url(../images/scr_gradientdown.gif) repeat-x bottom;}
.packageBox .packageWrap{text-align:left;width:320px;margin:auto;}
.packageBox.left{margin-left:84px;}
/*.packageBox.left h1, .packageBox.left h2, .packageBox.left h3{text-align:left !important;}*/
.packageBox h3{color:#4582B5;font-size:16px;font-weight:bold;border-bottom:1px solid #CCCCCC;margin:0;padding:0 0 4px;text-transform:uppercase;}
.packageBox ul{list-style:inside none;margin:0 0 10px;padding-left:20px;}
div.packageBox ul.highlight li {font-size:24px; margin-bottom:5px; color:#64503F; line-height:1em;}
div.packageBox li { color:#64503F; font-family:helvetica,arial,sans-serif; font-size:16px; line-height:1.4em; margin-bottom:1px; } 
div.packageBox li strong {color:#C33700;}
table.packageTable{width:835px; margin:0 80px;}
.packageTable td, .packageTable th{padding:5px 10px;}
.packageTable th{background:#EEF4FA;border:1px solid #DDDDDD;border-spacing:0;border-width:1px 0;padding:10px 0;}
.packageTable tr.odd td{background:#f4f4f4;}
.packageTable tr td.hd{font-weight:bold; color:#0E66B0; background:#ffffcc;padding:10px 0 10px 10px;text-transform:uppercase;}
div.incbonus{font-size:150%;margin-top:10px;}


.details-shade {background-color:#F5F5F5;float:left;margin-top:20px;padding:15px;width:962px;color:#4B4B4B;}
a.deatilsbtn {background:url("../images/btn-bg.jpg") no-repeat scroll 0 0 transparent;color:#FFFFFF;display:block;line-height:35px;margin:15px 0 0;text-align:center;width:185px;text-decoration:none;}
.details-shade h1 {color:#000000;font-size:25px;font-weight:normal;margin:0 0 10px;}
.details-shade h2 {color:#333333;font-size:18px;font-weight:normal;line-height:1.4em;margin-bottom:8px;margin-top:0;padding:0;}

#navmenu { background:#EEF4FA ;/*background:url(../images/navmenu-bg.png) repeat-x;height: 35px;*/float: left;width: 992px;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;}
#navmenu ul {list-style:none;z-index:50;}
#navmenu ul li {float: left;background: url(../images/li-line.jpg) no-repeat left top;}
#navmenu ul li a {padding: 0 20px;color: #000;font-size: 13px;line-height: 24px;display: block;text-decoration:none;}
#navmenu ul li:hover a {text-decoration: none;background: url(../images/navmenu-hover.png) repeat-x;line-height: 24px;}
#navmenu ul li.last a span{background: url(../images/li-line.jpg) no-repeat right top;display: block;padding:0 20px}
#navmenu ul li.last a { padding:0; }
#navmenu ul li a span.homebtn {background: url(../images/home_icon.png) no-repeat center 5px;padding:5px 11px 0;width:16px;height:19px;display:block;}

#navmenu ul li ul {position: absolute;display:none;background: #fff;border: 1px solid #DFDFDF;width: 200px;-moz-box-shadow:0 3px 10px #CCCCCC;padding: 5px 0;}
#navmenu ul li ul li {float: none;}
#navmenu ul li ul li a{ background: #fff !important;line-height: 20px !important;padding: 0 10px 0 10px;}
#navmenu ul li ul li:hover a {background:#999999 !important;color: #fff;}
#navmenu .lang-dropdown { float: right;margin: 2px 17px 0 0; }

.menushadow {background:url("../images/menu-shadow.png") repeat-x scroll left -25px transparent;clear:both;height:15px;}








