article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* Initiate */

x* { outline: 1px dotted pink;}

html {
	height: 100%;
	}

body {
	width: 990px;
	margin: 0 auto;
	height: 100%;
	/*
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.85);
	-moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 0.85);
	box-shadow:         0px 0px 10px rgba(0, 0, 0, 0.85);
	*/
	}

.container_12 {	
	min-height: 100%;
	}


/* Text ################################################################*/

@font-face {
    font-family: 'CopperplateBoldBt';
    src: url('/assets/font/copperplate_gothic_bold_bt-webfont.eot');
    src: url('/assets/font/copperplate_gothic_bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/copperplate_gothic_bold_bt-webfont.woff') format('woff'),
         url('/assets/font/copperplate_gothic_bold_bt-webfont.ttf') format('truetype'),
         url('/assets/font/copperplate_gothic_bold_bt-webfont.svg#copprplgoth_bd_btbold') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'LiberationSerifBold';
    src: url('/assets/font/LiberationSerif-Bold-webfont.eot');
    src: url('/assets/font/LiberationSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/LiberationSerif-Bold-webfont.woff') format('woff'),
         url('/assets/font/LiberationSerif-Bold-webfont.ttf') format('truetype'),
         url('/assets/font/LiberationSerif-Bold-webfont.svg#LiberationSerifBold') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'entypo';
    src: url('/assets/font/entypo.eot');
    src: url('/assets/font/entypo.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/entypo.woff') format('woff'),
         url('/assets/font/entypo.ttf') format('truetype'),
         url('/assets/font/entypo.svg#entypo') format('svg');
    font-weight: 400;
    font-style: normal;
}


body {
	font-family: Verdana, Geneva, sans-serif;
	}


h1, h2, h3, h4,
.shout {
	font-family: 'CopperplateBoldBt';
	font-weight: 400;
	text-transform: uppercase;
	}

h1,
#formError h2 {
	font-size: 24px;
	line-height: 40px;
	margin: 20px 0 10px;
	font-weight: 400;
	}
	
	#formError h2 {
		line-height: 30px;
		margin: 5px 0 10px;
		}

h2 {
	font-size: 20px;
	line-height: 25px;
	margin: 0 0 15px;
	font-weight: 400;
	}

	#sidebar h2 {
		font-size: 18px;
		}


body {
	font-size: 14px;
	line-height: 20px;
	}

p {
	margin: 0 0 15px;
	}


	footer p {
		font-size: 11px;
		line-height: 16px;
		margin: 0;
		}



/* Icons #########################################################################*/

/* Entypo pictograms by Daniel Bruce - www.entypo.com */

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'entypo';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  margin-right: 0.6em;
  text-align: center;
  opacity: 0.7;
}


.icon-tel:before {
	content: '\1f4de';
	}

	footer .icon-tel:before {
		margin-right: 0.4em;
		}

.icon-email:before {
	content: '\2709';

	}

.icon-enquiry:before {
	content: '\e718';
	
	}

.note .icon-info-circled:before {
	content: '\e705';
	font-size: 11px;
	margin-right: 0.3em;
	position: relative;
	top: -1px;
	}

.icon-location:before {
	content: '\e723';
	}

.icon-go:before {
	content: '\25b8';
	margin-right: 0.4em;
	margin-left: 0.2em;
	text-decoration: none !important;
	}


/* Contact details - hCard #######################################################*/

.vcard {
	margin: 0 0 20px;
	}

	.vcard p {
		margin: 0;
		}
		
		.vcard p.org {
			display: none;
			}
			
			.vcard .email {
				margin: 0 0 20px;
				}

	#doc10 .vcard #telMail {
		display: none;
		}

address {
	font-style: normal;
	}


/* Utils #######################################################################*/

.shout {
	font-size: 140%;
	}

.heavy {
	font-weight: bold;
	}

/* Opening Times #######################################################################*/



#doc2 .opening-times {
    margin: 0 0 20px;
}

#doc4 .opening-times {
    margin: 0 0 20px;
}

.opening-times td {
    width: 50%;
}


/* Navigation ################################################################*/

nav#main {
	font: 16px/42px 'LiberationSerifBold';
	text-transform: uppercase;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	}

	nav#main li {
		display: inline-block;
		}
		
		nav#main li span {
			padding: 0 10px;
			position: relative;
			top: -1px;
			}
		
		.ie6 nav#main li, .ie7 nav#main li {
			zoom: 1;
			display: inline;
			}
	
		nav#main .last span {
			display: none;
			}

		nav#main a {
			text-decoration: none;
			}

/* Intro ################################################################*/

#intro {
	height: 300px;
	border-bottom: 1px solid #fff;
	}
	
	#doc1 #intro,
	.sect3 #intro {
		border-bottom: 0;
		}


/* Map ###################################################################*/

#map {
	width: 448px;
	height: 298px;
	border: 1px solid #808080;
	margin-top: 80px;
	}

/* Contact Form ###########################################################*/

form {
	margin-top: 80px;
	}
	
	form div {
		margin-bottom: 14px;
		}
	
	form label {
		display: inline-block;
		width: 80px;
		}
		
		form .where {
			display: none;
			}
		
		input, textarea {
			padding: 2px 4px;
			border: 1px solid #808080;
			}
			
		input {
			width: 200px;
			height: 20px;
			}
		
		textarea {
			width: 358px;
			height: 160px;
			}

		button {
			float: left;
			width: 120px;
			height: 30px;
			border: 0;
			margin: 6px 30px 0 80px;
			font-size: 14px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px 2px 2px 2px;
			text-shadow: 0px -1px 0px rgba(80,80,80, 1);
			}
			
			
		.ie6 form .note {
			display: inline;
				}

		.note,
		#contactForm .error {
			font-size: 12px;
			margin: 0 0 0 0;
			}

			#contactForm .error {
				padding-left: 5px;
				}
			
				#contactForm .mssg .error {
					padding: 0 0 0 80px;
					}

#formError {
	padding: 10px 0;
	margin-top: 20px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	}

	#formError * {
		padding: 0 30px;
		} 


/* Prices #######################################################################*/

#treatmentsUnbranded,
#makeupList {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #111;
	margin: 0 0 30px 0;
	}

	#makeupList {
		margin: 0 0 20px 0;
		}

.treatmentBranded,
.treatmentUnbranded,
.makeupItem {
	padding: 20px 0 0;
	border-top: 1px solid #111;
	margin-top: 20px
	}


	.treatmentBranded:first-child,
	.makeupItem:first-child {
		padding: 0;
		border-top: 0;
		}

		.treatmentBranded .img {
			padding: 5px 0 0 0;
			text-align: center;
			}

			.treatmentBranded img {
				position: relative;
				right: -10px;
				}								

		.treatmentBranded p.desc,
		.makeupItem p.desc {
			font-weight: bold;
			margin: 0 0 10px 0;
			}


		.treatmentBranded dl.items,
		.treatmentUnbranded dl.items,
		.makeupItem dl.items {
			margin: 0 0 0 0;
			}


			.ie7 dd.empty, .ie6 dt.empty,
			.ie7 dd.empty, .ie7 dt.empty {
				display: none;
				}

	#doc8 dl span {
		font-size: 11px;
		line-height: 14px;
		}
		
		.treatmentUnbranded dd {
		    width: 60px;
		    }
		    
		    .treatmentUnbranded dd:nth-of-type(odd) {
                margin-right: 25px;
                }
		
            .treatmentUnbranded dd span { /* "from" text */
                display: inline-block;
                width: 28px;
                }

#doc8 p.note {
	margin: 20px 0 15px;
	}

#doc2 p.note span,
#doc8 p.note span {
	font-weight: bold;
	padding: 2px 6px 2px 4px;
	margin: 0 2px 0 0;
	}

/* Footer #######################################################################*/

footer {
	padding: 20px 0 30px;
	text-align: center;
	}
	
	#doc1 footer,
	.sect3 footer {
		padding-top: 0;
		}

	#doc10 footer {
		padding-top: 40px;
		}


	footer .info {
		line-height: 20px;
		background: url(/assets/img/logo/wow-brows/footer.png) no-repeat;
		}

/* Brands List in Footer #######################################################################*/


	#brands {
		height: 110px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin-bottom: 20px;
		background: url(/assets/img/bg/brands.png) no-repeat;
		}
		
		#brands h2 {
			display: none;
			}
		
		#brands ul {
			margin: 25px 0 0 0;
			padding: 0;
			text-align: center;
			line-height: 60px;
			}
		
			#brands li {
				display: inline-block;
				padding: 0 15px;
				}

				.ie6 #brands li, .ie7 #brands li {
					display: inline;
					zoom: 1;
					}


/* Gallery ######################################################################*/

#gallery {
	margin-bottom: 0;
	}

	#gallery h2 {
		xdisplay: none;
		}
	
	#gallery ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	
		#gallery li {
			margin-bottom: 30px;
			}
		
			/* 6 items tp a line 
			
			#gallery li.img1,#gallery li.img7,#gallery li.img13,#gallery li.img19 {
				margin-left: 0;
				}
			
			#gallery li.img6,#gallery li.img12,#gallery li.img18,#gallery li.img24 {
				margin-right: 0;
				}
			*/

			/* 4 items tp a line */
			
			#gallery li.img1,#gallery li.img5,#gallery li.img9,#gallery li.img13 {
				margin-left: 0;
				}
			
			#gallery li.img4,#gallery li.img8,#gallery li.img12,#gallery li.img16 {
				margin-right: 0;
				}

			
				#gallery img {
					width: 120px;
					padding: 5px;
					}
	
					#gallery a:hover img {
						transform: scale(1.05);
						-moz-transform: scale(1.05);
						-webkit-transform: scale(1.05);
						-o-transform: scale(1.05);
						-ms-transform: scale(1.05);
						transition: all 0.25s ease-in-out;
						-moz-transition: all 0.25s ease-in-out;
						-webkit-transition: all 0.25s ease-in-out;
						-o-transition: all 0.25s ease-in-out;
						-ms-transition: all 0.25s ease-in-out;
						}


/* Sidebar - Contact / Location Info & Links ##################################*/

#sidebar {
	padding: 35px 0 10px;
	
	}


#sidebar div {
	padding: 45px 0 10px;
	background: url(/assets/img/bg/sidebar-lines.png) no-repeat;
	}

	
	#getContactLocation ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
		#getContactLocation .tel {
			margin: 0 0 15px;
			}
		
		/*
		#getContactLocation span {
			display: inline-block;
			width: 80px;
			}
		*/



/* Colour ################################################################*/


/*
html {
	background: #808080 url(/assets/img/bg/window.png) repeat-x;
	}
*/

html {
	background: #fff;
	}


/* Black -----------------------------------------------------------------*/

body,
.container_12 {
	background: #000;
	}

input, textarea,
#doc8 p.note span,
#doc2 p.note span,
#formError p,
.note .icon-info-circled:before {
	color: #000;
	}


/* Red -----------------------------------------------------------------*/

h1, h2, h3, h4,
.shout {
	color: #e2001a;
	}

button,
#doc2 p.note span,
#doc8 p.note span {
	background-color: #e2001a;
	}

/* Grey - Light --------------------------------------------------------*/


body,
nav#main a,
header a {
	color: #999;
	}
	
input, textarea {
	background-color: #999;
	}


/* Grey - Mid --------------------------------------------------------*/

nav#main span {
	color: #606060;
	}

/* White --------------------------------------------------------------*/

.ie6 a:hover,
a:hover,
a:visited:hover,
a:focus,
nav#main a:hover,
nav#main a:visited:hover,
nav#main a:focus,
nav#main .active a,button {
	color: #fff;
	}

input:focus, textarea:focus,
#gallery img {
	background-color: #fff;
	}

/* Grey - V Light --------------------------------------------------------*/


a, a:visited, a:active, a:active:visited,
footer a,
footer a:visited,
.highlight,
.treatmentBranded p.desc,
[class^="icon-"]:before,
[class*=" icon-"]:before {
	color: #b3b3b3;
	}

/* Yellow --------------------------------------------------------------*/

form#contactForm span.error  {
	color: #fdd017;
}



/* Transitions ################################################################*/

a {
	-webkit-transition: color .25s ease-in;
	-moz-transition: color .25s ease-in;
	-o-transition: color .25s ease-in;
	transition: color .25s ease-in;
	}

input, textarea {
	-webkit-transition: background-color .25s ease-in;
	-moz-transition: background-color .25s ease-in;
	-o-transition: background-color .25s ease-in;
	transition: background-color .25s ease-in;
	}


.ie6 #formError, .ie7 #formError, .ie8 #formError,
.ie6 button, .ie7 button, .ie8 button {
	position: relative;
	behavior: url(/assets/htc/PIE.htc);
	}



/* 960 Grid - 12 50px columns, 30px gutter - See @ http://www.spry-soft.com/grids/ *************************************/
/***********************************************************************************************************************/

.container_12 {margin-left:auto;margin-right:auto;width:960px;padding: 0 15px; float: left;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-left:15px;margin-right:15px;}
.alpha{margin-left:0;}
.omega{margin-right:0;}
.grid_1{width:50px;}.grid_2{width:130px;}.grid_3{width:210px;}.grid_4{width:290px;}.grid_5{width:370px;}.grid_6{width:450px;}.grid_7{width:530px;}.grid_8{width:610px;}.grid_9{width:690px;}.grid_10{width:770px;}.grid_11{width:850px;}.grid_12{width:930px;}.prefix_1{padding-left:80px;}.prefix_2{padding-left:160px;}.prefix_3{padding-left:240px;}.prefix_4{padding-left:320px;}.prefix_5{padding-left:400px;}.prefix_6{padding-left:480px;}.prefix_7{padding-left:560px;}.prefix_8{padding-left:640px;}.prefix_9{padding-left:720px;}.prefix_10{padding-left:800px;}.prefix_11{padding-left:880px;}.suffix_1{padding-right:80px;}.suffix_2{padding-right:160px;}.suffix_3{padding-right:240px;}.suffix_4{padding-right:320px;}.suffix_5{padding-right:400px;}.suffix_6{padding-right:480px;}.suffix_7{padding-right:560px;}.suffix_8{padding-right:640px;}.suffix_9{padding-right:720px;}.suffix_10{padding-right:800px;}.suffix_11{padding-right:880px;}.push_1{left:80px;}.push_2{left:160px;}.push_3{left:240px;}.push_4{left:320px;}.push_5{left:400px;}.push_6{left:480px;}.push_7{left:560px;}.push_8{left:640px;}.push_9{left:720px;}.push_10{left:800px;}.push_11{left:880px;}.pull_1{left:-80px;}.pull_2{left:-160px;}.pull_3{left:-240px;}.pull_4{left:-320px;}.pull_5{left:-400px;}.pull_6{left:-480px;}.pull_7{left:-560px;}.pull_8{left:-640px;}.pull_9{left:-720px;}.pull_10{left:-800px;}.pull_11{left:-880px;}





/* Layout General */


/* Header ################################################################*/

header img {
	display: block;
	margin: 30px auto;
	}

header .omega {
	text-align: right;
	}

header p {
	margin: 60px 0 0;
	}

header a {
	text-decoration: none;
	}

header span {
	font: 16px/20px 'LiberationSerifBold';
	display: block;
	}



#doc8 #content,
#doc9 #content {
	padding-top: 10px;
	}







/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.ie6 .cf, ,ie7 .cf {
    zoom: 1;
}



/**** Stop Skype restyling phone numbers ****/

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}


/* Links move down 1px when clicked */
#nav a:active,
#contactForm button:active,
#gallery a:active {
	position: relative;
	top: 1px;
	}





/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}




/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/assets/img/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/assets/img/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/assets/img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/assets/img/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/assets/img/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/assets/img/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/assets/img/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/assets/img/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/assets/img/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/assets/img/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/assets/img/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/assets/img/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/assets/img/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/assets/img/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/assets/img/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/assets/img/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/assets/img/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }