@charset "utf-8";
/* CSS Document */

@font-face { font-family: 'ebrima'; src: url('../fonts/ebrima.eot'); src: url('../fonts/ebrima.eot?#iefix') format('embedded-opentype'), url('../fonts/ebrima.svg#Mistral') format('svg'), url('../fonts/ebrima.woff') format('woff'), url('../fonts/ebrima.ttf') format('truetype'); font-weight: normal; font-style: normal;}


body{ margin:0; padding:0; font-family: 'ebrima'; background:url(../images/bg.jpg) repeat top center; font-size:12px; color:#5e6060;}
.clear{ clear:both;}
.main{ width:1000px; height:auto; margin:0 auto; box-shadow: 0px 1px 10px #000; background:#fff;}
.header{ width:100%; height:auto; float:left;}
.header_up{ width:100%; height:auto; float:left;}
.logoCont{ width:47.5%; height:97px; float:left; padding:0 0 0 1%;}
.logo{ width:111px; height:97px; float:left; }
.logo img{ width:100%; height:100%;}
.logo_text{ width:300px; height:97px; float:left; }
.logo_text h1{color:#5d5c5c; font-size:21px; font-family:Tahoma, Geneva, sans-serif; line-height:28px; padding:0; margin:20px 0 0 0; font-weight:normal;  }
.logo_text h1 span{color:#39F;}
.header_upRight{ width:21%; height:97px; float:right; padding:0 1% 0 0;}
.headerSocial{ width:100%; height:32px; float:left; margin:15px 0 0 0;}
.headerSocial img{ width:32px; height:32px; float:right; margin-left:10px;}
.header_Phone{ width:100%; height:32px; float:left; margin:10px 0 0 0; font-size:18px; color:#5d5c5c; font-family:Arial, Helvetica, sans-serif;}
.header_Phone img{ width:14px; height:24px; float:left; margin: 0 10px 0 50px}
.menu_Bar{ width:98%; height:38px; float:left; margin:0 1% 1% 1%;  background:url(../images/menu_bg.jpg) repeat-x; border-radius:5px; border:#efefef 1px solid;}
.nav{ width:67%; height:38px; line-height:inherit; float:left;}
.nav ul{ margin:0; padding:0; list-style-type:none;}
.nav ul li{ margin:0; padding:0; list-style-type:none; font-family: 'ebrima'; font-size:16px; float:left; list-style-type:none; color:#696868;}
.nav ul li img{ margin:10px 0 0 0;}
.nav ul li a{ margin:0; padding:6px 15px; list-style-type:none; font-family: 'ebrima'; font-size:16px; float:left; list-style-type:none; color:#696868; text-decoration:none;}
.nav ul li a:hover{color:#FFF; background: #8adffb; /* Old browsers */
background: -moz-linear-gradient(top, #8adffb 0%, #1ab7ea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8adffb), color-stop(100%,#1ab7ea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8adffb 0%,#1ab7ea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8adffb 0%,#1ab7ea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8adffb 0%,#1ab7ea 100%); /* IE10+ */
background: linear-gradient(to bottom, #8adffb 0%,#1ab7ea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8adffb', endColorstr='#1ab7ea',GradientType=0 ); /* IE6-9 */}

.nav ul li a.active{color:#FFF; background: #8adffb; /* Old browsers */
background: -moz-linear-gradient(top, #8adffb 0%, #1ab7ea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8adffb), color-stop(100%,#1ab7ea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8adffb 0%,#1ab7ea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8adffb 0%,#1ab7ea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8adffb 0%,#1ab7ea 100%); /* IE10+ */
background: linear-gradient(to bottom, #8adffb 0%,#1ab7ea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8adffb', endColorstr='#1ab7ea',GradientType=0 ); /* IE6-9 */}
.nav_email{ width:25%; height:38px; line-height:inherit; float:left; line-height:38px; padding-left:8%;}
.nav_emailIMG{ width:28px; height:38px; float:left;}
.nav_emailIMG img{ width:28px; height:23px; margin:9px 5px 0 0;}

.nav_email a, .nav_EDIT{ text-decoration:none; color:#696868; font-size:16px;}
.nav_CALL{ font-size:18px;}
.banner_cont{ width:100%; float:left; height:557px; padding:0 0 1% 0;}

.topic_cont{ width:98%; height:162px; float:left; margin:10px 0; padding:0 1%;}
.topic_cont h1{ font-family:Tahoma, Geneva, sans-serif; margin:10px 0 0 0; padding:0; color:#1ab7ea; font-size:22px; font-weight:normal;}
.topic_cont p{ font-family: 'ebrima'; margin:0; padding:0; color:#5e6060; font-size:12px; font-weight:normal; line-height:20px;}
.topic_cont a{ font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; color:#1ab7ea; font-size:15px; font-weight:normal; text-decoration:underline;}
.topic_box1{ width:292px; height:162px; float:left; border-radius:5px; background:#f0f0f0 url(../images/tp1.jpg) no-repeat right; padding:0 10px;}
.topic_box2{ width:292px; height:162px; float:left; border-radius:5px; background:#f0f0f0 url(../images/tp2.jpg) no-repeat right; padding:0 10px; margin-left:22px;}
.topic_box3{ width:292px; height:162px; float:left; border-radius:5px; background:#f0f0f0 url(../images/tp3.jpg) no-repeat right; padding:0 10px; margin-left:22px;}

.featured_cont{ width:98%; height:auto; float:left; margin:10px 0; padding:0 1%;}
.featured_cont h1{ font-family: 'ebrima'; margin:0; padding:0; color:#818586; font-size:22px; font-weight:normal; line-height:20px; background:url(../images/h1_bg.jpg) repeat-x;}
.featured_contBox{ width:100%; height:auto; float:left; margin-top:10px;}
.featuredBOX{ width:173px; height:auto; float:left; margin:0 11px; text-align:center;}
.featuredBOX img{ width:131px; height:128;}
.featuredBOX h2{ font-family: 'ebrima'; margin:0; padding:0; color:#292a2a; font-size:15px; font-weight:normal; line-height:20px;}

.welcomeText{ width:98%; height:auto; float:left; margin:15px 0; padding:0 1%;}
.welcomeText h1{ font-family: 'ebrima'; margin:0 0 10px 0; padding:0; color:#1ab7ea; font-size:24px; font-weight:normal; line-height:20px; background:url(../images/h1_bg.jpg) repeat-x;}
.welcomeText p{ font-family: 'ebrima'; margin:0; padding:0; color:#5e6060; font-size:14px; font-weight:normal; line-height:20px;}
.welcomeText ul{ list-style-type:none; margin:0 0 0 30px; padding:0; }
.welcomeText ul li{ list-style-type:disc; font-size:16px; }

.topic_cont2{ width:98%; height:auto; float:left; margin:15px 0; padding:0 1%;}
.topic_cont2Box{ width:457px; height:138px; float:left; border-radius:5px; background:url(../images/topiccont2bg.jpg) repeat-x; padding:0 10px;}
.topic_cont2Box h1{ font-family: 'ebrima'; margin:10px 0 0 0; padding:0; color:#5e6060; font-size:30px; font-weight:normal; line-height:30px;}
.topic_cont2BoxText{ width:320px; height:auto; float:left;}
.topic_cont2BoxImg{ width:113px; height:auto; float:left;}
.topic_cont2BoxImg img{ width:105px; height:138px;}
.topicMarginLeft{ margin-left:25px;}
.topic_cont2BoxText2{ width:240px; height:auto; float:left;}
.topic_cont2BoxImg2{ width:184px; height:auto; float:left;}
.topic_cont2BoxImg2 img{ width:184px; height:138px;}

.brandsCont{ width:98%; height:128px; float:left; margin:15px 0; padding:0 1%;}
.brandsCont img{ width:131px; height:128px; float:left; margin:0 20px;}

.footer_Cont{ width:98%; height:auto; float:left; margin:15px 0 0 0; padding:2.3% 1%; background:#f3f3f3;}
.footer_Cont h1{ font-family:'ebrima'; margin:0 0 10px 0; padding:0; color:#5e6060; font-size:18px; font-weight:normal; line-height:30px;}
.footer_ContUP{ width:100%; height:auto; float:left;}
.footer_Map{ width:263px; height:auto; float:left;}
.footer_About{ width:246px; height:auto; float:left; margin-left:24px;}
.footer_About p{ font-family: 'ebrima'; margin:0; padding:0; color:#5e6060; font-size:12px; font-weight:normal; line-height:20px; text-align:justify;}
.footer_navigation{ width:100px; height:auto; float:left; margin-left:42px;}
.footer_navigation a{ font-family: 'ebrima'; margin:0; padding:0; color:#5e6060; font-size:12px; font-weight:normal; line-height:20px; text-decoration:none;}
.footer_contact{ width:237px; height:auto; float:left; margin-left:45px;}
.footerIconCont{ width:100%; height:auto; float:left; margin-bottom:5px;}
.footerIconContImg{ width:22px; height:28px; float:left;}
.footerIconContImg img{ width:22px; height:28px;}
.footerIconContText{ width:190px; height:28px; float:left; font-family: 'ebrima'; color:#5e6060; font-size:12px; font-weight:normal;  line-height:28px; margin-left:10px;}
.footerIconContText2{ width:200px; height:auto; float:left; font-family: 'ebrima'; color:#5e6060; font-size:12px; font-weight:normal;  line-height:24px; margin-left:10px;}
.footerIconContText a{  font-family: 'ebrima'; color:#5e6060; font-size:12px; font-weight:normal; text-decoration:none; }
.footer_ContDown{ width:100%; height:auto; float:left; margin-top:20px;}
.footer_ContDownImg{ width:243px; height:32px; float:left; }
.footer_ContDownImg img{ width:243px; height:32px;}

.footer_ContDownRight{ width:528px; height:32px; float:right; }
.footer_ContDownRightText{ width:440px; height:32px; float:left; font-family: 'ebrima'; color:#5e6060; font-size:12px; font-weight:normal;  line-height:32px; margin-left:10px;}
.footerSocial{ width:25px; height:25px; float:left; margin:0 10px 0 0;}
.footerSocial img{ width:25px; height:25px;}
.footerSocial2{ width:25px; height:25px; float:left; margin:0 0 0 0;}
.footerSocial2 img{ width:25px; height:25px;}


.contact_banner_cont{ width:98%; float:left; height:364px;  background:#FFF; padding:1%; box-shadow: 0px 0px 2px #888888; margin-bottom:2%;}
.contact_body{ width:98%; float:left; height:auto; padding:1% 1% 2% 1%; border-bottom:#CCC 1px solid;}
.contact_body h1{ font-family: 'ebrima'; margin:0; padding:0; color:#818586; font-size:22px; font-weight:normal; line-height:20px; background:url(../images/h1_bg.jpg) repeat-x;}
.contact_body h2{ font-family: 'ebrima'; margin:0; padding:0; color:#2d2d2d; font-size:18px; font-weight:normal; line-height:20px;}

.contact_bodyLeft{ width:480px; height:auto; float:left;}
.contact_bodyRight{ width:480px; height:auto; float:right;}
.contact_bodyLeftText{ width:100%; height:auto; float:left; font-family: 'ebrima'; color:#5e6060; font-size:14px; font-weight:normal;  line-height:18px; text-align:justify; border-bottom:#CCCCCC 1px solid; padding-bottom:30px; margin-bottom:20px;}

.contact_bodyLeftLeft{ width:60%; height:auto; float:left; font-family: 'ebrima'; color:#5e6060; font-size:14px; font-weight:normal;  line-height:18px; text-align:justify; border-right:#CCCCCC 1px solid; margin-top:10px; padding-right:5%}
.contact_bodyLeftLeft p{ font-size:16px; line-height:20px;}

.contact_bodyLeftLeft2{ width:45%; height:auto; float:left; font-family: 'ebrima'; color:#5e6060; font-size:14px; font-weight:normal;  line-height:18px; text-align:justify;  margin-top:10px; padding-left:0%}
.contact_bodyLeftLeft2 p{ font-size:16px; line-height:20px;}

.contact_form{ width:100%; height:auto; float:left; margin-top:20px;}
.contact_form_cont{ width:100%; height:auto; float:left; margin-bottom:25px;}
.contact_form_cont input{ width:98%; height:28px; background:#f7f7f7; border:#cccaca 1px solid; padding:0 1%; line-height:38px; border-radius:5px; color:#778185; font-size:14px; font-family: 'ebrima';}

.contact_form_cont textarea{ width:98%; height:124px; background:#f7f7f7; border:#cccaca 1px solid; padding:0 1%; line-height:38px; border-radius:5px; color:#778185; font-size:14px; font-family: 'ebrima';}

.submit_btn{ width:101px; height:39px; text-align:center; line-height:39px; background:#2378af; border-radius:5px; color:#FFF; cursor:pointer; border:none; font-family: 'ebrima'; text-transform:uppercase; font-size:16px;}

.bodyLeftCont{ width:65%; height:auto; float:left;}
.bodyRightCont{ width:30%; height:auto; float:right;}
.bodyRightCont h2{ margin:0; padding:0; color:#0099CC;}
.bodyRightCont strong{  color:#630;}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;

}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:128px;
    max-height:128px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}