* {padding: 0; margin: 0;}

/* page layout */
.page-header, .page-content, .page-footer {width: 100%; background-color: white;}
.page-header {height: 113px; background-image: url('/images/shop/header_bg.jpg'); background-position: top center; background-repeat: no-repeat;}
.page-content {background-image: url('/images/shop/main_bg.jpg'); background-position: top center; background-repeat: repeat-y;}
.page-footer {height: 65px; background-image: url('/images/shop/footer_bg.jpg'); background-position: top center; background-repeat: no-repeat;}

.content {width: 960px; margin: 0 auto; height: 100%; overflow: hidden; position: relative;}
.two-column {height: 100%; overflow: hidden; margin-bottom: 40px;}
.two-column .col1 {float: left; width: 420px;}
.two-column .col2 {float: right; width: 420px; margin: 0 40px;}

/* general styles */
html, body {
	font: normal 14px "Helvetica Neue", Helvetica,  Arial, sans-serif; color: #444;
	line-height: 21px;
	background-color: white;
}
h2, h3, h4 {font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #00C9D7;}
h2 {font-size: 24px; margin-bottom: 24px;}
h3 {font-size: 18px; margin-bottom: 10px;}
h4 {font-size: 16px; margin-bottom: 10px;}
a {color: #00C9D7; text-decoration: none; font-weight: bold;}
a img {border: none;}
table .l {text-align: left;}
table .r {text-align: right;}

.text-block {margin-bottom: 20px;}
.text-block p {margin-bottom: 15px;}
.text-block ul {margin-left: 20px; margin-bottom: 20px;}
.text-block li {margin-bottom: 10px;}

.flash {
	margin: 0 0 20px 0; line-height: 1.5em;	padding: 10px 20px; 
	font: bold 12px "Lucida Grande", Arial, sans-serif; color: white; 
	background-color: #00B8C7; border: 1px solid #00AEBB; border-width: 1px 0;
}
.top-notice {
	padding: 15px 0; margin-bottom: 20px;
	font: bold 12px "Lucida Grande", Arial, sans-serif; text-align: center; color: #222; 
	background-color: #FFF8E3; border: 1px solid #F7E592; border-width: 0 0 2px; 
}
.top-notice-wrapper {width: 985px; margin-left: -492px; position: relative;}
.continue-shopping {padding-top: 15px;}

.top-note {
	background-color: #F7F3C9; border: 2px solid #EAE0A7; border-width: 2px 0;
	padding: 15px 15px 15px 50px; margin-bottom: 20px; margin-right: 40px;
	background-image: url(/images/s.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Arial, sans-serif; color: black;
	line-height: 16px;
}
.top-note h3 {color: #666;}

/* header styling */
.page-header h1 {margin-top: 19px;}

#banner-bag {position: absolute; top: 42px; right: 0; width: 600px;}
#banner-bag a, #banner-bag span {color: white; font: bold 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;}
#banner-bag .checkout-button {display: block; float: right;}
.banner-bag-text {float: right; padding-top: 5px;}
.banner-bag-text span {padding-right: 15px; display: inline;}
.banner-bag-text a {text-decoration: underline; margin-right: 15px;}

#banner-currency {
	position: absolute; top: 0; right: 0; background: #042650;
	padding: 2px 10px; font-size: 12px; color: #ccc;
}
#banner-currency span {padding-right: 10px;}
#banner-currency a {font-weight: normal;}
.small-flag {padding: 1px 4px 0;}

.select-currency {list-style: none;}
.select-currency li {padding: 5px 0;}
.select-currency li a {padding: 5px 0;}

.current-currency {border: 1px solid #ccc; background: #f2f2f2; padding: 20px; width: 500px; margin-bottom: 20px;}
.current-currency h3 {margin-bottom: 0; color: #222;}
.current-currency p {padding: 15px 0 0; font-weight: bold;}

/* main content styling */
.page-content .content {width: 920px; padding: 40px 0 0 40px;}

/* footer styling */
.footer {padding: 20px 0; height: 100%; overflow: hidden;}
.footer ul li {list-style: none; float: left; padding-right: 40px;}
.footer li.de-emphasize {float: right;}
.de-emphasize a {color: #ccc;}

/* category page */
.product-listing {height: 100%; overflow: hidden;}
.product-listing li {list-style: none; float: left; margin: 0 40px 40px 0; line-height: 0; position: relative;}
.product-details {
	display: none; position: absolute; bottom: 0; left: 0; height: 45px; width: 150px; padding: 8px 20px;
	text-align: right; font-size: 13px; line-height: 13px; font-weight: bold;
	background-image: url('/images/shop/opacity70.png'); background-position: top center; background-repeat: repeat;
}
.product-details strong {display: block;}
.product-details .product-price {display: block; font-weight: normal; font-size: 12px; color: #ccc; padding-top: 2px;}
.product-listing .reduced {position: absolute; top: 0; left: 0;}
.product-listing .product-old-price {text-decoration: line-through;}

/* product page */
.product-page .nav-links {height: 100%; overflow: hidden; margin-bottom: 20px;}
.product-page .nav-links a, .product-page .nav-links span {display: block; float: left; padding: 10px 0; margin-right: 15px; background: #f8f8f8; color: #888; font-weight: normal; font-size: 12px; width: 130px; text-align: center;}
.product-page .nav-links span {background: white;}
.product-page .nav-links a:hover {background: #bbb; color: #222;}
.product-page .nav-links .next {margin-right: 0;}
.product-page h2 {margin-bottom: 0;}
.product-page h3 {font-weight: normal; font-size: 15px;}
.product-page .price {font-weight: bold; padding-left: 5px; color: #666; margin-bottom: 20px; display: inline;}
.product-page .old-price {color: #888; text-decoration: line-through;}


.add-to-bag {background: #f4f4f4; margin-top: 20px; padding: 20px 30px 15px; height: 100%; overflow: hidden;}
.add-to-bag .attribute {width: 140px; float: left; margin-right: 20px; margin-bottom: 5px; clear: left;}
.product-added, .status-message {clear: both; font-size: 12px; font-weight: bold; text-align: center;}
.status-message div {padding: 0 30px;}
.product-added div {padding: 10px 30px;}
.status-message {color: #FF1C22;}

.product-options {height: 100%; overflow: hidden;}

.product-added {background: #C5FFA3; color: #3A6923;}
.product-added a {color: #62AA40; padding: 0 10px;}
.product-added a:hover {color: #3A6923;}
.status-message .in-stock {color: green;}
.status-message .out-of-stock {color: red;}

.add-to-bag h3 {margin-bottom: 10px; color: #333; font-weight: bold;}
.add-to-bag .description {margin-bottom: 20px; font-size: 12px; line-height: 16px;}
.add-to-bag .price {margin-bottom: 0;}

.add-to-bag-button-wrapper {
	float: right; padding-bottom: 5px;
	width: 128px; height: 30px;
	background-image: url('/images/indicator.gif'); background-position: top center; background-repeat: no-repeat;
}

.product-cross-sell {margin-top: 40px;}
.product-cross-sell ul li {
	list-style: none; float: left; margin-right: 20px; width: 126px; font-size: 12px;
}
.product-cross-sell ul li.line-end {margin-right: 0;}

.col2 {position: relative;}
#fliplink {
	display: block; text-align: center; padding: 0px; color: #999; 
	position: absolute; bottom: 0; right: 0;
	font-weight: normal;
	font-size: 11px;
}

.facebook-frame {width: 760px;}
.facebook-frame .product-listing, .facebook-frame .feedback {height: auto; overflow: hidden;}
.facebook-frame .product-details {display: block; position: relative; background: none; padding-bottom: 0;}
.facebook-frame .product-listing li {margin-bottom: 20px;}
.facebook-frame .product-price {color: #888;}
.facebook-frame .fb-banner {margin-bottom: 20px;}

.feedback {height: 100%; overflow: hidden;}
.feedback ul {list-style: none; clear: both;}

.feedback ul li {
	width: 210px; float: left; margin-right: 40px;  margin-bottom: 20px;
}
.feedback .feedback-text {
	width: 170px;
	background-image: url('http://www.forluna.co.uk/images/shop/feedback_bg_top1.png'); background-position:top-left; 
	background-repeat: no-repeat; background-color: #3BB1C7;
	padding: 20px;
	font: normal 14px "Helvetica Neue", Helvetica,  Arial, sans-serif; color: white;
	line-height: 17px;
}
.feedback .feedback-author {
	background-image: url('http://www.forluna.co.uk/images/shop/feedback_bg_bot1.png'); background-position:top-left; 
	background-repeat: no-repeat; background-color: white;
	padding-top: 25px; padding-left: 75px;
	line-height: 14px;
}

.page-not-found {padding: 40px; padding-top: 100px;}
.page-not-found h2 {font-size: 30px;}
.page-not-found p {font-size: 20px; line-height: 24px; margin-bottom: 20px;}

.back-to-home {margin: 30px 0 0;}

.product-page #questions {margin-top: 20px;}

/* bag page */
.bag-page {height: 100%; overflow: hidden;}
.main-bag-section {float: left; width: 575px;}
table.bag {padding: 2px 0 5px; background: #EBFDFF; border: 2px solid #CEFDFF;}
table.bag th {font: bold 13px "Lucida Grande", Arial, sans-serif; color: #00ABB8; text-transform: uppercase;}
table.bag tr td {color: #222;}
table.bag tr th, table.bag tr td {vertical-align: top; text-align: center; padding: 7px 10px;}
table.bag tr th.bag-product-desc, table.bag tr td.bag-product-desc {text-align: left; width: 230px;}
table.bag input {border: 1px solid #B5FDFF;	padding: 2px 5px; color: #444;}
table.bag tr td.bag-promo {text-align: left; padding-right: 0; vertical-align: middle;}
table.bag tr td.bag-promo label {font: 11px Arial, sans-serif; text-transform: uppercase;}
td#promo-text {color: #d70f27; text-align: left;}
td#promo-amount {color: #d70f27;}

.bag-why {float: right; padding-top: 20px; width: 267px; padding-right: 40px; font-size: 14px; list-style: none;}
.bag-why li {padding-bottom: 15px;}
.checkout-now img {margin-top: 10px;}
.credit-cards-accepted {margin: 20px 80px;}

/* help page */
.help-page .text-block {margin-right: 40px;}

.help-page .questions-section {width: 420px; float: left; margin-right: 20px;}
.question, .question-active {
	cursor: pointer; color: #00427B;
	font-size: 11px; text-decoration: underline;
	font-weight: bold; 
	background-image: url('/images/shop/question_closed.png');
	background-repeat: no-repeat;
	background-position: 11px 11px;
}
.question div, .question-active div {padding: 3px 26px;}
.answer div {padding: 10px 10px; font-size: 13px; line-height: 17px;}
.answer {overflow: hidden; border: 1px solid #f0f0f0; border-width: 0 1px 1px;}

.question {background-color: #f8f8f8; border-bottom: 1px solid #f0f0f0;}
.question:hover {color: black;}

.question-active {
	background-image: url('/images/shop/question_open.png');
	background-position: 9px 11px;
	color: black;
}

.help-page #questions {height: 100%; overflow: hidden;}
.help-page #questions h3 {margin: 20px 0 10px; color: #888;}
.help-page ul {margin-top: 10px;}

/* size charts */
.size-chart {
	margin-bottom: 20px;
	border-collapse: collapse;
}
.size-chart td, .size-chart th {
	padding: 3px 8px;
	text-align: center;
	border: 1px solid #eee;
}
.size-chart td {
	font-size: 13px; line-height: 15px;
}
.size-chart th {
	text-transform: uppercase;
	font: bold  12px Georgia, "Times New Roman", serif; color: black;
}
.size-chart caption {
	font: bold 12px "Lucida Grande", Arial, sans-serif;
	color: #666;
	text-transform: uppercase;
	text-align: left;
	padding-bottom: 5px;
}
.size-chart em {font-size: 13px; color: black; padding: 10px 0; display: block;}