/* ---------- misc ---------- */



html, body {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000033;
	margin:0px;
	padding:0px;
	height: 800px;
	top:0px;
}

h1 {
	font: 30px/1.3em Arial, Tahoma, sans-serif; 
	text-align:left;
	padding: 0px 10px 10px 25px;
	_padding: 0px 10px 10px 25px;
}	

/* ---- Page divs ---- */

#pageContainer {
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	width: 900px;
	position: relative;
	z-index: 1;
	padding-top: 0px;
}

#pageContentShell {
	width: 900px;
	top: 0px;
	left: 0px;
	position: absolute;
	background-color: #ffffff;
	z-index: 2;
}

#pageContentMain {
	width: 900px;
	margin-left: 0px;
	padding-bottom: 0px;
	position: absolute;
	text-align:left;
	visibility: visible;
	left: 0px;
	top: 115px;
	z-index: 4;
	background-color:#FFFFFF;
	background-image: url(../graphics/background-gradient.png);
	background-repeat:repeat-x;
}

#pageContentMainInv {
	width: 900px;
	margin-left: 0px;
	padding-bottom: 0px;
	position: relative;
	text-align:left;
	visibility: visible;
	left: 0px;
	top: 115px;
	z-index: 4;
	background-color:#FFFFFF;
	background-image: url(../graphics/background-gradient.png);
	background-repeat:repeat-x;
}

#contentLeftTop {
	margin-left: 0px;
	padding-bottom: 50px;
	position: absolute;
	text-align:left;
	visibility: visible;
	left: 0px;
	top: 80px;
	width:450px;
	z-index: 4;
}

#contentRightTop {
	width:380px;
	height:253px;
	margin: 0px,0px,0px,0px;
	padding-bottom: 0px;
	padding-right:0px;
	position: absolute;
	text-align:left;
	visibility: visible;
	left: 510px;
	top: 30px;
	z-index: 4;
}

#contentRightBottom{
	width: 440px;
	position: absolute;
	top: 300px;
	left: 450px;
	margin: 0px;
	z-index: 25;
	text-align:left;
	padding: 0px;
}

#contentPartsStore{
	width: 385px;
	position: relative;
	top: 0px;
	left: 40px;
	margin: 0px;
	z-index: 25;
	text-align:left;
	padding-bottom: 0px;
	border: black 2px solid;
}

#contentLeftBottom {
	width: 380px;
	height: 150px;
	margin-left: 20px;
	padding-bottom: 50px;
	position: absolute;
	text-align:left;
	visibility: visible;
	left: 0px;
	top: 120px;
	z-index: 4;
}

#contentLeftBottomAlt {
	width: 380px;
	height: 110px;
	margin-left: 20px;
	padding-bottom: 0px;
	position: absolute;
	text-align:left;
	visibility: visible;
	left: 0px;
	top: 90px;
	z-index: 4;
}

#contentMap {
	width: 577px;
	height: 320px;
	margin-left: 0px;
	padding-bottom: 0px;
	position: relative;
	text-align:left;
	left: 80px;
	top: -30px;
	background-image: url(../graphics/map.png);
}

#contentLocalMap {
	width: 450px;
	height: 340px;
	margin-left: 0px;
	padding-bottom: 50px;
	position: absolute;
	text-align:left;
	display: none;
	left: 300px;
	top: 0px;
	z-index:75;
	background-color:#454545;
	border: 2px solid #000066;
}

#pageContentHeader {
	padding: 0px 10px 5px 20px;
	_padding: 0px 10px 5px 20px;
	margin-top: 10px;
	font-size:2.00em;
	line-height:1.25em;
	color:#000000;
	position: relative;
	top: 0px;
	left: 0px;
}

#pageBanner {
	width: 900px;
	height: 118px;
	position: absolute;
	background-color:#ffffff;
	top: 0px;
	left: 0px;
	z-index: 3;
}

#pageCenterTableContent {
	width: 500px;
	top: 0px;
	left: 270px;
	position: relative;
	z-index: 26;
}

#pageBannerLogo {
	width: 337px;
	height: 90px;
	top: 2px;
	left: 0px;
	background: url(../images/swoosh-header-logo.png) no-repeat;
	position: absolute;
	z-index: 2;
}

#pageBannerIcons {
	width: 337px;
	height: 90px;
	top: 0px;
	left: 450px;
	position: absolute;
	z-index: 2;
}

#pageBannerTruck {
	width: 750px;
	height: 90px;
	top: 0px;
	left: 125px;
	background: url(../images/adobe-header.png) no-repeat;
	position: absolute;
	z-index: 1;
}

#pageLeftClip {
	width: 440px;
	height: 390px;
	margin-left: 0px;
	position: relative;
	text-align:left;
	padding: 0px;
	_padding: 0px;
	left: -20px;
	top: 20px;
	z-index: 4;
}

#pageMenu {
	width: 900px;
	height: 30px;
	position: absolute;
	background-color: #ababab;
	top: 93px;
	left: 0px;
	z-index: 5;
}

#pageFooter{
	width: 105px;
	height: 25px;
	position: absolute;
	top: 380px;
	left: 824px;
	margin: 0px;
	z-index: 25;
	text-align:right;
	padding: 0px;
}

#pageCopyright{
	font-size: 11pt;
	font-family: arial;
	width: 650px;
	height: 30px;
	position: absolute;
	left: 150px;
	background-color:#000033;
	margin: 0 auto;
	z-index: 25;
	color:#FFFFFF;
}

#pageCopyright a{
	text-decoration: none;
	color:#FFFFFF;
}

#pageCopyright a:hover{
	text-decoration: underline;
	color:#FFFFFF;
}

#imageHide {
	display:none;
}

#starFtCol {
	left: 270px;
	position: absolute;
	top:140px;
}

#starDenver {
	left: 270px;
	position: absolute;
	top: 154px;
}

#starColSpg {
	left: 273px;
	position: absolute;
	top: 170px;
}

#starKC {
	left: 351px;
	position: absolute;
	top: 153px;
}

/*#starAtlanta {
	left: 450px;
	position: absolute;
	top: 210px;
}
*/
#starAlbeq {
	left: 255px;
	position: absolute;
	top: 200px;
}


/* ---- paragraph classes ---- */

p.content {
	padding: 10px 20px 10px 20px;
	_padding: 10px 20px 10px 20px;
	margin: 0px 0px 10px 0px;
	font-size:0.60em;
	color:#000000;
	line-height:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 575;
}

p.contentOnlineParts {
	padding: 10px 20px 0px 20px;
	_padding: 10px 20px 0px 20px;
	margin: 0px 0px 10px 0px;
	font-size:0.60em;
	color:#000000;
	line-height:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 575;
}

p.fineprint {
	padding: 10px 40px 10px 40px;
	_padding: 10px 40px 10px 40px;
	margin: 0px 0px 10px 0px;
	font-size:0.60em;
	color:#000000;
	line-height:1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 575;
}

p.leftClipContent {
	padding: 0px 20px 5px 20px;
	_padding: 0px 20px 5px 20px;
	margin: 0px 0px 5px 0px;
	font-size:0.60em;
	color:#000000;
	line-height:1.30em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 575;
	letter-spacing: 0.03em;
}

p.map {
	left: 300px;
	position: relative;
	top: -400px;
}

p.contactName {
	padding: 0px 10px 10px 160px;
	_padding: 0px 10px 10px 160px;
	margin: 20px 0 10px -10px;
	font-size:0.75em;
	color:#333333;
	line-height:1.00em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
}

p.contactComment {
	padding: 0px 10px 10px 25px;
	_padding: 0px 10px 10px 25px;
	margin: 0 0 10px 10px;
	font-size:1.00em;
	color:#333333;
	line-height:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-style: italic;
}

p.title  {
	padding: 20px 10px 20px 40px;
	margin: 0px 0px 50px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.65em;
	color:#ffffff;
	line-height:1.25em;
	letter-spacing: 0.075em;
	position:absolute;
	text-decoration: none;
}

h1.contentHeader {
	padding: 0px 10px 10px 25px;
	_padding: 0px 10px 10px 25px;
	font-size:1.20em;
	color:#cc9933;
	font-family: Arial, Helvetica, sans-serif;
}

h1.contentAddress {
	padding: 0px;
	_padding: 0px;
	margin: 0px;
	font-size:.70em;
	color:#cc9933;
	font-family: Arial, Helvetica, sans-serif;
}

h1.leftClip {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.90em;
	color:#000000;
	line-height:1.0em;
	letter-spacing: 0.075em;
	font-weight: 600;
	padding-left: 40px;
}

h1.onlinePartsStore {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.70em;
	color:#000000;
	line-height:1.0em;
	letter-spacing: 0.075em;
	font-weight: 600;
}

h1.partsHotline {
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:0.70em;
	color:#000000;
	line-height:1.0em;
	letter-spacing: 0.075em;
	font-weight: 600;
	padding-left: 80px;
}

p.loc {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:.90em;
	color:#000000;
	font-weight: 900;
}

p.ad {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:.50em;
	letter-spacing: 0.075em;
	color:#000000;
	margin-top: -2.25em;
}

p.fakeLink {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:0.80em;
	letter-spacing: 0.075em;
	color:#000099;
	font-weight: 500;
	text-decoration: none;
}

img.a{
	text-decoration: none;
	border: 0;
}

a.pgFoot {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:0.6em;
	letter-spacing: 0.075em;
	color:#000000;
	font-weight: 700;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

li.partsPage {
	font-size:0.60em
}

a.pgfoot:hover {
	color:#000099;
	text-decoration: underline;
}

a.truckparts {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:0.80em;
	letter-spacing: 0.075em;
	color:#000099;
	font-weight: 500;
	text-decoration: none;
}

a.truckparts:hover{
	color:#000099;
	text-decoration: underline;
}


ul.content {
	padding: 10px 20px 10px 50px;
	_padding: 10px 20px 10px 50px;
	margin: 0px 0px 10px 0px;
	font-size:0.60em;
	color:#000000;
	line-height:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
}

td {vertical-align: top;}
td {horizontal-align: left;}
td {text-align: left;} 

td.header {
	border: 1;
	text-align: center;
	font-size:0.55em;
	font-family: Arial, Helvetica, sans-serif;
}

td.rentheader {
	text-align: center;
	font-size:0.60em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
}

td.content {
	font-size:0.50em;
	color:#000000;
	line-height:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	border: 1;
}

td.rentcontent {
	font-size:0.50em;
	color:#000000;
	line-height:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	vertical-align:middle;
	width:25%;
}

td.rentcontent a {
	text-decoration:none;
}

td.rentcontent a:hover {
	text-decoration:underline;
}

td.rentitem {
	font-size:0.50em;
	color:#000000;
	line-height:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-align: center;
}

td.rentcontactItem {
	font-size:0.50em;
	color:#000000;
	line-height:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-align: right;
	vertical-align:middle;
}

td.rentcontactField {
	text-align: left;
	vertical-align:top;
}


/*Buttons for the location pages */
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/graphics/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #000033; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #FDBE0F; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/graphics/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }