@charset "utf-8";
/************************************************/
/* Title	:	Amudhalakxmi Systems (P) Ltd.	*/
/* URL		:	Amrithaa.com		    	    */
/* Project  :   outofshop.com                   */
/* Author	:	Ayyanar Raja M( January 29 2015 to May 2015)*/
/* Author	:	Suganya K( May 2015)*/
/* Created	:	January 29 2015		            */
/************************************************/

/*=========== Common Reset ===========*/
body{font:1em Arial, Helvetica, sans-serif; margin:0; padding:0; background:#f4f4f2}
body.intro-bg{background:url(../images/bg/intro-bg.jpg) #f4f4f2 no-repeat scroll 50% 50%}
html{font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased}
.clear{content:""; display:block; clear:both} 
a{/*-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; */text-decoration:none; outline:none}
img{max-width:100%; height:auto; outline:none}
h1, h2, h3, h4, h5, h6{color:#353535; font:normal Arial, Helvetica, sans-serif}
h1{font:normal 1.375em 'Roboto', sans-serif; color:#475b64; text-transform:uppercase; text-align:center; margin:0 0 10px} 
h2{font-size:1.25em} h3{font-size:1.125em} h4{font-size:1em} h5{font-size:.75em} h6{font-size:.625em}

/*=========== Noscript Notice ===========*/
.noscript{background:#ffff90; font-size:.75em; line-height:1.25; text-align:center; color:#2f2f2f}
.noscript .noscript-inner{width:1000px; margin:0 auto; padding:12px 0; background:url(../images/i_notice.gif) 20px 50% no-repeat}
.noscript p{margin:0}

/*=========== No Record Notice ===========*/
.no-record {text-align:center; padding:20px 0}
.no-record .warning-icon {font-size:5em; line-height:55px; color:#ff6000}
.no-record .cancel-icon {font-size:5em; line-height:55px; color:#ffb400}
.no-record h2 {font-size:1.563em; color:#666}
.no-record h3 {font-size:1.563em; color:#666}
.no-record p {font-size:1em; color:#545454; font-weight:normal}
.no-record p.cancel {font-size:1em; color:#545454; font-weight:normal}

/*=========== Alert Box Css ===========*/
.alert{background-color:#f5f5f5; border:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; color:#636363; margin-bottom:20px; padding:8px 35px 8px 14px; font-size:.750em; line-height:16px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5)}
.alert .close{line-height:20px; position:relative; right:-21px; top:-2px}
button.close{background:none repeat scroll 0 0 transparent; border:0 none; cursor:pointer; padding:0}
.close {color:#000000; float:right; font-size:20px; font-weight:bold; line-height:20px; opacity:0.2; text-shadow:0 1px 0 #fff}
.alert-success{background-color:#dff0d8; border-color:#d6e9c6; color:#468847}
.alert-info{background-color:#d9edf7; border-color:#bce8f1; color:#3a87ad}
.alert-warning{background-color:#fcf8e3; border:1px solid #fbeed5; color:#c09853}
.alert-danger, .alert-error{background-color:#f2dede; border-color:#eed3d7; color:#b94a48}

/*=========== Alert Box Css ===========*/
.ie-overlay{width:100%; height:100%; position:fixed; z-index:10001; top:0; left:0; background:url(../images/icons/fancybox_overlay.png) repeat scroll 0 0}
.browser-div{background:#f2dede; border:1px solid #ebccd1; color:#a94442; border-radius:3px; border-width:0; box-shadow:none; font-size:13px; padding:12px 19px 12px 15px; margin:0 0 20px; text-shadow:none; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s} 
.browser-div.show-div{position:fixed; width:100%; margin:62px 0 0; z-index:10002}


/* ========== GENERAL FROM CSS ========== */
form {padding:0; margin:0; display:inline}
img{border:0; outline:none} input,select,textarea{outline:none; resize:none} a:active, a:focus{outline:none}
input[type='text'], input[type='password'], textarea{width:97%; padding:3px 0 3px 8px; margin:0; background:#fdfdfd; border:1px solid #d3d3d3; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-appearance:none; /*Safari/Chrome*/ -moz-appearance:none; /*Firefox*/ -ms-appearance:none; /*IE*/ -o-appearance:none; /*Opera*/ appearance:none}
input[type='text'], input[type='password'] {height:24px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition: all 0.3s ease-out}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {outline:none}
select, textarea, input {font:.875em 'open_sansregular', sans-serif; vertical-align:middle; color:#828282}
select {width:100%; padding:4px 0 4px 12px; height:33px; cursor:pointer; background:#fff; border:1px solid #d3d3d3; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px} 
select option {padding:3px 0 3px 12px; border-bottom:1px solid #ececec}
/*select option.first {padding:0 0 0 12px}*/

  
/* ========== MAIN FORM CSS ========== */
.form{margin:0; padding:0} 
ul.field{margin:0; padding:0} ul.field li small{color:#dc121b}
ul.field li span.text{margin:0 0 4px; display:block; font:normal .875em/18px 'Roboto', sans-serif; color:#4f4f4f}
ul.field li.full{list-style:none; margin:0 0 12px; width:100%; padding:0; min-height:56px; color:#333; font:normal .938em/18px 'Roboto', sans-serif}
ul.field li.half{list-style:none; margin:0 0 12px; width:48%; padding:0 16px 0 0; min-height:56px; float:left; color:#333; font:normal .938em/18px 'Roboto', sans-serif}
ul.field li.ftext{margin:0 0 12px; padding:0; color:#333; font:normal .938em/18px 'Roboto', sans-serif}
ul.field li.fbtn{margin:0 0 12px; width:100%; padding:0}
a.alink {margin:8px 0 0; font:normal .938em/18px 'Roboto', sans-serif; color:#4f4f4f}
a.alink:hover{text-decoration:underline; color:#6e9a28} ul.field li.fbtn.mrgb{margin:0 0 22px}

/* ========== CUSTOM BUTTON ========== */
.btn, input.btn, a.btn { background:3d74db; width:auto; height:auto; display:inline-block; margin-bottom:0; font:normal .875em; color:#545454; text-align:center; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background:#f3f3f3; border:medium none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none}
.btn-mini {font-size:.625em; line-height:1.42857143; padding:1px 6px}
.btn-small {font-size:.750em; line-height:1.42857143; padding:2px 10px} 
.btn-big {font-size:.813em; line-height:1.42857143; padding:5px 18px} 
.btn-large {font-size:.750em; line-height:1.42857143; padding:8px 22px}

input.btn-mini {font-size:.625em; line-height:1.42857143; padding:1px 6.3px}
input.btn-small {font-size:.688em; line-height:1.42857143; padding:2px 6.8px}
input.btn-big {font-size:.750em; line-height:1.42857143; padding:5px 14.6px} 
input.btn-large {font-size:.750em; line-height:1.42857143; padding:8px 19px}

a.btn-mini {font-size:.625em; line-height:1.42857143; padding:1px 9.5px;  margin-bottom:3px}
a.btn-small {font-size:.688em; line-height:1.42857143; padding:2.3px 12px; margin-bottom:0}
a.btn-big {font-size:.750em; line-height:1.42857143; padding:5px 20.5px;  margin-bottom:3px}
a.btn-large {font-size:.750em; line-height:1.42857143; padding:8px 24.6px;  margin-bottom:3px}

.btn-primary, input.btn-primary, a.btn-primary{background:#3d74db none repeat scroll 0 0; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)} .btn-info, input.btn-info, a.btn-info{background:#49afcd; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)} .btn-success, input.btn-success, a.btn-success{background:#5bb75b; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)} .btn-warning, input.btn-warning, a.btn-warning{background:#faa732; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)} .btn-danger, input.btn-danger, a.btn-danger{background:#da4f49; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)} .btn-inverse, input.btn-inverse, a.btn-inverse{background:#363636; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)}

/*=========== Breadcrumbs ===========*/
ul.breadcrumbs {padding:0; margin:0; float:right}
ul.breadcrumbs li, ul.breadcrumbs a{color:#8b8b8b}
ul.breadcrumbs li{display:inline; float:left; font:.75em 'Roboto', sans-serif; text-transform:uppercase; color:#727272}
ul.breadcrumbs a{display:block; float:left; text-decoration:none}
ul.breadcrumbs a:hover{color:#727272}
ul.breadcrumbs li span{margin:0 4px; display:inline-block; float:left; font-size:1em}
ul.breadcrumbs li strong{font-weight:normal; display:block}

/*=========== Scroll Top ===========*/
.scrolltop{padding:13px 16px 12px 15px; font:normal 1.25em/10px 'open_sansregular', sans-serif; color:rgba(255,255,255,.6); position:fixed; z-index:601; bottom:10px; right:10px; display:none; background:rgba(0,0,0,.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius:3px}
.scrolltop:hover{background:rgba(0,0,0,.5); color:rgba(255,255,255,.7)}

/*=========== Main Loader ===========*/
#mask {position:fixed; top:0; left:0; right:0; bottom:0; background:#FFF none repeat scroll 0% 0%; z-index:10000; height:100%; opacity:0.9;}
#loader {width:200px; height:200px; position:absolute; left:50%; top:50%; background:url("../images/load.gif") no-repeat center; margin:-100px 0 0 -100px}
#loader_more { display:none; z-index:30000; width:200px; height:200px; position:absolute; left:50%; top:50%; background:url("../images/keystone-load.gif") no-repeat center; margin:-100px 0 0 -100px}

/*=========== Main Wrapper ===========*/
#main-wrapper{width:100%; margin:0 auto}
.fl{float:left} .fr{float:right}
.pos-rel{position:relative} .pos-abs{position:absolute} .dblock{display:block}
.mrgt{margin-top:12px} .mrgb{margin-bottom:12px} .mrgl{margin-left:12px} .mrgr{margin-right:12px}
.mrgtb{margin-top:12px; margin-bottom:12px} .mrglr{margin-left:12px; margin-right:12px}
.padt{padding-top:12px} .padb {padding-bottom:12px} .padl{padding-left:12px} .padr{padding-right:12px}
.padtb{padding-top:12px; padding-bottom:12px} .padlr{padding-left:12px; padding-right:12px}
.mrgno{margin:0} .txt-cap{text-transform:uppercase} .over-hiden{overflow:hidden}
.tcenter{text-align:center}

/*=========== Header ===========*/
#header-main{width:100%; margin:0 auto; padding:0; position:relative}
.head-mdiv{margin:0 auto; text-align:center; background:#f5ab23; -webkit-box-shadow:0 0 6px -2px rgba(0,0,0,1); -moz-box-shadow:0 0 6px -2px rgba(0,0,0,1); box-shadow:0 0  6px -2px rgba(0,0,0,1); position:relative; z-index:2}

/*=========== Main Logo ===========*/
h1.logo{float:left; margin:8px 0; background:url(../images/logo.png) no-repeat scroll 0 0}
h1.logo a{width:200px; height:44px; display:inline-block; text-indent:-9999px}
.logo-pop{margin-bottom:10px; background:#f5ab24; box-shadow:0 0 6px -2px rgba(0,0,0,1)}
.logo-pop img{ margin-left:10px; padding:5px;}
/*=========== Top Nav ===========*/
ul.topnav {margin:16px 0 0; float:right; padding:0; position:relative}
ul.topnav li {list-style:none; line-height:14px; display:inline; position:relative; font:.950em 'open_sansregular', sans-serif; text-transform:none; text-shadow:0 1px 0 #ffbd43; float:right; margin:0 16px 0 0}
ul.topnav li a {text-transform:none; text-shadow:0 1px 0 #ffbd43; font-weight:bold; color:#3a3939}ul.topnav li a.last{margin:0} span.name-color{color:#0f3c86; float:left;}
ul.topnav li span.divider {width:1px; height:16px; display:inline-block; position:absolute; right:-9px; top:0; color:#999; /*background:url(../images/icons/top-divider.jpg) no-repeat scroll 0 3px*/} ul.topnav li a:hover {color:#1a1818}
ul.topnav li.logout{ background:url(../images/Power-Button.png) no-repeat; width:25px; height:25px; border:none}
ul.topnav li.my-acc{ background:url(../images/my_account_icon.png) no-repeat; width:25px; height:25px}
ul.topnav li.logout a,ul.topnav li.my-acc a{ width:25px; height:25px}

.offer-btn{ /*width: 106px;height:33px;*/float: right;margin-right: 10px;margin-top:2px; }
/*.offer-btn a{ padding:7px 30px; background:#30aedd; border-radius:3px; color:#fff; margin-top:7px;}*/
.offer-banner{ width:100%; margin:0 0 18px; padding:0;}
.offer-banner img{ width:100%; height:170px}
/*.offer-mdiv{ width:1360px; margin:0 auto; padding:0;}*/
/*=========== Main Search ===========*/
.search-box {display:inline-block; width:39%; margin:12px 10px 0; font:.875em 'Roboto', sans-serif; position:relative; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px}
.search-box .input-search {padding:0 0 0 9px; width:66.333%; height:36px; float:left; color:#bebdc1; border:none}
.search-box .submit {height:36px; line-height:34px; float:right; padding:0 10px; background:#3d74db; color:#fff; cursor:pointer; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -khtml-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; border:none; -webkit-appearance:none; /*Safari/Chrome*/ -moz-appearance:none; /*Firefox*/ -ms-appearance:none; /*IE*/ -o-appearance:none; /*Opera*/ appearance:none; text-transform:uppercase}
@media screen and (-webkit-min-device-pixel-ratio:0) {.search-box .submit{position:relative; right:-2px}}
.search-box .submit:hover {background:#0b3378; color:#dce8fd; height:36px;  background:#3d74db; color:#fff;  }


/* ========== Popup Form Css ========== */
#pop-mdiv{width:676px; margin:0; padding:0 0 0 0; /*margin-right:200px*/}
#pop-mdiv h3{font:normal 1.063em/18px 'Roboto Condensed', sans-serif; color:#0c3279; text-align:left; text-transform:uppercase; margin:0 0 14px}
.toggle{padding:12px 0 12px 0; width:100%; display:none}
.forgot-btn{float:right; margin:3px 0 0; padding:0 20px 0 0}
.fbox{padding:0 16px 0 0; overflow:hidden; font:.875em 'open_sansregular', sans-serif; vertical-align:middle; color:#828282}
.forgot-txt{background-color:#dff0d8; border-color:#d6e9c6; color:#468847; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin-bottom:20px; padding:8px 35px 8px 14px; font-size:.688em; line-height:16px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5)}

/*=========== Popup Form Field Css ===========*/
.pop-form{margin:0; padding:0} 
ul.pop-field{margin:0; padding:0} ul.pop-field li small{color:#dc121b}
ul.pop-field li span.text{margin:0 0 4px; display:block; font:normal .875em/18px 'Roboto', sans-serif; color:#4f4f4f}
ul.pop-field li.pop-full{list-style:none; margin:0 0 12px; width:100%; padding:0; min-height:56px; color:#333; font:normal .938em/18px 'Roboto', sans-serif}
ul.pop-field li.pop-half{list-style:none; margin:0 0 12px; width:45.6%; padding:0 20px 0 0; min-height:56px; float:left; color:#333; font:normal .938em/18px 'Roboto', sans-serif} ul.pop-field li.pop-half.fr{float:right; padding:0 8px 0 0}  ul.pop-field li.pop-half.fl{float:left; padding:0 8px 0 0}
ul.pop-field li.pop-ftext{list-style:none; margin:0 0 12px; display:block; clear:both; padding:0; color:#333; font:normal .813em/18px 'Roboto', sans-serif}
ul.pop-field li.pop-fbtn{list-style:none; margin:0 0 12px; width:100%; padding:0}
a.pop-alink {margin:8px 20px 0 0; font:normal .750em/18px 'Roboto', sans-serif; cursor:pointer; color:#4f4f4f}
a.pop-alink:hover{text-decoration:underline; color:#6e9a28} ul.pop-field li.fbtn.mrgb{margin:0 0 22px}
.or-mdiv{background:url(../images/divider.jpg) no-repeat center; text-indent:-9999px; min-height:32px}
.reg-address{height:92px}
ul.pop-field li .gender{font:normal .875em/18px 'Roboto', sans-serif; margin:0 16px 0 0; color:#4f4f4f}
ul.pop-field li .gender input[type='radio'] {margin:0 3px 0 0; padding:0}
ul.pop-field li .marital{font:normal .875em/18px 'Roboto', sans-serif; margin:0 16px 0 0; color:#4f4f4f}
ul.pop-field li .marital input[type='radio'] {margin:0 3px 0 0; padding:0}

/* ========== POP UP SHARE CSS ========== */
.share-div {margin:12px 0 0; padding:0}
a.share-alink {margin:8px 20px 0 0; color:#4f4f4f}
a.share-alink:hover{text-decoration:underline; color:#6e9a28}
.share-div p.stext {color:#333; font:0.813em/18px "Roboto", sans-serif; margin:0 0 12px; padding:0}
a.facebook-btn {background:#0061a7; border:1px solid #124d77; -webkit-border-radius:30px 30px 30px 30px; -moz-border-radius:30px 30px 30px 30px; -khtml-border-radius:30px 30px 30px 30px; border-radius:30px 30px 30px 30px; box-shadow:0 1px rgba(255, 255, 255, 0.3) inset; color:#ffffff; cursor:pointer; display:inline-block; font:bold 11px/15px Arial, Helvetica, sans-serif; margin:0 12px 18px 0}
a.facebook-btn span.txt{text-align:center; text-decoration:none; display:inline-block; padding:7px 12px 7px 7px; text-shadow:0 -1px rgba(0, 0, 0, 0.3); text-transform:uppercase}
.facebook-btn:hover {background:none repeat scroll 0 0 #0061a7; box-shadow:0 1px rgba(255, 255, 255, 0.3) inset, 0 20px 40px rgba(255, 255, 255, 0.15) inset; transition:none 0s ease 0s} .facebook-btn i {display:inline-block; padding:9px 9px 9px 12px; border-right:1px solid #124d77}
a.google-btn {background:#bc3315; border:1px solid #942911; -webkit-border-radius:30px 30px 30px 30px; -moz-border-radius:30px 30px 30px 30px; -khtml-border-radius:30px 30px 30px 30px; border-radius:30px 30px 30px 30px; box-shadow:0 1px rgba(255, 255, 255, 0.3) inset; color:#ffffff; cursor:pointer; display:inline-block; font:bold 11px/15px Arial, Helvetica, sans-serif; margin:0 0 18px}
a.google-btn span.txt{text-align:center; text-decoration:none; display:inline-block; padding:7px 12px 7px 7px; text-shadow:0 -1px rgba(0, 0, 0, 0.3); text-transform:uppercase}
a.google-btn:hover {background:none repeat scroll 0 0 #bc3315; box-shadow:0 1px rgba(255, 255, 255, 0.3) inset, 0 20px 40px rgba(255, 255, 255, 0.15) inset; transition:none 0s ease 0s} .google-btn i {display:inline-block; padding:9px 9px 9px 12px; border-right:1px solid #942911}

/*=========== Dropdown Menu ===========*/
.dropdown {position:relative; cursor:pointer}
ul.dropdown-cart:before {border-bottom:7px solid rgba(0, 0, 0, 0.1); border-left:7px solid rgba(0, 0, 0, 0); border-right:7px solid rgba(0, 0, 0, 0); content:""; display:inline-block; right:29px; position:absolute;    top:-7px}
ul.dropdown-cart:after {border-bottom:6px solid #FFFFFF; border-left:6px solid rgba(0, 0, 0, 0); border-right:6px solid rgba(0, 0, 0, 0); content:""; display:inline-block; right:30px; position:absolute; top:-6px}
ul.dropdown-cart {position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:200px; padding:0; margin:1px 0 0; list-style:none; background:#fff; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2); box-shadow:0 2px 2px rgba(0,0,0,.2); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px}
ul.dropdown-cart.pull-right {right:0; left:auto}
ul.dropdown-cart li{display:block; float:none; margin:0}
ul.dropdown-cart li a {display:block; padding:6px 15px; line-height:18px; font:normal 1.313em 'Roboto', sans-serif; color:#475b64; text-align:left; text-shadow:none; border-bottom:1px solid #edecec; white-space:nowrap} ul.dropdown-cart li a.last-child{border-bottom:none}
.open {*z-index:1000}
.open > ul.dropdown-cart {display:block}
.pull-right > ul.dropdown-cart {right:0; left:auto}
.textright {text-align:right}

/*=========== Body ===========*/
#body-main{width:100%; margin:0 auto}

/*=========== Intro Banner ===========*/
.page-mdiv{margin:12px 0; padding:0}
.banner-mdiv{margin:0 auto 12px; padding:0}
.intro-mdiv{width:86%; margin:12px auto 0}
.intro-service{margin:0 0 16px}

/*=========== Main Service ===========*/
.scroll-mdiv .iservice{text-align:center}
.scroll-mdiv .iservice img.sicon{width:70px; margin:0 auto 8px; text-align:center}
.scroll-mdiv .iservice .stext{font:normal .938em 'Roboto', sans-serif; color:#475b64}

/*=========== Main Banner ===========*/
.mbanner{width:60.5%; margin:0; overflow:hidden; display:inline-block; position:relative}

/*=========== Main Ads And Main Banner ===========*/
.main-adz{text-align:center; margin:0 0 10px}
img.adz-img{margin:0 0 4%; width:100%; border-bottom:1px solid #c1c1c1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.1); -moz-box-shadow:0 0 6px 0 rgba(0,0,0,.1); box-shadow:0 0 6px 0 rgba(0,0,0,.1)} img.adz-img.last-child{margin:0}
.lft-adz{width:17.5%; float:left; margin:0 1%}
.rgt-adz{width:17.5%; float:right; margin:0 1%}

/*=========== Main categorie Left Div ===========*/
.category-scroll{overflow:auto; position:relative; height:273px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow-x:hidden;}
.categorie-mdiv{margin:0; padding:0}
ul.accordion {width:16.3%; float:left; margin:-120px 1.5% 38px 0; padding:10px; font:.75em Arial, sans-serif; border-bottom:1px solid #ddd; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; position:relative; z-index:1; height:273px}
ul.accordion li {float:left; display:block; width:100% !important; margin:0; list-style-type:none; cursor:pointer; position:relative; border-bottom:1px dashed #d3d3d3; font-weight:bold;}
ul.accordion li.active {color:#143c82;} ul.accordion li a:hover {color:#143c82}
ul.accordion li a {padding:7.5px 10px; color:#575757; text-decoration:none; display:block; text-transform:uppercase; float:left;}
ul.accordion li li a {padding-left:20px; text-transform:none}
ul.accordion li li li a {padding-left:35px} ul.accordion li li li li a {padding-left:50px}
ul.accordion .opener {right:0; top:0; display:block; background:url(../images/icons/cat-plus.png) no-repeat scroll 95% 50%; width:204px; float:left;}
ul.accordion .opener:hover{opacity:.8} ul.accordion li:hover > .opener {opacity:.8}
ul.accordion li.active > .opener {background:url(../images/icons/cat-mins.png) no-repeat scroll 95% 50%; border-bottom:1px dashed #ccc;}
ul.accordion li.current > .opener {opacity:.8}

/*=========== Main categorie Left product Div ===========*/
.cat-product{width:80.5%; float:right; margin:0 0  44px 0; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px}
.cat-product .scroll-img{width:24.8%; float:left; margin:0}
.cat-product .scroll-img img{-webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -khtml-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px}
.cat-product .cat-text{width:40%; margin:10px 12px; float:left}
.cat-product .cat-text h2{font:normal 1.25em "PT Sans", sans-serif; color:#343434; margin:0 0 12px}
.cat-product .cat-text ul.feature{margin:0; padding:0}
.cat-product .cat-text ul.feature li{font:normal .813em Arial, Helvetica, sans-serif; color:#343434; list-style:none; margin:0 0 4px; padding:0 0 0 12px; background:url(../images/sprite.png) no-repeat scroll -435px -5px}
.cat-product .cat-text ul.feature li a{color:#343434; text-decoration:none}
.cat-product .cat-text ul.feature li:hover, .cat-product .cat-text ul.feature li a:hover{color:#5b5b5b}
.cat-product .line-dv{background:url(../images/icons/line-vertical.png) repeat-y; width:1px; height:100%; display:inline; float:left; margin:14px 0; display:block}
.cat-product .cat-price{width:30%; padding:10px 12px; float:left}
.cat-product .cat-price .price-mdiv{width:100%}
.cat-product .cat-price .price-mdiv h3.price{font:normal 1.5em 'PT Sans', sans-serif; float:left; color:#4a4949}
.cat-product .cat-price .price-mdiv h3.price .rupee-sym{line-height:12px; font-size:.875em}
.cat-product .cat-price .price-mdiv h3.price.strike{font-size:1.125em; margin:6px 12px 0 0; color:#848484}
.cat-product .cat-price .price-mdiv h3.price.strike .rupee-sym{line-height:12px; font-size:.875em}
.cat-product a.cat-btn {cursor:pointer; display:inline-block; padding:8px 12px; margin:12px 0 0; font:.875em Arial, Helvetica, sans-serif; color:#636363; background:#fff; border:3px solid #f1a513; -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,.15); -moz-box-shadow:0 2px 0 0 rgba(0,0,0,.15); box-shadow:0 2px 0 0 rgba(0,0,0,.15)}
.cat-product a.cat-btn:hover{opacity:.8}
.cat-warranty {font:.75em/16px Arial, Helvetica, sans-serif; margin:12px 0 0; color:#7a7a7a} 
.cat-warranty span{display:block; font-size:1em; text-transform:uppercase; font-weight:bold; margin:0 0 6px; color:#343434}

/*===========offer page category===========*/
.cat-product-off{ width:96.5%; margin:0 12px 10px 10px; float:left; text-align:left}
.cat-product-off .scroll-img { width:22.8%}
.cat-product-off .cat-price{ width:30%}
.cat-product-off .cat-text{ width:40%; font-size:13px; color:#343434}
.cat-product-off .scroll-img img{ width:169px; height:140px}/*{ width:80.5%; margin:0 auto; float:none;}*/
.main-border { width:820px; margin:0 auto; border:3px solid #f5ab23; box-shadow:10px 10px 8px #ccc;}
.main-border .mbanner{ margin:10px 0; width:97.5%} 
/*=========== Product Page Section ===========*/
.product-mdiv{margin:8px 0; padding:0}
.tbar{margin:10px 1% 8px}
.tbar a.btn-small{font-size:.75em; text-transform:uppercase}
.tbar1{ display:none}

.pro-color{background:#f5ab23; padding:8px 0 10px; width:100%; overflow:hidden}
ul.thum-probg{width:1340px}
ul.thum-probg li{ width:158px; height:171; display:inline-block}
.thum-product{width:160px; float:left; margin:5px 4.3px; background:#fff; -webkit-box-shadow:0 3px 0 0 rgba(219,219,219,1); -moz-box-shadow:0 3px 0 0 rgba(219,219,219,1); box-shadow:0 3px 0 0 rgba(219,219,219,1); -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px} 
.thum-product.active{-webkit-box-shadow:0 3px 0 0 rgba(0,60,176,1); -moz-box-shadow:0 3px 0 0 rgba(0,60,176,1); box-shadow:0 3px 0 0 rgba(0,60,176,1)}
.thum-product.active .tpro-txt{background:#044edc}
.thum-product.active .tpro-txt h3.title, .thum-product.active .tpro-txt h3.price{color:#fff}
.thum-product .tpro-img{height:90px; margin:8px auto !important; display:block; text-align:center}
.thum-product .tpro-txt{padding:6px 10px; background:#f2f5fc}
.thum-product .tpro-txt h3.title{font:normal 14px 'PT Sans', sans-serif; color:#3f3f3f; text-align:center; margin:0 0 3px}
.thum-product .tpro-txt h3.price{font:normal 16px 'Roboto', sans-serif; color:#3f3f3f; text-align:center; margin:0}
ul.accordion.pro-cat{margin:4px 0 46px; position:absolute; top:301px}
 .pro-color .owl-theme1 .owl-controls .owl-nav{text-decoration:none; }
.pro-color .owl-theme1 .owl-controls .owl-nav .owl-prev{background:url(../images/sprite.png) rgb(255,255,255) no-repeat -54px -38px; position:absolute; left:-10px; margin:-102px 0 0; width:35px; height:35px; text-indent:-9999px; box-shadow: 8px 4px 5px #888888; top:96% ;  -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; border-radius:100%; opacity:1 }
.pro-color .owl-theme1 .owl-controls .owl-nav .owl-next{background:url(../images/sprite.png) rgb(255,255,255) no-repeat -89px -38px; position:absolute; right:-10px; margin:-102px 0 0; width:35px; height:35px; text-indent:-9999px; box-shadow: -8px 4px 5px #888888; top:96%;  -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; border-radius:100%; opacity:1  }

/*=========== Product Scroll ===========*/ 
#slider3 {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin:0 auto}
.rslides_tabs {list-style:none; list-style:none; margin:0 auto; width:100%; z-index:101}
.rslides_tabs li {float:left} .rslides_tabs li:lasd-child{border-bottom:none}
/* Hover Css */
.rslides_tabs li:hover .thum-product{-webkit-box-shadow:0 3px 0 0 rgba(201,201,201,1); -moz-box-shadow:0 3px 0 0 rgba(201,201,201,1); box-shadow:0 3px 0 0 rgba(201,201,201,1)} .rslides_tabs li:hover .thum-product .tpro-txt{background:#e1e7f7}
.rslides_tabs li:hover .thum-product .tpro-txt h3.title, .rslides_tabs li:hover .thum-product .tpro-txt h3.price{color:#3f3f3f}
/* Active Css */
.rslides_tabs li.rslides_here .thum-product{-webkit-box-shadow:0 3px 0 0 rgba(0,60,176,1); -moz-box-shadow:0 3px 0 0 rgba(0,60,176,1); box-shadow:0 3px 0 0 rgba(0,60,176,1)} .rslides_tabs li.rslides_here .thum-product .tpro-txt{background:#3d74db none repeat scroll 0 0;}
.rslides_tabs li.rslides_here .thum-product .tpro-txt h3.title, .rslides_tabs li.rslides_here .thum-product .tpro-txt h3.price{color:#fff}
.rslides {position:relative; list-style:none; overflow:hidden; width:81.5%; float:right; padding:0; margin:0}
.rslides li {-webkit-backface-visibility:hidden; position:absolute; width:100%; left:0; top:0; display:block; float:left}

/*.rslides1_nav {text-decoration:none; background:url(../images/sprite.png) rgba(255,255,255,1) no-repeat; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; border-radius:100%; top:-15px }
.rslides_nav.prev{background-position:-54px -38px; position:absolute; left:-12px; margin:-102px 0 0; width:35px; height:35px; text-indent:-9999px; box-shadow: 8px 4px 5px #888888; }
.rslides_nav.next{background-position:-89px -38px; position:absolute; right:-12px; margin:-102px 0 0; width:35px; height:35px; text-indent:-9999px; box-shadow: -8px 4px 5px #888888;}*/
.rslides_nav.next:hover, .rslides_nav.prev:hover {opacity:.6}

.product-mdiv{margin:10px 0 0; padding:0}
.product-mdiv .pscroll{width:34%; float:left; margin:0 15px 0 0; height:300px !important}
.product-mdiv .pdetail{float:left; width:64%}
.product-mdiv .pdetail .ptitle{border-bottom:1px solid #ececec; padding:0 0 10px; text-align:left}
.product-mdiv .pdetail .ptitle h3{font:normal 1.050em 'PT Sans', sans-serif; color:#343434; margin:0}
.product-mdiv .pdetail .ptitle .rtext{font:normal .813em 'PT Sans', sans-serif; color:#2178c9}
.product-mdiv .pdetail ul.sfeature{width:70%; margin:12px 0 0; padding:0 12px 0 0; float:left; border-right:1px solid #dedede; background:url(../images/bg/feature-bg.jpg) no-repeat scroll 100% 0; text-align:left}
.product-mdiv .pdetail ul.sfeature div.desc{ height:155px; border-bottom:1px solid #ececec; overflow:scroll}
.product-mdiv .pdetail ul.sfeature li{display:block; float:none; margin:0 0 4px; padding:0 0 0 12px; position:inherit; width:auto; font:normal .813em 'PT Sans', sans-serif; color:#343434; background:url(../images/sprite.png) no-repeat scroll -435px -3px}
.product-mdiv .pdetail ul.sfeature li.stitle{display:block; float:none; margin:12px 0 6px; padding:0; position:inherit; width:auto; font:normal .875em 'PT Sans', sans-serif; color:#343434; text-transform:uppercase; background:none}
.product-mdiv .pdetail ul.sfeature li.cat-price{display:block; float:none; margin:22px 0 6px; padding:0; position:inherit; bottom:0; width:auto; background:none}
.product-mdiv .pdetail ul.sfeature li.cat-price .price-mdiv{width:60%; padding:0; float:left; background:none}
.product-mdiv .pdetail ul.sfeature li.cat-price .price-mdiv h3.price{font:normal 1.5em 'PT Sans', sans-serif; float:left; color:#4a4949}
.product-mdiv .pdetail ul.sfeature li.cat-price .price-mdiv h3.price .rupee-sym{line-height:12px; font-size:.875em}
.product-mdiv .pdetail ul.sfeature li.cat-price .price-mdiv h3.price.strike{font-size:1.125em; margin:6px 12px 0 0; color:#848484}
.product-mdiv .pdetail ul.sfeature li.cat-price .price-mdiv h3.price.strike .rupee-sym{line-height:12px; font-size:.875em}
.product-mdiv .pdetail ul.sfeature li.cat-price button {cursor:pointer; padding:15px 30px; margin:-4px 0 0 0; color:#fff; background:#3d74db none repeat scroll 0 0; border:none; -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,.15); -moz-box-shadow:0 2px 0 0 rgba(0,0,0,.15); box-shadow:0 2px 0 0 rgba(0,0,0,.15); float:right; text-transform:uppercase;}
.detail-button{width:150px; margin:12px 0 0; float:right; text-align:right}
.detail-button .sbtn{margin:0 0 10px; width:130px; font-size:0.75em; background:#3d74db; border:none; text-transform:uppercase;}

.product-mdiv .pdetail .desc ul{ height:155px; border-bottom:1px solid #ececec;}
.product-mdiv .pdetail .desc ul li{display:block; float:none; margin:0 0 4px; padding:0 0 0 12px; position:inherit; width:auto; font:normal .813em 'PT Sans', sans-serif; color:#343434; background:url(../images/sprite.png) no-repeat scroll -435px -3px}
.product-mdiv .pdetail .desc { float:none; margin:0 0 4px; padding:0 0 0 12px; font:normal .813em 'Roboto', sans-serif; color:#737373; margin:0}
.frame1{ display:none}
/*=========== Product Seller Detail ===========*/ 
#pop-seller-mdiv{width:730px; height:633px; position:relative; margin:0; padding:0}
.sel-detail{margin:0 0 12px; padding:0 0 12px; border-bottom:1px solid #c6c6c6}
.sel-detail h3{font:normal .875em 'Roboto', sans-serif; color:#737373; text-transform:uppercase; border-bottom:1px solid #d6d6d6; margin:0 0 12px; padding:0 0 8px}
/*.sel-detail img{ width:110px !important; height:55px; margin-left:10px !important}*/
img.sel-logo{float:left; margin:0 14px 0 0; border-bottom:2px solid #c6c6c6; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px}
.sel-detail h4{font:normal .813em 'Roboto', sans-serif; color:#474747; text-transform:uppercase; margin:0 0 4px}
.sel-detail p{font:normal .813em 'Roboto', sans-serif; color:#737373; margin:0}
.address-text{float:left; margin:0 6px 0 0; padding:0 6px 0 0; width:29%}
.sel-detail p.atext{font:normal .813em 'Roboto', sans-serif; color:#737373; margin:0;}
img.sel-img{background:#fff; border:1px solid #e9e9e9; width:190px; float:left; padding:6px; margin:0 12px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;  }
img img.sel-img { width:110px !important; height:55px; margin-left:10px !important}
img.sel-map{background:#fff; border:1px solid #e9e9e9; width:240px; float:left; padding:6px; margin:0; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px}
.sel-map iframe{ width:240px !important; height:134px !important}

img.sel-award{float:left; margin:0 14px 0 0; border-bottom:2px solid #c6c6c6; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; width:110px !important; height:55px; margin-left:10px !important} img.sel-award.last{margin:0}
.sel-detail.no-brd{border:none}
ul.sell-offer{margin:0; padding:0; /*height:60px*/}
ul.sell-offer li{font:normal .813em 'Roboto', sans-serif; color:#737373; margin:0 0 2px}
ul.sell-offer li span{width:10px; height:10px; float:left; margin:4.5px 8px 0 0; background:url(../images/sprite.png) no-repeat scroll -104px -7px}
.seller-div{ text-align:center; margin:34px auto; padding:5px;  width:696px !important; height:468px !important; border:3px solid #ccc; background:#fff; box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12); overflow:hidden}
/*.seller-div img{ width:696px; height:498px; border:3px solid #fff}*/

.overview{margin:0; padding:0}
.overview h3{font:normal .875em 'Roboto', sans-serif; color:#737373; text-transform:uppercase; border-bottom:1px solid #d6d6d6; margin:0 0 12px; padding:0 0 8px}
.overview h4{font:normal .813em 'Roboto', sans-serif; color:#474747; text-transform:uppercase; margin:0 0 4px}
.overview p{font:normal .813em 'Roboto', sans-serif; color:#737373; margin:0 0 12px}

table.spetable{font-size:13px; margin:0 0 20px; width:100%; border-collapse:collapse; border-spacing:0}
table.spetable td, table.spetable th {padding:6px; text-align:left; vertical-align:top}
table.spetable .ghead {background:#e7eaf3; font-weight:bold; text-transform:uppercase}
table.spetable .spekey {border-bottom:1px dotted #c9c9c9; border-right:1px solid #c9c9c9; width:25%}
table.spetable .spevalue {border-bottom:1px dotted #c9c9c9; border-left:1px solid #c9c9c9}

/*=========== Footer Main Div ===========*/
#footer-main{width:100%; margin:0 auto; position:fixed; bottom:0; z-index:2; display:block; background:#f4f4f2; -webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.1); -moz-box-shadow:0 0 6px 0 rgba(0,0,0,.1); box-shadow:0 0 6px 0 rgba(0,0,0,.1); border-bottom:5px solid #fecc32}
.footer-mdiv {text-align:center; margin:12px 0; font:.750em 'open_sansregular', sans-serif; color:#333}
.footer-mdiv a{font:'open_sansregular', sans-serif; color:#333} .footer-mdiv a:hover{color:#123f8d}
.footer-mdiv .lft-div{float:left} .footer-mdiv .rgt-div{float:right} .footer-mdiv span.txt-color{color:#123f8d}

.top_right_cover{ padding:0;}
.name_dis{float:right;}
.name_dis img{ float:left; margin-top:2px}
.name_dis h5{float:left; padding:9px 5px; font:.750em 'open_sansregular', sans-serif; text-transform:none; text-shadow:0 1px 0 #ffbd43; color:#3a3939;}

.icons_dis{float:right;}
.icons_dis img{float:right; padding:3px;}
.icons_dis h5{float:left; padding:9px 5px; font:.750em 'open_sansregular', sans-serif; text-transform:none; text-shadow:0 1px 0 #ffbd43; color:#3a3939;}

.name_dis_inner{ float:right;}
.name_dis_inner img{ margin:3px 0 0px 8px;} 
.google_sel{ float: right !important; position: absolute; right: 260px; top: 11px; width:135px;}
.goog-logo-link {display:none !important;} 
.goog-te-gadget{ color: transparent !important;}
.sell_addres pre{ color: #737373; font: 0.813em "Roboto",sans-serif; font-size:11.5px !important;}


.intro-div { width:260px; position: relative; text-align: center; margin: 0 auto; background:#fff; height:220px; border-radius:20px; padding:10px}
.popup_div{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display:none}
div.backgroundLoadingDiv {background-color: #000;display: block;min-height:660px;opacity: 0.6; position: absolute ; top: 0;width: 100%; z-index: 200001;}
div.FlashDiv { margin: 0;position: absolute;top:100px; width: 100%;z-index: 999999;}
.fix {position: relative;width: 100%;}
.fa-times:before {content: "";}
#img_closeButton { cursor: pointer;float: right; margin-top: 5px;position: absolute;right: 1.8%;}
.intro-div i.fa-times {background: none repeat scroll 0 0 #fff; border-radius: 50%;color: #f5ab23;font-size: 20px;height: 20px; padding: 5px;width: 20px;}
.fa {display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;}
img , object, embed {max-width: 100%;}
.intro-div h2{font:1.130em 'open_sansregular', sans-serif; text-transform:none; color:#24aae0; margin-top:50px;}
.intro-div p{ font:1em 'open_sansregular', sans-serif;}
.intro-div  img{ margin-top:10px;}