@charset "UTF-8";
/* CSS Document */

/************************** Section 1 **************************/


#section1Lcontainer {
	float:left;
	width:600px;
	background:#3C4566 url(/pool-supplies-img/power-ionizer-chamber.jpg) bottom left no-repeat;
	height:472px;
}

.s1LsubfeatureBox {
	float:left;
	width:260px;
}

.s1RsubfeatureBox {
	float:right;
	width:300px;	
	padding-left:20px;
}

.s1RsubfeatureBox p {
	margin:0px;
	padding::0px;
	line-height:130%;
	font-size:11px;
}

#section1Rcontainer {
	float:right:
}

#s1subfeature {
	padding:10px;
	color:#e1e1e1;
	font-size:12px;
}

#s1subfeature a {
	color:#e1e1e1;
}

#s1subfeature a:hover {
	color:#fde346;
	text-decoration:none;
}

#s1subfeature span {
	font-size:20px;
	font-weight:bold;
}

#s1subfeature h1 {
	margin:10px 0 5px 0;
	padding:0px;
	color:#fde346;
	font-size:20px;

}
.s1Lsubfeature a {
	line-height:135%;
	height:55px;
	width:180px;
	display:block;
	padding:20px 0 0 80px;
}

#section1Rcontainer {
	float:right;
}

.homeRail {
	background:url(/pool-supplies-img/above-ground-pool.jpg) top right no-repeat;
	margin-bottom:10px;
	height:152px;
	width:330px;
}

#section1Rcontainer h2 {
	text-transform:uppercase;
	margin:0px;
}
#section1Rcontainer a{
	font-size:12px;
	display:block;
	height:39px;
	width:175px;
	padding:113px 0 0 155px;	
}


/************************** Section 2 **************************/

.section2box {
	margin:10px 0;
	padding:0px;
	width:235px;
	float:left;
}

.section2box h3 {
	margin:0px;
	padding:0px;
	font-size:12px;
}

.section2box ul li {
	list-style-position:inside;
	line-height:150%;
	font-size:11px;
}

.section2box ul li a{
	color:#222222;
}

.section2box ul li a:hover{
	color:#3366FF;
}

.section2box img {
	margin:10px 0 20px 0;
}

/************************** Section 3-Left Side**************************/
#section3 {
	padding-bottom:10px;
}

#section3Lcontainer {
	float:left;
	border: #CCC solid 1px;
	width:350px;
	margin:0px;
	padding:5px;
	height:282px;	
}

#section3Ltitle {
	background:url(images/css/gradient-1.jpg) top left repeat;
	padding:2px;
	margin:0px;
	color:#fff;
}
.section3Lbox {
	float:left;
	border-bottom: #CCC solid 1px;	
	width:100%;
}

.section3Lbox span {
	position:relative;
	top:15px;
	left:20px;
}

.section3Lbox span a {
	text-decoration: underline;
}

.section3tb {
	width:35px;
	height:35px;
	margin:5px 0px;
}

/************************** Section 3-Right Side**************************/

#section3Rcontainer {
	float:left;
	width:576px;
	margin:0px;
	padding:0px;
}

#section3Rcontainer h4 {
	margin:8px 0 0 0;
	padding:0px;
	font-size:12px;
	color:#000;
}

#section3Rcontainer p {
	margin:0px;
	color:#999;
	font-size:10px;
	line-height:135%;
}

.section3RboxLink {
	width:100px;
	float:right;
	margin:0;
	padding:0 0 0 15px;
	background:url(images/css/triangle.jpg) top left no-repeat;
}

.section3RboxLink {
	font-size:11px;
}

.section3Rbox {
	border:#CCC solid 1px;
	margin:0 0 10px 10px;
	padding:0 5px 0 0;
	width:265px;
	height:140px;
	float:left;
}

.section3Rbox a {
	text-decoration:underline;
	font-size:12px;
	line-height:135%;
}

.section3img {
	height:130px;
	width: 130px;
	padding:5px;
	border-right:#CCC solid 1px;
	margin:0 5px 0 0;
}


#section1, #section2container, #section3 {
	margin:0 10px;
}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:303px;
	width: 600px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; 
	left: 0;
}
.image_reel img {
	float: left;
}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; 
	right: -7px;
	width: 178px; 
	height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url('images/paging_bg2.png') no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}