/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox , #cboxOverlay , #cboxWrapper{
	position : absolute;
	top : 0;
	left : 0;
	z-index : 9999;
	overflow : hidden;
	-webkit-transform : translate3d( 0 , 0 , 0 );
}
#cboxWrapper{
	max-width : none;
}
#cboxOverlay{
	position : fixed;
	width : 100%;
	height : 100%;
}
#cboxMiddleLeft , #cboxBottomLeft{
	clear : left;
}
#cboxContent{
	position : relative;
}
#cboxLoadedContent{
	overflow : auto;
	-webkit-overflow-scrolling : touch;
}
#cboxTitle{
	margin : 0;
}
#cboxLoadingOverlay , #cboxLoadingGraphic{
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}
#cboxPrevious , #cboxNext , #cboxClose , #cboxSlideshow{
	cursor : pointer;
}
.cboxPhoto{
	display : block;
	float : left;
	max-width : none;
	margin : auto;
	border : 0;
	-ms-interpolation-mode : bicubic;
}
.cboxIframe{
	display : block;
	width : 100%;
	height : 100%;
	padding : 0;
	margin : 0;
	border : 0;
}
#colorbox , #cboxContent , #cboxLoadedContent{
	-moz-box-sizing : content-box;
	-webkit-box-sizing : content-box;
	box-sizing : content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{
	background : #000;
	filter : alpha( opacity = 90 );
	opacity : .9;
}
#colorbox{
	outline : 0;
}
#cboxContent{
	margin-top : 70px;
	margin-bottom : 70px;
	overflow : visible;
	background : #fff;
	border-radius : 10px;
}
.cboxIframe{
	background : #fff;
}
#cboxError{
	padding : 50px;
	border : 1px solid #ccc;
}
#cboxLoadedContent{
	padding : 1px;
	background : #fff;
	border-radius : 10px;
}
#cboxLoadingGraphic{
	background : url( "images/loading.gif" ) no-repeat center center;
}
#cboxLoadingOverlay{
	background : #fff;
}
#cboxTitle{
	position : absolute;
	top : -22px;
	left : 0;
	color : #000;
}
#cboxCurrent{
	position : absolute;
	top : -22px;
	right : 205px;
	text-indent : -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious , #cboxNext , #cboxSlideshow , #cboxClose{
	position : absolute;
	top : -20px;
	width : 20px;
	height : 20px;
	padding : 0;
	margin : 0;
	overflow : visible;
	text-indent : -9999px;
	background : url( "images/controls.png" ) no-repeat 0 0;
	border : 0;
}
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active , #cboxNext:active , #cboxSlideshow:active , #cboxClose:active{
	outline : 0;
}
#cboxPrevious{
	right : 44px;
	background-position : 0 0;
}
#cboxPrevious:hover{
	background-position : 0 -25px;
}
#cboxNext{
	right : 22px;
	background-position : -25px 0;
}
#cboxNext:hover{
	background-position : -25px -25px;
}
#cboxClose{
	top : -70px;
	right : 0;
	width : 50px ;
	height : 50px;
	background : url( "../images/salon/close.png" ) no-repeat 0 0 ;
	background-size : 50px 50px;
}
.cboxSlideshow_on #cboxPrevious , .cboxSlideshow_off #cboxPrevious{
	right : 66px;
}
.cboxSlideshow_on #cboxSlideshow{
	right : 44px;
	background-position : -75px -25px;
}
.cboxSlideshow_on #cboxSlideshow:hover{
	background-position : -100px -25px;
}
.cboxSlideshow_off #cboxSlideshow{
	right : 44px;
	background-position : -100px 0;
}
.cboxSlideshow_off #cboxSlideshow:hover{
	background-position : -75px -25px;
}