/*
_________________________________________

GLOBAL STYLES

_________________________________________
*/

body {
	margin: 0px;
	padding: 0px;
	background: #e2f6fa url(../images/bg_b.gif) repeat-x;
}

p {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

h2 {
	font: bold small Georgia;
}

h1 {
	font: bold medium Georgia;
}
h4 {
	font-family: Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
h3 {
	padding-top: 5px;
	padding-bottom: 4px;
	display: block;
	border-bottom: 1px dashed #574A37;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}



/*
_________________________________________

CLASSES

_________________________________________
*/


.mainImage {
	padding-bottom: 10px;
	margin-top: 10px;
	float: left;
	padding-right: 20px;
}

.rightBorder {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #6F9FA4;
}

.style1 {
	font-size: small;
	padding-right: 15px;
	padding-left: 20px;
	line-height: 1.4em;
}
.style2 {
	font-size: x-small;
}

.bold {
	font-weight: bold;
}

.imgLeft {
	padding: 10px;
	float: left;
}
.productListing {
	border-bottom: 1px dashed #614A37;
	clear: left;
	padding-bottom: 5px;
	width: 525px;
	float: left;
	position: relative;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
}
.productListing  .imgLeft {
	padding: 0px 15px 10px 0px;
	float: left;
}

.imgRight {
	padding: 10px;
	float: right;
}


/*
_________________________________________

CONTAINER

_________________________________________
*/

#container {
	font-family: Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	height: 100%;
	width: 900px;
	margin: 20px auto;
	color: #574A37;
}
.bottomBorder {
	border-bottom: 2px solid #6F9FA4;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

/*
_________________________________________

TOP

_________________________________________
*/

#top {
	font-family: Helvetica, sans-serif;
	;
	font-size: small;
	height: 20px;
	width: 900px;
	color: #514332;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CDE9EE;
	background: url(../images/top_swirl.jpg) no-repeat right center;
}
#top a {
	color: #514332;
}

#top .topImage {
	padding-left: 20px;
}
#top a:hover {
	font-family: Helvetica, sans-serif;;
	font-size: 12px;
	color: #6F9FA3;
	text-decoration: underline;
}

/*
_________________________________________

BANNER

_________________________________________
*/

#banner {
	height: 200px;
	width: 900px;
	clear: both;
	background: #FFFFFF url(../images/main_logo.gif) no-repeat left center;
	padding-bottom: 10px;
}
#banner a {
	color: #6f9fa4;
	text-decoration: underline;
}

#banner a:hover {
	color: #514332;
	text-decoration: none;
}
#bannerRight {
	float: right;
	width: 250px;
	height: 140px;
	padding-right: 20px;
	padding-left: 10px;
	background-color: #EEF8F8;
	padding-top: 10px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right 13px;
	margin-top: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bannerRight h1{
	font-family: Georgia, serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #426B6C;
	margin: 0px;
	font-weight: bold;
}
#featuredProduct {
	float: right;
	width: 150px;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #514332;
	padding-top: 5px;
}

#featuredProduct h1{
	font-family: Georgia, serif;
	font-size: 11px;
	color: #514332;
	font-weight: bold;
	padding: 0px 0px 2px;
	margin: 0px 0px 4px;
}
#featuredProduct p {
	font-size: 10px;
	line-height: 14px;
}
#featuredProductImage {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
}
#bannerRight input {
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	background-color: #6F9FA4;
	border-style: none;
}
#cartAndCheckout {
	margin: 0px;
	float: left;
	height: 25px;
	width: 200px;
	padding: 0px 0px 0px 10px;
	font-family: Helvetica;
	color: #524433;
	text-align: left;
}


/*
_________________________________________

NAVIGATION

_________________________________________
*/


#navigation {
	text-align: center;
	height: 100%;
	width: 900px;
	text-decoration: none;
	border-top: 1px solid #CDE9EE;
	border-bottom: 1px solid #CDE9EE;
	clear: both;
}
#navigation li {
	text-decoration: none;
	text-align: center;
	display: inline;
	color: #514332;
	font-size: 12 px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding: 0px 15px;
	margin-right: 0px;
	margin-left: 0px;
	border-top: 1px;
	border-right: 1px solid #514332;
	border-bottom: 1px;
	border-left: 1px;
}
#navigation .last {
	border-right-style: none;
}
#navigation ol {
	margin: 10px 0px;
	padding: 0px;
}

#navigation a {
	color: #514332;
	text-decoration: none;
}
#navigation a:hover {
	color: #574A37;
	text-decoration: underline;
}

/*
_________________________________________

MAIN CONTENT

_________________________________________
*/


.side {
float:left;
width:200px;
}

.side h2 {
color:#574A37;
font-family:Georgia, serif;
font-size:small;
font-weight:bold;
height:20px;
margin:0;
padding:3px;
}

.side_link {
color:#574A37;
display:block;
margin-bottom:3px;
margin-left:5px;
padding-left:10px;
text-decoration:none;
}


#bodyLeft {
	float: left;
	width: 150px;
	height: 100%;
	margin-top: 5px;
	padding: 5px 5px 5px 15px;
}
#bodyLeft li {
	list-style-type: none;
	display: block;
	line-height: 2em;
	margin-left: -30px;
	border-bottom: 1px dashed #524433;
}
#bodyLeft a  {
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: #6F9FA3;
	text-decoration: none;
}

#bodyLeft a:hover {
	color: #574A37;
	text-decoration: none;	
}


#bodyRight a  {
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: #6F9FA3;
	text-decoration: underline;
}

#bodyRight a:hover {
	color: #574A37;
	text-decoration: underline;
}


#bodyRight{
	padding: 5px 20px 5px 10px;
	float: right;
	width: 675px;
	height: 100%;
	border-left: 1px solid #CDE9EE;
	margin: 5px 10px 5px 5px;
	}
#bodyRight li{
	font-family: Helvetica;
	font-size: 12px;
	line-height: 16px;
	}
	
#bodyRightStore{
	padding: 5px 25px 5px 10px;
	float: right;
	width: 540px;
	height: 100%;
	border-left: 1px solid #CDE9EE;
	margin: 5px 10px 5px 5px;
	font-size: 12px;
	line-height: 16px;
	}
#bodyRightStore .detailDescription{
	padding-right: 20px;
	}
	
#bodyRightStore .detailDescription .imgLeft {
	padding: 0px 25px 10px 0px;
	float: left;
}

#bodyLeftStore{
	float: left;
	width: 280px;
	height: 100%;
	margin-top: 5px;
	padding: 5px 5px 5px 15px;
}
/* CSS Document */

ul#menu {
	
	list-style-type: none;

}

ul#menu li {
	list-style-type: none;
	display: block;
	line-height: 2em;
	margin-left: -30px;
	border-bottom: 1px dashed #524433;
	font-size: 12px;
}
ul#menu a {
	text-decoration: none;
	color: #6f9fa4;
}
ul#menu a:hover {
color: #514332;
	text-decoration: none;
}
ul#menu a.active {
color: #514332;
	text-decoration: none;
}
ul#menu ol li {
	font-size: 11px;
	display: block;
	margin: 0px;
	padding-left: 10px;
	border-style: none;
}
ul#menu ol {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 5px;
}
ul#menu ol li:before {
	content: "- ";
}


#bodyLeftStore a  {
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: #6F9FA3;
	text-decoration: none;
}

#bodyLeftStore a:hover {
	color: #574A37;
	text-decoration: none;	
}

#bodyRightStore a  {
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: #6F9FA3;
	text-decoration: underline;
}

#bodyRightStore a:hover {
	color: #574A37;
	text-decoration: underline;
}

 form input.submit {
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px;
	background-color: #6F9FA4;
	padding: 4px 3px 0px 3px;
}


 input, textarea {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #574A37;
	background-color: #EEF8F8;
	padding: 3px;
	border: 1px solid #6f9fa3;
}

#image1 {
	clear: both;
	float: left;
	margin-left: 0px;
	padding: 5px 10px 10px 0px;
}

#image2 {
	clear: both;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
}

#noLeftNav {
	margin-right: 20px;
	margin-left: 20px;
	padding: 5px 20px;
}
#textRight {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}



#noLeftNav a {
	color: #6F9FA3;
	text-decoration: underline;

}

#noLeftNav a:hover {
	color: #CDE9EE;
	text-decoration: underline;
}


/*
_________________________________________

BOTTOM

_________________________________________
*/

.bottomLeft {
	float: left;
	height: 100%;
	width: 280px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 6px;
	margin-bottom: 15px;
}
.bottomLeftBlue {
	float: left;
	height: 100%;
	width: 280px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 6px;
	background-color: #EEF8F8;
	margin-bottom: 10px;
	border-bottom: 5px solid #FFFFFF;
}
.bottomLeftBlue p {
	padding-right: 10px;
	padding-left: 10px;
}
.bottomLeftBlue li {
	font-family: Helvetica;
	font-size: 12px;
	line-height: 16px;
}



#bottomRight {
	float: right;
	height: 100%;
	width: 275px;
	border-left: 1px solid #CDE9EE;
	margin-bottom: 5px;
}
#bottom {
	border-bottom: 1px solid #CDE9EE;
	padding-bottom: 5px;
	clear: both;
	width: 900px;
	margin-bottom: 5px;
	padding-top: 10px;
}
#bottomRight #form1 input {
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: #514332;
	background-color: #EEF8F8;
	border-style: none;
}
#bottomRight #form1 input.submit {
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	background-color: #6F9FA4;
}
#bottomRight li {
	line-height: 16em;
	list-style: url(http://www.nataliyashealingcenter.com/images/bullet_07.gif);
	margin-left: -5px;
	font-family: Helvetica;
	font-size: 12px;
}

#bottomBlue {
	background-color: #EEF8F8;
	height: 280px;
}

#bottomRight img {
	padding-left: 20px;
}
.bottomLeft a, .bottomLeftBlue a, .bottomRight a {
	color: #6F9FA3;
	text-decoration: underline;
}
.bottomLeft a:hover, .bottomLeftBlue a:hover, .bottomRight a:hover {
	color: #514332;
	text-decoration: underline;
}


/*
_________________________________________

FOOTER

_________________________________________
*/

#footer {
	clear: both;
	width: 900px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: x-small;
	text-align: center;
	height: 100%;
	border-top: 1px solid #CDE9EE;
	margin-top: 5px;
}
#footer a {
	color: #514332;
	text-decoration: underline;
}
#footer a:hover {
	color: #6F9FA3;
	text-decoration: underline;
}


#footer li {
	font-family: Helvetica;
	color: #514332;
	display: inline;
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #514332;
}
#footer li.last {
	border: none;	
}
#mainContent {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 100%;
	width: 900px;
}
.bottomLeft p {
	padding-right: 10px;
	padding-left: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS HTML Styles */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 3.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px;
	background-color: #6F9FA4;
	padding: 4px;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData {
	width: 540px;	
}
table.tabularData td {
	padding: 0px 15px 10px;
	background-color: #EEF8F8;
	border: 1px solid #FFFFFF;
	width: 50%;
}
table.tabularData td h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #574A37;
	text-align: center;
	display: block;
	height: 15px;
	border-bottom: 1px dotted #514332;
	margin-right: -5px;
	margin-left: -5px;
}
table.tabularData td .info{
	text-align: center;
	padding: 5px 5px 0px;
}
table.tabularData td .image{
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
	border-style: none;
}


table.tabularData th  {
	color: #6f9fa4;
	padding: 2px;
	border: 1px solid #6F9FA4;
}
table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	color: #6f9fa4;
	text-decoration: underline;
}
table.tabularData th a:hover  {
	color: #574A37;
	text-decoration: underline;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #EEF8F8;
}
.altRowOdd{
	background-color: #FFFFFF;
}

/* oldprice is displayed when there is a discount */
.oldprice {
	text-decoration: line-through;
}
.smallprint {
	font-size: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}

/* This aligns products to the top of the table cell with horizontal display of results */
table#tableSearchResults td {
	vertical-align:top;
}

/*  Awesome From Styles ------------------------------------------------------------------------------  */

.awesomeform fieldset {
	margin-bottom: 10px;
	border: 1px dashed #574a37;
	}
.awesomeform label.long, .awesomeform p.label {
	width: 500px;
}
.awesomeform label span {
	color: #900;
}
.awesomeform input, .awesomeform textarea, .awesomeform select, .awesomeform .checks input, .awesomeform.checks input {
	width: 150px;
}
.awesomeform {
	width: 540px;
	margin-right: auto;
	margin-left: auto;
}
.awesomeform legend {
	font-weight: bold;
	color: #574A37;
	font-size: 14px;
}
.awesomeform label {
	text-align: right;
	float: left;
	width: 100px;
	margin-right: 3px;
	display: block;
	margin-bottom: 10px;
	padding-top: 2px;
}
.awesomeform label.short {
	width: 75px;
}
.awesomeform label.short2 {
	width: 10px;
	display: inline;
	float: none;
}
.awesomeform label.short2:after {
	content: "";
}
.awesomeform label.leftAlign {
	text-align: left;
	float: left;
	width: 100px;
	margin-left: 3px;
	display: block;
	margin-bottom: 10px;
	padding-top: 2px;
}
.awesomeform label.long4 {
	width: 300px;
	font-size: 10px;
	text-align: left;
	padding-left: 5px;
}
.awesomeform label.long5 {
	width: 200px;
}
.awesomeform label:after {
	content: ":";
}
.awesomeform label.long {
	width: 100%;
	display: block;
	text-align:left;
}
.awesomeform label.leftAlign:after {
	content: "";
}
.awesomeform label.long5:after {
	content: ":";
}
.awesomeform label.long2:after {
	content: "";
}
.awesomeform label.long3:after {
	content: "";
}
.awesomeform label.long4:after {
	content: "";
}
.awesomeform input, .awesomeform select {
	display: block;
	margin-bottom: 10px;
	float: left;
	width: 125px;
}
.awesomeform input.short, .awesomeform select.short {
	display: none;
	width: 1px;
}
.awesomeform input.medium, .awesomeform select.medium {
	display: inline;
	width: 50px;
	float: none;
}
.awesomeform input.checkbox1 {
	width: 20px;
	float: left;
}
input.button {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #6F9FA4;
	padding: 3px;
}
input.button2 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #6F9FA4;
	padding: 3px;
}
.awesomeform textarea {
	display: block;
	margin-bottom: 10px;
	float: left;
	width: 500px;
	margin-left: 10px;
	border: 1px solid #6f9fa4;
}
.awesomeform .long2 {
	width: 250px;
	text-align: left;
}
.awesomeform .long3 {
	width: 600px;
	text-align: left;
	padding-left: 3px;
}
.awesomeform select[multiple="multiple"] {
	margin-left: 0px;
}
.awesomeform select.long {
	width: 250px;
}
.awesomeform select.long300 {
	width: 300px;
}
.awesomeform select.short50px {
	width: 50px;
}
.awesomeform br {
	clear: left;
}
html .awesomeform br {
	line-height: 1em;
	font-size: 0.5em;
}