/*
 * #01 - General
 * #02 - Headings
 * #03 - Text (by tag)
 * #04 - Text (by id/class)
 * #05 - Text (other) 
 * #06 - Lists
 * #07 - Forms
 * #08 - Tables 
 * #09 - Other   
 */

/* #01 - GENERAL **************************************************************/

html {
	font: small verdana, helvetica, arial, sans-serif;
	color: #000;
}

/* #02 - HEADINGS *************************************************************/

h1 {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent 0 0 no-repeat;
	width: 756px;
	height: 30px;
	margin: 0 0 30px 36px;;
}

body#index h1 { background-image: url('../images/h1_index.gif'); height: 84px; }
body#features h1 { background-image: url('../images/h1_features.gif'); }
body#about h1 { background-image: url('../images/h1_about.gif'); }
body#contact h1 { background-image: url('../images/h1_contact.gif'); }
body#enviro h1 { background-image: url('../images/h1_enviro.gif'); }
body#error404 h1 { background-image: url('../images/h1_error-404.gif'); }
body#privacy h1 { background-image: url('../images/h1_privacy.gif'); }
body#sitemap h1 { background-image: url('../images/h1_sitemap.gif'); }

body#products h1 { background-image: url('../images/h1_products.gif'); }
body#benches h1 { background-image: url('../images/h1_products-benches.gif'); }
body#tables h1 { background-image: url('../images/h1_products-tables.gif'); }
body#waste-receptacles h1 { background-image: url('../images/h1_products-waste.gif'); }
body#other h1 { background-image: url('../images/h1_products-other.gif'); }

body#benches-heritage h1 { background-image: url('../images/h1_products-benches-heritage.gif'); }
body#benches-ridgewood h1 { background-image: url('../images/h1_products-benches-ridgewood.gif'); }
body#benches-parkway h1 { background-image: url('../images/h1_products-benches-parkway.gif'); }
body#benches-central h1 { background-image: url('../images/h1_products-benches-central.gif'); }
body#benches-bridgeport h1 { background-image: url('../images/h1_products-benches-bridgeport.gif'); }
body#benches-franklin h1 { background-image: url('../images/h1_products-benches-franklin.gif'); }
body#benches-windsor h1 { background-image: url('../images/h1_products-benches-windsor.gif'); }

body#tables-heritage h1 { background-image: url('../images/h1_products-tables-heritage.gif'); }
body#tables-ridgewood h1 { background-image: url('../images/h1_products-tables-ridgewood.gif'); }
body#tables-parkway h1 { background-image: url('../images/h1_products-tables-parkway.gif'); }
body#tables-central h1 { background-image: url('../images/h1_products-tables-central.gif'); }
body#tables-games h1 { background-image: url('../images/h1_products-tables-games.gif'); }

body#waste-101 h1 { background-image: url('../images/h1_products-waste-101.gif'); }
body#waste-1012 h1 { background-image: url('../images/h1_products-waste-1012.gif'); }
body#waste-102 h1 { background-image: url('../images/h1_products-waste-102.gif'); }
body#waste-103 h1 { background-image: url('../images/h1_products-waste-103.gif'); }
body#waste-104 h1 { background-image: url('../images/h1_products-waste-104.gif'); }
body#waste-106 h1 { background-image: url('../images/h1_products-waste-106.gif'); }
body#waste-107 h1 { background-image: url('../images/h1_products-waste-107.gif'); }

body#other-bike-rack h1 { background-image: url('../images/h1_products-other-bike.gif'); }
body#other-bollard h1 { background-image: url('../images/h1_products-other-bollard.gif'); }
body#other-poster-kiosk h1 { background-image: url('../images/h1_products-other-poster-kiosk.gif'); }

h2 {
	font: 1.4em arial, helvetica, sans-serif;
	color: #289eb6;
	margin-bottom: 6px;
	padding-top: 12px;
}
h2.first { padding-top: 0; }

h3 {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent 0 0 no-repeat;
}
#sidebar h3 {
	width: 152px;
	height: 90px;
	background-image: url('../images/h3_sidebar.gif');
}

h4 {
	font: 1.6em arial, helvetica, sans-serif;
	color: #056b9a;
}
.product-category h4 { margin: 12px 0 8px 15px; }
.product-info h4 { margin: 12px 0 8px; }

/* #03 - TEXT (BY TAG) ********************************************************/

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	font-weight: bold;
	color: #056b9a;
	border-bottom: 1px dotted #056b9a;
}

.external { padding-right: 10px; background: url('../images/external-link.gif') right 1px no-repeat; } 

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	font-weight: normal;
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}
#footer a:hover { border-bottom: 1px solid #000; }

div.product-category h4 a,
div.product-info h4 a { border: none; font-weight: normal; }
div.product-category h4 a:hover,
div.product-info h4 a:hover { border-bottom: 1px dotted #056b9a; }

#inner-wrapper p { margin-bottom: 16px; }

#sideform p { color: #fff; margin-right: 8px; }
#sideform form p { margin-bottom: 8px; }

#index-cta p { margin-bottom: 6px; color: #fff; }

#footer p {
	color: #000;
	font-size: 0.75em;
	line-height: 1.6em;
}

/* #04 - TEXT (BY ID/CLASS) ***************************************************/

/* Navigation */

#main-nav a:link, #main-nav a:visited, #main-nav a:hover, #main-nav a:active {
	font: 1.2em arial, helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	border: none;
	text-transform: uppercase;
}
#main-nav a:hover { color: #000; }

body#index #main-nav a#nav-home { display: none; }
body#features #main-nav a#nav-features,
body#products #main-nav a#nav-products,
body#about #main-nav a#nav-about,
body#contact #main-nav a#nav-contact { color: #000; }

/* #05 - TEXT (OTHER) *********************************************************/

/* #06 - LISTS ****************************************************************/

#inner-wrapper li {
	padding-left: 4px;
}

/* #07 - FORMS ****************************************************************/

/* #08 - TABLES ***************************************************************/

table.tbl-product td.col-l { font-weight: bold; }

/* #09 - OTHER ****************************************************************/

a img,
a.img-link { border: none; }
