/*---------------------------- Category listing -------------------------------*/
a.category_list {
	-webkit-transition: border-color .4s ease-out;
	-moz-transition: border-color .4s ease-out;	
	display:inline-block;
	height:300px;
	width:290px;
	padding:8px;
	margin:5px;
	vertical-align:top;
	border:2px outset #036;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-webkit-box-shadow: 1px 1px 6px  #333333;
	-moz-box-shadow: 1px 1px 6px #333333;
	box-shadow: 1px 1px 6px #333333;
	color:#069;
	text-decoration:none!important;
}

a.category_list:hover {
	border-color: #FFF;}

a.category_list h2 {
	-webkit-transition: color .4s ease-out;
	-webkit-transition: background-color .4s ease-out;	
	-webkit-transition: text-shadow .4s ease-out;	
	display:block;
	text-decoration:none!important;
	text-align:center;
	margin:140px 10px 0 10px;
	padding:5px;
	font-size:30px;
	background:url(imgs/png/png_op70036-01.png);
	color:#FFF;
	text-shadow: 1px 1px 4px #000000;
	filter: dropshadow(color=#000000, offx=2, offy=2);
}
	
a.category_list:hover h2 {
	color:#333;
	background-color:rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px 4px #3399FF;
	filter: dropshadow(color=#3399FF, offx=2, offy=2);
}
	
/*-----------------------------------------------------------------------------------*/
a.maxiitem {
	display:inline-block;
	width:150px;
	height:150px;
	vertical-align:top;
	margin:3px 3px 3px 4px!important;
	border:2px outset #aaa;
	-webkit-box-shadow: 1px 1px 5px  #000000;
	-moz-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

a.maxiitem:hover {
	-webkit-box-shadow: 3px 3px 15px  #000000;
	-moz-box-shadow: 3px 3px 15px #000000;
	box-shadow: 3px 3px 15px #000000;
}

a.maxiitem img {
	display:block;
	margin:0 auto;
	border:0px solid #FFF!important;
	vertical-align:middle!important;
}

/*div.fadein, a.fadein {
	opacity: 0.8!important;}*/


/*-------------------------------------------------------------------------------------------*/
#list_wide {
	display:inline-block;
	width:470px;
	min-height:190px!important;
	margin:0 10px 10px 0;
	height:auto;
	border:1px dotted #222;
	vertical-align:top;}
	
/*---------------------- fp_scroller ---------------------------------------*/

#fp_scroller {
	display:block;
	width:940px!important;
	height:320px!important;
	padding:15px;
	text-decoration:none!important;
}

#fp_scroller div.docpic {
	display:block;
	float:left;
	width:300px;
	height:300px;
}

#fp_scroller div.docright {
	display:block;
	float:right;
	height:280px;
	z-index:999;
	padding:10px;
	width:550px;
	margin:15px;
	color:#FFF;
	font-size:16px;
	font-weight:bold!important;
	line-height:22px;
	background:url(imgs/png/png_op70036-01.png);
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

#fp_scroller div.docright h3 {
	font-size:34px;
	line-height:40px;
	color:#FFF;
	font-weight:bold;
	letter-spacing:-0.05em!important;
		text-shadow: 1px 1px 6px #000000;
	filter: dropshadow(color=#000000, offx=2, offy=2);}

#fp_scroller a {
	text-decoration:none;}
	
#fp_scroller div.docright div.sum  {
	display:block;
	color:#222;
	background:url(imgs/png/png_op75FFF-01.png);
	-webkit-box-shadow: 1px 1px 5px  #000000;
	-moz-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	margin:10px 0;
	font-size:15px;
	font-weight:bold!important;}
	
#fp_scroller div.docright div.sum p {
	display:inline;
}
	
#fp_scroller div.docright h4 a {	
	-webkit-transition: color .4s ease-out;
	-moz-transition: color .4s ease-in-out;
	transition: color .4s ease-in-out;
	font-size:26px;
	line-height:32px;
	color:#FFF;
	font-weight:bold;
	letter-spacing:-0.05em!important;
		text-shadow: 1px 1px 6px #000000;
	filter: dropshadow(color=#000000, offx=2, offy=2);}
	
#fp_scroller div.docright h4 a:hover {	
	color:#036;
	font-weight:bold;

		text-shadow: 1px 1px 6px #FFFFFF;
	filter: dropshadow(color=#FFFFFF, offx=1, offy=1);}
	
	
#product {
	vertical-align:top;
	padding:5px;
	display:inline-block;
	width:305px;
	height:auto;
	border:1px dotted #333;
	margin:3px;
}