/* CSS Document */
.clear {
	clear : both;
}
#customAquariumForm {
	width : 100%;
	margin:0;
	padding:0;
	background-color : #9CF;
	font-size : 11px;
}
#customAquariumForm p {
	margin:0;
	padding: 5px 0 0 15px;
}
#customAquariumForm fieldset {
	padding : 10px;
	border : none;
}
#customAquariumForm label {
	margin : 3px 0;
	display : block;
	width : 33%;
	float : left;
}
#customAquariumForm label span {
	margin : 0;
	display:block;
	width : 100%;
}
#customAquariumForm label input {
	width : 96%;
}
#customAquariumForm label strong {
	font-weight : normal;
}
#customAquariumForm .radio {
	width : 12%;
}
#customAquariumForm fieldset#special label {
	margin : 3px 0;
	display : block;
	width : 98%;
	float : left;
}
#buttonwrapper {
	text-align : center;
}


.contentslide{
width: 605px;
height: 507px;
margin: 0 0 1px 0;
background:url(../images/homepage_galleryBkg.jpg) no-repeat;
}
.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.contentslide .contentdiv{
display: none;
}
.pagination{
width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: navy;
border: 10px solid navy;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
display:none;
}
* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 416px; /*IE6 width*/
}
.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}
.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}