@CHARSET "UTF-8";

body {
	background-color: #eee;
}

a img {
	border: 0;
}

h1, h2, h3, h4 {
	
}

.clear {
	clear: both;
}

#wrapper {
	background-color: #fff;
	width: 950px;
	margin: auto;
}

#header {
	color: white;
	width: 950px;
	height: 100px;
}

#global-nav {
	background-color: #eee;
	width: 950px;
}

#page-content {
	float: left;
	width: 799px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	min-height: 700px;
}

#left-column {
	border-right: solid 0px #ccc;
	float: left;
	width: 149px;
	min-height: 700px;
}

#right-column {
	border-left: solid 0px #ccc;
	float: left;
	width: 149px;
	min-height: 700px;
}

#header-global-links {
	padding: 0 0 3px 0;
	font-weight: bold;
}

#header-global-links a {
	letter-spacing: 0.1em;
}

.feedback-box {
	height: 25px;
	margin: 5px 25px;
}

.feedback {
	background-color: #eee;
	padding: 1px 4px;
	border: solid 1px #ccc;
}

#how-it-works h2 {color: #CD042B;}

.login-ext span a {
	color: white;
	text-decoration: underline;
}

.login-ext span a:hover {
	text-decoration: underline;
}

a.buy-link {
	font-size: 13pt;
	font-weight: bold;
}

a.buy-link:hover {
	text-decoration: underline;
	
}

/* HOMEPAGE */

#site-presentation {
	text-align: left;
	padding: 3px 15px;
	font-size: 11pt;
	font-family: Georgia;
	letter-spacing: 0.05em;
	line-height: 20px;
	width: 450px;
	height: 60px;
	border-bottom: solid 0px #ccc;
}

#site-presentation h1 {
	font-family: Arial;
	margin: 3px 0 3px 0;
	font-size: 16pt;
	line-height: 25px;
}

#rotating {
	padding-top: 3px;height: 250px; border-bottom: solid 0px #ccc;
}

#mid-left {
	float: left;
	width: 374px;
}

#mid-right {
	float: left;
	width: 374px;
}

#mid-right .box {
	margin: 5px 8px;
	padding: 2px 5px;
	text-align: left;
	height: 125px;
	background: #fff url(/xperience/store/images/promobox1.jpg)
}

.product-box {
	border-bottom: solid 1px #ccc;
	float: left;
	width: 350px;
	height: 85px;
}

#experience-presentation {
	padding-bottom:5px;
	border-bottom: solid 1px #ccc;
}

#experience-presentation h1 {
	font-size: 19pt;
}

#experience-attributes {
	height: 20px;
	font-size: 11pt;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#experience-attributes div {
	float: left;
	width: 30%;
}

#product-description {
	padding: 5px 125px 5px 5px;
	line-height: 1.3em;
	text-align: left;
	font-size: 11pt;
}

table#product-list {
	margin: 10px auto;
	width: 600px;
	border-spacing: 0;
	border-collapse: collapse;
}

table#product-list thead {
	border-bottom: solid 1px #ccc;
	line-height: 20px;
	font-weight: bold;
	font-size: 12pt;
}

table#product-list td {
	width: 25%;
}

#about-experience{padding: 20px; line-height: 1.5em; font-size: 13px;}

/*shopping cart*/
#shopping-cart {
	text-align: left;
}

table#cart-items {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	border-spacing: 0;
	border-collapse: collapse;
	border: solid 1px #ccc;
	background-color: #eee;
}

table#cart-items thead {
	border-bottom: solid 1px #ccc;
	line-height: 20px;
	font-weight: bold;
	font-size: 12pt;
}

table#cart-items td {
	width: 16%;
}

#shopping-cart #buttons{margin:7px auto;}

#cart-sales-info {width: 600px; margin: 75px auto; font-size: 11pt; text-align: left;}
#cart-sales-info div p img {margin-right: 10px;}

#checkout-menu h1 {
	width: 180px;
	float: left;
}

#login-form {
	margin-top: 10px;
}

#delivery-address {
	border: solid 0px #ccc;
	margin-top: 25px;
	text-align: left;
}

#delivery-type {
	border: solid 1px #ccc;
	margin-top: 25px;
}

#order-summary, #payment-info, #billing-info, #gift-info, #terms-conditions {
	border: solid 0px #ccc;
	margin-top: 25px;
	text-align: left;
}

form#password-change-form, form#personal-info-update-form {
	margin: 30px 0;
}

/* LOCAL NAV */

#local-nav {
	text-align: left;
	width: 130px;
	min-height: 240px;
	padding: 20px 10px 0 9px;
	background-color: white;
	line-height: 14pt;
	
}

#local-nav a {
	display: block;
	font-size: 12pt;
	letter-spacing: 0.05em;
	padding: 4px 0 4px 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #000;
	border-top: solid 0px #ccc;
	border-bottom: solid 1px #ccc;
	text-decoration: none;
}

#local-nav a:hover {
	background-color: #eee;
}

#local-nav a.homepage-link {
	margin-bottom: 8px;
}

#local-nav #selected-nav-group {
	margin: 4px 0 4px 0;
}

#local-nav #category-items {
	padding: 4px 0 0 8px;
	font-size: 10pt;
}

#local-nav #selected-nav-group div {
	background-color: #8e1f01;
	color: #da831b;
	padding: 0 0 0 5px;
}

/* BREADCRUMB */

#breadcrumb {
	text-align: left;
	font-size: 10pt;
	line-height: 20px;
	border-bottom: solid 1px #ccc;
	padding-left: 3px;
}

/* IMAGES */
.small-product-image {
	width: 140px;/*130px;*/
	height: 79px;
}

.category-image, .product-image {
	width: 397px;/*397px;*/
	height: 245px;
}

.homepage-image {
	width: 650px;
	height: 250px;
}

/* PRICE FORMATTING */
.p div {
	float: left;
}
.d {
	font-size: 12pt;
	float: left;
	text-align: right;
	width: 40px;
}

.c {
	font-size: 9pt;
	float: left;
	padding-right: 2px;
}
.d2 {
	font-size: 17pt;
}

.c2 {
	font-size: 13pt;
}
.d3 {font-size: 14pt;}
.c3 {font-size: 11pt;}

.price-col .p{
	width: 75px;
	margin: auto;
}

/* HOW IT WORKS	*/

.how-it-works-step {
	margin: 10px 0;
}

.how-it-works-step .step-desc h2 {
	margin: 0;
	font-size: 13pt;
}

.how-it-works-step .step-desc {
	float: left;
	width: 575px;
	padding: 0 0 0 10px;
}

.number-box {
	float: left;
	width: 40px;
	height: 40px;
	border: solid 1px #CD042B;
	line-height: 40px;
	text-align: center;
	font-size: 27pt;
	font-weight: bold;
	background-color: #CD042B;
	color: white;
}

#user-guidance-options{
	padding-left: 5px;text-align:left;margin-top:40px; font-size: 11pt;
}

#user-guidance-options h4{
	margin: 10px 0 0 0;
}

#enewsletter-signup{
	border:solid 0px #ccc;
	margin-top: 10px;
}

#enewsletter-form{
	border: 0pt none;
	font-size: 97%;
	width: 100%;
	text-align: center;
}

#enewsletter-form #email-address-text-box{
	font-size: 8pt;
}

#enewsletter-form2 #email-address-text-box{
	width: 230px;
	font-size: 11pt;
}

#enewsletter-form2{
	margin-bottom: 10px;
}

.enewsletter-form{
	border: 0pt none;
	font-size: 97%;
	width: 100%;
	text-align: center;
}

#for-more {
	text-align: left;
	font-size:11pt;
	/*width:670px;
	margin-left:15px;
	border:solid 1px #ccc;*/
	border-top:solid 1px #CD042B;
	border-bottom:solid 1px #CD042B;
	padding: 0 20px;
	margin-top: 5px;
}

#for-more li{
	margin-bottom: 5px;
}

#for-more span{
	font-weight: bold;
}

/* FORM-BUILDER MODIFS */
#address-summary .form-line, #invoice-summary .form-line {width: 300px;}
#address-summary .form-line .label, , #invoice-summary .form-line .label{width: 100px;}
#address-summary .form-line .field, #invoice-summary .form-line .field{width: 100px;}

#error-message-div{color: red; font-size: 13pt;}

/* UI HELPER MODIFS */
.ui-helper-faq{
	padding-left:5px;
	text-align: left;
	font-size:11pt;
}

.ui-helper-faq h4{
	margin-bottom: 0px;
}

#taf-dialog {
	visibility: hidden;
	width: 100%;
	height:100%;
	background-color: #000;
	top:0;
	left: 0;
	position:absolute;
	opacity:0.4;filter:alpha(opacity=40);
}

#taf-link span{
	padding: 0 0 16px 3px;
	font-size: 13pt;
	vertical-align: middle;
}

/* TELLAFRIEND TODO: TO MOVE!!!! */
#tell-a-friend{
	/*visibility: hidden;*/
	border: solid 1px #ccc;
	background:#F2F2F2 none repeat scroll 0 0;
	width: 300px;
	height:360px;
	padding:5px 10px;
	/*top: 200px;
	left: 500px;
	position:absolute;*/
}

#tell-a-friend #h {
	border: solid 1px #ccc;
	background:#F2F2F2 none repeat scroll 0 0;
	height:13px;
	padding:5px 10px;
}

#tell-a-friend #b {
	border: solid 1px #ccc;
	background:#F2F2F2 none repeat scroll 0 0;
	padding:5px 10px;
}

#tell-a-friend #f {
	border: solid 1px #ccc;
	background:#F2F2F2 none repeat scroll 0 0;
	padding:5px 10px;
}

#tell-a-friend .label {
	text-align: left;
	width:auto;
	margin-top: 5px;
	
}

#tell-a-friend .form-line .required{
	padding-top: 5px;
}

/* DealRequest*/
#dealRequestForm {
	
}

#dealRequestForm .form-line .label {
	font-size: 14pt;
}

/* user interaction */
span.messageToUser {
	font-family: Georgia, sans-serif;
	/*background-color: #dfd;*/
}

span.messageToUser a {
	text-decoration: underline;
}

#loading{
	position: absolute;
	background-color: transparent;
	visibility: hidden;
}

#loading span{
	font-size: 13pt;
	font-weight: bold;
}

#dim{
	position: absolute;
	background-color: #333;
	opacity:0.4;
	filter:alpha(opacity=40);
	visibility: hidden;}

/* navlet */
.navlet{
	width: 600px;
	margin: 30px auto;
	padding: 15px;
	border: solid 0px #ccc;}

.navlet .message{
	font-weight: bold;
	font-size: 13pt;}
	
.navlet .options .option{
	width: 270px;
	float: left;}
	
.navlet .options .option .pseudo-button{
	width: 150px;
	height: 35px;
	margin: 20px auto;
	padding: 10px;
	font-size: 11pt;
	background-color: #eee;
	border: solid 0px #ccc;}

.navlet .options .option .pseudo-button a{
	text-decoration: underline;
}

/* voucher */
.voucherNumber{font-size: 13pt; font-weight: bold; letter-spacing: 0.1em;}

/* advertising box */
#advertising-box, #advertising-box .rounded-top, #advertising-box .rounded-bottom {width: 160px;}
#advertising-box {float: right; font-size: 12pt;margin: 30px 10px 5px 15px; }
#advertising-box #message-body {padding: 5px;height: 100px;background-color: #CD042B; color: white;}
/* deal presentation */
.deal-presentation {color: #333;}
.deal-presentation h4 {margin: 15px 0 3px 0;}
.deal-presentation p {font-size: 11pt; font-family: Arial, Helvetica, sans-serif;line-height: 1.4em;}
/* email registration */
#emailRegistrationForm, #emailRegistrationForm input, #emailRegistrationForm select {font-size:19pt;}