/* page */
.page
{
  position           : relative;
  width              : 760px;  /* <-- Content width. */
  background         : #fff;
  text-align         : left;   /* IE needs this! */
  margin             : 0 auto; /* align: center  */
  margin-top         : 20px;
  padding-right      : 7px;
}

/* page content */
.page .content
{
  float              : right;
  margin             : 0;
  padding            : 10px 10px 0 10px;
  width              : 561px;
}
.page .content,
.page table,
.page textarea,
.page input
{
  font-size          : 10pt;
  font-family        : Verdana;
  font-weight        : normal;
}

.page th
{
  font-weight        : bold;
  text-align         : left;
}

.page table #even
{
  background-color   : #ddd;
}

.page table #odd
{
  background-color   : #fff;
}

/* page sidenav */
.page .sidenav
{
  width        : 180px;
}

/* page header */
.page .header
{
  position           : relative;
  clear              : both;
  height             : 81px;
/*Note: This must be in the header markup!*/
/*background         : url("<?=$_BASEPATH?>images/bg-header.gif") top left repeat-x;*/
  margin             : 0;
  padding            : 0;
}
/* page footer */
.page .footer
{
  position           : relative;
  clear              : both;
  background         : white;
  font-size          : 0.8em;
  height             : 50px;
  margin             : 0;
  padding            : 0;
}
.page .footer .message
{
  padding            : 0.5em;
  text-align         : center;
}

/* sidebar */
.sidebar
{
  float        : left;
  width        : 179px;
  margin-bottom: 50px;
  z-index      : 10; /* be on top */
}
.sidebar .menuitem
{
  width              : 174px;
  height             : 34px;
  background-position: left top;
  background-repeat  : no-repeat;
}
.sidebar .testimonials
{
  font-size          : 0.7em;
}
.sidebar p
{
  margin             : 1em 0;
  padding            : 0 0 0 1em;
}
.sidebar cite
{
  text-align         : center;
  font-weight        : bold;
}

.sidebar_button_01 a,
.sidebar_button_02 a,
.sidebar_button_03 a,
.sidebar_button_04 a,
.sidebar_button_05 a,
.sidebar_button_06 a,
.sidebar_button_07 a,
.sidebar_button_08 a,
.sidebar_button_09 a,
.sidebar_button_10 a,
.sidebar_button_11 a,
.sidebar_button_12 a
{
  display            : block;
  width              : 174px;
  height             :  34px;
}

.sidebar_button_07 a
{
  height             :  35px;
}




/* page corners */
.page .corner_top_left,
.page .corner_top_right,
.page .corner_bottom_left,
.page .corner_bottom_right
{
  display            : block;
  position           : absolute;
  margin             : 0;
  padding            : 0;
  z-index            : 5; /* be on top */
}
.page .corner_top_left
{
  top                : 0;
  left               : 0;
  width              : 34px;
  height             : 31px;
  background-position: top left;
}
.page .corner_top_right
{
  top                : 0;
  left               : 727px;
  width              : 40px;
  height             : 37px;
  background-position: top right;
}
.page .corner_bottom_right
{
  bottom             :  0;
  left               : 723px;
  width              : 44px;
  height             : 42px;
  background-position: bottom right;
}
.page .corner_bottom_left
{
  bottom             : 0;
  left               : 0;
  width              : 42px;
  height             : 42px;
  background-position: bottom left;
}
.page .corner_top_left
{
/*Note: This must be in the header markup!*/
/*background         : url("<?=$_BASEPATH?>images/corner_top_left.gif") top left no-repeat;*/
}
.page .corner_top_right
{
/*Note: This must be in the header markup!*/
/*background         : url("<?=$_BASEPATH?>images/corner_top_right.gif") top right no-repeat;*/
}
.page .corner_bottom_right
{
/*Note: This must be in the header markup!*/
/*background         : url("<?=$_BASEPATH?>images/corner_bottom_right.gif") bottom right no-repeat;*/
}
.page .corner_bottom_left
{
/*Note: This must be in the header markup!*/
/*background         : url("<?=$_BASEPATH?>images/corner_bottom_left.gif") bottom left no-repeat;*/
}

/* content corners */
.page .container
{
  display            : block;
  position           : relative;
  border             : none;
  padding            : 0;
}
.page .container .container_content
{
  position           : relative;
  padding            : 10px 20px;
  border             : 1px solid black;
/*not needed since container_border_* is disabled
  border-left        : 1px solid black;
  border-right       : 1px solid black;*/
}
.page .container .container_border_1,
.page .container .container_border_2,
.page .container .container_border_3,
.page .container .container_border_4
{
  display            : none;
  position           : absolute;
  background         : black;
  margin             : 0;
  padding            : 0;
  width              : 1px;
  height             : 1px;
}
.page .container .container_border_1
{
  top                : 0;
  left               : 0;
  width              : 100%;
  height             : 1px;
}
.page .container .container_border_2
{
  top                : 0;
  right              : 0;
  width              : 1px;
  height             : 100%;
}
.page .container .container_border_3
{
  bottom             : 0;
  left               : 0;
  width              : 100%;
  height             : 1px;
}
.page .container .container_border_4
{
  top                : 0;
  left               : 0;
  width              : 1px;
  height             : 100%;
}
.page .container .container_corner_1,
.page .container .container_corner_2,
.page .container .container_corner_3,
.page .container .container_corner_4
{
  display            : block;
  position           : absolute;
  margin             : 0;
  padding            : 0;
  z-index            : 5; /* be on top */
}
.page .container .container_corner_1
{
  top                : -1px;
  right              : -1px;
  width              : 35px;
  height             : 32px;
  background-position: top right;
}
.page .container .container_corner_2
{
  bottom             : -1px;
  right              : -1px;
  width              : 35px;
  height             : 32px;
  background-position: bottom right;
}
.page .container .container_corner_3
{
  bottom             : -1px;
  left               : -1px;
  width              : 35px;
  height             : 32px;
  background-position: bottom left;
}
.page .container .container_corner_4
{
  top                : -1px;
  left               : -1px;
  width              : 35px;
  height             : 32px;
  background-position: top left;
}

/* nested variation */
.page .container_nested
{
  display            : block;
  position           : relative;
  margin             : 0 0px;
  padding            : 0;
  background-position: left top;
  background-repeat  : repeat-x;
}
.page .container_nested .container_nested_content
{
  position           : relative;
  padding            : 15px 20px;
}
.page .container_nested .container_nested_border_1,
.page .container_nested .container_nested_border_2,
.page .container_nested .container_nested_border_3,
.page .container_nested .container_nested_border_4
{
  display            : block;
  position           : relative;
}
.page .container_nested .container_nested_border_1
{
  background-position: left top;
  background-repeat  : repeat-x;
}
.page .container_nested .container_nested_border_2
{
  background-position: right top;
  background-repeat  : repeat-y;
}
.page .container_nested .container_nested_border_3
{
  background-position: left bottom;
  background-repeat  : repeat-x;
}
.page .container_nested .container_nested_border_4
{
  background-position: left top;
  background-repeat  : repeat-y;
}
.page .container_nested .container_nested_corner_1,
.page .container_nested .container_nested_corner_2,
.page .container_nested .container_nested_corner_3,
.page .container_nested .container_nested_corner_4
{
  display            : block;
  position           : relative;
}
.page .container_nested .container_nested_corner_1
{
  background-position: right top;
  background-repeat  : no-repeat;
}
.page .container_nested .container_nested_corner_2
{
  background-position: right bottom;
  background-repeat  : no-repeat;
}
.page .container_nested .container_nested_corner_3
{
  background-position: left bottom;
  background-repeat  : no-repeat;
}
.page .container_nested .container_nested_corner_4
{
  background-position: left top;
  background-repeat  : no-repeat;
}

/* */
.thermax_sbtn_title_clearance
{
  position           : relative;
  height             : 3px;
}
.thermax_sbtn_full_clearance
{
  position           : relative;
  height             : 50px;
}

/* global properties */
html
{
  margin             : 0;
  padding            : 0;
}
body
{
  font-family        : Verdana;
  font-size          : 10pt;
  font-weight        : normal;
  text-align         : center; /* IE needs this! */
  margin             : 0;
  padding            : 0;
  background         : #cec3aa;
/*Note: This must be in the header markup!*/
/*background-image   : url("<?=$_BASEPATH?>images/theme/page_bg.png") top left repeat;*/
}
form
{
  margin             : 0;
  padding            : 0;
}

/* PNG Behavior Script */
img
{
/*Note: This must be in the header markup!*/
/*behavior           : url("<?=$_BASEPATH?>include/pngbehavior.htc");*/
}

/***************************************************************************
 * thermaxaf.com styles
 ***************************************************************************/
img
{
  border       : 0px;
}
ul
{
  margin-top   : 0px;
  margin-bottom: 0px;
}

/* Link Properties */
a,
a:link,
a:active,
a:visited,
a:hover
{
  color          : #305AB1;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

td.headerNavigation a:link,
td.headerNavigation a:active,
td.headerNavigation a:visited,
td.headerNavigation a:hover
td.footertop a:link,
td.footertop a:active,
td.footertop a:visited,
td.footertop a:hover
{
  color          : #fff;
}

table.column_left a:link,
table.column_left a:active,
table.column_left a:visited,
table.column_left a:hover
{
  color          : #000;
}

.formErrorText
{
  color           : red;
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 11px;
  font-weight     : normal;
}

.formError
{
  border          : solid 1px red;
  background      : #fee;
}

.download_table th
{
  background-color: #aaa;
}

.discount_table
{
  font-size		: 1.0em;
  background	: #feffa4;
  border		: solid 1px black;
}

.discount_table th
{
  font-weight   : bold;
  text-align    : center;
  border-bottom : solid 1px black;
}

.discount_table td
{
  font-size     : 0.8em;
  white-space   : nowrap;
}

.page .content .copy
{
  font-size    : 0.8em;
  line-height  : 1.5em;
}

.page .content .copy li
{
  margin-left : 40px;
}

.page .content .title
{
  font-family  : Arial;
  font-weight  : bold;
  font-size    : 1.3em;
  text-align   : center;
}

.page .content .section
{
  font-family  : Arial;
  font-size    : 1.1em;
  font-weight  : bold;

  clear        : both;
}

.product_title
{
  font-family  : Arial;
  font-size    : 1.1em;
  font-weight  : bold;
  padding      : 0 0 10px 0;
}

.description
{
  font-size	   : 0.8em;
  text-align   : left;
  width        : 90%;
  padding      : 10px 0;
}

.sitemap_cell
{
  padding      : 5px;
  text-align   : center;
  font-size    : 0.8em;
}

.sitemap_cell a
{
  font-weight  : bold;
  white-space  : nowrap;
}

.subtext
{
  font-size    : 0.8em;
}