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

@font-face {
    font-family: 'ubuntulight';
    src: url('../fonts/ubuntu-l-webfont.woff2') format('woff2'),
         url('../fonts/ubuntu-l-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'ubuntumedium';
    src: url('../fonts/ubuntu-m-webfont.woff2') format('woff2'),
         url('../fonts/ubuntu-m-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'ubunturegular';
    src: url('../fonts/ubuntu-r-webfont.woff2') format('woff2'),
         url('../fonts/ubuntu-r-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

.withAuto { width:auto !important;}

.maxImg { min-width:100%; max-width:100%; }
.subpkgLeft02 { padding:15px;  margin-bottom:10px;}
.subpkgLeft02.white { background:#fff; }
.subpkgLeft02.red { background:#DE2747; color:#fff; }
.contentWrapper.showSecurity { padding-bottom:90px;}



#imgExpLogo,
#ctl00_imgExpLogo { max-width:62%;}
.margin_topNormal_input { margin-top:5px !important; }
.margin_rightNormal_input { margin-right:5px !important; }
.margin_bottomNormal_input { margin-bottom:5px !important; }
.margin_leftNormal_input { margin-left:5px !important; }

.h1, h1 { font-size: 20px; }
.h2, h2 { font-size: 18px; }
.h3, h3 { font-size: 16px; }
.h4, h4 { font-size: 14px; }
.h5, h5 { font-size: 12px; }

.text-warning { color: #F7952B;}
.text-darkpink { color:#D7147B;}
.tableborderWrapper { border:1px solid #ccc; background:#fff; box-shadow:2px 1px 2px #ccc; padding:20px; }


h1,h2,h3,h4,h5,h6,
.btn.btn-link { color:#3A6EAA;}

.btn-warning { background-color: #A8C1F1;  border-color: #A8C1F1; color: #fff;     background-image: linear-gradient(to bottom,#A8C1F1 0,#A8C1F1); }

.search.form-control { background:url(../images/icon_search.png) 98% center no-repeat; padding-right:32px   }
.greyContainer { margin:15px 0; padding:30px 15px; background:#F0F0F1; width:100%;}

body { font:normal 13px/20px "Ubuntu","ubunturegular","Myriad Pro", "Myriad Pro Cond", "Trebuchet MS", Tahoma, Arial;  background:#fff;}
.navbar-default { min-height:initial; background:#fff;  border:none; margin-bottom:0; box-shadow: none;}
.navbar-default .container { display:block;  }

.navbar-default #logo { padding:8px 0; }
.navbar-default .live_online { padding:5px 60px 5px; min-height:52px;  background:url(../images/Asset%201.png) center right no-repeat; float:right; margin-top:5px; }
.navbar-default .live_online span{  width:100%; float:right; text-align:right; color:#A6A6A6;}
.navbar-default .live_online a {  width:auto; float:right; text-align:right; color:#A6A6A6;}
.navbar-default .live_online a { text-decoration:none; color:#3A6EAA; }
.navbar-default hr {  border-top:3px solid rgba(0, 0, 0, .2); margin:0;}

.navbar-default .wideHr.bottom { border:none; width:100%; height:7px; margin:0; left:0; bottom:-7px; position:absolute; background:rgba(0, 0, 0, .2); margin:0; padding:0; z-index:10;}

.pageMainHead { background:#c8c8c8; padding:0px 0;   }

.menuWrapper { background:#3A6EAA; min-height:35px; } 
.menuWrapper .btn { background:none; border:none; color:#fff;}
.menuWrapper .btn:hover { color:#e2e2e2; }
.menuWrapper .btn .glyphicon { color:#fff;}
.menuWrapper .btn:hover .glyphicon  { color:#e2e2e2; }

.menuWrapper .dropdown { max-width:150px; float:right; }
.menuWrapper .dropdown .dropdown-menu { left:auto; right:0; min-width:300px; padding:0px 0  15px; background-image: url(../images/menu_bg_top.png), url(../images/icon-lock.png); background-position: right 110px, right bottom; background-repeat: no-repeat; }
.welcome { }
.menuWrapper .dropdown .dropdown-menu li { padding:0; width:100%; float:left; padding:7px 15px;}
.menuWrapper .dropdown .dropdown-menu li a { padding:0px 15px 3px 25px; background:url(../images/icon_bullet_pink.png) 0px 0 no-repeat; color:#333;}
.menuWrapper .dropdown .dropdown-menu li.active a {  color:#E41E91;}
.menuWrapper .dropdown .dropdown-menu li.userContainer {  padding:15px;  background:#616261; margin-bottom:15px; color:#aaa; }
.menuWrapper .dropdown .dropdown-menu li.userContainer img { margin:0 ; width:30%; float:left; }



.userContainer .userDetails { width:70%; float:left; padding:5px 15px 0;}
.userContainer .userDetails .welcome { width:100%; float:left;  }
.menuWrapper .dropdown .dropdown-menu li.userContainer  .userDetails .welcome img { width:auto; margin-bottom:10px;}
.userContainer .userDetails label { width:100%; float:left;  }
.wrapper { position:relative; width:100%; float:left; }

.wrapper .container { background: #fff url(../images/icon-lock.png) right bottom no-repeat; padding:20px 20px; min-height:400px;background: #ffffff;
    background: -moz-linear-gradient(left, #ebebeb 0%, #ffffff 5%, #ffffff 95%, #ebebeb 100%);
    background: -webkit-linear-gradient(left, #ebebeb 0%,#ffffff 5%,#ffffff 95%,#ebebeb 100%);
    background: linear-gradient(to right, #ebebeb 0%,#ffffff 5%,#ffffff 95%,#ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ebebeb',GradientType=1 );}
.userContainer img { max-width:80px;}

.loginWrapper { background:#3A6EAA; color:#fff; margin: 40px 0 0; padding: 30px 0; width: 100%; }

.wrapper .container .page_Header { border-bottom:3px solid #D8D6D5; color:#3A6EAA; }




.contentWrapper { padding-top:25px;  }
.contentWrapper.borderLeft-divider {}
.content { border-left:2px solid #3A6EAA;}

.downloadBlock {background: rgba(0, 0, 0, 0) url("../images/download-your-free-expoconnect.png") no-repeat scroll left top / 85% auto; color: #3A6EAA; height: 80px; margin: 20px 0 0; padding-right: 65px; padding-top: 42px; text-align: right; width: 365px; }
.downloadBlock a { color:#3A6EAA; }
.userCardDetails { background:#fff; padding:20px; box-shadow:1px 1px 3px #333; }
.greyContainer .userEdit { margin:0 auto; }

.formWrapper { width:100%; float:left; margin:15px 0; }
.formWrapper h3 {  width:100%; float:left; background:#616261; margin:0; padding:15px 10px;  color:#fff; }
.formWrapper .formContainer { width:100%; float:left; background:#F89828; margin:0; padding:15px 10px; list-style:none; }
.formWrapper .formContainer li { padding:10px 15px; font-size:11px;}

.table.orangeHeadbg { background:#fff; }
.table.orangeHeadbg tr th { background:#F89828; color:#fff; text-align:center;text-transform:uppercase }

.clientDetailsContainer {  background:#fff; padding:20px; box-shadow:1px 1px 3px #333;}
.clientDetailsContainer ul { margin:0; padding:0; list-style:none; }
.clientDetailsContainer ul .clientDetails  { }
.clientDetailsContainer ul .clientDetails img {  margin:0 20px 0 0; }
.col_reapprove { width:211px; height:57px; background:url(../images/Asset%2028.png) left top no-repeat; font-size:10px; color:#E32490; padding:32px 0 0 76px; float:left;}
.col-print { width:130px; float:right; text-align:right; background:url(../images/icon_printer.png) left center no-repeat; padding-left:35px; }
.footerSecurity { min-height:95px; width:100%; position:relative; }
.footerSecurity img{ position:relative; right:-20px; bottom:-20px; }
.footer { background:#2F292A; text-align:center; color:#fff; min-height:40px; width:100%; padding:10px 0;}



/* ------- July 19  ----------- */

.colour_Coding_Container { width:100%; float:left; box-shadow:0 0px 10px rgba(0,0,0,.5); margin:0; padding:0;}
.colour_Coding_Container h3 { width:100%; float:left; min-height:40px; padding:15px 0; background:#F89828; color:#fff; text-align:center; margin:0;}
.colour_Coding_Container .colourCodes { text-align:left; padding:25px; width:100%; float:left; min-height:200px;  background:url(../images/pict_rocket.png) 98% 98% no-repeat; }

.colour_Coding_Container .colourCodes ul.cc_lists { list-style:none; margin:0; padding:0; } 

.colour_Coding_Container .colourCodes ul.cc_lists li { margin:0; padding:5px 0; } 
.colour_Coding_Container .colourCodes ul.cc_lists li .cc-sm { float:left; margin-right:10px; margin-top:4px; }
.cc-sm { width:14px; height:14px; border-radius:50%; display:inline-block; }

.cc-sm.cc-darkblue { background:#2272B8; }
.cc-sm.cc-darkblue-tick { background: url("../images/icon_tick_sm.png") center center no-repeat #2272B8; }
.cc-sm.cc-red { background:#F04A3F; }
.cc-sm.cc-red-tick { background: url("../images/icon_tick_sm.png") center center no-repeat #F04A3F; }
.cc-sm.cc-lightgreen { background:#A2CF60; }
.cc-sm.cc-lightgreen-tick { background: url("../images/icon_tick_sm.png") center center no-repeat #A2CF60; }
.cc-sm.cc-green { background:#2AA05F; }
.cc-sm.cc-green-tick { background: url("../images/icon_tick_sm.png") center center no-repeat #2AA05F; }
.cc-sm.cc-greenishBlue { background:#13988A; }
.cc-sm.cc-greenishBlue-tick { background: url("../images/icon_tick_sm.png") center center no-repeat #13988A; }
.cc-sm.cc-blue { background:#009DDC; }
.cc-sm.cc-blue-tick { background: url("../images/icon_tick_sm.png") center center no-repeat #009DDC; }
.cc-sm.cc-yellow { background:#FBC647; }
.cc-sm.cc-yellow-tick { background: url("../images/icon_tick_sm.png") center center no-repeat #FBC647; }
.cc-sm.cc-pink { background:#E41D91; } 
.cc-sm.cc-pink-tick { background: url("../images/icon_tick_sm.png") center center no-repeat #E41D91; }


.loginWrapper { background:#3A6EAA; padding:30px 0; margin-top:10px; }

.loginWrapper .security_logo .imgContainer { background:#fff; padding:22% 0 0 22%; }


.formLogin {  width:100%; float:left; }

.formLogin .formContainer { width:100%; float:left;  margin:0; padding:0 10px 15px 10px; list-style:none;  font-size:12px; }
.formLogin .formContainer li { padding:10px 25px; font-size:11px;}
.formLogin .formContainer li label { color:#fff; margin-bottom:0;  font-size:12px; }
.formLogin .formContainer li:first-child { padding-top:0px; padding-bottom:0px;}

.formLogin .formContainer li.btnBlock a { color:#fff;  font-size:12px; }

/* ------------ Baisc Styles --------------- */

table tr th { background: #E2E3E4; padding:8px 5px; }

.txtpink  { color:#E2168D; }
.minheightSpace { height:5px;}
.spacer { clear:both; height:5px;  }

/* -------------  Latest Styles ------------------ */

.sidebar ul.menu { float:left; width:100%; margin:0 0px; padding:0; list-style:none;  }
.sidebar ul.menu li { width:100%; margin:0 0 10px; padding:0; list-style:none; float:left; display:block; }
.sidebar ul.menu li  { width:100%; text-align:center; background:#3A6EAA; color:#fff;   float:left; font-size:16px;}
.sidebar ul.menu li a { width:100%; text-align:center; background:#3A6EAA; color:#fff; padding:10px 0; margin:0; float:left; font-size:16px;}
.sidebar ul.menu li a:hover { text-decoration:none;}

#leftHead { padding:15px;  word-break:break-all; word-wrap:break-word; text-wrap:none; text-align:left; }


.sidebar .sidebarBoxWrap { float:left; width:100%; margin:0 0 15px; padding:0; text-align:center;}
.sidebar .sidebarBoxWrap h3 { text-align:center; background:#3A6EAA; color:#fff; padding:10px 0; margin:0;  }
.sidebar .sidebarBoxWrap .sidebarBox { text-align:center; background:#FAFAFB; color:#000; padding:15px;   }

.subHeadding input[type="radio"] { margin-left: 5px; margin-right:3px; }

.page_Header h1 { font-size:22px;}

/*----------- Login ------------  */

.container { max-width:1140px; padding-left:0 !important; padding-right:0 !important;} 
#lLogin { width:70% !important; transform: translateX(-21.5%); position:relative; left:30%;    }
    
#pHomeText { padding:20px; background:#AFB0B0; color:#fff; font-size:16px;}




/* --------  Form Styles  -------- */

.formContainer { margin:0; padding:0px 0 20px; list-style:none; float:left; width:100%; }
.formContainer.row { margin-left:-15px; margin-right:-15px; }
.formContainer li { padding-top:7px; padding-bottom:8px; list-style:none; }

.modal-header { padding:9px 15px; border-bottom:1px solid #eee; background-color:#444; color:#fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

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

.container .content .category_block { padding-top: 15px;  }
.container .content .category_block .fIcons,
.container .content .category_block .AVIcons { border: 1px solid #f90; float: left; height: 130px; margin: 0 1% 15px 1%; padding: 5px; text-align: center; width: 18%; line-height:1em !important; }
.container .content .category_block .fIcons a,
.container .content .category_block .AVIcons a { color: #666; text-decoration: none; }
.container .content .category_block .fIcons .fIconspic,
.container .content .category_block .AVIcons .AVIconspic { height: 85px;}
.fIconspic img,
.AVIconspic img { margin-top: 10px; max-width: 57px !important; }

.container .content .category_block .SPIcons { border: 1px solid #ccc; float: left; height: 450px; margin: 0 10px 15px 0; padding: 5px; text-align: center; width: 335px; }

.spPrice { background-image: url("../images/spPrice.gif"); color: #ffffff; float: left; font-size: 12px; font-weight: bold; margin-right: 10px; padding-bottom: 22px; padding-top: 20px; text-align: center; width: 59px;  background-repeat: no-repeat;line-height: 13px;}

.sizeTable {width:98% !important}

.spTitle { color: #000000; font-size: 20px; font-weight: bold; margin-bottom: 3px; margin-top: 0; text-align: left; }

.container .content .category_block .SPIcons a { color: #666; text-decoration: none; }
.SPIcons img { max-width: 250px !important; }
.spConfigTitle { color: #f48024; font-size: 12px; font-weight: bold;  margin-bottom: 0; margin-top: 5px;  text-align: left; }

.spConfigs { float: left; font-size: 9px;  margin-bottom: 5px;  margin-top: 5px;  text-align: left;  width: auto; }

.spText { font-size: 9px;  text-align: left;  width: 59px; }

.spColL { float: left; font-size: 11px;  margin-top: 5px; text-align: left;  width: 150px; }

.spColR { float: right; font-size: 11px;  margin-top: 5px;  text-align: left;   width: 165px; }




/* 11 -22-2016 */

.contentWrapper .stand_package_block														{ width:750px; margin:10px 0; min-height:300px;  float:left;} 

.contentWrapper .stand_package_block h3													{ width:100%; padding:10px 0; }
.contentWrapper .stand_package_block p													{ width:100%; padding:5px 0; }
.contentWrapper.stand_package_block .stand_feature										{ width:100%; padding:0px 0 5px; }

.contentWrapper .stand_package_block .stand_feature .note								{ background:#d00; border:1px solid #c00; color:#fff; padding:5px;}
.contentWrapper .stand_package_block .stand_feature .grey								{ background:#f2f2f2; border:1px solid #ccc; color:#333; padding:5px;}

.contentWrapper .stand_package_block .stand_feature .right_block							{ width:98%; float:left; padding:10px 0 0 2%; }



.contentWrapper.stand_package_block .stand_feature .right_block	 ul,
.contentWrapper .stand_package_block .stand_feature .right_block	 ul li					{ width:98%; float:left; padding:0 0 5px 2%; list-style:none; margin:0; }

.contentWrapper .stand_package_block .stand_feature .right_block	 ul li label			{ width:20%; padding-right:4%; text-align:right; float:left; font-weight:bold;}
.contentWrapper .stand_package_block .stand_feature .right_block	 ul li span				{ width:70%; float:left;}
.contentWrapper .stand_package_block .stand_feature .right_block	 ul li input			{ float:left; width:6%;}

.contentWrapper .stand_package_block .stand_feature .right_block h3										{ width:98%; float:left; font:bold 13px/20px Arial, Helvetica, sans-serif;}
.contentWrapper .stand_package_block .stand_feature .right_block h4										{ width:98%; float:left; font:bold 13px/20px Arial, Helvetica, sans-serif;}
.contentWrapper .stand_package_block .stand_feature .right_block	 ul.optional_signage li					{ width:98%; float:left; padding:0 0 5px 2%; list-style:none; margin:0; }
.contentWrapper .stand_package_block .stand_feature .right_block	 ul.optional_signage li label			{ width:29%; float:left; text-align:left; font-weight:normal;}
.contentWrapper .stand_package_block .stand_feature .right_block	 ul.optional_signage li label input			{ width:auto; float:left; margin:3px 5px 0;}





/* Cart css *****************************************************************************************************************************************/

/* Listing products */
.productListingContainer ul li{list-style:none}

.productSelection{
	display: table;
	width: 100%;
	text-align: center;
	padding: 25px 0 20px;
}
.productSelection li{
	display: inline-block;
	padding: 0 15px;
}
.productSelection li a{
	color: #6a6868;
	font-size: 17px;
	font-weight: 700;
	font-family: 'TrebuchetMS-Regular';
	display: inline-block;
	line-height: 1;
	padding: 9px 30px;
	border: 3px solid #e0e0e0;
}
.productSelection li:first-child{

}
.productSelection li a.active,
.productSelection li a:hover{
	background-color: #F77F00;
	color: #ffffff;
	border: 3px solid #f36c3f;
}
.productsWrapper ul{
	display: table;
	width: 100%;
	text-align: center;
}
.productsWrapper ul li{
	width: 261px;
	padding: 18px 11px;
	display: inline-block;
	float:left;
}
.productDesc .thumbnail a{display: block;}
.productDesc .productDetail{  padding: 10px 12px 0 10px;min-height:120px; }
.productDesc h3{
	padding: 0 0 10px;
	line-height: 1;
	border-bottom: 1px solid #e0e0e0;
	text-align: left;	
}
.productDesc h3 a{
	font-size: 15px;
	font-weight: 400;
	font-family: 'TrebuchetMS-Regular';
	color: #000000;
	display: block;
}
.productDesc h4{
	text-align: left;
	/*padding-top: 9px;*/
	color: #f77e00;
	font-size: 26px;
	font-weight: 700;
	font-family: 'TrebuchetMS-Regular';
	line-height: 1;
}
.productDesc h4 span{
	font-size: 15px;
	font-weight: 400;
	font-family: 'TrebuchetMS-Regular';
	color: #6a6868;
	display: inline-block;
}
.productListingContainer > li div.productListing .toggle_list {    display: none;}
.productListingContainer > li ul li {    border-bottom: 1px solid #ccc;   color: #666;    float: left;    font-size: 16px;    font-weight: normal;    padding: 10px 0;    text-align: left;   width: 100%;} 


.productListingContainer { margin:5px 0 10px; list-style:none; padding:0;}
.productListingContainer   li  div.productListing { padding:20px 15px 10px;}

.productListingContainer > li { height:360px; position:relative;background:#fff; }

.productListingContainer > li  div.productListing  .toggle_list { display:none;}

.productListingContainer > li:hover div.productListing {  left:20px; top:0; position:absolute; z-index:10; box-shadow:0 0 5px #666; background:#fff; -webkit-animation: mymove .5s ; /* Chrome, Safari, Opera */
    animation: mymove .5s ; padding:20px 15px 10px; width:255px;}
.productListingContainer > li:hover div.productListing  .toggle_list { display:block;}
.productListingContainer > li:hover div.productListing .productDetail   .toggle_list { display:block;}

.productListingContainer > li  ul { margin:0; padding:10px 0; list-style:none;}
.productListingContainer > li  ul li { padding:10px 0; width:100%; border-bottom:1px solid #ccc; float:left; font-size:16px; text-align:left; font-weight:normal; color:#666; }
.productListingContainer > li ul li h4,
.productListingContainer > li ul li h4 a { font-size:16px !important; font-weight:normal !important; color:#333 !important;}

.productListingContainer > li ul li.amount  { font-size:22px !important; font-weight:bold; color:#f77f04 !important;}
.productListingContainer > li ul li.amount span.exGST  { font-size:17px; font-weight:bold; color:#999;}

.productListingContainer > li .productListing ul.productDetail li.amount,
.amount  { font-size:22px; font-weight:bold; color:#f77f04;}
.productListingContainer > li .productListing ul.productDetail li.amount span.exGST ,
.amount span.exGST  { font-size:17px; font-weight:bold; color:#999; padding-left:10px;}

.productListingContainer > li ul li.noborder { border:none;}
.productListingContainer > li:hover  div.productListing .thumbnail { position:relative; width:215px; height:215px;  max-width:215px; max-height:215px;}

.productListingContainer > li  div.productListing .thumbnail { position:relative; width:215px;  max-width:215px; max-height:215px;}
.productListingContainer > li  div.productListing .img-thumbnail .newIcon { position:absolute; width:60px; height:40px; left:10px; top:0; }
.productListingContainer > li  div.productListing .img-thumbnail .fav_save { position:absolute; width:50px; height:auto; right:0px; top:10px;  text-align:center; color:#333; }


.productListingContainer > li div.productListing .thumbnail img {width:auto; max-height:215px;}

.productListingContainer > li div.productListing .productDetail{  padding: 10px 12px 0 10px;min-height:80px; }

.productListingContainer > li div.productListing a.btn-remove { position: absolute; right:5px; top:5px;  display:none;  } 
.productListingContainer > li:hover div.productListing a.btn-remove { display:block; }

.productDesc .thumbnail { position:relative; border:none; box-shadow:none; }    
.productDesc .thumbnail .iconNew_product { position: absolute; width:60px; height:60px; right:0; top:0;}
.productDesc .thumbnail .iconNew_product.sm{height:auto;width:49px; top:-6px}
.productDesc .thumbnail .iconNew_product.sm img{width:38px;}

.pagination { padding-left:15px;  display:inline-block;}
.pagination a,
.pagination label { float:left; line-height:32px; margin-right:10px; }
.pagination input[type="text"] { float: left; max-width: 45px; margin-right: 10px; width: 45px !important;}
.sortByBlock { width:100%; float:left; margin:0; padding:0;}
.sortByBlock ul { margin:0px 0 15px; padding:0; float:left; }
.sortByBlock ul li { padding:5px 10px; float:left; list-style:none; }
.sortByBlock ul li  a {  padding:5px 10px;}
.sortByBlock ul li.active a { border:1px solid #F77F00;}
.marginRightNormal {
    margin-right: 10px !important;
}
.minWid_50 {
    width: 50px !important;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes mymove { from {  box-shadow:0 0 0px #666;} to { box-shadow:0 0 6px #666;}}
@keyframes mymove { from {  box-shadow:0 0 0px #666;} to {  box-shadow:0 0 6px #666;}}

@-webkit-keyframes mymove { from {  box-shadow:0 0 0px #666;} to { box-shadow:0 0 6px #666;}}
@keyframes mymove { from {  box-shadow:0 0 0px #666;} to {  box-shadow:0 0 6px #666;}}

@-webkit-keyframes viewlink { from {  opacity:0;} to { opacity:.95;}}
@keyframes viewlink { from {  opacity:0;} to { opacity:.95;}}

@-webkit-keyframes inspirationImg { from {  opacity:1;} to { opacity:.6;}}
@keyframes inspirationImg { from {  opacity:1;} to { opacity:.6;}}

@media (min-width:1200px)
{
	.col-lg-4 {
    width: 33.33333333%;
}


.productListingContainer { margin:5px 0 10px; list-style:none; padding:0;}
.productListingContainer   li  div.productListing { padding:20px 15px 10px;}

.productListingContainer > li { height:400px; position:relative;background:#fff; }

.productListingContainer > li  div.productListing  .toggle_list { display:none;}
.productListingContainer > li:hover div.productListing {  left:-20px; top:-10px; position:absolute; z-index:10; box-shadow:none; border:1px solid #ccc; -webkit-border-radius: 6px;
-moz-border-radius: 6px; border-radius: 6px; background:#fff; -webkit-animation: mymove .5s ; /* Chrome, Safari, Opera */ animation: mymove .5s ; padding:20px 15px 10px; width:255px;}
.productListingContainer > li:hover div.productListing  .toggle_list { display:block;}
.productListingContainer > li:hover div.productListing .productDetail   .toggle_list { display:block;}

.productListingContainer > li  ul { margin:0; padding:10px 0; list-style:none;}
.productListingContainer > li  ul li { padding:10px 0; width:100%; border-bottom:1px solid #ccc; float:left; font-size:16px; text-align:left; font-weight:normal; color:#666; }
.productListingContainer > li ul li h4,
.productListingContainer > li ul li h4 a { font-size:16px !important; font-weight:normal !important; color:#333 !important;}

.productListingContainer > li ul li.amount  { font-size:22px !important; font-weight:bold; color:#f77f04 !important;}
.productListingContainer > li ul li.amount span.exGST  { font-size:17px; font-weight:bold; color:#999;}
.productListingContainer > li button.btn-default,.productListingContainer > li input[type="button"].btn-default { background:#f77f00; color:#fff; margin-top:-4px;}
.productListingContainer > li .productListing ul.productDetail li.amount,
.amount  { font-size:22px; font-weight:bold; color:#f77f04;}
.productListingContainer > li .productListing ul.productDetail li.amount span.exGST ,
.amount span.exGST  { font-size:17px; font-weight:bold; color:#999; padding-left:10px;}

.productListingContainer > li ul li.noborder { border:none;}

.productListingContainer > li:hover  div.productListing .thumbnail { position:relative; width:215px; height:215px;  max-width:215px; max-height:215px;}

.productListingContainer > li  div.productListing .thumbnail { position:relative; width:215px;  max-width:215px; max-height:215px;}
.productListingContainer > li  div.productListing .img-thumbnail .newIcon { position:absolute; width:60px; height:40px; left:10px; top:0; }
.productListingContainer > li  div.productListing .img-thumbnail .fav_save { position:absolute; width:50px; height:auto; right:0px; top:10px;  text-align:center; color:#333; }


.productListingContainer > li div.productListing .thumbnail img {width:auto; max-height:150px;}

.productListingContainer > li div.productListing .productDetail{  padding: 0px 12px 0 10px;min-height:80px; }

}
.productHeading.pageWrapper h1 {
    border-bottom: 1px solid #f77f00;
    padding-bottom: 14px;
    margin-bottom: 16px;
    float: none !important;
    display: block;
}
#optionBlog {
    padding: 16px 0;
}#optionBlog .quantity {
    padding-top: 12px;
}#optionBlog label {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    font-family: 'TrebuchetMS-Regular';
    color: #6a6868;
    width: 115px;
    float: left;
}#optionBlog input[type="text"] {
    float: left;
    width: auto;
    height: 28px;
    border: 1px solid #cfcece;
    font-size: 15px;
    font-weight: 400;
    font-family: 'TrebuchetMS-Regular';
    color: #6a6868;
    max-width: 57px;
    padding: 0 10px;
}
/* Details Products */
.singleProductWrapper { padding-bottom:40px;}

.singleProductWrapper .product{
	width: 350px;
	float: left;
	padding-bottom:15px;
}
.singleProductWrapper .productOptions{
	width: 320px;
	float: right;
	padding-bottom:15px;
}
.singleProductWrapper .productOptions .info-spec{
	font-size: 15px;
	line-height: 25px;
	color: #6a6868;
	text-align: left;
	padding: 47px 0 0 0;
}
.singleProductWrapper .productOptions .info-spec p{
	overflow: hidden;
	padding-bottom: 16px;
}
.singleProductWrapper .productOptions .info-spec .left{
	width: 100px;
	float: left;
	clear: left;
	display: block;
}
.singleProductWrapper .productOptions .info-spec .right{
	width: 220px;
	float: right;
}
.product .zoomPad .zoomWindow{display: none !important; }
/*.zoomWrapper, .zoomWrapperImage{
	width: 380px !important; height: 477px !important;
}*/
.product .zoomPad .zoomWindow.active{display: block !important;}
.productOptions h3{
	font-size: 22px;
	font-weight: 700;
	font-family: 'TrebuchetMS-Regular';
	color: #6a6868;
	padding-right: 17px;
	line-height: 1.2;
	padding: 15px 40px 30px 0;
}
.type-2 .productOptions h3{
	padding: 15px 40px 34px 0;
}
.productOptions h4{
	font-size: 17px;
	font-weight: 400;
	font-family: 'TrebuchetMS-Regular';
	color: #6a6868;
	line-height: 1;
	padding-bottom: 16px;
}
.productOptions .size{
	font-size: 15px;
	font-weight: 400;
	font-family: 'TrebuchetMS-Regular';
	color: #6a6868;
	line-height: 1;
	padding-bottom: 30px;
}
.productOptions .size span{padding-right: 5px;}
.price{
	color: #f77e00;
	font-size: 28px;
	font-weight: 700;
	font-family: 'TrebuchetMS-Regular';
	line-height: 1;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 13px 0;
}
.type-2 .price{
	margin-bottom: 35px;
}
.price span{
	font-size: 16px;
	font-weight: 400;
	font-family: 'TrebuchetMS-Regular';
	color: #6a6868;
	display: inline-block;
}
.queryWrapper{padding-top: 20px;}
.queryWrapper a{
	font-size: 15px;
	font-weight: 700;
	font-family: 'TrebuchetMS-Regular';
	color: #6a6868;
	display: inline-block;
	line-height: 1;
	padding: 12px 12px;
	background-color: #e0e0e0;
	margin-right: 12px;
}
.addToCartWrapper{
	background: #e41892 url('../images/addtocart-bg.png') no-repeat 0 0;
}
.addToCartWrapper > a,
.addToCartWrapper > button{ display: block;}
.addToCart{
	width: 100%;
	display: table;
	position: relative;
}
.addToCart .editIcon{
	margin: 17px 26px 0 0;
}
.addToCartWrapper .btn { background:none !important; border:none !important; padding:0;}
.addToCart p,
.addToCartWrapper .btn .addToCart p{
	color: #ffffff;
	height: 78px;
	padding-left: 45px;
	display: table-cell;
	vertical-align: middle;
	font-size: 30px;
	font-weight: 700;
	font-family: 'TrebuchetMS-Regular';
	line-height: 1;
}
.addToCartWrapper .btn .addToCart i { font-size: 50px; margin:10px 0 0 20px;}
.addIcon{
	position: absolute;
	left: 221px;
	top: 15px;
}
.singleProductWrapper { padding-bottom:40px;}


.contentWrapper .popular, .contentWrapper .discounted { width:50%;}


.popular,.discounted{
	width: 570px;
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	font-family: 'TrebuchetMS-Regular';
	text-transform: uppercase;
}
.type-2 .popular{
	width: 444px;
}
.type-2 .discounted{
	width: 410px;
}
.popular a{color: #ffffff;background:#f77e00;}
.discounted a{color: #6a6868;}
.popular a, .discounted a{
	padding: 15px 0;
	display: block;color:#333; background:#e0e0e0;
}
.popular.pink{
	color: #ffffff;
	background: #e41892 url('../images/popular-product-bg.png') no-repeat right center;
}
.discounted{
	color: #6a6868;
	background-color: #e0e0e0;
}
.popular a.current, .discounted a.current{
    padding: 15px 0;
    display: block;color: #ffffff !important; background:#f77e00 !important;
}
.productsWrapper.popularProducts ul li{padding: 8px 0;}
.productsWrapper.popularProducts ul li:first-child{padding-left: 0;}

.contentWrapper .review { width:200px; background: #f77e00; float:left; font-size: 15px;    font-weight: 700;    text-align: center;    text-transform: uppercase; }
.contentWrapper .review span.dividerBg{ display:block; float:left; background: #f77e00 url("../images/popular-orange-bg.png") no-repeat scroll right center;   -moz-transform: scaleX(-1);    -o-transform: scaleX(-1);    -webkit-transform: scaleX(-1);    transform: scaleX(-1);  transform: scaleX(-1);   filter: FlipH;    -ms-filter: "FlipH";    width: 24px;    height: 48px;}
.contentWrapper .review a { color:#fff; line-height:48px}


.popular{
	color: #ffffff;
	background: #f77e00 ;
}
.discounted{
	color: #6a6868;
	background-color: #e0e0e0;
}
.breadcrums {
    font-size: 16px;
    font-weight: 400;
    font-family: 'TrebuchetMS-Regular';
    color: #6a6868;
    padding-top: 27px;
    line-height: 1;
}.breadcrums a {
    color: #f77e00;
}.breadcrums span {
    padding: 0 5px;
}

.sytemPackages   {  width: 100%;  float: left;   margin: 25px 0; border: 1px solid #F2653F;  }
.nav-tabs      { border: none; border-bottom: 1px solid #F2653F;    }
.tab-content     { padding: 0px; }
.tab-content > .tab-pane    {      }
.nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover
        {   border: none;      }
.nav-tabs > li > a     {  color: #555; padding: 10px 15px; position: relative;  }
.topCornerBlock        { border-bottom: 1px solid #F2653F; padding: 15px;        }
.topCornerBlock ul     { margin: 0; padding: 0; list-style: none;  }
.topCornerBlock ul li  { width: auto !important;  max-width: 110px; float: left; list-style: none; display: block; }
.topCornerBlock ul li span  {  width: 100%;  float: left;  padding: 10px 0;  text-align: center; }
.topCornerBlock ul li label {  width: 100%;  float: left;  padding: 10px 0;  text-align: center; }
        
.topCornerBlock img { margin: 10px; }
         
.nav-tabs > li.active > a, .nav-tabs > li > a:hover  {  color: #F2653F;     background: none;    font-weight: bold;  }
        
        
.nav-tabs > li.active > a::before { content: ""; width: 10px;  height: 10px;  border-radius: 50%;  position: absolute;  font-size: 100px;  line-height: 1;  background: #F2653F;  bottom: -6px; left: 50%; -o-transform: translateX(-50%) rotate(45deg);   -ms-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg);  -moz-transform: translateX(-50%);  transform: translateX(-50%) rotate(45deg);   z-index: 1;  }
.topCornerBlock > .nav.nav-tabs.nav-sub-tabs > li.active > a {min-height: 178px;  background: none; }
.nav.nav-tabs.nav-sub-tabs > li.active > a::before  { content: "";   width: 10px;  height: 10px;  border-radius: 50%; position: absolute;  font-size: 100px;  line-height: 1; background: #F2653F;  bottom: -4px; left: 50%;  -o-transform: translateX(-50%);  -ms-transform: translateX(-50%);            -webkit-transform: translateX(-50%);            -moz-transform: translateX(-50%);            transform: translateX(-50%);            z-index: 1;        }        


.nav-tabs.outerMainTab.tabDivide-2 > li.active , 
.nav-tabs.outerMainTab.tabDivide-2 > li   {width:50%; margin-bottom:-2px; }  
.nav-tabs.outerMainTab.tabDivide-2 > li  > a, 
.nav-tabs.outerMainTab.tabDivide-2 > li > a:hover {  color: #666;line-height:1em;     background: #ccc;font-size:32px;    font-weight: bold; width:100%; padding:15px 0; text-align:center; }
.nav-tabs.outerMainTab.tabDivide-2 > li.active > a, 
.nav-tabs.outerMainTab.tabDivide-2 > li > a:hover   {  color: #fff;     background: #e42490;    font-weight: bold; width:100%; padding:15px 0; text-align:center; }
.nav-tabs.outerMainTab.tabDivide-2 > li.active > a::before { content: ""; width: 10px;  height: 10px;  border-radius: 0%;  position: absolute;  font-size: 100px;  line-height: 1;  background: #e42490;  bottom: -6px; left: 50%; -o-transform: translateX(-50%) rotate(45deg);   -ms-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg);  -moz-transform: translateX(-50%);  transform: translateX(-50%) rotate(45deg);   z-index: 1;  }

.cornerContentBlock .product_details
        {
            padding: 20px !important;
            font-size: 16px;
            line-height: 24px;
            color: #333;
        }
.cornerContentBlock .product_details span.priceTag
        {
            font-family: 'Desyrel-Regular' , Raleway, "Raleway Dots" , Roboto, "Myriad Pro" , Arial;
            font-size: 36px;
            color: #E11B8D;
            padding: 0 0 20px;
            float: left;
            width: 100%;
        }
.cornerContentBlock .product_details ul
        {
            margin: 5px 0 5px 0px;
            padding: 0 0 0 15px;
            color: #333;
        }
.cornerContentBlock .product_details ul li { list-style:disc; padding:3px 0;font-size: 14px;
    font-weight: 500;}

 .banner { /*max-height:100px;*/ overflow:hidden;}
.tabbable.boxed.parentTabs #myTabContent.tab-content .tab-pane ul.nav.nav-tabs li { width:14%; float:left; background:none !important;}
.tabbable.boxed.parentTabs #myTabContent.tab-content .tab-pane ul.nav.nav-tabs li a{ width:100%;  text-align:center; background:none !important; min-height:123px; }
.tabbable.boxed.parentTabs #myTabContent.tab-content .tab-pane ul.nav.nav-tabs li a span{ width:100%; text-align:center; }
.tabbable.boxed.parentTabs #myTabContent.tab-content .tab-pane ul.nav.nav-tabs li a span img { max-width:100%; max-height:100%;    position: relative; left: 50%;transform: translateX(-50%);}
.tabbable.boxed.parentTabs #myTabContent.tab-content .tab-pane ul.nav.nav-tabs li a label{ width:100%; text-align:center; font-size: 10px;
    font-weight: normal; }

 .tabbable.boxed.parentTabs #myFabricTabContent.tab-content .tab-pane ul.nav.nav-tabs li { width:12%; float:left; background:none !important;}
.tabbable.boxed.parentTabs #myFabricTabContent.tab-content .tab-pane ul.nav.nav-tabs li a{ width:100%;  text-align:center; background:none !important; min-height:100px; }
.tabbable.boxed.parentTabs #myFabricTabContent.tab-content .tab-pane ul.nav.nav-tabs li a span{ width:100%; text-align:center; }
.tabbable.boxed.parentTabs #myFabricTabContent.tab-content .tab-pane ul.nav.nav-tabs li a span img { max-width:100%; max-height:100%;}
.tabbable.boxed.parentTabs #myFabricTabContent.tab-content .tab-pane ul.nav.nav-tabs li a label{ width:100%; text-align:center; font-size: 12px;
    font-weight: normal; }
    
    
/* New OEk Style     */ 

.wideBanner { background:#A8C1F1;}
.mainMenu { background:#767676;}
.navbar { border-radius:0; margin-bottom:0;}
.navbar-collapse { margin-left:0; margin-right:0; padding-left: 0; padding-right: 0;}
.navbar-burger { width:60px; height:60px; float:left; border: none; background: #EC5916;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
   /* color: #fff; OEK NEW*/
    background-color:#A8C1F1 !important; background-image: initial; color: #fff;}
    
.navbar-default .navbar-nav>.active.homeIcon>a img { margin-right:3px;  margin-top:-3px; }
    
.navbar-default {
    background-color: #767676;
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-size: 16px;
	padding-left:25px; padding-right: 25px; 
}
.btn-warning.btn-Submit { text-indent: -9999px; white-space: nowrap; background-color:none; box-shadow:none; display:block; border:none; background:url('../images/btnsubmit.png') center center no-repeat; width:84px; height:87px; }
.btn-warning.btn-Next { text-indent: -9999px; white-space: nowrap; background-color:none; box-shadow:none; display:block; border:none; background:url('../images/btnnext.png') center center no-repeat; width:57px; height:85px; }
.btn-warning.btn-Back { text-indent: -9999px; white-space: nowrap;background-color:none; box-shadow:none; display:block; border:none; background:url('../images/btnback.png') center center no-repeat; width:57px; height:85px;  }
.container.commonPadding { padding-left:60px !important; padding-right:60px !important; }
.progressWrap { position: relative; z-index: 10;margin-top:2px}
.progressContainer ul { margin:0; padding:0; float:left; list-style:none;  }
.progressContainer ul li { float:left; position:relative; display:inline-block;}

.progressContainer ul li a {  height:60px; width:auto; position: relative; padding:12px 25px 12px 55px; background:#A8C1F1;  display:block; color:#fff; font-size:25px;}
 
.progressContainer ul li:first-child a { padding-left: 10px !important;}
.progressContainer ul li.active a {  background:#00CC65; text-decoration: none; padding: 0px 0px 12px 40px; line-height: 62px; text-align: center;}
.progressContainer ul li .count { position: relative; z-index: 2;  }
.progressContainer ul li a  { padding: 20px 25px 12px 55px; text-decoration:none;text-align: center;}
.progressContainer ul li.active .count{ background: url(../images/white-transparent-tick.png) center center no-repeat; width:60px; height:60px; background-size: 80%; display:inline-block;}
.progressContainer ul li .triblock { width: 42px; height: 44px; border: 1px solid #fff; border-left: none; border-bottom:none; background: #A8C1F1; display: block; position: absolute; top: 8px; right:-22px; transform: rotate(45deg); z-index: 1;}
.progressContainer ul li.active a .triblock {  border: 1px solid #fff; border-left: none; border-bottom:none; background: #00CC65;}
.progressContainer ul li .progressSlidedown { position:absolute; left:0; top:60px; width:250px; height:70px; padding: 15px; background:#F4F4F4; display: none; box-shadow: 2px 3px 3px rgba(0,0,0,.2); border: 1px solid #fff; border-top:none;}
.progressContainer ul li:hover .progressSlidedown { display: block;}
.progressContainer ul li .progressSlidedown .head { width: 100%; display: block; float: left; padding: 0px 0 5px;}
.progressContainer ul li .progressSlidedown .msg { width: 100%; display: block; float: left; padding:0;}
.progressContainer ul li .progressSlidedown .msg img { float: left; margin-right: 10px;}
.progressContainer ul li:hover a,
.progressContainer ul li:hover a span{ background: #F4F4F4; color: #333; text-decoration: none;}
.progressContainer ul li.active:hover a,
.progressContainer ul li.active:hover a span{ background: #00CC65;}
.progressContainer ul li.active:hover a .count{ background: url(../images/white-transparent-tick.png) center center no-repeat  #00CC65;  background-size: 80%;}
.progressContainer ul li:last-child:hover .progressSlidedown { left:auto; right: 0;}

.progressContainer ul li:last-child a span.triblock { display:none !important;}

.table.table-bordered tr th,
.table.table-bordered tr td { border-left: none; border-right:none; }

.bottomimgWrap img{margin-bottom:15px;}

.topmenu.hrcontentmenu .nav.navbar-nav { width:100%; }
.topmenu.hrcontentmenu .nav.navbar-nav li { width:33.33%; display:inline-block; text-align:center; border-right:1px solid #969696; }