@charset "utf-8";
/* CSS Document */
.frm {
	background-color: #CCCCCC;
	border: 1px solid #6D6E77;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5B5C64;
	text-decoration: none;
}
.frm_ta {
	background-color: #CCCCCC;
	border: 1px solid #6D6E77;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5B5C64;
	text-decoration: none;
	width: 95%;
}
.btn {
	width:100px;
	margin-left:00px;
	margin-top:5px;
	margin-bottom:5px;
	padding:3px;
	background-color:#CCCCCC ;
	border: 0px solid #6D6E77;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c5fab;
	font-weight:bold;
	text-decoration: none;
        cursor:pointer;
}

.txt { position:absolute; top:150px; z-index:99; width:500px; height:310px; border:solid 0px #333333; left:100px; margin: 5px 5px 0px 5px; overflow:auto; font-size:10px; }
.txt2 { position:absolute; top:150px; z-index:99; width:500px; border:solid 0px #333333; left:150px; margin: 5px 5px 0px 5px; overflow:visible; font-size:10px; }
.agree {position:absolute; top:420px; z-index:99; width:500px; border:solid 0px #333333; left:100px; margin: 5px 5px 0px 5px; overflow:visible; font-size:10px; }
.txt p strong {font-size:11px;}
.txt p {padding:0 0 5px 0; margin:0 0 5px 0;}
.radio_con { width:336px; height:250px; border:solid 0px #333333; margin:5px; overflow:visible; text-align:center; }
.radio_div { float:left; border:00px solid #cccc00; width:165px; text-align:left; }
.radio_div_wide { float:left; border:0px solid #cccc00; width:335px; text-align:left; }
.radio_div_wide_cen { float:left; border:0px solid #cccc00; width:335px; text-align:center; }
.radio_clear { clear:both; height:1%; width:1%; overflow:hidden; }


/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}
/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}

            .orderconfirmtxt { position:absolute; top:150px; z-index:99; width:500px; height:310px; border:solid 0px #333333; left:100px; margin: 5px 5px 0px 5px; overflow:auto; font-size:10px; }




* {
	font-family:Arial, Helvetica, sans-serif; color:#333333; }

body {
	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color:#191919;  }
img {
	border:0px; }
.red {
	color: #F00; }
#shell {
	position:absolute; left:50%; top:50%; width:800px; height:600px; margin-left:-400px; margin-top:-300px; z-index:1; background-image: url(/images/youngs_background.jpg); background-repeat: no-repeat;
    font-family: 'Times New Roman',Times,serif;
}
.email {
	font-family:Arial, Helvetica, sans-serif; color:#4D4D4D; }
.whitebg {
	background-color:white; }
.txt {
	font-size:11px; overflow:auto; }
.orderconfirmtxt {
	font-size:12px; overflow:auto; }
select.valid {
    color:green !important; }
select.invalid {
    color:red !important; }
input.valid {
    background-color:#C6FFB3 !important; color:black !important; }
input.invalid {
    background-color:#FFB3C6 !important; color:black !important; }
textarea.valid {
    background-color:#C6FFB3 !important; color:black !important; }
textarea.invalid {
    background-color:#FFB3C6 !important; color:black !important; }
	






#left_container {
	position:absolute; left:0px; top:0px; width:248px; height:600px; z-index:15; }
#left_container_bg {
	position:absolute; left:0px; top:0px; width:248px; height:600px; z-index:12; background-image: url(/images/left_panel.png); background-repeat:no-repeat; }
	#collections {
		left:2px; margin-top:120px; width:153px; z-index:4; border-bottom:solid 2px white; padding-bottom:6px; }
	#services {
		left:2px; margin-top:4px; width:145px; z-index:5; }
	#small {
		left:2px; margin-top:10px; width:147px; z-index:6; }
	#racing_green_logo {
		position:absolute; left:40px; bottom:10px; width:106px; height:50px; z-index:7; }
	#suits_you_logo {
		position:absolute; left:50px; bottom:80px; width:74px; height:14px; z-index:8; }
	.lnav {
		margin-left:0px; }
	.lnav span, .lnav a, .lnav div {
		margin-left:11px; }
	.lnav a, .lnav span, .lnav a:link, .lnav a:visited {
		display:block; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; font-size:9px; color:white; }
	.lnav a:hover, .lnav a:active {
		color:#999999; }
	.lnav a.sn, .lnav span.sn, .lnav a.sn:link, .lnav a.sn:visited {
		display:block; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; font-size:9px; margin-left:10px; color:#999999; line-height:12px; }
	.lnav a.sn:hover, .lnav a.sn:active {
		color:white; }
	.lnav a.heading, .lnav span.heading, .lnav a.heading:link, .lnav a.heading:visited {
		font-size:12px; font-weight:bold; color:#847AB7; }
	.lnav a.heading:hover, .lnav a.heading:active {
		color:#E7E7FF; }


#container {
	position:absolute; top:2px; left:153px; height:488px; width:645px;}

	#title, #title_2 {
		position:absolute; left:17px; width:628px; height:138px; z-index:12; }
	#title {
		top:9px; }
	#title_2 {
		top:330px; }



	#content_2 {
		position:absolute; left:0px; top:0px; width:645px; height:488px; z-index:1; }
		#content_2 img.main_img {
			position:absolute; left:0px; top:0px; width:645px; height:488px; z-index:1; }
		#content_2 #storefind {
			 position:absolute; left:0px; top:0px; width:645px; height:488px; z-index:1; background:rgb(193,192,192); }
			 #storefind #map {
			 	 position:absolute; right:10px; top:100px; z-index:55; }
			 #storefind #selectstore {
				 position:absolute; left:70px; top:250px; }
			 #storefind #address {
				 position:absolute; left:90px; top:150px; width:220px; height:200px; z-index:50; }
			 #storefind #address h3 {
				 position:absolute; left:0px; top:0px; padding:0px; margin:0px; line-height:1; font-size:16px; color:#7D61AC; }
			 #storefind #address img {
				 position:absolute; left:0px; top:18px; }
			 #storefind #address p {
				 position:absolute; left:0px; top:38px; padding:0px; margin:0px; line-height:1; font-size:11px; color:#7D61AC; }
		#title_inner {
			position:absolute; left:17px; top:7px; width:628px; height:138px; z-index:12; }
		#wed_show_container {
			width:645px;height:488px;position:absolute;left:0px;top:0px; z-index:999; }
			#wed_show_table {
				width:570px; position:absolute; height:260px; overflow:auto; left:50px; top:150px; font-size:10px; }
			#wedding_shows {
				position:absolute;left:50px;top:120px;width:200px;z-index:999; font-size:10px; }
			#wed_show_table table{
				width:100%; }
			#wed_show_table table tr.odd {
				background:#C1BCDB; }
			#wed_show_table table tr.even {
				background:#CCCCCC; }
			#wed_show_table table tr td{
				text-align:left; padding-left:3px; font-size:10px; }
		#price_lists_container {
			width:645px;height:488px;position:absolute;left:0px;top:0px; z-index:999; }
			#price_lists_table {
				width:570px; position:absolute; height:260px; overflow:auto; left:50px; top:150px; font-size:10px; }
			#price_lists {
				position:absolute;left:50px;top:120px;width:200px;z-index:999; font-size:10px; }
			#price_lists_table table{
				width:100%; }
			#price_lists_table table tr.odd {
				background:#C1BCDB; }
			#price_lists_table table tr.even {
				background:#CCCCCC; }
			#price_lists_table table tr td{
				text-align:left; padding-left:3px; font-size:10px; }
		#offersbox, #wtwwbox, #advicebox, #onlinebox {
			width:567px;height:215px;position:absolute;left:40px;top:150px; z-index:999;color:#847AB7; background:white; overflow:hidden; }
			#offersbox h1, #wtwwbox h1, #advicebox h1, #onlinebox h1 {
				position:absolute; line-height:1; padding:0px; margin:0px;left:10px; top:25px; display:block;color:#191919;font-size:16px; font-weight:bold; }
			#offersbox a, #wtwwbox a, #advicebox a, #onlinebox a {
				position:absolute;left:10px; display:block;color:#191919;font-size:12px; text-decoration:none; font-weight:normal; }
				#offersbox a.link1 {
					top:70px; }
				#offersbox a.link2 {
					top:105px; }
				#offersbox a.link3 {
					top:140px; }
				#offersbox a.link4 {
					top:175px; }
				#offersbox a.link5 {
					top:210px; }
				#offersbox img {
					position:absolute;right:0px; top:0px; }
				#onlinebox a.link1 {
					top:70px; }
				#onlinebox a.link2 {
					top:105px; }
				#onlinebox a.link3 {
					top:140px; }
				#oonlinebox a.link4 {
					top:175px; }
				#onlinebox a.link5 {
					top:210px; }
				#onlinebox img {
					position:absolute;right:0px; top:0px; }
				#wtwwbox a.link1 {
					top:70px; }
				#wtwwbox a.link2 {
					top:105px; }
				#wtwwbox a.link3 {
					top:140px; }
				#wtwwbox a.link4 {
					top:175px; }
				#wtwwbox a.link5 {
					top:210px; }
				#wtwwbox img {
					position:absolute;right:0px; top:0px; }
				#advicebox a.link1 {
					top:70px; }
				#advicebox a.link2 {
					top:105px; }
				#advicebox a.link3 {
					top:140px; }
				#advicebox a.link4 {
					top:175px; }
				#advicebox a.link5 {
					top:210px; }
				#advicebox img {
					position:absolute;right:0px; top:0px; }
				#advicebox div.txt, #wtwwbox div.txt {
					position:absolute;left:6px; top:50px; width:340px;}
				#advicebox .instruction {
					position:absolute; left:0px; top:0px; height:100%; width:100%; }
                    #advicebox .instruction a.next {
                        position:absolute; left:200px; display:block; color:#988DAF; font-size:12px; text-decoration:none; font-weight:bold; top:190px; height:15px; width:50px; }
                    #advicebox .instruction a.back {
                        position:absolute; left:100px; display:block; color:#988DAF; font-size:12px; text-decoration:none; font-weight:bold; top:190px; height:15px; width:50px; }
					#advicebox .instruction p {
						left:10px; width:360px; top:50px; height:130px; font-size:11px; border:0px solid blue; overflow:auto; position:absolute;  }
        #content_2 .hire_img {
            left:0px; top:114px; height:373px; width:251px; position:absolute;    }
        #content_2 .hire_desc {
            left:256px; top:114px; height:100px; width:389px; position:absolute; font-size:11px;   }
        #content_2 .hire_options {
            left:256px; top:214px; height:273px; width:389px; position:absolute; z-index:999;   }
            #content_2 .hire_options select {
                display:block; width:200px; margin-bottom:10px; }
            select.valid {
                color:green; }
            select.invalid {
                color:red; }


#desc {
	position:absolute; left:0px; bottom:0px; width:645px; height:75px; z-index:2; background:white; padding-top:0px; overflow:hidden; }
	#desc h1, #desc p {
		margin:0px; line-height:1; padding:0px; margin-left:50px; font-size:11px; color:#4D4D4D; font-weight:normal; font-style:italic; overflow:hidden; }
	#desc h1 {
		text-transform:uppercase; margin-top:10px; }
	#desc p {
		margin-top:7px; width:580px; }
	#desc a {
		text-decoration:none; }

#rightdraw {
	position:absolute; right:-2px; top:180px; z-index:99; overflow:hidden; height:158px; width:424px; }
	#rightdraw img.arrow {
		position:absolute;top:0px;left:0px; }
	#rightdraw img.content {
		position:absolute;top:0px;left:20px; }

/* .form has conditional ie comments in the main page for correct alignment */
.form {
	display:none; position:absolute; left:160px; top:140px; width:330px; padding-top:15px; padding-bottom:15px; padding-left:15px; overflow:hidden; color:white; background:black; z-index:99; }
	.form div {
		color:white; width:100%; margin-bottom:5px; }
	.form * {
		font-size:11px; color:white; font-weight:bold; }
	.form div .input * {
		border:1px solid white; background-color:black; color:white; }
	.form div .label, .form div label {
		display:inline-block; height:100%; width:30%; text-align:left; vertical-align:top; }
	.form div .input {
		display:inline-block; height:100%; width:65%; text-align:center; vertical-align:top; }

/* .orderform has conditional ie comments in the main page for correct alignment */
	.orderform div {
		width:100%; margin-bottom:5px; }
	.orderform * {
		font-size:11px; }
	.orderform div .input * {
		border:1px solid black; background-color:white; color:black; text-align:center; }
    .orderform div .input select option {
        border:0px;}
    .orderform div .line {
        display:inline-block; height:100%; width:95%; text-align:left; vertical-align:top; }
	.orderform div .label, .orderform div label {
		display:inline-block; height:100%; width:30%; text-align:left; vertical-align:top; }
	.orderform div .input {
		display:inline-block; height:100%; width:65%; text-align:center; vertical-align:top; }







#bottom_nav {
	position:absolute; left:100px; top:492px; width:698px; height:106px; z-index:10; background-color:#cccccc; text-align:right; }/*rgb(235,235,235)*/
	#bottom_nav p {
		margin-left:153px; color:#333333; font-size:12px; width:390px; text-align:center; font-style:italic; }
        #bottom_nav a {
            display:inline-block; height:105px; background-color:#000;  }







.main_imgs {
	position:absolute; bottom:0px; }
#main_imgs {
	position:absolute; bottom:0px; left:0px; height:373px; width:100%; }
	#main_imgs #left {
		right:473px; }
	#main_imgs #middle {
		right:202px; }
	#main_imgs #right {
		right:0px; }






#tooltip {
        position:absolute;  background:#fff;    padding:5px 5px;    z-index:999;    font-size:11px; text-align:center;  border:solid 1px gray;  }
        #tooltip strong {
                display:block;  }





        #copyright {
            position:absolute; display:block; width:800px; text-align: center; height: 20px; font-size: 10px; color: #ccc; top:50%; margin-top:310px; margin-left:-400px; left:50%;}
            #copyright a {
                 text-decoration: none; margin-left:50px; color:#999;   }
                #copyright a span {
                     text-decoration: none; color:orange;   }/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/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%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}


.fb span {
    display:none;
}

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

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	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;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

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

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

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

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

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

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

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

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
        overflow:visible;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
        overflow:visible;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
        overflow:visible;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/common/jquery.fancybox-1.3.1/fancybox/fancy_title_over.png');
	display: block;
        overflow:visible;
        color:white;
        text-align: center;
}

#fancybox-title-over strong {
        color:white;
        display:block;
}

#fancybox-title-wrap {
	display: inline-block;
        height:70px;
        overflow:visible;
}

#fancybox-title-wrap span {
        height:32px;
	float: left;
        overflow:visible;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/common/jquery.fancybox-1.3.1/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
        position:relative;
	font-weight: bold;
        overflow:visible;
	color: #FFF;
        height:70px!important;
}

#fancybox-title-main strong {
        display:block;
        height:32px;
        background-image: url('/common/jquery.fancybox-1.3.1/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	line-height: 29px;
        color:#FFF;
        width:100%;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/common/jquery.fancybox-1.3.1/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/common/jquery.fancybox-1.3.1/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('/common/jquery.fancybox-1.3.1/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/common/jquery.fancybox-1.3.1/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;
}

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

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

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

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

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

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

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

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

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

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/jquery.fancybox-1.3.1/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/jquery.fancybox-1.3.1/fancybox/fancy_close.png', sizingMethod='scale'); }

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

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

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

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