/* @override 
	http://riverstonespa.ca/includes/riverstone.css
	http://riverstonespa.ca/includes/riverstone.css?holiday
*/

/* Begin initial settings */

html, body, form, fieldset {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0px;
}

dd, blockquote {
	margin-left: 1em;
}

form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

a img {
	border: none;
}

img {
	border: none;
}

input, select, textarea {
	font-size: 100%;
}

/* End initial settings. */

body {
	background: #A7A374;
	font: normal 11px/15px Verdana, Arial, sans-serif;
	color: #333;
	text-align: center;
}

a {
	color: #A7A374;
	text-decoration: underline
}

a:visited {
	color: #666;
}

a:hover {
	text-decoration: none;
	color: #813923;
}

h2 {
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #813923;
}	

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background: #813923;
	padding: 3px 5px;
	margin-top: 20px;
	text-transform: uppercase;
}

h3.new {
	padding-left: 24px;
	background-image: url(../images/new.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}

h4 {
	font-size: 12px;
	color: #444;
}

h4.new {
	padding-left: 24px;
	background-image: url(../images/new.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}

img.left {
	float: left;
	display: inline;
	margin: 0px 15px 10px 0px;
}

img.right {
	float: right;
	display: inline;
	margin: 0px 0px 10px 15px;
}

#holiday-promo {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 99;
}

#bow {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2;
}

#tag {
	display: none;
	left: 45px;
	position: absolute;
	top: 85px;
	z-index: 0;
}

#wrapper {
	width: 756px;
	border: 2px solid #FFF;
	text-align: left;
	margin: 0px auto;
	background: #FFF;
}

#header, #header a, #header img {
	border: 0px;
	margin: 0px;
}

/* -------------------- WELCOME ------------------ */

#welcome {
	border: 1px solid #EEE;
	margin-bottom: 10px;
}

#home-promos {
	text-align: center;
}

/* ----------------------- GALLERY ----------------------- */

#gallery {
}

#gallery ul {
	margin: 0px;
	width: 756px;
	height: 80px;
}

#gallery li {
	margin: 0px;
	list-style: none outside;
	display: inline;
	float: left;
	border: 2px solid #FFF;
	border-width: 0px 2px;
}

#gallery li a {
	display: block;
	width: 80px;
	height: 80px;
	text-decoration: none;
}

#gallery li a:hover {
	background-position: left -80px;
}

#gallery span {
	visibility: hidden;
}

li#exterior a {
	background: url(../images/header/spa-exterior-thumb.jpg) no-repeat;
}


li#reception a {
	background: url(../images/header/reception-thumb.jpg) no-repeat;
}


li#vichy a {
	background: url(../images/header/vichy-shower-2009-thumb.jpg) no-repeat;
}


li#foot a {
	background: url(../images/header/foot-massage-2009-thumb.jpg) no-repeat;
}


li#hallway a {
	background: url(../images/header/hallway-2009-thumb.jpg) no-repeat;
}


li#head a {
	background: url(../images/header/head-massage-2009-thumb.jpg) no-repeat;
}


li#tub a {
	background: url(../images/header/tub-2009-thumb.jpg) no-repeat;
}

li#stone a {
	background: url(../images/header/hot-stone-2009-thumb.jpg) no-repeat;
}


li#orchid a {
	background: url(../images/header/orchid-thumb.jpg) no-repeat;
}


#main {
	margin-top: 15px;
	padding-bottom: 125px;
	border-bottom: 2px solid #FFF;
	background: url(../images/main-bottom.jpg) no-repeat left bottom;
}

/* --------------------- SIDEBAR ----------------------- */

#sidebar {
	width: 200px;
	float: left;
	display: inline;
	text-align: right;
	border-right: 1px solid #CCC;
	margin-bottom: 30px;
}

#home #sidebar {
	border-right: none;
}

img#indulgences {
	margin-right: 10px;
}

#navigation {
	padding: 0px;
	text-align: right;
	margin: 10px 0px;
}

#navigation li {
	list-style: none outside;
	margin: 1px 0px 20px 0px;
	padding: 0px 25px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}

#navigation a {
	color: #A7A374;
	text-decoration: none;
}

#navigation a:hover {
	color: #938f67;
	text-decoration: none;
}

#navigation li ul {
	margin: 0px;
}

#navigation li ul li {
	margin: 0.5em 0em;
	padding: 0px;
	list-style: none outside;
	font: normal 14px/16px Arial, Helvetica, sans-serif;
}

#navigation li#info-nav {
	margin: 0px 10px 20px 10px;
	padding: 0px;
	background: url(../images/info-nav-bkgd.png) no-repeat left top;
}

#info-nav ul {
	padding-top: 5px;
}

#info-nav a {
	color: #813923;
}

a#pdf {
	padding-left: 16px;
	background: url(../images/pdf.png) no-repeat left top;
}

#info-nav a:hover {
	color: #915745;
}

#navigation #info-nav li {
	padding: 0px 15px;
}

#navigation #info-nav li.last {
	background: url(../images/info-nav-bkgd.png) no-repeat left bottom;
	padding-bottom: 12px;
	margin-bottom: 0px;
}

#gift-cards a {
	font-weight: bold;
}

#starburst {
	margin-right: 30px;
}

/* --------------------------- CONTENT ------------------------ */


#content {
	float: left;
	display: inline;
	width: 500px;
	margin-left: 25px;
	text-align: left;
}

#home #content {
	margin-left: 0px;
	width: 552px;
}

img.heading {
	margin-top: 10px;
}

img.sub-heading {
	margin-top: 10px;
}

p.price {
	background: #ECECEC;
	padding: 5px;
	color: #666
}

p.description {
	padding: 3px;
}

#content li {
	list-style: square inside;
	margin: 3px 0px;
	padding: 0px 5px;
}

#content li.new {
	list-style: none outside;
	padding-left: 24px;
	background: transparent url(../images/new.png) no-repeat 3px center;
}

p.fine-print {
	color: #666;
	font-size: 10px;
}

p.intro {
	font-size: 12px;
	line-height: 20px;
}

p.sub-intro {
	color: #000;
}

li h4 {
	font-size: 11px;
	text-transform: uppercase;
	margin: 10px 0px 0px;
}

li p.description, li p.price {
	margin: 0px 10px;
}


/* -------------------- GIFT CARDS ----------------------- */

#gc-links {
	padding: 0px 350px 0px 15px;
	background: url(../images/tub_gc_bg.jpg) no-repeat right center;
	margin: 30px 0px 10px;
	border: 1px solid #CCC;
	text-align: right;
	overflow: hidden;
}

#gc-links li {
	list-style: none outside;
	font-size: 13px;
	line-height: 18px;
	padding: 8px 0px;
}

li#choice1 {
	padding-bottom: 25px;
	background: url(../images/or.gif) no-repeat 80px bottom;
}

#gc-links a {
	color: #813923;
}

#gcFlat form {
	border: 1px solid #CCC;
	padding: 10px;
}

#gcFlat label {
	padding: 10px;
	font-weight: bold;
}

gcFlatSubmit {
	margin: 10px;
	font-size: 14px;
}

h3.gcSection {
	background: #8D4C39;
	padding: 0px;
}

h3.gcSection a {
	display: block;
	text-decoration: none;
	color: #FFF !important;
	padding: 3px 5px;
}

h3.gcSection a:hover {
	background: #813923;
}

table.gcChoices td {
	padding: 3px;
}

td.gcItem {
	text-align: left;
	width: 400px;
	vertical-align: middle;
}

td.gcPrice {
	width: 88px;
	text-align: right;
}

.odd {
	background: #FFF;
}

.even {
	background: #ECECEC;
}

.purchase {
	text-align: center;
	padding: 15px;
}

.purchase input {
	font-size: 14px;
}

/* -------------------- FOOTER ------------------------ */

#footer {
	clear: both;
}

p#inn-logo {
	width: 200px;
	height: 60px;
	float: left;
	display: inline;
	margin: 0;
}

p#inn-logo span {
	visibility: hidden;
}

p#inn-logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url(../images/inn-logo.gif) no-repeat 25px -60px;
}

p#inn-logo a:hover {
	background-position: 25px 0;
}

p#address {
	width: 500px;
	margin: 25px auto 10px 25px;
	float: left;
	display: inline;
	font-size: 9px;
	text-align: center;
	color: #666;
	padding-top: 15px;
	border-top: 1px solid #CCC;
}

.clear {
	clear: both;
	margin: 0px;
}

.push-down {
	margin-bottom: 25px;
}

img.lsc {
	display: block;
	margin: 50px auto 0px auto;
	text-align: center;
}

/* ------------------ MIVA ------------------ */


/* GENERAL STUFF */

p.form {
	margin: 0px;
	padding: 0px;
}

.error, .basket-empty {
	padding: 3px 5px 5px 30px;
	background: #FFC url(../images/alert.gif) no-repeat 5px 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.thanks {
	padding: 3px 5px 5px 30px;
	background: #FFC url(../images/success.gif) no-repeat 5px 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.red {
	color: red;
}

.required {
	font-weight: bold;
}

.optional {
	font-style: italic;
}

img.heading {
	margin-bottom: 10px;
	display: block;
}

p.message {
	color: #666;
}

#basket-footer {
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
}

p#miva-back {
	float: left;
	width: 225px;
	padding-left: 25px;
	background: url(../images/back.gif) no-repeat left center;
}

p#miva-checkout {
	float: right;
	text-align: right;
	width: 225px;
	padding-right: 25px;
	background: url(../images/checkout-icon.gif) no-repeat right center;
}

p#miva-footer {
	padding: 5px;
	text-align: right;
	background: #ECECEC url(../images/icon_padlock.gif) no-repeat 5px;
	margin-top: 15px;
	clear: both;
}

#basket-footer a, #miva-footer a {
	color: #813923;
}

font {
	font-size: 11px;
}


/* PRODUCT PAGE */


p.quantity {
	color: #666;
}

span.quantity {
	font-weight: bold;
}

img.product-image {
	margin: 10px 0px;
}

form#product-detail-add {
	margin: 15px 0px;
	padding: 5px 0px;
	border-top: 1px dotted #CCC;
}

#quantity-input {
	margin-left: 10px;
}

div#add-button {
	padding: 10px 0px;
}

table.attributes {
	margin: 15px 0px;
}

.attributes td {
	padding: 5px;
	font: normal 11px Verdana, Arial, sans-serif !important;
}

td.dl_pl_prompt {
	width: 120px;
	text-align: right;
}

td.dl_pl_field {
	width: 350px;
}

select.attr_select {
	width: 250px;
}

input.attr_checkbox {
}

/* BASKET */


table#basket {
	width: 100%;
	border: 1px solid #CCC;
	clear: both;
	margin-bottom: 15px;
}

#basket th {
	text-align: left;
	background: #ECECEC;
	padding: 5px;
	color: #000;
	margin: 0px;
	font-size: 11px;
}

#basket td {
	padding: 5px;
	font-size: 11px;
	color: #333;
	margin: 0px;
	vertical-align: top;
}

#basket p {
	margin: 0px;
	padding: 0px;
}

.basket-price, .basket-subtotal {
	text-align: right !important;
}

.remove {
	text-align: center;
	background-color: transparent;
}

td.basket-total-label, td.basket-total-price {
	background: #ECECEC;
	color: #000 !important;
	font-size: 12px !important;
	text-align: right;
}

td.basket-subtotal, td.basket-total-price {
	font-weight: bold;
}

td.basket-charge-desc {
	text-align: right;
	font-style: italic;
	color: #666;
}

td.basket-charge-price {
	font-style: italic;
}

td.basket-attribute {
	color: #666 !important;
	text-indent: 15px;
	font-style: italic;
}

td.basket-attribute-price {
	color: #666 !important;
	text-align: right;
}

td.basket-attribute-subtotal {
	color: #666 !important;
	text-align: right;
	font-weight: bold;
}

table.checkout th, table.checkout td.basket-total-label, table.checkout td.basket-total-price {
	background: #ECECEC !important;
	color: #333 !important;
}

td.basket-charge-desc, td.basket-charge-price {
	text-align: right !important;
}

table.invoice th, table.invoice td.basket-total-label, table.invoice td.basket-total-price {
	background: #FFF !important;
	color: #000 !important;
	font-weight: bold;
}

table.invoice th {
	border-bottom: 1px solid #000;
}

table.invoice {
	border: 1px solid #000 !important;
}

table.invoice td {
	color: #000 !important;
}

/* FORMS */

.customer-fields fieldset {
	border: 0px;
	margin: 15px 5px;
	border: 1px solid #CCC;
	padding: 15px 10px;
}

.customer-fields legend {
	font-size: 12px;
	color: #813923;
	font-weight: bold;
}

.customer-fields ol {
	margin: 0px;
}

.customer-fields ol li {
	list-style: none !important;
	padding: 4px 0px;
}

.customer-fields label {
	display: -moz-inline-box; /* for Mozilla browsers */
	display: inline-block;
	width: 200px;
}

div.miva-submit {
	text-align: center;
	padding: 5px;
}

div.miva-submit input {
	font-size: 14px;
	margin: 0px auto;
}

label.checkbox {
	display: block;
	width: auto;
	padding: 5px;
	color: #666;
}

label#billNo, label#billYes {
	display: inline;
	margin: 5px 40px 0px 10px;
	width: auto;
}

#cardMessage {
	width: 99%;
	height: 100px;
	margin: 0px 0px 0px;
	color: #333;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
}

#shippingSelection label, #paymentSelection label {
	display: inline;
	width: auto;
	padding: 15px 0px 5px;
}

#shippingSelection select, #paymentSelection select {
	margin-left: 15px;
}

#payment label {
	width: 150px;
}

#payment input {
	width: 230px;
}

.customer-fields input.width {
	width: 230px;
	color: #333;
}

ul#order-info-bill, ul#order-info-ship {
	width: 240px;
	float: left;
	display: inline;
	margin: 0px 0px 15px;
}

ul#order-info-bill li, ul#order-info-ship li {
	list-style: none outside;
	margin: 5px 0px;
}

ul#order-info-ship {
	margin-right: 15px;
}

ul#order-info-bill h2, ul#order-info-ship h2 {
	border-bottom: 1px solid #CCC;
	margin: 0px 0px 8px;
	color: #333;
}