/******************************************
Structure of document:
    = General stuff =
    = Site layout =
    = Pages layout =
******************************************/

/*
    = General stuff =
*/
* {
	margin: 0;
	padding: 0;
}
body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	background: #fff;
	border: 0;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
}
body.minimal{
	text-align: left;
}
h1, h2, h3{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.4em;
}
h1, h2{
	color: #2a2a2a;
	text-transform: uppercase;
}
h3 {
}
h4 {
	font-size: 1.0em;
}
h5 {
}
h6 {
}
hr{
	display: none;
}
img{
	border: none;
}
a{
	outline: none;
}
a:link, a:visited, a:active{
	background: transparent;
	color: #000;	
	/*text-decoration: none;*/
}
a:hover{
	text-decoration: underline;
}
fieldset{
	border: none;
}
ul {
	list-style: none;
}
pre {
	font-size: 1.3em;
	text-align: left;
}
#skip-navigation{
	display: none;
}
#wrapper{
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 954px;
	font-size: 1.0em;
}
#size-chart-table tr{
	white-space: nowrap;
}
#size-chart-table tr.row-type-1{
	background: #eee;
}
#size-chart-table tr.row-type-2{
	background: #aaa;
}
.search-product-list-item{
	position: relative;
}
object#register-terms {
	width: 100%;
	height: 200px;
}
/* Site layout
-------------- */
#header {
	margin: 22px 0px 0px;
	position: relative;
}
	#logo {
		background-image: url(gfx/logo.png);
		background-repeat: no-repeat;
		background-position: bottom center;
		display: block;
		width: 231px;
		height: 27px;
		margin: 0 auto;
	}
		#logo span {
			position: absolute;
			text-indent: -10000px;
		}

		#left-user-menu { left: 0px; }
		#right-user-menu { right: 0px; }
		#header .user-menu {
			position: absolute;
			top: 7px;
		}
		#header .user-menu,
		#footer .user-menu {
			height: 12px;
		}
			.user-menu li {
				float: left;
				padding: 0px;
				position: relative;
			}
				.user-menu li a,
				.user-menu li div {
					background-image: url(gfx/usermenu.png);
					background-repeat: no-repeat;
					color: #a2a2a2;
					display: block;
					font-family: Arial, Helvetica, sans-serif;
					height: 12px;
					text-transform: uppercase;
					width: 100px;
				}
				.user-menu li a.user-start { background-position: 0px 0px; width: 33px; }
				.user-menu li a.user-home { background-position: 0px -12px; width: 122px; }
				.user-menu li a.user-account { background-position: 0px -24px; width: 79px; }
				.user-menu li a.user-checkout.has-cart { background-position: 0px -36px; width: 102px; }
				.user-menu li a.user-checkout.no-cart { background-position: -200px -36px; width: 102px; }
				.user-menu li a.user-logout { background-position: 0px -48px; width: 49px; }
				.user-menu li a.user-shopping { background-position: 0px -60px; width: 84px; }
				.user-menu li a.user-faq { background-position: 0px -72px; width: 188px; }
				.user-menu li a.user-terms { background-position: 0px -84px; width: 143px; }
				.user-menu li a.user-service { background-position: 0px -96px; width: 117px; }
				.user-menu li a.user-register { background-position: 0px -108px; width: 75px; }
				.user-menu li div.menu-separator { background-position: -33px 0px; margin: 0px 9px; width: 3px; }


				.user-menu li a span,
				.user-menu li div span {
					display: none;
				}

	#header .divider {
		background-image: url(gfx/divider.png);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		height: 1px;
		margin: 22px 0px 14px;
	}

/* Navigation 
------------- */
#navigation {
	margin-bottom: 28px;
}
#csearch-page #navigation {
	margin-bottom: 43px !important;
}
	#navigation ul {
		height: 12px;
		margin: 0px auto;
		width: 594px;
	}
		#navigation li {
			float: left;
			padding: 0px;
			position: relative;
		}
			#navigation li a,
			#navigation li div {
				background-image: url(gfx/navigation.png);
				background-repeat: no-repeat;
				color: #a2a2a2;
				display: block;
				font-family: Arial, Helvetica, sans-serif;
				height: 12px;
				text-transform: uppercase;
				width: 100px;
			}
			#navigation li a.nav-perfume { background-position: 0px 0px; width: 60px; }
			#navigation li a.nav-candles { background-position: 0px -12px; width: 54px; }
			#navigation li a.nav-wash { background-position: 0px -24px; width: 71px; }
			#navigation li a.nav-lotion { background-position: 0px -36px; width: 81px; }
			#navigation li a.nav-soaps { background-position: 0px -48px; width: 37px; }
			#navigation li a.nav-adventure { background-position: 0px -60px; width: 93px; }

			#navigation li div.menu-separator { background-position: -60px 0px; margin: 0px 18px; width: 3px; }

			#navigation li a span,
			#navigation li div span {
				display: none;
			}
#content {
	font-size: 1.1em;
	text-align: left;
}
/*
	Moar narrow content
*/
#html-page #content,
#update-page #content,
#forgotpass-page #content,
#forgotpass_process-page #content,
#timeout-page #content,
#checkout-page #content,
#pactrack-page #content,
#save-page #content,
#login_check-page #content,
#process-page #content
{
	margin: 0px 80px;
}
/*#html-page #content h2,*/
#update-page #content h2,
#forgotpass-page #content h2,
#forgotpass_process-page #content h2,
#timeout-page #content h2,
#checkout-page #content h2,
#pactrack-page #content h2,
#save-page #content h2,
#login_check-page #content h2,
#process-page #content h2
{
	display: block;
}
/*#html-page #content h2,*/ #html-page #content p,
#update-page #content h2, #update-page #content p,
#forgotpass-page #content h2, #forgotpass-page #content p,
#forgotpass_process-page #content h2, #forgotpass_process-page #content p,
#timeout-page #content h2, #timeout-page #content p,
#checkout-page #content h2, #checkout-page #content p,
#pactrack-page #content h2, #pactrack-page #content p,
#save-page #content h2, #save-page #content p,
#login_check-page #content h2, #login_check-page #content p,
#process-page #content h2, #process-page #content p
{
	margin-bottom: 8px;
}



#content h2{
	display: none;
}

#footer {
	margin-top: 20px;
	clear: both;
	height: 43px;
	position: relative;
}
	#footer ul {
		margin: 0 auto;
		width: 800px;
	}
	#footer a#panagora-room-logo {
		background: url(gfx/panagora-room-logo-small.gif) no-repeat;
		clear: both;
		display: block;
		height: 5px;
		margin: 20px auto;
		text-indent: -10000px;
		width: 75px;
	}

/*
    = Pages layout =
*/

/*
    = Default =
*/
	#flash-box {
		margin-bottom: 30px;
	}

/*
    = CSearch =
*/
	#csearch-page #content {
		padding: 0px 22px;
	}
	.campaign {
		margin-left: -22px;
	}
		.campaign li {
			width: 210px;
			margin-bottom: 30px;
			margin-left: 22px;
			float: left;
			font-style: normal;
			text-align: center;
			overflow: hidden;
		}
		.campaign h3 {
		}
		.campaign a {
			overflow: hidden;
			margin: 0px;
			padding: 0px;
			display: block;
		}
		.campaign img {
			border: 0px;
		}
		.campaign h3 {
			text-transform: uppercase;
		}

/*
    = Login & Register =
*/
#register-page form input, 
#register-page div input, 
#register-page form select,
#html-page form input {
	border: 1px solid #a2a2a2;
	font-size: 11px;
	padding: 3px;
}

#register-form {
	background-color: #f1f1f1;
	padding: 8px 13px;
	float: left;
	display: inline;
}
	.user-out {
		width: 592px;
	}
#login-form,
#newsletter-form {
	width: 304px;
	padding: 8px 13px;
	margin-left: 622px;
	border: 1px solid #d9d9d9;
}
#login-form {
	margin-bottom: 4px;
}
#newsletter-form {
	position: relative;
	height: 194px;
}
	#register-form legend,
	#newsletter-form legend,
	#login-form legend{
		display: none;
	}
	#register-form h3,
	#newsletter-form h3,
	#login-form h3{
		margin-bottom: 8px;
	}
	#register-form p,
	#newsletter-form p,
	#login-form p {
		margin-bottom: 8px;
		position: relative;
	}
	#register-form #country-selector,
	#register-form #shipping-country-selector{
		line-height: 2em;
	}
		#register-form #country-selector input,
		#register-form #shipping-country-selector input{
			margin-right: 4px;
		}
		#register-form #country-selector label,
		#register-form #shipping-country-selector label{
			margin-right: 1em;
		}
/*
		#register-form #country-selector input,
		#register-form #country-selector label{
			margin-bottom: 1em;
		}
*/
	#login-form #savepass,
	#register-form #altshipping,
	#register-form #newsletter,
	#register-form #sms-newsletter,
	#register-form #user-terms,
	#register-form #gender-male,
	#register-form #gender-female,
	#register-form .region-selector,
	#register-form .shipping-selector {
		vertical-align: middle;
		border: 0px;
		width: auto;
	}
	#register-form .checkbox,
	#login-form .checkbox {
		margin-left: 4px; 
		vertical-align: middle; 
	}

	#register-page .col-50 {
		width: 49%;
		position: static;
		float: left;
		display: inline;
	}
	#register-page .col-50-margin-right {
		margin-right: 2%;
	}

	#user-info {
	}
	#user-settings {
	}
	#address-info {
	}
	#shipping-info {
	}
		#birthday-select {
			width: 20%;
		}
		#birthday-select-month,
		#birthday-select-day {
			width: 15%;
		}
	#terms-and-conditions {
	}
		#terms-and-conditions p {
		}
	#button-container {
	}
#profile-orders {
	margin-top: 20px;
	background-color: #f1f1f1;
	padding: 1%;
}
	#profile-orders table {
		width: 100%;
	}
/*
    = Search =
*/
#nav-image {
	position: relative;
	width: 954px;
	margin-bottom: 54px;
}
	#nav-image h2 {
		display: none;
	}
#search-top-container {
	margin-bottom: 34px;
}
	#search-top-container img { 
		float: left;
		margin-right: 8px;
	}
	#search-top-text-container { }
		#search-top-text-container h3 {}
		#search-top-text-container span {}
	
#search-page #search-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
	#search-page #search-list li{
		margin-top: 0px;
		margin-right: 55px;
		margin-bottom: 30px;
		margin-left: 0px;
		width: 280px;
		float: left;
		position: relative;
		display: inline;
	}
	#search-page #search-list li.first {
		margin-left: 0px;
	}
	#search-page #search-list li.last {
		margin-right: 0px;
	}
	#search-page #search-list li.clearboth {
		clear: both;
		line-height: 1px;
		height: 0px;
		margin: 0px;
		padding: 0px;
	}
		#search-page #search-list li div{
			text-align: center;
			font-style: normal;
		}
		#search-page #search-list li .name{
			font-size: 1.4em;
			font-weight: bold;
			margin-bottom: 0.5em;
			text-transform: uppercase;
		}
			#search-page #search-list li div a{
				line-height: 1em;
				text-decoration: none;
			}

	#search-page #search-pagination{
		clear: both;
		text-align: center;
	}

/*
    = Product =
*/
#product-image-container {
	position: relative;
	float: left;
	width: 380px;
	text-align: center;
	margin-top: 50px;
}
#product-image-list-text {
	display: none;
}
#product-detail-main {
	position: relative;
	float: right;
	width: 560px;
	padding-top: 70px;
	display: inline;
}
	#product-detail-main h3 {
		font-style: normal;
	}
	#product-detail-main .product-size {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	#product-detail-main legend {
		display: none;
	}
	#product-detail-main select {
		width: 150px;
	}
	#product-description {
		line-height: 16px;
		margin-bottom: 8px;
	}
	#product-tech-description {
		margin-bottom: 11px;
		margin-top: 15px;
	}
	#product-detail-main #product-price {
		font-size: 1.5em;
		margin-bottom: 13px;
	}
		#product-detail-main #product-price strong{
			font-weight: normal;
		}
	#product-buy {
		line-height: 2em;
	}
	#product-detail-main #product-purchase {
		margin-bottom: 8px;
	}
	#product-detail-main #add-this {
		float: right;
	}
	#product-alt-image-container {
		text-align: center;
		line-height: 2em;
	}
		#product-alt-image-container span {
			margin: 0 5px;
			vertical-align: middle;
		}
		#product-alt-image-container img {
			vertical-align: middle;
			cursor: pointer;
		}
	#product-family-container {
		margin-top: 42px;
	}
		#product-family-container h3 {
			font-family: Arial, Helvetica, sans-serif;
			color: #2A2A2A;
			font-size: 1.8em;
			text-align: center;
			text-transform: uppercase;
			margin-bottom: 32px;
		}

/*
 * Update Page
 */
#update-page #content {
	text-align: center;
}
#update-page #content #delivery-exclusion {
	line-height: 2em;
	border: 1px solid #d9d9d9;
	padding: 13px;
}

/*
 * Checkout
 */
#checkout-container {
	padding: 0px;
}

table#checkout-items {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 30px;
}
	table#checkout-items caption {
		display: none;
	}
	table#checkout-items th,
	table#checkout-items td {
		font-size: 1.0em;
	}
	table#checkout-items .item td {
		padding-bottom: 5px;
	}
	
	table#checkout-items tr.item td,
	table#checkout-items tr.item-offer td,
	table#checkout-items tr.offer-notice td,
	table#checkout-items tr.offer-discount-sum td {
		padding: 4px;
	}
	table#checkout-items tr.item-offer td,
	table#checkout-items tr.offer-notice td,
	table#checkout-items tr.offer-discount-sum td {
		background-color: #eee;
	}
	table#checkout-items tr.offer-notice td {
		padding-bottom: 0;
	}
	
	table#checkout-items tr.item-offer td.sum .old,
	table#checkout-items tr.item-offer td.price .old {
		text-decoration: line-through;
		display: block;
	}
	table#checkout-items tr.offer-discount-sum td.label {
		text-align: right;
	}
	table#checkout-items tr.offer-discount-sum td.sum {
		font-weight: bold;
	}
	table#checkout-items tr.item-offer td.price .old {
	}
	table#checkout-items tr.end-of-offers td {
		padding-top: 4px;
	}
	table#checkout-items tr.end-of-offers td div {
		border-top: 1px solid #888;
		height: 1px;
	}
	table#checkout-items a.discount-possible {
	}
	table#checkout-items a.discount-possible span.discount-possible {
		font-weight: bold;
	}
	table#checkout-items .checkout-offer-view {
		position: absolute;
		padding-top: 5px;
		padding-left: 5px;
		left: 10px;
		margin-top: 2px;
		border: 1px solid #888;
		/*border-bottom: 1px solid #000;*/
		background-color: #eee;
		width: 715px;
		z-index: 10000;
	}
	table#checkout-items .checkout-offer-view a.more-offers {
		clear: left;
		float: right;
		padding-right: 5px;
		padding-bottom: 5px;
		font-size: 1.2em;
		font-weight: bold;
	}
	table#checkout-items .checkout-offer-view span.owner-name {
		font-weight: bold;
	}
	
	table#checkout-items tr.item td.name,
	table#checkout-items tr.item td.qty,
	table#checkout-items tr.item td.price,
	table#checkout-items tr.item td.sum,
	table#checkout-items tr.offer-discount-sum td.sum {
		padding-left: 4px;
	}
	
	table#checkout-items td.image {
		width: 5%;
	}
		table#checkout-items td.image div {
			width: 60px;
			height: 60px;
			background-repeat: no-repeat;
			background-position: center;
		}
	
	table#checkout-items tr.item td.name {
		width: auto;
	}
		table#checkout-items tr.item td.name .manufacturer {
			font-weight: bold;
		}
		table#checkout-items tr.item td.name .size {
			display: block;
		}
	
	table#checkout-items th#qty,
	table#checkout-items tr.item td.qty{
		text-align: right;
		width: 15%;
	}
	table#checkout-items th#quantity-buttons,
	table#checkout-items tr.item td.quantity-buttons{
		text-align: center;
		width: 11%;
	}
		table#checkout-items .item .quantity-buttons td {
			border-top: 0px;
			text-align: center;
			white-space: nowrap;
		}
			table#checkout-items .item .quantity-buttons td img,
			table#checkout-items .item .quantity-buttons td a,
			table#checkout-items .item .quantity-buttons td span{
				vertical-align: middle;
				margin: 0px 3px;
			}
	table#checkout-items th#price,
	table#checkout-items tr.item td.price{
		text-align: right;
		width: 15%;
	}
	table#checkout-items th#sum,
	table#checkout-items tr.item td.sum,
	table#checkout-items tr.offer-discount-sum td.sum {
		text-align: right;
		width: 15%;
	}
	
	table#checkout-items .meta {
		text-align: right;
	}
	
	table#checkout-items .meta .label {
		font-weight: bold;
	}

	table#checkout-items .first td {
		padding-top: 5px;
		border-top: 1px solid #e1e1e1;
	}
	table#checkout-items .error td,
	table#checkout-items .last td {
		padding-bottom: 5px;
		border-bottom: 1px solid #e1e1e1;
	}
		table#checkout-items .first td.qty td{
			border-top: 0px;
		}
	table#checkout-items tbody.total .label,
	table#checkout-items tbody.total .value{
		font-size: 1.5em;
		padding: 5px 0px 0px 0px;
	}
#checkout-page .additional-fees {
	text-align: right;
}
	#checkout {
	}
		#checkout legend {
			display: none;
		}

	#register-info input, #payment-container input, #login-info input {
		border: 1px solid #a2a2a2;
		font-size: 11px;
		padding: 3px;
	}
	#register-info, #payment-container, #login-info {
		float: left;
		width: 363px;
		background-color: #f1f1f1;
		display: inline;
		padding: 8px 16px;
	}
	#login-info {
		width: 361px !important;
		background-color: #fff !important;
		border: 1px solid #d9d9d9;
	}
	#register-info {
		margin-right: 4px;
		min-height: 160px;
	}
		#register-info h3, #payment-container h3, #login-info h3 {
			margin-bottom: 8px;
		}
			#register-info h3 span, #login-info h3 span, #payment-container h3 span{
				line-height: 1.5em;
				vertical-align: middle;
				padding-left: 0px;
			}
		#register-info #delivery-address, #payment-container #checkout, #login-info #login-box{
		}
		#register-info p, #login-info p{
			position: relative;
			margin-bottom: 8px;
		}
		#payment-container div {
			margin-bottom: 8px;
		}
		#login-info #savepass,
		#register-info #altshipping,
		#register-info #newsletter,
		#register-info #user-terms,
		#register-info #gender-male,
		#register-info #gender-female,
		#register-info .region-selector,
		#register-info .shipping-selector {
			vertical-align: middle;
			border: 0px;
			width: auto;
		}
		#register-info #country-selector {
			line-height: 2em;
		}
			#register-info #country-selector input {
				margin-right: 4px;
			}
			#register-info #country-selector label { 
				margin-right: 1em;
			}
		#register-info .checkbox,
		#login-info .checkbox {
			margin-left: 4px; 
			vertical-align: middle; 
		}

		#register-info #delivery-address {
		}
	
		#payment-info, #payment-logo {
			margin-bottom: 0px !important;
		}
			#payment-logo div,
			#payment-logo label{
				float: left;
			}
			#payment-logo{
				margin-right: 10px;
			}
		
		#payment-container input,
		#payment-container select {
			width: 175px;
		}
		
		#payment-container label {
			display: block;
		}
		
		#checkout-container #shipping-table,
		#checkout-container #payment-container {
			width: 320px;
			float: left;
		}
			#checkout-container #payment-container h3,
			#checkout-container #shipping-table h3,
			#checkout-container #register-table h3{
				font-size: 15px;
				font-weight: bold;
				margin-bottom: 5px;
			}
		
		.payment-error {
			margin-bottom: 10px;
			padding: 5px;
			border: 1px solid #7F1717;
			background-color: #FFBFBF;
		}
		.transaction-image {
			margin: 0 auto;
		}
		.error-label {
			color: #FF0000;
		}
	#dibs-page #checkout label {
		float: left;
		width: 100px;
	}
	select#expM, select#expY, input#securityCode {
		width: 45px;
	}
	#dibs-page #checkout p {
		margin-bottom: 8px;
	}
	
/*
    = Default dynamic page =
*/
	#html-page #content {
	}
		#html-page #content p {
			margin-bottom: 8px;
		}
/*
    = Forgot pass =
*/
#forgotpass-page #content h2 {
	display: block;
}
	#forgot-password {
	}
		#forgot-password input {
			border: 1px solid #a2a2a2;
			margin-left: 5px;
		}
		#forgot-password legend {
			display: none;
		}
		
/*
    = Tell a friend =
*/
	#tell-a-friend {
		text-align: left;
		padding: 5px;
		background-color: #f1f1f1;
		font-size: 1.1em;
	}
		#tell-a-friend h3 {
			font-weight: bold;
		}
		#tell-a-friend p {
			margin-bottom: 8px;
		}
		#tell-a-friend input,
		#tell-a-friend textarea {
			width: 387px;
			border: 1px solid #a2a2a2;
		}

/*
    = Generic classes =
*/
a.buttonbg {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	background-image: url("gfx/arrow-right.gif");
	background-position: 96% 49%;
	background-repeat: no-repeat;
	padding: 3px 18px 3px 6px;
	text-transform: uppercase;
	border: 1px solid #a2a2a2;
	margin-right: 5px;
	text-decoration: none;
}
a:hover.buttonbg {
	background-color: #e1e1e1;
}
	a.buttonbg span {
		/*line-height: 16.4pt;*/
		line-height: 2em;
		margin-bottom: 0px;
	}
a.backbutton {
	background-image: url("gfx/arrow-left.gif");
	background-position: 2% 49%;
	background-repeat: no-repeat;
	padding: 3px 4px 3px 15px;
}
a.buy-button {
	background-image: url("gfx/has-cart.gif");
	background-position: 5px 49%;
	background-repeat: no-repeat;
	border: 1px solid #A2A2A2;
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	margin-right: 5px;
	padding: 3px 8px 3px 18px;
	text-transform: uppercase;
}
a.checkout-button {
	background-image: none;
	padding: 6px 0px;
	background-color: green;
	border: 0px;
	font-weight: bold;
	display: block;
	width: 175px;
	text-align: center;
}
	a:hover.checkout-button {
		background-color: darkgreen;
	}
	a.checkout-button span {
		color: #f1f1f1;
	}
a.tell-a-friend-button {
	background-image: url("gfx/arrow-right.gif");
	background-position: left 50%;
	padding-left: 15px;
	padding-right: 0px;
	border: 0px;
}
.clearboth {
	clear: both;
	line-height: 1px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}