/*-------- Global CSS Reset --------*/
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, 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,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}a img{border:0;}
img, object, embed { max-width: 100%;}
img { height: auto;}

/*-------- Design style --------*/
.floatl{ float:left;}
.floatr{ float:right;}
#skin_wrap {width:100%; position:relative;z-index:1; background:#606060; }
.skin_width {width:100%;min-width:760px;margin:auto; position:relative;}

.skin_header {min-height:100px; position:relative; background:#333;border:#000; border-radius:5px 5px 0 0; -moz-border-radius: 5px 5px 0  0; -webkit-border-radius:5px 5px 0 0;}
.logo_style { padding: 10px 0px 10px 80px;width: 90%;}
#menuToggle { display:none; }
.headerpane_style {padding:10px 10px 5px 10px; text-align:left; min-width:85%; max-height:125px;}
.user_style { position:absolute; right:120px; top:10px; padding:0;}
.search_style { position:absolute; left:80px; }

.menu_top { background:url(../images/menu_top.jpg) repeat-x top; height:1px; }
.skin_menu { background:#252525; min-height:47px; position:relative; padding:0px 0px 0px 80px;*z-index:3;}
.breadcrumb_bar {background:url(../images/breadcrumb_bar_top.jpg) repeat-x top #606060; padding:3px 0; min-height:3px; position:relative; max-width:960px;}
.breadcrumb_style { float:left; color:#FFFFFF; line-height:15px; padding-left:8px; }
.back_style { float:right; padding-right:12px; }
.back_style .back { background:url(../images/back.png) no-repeat 5px center #4F4F4F; padding-left:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display: block; width:46px; height:20px; line-height: 20px; font-size:12px; text-align:center; cursor: pointer; color:#FFFFFF;}
.skin_banner { background:#606060; min-height:0;position:relative; }
.skin_content{ padding:10px 80px; min-height:50px;background:#606060;}

.skin_footer { background:url(../images/footer_top.jpg) repeat-x top #333;}
.footer_center { background:url(../images/footer_light.png) no-repeat center top; }
.footerpane_style { min-height:0; padding:14px 10px 14px 80px; }
.skin_bottom { background:url(../images/footer_bottom.jpg) repeat-x top #606060; padding:10px 0; }
.skin_bottom1 { background: url(../images/footer_bottom.jpg) repeat-x top #606060; padding:10px 0; }
.link_style { text-align:center; }
.copyright_style { text-align:center; padding-top:5px; color:#FFFFFF; }
ul.footerConnect { margin: 0px; }

    ul.footerConnect li {
	    display: inline-block;
	    list-style-type: none;
	    margin-right: 10px;
    }

/*--------- Menu style ----------*/
#standardMenu ul {  list-style:none; margin:0; padding:0; }
#standardMenu .rootMenu{ position:relative; *z-index:903;}
#standardMenu .rootMenu li{float:left; list-style-type:none;position:relative;}

#standardMenu .rootMenu li a{ background:url(../images/menu_right.jpg) no-repeat right center; display:block; color:#ffffff; white-space:nowrap; font-size:10px; font-weight:bold; text-transform:uppercase; cursor:pointer; text-decoration: none;}
#standardMenu ul li.last a{background:none;}
#standardMenu ul li a:hover { text-decoration:none; }

#standardMenu .rootMenu li a span {display:block; padding:0 10px; height:47px; line-height:47px; margin-right:3px; }
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li.rmHover a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span{ *background:url(../images/menu_sel_center.jpg) repeat-x top; background:url(../images/menu_sel_light.png) no-repeat top, url(../images/menu_sel_left.jpg) no-repeat left top, url(../images/menu_sel_right.jpg) no-repeat right top, url(../images/menu_sel_center.jpg) repeat-x top; text-decoration:none; }

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;top:47px;z-index:1210;width:210px; display:none;padding:0;border:#999 solid 1px;}
#standardMenu .rootMenu li.rmHover .subMenu { display:block; white-space:nowrap;}
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200; }
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border-bottom: solid 1px #999; padding:0; background:#333333; filter:Alpha(Opacity=100); opacity:1.00;}
#standardMenu .subMenu li.last > a{ border-bottom: none; }
#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 15px; text-transform:none; margin:0;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { background:#939393; color:#FFFFFF; cursor:pointer; }
#standardMenu .subMenu li.haschild > a { background:url(../images/menu-arrow02.gif) no-repeat right center #333333;}
#standardMenu .subMenu li.selected.haschild > a span,#standardMenu .subMenu li.breadcrumb.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background:url(../images/menu-arrow02.gif) no-repeat right center #939393; }

#standardMenu ul li ul li ul{ width:170px; margin:0; border:#CCCCCC solid 1px; }
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:170px; top:-1px;}
#standardMenu ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block;position:absolute;left:170px;top:-1px;}
#standardMenu ul li ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:170px;top:-1px;}

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpanes{ clear:both;}
.bannerpane { padding:0 0px 5px 0px; margin-bottom:0px; color:#FFFFFF; }
.bannerpane p{ margin:0; }
.headerpane {padding:0; margin:0;}

.h_toppane {padding:14px 10px;margin:14px;}
.h_topleftpane {width:20%;padding:14px 10px;margin:0;}
.h_toprightpane {width:68.4%;padding:14px 10px;margin:0;}
.h_contentpane{padding:14px 10px;margin:0;}

.h_leftpane {width:32.2%;padding:14px 10px;margin:0;}
.h_centerpane {width:32.2%;margin-left:1.7%;padding:14px 10px;}
.h_rightpane {width:32.2%;padding:14px 10px;margin:0;}
.h_contentpane2{padding:14px 10px;margin:0;}
.h_boxapane {width:23.8%;padding:14px 10px;margin:0;}
.h_boxbpane {width:23.8%;margin-left:1.6%;padding:14px 10px;}
.h_boxcpane {width:23.8%;margin-left:1.6%;padding:14px 10px;}
.h_boxdpane {width:23.8%;padding:14px 10px;margin:0;}
.h_bottompane {padding:14px 10px;margin:0;}

.i1_contentpane {padding:14px 10px;margin:0;}
.i1_leftpane {width:29.2%;padding:14px 10px;margin:0;}
.i1_rightpane {width:69.2%;padding:14px 10px;margin:0;}
.i1_bottompane {padding:14px 10px;margin:0;}

.i2_contentpane {padding:14px 10px;margin:0;}
.i2_leftpane {width:69.2%;padding:14px 10px;margin:0;}
.i2_rightpane {width:29.2%;padding:14px 10px;margin:0;}
.i2_bottompane {padding:14px 10px;margin:0;}

.nb_toppane {padding:14px 10px;margin:0;}
.nb_topleftpane {width:20%;padding:14px 10px;margin:0;}
.nb_toprightpane {width:78.4%;padding:14px 10px;margin:0;}
.nb_contentpane{padding:14px 10px;margin:0;}
.nb_leftpane {width:32.2%;padding:14px 10px;margin:0;}
.nb_centerpane {width:32.2%;margin-left:1.7%;padding:14px 10px;}
.nb_rightpane {width:32.2%;padding:14px 10px;margin:0;}
.nb_contentpane2{padding:14px 10px;margin:0;}
.nb_boxapane {width:23.8%;padding:14px 10px;margin:0;}
.nb_boxbpane {width:23.8%;margin-left:1.6%;padding:14px 10px;}
.nb_boxcpane {width:23.8%;margin-left:1.6%;padding:14px 10px;}
.nb_boxdpane {width:23.8%;padding:14px 10px;margin:0;}
.nb_bottompane {padding:14px 10px;margin:0;}

.footerone {width:23.8%;padding:15px 0 5px 0;margin:0; color:#FFFFFF;}
.footertwo {width:23.8%;margin-left:1.6%;padding:15px 0 5px 0; color:#FFFFFF;}
.footerthree {width:23.8%;margin-left:1.6%;padding:15px 0 5px 0; color:#FFFFFF;}
.footerfour {width:23.8%;padding:15px 0 5px 0;margin:0; color:#FFFFFF;}

/*--------- Content Style ----------*/
.Social-Links{padding:30px 0 0 0; text-align:left; min-width:50px;}
.Social-Links a{margin:0 0 0 6px;}

/*--------- Register and Login Style ----------*/
#Login{ float:right;padding-right:0;height:33px;border:1px solid #d5d5d5;border-bottom:1px solid #aaa;background:#e7e7e7 url(../images/LoginLinksBg.png) repeat-x 0 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; margin-bottom:20px;}
#Login ul {margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{display:block;} 
#Login .registerGroup,#Login .loginGroup{float:left;padding:0;margin:0;} 
#Login .registerGroup li:first-child:hover{border-left:#333;}

/* Register Group Styles */
#Login .registerGroup li{ float:left;height:33px;border-right:1px solid #c7c7c7;}
#Login .registerGroup .buttonGroup{margin-right:0;}
#Login .registerGroup a, #Login .loginGroup a{position:relative;display:block;padding:0 15px;min-width:15px; min-height:11px;font-weight:bold;font-size:11px;vertical-align:middle;line-height:1em; color :#000000; border-right:0px solid #606060; height:33px; vertical-align:middle;line-height:32px;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{background:#666;color:#ddd;text-shadow: 0px -1px 0px #333333;-webkit-box-shadow:inset 0px 0px 5px 0px #333;-moz-box-shadow:inset 0px 0px 5px 0px #333;box-shadow:inset 0px 0px 5px 0px #333; }
#Login .registerGroup a:active,#Login .loginGroup a:active{color:#fff;text-shadow: 0px -1px 0px #333333;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{text-decoration:none;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:11px;font-weight:bold;vertical-align:baseline;overflow:hidden;text-indent:-9999px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 15px 12px;}
.registerGroup .userNotifications strong{ background-position:-85px 10px; }
.registerGroup .userMessages strong:hover{background-position:15px -40px; }
.registerGroup .userNotifications strong:hover{ background-position:-85px -42px;}
.registerGroup .userMessages strong:active{background-position:15px -91px; }
.registerGroup .userNotifications strong:active{ background-position:-85px -92px;}
		
#Login .registerGroup a span{position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;min-width:7px;line-height:15px;text-align:center;margin-right:3px;background: rgb(31,152,241); /* Old browsers */font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333;
/*CSS3*/	
background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */			
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow: 0px 1px 0px 0px #222222;-moz-box-shadow: 0px 1px 0px 0px #222222;box-shadow: 0px 1px 0px 0px #222222; }
		
#Login .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
#Login .registerGroup a img{border:0px solid blue;height:32px; width:32px;background:#555; }

/* Login Language Group */
#Login .language-object{float:left;display:block;margin:0;padding:0;border-left:1px solid #c7c7c7;}
#Login .language-object span{padding:8px 8px 9px 0;*padding:8px 8px 6px 0;margin:0;float:left;}
#Login .language-object span:first-child{padding-left:8px;}
#Login .language-object span img{height:12px; width:20px;opacity:0.2;}
#Login .language-object span:hover img{opacity:1;}
#Login .language-object .Language.selected img{opacity:1;border-color:#999;-webkit-border-radius:2px;border-radius:2px; -webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.8);box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.8); }

/* Our Products */
.content_products { width: 100%; margin: 10px auto; }
.content_products ul li { display: inline-block; padding:20px; width: 25%; margin-right: 10px; margin-bottom: 10px; vertical-align: top; list-style-type: none; }
.content_products ul li img { margin: 0px; display: inline; border: none; border: 10px solid #fff; }
.content_products ul { margin: 10px; padding:10px; }

/* Just In */
.content_products1 { width: 100%; margin: 10px auto; }
.content_products1 ul li { display: inline-block; padding:20px; width: 25%; margin-right: 10px; margin-bottom: 10px; vertical-align: top; list-style-type: none; }
.content_products1 ul li img { margin: 0px; display: inline; border: none; border: 10px outset #fc0; }
.content_products1 ul { margin: 10px; padding:10px; }