/* Base div structure and styles */
body {
	font: 75% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px;
	background: #EBF5CC;
}
.container {
	background: #FFF url(../images/bg_header.png) repeat-x left top;
	font: 1em;
	text-align: center;
}
.header, .content, .footerContent {
	text-align: left;
	margin: 0px auto;
	width: 880px;
}
.header {
	background: url(../images/bg_headnav.png) no-repeat right top;
	padding-top: 30px;	
}
.branding {
	height: 50px;
	padding-left: 10px;
}
.content {
	text-align: left;
	clear: both;
	margin-top: 44px;
	padding: 20px 10px 40px;
	width: 860px;
}
.contentPage {
	width: 600px;
}
.footer {
	min-height: 240px;
	background: #EBF5CC url(../images/bg_foot.png) repeat-x left top;
	padding-bottom: 40px;
}
.footerContent {
	width: 889px;
}
.footer .footerNav {
	width: 235px;
	min-height: 200px;
	padding: 30px;
	background: url(../images/bg_footernav.png) no-repeat center top;
	float: left;
}

/* Homepage structure styles */
.contentMain {
	float: left;
	width: 440px;
}
.contentSide {
	float: right;
	width: 390px;
}
.contentMain img, .contentSide img {
	margin-top: 40px;
}
.sectionBlock {
	clear: block;
}

/* Link styles */
a:link {
	color: #066;
}
a:visited {
	color: #696;
}
a:hover, a:active {
	background: #066;
	color: #FFF;
}
.branding img, .branding a:link img, .branding a:visited, .branding a:hover, .branding a:active {
	text-decoration: none;
	background: none;
	border: none;
}
a.productImage:link, a.productImage:visited, a.productImage:hover, a.productImage:active, a.productImage img {
	border: none !important;
}

/* Navigation Styles */
.nav {
	float: right;
	clear: both;
}
.nav * {
	margin: 0px;
	padding: 0px;
}
.nav ul {
	list-style: none;
	display: block;
	clear: both;
	height: 20px;
	float: right;
	margin: 0px 1px;
}
.nav li {
	float: left;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	margin-right: -1px;
}
.globalNav {
	width: 484px;
}
.globalNav a:link, .globalNav a:visited {
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background: url(../images/bg_nav.png) no-repeat left top;
	display: block;
	width: 120px;
	padding: 3px 0px;
}
.globalNav a:hover, .globalNav a:active, .globalNav a.thisPage {
	color: #333;
	background: url(../images/bg_nav_on.png) no-repeat left top;
}
.subNav {
	min-width: 484px;
	padding-top: 4px;
}
.subNav a:link, .subNav a:visited {
	color: #666;
	text-decoration: none;
	background: url(../images/bg_subnav.png) repeat-x left top;
	display: block;
	padding: 3px 10px;
}
.subNav a:hover, .subNav a:active, .subNav a.thisPage {
	color: #333;
	text-decoration: none;
	background: url(../images/bg_subnav_on.png) repeat-x left top;
	display: block;
	padding: 3px 10px;
}

/* Headers */
h1, h2, h3 {
	font-family: "Gill Sans", "Tahoma", Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 0px;
}
h4, h5, h6 {
	margin: 0px;
}
h2 {
	font: normal 1.4em "Gill Sans", "Tahoma", Verdana, Arial, sans-serif;
	color: #999;
	text-transform: uppercase;
	padding-top: 10px;
	margin-top: 10px;
	display: block;
	border-bottom: dotted 1px #CCC;
	clear: both;
}
h1, .home.contentMain h2, .home.contentSide h2 {
	font-size: 1.7em;
	padding: 10px 15px 15px 0px;
	background: url(../images/bg_headerarrow.png) no-repeat right center;
	display: inline;
	text-transform: none;
	color: #666;
	clear: both;
	border-bottom: none;
	margin-bottom: 20px;
}
h1 + p, h1 + address {
	margin-top: 0.5em;
}
h3, caption {
	color: #333;
	font: bold 1em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 0.5em 0em;
	padding-bottom: 5px;
	text-align: left;
}
.contentSide h3 {
	border-bottom: solid 1px #D9D9D9;
}
.footer h3 {
	color: #666;
	font: normal 1.5em "Gill Sans", "Tahoma", Verdana, Arial, sans-serif;
	border: none;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	color: #666;
	margin-top: 10px;
}
.footer h4 {
	font-size: 1.2em;
	padding: 0px 10px 3px 0px;
	margin-bottom: 10px;
	display: inline;
	background: url(../images/bg_headerarrow2.png) no-repeat right center;
}
h5 {
	font-size: 1em;
	font-weight: normal;
	color: #999;
	margin-top: 10px;
}

/* Typography */
.introPara {
	display: block;
	border-bottom: solid 1px #D9D9D9;
	margin-bottom: 20px;
	padding-bottom: 0px;
	clear: both;
}
address {
	font-style: normal;
	line-height: 1.4em;
	margin: 0em 0em 1.5em;
}

/* Lists */
ul {
	list-style: square;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.utilityLinks, .footer ul {
	display: inline-block;
	padding: 0px 0px 10px 18px;
}
.footer ul {
	display: block;
}
ul.utilityLinks li, .footer li {
	list-style: url(../images/bullet_link.png);
	clear: both;
	margin-bottom: 0.5em;
}
.sectionBlock ul.utilityLinks {
	display: block;
	margin: 0px;
}
.sectionBlock ul.utilityLinks li {
	margin-top: 0px;
	margin-left: 120px;
}
.footer ul {
	padding-left: 30px;
}
dl {
	margin: 0px 0px 0px 20px;
}
dt, dd {
	margin-left: 0px;
}
dt {
	font-weight: bold;
	margin-top: 1.25em;
	margin-bottom: 0.25em;
}
dl strong {
	font-size: 1.2em;
	margin-left: -20px;
	margin-right: 5px;
}
dt strong {
	color:#933;
}
dd strong {
	color: #690;
}
.contentSide dl {
	margin-left: 0px;
}
ul.productList {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.productList li {
	display: block;
	float: left;
	width: 120px;
	height: 180px;
	margin: 20px 25px;
}
ul.productList a {
	font-weight: bold;
}
ul.productList li img {
	display: block;
	border: solid 1px #DDD;
	padding: 10px;
	margin-bottom: 5px;
}
ul.productList li img:hover {
	border: solid 1px #066;
}

/* Tables */
table {
	width: 100%;
	border: none;
	border-collapse: separate;
	border-spacing: 0px;
	margin-bottom: 20px;
}
table th {
	text-transform: uppercase;
	text-align: left;
	background: #DDD;
	padding: 3px 5px;
	border-bottom: solid 1px #999;
}
table tr {
	border-bottom: solid 1px #DDD;
}
table td {
	vertical-align: top;
	padding: 10px 5px 5px;
}
tr.altRow {
	background: #F6F6F6;
}

/* Misc Styles */
.skipToContent {
	display: none;
}
abbr, acronym {
	border-bottom: dotted 1px #AAA;
}
.nav abbr, .nav acronym, h1 acronym, a acronym {
	border-bottom: none;
}
.stretcher {
	width: 100%;
	clear: both;
}
.featurePhoto {
	float: left;
	clear: left;
	padding: 0px 10px;
	background: #FFF;
}
.detailPhoto {
	float: left;
	margin-right: 20px;
}
.locatorMap {
	text-align: center;
	margin: 20px 0px;
	border: none;
}
.right {
	text-align: right;
}

/* Forms */
fieldset {
	margin: 10px 0px;
	border: solid 1px #CCC;
}
fieldset.billing, fieldset.shipping {
	float: left;
	clear: none;
	width: 260px;
}
fieldset.shipping {
	float: right;
}
label {
	display: block;
	margin-bottom: 5px;
}
input {
	display: block;
}
input, table input {
	background: #F9F9F9;
	border: solid 1px #999;
}
input:focus, table input:focus {
	background: #FFF;
	border: solid 1px #666;
}
input.inline {
	width: 30px;
	display: inline;
	clear: none;
}
table input {
	width: 60px;
	display: inline;
}
form table {
	width: 100%;
	clear: both;
}
form table td {
	padding: 5px;
	min-width: 60px;
	border-bottom: dotted 1px #CCC;
}

#modal_container {
	padding: 10px 20px;
	background-color:#FFF;
	border:1px solid #666;
	overflow:auto;
	text-align:left;
}

#modal_container.test {
	background-color:#900;
	color:#fff;
	padding:30px;
	text-align:center
}

#modal_overlay {
	background-color:#FFF;
}

#modal_overlay.test {
	background-color:#FFF;
}
#modal_container h3 {
	display: block;
	font: 1.5em "Gill Sans", "Tahoma", Verdana, Arial, sans-serif;
	border-bottom: dotted 1px #333;
}
