@import url(//fonts.googleapis.com/css?family=Open+Sans);
body{ background: #f5f5f5; font: 12px 'Open Sans', 'Segoe UI', 'Helvetica Neue', Georgia, Arial, sans-serif;   margin: 0;}

.chocomanifesto-title{
	font-size: 36px; 
	color: #3d120f;
	text-align: center; 
	float:left; 
	color: #3d120f; 
	font-size: 32px; 
	font-family: 'Open Sans', sans-serif;
}

.chocomanifesto-subtitle{
	font-size: 16px; 
	color: #3d120f;
	text-align: center; 
	float:left; 
	color: #3d120f; 
	font-size: 14px; 
	font-family: 'Open Sans', sans-serif;
}
.chocomanifesto-top{width:100%; height:260px; background-color:#f5f5f5}
.chocomanifesto-header{width:33%; height:260px; float:left;}

.chocomanifesto-bottom{width:100%; height:60px; background-color:#f5f5f5}
.chocomanifesto-footer{width:100%; height:60px; float:left;}

.landingpage-title{
	font-size: 36px; 
	color: #3d120f;
	text-align: center; 
	float:left; 
	color: #3d120f; 
	font-size: 32px; 
	font-family: 'Open Sans', sans-serif;
}

.landingpage-text{
	font-size: 24px; 
	color: #3d120f;
	text-align: center; 
	float:left; 
	color: #3d120f; 
	font-size: 20px; 
	font-family: 'Open Sans', sans-serif;
}

.landingpage-subtitle{
	font-size: 16px; 
	color: #3d120f;
	text-align: center; 
	float:center; 
	color: #3d120f; 
	font-size: 14px; 
	font-family: 'Open Sans', sans-serif;
}

.landingpage-top{width:100%; height:10px; background-color:#f5f5f5}
.landingpage-header{width:33%; height:285px; float:left;}

.landingpage-bottom{width:100%; height:60px; background-color:#f5f5f5}
.landingpage-footer{width:100%; height:60px; float:left;}

.clear{clear: both;}
.grid, .list{
	border-radius: 3px;
	width: 15px; 
	height:15px; 
	margin-left: 10px; 
	float: left; 
	cursor:  pointer; 
	padding: 5px; 
}

.view-cnt{ width:70px; height: 25px; float: right; margin-right: 15px;}

.grid{background: url(../img/grid.png) 50% no-repeat;}
.grid:hover{background: #ed7004 url(../img/gridw.png) 50% no-repeat;}
.grid-active{ background: #a93427 url(../img/gridw.png) 50% no-repeat; }

.list{background:  url(../img/list.png) 50% no-repeat;}
.list:hover{background: #ed7004 url(../img/listw.png) 50% no-repeat;}
.list-active{background: #a93427 url(../img/listw.png) 50% no-repeat;}

.prods-cnt{
	width: 1200px; height:auto; min-height: 600px; 
	margin: 40px auto; padding: 40px;
	background-color: #fafafa;
	border: #ccc 1px dotted;
	overflow: auto; 
}

.landingpage-box{
	width: 500px; height:auto; min-height: 160px; 
	margin: 40px auto; padding: 40px;
	background-color: #fafafa;
	border: #ccc 1px dotted;
	overflow: auto; 
}

/* Category menu Style */
.category-menu ul{ padding-left: 15px;}
.category-menu ul li{ 
	list-style: none; cursor: pointer;
	float: left; margin-right: 10px;
	background-color: #7e7e7d; color: #fff; 
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 3px;
}
.category-menu ul li:hover{
	background: #ed7004;
}
.category-menu ul li.cat-active{
	background: #a93427;
}

.maker-menu ul, .stock-menu ul{ padding-left: 15px; }
.maker-menu ul li, .stock-menu ul li{ 
	list-style: none; cursor: pointer;
	float: left; margin-top: 8px; margin-right: 10px;
	background-color: #7e7e7d; color: #fff; 
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 3px;
}
.maker-menu ul li:hover, .stock-menu ul li:hover{
	background: #ed7004;
}

.maker-menu ul li.maker-active, .stock-menu ul li.stock-active{
	background: #a93427;
}


/* Grid Style */
.prod-box{
	width: 190px; height: 280px;
	padding: 10px; margin: 15px;
	background-color: #fff;
	float: left;
}

.prod-box img:first-child, .prod-box-list img:first-child{width: 190px; float: left;}
.prod-box h3 {
	text-decoration: none;
	width:185px;
	float: left;
	margin: 5px 0;
	color:#3d120f;
	font: normal 14px 'Open Sans';
	font-style: normal;
}

.prod-box a{
	font-weight: bold;
}

.prod-box p{ display: none;}

.prod-box .instock{
	margin-right: 0px;
	color: #3d120f !important;
}
.prod-box .toorder{
	margin-right: 0px;
	color: #7e7e7d !important;
}
.prod-box .price{
	width: 85px;
	display: inline; 
	float: left;
	font: normal 14px 'Open Sans';
	font-weight: bold;
	color: #3d120f;
}
.prod-box .buy-ico{
	border-radius: 20px;
	width: 35px; height: 35px;
	float: right;
	margin: 5px;
	cursor: pointer;
	background: #7e7e7d url(../img/bag-ico.png) 50%  no-repeat;
	-webkit-transition:background-color 0.3s ease-in;  
   	-moz-transition:background-color 0.3s ease-in;  
   	-o-transition:background-color 0.3s ease-in;  
   	transition:background-color 0.3s ease-in;
}
.prod-box .buy-ico:hover{
	background-color: #ed7004;
}

/* List View Style */
.prod-box-list{
	height: 500px;
	width: 1150px;
	margin: 15px;
	padding: 10px;
	background-color: #fff;
}
.prod-box-list h3 {
	cursor: default;
	text-decoration: none;
	width:800px;
	float: left;
	padding:0;
	margin: 0px 10px;
	color:#3d120f;
	font: normal 22px 'Open Sans';
}
.prod-box-list img{
	cursor: default;
}
.prod-box-list p{
	color: #3d120f;
	width:775px;
	float: left;

	margin: 20px 10px 10px 10px;
	font: normal 14px  'Open Sans';
	line-height: 18px;
}
.prod-box-list a{
	color: #a93427; 
}
.prod-box-list a:hover{
	color: #ed7004;
}
.prod-box-list .instock{
	margin-right: 40px;
	color: #3d120f !important;
	float: right;
	font-style: 18px 'Open Sans';
}
.prod-box-list .toorder{
	margin-right: 40px;
	color: #7e7e7d !important;
	float: right;
	font-style: 18px 'Open Sans';
}
.prod-box-list .price{
	width: 125px; 
	height: 20px;
	color: #3d120f;
	padding: 5px 5px 5px 30px;
	font:20px 'Open Sans';
	float: right;
	margin: 5px;
}
.prod-box-list .price a{
	color: #3d120f; 
}
.prod-box-list .price-cnt{ width: 160px; height: auto; float: right; text-align: right;}

.prod-box-list .buy-ico{
	border-radius: 5px;
	width: 85px; 
	height: 20px;
	color: #fff;
	padding: 5px 5px 5px 30px;
	font:italic 12px georgia;
	float: right;
	margin: 5px;
	cursor: pointer;

	background: #7e7e7d url(../img/bag-ico.png) 5% 50%  no-repeat;
	-webkit-transition:background-color 0.3s ease-in;  
   	-moz-transition:background-color 0.3s ease-in;  
   	-o-transition:background-color 0.3s ease-in;  
   	transition:background-color 0.3s ease-in;
}
.prod-box-list .buy-ico:before{content: "More Details";	line-height: 22px;  }
.prod-box-list .buy-ico:hover{	background-color: #7eb800;}

.noResults{
	display: none;
	height: 40px;
	width: 1150px;
	margin: 15px;
	padding: 0px;
	font: normal 20px 'Open Sans';
}

/* Css Shadow Effect for the prod-box and prod-box-list div */
 .shadow{
    -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
    -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.31);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.31);
}