html {
height: 100%;
margin: 0;
padding: 0;
}

body { 
height: 100%; 
margin: 0; 
padding: 0;
background: url(../images/bg-body.jpg) 50% 0;
}

.pageTopper {
position: absolute;
top: 0;
left: 0;
}

#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -165px !important;
padding: 0;
width: 956px;
background: url(../images/bg-container.gif) repeat-y;
}

#header {
background: url(../images/bg-header.jpg) no-repeat;
height: 150px;
width: 956px;
}
#header h1 {
position: relative;
margin: 0;
}
#header h1 span {
position: absolute;
text-indent: -999em;
}

#columns { overflow: auto; }

#left-sidebar {
overflow: auto;
float: left;
width: 178px;
background: url(../images/bg-sidebar.gif) repeat-x;
}

#left-sidebar ul { margin: 5px 0; }
#left-sidebar ul li { border-bottom: 1px solid #1b3216; }
#left-sidebar ul li ul { margin: 0; padding: 2px 0 0; background: #1b3216; }
#left-sidebar ul li ul li { border-bottom-color: #0f1d0e; background: #1b3216; border-bottom: 1px solid; }

#left-sidebar ul li a {
color: #f3ebd5;
font: 1.4em/1.5em "Gill Sans", "Century Gothic", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
display: block;
padding: 2px 10px;
}
#left-sidebar ul li a:hover { text-decoration: underline; }
#left-sidebar ul li ul li a {
color: #568b41;
font: 1.2em/1.3em "Gill Sans", "Century Gothic", Helvetica, Arial, sans-serif;
}
#left-sidebar ul li ul li a:hover { text-decoration: none; color: #f3ebd5; }

#main-content {
overflow: auto;
float: left;
width: 600px;
}

#right-sidebar {
overflow: auto;
float: left;
width: 178px;
background: url(../images/bg-sidebar.gif) repeat-x;
}
	#right-sidebar-links {
	margin: 10px;
	}

#push { height: 165px !important; }

#footer { 
height: 165px !important;
width: 956px;
margin: 0 auto;
background: url(../images/bg-footer.gif) 0 20px repeat-x;
position: relative;
}
#footer a { color: #ccc; text-decoration: none; font-weight: 700; }
#footer a:hover { color: #fff; }

#footer-brands {
position: relative; 
height: 95px; 
width: 600px;
background: url(../images/bg-footer-brands.gif) no-repeat; 
padding: 0;
top: 10px;
margin: 0 178px;
}
	#footer-brands li {
	float: left;
	list-style: none;
	}
		#footer-brands li a {
		position: absolute;
		text-indent: -9999px;
		text-decoration: none;
		border: none;
		top: 0;
		height: 95px;
		margin: 0;
		padding: 0;
		background-image: url(../images/bg-footer-brands.gif);
		background-repeat: no-repeat;
		}

		#genuine-button a { left:  80px; width: 110px; background-position:  -80px 0; }
		#kymco-button a		{ left: 190px; width: 110px; background-position: -190px 0; }
		#piaggio-button a	{ left: 300px; width: 110px; background-position: -300px 0; }
		#vespa-button a   { left: 410px; width: 110px; background-position: -410px 0; }
		
		#genuine-button a:hover	{ background-position:  -80px -95px; }
		#kymco-button a:hover	  { background-position: -190px -95px; }
		#piaggio-button a:hover { background-position: -300px -95px; }
		#vespa-button a:hover   { background-position: -410px -95px; }

#footer-links {
width: 956px;
position: absolute;
top: 140px;
left: 0;
font-size: 1em;
text-transform: uppercase;
}
#footer-links tr td { padding: 0 10px; color: #999; }

#athens-scooter a:link    { color: #2a4d1d; text-decoration: none; }
#athens-scooter a:visited { color: #193c0c; }
#athens-scooter a:hover   { color: #3b5e2e; }
#athens-scooter a:active  { color: #4c6f3f; }

#home-intro-text { padding: 0 20px; }
#home-intro-text h1 { font-size: 2.2em; }

.modelList {
width: 560px;
margin: 0 20px;
overflow: auto;
}
	.brandImageLeft { float: left; padding: 0 20px 20px 0; }
	.brandImageRight { float: right; padding: 0 0 20px 20px; }
	
	.modelList h1 { margin: 0 0 10px; font-size: 2em; }
		.modelList h1 a { color: #a00 !important; }
		.modelList h1 a:hover { color: #c00 !important; }
	.modelList ul { overflow: auto; }
		.modelList ul li { float: left; width: 165px; }
		.modelList ul li a { display: block; background: url(../images/bg-modellist-li.gif) 0 center no-repeat; padding: 5px 5px 5px 20px; font-size: 1.4em; font-weight: 700; }
		.modelList ul li a:hover { background: url(../images/bg-modellist-li.gif) -200px center no-repeat; }
	
	.moreLinkLeft { display: block; margin-bottom: 20px; }
	.moreLinkRight { display: block; margin-bottom: 20px; text-align: right; }
	
/* !generic but useful */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearFloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.main { text-align: left; padding: 0 20px; }
.main p { margin-bottom: 1.5em; }
.hide { display: none; }
.pad20 { margin: 0 20px; }
	.pad20 h1 { font-size: 2.2em; }
	.pad20 dl { font-size: 1.3em; }
	.pad20 dt { font-size: 1.4em; }
	
/* This div shows up only when an OEM model is selected */
#single-model-image {
font-family: Arial, Helvetica, sans-serif;
width: 560px;
height: 160px;
position: relative;
background-repeat: no-repeat;
margin: 0 auto 20px;
}
.piaggioModels { background: url(../images/piaggio-bv-500.jpg) no-repeat; }
.vespaModels { background: url(../images/vespa-gt.jpg) no-repeat; }

	#single-model-name {
	position: absolute;
	top: 0px;
	left: 240px;
	padding: 0;
	color: #666;
	}
	.single-model-info {
	color: #666;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 20px 20px;
	}

/* these styles are for the unordered lists seen on our custom catalog pages */
.customCatalog {
margin:2em 0;
padding:0;
overflow: auto;
width:560px;
clear: both;
}
	.customCatalog li {
	background:url(http://inc.donwoodpolaris.com/asc/img/bg-list-item2.gif) top right no-repeat;
	float:left;
	font-size:1.2em;
	font-weight:700;
	height:12em;
	margin:0;
	padding:0 5px;
	width:130px;
	text-align: center;
	}
	.customCatalog li.last          { clear: both; }
	.customCatalog li.end           { background: none; height: 3em !important; }
		.customCatalog h2             { font-size: 1em; margin: 0; padding: 0;}
			.customCatalog li a         { color:#b00 !important; text-decoration:none !important; }
			.customCatalog li a:hover   { color:#d00 !important; text-decoration:none; }
				.customCatalog li a span  { display: block; height: 100px; width: 100px; }
				.customCatalog li a img   { margin: 20px 14px 0; }

#home-intro-text hr, #home-intro-text h3 { clear: both; }



/* Styles for the left sidebar */

a.homeLink {
display: block;
background: url(../images/sdmenu/title-alt.gif) 10px 0 no-repeat;
width: 128px;
margin: 10px 0 0;
padding: 22px 18px 19px 30px;
font: 1.5em/1.5em "Gill Sans", "Century Gothic", Helvetica, Arial, sans-serif; 
font-weight: bold;
color: #f3ebd5;
text-transform: uppercase;
}
* html a.homeLink {
width: 168px;
}
div.sdmenu {
width: 178px;
font-size: 12px;
padding-bottom: 10px;
margin: 0;
color: #fff;
}
	div.sdmenu div {
	background: url(../images/sdmenu/title.gif) 10px 0 no-repeat;
	overflow: hidden;
	padding: 0;
	margin: 0 0 3px;
	}
	div.sdmenu #altDiv1,
	div.sdmenu #altDiv2,
	div.sdmenu #altDiv3 {
	background: url(../images/sdmenu/title-alt.gif) 10px 0 no-repeat;
	overflow: hidden;
	}
	div.sdmenu div.collapsed { height: 60px; }
		div.sdmenu div span {
		display: block;
		padding: 22px 18px 19px 30px;
		font: 1.2em/1.3em "Gill Sans", "Century Gothic", Helvetica, Arial, sans-serif; 
		font-weight: bold;
		color: #f3ebd5;
		text-transform: uppercase;
		background: url(../images/sdmenu/expanded.gif) no-repeat 18px center;
		cursor: pointer;
		}
		div.sdmenu div.collapsed span { background-image: url(../images/sdmenu/collapsed.gif); }
		div.sdmenu div a {
		padding: 5px;
		margin: 0 10px;
		background: #2a4d1d;
		display: block;
		border-bottom: 1px solid #3b5e2e;
		color: #f3ebd5;
		}
		div.sdmenu div a.current { background : #3b5e2e; }
		div.sdmenu div a:hover {
		background : #3b5e2e url(../images/sdmenu/linkarrow.gif) no-repeat right center;
		color: #fff;
		text-decoration: none;
		border-bottom: 1px solid #4c6f3f;
		}
		div.sdmenu div a:last-child { border: none; }
		div.sdmenu div span a,
		div.sdmenu div span a:hover,
		div.sdmenu div span a.current	{
		padding: 0;
		margin: 0;
		background: transparent none;
		border: none;
		}

/* Parts Finder Plus styles */
#oem {
width: 560px;
margin: 0 0 0 16px;
padding: 0;
}
#oem h1 {
height: 90px;
color: #fff !important;
font-size: 30px;
margin: 10px 0 0;
padding: 22px 0 8px 20px;
overflow: hidden;
background-repeat: no-repeat;
width: 540px;
font-weight: 700 !important;
background: url(../images/bg-parts-header.jpg) top left no-repeat;
}
	#oem h1 font { color: #fff !important; }
	#oem a:link { color: #c00; font-weight: 700; }
	#oem a:visited { color: #a00; }
	#oem a:hover   { color: #d00; }
	#oem a:active  { color: #e00; }

#modelSelect, .pfp {
float: left;
padding: 0;
height: 370px;
font-size: 12px;
overflow: auto;
}
#modelSelect {
width: 179px;
border: 1px solid #ddd;
border-width: 1px 0 1px 1px;
background: url(../../../img.shspowersports.com/pfp/bg-yearSelect.gif) top right repeat-y;
overflow-x: hidden;
}
.pfp {
width: 379px;
border: 1px solid #ddd;
border-width: 1px 1px 1px 0;
background: #fff;
}
.intro { background: #fff url(../images/bg-model-select.jpg) 50% 50% no-repeat; }
	#modelSelect a, .pfp a {
	display: block;
	padding: 4px 4px 4px 16px;
	text-decoration: none !important;
	}
	#modelSelect a:hover, .pfp a:hover { background: #dddfe7; }
	#modelSelect a.selected, .pfp a:active { color: #a00; background: #fff; font-weight: 700;  }
#ftr { margin: 0 auto; }




/* !cart info */
#cart-info {
background: url(../images/cart-info.jpg) no-repeat;
width: 560px;
height: 250px;
position: relative;
margin: 0 auto;
}
	#shipping-button {
	position: absolute;
	display: block;
	width: 250px;
	height: 92px;
	top: 140px;
	left: 290px;
	}
	#cart-info .hideProperly,
	#cart-info .hideProperly *,
	#shipping-button span {
	overflow: hidden;
	position: absolute;
	text-indent: -999em;
	}
#shipping-copy {
font-size: 0.9em;
width: 560px;
margin: 0 auto;
}
	#shipping-copy h3 { padding: 0 !important; margin: 15px 0 5px !important; }
	#shipping-copy p { margin: 0 0 5px; }




/* !Promotions page */
#promotion-page {  }

#coupons {
overflow: auto;
width: 540px;
margin: 0 20px;
}
	#coupons .coupon {
	width: 260px;
	float: left;
	padding-top: 160px;
	}
	#coupons #coupon1 { background: #f1f2d2 url(../images/promotions/bg-coupon1.jpg) no-repeat; margin-right: 20px; }
	#coupons #coupon2 { background: #f1f2d2 url(../images/promotions/bg-coupon2.jpg) no-repeat; }
	#coupons .coupon h2 {
	margin: 0 20px 10px;
	font-size: 1.4em;
	}
	#coupons .coupon p { margin: 0 20px 10px; }
	#coupons .coupon blockquote {
	background: #fff;
	margin: 10px;
	padding: 10px;
	border-color: #d3d3a8;
	}
	#coupons .coupon a { color: #c00; text-decoration: underline; }
	#coupons .coupon blockquote.couponCode { text-align: center; }	
	#coupons .coupon blockquote.disclaimer { font-size: .9em; }	
	#coupons .coupon blockquote h3 { margin: 10px 0; font-size: 1.8em; color: #9c0 }
	#coupons .coupon blockquote h4 { margin: 10px; color: #c00; }
	#coupons .coupon blockquote p { margin: 0 10px 10px; }


/* !table-like definition lists */
.tableDisplay {
float: left;
overflow: visible;
}
	.tableDisplay dt {
	float: left;
	margin: 0;
	}
	.tableDisplay dd {
	float: left;
	margin: 0;
	}
		.tableDisplay dd input {
		width: 430px;
		}


/* !contact*/
#contact {
overflow: auto;
padding: 0 20px;
}
	#contact-info,
	#store-hours {
	width: 280px;
	}
		#contact .tableDisplay {
		width: 260px;
		}
			#contact .tableDisplay dt,
			#contact .tableDisplay dd {
			width: 120px;
			padding: 2px 5px;
			}