﻿html { height: 100%; }
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	width: 980px;
	margin: 0 auto;
	height: 100%;
}

/* Header */

#Header
{
    background:#CCC;
}
#Header IMG 
{
    border-style:none;
}
#Header>A 
{
    text-decoration:none;
}

#Footer
{
    position:relative;
    background:#CCC;
    text-align:center;
    color: #005CA9;
    padding:.5em;
    }
#Footer div>span {
    display:none !important;
}
#Footer A, #Footer A:link, #Footer A:visited
{
    color: #005CA9;
    padding:0 18px;
    letter-spacing:1px;
    }

.HeaderSlideshow {width:600px;height:100px;overflow:hidden;}
.HeaderSlideshow>DIV {width:600px;height:100px}
.HeaderSlideshow IMG {width:600px;height:100px}

.HomeSlideshow {width:763px;height:429px;overflow:hidden;}
.HomeSlideshow>DIV {width:763px;height:429px}
.HomeSlideshow IMG {width:763px;height:429px}



.BlueBar
{
	padding:0 10px;
	line-height:24px;
	color:White;
    background:#005CA9;
    }

.BlueBar A, .BlueBar A:link, .BlueBar A:visited 
{
    display:inline-block;
    color:White;
    padding:0 7px;
    margin:0 3px;
    }


#Social, #Breadcrumb {background:#CCC;}

#Social {color:#e21836;letter-spacing:1px;font-weight:bold;font-size:20px;}
#Social IMG {border-style:none;}
#Breadcrumb {color:#005CA9;font-weight:bold;}
#Breadcrumb A, #Breadcrumb A:link, #Breadcrumb A:visited 
{
    display:inline-block;
    color:#005CA9;
    padding:0 7px;
    margin:0 3px;
    font-weight:bold;
    }
    
/* Columns */

#LeftNav
{
	width: 208px;
	background-color:#CCC;
}


#MainContent
{
    padding:3px;
    border-right:3px solid #CCC;
}


.JoePartsTextBox
{
	width: 500px;
	height: 130px;	
}


LABEL.LeftLabel {display:inline-block; width:60px;text-align:right;}
LABEL.MediumLabel {display:inline-block; width:75px;text-align:right;}
LABEL.LargeLabel {display:inline-block; width:150px;text-align:right;}

.Categories 
{
    padding:0;
    margin:0;
    list-style-type:none;
    }


UL.Categories>LI>A, UL.Categories>LI>A:link, UL.Categories>LI>A:visited
{
    display:block;
    text-decoration:none;
}

H2 
{
    text-align:center;
    color:#005CA9;
    }

H3 
{
    display:block;
    margin:0;    
    margin-bottom:.5em;
}


H3>A,H3>A:link,H3>A:visited
{
    display:block;
    color:White;
    padding:6px;
    }

.Right{float:right;margin-left:6px;}
.Left{float:left;margin-right:6px;}


TD.ItemSmall {min-width:112px;}
A.ItemSmall 
{
    display:inline-block;
    background-color:White;
    margin-right:6px;
    padding:3px;
    
    }
A.ItemSmall:hover
{
    padding:1px;
    border: 2px solid #005CA9;
    }

.Button  
{
    display:block;
    margin-top:3px !important;
    margin-bottom:3px !important;
    padding-left:6px !important;
    padding-right:6px !important;
    text-align:center;
    white-space:nowrap;
    }

.IB 
{
    display:inline-block;
    zoom:1;
    *display:inline;
    }
.NoWrap {white-space:nowrap;}    
.Center {text-align:center;}
.ItemContainer {margin:3px 0;padding:6px;}
.SectionRow {padding:3px 0;}
.SectionBG 
{
    background:#CCC;
}

.SectionHeader, .SectionSubHeader
{
    position:relative;
    margin:0;
    padding:.25em 0;
    
    color:White;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    
    background: #333;
    background: -webkit-linear-gradient(top,#434343, #262626);
    background: -moz-linear-gradient(top,#434343, #262626);
    background: -o-linear-gradient(top,#434343, #262626);
    background: linear-gradient(top,#434343, #262626);
    -pie-background: linear-gradient(top,#434343, #262626);
    behavior: url('/CSS/PIE.htc');
    border: 1px solid #333;
}
.SectionSubHeader {font-size:small}
.SectionSubHeaderDivider {border-right:3px solid #333; text-align: left;}

.BlueBox
{
    color:White;
    padding:.25em .5em;
    background: #005BA8;
    background: -webkit-linear-gradient(top,#0069C1, #004E8F);
    background: -moz-linear-gradient(top,#0069C1, #004E8F);
    background: -o-linear-gradient(top,#0069C1, #004E8F);
    background: linear-gradient(top,#0069C1, #004E8F);
    -pie-background: linear-gradient(top,#0069C1, #004E8F);
    border:1px solid #004E8F;
    behavior: url('/CSS/PIE.htc');
    position:relative;
    }
A.BlueBox, A.BlueBox:link, A.BlueBox:visited {text-decoration:none;}
A.BlueBox:hover
{
    background: #275D82;
    background: -webkit-linear-gradient(top,#386D90, #164E75);
    background: -moz-linear-gradient(top,#386D90, #164E75);
    background: -o-linear-gradient(top,#386D90, #164E75);
    background: linear-gradient(top,#386D90, #164E75);
    -pie-background: linear-gradient(top,#386D90, #164E75);
    border:1px solid #164E75;
} 
.BlueBox[disabled], .Disabled { color:#CCC; }

.WhiteBox
{
    margin:3px;
    padding:3px 0;
    background-color:White;
    text-align:center;
    vertical-align:middle;
    }
.WhiteBox IMG {border-style:none;}



P.FirstParagraph:first-letter 
{
    font-size:2.7em;
    color:#e21836;
    float:left;
    line-height:.8em;
    font-family:Times New Roman;
    font-weight:bold;
}
P.FirstParagraph:first-line 
{
    line-height:1em;
}
/* Extra */
#note{
    font-size:xx-small;
}