/* The Spa Ritual CSS - Written by Chris Hold at Smallbox Software - www.smallboxsoftware.net */

/* 
------------------------------------------------------------------- 
@CSS Reset - removes inconsistent default browser styling
------------------------------------------------------------------- 
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 


/* 
------------------------------------------------------------------- 
@General
------------------------------------------------------------------- 
*/
body {
	background: #fff;
	color:#998B7D;
 color:#6c6155;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
}

#container {
	width: 978px;
	margin: 20px auto 0;
	text-align: left;
	line-height:1.5em;
 	position:relative;
}

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

#left .callout .text a:hover { color: #5C7C48; }

#footer a:link { color: #c6c0b8; }
#footer a:visited { color: #c6c0b8; }
#footer a:hover { color: #771420; }
#footer a:active { color: #771420; }



/*
-------------------------------------------------------------------
@Header
-------------------------------------------------------------------
*/
#header {
	position: relative;
	overflow: visible;
	height: 35px;
}
.primary_navigation {
 float:right;
}
.primary_navigation li {
 float:left;
 margin:0 15px 0 0;
}
#navigation {
	position: absolute;
	top: 0;
	left: 8px;
}
#navigation ul#row1, ul#row2 {
	height: 15px;
	list:style:none;
	padding:0;
	margin:0;
}
#navigation ul li {
 float:left;
 margin:0;
 padding:0;
 line-height:15px;
}
#navigation ul li a {
 float:left;
 width:102px;
 display:block;
 color:#4b804c;
}
#navigation ul li a.wider {
 width:140px;
}
#navigation ul li a.widest {
 width:180px;
}
#navigation ul li a.blue {
 color:#4E8ABE;
}
#navigation ul li a.brorange {
 color:#BE854C;
}
#navigation ul li a.indent1 {
 margin-left:50px;
}
#navigation ul li a.indent2 {
 margin-left:86px;
}
#navigation ul li a:hover,
#navigation ul li.on a {
        color: #771420;
	text-decoration:none;
}
#banner {
	width: 978px;
	height: 245px;
	overflow:hidden;
}
#swirl {
	position: absolute;
	top: 110px;
	left: 15px;
	width: 201px;
	height: 194px;
	z-index: 200;
	display:none;
}



/*
--------------------------------------------------------------------
@Content
-------------------------------------------------------------------- 
*/
#content {
	margin-top: 20px;
}


/*
--------------------------------------------------------------------
@Left Column
-------------------------------------------------------------------- 
*/
#left {
	width: 175px;
	min-height:100px;
	float: left;
	padding-left: 10px;
	padding-right: 30px;
}
#left .section_title {
	color: #771420;
}
.address {
	font-size:11px;
	margin:0 0 10px 0;
}
.navigation {
	margin:0 0 20px 0;
}
.navigation_secondary {
	padding-bottom: 30px;
}
#left .ecom_categories ul {
 margin-left:10px;
 font-size:10px;
}
#left .ecom_categories ul li a,
.navigation .primary li a,
.navigation_secondary ul li a {
	text-decoration: none;
	color: #4b804c;
}
#left .ecom_categories ul li.on a,
#left .ecom_categories ul li a:hover,
.navigation .primary li.on a, 
.navigation .primary li a:hover, 
.navigation_secondary ul li.on a, 
.navigation_secondary ul li a:hover {
	color: #771420; 
}
.navigation .primary li {
}
.navigation .secondary {
 font-size:11px;
 margin:5px 0 10px 15px;
}
.navigation .tertiary {
 margin:5px 0 10px 15px;
}
#left .miniswirl {
	margin-left: -5px;
}
#left .leftcallout {
	margin-top: 10px;
	color: #4b804c;	
}
#left .leftcallout p {
	margin-bottom: 1em;
}
#left .leftcallout a,
#left .leftcallout strong {
	color: #771420;
}
#left .brochure {
	margin:0 0 20px 0;
}

/*
-------------------------------------------------------------------
@Main Column
-------------------------------------------------------------------
*/
#main .page_title, #main .page_description, #main .page_image, #main .page_text {
 margin-bottom:10px;
}
#main {
 float:left;
 min-height:100px;
 padding-bottom:20px;
}
.cols3 {
 width: 510px;
 padding-right:20px;
}
.cols2 {
 width:763px;
}
.cols1 {
 width:980px;
}
#main p {
 margin-bottom:1em;
}
#main strong {
 font-weight:bold;
}
.article_list ul {
 margin-top:30px;
 width: 510px;
}
.article_list ul li {
 width: 510px;
 margin-bottom: 40px;
}
.article_list .thumb {
 width: 220px;
 float: left;
 margin-right: 12px;
}
.article_list .title,
.article_list .more,
.article_list .description {
 width: 278px;
 float: right;
}
.article_list .title a {
 color: #771420;
}
.article_list .title a:hover {
 text-style:underline;
}
.article_list .more a {
 font-style:italic;
}
.page_text ul {
 list-style:disc;
}
.page_text ul li {
 margin:0 0 0 18px;
}
.submit {
 margin:10px 0 0 0;
}
.contact select.half {
 width:249px;
 padding:0px;
} 
.contact .half {
 width:241px;
 padding:0px 2px;
}
.contact .full {
 width:500px;
 padding:0px 2px;
}

/*
-------------------------------------------------------------------
@Right Column
-------------------------------------------------------------------
*/
.demandforce #right {
	display:none;
}
#right {
	width: 233px;
	min-height:100px;
	float: left;
	color: #771420;
}
#right .randomizer {
	padding-left: 25px;
}
#right .randomizer .image {
	padding-bottom: 10px;
}
#right .randomizer .description {
	width: 180px;
}
#right .callout {
	margin:30px 0 30px 0;
}
.callout_awards {
	margin:0 0 20px 20px;
}
.callout_awards li {
	margin:0 0 20px 0;
}
.callout_awards .title {
	margin:5px 0 5px 0;
}
.appointment {
	padding-left:25px;
	margin:0 0 10px 0;
}
.left_appointment {
	padding-left:0px;
	margin:0 0 10px 0;
}

/*
-------------------------------------------------------------------
@Gallery
-------------------------------------------------------------------
*/
.paging {
 margin-bottom:11px;
}
.paging a.disabled {
 color:#CCCCCC;
}
.paging table,
.thumbnails table {
 width: 510px;
}
.paging .next,
.thumbnails .right {
 text-align:right;
}
.thumbnails .center {
 text-align:center;
}
.thumbnails td {
 padding:0 0 20px 0;
}
.photo {
 margin-bottom:11px;
}
.back {
 margin-top:11px;
}


/*
-------------------------------------------------------------------
@Footer
-------------------------------------------------------------------
*/
#footer {
	padding-bottom: 30px;
}
#footer .message,
#credit {
	color: #c6c0b8;
	font-size:9px;
	padding-left: 215px;
}
#credit ul li {
	display: inline;
}
#footer .pipe {
	padding: 0 0.3em;
}



/*
--------------------------------------------------------------------
Layout Tools
--------------------------------------------------------------------
*/
.clearer {
 clear:both;
 line-height:0;
 font-size:0;
}


/* 
-------------------------------------------------------------------- 
Sitemap
-------------------------------------------------------------------- 
*/
.sitemap {}
.sitemap table {
 width:100%;
}
.sitemap table td {
 vertical-align:top;
}
.sitemap td.section {
 padding-bottom:20px;
}
.sitemap td.section .title {
 font-weight:bold;
}


/*
--------------------------------------------------------------------
eCom: Categories
--------------------------------------------------------------------
*/
.ecom_product_images table.outer td.hdivider,
.ecom_category_images table.outer td.hdivider {
 padding:0;
 height:1px;
 background-image:url(/images/horizontal_divider.gif);
 background-repeat:repeat-x;
}
.ecom_product_images table.outer td.vdivider,
.ecom_category_images table.outer td.vdivider {
 padding-left:1px;
 width:1px;
 background-image:url(/images/vertical_divider.gif);
 background-repeat:repeat-y;
} 
.product_views {
 margin:5px 0;
}
.product_views ul {
 margin-left:-5px;
}
.product_views  li {
 padding:0;
 float:left;
 margin-left:5px;
}
.product_views  li img{
 border:solid 1px white;
}
.ecom_category_images .level_1 table.outer td.hdivider,
.ecom_category_images .level_1 table.outer td.vdivider {
 background:none;
 height:0;
 padding:0;
}
.ecom_category_images {}
.ecom_product_images table.outer,
.ecom_category_images table.outer {
 width:100%;
}
.ecom_category_images .level_1 table.outer td.left {
 text-align:left;
 padding-bottom:30px;
}
.ecom_category_images .level_1 table.outer td.right {
 padding-bottom:30px;
}
.ecom_product_images .title,
.ecom_product_images .more,
.ecom_category_images .title,
.ecom_category_images .more {
 text-align:left;
}
.ecom_product_images table.outer td.left,
.ecom_product_images table.outer td.center,
.ecom_product_images table.outer td.right,
.ecom_category_images .level_2 table.outer td.left,
.ecom_category_images .level_2 table.outer td.center,
.ecom_category_images .level_2 table.outer td.right,
.ecom_category_images .level_3 table.outer td.left,
.ecom_category_images .level_3 table.outer td.center,
.ecom_category_images .level_3 table.outer td.right {
 padding:10px 0px;
}
.ecom_product_images table.outer td table.inner,
.ecom_category_images .level_2 table.outer td table.inner,
.ecom_category_images .level_3 table.outer td table.inner {
}
.ecom_product_images table.outer td table.inner td,
.ecom_category_images .level_2 table.outer td table.inner td,
.ecom_category_images .level_3 table.outer td table.inner td {
 padding:0;
} 


/*
--------------------------------------------------------------------
eCom: Product Page
--------------------------------------------------------------------
*/
.error_messages {
 font-size:14px;
 color:white;
 background:red;
 padding:10px 20px;
}
.product_page {
 padding:10px 0;
 width:100%;
 overflow:hidden;
}
.product_page table.product_table {}
.product_page table.product_table tr td {
 vertical-align:top;
}
.product_page table.product_table tr td.left {
 padding:0 30px 30px 0;
}
.product_page table.product_table tr td.right {}
.product_page h1,
.checkout h1,
.product_page h2 {
 color:#4b804c;
 margin:0;
 padding:0 0 10px 0;
 font-size:1.5em;
}
.checkout h1 {
 margin:1em 0 0 0;
}
.checkout h2 {
 color:#4b804c;
 margin:1em 0 0 0;
 padding:0;
 font-size:1.2em;
}
.product_page .colors h2 {
 margin:5px 0 0 0;
}
.product_page .colors table {
 width:200px;
}
.product_page .ordering_information ul.listing li {
 padding-bottom:10px;
}
.product_page .ordering_information .sb_select {
 width:250px;
}
.product_page .ordering_information .sb_select,
.product_page .add_fields td.quantity select {
 font-size:11px;
 color:#666666;
}
.product_page .add_fields table {
 width:250px;
 margin-bottom:10px;
}
.product_page .add_fields .quantity select {
 width:178px;
}
.product_page .add_fields td {
 padding-top:10px;
}
.product_page .add_fields td.fieldLabel {
 width:73px;
}
.product_page .add_fields .add {
 padding-left:73px;
}
.product_page .availability {
 padding-top:10px;
} 
.product_page .fieldLabel {
}
.colors .color {
 border:solid 1px black;
 width:20px;
 height:20px;
}
.colors .color img {
 width:20px;
 height:auto;
}
.colors td {
 padding:0 0 4px 0;
 margin:0;
}
.colors .swatch {
 width:20px;
}
.colors .name {
 vertical-align:top;
 padding:2px 15px 2px 10px;
 text-align:left;
}
.related_products {
 margin-top:20px;
}
.related_products table.outer {
 width:100%;
}
.related_products table.outer td {
 vertical-align:top;
}
.related_products .left {}


/*
--------------------------------------------------------------------
eCom: Little Cart
--------------------------------------------------------------------
*/
.total_small h3 {
 font-size:14px;
}
.total_small,
.cart_small {
 padding:0 0 0 25px;
}
.cart_small ul.listing {}
.total_small ul.listing li,
.cart_small ul.listing li {
 padding:5px 0;
 border-bottom:1px solid #DEDEDE;
}
.total_small .item a,
.cart_small .item a {
 font-weight:bold;
 color:#4b804c; 
}
.total_small .options,
.cart_small .options {
 font-size:10px;
}
.total_small .quantity,
.cart_small .quantity {
 padding:3px 0 2px 0;
}
.cart_small .quantity input,
.cart_small .quantity select {
 width:40px;
 font-size:10px;
 line-height:12px;
 color:#666666;
 margin:0 5px;
 border:1px solid #998B7D;
}
.cart_small .amount {}
.total_small .totals,
.cart_small .totals {
 padding:5px 0 0 0;
}
.cart_small .update_cart {
 padding:5px 0;
 border-bottom:1px solid #DEDEDE;
}
.total_small .recalculate,
.cart_small .checkout {
 padding:10px 0 5px 0;
}
.total_small strong,
.cart_small strong {
 color:black;
 font-weight:100;
}


/*
--------------------------------------------------------------------
eCom: Checkout - Cart
--------------------------------------------------------------------
*/
.cart table {}
.cart thead td {
 font-weight:bold;
}
.cart table td {
 padding-right:20px;
 vertical-align:top;
}
.cart td UL {
 margin:0;
 padding:0 0 0 15px;
}
.checkout .steps {
 height:20px;
 margin:20px 0 10px 0;
}
.checkout .steps li {
 margin-right:40px;
 padding:2px 5px;
 float:left;
 color:#FFFFFF;
 background:#4b804c; 
}
.checkout .steps li.finished {
 background:#999999;
 color:#FFFFFF;
}
.checkout .steps li.finished a {
 color:#666666;
}
.checkout .steps li.on {
 background:#771420;
}
.checkout .text {}
.checkout .cart {}
.checkout .cart table {
 width:100%;
}
.checkout .cart table thead td {
 color:black;
 padding-bottom:10px;
}
.checkout .quantity input,
.checkout .quantity select {
 width:40px;
 font-size:10px;
 line-height:12px;
 color:#666666;
 margin:0 5px;
 border:1px solid #998B7D;
}
.checkout .item {
}
.checkout .options {
 font-size:10px;
}
.checkout .hr {
 background:#dfdfe0;
 height:1px;
 margin:5px 0;
} 
.checkout tfoot .hr {
 background:#cccccc;
}
.checkout .update_cart {
 padding:5px 0; 
 text-align:left;
}


/*
--------------------------------------------------------------------
eCom: Checkout - Address
--------------------------------------------------------------------
*/
.checkout #ship_form {}
.checkout #ship_form table {
 width:100%;
}
.checkout #ship_form td {
 padding:5px 0;
}
.checkout #ship_form .sb_text,
.checkout #ship_form .sb_select {
 width:300px;
 font-size:11px;
 color:#666666;
 margin:0 5px;
 border:1px solid #998B7D;
}
.checkout .paging {
 border-top:1px dashed #dfdfe0;
 padding:17px 0 10px 0;
 margin-top:20px; 
}
.checkout .paging table {
 width:100%;
}
.checkout .paging .right {
 text-align:right;
}


/*
--------------------------------------------------------------------
eCom: Checkout - Shipping
--------------------------------------------------------------------
*/
.checkout .shipper {}
.checkout #shipping_method table {
 width:100%;
}
.checkout #shipping_method table thead td {
 color:black;
 padding-bottom:5px;
 font-size:12px;
 border-bottom:1px solid #dfdfe0;
}
.checkout #shipping_method table td.radio {
 width:23px;   
}
.checkout #shipping_method table td.item {}
.checkout #shipping_method table td {
 padding:3px 0 2px 0;
 vertical-align:top; 
}
 

/*
--------------------------------------------------------------------
eCom: Checkout - Payment
--------------------------------------------------------------------
*/
.checkout .payment_methods {}
.checkout .payment_methods .sb_text,
.checkout .payment_methods .sb_select {
 width:300px;
 font-size:11px;
 color:#666666;
 border:1px solid #998B7D;
}
.checkout .payment_methods .expiry_month .sb_select,
.checkout .payment_methods .expiry_year .sb_select {
 width:145px;
 font-size:11px;
 color:#666666;
 border:1px solid #998B7D;
}
.checkout .payment_methods .slash {
 padding:0 3px;
}
.checkout .payment .field_title_blank,
.checkout .payment .expiry {
 padding-top:10px;
 padding-bottom:2px;
}
.payment .card_logos {
 margin-top:8px;
}


/*
--------------------------------------------------------------------
eCom: Checkout - Finished
--------------------------------------------------------------------
*/
.checkout .finished table.response {
 margin-top:10px;
}
.checkout .finished table.response td {
 padding:0 20px 5px 0;
}
.checkout .finished table.response th {
 padding:0 20px 5px 0;
 text-align:right;
}

/*
--------------------------------------------------------------------
Newsletter
--------------------------------------------------------------------
*/
.unsubscribe {
 margin:20px 0 0 0;
}
.unsubscribe .sb_text {
 width:250px;
 font-size:11px;
 color:#666666;
 margin:0 5px;
 border:1px solid #998B7D;
}
.unsubscribe .submit {
 margin:0;
}
.stf_list {
 margin:20px 0 0 0;
}
.stf_list .sb_text {
 width:350px;
 font-size:11px;
 color:#666666;
 margin:0px;
 border:1px solid #998B7D;
}
.stf_list .sb_textarea {
 width:350px;
 font-size:11px;
 color:#666666;
 margin:0px;
 border:1px solid #998B7D;
 color:#998B7D;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size:11px;
}
.stf_list .field_title,
.stf_list .field_title_blank {
 margin:10px 0 5px 0;
}
.stf_list .link {
 border:1px solid #998B7D;
 padding:5px;
 width:340px;
 margin:10px 0 0 0;
}
/*
--------------------------------------------------------------------
Media
--------------------------------------------------------------------
*/
.photo_grid .heading {
 font-size:1.2em;   
 font-weight:bold;
 margin:20px 0 10px 0;
}
.photo_grid {
} 
.photo_grid td.hdivider {
 height:15px;
}
.photo_grid td.center {
 padding:0 15px 0 15px;
}
.photo_grid .thumb {
 width:160px;
 height:106px;
 overflow:hidden;
}