a       {color: #FFFFFF;}
a:hover {color: #EBE52B;}

body, div#cms_Content{
  margin: 0;
  padding: 0 0 40px 0;
  text-align: center;
  background: #586068 url(../img/background_body.jpg) repeat-x scroll top left;
  font: 11px/18px Helvetica, Arial, Verdana, sans-serif;
}
img { border:none;}
h1 { color:#EBE52B;}
iframe, form, ul, li {
  margin: 0;
  padding: 0;
}
h1 img {  display: block;}
input.textfield {
  border: 1px solid #838482;
  font-size: 14px;
    margin:0px; padding:0px;
}
table {
  table-layout: fixed;
  border-collapse: collapse;
}
td, th {
  vertical-align: top;
  text-align: left;
}
#container {
  position: relative;                       /* for positioning the login/logout links */
  width: 796px;
  margin: 0 auto 0 auto;
  text-align: left;
}

#header {
  color: white;
  font: 10px Helvetica, Arial, Verdana, sans-serif;
}

#login {
  position: absolute;
  top: 15px;          /* For IE6 */
  left: 520px;        /* Using "right" gave me inconsistent alignment due to fonts rendering differently in different browsers */
 color: white;
}

html>body #login {top: 25px; /* IE6 hack -- I've only used one hack, so there's no point in creating an IE6-specific stylesheet */}



#login a {color: white;}
.acct {
  padding-left: 15px;
  text-decoration: none;
}
#acct:hover {padding-left:15px;}
#header img {
  display: block;
  float: left;
}
#header ul {
  clear: both;
  height: 54px;
  padding: 0 0 0 26px;
  list-style: none;
  list-style-image: none;
  font: bold 14px Helvetica, Arial, Verdana, sans-serif;
  background: url(../img/background_header.gif) no-repeat scroll top left;
}
#header li {
  float: left;
  margin: 0 30px 33px 0;
}
#header li a {
  display: block;
  padding: 9px 0 3px 0;
  color: white;
  text-decoration: none;
  border-bottom: 5px solid #27282a;         /* default border the same color as the background -- prevents the stuff below from moving when in hover state */
}



#header li.currentpage a { border-bottom: 5px solid #ebe52b;         /* not technically an underline */}
#header li a:hover       {border-bottom: 5px solid  #FFFFFF;         /* not technically an underline */}
#pagebody {  clear: both;}
#pagebody ul { padding-left:25px;}
#colleft {
  width: 161px;
  padding: 0px 0px 0px 34px;
  color: white;
}
#colleft h1 {
  background:  url(/img/background_products.jpg) no-repeat top left;
  color: #FFFFFF;
  width:161px;
  font-size: 16px;
  padding: 14px 0px 13px 20px;
  margin: 0px;
  font-weight:bold;
  font-style:italic;
  text-transform:uppercase;
}

#colleft h2 {
  margin: 0 15px 0 0;
  padding: 5px 0 5px 15px;
  font-size: 16px;
  font-weight: bold;
  width: 135px;
  background-color: #363835;
}

#colleft form {
  margin-right: 15px;
  padding: 15px 0 0 15px;
    width: 135px;
  background: #363835 url(../img/background_products.gif) repeat-x scroll top left;
}

#colleft form h2 {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

#colleft input.textfield {
  width: 113px;
  margin: 7px 0 10px 0;
}
#colleft input.button { margin-left: 25px; /* width of text box - width of image + border = 113 - 77 + 2 */}
#colleft .fake_hr {
  margin: 0 15px 0 0;
  padding: 10px 0 10px 0;
    width: 150px;
  background: #363835 url(../img/dots_colleft.gif) no-repeat scroll center center;
}

#nav_products {
  margin: 0 15px 15px 0;
  padding: 0 0 15px 0px;
  background-color: #363835;
  list-style: circle;
    width: 125px;
}

#nav_products li a {  text-decoration: none;}

#colright {  width: 100%;  padding: 10px 19px 0 20px;}

#pagecontents {
  /*margin: 0px 20px 15px 0px;*/
  padding: 0px 0px 20px 0px;
  color: white;
}
#pagecontents h2 { color: #5da2d9;  font-size: 16px; line-height: 18px;}
#pagecontents h1 {
  margin: 0;
  padding: 10px 0 0 0;
  font: bold italic 19px Helvetica, Arial, Verdana, sans-serif;
  text-transform: uppercase;
}
#pagecontents p {  margin-bottom: 0;}

#footer {
  clear: both;
  color: #43484c;
  font: 9px Helvetica, Arial, Verdana, sans-serif;
  background: url(../img/background_footer.gif) no-repeat scroll top left;
}
#footer ul {
  margin: 0 0 0 38px;
  padding: 23px 0 0 20px;
  list-style: none;
  list-style-image: none;
  font: bold 11px Helvetica, Arial, Verdana, sans-serif;
  letter-spacing: -0.05em;
}
#footer li {
  float: left;
  margin: 0 20px 33px 0;
}
#footer li a {
  display: block;
  padding: 4px 0 4px 0;
  color: white;
  text-decoration: none;
  border-bottom: 4px solid #27282a;         /* default border the same color as the background -- prevents the stuff below from moving when in hover state */
}
#footer li.currentpage a {  border-bottom: 4px solid #ebe52b;           /* not technically an underline */}
#footer li a:hover{  border-bottom: 4px solid  #FFFFFF;         /* not technically an underline */}
#footer address {
  margin: 0;
  padding: 0;
  clear: both;
    color:#FFFFFF;
  text-align: center;
  font-style: normal;
}
#footer .brownboots {
  margin: 0;
  text-align: center;
  color: #999999;
}
#footer .brownboots a {
  color: #999999;
}
.print {display: none; /* Hides the printable HT logo */}
#nav_cart {
  margin: 15px 15px 15px 0;
  padding: 15px 0 15px 15px;
  background-color: #363835;
  list-style: none;
    width: 125px;
  list-style-image: none;
}
#home-left {
  width: 324px;
    float:left;
    clear:none;
    color:#FFFFFF;
    margin: 10px 30px 10px 10px;
    background-color:#1E1E1E;
}
#home-left #content {padding: 5px 10px 5px 10px; }

#home-left img { border: 0px; line-height:normal; padding: 0px; margin:0px;}

#home-right{
  width: 214px;
  float: left;
    clear:none;
}
#home-right-section{
  width: 194px;
    background-color: #a7a8aa;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 10px 0px;

}

#home-right-section form input.button{ padding: 0px 25px 0px 66px;}
#home-right-section2{
  width: 152px;
    background: #A7A8AA url(../img/media.jpg) no-repeat;
    padding: 100px 30px 10px 20px;
    margin: 0px 0px 10px 0px;
}
#home-right-section3{
  width: 199px;
    background-color: #a7a8aa;
    padding: 20px 0px 20px 10px;
    margin: 0px 30px 10px 0px;
                width: 186px;
}
html>body #home-right-section3 { width: 193px;}

html>body #home-right-section{position:relative; top: -11px;}
#home-right h3 {
background:  url(/img/background-h3.jpg) no-repeat top left;
color: #FFFFFF;
font-size: 16px;
padding: 14px 0px 13px 20px;
margin: 0px;
font-weight:bold;
font-style:italic;
text-transform:uppercase;
}
.button {
    background:  url(/catalog/img/btn_addToCart_off.gif) no-repeat center; 
    color: #FFFFFF; 
    border: none;
    text-align:center;
    padding: 5px 35px 5px 35px;
    font-style:italic;
    font-weight: bold;
    text-transform:uppercase;
    font-size: 10px;     
    cursor: pointer;  
    text-decoration:none;
    font-family:Helvetica, Arial, Verdana, sans-serif;  
    float: left;
}
.button-wide {
    background:  url(/catalog/img/btn_contCheckout_off.gif) no-repeat center ; 
        color: #FFFFFF; 
        border: none;
        text-align:center;
        padding: 5px 35px 5px 35px;
        font-style:italic;
        font-weight: bold;
        text-transform:uppercase;
        font-size: 10px;     
        cursor: pointer;  
        text-decoration:none;
        font-family:Helvetica, Arial, Verdana, sans-serif;  
    }


#login2 {float:right; margin-left:20px; color:#000000;}
#login2 h3{
  background:  url(/img/background-h3.jpg) no-repeat top left;
  color: #FFFFFF;
  padding: 14px 20px 17px 10px;
  margin: 0px;
  font-weight:bold;
  font-style:italic;
  color: #FFFFFF; 
  border: none;
  text-align:center;
  padding: 5px 35px 4px 35px;
  font-style:italic;
  font-weight: bold;
  text-transform:uppercase;  
  font-size: 16px;     
  height:47px;      
  width: 144px;
  cursor: pointer;  
  text-decoration:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;  
}
  .button-wide:hover {text-decoration:none;}  
  a.button-wide { text-decoration:none;color: #FFFFFF}  
  .button-narrow { 
      background:  url(/catalog/img/button_productsearch.gif) no-repeat right;
      width: 110px;
        color: #FFFFFF; 
        border: none;
        font-style:italic;
        margin: 0px;
        padding: 0px 26px 0px 0px;
        font-weight: bold;
        text-transform:uppercase;  
        font-size: 14px;         
        cursor: pointer;  
        text-decoration:none; 
    }
    .button-narrow:hover { 
      background:  url(/catalog/img/button_productsearch.gif) no-repeat right;
        text-decoration:none;
    }  
    .button-login { 
      background:  url(/catalog/img/button_productsearch.gif) no-repeat right;
        width:160px;
        color: #000000; 
        border: none;
        font-style:italic;
        margin: 0px;
        padding: 0px 0px 0px 46px;
        font-weight: bold;
        text-transform:uppercase;  
        font-size: 10px;         
        cursor: pointer;  
        text-decoration:none; 
    }

    .button-login:hover { 

      background:  url(/catalog/img/button_productsearch.gif) no-repeat right;          

        text-decoration:none;

    }  
.robotcheck {font-size: 1px;width: 2px; border:0px;background: none;}  
.file_1 { background: #fff; color: #888; }