*{margin:0; padding:0;}

body{
	background:#E9E9E9;
	font-size:13px;
	font-family:Arial;
	line-height:17px;
	color:#787575;
	}
.ali{ display:none;}
@font-face {
    font-family:Myriad Pro;
    src: url(../fonts/MyriadPro-Regular.otf);    
}

a{text-decoration:none; color:#0066FF;}
a:hover{text-decoration:underline; color:#0066FF;}
a:active{text-decoration:none; color:#0066FF;}
a:visited{text-decoration:none; color:#0066FF;}

a.whitelink{text-decoration:underline; color:#0066FF; font-size:12px;}
a.whitelink:hover{text-decoration:none; color:#0066FF;}
a.whitelink:active{text-decoration:underline; color:#0066FF;}
a.whitelink:visited{text-decoration:underline; color:#0066FF;}

.menu-horizontal{
	width:100% !important;
	text-align:left;
}
#logodiv strong{
	font-size:28px;
}
h1{font-size:22px; color:#6B817F; margin:0; padding:0;}
h2{font-size:18px; color:#6B817F; margin:0; padding:0;}
h3{font-size:18px; color:#4A4A4A; margin:0; padding:0; font-family:Myriad Pro;}

/***************************** Body Fixed Style End **********************************/

#container{width:860px; margin:0 auto;}

#main{float:left; width:950px/*860*/; padding:0 10px; border:1px solid #D6D6D6; background:#fff;}

/***************************** Container End ****************************************/

/***************************** Body Internal Style Start ****************************/

/* Header-Start */
#headerdiv{float:left; width:950px;}
#logodiv{float:left; width:250px; padding:17px 0 12px 10px;} #logodiv img{float:left;}
#logodiv span{font-size:28px; font-family:Calibri; color:#585757; float:left; padding:10px 0 5px 8px;}}
#logodiv span strong{color:#6B817F;}
#logodiv span.lsp{font-size:13px; color:#808080; padding:0 0 0 8px; margin:0; float:left; width:150px; font-family:Arial;}

#contactdiv{float:right; width:213px; padding:24px 0 0 0;} #contactdiv img{float:left;}
#contactdiv span{font-size:22px; font-family:Arial; color:#1E1E1E; float:left; padding:5px 0 1px 8px;}
#contactdiv span strong{color:#6B817F; font-size:19px}

#menu{float:left; width:950px;/*838*/ padding:0 0 0 0px;}
#menu{
	float:left; 
	width:836px;/*838*/
	background:#F4F4F5;
	border:1px solid #D6D6D6;
	}
#menu ul{margin:0; padding:0; list-style:none;}
#menu ul li{
	display:inline;
	padding:10px 0;
	float:left;
	}
#menu ul li a{
	text-decoration:none;
	font-size:12px;
	color:#444444;
	font-family:"Lucida Sans Unicode", Arial;
	padding:10px 21px;
	}
#menu ul li a:hover{text-decoration:none; background:#808081; color:#fff;}
#menu ul li a.hare{text-decoration:none; background:#808081; color:#fff;}

/* Header-End */

/* Middle-Start */
#middlediv{float:left; width:950px; padding:12px 0 0 0;}
#bannerdiv{float:left; width:950px;}

#midbot{float:left; width:950px; padding:28px 0 0 0; position:relative;}
#midbot img.slog{float:left; position:absolute; left:0; bottom:0; margin:0px 0 0px -10px;}
.midleft{float:left; width:249px;}
.rightboximg{float:left;}
.rightboxmid{
	float:left;
	width:207px;/*249*/
	background:#EDF2F3;
	border-left:1px solid #D3DFE3;
	border-right:1px solid #D3DFE3;
	padding:5px 20px;
	}
.rightboxmid h1{ border-bottom:1px solid #CDDADF; padding-bottom:15px; margin-bottom:10px;}
.rightboxmid p{padding-bottom:10px; font-size:14px; color:#585757;}
.rightboxmid p.chu{padding-bottom:2px; font-size:14px; color:#585757;}
.rightboxmid p img{border:1px solid #CCDBDE;}
.rightboxmid p span{font-size:13px; color:#585757;}
.rightboxmid p.chu label{float:left; width:46px;}
.rightboxmid p.chu2{border-top:1px solid #CDDADF; padding:6px 0 0 0; margin:8px 0 0 0;}

.midright{float:left; width:559px;/*589*/ padding:5px 0 0 30px;}
.midright h1{border-bottom:1px solid #EBEBEB; padding:0 0 15px 0; margin-bottom:15px;}
.midright p{padding-bottom:17px;}

.tradediv{float:left; width:557px;/*559*/ background:url(../images/template/round-box-bg.gif) repeat-x top; border:1px solid #EDEBEB; margin:10px 0;}
.box1{
	float:left;
	width:184px;
	padding:9px 0 0 0;
	border-right:1px solid #EDEBEB;
	}
.box1 h2 img{padding-left:24px;}
.box1 h2 img.hqs{padding-left:59px;}
.box1 h2 img.hqs2{padding-left:22px;}
.box1 h2{border-bottom:1px solid #EDEBEB; padding-bottom:10px; padding-left:15px; margin-bottom:10px;}
.box1 p{padding:0 15px 15px 15px; font-size:13px;}
.box1 ul{margin:0; padding:0 0px 15px 13px; list-style:none;}
.box1 ul li{
	display:block;
	background:url(../images/template/bullet.gif) no-repeat 0 3px;
	padding:0px 10px 10px 18px;
	}

.tradediv2{float:left; width:527px;/*559*/ padding:15px; background:url(../images/template/round-box-bg.gif) repeat-x top; border:1px solid #EDEBEB; margin:10px 0;}
.tradediv2 p.side{border:1px solid #000; padding:2px; float:left; width:501px; margin:0 0 15px 0;}
.tradediv2 p.side img{border:1px solid #000;}

.tradediv2 p.slidebut{float:left; width:501px;}
.tradediv2 p.slidebut a{
	text-decoration:none;
	font-size:13px;
	color:#464646;
	font-family:Arial;
	padding:5px 24px;
	text-align:center;
	background:#F6F6F6;
	border:1px solid #CCCCCC;
	float:left;
	margin:0 19px 0 0;
	}
.tradediv2 p.slidebut a:hover{background:#597F8C; color:#fff; border:1px solid #5C818E;}
.tradediv2 p.slidebut a.active{background:#597F8C; color:#fff; border:1px solid #5C818E;}

.tradediv2 p.slidebut a.nomr{margin-right:0;}

.connectdiv{float:left; width:559px;/*559*/ padding:23px 0 20px 0;}
.connectdiv h2 img{padding-left:5px;}
.connectdiv h2{padding-bottom:15px;} 
.connectdiv p{font-size:18px; color:#4A4A4A;}

.connectdiv p label.face{float:left; width:142px;}
.connectdiv p label.face img{margin-right:11px;}

.connectdiv p label.twet{float:left; width:126px;}
.connectdiv p label.twet img{margin-right:11px;}

.connectdiv p label.linkd{float:left; width:124px;}
.connectdiv p label.linkd img{margin-right:11px;}

.connectdiv p label.ytube{float:left; width:123px;}
.connectdiv p label.ytube img{margin-right:11px;}

.leftmenu{
	float:left; 
	width:249px; 
	margin-bottom:16px;
	}
.leftnavimg{float:left;}
.leftnavin{
	float:left;
	width:249px;
	background:url(../images/template/left-menu-bg.gif) repeat-x top;
	border-left:1px solid #EDEBEB;
	border-right:1px solid #EDEBEB;
	}

.leftnavin ul{margin:0; padding:0; list-style:none;}
.leftnavin ul li{
	background:url(../images/template/bullet.gif) no-repeat 8px 13px;
	padding:4px 0px;
	float:left;
	}

.leftnavin ul li a{
	text-decoration:none;
	font-size:13px;
	color:#787575;
	padding:5px 10px 5px 30px;
	border-bottom:1px solid #EDEBEB;
	float:left;
	width:209px;/*249*/
	}
.leftnavin ul li a.noline{border-bottom:none;}
.leftnavin ul li a:hover{text-decoration:none; color:#6B817F; font-weight:bold;}

/* Middle-End */

/* Footer-Start */
#footerdiv{float:left; width:840px;/*860*/ padding:22px 10px;}
.footleft{float:left;}
.footleft p{font-size:11px; color:#585858; line-height:20px;}
.footleft p a{text-decoration:none; color:#585858; padding:0 8px 0 2px;}
.footleft p a:hover{text-decoration:underline; color:#585858;}

.footleft p a.strn{padding:0; color:#585858; font-weight:bold; text-decoration:underline;}
.footleft p a.strn:hover{color:#585858; text-decoration:none;}

.footright{float:right;}
.footright img.rgap{margin-right:10px;}
/* Footer-End */

/***************************** Body Internal Style End *****************************/


/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 11px Arial;
margin: 0;
padding:8px 5px 8px 5px;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background:#EDF2F3 url(../images/template/leftnav-drop-bg.gif) repeat-x bottom;
border: 1px solid #C4D5D9;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li{padding:0 0 0 5px;}

.ddsubmenustyle li a{
display: block;
width:140px; /*width of menu (not including side paddings)*/
color:#6B817F;
background-color:none;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color:#FAFAFA;
color:#0066FF;
border:1px solid #C2CFD4;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
float:left;
	width:249px;
	background:url(../images/template/left-menu-bg.gif) repeat-x top;
	border-left:1px solid #EDEBEB;
	border-right:1px solid #EDEBEB;
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
margin:0; padding:0; list-style:none;
}

.markermenu ul li{
	background:url(../images/template/bullet.gif) no-repeat 8px 13px;
	padding:4px 0px;
	float:left;
	}

.markermenu ul li a{
text-decoration:none;
	font-size:13px;
	color:#6B817F;
	padding:5px 10px 5px 30px;
	border-bottom:1px solid #EDEBEB;
	float:left;
	width:209px;/*249*/
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color:#787575;
}

.markermenu ul li a:hover, .markermenu ul li a#selected{
text-decoration:none; color:#6B817F; font-weight:bold;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background:none;
border-bottom:1px solid #fff;
}

.blackwhite li a:hover{
background-color:#FAFAFA;
color:#0066FF;
border:1px solid #C2CFD4;
}


.menu{ display:none;}
.navbar-collapse{ padding:0px !important;}
.navbar-toggle{ background:#ffc13b !important; border:1px solid #fff !important;}
.navbar-toggle .icon-bar{ border:1px solid #fff;}
.waqa{ display:none;}
#mainNavigation{ margin-top:20px !important;}
.menu1{
	width:984px;
	height:37px;
	background:url(../images/template/nav_bg.jpg) no-repeat;
	padding:3px 0 5px 0;
	display:none;
}	
.menu1{
	width:984px;
	height:37px;
	overflow:hidden;
	text-align:center;
}	
.menu1 ul{ list-style:none; display:inline-block;}
.menu1 li{
	float:left;		
	background:url(../images/template/nav_icon.jpg) no-repeat right;
}
.menu1 li a{
	font-size:12px;
	color:#fff;
	font-weight:bold;
	padding:0 29px;
	display:block;
	line-height:37px;
	
}
.menu1 li a:hover,.nav li a.Active{
	font-size:13px;
	color:#fff;
	background:#f2c522;
}
.menu1 li a:hover,.nav li #selected{
	font-size:13px;
	color:#fff;
	background:#f2c522;
}
.waqa{ display:none !important;}
.nav-btn{
	display:none;
    background-color: #E80909;
    border: 1px solid #000;
    padding: 10px 14px 9px 14px;
    cursor: pointer;
    width: 90px;
	}
.nav-bars{
	width:22px;
	float:left;
	margin-right:10px;
	margin-top:5px;
}
.nav-bars .icon-bar{
	width:22px;
	height:3px;
	background-color:#fff;
	float:left;
    margin-bottom: 2px;
}
.nav-btn .menu-text{
	color:#fff;
}
.top_contactbox{
	display:none;
}
@media (max-width:1024px){
	#container{ width:99% !important; margin:0px !important; padding:0px !important;}
	#main{ padding:0px; width:100%;}
	#headerdiv{ width:100%;}
	#logodiv{ float:left; width:65% !important;}
	#contactdiv{ float:left; width:30%;}
	.bluetabs{ width:100% !important;}
	#menu{ width:100% !important;}
	#middlediv{ width:100% !important;}
	#bannerdiv{ width:100% !important;}
	#midbot{ width:100% !important;}
	.midleft{ width:24% !important;}
	.midright{ width:70% !important;}
	.midright p{ width:100% !important;}
	#footerdiv{ width:100% !important;}
.container{ width:100% !important;}
.left_panel_part_main{ width:25% !important;}
.left_panel_top{ width:100% !important;}
.left_panel_part{ width:100% !important;}
.right_body1{ width:69% !important;}
.rightpanel{ width:100% !important;}
.conttext{ width:100% !important;}
.footer_main{ width:100% !important;}
.cont{ width:100% !important;}
.right_body1_midd1{ width:100% !important;}
.top{ width:100% !important;}
.right_body1_top1{ width:100% !important;}
.main{ width:100% !important; padding:0px !important;}
.comp_name{ width:100% !important;}
.nav_cn{ width:100% !important;}
.banner{ width:100% !important;}
.gcol1{ width:70% !important;}
.gcol2{ width:24% !important;}
	.menu1{ width:100%;}
	#wrap{ width:100%; padding:0px; margin:0px !important;}
	.navigation{ width:100%;}
	.nav{ width:100%;}
	.banner_area{ width:100% !important; padding:0px;}
	#middle{ width:100%; padding:0px !important;}
	.mid_lft{ width:24%;}
	.mid_rit{ width:76%;}
	.contant_box{ width:100%;}
	#fotter{ width:100%;}
	.ftr_cont{ width:100%;}
	.ftr_cont ul{ width:100%;}
	.contant_box p{ width:100%;}
	#sb-ebooks-column #sb-ebooks .item-ebook img{ width:100%;}
	#example_1_container{ height:auto !important;}
	#sb-ebooks-column #sb-ebooks .item-ebook{ width:100%;}
	#sv_redBorder{ width:92% !important;}
	.nav li a{ padding:0px 15px;}
	#wrap #header{ width:100%;}
	#mainNavigation{ width:100% !important;}
	#mainContainer{ width:100%;}
	#splash_video_left{ width:60%; margin:0px;}
	#splash_video_right{ width:38%; margin:0px; padding:0px;}
	#mainContainer #middleContentHolder{ width:100%;}
	#sv_fillForm{ font: 12px/27px Arial;}
	#mainContainer #leftColumn{ width:27%;}
	#mainContainer #rightColumn{ width:67%;}
	#footer .footerConterHolder{ width:100% !important;}
	.wa img{ width:100%;}
	#wrapper{ width:100% !important; min-width:100% !important;}
	.wa{ width:100%;}
	.wa img{ width:100%;}
	#wrapper .bannerControl{ width:99% !important;}
	#sv_redBorder{ width:92%;}
	#footer{ width:92%;}
	#mainNavigation{ margin:19px 0px 0px;}
	#splash_video_left iframe{ width:100% !important;}
	#sv_redBorder{ width:96%;}
	}
@media only screen and (min-width:320px) and (max-width:767px){
.nav-btn,.top_contactbox{
display:block;
}
	.rightboxmid p.chu label{ float:none;}
	#headerdiv{ width:99% !important;}
	.bluetabs ul{ display:none !important;}
	#logodiv{ width:100% !important;}
	#contactdiv{ width:80% !important; padding-left:25px; padding-top:0px;}
	#footerdiv{ padding:0px !important;}
	#main{ width:99% !important;}
.nav{ display:none !important;}
.top_contactbox{ float:left;}
.right_body1_topbottom1{ width:100% !important;}
.left_panel_part_main{ width:100% !important;}
.left_panel_part{ background:none !important; text-align:center;}
.right_body1{ width:100% !important;}
.left_panel_top{ background:none !important;}
.left_panel_bottom{ background:none !important;}
.cont{ width:98% !important;}

.gcol1{ width:100% !important;}
.gcol2{ width:98% !important;}
.comp_name .cname{ left:0px !important;}
	#original-footer{ float:left;}
	#sv_redBorder{ width:93%;}
	.mid_lft{ width:100%; text-align:center;}
	.mid_rit{ width:100%; float:left;}
	#sb-ebooks-column #sb-ebooks .item-ebook img{ position:static; width:auto;}
	.hdr_lft h3{ font-size:24px !important; width:90% !important;}
	.menu-horizontal{ display:none;}
	.hdr_lft{ width:100% !important;}
	#original-footer .original-text{ width:100%;}
	#middle{ padding:0px !important;}
	#header{ padding:0px !important;}
	.cname{ font-size:36px;}
	.adr{ margin-left:0px; text-align:center;}
	#wrap{ width:100% !important;}
#splash_video_left iframe{ width:100% !important;}
#sv_redBorder input[type="text"]{ width:100%;}
#leftColumn #sideBox{ width:100% !important;}
#mainNavigation{ display:none;}
#splash_video_right{ width:100% !important;}
#splash_video_left{ width:100% !important;}
#splash_video_left iframe{ width:100% !important;}
#mainContainer #leftColumn{ width:100%;}
#mainContainer #rightColumn{ width:100%; margin-right:0px; padding-left:10px;}
#splash_video_right img{ display:none;}
#sv_redBorder{ width:100%;}
#mainContainer #rightColumn h1{font-size:20px;}
#header .logo{ padding-left:0px !important; width:100%; text-align:center;}

.menu{ display:none; width:100%; position:fixed; z-index:111111; }
.menu ul{ display:block; width:100%; background:#74929d;}
.menu ul li{ display:block; width:100%;}

.menu ul li a{ width:100%; padding:7px 10px; font-size:16px; color:#FFFFFF; width:100%; display:block; text-decoration:none; border-bottom:1px solid #fff;}
.menu ul li a:hover{ background:#e8eef0; width:100%;}
.waqa{ float:left; margin-top:1px; display:block !important;} 

#sb-ebooks-column #sb-ebooks .item-ebook .downloadlink{ width:auto !important; position:static !important;}
#sb-ebooks-column #sb-ebooks .item-ebook{ height:auto !important;}

.lft_pic{ width:100% !important;}
.lft_boxbg{ width:100% !important;}
.lft_topbar{ background:#1CA4DE; width:100% !important;}
.list_lft{ float: none;
text-align: center;
display: -moz-groupbox;}
.midleft{ width:100% !important; text-align:center;}
.rightboxmid{ width:100% !important; padding:0px !important; text-align:center;}
.rightboximg img{ display:none;}
.midright{ padding:10px !important; width:95% !important;}
.ali{ display:block;}
.midleft,.rightboxmid,.rightboximg,.leftmenu{ display:none;}
.form-bg {
	position:relative;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
}
.midright h1{ font-size:27px !important;}
.leftmenu{ width:100% !important; display:none !important;}
.markermenu{ width:100% !important;}
#contactdiv{
	display:none;
}
.leftnavimg{ display:none;}
.markermenu ul li{ width:100% !important; }
.markermenu ul li a{ text-align:center; width:100%;}
.menu-vertical li:hover .dropdown{ top:40px !important; left:0px !important; width:100% !important;}
#original-footer{
	position:static !important;
}
}