body {
	/* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
	font-family: Arial, Verdana, sans-serif;
	margin: 0 auto;
	padding: 0 0 0 0;
	color:#CCCCCC;
	background: url(../images/layout/bg.jpg) center no-repeat #000000;
	background-position:50% 0px;
	font-size:12px;
	font-weight:normal;
}

a {
	color:#0066ff;
	text-decoration:none;
	outline: none;
}

a:hover {
	color:#0066ff;
	text-decoration:underline;
}

a:active {
	outline: none;
	border: none;
}

a:focus {
  	-moz-outline-style: none;
}

input {
	-moz-outline-style: none;
	outline:none;
	border: none;
}

input:active {
	-moz-outline-style: none;
	outline:none;
	border: none;
}

input:focus {
	-moz-outline-style: none;
	outline:none;
	border: none;
}
img {
	border:none;
	}
.header {
	width:980px;
	margin:0 auto;
}
.container {
	width:980px;
	margin:0 auto;
	min-height:400px; 
	overflow:hidden;
	max-width:980px;
	z-index:999999999999999999999999;
	/*background-color:#FF0000;*/
}

.mainContent {
	margin-top:20px;
	margin:0 auto;
	width:966px;
	overflow:hidden;
	/*background:url(../images/layout/contentContainer_bg.png) repeat-x top #111111;*/
}

.contentSmallHeader {
	height:2px;
	background:url(../images/layout/contentContainer_top.png) no-repeat top;
	margin-top:8px;
}

.contentSmallFooter {
	height:2px;
	background:url(../images/layout/contentContainer_bottom.png) no-repeat top;
	margin-bottom:8px;
}

.contentSmall {
	width:978px;
	margin:0 auto;
	border-left:1px solid #222222;
	border-right:1px solid #222222;
	background:url(../images/layout/transparency_bg.png);
	overflow:hidden;
}
.contentSmallInner {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}



.headerNavLeft {
	padding-top:20px; 
	width:200px; 
	float:left;
}

.headerNavRight {
	float:right;
	text-align:right;
	overflow:hidden;
	padding-top:30px;
	width:750px;
}

.menu {
	float:right;
}

#menuInner {
	height:106px;
}

.buttons_selected {
	float:left; 
	cursor:hand; 
	cursor:pointer; 
	width:105px;
	text-align:left;
	background-color:#222222;
	padding:5px 5px 5px 10px;
}

.buttons {
	color:#666666;
	float:left; 
	cursor:hand; 
	cursor:pointer; 
	width:105px;
	text-align:left;
	padding:5px 5px 5px 10px;
}

.buttons div:hover {
	color:#0066FF;
}

.navdd_button a {
	background:none;
}

.navdd_button a:hover {
}
.sub_category_content {
	/*width:300px;*/
}

.footer {
	/*background:url(../images/layout/site_map.png) no-repeat top center; */
	background-color:#111111;
	padding:10px; 
	width:946px;
	margin:0 auto;
	clear:both;
}

.breadcrumbs {
	width:956px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	padding-left:10px;
	background:url(../images/layout/site_map_bread_bg.png) repeat-x top;
}

.breadcrumbs a{
	color:#999999;
}

.breadcrumbs_item {
	float:left;
	padding:10px;
	line-height:18px;
}
.breadcrumbs_divider {
	background:url(../images/layout/site_map_bread_divider.png) no-repeat top;
	background-position:0px 1px;
	width:17px;
	height:36px;
	float:left;
	padding:1px;
}

.breadcrumbs_right_ad {
	float:right;
}

.buyNowButton {
	height:24px; 
	width:106px;
	background:url(../images/layout/buyNow.png) no-repeat top;
}
.buyNowButton:hover {
	background:url(../images/layout/buyNow.png) no-repeat bottom;
}

/* #####  PRODUCT SECTION MENU  ################################################################################################# */


.sectionButtonContainer_freshwater {
	width:720px; 
	float:right;
	background:url(../images/layout/productTabs_bg.png) repeat-x 0px -34px;
}

.sectionButtonContainer_herpetology {
	width:720px; 
	float:right;
	background:url(../images/layout/productTabs_bg.png) repeat-x 0px -68px;;
}

.sectionButton_freshwater {
	cursor:pointer;
	cursor:hand;
	float:left;
	line-height:34px;
	padding:0px 30px 0px 30px;
	color:#333333;
	background:url(../images/layout/productTabs_bg.png) repeat-x 0px -34px;
}

.sectionButton_herpetology {
	cursor:pointer;
	cursor:hand;
	float:left;
	line-height:34px;
	padding:0px 30px 0px 30px;
	color:#333333;
	background:url(../images/layout/productTabs_bg.png) repeat-x 0px -68px;;
}

.sectionButton:hover {
	color:#000000;
}
.sectionButtonDivider {
	width:2px;
	height:34px;
	line-height:34px;
	background:url(../images/layout/productTabs_divider.png) no-repeat top left;
	float:left;
}
.sectionContentContainer {
	width:718px;
	float:right;
}

.sideNavigationTypeHeader a{ } /* ###### IN DEPARTMENT SPECIFIC CSS ###### */

.sideNavigationTypeHeader a:hover{
	
}
.sideNavigationProductContainer{
	padding:10px 0px 10px 0px;
}

.sideNavigationProductContainer a:hover {
	text-decoration:none;
}

.sideNavigationProduct{
	padding:10px 10px 10px 10px;
	display:block;
}

.sideNavigationProduct:hover{
	background-color:#222222;
	text-decoration:none;
}

.sideNavigationProductTitle {
	line-height:13px;
	color:#999999;
	text-decoration:none;
}

.sideNavigationProductDescription {
	font-size:10px;
	color:#666666;
	line-height:10px;
	text-decoration:none;
}
/* #####  MENU  ################################################################################################# */


ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
.topnav_li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	text-align:center;
}
.topnav_li .mainMenuItemHome {
	float: left; 
	height: 49px;
	line-height:49px;
	width:99px; 
	background: url(../images/layout/menu_home.png) top left no-repeat;
}
.topnav_li .mainMenuItemProducts {
	float: left; 
	height: 49px;
	line-height:49px;
	width:117px; 
	background: url(../images/layout/menu_products.png) top left no-repeat;
}
.topnav_li .mainMenuItemStore {
	float: left; 
	height: 49px;
	line-height:49px;
	width:94px; 
	background: url(../images/layout/menu_store.png) top left no-repeat;
}
.topnav_li .mainMenuItemSupport {
	float: left; 
	height: 49px;
	line-height:49px;
	width:107px; 
	background: url(../images/layout/menu_support.png) top left no-repeat;
}
.topnav_li .mainMenuItemCommunity {
	float: left; 
	height: 49px;
	line-height:49px;
	width:123px; 
	background: url(../images/layout/menu_community.png) top left no-repeat;
}
.topnav_li .mainMenuItemAboutus {
	float: left; 
	height: 49px;
	line-height:49px;
	width:111px; 
	background: url(../images/layout/menu_aboutus.png) top left no-repeat;
}
.topnav_li .mainMenuItemContact {
	float: left; 
	height: 49px;
	line-height:49px;
	width:111px; 
	background: url(../images/layout/menu_contact.png) top left no-repeat;
}
.topnav_li:hover .mainMenuItemHome, .topnav_li:hover .mainMenuItemProducts, .topnav_li:hover .mainMenuItemStore, .topnav_li:hover .mainMenuItemSupport, .topnav_li:hover .mainMenuItemCommunity, .topnav_li:hover .mainMenuItemAboutus, .topnav_li:hover .mainMenuItemContact, .topnav_li:hover .mainMenuItem, .topnav_li .mainMenuItem:hover { 
	background-position: 0px -49px;
}

ul#topnav .mainMenuItem#selected {
	background-position: 0px -49px;
}

.sub {
	position: absolute;	
	top: 42px;
	left: 0px;
	background:url(../images/layout/dropdown_bg.png) no-repeat top left;
	padding:5px;
	font-size:11px;
	display: none;
	z-index:9999999999999999999999999;
	width:298px;
	height:137px;
	color:#000000;
	visibility:visible;
}
.sub td{
	padding:8px 35px 20px 18px;
	width:140px;
}
.subListHeader {
	color:#FFFFFF; 
	font-size:14px;
	padding:0px;
	text-align:left;
	font-weight:bold;
}

.subSideList div{
	display: block;
	text-align:left;
	line-height:18px;
}

.subSideList div a{
	display: block;
	padding-left:5px;
}
.subSideList div a:hover{
	text-decoration:none;
	background:url(../images/layout/transparency_bg.png);
}

/*#############################*/

.mainHeader {
	height:400px;
	background-color:#222222;
	border:1px solid #333333;
}
.subHeaderQty3 {
	height:200px;
	margin:5px 0px 5px 0px;
	background-color:#222222;
	border:1px solid #333333;
	width:316px;
}
.sideItemHeader {
	width:220px;
	font-size:14px;
	line-height:24px;
	color:#FFFFFF;
}
.sideItemContent {
	width:220px;
}

.configTable {
	width:100%;
}
.configMain {
}
.configNote {
	width:236px;
	padding-left: 10px;
	vertical-align:top;
	border-left:1px solid #666666;
}
.configHeader {
	width:612px;
	height:24px; 
	text-indent:10px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #666666;
}
.configHeaderLong {
	height:24px; 
	text-indent:10px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #666666;
}
.configBody {
	margin-left:12px;
	padding:10px;
}
.configHeaderSmall {
	width:204px;
	height:24px;  
	text-indent:10px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
}
.supportTitle {
	font-size:14px; 
	color:#FFFFFF;
}

.successContainer {
	display:none; 
	padding:0px;
}
.sensorNameSingle {
	color:#FFFFFF;
	text-align:center;
	width:144px;
	padding: 0px 20px 20px 20px;
}
.sensorName {
	color:#FFFFFF;
}
.sensorValue {
	font-size:24px; 
	line-height: 30px;
	text-align:center;
	width:144px;
	padding: 20px 20px 0 20px;
}
.emailTestDisplay {
	color:0066ff;
}

.overview2ColumnNoImage{
	float:left; 
	width:260px; 
	padding:10px;
}
.overview1ColumnNoImage {
	padding:10px;
	line-height:20px;
}
.overview1ColumnImageLeft {
	float:left; 
	width:530px; 
	padding:10px;
	overflow:auto;
}
.overviewHeader {
	padding:20px 20px 0px 0px;
	color:#FFFFFF;
	font-size:16px;
}
.overviewContent {
}

.productInfoHeader {
	padding:20px 20px 20px 20px;
}
.pageRightContent {
	padding:20px;
}

.imageContainerLoading {
	line-height:0px;
	background:url(../images/layout/progress.gif) 50% 50% no-repeat;
}

/* ########################################################################################################## */

.specificationFields {
	margin:5px 0px 5px 10px;
}
.specificationHeaders { } /* ###### IN DEPARTMENT SPECIFIC CSS ###### */

.specificationContent {
	
}

/* ########################################################################################################## */



/* ########################################################################################################## */
.siteMapHeader {
	font-weight:bold;
	font-size:12px;
	color:#999999;
}
.siteMapHeader a{
	color:#999999;
}

.siteMapLink div{
	color:#CCCCCC;
}
.mainTypeName {
	font-size:14px;
	font-weight:bold;
	color: #0099ff;
}
.mainTypeName {
	font-size:14px;
	font-weight:bold;
	color: #0099ff;
}
.mainTypeName a{
	text-decoration:none;
}
.mainTypeName a:hover{
	text-decoration:underline;
}


.pageTitle {
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
}

.noteTitle {
	color:#FFFFFF;
	font-weight:bold;
}
.java_link {
	cursor:hand; 
	cursor:pointer;
	text-decoration:underline;
}
.java_link:hover {
	cursor:hand; 
	cursor:pointer;
	text-decoration:none;
}
#loading {
	display:none;
	padding:50px;
}
.odd_row {
	background-color:#292d2f;
}
.even_row {
	background-color:#373c3f;
}
.even_border {
	border-right:1px solid #222222;
}
.odd_border {
	border-right:1px solid #222222;
}
#title {
	background: #c00;
	padding: 4px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0px;
	height: 16px;
}

#title .right {
	float: right;
	width: 300px;
	text-align: right;
}

.spacer {
	clear: both;
}

#footer {
	font-size: 0.8em;
	color: #CCCCCC;
	margin: 0 auto;
	width:960px;
}

#status {
	padding: 0px 10px 10px 10px;
}

/* ########################################################################################################## */

.siteMapNavigation{
}

.siteMapNavigation ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.siteMapNavigation li a{
	display: block;
	padding: 3px 3px 3px 10px;
	text-decoration: none;
	background:url(../images/layout/arrow2.gif) no-repeat left;
}	
	
.siteMapNavigation li a:link, .siteMapNavigation li a:visited {
	color:#666666;
}

.siteMapNavigation li a:hover{
	color: #888888;
}

	
.siteMapNavigation li a.selected{
	color: #26370A;
}

/* #####  SEARCH  ##################################################################################################### */

form {
	margin:0;
	padding:0
}
 
.search-box{ /*outer background*/
	background:url(../images/layout/search-box.gif) no-repeat top left;
	height: 26px;
	padding: 6px 0px 0px 0px;
	width: 165px;
	text-align:right;
	float:right
}
.news_link {
	float:right;
	width:116px;
	line-height:26px;
	margin:0px 40px 0px 0px;
	}
input.search-field{ /*input field */
	float: left;
	border:0;
	margin:0;
	font-family:tahoma;
	font-size: 12px;
	padding: 3px 0px 0px 4px;
	height:17px;
	background: #ffffff url(../images/layout/search-form.png) no-repeat top left;
	width: 124px;
}
 
input.search-go { /*search icon */
	float:left;
	-moz-outline-style: none;
	outline:none;
	border: none;
	margin:0;
	padding:0;
	margin-left: 5px;
	height: 21px;
	width: 21px;
	background: url(../images/layout/searchSubmit.png) no-repeat top left;
	cursor: pointer;
}

input.search-go:hover { /*search icon hover "Does Not work in ie6" */
	background:url(../images/layout/searchSubmit.png) no-repeat bottom left;
}

input.search-go:active {
	-moz-outline-style: none;
	outline:none;
	border: none;
	outline-style:none;
}

/* ########################################################################################################## */

.glossymenu{
	margin: 5px 0;
	padding: 0;
	width: 220px; /*width of menu*/
	/*border: 1px solid #9A9A9A;*/
	border-bottom-width: 0;
}

.glossymenu a.menuitem{
	/*background: black url(../images/accordion/glossyback.gif) repeat-x bottom left;*/
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	font-size:14px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url(../images/accordion/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	padding-left:15px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	/*border-bottom: 1px solid blue;*/
	background: url(../images/layout/arrow2.gif) no-repeat left;
}

.glossymenu div.submenu ul li a{
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a.selected{
	color:#FF0000;
}

.glossymenu div.submenu ul li a:hover{
	color: #999999;
}

/* ########################################################################################################## */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
}

#boxes #dialog {
  width:540px; 
  height:370px;
  background-color:#333333;
}


.departmentImages {
	
}
.aboutus_staff_name {
	font-size:16px;
	color:#FFFFFF;
}
.aboutus_staff_fav_fish {
padding-top:20px;
}
.aboutus_staff_fav_fish img {
	padding-right:5px;
}

.aboutus_staff_fav_coral {
padding-top:20px;
}
.aboutus_staff_fav_coral img {
	padding-right:5px;
}
.faq_q {
	padding:10px 0px 0px 0px;
}
.faq_a {
	padding:10px 20px 10px 20px; 
	margin:20px; 
	border:1px solid #222222; 
	background-color:#111111;
}

/* ############ Dealer Services Application############################################################################################## */

.input_name {
	width:300px;
	line-height:30px;
}
.input_name_error {
	width:300px;
	color:#D20000;
}

.input_value {
	color:#666666;
	width:260px;
}

.input_value input{
	width:190px;
	background:url(../images/layout/dealers_input_bg.png) no-repeat;
	height:24px;
	padding:0px 10px 0px 5px;
	line-height:24px;
}

.application_section_title{
	color:#0099ff;
	font-weight:bold; 
	border-bottom:1px dotted #0099ff;
}
.require_item{
	color:#0099FF;
	font-weight:bold;
	font-size:16px;
}
.error_message_title{
	
}
.error_message_data{
	color:;
}
.error_message_container{
	background:#222222;
	padding:40px;
}
.verify_message_container{
	background:#222222;
	padding:40px;
}
.verify_message_data{
	/*overflow:scroll;*/
}
.application_steps_container{
	padding:10px; 
	width:120px; 
	background-color:#222222;
	border:1px solid #333333;
	color:#555555;
}
.application_steps_container_current{
	padding:10px; 
	width:120px; 
	background-color:#0066FF;
	border:1px solid #0099FF;
}
.application_steps_title{
	font-size:16px;
	font-weight:bold;
}
.application_steps_description{
}