/* CSS Document */
/************************************************************************

	Site: Alchemy Collections
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============

	1 - Global
	2 - Footer
	3 - Search

************************************************************************/
/***********************************************************************
	1 - GLOBAL
************************************************************************/
body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #787778;
	background: #b6aeaf  repeat-x bottom left; /*url(../images/bottom-bg.gif)*/
	margin: 0 auto;
	
	
}

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin: 0; 
	padding: 0; 
}
h1{font-size:16px;}
div#container {
	background: url(../images/bg-headerBar.gif) left top repeat-x; 
	/* border-bottom: 7px solid #68537A; */
}

/***********************************************************************
	2 - FOOTER
************************************************************************/

div#footer { 
	width: 811px !important;
	padding: 25px 17px 20px 17px; 
	margin: 0 auto 16px auto !important;
	/*background-color: #fff;*/
	background-image: url(../images/bg-body.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

body#home div#footerContainer {
	margin-left: 10px;
}	

body#home div#footer { 
	width: 811px !important;
	padding: 25px 17px 5px 17px; 
	margin: 0 auto 16px auto !important;
	background-image: url(../images/bg_header_home.gif);
	background-position: left top;
	background-repeat: repeat-y;
}


div#footer div {
	width: 775px;
	margin: 0;
	border-bottom: 7px solid #67557b;  
	/*background-color: #fff;*/
}

div#footer ul { list-style-type: none; }

div#footer ul li { 
	display: inline; 
	padding: 0 17px 3px 5px;
	text-transform: uppercase;
	border-left: 1px solid #67557b; 
}

div#footer ul li a { 
	color: #52504f;
	text-decoration: none;
}

div#footer ul li a:hover { 
	text-decoration: none;
	color: #67557b;
}

div#footer ul#textnav {
	width: 580px;
	font-size: 10px;
}

#footer #guarantee {
	height: 22px;
	width: 775px;
	border-top: 4px solid #fff;	
	background-color: #e2ddde;
	color: #a89f9c;
	
}

#footer #guarantee li {	
	padding: 0 3px;	
	height: 22px;
	vertical-align: middle;
	border-left: 1px solid #b2aaa8;
	padding-left: 9px;
	text-transform: none;
	color: #a49c9a;
}

#footer #guarantee li.firstguarantee {
	border: 0;
	padding-left: 0;
}

#footer #guarantee .guaranteearrow {
	border: 0;
	margin: 0 0 0 -8px;
}

#footer > #guarantee > .guaranteearrow > img { /* MAKES GUARANTEE IMAGE/TEXT LOOK RIGHT IN MOZILLA */
	margin: 0;
	vertical-align: middle;
}

#footer #privacy {
	float: right;
	width: 125px;
	margin: 0 14px -14px -73px;
	font-size: 10px;
}

#footer > #privacy { /* MAKES IT POSITION PROPERLY IN MOZILLA */
	margin: 0 28px 2px -73px;
}

#footer #privacy a {
	color: #67557b;
	text-decoration: none;
}
#footer #privacy a:hover {
	text-decoration: none;
	color: #52504f;
}

#footercopyright {
	/*background: url(../images/bg-copyright.gif) no-repeat top;*/
	text-align: center;
	color: #a89f9c;
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 9px;
	margin: 0;
	}

/* OTHER FOOTERS *******************************************/

#bothfooter, #onefooter {
	width: 140px !important;
	z-index: 100;
}

#bothfooter #suggestfooter, #bothfooter #previouslyviewed {
	width: 135px;
	border: 1px solid #d9d7db;
	border-top: 0;
	margin-bottom: 20px;
}

#bothfooter #suggestbox, #bothfooter #previousbox {
	width: 135px;
	margin-bottom: 5px;
}

#bothfooter #suggestbox { 
	background: url(../images/footer-suggest.gif) no-repeat top center; 	
}

#bothfooter #previousbox  { 
	background: url(../images/footer-previous.gif) no-repeat top center; 
}

#bothfooter h2 {
	margin-left: -5000px;
}

.suggestimage, .previousimage {
	width: 120px;
	height: 112px;
	border: 1px solid #d9d7db;
	display: block;
	margin: 2px auto 7px auto;
}


/***********************************************************************
	2 - SEARCH
************************************************************************/

div#search {
	width: 250px;
	height: 55px;
	float: right;
	padding: 10px 20px 0 0;
}	

div#search div#email {
	width: 125px;
	height: 22px;
	float: left;
	background:url(../images/header_email.gif) no-repeat;
}

div#search div#email a {
	display: block;
	width: 100%;
	height: 100%;
	}

div#search div#bag {
	width: 110px;
	height: 22px;
	float: left;
	background:url(../images/header_shoppingbag.gif) no-repeat;
}

div#search div#bag a {
	display: block;
	width: 100%;
	height: 100%;
	}

div#search div#productSearch {
	width: 100%;
	padding-top: 0;
	}
	
.searchBoxText {
	width: 200px; 
	margin: 0;
	font: 10px Arial, Helvetica, sans-serif;
	}