﻿html, body
{
   margin: 0;
   padding: 0;
   background-color: #f7f7f7;
}
div#pageFrame
{
   position: relative;
   margin: 0 auto;
   width: 960px;
}
div#contentUpper
{
   position: relative;
   padding: 0 15px 5px 15px;
   background: #fff url(img/contentUpperBkGrnd.gif) repeat-y 0 0;
}
div#upperBottomBorder
{
   position: relative;
   height: 25px;
   width: 960px;
   background: #fff url(img/contentUpperBottomBorder.gif) no-repeat 0 0;
   overflow: hidden;
}
div#lowerTopBorder
{
   position: relative;
   height: 10px;
   background: #fff url(img/contentLowerTopBorder.gif) no-repeat 0 0;
   overflow: hidden;
}
div#contentLower
{
   position: relative;
   height: 105px;		/* IE6 Fix */
   background: #fff url(img/contentLowerBkGrnd.gif) repeat-y 0 0;
}
div#lowerBottomBorder
{
   position: relative;
   height: 14px;
   background: #fff url(img/contentLowerBottomBorder.gif) no-repeat 0 0;
   overflow: hidden;
}

div#pageHeader
{
   position: relative;
   padding: 20px 30px;
   height: 70px;
}
a#logoLink
{
   display: block;
   position: absolute;
   top: 16px;
   left: 20px;
   width: 450px;
   height: 51px;
}
div#companyDescription
{
   position: absolute;
   left: 20px;
   top: 75px;
   font-size: 12px;
   font-weight: bold;
}
#mseApproved-link
{
   display: block;
   position: absolute;
   top: 35px;
   left: 580px;
   width: 140px;
   height: 56px;
}
#mseApproved-link img
{
   display: block;
}
img#isoLogo
{
   display: block;
   position: absolute;
   top: 25px;
   right: 30px;
   width: 123px;
   height: 70px;
}
div#menuBar
{
   position: relative;
   padding: 0 30px 0 15px;
   height: 28px;
   background: #fff url(img/menuBarBkGrnd.gif) repeat-x 0 0;
   border-top: solid 1px #333;
   border-bottom: solid 1px #333;
   color: #fff;
   z-index: 2;
}
div#menuBar div.tel
{
   float: right;
   font: normal normal normal 12px/28px Tahoma, Verdana, Helvetica, sans-serif;
}
div#contentContainer
{
   position: relative;
   padding: 25px 30px 0 30px;
   min-height: 300px; height: auto !important; height: 300px;
   z-index: 1;
}
div#pageFooter
{
   padding: 0 55px;
   text-decoration: none;
   font: normal normal normal 11px Tahoma, Verdana, Helvetica, sans-serif;
   color: #aaa;
}
div#pageFooter h2
{
   margin: 0 0 5px 0;
   font: normal normal normal 14px Tahoma, Verdana, Helvetica, sans-serif;
   text-transform: lowercase;
   color: #999;
}
div#pageFooter a
{
   color: #aaa;
   text-decoration: none;
   font-style: normal;
}
div#pageFooter a:hover
{
   color: #555;
}
div#pageFooter div.row
{
   clear: both;
}
div#pageFooter span.col1
{
   display: block;
   float: left;
   width: 150px;
}
div#pageFooter div.block
{
   position: relative;
   float: left;
   margin-right: 30px;
   width: 230px;
   height: 105px;
}
div#pageFooter div.block.right
{
   float: right;
   margin-right: 0;
   width: 320px;
}
div#pageFooter table.partners td
{
   width: 75px;
}

div#copyright
{
   position: absolute;
   right: 50px;
   bottom: -28px;
   font-size: 10px;
}




/** 
 * Main Menu Styling
*/
div.ablMenu.horizontal ul.rootGroup
{
   font: normal normal bold 12px/28px Tahoma, Verdana, Helvetica, sans-serif;
}
div.ablMenu.horizontal a.link
{
   color: #fff;
   padding: 0 20px;
}
div.ablMenu.horizontal a.link.passive
{
   cursor: default;
}
div.ablMenu.horizontal a.link:hover span.text
{
   text-decoration: underline;
}
div.ablMenu.horizontal a.link.passive:hover span.text
{
   text-decoration: none;
}
div.ablMenu.horizontal ul.subGroup
{
   border: solid 1px #ccc;
   background-color: #f7f7f7;
}
div.ablMenu.horizontal ul.subGroup li.menuItem
{
   height: 26px;		/* Note IE6 requires height/line-height */
   font: normal normal bold 12px/26px Tahoma, Verdana, Helvetica, sans-serif;
   padding: 0 30px 0 15px;
}
div.ablMenu.horizontal ul.subGroup a.link
{
   color: #333;
}
div.ablMenu.horizontal ul.subGroup li.menuItem.hover,
div.ablMenu.horizontal ul.subGroup li.menuItem.expanded
{
   background: #b80000 url(img/menu/m2_hover.gif) repeat-x 0 center;
}
div.ablMenu.horizontal ul.subGroup a.expanded,
div.ablMenu.horizontal ul.subGroup a:hover
{
   color: #fff;
}
div.ablMenu.horizontal ul.subGroup a.link span.text
{
   text-decoration: none;
}


/**
 * Sidebar clamshell
 */
div.ablMenu.clamshell li.menuItem
{
   margin-top: 15px;
}
div.ablMenu.clamshell li.menuItem.first,
div.ablMenu.clamshell ul.subGroup li.menuItem
{
   margin-top: 0;
}
div.ablMenu.clamshell a.link
{
   width: 160px;						/* 180px overall */
   height: 32px;						/* 50px overall  */
   padding: 18px 10px 0 10px;
   color: #c1272d;
   background: #fff url(img/clamshell/cs1.gif) no-repeat 0 0;
   font: normal normal bold 14px Tahamo, Arial, Helvetica, sans-serif;
   text-transform: lowercase;
   text-decoration: none;
   overflow: hidden;
}
div.ablMenu.clamshell li.expanded a.link,
div.ablMenu.clamshell a.link.folderMatch,
div.ablMenu.clamshell a.link:hover
{
   color: #fff;
   background-image: url(img/clamshell/cs1_hover.gif);
   text-decoration: none;
}
div.ablMenu.clamshell li.expanded a.link,
div.ablMenu.clamshell li.expanded a.link:hover
{
   background-image: url(img/clamshell/cs1_expanded.gif);
}

/* Clamshell sub-group styling */
div.ablMenu.clamshell ul.subGroup
{
   padding-bottom: 6px;
   background-image: url(img/clamshell/cs2_bkgrnd.gif);
   background-repeat: no-repeat;
   background-position: left bottom;
}
div.ablMenu.clamshell ul.subGroup a.link
{
   width: 150px;				/* 180px overall */
   height: 18px;				/* 24px overall  */
   padding: 3px 10px 3px 20px;
   color: #666;
   background-image: url(img/clamshell/cs2.gif);
   background-repeat: repeat-y;
   font: normal normal bold 12px/18px Tahamo, Arial, Helvetica, sans-serif;
   text-transform: lowercase;
   text-decoration: none;
   overflow: hidden;
}
div.ablMenu.clamshell ul.subGroup a.link:hover
{
   color: #fff;
   background-image: url(img/clamshell/cs2_hover.gif);
}




/**
 * CMS Editing
 */
div.cph
{
   position: relative;
}
div.cph.fade
{
   opacity: 0.5;
   filter: alpha(opacity=50);
}

div.cphFrame
{
   position: absolute;
   left: 0;
   top: 0;
   border: dashed 1px #333;
}
div.cph.active div.cphFrame
{
   border-color: #e00;
}
a.cph
{
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0.8;
   filter: alpha(opacity=80);
   padding: 2px 4px;
   background-color: #e00;
   color: #fff;
   border: solid 1px #000;
}
div.cph.hover a.cph,
div.cph.active a.cph
{
   opacity: 1.0;
   filter: alpha(opacity=100);
}


