/* picturebox CSS */


	
	/* SUCKERFISH DROPDOWNS */
	#nav li ul { display:none; position:absolute; top:30px; left:-27px }
	#nav li > ul { top:auto; left:auto }
	#nav li:hover ul, #nav li.over ul { display:block !important; z-index:20; position:absolute; top:30px; left:-27px }
	/* END SUCKERFISH DROPDOWNS */
	
	#nav li ul { z-index:20; width:150px; height:auto; margin:0; border-top:5px solid #FCE8CB;
	background:#281303 url('../graphics/dropdown_arrow.png') no-repeat top center; opacity:.95; filter: alpha(opacity=95); -moz-opacity: 0.95 }
	
	#nav li ul li { float:none; width:150px; margin:0; padding:0 !important; display:block }
	#nav li ul li a { display:block; height:auto !important; margin:0 2px; border-bottom:1px solid #281303; border-top:1px solid #281303 ; background:none; text-align:left; font-size:16px; text-transform:uppercase }
	#nav li ul li a:hover { background:#394f5d; border-bottom:1px solid #526a7a; border-top:1px solid #526a7a }

#featured-item {
   width: 651px; /* important to be same as image width */
   height: 237px; /* important to be same as image height */
   position: relative; /* important */
   background:#ffffff;
   float:left;
   margin:0 0 20px 0;
   display:block;
   overflow: hidden; /* important */
}

#featured-item a{
	color:#CCC;
}

#featured-itemContent {
   width: 651px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0; padding:0;
   list-style:none;
   margin-left: 0; /* important */
}

.featured-itemImage {
	width:651px; height:237px;
   	float: left; /* important */
   	position: relative; /* important */
   	display: none; /* important */
}

.featured-itemImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   width: 651px;
   background-color: #de1f75;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */

   bottom: 0; 		/* if you put
   					top: 0; -> the box with text will be shown at the top of the image
       
	   				if you put
       				bottom: 0; -> the box with text will be shown at the bottom of the image */ }
					
.featured-itemImage span strong {
font-family:"Lucida Sans Unicode";
	font-weight:normal;
	font-size:20px; letter-spacing:-1px;
	display:block;
	color:#fff !important;
	margin:15px 0 5px 15px !important; padding:0 }

.featured-itemImage span b {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:block;
	color:#fff;
	margin:3px 0 12px 15px !important; padding:0;
	line-height:12px; font-size:11px;
	width:620px }
	
.featured-itemImage span em.price {
	font-style:normal;
	display:block;
	height:30px;
	font-size:30px; color:#FFF; letter-spacing:normal;
	position:absolute; right:15px; top:18px }

.featured-itemImage span em.more-info {
	font-style:normal;
	font-size:14px;
	font-weight:bold;
	display:block;
	position:absolute; right:15px; top:52px }

.clear { clear: both } 

	
	span.read, .quote {

	color:#FFF;
	font-weight:bold;

	position:relative;
	text-transform:uppercase;
	top:-2px }
	
	span.read a {
		color:#FFF;
		padding:8px;
	}
	
	span.read a:hover {
		background:#000;
		text-decoration:none;
	}
	
	span.quote a {
		color:#FFF;
		padding:8px;
	}
	
	span.quote a:hover {

		text-decoration:none;
	}
	
span.read {
	font-size:12px;
}

span.quote { 
font-size:18px;
}

span.big-separator { display:block; height:26px; margin:20px 0; background:url('../graphics/big_menu_separator.png') no-repeat top center }
span.sm-separator { display:block; height:25px; margin:20px 0; background:url('../graphics/sm_menu_separator.png') no-repeat top center }

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