/* Site colors: Dark Blue: #4677A9, Light Blue: #CADBF0; */

/* controls paragraph formating in page body */
h1       		         	  { font-family: Tahoma; color: #4677A9; font-size: 16px; margin-top: 4px; margin-bottom: 8px;}
h2       		         	  { font-family: Tahoma; color: #4677A9; font-size: 12px; margin-top: 8px; margin-bottom: 6px;}
h3       		         	  { font-family: Tahoma; color: #4677A9; font-size: 12px; margin-top: 8px; margin-bottom: 0px;}
p       		         	  { font-family: Tahoma; color: #666666; font-size: 12px; margin-top: 4px; margin-bottom: 8px; line-height: 160%}

/* controls hyperlinks in page body */
a:link       		          { font-family: Tahoma; color: #4677A9; font-size: 12px; text-decoration: NONE; border: NONE; }
a:visited    		          { font-family: Tahoma; color: #4677A9; font-size: 12px; text-decoration: NONE }
a:active     		          { font-family: Tahoma; color: #4677A9; font-size: 12px; text-decoration: NONE }
a:hover      		          { font-family: Tahoma; color: #4677A9; font-size: 12px; text-decoration: UNDERLINE }
/* controls various borders */
.cg_border   		          { border: 1px solid #4677A9; }
/* controls labels in left navigation bar and various other labels */
.cg_label    		          { border:3px double #4677A9; font-family: Tahoma; color: #FFFFFF; font-size: 13px; background-color:#4677A9; padding-top: 10px; font-weight:bold; }
/* controls labels in pop up windows and checkout pages */
.cg_header   		          { font-family: Tahoma; color: #FFFFFF; font-size: 12pt; background-color: #4677A9; font-weight: bold; border: 1px solid #4677A9; }
/* controls various text in page body */
.cg_text     		          { font-family: Tahoma; color: #666666; font-size: 12px; }
/* controls various text in page body */
.cg_text1    		          { font-family: Tahoma; color: #666666; font-size: 12px; }
/* controls larger text in page body */
.cg_text2    		          { font-family: Tahoma; color: #666666; font-size: 15px; background-color: #FFFFFF; font-weight: bold  }
/* controls main text in the page body */
.cg_text3    		          { font-family: Tahoma; color: #666666; font-size: 12px; background-color: #FFFFFF;}
/* controls small text in page body */
.cg_text4                     { font-family: Tahoma; color: #666666; font-size: 11px; background-color: #FFFFFF; }
/* controls store background color */
.cg_storeBackGroundColor      { border-bottom:1px solid #000000; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; background-color: #FFFFFF}
/* controls page background color outside of the store*/
.cg_pageBackGroundColor       { background-color: #FFFFFF}
/* controls top navigation bar background and text */
.cg_navbarTop                 { font-family: Tahoma; color: #FFFFFF; font-size: 12px; background-color: #4677A9 }
/* controls top navigation bar hyperlinks */
.cg_navbarTop a:link          { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE}
.cg_navbarTop a:visited       { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE}
.cg_navbarTop a:active        { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE}
.cg_navbarTop a:hover         { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: UNDERLINE}
/* controls side navigation bar background and text */
.cg_navbarSide     	          { font-family: Tahoma; color: #FFFFFF; font-size: 12px; background-color: #4677A9; padding-left:3px; }
/* controls side navigation bar hyperlinks */
.cg_navbarSideText            { font-family: Tahoma; color: #FFFFFF; font-size: 12px; background-color: #4677A9; padding-left:3px;} 
.cg_navbarSideText a:link     { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE; padding-left:3px;}
.cg_navbarSideText a:visited  { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE; padding-left:3px;}
.cg_navbarSideText a:active   { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE; padding-left:3px; } 
.cg_navbarSideText a:hover    { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: UNDERLINE; padding-left:3px; } 
/* controls background and text for various boxes */
.cg_boxes	                  { background-color: #FFFFFF; border: 1px solid #4677A9 }
/* controls hyperlinks for various boxes */
.cg_boxes a:link              { font-family: Tahoma; color: #4677A9; font-size: 12px; text-decoration: NONE }
.cg_boxes a:visited           { font-family: Tahoma; color: #4677A9; font-size: 12px; text-decoration: NONE }
.cg_boxes a:active            { font-family: Tahoma; color: #4677A9; font-size: 12px; text-decoration: NONE }
.cg_boxes a:hover             { font-family: Tahoma; color: #4677A9; font-size: 12px; text-decoration: UNDERLINE}
/* controls background and text for Place Order Here box */
.cg_PlaceOrder    	          { border:3px double #4677A9; font-family: Tahoma; color: #FFFFFF; font-size: 13px; background-color:#4677A9 }
/* controls hyperlinks for Place Order Here box */
.cg_PlaceOrder a:link         { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE }
.cg_PlaceOrder a:visited      { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE }
.cg_PlaceOrder a:active       { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE }
.cg_PlaceOrder a:hover        { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: UNDERLINE }

/* Custom CSS for FireThePoolMan.com */
.tab_nav a:link       		  { font-family: Tahoma; color: #000000; font-size: 12px; text-decoration: NONE }
.tab_nav a:visited    		  { font-family: Tahoma; color: #000000; font-size: 12px; text-decoration: NONE }
.tab_nav a:active     		  { font-family: Tahoma; color: #000000; font-size: 12px; text-decoration: NONE }
.tab_nav a:hover      		  { font-family: Tahoma; color: #006600; font-size: 12px; text-decoration: UNDERLINE }

table.tab_nav 				  {margin-left: 4px; margin-right: 4px; border-bottom: 10px solid #4677A9;}
.tab_btn_lt 			      {width: 5px; height: 8px; background-image: url(../nav_images/tab_btn1.gif); background-repeat: no-repeat;}
.tab_btn_top				  {height: 8px; width: 60px; background-image: url(../nav_images/tab_btn2.gif); background-repeat: repeat-x; vertical-align: top; text-align: right;}
.tab_btn_tr					  {width: 5px; height: 8px; background-image: url(../nav_images/tab_btn4.gif); background-repeat: no-repeat;}
.tab_btn_lb			 	 	  {width: 5px; border-bottom: 1px solid black; background-image: url(../nav_images/tab_btn5.gif); }
.tab_btn_bottom				  {background-color: #CADBF0; border-bottom: 1px solid #000000; text-align: center; vertical-align: top; white-space: nowrap;}
.tab_btn_rb					  {width: 5px; height: 20px; background-image: url(../nav_images/tab_btn7.gif); vertical-align: top; border-bottom: 1px solid #000000; background-repeat: repeat-y;}
.tab_btn_space				  {width: 2px;}

table.comparison	p		  {text-align: center; margin: 5px;}
table.comparison	h3		  {text-align: center; margin: 5px;}

.rebate						  {font-size: 12px; color: red; font-weight: normal; text-align: center;}

.img						  {border: none;}

/* controls background and text for login status on login page */
.cg_LoggedInTextLogin         { font-family: Tahoma; color: #000000; font-size: 12px; background-color: #FFFFFF  }
/* controls background and text for login status in left navigation bar */
.cg_LoggedInTextNavbar        { font-family: Tahoma; color: #FFFFFF; font-size: 12px; background-color: #4677A9 }
.cg_LoggedInTextNavbar a:link     { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE}
.cg_LoggedInTextNavbar a:visited  { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE}
.cg_LoggedInTextNavbar a:active   { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE}
.cg_LoggedInTextNavbar a:hover    { font-family: Tahoma; color: #FFFFFF; font-size: 12px; text-decoration: NONE}
/* controls product image style */
.cg_productImage	          { border: 0px solid #FFFFFF}
/* controls price list styles */
@media print
{
.noprint {display:none;}
a {	color: #000000;	text-decoration: underline;}
div.pagecontent	{padding: 0pt; margin: 0pt;	background-color: #ffffff;}
div.pagemargin 	{margin: 0;	width: auto !important;	background-color: #ffffff;}
#contentWrapper	{padding: 0pt; margin: 0pt; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; border-collapse: collapse;background-color: #ffffff;}
.grid {	page-break-inside:avoid;}
}