@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald-light-webfont.eot');
    src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-light-webfont.woff2') format('woff2'),
         url('fonts/oswald-light-webfont.woff') format('woff'),
         url('fonts/oswald-light-webfont.ttf') format('truetype'),
         url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldbook';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
    }
html{ height:100%;} 
body{ height:100%; background:#f5f7f8;}
body{  font-family: 'open_sansregular'; font-size:16px; color:#565656;}
*{ margin:0; padding:0;  -webkit-box-sizing: border-box;  color:#000; box-sizing: border-box; -ms-box-sizing: border-box;  -o-box-sizing: border-box;}
ul{ padding:0; margin:0;}
li{ list-style:none;}
 a{ text-decoration:none; cursor:pointer; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}
input{ outline:none; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}
.clearfix{ clear:both;}
.lft{ float:left;}
.rgt{ float:right;}
.container{ max-width:980px; margin:0 auto; clear:both; padding:0 10px;}



/*--------------------home page css-----------------------------------*/

.mainCon{ width:100%;}
.headerCon{ height:100px; background:url(../images/header-back.jpg) repeat-x;}
.logo{ float:left;}
.rightSec{ float:right; padding-top:20px;}
.searchBar{ background:url(../images/search_icon.png) no-repeat 96% center #fff; width:160px; border-radius:10px; color:#000; font-size:11px; padding:5px 10px; border:0; font-family: 'open_sansregular'; font-weight:600; font-style:italic;}
.shoppingCart{ color:#fff; background:url(../images/myaccountBtn-back.png) repeat-x; width:140px; display:inline-block; font-size:14px; vertical-align:middle; margin:0 20px; border:1px solid #dc6b00; padding:2px 0 2px 10px; border-radius:10px;}
.myaccount{ background:url(../images/myaccount_icon.png) no-repeat left center; padding-left:18px; font-size:14px; vertical-align:middle; color:#fff; transition:none 0s ease 0s ; -webkit-transition:none 0s ease 0s ;}
.mycart{ display:inline-block; vertical-align:middle;}
.myaccount:hover{background:url(../images/myaccount_iconhover.png) no-repeat left center;  color:#dc6b00;}
.detailCon{ background:url(../images/body-back.png) repeat-x; min-height:660px;}
.detailCon.whitback{ background:url(../images/privacypolicyback.png) repeat-x;}


/*---menu css--*/
@media(min-width:767px) {
.navigation{ max-width:734px; width:100%; margin:auto;}
.nav > li{ width:180px; float:left; text-align:center; position:relative; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}
.nav > li  {  background:rgba(0, 0, 0, 0) url("../images/menuback.png") no-repeat scroll 0 0; }
.nav > li > a {  border: 1px solid #737b82;  color: #fff;  display: block;  font-size: 16px;  padding: 3px;  text-transform: uppercase; margin-left:-1px;}
.nav > li:first-child a{ border-radius:5px 0 0 5px;}
.nav > li:last-child a{ border-radius:0px 5px 5px 0px;}
.nav > li:hover{ background:rgba(0, 0, 0, 0) url("../images/menuback.png") no-repeat scroll 0 -50px;}
.nav > li:hover > a{ color:#fff;}
.nav > li.subnavClass > a{}
.nav > li.active{ background:rgba(0, 0, 0, 0) url("../images/menuback.png") no-repeat scroll 0 -50px;}
.nav > li.active > a{ color:#fff;}
.subNav {   left: 0;max-height: 0;position: absolute;top: 100%;z-index: 0;}
.subNav li {opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .5s;-moz-transition: opacity .4s, -moz-transform .5s;-ms-transition: opacity .4s, -ms-transform .5s;-o-transition: opacity .4s, -o-transform .5s;transition: opacity .4s, transform .5s;}
.subNav{ width:180px; z-index:-50;}
.subNav a {  background: #9aa2aa none repeat scroll 0 0;  border: 1px solid #737b83;  border-radius: 0 !important; color:#fff; display: block; font-size: 14px; margin-top: -1px; padding: 5px 0;  text-transform: uppercase;}
.subNav a:hover{ background:#737b82; color:#fff;}
.nav > li:hover .subNav, .nav > li:focus .subNav {    max-height: 2000px;    z-index: 100;}
.nav > li:hover .subNav li, .nav > li:focus .subNav li {opacity: 1;-webkit-transform: none;-moz-transform: none;ms-transform: none;-o-transform: none;transform: none;}
.ddown {  display: inline-block;  margin: -1px 0 0 3px;  vertical-align: middle;}


/* CSS3 delays for transition effects */


}
/*---menu css--*/
.topTxt{ text-align:center; padding:30px 0;}
.topTxt p{ font-size:20px; color:#565656;}
.topTxt h1 {color: #272727;  font-family: oswaldbook; font-size: 26px;}
.topTxt strong{ font-style:italic;}

.bottlebox{ width:120px; position:relative; overflow:hidden; margin:auto;}
.botlebx{ width:100%; position:relative;}
.description{ font-size:13px; color:#313131; font-weight:600; font-family:open_sanssemibold; display:block;}
.bottleDetails{ background:url(../images/bottle-desc-back.png) no-repeat; background-position:top center; background-size:100%; padding:15px 12px;     clear: both;} 
.bottleDetails p{ font-size:13px; color:#5e5e5e; }
.size{ font-size:14px; color:#313131; font-weight:600; font-family:open_sanssemibold; display:block;}
.size span{font-family: 'open_sansregular'; font-weight:normal; color:#5e5e5e;}
.bootle{ display:block;}
.innerDiv img { transform: scale(1); -wekit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; cursor:pointer;}
/*.innerDiv img:hover{transform: scale(1.2); -wekit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}*/
.innerSlider { width:auto; max-width:820px; margin:20px auto;}
.labelDiv {  bottom: 0;  display: block;  height:57%; left:0; margin:auto; right:0;  position: absolute;  top: auto;  vertical-align: middle;  width: 110px;  z-index: 500;}
.innerDiv{ display:block; vertical-align:middle;}
.homeBanr{ position:relative;}
.owl-dots{ display:none !important;}
.owl-nav > div {  height: 54px;  width: 50px;   overflow: hidden;  position: absolute;   top: 50%; margin-top:-27px;  text-indent: 200px;}
.owl-nav .owl-next{ right: -65px; background:url(../images/rightarrow.png) no-repeat center center;}
.owl-nav .owl-prev{ left: -65px; background:url(../images/leftarrow.png) no-repeat center center;}

.joinCon{ background:#edf1f4; padding:30px; width:100%; text-align:center;}
.joinCon > h1 {  color: #272727;  display: inline-block;  font-family: open_sanslight;font-size: 26px;  font-weight: normal;  text-transform: uppercase;}
.joinCon > a {  color: #ff9c00;display: inline-block;  font-size: 26px;  text-transform: uppercase;}
.joinNow strong{color: #272727;  display: inline-block;font-size: 16px; font-weight:normal; }
.srcthInput {  border: 2px solid #cecece;  font-family: open_sanssemibold; display:inline-block;  font-size: 12px;  font-style: italic;height: 40px;  padding: 10px;  width: 356px;}
.srchBtn {  background: #5e5e5e none repeat scroll 0 0;  border: 0 none;  color: #fff;  cursor: pointer;  font-family: open_sanssemibold;  height: 40px;  padding: 0;  text-align: center;  width: 102px; display:inline-block; vertical-align:middle;}
.joinNow{ border-bottom:1px solid #fff; padding-top:20px; padding-bottom:40px; margin-bottom:20px;}
.srcthInput:focus{ border-color:#ff9c00;}
.srchBtn:hover{ background:#ff9c00;  transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;} 
.joinCon > p {  color: #272727;  font-size: 15px;  line-height: 25px;  margin-bottom: 20px;}
.footerCon {  background: #51647a;  margin-top: 60px; padding:20px 0;}
.leftFooter{ float:left; padding-top:5px;}
.footNav li{ float:left;}
.footNav li a{ color:#fff; text-transform:uppercase; font-size:11px; display:block;}
.footNav li a.footactive{ color:#e9f4ab;}
.footNav li a:hover{ color:#e9f4ab;}
.footNav li a:after{ content:"/"; color:#fff; text-transform:uppercase; font-size:11px; padding:0 10px; }
.footNav li:last-child a:after{content:"";}
.leftFooter > p{color:#fff; text-transform:uppercase; font-size:11px; display:block; margin-top:5px;}
.socIcons{ float:right; margin-top:5px;}
.socIcons a{ height:34px; width:34px; display:inline-block; background:url(../images/socIcon.png) no-repeat;}
.socIcons a.twiter{ background-position:-38px 0;}
.socIcons a.facebook{ background-position:-198px 0;}
.socIcons a.google{ background-position:-119px 0;}
.socIcons a.twiter:hover{ background-position:2px 0;}
.socIcons a.facebook:hover{ background-position:-158px 0;}
.socIcons a.google:hover{ background-position:-79px 0;}
.toggle{ display:none;}
.mobLogo{ display:none;}

/*login page css*/
.loginHd{color: #272727;  font-family: oswaldbook; font-size: 26px; text-align:center; padding:30px 0;}
.loginBox{ background:#fff; width:100%; max-width:734px; padding:20px; min-height:200px; margin:auto; padding-bottom:50px;}
.retCustHd{ position:relative; padding-left:36px;}
.returingCutIcon{ width:28px; height:32px; text-align:left; background:url(../images/returning_customer_icon.png) no-repeat center center; display:block; position:absolute;left:0; top:6px;}
.loginBox strong{ color:#000; text-transform:uppercase; font-size:18px; font-family:open_sanssemibold; display:block;}
.loginBox span{ color:#64676b; text-transform:inherit; font-size:14px;  display:block;}
.returningCustomer{ width:50%; float:left; padding-right:50px;}
.newCusromer{ width:50%; float:right; padding-left:50px;}
.newCustHd{ position:relative; padding-left:39px;}
.newCusticon{width:35px; height:35px; text-align:left; background:url(../images/new_custome.png) no-repeat center center; display:block; position:absolute;left:0; top:4px;}
.inputBox {border: 1px solid #c3b8b8;color: #9a9aba;  display: block;  font-family: open_sansregular;  font-size: 13px;  font-weight: normal;  padding: 8px;  width: 100%;}
.loginbxLeft{ margin-top:20px; position:relative;}
.loginbxLeft ul li{ margin-top:15px;}
.checkbox{ float:left;}
.checkLi > span {  float: left;  font-size: 12px;  margin: -2px 3px;  color: #ababab;}
.checkLi a{ color:#ed640d; font-size:13px; float:right; font-family:open_sanssemibold; margin-top:-2px;}
.checkLi a:hover{ text-decoration:underline;}
.checkLi{ margin-top:8px!important;}
.submitBtn{ background:#ed640d; color:#fff; font-size:14px; font-family:open_sanssemibold; text-transform:uppercase; display:block; cursor:pointer; box-shadow:0 0 3px #ddd inset; width:100%; padding:6px 0; border-radius:3px; border:1px solid #dc6b00;}
.submitBtn:hover{ background:#d65d06;}
.inputBox:focus {border: 1px solid #9ecfff; box-shadow: 0 0 8px #9ecfff;}
.loginbxRight .btn{ background:url(../images/loginBtnsback.png) repeat-x; width:240px; border:1px solid #737b82; border-radius:3px; font-size:16px; color:#fff; text-align:center; padding:10px 0; display:block; margin:20px auto;}
.loginbxRight .btn:hover{ opacity:.9;}
.loginbxRight > span { border: 1px solid #c8c8c8; border-radius: 100%; display: block;  font-size: 12px;  height: 30px;  line-height: 26px;  margin:22px auto;padding: 0;  text-align: center;  text-transform: uppercase;width: 30px;}
.rightLine {  background: #dde2e5 none repeat scroll 0 0;  height: 100%;  position: absolute;  right: -50px;  top: 0; width: 1px;}

.loginBox .formBox strong{ text-transform:inherit;}
.loginBox .formBox span{ text-transform:inherit; font-size:13px; color:#b1b1b1;}
.formBox{ max-width:420px; margin:20px auto 0 auto;}
.formBox ul{ margin:10px auto 0;}
.formBox ul li{ margin-bottom:15px; position:relative;}
.formBox ul li.fl{ width:48%; float:left;}
.formBox ul li.fl::after {  color: red;  content: "*";  font-size: 11px;  position: absolute;  right: -9px;  top: 32%;}
.formBox ul li.fr{ width:48%; float:right;}
.formBox ul li.fr::after {  color: red;  content: "*";  font-size: 11px;  position: absolute;  right: -9px;  top: 32%;}
.redStar {  display: inline-block;  vertical-align: middle;  font-size: 11px;  color: red;}
.alreadyaccount {  color: #ababab;  font-size: 14px;  font-style: italic;  text-align: center;  text-transform: inherit;}
.alreadyaccount a{  color: #ed640d;  font-family: open_sanssemibold;}
.alreadyaccount a:hover{ text-decoration:underline;}

.contactBox{ padding-right:280px; position:relative;}
.contactBox ul{ margin:8px 0 30px;}
.contactBox ul li{ margin:0px 0px 15px 0px; position:relative;}
.contactBox ul li.fl{ width:48%; float:left;}
.contactBox ul li.fr{ width:48%; float:right;}
.contactBox ul li.fl::after {  color: red;  content: "*";  font-size: 11px;  position: absolute;  right: -9px;  top: 32%;}
.contactBox ul li.fr::after {  color: red;  content: "*";  font-size: 11px;  position: absolute;  right: -9px;  top: 32%;}
.contactBox .submitBtn{ width:140px;}
.addressCon{ width:250px; position:absolute; right:10px; top:0;}
.addressCon p.nooontimeLabel{ color:#000; font-size:16px;}
.addressCon p{ font-size:15px; color:#64676b; padding:2px 0; width:170px;}
.addressCon a{ color:#ed640d; text-decoration:underline; font-size:14px; font-family:open_sanssemibold;}
textarea.inputBox{ height:140px; resize:none;}
.contactText > p {color: #64676b;font-family: open_sansregular;font-size: 13px;line-height: 20px;margin: 20px auto;}
.loginBox .signBox strong{ color:#64676b; text-transform:inherit; font-size:14px; font-weight:normal; font-family:open_sanssemibold;}
/*.loginBox.conBox{ padding-bottom:20px;}*/
.loginBox.conBox{ padding-bottom:0px;}


.termAndCondition{ background:#fff; width:100%; max-width:734px; padding:20px; min-height:200px; margin:auto; padding-bottom:0px;}
.termAndCondition h1{ font-size:26px; font-weight:normal; font-family:open_sanssemibold; text-transform:uppercase; color:#000;}
.termAndCondition strong{ font-size:14px; font-weight:normal; font-family:open_sanssemibold; text-transform:uppercase; color:#000; display:block; padding-bottom:13px;}
.termAndCondition h2{ font-size:16px; font-weight:normal; font-family:open_sanssemibold; text-transform:uppercase; color:#000; padding-bottom:0; padding-top:20px;}
.termAndCondition p{ font-size:13px; font-weight:normal; font-family:open_sansregular; color:#64676b; line-height:21px; padding-bottom:10px; position:relative;}
.termAndCondition span{ font-size:14px; font-weight:normal; font-family:open_sanssemibold; color:#64676b; line-height:21px; display:block; padding-bottom:10px;}
.termAndCondition ul{ margin-bottom:20px;}
.termAndCondition ul li{ font-size:13px; font-weight:normal; font-family:open_sansregular; color:#64676b; line-height:20px; list-style:lower-alpha; margin-bottom:6px; margin-left:13px;}
.termAndCondition.pPolicy label{ display:block; margin-bottom:2px; position:relative; padding-left:60px; font-size:13px; color:#64676b;}
.termAndCondition.pPolicy label strong {  display: inline-block;  padding-bottom: 0;  text-transform: capitalize; position:absolute; left:0; top:0; font-size:13px;}
.termAndCondition.pPolicy p {}
.termAndCondition.pPolicy p strong {  display: inline-block;  padding-bottom: 0;  text-transform: capitalize; position:relative; left:0; top:0; font-size:13px;}
.termAndCondition.pPolicy a {  color: #FF942E;}
.termAndCondition.pPolicy a:hover{ color:#000; text-decoration:underline;}

.faq{ background:#fff; width:100%; max-width:734px; padding:20px; min-height:200px; margin:auto; padding-bottom:50px;}
.faq strong { font-size:14px; font-weight:normal; font-family:open_sanssemibold; text-transform:uppercase; color:#000; display:block; margin-bottom:0; cursor:pointer; background:url(../images/plus.png) no-repeat left center; padding-left:30px; padding-top:18px; padding-bottom:18px;}
.openss{ background:url(../images/minus.png) no-repeat left center !important;}
.faq p {  font-size:13px; font-weight:normal; font-family:open_sansregular; color:#64676b; line-height:21px; padding-bottom:10px; position:relative; display:none; margin-top:10px; }
.faq li {  background: none repeat scroll 0 0 #f8f8f8 ;  margin-bottom: 5px;  padding:0  20px;}
.faq a{ color: #FF942E;}
.faq a:hover{ color:#000; text-decoration:underline;}

.topBar{ background:url(../images/topbar-back.png) repeat-x; width:100%; height:44px; padding:7px 10px;}
.customCon{background:#fff; width:100%;  padding:10px 20px; min-height:200px; margin:auto; min-height:1000px;}
.topBar img{ width:auto; display:inline-block; vertical-align:middle; cursor:pointer;}
.leftBar{ float:left;}
.rightbar{ float:right;}
.redu{ margin-left:10px;}
.saveNow{ display:inline-block; background:#828c93; padding:10px 0; color:#fff; font-size:15px; width:70px; border-radius:3px; text-align:center; vertical-align:middle; margin-left:10px;}
.saveNow:hover{ color:#fff; background:#FF942E;}
.leftBar > span{ display:inline-block; vertical-align:middle; color:#606060; font-size:14px; margin-left:0;}
.pricelevel{ display:inline-block; color:#000; text-transform:uppercase; font-size:15px; font-family:open_sanssemibold; margin-right:5px; vertical-align:middle;}
.pricelevel span{ color:#606060;}
.priceBox{ font-size:12px; padding:6px 0; width:50px; background:#fff; color:#606060; border:1px solid #ddd; display:inline-block; text-align:center; border-radius:3px; margin-right:3px;}
.addtocartBtn{ margin-top:-1px;}
.lftPart {float:left; width:210px; padding:20px 0; position:absolute; left:0; top:0; overflow:hidden;}
.rgtPart { padding:0 0 0 230px; width:100%;}
.cover {width:100%; height:710px; margin:auto; position:relative; background:#f8f8f8; box-shadow:0 0 0 10px #eff2f3  inset; overflow:hidden;}
.cover .image {position:absolute; left:0px; top:158px; z-index:100; cursor:pointer;width:56%;height:528px; box-sizing: border-box;overflow:hidden;padding:0px; right:0; margin:auto;}
.backBox {position:absolute; left:0px; top:50px; z-index:10; cursor:pointer;width:58%;height:600px;background-color:#180108; box-sizing: border-box;overflow:hidden; right:0; margin:auto;}
.customBox{ position:relative;}
.backImg{position:absolute; left:0px; top:10px; z-index:30; cursor:pointer;width:100%;height:688px; box-sizing: border-box;overflow:hidden; right:0; margin:auto;}
.cover .txt {position:absolute; left:22%; right:22%; top:210px; display:inline-block; text-align:center; color:#fff; z-index:300; font-size:14.5833px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;height:auto !important;}
#colorpicker,#shadowpicker{display:none;}
.image img{max-width:100%;}
.edit{-webkit-box-shadow:0 0 0 2px #dc6b00;-moz-box-shadow:0 0 0 2px #dc6b00;-ms-box-shadow:0 0 0 2px #dc6b00;box-shadow:0 0 0 2px #dc6b00;}
.edit .close {background:url(../images/close.png); width:17px; height:17px; display:block; position:absolute; right:-8px; top:-8px; cursor:pointer;}
.Alignment-option li{list-style:none;float:left;cursor:pointer;}
#addText {background: #828c93 none repeat scroll 0 0;border: medium none;border-radius: 3px;color: #fff;cursor: pointer;font-family: open_sanssemibold;font-size: 13px;padding: 6px 0;text-align: center;text-transform: capitalize;width: 100%;margin-top: 4px;}
.advance-styling{clear:both;}
.image{ background:none;}

/*-------------*/
.draggable{position: absolute; display: -moz-inline-stack;display: inline-block;top:0;zoom: 1;*display: inline;    cursor: pointer; left:0; right:0; margin:auto; min-width:55%; max-width:100%;       }
/*.rotatable.resizable > div > p{ word-wrap: break-word;color:#828c93;}*/
.rotatable.resizable > div > p{ word-wrap: break-word;color:#000000;/* display: inline-block;*/}

.resizable{    /*border: 1px solid #bb0000;*/   }
.resizable img{ width: 100%;   }
.ui-resizable-handle {background: #f5dc58;border: 1px solid #FFF;width: 9px;height: 9px;z-index: 2;}
.ui-resizable-se{right: -5px;bottom: -5px;}
.ui-rotatable-handle { background: rgba(0, 0, 0, 0) url("../images/rotating.png") no-repeat scroll 0 0;cursor: crosshair;height:20px;left:50%;margin:0 0 0 -5px;position:absolute;top:-12px;width:20px;}
.ui-rotatable-handle.ui-draggable-dragging{visibility:  hidden;}
body.white {background: #fff none repeat scroll 0 0;}

.leftBox{ margin-bottom:0; overflow:hidden;}
#addText:hover{ background:#ff942e ;}
.leftBox > div > div{ margin-bottom:12px;}
.leftBox h3 { background:#eff2f3;   box-shadow: 0 2px 0 #d8dfe2;color: #464646;  font-family: open_sanssemibold;  font-size: 14px;  font-weight: normal;  height: 36px;  padding: 9px 5px;  text-transform:capitalize; cursor:pointer; margin-bottom:6px;}
.plus-minus{ background:url(../images/custom-plus.png) no-repeat center center; height:17px; width:17px; float:right; margin-top:-1px;}
.leftBox h3.shownav  .plus-minus{background:url(../images/custom-minus.png) no-repeat center center;}
.leftBox label{ color:#464646; font-size:13px; display:block; font-family: open_sanssemibold; margin-bottom:5px;} 
.labelCon{ color:#555555; font-size:12px; display:block; font-family: open_sanssemibold; margin-bottom:5px;} 
.ui-slider{ margin-left:0;}
.sliderbx{ margin:0 0 15px 0;}
.leftBox .uplploadimages label {  display: inline-block;}
.uplploadimages > a {width: 100px;background: #828c93 ;color: #fff;font-size: 13px;display: inline-block;overflow: hidden;vertical-align: middle;margin-left: 18px;border-radius: 3px;text-decoration: none;font-family: open_sanssemibold;text-align: center;position: relative;padding: 6px 0;}
.fileClass {  padding: 6px;  position: absolute;  left: -20px;  top: 0;  cursor: pointer;  z-index: 20;  opacity: 0;}
.uplploadimages a:hover{background:#ff942e ;}
.Alignment-option {  background: #ededed none repeat scroll 0 0;  border: 1px solid #dfdcdc;  height: 37px;  padding:5px 4px;}
.redo{ margin-left:3px;}
.underline{ margin-right:0px;}
.hideClass{ display:none; padding-bottom:20px;}
.rightH2 { font-family: open_sanssemibold;  font-size: 14px;  font-weight: normal;  padding-top: 16px;  text-transform: uppercase;  padding-bottom: 3px;}
.textShadowColor {  margin: 25px 0 10px;}

.coming_soon{ color:#272727;text-align:center;font-size:26px;}
.coming{ background:#fff;padding:20px; max-width: 734px;width:100%;margin:auto;}
#checker{ float:right;font-size:13px;padding:4px 0 5px 0;color:#828c93;font-weight:bold;}
#checker:hover{ color:#ff9c00;}
.undo{  cursor: pointer;display: inline-block;vertical-align: middle;margin-left:7px;}
.redo{  cursor: pointer;display: inline-block;vertical-align: middle;}
#deleteText {background: #828c93 none repeat scroll 0 0;border: medium none;border-radius: 3px;color: #fff;cursor: pointer;font-family: open_sanssemibold;font-size: 13px;padding: 6px 0;text-align: center;text-transform: capitalize;width: 100%;margin-top: 4px;}
#deleteText:hover{ background:#ff942e;}
.customhd{ padding-bottom:5px;}
.click_change{ text-align:center;margin-bottom:20px;display:block;color:#000;}
.edit-border {-webkit-box-shadow:0 0 0 2px #dc6b00;-moz-box-shadow:0 0 0 2px #dc6b00;-ms-box-shadow:0 0 0 2px #dc6b00;box-shadow:0 0 0 2px #dc6b00;}
.blankspace {  float: left;  height: 24px;  width: 30px;}


/*listing page css*/
.ListingBox{ position:relative; width:100%; padding-left:230px; padding-top:20px;}
.topHd2{color: #272727;  font-family: oswaldbook; font-size: 20px; text-align:left; padding:5px 0;}
.lftPart.listingLEft .searchBar {  border: 1px solid #a7a7a7;  padding: 6px 10px;  width: 100%; margin-bottom: 10px;}
.listingOptpn {  background: #f7f9f9 none repeat scroll 0 0;  box-shadow: 0 2px 0 #d8dfe2;  padding: 10px;}
.listingOptpn li{ padding:4px 0;}
.listingOptpn input {  float: left;  margin: 2px 5px 0 0;}
.listingBox strong{ display:block; font-size:12px; font-family:open_sanssemibold; padding:3px 0; color:#000;height:28px}
.listingBox p{ display:block; font-size:12px;  padding:0px 0; color:#656565;}
.viwOtherOption{ width:142px; border-radius:3px; font-size:11px; color:#fff; padding:3px 0; text-transform:uppercase; background:#a7a7a7; text-align:center; display:block; margin:8px auto 0 auto }
.viwOtherOption:hover{ background:#ff7f05;}
.labelImg {  
/*height: 180px;*/
  width:100%; display:block; margin:auto; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;}
.listingBox a{ display:block; overflow:hidden; position:relative;}
.listingBox span {  background: rgba(0,0,0,.8) none repeat scroll 0 0;  bottom: 0;  color: #fff;  display: block;  left: 0; width:80px; margin:auto; height:30px;  line-height: 27px ; position: absolute;  right: 0;  text-transform:capitalize;  text-align: center;  top: 0;  z-index: 100; transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; font-size:12px;}
.listingBox a:hover span{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
#blah {  width: auto; height:100%;}
.image-container.draggable{ width:92%; height:94%; top:3%;}
.rotatable.resizable{ height:100%; color:#000;  }
.txt  .rotatable.resizable{  padding:0; min-height:auto !important; word-break: break-all;   word-wrap: break-word;}
.backgroundColor  a{ display:inline-block; margin:0 2px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; }
.backgroundColor > label {  text-align: left;  padding: 10px 0;}
.backgroundColor{ text-align:center;}
.backgroundColor a.selected img {  opacity: 0.2;}
.photoZoom-Large img {
  min-height: 250px !important;
  min-width: 200px !important;
}



.backgroundColor a img{transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; width:40px; }
.listingRight li{ width:160px; text-align:center; display:inline-block; vertical-align:top; margin-bottom:40px; margin-left:2px; margin-right:2px;position:relative;}
.zoom_image {
  background: #fff none repeat scroll 0 0;
  display: none;
  height: auto;
  left: 100%;
  position: absolute;
  top: 0;
  width: 350px;
  z-index: 9999;
}
.zoom_image img {
  border: 1px solid #ccc;
  display: block;
  height: 300px;
  margin: auto;
  max-width: 100%;
  width: auto;
}
.listingRight li:nth-child(4n+4) .zoom_image{ left:auto;right:100%;}
.listingRight li:nth-child(4n-1) .zoom_image{ left:auto;right:100%;}

.backgroundColor > label{ vertical-align:top;display: inline-block;padding:18px 15px 18px 0;}
.backgroundColor{ padding:12px 0; text-align:right; padding-right:130px;}

/*.rotatable.resizable.edit.ui-resizable p {
    border: 1px solid red;
    display: inline-block;
    padding: 5px;
}*/
/*Ashish
.txt .edit {
    box-shadow: 0 0 0 2px #fff;
    padding:5px !important;
    display:inline-block;
}
.txt .rotatable.resizable.edit.ui-resizable{height:auto !important;}*/

.editordiv{ width:100%; margin-top:10px; padding-bottom:10px;}
.editordiv label{ color:#464646; display:block; font-size:14px; font-family:open_sanssemibold; text-transform:uppercase;}
.shortDesc{ width:100%; border:1px solid #ddd; padding:10px; margin-top:5px; font-size:13px; line-height:22px; color:#656565; min-height:140px;}


.labelCon.toggleLabel {  float: left;  margin-bottom: 0;}

.toggleBtns {  display: block;  margin: 20px 0 13px;}


.switch-button-label {
    float: left;

    font-size: 10pt;
    cursor: pointer;
}

.switch-button-label.off {
    color: #adadad;
}

.switch-button-label.on {
    color: #0088CC;
}

.switch-button-background {
  background: #e4e4e4  none repeat scroll 0 0;
  border-radius: 10px;
  cursor: pointer;
  float: left;
  margin: 1px 10px;
  position: relative;
}
.switch-button-button {
  background: #ccc none repeat scroll 0 0;
  border: 3px solid #ccc;
  border-radius: 100%;
  left: -4px;
  position: absolute;
  top: -3px;
}
.switch-button-background.checked{ background:#ffc05f ;}
.switch-button-background.checked .switch-button-button{ background:#ef7e13; border-color:#ef7e13;}
.switch-button-label{ display:none !important;}
.toogleCon {  float: right;margin-right: 5px;  margin-top: 1px;}
.hdn{ padding:5px;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}

.sortable li {  background: #f8f8f8 none repeat scroll 0 0;  border-top: 1px solid #ddd;height: auto;  padding: 0;}
.sortable li:last-child {  border-bottom: 1px solid #ddd;}
.leftMove{ float:left;}
.rightMove{ float:right;}
.moveIcon {  display: inline-block;}
.moveIcon > img {  opacity: 0.5;  width: 17px;}
.sortable li {  background: #f8f8f8 none repeat scroll 0 0;  border-top: 1px solid #ddd;  height: auto;  padding: 15px 7px 10px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;}
.lock > img {  width: 17px;  opacity: .6;}
.lock {  display: inline-block;  vertical-align: top;}
.remove {  display: inline-block;  vertical-align: top;}
.remove > img {  width: 15px;  vertical-align: top;  margin-left: 5px;}
.layer {  font-size: 13px;  display: inline-block;  vertical-align: top;  color: #656565;  margin-left: 5px;}
.sortable li:hover{ background:#fff;}
.txt .rotatable{line-height:17px;}
.radius-btn, .spacing-btn, .reverse-btn{display:none;} 
.fixed-img img {
  width: 100%;
  height: 100%;
}.fixed-img {
  height: 94%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 3%;
  width: 92%;
}
.myaccount {
  position: relative;
}
.myaccount::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #fff;
  content: "";
  position: absolute;
  top: 7px;
  width: 0;
  right: -15px;
}
.mayAccDropDown {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: auto;
   position: relative;
}
.accDrop {
  background: #9aa2aa none repeat scroll 0 0;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 138px;
  z-index: 500;
  display: none;
}

.accDrop > a {
  border-bottom: 1px solid #a5adb5;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 10px;
  
}
.accDrop > a:hover {
  background: #8b939b none repeat scroll 0 0;
}

.ListingBox.ListingBox2 {
    padding-left: 0;
}

/*25/11/2015 css*/
.shopingCont{ padding:15px; background:#fff;}
.selctFormBox { height:38px; width:100%; position:relative;}
.selectInput.srchInput{ 
/*background:url(../images/selectdrop.png) no-repeat right 6px center #eeeeee;*/
 width:70px;  border: 0 none;border-radius: 3px;
font-family: open_sanssemibold;font-size: 12px;padding: 6px;width: 70px;}
select {  left: 0; 
 /*opacity: 0;  */
padding: 0px; height:30px;  position: absolute;  top: 0;  width: 100%;}
select option{ padding:3px 10px;}
.selctFormBox .select {font-size:12px; color:#666;}
.leftSideBar{ width:620px; float:left;}
.checkoutTable table th {  border: 1px solid #ddd;  color: #222;  font-family: open_sanssemibold;  font-size: 12px;  height: 48px;  text-transform: uppercase; width:140px; background:#f6f6f6; padding-left: 16px;}
.checkoutTable table td {  border-bottom: 1px solid #ddd;  color: #7f7f7f;  font-family: open_sanssemibold;  font-size: 13px;  height: 120px;  padding-left: 16px;
  text-transform:capitalize; width:140px; text-align:center; vertical-align:top; padding:12px 0;}
.lablimg > img {  width: 74px;}
.checkoutTable table{ border-collapse:collapse; border: 1px solid #ddd;}
.selctFormBox.selctFormBox{ width:68px; margin:auto;}
.checkoutTable a {  background: #c6c6c6 none repeat scroll 0 0;  display: inline-block;  height: 19px;  line-height: 20px;  margin: 0 2px;  text-align: center;  width: 19px; position:relative;}
.checkoutTable a img {  position: absolute;  left: 0;  right: 0;  margin: auto;  vertical-align: middle;  top: 3px;}
.checkoutTable a:nth-child(3) img {  top: 6px;}
.checkoutTable a:hover{ background:#FF7C00;}
.coupnBox label {  display: inline-block;  color: #494949;  text-transform: uppercase;  font-size: 14px; vertical-align:middle;}
.coupnInput {  width: 340px;  display: inline-block;vertical-align: middle;  margin-left: 10px;  position: relative; padding-right:122px;}
.coupnInput > input[type="text"] {  width: 220px;  border: 1px solid #c3b8b8;  color: #444;  font-family: open_sansregular;text-transform: capitalize;  font-style: italic;  padding: 10px;  height: 42px;}
.coupnBox{ text-align:right; margin-top:20px;}
.submitBtns.submitBtn {  height: 42px;  position: absolute;  right: 0;top: 0;  width: 122px;  border-radius: 0;}
.rightSideBar {  background: #f6f6f6 none repeat scroll 0 0;border: 1px solid #ececec;  float: right;  padding: 10px 15px;  width: 298px;}
.cardTotlHd {  display: block;  text-align: center;  text-transform: uppercase;  font-family: open_sanssemibold;  color: #191917;  font-size: 15px;  padding-bottom: 10px;}
.itemRow label {  color: #6d6c6c;  display: inline-block;  font-size: 14px;width: 86px;  font-family: open_sanssemibold;  padding-bottom: 11px;}
.itemRow label:nth-child(2) { text-align: center; padding-right: 10px;}
.totalRow {  border-bottom: 1px solid #dbd8d8;  border-top: 1px solid #dbd8d8;  margin: 4px auto 30px;  padding: 10px 0;}
.totalRow strong {  display: inline-block;  font-family: open_sansbold;  color: #454545;}
.totalBox {  width: 178px;}
.totalRow strong.red{ color:#fa1f1f;}
.itemRow label.red{ color:#fa1f1f;}
.rightSideBar a.submitBtn {  margin-bottom: 5px;  margin-top: 10px;  padding: 11px;  text-align: center;}
.pricelevel.priceleve2 {
  display: inline-block;
  margin-right: 20px;
}

.pricelevel.priceleve2 select {
  display: inline-block;
  opacity: 1;
  position: relative;
  width: 100px;
}

.reset_filter{ background:#ed640d; color:#fff; font-size:14px; font-family:open_sanssemibold; text-transform:uppercase; display:block; cursor:pointer; box-shadow:0 0 3px #ddd inset; width:100%; padding:6px 0; border-radius:3px; border:1px solid #dc6b00; margin-bottom:25px;}
.reset_filter:hover{ background:#d65d06;}


/*1/12/15*/
.shipingAddress{ margin-bottom:40px;}
.shipingAddress ul li.fl{ width:48%; float:left;}
.shipingAddress ul li.fr{ width:48%; float:right;}
.shipingAddress .selctFormBox.selctFormBox{ width:100%;}
.shipingAddress .selectInput.srchInput{ width:100%; border-radius:0; background:url("../images/selectdrop.png") no-repeat scroll right 6px center #fff; border:1px solid #c3b8b8; padding:8px; color:#9a9aba; font-family:open_sansregular; font-size:13px;}
.shipingAddress select{ height:34px;}
.shipingAddress label {  display: block;  font-size: 12px;  padding-bottom: 5px;  text-transform: capitalize;}
.shipingAddress li{ margin-top:10px;}
.shipingAddress strong{ display: block;  text-align:left;  text-transform: uppercase;  font-family: open_sanssemibold;  color: #191917;  font-size: 15px;  padding-bottom:0px;}
.shipingAddress ul li strong label {  padding-bottom: 0;}
.shipingAddress.cartDetails .submitBtn {  margin: 20px auto;  padding: 9px 0;  width: 100px;}
.expMonth { float: left; margin-right: 5%; width: 30%;}
.cvv {  float: right;  width: 30%;}
.shopingCont.paymentCompletion {  max-width: 650px;  margin: auto;}


.product_left{ width:24%;margin-top:0px;margin-bottom:30px;float:left;}
.filter_bg{ background:#f4f4f4;border:1px #ececec solid;padding:9px 12px;border-radius:3px;}
.filter_hd{ color:#4c4c4c;font-size:16px;text-transform:uppercase;border-bottom:1px #e5e5e5 solid;padding-bottom:12px;margin-bottom:15px;background:url(../img/next2.jpg) no-repeat right top;display:block;}
.logout_box{ background:#f6f6f6;border:1px #ececec solid;padding:12px;margin-bottom:20px;}
.user_image{ width:100%;display:block;margin:auto; position: relative;}
.user_name{ width:calc(100% - 60px);display:inline-block;vertical-align:top;font-size:14px;text-transform:uppercase;padding:8px 0;border-radius:2px;}
.user_name span{ display:block;color:#6d6c6c;font-weight:bold;font-size:14px;padding-bottom:4px;}
.user_name a{ display:block;color:#dc6b00;font-size:12px;transition:all 0.4s ease;-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}
.user_name a:hover{ color:#10103e;}
.order_tab{ background:#f4f4f4;border:1px solid #ececec;}
.order_tab li:last-child {  border-bottom: 0;}
.order_tab li a{ padding:12px 4px;display:block;color:#6e6e6e;font-size:14px;text-transform:uppercase;transition:all 0.4s ease;-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}
.order_tab li{ border-bottom:1px #e9e9e9 solid;transition:all 0.4s ease;-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}
.order_tab li a small{ width:16px;height:15px;display:inline-block;background:url(../images/order.png) no-repeat center center;transition:all 0.4s ease;-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease; vertical-align:middle;}
.order_tab li a small.profile{ background-position:0 0;}
.order_tab li a small.order{ background-position:-15px 0;}
.order_tab li a small.my_wishlist{ background-position:-33px 0;}
.order_tab li a small.address_book{ background-position:-47px 0;}
.order_tab li a small.setting{ background-position:-61px 0;}
.order_tab li a span{ vertical-align:middle; padding-left:10px;display:inline-block;}
.order_tab li a.active,.order_tab li a:hover{ color:#fff;background:#dc6b00;}
.order_tab a.active small.profile,.order_tab a:hover small.profile{ background-position:0 -13px;}
.order_tab a.active small.order,.order_tab a:hover small.order{ background-position:-15px -15px;}
.order_tab a.active small.my_wishlist,.order_tab a:hover small.my_wishlist{ background-position:-33px -15px;}
.order_tab a.active small.address_book,.order_tab a:hover small.address_book{ background-position:-47px -15px;}
.order_tab a.active small.setting,.order_tab a:hover small.setting{ background-position:-61px -16px;}

.product_rgt{ float:right;width:74%;vertical-align:top;margin-top:0px;margin-bottom:30px;}
.headLine strong {display: inline-block;  color: #dc6b00;  margin-left: 10px; font-size:16px;}
.headLine span {display: inline-block;   margin-left:0px; font-size:16px;}
.headLine{ font-size:14px;}
.headLine a{color: #dc6b00;}
.headLine a:hover{color: #dc6b00; text-decoration:underline;}
.shipingAddress.myprof{ margin-top:20px;}
.myprof .submitBtn {  margin: 30px auto 0;  width: 120px;}
.shipingAddress.myprof.vewPersonalInfo label {  display: inline-block;  font-size: 14px;  width: 140px; color:#333; font-family:open_sanssemibold;}
.shipingAddress.myprof.vewPersonalInfo ul li.fl , .shipingAddress.myprof.vewPersonalInfo ul li.fr{ float:none; width:100%;}
.shipingAddress.myprof.vewPersonalInfo span { font-size: 14px;}
.myordersCon .checkoutTable table td{ width:auto;}
.checkoutTable a.delete img{top:6px;}
.checkoutTable a.addTocardBtn.submitBtn{ background:#ed640d; color:#fff; font-size:14px; font-family:open_sanssemibold; text-transform:uppercase; display:block; cursor:pointer; box-shadow:0 0 3px #ddd inset; width:90px; font-size:11px; margin:auto; padding:3px 0; border-radius:3px; border:1px solid #dc6b00; height:auto;}
.checkoutTable a.addTocardBtn.submitBtn:hover{ background:#d65d06;}
.myOrders .checkoutTable table td{ width:auto;}
.myTransaction .checkoutTable table td{ width:auto;}
.settingtab{ width:100%; margin-bottom:20px;}
.settingtab ul li{ width:33.30%; float:left;}
.settingtab a {  background: #ddd none repeat scroll 0 0;  color: #444;display: block;  font-family: open_sanssemibold;  font-size: 13px;  padding: 10px 0;  text-align: center;  text-transform: uppercase;}
.settingtab ul li:nth-child(2) a {  border-left: 1px solid #ccc;  border-right: 1px solid #ccc;}
.settingtab a.settingTabactive{ background:#dc6b00 ; color:#fff;}
.changePassCon ul li{ margin-bottom:15px;}
.changePassCon ul li span{ font-size:14px; display:block; color:#7f7f7f; padding-bottom:3px;}
.changePassCon{ max-width:450px; padding:0px 0 30px; margin:auto; width:90%;}
#tab2 > ul{border: 1px solid #ccc;  background: #f6f6f6;  padding: 25px;}
.myTransaction .checkoutTable table td.pending { color:#ff0000;}
.myTransaction .checkoutTable table td.success { color:green;}
#tab2 .submitBtn {margin: 30px auto 0;  width: 120px;}
.custonCon{ text-align:center; padding:15px 0;}
.custonCon h2 {display: block;text-align: center;  padding-bottom: 6px;  font-size: 20px; font-family:open_sanssemibold;  color: #333;  text-transform: uppercase;}
.custonCon strong{ display:block; text-transform:capitalize; font-size:17px; font-weight:normal; margin-bottom:15px; color:#000; font-family:open_sanssemibold;}
.custonCon > p {display: block;max-width: 830px; font-size:15px;  width: 100%;  margin: 0 auto 10px auto;  line-height: 22px;}
.customRate {  border-top: 1px solid #ddd;  margin-top: 30px;  padding-top: 25px;}
.customRate > h2{ margin-bottom:16px;}
.priceRateBx{ width:220px; display:inline-block; margin:0 30px; border:7px solid #f0f0f0; border-radius:8px; overflow:hidden;}
.priceName {  background: #666 none repeat scroll 0 0;color: #fff;  display: block;  font-family: open_sanssemibold;  font-size: 23px;padding: 14px 0;  text-transform: uppercase;}
.priceRate {  display: block;  background: #444;  color: #fff;font-size: 24px;  font-family: open_sanssemibold;  padding: 6px 0;}
.description {  color: #666;  padding:15px 9px;}
.buyCon a {  background: #666 none repeat scroll 0 0;  color: #fff;  display: block; padding: 15px 0; text-transform: uppercase;}
.price2 .priceName {  background: #dc6b00 none repeat scroll 0 0;}
.price2 .priceRate {  background: #cc5b05 none repeat scroll 0 0;}
.price2 .buyCon a {  background: #dc6b00 none repeat scroll 0 0;}

.price3 .priceName {  background: #0c2e3a none repeat scroll 0 0;}
.price3 .priceRate {  background: #001c28 none repeat scroll 0 0;}
.price3 .buyCon a {  background: #0c2e3a none repeat scroll 0 0;}

.extraDetails{ font-size:15px; margin-top:25px; max-width:830px; margin:25px auto 0 auto;}
.extraDetails a {  color: #dc6b00 ;}
.extraDetails a:hover{ text-decoration:underline;}
.extraDetails > p{ margin-bottom:10px;}
.custonCon .extraDetails strong {  display: inline;  font-size: 16px;}

.labelApp{ text-align:center; padding:15px 0;}
.lavbelAppBx{ width:45%; display:inline-block; vertical-align:top; margin:0 2% 50px 2%; text-align:left;}
.labelImg1{box-shadow:0 0 0 10px #ececec inset; padding:10px;}
.labelImg1 img{ width:100%;}
.lavbelAppBx strong {  color: #222;  display: block;  padding: 15px 0 3px;  text-transform: uppercase;}
.lavbelAppBx > p {  font-size: 15px;}
.aboutCon > p {  text-align: center;font-size: 15px;  line-height: 24px;  margin: 10px auto;  max-width: 821px;}
.ourVideos {  padding: 24px 0;  text-align: center;}
.videoBox {   display: inline-block;  margin: 0 2% 40px;   width: 45%;}
.video{ width:100%;  box-shadow: 0 0 0 8px #ececec inset; padding: 8px; line-height:0; background:#000; }
.video iframe {  height: 260px;  line-height: 0;}
.videoName {  color: #222;  display: block;  font-family: oswaldbook;  font-size: 24px;  padding-top: 10px;  text-align: left;  text-transform: uppercase;}
.checkoutTable table td{ border:1px solid #ddd; height:auto;}
.headers { background: #d1d1d1  none repeat scroll 0 0;}
.checkoutTable table tr.headers td {  color: #000;  font-family: open_sansregular;  font-weight: bold !important;  padding: 10px 0;}
.shopingCont .checkoutTable table td{ padding:5px 0;}


.editIcon2 {
  background: #dc6b00 none repeat scroll 0 0;
  bottom: 10px;
  display: block;
  height: 20px;
  overflow: hidden;
  position: absolute;
  right: 4px;
  text-align: center;
  width: 20px;
}
.oprnFile {
  cursor: pointer;
  left: -10px;
  opacity: 0;
  position: absolute;
}
.user_image > img {
  width: 100%;
}

#noData {
  background: #f2f2f2 none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #dc6b00;
  display: block;
  font-size: 24px;
  padding: 30px 0;
  text-align: center;
  text-transform: capitalize;
}

.alertBox {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  left: 0;
  margin:-80px auto 0;
  max-width: 350px;
  padding: 30px 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 50%;
  width: 100%;
  z-index: 8000;
}
.backBg {
  background: rgba(0, 0, 0, .8) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 5000;
}


#alertmsg {
  margin-bottom: 20px;
}
.faIcon {
  color: #333;
  padding-right: 7px;
  text-align: right;
}
.faIcon a {
  color: #333;
  margin-left: 2px;
}
.faIcon a:hover {
  color: #d65d06 ;
  text-decoration: none;
}

/*---canvas--*/

.canvas{
    
}

/* Delete Layer */
.deleteLAyer{display:block; float:right; background-clip:#ccc; width:21px; height:20px; background-image:url(../images/close.png); background-repeat:no-repeat; background-position:center center; border:solid 1px #ddd; cursor:pointer; margin-right:-7px; position:relative; z-index:20; opacity:0.5;}
.deleteLAyer:hover{opacity:1;}

.activeFontStyle{
    
}
li.activeFontStyle img {
    border-bottom: 2px solid #797979;
}

.addressBox{ margin-top:30px; padding-bottom:20px;}
.addressBox h2{ display: block;  text-align:left;  text-transform: uppercase;  font-family: open_sanssemibold;  color: #191917;  font-size: 18px;  padding-bottom:8px;}
.addressBox p { color: #6d6c6c; font-size: 16px; margin-top: 6px;padding-bottom:0px;}
.addressBox p.usname {  font-family: open_sanssemibold;}
.addressBox p span {  color: #000;  display: inline-block ; width: 72px;}
.row {  display: inline-block;  width: 100%;  border: 1px solid #ddd;  background: #f8f8f8;  padding: 15px;}
.BillingRow{ margin-top:10px;}


/*08/02/2016*/
.thankU {background: #fff none repeat scroll 0 0;margin: auto;max-width: 700px;border: 3px solid #f5f5f5;padding: 100px 50px;text-align: center;}
.thankUcon{ position:relative; padding-top:80px;}
.thankU h1 {  color: #dc6b00;  font-size: 63px; font-family: sans-serif;}
.oredrId{ margin-top:10px;}
.oredrId strong { color: #000;}


/* css to align the canvas in the center */
.canvas-container{
     margin:auto;
}

input[type="number"]{
width:50px;
}

.textmsg{ font-size:13px;padding-bottom:2px;}

.pop_guest{
width:200px;
 display:inline-block; background:#828c93; padding:10px 0; color:#fff; font-size:15px;border-radius:3px; text-align:center; vertical-align:middle; margin-left:10px;margin:10px;
}

.retailerbanner{
margin-left:81px;

}

.noimage{
 margin-left: 39px;

}
.listingdiv{ height:180px; border:1px solid #ddd; margin-bottom:10px;}
img {
  max-width: 100%;
}