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

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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form,
label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{border: 0 none;list-style: none outside none;margin: 0;padding: 0; vertical-align:top;}

body {margin: 0px;font-size: 100%;font-family:'Segoe UI', Arial, Helvetica, sans-serif;}
img { width:auto; height:auto; border: none;}
a {text-decoration: none;}
.clr{clear:both;}
.fullImage{width:100%; height:auto;}
h1{width:100%; height:auto; padding:0px;color:#000; font-size:22px; font-weight:900; text-transform:uppercase;}
h2{width:97%; height:auto; padding:12px 1.5%; margin:0 0 25px 0; background:#006cb0;border-radius:7px 7px 0px 0px;font-size:16px; text-align:left; font-weight:800; color:#fff; text-transform:uppercase;}
h3{width:100%; height:auto; padding:0; margin:20px 0 15px 0;font-size:15px; text-align:left; font-weight:bold;}
h4{ font-size:24px; font-weight:bold;}
p{width:100%; height:auto; padding:0px; margin:15px 0 10px 0;color:#333; font-size:15px; line-height:27px;}

 
.black{color:#000;}
.white{color:#fff;} 
.blue{color:#006cb0;}

.left{ text-align:left;}
.center{ text-align:center;}
.right{ text-align:right;}

.topRibon{width:96%; height:auto; padding:10px 2%; margin:auto; background:#006cb0;}
.trCallUs{width:auto; height:auto; padding:0 3% 0 0; margin:0; float:left; color:#fff; font-weight:400; font-size:14px;}
.trEmail{width:auto; height:auto; padding:0 0 0 0; margin:0; float:left; color:#fff; font-weight:400; font-size:14px;}
.trRightBox{width:auto; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:400; font-size:14px;}
.trnavbox{width:auto; height:auto; padding:0; margin:0 20px 0 0; float:left;}
.trloginbox{width:auto; height:auto; padding:0; margin:0; float:left;}
.trmyaccountbox{width:auto; height:auto; padding:0; margin:0; float:left; position:relative; cursor:pointer;}
.trmyaccountbox1{width:auto; height:auto; padding:0; margin:0; float:left; position:relative;}
.trnav{width:auto; height:auto; padding:0; margin:0 7px; color:#fff; display:inline-block;}
.cartbox{width:auto; height:auto; padding:0; margin:0 0 0 20px; float:right; font-weight:bold;}
.downarrow{margin:3px 0 0 5px;}

/*-- My Account --*/
.myaccount{padding:0 10px 0 25px; background:url(images/myaccounticon.png) no-repeat 10px center; position:relative; cursor:pointer;}
.myaccountlistbox{width:150px; height:auto; padding:0px 15px; margin:0; background:#fff; display:none; border:solid 1px #e1e1e1; position:absolute; z-index:9999; left:0; top:25px;}

div#manav ul { margin:0; padding: 0; list-style: none; } 
div#manav ul li { margin: 0; padding: 1px 0px; list-style: none; display:block; } 
div#manav ul a:link, div#manav ul a:active, div#manav ul a:visited {width:100%; height:auto; margin: 0; padding:4px 0 7px 0; display:block; text-decoration: none; color: #000; font-size:15px; font-weight:400;text-align:left; border-bottom:solid 1px #f1f1f1;} 
div#manav ul a:hover{color:#0073ff !important;}


header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:96%; height:auto; padding:1px 2% 0 2%; margin:auto; background:#fff; position:relative; z-index:101;box-shadow:0 2px 2px rgba(0,0,0,0.4);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
 
header .rightBox{width:75%;float:right; margin:10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:140px;height: auto; padding:0px; margin:0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:96%; height:auto; padding:1px 2% 0 2%; margin:auto; background:#fff; position:absolute; 
z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:75%;float:right; margin:10px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:140px;height: auto; padding:0px; margin:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.menuBox{width:auto; height:auto; padding:0; margin:18px auto auto auto; color:#007db8; font-size:15px; font-weight:400; text-align:left; float:right;}

.headerimgbox{width:auto; padding:0; margin:0; float:left;}

.body{width:100%; height:auto; margin:107px auto 0 auto;}
.iheadingBox{width:100%; height:auto; padding:25px 0; margin:0; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.iheadingsmalltext{width:100%; height:auto; padding:12px 0 5px 0; margin:0; text-align:center; text-align:center; font-size:15px; color:#999;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0;}
.banner{width:100%; height:auto; padding:0; margin:0;position:relative;}
.bannerHeading{width:96%; height:auto; padding:10px 2% 15px 2%; margin:auto; position:absolute; z-index:1; top:25%; color:#fff; font-size:60px; font-weight:900; text-align:center; }

/*-- Products Css --*/
.productsPanel{width:96%; height:auto; padding:30px 2% 20px 2%; margin:auto;}
.pOuterBox{width:100%; height:auto; padding:0; margin:0;}
.pbox{width:17.8%; height:auto; padding:0; margin:5px 1% 20px 1%; border:solid 1px #f1f1f1; float:left;}
.pbox:hover{box-shadow:0 0 1px #006faf;}
.pimgbox{width:94%; height:auto; padding:3%; margin:0;}
.pnamebox{width:94%; height:auto; padding:10px 3%; margin:0; font-size:13px; color:#000; font-weight:900; text-transform:uppercase; text-align:center;  border-top:solid 1px #f1f1f1;}

.moreproducts{width:100%; height:auto; padding:0; margin:0; display:none;}

.productreadmorebox{width:auto; height:auto; padding:0; margin:30px auto 0 auto;}
.preadmorebox{width:auto; padding:0; margin:0 44% 0 44%; cursor:pointer;}
.prmicon{width:auto; padding:3px 12px; margin:auto; float:left; background:#006cb0; color:#fff; font-size:25px; font-weight:300; border-radius:3px 0 0 3px;}
.prmtext{width:auto; padding:10px 22px; margin:auto; float:left; background:#3e3e3e; color:#fff; font-size:14px; border-radius:0 3px 3px 0;}
.preadmorebox:hover .prmtext{background:#616161;}

/*-- About --*/
.aboutpanel{width:100%; height:auto; padding:0; margin:10px 0 0px 0; background:#002f54; font-size:13px; color:#555; line-height:22px;}
.aboutheadingBox{width:100%; height:auto; padding:25px 0; margin:0; text-align:left; font-family:Arial, Helvetica, sans-serif;}
.wbfuBox{width:40%; height:auto; padding:50px 5% 75px 5%; margin:0; background:url(images/wbfubgimg.png) no-repeat center center; float:left; text-align:left;}
.wbfuText{width:100%; height:auto; padding:0; margin:25px auto 0 auto; color:#fff; font-size:17px; line-height:30px; text-align:left;}

.aboutBox{width:40%; height:auto; padding:50px 5% 75px 5%; margin:0; background:url(images/aboutbg.jpg) no-repeat center center; background-size:100% 100%; float:right;}
.aboutText{width:100%; height:auto; padding:0; margin:25px auto 0 auto; color:#fff; font-size:17px; line-height:30px; text-align:left;}
.aboutreadmorebox{width:auto; height:auto; padding:0; margin:40px auto 0 auto;}

.readmorebox2{width:auto; padding:0; margin:0 auto 0 44%; cursor:pointer;}
.rmicon2{width:auto; padding:7px 10px; margin:auto; float:left; background:#006cb0; color:#fff; font-size:25px; font-weight:300; border-radius:3px 0 0 3px;}
.rmtext2{width:auto; padding:7px 15px; margin:auto; float:left; background:#3e3e3e; color:#fff; font-size:14px; border-radius:0 3px 3px 0;}
.aboutreadmorebox:hover .rmtext2{background:#616161;}

/*-- Product Slider Css --*/
.psliderPanel{width:94%; height:auto; padding:45px 3%; margin:auto;}
.pslidercontainer{width:100%; height:auto; padding:0; margin:0;}
.psliderbox{width:100%; height:auto; padding:0; margin:0;}
.psImgBox{width:100%; height:auto; padding:0; margin:0;}
.psDetailsBox{width:94%; height:auto; padding:10px 0 17px 0; margin:0 auto; line-height:22px; background:#f5f5f5;}
.psNameBox{width:100%; height:auto; padding:0; margin:7px 0 5px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}
.psModelNo{width:100%; height:auto; padding:0; margin:4px 0; font-size:13px; font-weight:400; text-transform:uppercase;}
.psSize{width:100%; height:auto; padding:0; margin:4px 0; font-size:13px; font-weight:400; text-transform:uppercase;}
.psOffPrice{width:100%; height:auto; padding:0; margin:4px 0; font-size:13px; font-weight:400; text-transform:uppercase; text-decoration:line-through;}
.psPrice{width:100%; height:auto; padding:0; margin:5px 0; color:#006fad; font-size:16px; font-weight:900; font-family:Arial, Helvetica, sans-serif;}

.addtocartbox{width:100%; height:auto; padding:0; margin:10px 0 0 0; text-align:center;}
.addtocart{width:65px; height:auto; padding:3px 10px 3px 25px; margin:4px auto; background:#919191 url(images/carticon1h.png) no-repeat 5px center; border:none; display:block; border-radius:4px; font-size:12px; color:#fff; font-weight:400;}
.addtocart:hover{background:#147eff url(images/carticon1h.png) no-repeat 5px center;color:#fff; cursor:pointer;}

/*-- Our Brand Slider Css --*/
.obrandPanel{width:94%; height:auto; padding:35px 3% 65px 3%; margin:auto; background:#002f54;}
.obrandcontainer{width:100%; height:auto; padding:0; margin:10px 0 0 0;}
.obrandbox{width:23%; height:auto; padding:0; margin:0 1%; float:left;}
.obrandheadbox{width:90%; height:auto; padding:10px 5%; margin:0; background:#006fad;}
.obrandlogobox{width:100%; height:auto; padding:10px 0 0 0; margin:0; text-align:center;}
.obrandheadingbox{width:100%; height:auto; padding:0; margin:5px 0 0 0; font-size:22px; font-weight:bold; color:#fff;line-height:30px; text-align:center;}
.obrandtextbox{width:90%; height:auto; padding:15px 5%; margin:0; background:#fff; font-size:14px; line-height:20px;}

/*-- Popular Brand Css --*/
.brandPanel{width:96%; height:auto; padding:30px 2% 0px 2%; margin:auto;}
.brandbox{width:95%; height:auto; padding:0; margin:auto;}
.pbbox{width:92%; height:auto; padding:8px 1%; margin:5px 3%; border:solid 1px #dcdcdc;}
.pbimgbox{width:100%; height:auto; padding:0; margin:auto; position:relative;}

/*-- Reviews Css --*/
.reviewPanel{width:100%; height:auto; padding:20px 0 50px 0; margin:50px auto 0px auto; background:#002f54;}
.reviewheadingbox{width:100%; height:auto; padding:0; margin:auto auto 45px auto; border-bottom:solid 1px #0e446f;}
.reviewOuterBox{width:92%; height:auto; padding:0; margin:5px auto; }
.reviewBox{width:86%; height:auto; padding:10px 0; margin:0 7%;}
.reviewName{width:100%; height:auto; padding:0; margin:0; font-size:15px; font-weight:bold; color:#fff;text-align:center; text-transform:uppercase;}
.reviewRating{width:60px; height:auto; padding:0; margin:20px auto;}
.review{width:100%; height:auto; padding:0; margin:5px 0 0 0;text-align:center; font-size:13px; color:#fff; font-style:italic; line-height:20px;}

/*-- News Letters Panel --*/
.nlPanel{width:94%; height:auto; padding:30px 3%; margin:auto;}
.nlbox{width:35%; height:auto; padding:0; margin:0; float:left;}
.nlcardbox{width:33%; height:auto; padding:0; margin:10px 0 0 5%; float:left; text-align:center;}
.nlsmbox{width:25%; height:auto; padding:0; margin:10px 0 0 0; float:right; text-align:right;}
.nlheadingbox{width:100%; height:auto; padding:0; margin:0; font-size:20px; font-weight:bold;}
.nlformbox{width:100%; height:auto; padding:0; margin:15px 0 0 0;}
.nlformcolbox1{width:38%; height:auto; padding:0; margin:0 2% 0 0; float:left; position:relative;}
.nlformcolbox2{width:20%; height:auto; padding:0; margin:0; float:left; position:relative;}
.nlformtextbox{width:94%; height:auto; padding:6px 3%; margin:0; border:solid 1px #c5c5c5;}
.nlformbtn{width:90%; height:auto; padding:6px 5%; margin:0; background:#002f54; font-size:15px; font-weight:bold; color:#fff; border:none;}
.nlformbtn:hover{ background:#006fad; cursor:pointer;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:50px 0 0 0; margin:auto; background:#000 url(images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}
.footerContentBox{width:94%; height:auto; padding:0 0 15px 0; margin:auto;}
.footerCol1{width:12%; padding:0 0 0 4%; float:left;}
.footerNavBox{width:80%; height:auto; padding:10px 0 0 0; text-align:justify;}
div#fNav1 ul { margin:20px 0 10px 0; padding: 0; list-style: none; } 
div#fNav1 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited { margin: 0; padding:0px; text-decoration: none; color:#fff;display:block; font-size:14px;text-align:left;font-weight:400; line-height:27px;} 
div#fNav1 ul  a:hover {color:#006fad;}

.footerCol2{width:12%; height:auto; margin:20px 0 0 5%; float:left;}
div#fNav2 ul { margin:20px 0 10px 0; padding: 0; list-style: none; } 
div#fNav2 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav2 ul a:link, div#fNav2 ul a:active, div#fNav2 ul a:visited { margin: 0; padding:0px; text-decoration: none; color:#fff;display:block; font-size:14px;text-align:left;font-weight:400; line-height:27px;} 
div#fNav2 ul  a:hover {color:#006fad;}

.footerCol3{width:12%; height:auto; margin:20px 0 0 5%; float:left;}
div#fNav3 ul { margin:20px 0 10px 0; padding: 0; list-style: none; } 
div#fNav3 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav3 ul a:link, div#fNav3 ul a:active, div#fNav3 ul a:visited { margin: 0; padding:0px; text-decoration: none; color:#fff;display:block; font-size:14px;text-align:left;font-weight:400; line-height:27px;} 
div#fNav3 ul  a:hover {color:#006fad;}

.footerCol4{width:35%; height:auto; margin:0 2% 0 0; float:right;}
.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fContactDetailsBox{width:100%; padding:5px 0 15px 0; font-size:14px; color:#fff; font-weight:400; text-align:left; line-height:25px;}
.fLocation{width:90%; height:auto; padding:5px 0 0 35px; background:url(images/fLocationIcon.png) no-repeat left 10px;}
.fContact{width:75%; height:auto; padding:5px 0px 0px 35px; margin:9px 0; background:url(images/fContactIcon.png) no-repeat left 8px;}
.fWhatsApp{width:75%; height:auto; padding:5px 0px 0px 35px; margin:9px 0; background:url(images/whatsAppIcon.png) no-repeat left 10px;}
.fEmail{width:75%; height:auto; padding:5px 0px 0px 35px; margin:9px 0; background:url(images/fMailIcon.png) no-repeat left 8px;}
.fWebsite{width:75%; height:auto; padding:5px 0px 0px 35px; margin:9px 0; background:url(images/websiteIcon.png) no-repeat left 3px;}

.footerHeading{width:100%; margin:0 0 20px 0; font-size:20px; font-weight:bold; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;}

.fcardbox{width:100%; height:auto; padding:0; margin:0; text-align:left;}

.cRightBox{width:92%; height:auto; padding:17px 4%; margin:15px 0 0 0;  background:#131415; font-size:12px; font-weight:400; color:#fff; text-align:left;border-top:solid 1px #2b2b2b;}
.copyright{width:auto; height:auto; text-align:center; float:left;}
.poweredby{width:auto; height:auto; text-align:center; float:right;}
.poweredNav{color:#fff;}
.poweredNav:hover{color:#006cb0;}

.hitcounter{width:140px; height:auto; padding:0; margin:0 23% 0 0; float:right;}

.contact-nav1{color:#fff;}
.contact-nav1:hover{color:#189ef2;}
.contact-nav2{color:#006cb0;}
.contact-nav2:hover{color:#189ef2;}

/*== INNER PAGE ==*/
.innwrap{width:95%; height:auto; padding:0; margin:45px auto 45px auto;}
.innwrap ul li{width:100%; height:auto; padding:0px; margin:10px 0;color:#333; font-size:15px; line-height:27px;}
.breadcrumbbox{width:95%; height:auto; padding:20px 2.5%; margin:125px 0 25px 0; background:#f5f5f5;font-size:12px; color:#000;}
.breadcrumbbox1{width:100%; height:auto; padding:20px 2.5%; margin:125px 0 25px 0; background:#f5f5f5;font-size:12px; color:#000;}
.bcnav{color:#006fad;}
.bcnav:hover{color:#000;}

.innerLeftPanel{width:22%; height:auto; padding:0 0 10px 0; margin:0; background:#fff; border-radius:7px 7px 5px 5px; float:left;}

.filter-menu{display:none;width:90%; height:auto; padding:7px 5%; margin:0 0 15px 0; background:#006cb0 url(images/filter-icon.png) no-repeat 250px center; cursor:pointer; color:#fff;border-radius:5px; font-weight:bold;}
.left-filter-box{width:100%; height:auto; padding:0; margin:0; background:#f5f5f5;}
.leftmenuheading{width:90%; height:auto; padding:7px 5%; margin:0; background:#006cb0; color:#fff; text-transform:uppercase; font-weight:800; border-radius:7px 7px 0 0;}
.leftmenubox{width:90%; height:200px; padding:0px; margin:10px 5%; border-top:solid 1px #fff; overflow-y:scroll;}
.filternav{width:100%; height:auto; padding:7px 0; margin:0; border-bottom:solid 1px #fff; font-size:14px !important; display:block; cursor:pointer;}
.innerRightPanel{width:75%; height:auto; padding:0; margin:0; float:right; font-size:14px; line-height:24px;}


/*-- About Us Page --*/
.aboutusbox{width:98%; height:auto; padding:0; margin:0 auto; font-size:14px; line-height:24px; color:#555;}

/*-- Inner Page Products Css --*/
.ipbox{width:30.3%; height:auto; padding:0; margin:0 1% 20px 1%; background:#f5f5f5; float:left;border-top:solid 3px #e9e9e9; border-left:solid 3px #e9e9e9; border-bottom:solid 3px #d9d9d9; border-right:solid 3px #d9d9d9;}
.ipbox:hover{border-top:solid 3px #006fad; border-left:solid 3px #006fad; border-bottom:solid 3px #000; border-right:solid 3px #000;}

.ipImgBox{width:100%; height:auto; padding:10px auto; margin:0;}
.ipDetailsBox{width:94%; height:auto; padding:10px 3% 17px 3%; margin:0 auto; line-height:22px; background:#fff; text-align:center;}
.ipNameBox{width:100%; height:auto; padding:0; margin:7px 0 5px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}
.ipModelNo{width:100%; height:auto; padding:0; margin:4px 0; font-size:13px; font-weight:400; text-transform:uppercase;}
.ipSize{width:100%; height:auto; padding:0; margin:4px 0; font-size:13px; font-weight:400; text-transform:uppercase;}
.ipOffPrice{width:100%; height:auto; padding:0; margin:4px 0; font-size:13px; font-weight:400; text-transform:uppercase; text-decoration:line-through;}
.ipPrice{width:100%; height:auto; padding:0; margin:5px 0; color:#006fad; font-size:16px; font-weight:900; font-family:Arial, Helvetica, sans-serif;}

.addtocartbox{width:90%; height:auto; padding:0; margin:10px auto 0 auto; text-align:center;}
.ipaddtocart{width:65px; height:auto; padding:1px 7px 1px 25px; margin:4px auto; background:#919191 url(images/carticon1h.png) no-repeat 5px center; border:none; display:block; border-radius:4px; font-size:12px; color:#fff; font-weight:400; float:left;}
.ipaddtocart:hover{background:#147eff url(images/carticon1h.png) no-repeat 5px center;color:#fff; cursor:pointer;}

.ipviewdetail{width:80px; height:auto; padding:1px 7px; margin:4px auto; background:#919191; border:none; display:block; border-radius:4px; font-size:12px; color:#fff; font-weight:400; float:right;}
.ipviewdetail:hover{background:#147eff;color:#fff; cursor:pointer;}

.image {display: inline-block;margin:10px 0px;background-position: center center;background-repeat: no-repeat;}
.image.size-fixed {width: 100%;height: 285px;}
.image.size-fluid {padding-top: 15%;width: 20%;}
.image.scale-fit {background-size: contain;}
.image.scale-fill {background-size: cover;}
.image img {display: none;}

/*-- Product Details --*/
.pdLeftPanel{width:38%; height:auto; padding:7px; margin:10px 0 0 1%; float:left;border-top:solid 3px #f6f6f6; border-left:solid 3px #f6f6f6; border-bottom:solid 3px #d9d9d9; border-right:solid 3px #d9d9d9;}
.pdRightPanel{width:54%; height:auto; padding:0; margin:10px 1% 0 0; float:right; font-size:14px; line-height:24px;}

.pdheding{width:100%; height:auto; padding:0 0 15px 0; margin:0 0 20px 0; border-bottom:solid 1px #e1e1e1;}
.pditemdetails{width:100%; height:auto; padding:0; margin:0 2% 15px 0; font-size:16px; float:left;}

.pdinquirypanel{width:95.2%; height:auto; padding:20px 2%; margin:25px auto auto auto; background:#f5f5f5; border:solid 1px #e1e1e1;}
.pdirow{width:100%; height:auto; padding:0; margin:0 0 15px 0;}
.pdirow1{width:100%; height:auto; padding:0; margin:0; text-align:center;}
.pdicol1{width:48%; height:auto; padding:0; margin:auto 1%; position:relative; float:left;}
.pdicol2{width:98%; height:auto; padding:0; margin:auto; position:relative;}

.pditxtbox{width:95%; height:auto; padding:12px 2.5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500; outline:none; border-radius:4px;}
.pditxtarea{width:95%; height:75px; padding:12px 2.5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500; outline:none; border-radius:4px;}
.pdibtn{width:auto; height:auto; padding:10px 20px; background:#006fad; color:#fff; font-size:15px; border:none; border-radius:4px;}
.pdibtn:hover{background:#000; cursor:pointer;}
.pdibtn{ text-align:right;}
.pdistxtbox{width:95%; height:auto; padding:7px 2.5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500; outline:none; border-radius:4px; display:block;}

/*-- Login Page CSS --*/
.loginContainer{width:100%; height:auto; margin:35px auto 20px auto;}
.loginBox{width:45%; height:auto; padding:10px 20px; margin:50px auto auto auto; border:solid 1px #d9d9d9; box-shadow:1px 1px 1px #ccc; border-radius:10px; background:#f5f5f5;}
.lfHead{width:100%; height:auto; padding:0 0 7px 0; margin:0 0 5px 0; border-bottom:solid 1px #d9d9d9; font-size:17px; font-weight:bold;}
.lfLabel{width:100%; height:auto; padding:10px 0 10px 0; font-size:12px; color:#454545;}
.lfBox{width:100%; height:auto; padding:0; font-size:13px; color:#d9d9d9;}
.lfLoginTextBox{width:95%; height:auto; padding:10px 2.5%; background:#fff url(images/loginTextBoxIcon.png) no-repeat left; border:solid 1px #d9d9d9; font-size:13px; color:#a5a5a5; border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.lfPassTextBox{width:95%; height:auto; padding:10px 2.5%; background:#fff url(images/loginPassBoxIcon.png) no-repeat left; border:solid 1px #d9d9d9; font-size:13px; color:#a5a5a5; border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.lfTextBox{width:90%; height:auto; padding:10px 2% 10px 40px; border:solid 0px #d9d9d9; font-size:13px; color:#a5a5a5; border-radius:3px;}
.lfLoginNavBox{width:auto; height:auto; padding:10px 0 0 0;}
.lfRegNavBox{width:auto; height:auto; padding:10px 0 0 0; text-align:left; float:left;}
.ifRegNav{width:auto; height:auto; padding:0; margin:0; color:#31aae2;font-size:13px;}
.ifRegNav:hover{color:#ff6100;}
.lfLoginBtnBox{width:auto; height:auto; padding:10px 0 0 0; text-align:right; float:right;}
.loginBtn{width:auto; height:auto; padding:10px 15px; margin:0; border:none;background:#31aae2; color:#fff;outline:none; cursor:pointer; border-radius:5px; font-size:13px; font-weight:bold;}
.loginBtn:hover{background:#ff6100;}

/*-- Register Page CSS --*/
.regContainer{width:100%; height:auto; margin:35px auto 20px auto;}
.regOuterBox{width:45%; height:auto; padding:10px 20px 20px 20px;  margin:50px auto auto auto; border:solid 1px #d9d9d9; border-radius:10px; background:#f5f5f5; box-shadow:1px 1px 1px #ccc;}
.regHead{width:100%; height:auto; padding:0 0 7px 0; margin:0 0 5px 0; border-bottom:solid 1px #d9d9d9; font-size:17px; font-weight:bold;}
.regLabel{width:100%; height:auto; padding:10px 0 0px 0; font-size:12px; color:#454545; text-transform:uppercase;}
.regBox{width:100%; height:auto; padding:0; font-size:13px; color:#a5a5a5;}
.regTextBox{width:96%; height:auto; padding:10px 2%; border:solid 1px #d9d9d9; font-size:13px; color:#a5a5a5;border-radius:3px; box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}

.regNavBtnBox{width:auto; height:auto; padding:10px 0 0 0;}
.regNavBox{width:auto; height:auto; padding:10px 0 0 0; text-align:left; float:left; font-size:13px; color:#a5a5a5;}
.regNav{width:auto; height:auto; padding:0; margin:0; color:#31aae2;font-size:13px;}
.regNav:hover{color:#000;}

.regBtnBox{width:auto; height:auto; padding:10px 0 0 0; text-align:right; float:right;}
.regBtn{width:auto; height:auto; padding:10px 15px; margin:0; border:none;background:#31aae2; color:#fff;outline:none; cursor:pointer; border-radius:5px; font-size:13px; font-weight:bold;}
.regBtn:hover{background:#ff6100;}

/*-- View Kart --*/
.view-cart{width:90%; height:auto; padding:0; margin:0 auto;}
.view-cart table {border-collapse: collapse;width: 100%; border:solid 1px #e1e1e1;}
.view-cart th {text-align: left;padding: 8px;background: #fff;color: #000; border:solid 1px #e1e1e1;}
.view-cart td {text-align: left;padding: 8px; border:solid 1px #e1e1e1;font-size:14px;}
.view-cart tr:nth-child(odd){background-color: #f2f2f2}
.view-cart-btn-box{width:100%; height:auto; padding:0; margin:20px auto 0 auto;}
.back-btn{width:auto; height:auto; padding:7px 15px; margin:0 5px 0 0; background:#337ab7; color:#fff; border-radius:5px; font-size:15px; display:inline-block;}
.back-btn:hover{background:#0960aa; cursor:pointer;}
.save-btn{width:auto; height:auto; padding:9px 15px; margin:0 5px 0 0; background:#5cb85c; color:#fff; border-radius:5px; font-size:15px; border:none;}
.save-btn:hover{background:#3aaa3a; cursor:pointer;}
.clear-btn{width:auto; height:auto; padding:7px 15px; margin:0 5px 0 0; background:#d9534f; color:#fff; border-radius:5px; font-size:15px; border:none; display:inline-block;}
.clear-btn:hover{background:#ee3731; cursor:pointer;}
.vc-btn-icon{margin:3px 0 0 0;}
.delete-btn{width:auto; height:auto; padding:4px 8px; margin:0 5px 0 0; background:#d9534f; color:#fff; border-radius:5px; font-size:15px; border:none; display:inline-block;}
.delete-btn:hover{background:#ee3731; cursor:pointer;}
.vc-qty-box{width:85%; height:auto; padding:7px 5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}

/*-- Check Out --*/
.checkoutpanel{width:86%; height:auto; padding:0; margin:0 auto;}
.checkout-billing-details{width:55%; height:auto; padding:0; margin:0;float:left;}
.billing-box{width:95%; height:auto; padding:10px 2.5%; margin:0 0 25px 0; background:#f9f9f9; border:solid 1px #e5e5e5; border-radius:10px;}
.order-box{width:35%; height:auto; padding:10px 1.5%; margin:0; background:#f9f9f9; border:solid 1px #e5e5e5; float:right; border-radius:10px;}
.co-heading{width:100%; height:auto; padding:5px 0 15px 0; margin:0 0 20px 0; font-size:25px; color:#006cb0; font-weight:bold; border-bottom:solid 1px #e5e5e5;}
.co-row{width:100%; height:auto; padding:0; margin:0 0 20px 0;}
.co-col1{width:48%; height:auto; padding:0; margin:0; float:left;}
.co-col2{width:48%; height:auto; padding:0; margin:0; float:right;}
.co-col3{width:100%; height:auto; padding:0; margin:0;}
.co-accountbox{width:100%; height:auto; padding:0; margin:15px 0 7px 0;}
.co-shippingaddbox{width:100%; height:auto; padding:0; margin:15px 0 7px 0;}
.co-label{width:100%; height:auto; padding:0; margin:0 0 7px 0; font-size:18px; color:#555; font-weight:500;}
.co-textbox{width:95%; height:auto; padding:10px 2.5%; margin:0; background:#fff; border:solid 1px #e5e5e5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}
.co-textbox1{width:95%; height:auto; padding:10px 2.5%; margin:15px 0 0 0; background:#fff; border:solid 1px #e5e5e5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}
.co-textarea{width:95%; height:40px; padding:10px 2.5%; margin:15px 0 0 0; background:#fff; border:solid 1px #e5e5e5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}
.co-listbox{width:100%; height:auto; padding:10px 2.5%; margin:0; background:#fff; border:solid 1px #e5e5e5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}

.order-box table {border-collapse: collapse;width: 100%; border:solid 1px #e1e1e1;}
.order-box th {text-align: left;padding: 8px;background: #fff;color: #000; border:solid 1px #e1e1e1;}
.order-box td {text-align: left;padding: 8px; border:solid 1px #e1e1e1;}
.order-box tr:nth-child(odd){background-color: #f2f2f2}

/*-- My Account --*/
.ma-panel{width:94%; height:auto; padding:0; margin:0 auto;}
.ma-left-box{width:23%; height:500px; padding:0 2%; margin:0 auto; float:left; background:#f7f7f7; border-radius:10px;}
.ma-right-box{width:70%; height:auto; padding:0; margin:0 auto; float:right; background:#fff; border-radius:10px;}

.ma-side-nav{width:100%; height:auto; padding:10px 0 0 0; text-align:justify;}
div.ma-side-nav ul { margin:10px 0 10px 0; padding: 0; list-style: none; } 
div.ma-side-nav ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div.ma-side-nav ul a:link, div.ma-side-nav ul a:active, div.ma-side-nav ul a:visited { margin: 0; padding:2px 0 4px 0; text-decoration: none; color:#000; font-size:17px;display:block;text-align:left;font-weight:500; line-height:35px; border-bottom:solid 1px #fff;} 
div.ma-side-nav ul  a:hover {color:#0085d0;}
.ma-icon{ margin:9px 10px 0 0; color:#0085d0;}

.ma-head-box{width:100%; height:auto; padding:0 0 10px 0; margin:0 auto; font-size:30px; color:#0085d0; font-weight:500;}
.ma-data-box{width:100%; height:auto; padding:0; margin:15px auto 0 auto;}

.ma-form-outer-box{width:95%; height:auto; padding:25px 4% 15px 4%; margin:0 auto 20px auto; background:#f9f9f9; border:solid 1px #e1e1e1; border-radius:10px;}
.maf-heading{width:100%; height:auto; padding:0 0 20px 0; margin:0 auto 20px auto; font-size:17px; font-weight:bold; color:#0085d0; text-transform:uppercase;border-bottom:solid 2px #e1e1e1;}
.ma-form-row{width:100%; height:auto; padding:0; margin:0 auto 15px auto;}
.ma-form-label{width:100%; height:auto; padding:0; margin:0 auto 7px auto; font-size:14px; font-weight:bold; color:#333;}
.ma-form-box{width:100%; height:auto; padding:0; margin:auto;}
.ma-form-textbox{width:96%; height:auto; padding:10px 2%; margin:auto; border:solid 1px #e1e1e1; border-radius:4px;}
.ma-form-btn{width:auto; height:auto; padding:8px 2%; margin:auto; background:#0085d0; color:#fff; font-size:18px; font-weight:bold; cursor:pointer; border:none; border-radius:5px;}
.ma-form-btn:hover{background:#0085d0;}

/*-- My Order History --*/
.order-history-box table {border-collapse: collapse;width: 100%; border:solid 1px #e1e1e1;}
.order-history-box th {text-align: left;padding: 8px;background: #fff;color: #000; border:solid 1px #e1e1e1; font-size:14px;}
.order-history-box td {text-align: left;padding: 8px; border:solid 1px #e1e1e1; font-size:14px;}
.order-history-box tr:nth-child(odd){background-color: #f2f2f2}

.view-order-btn{width:auto; height:auto; padding:4px 5px 0 5px; margin:0 5px 0 0; background:#337ab7; color:#fff; border-radius:4px; font-size:15px; display:inline-block;}
.view-order-btn:hover{background:#0960aa;}
.download-invoice-btn{width:auto; height:auto; padding:4px 5px 0 5px; margin:0 1px; background:#00919a; color:#fff; border-radius:4px; font-size:15px; display:inline-block;}
.download-invoice-btn:hover{background:#00777e;}

/*-- Invoice --*/
.invoice-panel{width:95%; height:auto; padding:20px 2.5%; margin:0; background:#fff;}
.invoice-panel .invoice-header {padding: 10px 0;margin-bottom: 20px;border-bottom: 1px solid #AAAAAA;}

.inv-logobox{width:170px; height:97px; float:left;}
.inv-comp-details{width:70%; height:auto; float:right; text-align:left;}
.inv-compname{width:100%; height:auto;padding:5px 0; margin:auto; font-size:20px; font-weight:bold;}
.inv-gstin{width:100%; height:auto;padding:5px 0; margin:auto; font-size:13px; font-weight:bold;}

.inv-name{width:100%; height:auto;padding:0; margin:auto; font-size:12px;}
.inv-address{width:100%; height:auto;padding:0; margin:auto; font-size:12px;}
.inv-pan{width:100%; height:auto;padding:0; margin:auto; font-size:12px;}
.inv-email{width:100%; height:auto;padding:0; margin:auto; font-size:12px;}
.inv-mob{width:100%; height:auto;padding:0; margin:auto; font-size:12px;}
.inv-state{width:100%; height:auto;padding:0; margin:auto; font-size:12px;}
.inv-gst{width:100%; height:auto;padding:0; margin:auto; font-size:12px;}

#logo {float: left;margin-top: 8px;}
#logo img {height: 70px;}
#company {float: right;text-align: right; font-size:13px;}
#details {width:100%;margin-bottom: 50px;font-size:13px;}
#client {padding-left: 6px;border-left: 6px solid #0087C3;float: left;font-size:13px;}
#client .to {margin:0 0 5px 0;color: #000;}
#company .name {margin:0 0 5px 0;font-size: 20px;font-weight: bold;margin: 0;}
#invoice {float: right;text-align: right;}
#invoice .name {margin:0 0 5px 0;font-size:13px;font-weight: bold;}
#invoice .date {font-size: 12px;color: #000;}


#thanks{margin:35px 0 0 0;font-size: 22px;margin-bottom: 50px; font-weight:bold;}
#notices{padding-left: 6px;border-left: 6px solid #0087C3; font-size: font-size:12px;}
#notices .notice { font-size: 13px;}
.invoice-panel .invoice-footer {color: #777777;height: 30px;position: absolute; bottom: 0; border-top: 1px solid #AAAAAA;padding: 8px 0;text-align: center;}



/*-- Contact Us --*/
.contactFormPanel{width:40%; height:auto; padding:0; margin:15px 0 0 2%; float:left;}
.cFormText{width:100%; height:auto; padding:0; margin:0 0 30px 0; line-height:20px !important; font-size:13px;}
.cFormBox{width:100%; height:auto; padding:0; margin:0 0 15px 0; position:relative;}
.cFormTextBox{width:95%; height:auto; padding:12px 2.5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500;outline:none; border-radius:4px;}
.cFormTextAreaBox{width:95%; height:75px; padding:12px 2.5%; margin:0; background:#fff; border:solid 1px #d5d5d5; font-size:13px; font-weight:500; outline:none; border-radius:4px;}
.cSubmitBtn{width:auto; height:auto; padding:10px 20px; background:#006fad; color:#fff; font-size:15px; border:none; border-radius:4px;}
.cSubmitBtn:hover{background:#000; cursor:pointer;}
.cSubmitBtnAlign{ text-align:right;}

.contactAddressPanel{width:50%; height:auto; padding:0; margin:15px 0 0 0; float:right;}
.cCname{width:100%; height:auto; padding:0; margin:0 0 30px 0; font-size:25px; font-weight:800;}
.cAddressRow{width:100%; height:auto; padding:0; margin:0 0 15px 0; line-height:27px;}