
@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: #fff;
}

img
{
	border:none;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 800px;
}
#topnav {
	margin: 0;
	padding: 10px 0px 10px 0px;
}
#topnav ul {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}
#topnav ul li {
	margin: 0;
	padding: 0px 10px 0px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #7e7e7e;
	display: inline;
	background: url(images/icon_nav.gif) no-repeat left center;
}
#topnav ul li a, #navigation ul li a, #subnav ul li a {
	color: #7e7e7e;
	text-decoration: none;
}
#topnav ul li a:hover, #navigation ul li a:hover, #subnav ul li a:hover {
	color: #763d1b;
	text-decoration: none;
}
#topnav ul li.consultant {
	font-weight: bold;
	background: none;
}

/*Header*/
#header {
	margin: 20px 0 0 0;
	padding: 0px 0px 10px 0px;
}
#header h1  {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 65px;
	background: url(images/logo.gif) no-repeat;
}
#header a {
	cursor: pointer;
}
.replace span {
	display: none;
}

/*Navigation*/
#navigation {
	margin: 0;
	padding: 10px 0px 10px 0px;
}
#navigation ul {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}

#navigation ul li {
	margin: 0;
	padding: 0px 10px 0px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #aaa;
	display: inline;
	background: url(images/icon_nav.gif) no-repeat left center;
}
#navigation ul li.first {
	background: none;
}

#navigation #active 
{
	color: #763d1b;
	font-weight:bold;
}



/*Index Only*/
#billboard {
	margin: 0px 0px 10px 0px;
	padding: 5px;
	border: 1px solid #ccc;
}
#billboard .indexleft {
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
	float: left;
	border-right: 1px solid #ccc;
}
#feature {
	margin: 0px 0px 10px 0px;
	padding: 0;
}
#feature .featureleft {
	margin: 0;
	padding: 0px 10px 0px 0px;
	float: left;
}

#index  {
padding:0 0 50px 0;
	
}
#index h2 {
	margin: 0;
	padding: 0px 0px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #e3d266;
}
#index p {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	
}

#index a
{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #763d1b;
	text-decoration:none;
	font-weight:bold;
	
}

#index li
{

	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;

	color: #555555;
}
	
#index #menu p
{
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	font-family:Times;
}
	
/*Subnav*/
#subnav {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
}
#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subnav ul li {
	margin: 0;
	padding: 0px 10px 0px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #aaa;
	display: inline;
	background: url(images/icon_nav.gif) no-repeat left center;
}

/*Main Layout*/
#container {
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
}
#sidebar {
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
	background: #f8cad4;
}
#sidebar .gutter {
	margin: 0;
	padding: 8px;
}
#sidebar h4 {
	margin: 0;
	padding: 5px 8px 5px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	color: #fff;
	background: #999;
}
#sidebar ul {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	list-style: none;
	border-bottom: 1px dotted #333;
}
#sidebar ul li {
	margin: 0;
	padding: 0px 0px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	color: #333;
}
#sidebar ul li a {
	color: #333;
	text-decoration: none;
}
#sidebar ul li a:hover {
	color: #fff;
	text-decoration: none;
}

/*Content*/
#content {
	margin: 0;
	padding: 0;
	width: 635px;
	float: right;
}
#contentfull {
	margin: 0;
	padding: 0;
}
#content .gutter, #contentfull .gutter {
	margin: 0;
	padding: 15px;
}
#content h2, #contentfull h2 {
	margin: 0;
	padding: 0px 0px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #8d915e;
}
#content h3, #contentfull h3 {
	margin: 0;
	padding: 0px 0px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1.5em;
	color: #555555;
}
#content p {
	margin: 0;
	padding: 0px 0px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	color: #555555;
}
#content p img {
	margin: 0;
	padding: 0px 0px 15px 15px;
	float: right;
}
#content ul {
	margin: 0;
	padding: 0px 0px 10px 25px;
	list-style: square;
}
#content ol {
	margin: 0;
	padding: 0px 0px 10px 25px;
}
#content ul li, #content ol li {
	margin: 0;
	padding: 0px 0px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	color: #555555;
}
#content blockquote, #contentfull blockquote {
	margin: 10px 0px 15px 0px;
	padding: 15px 0px 15px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 220%;
	line-height: 1em;
	color: #f38ab4;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
#content h3 .red, #contentfull h3.red {
	color:#F00;
	font-size:120%;
	font-family:Arial, Sans-serif;
}
#data {
	margin: 10px 0px 15px 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
	color: #555555;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
#data td, #data th {
	margin: 0;
	padding: 8px 6px 8px 6px;
	border: 1px solid #ccc;
}
#address {
	margin: 10px 0px 0px 0px;
	padding: 0;
}
.name, .organization, .email, .address, .link, .location {
	margin: 0;
	padding: 0px 0px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	color: #555555;
}
.link a {
	color: #8d915e;
	text-decoration: underline;
}
.link a:hover {
	color: #f38ab4;
	text-decoration: none;
}
dl.faq {
	margin: 0px 0px 10px 0px;
	padding: 0;
}
dl.faq dt {
	margin: 0;
	padding: 0px 0px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	font-weight: bold;
	color: #555555;
}
dl.faq dd {
	margin: 0;
	padding: 0px 0px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	color: #555555;
}

/*Breadcrumb*/
#breadcrumb {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #ccc;
}
#breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#breadcrumb ul li {
	margin: 0;
	padding: 0px 10px 0px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #7e7e7e;
	display: inline;
	background: url(images/icon_nav.gif) no-repeat left center;
}
#breadcrumb ul li a {
	color: #7e7e7e;
	text-decoration: none;
}
#breadcrumb ul li a:hover {
	color: #f38ab4;
	text-decoration: none;
}

/*Product Layout*/
#sort {
	margin: 0px 0px 15px 0px;
	padding: 8px;
	background: #f7f7f7;
}
#sort .select {
	width: 200px;
	float: left;
}
#sort .button {
	width: 220px;
	float: right;
}
#sort .button label {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #555555;
}
#sort #addcheckeditems {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding: 2px;
	width: 130px;
	font-weight: bold;
	background: #999;
	border: 1px solid #fff;
}
dl.product {
	margin: 0px 0px 30px 0px;
	padding: 0;
	width: 190px;
	height: 210px;
	float: left;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}
dl.product img {
	margin: 0;
	padding: 0px 0px 5px 0px;
}
dl.product dt {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: 125px;
	color: #555555;
	text-align: center;
}
dl.product dd {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #555555;
	text-align: center;
}
dl.product dd a, dl.related dd a {
	color: #555555;
	text-decoration: none;
}
dl.product dd a:hover, dl.related dd a:hover {
	color: #f38ab4;
	text-decoration: none;
}

/*Product Page*/
#prodcol1 {
	margin: 0;
	padding: 0;
	width: 295px;
	float: left;
}
#prodcol2 {
	margin: 0;
	padding: 0;
	width: 295px;
	float: right;
}
#product {
 	margin: 30px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px dotted #ccc;
}
#product .field {
	margin: 0;
	padding: 0px 0px 15px 0px;
}
#product .field label {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	width: 80px;
	float: left;
	font-weight: bold;
	display: block;
	color: #555555;
}
#personality {
 	margin: 0;
	padding: 10px 0px 0px 0px;
	border-top: 1px dotted #ccc;
}
#personality h3 {
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #555555;
}
#personality img {
	margin: 0px 5px 5px 0px;
	padding: 0;
}

/*Related Products*/
#related {
 	margin: 20px 0px 0px 0px;
	padding: 10px 0px 30px 0px;
	border-top: 1px dotted #ccc;
}
#related h3 {
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #555555;
}
dl.related {
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
	text-align: center;
}
dl.related img {
	margin: 0;
	padding: 0px 0px 5px 0px;
}
dl.related dt {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: 125px;
	color: #555555;
	text-align: center;
}
dl.related dd {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #555555;
	text-align: center;
}

/*Consultant*/
#consultant {
 	margin: 10px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	border-top: 1px dotted #ccc;
}
#consultant .field {
	margin: 0;
	padding: 0px 0px 5px 0px;
}
#consultant .field label {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	width: 100px;
	float: left;
	font-weight: bold;
	display: block;
	color: #555555;
}
dl.consultant {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px dotted #ccc;
}
dl.consultant dt {
	margin: 0;
	padding: 0px 0px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #f38ab4;
}
dl.consultant dt img {
	margin: 0;
	padding: 0px 15px 0px 0px;
	float: left;
}
dl.consultant dd {
	margin: 0;
	padding: 0px 0px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #555555;
}

/*Pagination*/
ul#pagination {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#pagination li {
	margin: 0;
	padding: 0px 10px 0px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666;
	display: inline;
	border-right: 1px solid #ccc;
}
ul#pagination .active {
	color: #f38ab4;
	font-weight: bold;
}
ul#pagination li a {
	color: #666;
	text-decoration: none;
}
ul#pagination li a:hover {
	color: #f38ab4;
	text-decoration: none;
}

/*Cart*/
#cart {
	margin: 0;
	padding: 0;
}
#cartdata {
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000;
	border-collapse: collapse;
}
#cartdata th {
	margin: 0;
	padding: 5px;
	color: #fff;
	background: #999;
	border: 1px solid #fff;
}
#cartdata input {
	font-size: 90%;
}
#cartdata td {
	margin: 0;
	padding: 5px;
	color: #555555;
	background: #f7f7f7;
	border: 1px solid #fff;
}
#carttotals {
	margin: 0;
	padding: 0;
	width: 30%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	float: right;
	color: #000;
	border-collapse: collapse;
}
#carttotals th {
	margin: 0;
	padding: 5px;
	color: #fff;
	background: #999;
	border: 1px solid #fff;
}
#carttotals td {
	margin: 0;
	padding: 5px;
	color: #555555;
	background: #f7f7f7;
	border: 1px solid #fff;
}
.buttons, .checkoutbutton {
	margin: 10px 0px 10px 0px;
}
.buttons input {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding: 4px;
	width: 120px;
	font-weight: bold;
	background: #999;
	border: 1px solid #fff;
}
.checkoutbutton input {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding: 4px;
	font-weight: bold;
	background: #999;
	border: 1px solid #fff;
}
#btn_checkout {
	position: relative;
	top: -26px;
	left: 248px;
	height: 1%;

}

#mailinglist fieldset legend, #question fieldset legend {
	margin: 0;
	padding: 0em 0em .4em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #555555;
	background:#FFF;
}
#mailinglist .field, #question .field {
	margin: 0em 0em .4em 0em;
	padding: 0;
}
#mailinglist .field label, #question .field label {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #555555;
	text-align: left;
	font-weight: bold;
	display: block;
	width: 120px;
}

/*Checkout*/
#checkout fieldset {
	margin: 10px 10px 20px 0px;
	padding: 10px;
	width: 340px;
	border: 1px dotted #ccc;
}
#checkout fieldset legend {
	margin: 0;
	padding: 0em 0em .4em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #555555;
	background:#FFF;
}
#checkout .field {
	margin: 0em 0em .4em 0em;
	padding: 0;
}
#checkout .field label {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #555555;
	text-align: left;
	font-weight: bold;
	display: block;
	width: 100px;
}
#shipping, #billing, #shippingconfirm, #billingconfirm {
	margin: 0;
	padding: 0;
	float: left;
}
#shipping, #billing {
	height: 275px;
}
#shippingconfirm, #billingconfirm {
	height: 220px;
}

/*Footer*/
#footer {
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	border-top: #CCCCCC 1px solid;
	clear:both;
}
#footer p {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #7e7e7e;
}
#footer ul {
	margin: 0;
	padding: 0px 0px 6px 0px;
	list-style: none;
}
#footer ul li {
	margin: 0;
	padding: 0px 10px 0px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #7e7e7e;
	display: inline;
	background: url(images/icon_nav.gif) no-repeat left center;
}
#footer strong {
	color: #666;
	text-decoration: none;
}
#footer a {
	color: #7e7e7e;
	text-decoration: none;
}
#footer a:hover {
	color: #763d1b;
	text-decoration: none;
}

/* Error and Message output */
#msgs, #errors {
	color: #f38ab4;
	font-weight: bold;
}
#msgs p, #errors p {
	color: #f38ab4;
	font-weight: bold;
}

/* special class for strong tag in sale */
strong.saleprice {
	color: #e279a3;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#flashcontent
{
border:none;
float:right;
}

#float-right
{
	float:right;
	border: #e3d266 1px solid;
	margin: 0 0 0 10px;
}

#eXTReMe
{
/*visibility:hidden;*/
}


