body {
	margin:0;
	padding:0;
	background:#0060c0 url(/images/template_images/bg_body.gif) top left repeat-x;
	color: #000;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif; /* Always specify font-family on the highest level possible since it cascades indefinitely, i.e., it is inherited by all other elements. */
	/* font-size:62.5%; /* This method can be used to set all fonts to be approximately 10 px so that 1em = 10px.  Afterward, specifying font-size is merely a matter of using ems in multiples of 10's.  So, font-size:1.8em; would create an 18px font, etc...  pt is for print style sheets only. px does not cascade. em cascades but is relative to previously specified sizes for each particular element. For example, if a 1em p tag appears larger than a 1em li tag, it is likely due to either the p, li or both tags having been previously set to a specific size. If p is set to 8pt while all other elements are set to 10px, then 1em=8pt for all p tags and 1em=10px for all other elements. Again, ems are relative to the last set size. */
}
#main-table {
	width:1060px;
	margin:auto;
	padding:0;
	border:none;
	text-align:left;
}
#header {
	margin:0;
	padding:0;
	width:100%;
	background:none;
	border:none;
	text-align:left;
	width:100%;
}
#header #logo img {
	border:none;
	float:left;
	position:static;  /* Needed to override in-site CSS on some pages */
}
#logo h1 {
	text-indent: -9999px;
	float:left;
}
#top-menu {
	margin:0;
	padding:0;
	list-style-type:none;
}
#top-menu li {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	display:inline;
}
#top-menu li a {
	margin:0;
	padding:0 5px 0 2px;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	border:none;
	border-right:1px dotted #fff;
}
#top-menu li a:hover {
	text-decoration:underline;
	color:#fff;
}
#main-table-content {
	border:1px solid #0099ff;
	border-top:none;
}
#menu {
	margin:0;
	padding:0;
	width:100%;
}
#top-nav-menu {
	margin:0;
	padding:0;
	width:100%;
	float:left;
	list-style:none;
	background:#6699ff url(/images/template_images/bg_top_nav_menu.gif) top left repeat-x;
	height:23px;
}
#top-nav-menu li {
	float:left;
	margin:0;
	padding:0;
}
#top-nav-menu li a {
	margin:0;
	padding:0 6px;
	display:block;
	float:left;
	line-height:23px;
	height:23px;
	text-decoration:none;
	color:#fff;
	font-size:10px;
	font-weight: bold;
}
#top-nav-menu li a:hover {
	color:#ffcc33;
}
#billboard {
	margin:0;
	padding:0;
	width:100%;
}
.billboard-block {
	
}
.historycrumb {
	margin:2px 0;
	padding:2px;
	color:#4f4f4f;
	border:1px solid #0066cc;
	background:#fff url(/images/template_images/bg_block_blue_fade.gif) top left repeat-x;
	font-size:10px;
}
.historycrumb a {
	color:#4f4f4f;
	text-decoration:none;
}

.historycrumb a:hover {
	color:#000000;
}

.historycrumb a.active  {
	font-weight:bold;
}
.featured-table {
	margin:0;
	padding:0;
	margin-bottom:10px;
	border:none;
	color:#4f4f4f;
	border-collapse:collapse;
	background:#fff url(/images/template_images/bg_4col_wave_table_header_yellow.png) top center no-repeat;
}
.featured-table thead tr th {
	margin:0;
	padding:0;
	padding-top:25px;
	height:80px;
	vertical-align:top;
	border:none;
}
.featured-table th h3 {
	margin:0;
	padding:0;
	color:#fff;
	text-align:center;
}
.featured-table th h3 a {
	margin:0;
	padding:0;
	color:#fff;
	text-decoration:none;
}
.featured-table th h3 a:hover {
	color:#ffcc33;
}
.featured-table td {
	width:33%;
	border-right:1px solid #0066cc;
	vertical-align:top;
}
.featured-table td h4 {
	color:#020280;
	font-weight:bold;
	font-size:1em;
	text-align:center;
}
.featured-table ul {
	color:#4f4f4f;
}
.featured-table ul li {
	margin:0;
	padding:0;
	color:#4f4f4f;
}
.featured-table ul li a {
	margin:0;
	padding:0;
}
.call-to-action {
	clear:both;
	text-align:right;
}
.call-to-action a {
	color:#020280;
	font-weight:bold;
	font-size:1em;
	padding-right:20px;
	text-decoration:none;
	background:url(/images/template_images/arrowbullet.png) no-repeat center right; /*custom bullet list image*/	
}
.call-to-action a:hover {
	color:#ffcc33;	
}
#inner-table {
	background-color:#fff;
	width:100%
}
#inner-table #left-column {
	width:172px;
	vertical-align:top;
	border:none;
}
#inner-table #center-column {
	
}
#inner-table #right-column {
	width:172px;
	vertical-align:top;
	border:none;
}
#inner-table #left-column .block, #inner-table #right-column .block {
	margin:0;
	padding:0;
	padding-bottom:5px;
}
.block h3, .block h3 {
	color:#000099;
	text-align:center;
}
.block img {
	
}
#top-content {
	margin:0;
	padding:0;
	width:100%;
}
.top-content-block {
	margin:0;
	padding:0;
	width:100%;
}
#inner-table #center-column #bottom-content {
	margin:0;
	padding:0;
	width:100%;
}
.bottom-content-block {
	margin:0;
	padding:0;
	width:100%;
}
#footer-billboard {
	margin:0;
	padding:0;
	background-color:#fff;
	width:100%;
}
#footer {
	padding-top:30px;
	background:url(/images/template_images/bg_shadow_bottom.png) top left repeat-x;
}
#footer1 {
	margin:0;
	padding:0;
	border:none;
	width:100%;
}
#footer1 p {
	color:#003333;
}
#footer1 td {
	width:172px;
	vertical-align:top;
	border:none;
	border-right:1px dotted #003333;
}
#footer1 ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#footer1 ul li{
	margin:0;
	padding:0;
}
#footer1 h4, #footer1 h3 {
	font-size:1em;
	color:#003333;
	text-align:center;
	text-transform:uppercase;
}
#footer1 h3 {
	font-size:1.25em;
}
#footer1 ul li a {
	margin:0;
	padding:0;
	color:#003333;
	text-decoration:none;
	display:block;
	height:20px;
	line-height:20px;
	border:none;
	border-bottom:1px solid #003333;
}
#footer1 ul li a:hover {
	color:#fff;
	border-bottom:1px solid #fff;
}
#footer1 img {
	margin:5px;
	padding:0;
	border:none;
}
#footer2 p {
	color:#003333;
}
.clear {
	clear:both;
}
* a img {
	border:none;
}
/* ------------------------- Top Menu Styles ------------------------------------------------ */
.tog {font-size: 11px;font-family: arial,helvetica,sanserif;color: #545454;white-space: nowrap;}
.hdr_dk {font-size: 11px;font-family: arial,helvetica,sanserif;color: #cc0000;white-space: nowrap;}
.hdr_11 {font-size: 11px;font-family: arial,helvetica,sanserif;color: #000000;}
.mt{background-color:#FFFFFF;border: solid #333333 1px;}
.menucol1{background-color:#FFFFFF;border-right: solid #333333 1px;}
.menucol2{position: absolute; top:1px; left: 112px; background-color:#FFFFFF; border-right: solid #333333 1px;border-left: solid #333333 1px;border-bottom: solid #333333 1px;}
.menucol3{position: absolute; top:1px; left: 223px; background-color:#FFFFFF; border-right: solid #333333 1px;border-left: solid #333333 1px;border-bottom: solid #333333 1px;}
.menucol4{position: absolute; top:1px; left: 150px; background-color:#FFFFFF; border-right: solid #333333 1px;border-left: solid #333333 1px;border-bottom: solid #333333 1px;}
.menucol5{position: absolute; top:1px; left: 349px; background-color:#FFFFFF; border-right: solid #333333 1px;border-left: solid #333333 1px;border-bottom: solid #333333 1px;}
.menu {cursor:pointer;font-weight:bold;font-size: 12px;font-family: arial,helvetica,sanserif; color:#0066CC;white-space: nowrap;}
.nav {font-size: 11px;font-family: arial,helvetica,sanserif;color: #000000;white-space: nowrap;line-height: 18px;}
.free{font-size: 10px;font-family: arial,helvetica,sanserif;color: #CC0000;white-space: nowrap;line-height: 18px;font-weight:bold;}
.nav2{font-size: 11px;font-family: arial,helvetica,sanserif;color: #000000;white-space: nowrap;line-height: 18px;cursor:pointer;background-color:#F0F0F0;padding:2px 6px 2px 6px;}
.nav3{font-size: 12px;font-family: arial,helvetica,sanserif;font-weight: bold;color: #FFFF00;background-color: #0066CC;white-space: nowrap;line-height: 18px;cursor:default;padding:2px 6px 2px 6px;}
.nav4{font-size: 12px;font-family: arial,helvetica,sanserif;font-weight: bold;color: #F0F0F0;background-color: #F0F0F0;white-space: nowrap;line-height: 18px;cursor:default;padding:2px 6px 2px 6px;}
.mw{width:780px;}
a.nav:link{color: #333333;text-decoration: none;}
a.nav:visited{color: #333333;text-decoration: none;}
a.nav:hover{color: #000000;text-decoration: underline;cursor:pointer;}
a.nav:active{color: #000000;text-decoration: none;}
#main {position: relative; width:960px; z-index: 20; visibility: visible;}
#agpk {position: absolute; top: 40px; left: 0px; z-index: 100; visibility: hidden;}
#igpk {position: absolute; top: 40px; left: 153px; z-index: 100; visibility: hidden;}
#toys {position: absolute; top: 40px; left: 283px; z-index: 100; visibility: hidden;}
#stepsfence {position: absolute; top: 40px; left: 333px; z-index: 100; visibility: hidden;}
#covers {position: absolute; top: 40px; left: 454px; z-index: 100; visibility: hidden;}
#liners {position: absolute; top: 40px; left: 519px; z-index: 100; visibility: hidden;}
#access {position: absolute; top: 40px; left: 585px; z-index: 100; visibility: hidden;}
#more {position: absolute; top: 40px; left: 460px; z-index: 100; visibility: hidden;}
#number {position: absolute; top: 40px; left: 825px; z-index: 100; visibility: hidden;}
/* ------------------------- End Top Menu Styles -------------------------------------------- */

/* ------------------------- Left Bar Accordion Menu Styles --------------------------------- */
.arrowlistmenu {
	width:172px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	margin:0;
	padding:4px 0 4px 10px; /*header text is indented 10px*/
	font:bold 13px Arial;
	color:#fff;
	background:#000 url(/images/template_images/bg_menuheader.png) repeat-x center left;
	margin-bottom:4px; /*bottom spacing between header and rest of content*/
	text-transform:uppercase;
	text-align:left;
	cursor:pointer;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	background-image:url(/images/template_images/bg_menuheader_active.png);
	color:#fff;
}
.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li {
	padding-bottom:2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li .opensubheader { /*Open state CSS for sub menu header*/
	/* background:#969696 !important; 
	color:#fff; */
}
.arrowlistmenu ul li .closedsubheader { /*Closed state CSS for sub menu header*/
	/* background:#4f4f4f !important;
	color:#fff; */
}
.arrowlistmenu ul li a {
	color:#4f4f4f;
	background:url(/images/template_images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display:block;
	padding:2px 0;
	padding-left:19px; /*link text is indented 19px*/
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px solid #dadada;
	font-size:90%;
}
.arrowlistmenu ul li a:visited {
	color:#4f4f4f;
}
.arrowlistmenu ul li a:hover { /*hover state CSS*/
	background-color:#F3F3F3;
	color:#4f4f4f;
}
.arrowlistmenu ul li a.subexpandable:hover { /*hover state CSS for sub menu header*/
	background-color:#F3F3F3;
	color:#4f4f4f;
}
/* ------------------------- End Left Bar Accordion Menu Styles ----------------------------- */

/* ----------------------------------- Default Styles --------------------------------------- */
/* -- The following styles need to be reviewed and updated.  Particularly, font sizes should not be specified in print points (pt). -- */
p { margin:10px; padding:0; font-size:8pt; }
h3 { font-size:14px; }
h4 {
	font-size:12px;
	font-weight:bold;
	color:#000066;
}
td { font-size: 8pt; }
th { font-size: 8pt; }
ul { font-size: 8pt; }
li { font-size: 8pt; }
a { color: #0066CC; }
a:hover { color: #ff9933; }
a.navbar { color: #0066CC;  font-size:9pt; font-weight: bold; text-decoration: none; }
a.navbar:hover { color: #FFFFFF;  font-size:9pt; font-weight: bold; text-decoration: none; }
a.navbar1 { color: #0066CC;  font-size:9pt; font-weight: bold; text-decoration: none; }
a.navbar1:hover { color: #FFFFFF;  font-size:9pt; font-weight: bold; text-decoration: none; }
a.navbar2 { color: #685E5E;  font-size:8pt; font-weight: bold; text-decoration: none; }
a.navbar2:hover { color: #000000;  font-size:8pt; font-weight: bold; text-decoration: none; }
a.header { color: #FFFFFF;  font-size:9pt; font-weight: bold; text-decoration: none; }
a.header:hover { color: #FFF000;  font-size:9pt; font-weight: bold; text-decoration: none; }
.header { color: #FFFFFF;  font-size:9pt; font-weight: bold; text-decoration: none; }
.blacklinks { color: black; text-decoration: none; }
.menubullets { font-size: 10pt; font-weight: normal; color: #0066CC; text-decoration: none;	}
.menusubjects { font-size: 10pt; font-weight: bold; color: #0066CC }
.menusubjects_red { font-size: 10pt; font-weight: bold; color: #ff0000 }
.site_map_bullets { font-size: 10pt; font-weight: normal; color: #0066CC; text-decoration: none;	}
.site_map_titles { font-size: 14pt; font-weight: bold; color: #0066CC }
.sectiontitle { font-size: 10pt; font-weight: bold; color: #3333CC }
.sectiontitlewhite { font-size: 10pt; font-weight: bold; color: white }
.cart_coving_title { font-size: 10pt; font-weight: bold; color: #3333CC }
.sectiontext { font-size: 8pt; font-weight: normal; }
.sectiontext2 { font-size: 9pt; font-weight: normal; }
.columntitle { font-size: 11pt; font-weight: bold; color: #3333CC }
.pagetitle { font-size: 14pt; font-weight: bold; color: #0606ba; }
.page_title_red { font-size: 14pt; font-weight: bold; color: #ff3300 }
.pagetitleblack { font-size: 14pt; font-weight: bold; color: #000000 }
.pagetitle2 { font-size: 12pt; font-weight: bold; color: #3333CC }
.match_price { color: #3333CC;  font-size:10pt; }
.menuBG	{ background-color: #EEEECC }
.error { color: red; font-weight: normal; font-size: 12pt; }
.fpf-body { font-size: 8pt; font-style: normal; text-decoration: none; }
.fpf-body-normal { font-size: 10pt; font-style: normal; text-decoration: none }
.fpf-product-normal { font-size:10pt; }
.fpf-bodyOn { font-size: 12px; font-style: normal; color: #333333; text-decoration: underline; }
a.fpf-bodyOn:hover { font-size: 12px; font-style: normal; color: #ff9933; text-decoration: underline }
.fpf-smallbodyOn { font-size: 12px; font-style: normal; color: #333333; text-decoration: none; }
a.fpf-smallbodyOn:hover{ font-size: 12px; font-style: normal; color: #000000; text-decoration: none }
.fpf-emphasis-body { font-size: 12px; font-weight: bold; color: #666666; text-decoration: none }
.fpf-emphasis-bodyOn { font-size: 12px; font-weight: bold; color: #666666; text-decoration: none }
a.fpf-emphasis-bodyOn:hover{ font-size: 12px; font-weight: bold; color: #ff9933; text-decoration: none }
.fpf-subhead { font-size: 12px; font-weight: bold; text-transform: none; color: #0066CC; text-decoration: none; }
.fpf-subhead-bodyOn{ font-size: 12px; font-weight: bold; color: #0066CC; text-decoration: none }
.fpf-subhead-plain{ font-size: 12px; font-weight: bold; }
a.fpf-subhead-bodyOn:hover{ font-size: 12px; font-weight: bold; color: #ff9933; text-decoration: underline }
.fpf-subhead2 { font-size: 15px; font-weight: bold; text-transform: none; color: #0066CC; text-decoration: none; }
.prod_hdr { font-size: 18px; font-weight: bold; color: #020280 }
.prod_hdr2 { font-size: 10pt; font-weight: bold; color: #000000 }
.stress { font-size: 12pt; font-weight: bold; color: #3333CC }
.header1 { color:#002D7A; font-size:22px; line-height:22px; margin-bottom:14px; text-align: left; }
.product { color:#002D7A; font-size:15px; line-height:17px; font-weight:bold; margin-right:4px; margin-top:4px; margin-bottom:6px; text-align: left; }
.text-tiny { font-size:11px; line-height:14px; color:#002D7A; text-align: left; }
.text-real-tiny { font-size:9px; line-height:12px; color:#002D7A; text-align: left; }
.ship-calc-info { font-size:9px; line-height:12px; color:#002D7A; text-align: center; }
.trigger-info { color: blue; font-weight: normal; font-size: 10pt; }
.header5 { color:#002D7A; font-size:13px; line-height:17px; font-weight:bold; margin-bottom:2px; text-align: left; }
a.link-left3 { text-decoration:none; color:#ff7f0e; text-align: left; }
.text-blue { font-size:11px; line-height:14px; color:#002D7A; text-align: left; }
.box1 { font-size:10pt; background-image:url(../images/box1.gif); color: #336699; background-repeat: no-repeat; height: 240pt }
.box2 { font-size:10pt; background-image:url(../images/box2.gif); color: #336699; background-repeat: no-repeat; height: 470pt }
.box_a { font-size:10pt; background-image:url(../images/box_a.gif); color: #336699; background-repeat: no-repeat; height: 240pt }
.box_b { font-size:10pt; background-image:url(../images/box_b.gif); color: #336699; background-repeat: no-repeat; height: 240pt }
.box_c { font-size:10pt; background-image:url(../images/box_c.gif); color: #336699; background-repeat: no-repeat; height: 470pt }
.box_d { font-size:10pt; background-image:url(../images/box_d.gif); color: #336699; background-repeat: no-repeat; height: 470pt }
.boxtext { font-size:10pt; COLOR: #3333CC; }
.texthl { font-size:10pt; color: #3333CC }
.checkmark { font-size:10pt; list-style-position: inside; list-style-image: url(../images/checkmark.gif); }
.chart_title { font-size: 9pt; font-weight: bold; color: #3333CC }
.chart_text { font-size: 8pt; font-weight: normal; text-align : center; }
.coving_text { font-size: 8pt; font-weight: normal; }
.coving_price_text { font-size: 8pt; font-weight: normal; color: #3333CC }
.chart_column_hl { font-size: 8pt; font-weight: normal; text-align : center; background-color : #FFFFDC; color: red;}
.chart_column_title_hl { font-size: 8pt; font-weight: normal; text-align : center; color: red;}
.chart_title_link { font-size: 8pt; }
.chart_title_default { font-size: 9pt; font-weight: bold; }
.cart_title { font-size: 9pt; font-weight: bold; color: #3333CC }
.cart_center_text { font-size: 8pt; font-weight: normal; text-align : center; }
.cart_text { font-size: 8pt; font-weight: normal; }
.question { font-size: 10pt; font-weight: bold; color: red; text-decoration: none; }
.shipping_title { font-size:9pt; font-weight: bold; font-style: normal; color: #3333CC; text-decoration : none; }
.shipping_title2 { font-size:8pt; font-weight: bold; font-style: normal; color: #3333CC; text-decoration : none; }
.shipping_text { font-size: 8pt; font-weight: normal; font-style: normal; }
.warranty_text { font-size:10pt; }
.chart_dim_text { font-size: 8pt; font-weight: normal; text-align : left; color: #3333CC; }
.stress2 { color: red; }
.stressPrice {color: red; font-size: 8pt; font-weight: bold; font-style: normal; text-decoration: none;}
.liner_special_text { font-size: 8pt; font-weight: normal; font-style: normal; color: #3333CC; }
.oval_special_text { font-size: 8pt; font-weight: normal; font-style: normal; color: #3333CC; }
.copyright { font-size:1em;font-weight:normal;text-align:center;color:#003333 }
.tinytext { font-weight: normal; font-size: 8pt; }
.trademark {font-size: 8px; vertical-align: super; }
.regtrademark {font-size: 10px; vertical-align: super; }
select.small_single {font-size: 10px; height:15px; background-color: #C0C0C0 }

a:link.leifs_links {font-size: 16px;color: #0066CC;text-decoration: none;}
a:hover.leifs_links {font-size: 16px;color: #0066CC;text-decoration: underline;}
a:visited.leifs_links {font-size: 16px;color: #0066CC;text-decoration: none;}
a:hover.leifs_links {font-size: 16px;color: #0066CC;text-decoration: underline;}

a.header_link {font-size: 14px;font-weight: bold;text-decoration: none;padding: 2px;border: solid 2px #000000;margin-left: 3px;}
a:link.header_link {color: #ffffff;background-color: #cc0000;}
a:hover.header_link {color: #cc0000;background-color: #ffffff;}
a:visited.header_link {color: #ffffff;background-color: #cc0000;}
a:hover.header_link {color: #cc0000;background-color: #ffffff;}

/* ------------------------ Tabs ------------------------------ */
#tabPane {
  float:left;
  width:100%;
  background:#c0c0c0;
  font-size:100%;
  line-height:normal;
  }
#tabPane ul {
  margin:0;
  padding:10px 0px 0;
  list-style:none;
  }
#tabPane li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabPane a {
  float:left;
  background-color: #c0c0c0;
  margin:0;
  padding:0 0 0 8px;
  border-bottom:1px solid #C0C0C0;    /* Left image bottom border color */
  text-decoration:none;
  }
#tabPane a span {
  float:left;
  display:block;
  background-color: #ffffff;
  padding:5px 15px 2px 6px;
  font-weight:bold;
  font-size: 18px;
  color: #0066cc;    /* OFF color of text on tab */
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabPane a span {float:none;}
/* End IE5-Mac hack */
#tabPane a:hover span {
  color: #ffffff;    /* HOVER color of text on tab. Usually same as SELECTED. */
  background-color: #0066cc;
  }
#tabPane .currentTab a {
  background-position:0 -40px;
  border-width:0;
  }
#tabPane .currentTab a span {
  background-position:100% -40px;
  padding-bottom:5px;
  color: #000000;    /* SELECTED color of text on tab. Usually same as HOVER. */
  }
#tabPane a:hover {
  background-position:0% -40px;
  }
#tabPane a:hover span {
  background-position:100% -40px;
  }
.tabPanel {
  margin:0;
  padding:1em;
  clear:both;
  color:black;    /* Content text color - specs text etc. */
  border-right:1px solid #C0C0C0;    /* border colors of tab box */
  border-bottom:1px solid #C0C0C0;    /* border colors of tab box */
  border-left:1px solid #C0C0C0;    /* border colors of tab box */
}

#tabPoolkitPane {
  float:left;
  width:100%;
  background:#c0c0c0;
  font-size:100%;
  line-height:normal;
  }
#tabPoolkitPane ul {
  margin: 0px;
  padding: 10px 0px 0px 0px;
  list-style: none;
  }
#tabPoolkitPane ul li {
  display:inline;
  margin: 0px;
  padding: 0px;
  }
#tabPoolkitPane ul li a {
  float:left;
  background-color: #c0c0c0;
  margin: 0px;
  padding: 0px 0px 0px 8px;
  border-bottom: 1px solid #C0C0C0;    /* Left image bottom border color */
  text-decoration:none;
  }
#tabPoolkitPane a span {
  float:left;
  display:block;
  background-color: #ffffff;
  padding:5px 15px 2px 6px;
  margin-bottom: 2px;
  font-weight:bold;
  font-size: 14px;
  color: #0066cc;    /* OFF color of text on tab */
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabPoolkitPane a span {float:none;}
/* End IE5-Mac hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabPoolkitPrices a span {
    float:none;
    background-color: #FFFFC0;
}
/* End IE5-Mac hack */
#tabPoolkitPane a:hover span {
  color: #ffffc0;    /* HOVER color of text on tab. Usually same as SELECTED. */
  /*background-color: #0066cc;*/
  }
#tabPoolkitPane .currentTab a {
  background-position:0 -40px;
  border-width:0;
  }
#tabPoolkitPane .currentTab a span {
  background-position:100% -40px;
  background-color: #fff;
  padding-bottom: 5px;
  margin-bottom: 0px;
  color: #000000;    /* SELECTED color of text on tab. Usually same as HOVER. */
  }
#tabPoolkitPane a span div.topleft {
    position: relative;
    margin: -5px -15px -2px -6px;
    padding: 5px 15px 5px 6px;
    background-position: top left;
    background-repeat: no-repeat;
}
#tabPoolkitPane a span div.topright {
    position: relative;
    margin: -5px -15px -2px -6px;
    padding: 5px 15px 5px 6px;
    background-position: top right;
    background-repeat: no-repeat;
}
#tabPoolkitPane .currentTab a span div.topleft {
    background-color: #fff;
    background-image: url('../images/tab_corners/cur_top_left.jpg');
    padding-bottom: 5px;
    margin-bottom: -2px;
}
#tabPoolkitPane .currentTab a span div.topright {
    background-image: url('../images/tab_corners/cur_top_right.jpg');
    padding-bottom: 5px;
    margin-bottom: -2px;
}
#tabPoolkitPane a span div.topleft {
    background-color: #ffffc0;
    background-image: url('../images/tab_corners/top_left.jpg');
}
#tabPoolkitPane a span div.topright {
    background-image: url('../images/tab_corners/top_right.jpg');
}
#tabPoolkitPane a:hover span div.topleft {
    background-color: #0066cc;
    background-image: url('../images/tab_corners/hover_top_left.jpg');
}
#tabPoolkitPane a:hover span div.topright {
    background-image: url('../images/tab_corners/hover_top_right.jpg');
}
#tabPoolkitPane .currentTab a:hover span div.topleft {
    background-color: #fff;
    color: #000;
    background-image: url('../images/tab_corners/cur_top_left.jpg');
}
#tabPoolkitPane .currentTab a:hover span div.topright {
    color: #000;
    background-image: url('../images/tab_corners/cur_top_right.jpg');
}
#tabPoolkitPane a:hover {
  background-position:0% -40px;
  }
#tabPoolkitPane a:hover span {
  background-position:100% -40px;
  }
.tabPoolKitPanel {
  margin:0;
  padding:1em;
  clear:both;
  color:black;    /* Content text color - specs text etc. */
  border-right:1px solid #C0C0C0;    /* border colors of tab box */
  border-bottom:1px solid #C0C0C0;    /* border colors of tab box */
  border-left:1px solid #C0C0C0;    /* border colors of tab box */
}
/* -------------------------------- End Tab Styles -------------------------------------------- */
div.soldout {
	font-size: 21px;
	font-weight: bold;
	color: #ff0000;
	margin-top: -60px;
}
table.outsideborder {border-style: solid;}
table.outsideborder {border-width: 1px;}
table.outsideborder {border-color: #FCC34D;}

ul.menu_item {list-style: square outside url('../images/menu_bullets.jpg');margin-top: 2px;}
li.menu_item {margin-left: -15px;margin-right: 0px;}
ul.site_map_item {list-style-type: none;}
li.site_map_item {margin-left: -20px;}
table.compare {border-color: #0066cc;border-width: 1px; border-style: none solid solid none;}
table.compare th{background: #ffffdc;border-color: #0066cc;border-width: 1px;border-style: solid none none solid; font-size: 10px;}
table.compare td{background: #0066cc;border-color: #ffffdc;border-width: 1px;border-style: solid none none solid; font-size: 10px;color: #ffffff;text-align: center;}
/* ---------------------------------------- Box with rounded corners ----------------------------------- */
#index_body{text-align:center; padding: 5px 0px; color: #0B5298; font-size: 12px;}
#ind_top{padding:30px 60px 45px 25px; color: #0B5298; font-size: 12px;}
.box-main-white {width:100%; background: #FEFFFF; text-align: left;}
.box-top {background:url(/images/corners/top_mid.gif) 0 0 repeat-x;}
.box-left {background:url(/images/corners/cen_lef.gif) 0 0 repeat-y;}
.box-right {background:url(/images/corners/cen_rig.gif) 100% 0 repeat-y;}
.box-bottom {background:url(/images/corners/bot_mid.gif) 0 100% repeat-x;}
.box-topleft {background:url(/images/corners/top_lef.gif) 0 0 no-repeat;}
.box-topright {background:url(/images/corners/top_rig.gif) 100% 0 no-repeat;}
.box-bottomleft {background:url(/images/corners/bot_lef.gif) 0 100% no-repeat;}
.box-bottomright {background:url(/images/corners/bot_rig.gif) 100% 100% no-repeat;}
/* ------------------------------------ END Box with rounded corners --------------------------------------- */

/* ---------------------------------- Tooltip popups ----------------------------------------------------------- */
.tooltip{
position: relative;
z-index: 0;
}
.tooltip:hover{
background-color: #FFFFFF;
z-index: 50;
text-decoration: none;
cursor:default;
}
.tooltip span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid #000099;
visibility: hidden;
color: black;
text-decoration: none;
}
.tooltip span div{ /*CSS for enlarged image*/
/** border: 1px solid #000066; **/
text-decoration: none;
padding: 2px;
}
.tooltip:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
text-decoration: none;
width:400px;
top: 0;
left: -200px; /*position where enlarged image should offset horizontally */
}
.tooltip span table {
border: 1px solid #000066;
background:#FFFFFF;
}
/* ---------------------------------- Forms  ------------------------------------------------- */
.common-form {
	margin:0 auto;
}
.common-form fieldset {
	margin: 1em 0;
	padding:1em;
	border:1px solid #666666;
	background:#cccccc;
}
.common-form legend {
	font-weight:bold;
}
.common-form label {
	display:block;
	font-weight:bold;
	color:#666666;
	line-height:30px;	
}
.common-form input[type="text"]{
	width: 20em;
}
.common-form input:focus, .common-form textarea:focus {
	background:#ffffcc;
}
/* ------------------------- Shop Script style ---------------------------------------------- */
#shop p {
	margin:0;
	padding:10px;
	font-size:12px;
	line-height:22px;
	color:#666666;
}
#shop h1 {
	margin:10px 0;
	padding:0;
	color:#003399;
	text-transform:capitalize;
	font-size:1.75em;
	border:none;
	border-bottom:1px solid #003399;
	clear:both;
}
#shop h2 {
	margin:0 0 10px 0;
	padding:20px 0 0 0;
	color:#0099ff;
	text-transform:capitalize;
	font-size:1.75em;
	border:none;
	border-bottom:1px solid #0099ff;
	clear:both;
}
.header-subtext {
	margin:-10px 0 10px 0;
	padding:0 0 10px 0;
	font-weight:normal;
	text-transform:capitalize;
}
#shop .breadcrumb {
	margin:2px 0;
	padding:2px;
	color:#4f4f4f;
	/*border:1px solid #0066cc;
	background:#fff url(/images/template_images/bg_block_blue_fade.gif) top left repeat-x; */
	font-size:10px;
	line-height:12px;
}
#shop .breadcrumb a {
	color:#4f4f4f;
	text-decoration:none;
}

#shop .breadcrumb a:hover {
	color:#000000;
}

#shop .breadcrumb a.active  {
	font-weight:bold;
}

#shop li {
	font-size:12px;
	line-height:22px;
	color:#666666;
}
/* ---------------------------------- Pool Feature Tables ---------------------------------------------------- */
#pool-feature-table {
    margin:10px 0;
    padding:0;
   	border:none;
   	border-collapse:collapse;
    color:#666666;
}

#pool-feature-table tr td {
    border:1px solid #cccccc;
}
/* ---------------------------------- Blue Arrow List ---------------------------------------------------------- */

.blue-arrow {
	margin-left:50px;
	list-style-type:none;
	height:1%;
	overflow:hidden;
}
.blue-arrow li {
	padding-left:20px;
	font-size:12px;
	line-height:22px;
	color:#666666;
	background:url('../images/template_images/bullet_blue_arrow.gif') no-repeat 0 50%;
}