/* Garage Concepts CSS */

html, body {
height:100%;
width:100%;
min-width:1004px;
margin:0;
padding:0;
background-color:#141414;
}

a {
cursor:hand; cursor:pointer;
text-decoration:none;
}

a.download {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#f42922;
padding:0;
margin:0;
margin-bottom:10px;
font-weight:600;
}

a.download:hover {
color:#666666;
}


p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
line-height:25px;
font-weight:normal;
}

p.NewsCopy {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
line-height:13px;
padding:0;
margin:0;
font-weight:normal;
}

p.MoreInfo {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
line-height:12px;
padding:0;
margin:0;
margin-top:10px;
font-weight:normal;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#f42922;
padding:0;
margin:0;
margin-bottom:10px;
font-weight:700;
text-transform:uppercase;
letter-spacing:3px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#f42922;
padding:0;
margin:0;
margin-bottom:10px;
font-weight:600;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#f42922;
padding:0;
margin:0;
margin-bottom:5px;
font-weight:normal;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#f42922;
padding:0;
margin:0;
margin-bottom:5px;
font-weight:BOLD;
line-height:20px;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
padding:0;
margin:0;
margin-bottom:5px;
font-weight:normal;
display:inline;
}

h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
padding:0;
margin:0;
font-weight:BOLD;
line-height:25px;
}

h6.SubHead {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
padding:0;
margin:0;
font-weight:BOLD;
line-height:25px;
}

a.ClickHere {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#f42922;
line-height:25px;
font-weight:normal;
padding:0;
margin:0;
}

a.ClickHere:hover {
color:#666666;
}

a.FullStory {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#f42922;
line-height:25px;
font-weight:bold;
padding:0;
margin:0;
display:inline;
font-style:normal;
}

a.FullStory:hover {
color:#666666;
font-style:italic;
}

#Logo {
position:relative;
top:20px;
left:-455px;
width:75px;
height:95px;
margin:0;
padding:0;
z-index:10;
display:block;
}

#TopNav {
position:relative;
top:0px;
left:0px;
background-image:url(images/TopNavGrad.gif);
background-repeat:repeat-y;
background-position:center;
background-color:#000000;
width:100%;
height:76px;
margin:0;
padding:0;
z-index:1;
}

#BGGrad {
background-image:url(images/BotGrad.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#000000;
position:absolute;
top:0px;
left:0px;
width:100%;
height:auto;
z-index:0;
padding:0;
margin:0;
}

#Main {
position:relative;
top:15px;
width:800px;
height:auto;
padding:0px;
margin:0px;
z-index:1;
text-align:left;
}

#LeftID {
height:auto;
width:12px;
position:absolute;
bottom:75px;
left:20px;
}

#PicArea {
position:relative;
top:0px;
height:333px;
width:770px;
background-image:url(images/PicBG.jpg);
border-style:solid;
border-color:#4A4543;
border-width:1px;
padding:15px;
margin:0;
z-index:9;
}

#PicAreaInner2 {
position:absolute;
top:15px;
left:15px;
height:368px;
width:782px;
padding:0;
margin:0;
z-index:3;
}

#PicAreaInner {
height:100%;
width:100%;
background-color:#000000;
border-style:solid;
border-color:#141414;
border-width:1px;
padding:0;
margin:0;
overflow:visible;
}

#PicArea2 {
position:relative;
top:0px;
height:250px;
width:770px;
background-image:url(images/PicBG.jpg);
border-style:solid;
border-color:#4A4543;
border-width:1px;
padding:15px;
margin:0;
}

#LeftArea {
height:auto;
width:580px;
position:relative;
top:10px;
left:0px;
text-align:left;
padding:0;
margin:0;
margin-bottom:20px;
}

#RightArea {
height:auto;
width:190px;
position:absolute;
top:410px;
right:0px;
text-align:left;
padding:0;
margin:0;
}

#RightArea2 {
height:auto;
width:190px;
position:absolute;
top:340px;
right:0px;
text-align:left;
padding:0;
margin:0;
}

#PromoArea {
position:relative;
top:10px;
height:220px;
width:190px;
display:block;
}

#PromoAreaFlash {
position:absolute;
top:-20px;
left:-185px;
height:220px;
width:190px;
z-index:10;
}

.SupImage {
position:relative;
top:10px;
height:220px;
width:190px;
display:block;
padding:0;
margin:0;
}

a.SupImageLink {
position:relative;
top:0px;
height:220px;
width:190px;
border-style:solid;
border-color:#333;
border-width:1px;
display:block;
padding:0;
margin:0;
}

a.SupImageLink:hover {
border-color:#666;
}

#FranchiseArea {
position:relative;
padding:15px;
border-style:solid;
border-color:#4A4543;
border-width:1px;
display:block;
}

#InNews {
position:relative;
top:35px;
height:auto;
width:100%;
display:block;
}

a.NewsItem {
height:auto;
width:176px;
padding:7px;
margin:5px 0px 10px 0px;
display:block;
background-image:none;
}

a.NewsItem:hover {
background-image:url(images/ButtonBG.gif);
background-repeat:repeat-x;
}

/* Top Nav */

#NavArea {
position:relative;
top:54px;
width:800px;
height:22px;
margin:0;
padding:0;
z-index:1;
text-align:left;
}

.Nav {
position:relative;
padding:0;
height:10px;
margin:0px 40px 6px 0px;
}

.NavOn {
position:relative;
padding:0;
height:22px;
margin:0px 40px 0px 0px;
}

/* Bot Nav */

#BotNavArea {
position:relative;
top:15px;
width:800px;
height:23px;
text-align:left;
padding:0;
margin:0;
margin-bottom:60px;
z-index:1;
}

a.BotNav {
position:relative;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
background-image:none;
text-align:left;
padding:3px;
margin:10px 40px 10px 0px;
display:inline;
}

a.BotNav:hover {
color:#f42922;
}

.BotNavOn {
position:relative;
height:21px;
width:61px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
background-image:url(images/BotTabLg.gif);
background-repeat:no-repeat;
text-align:left;
padding:5px 33px 20px 6px;
margin:10px 40px 10px 0px;
display:inline;
}

#BotLine {
position:relative;
top:0px;
padding:0;
margin:0;
display:block;
margin-bottom:5px;
*margin-bottom:0px;
z-index:2;
}

a.ProdLink {
padding:5px;
height:auto;
width:100%;
position:relative;
top:0px;
left:0px;
display:block;
margin:0px 0px 10px 0px;color:#f42922;
}

a.ProdLink:hover {
padding:5px;
background-image:url(images/ButtonBG.gif);
background-repeat:repeat-x;
}

a.SmIMG {
margin:0px 10px 0px 7px;
display:inline;
height:45px;
width:45px;
}

.Story {
height:auto;
width:100%;
position:relative;
margin-bottom:25px;
border-bottom:#666666 1px solid;
}

.StoryVideo {
position:relative;
top:0px;
left:20px;
width:420px;
height:315px;
margin:20px 0px 20px 0px;
display:block;
}

.SwatchLink {
position:relative;
top:0px;
left:0px;
z-index:2;
margin:-12px 0px 0px 0px; 
padding:4px 0px 2px 8px;
display:block;
height:29px;
color:#FFFFFF;
overflow:hidden;
vertical-align:middle;
z-index:3;
}

.SwatchLink2 {
position:relative;
top:-40px;
left:0px;
z-index:2;
margin:-12px 0px 0px 0px; 
padding:4px 0px 2px 8px;
display:block;
height:29px;
width:809px;
color:#FFFFFF;
overflow:hidden;
vertical-align:middle;
}

.SwatchText {
color:inherit;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
letter-spacing:2px;
display:inline;
}

.Swatches {
vertical-align:middle;
margin:0px 7px 0px 0px; 
}

.SwatchClose {
color:#999;
position:absolute;
left:752px;
top:7px;
margin:0;
padding:0;
display:none;
cursor:hand; cursor:pointer;
}

.SwatchThumbs {
position:absolute;
left:97px;
top:0px;
height:29px;
margin:0;
padding:0;
display:none;
width:645px;
}

.SwThumb {
margin:0px 0px 0px 5px;
cursor:hand; cursor:pointer;
position:relative;
top:8px;
vertical-align:middle;
border:solid #666 1px;
}

.SwatchOpen {
cursor:hand; cursor:pointer;
margin:0; padding:0;
width:90px;
}

.MidColumn {
float:right; 
margin:0px 105px 0px 0px; 
*margin:0px 55px 0px 0px; 
border-left:solid #666 1px; 
padding-left:40px;
}

a.NewsBackTop {
float:right;
position:relative;
right:-3px;
}