/**
 * Styles for items that will be affected by js functionality
 * 
 * These will be the default styles - they should work in a no-js environment
 * Overrides to these will be loaded in via js in the head if available
 * This will avoid seeing the adjustment of any content
 */

/********************************************/
/* Generic			                   	    */
/********************************************/

/* hides elements that should only be visible when js is enabled */
.no_js_no_show {
	display:none;
}



/********************************************/
/* Fading slideshow                    	    */
/********************************************/

.slide_show {
	position:relative;
	z-index:1;
	left:0;
	top:0;
}

.slide {
	position: absolute;
	top: 0;
	left: 0;
}

.slide img {
	overflow: hidden;
}

.slide_show_morph_start {
	opacity:0;
}

.slide_show_morph_end {
	opacity:1;
}


/********************************************/
/* Sliders                   	    		*/
/********************************************/
.sliders {
	position:relative;
	overflow:hidden;
}

.slider {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}


/* finder */

.slider_morph_start {
	left: -265px;
}
.slider_morph_end {
	left: 0;
}


/* spotlights */

.spotlight_slider_morph_start {

	opacity:0;
}
.spotlight_slider_morph_end {

	opacity:1;
}


/* highlights */

.highlight_slider_morph_start {

	opacity:0;
}
.highlight_slider_morph_end {

	opacity:1;
}



/* image gallery */

.image_gallery_slider_morph_start {

	opacity:0;
}
.image_gallery_slider_morph_end {

	opacity:1;
}

#finder .finder_section {
	display:none;
}

#finder.finder_closed {
	height:0;
}

/* must keep seperate or will not be accessible by mootools */
.finder_closed {
	height:0;
}

#finder.finder_open{
	height:320px;
}
/* must keep seperate or will not be accessible by mootools */
.finder_open {
	height:320px;
}





#spotlights .spotlight,
#highlights .highlight {
	display:none;
}


#imageGalleryViewport .image_gallery_image {
	display:none;
}








/********************************************/
/* Overlay                  	    		*/
/********************************************/

.overlay {
	z-index:5000;
	position: absolute; 
	top: 0;
	left: 0;
	background:#000000;
	background-position: center center;
	background-repeat: no-repeat;
	width:100% !important;
}

.overlay_morph_start {
	opacity:0;
}

.overlay_morph_end {
	opacity:0.6;
}





/********************************************/
/* Megabox                	    			*/
/********************************************/

.megabox {
	z-index:6000;
	position: absolute; 
	background:none;
	top:0;
	left:0;
	background: #ffffff;
	padding:5px;
}

.megabox_morph_start {
	opacity:0;
}

.megabox_morph_end {
	opacity:1;
}

.megabox_content {
}

.megabox_info {
	font-weight:bold;
}

.megabox_controls {
	text-align:right;
}


.megabox_controls a.megabox_close,
.megabox_controls a.megabox_close:hover {
	font-weight:normal;
	font-size:100%;
	text-align:right;
}

.megabox_controls a.megabox_close:hover {
	text-decoration:underline;
}
 
 
 /********************************************/
/* Megabox  content             	    	*/
/********************************************/

 .megabox_html {
 	width:500px;
	padding:5px;
 }
 
 .megabox_controls a.megabox_close,
 .megabox_content .megabox_html a.megabox_close {
	padding:1px 24px 2px 2px;
	display:block;
	background: transparent url(../images/generic/megabox_close.png) top right no-repeat;
	color:inherit;
	text-align:right;
 }