@font-face {
    font-family: 'LucidaSansRegular';
    src: url('../fonts/lsans.eot');
    src: url('../fonts/lsans.eot') format('embedded-opentype'),
         url('../fonts/lsans.woff2') format('woff2'),
         url('../fonts/lsans.woff') format('woff'),
         url('../fonts/lsans.ttf') format('truetype'),
         url('../fonts/lsans.svg#LucidaSansRegular') format('svg');
}

/*	------------------------ General -------------------------- */
html,
body {
	height: 100%;
	font-family: 'LucidaSansRegular' !important;
	color: #646464;
	font-size: 15px;
	padding: 0px;
	margin: 0px;
	background:none;
}
img {
	border: 0; 
}
a { 
	color: #da3b3c;
	font-size: 14px;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 18px !important;
	margin:0px !important;
	font-weight:normal !important;
	line-height:25px !important;
}
h2 {
	font-size: 14px !important;
	margin:0px !important;
	font-weight:normal !important;
	line-height:25px !important;
}
h3 {
	font-size: 22px !important;
	margin:0px !important;
	font-weight:normal !important;
	line-height:30px !important;
}
h4 {
	font-size: 15px !important;
	margin:0px !important;
	font-weight:normal !important;
	line-height:20px !important;
}
h5 {
	color:#738690;
	font-size: 12px !important;
	margin:0px !important;
	font-weight:normal !important;
	line-height:15px !important;
}
h6 {
	font-size: 40px !important;
	margin:0px !important;
	font-weight:normal !important;
	line-height:25px !important;
}
p {
	color: #77838a;
	font-size: 14px;
}
ul li{
	color:#646464;
	font-size:15px;
	font-weight:normal;
}

.clear {
	clear: both;	
}
.height-1 {
	height:1px;
}
.height-5 {
	height:5px;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.textRight{
	text-align:right;
}
.textCenter{
	text-align:center;
}
.error {
	color:red;
}
.success {
	color:green;
}

.mt-5 {
	margin-top: 5px;	
}
.mt-10 {
	margin-top: 10px;	
}
.mt-20 {
	margin-top: 20px;	
}
.mt-30 {
	margin-top: 30px;	
}
.mt-40 {
	margin-top: 40px;	
}
.mt-50 {
	margin-top: 50px;	
}
.mt-m10 {
	margin-top: -10px;	
}
.mt-m20 {
	margin-top: -20px;	
}
.mt-m30 {
	margin-top: -30px;	
}
.mt-m40 {
	margin-top: -40px;	
}
.mt-m50 {
	margin-top: -50px;	
}
.mb-5 {
	margin-bottom: 5px;	
}
.mb-10 {
	margin-bottom: 10px;	
}
.mb-20 {
	margin-bottom: 20px;	
}
.mb-30 {
	margin-bottom: 30px;	
}
.mb-40 {
	margin-bottom: 40px;	
}
.mb-50 {
	margin-bottom: 50px;	
}
.ml-5 {
	margin-left: 5px;	
}
.ml-10 {
	margin-left: 10px;	
}
.ml-20 {
	margin-left: 20px;	
}
.mr-5 {
	margin-right: 5px;	
}
.mr-10 {
	margin-right: 10px;	
}
.mr-20 {
	margin-right: 20px;	
}
.resetBtn{
	background-color:#d9e6ed;
	color:#7994a2;
	padding: 5px 30px;
	border:none;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 5px;
}
.submitBtn, .submitBtn:hover{
	background-color:#e30613;
	color:#ffffff;
	text-decoration:none;
	padding:5px;
	border:none;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#noticeDiv{
	padding:5px;
	color:#3f3f3f;
	margin: 0 0 10px 0;
	display:none;
}
#noticeDiv2{
	padding:5px;
	color:#3f3f3f;
	margin: 0 0 10px 10px;
	display:none;
}
.notice_success {
	background:#81F79F; 
	border: 1px solid green;
}
.notice_error {
	background:pink; 
	border: 1px solid red;
}
.loadingDiv {
	display:none;	
}
/*------------------ background image ------------------*/
#bg {
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: -99;
}

/*------------------ sticky footer ------------------*/
/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push{
	height: 60px;
}
#footer {
	height: auto;
}
#footer {
	position:relative;
	z-index:10;
	background-color: #ffffff;
}

/*------------------ menu ------------------*/
.myMenu {
	position:relative;
	z-index:99999;
}
.myMenu .myNavDiv {
	margin:0px;
}
.navmenu-link {
	display: none;
	float: right;
}
a.navmenu-link, a.navmenu-link:focus {
	background: url(../images/menu_black.jpg) no-repeat;
	background-size: 70px 35px;
}
a.navmenu-link:hover {
	background: url(../images/menu_red.jpg) no-repeat;
	background-size: 70px 35px;
}
a.navmenu-link.active {
	background: url(../images/menu_red.jpg) no-repeat;
	background-size: 70px 35px;
}
.navmenu {
	max-width: 60em;
}
.navmenu .menuplus {
	width:30px;
	border-left:1px solid #e30613;
	color:#e30613;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	display:none;
	float:right;
}
.navmenu ul { 
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}
.navmenu > li > ul.sub-navmenu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.navmenu ul:after {
	content: ""; clear: both; display: block;
}
.navmenu ul li {
	text-transform:uppercase;
	padding: 0px;
}
.navmenu > ul > li { 
	font-weight:normal;
	display: inline-block;
}
.navmenu ul li a {
	font-size:14px;
	display: block;
	text-decoration: none;
	color: #969696;
}
.navmenu ul li > a { 
	height:25px;
	line-height: 25px;
	padding: 7px 11px 5px;
	border-bottom:3px solid transparent;
}
.navmenu ul li a:hover {
	color:#969696;
	border-bottom:3px solid #e30613;
}
.navmenu ul li a.activeLink { 
	color: #969696;
	border-bottom:3px solid #e30613;
}
.navmenu ul ul { 
	display: none; 
	position: absolute; 
	top:100%;
	min-width: 145px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#131313), to(#262626));
	background: -webkit-linear-gradient(top, #262626, #131313);
	background: -moz-linear-gradient(top, #262626, #131313);
	background: -ms-linear-gradient(top, #262626, #131313);
	background: -o-linear-gradient(top, #262626, #131313);
}
.navmenu ul li:hover > ul {
	display: block;
}
.navmenu ul ul > li {
	margin:0px 10px;
	position: relative;
}
.navmenu ul ul > li a {
	padding: 5px;
	border-bottom:1px solid #363636;
	font-weight:normal;
	height: auto;
	color:#969696;
	-webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
	-webkit-transition: background-color 0.2s ease-out;  
	-moz-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out; 
}
.navmenu ul ul > li:last-child a{
	border-bottom:none;
}
.navmenu ul ul > li a:hover {
	color: #e30613;
	border-bottom:1px solid #363636;
}
.navmenu ul ul > li a.activeLink {
	color: #e30613;
	border-bottom:1px solid #363636;
}
.navmenu ul ul > li:last-child a:hover {
	border-bottom:none;
}
.navmenu ul ul > li:last-child a.activeLink{
	border-bottom:none;
}
.navmenu ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}

@media screen and (max-width: 979px) {
    
    a.navmenu-link {
		display: block;
		margin:5px;
		width:70px;
		height:35px;
	}
	.navmenu {
		position:relative;
		z-index:99999;
		clear: both;
		min-width: inherit;
		float: none;
	}
	.navmenu .menuplus {
		display:block;	
	}
	.navmenu .grandchild {
		color:#e30613;
	}
	.has-subnavmenu a.child1 {
		padding-left:15px;	
	}
	.has-subnavmenu a.child2 {
		padding-left:30px;	
	}
	.has-subnavmenu a.child3 {
		padding-left:45px;	
	}
	.navmenu, .navmenu > ul ul {
		overflow: hidden;
		max-height: 0;
	}
	.navmenu > li > ul.sub-navmenu {
		padding: 0px;
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
	}
	.navmenu.active, .navmenu > ul ul.active {
		max-height: 55em;
	}
	.navmenu ul {
		display: inline;
	}
	.navmenu > ul {
		border-top: 1px solid #808080;
	}
	.navmenu li, .navmenu > ul > li {
		display: block;
	}
	.navmenu ul li {
		padding: 0px;
		margin-left:0px;
	}
	.navmenu ul li a {
		-webkit-border-radius: 0 0 0 0;
     	-moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;	
	}
	.navmenu li a {
		color: #000;
		display: block;
		padding: 0.8em;
		border-bottom: 1px solid #808080;
		position: relative;
	}
	.navmenu ul li > a { 
		height:25px;
		line-height: 25px;
		padding: 5px 8px;	
		border-bottom:none;
	}
	.navmenu ul li a:hover{
		border-bottom:none;
		color:#e30613;
	}
	.navmenu ul li a.activeLink{
		border-bottom:none;
		color:#e30613;
	}
	.navmenu ul ul{
		background:none;
	}
	.navmenu ul ul > li{
		margin:0px;
	}
	.navmenu ul ul > li a {
		border-bottom:none;
		padding:5px 8px;
	}
	.navmenu ul ul > li a:hover{
		border-bottom:none;
	}
	.navmenu ul ul > li a.activeLink{
		border-bottom:none;
	}
	
	.navmenu ul ul, .navmenu ul ul ul {
		display: inherit;
		position: relative;
		left: auto; top:auto;
		box-shadow: none; 
		border:none;
	}
}

/*------------------ category menu ------------------*/
/*Toggle Area*/
 #menu1 .toggle {width:10px; padding:5px; cursor:pointer; color:#77838a; position:absolute; top:0; right:0; text-align:center;}
 #menu1 ul.navmenu1 li:first-child .toggle{border-width:0 0 0 1px;}
 
 /*Menu Setup*/
 #menu1 ul{padding:0; margin:0; width:100%; border-right:1px solid #f0f0f0;}
 #menu1 ul ul{border:none;}
 #menu1 ul li {font-weight:normal;}
 #menu1 ul.navmenu1 li .submenu li{padding-left:30px;}
 #menu1 ul.navmenu1 li .submenu li li{padding-left:10px;} 
 #menu1 ul.navmenu1 li:last-child { border:none; }
 #menu1 ul.navmenu1 li .submenu li:last-child { border:none; }
 #menu1 ul.navmenu1 li {margin:0; list-style:none;  }
 /*Links*/
 #menu1 ul.navmenu1 li a, #menu1 ul.navmenu1 li a:visited {text-decoration:none; font-size:13px; padding:7px 5px; display:block; color:#77838a;}
 #menu1 ul.navmenu1 li li a, #menu1 ul.navmenu1 li li a:visited {text-decoration:none; font-size:13px; padding: 7px 5px; display:block; color:#77838a;}

 #menu1 ul.navmenu1 .menutop a:hover, #menu1 ul.navmenu1 .menutop a.activeLink {color:#e30613;}
 /*Heading Outer div*/
 #menu1 ul.navmenu1 .menutop{ overflow:hidden; width:95%; position:relative;}
 /*Header Links*/
 #menu1 ul.navmenu1 .menutop a{width:100%;float:left;  border-bottom:1px solid #f0f0f0;}
 /*Single Menu Width Fix*/
 #menu1 ul.navmenu1 .menusingle a{width:140px;}
 #menu1 ul.navmenu1 li ul{display:none;}
 #menu1 ul.navmenu1 li ul.active {max-height: 55em; display:block;}
 
 .listIcon img{
	margin-top:-3px;
 }
/*------------------ side fixed btn ------------------*/
.sidefixed{
	position:fixed;
	top:35%;
	right:0;
	width:40px;
	z-index:2000;
}
.sdmt{
	margin-top:10px;
}
/*------------------ main slider ------------------*/
.bcontainerbg{
	
}
.flexslider{
	border:0 !important;
	border-radius:0 !important;
	margin:0 !important;
}
.Slidercontainer{
	max-width:1500px;
	width:100%;
	height:auto;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.mainSlider{
	max-width:1500px;
	margin:0 auto;
}

ul.slides li{

}
.sliderDiv{
	max-height:450px;
}
.mainSlider img {
	position:relative;
	width: 100%;
	height: auto;
	top: 0;
	left:0;
}
.flexslider .slides img{
max-height:450px !important;
}
.pagebanner{
	overflow:hidden;
}
.pagebanner img{
	position:relative;
	min-width:700px;
	width:100%;
	height:auto;
	top:0;
	left:0;
}

@media screen and (max-width: 767px) {

	.pagebanner img {
		left: 22%;
		margin-left: -160px;
	}
	
}
/*------------------ container ------------------*/
.myContentHeight {
	min-height:750px;
}
.container {
	position:relative;
	z-index:1;
	width: auto;
	max-width: 1000px;
}
.bcontainer{
	position:relative;
	z-index:0;
	width: auto;
	max-width: 1500px;
	margin:0 auto;
}
/*------------------ header ------------------*/
#header {
	height:auto;
	position:relative;
	top:0;
	z-index:2;
	background:#000;
}
.header1{
}
.logoDiv{
	float:left;
	width:60%;
	margin: 28px 0;
}
.servingDiv{
	float:left;
	width:40%;
	text-align:right;
	margin-top:60px;
}
.header2{
}
.searchDiv{
	float:right;
	width:27%;
}
.menuDiv{
	float:right;
	width:73%;
}
/*------------------ search fiels ------------------*/
#search-form {
	float: right;
	width: 250px;
	height: 36px;
	background:#e1e1e1;
	margin: 0px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#search-form form{
	margin:0;
}
input#searchinput {
	box-shadow:none;
	background:none;
	border: none;
	font-size: 12px;
	font-style: italic;
	color: #7d7d7d;
	text-shadow: 1px 1px 1px #ffffff;
	width:184px;
	float: left;
	position: relative;
	margin-bottom:0;
	padding: 8px 6px;
	padding-left:10px;
}
input#searchsubmit {
	float:left;
	width:50px;
	height:36px;
	padding:0;
	background: url(../images/search_icon.png) no-repeat;
	border:none;
	cursor:pointer;
}

/*------------------ footer ------------------*/
.myflexiselFea2{
	margin-bottom:15px;
}
.solebannerTitle{
	background: #dce6eb;
	height: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 0 10px;
	margin: 15px 0;
}
.solebannerTitle h2 {
	color: #515b60;
}
.footer2{
	background:#3b3b3c;
	height:210px;
}
.footer2sub{
	float:left;
	width:37%;
	height:115px;
	margin:47.5px 0;
	border-right:1px solid #464646;
}
.footer2sub2{
	float:left;
	width:25%;
	height:115px;
	margin:47.5px 0;
}
.footer2con{
	padding:0 19px;
}
.footer2con2{
	padding-left:19px;
}
.logo2Div{
	margin-top:30.5px;
}
.f2cd{
	color:#fff;
	font-size:17px;
	line-height:20px;
	padding: 9px 0;
}
.f2cd span{
	font-size:12px;
}
.f2cd2{
	color:#969696;
	line-height:20px;
	font-size:13px;
	padding: 8px 0;
}
.f2cd3{
	padding: 9px 0;
}
.f2cd3l{
	float:left;
	margin: 0 5px 0 10px;
}
.f2cd3r span{
	font-size:13px;
	color:#fff;
}
.f2cd3r{
	font-size:21px;
	color:#fff;
	float:left;
}

.f2cd4a{
	float:left;
	width:25%;
	padding:9px 0;
	text-align:right;
}
.footer3 .credit {
	margin: 15px 0;
	color: #738690;
	font-size:12px;
}
.footer3 .credit2{
	margin: 15px 0 5px;
}
/*------------------ home ------------------*/
.FeaCategoryDiv{

}
.FeaCategoryTitle{
	background:#dce6eb;
	height: 25px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	padding:0 10px;
	margin: 15px 0;
}
.FeaCategoryTitle h2{
	color:#515b60;
}
.feaCatDiv{
	float:left;
	width:20%;
}
.feaImg{
	padding:2.5%;
	max-width:95%;
	text-align:center;
	height:131px;
}
.feaImg img{
	max-height:131px;
	max-width:190px;
}
.feaTitle{
	padding:0 2.5% 2.5%;
	text-align:center;
	height:25px;
	overflow:hidden;
}

/*------------------ about ------------------*/
.aboutTitle{
	font-size:20px;
	line-height:25px;
	color:#77838a;
	margin:10px 0 30px;
	font-weight:bold;
}
.aboutDiv1{
	padding:20px 0;
}
.aboutDiv2{

}
.aboutDiv3{
	padding:30px 0;
}
.aboutDiv4{
	border-top:1px solid #ebebeb;
	padding:40px 0;
}
.aboutDiv1l{
	float:left;
	width:70%;
}
.aboutDiv1r{
	float:left;
	width:27%;
	margin-left:3%;
}
.aboutDiv2l{
	float:left;
	width:43%;
}
.aboutDiv2r{
	float:left;
	width:55%;
	margin-left:2%;
}
.aboutDiv3sub{
	float:left;
	width:33.3%;
	margin: 10px 0;
}
.aD2rT h3{
	color:#689830;
	font-style:italic;
}
.aD2rT{
	margin:20px 0 50px;
}
.aD3sc{
	max-width:90%;
	margin:0 auto;
	text-align:center;
}
.aD3sI img{
	max-width:188px;
	max-height:188px;
}
.aD3sT{
	margin:15px 0;
}
.aD3sT h3{
	color:#e30613;
	font-weight:bold !important;
}
.aD4lT h3{
	color:#e30613;
}
.aboutDiv4l{
	position:relative;
}
.aD4lT{
	padding-bottom:15px;
}
.aD4lD{
	width:80%;
}
.aboutDiv4 a{
	position:absolute;
	right:0;
	top:15%;
}
/*------------------ category view ------------------*/
.ParentCatGridDiv{
	margin-top:30px;
}
.ParentCatGridDiv .gridBox{
	float:left;
	width:33.3%;
	margin: 10px 0;
}
.ParentCatGridDiv .gridBoxcon{
	width:225px;
	padding:2%;
	margin:0 auto;
}
.ParentCatGridDiv .pImage{
	width:100%;
	height:155px;
	text-align:center;
}
.ParentCatGridDiv .pImage img{
	max-width:225px;
	max-height:155px;
}
.ParentCatGridDiv .pTitle{
	text-align:center;	
	color: #495358;
	overflow: hidden;
	height: 25px;
}

/*------------------ product view ------------------*/
#prodContDiv {
	margin-top:40px;
}
.catmarginbtm{
	margin-bottom:50px;
}
.catNavDiv .catTitle {
	color:#ffffff;
	width:200px;
	text-align:center;
	font-size:12px;
	line-height:18px;
	padding:9px 0;
	background: url(../images/catbg.png) no-repeat top left;
}
.catNavDiv .catTitle2 {
	color:#ffffff;
	width:200px;
	text-align:center;
	font-size:12px;
	line-height:18px;
	padding:9px 0;
	background: url(../images/brandbg.png) no-repeat top left;
}
.catNavDiv .sub {
	font-size:13px;
}
.prodtopDiv{
	margin-bottom:10px;
}
.breadcrumbsDiv{
	color:#738690;
	padding:5.5px 0;
	width:65%;
	float:left;
	text-transform:uppercase;
}
.breadcrumbsDiv a, .breadcrumbsDiv a:hover{
	color:#738690;
	font-size:11px;
}
.breadcrumbsDiv2{
	color:#738690;
	padding:5.5px 0;
	width:100%;
	float:left;
	text-transform:uppercase;
}
.breadcrumbsDiv2 a, .breadcrumbsDiv2 a:hover{
	color:#738690;
	font-size:11px;
}
.prodGridDiv{
	float:left;
	width:35%;
}
.backbtnDiv{
	float:left;
	width:35%;
}
.backbtnDiv a{
	float:right;
}
.prodGridDiv a{
	float:right;
}
.prodGridDiv img{
	padding:2px;
}
.prodDisListdiv{
	display:none;
}
.prodDisGriddiv{
	display:block;
}
.CpnameDiv{
	margin:40px 0;
}
.CpdescDiv{
	width:99%;
	padding-bottom:30px;
	border-bottom:1px solid #ebebeb;
}
.catGridDiv .gridBox{
	float:left;
	width: 49%;
	margin-right: 1%;
}
.catGridDiv .gridBoxcont{
	margin-left: 2%;
	border-bottom:1px solid #ebebeb;
}
.catGridDiv .gridBoxcont2{
	border-right: 1px solid #ebebeb;
	margin: 2% -2% 2% 2%;
}
.catGridDiv .cImage{
	text-align: center;
	margin:5px;
}
.catGridDiv .cImage img{
	max-height:230px;
}
.catGridDiv .cTitle{
	color:#495358;
	height:25px;
	overflow:hidden;
	margin:0 5px 5px 0;
}
.productGridDiv .gridBox {
	float:left;
	width:25%;
	margin: 10px 0;
}
.productGridDiv .gridBoxcon{
	text-align:center;
	padding:5px;
}
.productGridDiv .gridBox .pImage {
	width:90%;
	margin:0 auto;
}	
.productGridDiv .gridBox .pTitle {
	color:#1e1e1e;
	overflow:hidden;
	height:32px;
	width: 90%;
	margin: 0 auto;
}
.productGridDiv .gridBox .pTitle h2{
	line-height:16px !important;
}
.productGridDiv .gridBox .pSku {
	overflow:hidden;
	height:15px;
	margin-bottom:10px;
}
.productListDiv .gridBox {
	float:left;
	width:100%;
	margin:0;
	border-bottom:1px solid #f0f0f0;
}
.productListDiv .gridBoxcon{
	padding:5px 0;
	position:relative;
}
.pLDleft{
	float:left;
	width:25%;
}
.pLDright{
	float:left;
	width:74%;
	margin-left:1%;
}
.productListDiv .gridBox .pImage {
	max-width:160px;
	padding:0 5px 0 0;
}	
.productListDiv .gridBox .pTitle {
	color:#1e1e1e;
	overflow:hidden;
}
.productListDiv .gridBox .pTitle h2{
	line-height:16px !important;
}
.productListDiv .gridBox .pSku {
	overflow:hidden;
	height:15px;
	margin-bottom:10px;
}
.productListDiv .gridBox .pDesc{
	font-size:13px;
	line-height:15px;
	color:#738690;
	height: 45px;
	overflow:hidden;
}
.productListDiv .gridBox .pBtn{
	position:absolute;
	bottom:5px;
	right:5px;
}
.noFound {
	margin:10px;	
}
/*------------------ product detail ------------------*/
.productDetailDiv {
	width:100%;
	padding-bottom:20px;
	border-bottom:1px solid #d9e6ed;
	margin-bottom:20px;
}
.productDetailDiv .imageContainer {
	width:250px;
	float:left;
}
.productDetailDiv .imageContainer .feaImage {
	width:240px;
	padding:4px;
	border:1px solid #ddd;
	text-align:center;
}
.productDetailDiv .imageContainer .subImage img {
	width:78px;
	border:1px solid #ddd;
	margin:4px 0 0 0;
}
.productDetailDiv .prodInfoContainer {
	width:63%;
	margin-left:3%;
	color:#aaaaaa;
	float:left;
}
.productDetailDiv .prodInfoContainer .prodTitle {
	color:#1e1e1e;
}
.productDetailDiv .prodInfoContainer .prodSku {
	color:#738690;
}
.productDetailDiv .prodInfoContainer .prodShortDesc{
	margin:10px 0 70px;
	max-height:100px;
	min-height:20px;
	overflow:hidden;
	font-size:13px;
	color:#738690;
	line-height:20px;
}
.prodShortDesc p{
	font-size:13px;
	color:#738690;
	line-height:20px;
}
.prodShortDesc li{
	font-size:13px !important;
	color:#738690 !important;
	line-height:20px !important;
	font-weight:normal !important;
}
.prodShortDesc ul{
	margin:0 0 0 25px !important;
}
.productDetailDiv .prodInfoContainer .prodOpt {
	color:#787878;
	font-size:15px;
}
.productDetailDiv .prodInfoContainer .qtyText input{
	margin-bottom: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width:36px;
	height:24px;
	text-align:center;
}
.productDetailDiv .prodInfoContainer .qtyText .qTL{
	float:left;
}
.productDetailDiv .prodInfoContainer .qtyText .qTR{
	float:left;
}
.addbtn{
	margin-top:-5px;
}
.negbtn{
	margin-top:-11px;
}
.shareDiv {
	color:#969696;
	font-size:14px;
	width:45%;
	float:left;
	margin-top:20px;
}
.shareleftDiv{
	float:left;
}
.sharerightDiv{
	float:left;
	margin:2px 0;
}
.shareDiv .revContentDiv {
	font-size:12px;
	border-bottom:1px solid #dddddd;
	padding:2%px;
	min-height:50px;
}
.sendDiv{
	float:left;
	width:55%;
}
.subSendDiv{
	float:left;
	margin-left:10px;
}
.sendDiv1{
	width:100%;
	float:right;
}
.sendDiv3{
	float:right;
}
.sendDiv2{
	width:90%;
	float:right;
}
.pdfDiv{
	float: right;
	margin-top: 10px;
}
.ui-tabs .ui-tabs-nav li{
	background:#738690;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
	background:#a1b5c0;
}
.ui-tabs .ui-tabs-nav li a{
	color:#fff;
	font-size:13px;
}
.myflexiselFeaTitle h4{
	color:#738690;
}
/*------------------ download ------------------*/
.DownloadTitleDiv{
	margin-bottom:30px;
	background: #ebebeb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 10px;
}
.downloadDiv{
	
}
.downloadDiv .gridBox{
	float:left;
	width:25%;
	margin-bottom:20px;
}
.downloadDiv .gridBoxcon{
	text-align:center;
	padding:10px;
}
.downloadDiv .DImage{
	
}
.downloadDiv .DTitle{
	height:25px;
	overflow:hidden;
	margin:5px 0;
}
.downloadDiv .DBtn{
	margin:5px 0;
	height:20px;
}
.DBtn a, .DBtn a:focus{
	color:#fff;
	background:#000;
	padding:5px 10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	text-decoration:none;
	font-size:14px;
}
.DBtn a:hover{
	color:#e30613;
	text-decoration:none;
}
/*------------------ career ------------------*/

.accorTitle {
	margin:1% 0 !important;
}
.accorDesc p{
	font-size:13px;
}
.accorDesc ul li{
	color: #77838a;
	font-size: 13px;
	font-weight: normal !important;
}
.accorBtn a, .accorBtn a:hover{
	background-color:#f7941d;
	color:#ffffff !important;
	padding:14px 36px;
	border:none;
	font-size: 13px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-decoration:none;
}
.accorBtn{
	float:right;
	margin: 14px 0;
}
/*------------------ distributor ------------------*/
.SoleTitle{
	padding:15px 0;
	text-align:center;
}
.SoleTitle h1{
	color:#495b64;
	font-weight:bold !important;
}
.SoleDiv{
	position:relative;
}
.soleGrid .gridBox{
	max-width:390px;
	height:250px;
}
.nextarrow{
	position:absolute;
	top:40%;
	right:0;
	cursor:pointer;
	z-index:1000;
}
.prevarrow{
	position:absolute;
	top:40%;
	left:0;
	cursor:pointer;
	z-index:1000;
}
.roundabout-holder {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	height: 250px;
	width: 500px;
	margin-left:auto;
	margin-right:auto;
}
.roundabout-moveable-item {
	height: 250px;
	width: 390px;
	background:#fff;
	cursor: pointer;
	overflow:hidden;
	opacity:1 !important;
}
.roundabout-in-focus {
	cursor: auto;
}
#background_control .disappear {
	display:none;
}
#background_control .current {
	display:block;
}
.sdInfoTitle{
	text-align:center;
	margin:10px 0 20px;
}
.sdInfoTitle h1{
	color:#77838a;
	font-weight:bold !important;
}
.sdInfoDesc{
	text-align:center;
	color:#77838a;
}
.sdInfoBtn{
	text-align:center;
	margin:20px 0;
}
.sdInfoBtn a, .sdInfoBtn a:hover{
	background-color:#f7941d;
	color:#ffffff !important;
	padding:14px 27px;
	border:none;
	font-size: 13px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-decoration:none;
}
.accordiontitle h1{
	color:#495b64;
	font-weight:bold !important;
}
.accordiontitle{
	padding:15px 0;
	border-bottom:1px solid #ebebeb;
	margin-bottom:10px;
}
.ccordionCon{
	margin:0.5% 0;
}
.ccordionhead{
	background: #e4eef3;
	cursor:pointer;
}
.ccordiontitle h1{
	color:#738690;
	font-size: 14px !important;
}
.ccordionimage{
	width: 115px;
	float:left;
	margin-right:10px;
}
.ccordiontitle{
	float:left;
	width:auto;
	padding:13px 0;
}
.ccordionimage img{
	max-height:50px;
}
.ccordionhead + div{
	display: none;
}
.ccordioncontent{
	padding:10px;
}
.officiallink{
	text-align:right;
	padding:10px 0;
}
.officiallink a, .officiallink a:hover{
	background-color:#f7941d;
	color:#ffffff !important;
	padding:14px 19px;
	border:none;
	font-size: 11px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-decoration:none;
}
.ccordionDiv{
	position:relative;
}
.toggleDefault{
	position:absolute;
	top:27%;
	right:15px;
	display:block;
	height:20px;
	width:9px;
	font-size:18px;
	color:#738690;
}
.toggleOpen{
	position:absolute;
	top:32%;
	right:15px;
	display:none;
	height:20px;
	width:9px;
	font-size:18px;
	color:#738690;
}
.ccordionDiv.open .toggleDefault{
	display:none;
}
.ccordionDiv.open .toggleOpen{
	display:block;
}
/*------------------ news ------------------*/
.NewsTitleDiv{
	background:#ebebeb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px 10px;
}
.NewsTitleDiv h1{
	color:#495b64;
}
.newsDiv{
	border-bottom:1px solid #ebebeb;
	padding:35px 0;
	position:relative;
}
.newsImage{
	float:left;
	width:25%;
}
.newsInfo{
	float:left;
	width:75%;
	
}
.newsImage img{
	max-width:180px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.newsbutton{
	position:absolute;
	bottom:10px;
	right:0;
}
.newsInfo a, .newsInfo a:hover{
	color:#77838a;
	text-decoration:none !important;
}
.newsTitle h2{
	font-weight:bold !important;
}
.newsTime{
	color:#77838a;
}
.newsDesc{
	max-height:100px;
	overflow:hidden;
	margin-top:15px;
}
.newsDesc p{
	color:#77838a;
}

.newsDImg{
	margin:10px 0;
	text-align:center;
}
.newsDImg img{
	max-height:300px;
}
.newsDTitle{
	color: #77838a;
}
.newDTime{
	color: #77838a;
}
.newsDbtn a, .newsDbtn a:hover{
	float:right;
	color: #ffffff;
	text-decoration:none;
}
.newsbBtn{
	background-color: #e30613;
	padding: 3px 17px;
	border: none;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:20px;
}
/*------------------ promotion ------------------*/
.promoSub{
	float:left;
	width:25%;
	margin:0 auto;
	margin-top: 25px;
}
.promoCon{
	max-width:230px;
	margin:0 auto;
}
.promoImage{
	position:relative;
}
.promoHover{
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.promoImage:hover .promoHover{
	display:block;
}
.promoImage img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.promoTitle{
	padding:15px 0;
	text-align:center;
	height:40px;
	overflow:hidden;
}
/*------------------ video ------------------*/
.videoCon{
	float:left;
	width:25%;
	margin: 25px 0 0;
}
.videoDiv .imgBox{
	margin:0 auto;
	width:230px;
}
.videoTitle{
	padding:15px 0;
	max-width:230px;
	margin:0 auto;
	text-align:center;
	height:40px;
	overflow:hidden;
}
/*------------------ contact ------------------*/
.contact1Div{
	float:left;
	width:42%;
}
.contact2Div{
	float:left;
	width:34%;
}
.contact3Div{
	float:left;
	width:24%;
}
.contactsub{
	border-right:1px solid #ebebeb;
	padding-right:15px;
}
.contactsub2{
	border-right:1px solid #ebebeb;
	padding: 0 15px;
}
.contactsub3{
	padding-left:15px;
}
.contactTitle{
	margin-bottom:10px;
}
.contactTitle h1{
	font-weight:bold !important;
	color:#e30613;
}
.contactinfo{
	line-height:17px;
	font-size:14px;
	color:#77838a;
}
.contactFormDiv {
	width:100%;
	float:left;
}
.formText {
	width:40%;
	float:left;
	line-height:30px;
	font-size:14px;
	color:#77838a;
}
.formField {
	width:60%;
	float:left;
}
.formField input[type="text"], .formField textarea {
	width: 95%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.formField textarea {
	min-height:130px;
}
.cmpyTitle{
	margin: 10px 0;
}
.cmpyTitle h1{
	color:#e30613;
	font-weight:bold !important;
}
.cmpyTitle span{
	font-size:12px;
	font-weight:normal !important;
}
.cmpyInfo{
	color:#77838a;
	margin-bottom:15px;
}
.careerDesc{
	margin:15px 0;
	font-size:13px;
	line-height:22px;
	color:#77838a;
}
.careerbtn{
	margin:100px 0 20px;
}
.enquiryListDiv {
	width:100%;	
	margin:0 0 20px 0;
	border:1px solid #ccc;
}
.enquiryListDiv .enquiryRow {
	padding:2%;
	width:96%;
	min-height:50px;
	border-bottom:1px solid #ddd;
}
.enquiryListDiv .enquiryRow2 {
	padding:1% 2%;
	width:96%;
	min-height:20px;
	background-color:#e30613;
	color:#fff;
}
.enquiryListDiv .row1{
	background-color:#eee;
}
.enquiryListDiv .enqImg {
	text-align:center;
	width:20%;
	float:left;
	margin-right:10px;
}
.enquiryListDiv .enqImg img {
	width:50px;
}
.enquiryListDiv .enqName {
	float:left;
	width:55%;
	margin-right:10px;
}
.enquiryListDiv .enqRemove {
	float:left;
	width:16%;
	text-align:right;
}

.captchaRight {
	text-align:right;	
}

/*------------------ pagination ------------------*/
.myPagination {
	color:#e30613;
	font-weight:bold;
	margin:10px 0;
	float:right;
}
.myPagination img{
	margin-top:-3.5px;
}
.myPagination a {
	color:#77838a;
	margin:3px;
}
.myPagination strong{
	margin:3px;
}
.myPagination a:hover {
	color:#e30613;
	text-decoration:none;
}
/*------------------ application form ------------------*/
.applicationTitle{
	margin-bottom:10px;
}
.applicationTitle h1{
	font-weight: bold !important;
	color: #e30613;
}
.applicationInfo p{
	margin:0;
}
.contactFormDiv1{
	width:50%;
	float:left;
}
.applicationFDiv .formField input[type="text"]{
	width: 95%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 0px;
}
/*------------------ others ------------------*/
.brandDiv {
	padding-top:30px;
	text-align:center;
}
.brandDiv p {
	margin:10px 0;
	color:#313131;
	font-size:18px;
}



/*------------------ some part of responsive ------------------*/
@media screen and (max-width: 1200px) {
	.subSendDiv2{
		width:90%;
		float: right;
	}
	.ParentCatGridDiv .gridBoxcon{
		width:200px;
	}
	.ParentCatGridDiv .pImage{
		height:138px;
	}
	.ParentCatGridDiv .pImage img{
		max-width:200px;
		max-height:138px;
	}
	.feaImg img {
		max-height: 123px;
		max-width:179px;
	}
	.feaImg{
		height:123px;
	}
	.sidefixed{
		width:35px;
	}
	.f2cd3l {
		margin: 0 5px 0 5px;
	}
	.f2cd3r{
		font-size:20px;
	}
	.navmenu ul li a {
		font-size:13px;
	}
	.productDetailDiv .prodInfoContainer {
		width:61%;
	}
	.productGridDiv .gridBox .pImage{
		width:95%;
	}
	.productGridDiv .gridBox .pTitle{
		width:95%;
	}
	.subSendDiv {
		margin-left: 5%;
		width: 45%;
	}
	.shareDiv{
		margin-top:18px;
	}
	.promoCon{
		max-width:200px;
		margin:0 auto;
	}
}

@media screen and (max-width: 979px) {
	.DownloadTitleDiv{
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		padding: 5px 10px;
	}
	.officiallink a, .officiallink a:hover{
		padding:12px 11px;
	}
	.subSendDiv2 {
		width: 100%;
	}
	.sendDiv2{
		width:100%;
		float:left;
	}
	.pdfDiv{
		float:left;
	}
	.subSendDiv{
		width:auto;
		float:none;
		margin-left:0;
	}
	.sSDiv{
		float:left;
		margin-left:10px;
	}
	.sSDiv2{
		float:left;
	}
	.sendDiv3 {
		float: left;
	}
	.ParentCatGridDiv .gridBoxcon{
		width:165px;
	}
	.ParentCatGridDiv .pImage{
		height:114px;
	}
	.ParentCatGridDiv .pImage img{
		max-width:165px;
		max-height:114px;
	}
	.feaImg img {
		max-height: 94px;
		max-width: 137px;
	}
	.feaImg {
		height: 94px;
	}
	.toggleDefault{
		font-size:14px;
		right:10px;
		top: 25%;
	}
	.toggleOpen{
		font-size:14px;
		right:10px;
		top: 25%;
	}
	.roundabout-holder{
		width:400px;
	}
	.soleGrid .gridBox{
		max-width:350px;
		height:224px;
	}
	.roundabout-moveable-item{
		width:350px;
		height:224px;
	}
	.sdInfoDesc p{
		font-size: 13px !important;
	}
	.contactFormDiv1{
		width:60%;
	}
	.ccordioncontent p{
		font-size: 13px !important;
	}
	h1{
		font-size: 17px !important;
	}
	.ccordionimage{
		width:110px;
	}
	.ccordionimage img {
		max-height: 48px;
	}
	.ccordiontitle {
		padding: 11.5px 0;
	}
	.promoSub{
		width:33.3%;
	}
	.videoCon{
		width:33.3%;
	}
	.NewsTitleDiv{
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		padding:5px 10px;
	}
	.newsDesc{
		margin-top:10px;
	}
	.newsImage{
		width:32%;
		margin-right:3%;
	}
	.newsInfo{
		width:65%;
	}
	.formText{
		width:46%;
		font-size: 13px;
	}
	.formField {
		width: 54%;
	}
	.aboutTitle{
		margin:10px 0;
	}
	.aboutDiv1l{
		width:65%;
	}
	.aboutDiv1r{
		width:32%;
	}
	.aboutDiv2l{
		width: 48%;
	}
	.aboutDiv2r{
		width:50%;
	}
	.aD2rT {
		margin: 20px 0 30px;
	}
	.aD3sI img{
		max-width: 80%;
		max-height: 80%;
	}
	.pLDleft{
		width:30%;
	}
	.pLDright{
		width:69%;
	}
	.CpnameDiv {
		margin: 30px 0;
	}
	.catGridDiv .cImage img{
		max-height:170px;
	}
	.catNavDiv .catTitle{
		width:166px;
		background:none;
		background: url(../images/catbgcut.jpg) repeat-x;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	.catNavDiv .catTitle2{
		width:166px;
		background:none;
		background: url(../images/brandbgcut.jpg) repeat-x;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	.footer2sub{
		width:35%;
	}
	.footer2sub2{
		width:29%;
	}
	.footer2con2 {
		padding-left: 10px;
	}
	.f2cd3l {
		margin: 0 6px 0 0px;
	}
	.f2cd4a{
		text-align:center;
	}
	.f2cd {
		font-size: 15px;
		padding: 7px 0;
	}	
	.f2cd2 {
		line-height: 17px;
		font-size: 12px;
		padding: 4px 0;
	}
	.logo2Div {
		margin-top: 38px;
	}
	.f2cd3r {
		font-size: 16px;
	}
	.logoDiv{
		margin:10px 0;
	}
	.servingDiv{
		margin-top:40px;
	}
	.searchDiv, .menuDiv{
		width:100%;
	}
	.searchDiv{
		margin-right:4px;
	}
	.catNavDiv .catTitle {
		font-size:12px;
	}
	.productGridDiv .gridBox {
		width:33.3%;
	}
	.productDetailDiv .prodInfoContainer {
		width:56%;
	}
	.myMenu .myNavDiv {
		background:#000;
		margin-top:0px;
		position:static;
		bottom:0;
	}
	.productDetailDiv .imageContainer{
		width:220px;
	}
	.productDetailDiv .imageContainer .feaImage{
		width:210px;
	}
	.productDetailDiv .imageContainer .subImage img{
		width:68px;
	}
	.productDetailDiv .prodInfoContainer .prodShortDesc{
		margin:10px 0;
	}
	.shareDiv{
		width:100%;
	}
	.sendDiv{
		width:100%;
		margin-top:20px;
	}
}

@media screen and (max-width: 767px) {
	.DBtn a, .DBtn a:focus{
		font-size:12px;
	}
	.downloadDiv .DTitle{
		height:22px;
	}
	.downloadDiv .gridBox {
		width: 33.3%;
	}
	.officiallink{
		padding:5px 0;
	}
	.officiallink a, .officiallink a:hover{
		padding:10px 10px;
		font-size: 8px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.sdInfoBtn a, .sdInfoBtn a:hover{
		padding:10px 12px;
	}
	.ParentCatGridDiv {
		margin-top: 0px;
	}
	.ParentCatGridDiv .pTitle{
		height:22px;
	}
	.toggleDefault{
		font-size:11px;
		top:21%;
	}
	.toggleOpen{
		font-size:11px;
		top:21%;
	}
	.sidefixed{
		width:30px;
	}
	.sdmt{
		margin-top:5px;
	}
	.f2cd{
		font-size:14px;
	}
	.sdInfoBtn img{
		max-width:120px;
	}
	.sdInfoTitle h1{
		font-size: 15px !important;
		line-height: 18px !important;
	}
	.roundabout-holder{
		width:50%;
		height:200px;
	}
	.soleGrid .gridBox{
		max-width:300px;
		height:192px;
	}
	.roundabout-moveable-item{
		width:300px;
		height:192px;
	}
	.contactFormDiv1{
		width:80%;
	}
	.accorBtn a, .accorBtn a:hover{
		padding:9px 21px;
	}
	.accorBtn{
		margin: 9px 0;
	}
	.accorDesc p{
		font-size:12px;
	}
	.accorDesc ul li{
		font-size:12px;
	}
	.ccordioncontent {
		padding: 5px;
	}
	.ccordioncontent p{
		font-size: 11px !important;
		line-height: 14px;
	}
	.ccordionimage{
		width:92px;
	}
	.ccordionimage img {
		max-height: 40px;
	}
	.ccordiontitle {
		padding: 7.5px 0;
	}
	.ccordiontitle h1{
		font-size: 11px !important;
	}
	.myPagination{
		float:none;
		text-align:center;
	}
	.promoCon {
		max-width: 170px;
	}
	.videoCon{
		width:50%;
	}
	.newDDesc p{
		font-size:13px;
		line-height:17px;
	}
	.newsDesc p{
		font-size:13px;
		line-height:17px;
	}
	.newsImage img{
		max-width:90%;
	}
	.formText{
		width:40%;
	}
	.formField {
		width: 60%;
	}
	.careerbtn{
		margin:70px 0 20px;
	}
	.contact1Div{
		width:100%;
		margin-bottom:20px;
	}
	.contact2Div{
		width:60%;
		margin-bottom:20px;
	}
	.contact3Div{
		width:40%;
		margin-bottom:20px;
	}
	.aboutDiv4 a{
		position:relative;
		float: right;
	}
	.aD4lD{
		width:100%;
	}
	.aD2rT{
		margin:10px 0;
	}
	h3{
		font-size:18px !important;
		line-height:25px !important;
	}
	.FeaCategoryTitle{
		height:22px;
	}
	.solebannerTitle{
		height:22px;
	}
	.feaTitle{
		height:22px;
	}
	.feaCatDiv{
		width:33.3%;
	}
	h2{
		font-size:13px !important;
		line-height:22px !important;
	}
	.catGridDiv .cTitle{
		height:22px;
	}
	.navmenu ul li > a { 
		height:20px;
		line-height: 20px;
	}
	#menu1 ul{
		border-right:0;
	}
	#menu1 ul.navmenu1 .menutop{
		width:100%;
	}
	#menu1 ul.navmenu1 li a, #menu1 ul.navmenu1 li a:visited{
		padding: 5px 0px;
	}
	#menu1 ul.navmenu1 li li a, #menu1 ul.navmenu1 li li a:visited{
		padding: 5px 0px;
	}
	.CpnameDiv {
		margin: 20px 0;
	}
	.CpdescDiv{
		padding-bottom:20px;
	}
	.CpdescDiv p{
		font-size:13px !important;
	}
	.breadcrumbsDiv, .prodGridDiv, .backbtnDiv{
		width:100%;
	}
	.catNavDiv .catTitle2{
		width:100%;
		padding: 6px 0;
	}
	.catNavDiv .catTitle{
		width:100%;
		padding: 6px 0;
	}
	#prodContDiv {
		margin-top: 20px;
	}
	.catmarginbtm{
		margin-bottom:20px;
	}
	.logoDiv{
		width:100%;
		text-align:center;
	}
	.logoDiv img{
		max-width:95%;
	}
	.servingDiv{
		width:100%;
		text-align:center;
		margin: 0 0 10px 0;
	}
	.servingDiv img{
		max-width:70%;
	}
	.footer3 .credit{
		margin:10px 0 0;
		text-align:center;
	}
	.footer3 .credit2{
		margin:0;
	}
	.footer2sub{
		width:100%;
		border-right:none;
		margin:0;
		height:auto;
	}
	.footer2con{
		padding:4px 0;
	}
	.footer2sub2{
		width:100%;
		margin:0;
		height:auto;
	}
	.f2cd, .f2cd2{
		padding:0px;
	}
	.footer2con2{
		padding-left:0px;
		padding:4px 0;
	}
	.logo2Div {
		margin-top: 0px;
	}
	.logo2Div img{
		max-width:90%;
	}
	.footer2{
		padding:10px;
		height:auto;
	}
	.f2cd3{
		padding:5px 0;
	}
	.f2cd4a{
		width:auto;
		padding:4px 9px 4px 0;
	}
	#footer {
	  	margin-left: -20px;
	  	margin-right: -20px;
	  	padding-left: 20px;
	  	padding-right: 20px;
	}
	#footer .container .credit2 .textRight {
		float:none;
		text-align:center;
	}
	.mybreadcrumb {
		margin-top:15px;	
	}
	.productDetailDiv {
		margin:0;
		border-bottom:none;
	}
	.productDetailDiv .imageContainer, .productDetailDiv .imageContainer .feaImage {
		width:100%;
		float:none;
		padding:4px 0px;
	}
	.productDetailDiv .imageContainer .feaImage img{
		max-height:170px;
	}
	.productDetailDiv .prodInfoContainer {
		width:100%;
		float:none;
		margin:10px 0 0 0;
	}
	.productDetailDiv .imageContainer .subImage img {
		width: 60px;
	}
	.subSendDiv{
		float:left;
		width:auto;
		margin-left: 0px;
	}
	.sSDiv2{
		margin-right:10px;
	}
	#noticeDiv2 {
		margin:0 0 10px 0;
	}
	.enquiryListDiv, .enquiryListDiv a, .enquiryListDiv .enquiryRow2 {
		font-size:12px;
	}
	.qtyText, .shareleftDiv {
		font-size: 13px;
	}
	#tabs p{
		font-size:13px;
		margin-bottom:0;
	}
	.ui-tabs .ui-tabs-panel{
		padding:10px !important;
	}
	.addbtn {
		margin-top: -6px;
	}
	.negbtn{
		margin-top:-14px;
	}
	.productListDiv .gridBox .pDesc{
		font-size:12px;
	}
}
@media screen and (max-width: 610px) {
	.productGridDiv .gridBox .pTitle h2{
		font-size:11px !important;
	}
	h5{
		font-size:11px !important;
	}
}
@media screen and (max-width: 600px) {
	.promoSub{
		width:50%;
	}
	.ParentCatGridDiv .gridBox{
		width:50%;
	}
}
@media screen and (max-width: 550px) {
	.downloadDiv .gridBox {
		width: 50%;
	}
	.productListDiv .gridBox .pBtn{
		position:relative;
		bottom:0;
		right:0;
		margin-top:5px;
		float:right;
	}
	.productListDiv .gridBox .pSku{
		margin-bottom:5px;
	}
	.productListDiv .gridBox .pDesc{
		height:auto;
		min-height:15px;
	}
	.soleGrid .gridBox{
		max-width:250px;
		height:160px;
	}
	.roundabout-moveable-item{
		width:250px;
		height:160px;
	}
	.roundabout-holder{
		height:170px;
	}
}
@media screen and (max-width: 540px) {	
	.videoCon{
		margin:20px 0 0;
	}
	.videoDiv .imgBox{
		width:90%;
	}
	.videoTitle{
		height:34px;
		padding: 5px 0;
	}
	h4{
		font-size:13px !important;
		line-height:17px !important;
	}
	.promoCon{
		width:100%;
	}
	.promoTitle{
		height:34px;
		padding: 5px 0;
	}
	.promoImage img{
		max-height:172px;
	}
}
@media screen and (max-width: 489px) {
	.feaImg img {
		max-height: 93px;
		max-width:135px;
	}
	.feaImg{
		height:93px;
	}
}	
@media screen and (max-width: 480px) {
	.DBtn a, .DBtn a:focus {	
		font-size: 11px;
	}
	.DownloadTitleDiv{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 3px 10px;
	}
	.downloadDiv .DImage img{
		height:95px;
	}		
	.downloadDiv .DTitle{
		height:18px;
	}
	.sdInfoBtn a, .sdInfoBtn a:hover{
		padding:8px 6px;
		font-size: 10px;
	}
	.subSendDiv2 {
		width: 90%;
		float:left;
	}
	.sSDiv2{
		margin-right:0;
	}
	.pdfDiv img{
		max-width:210px;
	}
	.ParentCatGridDiv .pTitle{
		height:18px;
	}
	.ParentCatGridDiv .gridBox{
		margin:5px 0;
	}
	.feaImg img{
		max-height: 138px;
		max-width: 199px;
		width:100%;
	}
	.feaImg{
		height: auto;
		max-height: 138px;
	}
	#search-form{
		width: 236px;
		height: 29px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	input#searchinput{
		padding:4.5px 6px;
	}
	input#searchsubmit{
		width: 40px;
		height: 29px;
		background-size: 40px 29px;
	}
	a.navmenu-link, a.navmenu-link:focus{
		background-size: 60px 30px;
	}
	a.navmenu-link:hover{
		background-size: 60px 30px;
	}
	a.navmenu-link.active{
		background-size: 60px 30px;
	}
	a.navmenu-link{
		width:60px;
		height:30px;
	}
	.toggleDefault{
		right:5px;
	}
	.toggleOpen{
		right:5px;
	}
	.sidefixed{
		width:25px;
	}
	.sdmt{
		margin-top:5px;
	}
	.f2cd{
		font-size:13px;
	}
	.sdInfoBtn img{
		max-width:80px;
	}
	.sdInfoDesc p{
		font-size:11px !important;
		line-height: 14px;
	}
	.nextarrow img, .prevarrow img{
		height:20px;
	}
	.roundabout-holder{
		height:120px;
	}
	.soleGrid .gridBox{
		max-width:180px;
		height:115px;
	}
	.roundabout-moveable-item{
		width:180px;
		height:115px;
	}
	.contactFormDiv1{
		width:100%;
	}
	.contactFormDiv1 .formText{
		width:100%;
	}
	.contactFormDiv1 .formField{
		width:100%;
	}
	.accorBtn a, .accorBtn a:hover{
		padding:7px 13px;
		font-size: 10px;
	}
	.accorBtn{
		margin: 6px 0;
	}
	.accorDesc p{
		font-size:11px;
	}
	.accorDesc ul li{
		font-size:11px;
		line-height:14px;
	}
	h1{
		font-size: 14px !important;
		line-height: 17px !important;
	}
	.sdInfoTitle h1{
		font-size: 12px !important;
		line-height: 15px !important;
	}
	.ccordionimage{
		width:60px;
		margin-right: 1%;
	}
	.ccordionimage img {
		max-height: 26px;
		padding:5px 0;
	}
	.ccordiontitle {
		width:69%;
		padding: 1px 0;
	}
	.ccordiontitle h1{
		font-size: 10px !important;
	}
	h4{
		font-size:11px !important;
	}	
	.promoCon{
		width:90%;
	}
	.contactinfo{
		font-size:13px;
	}	
	.formText {
		font-size: 12px;
	}
	.cmpyInfo{
		font-size:13px;
	}
	.NewsTitleDiv {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 3px 10px;
	}
	.newsImage{
		width:100%;
		margin:0;
		margin-bottom:5px;
		text-align:center;
	}
	.newsImage img{
		max-width:150px;
	}
	.newsDiv{
		padding:20px 0 10px;
	}
	.newsInfo{
		width:100%;
	}
	.newsbutton{
		max-width:30%;
		position: relative;
		bottom: 0px;
		margin:5px 0;
		right: 0;
		float:right;
	}
	.newsDesc{
		margin-top:5px;
	}
	.newsDesc p{
		font-size: 11px;
		line-height: 12px;
	}
	.newDDesc p{
		font-size:11px;
		line-height:12px;
	}
	.newsbBtn{
		padding: 0px 15px;
		font-size: 11px;
	}
	.contactsub {
		border-right: none;
		padding:0;
	}
	.contactsub2 {
		border-right: none;
		padding: 0;
	}
	.contactsub3{
		padding:0;
	}
	.careerbtn{
		text-align:center;
		margin:20px 0;
	}
	.contact2Div{
		width:100%;
	}
	.contact3Div{
		width:100%;
	}
	.careerImg{
		text-align:center;
	}
	.aboutDiv4 a {
		max-width: 40%;
	}
	.aboutDiv3 {
		padding: 15px 0;
	}
	.aboutDiv4{
		padding:20px 0;
	}
	.aboutDiv1l, .aboutDiv1r, .aboutDiv2l, .aboutDiv2r{
		width:100%;
		margin:0;
	}
	.aboutDiv1r, .aboutDiv2l{
		text-align:center;
	}
	.aboutDiv1r img, .aboutDiv2l img{
		max-width:70%;
	}
	h3{
		font-size:17px !important;
		line-height:20px !important;
	}
	.aboutDiv3sub{
		width:100%;
		float:none;
		padding: 10px 0 20px;
		margin:0;
	}
	.aD3sI img {
		max-width: 65%;	
		max-height: 65%;
	}
	.FeaCategoryTitle{
		height:18px;
	}
	.solebannerTitle{
		height:18px;
	}
	.feaTitle{
		height:18px;
	}
	.feaCatDiv{
		width:50%;
	}
	.navmenu ul li > a {
		height: 17px;
		line-height: 17px;
	}
	.navmenu ul li a {
		font-size: 11px;
	}
	#footer .container .credit {
		font-size:11px;
	}
	.enquiryListDiv, .enquiryListDiv a, .enquiryListDiv .enquiryRow2 {
		font-size:10px;
	}
	.productGridDiv .gridBox{
		width:50%;
	}
	.productGridDiv .gridBox .pImage{
		width:100%;
	}
	.productGridDiv .gridBox .pTitle{
		width:100%;
	}
	.catGridDiv{
		border-left:1px solid #ebebeb;
	}
	.catGridDiv .gridBox{
		margin-right:0;
		width: 50%;
	}
	.catGridDiv .gridBoxcont{
		margin:0;
	}
	.catGridDiv .gridBoxcont2{
		margin:0;
	}
	.CpdescDiv{
		width:100%;
		padding-bottom: 10px;
	}
	.CpdescDiv p{
		font-size:11px !important;
	}
	.catGridDiv .cTitle{
		margin:0 5px;
		height:36px;
	}
	.CpnameDiv {
		margin: 10px 0;
	}
	h2{
		font-size:11px !important;
		line-height:18px !important;
	}
	#menu1 ul.navmenu1 li a, #menu1 ul.navmenu1 li a:visited{
		font-size: 11px;
		padding: 3px 3px;
	}
	#menu1 ul.navmenu1 li li a, #menu1 ul.navmenu1 li li a:visited{
		font-size: 11px;
		padding: 3px 3px;
	}
	.listIcon img {
		margin-top: -4px;
		width:11px;
	}
	.productDetailDiv .prodInfoContainer .prodShortDesc{
		min-height:15px;
		max-height:none;
		font-size:11px;
		line-height:15px;
	}
	.productDetailDiv .prodInfoContainer .prodShortDesc p{
		font-size:11px;
		line-height:15px;
	}
	.productDetailDiv .prodInfoContainer .prodShortDesc li{
		font-size:11px !important;
		line-height:15px !important;
	}
	.qtyText, .shareleftDiv {
		font-size: 11px;
	}
	.subSendDiv img{
		max-width:90%;
	}
	#tabs p{
		font-size:11px;
		margin-bottom:0;
	}
	.ui-tabs .ui-tabs-nav li a{
		padding:4px 6px !important;
	}
	.addbtn {
		margin-top: -7px;
	}
	.negbtn{
		margin-top:-15px;
	}
	.productListDiv .gridBox .pDesc{
		font-size:11px;
		line-height: 13px;
	}
	.productListDiv .gridBox .pBtn{
		max-width:40%;
	}
	.productListDiv .gridBox .pTitle h2 {
		line-height: 13px !important;
	}
	.productListDiv .gridBox .pSku h5 {
		line-height: 13px !important;
	}
	#menu1 .toggle{
		padding:3px 5px;
	}
}
@media screen and (max-width: 437px) {
	.footer3 .credit{
		margin:10px 0;
	}
}
@media screen and (max-width: 420px) {
	.ParentCatGridDiv .pImage{
		height:auto;
	}
	.ParentCatGridDiv .pImage img{
		max-width:165px;
		max-height:114px;
		width:100%;
	}
	.ParentCatGridDiv .gridBoxcon{
		max-width:165px;
		width:96%;
	}
}
@media screen and (max-width: 400px) {
	.formText{
		width:100%;
	}
	.formField {
		width: 100%;
	}
}