/* 
Client: 		Princes Mead Shopping Centre
Date:			30/10/2006
Developer:	Lee Hughes (www.pixeladdict.co.uk)
Company:		www.gencon.co.uk
*/

/* default */
body {
	margin: 0;
	padding: 0;
	
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%; 
	color: #003876;
}

h1 {
	margin: 10px 0 15px 0;
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

p {

}
/*  */

/* generic */
div.clear {
	clear: both;
}

img.left {
	margin: 0 10px 10px 0;
	float: left;
	
	border: #003875 1px solid;
}

img.right {
	margin: 0 15px 10px 10px;
	float: right;
	
	border: #003875 1px solid;
}

p.adminlink {
	margin: 0;
	padding: 0;
}

.adminlink a {
	color: #029D51;
}

/*  */

/* structure */
div#frame {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
}

div#head {
	margin: 0;
	padding: 0;
	height: 192px;
	
	background: #fff url(../images/pm_headbg.jpg) no-repeat top;
}

div#main {
	margin: 0;
	padding: 0;
}

div#foot {
	margin: 0;
	padding: 0;
}
/*  */

/* head */
ul#primary {
	margin: 0 0 0 226px;
	padding: 0;
	position: absolute;
	top: 143px;
	
	list-style: none;
}

ul#primary li {
	float: left;
}

ul#primary li a {
	margin: 0;
	padding: 0 12px 0 12px;
	float: left;
	
	color: #fff;
	text-decoration: none;
	font-size: 1.3em;
	border-right: #fff 1px solid;
}

ul#primary li a.last {
	border-right: none;
}
/*  */

/* main */
	/* content */
	div#content {
		margin: 0 0 0 8px;
		padding: 0;
		width: 599px;
	}
	
	img.shopfront {
		margin-bottom: 10px; 
		border: #003875 1px solid;
	}
	
	/* CTA'S */
	div.ctahalf {
		margin: 0 3px 0 6px;
		padding: 5px;
		width: 275px;
		float: left;
		
		background: #C6D4FF url(../images/ctahalfbot_bg.jpg) no-repeat bottom;		
	}
	
	div.ctahalf h2 {
		margin: -5px -6px 0 -6px;
		padding: 7px;
		background: url(../images/ctahalftop_bg.jpg) no-repeat top;
		text-align: left;
	}

	div.ctafull {
		margin: 0 6px 15px 6px;
		padding: 5px;
		width: 569px;
		
		background: #C6D4FF url(../images/ctafullbot_bg.jpg) no-repeat bottom;
	}

	div.ctafull h2 {
		margin: -5px -6px 0 -6px;
		padding: 7px;
		background: url(../images/ctafulltop_bg.jpg) no-repeat top;
		text-align: left;
	}	
	
	div.ctahalf div.clear {
		display: none;
	}
	
	* html div.ctafull {
		margin-left: 11px;
	}

	div.ctahalf p,
	div.ctafull p {
		padding: 0 0 0 7px;
		text-align: left;
	}
	
	div.ctahalf a,
	div.ctafull a {
		color: #EE1935;
	}
	
	div.ctahalf p.adminlink,
	div.ctafull p.adminlink {
		margin: 0;
		padding: 0;
	}

	div.ctahalf p.adminlink a,
	div.ctafull p.adminlink a {
		color: #029D51;
	}
	
	div.ctafull h2,
	div.ctahalf h2 {
		font-size: 1.5em;
		position: relative;
	}
	
	div.ctahalf img.left,
	div.ctafull img.left {
		float: left;
		border: none;
	}
	
	div.ctahalf img.right,
	div.ctafull img.right {
		margin-right: 5px;
		float: right;
		border: none;
	}
	
	div.shoplogos {
		margin: 13px 0 5px -8px;
		padding: 0;	
		text-align: center;
	}
	
	* html div.shoplogos {
		margin-left: 0;
	}
	/*  */
	
	/* articles */
	div.article {
		margin: 0 10px 15px 0;
		padding: 5px;
		
		background-color: #F5F5F5;
		border: #CFD9E3 1px solid;
	}
	
	div.article h2 {
		margin: 0;
	}
	
	em.articledate {
		font-size: 1em;
		color: #878787;
	}
	
	div.article img {
		margin-right: 0;
		border: none;
	}
	/*  */	
	/*  */
	
	/* column */
	div#column {
		margin: 0 0 0 610px;
		padding: 0;
		position: absolute;
		top: 192px;
		width: 180px;
	}
	
	div#column h1 {
		margin: 0;
		padding: 0;
		
		font-size: 1.2em;
		color: #EE1935;
		border-bottom: #EE1935 1px solid;
	}
	
	div#column ul.listnav {
		margin: 0 0 15px 0;
		padding: 0;
		
		font-size: 0.9em;
		list-style: none;
		background-color: #E6EBEF;
	}
	
	div#column ul.listnav li {
		margin: 0 0 5px 0;
		padding: 5px 5px 10px 5px;		
		
		border-bottom: #CFD9E3 1px solid;  
	}
	
	div#column ul.listnav li a {
		display: block;
		color: #84b2e4;
	}
	
	div#column ul.listnav li a:hover {
		display: block;
		color: #EE1935;
	}
	
	div#column ul.secondary {
		margin: 0;
		padding: 0;
		
		list-style: none;
		font-size: 0.9em;
	}

	div#column ul.secondary li {
		margin: 0 0 2px 0;
	}
	
	div#column ul.secondary li a {
		padding: 2px;
		
		text-decoration: none;
		color: #000;
		display: block;
		background-color: #E5EAEE;
		line-height: 14px;
		height: 14px;
	}
	
	div#column ul.secondary li a:hover {
		padding: 2px;
		color: #fff;
		background-color: #023A77;
	}
	
	div#column address {
		margin: 0 0 15px 0;
		padding: 5px;
		
		list-style: none;
		background-color: #E6EBEF;
	}
	
	div#column p.contactform {
		margin: 0 0 15px 0;
		padding: 5px;

		background-color: #E6EBEF;
	}
	/*  */
/*  */

/* foot */
div#foot {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
}

div#foot ul {
	margin: 25px 0 20px 0;
	padding: 0;
	
	list-style: none;
	text-align: left;
	font-size: 0.9em;
	color: #5b98db;
}

div#foot ul li {
	margin: 0 20px 0 0;
	display: inline;
}

div#foot ul li a {
	color: #5b98db;
}
/*  */

/* form styles */
fieldset {
	margin: 0 10px 0 0;
	padding: 10px;
	border: #003875 1px solid;
}

label {
	display: block;
	line-height: 22px;
	font-size: 1.2em;
}

fieldset div {
	margin-bottom: 10px;
}

div#buttons {
	margin: 20px 0 0 0;
	text-align: center;
}
/*  */