body
{
	font:		normal 70%/1.6 Arial, Helvetica, sans-serif;
	background-color:	#f4f5ef;
}

.nocss
{
	display: none;
}

div#top
{
	width:		950px;
	margin:		0 auto;
	text-align: left;
}


a.skip	/* sits above the site in Public Template */
{
	color:#FFFF33;
}

div#outer
{	
	width:		930px;
	margin:		0 auto;
	/*margin-top: 20px;*/
	padding: 10px;
	background-color:	#FFFFFF;
}



div#inner
{
	/* fakes the sidebar stretching to fill our height */
	background-image: url(../img/inner-bg.gif);
}

/*
	sidebar is always to right of everything, inc the header
*/
div#sidebar
{
	width: 180px;
	float: right;
	margin-top: -160px;

}

div#sidebar h3
{
	margin: 0;
}

div#sidebar div
{
	margin-bottom:	10px;
}

div#sidebar div a
{
	font-weight: bold;
	color: #808080;
	font-size:1em;
}

div#sidebar div p
{
	margin: 0;
	font-weight: bold;
}

div#sidebar div li		/* spacing within sidebar items */
{
	list-style-image: url(/img/bullet.jpg);
	color: #808080;
	margin: 5px 0px 3px 15px;
	line-height:1.2em;
	font-size:1em;
}

div#sidebar div li a
{
	font-weight: bold;

}


/* header is top left */

div#adminheader
{
	height:  160px;
	width: 1220px;
	float: left;
	
	background-image: url(../img/head-banner-admin.png);
	background-repeat:no-repeat;
	color:	#FFFFFF;
}

div#adminheader span
{
	float: right;
	padding-right: 50px;
	color: white;
	margin-top: 75px;
}

div#adminheader span a
{
	color: white;
}

div#header
{
	height:  160px;
	width: 730px;
	float: left;
	
	background-image: url(../img/head-banner.png);
	color:	#FFFFFF;
}

div#header h1 
{
	margin: 0;
}

/* secret real h1 title */
div#header h1 a
{
	/*margin-left: -1000px;*/
	float: left;
	width: 630px;
	height: 110px;
	text-align: right;
	margin: 0;
	color: #ffffff;	/* the H1 text is there - but the same col as the background image */
}

div#header h1 a:hover,
div#header h1 a:focus,
div#header h1 a:active
{
	color: #ffffff !important;	
	background-color: transparent;
}

/* header links are to right-bottom and white */
div#header span
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	float: left;
	padding-left: 10px;
	color: white;
	margin-top: 25px;
}

div#header span a
{
	color: white;
}



/*
	content is left and below the header
*/
div#content
{
	float: left;
	clear: left;

	margin-top: 10px;
	
	/* left padding needs to give space for the menu */
	padding-left: 155px;
	
	/* width is same as header but minus our own padding and some extra spacing */
	width: 560px;
	
	/* min height is needed to give space for the menu, which wont stretch it - it needs to appear at least as tall as the sidebar*/
	min-height: 750px;
	
	/* allows the menu to be abs positioned */
	position: relative;
	
	/* fakes the menu stretching to fill our height */
	/* background-image: url(../img/content-bg.gif); */
}

/*
	menu is in the content div but fake-floated left to 
	offer better positioning control of content's contents
*/
div#menu
{
	position: absolute;
	width: 140px;
	top: 0px;
	left: 0px;
}

div#menu img
{
	border:none;
}


/*
	footer is below inner
*/
div#footer, 
div#footer a 
{
	width:		930px;
	margin:		0 auto;
	padding: 5px 10px 3px 10px;
	color: #ffffff;
	background-color:#6b6d79;
	height:20px;
}

div#footer i
{
	float: left;
	padding-left: 10px;
}

div#footer span
{
	float: right;
	padding-right: 10px;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

div#footer2
{
	width:		890px;
	margin:		0 auto;
	padding: 5px 30px 3px 30px;
	color: #ffffff;
	background-color:#505259;
	height:130px;
	font-size:10px;
}



/*
	Basic Heading and Paragraph Text
*/


h1
{
	font-size:			2.1em;
	margin:				0.67em 0;
	color: #5fbade;
	line-height: 1.2em;
}

h2
{
	font-size:			1.8em;
	margin:				0.67em 0;
	color: #000000;
	line-height: 1.2em;
}

h3
{
	font-size:			1.1em;
	margin:				0.91em 0;
	color: #3a6284;
}




h3 img		/* Controls sidebar image spacing */
{
	margin: 0px 0px -5px 0px;
}


h4			/* Used on pages like Terms & Conditions */
{
	font-size:			1.3em;
	margin:				0.91em 0 -0.91em 0;
	color: #3a6284;
}

h5
{
	font-size:			1.4em;
	font-style:bold;
	margin:				0.67em 0;
	color: #5fa0c5;
	line-height: 1.2em;
}

h6
{
	font-size:			1.2em;
	font-style:bold;
	margin:				0.67em 0;
	color: #ffffff;
	line-height: 1.2em;
}

p
{
	font-size:			1.1em;
	line-height:		1.25em;
	margin:				1em 0;
}

p a
{
	font-weight:bold;
	color:#5fa0c5;
	text-decoration:underline;
}

p#WebSubTitle
{
	font-weight: bold;
}


/*
	Basic Link styling and accessibility
*/
a
{
	color: #5fa0c5;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:focus
{
	color:				inherit; !important;
	/* background-color: 	#39f; */
}

input:focus
{
	color:				#36f;
}





/*
	section colors - line heights relate to Sections not HOME PAGE
*/

div#sidebar #pnlOOTW p a,
li.malcolm a,
li.malcolm,
ul#OfferList li.malcolm h3,
li.malcolm_bullet a,
li.malcolm_bullet,
ul#OfferList li.malcolm_bullet h3
{
	color: #ee3224;
	border-color: #ee3224;
	
}

div#sidebar .shopping p a,
li.shopping a,
li.shopping,
ul#OfferList li.shopping h3,
li.shopping_bullet a,
li.shopping_bullet,
ul#OfferList li.shopping_bullet h3
{
	color: #5fa0c5;
	border-color: #5fa0c5;
	line-height: 18px;
	text-decoration:none;
}

div#sidebar .money p a,
li.money a,
li.money,
ul#OfferList li.money h3,
li.money_bullet a,
li.money_bullet,
ul#OfferList li.money_bullet h3
{
	color: #5fa0c5;
	border-color: #5fa0c5;
	line-height: 18px;
	text-decoration:none;
}

div#sidebar .trades p a,
li.trades a,
li.trades,
ul#OfferList li.trades h3,
li.trades_bullet a,
li.trades_bullet,
ul#OfferList li.trades_bullet h3
{
	color: #5fa0c5;
	border-color: #5fa0c5;
	line-height: 18px;
	text-decoration:none;
}

div#sidebar .outabout p a,
li.outabout a,
li.outabout,
ul#OfferList li.outabout h3,
li.outabout_bullet a,
li.outabout_bullet,
ul#OfferList li.outabout_bullet h3
{
	color: #5fa0c5;
	border-color: #5fa0c5;
	line-height: 18px;
	text-decoration:none;
}

div#sidebar .fooddrink p a,
li.fooddrink a,
li.fooddrink,
ul#OfferList li.fooddrink h3,
li.fooddrink_bullet a,
li.fooddrink_bullet,
ul#OfferList li.fooddrink_bullet h3
{
	color: #5fa0c5;
	border-color: #5fa0c5;
	line-height: 18px;
	text-decoration:none;
}

div#sidebar .dontmiss p a,
li.dontmiss a,
li.dontmiss,
ul#OfferList li.dontmiss h3,
li.dontmiss_bullet a,
li.dontmiss_bullet,
ul#OfferList li.dontmiss_bullet h3
{
	color: #5fa0c5;
	border-color: #5fa0c5;
	line-height: 18px;
	text-decoration:none;
}



p.center
{
	text-align: center;
}

p.status
{
	text-align: center;
	color: #900;
	font-weight: bold;
}




table.logintable
{
	border:		none;
	margin: 0 auto;
	border-collapse: collapse;
}

table.logintable th,
table.logintable td
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
}



table.form
{
	/*border:		1px solid #CCC;*/
	margin: 0 auto;
	border-collapse: collapse;
}

table.form th,
table.form td
{
	/*border:		1px solid #CCC;*/
	text-align: left;
	vertical-align: top;
	padding: 5px;
}




table.border
{
	border:		1px solid #CCC;
	/*margin: 0 auto;*/
	border-collapse: collapse;
}

table.border th,
table.border td
{
	border:		1px solid #CCC;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}


/* Mortgage Calculator */

table#calculator
{
		font-size:13px;
		margin-left:30px;
}

table#calculator tr.input td
{
	height:20px;
}

table#calculator tr.input td input
{
	background-color:#ffffff;
	border: 1px solid black;
	height:14px;
	padding:4px;
}

table#calculator tr.input td input.button
{
	background-image:url(../img/calculate.jpg);
	width:80px;
	height:18px;
}


table#calculator tr.input td input:focus
{
	color:				black;
}




/* For Admin areas */
table.toolbar
{
	width: 100%;
}

table.toolbar td
{
	border: 1px solid #000000;
	background-color: #e0e0e0;
	text-align: left;
	vertical-align: center;
	padding: 2px;
}


/*
	category page titles
*/

/*h2
{
	width:		256px;
	height:		50px;
	background-repeat: no-repeat;
}

h2 span
{
	margin-left:	-1000px;
}

h2.shopping
{
	background-image: url(../img/h2-shopping.png);
}

h2.money
{
	background-image: url(../img/h2-money.png);
}

h2.trades
{
	background-image: url(../img/h2-trades.png);
}

h2.outabout
{
	background-image: url(../img/h2-outabout.png);
}

h2.fooddrink
{
	background-image: url(../img/h2-fooddrink.png);
}

h2.dontmiss
{
	background-image: url(../img/h2-dontmiss.png);*/
}
	

/*
	Lsit of offers on front and categorypages
*/
ul#OfferList
{
	margin: 0;
	padding: 0;
}

ul#OfferList li
{
	list-style-type: none;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

ul#OfferList li h3
{
	display: inline-block;
	width: 128px;
	height: 15px;
	float: left;
	margin: 0;	
	margin-right: 10px;
}

ul#OfferList li a
{
	color: #000000;
}

ul#OfferList li h3 span
{
	margin-left: 	-1000px;		/* hide non-image title*/
}

ul#OfferList li.shopping
{
	background-image: url(../img/h3-shopping.png);	
}

ul#OfferList li.money
{
	background-image: url(../img/h3-money.png);
}

ul#OfferList li.trades
{
	background-image: url(../img/h3-trades.png);
}

ul#OfferList li.outabout
{
	background-image: url(../img/h3-outabout.png);
}

ul#OfferList li.fooddrink
{
	background-image: url(../img/h3-fooddrink.png);
}

ul#OfferList li.dontmiss
{
	background-image: url(../img/h3-dontmiss.png);
}



ul#OfferList li.shopping_bullet
{
	background-image: url(../img/li-shopping.png);	
}

ul#OfferList li.money_bullet
{
	background-image: url(../img/li-money.png);
}

ul#OfferList li.trades_bullet
{
	background-image: url(../img/li-trades.png);
}

ul#OfferList li.outabout_bullet
{
	background-image: url(../img/li-outabout.png);
}

ul#OfferList li.fooddrink_bullet
{
	background-image: url(../img/li-fooddrink.png);
}

ul#OfferList li.dontmiss_bullet
{
	background-image: url(../img/li-dontmiss.png);
}




/*
	Offer Details
*/
div#pnlOfferImage
{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	background-color: #F0F0F0;
	width:		200px;
	padding:	20px 10px;
	text-align: center;
}

div#pnlOfferNotLoggedIn
{
	float: right;
	clear: right;
	margin-left: 10px;
	margin-bottom: 5px;
	background-color: #F0F0F0;
	width:		200px;
	height:		60px;
	padding:	15px 10px 0px 10px;
	text-align: center;
	font-size:	1.25em;
	font-weight: bold;
}

div#pnlOfferUserLoggedIn
{
	float: right;
	clear: right;
	margin-left: 10px;
	margin-bottom: 5px;
	background-color: #F0F0F0;
	background-image:	url(../img/vou-download-back.png);
	width:		120px;
	height:		60px;
	padding:	15px 10px 0px 90px;
	font-size:	1.25em;
	font-weight: bold;
}



/*
	per category footer that is shown on the category and each offer page
*/
div.CatFooter
{
	padding-top: 40px;
	clear: both;
	/*border: 1px solid red;*/
}





ul#pages
{
	margin: 0px 0px 20px 20px;
	list-style-type:	square;
	font-size:			1.1em;
	
}

ul#pages li
{
	margin: 0px 0 2px 0;
	}

ul#pages li a
{
	color: #3a6284;
}