@import url(reset.css);


/* CSS Document */

html {
    height: 100%;
	min-height: 100% !important;
}

body {
	font-family: "Lucida Grande", "Lucida Sans", Geneva, sans-serif, Arial;
	font-size: 12px;
	color: #515151;
	/*background-color: #940C00;
	background-attachment: fixed;*/
	background-image: url(../images/background.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-repeat: no-repeat;
	background-position: center top;*/
}

/*body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/background.jpg);
}*/

fieldset legend {
	font-weight: bold;
	font-size: 14px;
}


.clear {
	clear: both;
}

#wrap {
	width: 978px;
	position: relative;
    margin-right: auto;
	margin-left: auto;
}

#header {
	height: 117px;
	text-align: center;
}

#header #logo {
	padding-right: 41px;
}
#header #logo img {
	border: none;
}

/************************************** MAIN CONTENT */

#main {
	background: transparent url(../images/maincontent_back.png) repeat-y 5px 0;
	padding: 20px 0 0 0;
	clear: both;
}

#content-home {
	position: relative;
	width: 717px;
	padding-left: 10px;
	float: left;
}

#content-homefragrance {
	position: relative;
	background-image:url(altru-header.jpg);
	background-repeat:no-repeat;
	width: 650px;
	margin-left:15px;
	margin-top:-25px;
	padding-left: 34px;
	padding-right:34px;
	float: left;
}

#content {
	position: relative;
	width: 656px;
	padding-left: 48px;
	float: left;
}


#slideshow-home {
	float: left;
	width: 480px;
}
#apparel {
	position:relative;
	margin: 19px 0px 0px 17px;
	float:left;
	}

#media {
	position:relative;
	margin:-4px 0px 0px 17px;
	float:left;
	}

#featuredproducts {
	float: left;
	width:657px;
	background: url(../images/home_featured.gif) no-repeat;
	padding: 15px 15px 0;
	}


.smalltext {
	font-size:10px;
	}

#home-intro-text {
	float: left;
	margin: 20px 15px;
	width:657px;
	}

h1, h2, h3 {
	font-size: 18px;
	color: #646464;
}

h2, h3 {
	font-size: 18px;
}

#content p {
	margin-bottom: 1em;
}


/************************************** SIDEBAR */

#sidebar {
	margin-left: 745px;
	margin-right: 15px;
	padding: 0 10px;
}

/* This is here because SWFObject makes the width too big
	in IE 6 and then the whole sidebar is cleared by the content */
#sidebar h2 {
	width: 95%;
}

/************************************** SIDE MENU */

#sidemenu a:link,
#sidemenu a:visited,
#sidemenu a:hover,
#sidemenu a:active {
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	color: #666666;
	text-transform: capitalize;
}
#sidemenu a:hover {
	text-decoration: underline;
}

.sidemenuMain {
	margin-top: 50px;
}


/************************************** FOOTER */
#footer {
	clear: both;
	height: 44px;
	background: transparent url(../images/footer_back.png) no-repeat 5px 0;
}

/************************************** NAVIGATION */

#navigation {

	height: 41px;

	background: transparent url(../images/navigation_back.png) no-repeat;

	padding-left: 65px;

}



#navigation li {

	float: left;

	margin: 0 20px;

}



#navigation a {

	display: block;

	padding-top:10px;

	text-decoration: none;

	text-transform:uppercase;

	color:#f93;

}



#nav-featuredproducts {

	width: 150px;

}

#nav-homefragrance {

   width: 150px;

}

#nav-media {

   width: 53px;

}

#nav-logo {

   width: 130px;

	padding-left: 45px;

	padding-right: 45px;

	margin-top:-10px;

}

#nav-apparel {

   width: 80px;

}


/************************************** STYLES */



#pageTitle {
}

#productTitle {
	letter-spacing: -0.06em;
	margin-bottom: 15px;
}



/************************************** PRODUCT */

#productImage {
}

#productDetails {
	font-size: 12px;
	color: #7F7F7F;
	text-align: left;
}

.productPrice {
	margin-top: 10px;
	color: #646464;
}


.iapwMessage {
	margin-top: 5px;
	font-size: 11px;
	text-align:center;
}
.iapwMessage a {
	color: #c00;
}



#productOptions table td {
	vertical-align: top;
	padding: 5px 5px;
}

#productOptions table {
	margin: 10px 0 0 0;
}

#productOptions table table {
	margin: 0;
}

#productOptions table table td {
	padding: 0 0 5px;
}

#productOptions .choicelabel {
	text-align: right;
}

/************************************** CATEGORY GRID */

.pager {
	position: relative;
	line-height: 11px;
	height: 11px;
	padding: 1em 0;
}
.pager ul {
	position: absolute;
	top: 0;
	right: 0;
}
.pager ul li {
	float: left;
	margin: 0 .25em;
}

#productGrid table {
	width: 100%;
	border-collapse: collapse;
}
.productContainer a {
	display: block;
	color: #666;
	text-decoration: none;
}
.productContainer {
	padding-bottom: 40px;
	padding-left:10px;
}


/************************************ CROSS SELLS */
#crosssells {
    clear: both;
    padding: 50px 0 0;
    color: #515151;
    font-size: 11px;
}
#crosssells table {
 margin: 10px;
}
#crosssells td {
    padding-right: 20px;
    width: 200px;
}
#crosssells td a {
	color: #515151;
	text-decoration: none;
}

#crosssells .photo {
	float: left;
	width: 80px;
	height: 80px;
}


/************************************ MINI CART */
.miniCart {
	
}

.miniCartImage {
	width: 80px;
	height: 90px;
}

.miniCartRemove {
	padding: 0 4px;
}

#miniCartList {
	margin: 10px 0;
}
#miniCartList,
#miniCartList a {
	color: #515151;
	font-size: 12px;
	text-decoration: none;
}
.miniCartFooter p {
	margin: 0;
}

.miniCartPrice,
.miniCartQty {
	font-size: 11px;
	margin: 3px 0;
}

.miniCartEmpty {
	color: #c3710e;
	margin: 25px 10px;
	font-weight: bold;
}


/*********************************** LOGIN PAGE */
#NewUsers,
#CurrentUsers {
	margin-top: 20px;
	float: left;
	width: 300px;
}


table.formTable {
	margin: 10px 0;
}
table.formTable td {
	padding: .25em .5em;
}
table.formTable th {
	padding: .25em .5em;
	text-align: right;
}

div.formField {
	margin: 7px 0;
}
div.formField label {
	display: block;
}
div.formField input {
	width: 150px;
}

div.checks label,
div.radios label,
div.checks input,
div.radios input {
	width: auto!important;
	display: inline !important;
}
div.buttons input {
	width: auto!important;
}

.cancel {
	margin-left: 20px;
	color: #999;
}



#wait {
	position: absolute;
	top: 180px;
	right: 25px;
	font-size: 13px;
	font-weight: bold;	
	color: #B00;
	text-align: right;
}


.messagebox { width: 100%; margin: 5px 0; color: #B00; }
.messagebox ul { list-style: none; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 30px; padding: 5px; }
.messagebox .errorline { clear: both; }


.errormessage li,
.validationmessage li {
	margin: .5em 2em;
	list-style-type: disc;
	color: #B00;
}



/************************************** MY ACCOUNT */

.orderGrid {
	margin: 20px 0 30px;
	border: solid 1px #646464;
	border-collapse: collapse;
}

.orderGrid td {
	padding: .25em .75em;
	border: solid 1px #646464;
}

/************************************ CHECKOUT */

#checkoutLogin {
	background-color: #F3F3F3;
	padding: 0 0 10px;
	margin: 5px 0;
    border: solid 1px #DDD;
}
#checkoutLogin div.formField {
	float: left;
	margin-left: 15px;
}
#checkoutLogin div.formField a {
    margin-top: 16px;
    display: block;
    font-size: 11px;
}
#checkoutLogin div.buttons {
    margin-top: 20px;
}
#checkoutLogin div.buttons input {
	background: #FFF;
	padding: 0 8px;
    border: solid 1px #DDD !important;
}

#checkoutLogin div.checks {
	display: none !important;
}

.checkoutModule {
    margin: 20px 0;
}


#orderSummary {
    border-top: solid 1px #EEE;
    width: 225px;
    margin-top: 10px;
}
#orderSummary tr.totalRow th,
#orderSummary tr.totalRow td {
    font-size: 14px;
    font-weight: bold;
    color: #900;
}
#orderSummary th,
#orderSummary td {
    text-align: right;
    padding: .25em .5em;
    border: solid 1px #EEE;
    border-width: 1px 0;
}
#orderSummary th {
    padding-right: 1em;
}


#holiday-shipping-dates {
	
}
#holiday-shipping-dates th {
	font-weight: bold;
	padding: 1em 0 .4em;
	border-bottom: solid 1px #eee;
}
#holiday-shipping-dates td {
	border-bottom: solid 1px #eee;
	padding: .25em .7em .25em 0;
}








/********************************* ABOUT PAGE */
.aboutText {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 36px;
color: #515151;
}
.aboutStyled {
font-size: 30px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #0099CC;
font-weight: lighter;
}
a.about:link, a.about:visited, a.about:active {
color:#0099CC;
text-decoration: none;
}

a.about:hover {
color:#0099CC;
text-decoration: underline;
}.aboutText {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 36px;
color: #515151;
}
.aboutStyled {
font-size: 30px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #0099CC;
font-weight: lighter;
}
a.about:link, a.about:visited, a.about:active {
color:#0099CC;
text-decoration: none;
}

a.about:hover {
color:#0099CC;
text-decoration: underline;
}



/******************************** POPUP */
#popup {
	padding: 20px;
	background: #FFF;
	margin: 10px;
}

#popup p{
	margin: 1em 0;
}

#popup p.closeWindow a {
	color: #666;
}


#popup #footer {
	height: auto !important;
	background: none !important;
}



/************ RECEIPT PAGE */

.OrderItemsTable {
	margin: 20px 0px;
	border-bottom: solid 1px #666;
	border-collapse: collapse;
	font-size: 11px;
}

.OrderItemsTable td,
.OrderItemsTable th {
	padding: 3px 5px;
	border-bottom: solid 1px #DDD;
}
.OrderItemsTable th {
	font-weight: bold;
	white-space: nowrap;
}