/* Aquascapes */

/*REQURED FOR FOOTER AT BOTTOM */

html, body {
    height: 100%; 
}
#mainContainerSF {
    min-height: 100%;
}
#mainContentSF {
    max-width: 1280px;    
    width: 100% !important;
  	padding: 0;
    /*padding-bottom: 22px !important; /* Must match height of footer (compensate for MoreHTML Body and other spacing variation in screen height) */
}

/*** FOOTER***/
footer {
    position: relative;
    width: 100%;
    margin-top: -68px; /* compensate as need for perfect fit with #mainContentSF */
    clear: both;
    /* Above CSS required for footer at bottom */
    padding: 0;
    background: #13377c; /* Primary Color */
  	color: #fff;
    height: 68px;
}
.footerCopyright {
    font-family: helvetica, sans-serif !important;
    color: #fff; 
    line-height: 68px;
}

/* End Footer*/



/* Override for Corry */
.ui-box,
.ui-box header,
.ui-box section {
    border-radius: 0;
}

body {
    margin: 0 auto;
    height: 100%;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    overflow-x: hidden;
    font-family: helvetica, sans-serif;
}
.tag {
    font-family: helvetica, sans-serif; 
    color: #666666;
    font-size: 9px;
    line-height: 1.2em;
}
.boldbody {
    font-family: helvetica, sans-serif; 
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
}
.smallbody {
    color: #666666;
    font-family: helvetica, sans-serif; 
    font-size: 10pt;
}
.tinybody {
    color: #666666;
    font-family: helvetica, sans-serif; 
    font-size: 9px;
}
.tinybodysup {
    vertical-align: text-top;
    color: #444;
    font-size: 25px; 
    font-family: helvetica, sans-serif; 
    font-weight: bold;
}
.signoff {
    font-family: helvetica, sans-serif; 
    color: #336699;
    font-size: 11px;
    line-height: 1.2em;
}
.login {
    font-family: helvetica, sans-serif; 
    font-size: 14px;
    font-style: 600;
    width: 100%;
    background-color: transparent;
    padding:8px 0 10px 10px;
    color: #fff;
}
a.login {
    color: #2B2B2B;
    text-decoration: none;
    font-weight: bold;
    padding-right: 15px;
    padding-left: 15px;
    text-transform: capitalize;
    background: #fff;
    border-radius: 6px;
}
a.login:hover {
    color: #fff;
    text-decoration: none;
    background-color: #62bb46; /* Highlight Color */
}
.loginWelcome, .loginLogout {
    background-color: transparent;
}
.loginWelcome span {
    float: right !important; 
}
.tableLogin {
    position: relative;
    float: right;
    width: 100%;
    height: 50px;
    top: -321px;
  	right: 15px;
    z-index: 1;
}
.tableMain {
    position: relative;
    top: -188px;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    background-color: transparent;
    padding: 10px;
}
.tableSiteBanner {
    position: absolute;
    top: 0;
    height: 128px;
}
.tableSiteBanner img {
    z-index: 2;
    float: inherit;
  	top: 64px;
    position: relative;
    height: 98px;
    margin-right: 130px; 
}
.mainContentNB {
    color: #000000;
    padding-left: 15px;
    width: 745px;
}
a {
    font-family: helvetica, sans-serif;
  	color: #153B6B;
    text-decoration: none;
}
a:hover {
    color: #1c9ad6; /* Secondary Color */
    text-decoration: underline;
}
.copyright, a.copyright, a.copyright:link, a.copyright:visited {
    background: transparent;
    color: #D10005;
    font-family: Poppins, sans-serif;
    font-size: 10px;
    text-decoration: none;
}
a.copyright:hover {
    text-decoration: underline;
}
.anchor a {
    text-decoration: none;
}
.anchor a:hover {
    text-decoration: bold;
}
.clear {
    background-image: url(/img/_.gif);
    background-repeat: no-repeat;
    background-color: transparent;
}

/******************************************************************************************
* DTSS ADDED - HTML for Menu, Footer, Checkout, Etc. *
*******************************************************************************************/

#headerInfoBar {
    position: relative;
    background: #ffffff; /* Primary Color */
    width: 100%;
    height: 128px;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    font-family:helvetica, sans-serif; 
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    border-top: 50px solid #6eb2e0;
  	border-bottom: 15px solid #EFEFF0;
    z-index: 0;
}

#headerRedBar {
    position: absolute; 
    background: linear-gradient(90deg,rgba(0,153,216,.6),rgba(0,153,216,.9));
    top: 128px;
    width: 100%;
    height: 50px;
}

#headerRedBar:before {
    content: '';
    background-color: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

/* Main Navigation Menu */

#navWrapper {
    float: right;
    position: relative;
    top: -143px;
    right: 16px;
    line-height: 128px;
    margin-left: 100px;
}

#menu { 
    width: 100%; 
    background: transparent; 
    position: relative;
    margin: 0 0 0 200px;
}
#menu li {
    float: left;
    text-align: left;
    margin: 0 auto;
}
#menu li:last-child {
 	margin-right: 50px; 
}
#menu li a {
    font-family: helvetica, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #4D4E4F;
    height: 52px;
    line-height: 25px;
    text-transform: capitalize;
  	padding: 10px 14px 10px 15px;
}
#menu li a:hover, #menu li.menuG a, #menu li:hover > a {
    text-decoration: none;
    color: #2B2B2B;
  	text-shadow: 1px 0 0 currentColor;
}

/* END Main Navigation Menu */

/* LOGIN BOX*/
#bigbox {
    background-color: #fff;
    border: 6px solid #002d61; /* Primary Color */
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
/* END Login Box */

/* CATEGORY HEADER TEXT */
.source,
#editTable section .tablesorter tr:first-child td:last-child {
    color: #13377c;
    font-size: 25px; 
    font-family: helvetica, sans-serif;         
    font-weight: 500;
    text-transform: capitalize;
 	text-align: left;
}
  

/* FOOTER */
.footerSections {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto; 
}
#footerTop {
 
}
#footerBottom {
    height: 68px;
}
.footerCoyright { 
    color: #b3b4b5;
    font-size: 12px;
    line-height: 68px;
    font-family: helvetica, sans-serif; 
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    text-align: left;
}

/* End Footer */

#backBtnSection,
#nextBtnSection {
    width: auto; 
}

#catalogWrap,
.prodCell {
    border: none; 
}

/* CHECKOUT HEADER */

.tableCheckoutHeader {
    display: block;
    float: inherit;
    position: relative;
    top: -20px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    z-index: 3;
}
.tableCheckoutHeader img {
    padding-left: 120px;
}
/* END Checkout Header */

.rightColumn {
    width: 240px;
}
.homeTable { 
    color: #005D40; 
    font-size: 12px; 
    font-family: helvetica, sans-serif; 
    font-weight: bold; 
    text-decoration: none;
}
.homeTable a { 
    color: #005D40; 
    font-size: 12px; 
    font-family: helvetica, sans-serif; 
    font-weight: bold; 
    text-decoration: none; 
}
.homeTable a:hover { 
    color: #009900; 
    font-size: 12px; 
    font-family:helvetica, sans-serif; 
    font-weight: bold; 
    text-decoration: none; 
}

/* Page Heading */
.pageHeading  { 
    color: #005D40; 
    font-size: 25px; 
    font-family: helvetica, sans-serif; 
    font-weight: bold; 
    font-style: italic; 
    float: left; 
    padding-right: 20px; 
}
/* END Page Heading */

/* Product Heading */
.prodHeading  { 
    color: #005D40; 
    font-size: 20px; 
    font-family: helvetica, sans-serif; 
    font-weight: bold; 
    font-style: italic; 
    float: left; 
    padding-right: 20px; 
}
/* END Page Heading */

p.style1 { 
    color: #444; 
    font-size: 25px; 
    font-family: helvetica, sans-serif;  
    font-weight: bold; 
}

/******************************************************************************************
* END DTSS ADDED - HTML for Menu, Footer, Checkout, Etc. *
*******************************************************************************************/

.body {
    color: #333333;
    font-size: 13px;
    line-height: 1.2em;
}
h1 {
    font-family: helvetica, sans-serif; 
    font-size: 18px;
    line-height: 1.2em;
}
.h1 {
    font-family: helvetica, sans-serif; 
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
}
h2 {
    font-family: helvetica, sans-serif; 
    font-size: 15px;
    line-height: 1.2em;
}
.h2 {
    font-family: helvetica, sans-serif; 
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2em;
}
h3 {
    font-family: helvetica, sans-serif; 
    font-size: 13px;
    line-height: 1.2em;
}
.h3 {
    font-family: helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2em;
}
.inputBody {
    font-family: helvetica, sans-serif; 
    font-style: normal;
    font-variant: normal;
    line-height: normal;
    text-decoration: none;
}

/* cart image */
.tblImage {
    border: 1px solid #CCCCCC;
}
.tblImage td {
    background-color: #FFFFFF;
    padding: 0em;
    margin: 0em;
    text-align: center;
    vertical-align: middle;
}

#products {
  border: none;
}

/******************************************************************************************
* DTSS ADDED - PRODUCT SIDE MENU *
*******************************************************************************************/

#sideBarNav {
  background: #fff;
}	

#TCtable {
    background: none;  
    padding: 0;
}
#TCtable td {
    background: none;
}

.TCCaption { 
    color: #BDBDBD; 
    font-style: italic; 
}

ul.TreeControl {
    float: inherit;
    position: relative;
    padding: 10px;
}
ul.TreeControl { 
    color: #ffffff; 
}
.anchorCatalog.selected {
   font-weight: bold;
  color: red;
}

.liTopen.active a.anchorCategory {
    font-weight: bold;
    /* or any other highlight you want */
}

ul.TreeControl li.TCopen, ul.TreeControl li.TCclosed {  }
ul.TreeControl li.TCopen div.anchorCatalog, ul.TreeControl li.TCclosed div.anchorCatalog {
    float: inherit;
    position: relative;
    color: #13377c; 
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    border: none;
    background: none; /* Primary Color */
    text-align: left;
    height: 42px;
    line-height: 42px;
}
ul.TreeControl li { 
    list-style: none; 
}
ul.TreeControl, ul.TreeControl ul, ul.TreeControl li { 
    margin-bottom: 5px; 
    padding: 0; 
    font-size: 10pt;
}
ul.TreeControl ul {  }
ul.TreeControl li a  {
    cursor: pointer; 
    color: #000000; 
  	padding-left: 0;
}
ul.TreeControl li a:hover { 
    cursor: pointer; 
}
ul.TreeControl li.TCopen a { 
    list-style: none; 
    background: none; 
    color: #13377c;
}
ul.TreeControl li.TCclosed a { 
    list-style: none; 
    background: none; 
    color: #13377c;
}

ul.TreeControl li.TCbullet {
    padding: 4px 10px 4px;
    font-size: 13px;
    line-height: 18px;
    color: #4D4E4F;
    text-align: left;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
}
ul.TreeControl li#active a {
    /*content: '\f061';
    font-family: "Font Awesome 5 Pro";*/
    font-size: 16px;
  	font-weight: 600;
    color: #4D4E4F;
}

ul.TreeControl li.TCbullet a { 
    list-style: disc; 
    background: none;
    color: #4D4E4F;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0px;
    text-align: left;
}

ul.TreeControl li.TCbullet a:hover { 
    color: #000;
  font-size: 24;
}

ul.TreeControl li.TCopen ul { display: underline;}
ul.TreeControl li.TCclosed ul { display: none;}

/******************************************************************************************
* END DTSS ADDED - PRODUCT SIDE MENU *
*******************************************************************************************/

.shopping_cart_icon path { 
    fill: #456888; 
}
#cartCountBadge { 
    background: #456888; 
}

.catalogTbl {
  	/* position: absolute; */
    height: 100%;  
    padding: 0 !important;
}
#catalogTblheader .counter {
  display: none;
}

/*******************************************************************************************
* Shopping Cart *
*******************************************************************************************/

#cartContainer {
   	position: relative !important;
    top: 43px !important;
    right: 0;
    display: inline;
}  
#cartIcon {
    color: #2B2B2B;
    position: absolute;
    right: 4px;
    padding: 0;
    font-size: 24pt;
}    
#cartCountBadge {
    background: #62bb46;
    position: absolute;
    right: 0;
    margin: 0;
    border-radius: 100px;
    padding: 0px 2px;
    line-height: 19px;
    border: 1px solid #fff;
}
#cartDesc {
    display: none;
}
#cartCount {
    background: transparent;
    border: none;
}

/* FONT OVERRIDE */
ul#listbigger li a, 
ul#listbigger li a span {
    font-family: Poppins, san-serif;
}
.checkoutProgress {
    top: -180px;
    border: 0;
}

/******************************************************************************************
* My Account Overrides *
*******************************************************************************************/

#quickLinks header {
    display: none;
}

#quickLinks section {
    padding: 0;
    border: none;
}

#listbigger li {
    position: relative;
  	border: none !important;
  	box-shadow: none;
}
#listbigger li,
#listbigger li:hover {
    background: transparent;
    border: none;
    /*border-bottom: 1px solid #d6d6d6;*/
    border-radius: 0;
}
#listbigger li:last-child {
    border: none; 
}

#listbigger li a {
  border: none;
}

.QLicon,
#listbigger li:hover .QLicon {
    border: none !important; 
}

.QLicon span {
    right: -40px;
}

#listbigger li .QLicon {
    background: none;
}

#listbigger li .QLicon:before {
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    font-size: 20px;
    font-weight: 400;
}

/* CHANGE ICONS */

#QLorders .QLicon:before {
    content: "\f0d1";
}
#QLcatalog .QLicon:before {
    content: "\f02d";
}
#QLaddressBook .QLicon:before {
    content: "\f1fa";
}
#QLprofile .QLicon:before {
    content: "\f007";
}

/******************************************************************************************
* END My Account Overrides *
*******************************************************************************************/


/* CUSTOM ADDED */

/* searchbar */
#searchbar {
    position: absolute;
    text-align: right;
    width: auto;
    top: 7px;
    right: -20px;
    z-index: 10;
    line-height: 25px;
}
#searchbar input[type="text"] {
	background: #fff;
    font: bold 12px Helvetica, Sans-serif;
    color: #999;
    width: 175px;
    padding: 6px;
    border-radius: 0;
  	box-shadow: none;
   	text-shadow: 0 0 0 #999;
    transition: all 0.5s ease 0s;
    border: 1px solid #DADADA;
}
#searchbar input[type="text"]:focus {
    background: #fcfcfc;
    color: #6a6f75;
 	 width: 175px;
    padding: 6px;
    outline: none;
    border: 1px solid #51c9ee !important;
    box-shadow: 0 0 0 rgb(81 203 238) !important;
    text-shadow: none;
}
#searchbar .search-main {
    position: relative;
    top: 2px;
    left: -25px;
    color: #999;
    height: max-content;
    line-height: 0;
}

/* proceed button */
.proceedButton,
#checkoutProceedButton button,
.uploadifive-button,
.jqButton {
	background: #3595d4 !important;
	border-radius: 8px;
	color: #fff !important;
    font-size: 14px !important;
	padding: 0 10px;
	border: 1px solid #3595d4 !important;
}

.proceedButton:hover,
#checkoutProceedButton button:hover,
.uploadifive-button:hover,
.jqButton:hover {
 	background: #3595d4 !important;
  	color: #fff !important;
    font-size: 14px !important;
    border: 1px solid #3595d4 !important;
  	transform: scale(1.01);
}

.proceedButton,
#checkoutProceedButton button {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
  font-weight: bold;
}
.proceedButton:hover,
#checkoutProceedButton button:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);
  font-weight: bold;
}

/* changed buttons */
.jqButton:before,
.faButton:before,
.jqButton:before:hover,
.faButton:before:hover {
 	color: #fff !important; 
}

.jqButton:before, .faButton:before {
  	color: #fff !important;
}

.item_table .jquery-button {
 	width: 125px !important; 
}


/* catalog */
.prodCell {
  margin: 15px;
}

div.grid span.zoom {
 	left: -65px; 
}
div.grid a.anchor,
div.grid a.anchor:hover {
	background: transparent;
  	border: none;
}

#titleSection {
	width: 98% !important;
    margin: 0 0 10px 0;
    display: block;
}

/* 2-customize */
#show_userform table td {
 	padding: 0 0 6px 0;
}

/* 3-edit */
#editForm .cartPrice,
#shoppingCartTbl .dtContent .cartPrice,
#saveForLaterTbl .cartPrice {
  	background: #70B2E0;
    color: #fff;
    display: table-caption;
    margin: 10px 0;
  	padding: 5px 0;
  	border-radius: 8px;
}
#shoppingCartTbl .dtContent .cartPrice,
#saveForLaterTbl .cartPrice {
 	padding: 5px; 
}

.cartPriceLabel {
 	text-transform: capitalize;
    font-size: 16px;
    margin: 0 10px 0 0; 
}

#editTable .tablesorter {
 	background: transparent; 
  	display: block;
  	margin: 40px 0 0 0;
}

#editTable section,
#editTable section .tablesorter td {
 	background: transparent !important;
  	border: none !important;
  	display: table;
}

#editTable section .tablesorter tr:first-child td:last-child {
  	float: right;
    position: absolute;
  	top: 0;
    left: 0;
}

/* page headers */ 
.sectionHeader {
 	 margin: 15px 0 25px 0px;
    text-align: left;
}

#designDescription {
	margin: 0 0 20px 0;  
}
#designDescription ul {
 	background: #DEDEE0; 
  	padding: 10px 30px;
}

.itemDesc {
 	margin: 0 0 0 5px; 
}

/* shopping cart */
#shoppingCartTbl th table td:last-child .cartTotal {
  background: #62BB46;
  color: #fff;
  font-size: 20px;
}
#shoppingCartTbl th table td:last-child .cartTotal .cartPrice {
 	font-size: 1em;
  	color: #fff;
}
#shoppingCartTbl th {
 	background: transparent !important;
  	border: none !important;
}

.item_table button,
.item_table button:hover {
 	background: #fff;
  	color: #4D4D4E;
  	font-weight: bold;
  	border-radius: 0;
 	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
}
.item_table button:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);
}

#saveForLaterTbl {
  background: #E9F4FA;
}

#saveForLaterTbl .h2,
#shoppingCartTbl th table td:first-child .cartTotal {
  color: #15377D;
  font-weight: 500;
  font-size: 16pt;
}

.btnContinueShop,
.btnContinueShop:hover {
  background: #62BB46 !important;
  border; 1px solid #62BB46;
}


#shoppingCartTbl header,
#shoppingCartTbl header .menu-table {
 	background: transparent !important;
  	border: none !important;
}
#shoppingCartTbl header .menu_table {
  	margin: 0 0 20px 0;
}	

#shoppingCartTbl .dtContent {
 	padding: 0 10px 15px 0; 
}


#customizeTbl,
#tableMainHeader,
#editForm,
#shoppingCartTbl{ 
  /*background: #efeff0;*/
}
#editTable {
	padding: 15px 0;  
}

/* My Account */
#quickLinks {
 	 margin: 0 0 40px 0;
}
#printRepInfo a {
  color: #33BD2B;
}
#custServices {
 	display: none; 
}

/* UI HEADER */
.ui-box header.dark {
 	background: transparent;
  	border: none;
}

/* UI-BOX */
.ui-box header {
	background: transparent;
    border: none;
    text-align: left;
    font-size: 16px;
    text-transform: capitalize;
    padding: 0 0 5px 0;
  	color: #4D4E4F !important;
}
.ui-box section {
  	border: none;
  	padding: 0;
  	color: #4D4E4F !important;
}

/* input and select */
select, 
.ui-select-menu, 
select[name="datatable_length"],
.ui-widget-content {
	height: 28px;
}
textarea {
 	height: auto !important; 
}


/* border remove */
.tblImage,
#shoppingCartTbl .dtContent,
#shoppingCartTbl .dtContent td,
#saveForLaterTbl .dtContent,
#saveForLaterTbl .dtContent td {
 	border: none !important; 
}

#quoteNameBox {
 	width: 100% !important; 
}

/* HIDE STUFF */
.list-style-buttons,
#customizePageHeader,
#editTable section .tablesorter tr:first-child td:first-child strong,
#shipInstructions,
#addressBook,
#addressAccuracy,
#custPOBox,
#saveForLaterTbl hr {
	display: none; 
}