/* ------------------MoonLite dynamic area stylesheet --------------------*/

/* ---------------------- Dynamic content area general styles -------------------*/
#pageContent {
	margin-left:240px;
	padding:20px 10px 0px 0px;
	min-height:350px;
	}
	
#pageContent h1 {
	font-family:Tahoma, Verdana, Sans-serif;
	font-size:20px;
	font-weight:normal;
	margin-bottom:15px;
	}
	
#pageContent h2 {
	font-size:14px;
	font-family:Verdana,Sans-serif;
	font-weight:normal;
	}
	
#pageContent .catDescription {
	line-height:1.4em;
	margin-bottom:15px;
	padding-left: 10px;
	}

#pageContent p {
	line-height:1.4em;
	margin-bottom:15px;
	}
	
#pageContent a{
	text-decoration:none;
	}	
	
#pageContent a.btn{
	display:block;
	width:110px;
	height:17px;
	padding:5px 5px;
	background:url(../templateimages/btnBG.jpg) no-repeat top left;
	color:#333;
	border:none;
	cursor: pointer;
	text-align:center;
	}		
	
#pageContent a.btnSmall{
	display:block;
	width:80px;
	height:17px;
	padding:5px 0px;
	background:url(../templateimages/smallBtnBG.jpg) no-repeat top left;
	color:#333;
	border:none;
	cursor: pointer;
	text-align:center;
	}		
/*------------------------ Category page - products.asp ----------------------------------------------*/

.shortProduct {
	width:220px;
	margin:0px 0px 0px 10px;
	padding-bottom:20px;
	display:inline;
	float:left;
	}
	
.col1 {
	padding-right:15px;
	}
		
.col2 {
	padding-left:22px;
	border-left:1px dotted #BFCCD8;
	}
	
.shortProduct h2 {
	margin:0px;
	padding-bottom:5px;
	height:30px;
	text-align:center;
	}
		
.shortImage {
	height:210px;
	border:1px solid #BFCCD8;
	padding:5px 0px 0px 0px;
	}
	
.imageWrapper {
	margin:0;
	padding;0;
	}

.shortImage h2 a{
	color:#333;
	}
	
.shortImage p {
	clear:both;
	width:150px;
	height:150px;
	margin:0 auto;
	text-align:center;
	}
.shortImage a img {
	border:none;
	}
		
.shortPrices {
	position:relative;
	margin-top:5px;
	height:45px;
	background:#fff url(../templateimages/shortPrices_bg.gif) no-repeat left top;
	color:#003463;
	}
	
.shortPrices .price {
	width:90px;
	position:absolute;
	font-size:18px;
	text-align:center;
	top:10px;
	left:7px;
	}
	
.shortPrices .priceWithDesc {
	width:90px;
	position:absolute;
	font-size:18px;
	text-align:center;
	top:5px;
	left:7px;
	}

.shortPrices .priceDesc {
	width:90px;
	position:absolute;
	font-size:10px;
	text-align:center;
	top:25px;
	left:7px;
	}

.shortPrices .quickAdd {
	position:absolute;
	font-size:11px;
	top:2px;
	left:122px;
	}
	
.shortPrices .quickAdd a {
	color:#003463;
	text-decoration:none;
	}
.shortPrices .quickAdd a img {
	border:none;
	margin-left:5px;
	}
	
.shortPrices .noAdd {
	position:absolute;
	font-size:11px;
	top:5px;
	left:122px;
	}
		
.shortPrices .moreInfo {
	position:absolute;
	font-size:11px;
	top:22px;
	left:122px;
	}
	
.shortPrices .moreInfo a {
	color:#003463;
	text-decoration:none;
	}
	
.shortPrices .moreInfo a img {
	position:relative;
	top:4px;
	left:3px;
	border:none;
	margin-left:5px;
	}
	
.nextPrev {
	clear:both;
	margin:0px;
	}	
	
.next {
	float:right;
	}
	
.prev {
	float:left;
	}
	


/*------------------------ Product detail page - productDetail.asp ----------------------------------------------*/

.productTable {
	width:465px;
	margin-top:20px;
	}
	
.productTable td.image {
	width:300px;
	}
	
.product img.main {
	margin:0px auto;
	}	
.productTable td {
	}	
	
.productTable .priceBox {
	width:165px;
	height:190px;
	background:#fff url(../templateimages/pricingBox.jpg) right bottom no-repeat;
	position:relative;
	}

	
.product .mainPrice {
	position:absolute;
	bottom:145px;
	right:10px;
	text-align:right;
	font-size:18px;
	width:140px;
	}

.product .priceDesc {
	position:absolute;
	bottom:135px;
	right:10px;
	text-align:right;
	font-size:10px;
	width:140px;
	}	
.product .rrp {
	position:absolute;
	bottom:115px;
	right:10px;
	text-align:right;
	font-size:11px;
	}

.product .status {
	position:absolute;
	bottom:95px;
	right:10px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	}

.product .options {
	position:absolute;
	bottom:80px;
	right:10px;
	}
	
.product .quantity {
	position:absolute;
	bottom:47px;
	right:10px;
	}
	
.product .quantity label {
	width:60px;
	float:left;
	margin-top:5px;
	}
	
.product .qtyfield {
	width:50px;
	}

.product .smallSubmit {
	position:absolute;
	bottom:10px;
	right:10px;
	width:68px;
	height:27px;
	padding-left:15px;
	background:url(../templateimages/buyBtnBG.gif) no-repeat top left;
	color:#333;
	border:none;
	cursor: pointer;
	}
	
.product .description {
	margin-top:15px;
	clear:both;
	}
	
/*------------------------ Quick Add options page ------------------------------------------------*/

.optionsImagePrice {
	width:170px;
	float:left;
	margin-right:20px;
	}
	
.optionsDetail {
	margin-left:200px;
	}

#optionsPrice {
	font-size:25px;
	margin:0px;
	}
	
.ourprice {
	font-size:14px;
	}
	
#optionsRRP {
	font-size:14px;
	margin:0px;
	}

.optionsDetail .smallSubmit {
	width:80px;
	margin-top:15px;
	height:27px;
	padding:5px;
	background:url(../templateimages/smallBtnBG.jpg) no-repeat top left;
	color:#333;
	border:none;
	cursor: pointer;
	text-align:center;
	}
	
/*------------------------ Basket page - basket.asp ----------------------------------------------*/
	

.basketTable {
	width:518px;
	padding:0;
	margin-bottom:20px;
	border-collapse: collapse; 

	}
	
.basketTable th {
	height:20px;
	padding:5px 10px;
	background-color:#BBCEDF;
	border: 1px solid #fff;
	}
	
.basketTable td {
	height:20px;
	padding:5px 10px;
	background-color:#DDE6EF;
	border: 1px solid #fff;
	}	
	
.basketItem {
	width:325px;
	}
	
.basketPrice {
	text-align:center;
	}
	
.basketQty {
	text-align:center;
	width:40px;
	}
	
.fieldQty {
	width:30px;
	}
	
.totalsTable {
	width:150px;
	float:right;
	padding:0;
	border-collapse: collapse; 
	}
	
.totalsTable td {	
	height:20px;
	padding:5px 10px;
	background-color:#DDE6EF;
	border: 1px solid #fff;
	}
	
totalsTable .left {
	width:130px;
	background-color:#BBCEDF;
	}
	
.totalsTable .right {
	}
	
.checkout {
	clear:both;
	float:right;
	margin-top:20px;
	}
	
/*--------------------- Checkout -----------------------------------------------*/

#orderDetails {
	visibility:hidden;
	height:0px;
	display:none;
	}
	

.checkoutTable {
	width:515px;
	padding:0;
	margin-bottom:20px;
	border-collapse: collapse; 

	}
	
.checkoutTable th {
	height:20px;
	padding:5px 10px;
	background-color:#BBCEDF;
	border: 1px solid #fff;
	}
	
.checkoutTable td {
	height:20px;
	padding:5px 10px;
	background-color:#DDE6EF;
	border: 1px solid #fff;
	}	
	
.checkoutItem {
	width:325px;
	}
	
.checkoutPrice {
	text-align:center;
	}
	
.checkoutQty {
	text-align:center;
	width:40px;
	}
	
.fieldQty {
	width:30px;
	}
	
.totalsTable {
	width:150px;
	float:right;
	padding:0;
	border-collapse: collapse; 
	}
	
.totalsTable td {	
	height:20px;
	padding:5px 10px;
	background-color:#DDE6EF;
	border: 1px solid #fff;
	}
		
.loginBox {
	width:170px;
	height:250px;
	float:left;
	background-color:#EEF2F7;
	border:1px solid #DDE6EF;
	margin:20px 0px 0px 20px;
	padding:5px 15px 10px 15px;
	}
	
.loginBox h2 {
	margin:0px 0px 10px 0px;
	}	
	
.loginBox label {
	display:block;
	margin-top:10px;
	}

.loginBox .checkoutSubmit {
	width:80px;
	display:block;
	height:27px;
	background:url(../templateimages/smallBtnBG.jpg) no-repeat top left;
	color:#333;
	border:none;
	cursor: pointer;
	text-align:center;
	margin:5px 0px 0px 63px;
	}

.loginBox #customerNotFound, .loginBox #emailNotFound, .loginBox #emailInUse, .loginBox #emailSent {
	color:red;
	margin:5px 0px 5px 0px;
	}
	
#forgottenPassword {
	visibility:hidden;
	height:0px;
	display:none;
	}

.detailsWarning {
	border:1px dotted red;
	background-color:#FDE8DF;
	padding:15px;
	margin-top:10px;
	}

.detailsTable {
	width:370px;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	}

.detailsTable td {
	border:1px solid #fff;
	}
	
#shippingAddress {
	visibility:hidden;
	height:0px;
	display:none;
	}

.detailsTable .labels {
	width:140px;
	padding:5px;
	background-color:#BBCEDF;
	color:#333;
		}
	
.detailsTable .inputs {
	padding:5px;
	background-color:#DDE6EF;
	color:#333;
	}

	
.customerDetails {	
	width:370px;
	margin:20px 0px 0px 20px;
	padding:0px;
	}
	
.customerDetails h2 {
	margin-bottom:10px;
	}


.customerDetails label {
	}
	
.customerDetails textarea, .customerDetails .wide {
	width:200px;
	}

.customerDetails .narrow {
	width:80px;
	}

.customerDetails .submit {
	width:80px;
	float:right;
	height:27px;
	background:url(../templateimages/smallBtnBG.jpg) no-repeat top left;
	color:#333;
	border:none;
	cursor: pointer;
	text-align:center;
	margin:0px 30px 20px 0px;
	}

/* Summary page - checkout3.asp */	

.billingAddress {
	}
	
.shippingAddress {
	float:right;
	margin-right:90px;
	}
	
.summaryTable {
	width:460px;
	padding:0;
	margin-bottom:20px;
	}

.summaryTable th {
	height:35px;
	}	
	
.summaryTable tr {
	height:25px;
	}	
	
.summaryTable tr.summaryName {
	height:10px;
	}	
	
#summaryForm .submit {
	float:right;
	width:80px;
	display:block;
	height:27px;
	background:url(../templateimages/smallBtnBG.jpg) no-repeat top left;
	color:#333;
	border:none;
	cursor: pointer;
	text-align:center;
	margin:5px 10px 0px 0px;
	}	
	
/*--------------------- FAQs ---------------------------------------------------*/

.questions .faqQuestion {
	display:block;
	margin-bottom:10px;
	}

.fullAnswers {
	margin-top:30px;
	}
	
.fullAnswers .faqQuestion {
	margin-bottom:0px;
	}
	
.fullAnswers .faqAnswer {
	margin-bottom:10px;
	}
	
/*------------------------ Contact ---------------------------------------------*/

.contactForm {
	height:170px;
	margin-bottom:20px;
	padding-bottom:20px;
	}
	
.contactForm label {
	width:120px;
	float:left;
	}
	
.contactForm textarea {
	width:330px;
	}

.contactForm .submit {
	float:right;
	width:80px;
	display:block;
	height:27px;
	background:url(../templateimages/smallBtnBG.jpg) no-repeat top left;
	color:#333;
	border:none;
	cursor: pointer;
	text-align:center;
	margin:5px 10px 0px 0px;
	}
	
/*---------------------My Account-----------------------------------------------*/

.accountLogin {
	width:170px;
	height:250px;
	float:left;
	background-color:#EEF2F7;
	border:1px solid #DDE6EF;
	margin:20px 0px 0px 20px;
	padding:5px 15px 10px 15px;
	}
	
.accountLogin h2 {
	margin:0px 0px 10px 0px;
	}	
	
.accountLogin label {
	display:block;
	margin-top:10px;
	}

.accountLogin .checkoutSubmit {
	width:80px;
	display:block;
	height:27px;
	background:url(../templateimages/smallBtnBG.jpg) no-repeat top left;
	color:#333;
	border:none;
	cursor: pointer;
	text-align:center;
	margin:5px 0px 0px 63px;
	}

.accountLogin #customerNotFound, .accountLogin #emailNotFound, .accountLogin #emailInUse, .accountLogin #emailSent {
	color:red;
	margin:5px 0px 5px 0px;
	}

.accountTable {
	width:470px;
	padding:0;
	margin-bottom:20px;
	border-collapse: collapse; 

	}
	
.accountTable th {
	height:20px;
	padding:5px 10px;
	border: 1px solid #fff;
	}
	
.orderRow {
	height:30px;
	}
	
.accountOrder {
	width:45px;
	}	
	
.accountDate {
	width:120px;
	}	
	
.accountStatus {
	width:100px;
	}	
	
.accountTable td {
	height:20px;
	padding:5px 10px;
	border: 1px solid #fff;
	}	

.details {
	display:block;
	}
	
.checkoutQty {
	text-align:center;
	width:40px;
	}

.orderDetailsTable {
	width:420px;
	border:1px solid #DDE6EF;
	margin:10px 0px 20px 0px;
	padding:0px;
	}
.orderDetailsTable caption {
	width:100px;
	border:1px solid #DDE6EF;
	padding:5px 10px;
	background-color:#DDE6EF;
	}

.orderDetailsTable th,.orderDetailsTable td {
	background-color:#fff;
	}
	
.orderDetailsTable .orderDetailsCode {
	width:200px;
	}
	
.orderDetailsTable .orderDetailsExVAT {
	width:150px;
	}
	
	
/*-------------------- Miscellaneous ------------------------------------------*/

.clear {
	clear:both;
	height:1px;
	}
