body 
{
    background-color: #a3a5a4;
    background-image: url(../images/page-back-09-horiz.gif);
    background-repeat: repeat-y;
    margin: 0; 
    padding: 0;
    font: 11px Arial, sans-serif;
    height: 100%;
}
body.blank
{
    background-image: none;
    background-color: #ffffff;
}

a
{ 
    color: #676767; 
    text-decoration: underline;
}

a:link, a:visited
{
    color: #676767; 
    text-decoration: underline;
}

a:hover, a:active
{
    color: #ef6b1f;
    text-decoration: underline;
}

h2
{
    color: #e08329;
    font: 14px Arial, sans-serif;
    font-weight: bold;
    margin: 14px 0 6px 0;
}

h3
{
    color: #e08329;
    font: 12px Arial, sans-serif;
    font-weight: bold;
    margin: 12px 0 4px 0;
}
.leftcol
{
    position: absolute;
    left: 0px;
    top: 65px;
    width: 226px;
    margin-left: 22px;
}

.contentwrapper
{
    background-color: #a3a5a4;
    background-image: url(../images/page-back-09-1.gif);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 6px 0 0 0;
}
.contentcol
{
    width: 530px;
    padding: 0;
    background-color: #ffffff;
    margin: 0 0 0 248px;    
}

.contentcol p
{
    margin: 0 20px;
}

.contentbody
{
    padding: 20px 0 0px 20px;   
    margin: 0; 
}
.contentbody p
{
    margin: 0 0 10px 0;
}
.contentbody p.error
{
    color: #ff0000;
}

.contentprop {
    height:640px;
    float:right;
    width:1px;
}

.contentclear {
    clear:both;
    height:10px;
    overflow:hidden;
}

.basichr
{
    border: 0;
    border-bottom: solid 3px #d0d0d0;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    height: 1px;    
}

.headernavigation
{
    margin: 0px; padding: 0px;
    background-color: #323232;
    height: 35px;
    width: 530px;
    background-image: url(../images/headernav-corner-left.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
.headernavigation span
{
    display: block;
    width: 100%;
    background-image: url(../images/headernav-corner-right.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.footer
{
    height: 100px;
    background-image: url(../images/footer-back-shadow.gif);
    background-position: top;
    background-repeat : repeat-x;
    margin: 0;
    padding: 0;
}

.footer p
{
    color: #878787;
}

.footer #footlinks a
{
    margin: 0 2px;
}

.footerphone
{
    position: absolute;
    left: 0;
    padding: 6px 0 0 0;
    text-align: right;
    width: 220px;
    color: #ffffff;
    font-size: 9px;
    margin: 0;
}
.footerphone p
{
    color: #ffffff;
}
.footerphone p a, .footerphone p a:link, .footerphone p a:visited, .footerphone p a:active
{
    color: #ffffff;
    text-decoration: underline;
}


.homeprodcol
{
    float:left;
    width: 155px;
    padding-top: 30px;
    margin-right: 12px;
}

.homeprodcolhr
{
    border: 0;
    border-bottom: solid 3px #d0d0d0;
    margin: 0px;
    padding: 0px;
    height: 1px;    
}

.homeprodsubhead
{
    color: #4d4d4d;
    font-size: 11px;
    padding: 5px 0 5px 0;
    height: 30px;
}
.homeprodcol ul
{
    margin: 10px 0 0 6px;
    padding: 0;
}
.homeprodcol ul li
{
    height: 35px;
    width: 155px;
    list-style-type:none; /* removes default bullet */
    background-image:url(../images/bullet-plus.gif);
    background-repeat: no-repeat; /* ONE bullet only please */
    background-position: 0 3px; /* .45em from top (vertical) */
    padding-left:16px; /* space between bullet and text */ 
}
.homeprodcol .sublinks a
{
    margin: 6px 0 0 6px;
    padding: 0 0 0 18px;
    display: block;
    font-weight: bold;
    background-image: url(../images/icon-arrow-small.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

ul.plus
{
    margin: 10px 0 0 6px;
    padding: 0;
}
ul.plus li
{
    list-style-type:none; /* removes default bullet */
    background-image:url(../images/bullet-plus.gif);
    background-repeat: no-repeat; /* ONE bullet only please */
    background-position: 0 3px; /* .45em from top (vertical) */
    padding-left:16px; /* space between bullet and text */ 
    padding-bottom: 4px;
    height: auto;
}

ul.blank
{
    margin: 10px 0 0 0px;
    padding: 0;
}
ul.blank li
{
    background-image: none;
    list-style-type:none; 
    padding-left:0;  
    padding-bottom: 6px;
    height: auto;
}

    

.footer a
{ 
    color: #878787; 
    text-decoration: none;
}

.footer a:link, .footer a:visited
{
    color: #878787; 
    text-decoration: none;
}

.footer a:hover, .footer a:active
{
    color: #ef6b1f;
    text-decoration: underline;
}

#loginbox
{
    position: relative;
    background-image: url(../images/login-back.gif);
    width: 204px;
    height: 204px;
}
#loginboxflat
{
    position: relative;
    background-image: url(../images/login-back-flat.gif);
    width: 200px;
    height: 200px;
}
    
#loginbox input, #loginboxflat input
{
    margin-left: 10px;
    width: 180px;
    height: 18px;
    font-size: 14px;
}
#loginbox p, #loginboxflat p
{
    color: #ffffff;
    font-size: 13px;
    margin-left: 10px;
    margin: 16px 0 4px 10px;
}
#loginboxflat input, #loginboxflat p
{
    margin-left: 8px;
}
#loginbox a:link, #loginbox a:active, #loginbox a:visited, #loginboxflat a:link, #loginboxflat a:active, #loginboxflat a:visited
{
    color: #ffffff;
}

.inputform
{
    background-image: url(../images/background-form.gif);
    background-repeat: repeat-y;
    color: #414141;
    width: 489px;
}
.inputform p.label
{   
    margin: 0 0;
    color: #414141;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}
.inputform input.form
{
    width: 210px;
    height: 14px;
    font-size: 11px;
}
.inputform select.form
{
    margin: 0;
    padding: 0;
    font: 11px Arial, sans-serif;
    height: 20px;
    line-height: 16px;
    width: 214px;
}
.inputform textarea
{
    font: 11px Arial, sans-serif;
}
.inputformtop
{
    background-image: url(../images/background-form-top.gif);
    background-repeat: no-repeat;
    height: 2px;
}
.inputformbottom
{
    background-image: url(../images/background-form-bottom.gif);
    background-repeat: no-repeat;
    height: 2px;
}

/*orange buttons*/
a.orrollover, a.orrollover:visited, a.orrollover:active { 
  
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0px 8px 0px 0px; 
  text-align:center; 
  height: 25px;
  line-height: 23px;
  display: block;
  margin: 0 auto;
  
  background:url(../images/button09-orange-right.gif) right no-repeat; 
  font-size: 13px; 
  text-decoration: none;
}

a.orrollover span { 

  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0px 0px 0px 8px; 
  
  height: 25px; 
  line-height: 23px; 
  text-decoration: none;
  background:url(../images/button09-orange-left.gif) left no-repeat;
  color:#ffffff; 
}

a.orrollover:hover {
    font-size: 13px;
    background:url(../images/button09-orange-right-on.gif) right no-repeat; 
}

a.orrollover:hover span {             
  text-decoration: none;
  background:url(../images/button09-orange-left-on.gif) left no-repeat; 
}

/*blue buttons*/
a.blrollover, a.blrollover:visited, a.blrollover:active { 
  
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0px 9px 0px 0px; 
  text-align:center; 
  height: 25px;
  line-height: 23px;
  display: block;
  margin: 0 auto;
  
  background:url(../images/button09-blue-right.gif) right no-repeat; 
  font-size: 13px; 
  text-decoration: none;
}

a.blrollover span { 

  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0px 0px 0px 9px; 
  
  height: 25px; 
  line-height: 23px; 
  text-decoration: none;
  background:url(../images/button09-blue-left.gif) left no-repeat;
  color:#ffffff; 
}

a.blrollover:hover {
    font-size: 13px;
    background:url(../images/button09-blue-right-on.gif) right no-repeat; 
}

a.blrollover:hover span {             
  text-decoration: none;
  background:url(../images/button09-blue-left-on.gif) left no-repeat; 
}

.homequotes
{
    text-align:right;
    width: 200px;
    padding-top: 10px;
}

.extsidebarnav
{
    text-align:right;
    width: 199px;
    padding: 0;
    margin: 0 0 6px 0;
    font-size: 12px; 
    line-height: 17px; 
    color: #ffffff;
    background-color: #535353; 
}

.extsidebarnav div.separator
{    
  border-bottom: 2px solid #ffffff;
  margin: 6px 35px 6px 16px;
}

.extsidebarnav div.subheader
{
    margin: 0 35px 12px 0;
    text-align: right;
    padding: 0;
    font-weight: bold;
}

.extsidebarnav a
{
    display: block;    
    color: #ffffff; 
    font-size: 12px; 
    line-height: 17px; 
    display: block;
    padding: 0 35px 2px 0px;
    margin: 0 0px 0 0px;
    text-decoration: none;
    background-image: url(../images/sidebar-arrow-off.gif);
    background-repeat: no-repeat;
    background-position: 180px center;
}
.extsidebarnav a:link, .extsidebarnav a:visited, .extsidebarnav a:active
{
    color: #ffffff; 
    font-size: 12px; 
    line-height: 17px; 
    display: block;
    padding: 0 35px 0 0px;
    margin: 0 0px 0 0px;
    text-decoration: none;
    background-image: url(../images/sidebar-arrow-off.gif);
    background-repeat: no-repeat;
    background-position: 180px center;
}

.extsidebarnav a.invertarrow
{
    background-image: url(../images/sidebar-arrow-invert.gif);
}
.extsidebarnav a:hover
{
    color: #ffffff;
    font-size: 12px; 
    line-height: 17px;     
    background-image: url(../images/sidebar-arrow-on.gif);
    background-repeat: no-repeat;
    background-position: 180px center;
    background-color: #6b9fda;
}

.extsidebarnav a.active, .extsidebarnav a.active:hover
{
    background-image: url(../images/sidebar-arrow-on.gif);
    font-weight: bold;
    color: #df7f21;    
    background-color: #535353; 
}

.sideshopcart
{
    width: 199px;
    padding: 0 0 6px 0;
    margin: 0 0 6px 0;
    background-color: #535353; 
}
.sideshopcart h3
{
    margin:0 0 4px 6px;
    padding: 0;
    color: #ffffff;
}
.sideshopcart .cartcontents
{
    background-color:#ffffff;
    margin:2px 6px 0 6px;
    padding:4px 4px 2px 4px;
}
.sideshopcart .cartcontents p
{
    margin: 0 0 6px 0;
}

.doclist p
{
    margin-bottom: 2px;
}
.doclist p img
{
    margin-right: 6px;
    margin-top: 4px;
    vertical-align: text-bottom;
}

.testimonial
{    
    font: 12px Arial, sans-serif;
    margin: 30px 0px 4px 0px;
}
.testimonialby
{  
    color: #e08329;
    font: 11px Arial, sans-serif;
    font-style: italic;
    margin: 0px 0px 0px 250px;
}



.greybox
{
    background-color: #525252;
    width: 198px;
    padding-bottom: 7px;
}
.greyboxhead
{
    background-image: url(../images/background-calendar-top.gif);
    background-repeat: no-repeat;
    height: 40px;
}
.greyboxhead h1
{
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 20px 8px 0 8px;
    margin: 0 0 0 0;
}
.greyboxbodygrey
{
    color: #ffffff;
    margin-left: 8px;
    width: 176px;
    padding: 0px;
}
    

.menu {width:520px; height:33px; position:relative; z-index:100; font-family:arial, sans-serif; margin-left:5px; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:520px; w\idth:520px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:129px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:130px; height:33px; border:1px solid #323232; border-width:0px 0px 1px 0px; text-align:center; line-height:32px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:130px; w\idth:130px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited
{
    background-image:url(../images/header-tab5-sub-dashed-drop.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}
/* style the second level hover */
.menu ul ul a.drop:hover
{
    background-image:url(../images/header-tab5-sub-highlight-drop.gif);
    background-repeat:repeat-y;
}
.menu ul ul :hover > a.drop
{
    background-image:url(../images/header-tab5-sub-highlight-drop.gif);
    background-repeat:repeat-y;
    background-position: 1px 0px;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background-image:url(../images/header-tab5-sub-dashed.gif); background-repeat:repeat-y; background-position: 1px 0px;}
/* style the third level hover */
.menu ul ul ul a:hover {background-image:url(../images/header-tab5-sub-highlight.gif); background-repeat:repeat-y; background-position: 1px 0px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:8px; width:114px;border-top:0px dashed #6e7484; background-color:#7ca1cc;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:114px; top:0px; width:114px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-130px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited
{
    background-image: url(../images/header-tab5-sub-dashed.gif);
    background-repeat: repeat-y;
    background-position: 1px 0px;
    color:#fff;
    height:auto;
    line-height:1em;
    padding:5px 0px 5px 1px;
    width:114px;
    border-width:0; 
    text-align:left;
    font-weight:normal;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:114px; w\idth:114px;}

/* style the top level hover */
.menu a:hover {color:#ffffff; background-image: url(../images/header-tab5-highlight.gif); background-repeat: no-repeat; background-position: 6px 0px; }
.menu ul ul a:hover{color:#ffffff; background-image: url(../images/header-tab5-sub-highlight.gif); background-repeat: repeat-y; background-position: 1px 0px;}
.menu :hover > a {color:#ffffff; background-image: url(../images/header-tab5-highlight.gif);background-repeat: no-repeat; background-position: 6px 0px;}
.menu ul ul :hover > a {color:#ffffff; background-image: url(../images/header-tab5-sub-highlight.gif);background-repeat: repeat-y; background-position: 1px 0px;}
.menu a.selected, .menu a.selected:visited {background-image: url(../images/header-tab4-back-on.gif); background-repeat: no-repeat; background-position: 6px 0px;} 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu ul ul a, .menu ul ul li, .menu ul ul li a, .menu ul ul ul li, .menu ul ul ul li a {width: 114px;}

.menu ul ul a
{
    -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .5);
}



.sidebarmenu {width:201px; height:126px; position:relative; z-index:100; font-family:arial, sans-serif; margin-left:1px;}
/* hack to correct IE5.5 faulty box model */
* html .sidebarmenu {width:201px; w\idth:200px;}
/* remove all the bullets, borders and padding from the default list styling */
.sidebarmenu ul {padding:0;margin:0;list-style-type:none;}
.sidebarmenu ul ul {width:201px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.sidebarmenu li {float:left;width:201px;position:relative;}
/* style the links for the top level */
.sidebarmenu a, .sidebarmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:201px; height:33px; border:0px solid #323232; border-width:0px 0 0px 0px; text-align:center; line-height:32px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .sidebarmenu a, * html .sidebarmenu a:visited {width:130px; w\idth:119px;}

/* style the third level background */
.sidebarmenu ul ul ul a, .sidebarmenu ul ul ul a:visited {background:#b2ab9b; z-index:200; line-height: 1em; color:#fff;}
/* style the third level hover */
.sidebarmenu ul ul ul a:hover {background:#f6cb83; color:#000;}
.sidebarmenu ul ul ul {border-top: 1px solid #323232; width: 130px; }
.sidebarmenu ul ul ul li a, .sidebarmenu ul ul ul li a:visited  {width: 130px; padding: 6px 10px; height: auto; border:1px solid #323232; border-top:0px; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.sidebarmenu ul ul {visibility:hidden;position:absolute;height:0;top:0px;left:0; width:201px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .sidebarmenu ul ul {top:0px;t\op:0px;}

/* position the third level flyout menu */
.sidebarmenu ul ul ul{left:201px; top:-1px; width:130px;}

/* position the third level flyout menu for a left flyout */
.sidebarmenu ul ul ul.left {left:-200px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.sidebarmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.sidebarmenu ul ul a, .sidebarmenu ul ul a:visited {background:#f6cb83; color:#000; height:auto; line-height:0em; padding:0px; width:201px;border-width:0 0px 0px 0px;text-align:left;font-weight:bold;}
/* yet another hack for IE5.5 */
* html .sidebarmenu ul ul a, * html .sidebarmenu ul ul a:visited {width:201px;w\idth:197px;}

/* style the top level hover */
.sidebarmenu a:hover, .sidebarmenu ul ul a:hover{color:#ffffff; background:#ef6f1f;}
.sidebarmenu :hover > a, .sidebarmenu ul ul :hover > a {color:#ffffff; background:#ef6f1f;}

/* make the second level visible when hover on first level list OR link */
.sidebarmenu ul li:hover ul,
.sidebarmenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.sidebarmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.sidebarmenu ul :hover ul :hover ul{ visibility:visible;}