html, body
{    
    background-color: #DDDDDD;
    height: 100%;
}
body
{
    /*background: url('../images/background.jpg') repeat-x #666666;*/
}
body, p
{
    font-family: arial, sans-serif;
    color: #000000;
}
h2, h4
{
    padding-top: 10px;
}
h1
{
    background-color: #404040;
}
h2
{
    font-size: 120%;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 20px;
    color: #000000;
}
h3
{
    font-size: 110%;
    font-weight: bold;
    padding: 5px;
    /*margin-top: 20px;*/
    margin-bottom: 10px;	
    color: #FFFFFF;
    background-color: #b0b0b0;
}
h4
{
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 10px;
    padding-left: 10px;
}
h5, a h5
{    
    letter-spacing: 1px;             
    font-weight:bold;
    
    text-decoration: underline;
    color: #000000;
}
p
{
    line-height: 18px;    
}
hr
{
    margin: 15px 0px;
    border: none;
    background-color: #999999;
    height: 1px;	
}
a
{
    color: #FF0000;/*#FF0048;*/
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}

#container
{
    width: 970px;
    padding: 10px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}
#container-inner
{
    
}
#ft, #hd
{
    background-color: #404040;    
    color: #FFFFFF;
}
#ft
{
    text-align: center;
    padding: 10px;
    font-weight: bold;
}
#hd
{
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 20px;
    height: 130px;
    /*background: url('../images/hghead.jpg') top right no-repeat #404040;*/
}
#hd p
{
    color: #FFFFFF;	
}
#hd a img
{
    border: 0;
    text-decoration: none;
}
#hd #logo-cont
{
    float:left;
    text-align: left;
    width: 400px;
}
#hd #header-details
{
    float: right;
    width: 400px;
    padding-top: 90px;
    text-align: right;
}
#bd
{
    background: url('../images/navi-background2.jpg') repeat-y left;
    margin-bottom: 10px;	
    text-align: left;
}
#left-navi
{
    float: left;
    width: 133px;		
    padding-top: 20px;
    color: #FFFFFF;
    margin-right: 10px;	
    height: 400px;
}
#left-navi ul, #left-navi ul ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
#left-navi li
{
    padding: 0px 4px;
    margin: 0;
    width: 125px;
    float:left;
    position: relative;
}
#left-navi li:hover, #left-navi li.sfhover
{
    background-color: #888888;
}
#left-navi a
{
    padding: 7px 5px;
    margin: 0;
    color: #FFFFFF;
    text-shadow: 2px 2px 1px #000000;
    text-align: left;
    font-family: Verdana, Arial, Sans-serif;
    text-decoration: none;     
    display:block;
    line-height: 100%;
}
#left-navi li:hover li a, #left-navi li.sfhover li a
{
    text-shadow: 0px 0px 5px #000000;    
}
#left-navi a:hover
{
    background-color: #888888;/*#989898;*/
}
#left-navi li ul 
{
    position: absolute;
    border-left: 1px solid #666666;
    width: 130px;    
    left: -5999px;
}
#left-navi li:hover ul, #left-navi li.sfhover ul 
{
    left: auto;
    margin-left: 120px;
    margin-top: -26px;
    background-color: #888888;	
}
#left-navi li:hover.double-line ul, #left-navi li.sfhover.double-line ul
{
    margin-top: -39px;
}
#left-navi li:hover ul li:hover a, #left-navi li.sfhover ul li.sfhover a 
{
    background-color: #666666;
}
#left-navi li ul li
{
    padding: 0;
    float:none;
    width: 130px;
}
#main-cont
{
    width: 588px;    
    float:left; 
    margin-right: 10px;
    padding-bottom: 10px;
}

#main-cont p
{
    /*margin: 0px 10px 15px 10px;    */
    margin-bottom: 15px;
    padding: 0px 10px;
}
#main-cont ul, #main-cont ol
{
    margin: 0px 0px 15px 15px;    
}
#main-cont ol li
{
    margin-left: 20px;
    padding: 10px 0px 0px 10px;
    list-style: decimal outside;
}
#main-cont ul li
{
    list-style: disc outside;
    margin-left: 10px;
}
#main-cont table
{
    margin-left: 10px;
    width: 100%;
    padding: 0;	
    margin-bottom: 10px;
    border: none;
}
#main-cont table td
{	
    padding: 2px 0px;
    border: none;
    vertical-align: top;
}
#right-cont
{
    width: 229px;
    float:left;
    height: 100%;
    min-height: 100%;
}
.clear
{
    clear:both;
    
}
#right-cont li
{
    margin-bottom: 10px;    
}
#right-cont li a.img img
{       
    float:left;
}
#right-cont li.notice
{
    margin: 0;
    margin-bottom: 10px;
}
a img
{
    border: none;
    text-decoration: none;
}
.page-banner
{
    margin-bottom: 10px;
}
#main-cont div.block
{
    float:left;
    width: 294px;	
}
.block h5
{
    padding-left: 10px;
    margin-bottom: 5px;	
}
.alt 
{ 
  color: #666;   
  font-style: italic;
  font-weight: normal;
}
.caps 
{ 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase;  
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}
#main-cont .imageRow a img
{
    border: 1px solid #999999;
}
#main-cont .imageRow a img:hover
{
    border: 1px solid #000000;
}
.imageRow a
{
    text-decoration: none;
    color: #000000;
}
.imageRow a img
{
    border: none;
}
.imageRow div
{
    float: left;
    width: 33%;
    padding-bottom: 10px;
    text-align: center;
}
.imageRow h5
{
    text-align: center;    
}
.imageRow
{
    padding-bottom: 15px;
}

/* FORMS */

label
{
    font-weight: bold;
}

input[type=text], textarea
{
    border: 1px solid #FFFFFF;
    padding: 3px;
}

input[type=submit], input.button, a.button
{	
    /*border: none;	
    text-decoration: none;
    /*border-left: 1px solid #999999;
    border-right: 1px solid #333333;	
    background: url('../images/button.jpg') repeat-x top left #ef1118;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px 8px 2px 8px;
    height: 20px;
    margin-top: 10px;	*/
    color: #FFFFFF;
    border: 0;
    text-decoration: none;
    font-weight: bold;
    background-color: #ef1118;
    padding: 2px 8px;
    border: 1px solid #333333;
}
input[type=submit]:hover, input.button:hover, a.button:hover
{
    background-color: #EA6067;
}
a.buttons
{
    border: none;	
    text-decoration: none;
    /*border-left: 1px solid #999999;*/
    border-right: 1px solid #333333;	
    background: url('../images/button.jpg') repeat-x top left #ef1118;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 8px 2px 8px;
    height: 20px;
}
.cse-branding-right
{
    width: 400px;	
    text-align: right;
    background-color: #404040;
}
#hd .cse-branding-right form.cse-branding-form 
{
    float:right !important; 
}
#cse-search-box #search-box, #mailing-box input[type=text]
{
    color: #999999;
}
#cse-search-box div input[type=submit]
{
    line-height: 15px;
}
#right-cont .fill
{
    background-color: #404040;
}
#mailing-box
{    
    text-align: center;	
    color: #FFFFFF;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#mailing-box p
{
    color: #FFFFFF;
    margin-bottom: 5px;
}
p.image-text img
{
    float: left;
    margin: 0px 10px 10px 0px;
}
p.image-text-right img
{
    float: right;
    margin: 0px 10px 10px 0px;
}
#main-cont input[type=text], #main-cont textarea, #main-cont select
{
    border: 1px solid #AAAAAA;
}
.form_error
{
    background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; padding: 3px;
}
.required
{
    font-weight: bold;
    font-size: 140%;
    color: #FF3328;
}
.feature-but a
{
    font-weight: bold;
    font-size: 140%;
    /*background-color: #333333;*/
    color: #DDDDDD;
    text-decoration: none;
    background: url('../images/but-sprite.jpg') left top repeat-x;
    background-position: 0px -50px;
    /*border: 2px solid #999999;*/
    padding: 5px 15px;    
    width: 200px;    
}
.feature-but a:hover
{
    background-position: 0px 0px;
}
.feature-but
{    
    text-align: center;        
    margin: 15px 15px;
}
.grid
{
    width: 584px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
}
.grid a
{
    float:left;
}
.grid a
{
    text-decoration: none;
}
.grid img
{
    float:left;
    border: 1px solid #000000;
    border-width: 0px 1px 1px 0px;
}
.list li
{
    color: #FF0000;
    padding: 2px;
}
.outline
{
    outline: 1px solid #666666;
}
#main-cont table.sizechart th, #main-cont table.sizechart td
{
    padding: 6px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
#main-cont table.sizechart
{
    border: 1px solid #000000;
    border-collapse: collapse;
    width: auto;
    /*table-layout: fixed;*/
    /*border-width: 1px;
    border-style: solid;
    border-color: #333333;*/
}
#main-cont #accom-content table, #main-cont #distributor-content table
{
    _width: 578px;
}
tr.boldRow td
{
    font-weight: bold;
}
.distributor-error, .accom-error
{
    font-weight: bold;
}

#main-cont p.error,
#main-cont p.notice, 
#main-cont p.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; font-weight: bold;}

#main-cont p.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
#main-cont p.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
#main-cont p.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
#main-cont p.error a    { color: #8a1f11; }
#main-cont p.notice a   { color: #514721; }
#main-cont p.success a  { color: #264409; }