@charset "UTF-8";
/* CSS Document */

/*
 * MISCELLANEOUS CORE ELEMENTS
*/
* {
padding:0;
margin:0;
}

body {
font:9pt Verdana, Arial, Helvetica, sans-serif;
color:#564b33;
text-align: center;
background: #72634e;
}

img {
border:none;
display:block;
}

a:active, a:focus {
outline: 0;
}

p {
}

blockquote {
}

a {
color:#8C877C;
}

a:hover,
a:active {
text-decoration:none;
}

ul.clsUnorderedBody {
margin:5px 0 0 0;
padding:0;
list-style-type:none;
}

ul.clsUnorderedBody li {
background-image:url(/images/arrow-orange-li.png);
background-repeat:no-repeat;
background-position:8px 1px;
font:8pt verdana, sans-serif;
margin:0px;
padding:0 0 5px 20px;
color:#564b33;
list-style-type:none;
line-height:125%;
}

ul.clsUnorderedMainNav {
margin:5px 0 0 0;
padding:0px;
list-style-type:none;
}

ul.clsUnorderedMainNav li {
background-repeat:no-repeat;
background-position:8px 1px;
font:11pt bold verdana, sans-serif;
margin:10px 0 10px 0;
padding:0 0 0 15px;
color:#4b4b7d;
list-style-type:none;
line-height:125%;
text-transform: uppercase;
}






/*
 * -- PAGE STRUCTURE
*/


div#idContainer{
margin-left: auto; 
margin-right: auto;
width: 920px;
padding:50px 0 0 0;
}

#idInnerContainer{
height:651px;
}

#idMainNavArea{
float:left; height:651px; width:237px; background:url(/images/bg_nav.gif) no-repeat;
}

#idTop{
height:106px; 
text-align:left;
}

#idTopNav{
padding-top:35px;
color:#CCCCCC;
font-size:8pt;
text-align:center;
padding-bottom:2px;
}

#idTopNav a {
background:none;
text-decoration:none;
color:#f0ac2f;
border-bottom:1px dotted #f0ac2f;
}

#idTopNav a:hover {
background:none;
text-decoration:none;
border-bottom:1px solid #f0ac2f;
color:#f0ac2f;
}

#idLogo{
width:280px; 
padding:15px 0 0 10px;
}

#idNavContainer{
padding:20px;
text-align:left; 
}

.clsMain {
width:930px;
}

#idHomeMainContentLeft{
width:575px; 
float:left; 
text-align:left; 
padding:25px 15px 25px 20px;
}

#idHomeMainContentLeft H1{
color:#4b4b7d; font:bold 14pt Helvetica, sans-serif;
}


#idMainContentRight{
width:230px; 
float:right; 
text-align:left; 
padding:25px 20px 30px 20px; 
background:url(/images/bg-sidebar.gif) no-repeat bottom left;
}



/*
 * Interior Pages
*/

#idMainContent{
float:left; height:651px; width:450px; background:url(/images/bg_main.gif) no-repeat; text-align:left;
}

#idMainContent h1 {
color:#9e8f74;
font:bold 16pt Arial, Helvetica, sans-serif sans-serif;
font-weight:900;
text-align:left;
}

#idMainContent h2 {
font:bold 12pt Helvetica, sans-serif; 
color:#9e8f74;
padding-bottom:5px;
}

#idMainContentContainer{ 
padding:20px; margin:15px 5px 0 0; height:580px; overflow:auto; width:auto;
}

#idBannerProducts{
background:url(/images/banner-interior-products.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}

#idBannerProcess{
background:url(/images/banner-interior-process.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}

#idBannerContact{
background:url(/images/banner-interior-contact.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}

#idBannerAbout{
background:url(/images/banner-interior-about.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}

#idBannerSitemap{
background:url(/images/banner-interior-sitemap.jpg) no-repeat; 
height:131px; 
width:930px; 
padding-top:10px; 
color:#FFFFFF;
}



/*
 * PAGE FOOTER
*/
#idFooter {
height:41px; 
width:920px; 
background:url(/images/bg_footer.gif) no-repeat; 
 
color:#b5a486;
}

#idFooter A {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
}

#idFooter A:hover, A:active {
background:none;
text-decoration:none;
border-bottom:1px solid #f7931d;
color:#f7931d;
}






/*
 * HOMEPAGE SPECIFIC
*/
.clsHomeBanner {
background:url(/images/banner-home-public.jpg) no-repeat;
width:925px;
height:255px;
}

.clsMainHome {
clear:both;
background-color:#fff;
}

.clsMainHome a {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
}

.clsMainHome a:hover,
.clsMainHome a:active {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px solid #f7931d;
}

.clsLoginHolderHome {
width:240px;
padding:30px 0 20px 0;
float:left;
}

.clsLoginBoxHead {
background:url(/images/box-blue-top.gif) no-repeat;
height:30px;
}

.clsLoginBoxMainArea {
background-color:#e6e6e6;
}

.clsLoginBoxBlurb {
color:#f7931d;
padding:10px 20px 5px 20px;
line-height:120%;
_line-height:100%;
font:bold 10pt Arial, Helvetica, sans-serif;
}

.clsLoginHolderH2 {
color:#fff;
padding:8px 0 0 5px;
margin-left:12px;
font:11pt Arial, Helvetica, sans-serif;
}

.clsLoginBoxBottomRequest {
background-color:#ededed;
}

.clsBoxHolder {
width:218px;
padding:30px 10px 20px 0px;
float:left;
}

.clsBoxOne {
width:218px;
height:325px;
background:url(/images/box-fixed-height.gif) no-repeat;
}

.clsBoxHeaderH2 {
color:#f7931d;
padding:15px 10px 0px 25px;
margin-left:12px;
background:url(/images/arrow-blue.gif) no-repeat;
background-position:5px 20px;
font:bold 12pt Verdana, Arial, Helvetica, sans-serif;
}

.clsBoxHeaderH2 a {
border-bottom:none;
}

.clsBoxBlurb {
line-height:120%;
padding:10px 20px 5px 20px;
_line-height:100%;
font:8pt Arial, Helvetica, sans-serif;
}


/*
 * INTERIOR PAGES
*/
.clsMainInterior {
clear:both;
background-color:#fff;
}

.clsInteriorBanner {
background:url(/images/banner-interior-public.jpg) no-repeat;
width:925px;
height:147px;
}

.clsInteriorBannerSecure {
background:url(/images/banner-interior-secure.jpg) no-repeat;
width:925px;
height:147px;
}

.clsSectionTitle h1 {
width:325px;
color:#fff;
float:right;
margin:88px 40px 10px 0;
_margin-right:20px;
font:bold 20pt Arial, Helvetica, sans-serif;
text-align:right;
}

.clsBreadCrumbs {
height:25px;
padding-top:5px;
padding-bottom:2px;
display:block;
clear: both;
}

.clsBreadCrumbs a {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
margin-bottom:2px;
}

.clsBreadCrumbs a:hover,
.clsBreadCrumbs a:active {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px solid #f7931d;
margin-bottom:2px;
}

.clsMainContentHolder {
width:655px;
margin:0 30px 0 0;
font:10pt Arial, Helvetica, sans-serif;
float:left;
}

.clsAdminContent {
width:885px;
margin-right:0;
background-color:#dedede;
padding:15px 20px 20px 20px;
}

.clsMainContentSecureHome {
background:url(/images/bg-maincontent-homesecure.gif) repeat-x;
}

.clsLoginHolderInterior {
width:240px;
padding:0 0 10px 0;
}

.clsMainContent {
margin:0 0 0 5px;
}

.clsMainContentSecure {
padding:15px 20px 20px 20px;
}

.clsInsetHolder {
width:100%;
background:#fff;
}

h1.clsMainContentHeader {
color:#f7931d;
padding:0px 10px 10px 25px;
background:url(/images/arrow-blue.gif) no-repeat;
background-position:5px 7px;
font:bold 14pt Verdana, Arial, Helvetica, sans-serif;
}

h2.clsMainContentHeader {
color:#f7931d;
padding:15px 10px 15px 25px;
background:url(/images/arrow-blue.gif) no-repeat;
background-position:5px 20px;
font:bold 12pt Verdana, Arial, Helvetica, sans-serif;
}

.box3 h2 {
color:#333;
padding:15px 10px 2px 45px;
font:11pt Verdana, Arial, Helvetica, sans-serif;
}

h3.clsMainContentHeader {
color:#f7931d;
padding:0 10px 5px 0;
font:normal 10pt Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

.clsContentImage {
float:left;
padding:0 15px 15px 0;
}




/*
 * SIDEBAR
*/
.clsSidebar {
float:right;
width:240px;
}

.clsSideBarModuleHead {
background:url(/images/box-red-top.gif) no-repeat;
height:30px;
}

.clsSideBarModuleH2 {
color:#fff;
padding:8px 0 0 5px;
margin-left:12px;
font:11pt Arial, Helvetica, sans-serif;
}

.clsSideBarModuleMainArea {
background:url(/images/box-sidebarmodule-bg.gif) repeat-y;
}

.clsSideBarInset {
font-size:12px;
padding:10px 0;
}

.clsSideBarInset p {
margin:0px 5px 8px 12px;
}

.clsSideBarModuleBottom {
background:url(/images/box-blue-bottom.gif) no-repeat;
height:10px;
}

.clsSideBarModuleBottom2 {
background:url(/images/box-red-bottom.gif) no-repeat;
height:10px;
}

.clsEntryBlurb {
padding:5px 15px 5px 0;
}

.clsRegisterNowSideBar {
text-align:center;
}

.clsSideBarSliderButton {
background:none;
border:none;
cursor:pointer;
margin-bottom:5px;
display:block;
}

.clsRegistrationProgressHolder {
width:240px;
padding:0 0 30px 0;
float:right;
background:none;
background-color:#fff;
}

p.clsSidebarAddress {
padding-top:12px;
margin:0px 0px 8px 12px;
font-size:14px;
line-height:22px;
}

.clsSideBarStepsHolder {
padding:10px;
width:220px;
}

.clsSteps {
font:bold 55pt Helvetica, sans-serif;
color:#bbb;
}

.clsStepTitle {
font:bold 16pt Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#f7931d;
}

.clsIconForm {
float:left; padding:0 10px 10px 0;
}


/*
 * TABS
*/
.clsTabContainer {
border-bottom:1px solid #97a5b0;
border-left:1px solid #97a5b0;
border-right:1px solid #97a5b0;
}

.clsTableTop {
background:url(/images/th-bg.jpg) repeat-x;
width:100%;
height:25px;
}

.clsResourceLibraryTitle {
font:bold 10pt Arial, Helvetica, sans-serif;
color:#fff;
padding-left:5px;
}

.clsLibraryFilters {
font:bold 10pt Arial, Helvetica, sans-serif;
padding-left:100px;
color:#fff;
}

.clsResourceType {
font:8pt Arial, Helvetica, sans-serif;
}


/*
 * FORMS
*/
form {
margin:0px;
padding:0px;
}

input, select, textarea {
border:1px dashed #dedede;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#282c6a;
padding:3px 2px 2px 2px;
background:#fafafa url(/images/Input_Background.gif) repeat-x;
resize:none;
}

.clsFormInput {
font:11px verdana, sans-serif;
color:#555;
}


.clsFormButtonBold {
font-weight:bold;
}

a.clsFormButton {
line-height:15px;
padding:0 5px;
color:white !important;
display:block;
text-align:center;
height:15px;
text-decoration:none;
margin-top:5px;
margin-top:5px;
}


 
/* 
*  PRODUCT COMPARE MATRIX
 */
 

 
#idProductMatrix {

border-top: 1px solid #efefef;
border-right: 1px solid #efefef;
}
#idProductMatrix TD {
padding: 4px 2px 4px 2px;
border-bottom: 1px solid #efefef;
border-left: 1px solid #efefef;
}
#idProductMatrix THEAD TD {
font-weight: bold;
background-color: #efefef;
color: #4b4b7d;
text-transform:uppercase;
}
#idProductMatrix TD.clsFeature {
color: #4b4b7d;
background-color: #efefef;
font-weight: bold;
text-transform:uppercase;
}
#idProductMatrix TD.clsGoodWhen {
color: #4b4b7d;
background-color: #fff;
font-weight: bold;
text-transform:uppercase;
}
#idProductMatrix TD.clsGoodWhenAlt {
color: #4b4b7d;
background-color: #f5eadd;
font-weight: bold;
text-transform:uppercase;
}
 
 
/* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(/images/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
  /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }
 


/*
 * UTILITY ITEMS
*/
.clsLeft {
float:left;
}
.clsRight {
float:right;
}
.clsAlignRight {
text-align:right;
}
.clsDisplayNone {
display:none;
}

.clsPositionRelative {
position:relative;
}

.clsAlignTop    { vertical-align:top !important; }
.clsAlignMiddle { vertical-align:middle !important; }
.clsAlignBottom { vertical-align:bottom !important; }
.clsAlignLeft   { text-align:left !important; }
.clsAlignCenter { text-align:center !important; }
.clsAlignRight  { text-align:right !important; }

.clsWidth10   { width:10px; }
.clsWidth20   { width:20px; }
.clsWidth50   { width:50px; }
.clsWidth75   { width:75px; }
.clsWidth100  { width:100px; }
.clsWidth125  { width:125px; }
.clsWidth150  { width:150px; }
.clsWidth190  { width:190px; }
.clsWidth200  { width:200px; }
.clsWidth250  { width:250px; }
.clsWidth300  { width:300px; }
.clsWidth350  { width:350px; }
.clsWidth400  { width:400px; }
.clsWidth450  { width:450px; }
.clsWidth500  { width:500px; }
.clsWidthFull { width:100%; }

.clsPadding1  { padding:1px; }
.clsPadding2  { padding:2px; }
.clsPadding3  { padding:3px; }
.clsPadding4  { padding:4px; }
.clsPadding5  { padding:5px; }
.clsPadding10 { padding:10px; }
.clsPadding15 { padding:15px; }
.clsPadding20 { padding:20px; }
.clsPadding25 { padding:25px; }
.clsPadding30 { padding:30px; }

.clsPaddingTop1  { padding-Top:1px; }
.clsPaddingTop2  { padding-Top:2px; }
.clsPaddingTop3  { padding-Top:3px; }
.clsPaddingTop4  { padding-Top:4px; }
.clsPaddingTop5  { padding-Top:5px; }
.clsPaddingTop10 { padding-Top:10px; }
.clsPaddingTop15 { padding-Top:15px; }
.clsPaddingTop20 { padding-Top:20px; }
.clsPaddingTop25 { padding-Top:25px; }
.clsPaddingTop30 { padding-Top:30px; }

.clsPaddingRight1  { padding-Right:1px; }
.clsPaddingRight2  { padding-Right:2px; }
.clsPaddingRight3  { padding-Right:3px; }
.clsPaddingRight4  { padding-Right:4px; }
.clsPaddingRight5  { padding-Right:5px; }
.clsPaddingRight10 { padding-Right:10px; }
.clsPaddingRight15 { padding-Right:15px; }
.clsPaddingRight20 { padding-Right:20px; }
.clsPaddingRight25 { padding-Right:25px; }
.clsPaddingRight30 { padding-Right:30px; }

.clsPaddingBottom1  { padding-Bottom:1px; }
.clsPaddingBottom2  { padding-Bottom:2px; }
.clsPaddingBottom3  { padding-Bottom:3px; }
.clsPaddingBottom4  { padding-Bottom:4px; }
.clsPaddingBottom5  { padding-Bottom:5px; }
.clsPaddingBottom10 { padding-Bottom:10px; }
.clsPaddingBottom15 { padding-Bottom:15px; }
.clsPaddingBottom20 { padding-Bottom:20px; }
.clsPaddingBottom25 { padding-Bottom:25px; }
.clsPaddingBottom30 { padding-Bottom:30px; }

.clsPaddingLeft1  { padding-left:1px; }
.clsPaddingLeft2  { padding-left:2px; }
.clsPaddingLeft3  { padding-left:3px; }
.clsPaddingLeft4  { padding-left:4px; }
.clsPaddingLeft5  { padding-left:5px; }
.clsPaddingLeft10 { padding-left:10px; }
.clsPaddingLeft15 { padding-left:15px; }
.clsPaddingLeft20 { padding-left:20px; }
.clsPaddingLeft25 { padding-left:25px; }
.clsPaddingLeft30 { padding-left:30px; }


.clsLargeGrayText {
font:9pt verdana, sans-serif;
color:#7f6f58;
line-height:18px;
}

.clsDarkGrayText {
color:#333;
}

.clsRedText {
color:#f00;
}

.clsClearBoth {
clear:both;
}

.clsBigText {
font-size:125%;
}

.clsGenericLink a {
background:none;
text-decoration:none;
color:#f7931d;
border-bottom:1px dotted #f7931d;
}

.clsGenericLink a:hover {
background:none;
text-decoration:none;
border-bottom:1px solid #f7931d;
color:#f7931d;
}

span.clsTiny {
font-size:8px;
}