/* 
Project: SeaSafe
Created by: mark thomas gencon.co.uk 
Created on: 19/03/07
*/

@import "admin.css";
@import "form.css";

/* --default-- */ 
body {
	margin: 0;
	padding: 0;
	
	font-size: 78%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #000;
	background: #8CA7DE url(../images/bg.gif) repeat-x top;
}

h1, h2, h3, h4, h5, h6 {
	padding-left: 10px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	display: block;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

hr {
	margin: 2em 0 2em 0;
}

a {
	color: #105491;
	text-decoration: none;
}

a:hover {
	color: #105491;
	text-decoration: underline;
}
/*  */

/* --generic id's & classes-- */
div.clear {
	height: 5px;
	clear: both;
}

div#content img.imageleft {
	margin: 0 20px 20px 0;
	float: left;
	/* border: #4E8FCD 1px solid; */
}

div#content img.imageright {
	margin: 0 0 20px 20px;
	float: right;
	/* border: #4E8FCD 1px solid; */
}

.price {
	font-size: 1.1em;
	font-weight: bold;
}
/*  */

/* --structure-- */
div#surround {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 790px;
}

div#header {
	margin: 0;
	padding: 0;
	height: 139px;
	background: url(../images/header_bg.jpg) no-repeat;
}

div#main {
	margin: 0 0 0 0;
	padding: 0;
	background-color: White;
}
/*  */

/* --header-- */
div#header img {
	border: none;
}

div#header img.logo {
	margin: 0 0 0 0;
	float: left;
	border: none;
}

div#header img.printlogo {
	display: none;
}

/* div#header img.headerstrap {
	margin: 18px 0 0 7px;	
} */

/* div#header img.headerad {
	margin: 0;
	float: right;
} */

	/* HEADER SEARCH */
	div#headersearch {
		margin: 0 0 0 600px;
		position: absolute;
		top: 112px;
		color: White;
		font-size: 0.8em;
		font-weight: bold;
	}

	
	div#headersearch label {
		display: block;
		float: left;
		width: 55px;
		line-height: 24px;
	}
	/*  */
	
	/* HEADER NAV */
	ul#headernav {
		font-size: 0.8em;
		margin: 7px 0 0 8px;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 110px;
	}
	
	ul#headernav li {
		float: left;
		border-right: #A8CAE7 1px solid;
	}
	
	ul#headernav li.last  {
	border-right: none;
	}
	
	ul#headernav li a {
		margin: 0 5px 0 0;
		padding: 0 8px 0 12px;
		display: block;
		line-height: 15px;
		height: 15px;
		float: left;
		color: White;
	}
	
	ul#headernav a:hover {
		color: #D9E1F2;
		text-decoration: underline;
	}
	/*  */
	
	/* QUICKSEARCH */
	div#quicksearch {
		margin: 0;
		padding: 20px 0 0 0;
		height: 76px;
		border-bottom: #4E8FCE 1px solid;
		border-top: #4E8FCE 1px solid;
	}

	div#quicksearch label {
		color: #77463B;
		font-size: 1.3em;
		line-height: 1.8em;
	}
	
	.quicksearchbutton {
		margin-top: 5px; 
	}
	/*  */
/*  */

/* --main-- */
div#column {
	float: right;
	margin: 0;
	padding: 0;
	width: 194px;
	
	background-color: transparent;	
}

/* div#column .ctabox {
	margin: 0;
	padding: 0;
} 

div#column .certicon {
	float: right;
	text-align: center;
}

div#column .ctabox img {
	margin: 0;
	padding: 0;	
	border: none;
}*/

	/* BASKET */
	div#basket {
		margin: 0;
		padding: 0 0 0 0.8em;	
		height: 30px;
		display: block;
		color: #fff;
		background-color: #FCA41D;
		border-top: #fff 1px solid;
	}
	
	div#basket ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div#basket li {
		line-height: 30px;
	}
	
	div#basket li a {
		margin-left: -0.8em;
		padding: 0 0 0 0.8em;
		display: block;
		color: #fff;
		text-decoration: none;
	}
	
	div#basket a:hover {
		color: #fff;
		text-decoration: underline;	
	}
	/*  */
	
	/* OPTIONS */
	div#options {
		margin: 0 0 0 0;
		padding: 0;	
		background-color: #5195CE;
	}
	
	div#options ul {
		margin: 0;
		padding: 0;
		list-style: none;
		border-top: #fff 1px solid;
		font-size: 0.8em;
	}
	
	div#options li {
		border-bottom: #fff 1px solid;
	}
	
	div#options li a {
		padding: 0 0 0 0.8em;
		line-height: 1.75em;
		display: block;
		color: #fff;
		text-decoration: none;
	} 
	
	div#options li a:hover {
		background-color: #054989;
	} 
	/*  */	
	
	/* PRIMARY */
	ul.primary {
		margin: 0 0 5px 0;
		padding: 0;
		list-style: none;
	}
	
	ul.primary li {
		margin: 0 0 0 0;
		padding: 0;		
		line-height: 22px;
		display: block;
		font-size: 0.8em;
		background-color: #4173CC;
		border-bottom: #4575CB 1px solid;
	}
	
	ul.primary li a {
		padding: 0 0 0 8px;
		display: block;
		color: #fff; 
		text-transform: capitalize;
		text-decoration: none;
		background-color: #4173CC;
		
	}

	ul.primary li a:hover {
		color: #024687;
		text-decoration: none;
		background-color: #FFF146;
		
	}
	
	ul.primary li.offers a {
		font-size: 1.1em;
		font-weight: bold;
		color: #fff;
		background-color: #4C9F2D;
		line-height: 28px;
	}
	
	ul.primary li.offers a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
	#adminnav {
		background: transparent;
	}
	
	#adminnav li {
		margin-left: 0;
		margin-bottom: 5px;
	}
	
	#adminnav li a {
		padding-left: 5px;
		line-height: 2em;
		
		color: Green;
		background-color: #C3FFD2;	
	}
	
	#adminnav li a:hover {
		color: Green;
		background-color: #EEFFF2;	
	}
	/*  */
	
div#content {
	margin: 0;
	padding: 0 0 0 23px;	
	float: left;
	width: 546px;
	background-color: White;
}

div#content p {
	margin-left: 10px;
	font-size: 0.8em;
	line-height: 1.6em;
}

div#content ul {
	margin: 0 0 0 40px;
	padding: 0;
}

div#content .ctaboxpagead,
div#content .ctaboxpageadend,
div#content .ctaboxofferad,
div#content .ctaboxofferadend {
	margin: 0 0 5px 0;
	padding: 0;
}

div#content .ctaboxpagead {
	margin-right: 6px;
	float: left;
	width: 176px;
}

div#content .ctaboxpageadend {
	margin-right: 0;
	float: left;
	width: 176px;
}

div#content .ctaboxofferad {
	margin-right: 6px;
	float: left;
	width: 176px;
}

div#content .ctaboxofferadend {
	margin-right: 0;
	float: left;
	width: 176px;
}

div#content .ctaboxpagead h2,
div#content .ctaboxpageadend h2 {
	margin: -5px 0 0 0;
	padding: 2px 4px 4px 4px;
	height: 32px;
	color: #000000;
	font-size: 0.8em;
	text-align: center;
	background-color: transparent; 
}

div#content .ctaboxofferad h2,
div#content .ctaboxofferadend h2 {
	margin: -5px 0 0 0;
	padding: 2px 4px 4px 4px;
	height: 32px;
	
	color: #fff;
	font-size: 1em;
	background-color: #65B26B;
}

div#content .ctaboxpagead img,
div#content .ctaboxpageadend img {
	margin: 0;
	padding: 0;
	
	border: none;
}

div#content .ctaboxofferad img, 
div#content .ctaboxofferadend img {
	border: none;
}

div#content em.oldoffpr {
	text-decoration: line-through;
}

div#content em.newoffpr {
	font-weight: bold;
	font-size: 1.1em;
	color: Red;
}

	/* BREADCRUMB */
	div#content ul#breadcrumb {
		margin: 10px 0 0 10px;
		padding: 0;	
		position: relative;
		color: #4e90cc;
		font-size: 0.8em;
		list-style: none;
		text-transform: lowercase;
	}
	
	ul#breadcrumb li {
		display: inline;
	}
	
	div#content ul#breadcrumb a {
		color: #4e90cc;
		text-decoration: underline;
	}
	/*  */
	
	/* PAGENAV */
	div#content ul.pagenav {
		margin: 0 0 0 10px;
		padding: 0;
		text-align: center;
		height: 30px;
		list-style: none;
	}
	
	ul.pagenav li {
		margin: 0;
		padding: 0;
		display: block;
	}
	
	div#content ul.pagenav a {
		color: #4E90CC;
		text-decoration: underline;
	}

	li.pagelink {
		float: right;
		width: 20px;
	}
	
	li.totalpages {
		float: left;
		text-align: left;
	}
	
	li.previousnext {
		float: right;
		width: 150px;
	}
	/*  */
	
	/* SPOTLIGHT */
	div#spotlight {
		margin: 15px 0 10px 0;
		padding: 0 0 0 0;
	}
	
	div#spotlight img {
		margin: 0;
		padding: 0;
		border: none;
	}
	/*  */
	
	/* STOCKLIST */
	ul.alpha_listing {
		margin: 1em 0 0 0;
		padding: 3px;
		height: 16px;
		list-style: none;
	}

	ul.alpha_listing li {
		float: left;
		width: 20px;
	
		font-size: 1.1em;
	}
	
	div.stockist_list {
		margin: 0;
		padding: 0;
		width: 45%;
		float: left;
	
		list-style: none;
	}
	
	div.stockist_list ul {
		margin: 0;
		padding: 0;

		list-style: none;
	}

	div.stockist_list ul li a {
		color: #CC7C25;
	}
	
	.stocklist_title {

	}
	/*  */
	
	/* CATEGORY */
		div.categoryblock {
			margin: 0 0 0 10px;
			padding: 0;
			color: #000;
			font-size: 1em;
		}
		
		
		div.product div.clear,
		div.productwide div.clear {
			display: none;
		}	
		
		div#content h2.producttitle {
			margin: 0;
			padding: 0;
			font-size: 0.8em;
			text-align: center;
		}
		
		div#content h2.producttitle a {
			color: #000;
			display: block;
		}
		
		div#content p.details {
			display: none;
			font-size: 1.1em;
		}
		
		.oldprice {
			font-size: 1em;
			text-decoration: line-through;
			color: #98a9b9;
		}
		
		li.newprice {/* not used for category products ( see div#content div.product li.newprice) */
			color: #0a3085;
			font-size: 1.3em;
			font-weight: bold;
			list-style: none;
			text-align: right;
		}
		
		
		/* PRODUCT STYLES */		
		div#content div.product {
			margin: 0 0 0 0;
			padding: 0 0 1em 0;	
			float: left;
			width: 133px;
			color: #000;
			border: none;
		}
		
		div#content div.productwide {
			margin: 0 0 1.7em 1em;
			padding: 0 0 8px 0;
			width: 94%;
			color: #000;
			border: none;
			background-color: #E7F0ED;
		}
		
		div#content div.product img,
		div#content div.productwide img {
			margin: 0;
			padding: 0;
			border: #4e90cc 1px solid;
		}
		
		div#content div.productwide img {
			float:right;
		}

		div#content div.product ul,
		div#content div.productwide ul {
			margin: 0;
			padding: 0;
			
			list-style: none;
		}
		
		div#content div.product li {
			margin-bottom: 0px;	
		}
		
		div.product ul li,
		div.productwide ul li {
			display: block;		
		}
		
		div#content div.product li.newprice {							 /* product price */
			color: #0a3085;
			font-size: 0.9em;
			font-weight: bold;
			list-style: none;
			text-align: center;
		}
		
		div#content div.product p,
		div#content div.productwide p {
			display: none;
		}	

		div#content li.detailslink {
			margin: 0.3em 0 0 0;
			padding: 0;
		}
	/*  */	
	
	/* PRODUCT DETAILS */
	div#content div.productdetails {
		margin: 0;
		padding: 0 0 0 10px;		
	}
	
	div#content div.productdetails img {
		margin: 0 20px 0 10px;
		float: left;
		
		border: #4E8FCD 1px solid;
	}
	
	div#content div#prodisimg {
		margin: 0 20px 0 10px;
		padding: 0;
		width: 258px;
		float: left;
	}
	
	div.productdetails ul {
		list-style: none;
	}
	
	.productlist li {
		list-style: url(../images/productlist_img.gif);
		font-size: 0.8em;
		line-height: 1.6em;
	}
	
	div.productdetails ul li.newprice {
		color: #4E90CC;
		font-size: 1.6em;
		font-weight: bold;
		list-style: none;
	}
	
	div#content div.productdescription {
		margin: 0;
		padding: 0;
	}
		
 	div#content div.productdescription p {
		margin-top: 0; 
	}
	/*  */
	
	/* PRODUCT OPTIONS */
	table#productoptions th {
		font-size: 0.9em;
		font-weight: normal;	
	}
	
	table#productoptions th.toptitle {
		text-align: center;
	}
	
	table#productoptions tr.descriptionrow {
		background-color: #EEEEEE;
	}
	
	table#productoptions td.descriptiontext {
		border: 1px solid #7E7E7E;
		text-align: left;		
	}
	
	table#productoptions tr.options th,td {
		text-align: center;
	}	
	/*  */
	
	/* ADMIN TABLE STYLES */
	table {
		text-align: left;
	}
	
	table td {
		font-size: 0.9em;
	}

	table#admintable {
		border-bottom: 1px solid #000;		
	}
	
	table#admintable th {	
		font-weight: normal;
		border-bottom: 1px solid;
		line-height: 1.8em;
	}
	
	table#admintable td {	
		text-align: left;
	}
	
	table#subtotal {
		text-align: right;
	}
	/*  */
	
	/* VIEW BASKET */
	table {
		margin-bottom: 15px;	
	}
	
	table#subtotal {
		text-align: right;
	}
	/*  */	
	
	/* CHECKOUT */
		/* PROGRESS BAR */
		div#content ul#progress_indicator {
			margin: 20px 0 50px 10px;
			padding: 0;
			
			font-size: 0.8em;
			text-transform: uppercase;
			text-align: center;
			color: #989796;
			list-style: none;
		}
	
		div#content ul#progress_indicator li {
			margin: 0 2px 2px 2px;
			padding: 0 0 0 0;
			line-height: 15px;
			float: left;
			width: 105px;
			
			background-color: #EEEFF3;
			border-bottom: 1px solid #646464;
		}
			
		div#content ul#progress_indicator a {
			padding: 0;
			width: 115px;
			
			text-decoration: none;
		}
		
		div#content ul#progress_indicator a:hover {
			background-color: transparent;
		}
	
		#selected  {
			color:  #373535;
		}
		
		#checkout_comments {
			margin: 0 auto 0 auto;
			padding: 0;
			
			text-align: left;
		}
		
		.carddates {
			 float:left;
			 width:7em;
		}
		
		.checkoutaddress {
			margin-left: 10px;
			float:left;
			width: 250px;
		}
		
		.checkoutaddress h2 {
			padding: 0;
		}
		/*  */
		
		/* Article layout */
		div.articleblock {
			margin: 0 0 50px 10px;
			padding: 6px;
			width: 400px;
			
			background-color: transparent;
		}
		
		div.articleblock img {
			margin: 0 0 10px 440px;
			position: absolute;
			
			border-color: white;
		}
		
		div.articleblock p,
		div.articleblock h2 {
			margin: 0 0 10px 0;
			padding: 0;	
		}
		/*  */
		
		/* stockists */
		address.stockistaddress {
			margin: 0 0 0 30px;
			font-style: normal;			
		}
		/*  */
/*  */
/* extra */
div#extra{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	width: 790px;
}

.icons {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}

.icons img{
	margin: 0 0 0 0;
	padding: 0 30px 0 0;
	
	border: none;
}

#ccicons {
	margin-right: 5px;
	margin-top: 5px;
	width: 120px;
	float: right;
}

.certicon {
	margin-right: 10px;
	margin-top: 5px;
	float: right;
	text-align: center;
}

.ctabox img {
	margin: 0;
	padding: 0 0 3px 0;
	border: none;
}

/* footer */
div#footer {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	width: 790px;
	height: 60px;
	
	border-top: 1px dotted black;
	background-color: #ffffff;
}

ul.footer {
	margin: 0;
	padding: 0.5em 0 0 0;
	
	font-size: 0.9em;
	list-style: none;
}

ul.footer li {
	margin-right: 1.5em;
	display: inline;
}

ul.footer a {
	color: black;
	text-transform: lowercase;
	text-decoration: none;
}

ul.footer a:hover {
	text-decoration: underline;
}

#siteinfo {
	margin-top: 5px;
	padding: 5px 5px 0.5em 10px;
}

#siteterms {
	padding-left: 10px;
	padding-bottom: 0.5em;
	
	border: none
}
/*  */


/* ADDITIONAL */
		div.additional {
			margin: 0 0 0 10px;
			padding: 0;
			color: #000;
			font-size: 1em;
		}