/* 
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: 0;
	margin-left: 0;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	display: block;
}

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.logo {
	margin: 0 0 0 0;
	float: left;
	border: none;
}

/* 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;
	padding: 0 8px 0 8px;
	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;
}

/* 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 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;
}
/*  */
	
/* 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-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;
}
	
#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, div#content_product {
	margin: 0 10px 0 10px;
	float: left;
	width: 576px;
	background-color: White;
}

div#content_product {
	margin: 0 10px 0 10px;
	padding: 0;
	width: 576px;
}

div#content_product h1 {
	margin-left: 0;
	padding-left: 0;
}

div#content .ctaboxpagead, div#content .ctaboxofferad {
	margin: 0 23px 10px 0;
	padding: 0;
	float: left;
	width: 176px;
}

div#content .ctaboxofferadend, div#content .ctaboxpageadend {
	margin: 0 0 10px 0;
	padding: 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: #004586;
	font-size: 1em;
	text-align: center;
	font-weight: normal;
	background-color: transparent;
	border-bottom: #004586 1px solid;
}

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 em.oldoffpr {
	text-decoration: line-through;
}

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

/* BREADCRUMB */
ul#breadcrumb {
	margin: 10px 0 0 0;
	padding: 0;
	color: #4e90cc;
	font-size: 0.8em;
	list-style: none;
	text-transform: lowercase;
}

div#content_product ul#breadcrumb {
	margin-left: 0;
}
	
ul#breadcrumb li {
	display: inline;
}
/*  */
	
/* 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;
}
	
li.pagelink {
	float: right;
	width: 20px;
}
	
li.totalpages {
	float: left;
	text-align: left;
}
	
li.previousnext {
	float: right;
	width: 150px;
}
/*  */
	
/* SPOTLIGHT */
div#spotlight {
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
}
/*  */
	
/* 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 li a {
	color: #CC7C25;
}
	
.stocklist_title {
}
/*  */
	
/* CATEGORY */
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;
}

.pricetitle {
	font-size: 1.4em;
	margin-left: 0;
	margin-top: 0;
	padding: 0;
}
		
.oldprice {
	font-size: 1em;
	text-decoration: line-through;
	color: #98a9b9;
}
		
li.newprice {
	color: #0a3085; /* not used for category products ( see div#content div.product li.newprice) */
	list-style: none;
	text-align: right;
}
	
/* PRODUCT STYLES */		
div#content div.product {
	margin: 0 8px 0 0;
	padding: 0 0 1em 0;
	float: left;
	width: 133px;
	color: #000;
	border: none;
	text-align:center;
}

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 li {
	margin-bottom: 0px;
}
		
div.product ul li, div.productwide ul li {
	display: block;
}

div#content div.product li.newprice,
div#content div.product li.fromprice {
	color: #0a3085; /* product price */
	font-size: 0.9em;
	font-weight: bold;
	list-style: none;
	text-align: center;
}

div#content div.product li.fromprice {
	float: left;
}

div#content li.detailslink {
	margin: 0.3em 0 0 0;
	padding: 0;
}
/*  */	
	
/* PRODUCT DETAILS */
div#productdetails {
		margin: 0;
		padding: 0;
		line-height: 16px;
	}
	
	div#prodisimg {
		margin: 0 10px 10px 0;
		padding: 0;
		width: 260px;
		float: left;
	}
	
	div#prodisimg img {
		margin-bottom: 20px;
		border: none;
	}
	
	div#thumbs img {
		margin-right: 2px;
	}
	
	div#thumbs img.last {
		margin-right: 0;
	}
	
	div#productdetails ul {
		margin-left: 10px;
		padding: 0;
		list-style: none;
		font-size: 0.9em;
	}
	
	div#productdetails h1 {
		margin-left: 0;
		margin-bottom: 0;
		padding-left: 0;
		padding-bottom: 5px;
	}
	
	div#productdetails p {
		margin: 5px 0 5px 0;
		padding: 0;
		font-size: 0.9em;
	}
	
	div#productdetails fieldset {
		margin: 0;
		padding: 0;
		width: 300px;
		float: left;
		
		border-left: none;
		border-right: none;
		border-top: none;
/*		border-bottom: #4173CC 1px solid;*/
	}
	
	div#productdetails label {
		font-size: 0.9em;
		display: block;
	}
	
	div#productdetails .productsubmit {
		float: right;
	}
	
	div#productdetails div#moredetails {
		padding: 5px;
		
		background-color: #E8EBF6;
	}
	
	div#productdetails div#moredetails p {
		margin: 0;
		color: #153184;
	}
	/*  */
	
	/* slide div styles */
	div.drop_block {
		margin:0;
		padding: 0;
		display:inline;
	}
	
	div.drop_block h2 {
		margin: 0 0 5px 0; 
		padding: 0;
		
		font-weight: normal;
		font-size: 1.2em;
		background-color: #CDDBF1;
		border: #4173CC 1px solid;
	}
	
	div.drop_block div.clear {
		clear: both;
	}
	
	div.slide {
		margin: 0;
		padding: 0;
		background-color: #Fff;
	}
	
	.clear-block:after {
		content: ".";
		display: block;
  		height: 0;
  		clear: both;
  		visibility: hidden;
	}

	.clear-block {
  		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .clear-block {
	  	height: 1%;
	}
	
	.clear-block {
  		display: block;
	}
	
	.jacket_quantity {
		margin-top: 10px;
		padding: 6px;
		background: #FED596;
	}
	
	div#productdetails .jacket_quantity ul {
		margin: 0;
		padding: 0;
		font-size: 0.9em;
		font-weight: bold;
		float: right;
	}
	
	#dynamic_price {
		float: right;
	}


	
	div.slide h3 {
		margin: 10px 0 5px 0;
		padding: 0;
		
		font-weight: normal;
		font-size: 1.1em;
		background-color: #DAE5F3;
	}
	
	div.slide label {
		line-height: 18px;
		font-size: 0.8em;
		display: block;
	}
	
/* PRODUCT OPTIONS */
table#productoptions th {
	font-size: 0.9em;
	font-weight: normal;
}
	
table#productoptions tr.descriptionrow {
	background-color: #EEEEEE;
}
	
table#productoptions td.descriptiontext {
	border: 1px solid #7E7E7E;
	text-align: left;
}
/*  */
	
/* ADMIN TABLE STYLES */
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;
}
/*  */
	
/* VIEW BASKET */
table {
	margin-bottom: 15px;
}
/*  */	
	
/* 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 410px;
	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;
}

.copyright {
	float: right;
}

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

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

/*  */
/* ADDITIONAL */
h3, h1, h2 {
	font-size: 1.4em;
}

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

div#basket a:hover, ul.primary li.offers a:hover {
	color: #fff;
	text-decoration: underline;
}

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

div#content ul#breadcrumb a, div#content ul.pagenav a {
	color: #4e90cc;
	text-decoration: underline;
}

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

div#content div.product ul, div#content div.productwide ul, div#basket ul, div.stockist_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#content div.product p,	div#content div.productwide p, div#header img.printlogo, div.product div.clear, div.productwide div.clear {
	display: none;
}

table#productoptions th.toptitle, table#productoptions tr.options th,td {
	text-align: center;
}

table, table#admintable td {
	text-align: left;
}

table#subtotal {
	text-align: right;
}


/* New styles - 19 July 2007 */

.productcolimg {
	float:left;
	margin-right:10px;
	padding:0;
	width:250px;
	}

.productcol {
	float:left;
	margin-right:10px;
	padding:0;
	width:305px;
	}
.productcol .jacket_quantity select {
	width:305px;
	margin:0 0 10px 0;
	font-size:12px;
	}
.productcol	.jacket_quantity {
		margin-top: 10px;
		padding: 6px;
		background: #FED596;
		width:305px;
	}