@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:18px; line-height:24px; color:#666666; font-weight:300; font-family:'Roboto', sans-serif;}
a {color:#00ab99; text-decoration: underline; }
a:hover {color:#00ab9d; text-decoration: none; }

body, td, select, textarea, input, button { font-family:'Roboto', sans-serif !important; }

h1, h2, h3, h4{ margin:0px; padding:0px; font-weight:400; font-family:'Roboto', sans-serif!important; }
a{font-weight:300;}
.italic{ font-style:italic;}
img{ border:0px;}
b{font-weight:400; font-family:'Roboto', sans-serif;}
strong{font-weight:400; font-family:'Roboto', sans-serif;}
:focus{ outline:none;}
::selection{ background:#fdfdfe; color:#00ab9d;}
#outerwrapper{ max-width:1202px; margin:auto;}
.clear{ height:0px; clear:both;}
.toplinksouter{ position:absolute; background:#0078c9; color:#fff; width:100%; left:0px; top:0px; padding:7px 0px; font-size:16px; }
.toplinksouter a{ margin-left:10px; margin-right:10px; color:#fff; text-decoration:none; font-size:15px; text-transform:uppercase; }
.toplinksouter a:hover{color:#ffe98c;}
.toplinksinner{ text-align:right; max-width:1200px; margin:auto;}
.toplinks{ min-height:33px; }

.icon-white {color:#F5F5F5;}
.icon-blue {color:#0078c9;}
table {width:100%; border-spacing: 0;}
.logo{ width:auto; float:left;}
.menu{ margin:5px 0px; font-family:'Roboto', sans-serif; }
.menu ul{ margin:0px; padding:0px; display:table; width:100%;}
.menu ul li{ margin:0px; padding:0px 55px 0px 0px; display:table-cell; list-style:none; font-size:20px; color:#666666;}
.menu ul li a{ font-size:20px; color:#666666; display:block; text-decoration:none; font-weight:400; }
.menu ul li a:hover{ color:#00ab9d; display:block; text-decoration:none;}
.contactustab{ background:#00ab9d; padding-right:0px !important; border-radius:5px; text-align:center;}
.contactustab a{ color:#fff !important; padding:5px 15px;}
.contactustab a:hover {background: #0078c9;border-radius: 5px; }
.signuptab{ background:#00ab9d; padding-right:0px !important; border-radius:5px; text-align:center;}
.signuptab a{ color:#fff !important; padding:5px 15px;}
.signuptab a:hover {background: #0078c9;border-radius: 5px; }
.homebanner{ margin-bottom:15px; max-height:305px; overflow:hidden;}
.homebanner img{ width:100%;}
.headertop{ padding:15px 0px;}

.topphoneno{ color:#009ce0; width:auto; float:left; font-size:24px; padding:30px 10px 10px 40px; font-family:'Roboto', sans-serif; margin-left:130px;     }
.topphoneno a{ color:#009ce0; text-decoration:none;} 
.topphonenotext{ font-size:18px;}

.topsearch{ width:auto; float:right; margin-top:30px; position:relative;}
.topsearchinput{ border:1px solid #cccccc; -webkit-appearance:none; border-radius:5px; padding:5px; width:230px; font-style:italic; }
.topsearchinput:focus{ font-style:normal;}
.home-smallbanner{}
.home-smallbanner ul{ display:table; width:100%; margin:0px; padding:0px;}
.home-smallbanner ul li{ display: table-cell; list-style:none; padding-right:18px; width:22%; }
.home-smallbanner ul li:nth-child(4){ padding:0px 0px 0px 0px;}
.home-smallbanner ul li img{ border-bottom:solid 10px #009ce0; width:285px; }
.home-smallbanner ul li img:hover{ border-bottom:solid 10px #00ab9d; }
.homeclientlogo{ margin:20px 0px 20px 0px !important; overflow:hidden;}
.homeclientlogo ul{ margin:0px; padding:0px; display:table; width:100%;}
.homeclientlogo ul li{ margin:0px; padding:0px; list-style:none;  display:table-cell; text-align:center;}
.homeclientlogo  .flex-prev{left:-8px !important;}
.homeclientlogo .flex-next{right:-0px !important;}

.homelatestnews{ width:35%; margin-left:8%; float:left;}
.homelatestnews ul{ margin:0px; padding:0px;}

.homelatestnews li{  background:url(../images/newsbullet.png) no-repeat 0px 10px; padding:0px 0px 0px 20px; font-size:14px; font-weight:300; list-style:none; font-weight:normal; line-height:25px; margin-bottom:20px; overflow:hidden;}
.homelatestnews a{ text-decoration:none; display:block; color:#666666; font-size:18px; font-weight:300; font-family: 'Roboto', sans-serif !important;}
.homelatestnews a:hover{ text-decoration:none; display:block; font-weight:300; color: #00ab9d; }
.homeupcomingevent{width:35%; margin-left:8%; float:left; padding-left:2%;}
.homeupcomingevent ul{margin:0px; padding:0px; color:#666666; }
.homeupcomingevent li{ background:url(../images/newsbullet.png) no-repeat 0px 10px; padding:0px 0px 0px 20px; 
   font-size:18px; list-style:none; font-weight:300; font-family: 'Roboto', sans-serif !important; 
   line-height:25px; margin-bottom:20px; overflow:hidden;
}
.homeupcomingevent li a{ color: #666666; text-decoration: none; font-weight:300;  }
.homeupcomingevent li a:hover { color: #00ab9d; text-decoration: none; font-weight:300;   }

.homeupcomingevent img{ float:right;}


/* 
.hometestimg{ width:34%; float:left;}
.hometestmonialtext{ width:66%; float:right; text-align:left; } 
*/
.hometestmonialtext{ width:100%; float:right; text-align:left; margin-top:20px; } 
.hometestmonialtext h2{ margin-bottom:20px; color:#009ce0; font-size:24px; line-height:28px; font-style:italic;}
.hometestmonialtext h3{ color:#009ce0; font-size:18px; line-height:25px; text-align:center;}

.quote {margin: 0 0 0 50px;}
.quote h2:before {margin-left: -50px;  margin-top: 18px; content: "\201C";  position: absolute; color:#009ce0;  font-size: 70px;  
vertical-align: middle;   font-family: Georgia, Myriad, Helvetica, Arial, sans-serif;}
.quote h3 {color:#888; font-size:18px; line-height:20px; text-align:center;}

.hometitle h2{margin-bottom:10px; color:#009ce0; font-size:28px; line-height:35px;}
.footeroutertop{ overflow:hidden;  background:#0078c9; position:absolute; padding-top:20px; color:#fff; min-height:226px; width:100%; left:0px; margin-top:20px;}
.footerinnertop{max-width:1200px; margin:auto;}
.footerinnertop ul{ margin:0px; padding:0px 5.3% 0px 0px ; width:auto; float:left; line-height:20px; }
.footerinnertop ul li{ margin:0px; padding:0px; list-style:none; color:#fff;  }
.footerinnertop ul li a{ color:#fff; font-size:13px; text-decoration:none;}
.footerinnertop ul li a:hover{ color:#ffe98c; }
.footerinnertop h2{ color:#ffe98c; font-size:17px;  }
.footerbot{ position:static; max-width:1200px; margin:auto; background:#fff; width:100%; padding-bottom:0px; font-size:12px; line-height:20px;  min-height:50px;}
.footermain{ overflow:hidden; min-height:285px; text-align:left;}
.footerbotleft{ width:auto; float:left; font-weight:500; text-align:left; }
.footerbotright{ width:auto; float:right;}
.footerbotright a{ margin-left:10px; font-weight:500;}
.footerbotright a:hover{ opacity:.8;}
.footerbotlinks{ margin-bottom:5px;}
.footerbotlinks a{font-weight:500; color:#666666; text-decoration:none; font-size:12px;}
.footerbotlinks a:hover{ color:#000; text-decoration:none; font-size:12px;}
.mobilemenu{ display:none;  background:url(../images/mobilemenubg.png) no-repeat right 10px #0078c9; cursor:pointer; border-radius:5px; text-transform:uppercase; color:#fff; padding:5px;}

/*main category page css start here*/
.innerpagemain{ overflow:hidden;}
.innerpagtitle{text-indent:2px; overflow:hidden; margin-bottom:15px; background:url(../images/innertitlebg.jpg)  repeat-x bottom; }
.innerpagtitle h2{ width:auto; padding-right:10px; margin-left:-3px; line-height:30px; float:left; font-size:36px; color:#00ab9d;  background:#fff;  text-transform:uppercase;}
.innerleftbanner img{ width:100%; height:auto; max-width:300px;}
.categoryleftmain{ width:25%; float:left; border:solid 0px Red;}
.categoryrightmain{ width:73%; float:right; border:solid 0px Red;}
.productcategorymain{ overflow:hidden;}
.productcategorymain ul{ margin:0px; padding:0px; }
.productcategorymain ul li{ margin:0px 0px 8px 0px; padding:1%; list-style:none; width:99%; float:left; vertical-align: top;   min-width:300px; max-width: 320px; }
.productcategorymain h2{ font-size:24px; margin-bottom:10px; text-align:center;}
.productcategorymain a{ text-decoration:none; color:#009ce0;}
.productcategorymain a:hover{ text-decoration:none; color:#000;}
.productmainimg{ text-align:center;}
.productmainimg img{ width:auto; height:140px;}
.bredcummain{ margin-bottom:5px; font-size:14px; text-decoration:none; text-transform: uppercase;}
.bredcummain a{color:#666666;  text-decoration:none; font-size:14px; text-transform: uppercase; }
.bredcummain a:hover{color:#00ab9d; text-decoration:none; font-size:14px; text-transform: uppercase; }
.categorypagebanner{ margin-bottom:10px;}
.categorypagebanner img{ width:100%;}
.catleftlinks{ font-size:14px; margin-bottom:40px;}
.catleftlinks ul{ margin:0px; padding:0px; line-height:27px;}
.catleftlinks ul li{font-weight:bold; margin:0px; padding:0px;}
.catleftlinks ul li a{ margin:0px; padding:0px; color:#666666; text-decoration:none; text-transform: uppercase; }

.catleftlinks a.textboldnolink{ font-size: 14px; font-weight:300; color:#00ab9d !important; }
/* .catleftlinks a.textboldnolink {font-size: 16px;} */
.catleftlinks li{list-style:none;}

.catleftlinks ul li a:hover{ margin:0px; padding:0px; color:#00ab9d; text-decoration:none;}
.catleftlinks ul ul li{ font-weight:normal; margin:0px; padding:0px 0px 0px 20px; background:url(../images/newsbullet.png) no-repeat left;}
.left-cat-active a{color:#00ab9d !important;}
.catcolor{ text-align:center; margin:0;}
.catcolor a{ margin-right:10px;}
.cat-more-link{ text-align:center;}
.cat-more-link a{ text-align:center; color:#00ab9d; text-decoration:underline;}
.cat-more-link a:hover{ text-align:center; color:#00ab9d; text-decoration:none;}
.categorytitle{ text-align:center; font-weight:bold; margin-bottom:5px;}
.categorytitle a{  text-decoration: none;    color: #009ce0; }
.categorytitle a:hover{  text-decoration: none;    color: #000; }
.categoryshortdesc{  font-size:16px; line-height:20px; font-weight:300; /*min-height:82px;*/ }
.categoryshortdesc ul li{  width:90%; list-style:disc inside;  float:none; margin:0px 0px 0px 40px; padding:0px 0px 0px 0px;}

/*contact/register page css start here*/

.contactusmain{ max-width:900px; margin:auto;}
.contactus-left{ width:47%; float:left;}
.contactus-right{ width:47%; float:right;}
.titlecontact{ margin:10px 0px; }
.titlecontact h2{ color:#009ce0; font-size:28px;}
.contactpagerequestimg img{ width:100%;}
.contactpagerequestimg img:hover{ width:100%; opacity:.80;}
.contactleftlinks a{ text-decoration:underline; font-size:18px; color:#00ab9d; line-height:28px;}
.contactleftlinks a:hover{ text-decoration:none; font-size:18px; color:#00ab9d; line-height:28px;}
.contactrightlinks{ padding-top:10px; }
.contactrightlinks ul{ margin:0px; padding:0px; }
.contactrightlinks ul li{ font-size:24px; color:#00ab9d; font-family:'Roboto', sans-serif; margin:0px; padding:10px 0px 10px 40px; list-style:none; background:url(../images/tick.jpg) no-repeat 0px 10px; font-weight:400 }
.contactpagetoptext{ font-size:24px; line-height:38px;  font-family:'Roboto', sans-serif; margin-bottom:20px; }
.contactfooterquote{ font-size:24px; color:#009ce0; line-height:38px; font-style:italic; margin-top:20px;}
.contact-register-formouter{ background:url(../images/bg-register.jpg) repeat-x bottom; min-height:638px; border-radius:5px;  border:solid 1px #e1e2e3; }
.contact-register-form-inner{ width:318px; margin:auto; margin-top:20px;}
.registerinputdiv{ margin-bottom:25px;}
.registerformmain{ margin-top:20px;}
.registerinput{ padding:10px 2%; width:98%; border:solid 1px #cccccc; border-radius:5px; font-style:italic; }
.registerinput:focus{ font-style:normal;}
.registerinputsmall{ padding:10px 2%; border:solid 1px #cccccc; border-radius:5px; font-style:italic; width:46%;}
.registerinputsmall1{ float:right; padding:10px 2%; border:solid 1px #cccccc; border-radius:5px; font-style:italic; width:46%;}
.requestnowbutton{ text-align:center; margin-bottom:10px;}
.submitbutton{ background:#00ab9d; font-size:24px; color:#fff; border-radius:5px; border:0px; padding:5px 20px; cursor:pointer;}
.requestnowtext{ padding:0px 30px; text-align:center; font-size:14px; line-height:20px;}
.requesttitle img{  max-width:317px; width:100%;}
.requestofferlimittext{ width:97%; margin:10px auto; font-size:14px; overflow:hidden;}
.reqoffertextleft{ width:62%; float:left; font-size:13px;  line-height:20px; }
.reqoffertextright{ width:38%; float:right;}
.reqoffertextright a{ color:#00ab9d; text-decoration:underline;}
.reqoffertextright a:hover{ color:#00ab9d; text-decoration:none;}
.contact-reg-textright{ margin:10px 0px 10px 20px; line-height:25px;}

/*productdetail page css start here*/

.productdetailleft{ width:48%; float:left;}
.productdetailright{width:48%; float:right;font-size:16px;}
.productdetailright p {font-size:18px;}

.productdetailthumb{ margin-bottom:10px;}
.productdetailthumb ul{ margin:0px; padding:0px; overflow:hidden;}
.productdetailthumb li{ margin:0px; padding:0px 10px 0px 0px; float:left; list-style:none;}
.productdetailthumb img{ border:solid 1px #cccccc;}
.productdetailcolor{ width:185px; float:left; margin-bottom:20px;}
.productdetaillength{ width:185px; float:left; margin-bottom:20px;}
.productdetailconnection{ width:185px; float:left; margin-bottom:20px;}
.productdetailqty{ width:185px; float:left; margin-bottom:20px;}
.productdetailprice{ width:185px; float:left; margin-bottom:20px; font-weight:500;}
.productdetailqtytextfield{ width:40px;}
.productdetailaddtocart{ width:180px; float:left; margin-bottom:20px;}
.productdetailsku{width:180px; float:left; margin-bottom:20px; margin-top:5px; font-weight:500;}

.product-detail-addtocart-button{ 
	background:#00ab9d; color:#fff; border:solid 0px; font-size:18px; 
	text-transform:uppercase; cursor:pointer; border-radius:5px; padding:5px 20px; 
}
.product-detail-addtocart-button:hover {background:#0078c9;}

.itemsellearnmore{ border:0px !important;}
.productdetailcolor img{ height:24px;}
.productdetailoption{ }
.productdetailoption ul{ margin:0px; padding:0px; }
.productdetailoption ul li{ border:solid 1px #cccccc; margin:0px 10px 0px 0px; padding:0px; float:left; list-style:none; font-size:12px; text-align:center; line-height:20px; width:44px; height:22px; }
.productdetailoption ul li a{ display:block; color:#333333; font-size:12px; text-decoration:none;}
.productdetcommercialtext{ overflow:hidden; clear:both; margin-bottom:25px;}
.productdetcommercialtext a{ color:#00ab9d; text-decoration:underline;}
.productdetcommercialtext a:hover{ color:#00ab9d; text-decoration:none;}
.productitemselection{ font-size:18px;}
.productitemselection h3{ font-size:18px; margin-bottom:10px;}
.productitemselectionactive{ border:solid 3px #666666 !important; height:20px !important;}
.productdetailrelatedimg{}
.productdetailrelatedimg img{ width:100%;}
.productdetailrelateddesc{font-size:16px; padding: 8px;}
.productdetailwesuggest{padding-left:18px;}
.productdetailwesuggest ul{ margin:0px; padding:0px; }
.productdetailwesuggest ul li{ margin:0px; width:45%; padding-right:15px; float:left; padding:0px; list-style:none;}
.productdetailwesuggest a{ color:#00ab9d; text-decoration:underline;}
.productdetailright h2{ font-size:24px; margin-bottom:15px; font-weight:500;}
.productdetailleft h3{ font-size:18px; margin-bottom:15px; font-weight:500;}
.productratingleft{ width:38%; float:left;}
.productratingright{ width:58%; float:right;}
.productratingleft ul{ margin:0px; padding:0px;}
.productratingleft ul li{ margin:0px 0px 10px 0px; padding:0px;}
.prodetailratingrightmain{ max-height:400px; overflow:auto;}
.prodetailratingrightmain ul{ margin:0px; padding:0px;}
.prodetailratingrightmain ul li{ margin:0px 0px 20px 0px; padding:0px;}
.productratingrighttop{ margin-bottom:10px; font-style:italic; color:#a2a2a9;}
.productdetailreview{ border-top:solid 2px #ccc; margin-top:40px; padding-top:20px;}
.productdetail-keyfeature ul{ margin:0px 0px 20px 0px; padding:0px 0px 0px 20px;}
.productdetail-keyfeature ul li{ margin:0px; padding:0px;}

/*CATEGORY product page css start here*/
.productpagemain{}
.productpagetitle h2{ color:#009ce0; font-size:24px; margin-bottom:20px; }
.productpagetitle h2 a:hover{color:#00ab9d; }
.productpagemain ul{ margin:0px; padding:0px}
.productpagemain ul li{ margin:0px 0px 30px 0px; padding:0px; width:100%; float:left; list-style:none; text-align:center;}
.productpagemain ul li:nth-child(2n+2){  float:right; margin-right:2px; }
.productpageimg img{width:100%; height: auto; }
.productpageimg{ text-align:center; min-width:300px; }
.productpagedesc{ height:80px; font-size:15px; padding:10px 10px; line-height:22px; overflow:hidden;}

.productpagemain table table td{width:33%}

/*content full width page css start here*/

.fullpagecontainer{ font-size:18px; line-height:28px; min-height:210px;}
.seelink{ color:#00ab9d; text-decoration:underline;}
.seelink:hover{ color:#00ab9d; text-decoration:none;}
#productdetailtabs{}
#productdetailtabs ul{ display:table; margin:0px; padding:0px; width:100%;}
#productdetailtabs ul li{ text-align:center; list-style:none; display:table-cell; 
	background:url(../images/tabmenubg.jpg) repeat-x; margin:0px; padding:10px 0px; 
	border-radius:5px 5px 0px 0px; border:solid 1px #e1e2e3; border-bottom:solid 2px #e1e2e3;
}
#productdetailtabs #current{ background:none; border-bottom:0px;/* */}
#productdetailtabs ul li a{ display:block; line-height:34px; font-size:24px; color:#666666; text-decoration:none; }
#productdetailcontent{ font-size:16px; overflow:hidden;  padding:15px; border:solid 1px #e1e2e3; border-top:0px; border-radius:0px 0px 5px 5px; }
.producttabimg{ float:left; max-width:250px;width:100%; margin-bottom:5px; margin-right:10px; padding-right:10px; border:solid 0px #000;}
.innerpagebanner img{ width:100%;}

.solutionpage{ overflow:hidden;}
.solutionpage ul{ margin:0px; padding:0px; }
.solutionpage ul li{ margin:0px; list-style:none; padding:0px; float:left; padding-right:1%; border:solid 0px #000; } /* width:24%; */
.solutionpage ul li:nth-child(4){ padding-right:0px;}

.solutionpagetitle h2{ color:#009ce0; font-size:26px; line-height:28px; margin-top:10px;}
#div__footer{ clear:both; }
li.itemsellearnmore a{ line-height:13px;}
.reviewtext{ color:#000; font-weight:400; margin-bottom:10px;}
.reviewtext a{ color:#0099ff; font-weight:400; text-decoration:none;}
.reviewtext a:hover{ color:#0099ff; font-weight:400; text-decoration:underline;}

.categorypagetext{ padding-bottom:40px; font-size:16px; line-height:25px; }
.importantwhitepaper{ min-height:400px; border:solid 1px #e1e2e3; border-radius:10px; background:url(../images/bg-imp-box.jpg) repeat-x bottom;}
.importantboxinner{ text-align:center; padding:38px 10px 20px 10px;}
.impboxtextbold{ padding:10px 0px;}
.impboxtextbold h1{font-size:24px; font-weight:bold; margin-bottom:20px;}
.impboxtextbold h2{font-size:18px; margin-bottom:20px; }
.importanttextboxouter{ padding-bottom:15px;}

.importanttextfield{ font-style:italic; font-size:16px; color:#777777; border-radius:5px; border:solid 1px #ccc; padding:5px 10px; width:80%; }
.importanttextfield:focus{font-style:normal}
.importantdownloadbutton{ background:#00ab9d; color:#fff; text-transform:uppercase; font-size:20px; cursor:pointer; padding:6px 15px; border:0px; border-radius:8px; }
.impboxtitle img{ max-width:202px; width:100%;}

.sswhitepapertitle{ border-bottom:solid 1px #8f8f8f; margin-bottom:10px;text-align:center; }
.sswhitepapertitle h1{ color:#000000; font-size:48px; line-height:68px;  font-family:georgia;}
.sswhitepapertitle h2{ color:#000000; font-size:26px; line-height:68px;  font-family:georgia;}
.ss-whitepaper-content{ font-size:18px; line-height:30px; text-align:justify; color:#000000;}
.emailpopup{ max-width:370px; min-height:200px; margin:auto; margin-top:18%; bottom:0px;  border:solid 1px #e1e2e3; border-radius:10px; text-align:center; padding:10px; background:url(../images/bgpopup.jpg) repeat-x bottom #fff;}
.emailpopmainouter{ position:fixed; height:100%; z-index:99; width:100%; top:0px; left:0px; background:url(../images/popupbgmain.png) repeat-x bottom; }
.emailpopuptitle{ padding:20px 0px;}
.emailfieldmain{ margin:20px 0px;}
.searchbutton{ background:url(../images/searchicon3.png) no-repeat; width:25px; height:25px; border:0px; cursor:pointer;
 position:absolute; top:5px; right:10px;}
 .homelatestnewsimg{ float:right; padding-left:10px;}
.menufixed{position:fixed; z-index:999; padding:10px 0px; margin-top:0; left:0px; top:0; background: #F3F3F3; width:100%;}
.menufixed ul{ max-width:1200px; margin:auto;}
.homeclientlogo ol.flex-control-nav.flex-control-paging{display: none;}

.importantwhitepaperfixed{ position:fixed; top:80px; max-width:300px;}
.innerleftbannerfixed{ position:fixed; top:80px; max-width:300px;}
.contactfieldleft{ width:43%; float:left; font-size:15px;}
.contactfieldright{ width:57%; float:left;}
.contactfieldouter{ overflow:hidden; padding:1% 2%;  width:80%; margin:0px auto;}
.contactustextfield{ width:95%;}
.contactbuttonmain{ width:100%; text-align:center;}
div#div__header{max-width: 1202px; margin: auto;}

.emailpopupinner .contactfieldright{text-align:left;}

#main .btn-primary{background-color: #00AB9D !important; color: #fff !important; background-image: none !important;}
#main .btn-primary:hover, #main .btn-primary:focus, #main .btn-primary:active, #main .btn-primary.active, #main .btn-primary.disabled, #main .btn-primary[disabled]{background-color:#0078C9 !important; background-image:none !important;}

#main .breadcrumb>.active{color:#666666!important;}
#main .breadcrumb{font-size:14px!important;}
#main .breadcrumb a{ color:#666666!important;}
#main .breadcrumb a:hover{ color:#666666!important;}

.btn-BuyOff{background:#00ab9d; color:#fff; border:solid 0px; font-size:18px; text-transform:uppercase; cursor:pointer; border-radius:5px; padding:5px 20px; }
.btn-BuyOn{background:#00ab9d; color:#fff; border:solid 0px; font-size:18px; text-transform:uppercase; cursor:pointer; border-radius:5px; padding:5px 20px; }

.productdetailrelateditems{border:solid 0px red; overflow:hidden;}
.productdetailinput{ padding:5px 10px; border:solid 1px #ccc; font-size:14px; width:250px; margin-bottom:10px;}
.submitreviewbutt{background: #00ab9d; color: #fff; border: solid 0px; font-size: 18px; text-transform: uppercase;  cursor: pointer;
    border-radius: 5px; padding: 5px 20px;}
.solutionpage table table td{width: 25%;}
.searchitemcell li{text-align:left!important;}

#handle_welcomeMainPortlet table[align="center"] { width: auto;  white-space: nowrap;  word-wrap: normal;}
#handle_welcomeMainPortlet table[align="center"]  a{ text-decoration:none; color:#000;}

.results li img {width:auto; max-width:100%; height:auto;}
.results li{min-width:31%!important;}
.results .productmainimg{min-height:120px;}
/* ------------------------------------------------------------------------------- */
/* Media query for responsive start here */
@media screen and (max-width: 1185px){
.topphoneno{ font-size:23px;  margin-left:20px;}
.topphonenotext {font-size: 18px;}
.footeroutertop{ position:static;}
.footerinnertop{ padding:0px 10px;}
.menu ul li{ padding-right:0px;}
.productmainimg img{ width:100%; height:auto;}
.solutionpageimg img{ max-width:100%; width:auto;}

.home-smallbanner ul li img{ width:100%; }

}

/* ------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px){
/*
.hometestimg img{ width:100%;}
.homebottestimonial {padding: 0px 10px;}
*/
.footerbot{padding-left:1%; padding-right:1%; width:98%;}
.footerbotleft{ width:65%; }
.productdetaillargeimg img{ width:100%;}
div#div__body {padding: 0px 5px;}
.footerinnertop ul{padding: 0px 1% 0px 0px;  width:13%;}
.productpageimg{ text-align:center; min-width:auto; }
.headertop { padding: 15px 10px;}
.innerpagtitle h2{ font-size:25px; margin-left:1px;}
.bredcummain{ margin-left:2px;}
}

/* ------------------------------------------------------------------------------- */

@media screen and (max-width: 960px){
.topphoneno{padding: 30px 10px 10px 0px; font-size:18px;}
.topsearchinput{ width:180px;}
.logo {width: 30%;}
.logo img{width:100%;}
.headertop{padding: 10px 10px;}
.footerbot{ margin-top:20px;}
.productcategorymain h2{ font-size:22px;}
.productcategorymain ul li{margin:0px 0px 0px 0px;}
.productpagetitle h2 {color: #009ce0;  font-size: 18px;  margin-bottom: 10px;}
.innerpagtitle h2{ margin-left:0px;}
}

/* ------------------------------------------------------------------------------- */
@media screen and (max-width: 800px){
.contact-register-form-inner{ width:80%;}
}

/* ------------------------------------------------------------------------------- */
@media screen and (max-width: 768px){
.topphoneno{padding: 30px 0px 10px 0px; font-size:18px;}
.topphonenotext{ font-size:14px;}
.menu ul li a{ font-size:15px;}
.homelatestnews{ margin-left:2%;}
.homeupcomingevent{ margin-left:2%;}
.footerinnertop ul{width:24%; min-height:175px}
.contactpagetoptext{ font-size:22px;  font-family:'Roboto', sans-serif; margin-bottom:20px; }
.contactfooterquote{ font-size:22px; color:#009ce0; line-height:38px; font-style:italic; margin-top:20px;}
#productdetailtabs ul li a{ font-size:16px; line-height:24px;}
.homelatestnews{width:45%;}
.homeupcomingevent{width:45%;}
.categoryleftmain{ width:26%; float:left; margin:auto;}
.categoryrightmain{width:71%; float:right; margin:auto;}
.importantwhitepaperfixed{ position:static; top:0px; margin-bottom:10px; max-width:100%;}
.catleftlinks{ margin-bottom:10px;}

.quote h3 {text-align: left;}
.menu ul{display:block;}
.menu ul li{display:block; text-indent:5px;}
.menu{  width:100%;  margin: auto; margin-top: 20px;  line-height: 29px;}
.mobilemenu{ display:block;}
.menu ul{ display:none;}
.mobilemenu{ width:98%; margin:auto}
.menufixed{ background:rgba(255, 255, 255, 0.90); border-radius:0px !important;  box-shadow:none; padding:0px; margin:0px; }

.mobilemenu{ width:99%;}
.innerpagtitle{text-indent:0px;}
.solutionpagetitle h2{ font-size:18px;}
.seelink{ font-size:14px;}
.productcategorymain ul li{ min-width:100%;}
.jplist-panel.refinecontainer label{ width:132px !important;}

}

@media screen and (max-width:750px){
.solutionpage td{ display:block;}
.solutionpage table table td{width: 100%; display:block; clear:both;}
.solutionpage ul li{ float:none;}

}

/* ------------------------------------------------------------------------------- */
@media screen and (max-width: 680px){
body{ overflow-X:hidden;}
.logo{ width:100%; float:none; text-align:center;}
.logo img{ width:auto; margin:auto;}
.footerbotleft{ width:98%; float:none;}
.footerbotright { width: 100%; float: none;margin: auto; border-top:solid 1px #ccc;text-align: center; padding-top: 20px; margin-top: 10px;}
.footerbotleft{text-align: center;}
.hometestmonialtext h2{ font-size:18px;}
.hometestmonialtext h3{ font-size:14px;}
.home-smallbanner ul li{ display:block; width:48%; padding:0px; float:left; margin:1%;}
.solutionpage ul li{ margin:0px; list-style:none; padding:0px; float:left; width:100%; padding-right:0%; border:solid 0px #000; }
.topsearch{ margin-right:15px;}
.topphoneno{ padding-left:0px;}
.categoryleftmain{ width:98%; float:none; margin:auto;}
.categoryrightmain{width:98%; float:none; margin:auto;}

div#google_translate_element{margin-right:5px;}
.toplinksouter a{font-size:13px;}
}

/* ------------------------------------------------------------------------------- */
@media screen and (max-width: 600px){
.homelatestnews{ width:98%; float:none; margin-left:2%;}
.homeupcomingevent{width:98%; float:none; margin-left:2%; padding-left:0px;}
.homeclientlogo ul{ display:block;}
.topphonenotext {display:none}
a.tel, a.tel:hover {text-decoration: none;color: #FFF; background: #0078c9; padding: 8px 20px; font-weight:bold;}
.fa-phone  {display:none;} 
.productdetailright{ width:100%; float:none; margin-top:20px;}
.productdetailleft{ width:100%; float:none;}
.productpagemain ul li{ margin:0px 0px 30px 0px; padding:0px; width:99%; float:none; list-style:none; }
.productpagemain ul li:nth-child(2n+2){  float:none; margin-right:0px; }
.productpagedesc{ padding:5px 0px;}
.productpagedesc{ font-size:15px; line-height:22px;}
.topphoneno{margin:0px; padding:30px 0px 10px 0px; }
.innerpagemain{ width:100%;}

.emailpopup{width:85%;}
}

/* ------------------------------------------------------------------------------- */
@media screen and (max-width: 550px){
.hometestmonialtext{ width:100%; float:none;}
.footerinnertop ul{width: 98%; float:none; margin-bottom:10px;}
.contactus-left{ width:98%; float:none; margin:auto;}
.contactus-right{ width:98%; float:none; margin:auto; margin-top:20px;}
.productratingleft{ width:100%; float:none;}
.productratingright{ width:100%; float:none;}
#productdetailtabs ul li a{ font-size:14px;}
.footerinnertop ul{ min-height:100px;}
td{ display:block;}
.productpagemain table table td{width:100%; margin:0px; padding:0px;}

#handle_welcomeMainPortlet table[align="center"] td {display:inline;}
}

/* ------------------------------------------------------------------------------- */
@media screen and (max-width: 480px){
.topphoneno{ float:none; width:100%; text-align:center; margin: 0px; }
.topsearch { width: 100%; float: none;  margin: 10px 0px; text-align:center;}
.topsearchinput {width: 280px; line-height:25px;}
.toplinksouter{ position:static; text-align:center;}
.toplinksouter a{ margin:0px; padding:0px;}
.toplinksinner{ text-align:center;}
#productdetailtabs ul li{ display:block; margin-bottom:-2px; border-radius:0px;}
.topsearch{max-width:295px; margin:auto;}
.searchbutton{ top:5px; right:15px;}
.topphoneno{max-width:250px; margin:5px auto 10px auto; padding: 5px 0 10px 0;}

.mobilemenu{width:97%;}
.innerleftbanner{text-align:center;}

.flexslider .slides img{max-height: 250px;}
}
@media screen and (max-width: 380px){
.home-smallbanner ul li{ width:100%; float:none; display:block; padding:0px; margin:0px;}
.homebanner{ margin-bottom:0px;}
.productcategorymain ul li{ width:98%; margin:10px 2px; padding:0px;}

}

/* Hide "My Account" link of MyAccount sections NetSuite Breadcrumb */
#header_ls  .headbarsub{display:none;}
.rss_more_link {text-align: right;display: block!important; font-size: 15px!important;color: #0078c9!important;}

/*--- 9 nov 2016 CSS for signup button and popup ---*/
.signupbutt{ cursor:pointer; padding-top:0px !important;}
.signuppopup{ display:none; position:fixed; height:100%; z-index:99; width:100%; top:0px; left:0px; background:url(../images/popupbgmain.png) repeat-x bottom; }
.signuppopupinner{ max-width:500px; padding-top:20px; margin:auto; background:rgba(255,255,255,1.00); margin-top:20%; border:solid 10px #ccc; }
.popupclose{ width:auto; float:right; margin-top:-20px; cursor:pointer;}
.signuppopuptitle h2{margin-bottom:10px; margin-left:10px; color:#009ce0; font-size:18px;  margin-top: -10px; border-bottom: solid 1px #ccc;}
div#google_translate_element {  width: auto;  float: right;   font-size: 12px!important;}
.goog-te-gadget-simple .goog-te-menu-value span { text-decoration: none;  font-size: 12px;  text-transform: capitalize;}
.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div { color: #008ed6!important;   background: #ffffff;}
.goog-te-menu-value:hover{color:#000!important;}

.cloasefullstudy{  width:auto; float:right; cursor:pointer; font-size:18px;}

#ces2018countdown {
    text-align: center;
    font-size: 3em;
    font-weight: 400;
    margin: 3% 0px 10%;
}

#ces2018booth{
  text-align: center;
  font-size: 1.5em;
}

span#ces2018red {
    color: #ce0000;
font-size:1.75em;
}

.ces2018img {
    width: 70%;
    margin: 0 auto;
}


.ctafont2 p {
    font-size: 2.0em;
    text-align: center;
    margin-top: 10%;
    color: #01ab9d;
    font-weight: 900;
    line-height: normal;
}





/*-------------------- Floating product cate -------*/

.floating-products{
                display: inline-block;
                width: 100%;
                max-width: 48px;
background:#fff;
                list-style: none;
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: auto;
                height: 255px;
                margin: auto;
                box-shadow: 0px 0px 20px -2px #000;
                padding: 5px 0px 12px;
                border-radius: 5px 0px 0px 5px;
            }
            .floating-products li{
                display:inline-block;
                width:100%;
                list-style:none;
                float:none;
                margin:auto;
            }
            .floating-products li a{
                display:inline-block;
                text-decoration: none!important;
                position:relative;
                text-align: center;
                float:none;
                margin:auto;
                background-repeat:no-repeat;
                height:48px;
            }
            .floating-products li a:after{
                content: '';
                width: 69%;
                height: 0px;
                border-top: 1px solid #000;
                position: absolute;
                top: 100%;
                float: none;
                left: 0;
                right: 0;
                margin: auto;
                opacity: 0.2;
            }
            .floating-products li a span{
                position: absolute;
                right: calc(100% + 10px);
                text-align: center;
                padding: 8px;
                background: #fff;
                box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
                color: #333;
                display: none;
                width: 160px;
                font-size: 14px;
                height: 32px;
                top: 0;
                bottom: 0px;
                border-radius: 2px;
            }
            .floating-products li a:hover span{
                display:inline-block;
            }
            .floating-products li:last-child a:after{
                content:none
            }
            .floating-products li a span:after{
                content: '';
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                border-left: 6px solid #fff;
                width: 0px;
                height: 0px;
                position: absolute;
                right: -6px;
                filter: drop-shadow(3px 0px 4px rgba(0,0,0,0.3));
                top: 0;
                bottom: 0px;
                margin: auto;
            }

            .floating-products li.uv-disinfection a{
                width: 48px;
                background: url('https://system.na3.netsuite.com/core/media/media.nl?id=5259935&c=3483016&h=a8a248c1dd40987c5ea0') -4px -4px;
            }


            .floating-products li.waterproof-remote a{
                width: 48px;
                background: url('https://system.na3.netsuite.com/core/media/media.nl?id=5259935&c=3483016&h=a8a248c1dd40987c5ea0') 0px -59px;
            }


            .floating-products li.accessories a{
                width: 48px;
                background: url('https://system.na3.netsuite.com/core/media/media.nl?id=5259935&c=3483016&h=a8a248c1dd40987c5ea0') -54px -1px;
            }


            .floating-products li.medical-keyboard a{
                width: 48px;
                background:url('https://system.na3.netsuite.com/core/media/media.nl?id=5259935&c=3483016&h=a8a248c1dd40987c5ea0') -108px 2px;
            }


            .floating-products li.medical-mice a{
                width: 48px;
                background:url('https://system.na3.netsuite.com/core/media/media.nl?id=5259935&c=3483016&h=a8a248c1dd40987c5ea0') -100px -43px;
            }


            .floating-products li.screen-protector a{
                width: 48px;
                background: url('https://system.na3.netsuite.com/core/media/media.nl?id=5259935&c=3483016&h=a8a248c1dd40987c5ea0') -49px -55px;
            }

            @media (max-width:767px){
                .floating-products{
                    display:none;
                }
            }


/*-------------------- Free shipping -------*/


.freeshippingbywash {
    display: inline;
}

span.freeshippingcoupon{
color:#272727;
font-weight: 900;
}
@media (max-width:1000px){
                div.freeshippingbywash{
                    display:none !important;
               }
}



div#mfesecure-ts-image {
    left: 0px !important;
}


/* ---------------- tooltip cal ------*/

.tooltip22 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip22 .tooltiptext22 {
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip22:hover .tooltiptext22 {
  visibility: visible;
}


ul.insideliststyle li{

 display: contents !important;
 list-style: disc !important;
}




/* ec core image containers */
.supportcolumnwj {
  float: left;
  width: 40%;
  padding: 4%;
text-align: center;
}

/* Clear floats after image containers */
.supportcolumnwj .row::after {
  content: "";
  clear: both;
  display: table;
  text-decoration: none;

}

.supportcolumnwj a {
text-decoration: none;
text-align: center;

}
/* Support Page CSS Mobile */
@media screen and (max-width: 480px) {
  .supportcolumnwj {
     float: none;
  width: 100%;
text-align: center;
  }
}