@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
body { background: #fff; font-family: 'Roboto' , sans-serif; font-size: 13.5px; color: #545454; line-height: 18px; }

h1 { font-size: 26px; color: #000; position: relative; display: block; margin: 20px 0px; text-transform: none; font-weight: bold; }
h2 { font-size: 20px; color: #000; text-transform: uppercase; position: relative; display: block; margin: 15px 0; font-weight: bold; }


h4 { font-size: 18px; font-weight: bold; color: #920100; margin-top: 7px; }

.img-left { float: left; margin: 0px 15px 10px 0; }
.spacer5px { height: 5px; }
.spacer10px { height: 10px; }
.spacer20px { height: 20px; clear: both; }
.spacer30px { height: 30px; clear: both; }

.f-left { float: left; }
.f-right { float: right; }
img.f-left { margin-right: 15px; }
img.f-right { margin-left: 15px; }

.clearFix { clear: both; }
.clear { clear: both; }

.bluetxt { color: #4090d5 !important; margin: 0px; }

p { line-height: 22px; }

h2.bluetxt { margin-bottom: 10px; }
img { max-width: 100%; }

ul { list-style: none; margin: 0px; padding: 0px; }
.relative { position: relative; }
.mb0px { margin-bottom: 0px !important; }


/****Header****/
.headerWrapper { }
.headerTop { background:#4090d5;}
.headerTop ul { margin: 10px 0; }
.headerTop ul.pull-right li { float: left; margin-right: 10px; display: block; border-right:1px solid #fff; line-height:100%; padding-right:5px; }
.headerTop ul.pull-right li:last-child{ border:0px; padding-right:0px; margin-right:0px;}
.headerTop ul li a { margin-right: 5px; }
.headerTop ul li, .headerTop ul li a { color: #fff; }
.headerTop ul li .fa { margin-right: 5px; color: #fff; }

.headerMid { margin-top: 15px; padding-bottom: 10px; }
.logo{}
.logo img { }

.form-search { margin-top: 10px; }
.form-search input.input-text { border: none; float: left; font-size: 100%; margin: 0; background: #fff; width: 80%; padding: 5px 50px 5px 10px; height: 40px; line-height: 39px; }

input[type="submit"].button { background: url(../images/search-ico.png) no-repeat left top; float: left; margin: 0; width: 48px; height: 42px; border: none; outline: none; }

.headerMid .pull-right{ margin-top:-30px;}
.topcart{display:block;background:url(../images/cart-ico.png) no-repeat left top;width: 55px;height: 40px;}
.topcart-qty { color: #ffffff; background-color: #502406; position: absolute; right: 0; top: 0px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 1px 7px; font-size: 13px; font-weight: 700; z-index: 20; }

.topcart-text { display: none; }
.topcart span.fa-shopping-cart { font-size: 40px; color: #fff !important; }


 

.main-menu { position: relative; margin-top:16px; }

.main-menu .navbar-collapse { padding: 0px 0px; }

.main-menu .navbar-collapse > ul > li { position: relative; float: left; }

.main-menu .navbar-collapse > ul > li + li{ margin-left:25px;}

.main-menu .navbar-collapse > ul > li > a {position: relative;display: block;font-size: 15px;line-height: 20px;padding: 0px;color: #545454;background: none;overflow: hidden;text-transform: uppercase;transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;}

.main-menu .navbar-collapse > ul > li > a:after { content: ''; position: absolute; display: block; left: 0px; bottom: -15px; width: 100%; height: 15px; background: url(../images/icon-arrow-up.html) center bottom no-repeat; transition: all 300ms ease 300ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms; -ms-transition: all 300ms ease 100ms; -o-transition: all 300ms ease 100ms; }

.main-menu .navbar-collapse > ul > li:hover > a:after, .main-menu .navbar-collapse > ul > li.current > a:after, .main-menu .navbar-collapse > ul > li.current-menu-item > a:after { bottom: 0px; }

.main-menu .navbar-collapse > ul > li:hover > a, .main-menu .navbar-collapse > ul > li.current > a, .main-menu .navbar-collapse > ul > li.current-menu-item > a {color: #4090d5; }

.main-menu .navbar-collapse > ul > li > ul { position: absolute; display: block; width: 210px; top: 100%; left: 0; opacity: 0; visibility: hidden; background: #4090d5; z-index: 9999; border: 1px solid rgba(255,255,255,0.50); border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -ms-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; transition: all 500ms ease 100ms; -moz-transition: all 500ms ease 100ms; -webkit-transition: all 500ms ease 100ms; -ms-transition: all 500ms ease 100ms; -o-transition: all 500ms ease 100ms; }

.main-menu .navbar-collapse > ul > li:hover > ul { opacity: 1; visibility: visible; }

.main-menu .navbar-collapse > ul > li > ul > li { position: relative; display: block; border-bottom: 1px solid rgba(255,255,255,0.50); }

.main-menu .navbar-collapse > ul > li > ul li.dropdown:after { font-family: 'FontAwesome'; content: '\f0da'; position: absolute; right: 7px; top: 9px; width: 20px; height: 20px; display: block; color: #ffffff; line-height: 20px; font-size: 16px; text-align: center; z-index: 5; }

.main-menu .navbar-collapse > ul > li > ul > li:last-child { border: none; }

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 34px; height: 30px; border: 1px solid #ffffff; background: url(../images/submenu-icon.png) center center no-repeat; background-size: 20px; cursor: pointer; z-index: 5; display: none; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; }

.main-menu .navbar-collapse > ul > li > ul > li > a { display: block; line-height: 24px; font-size: 14px; color: #ffffff; padding: 7px 15px; background: none; transition: all 300ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; }

.main-menu .navbar-collapse > ul > li > ul > li:hover > a { background: rgba(255,255,255,0.30); padding-left: 20px;  text-decoration:none; }

.main-menu .navbar-collapse > ul > li > ul > li > ul { position: absolute; display: block; width: 210px; top: -1px; left: 100%; opacity: 0; visibility: hidden; background: #fc5a1b; border: 1px solid rgba(255,255,255,0.50); border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -ms-border-radius: 0px 5px 5px 5px; -moz-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; transition: all 500ms ease 100ms; -moz-transition: all 500ms ease 100ms; -webkit-transition: all 500ms ease 100ms; -ms-transition: all 500ms ease 100ms; -o-transition: all 500ms ease 100ms; }

.main-menu .navbar-collapse > ul > li > ul > li:hover > ul { opacity: 1; visibility: visible; }

.main-menu .navbar-collapse > ul > li > ul > li > ul > li { position: relative; display: block; border-bottom: 1px solid rgba(255,255,255,0.50); }

.main-menu .navbar-collapse > ul > li > ul > li > ul > li:last-child { border: none; }

.main-menu .navbar-collapse > ul > li > ul > li > ul > li > a { display: block; line-height: 24px; font-size: 14px; color: #ffffff; padding: 7px 15px; background: none; transition: all 300ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; }

.main-menu .navbar-collapse > ul > li > ul > li > ul > li:hover > a { background: rgba(255,255,255,0.30); padding-left: 20px; }

.main-menu .navbar-collapse > ul > li > a:hover { text-decoration: none; }

ul.navigation{float: right; margin-right: 100px;}


/***SliderSection***/

.sliderSec { margin-top: 0px; }

.slides { width: 100%; }
.slideRight { width: 25%; float: right; }

.rightBnr { margin-bottom: 15px; }


 
.banner {
    position: relative;
    background: white;
    border: 1px solid #dfdfdf;
    line-height: 0;
    padding: 10px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.featured-slideshow {
  position: relative;
}
.featured-slideshow .flex-direction-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -10px;
  margin: auto;
  height: 96px;
}
.featured-slideshow .flex-direction-nav a {
  padding: 0 10px;
  height: 53px;
  width: 47px;
  line-height: 53px;
}
.featured-slideshow .flex-direction-nav a.flex-prev {
  left: 0;
}


/*End Slides*/





.content { margin-top: 20px; min-height: 380px; }

.tagLine{ color:#545454; text-align:center; font-size:22px; margin:0px 0 32px 0; }
.tagLine span{ color:#4090d5;}
.WelcomeTxt{ text-align:center; width:75%; margin:0px auto; }
.WelcomeTxt h1{ font-size:24px; font-weight:normal; margin-bottom:10px;}

.box-heading { margin-bottom: 20px; position: relative; }
.box-heading h1 {font-weight:normal; margin-top:0px; padding-bottom:10px; border-bottom:1px solid #e1e1e1; text-transform: capitalize; }
 
.catSection {float: left; width: 25%; }
.catSection h2 {margin: 0px 0 0px 0;padding: 14px 10px 14px 45px;background:url(../images/cate-ico.png) no-repeat 10px center #4090d5;color: #fff;font-size: 17px;font-weight: normal;}
.catSection ul {background:#eff8ff;padding: 20px;padding-bottom: 30px;margin-bottom: 20px;max-height: 475px;overflow-y:scroll;}
.catSection ul li {display: block;margin-bottom: 6px;padding-bottom: 6px;border-bottom: 1px solid #deeaf4;box-shadow: 0px 1px 0px #fff;}
.catSection ul li a {color: #444; display:block;}
.catSection ul li a:hover{ text-decoration:none; color:#4090d5;}
.catSection ul::-webkit-scrollbar{width:5px;background-color:#4090d5;}
.catSection ul::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(256,256,256,.1);background-color:#f1f1f1}

.btn-Black { color: #FFF; background-color: #000; border-color: #000; transition:all ease 0.3s; }

.catSection a.btn-Black { color: #FFF; display:block; border-radius:0px; padding:10px 20px;}
.catSection a.btn-Black:hover{ background:#4090d5; border-color:#4090d5;}
.catSection a.btn-Black span{ margin-left:15px;}


.productSec { float: right; width: 74%; overflow: hidden; }
.productWrapper { width: 100%; }
/*.product {background: #fff;border: 1px solid #e6e6e6;margin-bottom: 15px;padding: 10px 1%;width: 21.8%;margin-left: 1%;float: left;text-align: center;}*/

.proImg {margin: 0 auto;margin-bottom: 15px;}
.proImg img {}
.proDes {}


/*.product:hover{ border-color:#4090d5;}*/

 

.referNearn{ background:url(../images/refer-process-bg.jpg) no-repeat top center fixed; margin:50px 0; padding:70px 0 40px 0; position:relative; text-align:center; background-size:cover;}
.referNearn:before{ background:rgba(0, 0, 0, 0.7); top:0; bottom:0px; width:100%; position:absolute; display:block; content:'';}
.referNearn .titleRefer{ font-size:30px; font-weight:lighter; color:#fff; position:relative; z-index:5; margin-bottom:40px;}
.referNearn .titleRefer span{ font-weight:bold;}

.titleRechargeBg { background: #fff; height: 35px; margin: 20px 0; position: relative; }
.titleRecharg { background: url(../images/title-bg-2.html) no-repeat center top; height: 40px; color: #fff; text-transform: uppercase; font-weight: 500; position: relative; top: -2px; margin: 0 auto; width: 377px; text-align: center; font-size: 17px; line-height: 40px; }
.titleRecharg.Register{line-height: 26px;}
.titleRecharg.Register span{ font-size: 13px; font-style: italic;display:block;    margin-top: -7px;}

.rechargeSection { background: url(../images/recharge-bnr-bg.html) no-repeat center top; margin-bottom: 20px; position: relative; }
.rechargeSection .col-sm-6{ position:relative;}
/*Inner Catalogue*/

#catalogue h2 { padding:7px 10px 7px 0px; background: #fff; font-size: 16px; margin: 0px 0 15px 0; border-bottom: 1px solid #C0D6E9; border-radius: 2px; position: relative; }
#catalogue h2:before { content: ''; display: block; background: #31498F; height: 1px; width: 150px; position: absolute; bottom: -1px; left: 0px; }
#catalogue h2 a { color: #31498F; text-decoration: none; }
.productSec.catalogueInn { float: none; clear: both; width: 100%; }
.productSec.catalogueInn .productWrapper { margin-left: -1%; }

.productSec.catalogueInn .product { width: 100%; margin-left: 1%; min-height: 200px;}


/*end inner Catalogue*/
.rechargeHome {background: #eff8ff;/*position: absolute;*/right: 0;top: 0px;width: 100%;color: #666;}

.schedule-box { position: relative; border: 1px solid #dadada; /*height:398px;*/ }

.schedule-box .tab-buttons { position: relative; width: 130px; display: inherit; float: left;/*position: relative; width: 100%; display: table;*/ }

.style-two .schedule-box .tab-buttons { display: block; float: left; width: 18%; }

.schedule-box .tab-buttons .tab-btn {position: relative;    display: block;/*display: table-cell;*/text-align: center;background: #ffffff;color: #4C4B4B;line-height: 1.4em;padding: 17px 10px 17px 10px;/*13px 10px 8px 10px;*/border-bottom: 1px solid #dadada;border-right: 1px solid #dadada;font-family: 'Lato' ,sans-serif;cursor: pointer;transition: all 300ms ease;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;}

.style-two .schedule-box .tab-buttons .tab-btn { display: block; }

/*.schedule-box .tab-buttons .tab-btn:last-child { border-right: none; }*/

.style-two .schedule-box .tab-buttons .tab-btn:last-child { border-bottom: none; border-right: 1px solid #dadada; }

.schedule-box .tab-buttons .tab-btn.active, .schedule-box .tab-buttons .tab-btn:hover {border-color: #D2D0CF;background: #EBE7E6;color: #4090d5;}

.style-two .schedule-box .tab-buttons .tab-btn.active, .style-two .schedule-box .tab-buttons .tab-btn:hover { border-bottom-color: #ffffff; }

.schedule-box .tab-buttons .tab-btn .day { display: block; text-transform: uppercase; margin-bottom: 7px; }

.schedule-box .tab-buttons .tab-btn .date { display: block; font-size: 15px; }

.schedule-box .tab-buttons .tab-btn .curve { position: absolute; display: block; /*width: 100%;*/     right: -7px; /*bottom: 0px;*/ background: none; text-align: center; opacity: 0; }

.style-two .schedule-box .tab-buttons .tab-btn .curve { width: 20px; height: 100%; bottom: auto; left: auto; right: 0px; top: 0px; }

.schedule-box .tab-buttons .tab-btn.active .curve, .schedule-box .tab-buttons .tab-btn:hover .curve {transform: translate(0, -50%); top: 50%; opacity: 1; transition: all 300ms ease 200ms; -webkit-transition: all 300ms ease 200ms; -ms-transition: all 300ms ease 200ms; -o-transition: all 300ms ease 200ms; -moz-transition: all 300ms ease 200ms; }

.style-two .schedule-box .tab-buttons .tab-btn.active .curve, .style-two .schedule-box .tab-buttons .tab-btn:hover .curve { bottom: auto; right: -17px; }

.schedule-box .tab-buttons .tab-btn .curve:after { content: ''; display: inline-block; width: 0px; height: 0px;    border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #ccc; }

.style-two .schedule-box .tab-buttons .tab-btn .curve:after { content: ''; position: absolute; right: 3px; top: 42px; display: inline-block; width: 0px; height: 0px; border: 7px solid transparent; border-left-color: #fc5a1b; }

.schedule-box .tabs-box { position: relative; width: calc(100% - 140px); float: left; }

.style-two .schedule-box .tabs-box { float: left; width: 82%; }

.schedule-box .tab { position: relative; padding: 0px !important; display: none; }

.style-two .schedule-box .tab { padding-bottom: 10px; }

.schedule-box .tab.current { display: block; }

.schedule-box .hour-box { position: relative; padding-left: 0px !important; font-size: 16px; color: #7f7f7f; padding-bottom: 0px; overflow: hidden; }

.schedule-box .hour-box:before { content: ''; position: absolute; left: 111px; top: 24px; width: 2px; height: 100%; background: #d2d2d2; }

.schedule-box .hour-box.active-box:before { background: #fc5a1b; }

.schedule-box .hour-box:last-child:before { display: none; }

.schedule-box .hour-box .hour { position: absolute; left: 0px; top: 0px; width: 100px; line-height: 2em; color: #7f7f7f; }

.schedule-box .hour-box .circle { position: absolute; left: 100px; top: 0px; width: 24px; height: 24px; border: 2px solid #d2d2d2; }

.schedule-box .hour-box.active-box .circle { border-color: #fc5a1b; }

.schedule-box .hour-box .toggle-btn { position: relative; top: -4px; margin-bottom: 5px; cursor: pointer; }

.schedule-box .hour-box .toggle-btn h3 { position: relative; display: inline-block; font-size: 18px; padding-right: 30px; color: #292929; }

.schedule-box .hour-box .toggle-btn h3:after { font-family: 'FontAwesome'; content: '\f107'; position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; display: block; color: #fc5a1b; line-height: 28px; font-size: 24px; text-align: right; z-index: 5; }

.schedule-box .hour-box .toggle-btn.active h3:after { content: '\f106'; }

.schedule-box .hour-box .content-box { position: relative; padding-right: 0px; display: none; }

.schedule-box .hour-box .content-box.collapsed { display: block; }

.schedule-box .hour-box .content-box .professional { position: relative; }

.schedule-box .hour-box .professional .info { position: relative; padding-left: 110px; padding-top: 10px; min-height: 50px; margin-bottom: 20px; }

.schedule-box .hour-box .professional .info .image { position: absolute; left: 15px; top: 0px; width: 72px; height: 72px; border: 1px solid #d0d0d0; overflow: hidden; }

.schedule-box .hour-box .professional .info .image img { display: block; width: 100%; }

.schedule-box .hour-box .professional .info .prof-title { font-size: 18px; margin-bottom: 7px; color: #292929; font-weight: 500; }

.schedule-box .hour-box .professional .info .prof-occup { font-size: 15px; color: #fc5a1b; }

.schedule-box .hour-box .theme-btn { background: #fc5a1b; margin: 15px 5px 5px; }

.theme-btn.dull, .schedule-box .hour-box .theme-btn.dull { background: #d2d2d2; }

.schedule-box .hour-box .theme-btn:before { background: #292929; }


.headSec {background: #3fb2ee;color: #fff;padding: 14px;font-size: 16px;}


.rechargeHome .formbody { margin: 20px 0px/*20px 20px*/; }
.rechargeHome input[type="radio"] { vertical-align: middle; margin: 0px; padding:0px; }
.rechargeHome input[type="text"], .rechargeHome select {background: #fff;width: 80%;padding: 5px;height: 44px;line-height: 40px;border: 1px solid #e1e1e1;margin-bottom: 9px;color: #999;font-size: 14px;outline:none; float:left;}
.rechargeHome input[type="submit"], .rechargeHome input[type="button"] {background: #00b9f5;color: #fff;border-radius: 4px;outline: none;border: 0px;padding: 8px 12px;float: right;margin-right: 34px;}
.rechargeHome input[type="submit"]:hover, .rechargeHome input[type="button"]:hover { background: #01b0e9; }

.rechargeHome .box{ position:relative; overflow:hidden; margin-left:30px;}
.rechargeHome .box i.fa{width: 46px;height: 44px;border:1px solid #e1e1e1;background:#fff;color: #999;display:block;float:left;margin:0-1px 0 0;font-size: 26px;text-align: center;line-height: 44px;}


.clientsLogo{ background:#fafafa; padding:5px 10px;}




/* Footer ================================================================================ */
 
.footer-container { background-color: #f6f6f6; }

.footer_top { width: 100%; padding: 15px 0; overflow: hidden; margin-bottom: 10px; }
.footer_bottom {  padding: 15px 0;  background:#5e6170; color:#fff; }
.footer_bottom address{ margin-bottom:0px;}
.footer ul { }
.footer_top ul.links { display: block; }
.footer_top ul.links li{ display:block; margin-bottom:7px;}
.footer_top ul.links li a{ color:#5f5f5f;}
 


 

.footer_bottom li { display: inline; background: url(../images/bkg_pipe1.html) 100% 60% no-repeat; padding: 0 10px 0 5px; border: 0; }
.footer ul.links li.last { background: none; }
.footer-container .bottom-container { margin: 0 0 5px; }

.footer_top h5{ font-size:16px; color:#000; border-bottom:1px solid #cccccc; position:relative; padding-bottom:8px;}
.peraFtr p{ line-height:24px;}
.peraFtr a{ color:#4090d5;}

ul.socials{ list-style:none;}
ul.socials li{ display:inline-block;}
ul.socials li a{ display:block; border-radius:100%; width:30px; height:30px; line-height:30px; background:#ccc; text-align:center; color:#333; transition:all ease 0.3s;}
ul.socials li a:hover{ color:#fff; background:#4090d5; text-decoration:none;}
 
/*****************/

.sliderSecInn{ background:#f9f9f9; padding:5px;}



.contactDtls { line-height: 25px; }
.contactForm { background: #f9f9f9; padding: 20px; border: 1px Dotted #ccc; }
.field { margin-bottom: 12px; }
.field input[type="text"] { height: 40px; }
.contactForm .field textarea { height: 190px; }
.btn-mdl { padding: 8px 25px; }

.contents { background: #fff; padding: 15px; margin-bottom:15px; }
.contents h2 { margin-top: 5px; font-size: 17px; }

.contact-us-area .contact-address p {
  margin: 0px 0 26px 0;
}
.contact-us-area .contact-address ul.address li {
  position: relative;
  padding-left: 30px;
  line-height: 23px;
   margin-bottom: 20px;
}
  .contact-us-area .contact-address ul.address li i {
  font-size: 20px;
  color: #4090d5;
  position: absolute;
  top:3px;
  left:0;
}
  .contact-us-area .contact-address ul.address li i.fa-envelope-o {
  font-size: 16px;
}
  .contact-us-area .contact-address ul.social-link li {
  display: inline-block;
  margin-right: 14px;
  margin-top: 10px;
}
  .contact-us-area .contact-address ul.social-link li a {
  width: 28px;
  height:28px;
  line-height: 28px;
  text-align: center;
  color: #4090d5;
  border: 1px solid #4090d5;
  display: inline-block;
}
.contact-us-area .contact-address ul.social-link li a:hover {
  border-color: #808080;
  color: #808080;
}



/****/

.loginRegister{ background:url(../images/login-bg.jpg) no-repeat center center; padding:60px 0px; background-size:cover; background-attachment:fixed; margin:0px;}
.loginRegister + .spacer20px{ height:0px;}
.loginRegister h1{ color:#fff; border-bottom:0px; margin-top:0px;}
.input-box { margin-bottom: 12px; }
.loginBox { margin-bottom: 10px; overflow: hidden; }
.loginBox label { display: block; }
.loginBox input[type="text"], .loginBox input[type="password"], .loginBox select { width: 100%; height: 36px; outline: none; border-radius: 2px; border: 1px solid #ccc; padding-right: 1.5%; padding-left: 1.5%; }
select.first { width: 20% !important; float: left; }
input.rightBox { width: 76% !important; float: right; margin-left: 2%; }
input.rightInput { width: 38% !important; float: left; margin-right: 1.5%; }

.registerBlock { width: 740px; max-width: 96%; margin: 0 auto; padding: 15px; background: #fff; border: 1px dashed #ccc; }
.registerBlock .captchaTable tr td{ padding:5px 10px 5px 0;}
.inlineLabel label { display: inline !important; margin-right: 8px; }
.inlineLabel input[type="radio"] { margin-right: 5px; }
.captchaBg { background: #f7f7f7; padding: 5px; }
.captchaBg tr td { padding: 0 10px; }

.whiteBg { padding: 15px; background: #fff; border: 1px solid #eaeaea; }


.warrenty {color: #000;margin-bottom: 15px;}



.alertInline { display: none !important; }
.alertSummary { overflow: hidden; margin-top: 15px; margin-bottom: 15px; font-size: 16px; border: 1px solid #B10000; background: #FFFFFF; padding: 10px; color: #b10000; }
.alertSummary ul { margin-top: 10px; }
.alertSummary ul li { display: block; font-size: 13px; padding-left: 35px; background: url(../images/x.png) 4px 3px no-repeat; margin-bottom: 3px; color: #B10000; }

.c-content-block h2 { margin-top: 0px; }


/*=====CHECK OUT====*/
.orderSummarydetails { line-height: 26px; }
.orderSummarydetails .orderItem { border-bottom: 1px solid #eee; margin-bottom: 15px; padding-bottom: 15px; padding: 10px; }
.orderSummarydetails .orderItem:nth-child(odd) {background: #fafafa;}
.totalAmount { font-size: 16px; }
.totalAmount strong { color: #FF230E; }
.NetPayableAmount { padding: 7px 10px; background: #4090d5; font-size: 18px; line-height: 20px; color: #fff; margin-top: 10px; }

.NetPayableAmount strong { color: #fff; font-size: 20px; line-height: 28px; }
.NetPayableAmount br { display: none; }

.bgBlockSearch { background: #DEF9FF; padding: 15px; margin-bottom: 15px; }
.bgBlockSearch table.myGroup tr td { padding: 5px; }

.itemPro { width: 105px; float: left; border: 1px solid #e1e1e1; }
.itemPro img { max-width: 100%; }
.proDesSumry { margin-left: 125px; }
.proDesSumry ul li{margin-bottom:1px;padding:3px 0 3px 5px;line-height: 20px;}
.proDesSumry ul li:nth-child(odd){ background:#fafafa; }
.proDesSumry h6{margin-top:0px;color:#000;font-size:16px;border-bottom: 1px solid #e1e1e1;padding-bottom: 8px;margin-bottom: 5px;}
.proDesSumry h6 strong{ font-weight:normal;}

.blockForm { background: #eff8ff; padding: 15px 20px; }
.blockForm h2 {font-size: 17px;padding: 5px;background: #4090d5;color: #fff;font-weight: normal;}
.blockForm .row { margin-bottom: 10px; }

.cartSec table { background: #fff; }
.cartSec table tr th{ background:#f5f5f5;}
.ttlPayble{ background:#4090d5; padding:10px;}
.CheckoutTbl tr th{ background:#4090d5; text-align:right; color:#fff; font-weight:normal; font-size:15px;}
.CheckoutTbl tr td{ background:#fafafa; font-size:15px;}


.alertHide{ display:none;}

/*-----*/

tr.PagerStyle td { border: 0px !important; background: #fff !important; }
tr.PagerStyle tbody tr td { padding-left: 2px !important; }
tr.PagerStyle tbody tr td span, tr.PagerStyle tbody tr td a { padding: 6px 12px; display: block; border: 1px solid #e1e1e1; }
tr.PagerStyle tbody tr td span:hover, tr.PagerStyle tbody tr td a:hover { background: #3C8D3F; text-decoration: none; color: #fff; }
tr.PagerStyle tbody tr td span { background: #8DC041; color: #fff; border-color: #8DC041 !important; }


.Otionslinks input[type=radio] {display: none;  /* comment out to display all radio buttons */ }
.Otionslinks { color:#fff; } 
.Otionslinks  label { line-height:32px;  cursor: pointer; background:#ccc; display:inline-block; height:32px; width: 60px; text-align:center; }
.Otionslinks  strong { display:inline-block; width:21px; text-align:center; line-height:21px; font-size:11px; border:solid 1px #cecece;font-weight:bold;border-radius:50%; background:#e7f2fc; color:#086096; margin:2px; text-decoration: none;  background-image: -ms-linear-gradient(top, #e7f2fc 0%, #f9fcff 100%); background-image: -moz-linear-gradient(top, #e7f2fc 0%, #f9fcff 100%); background-image: -o-linear-gradient(top, #e7f2fc 0%, #f9fcff 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7f2fc), color-stop(1, #f9fcff)); background-image: -webkit-linear-gradient(top, #e7f2fc 0%, #f9fcff 100%); background-image: linear-gradient(to bottom, #e7f2fc 0%, #f9fcff 100%);}
.Otionslinks  label:hover {background:#333; cursor: pointer; }
.Otionslinks  input[type=radio]:checked + label {background:#6cd600; }
.Otionslinks  #Otionslinks .row input[type=radio]:checked + label:hover { background:#6cd600;}
.Otionslinks  #Otionslinks div{ display:block; float:left; margin-right:7px;}


 .titleH1Panel {}
 .titleH1Panel h1 
 {
     color: #000;
    font-size: 27px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 5px 0px 15px 0px;
    text-transform: uppercase;
    font-weight: 600;
}
.orderSummary h2 
{
    font-weight: 400;
    padding: 15px;
}
.proDesSumry h6 
{
    text-align: left;
}
.proDesSumry h6 strong
{
    color: #fff;
     text-align: left;
}
.proDesSumry strong {
    color: #3fb2ee;
    float: right;
}
.CheckoutTbl tr th {
    background: #3fb2ee;
}
.p-10 
{
    padding: 10px;
}
.NetPayableAmount {
    padding: 10px 10px;
    background: #494b58;
    font-size: 18px;
    float: none;
    width: 100%;
    line-height: 20px;
    color: #fff;
    margin-top: 0px;
}