/*
Company:	Body Mind Gifts
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */

body {
	margin: 0;
	padding: 0;
	background: #ebf7ff url(images/bg/bg_body.gif) repeat-x; 
	min-height: 100%;
}
	
/* @end */

/* @group Layout */

#outer-wrapper {
	width: 872px; 
	margin: auto; 
	background: url(images/hd-leaves-bkg.gif) no-repeat 0 0;
}
#wrapper {
	width: 800px; 
	margin: auto; 
}

/**********************

Header

**********************/

#header {
	width: 800px; 
	height: 202px; 
	background: url(images/bg/bg_header.gif) no-repeat #fff; 
	overflow: hidden;
}

#login_box { 
	float: right; 
	display: inline; 
	width: 290px; 
	margin: 22px -10px 0 0; 
} 

#login_box span { 
	font: normal 85% arial; 
	color: #ffffff; 
} 

#search_box { 
	width: 151px; 
	height: 17px; 
	margin-left: 10px; 
	border: none; 
} 

#search_go { 
	position: relative; 
	top: 4px; 
	left: 3px; 
} 

#search_rad { 
	margin-left: 50px; 
} 

#login_box label { 
	font: normal 85% arial; 
	color: #235905; 
} 

.form_radio { 
	position: relative; 
	top: 5px; 
	left: 5px; 
} 

#account_info { 
	margin-left: 35px; 
	padding-top: 40px;
	padding-left: 25px; 
	font: normal 85% arial; 
	background: url(images/bg/icon_butterfly.gif) no-repeat 0 24px;
	color: #623f23;
} 


#account_info a:link, #account_info a:visited { 
	color: #623f23;
	text-decoration: none;
} 

#account_info a:hover { 
	text-decoration: underline; 
} 

#logo { width:330px; float:left; }
#logo p a {
	display: block;
	position: relative; 
	z-index: 1; 
	width: 300px; 
	height: 60px;
	margin: 15px 0 0 30px;
	}
#logo p a:hover {
	background:none;
	}


/**********************

Main

**********************/

#main {
	width: 800px; 
	background: white url(images/bg/bg_footer.gif) no-repeat 0 bottom;
	padding-top: 5px;
	min-height: 600px;
}
body#home #main {
	background: white url(images/bg/bg_footer_home.gif) no-repeat 0 bottom;
	vertical-align: bottom;
}


#home_block { 
	float: left; 
	display: inline; 
	width: 510px; 
	margin-bottom: 15px; 
	margin-left: 20px; 
	padding-bottom: 10px; 
	background: #f7e9c9 url(images/bg/bg_home_block_bottom.gif) no-repeat 0 bottom; 
} 
 
/*
#home_image { 
	margin-bottom: 10px; 
	padding: 10px 9px 0 10px; 
	background: url(../images/bg/bg_home_block_top.gif) no-repeat; 
} 
*/

.home_link_block { 
	float: left; 
	width: 157px;
	padding-left: 10px; 
} 

.home_link_anchor { 
	display: block; 
	width: 157px; 
	height: 22px; 
	he\ight: 19px; 
	color: white; 
	padding-top: 3px; 
	text-align: center; 
	text-decoration: none; 
	background: #623f22; 
} 

#home_service_block { 
	float: left; 
	display: inline; 
	width: 510px; 
	height: 116px; 
	margin-left: 20px;
	margin-bottom: 40px; 
	background: url(images/bg/bg_ser_block.gif) no-repeat; 
} 

#home_service_block h4 {
	margin: 10px 0 4px 10px; 
	font-weight: bold; 
	color: #623f22; 
} 

#home_service_block img { 
	padding-left: 10px; 
} 

#upcoming_events { 
	float: right; 
	display: inline; 
	width: 241px; 
	w\idth: 201px; 
	height: 273px; 
	margin-right: 20px; 
	padding: 0 20px; 
	background: url(images/bg/bg_upcoming_events.gif) no-repeat; 
} 

#upcoming_events h3 { 
	margin: 25px 0 0 35px; 
	font: bold 123.1% arial; 
	color: #583a7a; 
} 

#upcoming_events strong { 
	display: block; 
	margin-top: 15px; 
	font: bold 108% arial; 
	color: #8e8d8d; 
} 

#upcoming_events p { 
	margin: 8px 0; 
	font: normal 85% arial;
	color: #8e8d8d;
} 

#upcoming_events a { 
	color: #d14995; 
} 

#poem_block { 
	float: right; 
	display: inline; 
	width: 241px; 
	w\idth: 201px; 
	margin-right: 20px; 
	padding: 0 20px; 
} 

#poem_block h3 { 
	margin: 25px 0 0 0; 
	font: bold 123.1% arial; 
	color: #583a7a; 
} 

#poem_block p { 
	margin: 5px 0; 
	font: normal 92% arial; 
	color: #8e8d8d; 
	line-height: 130%;
} 

#poem_block a { 
	color: #d14995; 
} 

#adblock { 
	display: block; 
	margin: 20px auto 10px; 
	border: 1px solid black; 
}

/**********************

Secondary Page

**********************/
div#breadcrumb {
	margin-bottom: 10px;
}
div#breadcrumb a:link, div#breadcrumb a:visited {
	font-size:93%;
	text-decoration: none;
}
div#breadcrumb a:hover { 
	text-decoration: underline;
}

div#content {
	padding: 0 20px 0px 20px;
	color: #3e1c65;
	background-color:#FFFFFF;
}
div#content p {
/*	margin-bottom: 10px; */
	line-height: 140%;
	font-size: 93%;
}
div#content a:link, div#content a:visited {
	color: #a0c12c;
}

body#secondary div.left-col {
	width: 200px;
	margin-left: 20px;
	float: left;
	display: inline;
}
body#secondary div.center-col,  body#secondary div.maincol {
	float: left;
	display: inline;
}
body#secondary div.center-col {
	width: 300px;
	margin-top: 15px;
	margin-right: 20px;
}
body#secondary div.maincol {
	width: 530px;
	float: left;
}
body#secondary div.right-col {
	width: 212px;
	margin-top: 15px;
	float: left;
	display: inline;
}
body#secondary div.right-col img {
	margin-bottom: 20px;
}
body#secondary div.right-col ul li {
	list-style-type: disc;
	margin-left: 20px;
	font-size: 93%;
	margin-bottom: 3px;
}

/**********************

Product Categories

**********************/

body#prod-categories div.left-col {
	width: 210px;
	margin-right: 20px;
	float: left;
	display: inline;
}
body#prod-categories div.prod-row-list p { padding-bottom: 0px; margin-bottom: 0px; }
body#prod-categories div.center-col {
	width: 518px;
	float: left;
	display: inline;
}

div.prod-row {
/*	margin-bottom: 20px; */
}
div.prod-row h2 {
	color: #623f22;
	font-size: 116%;
	margin-bottom: 0;
	margin-left: 7px;
	float: left;
	display: inline;
}
div.prod-row p.view-all {
	color: #A5C329;
	font-weight: bold;
	margin-bottom: 0!important;
	float: right;
	display: inline;
}
div.prod-row p.view-all a:link, div.prod-row p.view-all a:visited {
	color: #A5C329;
	font-size: 93%;
	text-decoration: none;
}
div.prod-row p.view-all a:hover {
	text-decoration: underline;
}

div.prod-row-list {
	border: 1px solid #623f22;
	padding: 15px 0;
}
div.prod-row-list a:link, div.prod-row-list a:visited {
	color: #623f22!important;
	text-decoration: none;
	text-transform: uppercase;
}
div.prod-row-list div {
	width: 138px;
	margin: 0 17px;
	font-size: 77%;
	text-align: center;
	float: left;
	display: inline;
}
div.prod-row-list div img {
	margin-bottom: 10px;
}


/**********************

Product Thumbnails

**********************/

div.prod-thumb-row {
	margin-bottom: 20px;
}
div.prod-thumb-row a:link, div.prod-thumb-row a:visited {
	color: #623f22!important;
	text-decoration: none;
	text-transform: uppercase;
}
div.prod-thumb-row div {
	width: 138px;
	margin: 0 17px;
	font-size: 77%;
	text-align: center;
	float: left;
	display: inline;
}
div.prod-thumb-row div img {
	margin-bottom: 10px;
}
p.pager {
	line-height:140%;
/*	margin-bottom:10px;	*/
	text-align: right;
	font-size: 77%!important;
}
p.pager a.view-all {
	margin-left: 10px;
}
p.pager a:link, p.pager a:visited {
	color:#A0C12C;
	text-decoration: underline;
}
p.pager a:hover {
	text-decoration: none;
}

/**********************

Product Detail

**********************/

body#prod-details div.left-col {
	width: 210px;
	margin-right: 20px;
	float: left;
	display: inline;
}

body#prod-details div.center-col {
	width: 530px;
	color: #888;
	float: left;
	display: inline;
}

div.prod-detail-pic {
	width: 230px;
	margin-right: 10px;
	float: left;
	display: inline;
}

div.prod-detail-info {
	width: 286px;
	float: left;
	display: inline;
}
div.prod-detail-info h3 {
	color: #623f22;
	font-size: 108%;
	text-transform: uppercase;
}
p.price {
	margin: 20px 0!important;
	font-weight: bold;
	color: #623f22;
}
div.prod-detail-info h4 {
	margin: 20px 0;
	color: #623f22;
	font-size: 93%;
	font-weight: bold;
}

div.gift-option {
	margin-bottom: 20px;
}
div.gift-option img {
	margin-right: 15px;
	float: left;
	display: inline;
}
div.gift-option label {
	margin-right: 25px;
	margin-left: 5px;
}


p.enlarge {
	margin-top: 5px!important;
	padding-top: 0!important;
}
p.enlarge a {
	background: url(images/mag-icon.gif) no-repeat 0 50%;
	padding-left: 17px;
	font-family: Arial, sans-serif;
	font-size: 85%;
}
p.enlarge a:link, p.enlarge a:visited {
	text-decoration: none;
}

div.prod-detail-pic {
	color: #623f22;
	font-size: 93%;
	text-align: center;
}
div.prod-detail-pic p {
	padding-top: 15px;
	margin-bottom: 5px!important;
}

div.prod-pic-boxes img {
	margin: 0 3px;
	padding: 2px;
	border: 1px solid #b09f90;
}

div.more-prods {
	clear: both;
	margin-top: 20px;
	border-top: 1px solid #d0e8b4;
	padding-top: 20px;
	padding-left: 15px;
}
div.more-prods h4 {
	color: #623f22;
	font-size: 93%;
	font-weight: bold;
	margin-bottom: 15px;
}
div.more-prod-item {
	width: 70px;
	margin-right: 32px;
	text-align: center;
	float: left;
	display: inline;
}
div.more-prod-item a {
	font-size: 93%;
}
div.more-prod-item a:link, div.more-prod-item a:visited {
	color: #888!important;
	text-decoration: none;
}

/**********************

Shop Main

**********************/

body#shop div.left-col {
	width: 366px;
	margin-right: 10px;
	float: left;
	display: inline;
}
body#shop div.center-col {
	width: 382px;
	color: #888;
	float: left;
	display: inline;
}

div.green-box {
	background-color: #3e8310;
	color: #fff!important;
	padding: 10px;
	text-align: center;
	font-size: 93%;
	margin: 5px 0pt;
}
div.green-box p {
	margin-bottom: 0!important;
}
div.green-box a:link, div.green-box a:visited {
	color: #fff!important;
	text-decoration: none;
}

table.prod-grid {
	width: 100%;
}
table.prod-grid p {
	margin-bottom: 4px!important;
}
table.prod-grid td {
	text-align: center;
	padding: 5px;
	border: 1px solid #a18c7a;
}
table.prod-grid a:link, table.prod-grid a:visited {
	color: #646464!important;
	text-decoration: none;
}

/**********************

Footer

**********************/

#footer {
	width: 800px; 
	margin-bottom: 20px; 
	text-align: center; 
}

#footer p { 
	font: normal 85% arial; 
	text-align: center; 
	color: #8e8d8d; 
} 

#footer p a { 
	color: #8e8d8d;
	text-decoration: none; 
}

#footer p a:hover { 
	text-decoration: underline; 
} 
	
/* @end */

/* @group Nav */
.last_nav_a { 
	border: none !important; 
	background: none !important;
} 


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* the styling */
#nav .first_nav_a a {
	padding-left: 7px!important;
}
#nav .select a.last_nav_a { padding: 0 0 0 12px; }

#nav { width:680px; height:25px; position:relative; margin-top: 16px; margin-left: auto; margin-right: auto; text-align:center; }

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav ul { margin: 0px auto; text-align:center; }
#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height:25px; float:left; padding:0 15px 0 12px; text-decoration:none; font-size:12px; line-height:25px; white-space:nowrap; color:#fff;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}


#nav .select a:hover, 
#nav .select li:hover a {cursor:pointer; color:#fff;}

#nav .select a:hover {
	text-decoration: underline;
}

#nav .sub {
 display: none; 
}


/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {color:#fff; text-decoration: underline;}

#nav ul.sub_active { width: 700px; }

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {color:#67a611; background-color: #fff; text-decoration: underline;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {color:#67a611; text-decoration: underline;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:730px; height: 25px; top:28px; _top:26px; left:0; margin-top:0; padding-bottom:0; z-index:100; color:#67a611; font-size:11px; }

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none; background-color: #fff;  }

#nav .sub_active {display:block; position:absolute; width:750px; top:27px; _top: 27px; left:0; margin-top:3px; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:21px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; padding:5px 10px 10px 7px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#67a611;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; padding: 5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#67a611; font-size:12px;}

#nav ul a {
	background: url(images/nav-div.gif) no-repeat 100% 50%;
}
#nav ul.sub a, #nav ul.sub_active a {
	background: url(images/nav-bullet.gif) no-repeat 100% 40%;
}
/* End Main Nav */

#bottom_img2 { 
	clear: both; 
	width: 800px; 
	height: 82px; 
	he\ight: 82px; 
	background: #EFF7FF url(images/bg/bg_footer.gif) no-repeat 0 top;
	vertical-align: bottom;
} 

#bottom_img { 
	clear: both; 
	width: 800px; 
	height: 182px; 
	he\ight: 182px; 
	background: #EFF7FF url(images/bg/bg_footer_home.gif) no-repeat 0 top;
	vertical-align: bottom;
} 

#bottom_nav { 
	clear: both; 
	height: 10px; 
	he\ight: 23px; 
	padding-top: 155px; 
	pad\ding-top: 140px; 
} 

#bottom_nav2 { 
	clear: both; 
	height: 10px; 
	he\ight: 23px; 
	padding-top: 55px; 
	pad\ding-top: 50px; 
} 

#bottom_nav ul, #bottom_nav2 ul {
	font-size: 14px;
	text-align: center;
	list-style-type: none !important; 
}

#bottom_nav ul li, #bottom_nav2 ul li { 
	display: inline;
} 

#bottom_nav ul li a, #bottom_nav2 ul li a { 
	padding: 0 10px;
	border-right: 1px solid white; 
} 
#bottom_nav ul li a:link, #bottom_nav ul li a:visited,#bottom_nav2 ul li a:link, #bottom_nav2 ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#bottom_nav ul li a:hover, #bottom_nav2 ul li a:hover { text-decoration: underline; }
/* Side Nav */
div#sidenav-heading {
	width: 210px;
	height: 100px;
}
div.sidenav-heading-bird {
	background: url(images/sidenav-heading-bird.gif) no-repeat;
}
div.sidenav-heading-people {
	background: url(images/sidenav-heading-people.gif) no-repeat;
}
div#sidenav-heading p {
	margin: 60px 15px 0 0;
	color: #3e1c65;
	text-transform: uppercase;
	font-size: 131%;
	float: right;
	display: inline;
}
ul.sidenav {
	background-color: #f6e9c9;
	padding: 10px 0 30px 0;
	font-size: 85%;
	text-transform: uppercase;
}
ul.sidenav li {
	padding: 1px 0;
}
ul.sidenav li a {
	display: block;
	padding: 5px 5px 5px 24px;
	margin: -1px 0;
}
ul.sidenav li a:link, ul.sidenav li a:visited {
	color: #3e1c65!important; 
	text-decoration: none;
}

ul.sidenav li a:hover {
	background-color: #80532f;
	color: #fff!important;
}

 ul.sidenav li.active a:link, ul.sidenav li.active a:visited {
	background-color: #80532f;
	color: #fff!important; 
}

ul.sidenav2 {
	background-color: #f6e9c9;
	padding: 5px 0 5px 10px;
/*	font-size: 85%; */
	text-transform: uppercase;
}
ul.sidenav2 li {
	padding: 1px 0;
}
ul.sidenav2 li a {
	display: block;
	padding: 5px 5px 5px 24px;
	margin: -1px 0;
}
ul.sidenav2 li a:link, ul.sidenav2 li a:visited {
	color: #3e1c65!important; 
	text-decoration: none;
}

ul.sidenav2 li a:hover {
	background-color: #80532f;
	color: #fff!important;
}

 ul.sidenav2 li.active a:link, ul.sidenav2 li.active a:visited {
	background-color: #80532f;
	color: #fff!important; 
}

 ul.sidenav2 li.noactive a:link, ul.sidenav2 li.noactive a:visited {
	background-color: #F6E9C9;
	color: #3e1c65!important; 
}

ul.sidenav2 li.noactive a:hover {
	background-color: #80532f;
	color: #fff!important;
}

/* @end */

/* @group Headings */
h1 { }
h2 {
	font-size: 96%;
	color: #623f22;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}
h3 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 93%;
	text-transform:uppercase;
}
h4 { }
h5 { }
h6 { }
/* @end */

/* @group Text Styles */
strong {
	font-weight: bold;
}
.center {
	text-align: center;
}
/* @end */

/* @group Lists */
	
/* @end */

/* @group Forms */
	
/* @end */

/* @group Links - link visited hover active */
a:link{ }
a:visited{ }
a:hover{ }
a:active{ }
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.img-left { float:left; margin: 0px 15px 15px 0px; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

/*** Nav bar styles ***/

ul.sub2,
.sub2 ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.sub2{
	display: table;
}
ul.sub2>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}


ul.sub2>li:hover{
	padding-right: 1px;
} [*]

ul.sub2 li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.sub2 li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.sub2 ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.sub2,
.sub2 ul,
.sub2 ul li a{
	background-color: #fff;
	color: #369;
}


ul.sub2 li:hover,
.sub2 ul li a:hover{
	background-color: #369;
	color: #fff;
}

ul.sub2 li:active,
.sub2 ul li a:active{
	background-color: #036;
	color: #fff;
}

ul.sub2,
.sub2 ul{
	border: 1px solid #369;
}

.sub2 a{
	text-decoration: none;
}

a.noborder:link, a.noborder:visited, a.noborder:hover {
	text-decoration: none;
	border: none;
}

a.noline:link, a.noline:visited, a.noline:hover {
	text-decoration:none;
}

.textBrown { 
	margin-left: 50px; 
	padding-top: 10px;
	padding-left: 35px; 
	font: normal 85% arial; 
	color: #623f23;
	font-weight: bold;
} 

.backButton { 
	margin-left: 50px; 
	padding-left: 35px; 
} 

.textBrown2 { 
	font: normal 95% arial; 
	color: #623f23;
	text-align:center;
} 

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }

.pinkText {
	color: #D14995;
}

td.headerError {
  color: #ff0000;
  font-weight: bold;
}