/*

Name: Natural Essence
Date: 2007-02-20
Description: Soft and natural single/two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/

*/


/* default elements */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #FF00CC url(img/bg.gif) ;
	color: #222;
	font: normal 62.5% sans-serif;
	padding: 0 0;
}

a {color: black;}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 2px 0 2px;}

h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}


form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul {padding: 0 2em 1.2em;}

/* structure */
#wrapper {
	background: #442863 url(img/wrapper.gif) no-repeat left bottom;
	margin: 0 auto;
	width: 762px;
}
#container {
	background: #442863;
	border-top: 6px solid #442863;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 750px;
}

/* header */
.title {
	background: #442863;
	border-top: 0px solid #442863;
}
.title h1 {
	color: #441;
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 0px 0 0px 0px;
}

.header {
	border-top: 0px solid #442863;
	background: #442863 url(img/h1.gif) no-repeat left bottom;
	height: 235px;
}

/* navigation */
.navigation {
	
	border-top: 0px solid #442863;
}
.navigation a {
	color: #553;
	float: left;
	font: bold 1em Tahoma,sans-serif;
	padding: 0 0px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
}
/*.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}

/* main */
.main#two-columns {background: #FFF url(img/two-columns.gif) repeat-y;}

/* bottom */
.bottom {
	background: #442863 url(img/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {
	background: #442863;
	color: #EED;
	padding: 10px;
}
.footer .left {
	width: 66%;
	float: left;
}
.footer .right {
	width: 33%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* gallery */
.gallery td {
	vertical-align: top;
	text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 30%; valign="top";}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 70%;}
.content {padding: 18px 5px;}
.left {

	vertical-align: top;
	
}
.left .content {padding: 18px 5px 12px; valign="top"}
.right {float: right;}
.right .content 

/* block list */
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 80%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 80%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}



hr.separator{
    height: 1px;
    color: #E5E5E5;
    background-color: #E5E5E5;
    border: 0px;
}

img {
    border: 0;
}

input,
textarea,
select {
    border: 1px solid gray; 
    font-family: Verdana, Arial, sans-serif;
    color: #333333;
    font-size: 11px;
    background-color: #FFEEFF;
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
    border: 0;
    background-color: transparent;
}

input[type="button"],
input[type="submit"]{
    border: 1px solid gray; 
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    background-color: #DDDDDD;
}

/* Main Menu Styles */
.MainMenu{
    font-family: Tahoma, Verdana;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.MainMenu a{
    color: #ffffff;
    text-decoration: none;
}

.MainMenuHighlight{
    font-family: Tahoma, Verdana;
    color: #FB7F93;
    font-size: 12px;
    font-weight: bold;
}

.MainMenuHighlight a{
    color: #FB7F93;
    text-decoration: none;
}

/* Page Title Style */
.PageTitle {
    font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

/* Your Shopping Cart Text Style */
.ShoppingCartText{
    font-family: Tahoma, Verdana;
    color: black;
    font-size: 11px;
    font-weight: normal;
}

.ShoppingCartText a{
    color: black;
    text-decoration: none;
}

/* Required Style */
.Required {
    color: red;
}

/* Error Style */
.Error {
    color: red;
}

/* Store Closed Style */
.StoreClosedText {
    font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 16px;
    font-weight: bold;
}

/* Larger Image Text Styles */
.LargerImageLink{
    font-family: Tahoma, Verdana;
    color: #666666;
    font-size: 10px;
}

.LargerImageLink a{
    color: #666666;
    text-decoration:underline;
}

.LargerImageLink a:hover{
    color: #999999;
    text-decoration:underline;
}

/* Copyright Text Styles */
.CopyrightText{
    font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
}

.CopyrightText a{
    color: #333333;
    text-decoration: none;
}
/*
 * Main Styles END
 */

/*
 * Category Styles BEGIN
 */
.CategoryName{
    
	font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 12px;
    font-weight: bold;
}

.CategoryName a{
    color: #C63983;
    text-decoration: underline;
}

.CategoryName a:hover{
    color: #D369A2;
}

.CategoryDescription{
    color: #333333;
    font-family: Tahoma, Verdana;
    font-size: 11px;
    font-weight: normal;
}
/*
 * Category Styles END
 */

/*
 * Product Styles BEGIN
 */
.ProductName{
    font-family: Tahoma, Verdana;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}
.ProductName a{
    color: #666666;
    text-decoration: none;
}

.ProductName a:hover{
    color: #BBBBBB;
    text-decoration: none;
}

.ProductDescription{
    font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
}

.ProductPrice{
    font-family: Tahoma, Verdana;
    color: #CC3399;
    font-size: 11px;
    font-weight: bold;
}

.ProductStockMessage{
    font-family: Tahoma, Verdana;
    color: red;
    font-size: 12px;
    font-weight: bold;
	padding: 2px;
}

.ProductOptionsTitle{
    font-family: Tahoma, Verdana;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}

.ProductOptions{
    font-family: Tahoma, Verdana;
    color: #333333; 
    font-size: 11px;  
    font-weight: normal;
    text-align: left;
}

.ProductOptions input,
.ProductOptions textarea,
.ProductOptions select{
}
/*
 * Product Styles END
 */

/*
 * Breadcrumb Styles BEGIN
 */
.Breadcrumb {
    padding: 0;
    margin: 0;
    width: 80%;
    background-color: white;
    font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 11px; 
    text-align: left;
}

.Breadcrumb a{
    color: #CD3C53;
    text-decoration: underline;
}

.Breadcrumb a:hover{
    color: #DA7080;
}
/*
 * Breadcrumb Styles END
 */

/*
 * NavigationBar Styles BEGIN
 */
.NavigationBar {
	padding: 0px;
	margin: 2px;
	width: 180px;
	position: relative;
	float: left;
}

.NavigationBar table td{
   */ border-top: #E5E5E5 0px solid; 
    border-left: #E5E5E5 0px solid;
    border-right: #E5E5E5 0px solid;
   */ font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.NavigationBar table td.Empty {
    padding: 0px;
    font-weight: bold;
    text-align: center;
}

.NavigationBar table td.LevelDefault{
    padding: 0px 0px 0px 0px;
}

.NavigationBar table td.LevelDefault a{
    color: #333333;
    text-decoration: none;
}

.NavigationBar table td.LevelDefault a:hover{
    color: #888888;
}

.NavigationBar table td.Level1{
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

.NavigationBar table td.Level1 a{
    color: #333333;
    text-decoration: none;
}

.NavigationBar table td.Level1 a:hover{
    color: #888888;
}

.NavigationBar table td.Level2{
    padding: 0px 0px 0px 0px;
}

.NavigationBar table td.Level2 a{
    color: #333333;
    text-decoration: underline;
}
.NavigationBar table td.Level2 a:hover{
    color: #888888;
}

.NavigationBar table td.Selected{
    background-color: #C4F0EE;
}

.NavigationBar table td.Selected a{
    color: #888888;
    text-decoration: none;
}

.NavigationBar table td.Selected a:hover{
    color: #D369A2;
}
/*
 * NavigationBar Styles END
 */


/*
 * Subcategories List Styles BEGIN
 */
.Subcategories{
    padding: 0px;
    margin: 2px;
    width: 80%;
    background-color: white;
    vertical-align: top;
    text-align: center;
}

/* the following styles are inherited from .CategoryName */
.Subcategories .CategoryName{
    padding: 2px;
}

.Subcategories .CategoryName a{
}

.Subcategories .CategoryName a:hover{
}
/*
 * Subcategories List Styles END
 */

/*
 * Product List Styles BEGIN
 */
.ProductList{
    padding: 0px;
    margin: 2px;
    width: 80%;
    background-color: white;
    vertical-align: top;
}

.ProductList table td{
    vertical-align: top;
}

.ProductList .Empty{
    padding: 0px 0px 40px 0px;
    font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/* the following styles are inherited from Category Styles */
.ProductList .CategoryName{
}

.ProductList .CategoryDescription{
    padding-top: 6px;
}

/* the following styles are inherited from Product Styles */
.ProductList .ProductName{
    padding-top: 7px;
    padding-bottom: 10px;
    text-align: center;
}

.ProductList .ProductDescription{
    padding: 2px;
}

.ProductList .ProductPrice{
    padding: 2px;
    text-align: center;
}
/*
 * Product List Styles END
 */

/*
 * Paginator Dropdown Styles BEGIN
 */
.PaginatorDropdown {
    padding: 0;
    margin: 0;
    width: 80%;
    font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 11px; 
    background-color: white;
    text-align: left;
}

.PaginatorDropdown select{
}
/*
 * Paginator Dropdown Styles END
 */

/*
 * Paginator Styles BEGIN
 */
.Paginator {
    padding: 0;
    margin: 0;
    width: 80%;
    font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 11px; 
    background-color: white;
    text-align: right;
}

.Paginator a{
    color: #CD3C53;
    text-decoration: underline;
}

.Paginator a:hover{
    color: #DA7080;
    text-decoration: underline;
}
/*
 * Paginator Styles END
 */

/*
 * Product Images Styles BEGIN
 */
.ProductImages {
    padding: 0px;
    margin: 2px;
    width: 80%;
    border: 1px #E5E5E5 solid;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    background-color: white;
    text-align: left;
}
.ProductImages TH{
	padding: 2px;
	background-color: #E5E5E5;
}
.ProductImages IMG{
	padding: 2px;
	border: 2px solid #FFFFFF;
}
.ProductImages IMG:hover{
	padding: 2px;
	border: 2px solid #E5E5E5;
}
/*
 * Product Images Styles END
 */


/*
 * Related Products Styles BEGIN
 */
.RelatedProducts {
    padding: 0px;
    margin: 2px;
    width: 80%;
    border: 1px #E5E5E5 solid;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    background-color: white;
    text-align: left;
}
.RelatedProducts TH{
	padding: 2px;
	background-color: #E5E5E5;
}
.RelatedProducts IMG{
	padding: 2px;
	border: 2px solid #FFFFFF;
}
.RelatedProducts IMG:hover{
	padding: 10px;
	border: 2px solid #E5E5E5;
}
.RelatedProducts A{
    font-family: Tahoma, Verdana;
    font-size: 11px;
    color: #666666;
    font-weight: normal;
	text-decoration: none;
}
.RelatedProducts A:hover{
    font-family: Tahoma, Verdana;
    font-size: 11px;
    color: #666666;
    font-weight: normal;
	text-decoration: underline;
}

/*
 * Related Products Styles END
 */




/*
 * Product Info Styles BEGIN
 */
.ProductInfo {
    padding: 0px;
    margin: 2px;
    width: 80%;
    border: 1px #E5E5E5 solid;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    background-color: white;
    text-align: left;
}

/* the following styles are inherited from Product Styles */
.ProductInfo .ProductName {
    padding: 6px;
}

.ProductInfo .ProductDescription {
}

.ProductInfo .ProductPrice {
    padding-bottom: 7px;
}
/*
 * Product Info Styles END
 */

/*
 * Shopping Cart Styles BEGIN
 */
.ShoppingCart {
    padding: 0px;
    margin: 2px;
    width: 80%;
    background-color: white;
    font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.ShoppingCart .Empty{
    padding: 30px 0px 40px 0px;
    font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.ShoppingCart input{
}
/*
 * Shopping Cart Styles END
 */

/*
 * Search Result Styles BEGIN
 */
.SearchResult {
    padding: 0px;
    margin: 2px;
    width: 80%;
    background-color: white;
}

.SearchResult .Empty{
    padding: 30px 0px 40px 0px;
    text-align: left;
    font-family: Tahoma, Verdana; 
    color: #666666;
    font-size: 12px;
    font-weight: bold;
}

.SearchResult .Highight {
    background-color: #F9C6F9;
}

.SearchResult .ProductName {
    padding: 0px;
    padding-bottom: 5px;
    text-align: left;
}

/* the following styles are inherited from Product Styles */
.SearchResult .ProductName a{
}

.SearchResult .ProductName a:hover{
    color: #888888;
}

.SearchResult .ProductDescription {
}

.SearchResult .ProductDescription a {
    color: #333333;
    text-decoration: none;
}

.SearchResult .ProductDescription a:hover {
    color: #888888;
}

.SearchResult .ProductNumber {
    font-family: Tahoma, Verdana;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}
/*
 * Search Result Styles END
 */

/*
 * Checkout Styles BEGIN
 */
.Checkout {
    padding: 0px;
    margin: 2px;
    width: 80%;
    background-color: white;
    font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.Checkout .Title {
    padding: 12px 0px 5px 15px;
    font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 12px;
    font-weight: bold; 
    text-align:left;
}

.Checkout .Block {
    padding: 15px;
    border: 1px #E5E5E5 solid;
}

.Checkout .ColumnTitle {
    white-space: nowrap;
    color: #666666;
    font-weight: bold;
}

.Checkout .ColumnValue {
}

.Checkout .TotalLabel {
    white-space: nowrap;
    padding-right: 7px;
    font-weight: bold;
}

.Checkout .TotalValue {
    font-weight: bold;
}

.Checkout .Left {
    text-align:left;
}

.Checkout .Right {
    text-align:right;
}

.Checkout .Center {
    text-align:center;
}

.Checkout input.Normal,
.Checkout textarea.Normal,
.Checkout select.Normal {
}

.Checkout input.Error ,
.Checkout textarea.Error,
.Checkout select.Error {
    border: 1px solid red;
}

.Checkout select.Short {
    width: 100px;
}

.Checkout .Required {
}

.Checkout .Error {
}

.Checkout .Errors {
    padding: 15px;
    color: red;
    text-align: left;
    line-height: 20px;
}

.Checkout .Empty {
    padding: 30px 0px 40px 0px;
    font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.Checkout .ImpossibleToComputeShippingCost {
    padding: 20px;
    color: #C63983;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
/*
 * Checkout Styles END
 */
 
.OrderInfo .field {
    text-align: right;
    background: #EEF2F8;
    color: #333333;
}

.OrderInfo .value {
    text-align: left;
}

.OrderInfo .products_header {
    color: #333333;
    background: #EEF2F8;
}

.OrderInvoice {
    color: black;
    font-size: 8pt;
}

.OrderInvoice .field {
    font-weight: bold;
    text-align: right;
}

.OrderInvoice .value {
    color: #666666;
    text-align: left;
}

.OrderInvoice .group_header {
    color: black;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
}

.OrderInvoice .price_field {
    font-weight: normal;
    text-align: right;
    color: black;
}

.OrderInvoice .price_value {
    font-weight: bold;
    color: black;
    text-align: left;
}