/* global.css
// www.oshaguard.com
// 9.5.04
*/

body {
	font: 80%/125%   'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; 
	color: #242424; 
	background-color: white; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	background-image: url(../images/b_page.jpg); 
	background-repeat: repeat-y; 
	background-position: center;
}

/*<group=page structures>*/

#masthead {
	color: white; 
	background-color: #696969; 
	height: 60px;
}

#pageContainer {
	width: 780px; 
	\width: 800px; 
	w\idth: 780px; 
	margin-right: auto; 
	margin-left: auto; 
	text-align: left;
}

#navUtility {
	float: right; 
	margin: 8px 12px; 
	font-size: .9em;
}

#pageContent {
	padding-top: 12px; 
	clear: both; 
	/*background-image: url(../images/b_contentarea.gif);*/
	background-repeat: repeat-y; 
	background-color: white;
}

#sidebar {
	float: right; 
	width: 160px; 
	\width: 170px; 
	w\idth: 160px; 
	margin: 0; 
	margin-left: 10px; 
	padding: 5px; 
	color: black; 
	background-color: transparent;
}

/*</group>*/

/*<group=typography>*/

label, textarea, select, input, span, p, li, td, th, a {
	font-size: 1em;
}

h1, h2, h3 {
	margin: 0 0 8px 0; 
	padding: 0; 
	font-family: arial, sans-serif; 
	font-weight: bold;
}

h1 {
	margin: 5px 0 0; 
	color: #ff6600; 
	font-size: 1.4em; 
	padding: 0 0 4px; 
	line-height: 1.2em;
}

h2 {
	color: #195087; 
	font-size: 1.2em; 
	padding: 0; 
	margin-bottom: 2px; 
	margin-top: 6px;
}

h3 {
	color: #242424; 
	font-size: 1em;
}

p {
	margin: 0 0 .3em; 
	line-height: 1.4em; 
	color: #030303;
}

p.emphasized { 
	font-weight: bold;
}

/*</group>*/

/*<group=forms>*/

#searchField {
	float: right; 
	padding-right: 9px;
}

form {
	margin: 0;
}

/*</group>*/

/*<group=lists>*/

ul li {
	margin-left: 12px; 
	line-height: 1.5em;
}

ul {
	margin: 0 0 0 9px; 
	padding: 0;
}

#navUtility ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}

#navUtility ul li {
	list-style-type: none; 
	float: left; 
	display: inline;
}

#navUtility ul li a {
	color: white; 
	padding-left: 10px; 
	text-decoration: none;
}

#navUtility ul li a:hover {
	background-image: url(../images/b_orangebullet.gif); 
	background-repeat: no-repeat; 
	background-position: left;
}

/*</group>*/

/*<group=maincontent styles>*/

#mainContent, #mainContentS {
	margin: 0 12px 0 12px; 
	padding-bottom: 12px;
}

#mainContentS {
	margin-right: 192px; 
	padding-right: 12px; 
	border-right: 1px dashed #696969;
}

#mainContent .promoInline {
	margin: 12px 0 12px 0;
}

#mainContent .promoInline h2 {
	margin-bottom: 0px;
}

/*</group>*/

/*<group=masthead styles>*/

#masthead img {
	float: left;
}

/*</group>*/

/*<group=sidebar rstyles>*/

#sidebar h3 {
	font-size: 1.2em; 
	color: black; 
	padding-bottom: .2em; 
	border-bottom: 1px dotted white;
}

#sidebar p.attribution {
	font-family: georgia, serif; 
	font-weight: normal; 
	font-style: italic; 
	text-align: right; 
	font-size: 1.3em; 
	padding-top: 0; 
	margin-top: 0;
}

#sidebar p.quote {
	font-family: georgia, serif; 
	font-weight: normal; 
	font-style: italic; 
	font-size: 1.3em; 
	background-color: #95C9CD; 
	margin-bottom: 0; 
	padding-bottom: 0;
}

#sidebar p {
	color: black; 
	font-weight: bold; 
	margin: .2em; 
	margin-bottom: 9px;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active {
	color: black;
}

/*</group>*/

/*<group=footer styles>*/

#pageFooter {
	background-color: #E7E7E7; 
	border-top: 1px solid #d9d9d9; 
	border-bottom: 1px solid #d9d9d9; 
	padding-top: 1em; 
	padding-left: 12px; 
	padding-bottom: 1em; 
	font-size: .85em; 
	clear: all;
}

#pageFooter p {
	line-height: 1.3em; 
	margin: 0;
}

#footerlinks {
	float: right; 
	margin-right: 9px;
}

#footerlinks a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active {
	color: black;
}

/*</group>*/

/*<group=nav styles>*/

#navPrimary ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	float: left; 
	background-color: #E7E7E7; 
	width: 100%; 
	border-top: 1px solid white; 
	border-bottom: 1px solid #D9D9D9;
}

#navPrimary ul li {
	display: inline;
}

#navPrimary ul li a {
	padding: 0.2em 1em; 
	background-color: #E7E7E7; 
	color: #696969; 
	text-decoration: none; 
	font-size: .95em; 
	float: left; 
	border-right: 1px solid #fff;
}

#navPrimary ul li#active a {
	background-color: white;
}

#navPrimary ul li a:hover {
	padding: 0.2em 1em; 
	color: #242424; 
	background-color: white; 
	text-decoration: none; 
	float: left; 
	border-right: 1px solid #fff;
}

/*</group>*/

hr {
	height: 1px; 
	background-color: #696969; 
	color: #696969; 
	border: 0px;
}

img {
	border: none;
}

#locations {
	border: 1px none black; 
	width: 100%; 
	margin-top: 16px; 
	border-bottom: solid #bfbfbf 1px; 
	margin-bottom: 16px;
}

#locations th {
	padding: 2px 2px 2px 4px; 
	font-weight: bold; 
	background: #bfbfbf; 
	text-align: left; 
	border-right: 1px solid white;
}


#locations td {
	padding: 6px 4px 4px 6px; 
	border-bottom: 1px solid #bfbfbf;
}

#locations td p {
	margin:  0;
}

#locations td h3 {
	margin:  0;
	font-size: 1.2em;
}

.orderButton {
	float: right;
}

.productShot {
	float: right; 
	padding-left: 12px; 
	padding-bottom: 12px;
}

.productOptions {
	margin-top: 12px;
}

.productPrice {
	font-size: 110%; 
	font-weight: bold;
}

.accent {
	float: right; 
	margin-left: 24px; 
	margin-bottom: 24px;
}

.priceRow {
	padding-top: 9px;
}

.productsTable {
	margin-top: 15px; 
	border-bottom: 2px solid #e7e7e7;
}

.productsTable p {
	font-style: italic;
}

.productsTable th {
	text-align: left; 
	font-weight: bold; 
	color: black; 
	background-color: #e7e7e7; 
	padding: 4px;
}

.productsTable td {
	padding-top: 6px; 
	padding-bottom: 6px; 
	border-bottom: 1px solid #e7e7e7;
}

.productsTable td img {
	margin-right: 12px;
}

.back {
	margin-top: 18px; 
	font-size: 11px; 
	font-weight: bold; 
	padding: 4px;
}


