#promo_list {

	/*padding			: 10px 14px 10px 14px;*/
}
/*sample is for noob slider*/
#promo_list .promo_item {
	background		: #e0e8e7 url(../../../view/home/lh_rh_rounded_cnr.png) no-repeat 0px 323px; /*light blue colour for the benefit of ffox pc and ie7 bottom rounded corners not showing */
	margin-bottom	: 30px;
	overflow		: hidden;width: 527px;height: 325px;min-height: 325px; /*320 hides rh curves incorporate into image*/

}

#promo_list .promo_item_slider {
	background--		: #e0e8e7 url(../../../view/home/lh_rh_rounded_cnr.png) no-repeat 0px 323px; /*light blue colour for the benefit of ffox pc and ie7 bottom rounded corners not showing */
	margin-bottom	: 30px;
	overflow		: hidden;width: 527px;height: 332px;min-height: 332px; /*320 hides rh curves incorporate into image*/
}


#promo_list .promo_item .item_content  {
	
	width			: 270px;
	float: left;
	clear: left;margin-right: 18px;
}

#promo_list .promo_item img  {
height: 320px;opacity---:0.0;filter:alpha(opacity=0); /*proxy img to preserve nifty corners */	
}


 /* Firefox mac only*/ @-moz-document url-prefix() { #promo_list .promo_item img { min-height:322px; } }
/* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #promo_list .promo_item img { min-height:322px; } }


 

#promo_list .promo_img8, 
#promo_list .promo_img13, 
#promo_list .promo_img12, 
#promo_list .promo_img14, 
#promo_list .promo_img9 {
height: 325px;width: 232px;
position:relative; top: -355px; left: 295px;display:block;margin-bottom: -320px;
}

/*larger custom img for this promo block*/
#promo_list .promo_img6 {
height: 325px;width: 232px;
position:relative; top: -355px; left: 295px;display:block;margin-bottom: -320px;
}



#promo_list .promo_img6  { background: transparent url(../../../view/home/item6_promo.jpg) no-repeat 0 0px;
  }


#promo_list .promo_img8 { background : transparent url(../../../view/home/item8_promo.jpg) no-repeat 0 0px;  }
#promo_list .promo_img9 { background : transparent url(../../../view/home/item9_promo.jpg) no-repeat 0 0px;  }

	#promo_list .promo_img12 { background : transparent url(../../../view/home/item12_promo.jpg--) no-repeat 0 0px;  } /*bg image disabled so spacer.gif can be link*/

#promo_list .promo_img13 { background : transparent url(../../../view/home/item13_promo.jpg) no-repeat 0 0px;  }
#promo_list .promo_img14 { background : transparent url(../../../view/home/item14_promo.jpg) no-repeat 0 0px;  }


	#promo_item14 { background : transparent url(../../../view/home/bg_item14_promo.jpg) no-repeat 0 0px; }
	#promo_item13 { background : transparent url(../../../view/home/bg_item13_promo.jpg) no-repeat 0 0px; }
	#promo_item12 { background : transparent url(../../../view/home/bg_item12_promo.jpg) no-repeat 0 0px; }
	#promo_item8 { background : transparent url(../../../view/home/bg_item8_promo.jpg) no-repeat 0 0px; }
	#promo_item15 { background : transparent url(../../../view/home/bg_item15_promo.jpg) no-repeat 0 0px; }
	#promo_item16 { background : transparent url(../../../view/home/bg_item16_promo.jpg) no-repeat 0 0px; }
	#promo_item17 { background : transparent url(../../../view/home/bg_item17_promo.jpg) no-repeat 0 0px; }

	#promo_item17b { background : transparent url(../../../view/home/bg_item17b_promo.jpg) no-repeat 0 0px; } /* alternate item 17 for logged in users*/


	#promo_item18 { background : transparent url(../../../view/home/bg_item18_promo.jpg) no-repeat 0 0px; }
	#promo_item19 { background : transparent url(../../../view/home/bg_item19_promo.jpg) no-repeat 0 0px; }
	#promo_item20 { background : transparent url(../../../view/home/bg_item20_promo.jpg) no-repeat 0 0px; }
	#promo_item21 { background : transparent url(../../../view/home/bg_item21_promo.jpg) no-repeat 0 0px; }
	#promo_item22 { background : transparent url(../../../view/home/bg_item22_promo.jpg) no-repeat 0 0px; }
	#promo_item23 { background : transparent url(../../../view/home/bg_item23_promo.jpg) no-repeat 0 0px; }


	#promo_item6 { background : transparent url(../../../view/home/bg_item6_promo.jpg) no-repeat 0 0px; }

	#promo_item_special1 { background : transparent url(../../../view/home/bg_item_special1_promo.jpg) no-repeat 0 0px; }
	#promo_item_special2 { background : transparent url(../../../view/home/bg_item_special2_promo.jpg) no-repeat 0 0px; }




#promo_list .promo_item h3, #promo_list .promo_item_slider h3 {	
	margin			: 20px 0 0 20px;
	padding			: 0;
	font-size		: 1.6em;
	font-weight		: 600;
	border-bottom 	: 1px dotted #7991c9;width: 250px;

}

#promo_list .promo_item h3 a, #promo_list .promo_item_slider h3 a  {	
	text-decoration	: none;
	color			: #7991c9;
}


#promo_list .promo_item p, #promo_list .promo_item_slider p { 
	margin-top		: 20px;
	margin-left		: 20px;width: 250px;
}


#promo_list .alt----- {
	background		: #B4C6B6 url(../../../view/home/lh_rh_rounded_cnr.png) no-repeat 0px 323px; /*grey green alternative bg colour bg image for the benefit of ffox pc and ie7 bottom rounded corners not showing */}

#promo_list .alt {
	background-color		: #B4C6B6; }



#promo_list .yellow {
	background		: #f3f316 url(../../../view/home/lh_rh_rounded_cnr.png) no-repeat 0px 323px; /*for clearance sale bg colour*/
}

#promo_list .purple {
	background		: #b3b3ea url(../../../view/home/lh_rh_rounded_cnr.png) no-repeat 0px 323px; /*for nec promo bg colour*/
}

#promo_list .purple h3 a {
	color			: #fff;
}

#promo_list .alt p {
	color			: #333; /*ichange*/
}

#promo_list .alt h3 a {
	color			: #fff;
}


#hero_pic {
position: relative;
float:none;
top:-75px;
left: 212px;
height: 400px; 
width: 262px;	
	border---: 1px solid red;
padding:0;
margin-bottom: -400px;
	background 		: transparent url(../../../images/project/hero_pic.png) no-repeat 0 0px;
_background: transparent url(../../../images/project/hero_pic_ie6.jpg) no-repeat bottom right; /* IE 6 and below */
z-index: 1000;
}


/*-----------for javascript noob_slide*/




.sample {padding:0px 0px; margin:0px 0 0px 0px; border---: 1px solid green;
 }

/*setup the placeholder*/

	.buttons{
		 border---: 1px solid blue;margin:-30px 100px 20px 0;padding:0;/*position slider*/
	width:527px;height:184px;
	background : transparent url(../../../images/controls/slider_nav_thumbs_bg.jpg) no-repeat 0 0px;
	}

/*setup the placeholder*/


.buttons span {cursor:pointer;padding:0;margin: 0 0 0 0;float:left;display:inline;
}

/*initial page load highlights first thumb margins are set inline */

.buttons span.active img.inactive_onload  {
border: 3px solid #FFF;padding:0;margin-right:10px;
/* For initial image inactive state */
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* when clicking on other thumbs, the  first thumb gets de-highlighted to .5: */

.buttons span img.inactive_onload
  {
border: 3px solid #5AB1C2;
/* For initial first image inactive state */
	opacity: .5;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* For initial first  image hover state  */

.buttons span.active img.inactive_onload:hover, .buttons span img.inactive_onload:hover  {
border: 3px solid #FFF;width:113px;height:70px;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.buttons span.active {visibility: visible;margin: 0;padding:0;
} 



/* all the other buttons in their inactive state */

.buttons span.inactive {visibility: visible; margin: 10px 0px -3px 10px;
padding:0;background-color---:pink;
} 



/*bordering the thumbs inactive and active and hover states*/

.buttons span.inactive img {border: 3px solid #5AB1C2;margin:0;padding:0;
	opacity: .5;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/* For IE 8  */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


.buttons span.inactive img:hover, .buttons span.active img:hover {border: 3px solid #FFF;margin:0;padding:0;
	opacity: 1;width:113px;height:70px;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8  */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.hover_fix:hover {
	width:119px;height:76px;margin:10px;padding:0; /*includes 3px border*/
	
}


/* the selected active item */
.buttons span.active img {border: 3px solid #FFF;margin:0;padding:0;
	opacity: 1;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}




/*  /////////NOT USED--forward and back buttons*/

#promo_list .slider_nav {position:relative;display:inline;top:200px;left: -14px;width: 555px; height: auto;}

#promo_list .slider_nav .prev {float:left;width: 22px;height: 22px;background-color:yellow;cursor:pointer;
background: transparent url(../../../view/home/slider_nav_prev.png) no-repeat 0px 0px;
}

#promo_list .slider_nav .prev.active, #promo_list .slider_nav .prev:hover 
{background: transparent url(../../../view/home/slider_nav_prev_hover.png) no-repeat 0px 0px;}



#promo_list .slider_nav .next {float:left;width: 22px;height: 22px;background-color:orange;cursor:pointer;margin-left: 511px;
background: transparent url(../../../view/home/slider_nav_next.png) no-repeat 0px 0px;
}

#promo_list .slider_nav .next.active, #promo_list .slider_nav .next:hover 
{background: transparent url(../../../view/home/slider_nav_next_hover.png) no-repeat 0px 0px;}




/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}


 /*Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	display:block;
	float:left;width:527px;
}

#box4 h3, #box4 p, #box4 ul{
}
#box4 img{
}
#info4{
display:none;
}



/* Sample 6*/

#box6{
	position:absolute;
	width:527px;border---: 1px solid green;
}
#box6 span{
	display:block;height:325px;
}
#handles6_1{
	float:left;display:inline; border: 1px solid blue;margin:0px 100px 20px 0;padding:0;
width:527px;height:192px;
 }


#handles6_2{
	display--:none;
}
.mask6{
	position:relative;
	left:0px;
	margin-left:0px;
	width:527px;
	height:325px;
	overflow:hidden;border--: 1px solid purple;

}
.sample6 .buttons{
	clear:both;
	text-align:center;
}



.mask3{
	position:relative;
	width:527px;
	height:332px; /*325 plus 7 to make gap bn nav panel and content panel*/
	overflow:hidden;border---: 1px solid orange;margin:0;padding:0;

}


/* Sample 8  UNDER DEVELOPMENT in featured_items/item1 content.tpl*/
#box8{
	position:absolute;
}
#box8 div{
	width:527px;display:block;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	/*border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
}



.mask1{
	position:relative;
	width:527px;
	height:332px;
	overflow:hidden;
}

#slider_status .buttons2 span img {background: transparent url(../../../view/home/slider_panel_indicator_dot_off.jpg) no-repeat 0px 0px;height:28px;width:24px;}
#slider_status .buttons2 span.active img, .buttons span:hover img {background: transparent url(../../../view/home/slider_panel_indicator_dot_on.jpg) no-repeat 0px 0px;height:28px;width:24px;}


#slider_status .buttons2 img {
padding:0;display:inline;float:left;
}

#slider_status  {
height: 40px;
width: 527px; 
}

#countdown_clock {
height: 120px; 
width: 527px;	
background: transparent url(../../../images/project/countdown_clock_bg.jpg) no-repeat 0 0px;
margin-bottom:36px;
}