<!--

.nothing {}

/* ------- LINK SETTINGS -------------- 
a:active {color: #000}
a:hover {color: #000}
a:link {color: #012e58}
a:visited {color: #012e58}
*/


/* ------- GENERAL FONT SETTINGS -------------- */
.heading {  font-weight: bold; color: #002D57}
.bodyText { color: #333333}
.bodyTextBold { font-weight: bold; color: #333333}
.bodyTextError { color: #FF0000}
.bodyTextSmall { font-size: 8pt}
.bodyTextWhite { font-weight: bold; color: #FFFFFF}

.voucherHeading {  font-weight: bold; color: #002D57}


/* ------- CATEGORY LIST (Category page body area) -------------- */
.categoryHeader { font-size: 11pt; font-weight: bold; color: #002D57}
.categoryDescription { color: #333333}
.categoryRow {padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px}


/* ------- CATEGORY LIST (Left Menu) -------------- */
.categoryBackground {background-color: #FFFFFF}
.categoryHeadingRow {background-color: #F3D417; text-align: left}
.categoryHeadingText { font-size: 10pt; font-weight: bold; color: #002D57}
.categoryRow1 {background-color: #C6DFF5; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; text-align: left}
.categoryRow2 {background-color: #EBF9FF; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; text-align: left}
.categoryDescription { font-style: italic; color: #333333}

A.categoryLink:link { font-size: 8pt; color: #333333}
A.categoryLink:visited { font-size: 8pt; color: #333333}
A.subCategoryLink:link { font-size: 8pt; color: #333333}
A.subCategoryLink:visited { font-size: 8pt; color: #333333}
.subCategoryLinkIndent { font-size: 8pt; color: #333333; text-decoration: none }


/* ------- PRODUCT LIST (Category & Search result pages) -------------- */
.productListHeader { font-weight: bold; color: #002D57}
.productListDescription { color: #333333}
.productListPrice { font-size: 8pt; font-weight: bold; color: #333333}
.productListRRP { font-size: 8pt; font-weight: bold; color: #FF0000}
.productListOutOfStock { font-size: 8pt; color: #333333}
.productListDateAvailable { font-size: 7pt; color: #002D57}
.productListPreOrder { font-size: 8pt; font-weight: bold; color: #333333}

A.productListMoreInfo:link { text-decoration: none; color: #990000}
A.productListMoreInfo:visited { text-decoration: none; color: #990000}


/* ------- PRODUCT PAGE -------------- */
.productHeader { font-size: 11pt; font-weight: bold; color: #002D57}
.productText { color: #666666; text-decoration: none;}
.productTextBold { color: #666666; font-weight: bold}
.productDescriptionHeading { font-size: 10pt; font-weight: bold; color: #002D57}
.productDescription { color: #333333}
.productPrice { font-size: 8pt; font-weight: bold; color: #333333}
.productRRP { font-size: 8pt; font-weight: bold; color: #FF0000}
.productOutOfStock { font-size: 8pt; color: #333333}
.productDateAvailable { color: #002D57}
.productPreOrder { font-size: 8pt; font-weight: bold; color: #333333}
.productInfoTable {background-color: #CCCCCC}
.productInfoTableRow1 {background-color: #EBF9FF}
.productInfoTableRow2 {background-color: #FFFFFF}
.productRow1 {background-color: #c2c093;}
.productRow2 {background-color: #e8e6cc;}


/* ------- CHECKOUT PAGES -------------- */
.checkoutBodyText {}
.checkoutBodyTextBold { font-weight: bold}
.checkoutBodyTextError { color: #FF0000}
.checkoutBodyTextSmall { font-size: 8pt}
.checkoutTable {background-color: #999999; }
.checkoutTableAdmin {background-color: #CCCCCC; border: 1px #CCCCCC; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.checkoutHeadingRow {background-color: #CCCCCC; padding:5px;}
.checkoutRow1 {background-color: #F0F0F0; padding: 8px;}
.checkoutRow2 {background-color: #FFFFFF; padding: 8px;}
.checkoutSuccess { font-size: 12pt; font-weight: bold; color: #33CC00}
.checkoutFail { font-size: 12pt; font-weight: bold; color: #FF0000}



/* ------- PAGE LAYOUT -------------- */
.outsideBorder {background-color: #002D57;}
.headerMenuSeparator {background-color: #002D57;}
.bgColour {background-color: #F5D417;}


/* ------- HEADER -------------- */
.headerRow {background-color: #EBF9FF}
.headerMenuRow {background-color: #F3D417; color: #EBF9FF}
A.headerLink:link { font-size: 8pt; font-weight: bold; text-decoration: none; color: #333333}
A.headerLink:visited { font-size: 8pt; font-weight: bold; text-decoration: none; color: #333333}

/* ------- FOOTER -------------- */
.footerRow {background-color: #EBF9FF; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 20px; color: #FFFFFF}
A.footerLink:link { font-size: 8pt; text-decoration: none; color: #FFFFFF}
A.footerLink:visited { font-size: 8pt; text-decoration: none; color: #FFFFFF}


/* ------- TOP SELLER TABLE -------------- */
.topSellerTable {background-color: #C6DFF5}
.topSellerRow {background-color: #FFFFFF}
.row3 {background-color: #999999}
A.topSellerText:link { font-size: 7pt; color: #333333; text-decoration: none}
A.topSellerText:visited { font-size: 7pt; color: #333333; text-decoration: none}




/* ------- PRINTABLE RECEIPT -------------*/
.recieptTable {background-color: #CCCCCC; border: 1px #FF0000; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.storeName { font-size: 16pt; font-weight: bold}
.receiptHeading { font-size: 12pt; font-weight: bold}

-->











/*-------------------------------------------------------------------------------------------
	CSS for THE STARBOARD
	MJP // 04-09 // D3Corp
---------------------------------------------------------------------------------------------*/	



/*********************************************
	/ Here is the header and the nav
*********************************************/

div.top-wrapper {
	width: 1000px;
	height: 195px;
	margin: 0 auto;
}

div.top-header {
	width: 1000px;
	height: 195px;
	padding: 0;
	position: absolute;
	margin: 0;
	z-index: 5;
}

div.top-weather {
	width: 160px;
	height: 80px;
	background: url(https://www2.d3stores.com/images/weather-box.jpg) right top no-repeat;
	padding: 0 10px 0 0;
	float:left;
	clear: right;
}

	div.temp {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 30px;
		font-weight: bold;
		color: #fff;
	}
	
	div.words {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		color: #fff;
	}


/*********************************************
	/ Here is the flash header 
*********************************************/

div.flash-header {
	width: 1000px;
	height: 283px;
	margin: 0 auto;
	padding:0;
}


/*********************************************
	/ Here is the content box 
*********************************************/
/*
div.content {
	width: 900px;
	background: url(https://www2.d3stores.com/images/content-bg.jpg) left top no-repeat #feffff;
	margin: 0 auto;
	padding: 20px 50px 20px 50px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
}
*/

	.content a { 
		color: #012e58;
		text-decoration: none;
		
	}
	
	.content a:hover { 
		color: #000;
		text-decoration: underline;
	}



/*********************************************
	/ Here is the Footer area 
*********************************************/

/*div.footer {
	width: 940px;
	margin: 0 auto;
	background: url(../images/footer-bg.jpg) left top no-repeat #002d57;	
	padding: 5px 30px 20px 30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px; 
	color: #fff;
	text-align: center;
} */

	/* Links for footer */
	.footer a { 
		text-decoration: none;
		color: #fbd41d;
	} 
	
	.footer a:hover {
		text-decoration: underline;
		color: #fff;
	}
	
	
	/* the footer nav */
	div.footer-nav {
		text-align: center;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #fbd41d;
	}
	
		.footer-nav a {
			text-decoration: none;
			color: #fbd41d;
		}
		
		.footer-nav a:hover {
			text-decoration: underline;
			color: #fff;
		}
	
		


/*********************************************
	/ Here ist he menu content
*********************************************/	

div.menu-holder {
	width: 870px;
	padding: 5px;
	border-bottom: 1px solid #012e58;
	margin: 10px 0 10px 0;
}

	.menu-category {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 19px;
		line-height: 22px;
		color: #012e58;
		font-weight: bold;
	}

	.menu-category-options {
		font-size: 13px;
		line-height: 15px;
		color: #000000;
		font-style:italic;
	}

	.menu-title {
		font-size: 13px;
		line-height: 15px;
		color: #012e58;
		font-weight: bold;
		float: left;
	}

	.menu-description {
		font-size: 13px;
		color: #000;
		line-height: 15px;
		float: left;
	}
	
	.menu-price {
		position: bottom right;
		color: #012e58;
		font-weight:bold;
		font-size: 19px;
		line-height: 22px;
		float: right;
		
	}
	
	.menu-picture {
		float: left;
		padding: 5px;
		margin: 0px 5px 5px 0px;
		border: 1px solid #012e58;
	}


/*********************************************
	/ Beach House Setup
*********************************************/	


.table_bg {
	background-color:#FF9;
	width:600px;
	border:#000 1px solid;
	  	   
		   }
.table_bg1 {
	background-color: #FFC;
	width:600px;
	  	   
		   }		   


div.beach-holder {
	width: 870px;
	padding: 10px;
	border-bottom: 1px dotted #002d57;
	clear: both;
}

/*the picture*/
	
div.picture-holder {
		float: left;
	}
	
	.beach-picture {
		padding: 5px;
		margin: 0px 5px 5px 0px;
		border: 1px solid #fbc378;
	}
	
/*the right content*/

div.info-right {
	float: left;
}

	div.info-row-1 {
		width: 560px;
		padding: 5px;
		border-bottom: 1px solid #fbc378;
	}
	
	
	


/*********************************************
	/ Small tabs
*********************************************/


div.tab-left {
	float: left;
	width: 350px;
	margin: 0 30px 0 30px;
}

div.tab-right {
	float: left;
	width: 350px;
}

.tab-small{ /*style of tab content oontainer*/
	width: 296px;
	background: url(https://www2.d3stores.com/images/tab-small.jpg) left top repeat-y;
	padding: 20px 5px 5px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 12px;
	clear: both;
}

.tab-small-bot {
	word-spacing: 306px;
	height: 24px;
	display: block;
	background: url(https://www2.d3stores.com/images/tab-but-small.jpg) left top no-repeat;
	clear: both;
}


div.info-row-2 {
		width: 280px;
		clear: both;
		float: left;
		padding: 5px;
		border-bottom: 1px solid #fbc378;
	}

/*********************************************
	/ Newsletter setup
*********************************************/

div.tip-sheet {
	width: 860px;
	padding: 5px;
	border-bottom: 1px dotted #012e58;
	font-size: 13px;
	line-height: 20px;;
	clear: both;
}

	.tip-sheet a {
		padding: 2px;
		border: 1px solid #000;
		background: #012e58;
		color: #fff;
		font-size: 10px;
		text-decoration: none;
	}
	
	.tip-sheet a:hover {
		padding: 2px;
		border: 1px solid #000;
		background: #f5d417;
		color: #000;
		font-size: 10px;
		text-decoration: none;
	}
	


/*********************************************
	/ I <3 Spacers
*********************************************/	

div.spacer {
	clear: both;
}

div.spacer-padding {
	clear: both;
	padding-bottom: 10px;
}

div.spacer-padding-large {
	clear: both;
	padding-bottom: 20px;
}