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


/*DOCUMENT SETTINGS */

html {

	height: 100%;
	overflow: inherit;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-image: url(../images/bg.png);
    background-position: top center;
	background-repeat: no-repeat;

}

body {

	min-width: 960px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #363b4d;
	cursor: default;

}

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

	font-family: "Helvetica Neue", Helvetica, Swiss721, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;

}

A, A:link, A:visited {

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

}

A:hover {

	color: #36467a;
	font-weight: normal;
	text-decoration: underline;

}

A:active {

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

}

img {

	background-color: transparent;
	border: 0px;

}


/*LAYOUT SETTINGS */

#headerstrip {

	position: relative;
	top: 0px;
	width: 100%;
	margin-bottom: 48px;
	background-color: #c73439;
	background-image: url(../images/bg_header.png);
    background-position: top center;
	background-repeat: no-repeat;
	z-index: 100;

}

#header {

	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 80px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	z-index: 100;

}

#headerleft {

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

}

#headerright {

	position: relative;
	top: 0px;
	left: 0px;
	float: right;
	width: 480px;
	text-align: left;
	z-index: 100;

}

#bodystrip {

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

}

* html #bodystrip {

	top: 12px;

}

#body {

	position: relative;
	top: 0px;
	width: 960px;
	min-height: 448px;
	height: auto !important;
	height: 448px;
	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: 448px;

}

.left {

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

}

.right {

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

}

.collage {

	position: relative;
	float: right;
	width: 476px;
	text-align: justify;
	margin: 0px 0px 20px 0px;
	padding-top: 48px;
	z-index: 30;

}

.leftsub {

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

}

.rightsub {

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

}

.full {

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

}

.leftblock {

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

}

.leftblock p {

	text-align: left;

}

.pad {

	padding-top: 48px;

}

#watermark {

	position: absolute;
	top: -16px;
	right: -80px;
	width: 580px;
	height: 448px;
	z-index: 20; 

}

#footerstrip {

	overflow: hidden;
	position: fixed;
	bottom: 0px;
	left: 0%;
	width: 100%;
	height: 128px;
	padding-top: 8px;
	text-align: center;
	background-color: #0e1e2d;
	z-index: 90;

}

#menu {

	position: relative;
	top: 0px;
	width: 960px;
	height: 64px;
	text-align: center;
	margin: 0px auto 40px auto;
	z-index: 100;

}

#menu .switch {

	background: transparent;

}

* html #menu {

	margin-bottom: 32px;

}

#footerstrip {

	overflow: hidden;
	position: fixed;
	bottom: 0px;
	left: 0%;
	width: 100%;
	height: 18px;
	text-align: center;
	background-color: #c73439;
	margin: 0px;
	padding: 0px;
	z-index: 90;

}

#footer {

	position: relative;
	bottom: 0px;
	left: 0px;
	width: 960px;
	height: 18px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: transparent;
	z-index: 100;

}

#footerleft {

	position: relative;
	float: left;
	width: 464px;
	text-align: left;
	background: transparent;
	margin: 0px;
	padding-top: 2px;
	z-index: 100;

}

#footerright {

	position: relative;
	float: right;
	width: 464px;
	text-align: right;
	background: transparent;
	font-size: 10px;
	color: #ffffff;
	line-height: 18px;
	margin: 0px;
	padding-bottom: 2px;
	z-index: 100;

}

#footerright A, #footerright A:link {

	text-decoration: none;
	color: #ffffff;
	opacity: 1;
	filter: alpha(opacity=100);

}

#footerright A:hover {

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

}


.photoleft {

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

}

.photoright {

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

}


/*SHOP SETTINGS */

.shopnav {

	height: 32px;

}

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

	font-size: 13px;
	text-decoration: none;
	color: #c73439;

}
	
.shopnav A:hover {

	color: #36467a;

}

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

	font-size: 13px;
	font-weight: bold;

}

.prodblock {

	position: relative;
	float: left;
	width: 298px;
	text-align: justify;
	margin: 0px 32px 32px 0px;
	z-index: 40;

}

.productlisting {

	overflow: hidden;
	float: left;
	width: 216px;
	text-align: center;
	margin: 0px 32px 32px 0px;
	z-index: 40;

}

.prodheader {

	width: 100%;
	text-align: center;
	padding: 0px;

}

.prodthumb {

	float: left;
	cursor: hand;
	cursor: pointer;
	margin-right: 4px;

}

#prodphoto {

	margin-bottom: 16px;

}

.zoomphoto {

	padding: 16px;
	background-color: #ffffff;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	text-align: right;

}

.prodcatcolsm {

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

}

.prodinfo {

	clear: both;
	position: relative;
	width: 216px;
	height: 80px;
	text-align: justify;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 16px 0px;

}

.prodtitle {

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

}

.prodtitle A, .prodtitle A:link {

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

}

.displaydesc {

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

}

.proddesc, .proddesc p {

	width: 100%;
	text-align: left;
	margin-bottom: 16px;

}

.proddescsm {

	overflow: hidden;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
	height: 48px;
	text-align: justify;
	padding: 0px;
	margin-bottom: 16px;

}

.prodoption {

	font-size: 11px;
	line-height: 20px;
	margin-bottom: 16px;

}

.swatch {

	position: relative;
	top: 4px;

}

.soldouttext {

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

}

.pricebar {

	position: relative;
	width: 100%;
	height: 20px;

}

.prodpricesm {

	float: left;
	font-size: 18px;
	color: #c73439;
	line-height: 40px;
	padding: 0px 8px 0px 0px;

}

.prodpricediscountsm {

	float: left;
	font-size: 15px;
	line-height: 20px;
	padding: 0px 8px 0px 0px;

}

.prodbutton {

	position: relative;
	float: right;
	padding: 0px 0px 0px 0px;

}

.prodpricereg {

	font-size: 13px;
	font-weight: bold;
	color: #4b5b66;

}

.prodprice {

	clear: left;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;

}

.prodpricediscount {

	clear: left;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #b8af9e;

}

.proddiscount {

	font-size: 13px;
	font-weight: bold;
	color: #b8af9e;

}

.proddiscountsm {

	font-size: 11px;
	font-weight: bold;
	color: #b8af9e;

}

.proddiscountcode {

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

}

.button.buy, .switch.buy {

	cursor: hand;
	cursor: pointer;

}

.stocktext {

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

}

.navlegend {

	clear: left;
	float: left;

}

.navbuttons {

	clear: right;
	float: right;
	font-weight: bold;

}

table {

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

}

td.invoice {

	text-align: ":";

}

h2.discount {

	color: #b8af9e;
	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 */

.button {

	position: absolute;

}

.buttonon {

	position: absolute;

}

.switch {

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

}

.switchon {

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

}

.thumb {

	margin: 4px;
	border: 0;

}

.thumbon {

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

}

.rphotosm, .rphotomd, .rphotolg{

	overflow: hidden;
	position: relative;
	float: left;

}

.spacerlogo{

	position: relative;
	float: left;
	width: 67px;
	height: 90px;
	margin: 0px 4px 4px 0px;

}

.rphotosm{

	width: 67px;
	height: 90px;
	margin: 0px 4px 4px 0px;

}

.rphotomd{

	width: 135px;
	height: 180px;
	margin: 0px auto 0px auto;

}

.rphotolg{

	width: 270px;
	height: 360px;
	margin: 0px;

}

.rphotosm img, .rphotomd img, .rphotolg img{

	z-index: 60;

}

.rcorners{

	background: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;

}

#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;
	z-index: 50;

}

form.searchform {

	display: inline;
	
}

input, select, textarea, .requiredfield {

	font-family: "Helvetica Neue", Swiss721, Arial, sans-serif;
	font-size: 13px;
	border: 1px solid #bfc3c7;
	margin: 0px;
	padding: 2px;
	background-color: #ffffff;
	z-index: 50;
	

}

.specialoption {

	color: inherit;

}

input.search {

	padding-left: 20px;
	background-image: url(../images/search_bg.png);
	background-position: center left;
	background-repeat: no-repeat;
	border: solid 1px #b4d4e0;

}

input.searchbutton {

	position: relative;
	top: 7px;
	border: 0;
	background: transparent;
	background-color: #ffffff;

}

* html input.searchbutton {

	top: 4px;

}

input.noborder {

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

}

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: 276px;
	text-align: left;
	padding: 0px;
	margin: 0px;

}


/* TABLE SETTINGS */

table {

	border: 0;
	border-collapse: collapse;
	cellpadding: 2px;
	cellspacing: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 13px;

}

th {

	font-weight: bold;
	valign: bottom;

}

th, tr, td, tbody {

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

}


/*TEXT SETTINGS */

br {

	clear: left;

}

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 {

	clear: left;
	margin: 0px 0px 16px 0px;
	padding: 0px;
	text-align: justify;

}

form p {

	margin: 0px 0px 8px 0px;

}

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: #cc233b;
	margin: 0px 0px 16px 0px;

}

.captionright {

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

}

.highlight {

	color: #c73439;

}

.date {

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

}

.sm {

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

}

.lg {

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

}

.normal {

	font-weight: normal;

}

ul {

	clear: left;
	margin: 0px 0px 16px 0px;
	padding: 0px 24px 0px 24px;

}

ul.simple {

	padding: 0px;

}

ul li {

	list-style-type: dot;
	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 16px 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 {

	clear: left;
	padding: 0px;

}

h1 {

	position: relative;
	top: 0px;
	left: 0px;
	height: 96px;
	margin: 0px 0px 24px 20px;
	z-index: 50;

}

h2 {

	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 16px 0px;
	color: #36467a;

}

h2 A:link, h2 A:visited {

	text-decoration: none;

}

h3 {

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

}

h4 {

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

}