/* CSS Document */

/*====================================================================

Stylesheet for Pool Filter Cartridges. 
Author/Design by: Anthony Spence
HTML, CSS Coding by: Anthony Spence
Company: Next Horizon - hexhorizon.net

====================================================================*/


/*//////////////////////////////////////// 

Global Styles 

////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, b {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
* {
	font-weight: normal;	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.left {float:left;}
.right {float:right;}
.clear {clear: both;}
.tenTop {padding: 8px 0 0 0;}
.throwtxt {text-indent: -5000px;}

body {
	background: #73bafc;	
	font:62.5% Arial,Helvetica,sans-serif;
}
#bg {
	background: url('../images/bg.gif') 0 0 repeat-x;
	width: 100%;
}
a, li, h4 {
	
}
#topbg {
	display: block;
	min-height: 865px;
	min-height: 865px !important;
}

/*//////////////////////////////////////// 

Container Styles

////////////////////////////////////////*/
#wrapper {
	margin: 0 auto;	
	width: 1017px;
	padding: 0 0 40px 0;
	position:relative;
}

/*----- Begin Header Styles -----*/

#header {
	background: url('../images/header-summer.jpg') top center no-repeat;
	width: 1017px;
	height: 196px;
}
#header-spring {
	background: url('../images/header-spring2.jpg') top center no-repeat;
	width: 1017px;
	height: 196px;
}
#header-summer {
	background: url('../images/header-summer.jpg') top center no-repeat;
	width: 1017px;
	height: 196px;
}
#header-fall {
	background: url('../images/header-fall.jpg') top center no-repeat;
	width: 1017px;
	height: 196px;
}
#header-winter {
	background: url('../images/header-winter.jpg') top center no-repeat;
	width: 1017px;
	height: 196px;
	position:relative;
}
#header-free-shipping {
	background: url('../images/header-free-shipping.jpg') top center no-repeat;
	width: 1017px;
	height: 196px;
}

#header-free-shipping .main-nav {
		height: 30px;
		padding: 23px 0 0 300px;	
	}

/*----- End Header Styles -----*/


	.top-info{}
		.logo {
			float: left;	
			margin: 30px 0 0 30px;
		}	
			.logo a {
				display: block;
				text-indent: -5000px;
				width: 370px;
				height: 80px;
			}
			
			.spring01 {
				float:left;
				margin:0px;
			}
			.spring01 a {
				display:block;
				text-indent:-5000px;
				width:300px;
				height:133px;
				margin-left:220px;
			}
			.spring02 {
				float:left;
				margin:0px;
			}
			.spring02 a {
				display:block;
				text-indent:-5000px;
				width:120px;
				height:133px;
				margin-left:30px;
			}
			.fall-ad-link {
				float: left;
				margin: 0 0 0 96px;
			}
			.fall-ad-link a {
				display: block;
				text-indent: -9999px;
				width: 355px;
				height: 133px;
				margin-left: 0;
			}
			.fall-free-ship-link {
				float: left;
				margin: 14px 0 0 14px;
			}
			.fall-free-ship-link a {
				display: block;
				text-indent: -9999px;
				width: 103px;
				height: 62px;
				margin: 0;
			}
			.winter-ad-link {
				float: left;
				margin: 27px 0 0 100px;
			}
			.winter-ad-link a {
				display: block;
				text-indent: -9999px;
				width: 200px;
				height: 100px;
				margin-left: 0;
			}
			.winter-free-ship-link {
				float: left;
				margin: 35px 0 0 110px;
			}
			.winter-free-ship-link a {
				display: block;
				text-indent: -9999px;
				width: 155px;
				height: 90px;
				margin: 0;
			}
		.top-badge {
			float: left;
		}
		
		.top-badge a img{
			position:relative;
			top:72px;
			left:70px;
		}
		.top-badge-test {
			float: left;
			margin:0 0 0 100px;
		}
			.top-badge a {
				display: block;	
			}
		
	.main-nav {
		height: 30px;
		padding: 0 0 0 300px;	
	}
		.main-nav ul {
			padding: 0 0 0 5px;	
		}
		.main-nav ul li {
			display: inline;	
		}
			.main-nav ul a {
				display: inline-block;
				left: left;
				margin-top: 16px;
				padding: 8px 8px 11px 8px;
				font-size: 1.4em;
				color: #ecf2fd;
				text-decoration: none;
				font-family:  Tahoma, Geneva, sans-serif;		
				font-weight: bold;
				letter-spacing: 0px;
			}	
			.main-nav ul a:hover {
				padding: 8px 8px 11px 8px;
				background-color: #0E49B2;
				border: 1px solid #3c7ad5;
				border-bottom: none;
			}
			
#lowerbg {
	width: 1015px;
	border: 1px solid #0b55ce;
	border-top: none;
	border-bottom: none;
	background-color: #ecf2fd;
}
#topbg {
	background: url('../images/topbg.gif') top center no-repeat;
	width: 1015px;
}
	#left-side {
		width: 300px;
		display: block;
		float: left;
		padding: 0 10px 0 0;
	}
		#left-side h2 {
			margin: 0;
			padding: 0;
			display: inline;
			font-weight: normal;
		}
		.lwrapper {
			padding: 0 0 0 22px;			
		}
		.left-nav {
			padding: 0 0 10px 27px;			
		}
		#left-side .left-nav * {
			font-family: Arial, Helvetica, sans-serif;	
		}
			.left-nav a {
				font-size: 16px;
				color: #012f97;	
				text-decoration: none;
				letter-spacing: -.01em;
			}
				.left-nav a:hover {
					text-decoration: underline;
				}
			.left-nav ul {
				padding: 0 0 0 15px;	
			}
				.left-nav ul li {
					list-style: url('../images/green-bullet.gif');
					list-style-image: url('../images/green-bullet.gif');					
					padding: 0 0 10px 0;
				}
					.left-nav ul li a {
						display: block;		
					}
			.left-nav ul.sub {
				margin: 10px 0 0 0;
				padding: 0 10px 0 10px;
			}
				#left-nav ul.sub li {
					padding: 0 0 8px 0;
					list-style: disc;
					list-style-image: none;
					line-height: 12px;
				}
				#left-nav ul.sub li a {
					font-size: 13px;	
				}
			.left-nav ul.nav-head specialB {
				
			}
			
				#bfooter #specialBadge {
					display: none;	
				}
				.left-nav ul.nav-head .specialB a {
					color: #f50303;
					font-weight: bold;
					margin: 0;
					padding: 0;
					
				}
					.left-nav ul.nav-head #specialBadge {
						margin: 0;
						padding: 0;
						display: block;
						text-indent: -5000px;
						position: absolute;
						background: url('../images/sbadge.gif') 0 0 no-repeat;
						width: 60px;
						height: 35px;
						margin: -40px 0 -1px 155px;
						
					}			
			
		.brand-nav {
			background: url('../images/brands.gif') 0 0 no-repeat;
			width: 279px;
		}
			.brand-nav ul {
				width: 157px;
				margin: 0 auto;
				padding: 80px 0 0 0;
			}
			.brand-nav ul li {
				margin: 0 0 10px 0;	
			}		
			.brand-nav span {
				display:block;
				position:absolute;
				text-indent: -5000px;
			}
	#right-side {
		width: 692px;
		float: left;
		padding: 0 0 15px 0;
	}
		.rwrapper {
			width: 674px;
			padding: 0 0 0 5px;			
		}				   
		.search-top {
			height: 50px;			
		}
			.swrapper {
				padding: 3px 0 0 25px;				
			}
			.sleft {
				padding:0;
				margin:0;
				float: left;
				width: 370px;	
				height: 0px;
			}
				.sleft p {
					padding:0;
					margin:0;
					font-size: 18px;
					float: left;	
				}
					.sleft .searchIbox {
						margin: 0 14px 0 14px;
						background: url('../images/searchBox.png') 0 0 no-repeat;
						width: 186px;
						height: 33px;
						float: left;	
					}
						.sleft #smallsearchbox {
							padding: 7px 0 0 5px;
							background: none;	
							border: none;
							font-size: 14px;
							width: 173px;
						}
						.sleft #searchBtn {
							margin: 4px 0 0 0;
							float:left;
							background: url('../images/searchBtn.gif') 0 0 no-repeat;
							width: 19px;
							height: 23px;
							display: block;
							text-indent:-5000px;
						}
					.sleft p a {
						color: #169701;	
					}
					.sleft p span {
						font-size: 12px;	
					}		
			.sright {
				color: red;
				float: right;
				width: 290px;
			}
				.sright .cart {
					float: left;
					background: url('../images/cart.gif') 0 0 no-repeat;
					width: 26px;
					height: 24px;
					margin: 5px 0 0 0;
					padding: 0 20px 0 0;
				}
				.sright p {
					font-size: 14px;
				}
				.sright p a {
					color: #169701;	
					font-size: 13px;
				}
				.sright span {
					color: #000;	
				}
	#right-side .pageTitleL h1 {
		font-weight: bold;	
		font-size: 26px;
		color: #012f97;
		margin: 0 0 3px 3px;
	}
	#right-side .pcPageNav2 {
		margin: 0 0 0 3px;
			font-size: 12px;
	}
		#right-side .pcPageNav2 a {
			color: #169701;	
			text-decoration: none;
			font-size: 12px;
		}
			#right-side .pcPageNav2 a:hover {
				text-decoration: underline;	
			}
	.main-carousel {
		margin-top: 15px;
	}
		.main-badge {
			position: absolute;
			margin: 0 0 0 600px;
			background: url('../images/topcontainerbadge.gif') 0 0 no-repeat;
			width: 90px;
			height: 91px;
			display: block;
			text-indent: -5000px;
			z-index: 2;
		}
		.slider-wrap {
			
		}
		.mainc1 {
			background: url('../images/maincontainer1.gif') 0 0 no-repeat;
			width: 674px;
			height: 296px;
		}
			.mainc1 .wrapper {
				height: 230px;
				padding: 20px 30px 0 20px;	
			}
		.main-carousel .image, .main-carousel .image table td {
			width: 200px;
			height: 200px;
			float: left;
			text-align: center;
			margin: 10px 20px 0 15px;
			overflow: hidden;
			vertical-align: middle;
		}
		.main-carousel .image * {
			vertical-align: middle;	
		}
			.main-carousel img {
				vertical-align: middle;
				
			}
		.main-carousel h2, .main-carousel h2 a {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #0a42a4;	
			font-size: 24px;
			font-style: italic;
			margin: 0 0 7px 0;
			font-weight: normal;
			text-decoration: none;
		}
		.main-carousel .product-text {
			padding: 35px 40px 0 0;	
		}
			.main-carousel .product-text p {
				font-size: 14px;	
				line-height: 18px;
			}
			.main-carousel .product-text .pcShowProductPrice {
				padding:0;
				font-size: 18px;
				margin:15px 0 0 0;
				line-height:18px;				
			}
			.main-carousel .product-text .pcShowProductListPrice {
				padding:0;
				margin:0;
				line-height:14px;				
			}
			.main-carousel .product-text .pcShowProductSavings {
				padding:0;
				margin:0;
				line-height:14px;				
			}
		.main-carousel .left-links {
			margin: 10px 0 0 17px;
			float: left;
			width: 50%;			
		}
		.main-carousel .right-links {
			position: absolute;
			margin: -65px 0 0 500px;
		}
			.main-carousel .links {
				padding-top: 15px;	
			}
			.main-carousel .right-links ul li {
				float: left;
				padding: 0 0 0 3px;
			}	
			.main-carousel .right-links li a {
				display: block;
				background-color: #444;	
				color: #fff;
				font-size: 12px;
				width: 15px;
				height: 15px;
				text-decoration: none;
				padding: 1px;
				padding-top: 3px;
				text-align:center;
			}
				.main-carousel .right-links li a:hover {
					background-color: #0a42a4;	
				}
		.main-carousel .lDetails {
			display: block;
			float: left;
			text-indent: -5000px;
			background: url('../images/ldetails.png') 0 0 no-repeat;
			width: 132px;
			height: 36px;
			position: absolute;
		}
			.main-carousel .lDetails:hover {
				background: url('../images/ldetails-h.png') 0 0 no-repeat;
			}
		.main-carousel .lAddToCart {
			display: block;
			float: left;
			text-indent: -5000px;
			background: url('../images/laddtocart.png') 0 0 no-repeat;
			width: 132px;
			height: 36px;			
			margin: 0 0 0 122px; 
		}
			.main-carousel .lAddToCart:hover {
				background: url('../images/laddtocart-h.png') 0 0 no-repeat;
			}


/* SLIDER EFFECTS */





		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 296px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 674px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 296px;
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 674px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f; display: none; }
		.stripNav li.tab2 a { background: #60c; display: none; }
		.stripNav li.tab3 a { background: #63f; display: none; }
		.stripNav li.tab4 a { background: #63c; display: none; }
		.stripNav li.tab5 a { background: #00e; display: none; }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}






/*****************/
			
	.middle-cat {
		margin-top: 15px;		
		background: url('../images/middlecontainer1.gif') 0 0 no-repeat;
		width: 674px;
		height: 188px;
	}
		.middle-cat .banner {
			background: url('../images/middlebadge.gif') 0 0 no-repeat;
			width: 195px;
			height: 71px;
			position: absolute;
			margin: -2px 0 0 -2px;
		}
		.middle-cat ul {
			padding: 15px 0 0 10px;	
		}
		.middle-cat ul li {
			float: left;
			padding: 0 0 0 25px;
		}
		.middle-cat a {
			font-size: 16px;
			color: #333;
			text-decoration: none;			
		}	
	#bottom-modules {
		margin-top: 15px;	
		font-size: 13px;
	}
	#bottom-modules .image {
		width: 86px;
		height: 57px;
		float: left;
		margin: 0 10px 0 0;
		padding: 15px 0 0 0;
		background: url('../images/homesmallprodback.gif') 0 0 no-repeat;
	}
	#bottom-modules .sku {
		display: block;
	}
	#bottom-modules .text {
		float: left;
		width: 205px;
		padding:0;
		margin:0;
	}
	#bottom-modules p {
		padding: 0 0 5px 0;	
	}
	#bottom-modules .image p {
		text-align: center;
	}
		#bottom-modules .price span {
			color: red;	
		}
		#bottom-modules .price {
			float: left;	
			padding: 8px 15px 0 8px;
		}
		#bottom-modules .links {
			float: right;	
		}
	#bottom-modules ul li {
		margin: 0 10px 10px 10px;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #cad8f1;
	}
		#bottom-modules .left-mod {
			padding-top: 75px;
			background: url('../images/bottommod-pc.gif') 0 0 no-repeat;
			width: 323px;
			float: left;
		}
		#bottom-modules .right-mod {
			padding-top: 75px;
			background: url('../images/bottommod-mp.gif') 0 0 no-repeat;
			width: 323px;
			float: left;
			margin: 0 0 0 25px;
		}	
		#bottom-modules .sDetails {
			display: block;
			float: left;
			text-indent: -5000px;
			background: url('../images/sdetails.png') 0 0 no-repeat;
			width: 114px;
			height: 23px;			
		}
			#bottom-modules .sDetails:hover {
				background: url('../images/sdetails-h.png') 0 0 no-repeat;
			}			
		#bottom-modules .sAddToCart {
			display: block;
			float: left;
			text-indent: -5000px;
			background: url('../images/saddtocart.png') 0 0 no-repeat;
			width: 83px;
			height: 23px;
			margin: 0 0 0 -7px;			
		}
			#bottom-modules .sAddToCart:hover {
				background: url('../images/saddtocart-h.png') 0 0 no-repeat;
			}
	#footer {
		background: url('../images/footer.gif') 0 0 no-repeat;
		width: 100%;
		height: 11px;
	}
	#bfooter {
		padding: 20px 0 40px 0;
	}
	#bfooter h4 {
		margin: 0 0 5px 0;
		color: #000;
		font-size: 22px;
		font-weight: normal;
		
	}
	#bfooter li {
		margin: 0 0 3px 0;	
	}
	#bfooter a {
		color: #0a42a4;
		text-decoration: none;
	}
	.copyright {
		font-size: 18px;	
		text-align: right;	
	}
	.copyright, .copyright a {
		font-size: 18px;
		line-height: 18px;
	}
	.copyright p {
	}
	.nh {
		margin: 4px 0 0 0;
		font-size: 12px;	
		color: #333;
	}
		#bfooter .nh a {
			font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #333;	
		}
		#bfooter a:hover {
			text-decoration: underline;	
		}
		#bfooter .foot-left {
			float: left;	
			padding: 0 80px 0 0;
		}
			#bfooter .foot-left a, #bfooter .foot-right a {
				font-size: 14px;	
				letter-spacing: -0.03em;
				font-family:Arial, Helvetica, sans-serif;
				line-height: 19px;
			}
		#bfooter .foot-right {
			float: left;	
		}	
		#bfooter .foot-right ul {
			width: 420px;
		}
			#bfooter .foot-right li {
				float: left;
				width: 200px;
			}
			#bfooter .foot-right .sub, #bfooter .foot-right img {
				display: none;	
			}
			



/*//////////////////////////////////////////////////////////////////////////*/
#content h2 {
	
	background-color:#D2DAE9;
	border-bottom:1px solid #B6C2D9;
	border-top:1px solid #B6C2D9;
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px;
	padding:10px;

}
#content p {
	padding: 10px;	
	line-height: 16px;
}
#content ul {
	padding: 0 0 0 40px;	
}
#content ul li {
	list-style:	 url(../images/arrow_right.gif);
}

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

/*/////////////////////////////////////////////////////////////////////////////*/

/*

	FancyBox playground - just playing
	v.1.3.0 - RC2 02.01.10

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

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

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancy_progress.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	display: none;
	z-index: 80;
}

* html #fancybox-overlay { /* for IE6 */
     position: absolute;
     width: 100%;
}

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

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

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

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

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 165;
	display: none;
}

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

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

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
}

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

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

.fancybox-title-inside {
    padding: 10px 0;
	padding-top: 10px;
	color: #333;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #FFF;
    font-weight: bold;
}

#fancybox-title-wrap {
    display: inline-block;
}

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

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('../images/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	line-height: 29px;
	background: transparent url('../images/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('../images/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	z-index: 111;
	display: none;
 	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

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

#fancybox-left-ico {
	left: -9999px;
	background: transparent url('../images/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	left: -9999px;
	background: transparent url('../images/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover {
	visibility: visible;
}

#fancybox-right:hover {
	visibility: visible;
}

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

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

div.fancy-bg {
	position: absolute;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy-bg-n {
	top: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}

#pcMain .pcPageDesc img {
	max-width: 650px;
}