@import url(http://fonts.googleapis.com/css?family=Varela+Round);

.wcd{width:33%; height:40px; float:left;}
.wcd-logo{font-size: 36px; color: #fff;text-align: center; float:left; cursor: pointer;  color:#fff; font-size: 32px; font-family: 'Varela Round', sans-serif;
-webkit-transition:color 0.3s ease-in;  -moz-transition:color 0.3s ease-in; x²-o-transition:color 0.3s ease-in; transition:color 0.3s ease-in;
   }
  .wcd-logo:hover{color:#3facff;}
.wcd-tuto{ font-family: 'Varela Round', sans-serif; color: #fff; font-size: 16px; line-height: 36px;}
.webcodo-top{width:100%; height:40px; background-color:#232323}

.clear{clear: both;}
.grid, .list{
	border-radius: 3px;
	float: left;
	padding-right:10px;
	cursor:  pointer;
}

.grid{ opacity: 0.3;}
.grid:hover{  opacity: 1;}
.grid-active{ opacity: 1; }

.list{opacity: 0.3;}
.list:hover{opacity: 1;}
.list-active{opacity: 1;}

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

/* Grid Style */
.prod-box{
	width: 200px; 
	padding-right:10px;
	padding-bottom:40px;
	background-color: #fff;
	margin: 10px;
	float: left;
	height:270px;
}
@media only screen and (min-width: 1100px) {
.prod-box:hover .prod_large{
	position:absolute;
	background-color:#FFFFFF;
	padding:15px;
    -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);
	width:200px;
	margin-left:-40px;
	margin-top:-20px;
	padding-left:20px;
}
.prod-box:hover .search_img_div{
	margin-left:30px;
}

.prod-box:hover .search_product_name{ font-size:13px; width:200px;}
.prod-box:hover .edition{ display: block;}
.prod-box:hover #search_product_Activate_price{ display: block;}
.prod-box:hover #search_product_deActivate_price{ display: block;}
.prod-box:hover .pipe{ display: none;}
.prod-box:hover .search_imge{ width:123px; height:160px;}
.prod-box:hover .product_typev{ margin-top:116px; margin-left:30px; width:123px;} 
}
@media only screen and (max-width: 458px) {
.product_typev{
	display:none;
}
}
.product_typev{ position: absolute;
width: 113px;
margin-top: 106px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #000;
opacity: 0.8;
margin-left:21px; }
.prod-box .search_product_name{ font-size:13px;}
.prod-box .search_author_name{ font-family:'Droid Sans', verdana; font-size:13px; color:#494949; text-decoration:none;}
.prod-box .edition{ display: none; width:180px;}
.prod-box .search_content{ display: none;}
.prod-box .rateing{ float:none;}
.prod-box #search_product_deActivate_price{ display: none;}
.prod-box .search_product_price .was{ color:#494949; }


.for_grid{
	display:none;
}
.prod-box img:first-child, .prod-box-list img:first-child{
	float: left;
}
.search_img_div{
	width:113px; height:150px; margin-bottom:30px; margin-left:20px;
}
.search_imge{
	width:113px; height:150px;
} 
.prod-box h3 a{
	text-decoration: none;
	width:140px;
	float: left;
	margin: 5px 0;
	color:#888;
	font: italic normal 14px georgia;
	font-style: italic;
}
.prod-box .old{
	margin-right: 20px;
	color: #be0000 !important;
	text-decoration: line-through;
}
.prod-box .price{
	width: 60px;
	display: inline; 
	float: left;
	font: italic 13px georgia;
	color: #181818;
}

.prod-box .buy-ico{
	border-radius: 20px;
	width: 35px; height: 35px;
	float: right;
	margin: 5px;
	cursor: pointer;
	background: #039fd3 url(../images/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: #7eb800;
}

/* List View Style */
.prod-box-list{
	min-height: 165px;
/*	width: 670px;*/
	margin: 15px;
	padding: 10px;
	background-color: #fff;
	padding-bottom:20px;
}
.prod-box-list .search_img_div{
	margin-right:25px;
	float:left;
}
.prod-box-list h3 a{
	text-decoration: none;
	width:320px;
	float: left;
	padding:0;
	margin: 0 10px;
	color:#3c2e25;
	font: italic normal 22px georgia;
}
/*.prod-box-list p{
	color: #888;
	width:360px;
	float: left;
	margin: 20px 10px 10px 10px;
	font: italic 13px  georgia;
	line-height: 20px;
}
*/.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: #039fd3 url(../images/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;}

.prod-box-list .old{	
		color: #be0000 !important; 
	float: right;	
	font-style: 18px;
	text-decoration: line-through;
}
.prod-box-list .price{
	margin-right: 10px;
	display: block; 
	font: italic 20px georgia;
	color: #181818;
	margin:7px;
}
.prod-box-list .price-cnt{ }


/* 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);
}
*/


/* Search page.....................................*/
.search_result_row{
	background-color:#FFFFFF;
}
.search_result_row:hover{
	background-color:#F9F9F9;
}
#all_products.option{
 vertical-align:middle;
}
.search_product_name{
	font-family:'Droid Sans', verdana; font-size:16px; color:#494949; padding-bottom:10px;
}
.link{
	text-decoration:none; color:#494949;
}
.avtive_view{
	opacity:1;
}
.deavtive_view{
	opacity:0.2;
}
.search_author_name{
	font-family:'Droid Sans', verdana; font-size:14px; color:#e83231; padding-bottom:10px; text-decoration:underline;
}
.search_edition{
	font-family:'Droid Sans', verdana; font-size:14px; padding-bottom:10px; color:3e3e3e;
}
.search_content{
	font-family:'Droid Sans', verdana; font-family:verdana; font-size:12px; color:#4b4b4b; padding-bottom:10px;
}
.search_product_price{
	font-family:'Droid Sans', verdana; padding-bottom:10px;
}
#search_product_Activate_price{
	font-family:'Droid Sans', verdana; padding-bottom:10px; color:#FF0000; font-size:12px;
}
#search_product_deActivate_price{
	font-family:'Droid Sans', verdana; padding-bottom:10px; color:#656565; font-size:12px;
}
.search_product_price .was{
	font-family:'Droid Sans', verdana; padding-bottom:10px; text-decoration:line-through; color:#FF0000; font-size:12px;
}
.search_product_price .now{
	font-family:'Droid Sans', verdana; padding-bottom:10px; font-weight:bold; color:#FF0000; font-size:12px;
}
.together_price{
	font-family:'Droid Sans', verdana; font-weight:bold; color:#ea322a; font-size:18px; width:65px;
}
.together_save_price{
	font-family:'Droid Sans', verdana; font-weight:bold; color:#666666; font-size:12px; width:65px; margin-right:10px;
}



.menu_list {
width: 220px;
}
.menu_head {
padding: 5px 0px;
cursor: pointer;
position: relative;
color:#FF3E3E;
font-family:Georgia;
text-align:left;
margin: 1px;
/*background: #EDEDED center right no-repeat;*/
}
.menu_body {
display: block;
margin-top:10px;
margin-bottom:40px;
text-align:left;
}
.menu_body a {
display: block;
font-family:'Droid Sans', verdana; 
font-size:12px; 
color:#494949;
background-color:#FFFFFF;
padding-left: 10px;
padding-bottom:10px;
text-decoration: none;
}
.top_cat{
margin-top:10px;
text-align:left;
}
.top_cat a {
margin-left:-15px;
display: block;
font-family:'Droid Sans', verdana; 
font-size:12px; 
color:#494949;
background-color:#FFFFFF;
padding-bottom:10px;
text-decoration: none;
}

input.search-box[type="checkbox"] {
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0px;
    border: 0px none;
    overflow: hidden;
    position: absolute;
}
input.search-box[type="checkbox"] + label.search-label {
    padding-left: 20px;
    height: 15px;
    background-position: 0px 0px;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 15px;
}
input[type=checkbox].search-box:checked + label.search-label {

    background-position: 0 -15px;
}
.search-red-check {
    background-image: url("../images/lite-red-check.png");
}
input[type=checkbox] + label {
    font-family:'Droid Sans',verdana; font-size:12px; color:#656565; margin-left:18px; text-align:left;
} 
input[type=checkbox]:checked + label {
    font-style: normal;font-family:'Droid Sans',verdana; font-size:16px; color:red; text-align:left;
}


.menu_body a:hover {
color: #000000;
text-decoration: underline;
}