@import url('reset.css');

body {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 100%;
	background: #9dc9ba url('/images/background.gif') repeat-x top left;
}

a,
a:visited,
a:active {
	color: #f0495a;
}

a:hover {
	color: #ec351f;
}

div#container-outer {
	margin: 8px auto;
	width: 902px;
	border: 1px solid #959281;
	background: #fff;
}

div#container {
	width: 863px;
	margin: 3px;
	padding: 13px 12px 12px 19px;
	border: 1px solid #959281;
	background: #fff;
}

div#header {
	position: relative;
	width: 863px;
	height: 146px;
}

h1#branding {
	width: 203px;
	height: 130px;
	margin: 10px 10px 16px 10px;
}

h1#branding a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('/images/logo_helendale.gif') no-repeat left top;
	overflow: hidden;
	text-indent: -5000px;
}

h2#tagline {
	position: absolute;
	width: 700px;
	height: 169px;
	right: -12px;
	top: -23px;
	overflow: hidden;
	text-indent: -5000px;
	background: url('/images/banner.gif') no-repeat right top;
}

div#hcard-Helendale-Dermatology {
	position: absolute;
	right: 8px;
	top: 10px;
	font-size: 0.625em;
	text-align: right;
	color: #FF8A00;
}

div#hcard-Helendale-Dermatology .hidden {
	display: none;
}

div#hcard-Helendale-Dermatology .adr {
	line-height: 250%;
}

div#hcard-Helendale-Dermatology .org {
	font-weight: bold;
	text-transform: uppercase;
}
#nav, #nav ul {
	line-height: 31px;
	list-style: none;
	margin: 0;
	padding: 0;
  border-bottom: 1px solid #9fcabb;
  border-top: 1px solid #9fcabb;
  font-family: Georgia, "Times New Roman", Times;
  height: 31px;
}
#nav a {
	display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
	text-align: center;
  color: #939181;
}
#nav a:hover {
	color: red;
}
#nav li {
	float: left;
	height: 31px;
}
#nav li.home, #nav li.home ul, #nav li.home ul li {
  width: 111px;
}
#nav li.home a.home {
  background: url('/images/li_home.png') no-repeat 0 0;
  overflow: hidden;
  text-indent: -5000px;
}
#nav li.home ul ul {
	margin: -31px 0 0 117px;
}
#nav li.about-us, #nav li.about-us ul, #nav li.about-us ul li {
  width: 114px;
}
#nav li.about-us ul ul li {
  width: 220px;
}
#nav li.about-us a.about-us {
  background: url('/images/li_about-us.png') no-repeat 0 0;
  overflow: hidden;
  text-indent: -5000px;
}
#nav li.about-us ul ul {
	margin: -31px 0 0 120px;
}
#nav li.our-services {
  width: 134px;
}
#nav li.our-services ul, #nav li.our-services ul li {
  width: 180px;
}
#nav li.our-services ul ul li {
  width: 220px;
}
#nav li.our-services a.our-services {
  background: url('/images/li_our-services.png') no-repeat 0 0;
  overflow: hidden;
  text-indent: -5000px;
}
#nav li.our-services ul ul {
	margin: -31px 0 0 186px;
}
#nav li.our-products, #nav li.our-products ul, #nav li.our-products ul li {
  width: 136px;
}
#nav li.our-products a.our-products {
  background: url('/images/li_our-products.png') no-repeat 0 0;
  overflow: hidden;
  text-indent: -5000px;
}
#nav li.our-products ul ul {
	margin: -31px 0 0 142px;
}
#nav li.faqs, #nav li.faqs ul, #nav li.faqs ul li {
  width: 88px;
}
#nav li.faqs a.faqs {
  background: url('/images/li_faqs.png') no-repeat 0 0;
  overflow: hidden;
  text-indent: -5000px;
}
#nav li.faqs ul ul {
	margin: -31px 0 0 94px;
}
#nav li.in-the-media, #nav li.in-the-media ul, #nav li.in-the-media ul li {
  width: 137px;
}
#nav li.in-the-media a.in-the-media {
  background: url('/images/li_in-the-media.png') no-repeat 0 0;
  overflow: hidden;
  text-indent: -5000px;
}
#nav li.in-the-media ul ul {
	margin: -31px 0 0 143px;
}
#nav li.contact-us, #nav li.contact-us ul, #nav li.contact-us ul li {
  width: 143px;
}
#nav li.contact-us a.contact-us {
  background: url('/images/li_contact-us.png') no-repeat 0 0;
  overflow: hidden;
  text-indent: -5000px;
}
#nav li.contact-us ul ul {
	margin: -31px 0 0 149px;
}
#nav li ul {
	position: absolute;
	left: -999em;
  border-bottom: 0px;
  border-top: 0px;
  z-index: 100;
}
#nav li ul li a {
  padding-left: 6px;
  text-decoration: none;
	text-align: left;
  color: #fff;
	background-color: #9fcabb;
	opacity: 0.9;
}
#nav li ul li a:hover {
  color: #9fcabb;
  background-color: #fff; 
}
/* Third Level */
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
div#tools {
	padding: 13px 12px 24px;
	font-size: 0.75em;
}

div#tools label {
	color: #939181;
}

ul#notice {
	float: left;
}

form#quick-search {
	float: right;
}

ul#notice li {
	display: inline;
}

div#sidebar {
	float: left;
	width: 174px;
	padding: 0 29px 0 10px;
	border-right: 1px solid #e5e4d5;	
}

div#sidebar dl {
	margin-bottom: 12px;
}

div#sidebar dt {
	margin-bottom: 9px;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	color: #9fcabb;
}

div#sidebar dd a.even {
	background: #fafaf5;
}

div#sidebar dd a.odd {
	background: #fff;
}

div#sidebar dd a {
	display: block;
	padding: 6px 0 6px 8px;
	font-size: 0.75em;
	text-decoration: none;
	border-top: 1px solid #e5e4d5;
	color: #939181;
}

div#sidebar dd.current a {
	color: #4d4833;
}

div#sidebar dd.current a:before {
	content: "\00BB \00A0";
}

div#sidebar dd a:hover {
	color: #fff;
	background: #f69488;
}

div#content {
	float: left;
	width: 604px;
	margin: 0 16px 13px 29px;
}

div#content h1 {
	font-family: Palatino,Georgia,"Times New Roman",Times,serif;
	font-size: 2.25em;
	line-height: 100%;
	letter-spacing: -0.05em;
	color: #fc260f;
}

div#content h2 {
	font-family: Palatino,Georgia,"Times New Roman",Times,serif;
	font-size: 1.5em;
	color: #939181;
	line-height: 100%;
}

div#content.products h3,
div#content.categories h3,
div#content h3.cart,
div#content h3.account {
	margin-bottom: 1.0em;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	letter-spacing: -0.05em;
	color: #939181;
}

div#content.products h3 strong,
div#content.categories h3 strong,
div#content h3.cart,
div#content h3.account strong {
	font-size: 1.33em;
	letter-spacing: normal;
	color: #4d4833;
}

div#content.products h3 a.back,
div#content.categories h3 a.back {
	margin-left: 8px;
	font-size: 75%;
	color: #9fcabb;
}

ul#categories,
ul#products {
	padding: 0 0 24px;
	margin-right: -29px;
}

ul#categories li.category,
ul#products li.product {
	position: relative;
	float: left;
	width: 180px;
	min-height: 240px;
	margin: 0 29px 34px 0;
	font-size: 0.6875em;
}

ul#categories li.category a,
ul#products li.product a {
	display: block;
	color: #000;
	text-decoration: none;
}

ul#categories li.category a span,
ul#products li.product a span {
	display: block;
}

ul#categories li.category img,
ul#products li.product img {
	margin-bottom: 8px;
	border: 1px solid #959281;
	background: #fff;
}

div#content.products p label {
	color: #4d4833;
}

div#content.products p, 
div#content.products table, 
div#content p.category-description {
	margin-bottom: 1.0em;
	font-size: 0.875em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 175%;
	text-align: justify;
	color: #939181;
}

div#content.products table {
	width: 576px;
}

div#content.products table th {
	padding-bottom: 5px;
	color: #4d4833;
	border-bottom: 1px solid #e5e4d5;
}

div#content.products table tbody td {
	padding: 3px 0 4px;
	font-size: 0.6875em;
}

table#cart {
	width: 604px;
	font-size: 0.75em;
}

table#cart thead,
table#cart td.product dl dd {
	color: #939181;
}

table#cart thead th {
	padding-bottom: 8px;
}

table#cart tbody td {
	padding-bottom: 16px;
}

table#cart th.price.total,
table#cart td.price.total,
table#cart tfoot td {
	text-align: right;
}

table#cart td.quantity input {
	font-size: 0.6667em;
}

table#cart td.quantity input#cart_item_quantity {
	font-size: 1.0em;
}

table#cart td.product img,
table#cart td.product dl {
	float: left;
}

table#cart td.product dl {
	margin-left: 8px;
}

table#cart tfoot p {
	margin-bottom: 16px;
	font-weight: bold;
}

table#cart tfoot label {
	font-weight: normal !important;
}

fieldset.login {
	width: 300px;
	float: left;
}

fieldset.create-account {
	width: 300px;
	float: right;
}

fieldset.login p, 
fieldset.create-account p,
fieldset.billing p,
fieldset.shipping p,
fieldset.payment p,
div#success p,
fieldset.my-account p {
	margin-bottom: 16px;
}

fieldset.login label, 
fieldset.create-account label,
fieldset.login label,
fieldset.billing label,
fieldset.shipping label,
fieldset.payment label, 
fieldset.my-account label,
fieldset.login a {
	font-size: 0.75em;
}

p.warning {
	font-size: 0.75em;
}

p.warning strong {
	font-weight: bold;
}

p#footer {
	margin: 1.0em auto;
	width: 904px;
	font-size: 0.75em;
	text-align: center;
	color: #939181;
}