body {
  margin:0;
  padding:0;
  background: #0060c0; /* Old browsers */
  background: -moz-linear-gradient(top, #0060c0 0%, #0265c8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0060c0), color-stop(100%,#0265c8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0060c0 0%,#0265c8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0060c0 0%,#0265c8 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #0060c0 0%,#0265c8 100%); /* IE10+ */
  background: linear-gradient(top, #0060c0 0%,#0265c8 100%); /* W3C */
  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. */
  /* font-size:12px; */
}
#content{
  width:958px;
  min-height:600px;
  margin:0 auto;
  padding:0;
  border:1px solid #003333;
  text-align:left;
  background-color:#fff;
  -moz-box-shadow: 0 10px 15px #000;
  -webkit-box-shadow: 0 10px  15px #000;
  box-shadow: 0 10px 15px #000;
}
#header {
  margin:0 auto;
  padding:0;
  width:960px;
  background:none;
  border:none;
  text-align:left;
}
#header #logo {
  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;
}
#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;
  overflow:visible;
}
.featured-table ul li {
  margin:0;
  padding:0;
  color:#4f4f4f;
  line-height:18px;
}
.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 {
  margin:0;
  padding:0;
  background-color:#fff;
  width:100%;
  clear:both;
  border:1px dotted white;
}
#left-column {
  margin:0;
  padding:0;
  width:192px;
  vertical-align:top;
  float:left;
}
#center-column {
  margin:0;
  padding:0;
  float:left;
  border:none;
}
.col3 {
  width:574px;
}
.col4 {
  width:766px;
}
.col5 {
  width:958px;
}
#right-column {
  margin:0;
  padding:0;
  width:192px;
  vertical-align:top;
  float:right;
}
#left-column .block, #right-column .block {
  margin:0;
  padding:10px;
  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%;
}
#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 {
  margin:0 auto;
  padding:0;
  padding-top:30px;
  width:960px;
  background:none;
  clear:both;
}
#footer1 {
  margin:0;
  padding:0;
  border:none;
  width:100%;
  text-align:left;
  float:left;
}
#footer1 p {
  color:#003333;
}
#footer1 div {
  margin:0;
  padding:9px;
  width:172px;
  min-height:250px;
  vertical-align:top;
  border:none;
  border-right:1px dotted #003333;
  float:left;
}
#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;
  min-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: 334px; background-color:#FFFFFF; border-right: solid #333333 1px;border-left: solid #333333 1px;border-bottom: solid #333333 1px;}
.menucol5{position: absolute; top:1px; left: 150px; background-color:#FFFFFF; border-right: solid #333333 1px;border-left: solid #333333 1px;border-bottom: solid #333333 1px;}
.menucol6{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;}
#saunas {position: absolute; top: 40px; left: 173px; z-index: 100; visibility: hidden;}
#rec_room {position: absolute; top: 40px; left: 651px; z-index: 100; visibility: hidden;}
#igpk {position: absolute; top: 40px; left: 685px; z-index: 100; visibility: hidden;}
#spas {position: absolute; top: 40px; left: 577px; z-index: 100; visibility: hidden;}
#toys {position: absolute; top: 40px; left: 524px; z-index: 100; visibility: hidden;}
#stepsfence {position: absolute; top: 40px; left: 389px; z-index: 100; visibility: hidden;}
#covers {position: absolute; top: 40px; left: 244px; z-index: 100; visibility: hidden;}
#liners {position: absolute; top: 40px; left: 317px; z-index: 100; visibility: hidden;}
#access {position: absolute; top: 40px; left: 579px; z-index: 100; visibility: hidden;}
#more {position: absolute; top: 40px; left: 460px; z-index: 100; visibility: hidden;}
#number {position: absolute; top: 40px; left: 828px; 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 ----------------------------- */

/* ------------------------- jQuery AutoTabs styles ------------------------------------------ */

#autotab-list-container {
  position:relative;
  clear:both; 
}
#autotab-list-container #left, #autotab-list-container #right {
  margin:0;
  padding:0 10px;
  line-height:30px;
  white-space:nowrap;
  background-color:#ffffff;
  border:1px solid #006699;
  border-bottom:none;
  color:#006699;
  cursor:pointer;
  height:30px;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  position:absolute;
  bottom:0;
}
#autotab-list-container #left {
  left:0;
}
#autotab-list-container #right {
  right:0;
}
 .autotab-list {
  margin:0;
  margin-bottom:-1px;  
  padding:0;
  overflow:hidden;
  white-space:nowrap;
}
.padLeft {
  margin-left:27px;
}
.padRight {
  margin-right:27px;
}
.disappear {
  display:none;
}
.autotab-list li {
  display:inline;
  margin:0 1px;
  padding:5px;
  min-width:75px;
  border:1px solid #006699;
  border-bottom:none;
  text-align:center;
  
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow:inset 0px 0px 1px #edf9ff;
  -moz-box-shadow:inset 0px 0px 1px #edf9ff;  
  -webkit-box-shadow:inset 0px 0px 1px #edf9ff;

  
  background:#0265c8;
  background: -moz-linear-gradient(top, #3399ff 0%, #006699 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0060c0), color-stop(100%,#0265c8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0060c0 0%,#0265c8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0060c0 0%,#0265c8 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #0060c0 0%,#0265c8 100%); /* IE10+ */
  background: linear-gradient(top, #0060c0 0%,#0265c8 100%); /* W3C */

}
.autotab-list li:first-child {
  margin-left:0;
}
.autotab-list li:last-child {
  margin-right:0;
}
.autotab-list li a {
  margin:0;
  padding:2px;
  display:inline-block;
  text-shadow: 1px 1px 1px #000;  
   
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
  text-transform:capitalize;
}
.autotab-list li.active-autotab {
  background:none;
  background-color:#ffffff;
  /*background: -moz-linear-gradient(top, rgba(10,119,213,1) 0%, rgba(135,188,234,1) 4%, rgba(167,202,232,1) 9%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  box-shadow:inset 0px 0px 1px #edf9ff;
  -moz-box-shadow: inset 0 0 2px #ffffff, inset 0px 5px 5px -3px #0265c8; 
  -webkit-box-shadow:inset 0 0 2px #ffffff, inset 0px 5px 5px -3px #0265c8; 
  border-bottom:1px solid #ffffff;  
  
}
.autotab-list li.active-autotab a { 
  color:#0066cc;
  text-shadow:none;
}
.autotabs-container {
  margin:0;
  padding:10px;
  border:1px solid #006699;
}
div.active-autotab-panel {
  margin:0;
  padding:0;
  min-height:400px;
  float:left;
  width:100%;
}
/* ------------- End jQuery AutoTabs styles --------------------- */     
/* ----------------------------------- CSS3 Button Styles ----------------------------------- */
.button-red {
  margin:0;
  padding: 5px 10px;
  border-top: 1px solid #b64949;
  background: #f2260f;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3bab4), to(#f2260f));
  background: -webkit-linear-gradient(top, #f3bab4, #f2260f);
  background: -moz-linear-gradient(top, #f3bab4, #f2260f);
  background: -ms-linear-gradient(top, #f3bab4, #f2260f);
  background: -o-linear-gradient(top, #f3bab4, #f2260f);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #ffffff;
  font-size: 14px;
  font-family: Georgia, serif;
  text-decoration: none;
  vertical-align: bottom;
  white-space: nowrap;
   }
.button-red:hover {
   border-top-color: #f2260f;
   background: #f2260f;
   color: #ffffff;
   }
.button-red:active {
   border-top-color: #f2260f;
   background: #f2260f;
   }
.button-blue {
  margin:0;
  padding: 5px 10px;
   border-top: 1px solid #0e559d;
   background: #3870bd;
   background: -webkit-gradient(linear, left top, left bottom, from(#3870bd), to(#0e559d));
   background: -webkit-linear-gradient(top, #3870bd, #0e559d);
   background: -moz-linear-gradient(top, #3870bd, #0e559d);
   background: -ms-linear-gradient(top, #3870bd, #0e559d);
   background: -o-linear-gradient(top, #3870bd, #0e559d);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 1em;
   line-height:1em;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button-blue:hover {
   border-top-color: #0e559d;
   background: #0e559d;
   color:#ffffff;
   }
.button-blue:active {
   border-top-color: #0e559d;
   background: #0e559d;
   }
.button-ltblue {
  margin:0;
  padding: 5px 10px;
   border: 1px solid #0e559d;
   background: #3870bd;
   background: -webkit-gradient(linear, left top, left bottom, from(#eaeff6), to(#b3c8e5));
   background: -webkit-linear-gradient(top, #eaeff6, #b3c8e5);
   background: -moz-linear-gradient(top, #eaeff6, #b3c8e5);
   background: -ms-linear-gradient(top, #eaeff6, #b3c8e5);
   background: -o-linear-gradient(top, #eaeff6, #b3c8e5);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #0e559d;
   font-size: 1em;
   line-height:1em;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button-ltblue:hover {
   background: #b3c8e5;
   color:#0e559d;
   }
.button-ltblue:active {
   background: #b3c8e5;
   }
/* ----------------------------------- Default Styles --------------------------------------- */
/* -- The following styles need to be reviewed and updated.  Particularly, font sizes should not be specified in print points (pt). -- */
p { 
  margin:0;
  padding:10px;
  font-size:12px;
  line-height:22px;
  color:#666666;
}
h3 { font-size:14px; }
h4 {
  font-size:12px;
  font-weight:bold;
  color:#000066;
}
td { font-size: 8pt; }
th { font-size: 8pt; }

ul {
  margin:0;
  overflow:hidden;  /* Necessary to keep bullets from overlapping floated elements */
}

li {
  font-size:12px;
  line-height:22px;
  color:#666666;
}

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 styles ---------------------------------------------- */
#shop {
  margin:0;
  padding:10px;
	text-align:left;
}
#shop p {
	margin:0;
	padding:10px;
	font-size:12px;
	line-height:150%;
	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;
}
.shop-category-list {
	margin:20px 0;
	padding:0;
	width:100%;
}
.shop-category-list p {
	margin:0;
	padding:5px;
}
.shop-category-list-thumb {
	margin:0 5px;
	padding:0;
	border:none;
	max-width:120px;
	max-height:150px;
	float:left;
}
.shop-order-chart-thumbnail {
	margin:0;
	margin-right:4px;
	padding:0;
	max-height:60px;
	max-width:75px;
	float:left;
}
.shop-category-list-title {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#000066;
	text-align:left;
	border:none;
	border-bottom:1px solid #ffcc00;
	display:inline;
}
#shop .shop-product-list .check-price {
    margin:2px;
    padding:0;
    /* padding-left:38px; */
    /* background:url('../images/template_images/icons/icon_badge_savemore.gif') top left no-repeat; */
    min-height:35px;
    color:#cc0000;
    font-size:1em;
    text-align:right;
    line-height:1em;
    float:right;
}
#shop .shop-product-list .check-price .price {
  color:#cc0000;
  white-space:nowrap;
}
.shop-product-list-image {
  max-height:175px;
	max-width:140px;
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
#shop .shop-main-product-image {
	margin:0 10px 10px 0;
	padding:0;
	max-width:544px;
  border:none;
	width:expression(this.width > 544 ? 544: true); -ms-interpolation-mode:bicubic;
	float:left;
}
#shop .shop-product-list-title {
  margin:0;
  padding:0;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	color:#000066;
	text-align:center;
}
#shop .shop-product-list-price p {
  margin:2px;
  padding:0;
  line-height:1em;
}
.shop-product-list-title a, .shop-category-list-title a {
	text-decoration:none;
	color:#000066;
}
.shop-product-list-title a:hover, .shop-category-list-title a:hover {
	text-decoration:none;
	color:#ffcc00;
}
#shop .product-list-title-promo-text {
   color:#cc0000;
   font-size:.75em;
}
#shop .shop-tag-list, .shop-tag-list a {
	margin:3px;
	padding:0;
	font-size:.75em;
	line-height:.75em;
}
.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 compact order chart styles ----------------------- */
/* Each of these styles exist in the Shop compact order chart. Please do not remove. */   

#shop #compact-order-chart {
  /* overflow:auto; /* used here to clear descendent floating p elements */
}
#shop #compact-order-chart p {
  margin:6px 2px;
  padding:0;
  line-height:1em;
}
#shop #compact-order-chart p.clearance {
  color:#cc0000;
  font-weight:bold;
  font-size:1.25em; 
}
#shop #compact-order-chart .price {
  font-weight:bold;
}
#shop #compact-order-chart .msrp {

}
#shop #compact-order-chart .msrp .price {
  font-weight:normal;
  text-decoration:line-through;
}
#shop #compact-order-chart .unit-price {
  
}
#shop #compact-order-chart .unit-price .price {
  color:#cc0000;
  font-weight:bold;
  font-size:1.5em;
}
#shop #compact-order-chart .unit-price.rebate-price .price {
  text-decoration:line-through;
}
#shop #compact-order-chart .rebate-price {
    
}
#shop #compact-order-chart .after-rebate-price {
    
}
#shop #compact-order-chart .after-rebate-price .price {
  color:#cc0000;
  font-weight:bold;
  font-size:1.25em;
}
#shop #compact-order-chart .save-price {
   
}
#shop #compact-order-chart .multi-unit-price {
  color:#ff9900;
  font-weight:normal;
  text-decoration:none;
}
#shop #compact-order-chart .multi-unit-price .price {
  
}
#shop #compact-order-chart .check-price {
    text-decoration:none;
    margin:4px;
    padding:0;
    /* padding-left:40px;
    background:url('../images/template_images/icons/icon_badge_savemore.gif') top left no-repeat;   */
    min-height:35px;
    color:#cc0000;
    font-size:1em;
    text-align:left;
}
#shop #compact-order-chart .check-price .price{
  color:#cc0000;
  white-space:nowrap;
}
#shop #compact-order-chart .shipping-price {
  
}
#shop #compact-order-chart .shipping-price .price {
  
}
#shop #compact-order-chart .shipping-price .note{
  font-size:.75em;
  font-style:italic;
  display:block;
  line-height:.80em; 
}
#shop #compact-order-chart .out-of-stock {
  color:#cc0000;
  font-weight:bold;
  font-size:1.25em;
}
	/* -- Shop compact order chart styles -- */




#shop #compact-order-chart .msrp .price {
	font-weight:normal;
	text-decoration:line-through;
}
#shop #compact-order-chart .unit-price {
	
}
#shop #compact-order-chart .unit-price .price {
	color:#cc0000;
	font-weight:bold;
	font-size:1.5em;
}
#shop #compact-order-chart .discount_price {
	color:#ff9900;
	font-weight:normal;
	text-decoration:none;
}
#shop #compact-order-chart .check_by_phone_price {
	color:#800000;
	text-decoration:none;
}
#shop #compact-order-chart .instant_check {
    text-decoration:none;
    margin:4px;
    padding:0;
    padding-left:40px;
    background:url('../images/template_images/icons/icon_badge_savemore.gif') top left no-repeat;
    min-height:35px;
    color:#cc0000;
    font-size:1em;
    font-weight:bold;
    text-align:left;
}
#shop #compact-order-chart .price {
	font-weight:bold;
}
/* -- Shop order chart table styles -- */
#shop .order-chart-table {
	margin:10px 0;
	border:2px solid #666666;
}
#shop .order-chart-table th {
	padding:4px;
	border-bottom:1px solid #666666;
	background-color:#cccccc;
}
#shop .order-chart-table td {
	padding:4px;
}
#shop .order-chart-table-alt-row {
	background-color:#cccccc;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}
#shop .order-chart-table-alt-row td {
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}
/* ---------------------------------- Pool Feature Lists ---------------------------------------------------- */

#shop .pool-feature-list {
  margin:0 0 0 10px;
  padding:0;
  border:none;
  width:175px;
  float:right;
}
#shop .pool-feature-list ul.blue-arrow li {
  padding:5px 0 5px 20px;
}
/* ---------------------------------- Media Links -------------------------------------------------------------- */

/*  Currently this is only used on the video-install page, hence targetign the video-install ID selector,
but could be put to good use elsewhere if ever needed. For more info, search "css attribute selectors" */

#video-install a[href $=".wmv"] {
  padding:5px 25px 5px 0;
  line-height:30px;
  background:url(/images/template_images/icons/icon_video_20x.gif) no-repeat right 50%;
}
#video-install a[href $=".jpg"] {
  padding:5px 25px 5px 0;
  line-height:30px;
  background:url(/images/template_images/icons/icon_pic_20x.gif) no-repeat right 50%;
}
#video-install a[href $=".gif"] {
  padding:5px 25px 5px 0;
  line-height:30px;
  background:url(/images/template_images/icons/icon_pic_20x.gif) no-repeat right 50%;
}
#video-install a[href $=".png"] {
  padding:5px 25px 5px 0;
  line-height:30px;
  background:url(/images/template_images/icons/icon_pic_20x.gif) no-repeat right 50%;
}
#video-install a[href $=".pdf"] {
  padding:5px 25px 5px 0;
  line-height:30px;
  background:url(/images/template_images/icons/icon_pdf_20x.gif) no-repeat right 50%;
}

/* ---------------------------------- 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%;
}