/* general styles
--------------------------------------------------- */

body {
	position: relative;
	font-size: 62.5%;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	background: #fff;
	color: rgb(50,50,50);
}

img {
	display: block;
}

em, cite, q, .note, .more {
	font-style: italic;
}

body strong {
	font-weight: bold;
	color: #000;
}

acronym {
	border-bottom: 1px rgb(180,180,180) dotted;
	cursor: help;
}

.alert {
	color: rgb(170,0,0);
}

.confirm {
	color: rgb(76,123,44);
}

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.border-bottom {
	1px dotted rgb(180,180,180);
}

.no-margin {
	margin: 0;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

@font-face {
	font-family: 'VagLightRegular';
	src: url('vaglight-regular-webfont.eot');
	src: local('VagLight'), local('VagLight-Regular'), url('vaglight-regular-webfont.woff') format('woff'), url('vaglight-regular-webfont.ttf') format('truetype'), url('vaglight-regular-webfont.svg#webfontnRpYgP2A') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* masthead
--------------------------------------------------- */

div#masthead {
	display: none;
}



/* content-wrapper
--------------------------------------------------- */

div#heading {
	margin-bottom: 2em;
}

div#content-wrapper a {
	color: rgb(127,104,48);
	border-bottom: 1px dotted rgb(184,161,106);
}

div#content-wrapper a:hover {
	color: rgb(162,135,70);
	border-bottom: 1px dotted rgb(184,161,106);
}

div#content-wrapper h1 {
	font-family: 'VagLightRegular';
	font-size: 3.6em;
	line-height: 1em;
	text-transform: lowercase;
	color: #000;
}

div#content-wrapper h1 a {
	color: rgb(120,120,120);
	border: none;
}

div#content-wrapper h1 a:hover {
	color: rgb(160,160,160);
	border: none;
}

div#content-wrapper h2.subtitle {
	font: italic 2.4em Georgia, "Times New Roman", Times, serif;
	color: rgb(190,153,67);
	color: rgb(120,120,120);
	text-transform: lowercase;
}

div#content-wrapper h2.directory {
	font-size: 2.1em;
	text-transform: lowercase;
	margin-bottom: 0.5em;
	color: rgb(180,180,180);
}

div#content-wrapper h2.directory a {
	color: rgb(120,120,120);
	border: none;
}

div#content-wrapper h2.directory a:hover {
	color: rgb(160,160,160);
}

div#content-wrapper div.image {
	margin-bottom: 2.1em;
}

div#content-wrapper div.image a {
	border: none;
}

div#content-wrapper div.image p {
	font-size: 1.2em;
	line-height: 1.2em;
	color: rgb(90,90,90);
	margin: 0.5em 0 0 0;
	font-style: italic;
}



/* content
--------------------------------------------------- */

div#content h2 {
	font-weight: bold;
	color: #000;
	font-size: 1.5em;
	line-height: 1.4em;
}

div#content p {
	font-size: 1.5em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

div#content p.opening {
	margin-bottom: 1.8em;
}

div#content ul {
	margin-bottom: 1em;
}

div#content ul li {
	font-size: 1.5em;
	line-height: 1.4em;
	padding-left: 1.5em;
	background: url(../design/bullet.png) 0 0.5em no-repeat;
}



/* content - profile
--------------------------------------------------- */

div.profile {
	position: relative;
	width: 620px;
	padding-bottom: 1.5em;
	border-bottom: 1px dotted rgb(180,180,180);
	margin-bottom: 1.5em;
}

div.profile img {
	float: left;
	width: 140px;
}

div.profile div.text {
	float: right;
	width: 460px;
	position: relative;
	top: -7px;
}

div#content div.profile h2 {
	font-weight: normal;
	font-size: 2.1em;
	line-height: 1.1em;
	margin-bottom: 0.1em;
}

div#content div.profile h2 .role {
	color: rgb(100,100,100);
}

div#content div.profile p {
	margin: 0;
}



/* content - alt-list
--------------------------------------------------- */

div#content ul.alt-list li {
	padding: 0.75em 1em;
	border-bottom: 1px dotted rgb(190,190,190);
	background: rgb(240,240,240) url(../design/grey_gradient.jpg) repeat-x;
	font-weight: bold;
	color: #000;
}

div#content ul.alt-list li.odd {
	background: rgb(30,30,30) url(../design/dark_grey_gradient.png) repeat-x;
}



/* content - table - classes
--------------------------------------------------- */

table.classes th, table.classes td {
	font-size: 1.5em;
	line-height: 1.4em;
	border: 1px solid #fff;
}

table.classes th {
	width: 158px;
	padding: 5px 10px;
	text-align: left;
	font-weight: normal;
	background: #000 url(../design/black_gradient.png) repeat-x;
	color: rgb(245,198,93);
}

table.classes td {
	padding: 5px 10px;
	width: 418px;
	background: rgb(230,230,230);
	color: #fff;
	background: rgb(40,40,40) url(../design/dark_grey_gradient.png) repeat-x;
}



/* content - category
--------------------------------------------------- */

div.category {
	width: 275px;
	padding: 15px;
	background: rgb(240,240,240) url(../design/grey_gradient.jpg) repeat-x;
	position: relative;
	float: left;
}

div.category img {
	float: left;
	width: 80px;
}

div#content div.category h2 {
	margin-left: 95px;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0.1em;
}

div#content-wrapper div.category h2 a {
	border: none;
}

div#content div.category p {
	margin: 0 0 0 95px;
	font-size: 1.3em;
	line-height: 1.2em;
	font-style: italic;
}



/* content - product
--------------------------------------------------- */

div#content div.product {
	position: relative;
	width: 580px;
	padding: 15px 20px;
	float: left;
	background: rgb(240,240,240) url(../design/grey_gradient.jpg) repeat-x;
	border-top: 1px dotted rgb(190,190,190);
}

div.odd {
	background: rgb(30,30,30) url(../design/dark_grey_gradient.jpg) repeat-x;
}

div#content div.product img {
	float: left;
	width: 140px;
}

div#content div.product div.text {
	margin-left: 160px;
}

div#content div.product h2 {
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0.1em;
}

div#content-wrapper div.product h2 a {
	border: none;
}

div#content div.product p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0;
}

div#content div.product p.desc {
	margin-bottom: 0.5em;
}

div#content div.product div.info {
	width: 200px;	
}

div#content div.product div.info p span {
	color: rgb(120,120,120);
	font-style: italic;
}



/* content - paginate
--------------------------------------------------- */

div.paginate {
	padding-top: 2em;
	font: italic 2.4em Georgia, "Times New Roman", Times, serif;
	color: rgb(120,120,120);
	text-transform: lowercase;
	float: right;
}



/* content - form
--------------------------------------------------- */

div#content form {
	margin-top: 3em;
}

div#content form fieldset {
	border: 1px solid rgb(210,210,210);
	width: 418px;
	padding: 20px;
}

div#content form div {
	padding-bottom: 1.5em;
	border-bottom: 1px dotted rgb(200,200,200);
	margin-bottom: 1.5em;
}

div#content form div.hiddenFields {
	padding: 0;
	margin: 0;
	border: none;
}

div#content form label {
	display: block;
	margin-bottom: 0.4em;
	font-size: 1.1em;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #000;
}

div#content form abbr {
	color: rgb(150,0,0);
	font-size: 1.3em;
	vertical-align: middle;
}

div#content form label a.toggle {
	font-style: italic;
	text-transform: none;
	letter-spacing: normal;
	border: none;
	font-size: 1.2em;
}

div#content form input,
div#content form textarea {
	width: 300px;
	padding: 7px;
	font: 1.5em/1.4 Calibri, Arial, Helvetica, sans-serif;
	border: 1px solid rgb(180,180,180);
	background: #fff;
	color: #000;
}

div#content form span.error {
	font-size: 1.2em;
	display: block;
	color: rgb(130,0,0);
	margin-top: 0.4em;
}

div#content form input:focus,
div#content form textarea:focus {
	border-color: rgb(140,140,140);
}

div#content form textarea {
	height: 250px;
	width: 400px;
}

div#content form p.explanation {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	width: 370px;
	color: rgb(90,90,90);
}

div#content form input.submit {
	padding: 7px 10px;
	width: auto;
	border: none;
	background: rgb(127,104,48) url(../design/button_glass.png) repeat-x 0 50%;
	color: #fff;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

div#content form input.submit:hover {
	cursor: pointer;
	background-color: rgb(162,135,70);
}



/* content - product detail
--------------------------------------------------- */

div.product-detail {
	width: 160px;
	margin: 0 40px 2em 0;
	float: left;
}

div#content div.order {
	margin-bottom: 3em;
}

div#content div.order a {
	clear: left;
	background: rgb(165,135,61);
	color: #fff;
	padding: 10px;
	border: none;
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

div#content div.order a:hover {
	background: rgb(185,154,80);
}



/* content-sidebar
--------------------------------------------------- */

div#content-sidebar {
	display: none;
}



/* sidebar
--------------------------------------------------- */

div#sidebar {
	display: none;
}



/* footer
--------------------------------------------------- */

div#footer {
	display: none;
}



/* home page styles - masthead
--------------------------------------------------- */

div#home-message {
	font-size: 2em;
	line-height: 1.4em;
	text-indent: none;
}



/* home page styles - home-products
--------------------------------------------------- */

div#home-products-wrapper {
	display: none;
}



/* home page styles - home-highlights
--------------------------------------------------- */

div#home-highlights div.highlight {
	float: left;
}

div#home-highlights div.highlight a {
	color: rgb(127,104,48);
	border-bottom: 1px dotted rgb(184,161,106);
}

div#home-highlights div.highlight h2 {
	font-family: 'VagLightRegular';
	font-size: 2.1em;
	line-height: 1em;
	text-transform: lowercase;
	color: #000;
	margin-bottom: 0.5em;
}

div#home-highlights div.highlight img {
	margin-bottom: 1em;
}

div#home-highlights div.highlight a {
	border: none;
}

div#home-highlights div.highlight p {
	font-size: 1.3em;
	line-height: 1.2em;
}