p@charset "utf-8";
/* CSS Document */

body {
    background: #EDF0F2;
    font-family: Verdana,sans-serif;
    font-size: 0.78em;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.333;
    margin: 3px 0 0 0;
    padding: 0pt 0pt 10px;
    width: 100%;
}

a {
    color:#0099CC;
    text-decoration:underline;
}

a:visited {
    color:#0099CC;
    text-decoration:underline;
}

a:hover {
    color:#0099CC;
    text-decoration:none;
}

a:active {
    color:#0099CC;
    text-decoration:underline;
}

.container {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:766px;
}

/*///////////////////////////////////////////////////////////////////////////////*/
.header {
    float:left;
    clear:both;
    width:758px;
    padding:0 3px 0 3px;
    background-image:url(../images/bg.gif);
    background-color: #FFF;
    background-repeat:repeat-y;
    border-color:#D2D2D2;
    border-style:solid;
    border-width:1px;
    border-left:none;
    border-right:none;
    margin-bottom:3px;
    font-family:Arial, Helvetica, sans-serif;;
}
/*///////////////////////////////////////////////////////////////////////////////*/
.topNavLeft{
        /*Branding Changes - commented out float, added positioning elements and z-index*/
    /*float:left;*/
        position:absolute;
        top:73px;
        left:125px;
        z-index:900;
        /*End Branding Changes*/
    width:300px;
}

.topNavLeft a{
        /*Branding Changes - changed link color */
    /*color:#0099CC;*/
        color:#fff;
    text-decoration:none;
}
.topNavLeft a:visited{
    color:#fff;
    text-decoration:none;
}
.topNavLeft a:hover{
        /*Branding Changes - changed link color */
        /*color:#0099CC;*/
        color:#000000;
        /*End Branding Changes*/
    text-decoration:none;
}
.topNavLeft a:active{
        /*Branding Changes - changed link color */
        /*color:#0099CC;*/
        color:#fff;
        /*End Branding Changes*/
    text-decoration:none;
}
/*///////////////////////////////////////////////////////////////////////////////*/
.topNavRight {
    text-align:right;
    float:right;
    color:#6E6E78;
}
.topNavRight a {
    color:#0099CC;
    text-decoration:underline;
}
.topNavRight a:visited {
    color:#0099CC;
    text-decoration:underline;
}
.topNavRight a:hover {
    color:#000000;
    text-decoration:underline;
}
.topNavRight a:active {
    color:#0099CC;
    text-decoration:underline;
}

/*///////////////////////////////////////////////////////////////////////////////*/
.topNav {
    float:left;
    clear:both;
    width:735px;
    background-color:#FFFFFF;
    height:20px;
    padding:7px 5px 0 18px;
}
/*///////////////////////////////////////////////////////////////////////////////*/
.usa {
        /*Branding Changes - changed link color */
    /*color:#6E6E78;*/
        color:#fff;
    font-size:80%;
    font-weight:700;
}
.usa a {
        /*Branding Changes - changed link color */
   /* color:#6E6E78;*/
        color:#fff;
        /*End Branding Changes*/
    text-decoration:none;

}
.usa a:visited {
        /*Branding Changes - changed link color */
    /*color:#6E6E78;*/
        color:#fff;
        /*End Branding Changes*/
    text-decoration:none;
}
.usa a:hover {
        /*Branding Changes - changed link color */
    /*color:#6E6E78;*/
        color:#000;
        /*End Branding Changes*/
    text-decoration:none;
}
.usa a:active {
        /*Branding Changes - changed link color */
        /* color:#6E6E78;*/
        color:#000;
        /*End Branding Changes*/
    text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////////////*/

/*Branding Changes - make styles for masthead div */
.mastHead{
        float:left;
    clear:both;
    width: 758px;

}
/*End Branding Changes */

.headerImage{
    float:left;
    clear:both;
    width: 758px;
        /*Branding Changes - adjusted height */
    /*height:103px;*/
        height:80px;
        /*End Branding Changes */
    /* background-image:url(../images/header.jpg); */
    background-repeat:no-repeat;
}
.logo{width:89px;
      height:69px;
      margin-top:18px;
     }

.mainNav{
    float:left;
    clear:both;
    width:735px;
    height:18px;
    background-color:#FFFFFF;
    padding:6px 0 6px 0;
}

.mainNav ul{
    margin:0 0 0 -20px;
    clear:left;
    text-indent:0;
    padding:0 0 0 18px;
}

.mainNav li {
    border-right:1px solid #666666;
    float:left;
    font-weight:bold;
    height:1.5em;
    letter-spacing:1px;
    padding:0px 2px 0px 0px;
    text-align:center;
    list-style:none;
    display:block;
    list-style-image:none;
    list-style-position:outside;
}

.mainNav a{
    color:#6E6E78;
    font-weight:bold;
    text-decoration:none;
    padding: 10px;
    font-size: 87%;
}

.mainNav a:visited{
    color:#6E6E78;
    font-weight:bold;
    text-decoration:none;
}

.mainNav a:hover {
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}
.mainNav a:active{
    color:#6E6E78;
    font-weight:bold;
    text-decoration:none;
}

a.current-nav:visited {
    background: url(../images/main_crumb.gif) no-repeat 2px 15px;
}

.mainNav form{
    font-family:Verdana,sans-serif;
    font-size:100%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.333;
    margin:0;
}

.fieldWithErrors {
    margin-left: 36px;
    padding: 5px 0 4px 0;
    *padding: 0;
    background-color: FFFFFF;
    display: inline;
}

#errorExplanation {
   margin-left: 36px;
 }
#errorExplanation p {
   margin-left: 0;
   font-weight: bold;
}
#errorExplanation h2 {
   color: red;
}




.textField{
    height:13px;
    padding:2px;
    margin:0px;
}
.scroller{
    /*
      border-color:#D2D2D2;
      border-style:solid;
      border-width:1px;
      border-left:none;
      border-right:none;
      */
    float:left;
    width:782px;
    height:680px;
    overflow:auto;
    clear:both;
    margin-bottom:3px;
}

.mainBody{
    float:left;
    clear:both;
    width:758px;
    padding:0 3px 0 3px;
    background-image:url(../images/bg.gif);
    background-repeat:repeat-y;
        /*Branding Changes - changed border to none */
        border:none;
        /*Branding Changes - commented out old code */
    /*border-color:#D2D2D2;
    border-style:solid;
    border-width:1px;
    border-left:none;
    border-right:none;
   margin-bottom:3px;*/
   /*End Branding Changes*/
}
.mainBodyNoBackground{
    float:left;
    clear:both;
    width:752px;
    padding:0 3px 0 3px;
    background-color: #FFF;
    /*background-image:url(../images/bg.gif);
      background-repeat:repeat-y;*/
    border-color:#D2D2D2;
    border-style:solid;
    border-width:1px;
    border-left:none;
    border-right:none;
    margin-bottom:3px;
}
/*///////////////////////////////////////////////////////////////////////////////*/
.homeBody{
    float:left;
    clear:both;
    width:758px;
    background-color:#FFFFFF;
    padding:0 0 20px 0;
    /*background-image:url(../images/promotions_home_bg.jpg);*/
    background-repeat:no-repeat;
    background-position:550px 20px;
}


.whiteBody{
    float:left;
    clear:both;
    width:758px;
    background-color:#FFFFFF;
    padding:0;
}

.whyBody{
    float:left;
    clear:both;
    width:748px;
    background-color:#FFFFFF;
    padding:0;
    background-image:url(../images/images_medium3.jpg);
    background-repeat:no-repeat;
    background-position:550px 20px;
}


.homeCopy{
    float:left;
    width:440px;
    clear:both;
    padding:18px 0 18px 0;
}

.registrationCopy {
   width:600px;
}

.homeCopy h1{
    font-family:Arial, Helvetica, sans-serif;;
    font-size:130%;
    font-weight:700;
    padding:0;
    margin:0 0 0 18px;
}
.homeCopy p{
    margin-left:36px;
    font-size:100%;
}

.homeEnd{
    background-image:url(../images/home_end.gif);
    background-repeat:no-repeat;
    background-position:top right;
    float:left;
    width:435px;
    height:50px;
    padding:0 0 0 18px;
    margin:18px 0 0 0;
}
/*///////////////////////////////////////////////////////////////////////////////*/
.columnLeft{
    float:left;
    width:149px;
    display:block;
    padding-left:2px;
}

.columnLeft h1{
    font-weight:700;
    padding:20px 0 0 18px;
    font-family:Verdana,sans-serif;
    font-size:100%;
}

.columnLeft ul{list-style-type:none; margin-top: 20px;}

.columnLeft li{background: url(../images/arrow_right.gif) no-repeat 7px 4px; margin: 7px 0; padding-left:18px; list-style-type:none; list-style-position:outside;}

.columnLeft a:link{
    font-family:Verdana,sans-serif;
    color:#000000;
    font-weight:700;
    text-decoration:none;
}
.columnLeft a:visited{
    font-family:Verdana,sans-serif;
    color:#000000;
    font-weight:700;
    text-decoration:none;
}
.columnLeft a:hover{
    font-family:Verdana,sans-serif;
    color:#0099CC;
    font-weight:700;
    text-decoration:none;
}
.columnLeft a:active{
    font-family:Verdana,sans-serif;
    color:#000000;
    font-weight:700;
    text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////////////*/
.columnRight{
    float:left;
    width:600px;
}

.title{
    float:left;
    clear:both;
    width:510px;
    font-weight:700;
    font-size:130%;
    padding:5px 0 0 18px;
    color:#000000;
}

.breadCrumb{
    float:left;
    clear:both;
    width:379px;
    padding:5px 0 0 18px;
    font-size:9px;
    color:#d2d2d2;
}

.breadCrumb a:link{
    font-family:Verdana,sans-serif;
    color:#0099CC;
    font-weight:700;
    text-decoration:underline;
    font-weight:normal;
}
.breadCrumb a:visited{
    font-family:Verdana,sans-serif;
    color:#0099CC;
    font-weight:700;
    text-decoration:underline;
    font-weight:normal;
}
.breadCrumb a:hover{
    font-family:Verdana,sans-serif;
    color:#0099CC;
    font-weight:700;
    text-decoration:none;
    font-weight:normal;
}
.breadCrumb a:active{
    font-family:Verdana,sans-serif;
    color:#ccc;
    font-weight:700;
    text-decoration:none;
    font-weight:normal;
}

.pageDesc{
    float:left;
    width:510px;
    padding:36px 0 36px 36px;;
    font-size:12px;
    font-weight:bold;
}

.pageDescProdIndex{
    float:left;
    width:510px;
    padding:36px 0 0 36px;;
    font-size:12px;
    font-weight:bold;
}

.productList{
    float:left;
    padding:0 0 20px 18px;
    width:555px;
}

.productTypeList{
    float:left;
    padding:0 0 0 0px;
    width:555px;
}

.productDetails{
    float:left;
    padding:0 0 0 18px;
    width:580px;
}
.productInfo{
    float:left;
    width:270px;
    font-size:100%;
    padding:18px 0 18px 0;
}
.productTitle{
    font-weight:700;
}
.featured{
    float:left;
    clear:both;
    width:569px;
    background-color:#b8cbd1;
    padding:0 0 3px 3px;
    margin-bottom:36px;
}
.featuredTop{
    background-color:#FFFFFF;
    height:22px;
    width:569px;
    background-image:url(../images/featured_top.gif);
    overflow:hidden;
    font-size:14px;
    font-weight:700;
}

.product{
    float:left;
    clear:both;
    width:569px;
    background-color:#d2d2d2;
    padding:3px;
    margin-bottom:1px;
}

.productPic{
    float:left;
    width:140px;
    /*height:105px;*/
    border-style:solid;
    border-color:#000000;
    border-width:1px;
    background-color:#FFFFFF;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    margin:10px 0 10px 10px;
    padding: 10px 0 10px 0;
}

.productCopy{
    float:left;
    width:250px;
    padding:10px 0 10px 36px;
    font-size:100%;
    line-height:normal;
}

.productCopy h1{

    font-weight:700;
    font-size:100%;
    padding:0;
    margin:0;
}

.sortBar{
    float:left;
    clear:both;
    width:566px;
    background-color:#eaeaea;
    text-align:right;
    padding:3px 3px 3px 0;
    font-size:12px;
    margin:0 0 10px 0;
}

.largePic{
    float:left;
    clear:both;
    width:300px;
    padding:18px 0 18px 0;
}

#largePic{
    border-color:#d2d2d2;
}

.additionalPics{
    float:left;
    clear:both;
    width:580px;

}
.additionalPicsTop{
    float:left;
    clear:both;
    width:580px;
    padding:0 0 5px 0;
}
.additonalPicsPics{
    float:left;
    clear:both;
    width:580px;
}
.additonalPicsPics ul{
    list-style-type: none;
}

.additonalPicsPics li{
    float:left;
    padding: 0 8px 18px 0;
    height: 110px;
}

.productEnd{
    float:left;
    clear:both;
    background-image:url(../images/productEnd.gif);
    background-repeat:no-repeat;
    width:547px;
    height:36px;
}
.productDetailsEnd{
    float:left;
    clear:both;
        /*Branding Changes - change background, width, height, added borders, margin*/
        background:url(../images/product_details_end2.gif) top left no-repeat;
        width:764px;
        height:34px;
        border-bottom: 1px solid #CCC;
        margin-bottom:3px;
        /*Branding Changes - old code has been commented out */
    /*background-image:url(../images/product_details_end.gif);
    background-repeat:no-repeat;
    width:576px;
    height:36px;*/
        /*End Branding Changes*/
}
/*Branding Changes*/
.productDetailsEnd3{
    float:left;
    clear:both;
        background:url(../images/product_details_end3.gif) top left no-repeat;
        width:764px;
        height:34px;
        border-bottom: 1px solid #CCC;
        margin-bottom:3px;
}
/*Edit Branding Changes*/

.footer{
    clear:both;
    height:40px;
    width:758px;
    padding:0 3px 0 3px;
    background-image:url(../images/bg.gif);
    background-repeat:repeat-y;
    border-color:#D2D2D2;
    border-style:solid;
    border-width:1px;
    border-left:none;
    border-right:none;
}

.footerPolicy{
    float:left  ;
    clear:both;
    background-color:#FFFFFF;
    height:20px;
    padding:10px 15px 10px 10px;
    font-size:10px;
}

.footerNav{
    float:right;
    background-color:#FFFFFF;
    height:20px;
    padding:10px 15px 10px 10px;
    text-align:right;
    font-size:10px;
}

.bodyList {
    margin:0 0 0 20px;
    clear:left;
    padding:0 0 0 38px;
    font-family:Verdana,sans-serif;
    font-size:100%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.333;
}

.bodyList li {
    list-style-image:url(../images/blue_arrow.gif);
    list-style-position:outside;
}

.bodySubList {
    margin:0 0 0 0;
}

span.required-field {
  color: red;
  font-size: 80%;
  margin-left: 1em;
}

label.checkbox{
  width:400px;
  padding: 3px;
  font-weight: normal;
  display: block;

}

input.checkbox{
  width:15px;
  padding: 2px;
  float:left;
  margin-right:10px;
  display: inline;
}

p.checkbox{
  width: 100%;
}
.contact_listing_wrapper{
    width: 758px;
}
.contact_listing{
    float: left;
    width: 33%;
    line-height:7pt;
}
.contact_listing_header{
    font-weight:bold;
}
.homeAdUnit{
    float:right;
    margin: 20px 50px 0 0;
    _margin-right: 10px;
    width: 235px;
}
.contactUsHomeCopy{
    width:700px;
}
#banner_header {
  background: url('../images/banner_header.jpg') no-repeat;
  /*Branding Changes - change height*/
  height:41px;
  /*height: 11px;*/
  /*End Branding Changes*/
  width: 229px;
  margin:0;
  padding:0;
  font-size:5px;
}


#banner_body {
  background: url('../images/banner_body.jpg') repeat-y;
  min-height: 50px;
  width:229px;
  margin:0;
  padding:0;
}
#banner_footer {
  background: url('../images/banner_footer.jpg') no-repeat;
  height: 11px;
  width: 229px;
  margin:0;
  padding:0;
}
#banner_body_copy {
 /* padding: 5px 11px;*/
 /*Branding Changes - adjust padding*/
  padding: 5px 15px;
  /*End Branding Changes*/
}
#banner_body_copy h3 {
  color: #0099CC;
  font-family: Arial, Helvetica, sans-serif;
  margin:0px 0 10px 0;
  font-weight: normal;
  /*Branding Changes - added background image and padding, changed font size*/
  /*font-size: 18px;*/
  font-size: 12px;
  background:url(../images/blue_arrow.gif) 0px 2px no-repeat;
  padding:0 0 0 10px;
  /*End Branding Changes*/
}

/*Branding Changes - remove border*/
#banner_image {
  /*border:3px solid #0099CC;*/
}
/*End Branding Changes*/

#banner_body_copy p {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#banner_button {
  text-align:center;
  padding:0;
  margin:0;
}
#banner_button img {
  border: none;
}