/*
------------------------------------------------------------
Page
------------------------------------------------------------
*/
html, body, div, 
h1, h2, h3, h4, h5, h6, p, 
ul, ol, dl,
table, tbody, tr, th, td{
	margin: 0;
	padding: 0;
}
html{
	height: 100%;
}
body{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #9C3000;
	font-size: 78.5%;
  	height: 100%;
	text-align: center;

}
img{
	border: none;
}
a,
a:link,
a:visited,
a:active{
/*	color: #5A1800;*/
	color: #9C3000;
	text-decoration: none;
}
a:hover{
/*	text-decoration: underline;*/
	color: #5A1800;
}
hr{
	color: #BBC3D3;
	background-color: #BBC3D3;
	height: 1px;
	line-height: 1px;
	border: none;
	overflow:hidden;
}
th, td{
	vertical-align: top;
}
#nonFooter{
	position: relative;
/*	min-height: 100%;*/
	width: 768px;
	text-align: left;
	margin: 0 auto;
}
* html #nonFooter{
/*	height: 100%;*/
}
#header{
	border-top: 1px solid #5A1800;
	padding-top: 2px;
}
#footer{
	position: relative;
/*	margin: -5.1em auto 0 auto;*/
	margin: 0 auto;
	width: 768px;
	background-color: #DED3AD;
	height: 5.1em;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer{
/*	margin-top: -4.2em;*/
}
#footer .bottomLinks{
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	margin: 0.5em 0;
}
#footer .bottomLinks .topList{
	padding-top: 1.5em;
}
#footer .bottomLinks li{
	display: inline;
	border-left: 1px solid #527597;
	padding-right: 1em;
	padding-left: 1em;
	font-size: 0.9em;
}
#footer .bottomLinks a{
	color: #7C6240;
	border: none;
}
#footer .bottomLinks a:hover{
	text-decoration: underline;
}
#logo{
	background-image: url(/img/florame-aromatherapy-logo.gif);
	width: 230px; 
	height: 62px;
	text-indent: -1000em; 
	overflow: hidden; 
	float: left;
	margin-right: 8px;
}
#logo a{
	width: 230px; 
	height: 62px;
	display: block;
}
* html #logo{
	margin-right: 2px;
}
/*
------------------------------------------------------------
Content
------------------------------------------------------------
*/
#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1em;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #5A1800;
	border-width: 1px 0;
	margin: 0;
	z-index: 1000;
}

#nav a {
	display: block;
	width: 6.5em;
/*	w\idth: 9em;*/
	color: #7C6240;
	text-decoration: none;
/*	padding: 0.25em 2em;*/
	padding: 0.25em 0;
	text-align: center;
	border: none;
}

#nav a.parent,
#nav a:active.parent,
#nav a:visited.parent,
#nav a:focus.parent,
#nav a:hover.parent{
	background: url(/img/rightarrow.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 6.5em;
}
#nav li.wide,
#nav li.wide a{
	width: 10em;
}

#nav li ul li,
#nav li ul li a,
#nav li.wide ul li,
#nav li.wide ul li a{
	width: 14.5em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 17.4em;
	w\idth: 16.9em;
	font-weight: normal;
	border-width: 2px;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 15em
}

#nav li ul a {
	width: 15em;
	w\idth: 14.5em;
	padding: 0.5em 2em 0.5em 0.25em;
	text-align: left;
}

#nav li ul ul {
	margin: -1.85em 0 0 15em;
	width: 20.4em;
	w\idth: 19.9em;
}

#nav li ul ul li {
	width: 18.5em;
}

#nav li ul ul a {
	width: 18.5em;
	w\idth: 18em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;
}

/*
------------------------------------------------------------
Content
------------------------------------------------------------
*/
#content{
/*	padding-bottom: 5.5em;*/
	text-align: left;
	min-height: 500px;
	border-top: 1px solid #DED3AD;
}
#contentSmlLeft,
#contentImage,
#contentMain{
	display: inline;
	clear: both;
	float: left;
	width: 540px;
	text-align: center;
}
#contentImage{
	width: 250px;
	padding: 0;
}
#contentSmlLeft{
	width: 100px;
	text-align: left;
}
#contentLrgRight,
#contentRight,
#contentSub{
	display: inline;
	float: right;
	width: 220px;
	padding: 10px 0 0 0;
}
#contentRight{
	width: 510px;
}
* html #contentRight{
	width: 500px;
}
#contentLrgRight{
	width: 655px;
}
* html #contentLrgRight{
	width: 650px;
}
#columnFooter{
	width: 100%;
	clear: both;
}
#contentLrgRight a,
#contentLrgRight a:link,
#contentLrgRight a:visited,
#contentLrgRight a:active,
#contentRight a,
#contentRight a:link,
#contentRight a:visited,
#contentRight a:active{
/*	color: #5A1800;*/
	color: #9C3000;
	text-decoration: none;
	border-bottom: 1px dashed #CCCCCC;
}
a:hover{
/*	text-decoration: underline;*/
	color: #5A1800;
	border-bottom: 1px solid #CCCCCC;
}

/*
------------------------------------------------------------
Breadcrumbs
------------------------------------------------------------
*/
#breadcrumbs{
	background-color: #DED3AD;
	font-size: 0.9em;
	line-height: 1.2em;
	padding: 4px 10px 3px 10px;
	clear:both;
}
#breadcrumbs ul{
	width: 495px;
	float:left;
}
.hList{
	text-align: center;
}
.hList li{
	float: left;
}
.hMenu li{
	display: inline;
	border-left: 1px solid #527597;
	padding-right: 1em;
	padding-left: 1em;
	list-style: none;
}
#breadcrumbs li{
	font-size: 0.9em;
}
#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:active{
	color: #5A1800;
	border: none;
}
#breadcrumbs a:hover{
	color: #9C3000;
	border: none;
	text-decoration: underline;
}
#breadcrumbs p{
	width: 250px;
	float: right;
	text-align: right;
}
#breadcrumbs span{
	padding-left: 1em;
}
.hMenu li.first,
#footer .bottomLinks li.first,
#breadcrumbs li.first{
	border-left: 0 none transparent;
}
/*
------------------------------------------------------------
Content General
------------------------------------------------------------
*/
#content h1{
	color: #5D1700;
	font-size: 1.9em;
	font-weight:normal;
	margin: 0.2em 0 0.5em 0;
}
#content h2{
	font-family:"Century Gothic", Verdana, Arial;
	font-size: 1.3em;
	color: #5D1700;
}
#content h3{
	font-family:"Century Gothic", Verdana, Arial;
	color: #5D1700;
	font-size: 1.3em;
}
#content h4{
	color: #5D1700;
	font-size: 1.4em;
	font-weight:normal;
}
#content h3{
	color: #5D1700;
	font-size: 1.3em;
	font-weight: bold;
}
#content h6{
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#904910;
}
#content h2 a{
	color: #A7BFE5;
}
#content h1 a,
#infoContent h2 a,
#content h3 a,
#content h4 a,
#content h5{
	color: #5D1700;
}

#content p{
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 1em 0;
}
#content ol{

}
#content ul{

}
#content li{
	margin: 0 0 0 20px;
	padding: 2px 0 2px 0;
}
#content ol li{
	margin: 0 0 0 30px;
}
#content dl{
	padding: 0;
	margin: 0;
}
#content dt{
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#content dd{
	padding: 0 0 10px 40px;
	margin: 0;
}
p.jumpSmall{
	text-align: right;
	padding-top: 0 0 1em 0;
	margin: 0;
}
#content p.jumpSmall a
#content p.jumpSmall a:link,
#content p.jumpSmall a:active,
#content p.jumpSmall a:visited{
	font-size: 0.9em;
	color: #5D1700;
	border: none;
}
#content p.jumpSmall a:hover{
	text-decoration: underline;
}
/*
------------------------------------------------------------
Content Specific
------------------------------------------------------------
*/
/* Front Page */
#contentMain.front h2{
	color: #B5926B;
	font-size: 1.4em;
}
#contentMain.front h2 a{
	color: #B5926B;
}

#contentMain.front p{
	line-height: 2em;
}
#contentSub dl{
	padding: 0;
	margin: 0;
}
#contentSub dt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	background: url(/img/rightarrow.gif) 0 12px no-repeat;
	padding: 10px 0 0 15px;
	margin: 0;
}
#contentSub dd{
	padding: 0 0 0 40px;
	margin: 0;
}
#contentSub dd p{
	font-size: 0.9em;
	padding: 0;
	margin: 0;
}
#contentSub dd p a{
	color: #9C3000;
}
#contentSub dd p.large{
	font-size: 1.4em;
	font-weight: bold;
}
/* Product Page */
p.prodPrice{
	color: #000;
}
p.prodPrice span{
	font-weight: bold;
}
.model{
	font-size: 1em;
}
.productSpecialPrice{
}
/* Large Image Container */
#xlCont {
	display:none;
	top:50px;
	position:absolute;
	background:white;  
	border:1px solid #B9BAC1;
	z-index:200;
}
/* Additional Images */
.gallerycontainer{
	position: relative;
	margin: 20px 0 0 0;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
	border: 1px solid white;
	margin: 0 0px 0px 0;
}
.thumbnail:hover{
	background-color: transparent;
}
.thumbnail:hover img{
	border: 1px solid grey;
}
/*CSS for enlarged image*/
.thumbnail span{
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img{
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span{
	visibility: visible;
	top: 0;
	left: 200px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}
div.addToCart{
	padding: 10px;
	margin: 0 auto 20px auto;
	border: 1px solid #D0D0BF;
}
#columnFooter.products ul.productList{
	clear:both;
	width: 100%;
}
#columnFooter.products{
	border-top: 5px dotted #ECE9D8;
}
/* Checkout */
#contentLrgRight fieldset{
	width: 600px;
	margin: 0 0 1em 0;
	padding: 1em;
}
#contentLrgRight fieldset legend{
	color: #904910;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}
#contentLrgRight fieldset textarea{
	width: 590px;
}
/* Sitemap */
.sitemap li{
	padding: 1px 0 2px 0;
}
/* Info Pages */
#infoContent h2{
	color: #5D1700;
}
#infoContent p{
	text-align: justify;
}
#infoContent p a{
	border-bottom: 1px dotted #CCCCCC;
}
/* Category Pages */
#content h2.lightBlue{
	color: #A7BFE5;
}
/*
------------------------------------------------------------
Various
------------------------------------------------------------
*/
.Left{
	text-align: left;
}
.Center{
	text-align: center;
}
.Right{
	text-align: right;
}
.FLeft{
	float: left;
}
.FRight{
	float: right;
}
.clearer{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
.hidden{
	position: absolute;
	left: -10000px;
}
.nowrap { white-space: nowrap; }
#content div.Error{
	background-color: #FFE6E6;
	border: 1px solid #FF8E90;
	padding: 10px;
	margin: 0;
	width: 610px;
}
#content div.Error h1{
	color: #FF0000;
	font-weight: bold;
	font-size: 1em;
	padding: 0;
	margin: 0;
}
#content div.Error p{
	color: #000000;
	padding: 0;
	margin: 0;
}
#content p.Alert,
#content p.Alert a,
#content p.Alert a:link,
#content p.Alert a:active,
#content p.Alert a:visited{
	color: #FF0000;
}
#contentSub dd p.Alert,
#contentSub dd p.Alert a,
#contentSub dd p.Alert a:link,
#contentSub dd p.Alert a:active,
#contentSub dd p.Alert a:visited{
	color: #FF0000;
}
/*
------------------------------------------------------------
Categories
------------------------------------------------------------
*/
#content ul.atoz li,
#columnFooter ul.atoz li{
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin: 0;
}
ul.productList{
	clear:both;
	width: 100%;
}
li.productListing-data{
	list-style: none;
	width: 140px;
	height: 160px;
	float: left;
	margin-bottom: 160px;
	text-align: center;
}
ul.vProductList{
	clear:both;
	width: 100%;
	text-align: center;
}
ul.vProductList li{
	list-style: none;
	padding: 5px;
}
.get1free {
	background: #ffb3b5; 
	font-weight: bold;
}