html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background: #ffffff;
	color: #fffff;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
}
a {
	color: #0000FF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 1.55em;
	font-size: 13px;
}
strong {
	color: #c2c2c2;
}
form {
	margin: 0;
	padding: 0;
}
a img { border: none; }
table {
	margin: 0 0 15px 0;
}
th {
	padding: 4px 6px;
	color: #ccc;
	background: #444;
}
th, td {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
}
.alt-row {
	background: #222;
}
table.border {
	border-color: #505050;
	border-width: 0 0 1px 1px;
	border-style: solid;
}
table.border th, table.border td {
	border-color: #505050;
	border-width: 1px 1px 0 0;
	border-style: solid;
}
div.border {
	margin: 5px 0 15px 0;
	padding: 23px;
	border: 1px solid #505050;
}
div.border p {
	padding: 0 !important;
}
.halfborder {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 5px 0 15px 0;
	padding: 15px 0 20px 0;
}
hr {
	height: 1px;
	border: none;
	color: #333;
	background: #333;
	margin: 3px 0 20px 0;
}
.clearfix {
	clear: both;
	height: 1px;
	overflow: hidden;
}
.center { text-align: center; }
.center img { display: inline; }
.errors {
	margin: 0 0 15px 0;
	color: #ddd;
}

/**
* Page height adjustments
*/

#splash-wrap {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -308px;
}
#splash {
	position: relative;
	height: 616px;
}

#page-wrap {
	width: 100%;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#page {
	padding-bottom: 86px;
}

/**
* Logo / navigation header
*/

#header-wrap {
	background: #202020 url() top left repeat-x;
}
#header {
	width: 936px;
	margin: 0 auto;
	padding: 11px 14px;
	height: 62px;
	background: transparent url(images/header_bar.png) top left repeat-x;
}
#header h5 {
	float: left;
	margin: 0;
	padding: 0;
}
#header h5 a {
	display: block;
	width: 204px;
	height: 64px;
	background: url(skin/frontend/default/jm_purity/images/AgePageBackground.jpg) top left no-repeat;
	text-indent: -9999px;
}
#top-nav {
	float: left;
	width: 722px;
}
#top-nav ul {
	float: right;
	margin: 16px 6px 0 0;
	padding: 0;
	list-style-type: none;
}
#top-nav ul li {
	display: block;
	float: left;
	margin: 0 3px;
	padding: 0;
}
#top-nav a {
	display: block;
	padding: 6px 12px;
	color: #fff;
	background: #1f1f1f;
	border: 1px solid #4a4a4a;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#top-nav a.here {
	background: #777777;
	border: 1px solid #787878;
}
#top-nav a:hover, #top-nav a:focus {
	background: #75982e;
	border: 1px solid #75982e;
}

/**
* Splash page
*/
.button_enter {
	display: block;
	margin: 12px auto;
	width: 111px;
	height: 32px;
	background: transparent url(/magento/skin/frontend/default/jm_purity/images/button_enter.png) 0 0 no-repeat;
	font-size: 13px;
	font-weight: bold;
	text-indent: -9999px;
	overflow: hidden;
}
.button_enter:hover {
	background-position: 0 -32px;
}

/**
* Introduction area
*/

#intro {
	width: 935px;
	height: 318px;
	margin: 0 auto;
	padding: 15px;
	background: #709527 url(images/promo_bg.jpg) left top no-repeat;
}
#intro h1 {
	margin: 0;
	padding: 102px 500px 22px 22px;
	color: #fff;
	font-size: 22px;
	font-weight: 300;
	line-height: 150%;
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.button_tour {
	float: left;
	display: block;
	margin: 0 0 0 158px;
	width: 111px;
	height: 32px;
	background: transparent url(images/button_tour.png) 0 0 no-repeat;
	font-size: 13px;
	font-weight: bold;
	text-indent: -9999px;
	overflow: hidden;
}
.button_tour:hover {
	background-position: 0 -32px;
}

/**
* Sub-page header stripe
*/

#sub {
	width: 964px;
	height: 66px;
	margin: 0 auto;
	background: #FFFFFF;
}

/**
* Side menu
*/

#menu {
	width: 220px;
	float: right;
}
#menu ul {
	margin: 3px 0 20px 0;
	padding: 0;
	list-style-type: none;
}
#menu li {
	margin: 0;
	padding: 0;
	line-height: 1em;
	display: block;
	background: transparent;
}
#menu li a {
	display: block;
	padding: 6px 8px 7px 8px;
	color: #eee;	
	text-decoration: none;
	font-size: 13px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	line-height: 1em;
}
.products li a {
	padding-left: 14px !important;
}
#menu li a.top {
	border-top: 1px solid #333;
}
#menu li a:hover {
	background: #222;
	border-bottom: 1px solid #000;
}
#menu li a.here {
	background: #777777 !important;
	border-bottom: 1px solid #787878;
}
#menu li a.first {
	padding-left: 8px !important;
	background: #6d8f2a !important;
	border-bottom: #6d8f2a !important;
	font-weight: bold;
}

/**
* Content area
*/

#body {
	margin: 0 auto;
	border-top: 20px solid #ffffff;
}
.body-splash {
	width: 600px;
	padding: 0px 150px 0 150px;
	background: #ffffff;
}
#content {
	width: 623px;
}
.body-splash h1 {
	margin: 0 auto !important;
	padding: 0 0 0px 0 !important;
	width: 394px;
	height: 259px;
	background: transparent url(magento/skin/frontend/default/jm_purity/images/AgePageBackground.jpg) left top no-repeat;
	text-indent: -9999px;
}
#body h3 {
	margin: 0;
	padding: 0 0 15px 0;
	color: #b7d877;
	font-size: 18px;
	font-weight: bold;
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1em;
}
#body h4 {
	margin: 0;
	padding: 0 0 7px 0;
	color: #ccc;
	font-weight: bold;
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
}
#body .col {
	float: left;
	width: 33%;
	padding: 10px 0 0 0;
}
#body .col h2 {
	margin: 0 31px;	
	padding: 0 0 31px 0;
	text-align: center;
}
#body .col p {
	margin: 0 31px;
}
#body .col ul {
	margin: -5px 0 0 0;
	padding: 0 0 15px 30px;
}

/**
* Products
*/

.grid-item {
	float: left;
	width: 290px;
	padding: 10px 0 25px 20px;
	text-align: center;
}
.grid-alt {
	clear: left;
	padding: 10px 20px 25px 0 !important;
}
.photo {
	padding: 10px 20px 20px 0;
	text-align: center;
}
.grid-item .photo {
	border-top: 1px solid #333;
}
.desc {
	padding: 10px 0 20px 0;
}
.grid-item .desc {
	border-top: 1px solid #333;
}
.grid-item p, .desc p {
	padding: 0 0 8px 0;
	line-height: 1.2em;
}
.price {
	color: #ddd;
}
.sale {
	color: #eee;
	font-weight: bold;
}
#pagination {
	border-top: 1px solid #222;
	padding: 15px 0 0 0;
}
#pages-current {
	float: right;
}

/**
* Forms
*/

.form, .form td {
	border: none;	
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
.fieldset {
	line-height: 205%;
}
label {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
}
textarea, input, select {
	color: #ddd !important;
	background: #272727 !important;
	border-top: 1px solid #777;
	border-right: 1px solid #444;
	border-bottom: 1px solid #777;
	border-left: 1px solid #444;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	vertical-align: middle;
}
textarea {
	overflow: auto;
}
.button, .buttons {
	cursor: pointer;
	margin: 0 auto;
	padding: 1px 9px;
	overflow: visible;
	vertical-align: middle;
	background: #606060;
	border-top: 1px solid #888;
	border-right: 1px solid #555;
	border-bottom: 1px solid #444;
	border-left: 1px solid #666;
	font-weight: bold;
}
.button:hover {
	color: #fff;
	background: #6f6f6f;
}

/**
* Images
*/

img.right {
	display: block;
	float: right;
	margin: 0 0 15px 15px;
}
img.left {
	display: block;
	float: left;
	margin: 0 0 15px 15px;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.padded {
	display: block;
	margin-bottom: 10px;
}

/**
* Lists
*/

ol, ul {
	margin: 0;
	padding: 0 0 20px 15px;
}
ol.noindent, ul.noindent {
	margin: 0 !important;
	padding: 0 0 20px 0 !important;
}
ul {
	list-style-type: none;
}
li {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 13px;
}
ul li {
	background: transparent url(images/bullet.png) no-repeat 0 2px;
	margin: 0;
	padding-left: 21px;
	font-size: 13px;
}

/**
* Map Display
*/

#map {
	float: right;
	width: 445px;
	height: 310px;
	color: #000;
}

#map strong {
	color: #000;
}
#map a {
	color: #02a !important;
}

/**
* Footer
*/

#footer-wrap {
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	width: 100%;
	height: 86px;
}
#footer {
	width: 935px;
	height: 46px;
	margin: 0 auto;
	padding: 20px 15px;
	background: #709527 url(images/footer_bg.jpg) top left no-repeat;
}
#footer p {
	margin: 0;
	padding: 25px 0 0 0;
	color: #f4f8e9;
	text-align: center;
	font-weight: bold;
}