@charset "UTF-8";
/* CSS Document */

* { margin:0px; padding:0px;
}
body { background-color: #080808; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url(/images/simple/simple_back_brightcove.gif); background-repeat: no-repeat; background-position: center top; }
.floatL { float:left; }
.floatR { float:right; }

#accessibility { position: absolute; top: -10000px; }

/*Text*/
.red { color:#CC0000; }
.white { color:#FFFFFF; }
.fineprint { font-size:10px; }

#container { width: 840px; height: 1100px; position:relative; margin-right: auto; margin-left: auto; }
#header { clear:both; }
#footer { text-align:center; clear:both; font-size: 10px; color: #CC0000; width: 600px; margin-right: auto; margin-left: auto; position: relative; padding-bottom:15px; }

#blog { width:390px; height: 890px; position:absolute; top:180px; left:5px; overflow: auto; color:#FFFFFF; }
#blog img { max-width:360px; width:100%; border: none; }
#blog a { text-decoration:none; color:#CC0000; }
#blog .title { color:#CC0000; text-transform:capitalize; font-size:14px; font-weight:bold; }
#blog object,#blog embed { width: 360px; height: 296px; }
#blog .newscontainer { margin:4px 0px 8px 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #080808; }
#blog .story { margin:4px 0px; }
#blog .credits { font-size: 10px; text-align:right; margin: 2px 4px 4px 0px; }

#video { width:400px; height:320px; position:absolute; top:175px; left:440px; }
#video #sn { height: 20px; width: 400px; position: absolute; top: 300px; left: 0px; }
#video #in { height: 180px; width: 400px; position: absolute; top: 0px; }
#video a .clip_text { position:absolute; top:5px; left:5px; margin-right:5px; padding:2px; background-color:#000000; display:none; }
#video a:hover .clip_text { display:block; }

.clip1 { position: absolute; top:0px; left:0px; }
.clip2 { position: absolute; top:0px; left:250px; }
.clip3 { position: absolute; top:95px; left:250px; }

#microsites { width:400px; height:210px; position:absolute; top:635px; left:440px; }
#microsites a,#video a { text-decoration:none; color:#FFFFFF; text-transform:uppercase; font-size:10px; }
#microsites a .site_text { position:absolute; top:5px; left:5px; margin-right:5px; padding:2px; background-color:#000000; display:none; }
#microsites a:hover .site_text { display:block; }

.site1 { position:absolute; top:0px; left:0px; }
.site2 { position:absolute; top:210px; left:0px; }
.site3 { position:absolute; top:210px; left:205px; }
.site4 { position:absolute; top:317px; left:0px; }
.site5 { position:absolute; top:317px; left:205px; }

/*#win { width:220px; height:150px; position:absolute; top:10px; left:620px; }
{ position:absolute; top:317px; left:0px; }
.site5 { position:absolute; top:317px; left:205px; }*/

#products { width:400px; height:120px; position:absolute; top:505px; left:440px; background-image: url(/images/simple/ff_back.gif); background-repeat: no-repeat; }
/*#products .prod { position: absolute; height: 100px; width: 200px; top: 5px; right: 5px; }
#products .store { position: absolute; height: 59px; width: 243px; top: 42px; left: 143px; }
#products .store img, #products .store a { float: left; }
#products h1 { padding: 0px; margin: 0px; color: #CC0000; font-size: 12px; text-transform: uppercase; }*/

#products #store { position: absolute; top: 42px; left: 143px; width:244px; height:60px; margin:0 auto; background:#000000 url(/images/simple/ff_menu.gif) no-repeat; }
#products #main { position: absolute; height: 100px; width: 125px; top: 10px; left: 7px; }

#products #store ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; clear: left; }
#products #store ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#products #store ul li a span{ display:none; }
#products #store ul li a { width:122px; height:20px; margin:0px; padding:0px; display: block; }

/* -- Hovers -- */
#products #store ul li a.trucks:hover{ background: url(images/simple/ff_menu.gif) 0px -60px; }
#products #store ul li a.bearings:hover{ background: url(images/simple/ff_menu.gif) -122px -60px; }
#products #store ul li a.hardware:hover{ background: url(images/simple/ff_menu.gif) 0px -80px; }			
#products #store ul li a.tees_and_tops:hover{ background: url(images/simple/ff_menu.gif) -122px -800px; }		
#products #store ul li a.accessories:hover{ background: url(images/simple/ff_menu.gif) 0px -100px; }		
#products #store ul li a.all:hover{ background: url(images/simple/ff_menu.gif) -122px -100px; }

#win { width:400px; height:120px; position:absolute; top:952px; left:440px; background-image: url(/images/simple/win_back.gif); background-repeat: no-repeat; }
#win a { position: absolute; height: 72px; width: 370px; top: 37px; left: 15px; display: block; background-color: aqua; }

/*#banner { width:728px; height:90px; position:absolute; top:990px; left:60px; }*/
