/* ######   MAIN FORMATING   ##### */

body {font-family:arial,verdana,lucida,helvetica,sans-serif; font-size: 12px; text-align: center; margin: 0px; padding: 0px; background-color: #C7DCEF; background-image: url(https://www.jlaquatics.com/interface/mainbkg.gif); background-position: center; background-repeat: repeat-y; }
bodysecure {font-family:arial,verdana,lucida,helvetica,sans-serif; font-size: 12px; text-align: center; margin: 0px; padding: 0px; background-color: #C7DCEF; background-image: url(https://www.jlaquatics.com/interface/mainbkg.gif); background-position: center; background-repeat: repeat-y; }

a.webmaster {color: #fff;}



/*####  USEFUL CLASSES  #####*/

/* (use these to format any html content - example: <p class="red uppercase floatleft"> ) */




.uppercase {text-transform:uppercase;}

.floatleft{float:left;}

.floatright{float:right;}

.red {background-color:#F34444;}

.green {background-color:#32D165;}

.clearboth{clear:both;}

.layerfont {font-size:0.8em; border:0px;}

.carefont {font-size:0.8em; border:0px;}

.smalltext {border-width:0px;}

.noteworthyfont {border-width: 0px; font-size:0.9em; text-align: center;}

.noteworthydescfont {font-size:1.0em; text-align: center;}

.tableheader {font-weight: bold; margin-left:0px;font-size: 12px;background-color:#0F3290;color:#ffffff;}

.loginfont {font-size:1.0em; border:0px;}



/* Listing Table */

.tablecontent td {background-color: white; padding: 2px; font-size: 11px;}



/*offset background color in table*/

.tablecontentB td {background-color: #DFDFDF; padding: 2px; font-size: 11px;}

.tablecontent td a {text-decoration: none; color: #000000;}

.tablecontent td a:hover {text-decoration: none; color: #0099FF;}

.tablecontentB td a {text-decoration: none; color: #252525;}

.tablecontentB td a:hover {text-decoration: none; color: #0099FF;}





/* #### SPECIAL SECTIONS #### */



/* Description Field */
p.descfont {padding:0px;text-align:justify;font-size: 12px;} 

.descfont {padding:0px;text-align:justify;font-size: 12px;} 
.descfont2 {font-size: 0.8em; color:black; width:350px; text-align:justify;}


/*Fish bar on Homepage*/

div.topbar a.main-newproducts { background-image: url(http://www.jlaquatics.com/img/main-newproducts.jpg); }
div.topbar a.main-noteworthy { background-image: url(http://www.jlaquatics.com/img/main-noteworthy.jpg); }
div.topbar a.main-drygoods { background-image: url(http://www.jlaquatics.com/img/main-drygoods.jpg); }
div.topbar a.main-livestock { background-image: url(http://www.jlaquatics.com/img/main-livestock.jpg); }

/*10 years Badge*/

#badge {

	position: relative;

	float:right;

	width: 75px;

	height:	74px;

	margin-right: 35px; margin-top: 15px;

	top: 0px;

	left: 0px;

	

	background: transparent url('http://www.jlaquatics.com/interface/badge.png') top left no-repeat;

}

#badgesecure {

	position: relative;

	float:right;

	width: 75px;

	height:	74px;

	margin-right: 35px; margin-top: 15px;

	top: 0px;

	left: 0px;

	

	background: transparent url('https://www.jlaquatics.com/interface/badge.png') top left no-repeat;

}


* html #badge

{

   background-image: none;

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.jlaquatics.com/interface/badge.png', sizingMethod='crop');

} 

* html #badgesecure

{

   background-image: none;

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.jlaquatics.com/interface/badge.png', sizingMethod='crop');

} 


/*Category Listing Page - Table Price Column*/

.price {font-weight: bold; }



/*Product Listing - Large Price Display */

.pricetop {font-size: 20px; color: red; font-weight: bold; margin-left: 10px; margin-bottom:0px; text-align:center;padding-bottom: 0px;}

.pricefish {font-size: 20px; color: red; font-weight: bold; margin-right: 10px;}


.sideinfo{text-align:left;}



/*Thwate Logo Area*/

.thwate {text-align:center; padding-left:10px;}

/*Thwate Logo Area Test*/

.thwate2 {text-align:left; padding-left:5px;}


/*"Purchase Now" Text*/

.puchasenow{padding:0px;margin:0px; text-align:center;}



.purchase {margin-left:25px;padding-left:25px;text-align:left;}



/*Free Shipping Promise in Navigation Area*/

.freeshipping{float:right; text-align:center;color:red;font-size:12px;text-transform:uppercase;width:170px;padding-top:15px;padding-bottom:15px;font-weight:bold;}
.freeshippingsecure{float:right; text-align:center;color:red;font-size:12px;text-transform:uppercase;width:170px;padding-top:15px;padding-bottom:15px;font-weight:bold;}


/*Price on listing page*/

td.price{text-align:center;}



/*Marine Fish Special Display Table*/

table.marinefish a{font-size:10px;}

table.categoryfont a{font-size:10px;}


/*Main Container*/

.maincontain{padding-left:25px;}





/* #####  IMPORTANT DIVS #####*/



/* Wrapper DIV*/

div.wrapper {display: block; width: 768px; margin-left: auto; margin-right: auto; border-left: #3F3F3F 0px solid; border-right: #3F3F3F 0px solid;}
div.wrappersecure {display: block; width: 768px; margin-left: auto; margin-right: auto; border-left: #3F3F3F 0px solid; border-right: #3F3F3F 0px solid;}



/*Left DIV (contains navigation etc.) */

div.left { clear: right; float:left; height: auto; display: inline-block; width: 170px; margin-left: 0px; margin-right: 0px; text-align: left; }



/*Main DIV */

div.main {background-image: url("http://www.jlaquatics.com/interface/roundedbkg.gif"); background-repeat: no-repeat; background-position: top left; float:left; text-align: left; display: inline-block; width: 595px; background-color: #fff; margin-right: 0px; margin-left: 0px;word-wrap: break-word; overflow:hidden;}
div.mainsecure {background-image: url("https://www.jlaquatics.com/interface/roundedbkg.gif"); background-repeat: no-repeat; background-position: top left; float:left; text-align: left; display: inline-block; width: 595px; background-color: #fff; margin-right: 0px; margin-left: 0px;word-wrap: break-word; overflow:hidden;}



/*Header DIV*/ 

div.top {

background-image: url("http://www.jlaquatics.com/interface/headerbkg.jpg");

display: block; 

width: 768px; 

height: 143px; 

position: static; 

background-repeat: no-repeat; 

background-color: #0060B6; 

margin:auto;

clear:both;

}

div.topsecure {

background-image: url("https://www.jlaquatics.com/interface/headerbkg.jpg");

display: block; 

width: 768px; 

height: 143px; 

position: static; 

background-repeat: no-repeat; 

background-color: #0060B6; 

margin:auto;

clear:both;

}


/*Footer DIV*/

div.foot {background-image: url("http://www.jlaquatics.com/interface/footerbkg.jpg"); clear: both; background-repeat: no-repeat; height: 139px;  display: block; width: 768px; background-color: #0060B6; position: static;}
div.footsecure {background-image: url("https://www.jlaquatics.com/interface/footerbkg.jpg"); clear: both; background-repeat: no-repeat; height: 139px;  display: block; width: 768px; background-color: #0060B6; position: static;}



/*Main Rollover Color for Links*/

a:hover {color: #4F93DA;}



/* ######   END IMPORTANT DIVS   ##### */

		

/* ######   INTERNAL FORMATING   ##### */



/*Search Area*/

div#search {background-image: url("http://www.jlaquatics.com/interface/searchboxbkg.gif"); text-align: left; background-color: #3D86C7; margin: 0px; padding: 0px; border-bottom: #3F3F3F 1px solid;}
div#searchsecure {background-image: url("https://www.jlaquatics.com/interface/searchboxbkg.gif"); text-align: left; background-color: #3D86C7; margin: 0px; padding: 0px; border-bottom: #3F3F3F 1px solid;}

div#search img{ margin-top: 10px; padding: 0px;}
div#searchsecure img{ margin-top: 10px; padding: 0px;}



/*Navigation Menu*/

ul#menu {margin-left: 0px; padding-top:0px; margin-top: 0px; padding-left: 0px; list-style-position: outside;}



/*Top Image */

#homelink {width: 500px; height: 135px; float: left; clear:both;}



.newitems {clear:both;}

			

#maintable {clear: both; width: 490px;}

		

/*Category Page - Table of Categories*/

table.category-table {float:left; width: 195px; height: 250px; font-size: 0.7em; text-align:center;}

table.category-table h2 {font-size:14px;}
/*Clear the Headers*/

h1 {clear:both;}

h2 {clear:both;}

h3 {clear:both;}

h4 {clear:both;}

h5 {clear:both;}



/* Spacer Div */

div#spacer {width:590px; margin-left:5px;margin-bottom:0px;}



/*Shrimp Image Properties*/

#shrimp {float: left; margin-left: 15px; margin-top: 15px; width:200px;}



/* 10% price guarantee*/

.price-guarantee {width:330px; clear:both; text-align:right;line-height:1.2em;font-size:1.0em; font-style:italic; float: right; margin-right: 10px; margin-top: 15px;}



/* JL Aquatics 1-800 Phone Number Text*/

#phone {padding-bottom: 0px; margin-bottom: 0px;}

/* JL Aquatics E-Mail Text*/

#email {padding-bottom: 0px; padding-top: 5px;}


/*Credit Cards Image */

#creditcards {float: right; margin-right:10px; padding: 0px; padding-top: 13px;}



/*Homepage - Quote Slogan Text */

.mainslogan {margin: 0px; padding: 15px; font-size: 14px;}



.itemtext {background-color: #80B7CE;}



/*Login - Top menu*/

.headermenu li {display: inline; margin: 0px; padding: 0px; }

.headermenu {margin: 0px; padding: 0px; color: #fff;}

#loginmenu {text-align: right; margin-right: 15px; clear: right;}

#loginmenu a {font-size: 12px; font-family: arial; color: #fff; text-decoration: none; }

#loginmenu a:hover {color: #0ff;}

#loginmenu a:visited {color: #fff;}

#checkoutmenu {text-align: right; margin-right: 15px; clear: right;}

#checkoutmenu a {font-size: 12px; font-family: arial; color: #fff; text-decoration: none; }

#checkoutmenu a:hover {color: #0ff;}

#checkoutmenu a:visited {color: #fff;}



/*Footer - Contact Info Area*/

div.contact {font-family: arial; font-size: 10px; margin: 0px; color: #fff; display: inline; width: 140px; text-align: left; margin-top: 25px; margin-left: 15px; float:left;}



/*Footer - Copyright Area*/

p#copyright {font-family: Verdana; font-size: 8px; color: #fff; clear: both; padding-top: 8px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px;}



/* ######   END INTERNAL FORMATING   ##### */

		



/* ######  NAVIGATION MENU   ##### */



li.pmenu {

list-style-type: none;

margin: 0pt;

padding: 0px;

background-color: #D9F1F7;

word-wrap: break-word;

width: 170px;

}



li.pmenu-head {

list-style-type: none;

font-weight: bold;

margin: 0pt;

padding: 0px;

background-color: #c2e6f0;

border-top: grey 0px solid;

line-height: 30px;

width: 170px;

font-size: 13px;

word-wrap: break-word;

}



li.pmenu a:hover {

color: #fff;

background-color: #0060B6;}



li.pmenu a {

display: block;

width: 170px;

line-height: 19px;

font-size: 12px;

color: #000000;

text-decoration: none;

padding-left: 0px;



background-color: #D9F1F7;



}

li.bmenu {

list-style-type: none;

margin: 0pt;

padding: 0px;

width: 170px;

background-color: #DCFDDC;

word-wrap: break-word;



}



li.bmenu-head {

list-style-type: none;

margin: 0pt;

padding: 0px;

background-color: #caf3ca;

border-top: grey 1px solid;

line-height: 30px;

width: 170px;

margin-top: 0px;

font-size: 13px;

}



li.bmenu a:hover {

color: #fff;

background-color: #228C17;}



li.bmenu a {

display: block;

width: 170px;

line-height: 19px;

font-size: 12px;

color: #000000;

text-decoration: none;

padding-left: 0px;

background-color: #DCFDDC;

}





/* ######   END NAVIGATION MENU   ##### */





/* ######   TYPOGRAPHY   ##### */

h1 {clear:both; margin:25px 10px 10px 20px; padding:0px 0px 0px 0px; color:#00217F; font-size:1.5em;}

h2 {clear:both;font-size: 20px; margin: 2px 0 5px 10px; padding-top:0; color:#00217F;font-weight:darker;}

h3 {padding: 10px;}		

p {margin:5px 10px 15px 5px; font-size: 0.9em; font-family:arial,verdana,helvetica,lucida,sans-serif;}

p.clearboth {clear:both;}



/*small font class */

.small {font-size:0.8em;}



/* Search Text */	

p.search {font-size:14px; color: #fff; font-weight:bold; margin: 0px; padding-bottom: 0px; line-height: 18px;}
p.searchsecure {font-size:14px; color: #fff; font-weight:bold; margin: 0px; padding-bottom: 0px; line-height: 18px;}



/*option elements */

option {font-size: 12px;}

/*select elements */

select {width:140px;}



#productname {width:140px;}



div.cat-holder {display: inline; width: 595px; border-top: #505050 0px solid; padding-left: 5px; margin: 0px; padding: 0px;}

div.cat-holder span {

display: table-cell;

display: inline-block;

width: 195px;

vertical-align: top;

border: #505050 0px solid;

padding-left: 10px;

padding-bottom: 10px;

margin-right: -4px; /* to compensate for IE/Opera's Whitespace */

}


ul {font-size:12px; color:black; margin-left:5px; padding-left:0px;list-style-position: inside; }
li { margin-left:5px; padding-left:5px; padding-bottom:5px;}


/*Long Description Field*/

p.cat-longdesc {font-size: 12px; color:black; width:350px;line-height:1.3em; text-align:justify;}



/*Short Description Field*/

p.categorydesc {font-size: 10px; color:black; margin: 0; padding: 0px 0px 15px 10px;}



/* ######   END TYPOGRAPHY   ##### */	



/*horizontal rules*/

img.line {text-align:center;padding:0px 0px 0px 40px;}

div.line { background-image: url("http://www.jlaquatics.com/img/line.gif"); height:1px;}
div.linesecure { background-image: url("https://www.jlaquatics.com/img/line.gif"); height:1px;}


/*Credit Card Area*/ 

#creditcards {font-family:arial,verdana,lucida,helvetica,sans-serif;font-style:uppercase;font-weight:bold;text-algin:right; float:right; display:inline;}



/*Phone number text*/

#phone {font-family:arial,verdana,lucida,helvetica,sans-serif;text-transform:uppercase;font-weight:bold;text-algin:right;font-size:1.0em;}

/*Email number text*/

#email {font-family:arial,verdana,lucida,helvetica,sans-serif;text-transform:uppercase;font-weight:bold;text-algin:right;font-size:1.0em;}


/*Main Slogan*/

.mainslogan {font-style:italic;font-family:arial, verdana, lucida, sans-serif; text-align:justify;line-height:1.5em;font-size:12px;word-spacing:0.05em;float:left; display:block; width:340px;padding:15px;}



/*Useful Classes*/

.caption {display:inline;}

.left {float:left; margin-right: 20px;}

.center {text-align:center;}

.right {float:right; clear:right; display:inline;padding:10px;}

.textright {text-align:right;}

.textleft {text-align:left;}

/*Top DIV*/

div.topbar {margin-left:-26px; width:650px;text-align:center;font-family:arial,verdana,lucida,sans-serif;font-size:0.9em;}

div.topbar ul { float: left; margin-top:15px; margin-right: 20px; margin-left: 50px;}

div.topbar li { float: left; display: inline; width:120px;}

div.topbar a:hover {color:#4F93DA;}



div.topbar a {

	float: left;

	text-align: center;

	padding-top: 75px;

	padding-right: 15px;

	padding-left: 15px;

	min-width: 70px;

	background-position: center top;

	background-repeat: no-repeat;

	color:black;

	text-decoration:none;

	font-size:0.8em;

	font-weight:bold;

}



/*tip of the day text*/

p.tip {text-align:center; margin:15px;padding:0px;font-size:1.2em;}

h3.tip {margin:0px;padding:10px;background-color:#99cc99;text-align:center;}





/*image borders to 0*/

img {border: 0px;}

/*class for adjusting padding on an element*/

.padbottom{padding-bottom:20px;}


hr {width:96%; color: #999999; text-align:center;

background: #999999;

border: 0;

height: 1px;

text-align:justify;

font-size: 12px;


 }



hr.cat-title-hr {width:96%; color: #999999;

background: #999999;

border: 0;

text-align:center;

height: 1px;

margin: 0px;padding:0px;

}



/* Over-ride padding on table elements*/

td{padding:0px;}



/*Category Table Styles*/

table.category-table {padding-left: 15px;padding:1px;}

h1.cat-title{padding-top:1px; font-size: 22px;}

.infofont {font-size:0.95em;}

h2.cat-title {font-size: 12px; }

h2.desc-title {font-size: 14px; }

h2.price-netred {font-size: 14px; color:#CC0000; }

h2.price-netblack {font-size: 14px; color: #000000; }

h3.cat-title {margin:0px 15px 0px 5px;  padding:0px;  color:#fff; background-color: #0F3290; text-transform:uppercase;}

h3.cat-title2 {margin:0px 10px 0px 5px; padding:0px;  color:#fff; background-color: #0F3290; text-align:center; text-transform:uppercase; font-size:1.0em;}

h3.cat-title3 {margin:0px 15px 0px 10px; padding:0px;  color:#000; background-color: #D8D8D7; font-size: 12px; }

h3.cat-title4 {margin:0px 15px 0px 10px; padding:0px;  color:#000; background-color: #D8D8D7;  font-size: 12px; }

h4.cat-title {margin:0px 0px 0px 10px;  padding:0px;  color:#fff; background-color: #0F3290;}

h5.cat-title {margin:0px 0px 0px 10px;  padding:0px;  color:#fff; background-color: #0F3290;}



/*   ###     PRODUCT LISTING PAGE    ####     */

/*Font that shows quantity of item to order*/

td.quantityfont, .user_dropdown {font-size:0.8em;}



/*small text area*/

.smalltext {margin: 0px 15px 0px 10px;}



/*add to cart*/

.addtocart {margin-left: 10px;}



/*stock-status on product listing page*/

p.stockstatus {text-align:center;color:#ffffff;}



/*Header Bar for listing table*/

.tableheader td {background-color: #0f3290; color:#fff;}



/* drop down fix */

.user_dropdown {list-style-type: none;}

table.sizer select{width: 400px;}

.sizer {font-size: 12px;}

ul.dropdownhidden {list-style-type:disc; padding: 0px; margin-left:20px; margin-top: 0px; margin-bottom: 0px;}

ul.dropdownhidden li { padding: 0px; font-size: 10px;}

a.trigger {font-size: 14px; color: #f00;}

ul.dropdownhidden li a {font-size: 10px; text-decoration: none; color: #555;}

ul.dropdownhidden li a:hover {font-size: 10px; text-decoration: none; color: #f00;}