@charset "UTF-8";
/* CSS Document */


/*DOCUMENT SETTINGS */

html {

	height: 100%;
	overflow: inherit;
	margin: 0px;
	padding: 0px;
	background-color: #140f0c;

}

body {

	min-width: 960px;
	height: 100%;
	margin: 0px;
	padding: 0px 0px 96px 0px;
	text-align: center;
	color: #c2b6a7;
	background: transparent;
	background-image: url(../images/bg_brown.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	cursor: default;

}

body, div, span, p, table, th, tbody, tr, td {

	font-family: "Trebuchet MS", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;

}

A, A:link, A:visited {

	color: #7accc1;
	font-weight: normal;
	text-decoration: underline;

}

A:hover {

	font-weight: normal;
	text-decoration: none;

}

A:active {

	color: #b8e5df;
	font-weight: normal;
	text-decoration: none;

}

img {

	behavior: url(includes/iepngfix.htc);
	border: 0px;

}


/*LAYOUT SETTINGS */

#windowstrip {

	position: relative;
	top: 0px;
	width: 100%;

}

#header {

	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 88px;
	text-align: center;
	margin: 0px auto 0px auto;
	z-index: 20;

}

#headerleft {

	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 464px;
	text-align: left;

}

#headerright {

	position: relative;
	top: 0px;
	left: 0px;
	float: right;
	width: 464px;
	padding-top: 32px;
	text-align: right;

}

#headerright A, #headerright A:link, #headerright .headertext {

	font-size: 11px;
	font-weight: bold;
	color: #c2b6a7;
	text-decoration: none;

}

#tab {

	position: fixed !important;
	top: 368px;
	right: 0px;
	z-index: 60;

}

* html #tab {

	position: absolute !important;

}

#topnav {

	position: absolute;
	top: 16px;
	right: 48px;
	z-index: 60;

}

#bodystrip {

	position: relative;
	top: 0px;
	width: 100%;
	min-height: 208px;
	height: auto !important;
	height: 208px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 30;

}

#body {

	position: relative;
	top: 0px;
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	z-index: 30;

}

#body:after {

	content: " ";
	display: block;
	clear: both;

}

* html #body {

	height: 304px;

}

#menu {

	float: left;
	position: relative;
	top: 0px;
	width: 936px;
	height: 344px;
	margin: 0px 12px 0px 12px;
	padding: 0px;
	z-index: 30;

}

* html #menu {

	width: 960px;

}

.menuitem {

	float: left;
	width: 96px;
	height: 78px;
	margin: 4px;

}

.left {

	display: block;
	clear: both;
	position: relative;
	left: 248px;
	float: left;
	width: 464px;
	text-align: justify;
	margin: 0px 0px 32px 0px;
	z-index: 30;

}

.right {

	position: relative;
	float: right;
	width: 464px;
	text-align: justify;
	margin: 0px 0px 32px 0px;
	z-index: 30;

}

.leftsub {

	float: left;
	width: 180px;
	margin-bottom: 16px;

}

.rightsub {

	float: right;
	width: 236px;
	margin-bottom: 16px;

}

.full {

	clear: left;
	position: relative;
	float: left;
	width: 960px;
	text-align: justify;
	margin: 0px 0px 32px 0px;
	z-index: 30;

}

.nopad {

	padding-top: 0px;

}

.enctop {

	overflow: hidden;
	position: relative;
	top: 0px;
	width: 464px;
	height: 4px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/enclosure.png);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 30;

}

.enclosure {

	width: 432px;
	margin: 16px 16px 16px 16px;

}

.left.enc, .right.enc {

	width: 464px;
	background-color: #c2b6a7;
	margin-bottom: 0px;

}

.encbottom {

	overflow: hidden;
	position: relative;
	top: 0px;
	width: 464px;
	height: 4px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/enclosure.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	z-index: 30;

}

#footerstrip {

	overflow: hidden;
	position: fixed !important;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 38px;
	text-align: center;
	background: transparent;
	background-image: url(../images/footer_bg.png);
	background-position: top center;
	background-repeat: repeat-x;
	border: solid 4px #ffffff;
	border-width: 4px 0px 0px 0px;
	z-index: 60;

}

#footer {

	position: relative;
	top: 0px;
	width: 960px;
	text-align: center;
	margin: 0px auto 0px auto;
	background: none;
	z-index: 80;

}

#footerleft {

	float: left;
	width: 216px;
	text-align: left;
	background: none;
	z-index: 80;

}

#footerright {

	float: right;
	width: 712px;
	text-align: right;
	background: none;
	z-index: 80;

}

#footerright .switch {

	background: transparent;

}

.featureleft {

	clear: left;
	float: left;
	position: relative;
	top: 0px;
	width: 216px;
	height: 160px;
	margin: 0px 0px 16px 0px;
	z-index: 30;

}

.featureright {

	float: right;
	position: relative;
	top: 0px;
	width: 712px;
	height: 160px;
	margin: 0px 0px 16px 0px;
	z-index: 30;

}

.photoleft {

	float: left;
	margin: 16px 16px 8px 0px;

}

.photoright {

	float: right;
	margin: 16px 0px 8px 16px;

}

#sharelinks {

	clear: both;
	float: right;
	width: 960px;
	margin: 0px auto 64px auto;
	padding-bottom: 64px;
	text-align: center;

}


/*SHOP SETTINGS */

.shopnav A, .shopnav A:link, .shopnav A:visited, .shopnav .shopnavtext {

	font-size: 11px;
	font-weight: bold;
	color: #cca07a;
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);

}

.shopnav A:hover {

	opacity: 0.8;
	filter: alpha(opacity=80);

}

.shopnavon, A.shopnavon, A:link.shopnavon {

	font-size: 11px;
	color: #7accc1;
	font-weight: bold;
	opacity: 0.8;
	filter: alpha(opacity=80);

}

.productlisting {

	overflow: hidden;
	float: left;
	width: 216px;
	height: 272px;
	text-align: center;
	margin: 0px 32px 32px 0px;
	background: transparent;
	background-image: url(../images/product_bg.png);
	background-position: top center;
	background-repeat: repeat-x;
	z-index: 40;

}

.productlisting, .productlisting div, .productlisting span {

	color: #ffffff;

}

.prodheader {

	width: 180px;
	height: 135px;
	text-align: justify;
	padding: 18px 18px 0px 18px;
	margin-bottom: 4px;

}

.prodthumb {

	margin: 0px 16px 0px 0px;
	cursor: hand;
	cursor: pointer;
	border: none;

}

.prodphoto {

	margin-bottom: 16px;

}

.zoomphoto {

	border: none;
	background-color: #ffffff;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;

}

.prodcatcolsm {

	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin-bottom: 16px;

}

.prodcatcolsm A, .prodcatcolsm A:link, .prodcatcolsm A:visited {

	color: #ffffff;

}

.prodinfo {

	position: relative;
	width: 216px;
	height: 80px;
	text-align: justify;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 18px 0px;

}

.prodtitle {

	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding: 0px 18px 0px 18px;
	margin-bottom: 4px;

}

.prodtitle A, .prodtitle A:link {

	text-decoration: none;

}

.displaydesc {

	float: right;
	height: 48px;
	text-align: justify;
	margin-bottom: 16px;

}

.proddesc {

	text-align: justify;
	color: #ffffff;
	margin-bottom: 16px;

}

.proddescsm {

	overflow: hidden;
	font-size: 11px;
	height: 48px;
	text-align: left;
	color: #ffffff;
	padding: 0px 18px 0px 18px;
	margin-bottom: 10px;

}

.proddesc p, .proddescsm p {

	text-align: left;

}

.prodoption {

	font-size: 11px;
	margin-bottom: 24px;

}

.pricebar {

	position: relative;
	width: 100%;
	height: 32px;
	background-color: #7accc1;

}

.prodpricesm {

	float: left;
	font-size: 18px;
	padding: 8px 8px 0px 18px;

}

.prodpricediscountsm {

	float: left;
	font-size: 18px;
	padding: 8px 8px 0px 18px;

}

.prodbutton {

	float: right;
	padding: 6px 18px 0px 8px;

}

.prodpricereg {

	font-size: 18px;
	font-weight: bold;
	color: #ffffff;

}

.prodprice {

	clear: left;
	float: right;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;

}

.prodpricediscount {

	clear: left;
	float: right;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #b3344c;

}

.proddiscount {

	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #b3344c;

}

.proddiscountsm {

	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #b3344c;

}

.proddiscountcode {

	clear: right;
	float: right;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	color: #b3344c;
	margin: 8px 0px 0px 0px;

}

.button.buy, .switch.buy {

	cursor: hand;
	cursor: pointer;

}

.stocktext {

	font-size: 11px;
	color: #ebe5dd;

}

.navlegend {

	clear: left;
	float: left;

}

.navbuttons {

	float: right;

}

table {

	width: 100%;
	margin: 0px 0px 0px 8px;
	padding: 0px;

}

td.invoice {

	text-align: ":";

}

h2.discount {

	color: #ffd4b8;
	margin-bottom: 32px;

}

#inyonicart {

	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 64px;

}

#inyonicart h3 {

	text-align: center;

}

#inyonicart p {

	font-size: 13px;
	text-align: center;

}


/*AJAX SETTINGS */

.switch {

	position: relative;
	opacity: 0.8;
	filter: alpha(opacity=80);

}

.switchon {

	position: relative;
	opacity: 1;
	filter: alpha(opacity=100);

}

.glow {

	position: relative;
	opacity: 1;
	filter: alpha(opacity=100);

}

.glowon {

	position: relative;
	opacity: 0.8;
	filter: alpha(opacity=80);

}

.button {

	position: relative;
	top: -8px;
	left: 0px;

}

.buttonon {

	position: relative;
	top: 0px;
	left: 0px;

}

.thumb {

	margin: 4px;
	border: 0;

}

.thumbon {

	margin: 0px;
	border: solid 4px #ffffff;

}

#slideshow {

	position: relative;
	width: 320px;
	height: 272px;

}

#slideshow img {

	position: relative;
	left: 0;
	top: 0;

}

.slide {

	display: none;

}

#nextslide {

	z-index: 100;

}


/*FORM SETTINGS */

form {

	padding: 0px;
	margin: 0px;
	color: #ffffff;
	z-index: 50;

}

input, select, textarea, .requiredfield {

	font-family: "Lucida Grande", "Trebuchet MS", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	border: 0;
	margin: 0px;
	padding: 2px;
	background-color: #ffffff;
	z-index: 50;
	

}

.specialoption {

	color: inherit;

}

input.noborder {

	position: relative;
	top: 2px;
	border: 0;
	background: transparent;
	background-color: #c2b6a7;

}

div.item {

	clear: both;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	overflow: hidden;

}

.formbuttons {

	display: block;
	clear: both;
	position: relative;
	top: 0px;
	left: 248px;
	width: 464px;
	text-align: right;
	overflow: hidden;

}

.formbuttons .button {

	margin-right: 12px;

}

form label {

	display: inline;
	padding: 0px;
	margin: 0px;

}

.fieldname {

	float: left;
	width: 180px;
	text-align: right;
	padding: 2px 0px 0px 0px;

}

.fielddata {

	float: right;
	width: 236px;
	text-align: left;
	padding: 0px;
	margin: 0px;

}


/* TABLE SETTINGS */

table {

	font-size: 0.75em;
	margin-bottom: 32px;

}

table table {

	font-size: 1em;

}


/*TEXT SETTINGS */

hr {

	clear: both;
	width: 960px;
	height: 1px;
	border: 0px;
	border-color: #c4e3f5;
	text-align: left;
	background-color: #c4e3f5;
	margin: 32px auto 32px auto;
	padding: 0px;

}

p {

	margin: 0px 0px 17px 0px;
	padding: 0px;
	text-align: justify;

}

p.quote {

	padding: 24px 28px 0px 28px;
	margin-bottom: 8px;
	font-size: 11px;

}

p.quoter {

	text-align: right;
	color: #7d8499;
	margin-bottom: 24px;
	padding: 32px 28px 0px 0px;

}

.quotertitle {

	font-size: 10px;

}

.captionleft {

	clear: left;
	text-align: left;
	font-size: 10px;
	color: #9aa4b3;
	margin: 0px 0px 16px 0px;

}

.captionright {

	clear: right;
	text-align: right;
	font-size: 10px;
	color: #9aa4b3;
	margin: 0px 0px 16px 0px;

}

.highlight {

	color: #ebe5dd;

}

.date {

	font-size: 11px;
	color: #9aa6b3;

}

.sm {

	font-size: 10px;
	line-height: 20px;

}

.lg {

	font-size: 15px;
	line-height: 24px;

}

.normal {

	font-weight: normal;

}

ul {

	clear: left;
	margin: 0px 0px 17px 0px;
	padding: 0px 24px 0px 24px;
	font-size: 0.75em;
	line-height: 2.6ex;

}

ul.simple {

	padding: 0px;

}

ul li {

	list-style-type: square;
	text-align: left;
	margin-bottom: 8px;

}

ul.simple li {

	list-style-type: none;
	text-align: left;
	margin-bottom: 0px;

}

ol {

	clear: left;
	margin: 0px 0px 17px 0px;
	padding: 0px 32px 0px 32px;
	font-size: 0.75em;
	line-height: 2.6ex;

}

ol li {

	text-align: left;
	margin-bottom: 8px;

}

h1, h2, h3, h4 {

	padding: 0px;
	font-family: "Trebuchet MS", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;

}

h1 {

	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	z-index: 50;

}

h2 {

	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;

}

h3 {

	font-size: 13px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;

}

h4 {

	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;

}
