body{
margin:0px 0px 20px 0px;
text-align:center;
font-size:11px;
background-color: #000000; 
font-family: arial,helvetica,sans-serif;
color: #cccccc;  	
}
img { border: 0px }

		
h1 {
font-family: arial,helvetica,sans-serif;
font-weight: normal; font-size: 18px;
margin-top: 2px; margin-bottom: 18px;
color: #ffffff;	}

h2 {
font-family: arial,helvetica,sans-serif;
font-weight: bold; font-size: 16px;	
color: #ffffff;}

h3 {
font-family: arial,helvetica,sans-serif;
font-weight: bold; font-size: 12px; 
margin-top: 2px; margin-bottom: 6px;
color: #999999;	}

h4 {
font-family: arial,helvetica,sans-serif;
font-weight: bold; font-size: 11px; 
margin-top: 2px; margin-bottom: 2px;
color: #ffffff;	}

a, a:visited { color: #fff; }
a:hover, a:active {color: #fdc927;}


.small	{
font-size:9px;	}

#header{
        border: 0px;
        background-color:#333333;
        width: 958px;
        height: 126px;
		padding-top: 10px;
        margin: 0px auto 0px auto;
    }
    
    #subnav {

                height: 22px;
                background-color: #ACACAC;
                display: block;
                text-align: left;
                padding-top: 4px;
                padding-left: 173px;
                margin: 0px 0px 0px 0px;
    }
    
    

    
    a.subnav {
             color: #595959;
             font-weight: bold;
             text-decoration: none;
    }
    a.subnav:visited {
             color: #595959;
    }              
    a.subnav:hover {
    
             color: #CB3332;
    }
    
    a.subnavHighLighted {
             color: #CB3332;
             font-weight: bold;
             text-decoration: none;
    }
    a.subnavHighLighted:visited {
             color: #CB3332;
    }
    


#logoblock{
float:left;
width:419px;
margin: 0px 0px 0px 0px;
}
#mainnavblock{
clear:right;
height: 70px;
text-align:left;
margin: 0px 0px 0px 0px;
}
#brandingstrip{
height: 55px; width: 958px;
text-align:left;
margin: 0px 0px 0px 0px;
background-image: url('/images/bg_brandingstrip.gif');
background-repeat: repeat-x;
}

#brandingstrip DIV.logo { width: 196px; float: left; padding: 6px 0px 0px 14px; }
#brandingstrip DIV.tagline { float: left; color: #fff; padding: 12px 0px 0px 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; }


#container{
width: 968px;
margin: 0px auto 10px auto;
background-color:#333;
background-image: url('/images/bg_container.gif');
background-repeat: repeat-y;
}
#swatch{
float:left;
width: 135px; height: 117px;
text-align:left;
background-color: #E2E3E8; 
background-image: url('../images/bg_productswatch.gif');
margin-bottom: 13px;  
}
#contentwrap{
width:958px;
text-align:center;
margin: 0px 5px 0px 5px;
}

#col1{
float: left;
width: 208px;
text-align:left;
}
#col1content{
padding-top: 10px;
padding-left: 14px;
padding-bottom: 10px;
}
#prodimg{
float:right;
width: 135px;
text-align:left;
margin-left: 10px;  
}
#proddesc{
float:left;
text-align:left; 
}
#col2{
float: left;
width:750px;
text-align:left;
}
#col2content{
padding: 28px 10px 20px 16px;
}


#rangecontainer{
float: right; 
width: 478px; 
padding-bottom: 20px;
margin-left: 10px;
}
.rangebuttons{
float: left; 
width: 239px; height: 129px;
cursor: pointer;
}
#col2prod1{
margin: 2px 0px 0px 3px;
}
#col2prod2{
margin: 2px 0px 0px 3px;
}
#col2prod3{
margin: 2px 0px 2px 0px; float: left;
}

#colanywidth{
float: left;
background-color:#ffffff;
text-align:left;
padding-left: 20px; margin-bottom: 20px;
}
#innerpadding{
padding:5px;
	/* GETS AROUND MOZILLA ADDING PADDING TO THE WIDTH OF A DIV BLOCK. USE EITHER NESTED DIV FOR PADDING OR CSS HACKS 
	
	html>body #col3{
		IE6 CANNOT READ THIS STYLE BUT DANGEROUS BECAUSE FUTURE IE RELEASES AND UPDATES MAY FIX THIS
	}
	*/

}
#caption	{	
padding: 10px;  
font-family: arial,helvetica,sans-serif;
color: #FFFFFF; 
font-size: 9px;	
}
#picblock	{	
border:	0px; width: 324px;
background-color: #7B7B7C; 
float: right; 
clear: all;
margin: 0px 0px 20px 20px;
}
#recentnews	{	
border-left: solid #7B7B7C 1px; 
width: 253px; 
float: right; clear: right;
margin 0px 0px 20px 50px; padding-left: 20px;}
}
.input {
margin: 0px 0px 0px 0px; padding: 0px;
}
.inputtext {
font-size: 9px;
height: 20px;
border: 1px solid #7B7B7C;
background-color: #FFFFFF;
color: #000000;
margin: 0px 0px 4px 10px; padding: 3px;
}
#footer{
background-color: #333333;
width:958px;
margin: 0px 5px 0px 5px;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
}


.input {
margin: 0px 0px 0px 0px; padding: 0px;
}
.inputtext {
font-size: 11px;
height: 20px;
border: 1px solid #CECECE;
background-color: #FFFFFF;
color: #000000;
margin: 0px 0px 4px 0px; padding: 3px;
}
.inputarea {
font-size: 11px;
height: 100px;
border: 1px solid #CECECE;
background-color: #FFFFFF;
color: #000000;
margin: 0px 0px 4px 0px; padding: 3px;
}


/* HOMEPAGE */
#main_left { width: 499px; height: 372px; }
#main_left IMG { width: 499px; height: 372px; }

DIV.rider { float:right; clear: right; width: 229px; margin: 0px 7px 9px 0px; cursor: pointer; text-align: left; background: #5f5f5f url(../images/bg_rider.jpg) 0px 102px repeat-x; }
DIV.rider IMG { width: 229px; height: 102px; }
DIV.rider DIV { padding: 12px 30px 12px 16px; background: url(../images/rider_arrow.gif) bottom right no-repeat; }
DIV.rider H4 { text-transform: uppercase; }

DIV#latestnews { width: 480px; padding-left: 19px; font-size: 12px; }
DIV#latestnews H2 { text-transform: uppercase;  }
DIV#latestnews UL { padding: 0px 0px 20px 20px; margin: 0px; }
DIV#latestnews LI SPAN { font-size: 9px; color: #999; }
DIV#latestnews A, DIV#latestnews A:visited { text-decoration: none; } 

/* NEWS ARTICLE */
IMG.float-left { float: left; margin: 0px 20px 20px 0px; }
IMG.float-right { float: right; margin: 0px 0px 20px 20px; }

DIV.articleContent { width: 488px; float: left; padding: 28px 15px 50px 18px;} 
DIV.articleContent TABLE.articleTable { margin-bottom: 20px; }

DIV.articleList { width: 199px; float: right; padding: 28px 15px 50px 15px; font-size: 11px;  } 
DIV.articleList UL { padding: 10px 0px 20px 0px; margin: 0px; list-style-position: inside }
DIV.articleList LI  { padding: 8px 0px 8px 0px; border-bottom: 1px solid #333; }
DIV.articleList LI SPAN { font-size: 9px; color: #999; }
DIV.articleList A, DIV.articleList A:visited { text-decoration: none; text-transform: uppercase;  font-weight: bold} 

H1.headline { text-transform: uppercase; margin-bottom: 0px; font-weight: bold; } 
SPAN.articleDate { font-size: 9px; color: #999; } 

TABLE.articleList { margin-top: 20px; }
TABLE.articleList TR { border: 0px; }
TABLE.articleList TD { border: 0px; }
TD.posted { width: 60px; color: #999; } 
TD.headline A { text-decoration: none; } 


TR.pager TD { padding-top: 5px; }
TR.pager A { text-decoration: none; font-weight: bold;  margin-right: 60px;}

A.nextprev { font-weight: bold; margin-right: 60px; text-decoration: none; }


/***** Float Hacks *****/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}