/*****************
 GLOBAL
*****************/

* { margin: 0; padding: 0; }
p { margin: 0.5em 0 1.0em 0; }

img { border-width: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.5em 0; }

body {
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}

form { display: inline; }
ul.normal { padding: 5px 0 5px 25px; }
ol { padding: 5px 0 5px 25px; }

/**********
 HEADERS
**********/

#mainpagecontainer h1 { font-size: 2.1em; color: #000; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
#mainpagecontainer h2 { font-size: 1.7em; color: #000; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
#mainpagecontainer h3 { font-size: 1.1em; color: #000; font-weight: normal; letter-spacing: -1px;}
#mainpagecontainer h4 { font-size: 1.0em; color: #000; letter-spacing: -1px;}

/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	margin: 0 auto;
	position: relative;
	font-size: 0.85em;
}

	#toppagecontainer {
		padding: 0;
		margin: 0 auto;
		background: #000 url(/images/toppageback.gif) repeat-x bottom left;
		height: 130px;
	}

					
			#pageheader {
				width: 960px;
				height: 85px;
				margin: 0 auto;
				padding: 0px;
			}

				#logo {
					width: 490px;
					height: 80px;
					color: #eee;
					float: left;
					font-size: 0.9em;
					padding: 5px 0px 0px 0px;
				}

				#pageheaderright {
					width: 470px;
					height: 60px;
					color: #fff;
					float: right;
					font-size: 0.9em;
					padding: 20px 0px 0px 0px;
					text-align: right;
				}
				
				
					input.search {
						width: 250px;
						padding: 2px;
						border: 1px solid #666;
						font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
						font-size: 1.3em;
					}

					input.searchsubmit {
						width: 60px;
						margin-left: 2px;
						padding: 2px;
						border: 1px solid #602;
						background: #f90;
						color: #fff;
						font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
						font-size: 0.95em;
					}


			#topnav {
				width: 960px;
				height: 40px;
				padding: 5px 0px 0px 0px;
				margin: 0 auto;
			}


	#mainpagecontainer {
		padding: 0;
		margin: 0 auto;
		background: #fff url(/images/mainpagecontainerback.gif) repeat-x bottom center;
	}

					
		#mainpage {
			width: 960px;
			margin: 0 auto;
			padding: 0px;
		}
		

			#topbar {
				width: 960px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				color: #666;
			}

				#breadcrumb {
					width: 750px;
					float: left;
					padding: 7px 10px 5px 0px;
					font-size: 0.9em;
				}

				#breadcrumb a:link, #breadcrumb a:visited { color: #333; text-decoration: none; }
				#breadcrumb a:hover { color: #333; text-decoration: underline; }


				#topdate {
					width: 200px;
					float: right;
					text-align: right;
					padding: 7px 0px 5px 0;
					font-size: 0.9em;
				}

			#maincontent {
				width: 960px;
				margin: 0px;
				padding: 0px;
				color: #000;
				line-height: 1.5em;
				font-size: 0.95em;
			}

				#maincontentnav {
					width: 200px;
					margin: 10px 10px 0 0;
					padding: 0px;
					float: left;
				}


				  .leftfeature {
					width: 168px;
					padding: 20px 10px 5px 10px;
					margin: 5px 0px 0px 0px;
					color: #000;
					border: 1px solid #900;
					line-height: 1.4em;
				 }


				  .leftfeature p {
					font-size: 0.95em;
				 }
				  .leftfeature p.short {
					width: 110px;
					font-size: 0.95em;
				 }


				.leftfeature a:link, .leftfeature a:visited { color: #900; text-decoration: underline; }
				.leftfeature a:hover { color: #c33; text-decoration: underline; }


				#maincontentcentre {
					width: 750px;
					margin: 0px 0px 0px 0px;
					padding: 0px;
					float: right;
					line-height: 1.6em;
				}

				#maincontentcentre a:link, #maincontentcentre a:visited { color: #900; text-decoration: none; }
				#maincontentcentre a:hover { color: #c33; text-decoration: underline; }


				#maincontentprod{
					width: 600px;
					margin: 0px 0px 0px 0px;
					padding: 0px;
					float: left;
					line-height: 1.6em;
				}

				#maincontentprod a:link, #maincontentprod a:visited { color: #900; text-decoration: none; }
				#maincontentprod a:hover { color: #c33; text-decoration: underline; }
				


			#mainlogos {
				width: 940px;
				margin: 10px 0px 0px 0px;
				padding: 10px;
				background: #f90 url(/images/mainlogosback.gif) no-repeat top center;
				color: #000;
				line-height: 1.5em;
				font-size: 0.9em;
			}
			
				#mainlogos h2 {
					color: #fff;
				}
			
			
				img.mainlogoimage {
					float: left;
					margin: 0px 17px 15px 0px;
				}

			#mainlinks {
				width: 940px;
				margin: 10px 0px 0px 0px;
				padding: 10px;
				background: #eee url(/images/mainlinksback.gif) no-repeat top center;
				color: #000;
				line-height: 1.5em;
				font-size: 0.9em;
			}

				  .mainlinkscol {
					float: left;
					width: 150px;
					padding: 0px;
					margin: 0px 8px 0px 0px;
				 }	


				  .mainlinkscolend {
					margin: 0px;
				 }

			#pagecontentshare {
				clear: both;
				width: 940px;
				padding: 10px 10px 0 10px;
				margin: 0;
				font-size: 0.95em;
			}

				#pagecontentshare a:link, #pagecontentbottom a:visited { color: #015; text-decoration: underline; }
				#pagecontentshare a:hover { color: #459; text-decoration: underline; }


				#quote {
					width: 410px;
					float: left;
					padding: 5px 0px 5px 44px;
					margin: 5px 12px 0px 0px;
					background: transparent url(/images/quote.gif) no-repeat left top;
				}

				#bookmark {
					width: 469px;
					float: left;
					padding: 0px 5px 0px 0px;
					margin: 20px 0px 0px 0px;
				}

				ul.bookmarks {
					margin: 0px 0px 0px 0px;
					padding: 0px;
					text-align: right;
				}

					ul.bookmarks li{
						list-style: none;
						margin: 0px;
						padding: 0px 0px 0px 10px;
						line-height: 16px;
						height: 16px;
						display: inline;
						text-align: right;
					}

						ul.bookmarks li a:link, ul.bookmarks li a:visited {
							background-image: url(/images/bookmarkicons.gif);
							background-repeat: no-repeat;
							padding-left: 20px;
						}

						ul.bookmarks li a#sblink1:link, ul.bookmarks li a#sblink1:visited { background-position: left top; }
						ul.bookmarks li a#sblink2:link, ul.bookmarks li a#sblink2:visited { background-position: left -15px; }
						ul.bookmarks li a#sblink3:link, ul.bookmarks li a#sblink3:visited { background-position: left -31px; }
						ul.bookmarks li a#sblink4:link, ul.bookmarks li a#sblink4:visited { background-position: left -47px; }
						ul.bookmarks li a#sblink5:link, ul.bookmarks li a#sblink5:visited { background-position: left -63px; }
				 
	#footercontainer {
		padding: 0;
		margin: 0 auto;
	}

		#footertopbar {
			background: #a00 url(/images/footerback.gif) repeat-x bottom center;
		}

			#footerlinks {
				margin-top: 0px;
				clear: both;
				width: 960px;
				font-size: 0.9em;
				color: #fff;
				padding: 5px 0px;
				margin: 0 auto;
			}

				#footer1 {
					width: 180px;
					float: left;
					padding: 10px;
					margin: 0 10px 0 0;
				}

				#footer2 {
					width: 220px;
					float: left;
					padding: 10px;
					margin: 0 15px 0 0;
				}


				#footer2 a:link, #footer2 a:visited { color: #eee; text-decoration: underline; }
				#footer2 a:hover { color: #fff; text-decoration: underline; }


				#footer3 {
					width: 220px;
					float: left;
					padding: 10px;
					margin: 0 15px 0 0;
				}


				#footer3 a:link, #footer3 a:visited { color: #eee; text-decoration: underline; }
				#footer3 a:hover { color: #fff; text-decoration: underline; }

				#footer4 {
					width: 220px;
					padding: 10px;
					float: left;
				}
				
				#footer4 a:link, #footer4 a:visited { color: #eee; text-decoration: underline; }
				#footer4 a:hover { color: #fff; text-decoration: underline; }

		#footerbar {
			background: #110;
		}

			#footer {
				margin: 0 auto;
				clear: both;
				width: 960px;
				font-size: 0.9em;
				padding: 10px 0px;
				color: #fff;
			}

			#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
			#footer a:hover { color: #fff; text-decoration: underline; }

/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/*****************
 TOP NAV LIST
*****************/

#topnav ul {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 960px;
	height: 35px;
	float: left;
}

	#topnav ul li {
		background: url(/images/topnav-button-left.gif) no-repeat left top;
		float: left;
		font-size: 0.95em;
		height: 35px;
		letter-spacing: -1px;
		line-height: 35px;
		margin: 0 3px 0 0;
		padding: 0 0 0 26px;
		text-align: center;
	}
	
	#topnav ul li span {
		display: block;
		background: url(/images/topnav-button.gif) no-repeat right top;
		padding: 0 26px 0 0;
	}

	#topnav ul li a:link, #topnav ul li a:visited {
		display: block;
		color: #fff;
		text-decoration: none;
	}

	#topnav ul li a:hover {
		color: #300;
		text-decoration: none;
	}
	
	
	#topnav ul li.here {
		background: url(/images/topnav-button-lefton.gif) no-repeat left top;
	}
	
	#topnav ul li.here span {
		background: url(/images/topnav-buttonon.gif) no-repeat right top;
	}

	#topnav ul li.here a:link, #topnav ul li.here a:visited {
		color: #600;
	}

	#topnav ul li.here a:hover {
		color: #900;
	}

/*****************
 ICON LINK
*****************/


.iconlink { 
	padding-left:10px; 
	background: url(/images/icon.gif) no-repeat 0px 3px;
}

/*****************
 UL SIDE NAV
*****************/

ul.sidenavlist{
	list-style: none;
	width: 190px;
	margin: 10px 0px 0px 0px;
	background: #eee url(/images/navback.gif) repeat-y top center;
}

	ul.sidenavlist li{
		margin: 0px 0px 5px 0px;
		padding: 3px 10px 3px 10px;
		line-height:1.6em;
		border-bottom: 1px dotted #c33;
	}

	ul.sidenavlist a:link, ul.sidenavlist a:visited{
		color: #900;
		text-decoration: none;
	}

	ul.sidenavlist a:hover, ul.sidenavlist a:active {
		color: #c33;
		text-decoration: underline;
	}

	ul.sidenavlist li.onstate {
		font-weight: bold;
	}

	/* APPLY HEADER OVERRIDES */
	ul.sidenavlist li.header {
		font-size: 0.95em;
		font-weight: normal;
		text-transform: uppercase;
		padding: 8px 0px 3px 10px;
		color: #fff;
		background: #600 url(/images/navheaderback.gif) no-repeat top center;
	}
	
	ul.sidenavlist li.header a:link, ul.sidenavlist li.header a:visited{
		color: #fff;
		text-decoration: none;
	}

	ul.sidenavlist li.header a:hover, ul.sidenavlist li.header a:active {
		color: #fff;
		text-decoration: underline;
	}
	
	/* APPLY LASTLINK OVERRIDES */
	ul.sidenavlist li.lastlink {
		border: none;
		margin: 0;
		padding: 0 10px 10px 10px;
		background: url(/images/navfooterback.gif) no-repeat bottom center;
	}


/*****************
MAIN LINKS LIST
*****************/

ul.mainlinkslist{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	letter-spacing : 0px;
	width: 150px;
}

ul.mainlinkslist li{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	line-height:1.2em;
}

ul.mainlinkslist li.header{
	font-weight: bold;
}

ul.mainlinkslist a:link, ul.mainlinkslist a:visited{
	color: #300;
	text-decoration: none;
}

ul.mainlinkslist a:hover, ul.mainlinkslist a:active {
	color: #900;
	text-decoration: underline;
}
	
/*****************
 UL FOOTER NAV
*****************/

ul.footerlist{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	letter-spacing : 0px;
	width: 160px;
}

ul.footerlist li{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 12px;
	line-height:1.3em;
	background: url(/images/footerlisticon.gif) no-repeat 0px 2px;
}

ul.footerlist a:link, ul.footerlist a:visited{
	color: #eee;
	text-decoration: underline;
}

ul.footerlist a:hover, ul.footerlist a:active {
	color: #fff;
	text-decoration: underline;
}

/*****************
 IMAGES
*****************/

img.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}

/********************
 TEXT BOXES
********************/

.bordered {
	border: 1px solid #eee;
	padding: 5px 10px;
	margin: 5px 0;
}

/********************
 BIG TEXT
********************/

.bigtext {
	font-size: 1.3em;
}

/********************
CATEGORIES
********************/

div.catitem {
	float: left;
	width: 115px;
	text-align: center;
	padding: 10px 5px 10px 5px;
}

	div.catitem a img { text-decoration: none; }


/********************
BROKERAGE
********************/

form.refineform { margin: 0px; }

	div.refinebar {
		clear: both;
		width: 740px;
		background: #eee;
		height: 22px;
		padding: 5px 5px;
	}

		div.refinebar p { float: left; width: 200px; line-height: 22px; font-size: 0.9em; margin: 0px; }

		div.refinebar input, div.refinebar select { font-size: 0.9em; }

	div.refinebar2 {
		width: 740px;
		background: #f6f6f6;
		padding: 5px;
		margin-bottom: 10px;
	}
	
		div.refinebar2 p { float: left; width: 145px; line-height: 22px; font-size: 0.85em; margin: 0px; }
	
		div.refinebar2inner p { float: left; width: 185px; line-height: 22px; font-size: 0.85em; margin: 0px; }

div.brokitem {
	float: left;
	width: 115px;
	text-align: center;
	padding: 10px 5px 10px 5px;
}

#maincontentcentre div.brokitem small a:link, #maincontentcentre div.brokitem small a:visited { color: #000; text-decoration: none; }

div.giftexperienceshop {
	border: 1px solid #eee;
	margin-bottom: 10px;
	padding: 10px;
}

	div.televisionshop h2 { margin: 0px; }
	
	div.televisionshop h2 a:link, div.televisionshop h2 a:visited { font-size: 0.9em; font-weight: bold; }

/**************
VOUCHER CODE
**************/

#voucherbox {
	clear: both;
	padding: 10px;
	border: 1px dotted #f90; 
	background: #ffe;
}

	#voucherbox h2 { margin: 0 0 2px 0; }
	
	.voucher-inner {
		/* contains merchant and voucher info */
	}
	
		.voucher-link {
			/* contains link to merchant */
		}

		.vouchercode {
			/* contains voucer code text */
			background: #fff;
			border: 1px dotted #333; 
			color: #f90;
			padding: 4px;
		}

			#voucherbox a:link, #voucherbox a:visited { color: #f60; text-decoration: none; }
			#voucherbox a:hover { color: #f90; text-decoration: underline; }

	.voucher-visited {
		/* appended to .voucher-link when .vouchercode blurs */
		background: #666;
	}

/**************
 COMPARE TABLE 
**************/

table.compareprices {
	border-collapse: collapse;
	margin-bottom: 15px;
}

	table.compareprices td {
		font-size: 0.7em;
		border-bottom: 1px solid #ccc;
		padding: 1px 3px;
		height: 25px;
	}

	table.compareprices td.end {
		text-align: right;
	}	
	
/***************
 TELL A FRIEND
***************/

.eaf-sample { width: 400px; margin-left: 20px;  }

div#aef-form {
	width: 410px;
	margin: 5px 0 0 0;
	padding: 0;
}

	div#aef-form label {
		width: 100px;
		display: inline;
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
	}

	div#aef-form select.eaf-select { width: 250px; }
	div#aef-form input.eaf-textinput { width: 226px; }
	div#aef-form textarea.eaf-textarea { width: 226px;}

	.eaf-highlight {
		color: #c6c;
	}
	
/***********
 FORMS
***********/

#contactform {
	display: inline;
}

#contactform p {
	margin-top: 5px;
}

#contactform label {
	clear: left;
	float: left;
	width: 155px;
	padding-right: 10px;
	margin-top: 5px;
}

input.contform {
	float: left;
	width: 254px;
	border: 1px solid #999;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1.0em;
	margin-top: 5px;
}

select.contform {
	float: left;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 0.7em;
	margin-top: 5px;
}


textarea.contform {
	float: left;
	width: 254px;
	border: 1px solid #999;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1.0em;
	margin-top: 5px;
}

#buttsend {
	margin-top: 10px;
	margin-left: 202px;
	color: #ffffff;
	font-weight: bold;
	background-color: #999;
}


	
/**************
 BLOG
**************/

#bloglong {
	padding: 0px;
}

.blogdate {
	letter-spacing: -1px;
	font-size: 0.9em;
}

/*****************
 SW TAG CLOUD     
*****************/

p.tagcloud {
	font-size: 18px;
	text-align: justify;
	font-weight: normal;
}

	p.tagcloud a:link, p.tagcloud a:visited { line-height: 1.2em; padding: 0 5px; color: #900; text-decoration: none; outline: none; }
	p.tagcloud a:hover, p.tagcloud a:active { color: #c33; text-decoration: underline; }

/*****************
VOUCHERS
*****************/

div.voucher {
	float: left;
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

	img.voucherlogo {
		float: left;
		padding: 5px 15px 30px 0;
		width: 88px;
	}

	div.voucher-text {
		float: left;
	}

		.voucher-store {
			margin: 0;
			padding: 0;
		}

		.voucher-inner {
			/* contains merchant and voucher info */
			margin: 0;
			padding: 0;
		}

			.voucher-link {
				/* contains link to merchant */
				color: #369;
				font-weight: bold;
			}

				#maincontent div.voucher p.voucher-inner span.voucher-link a.voucherlink:link,
				#maincontent div.voucher p.voucher-inner span.voucher-link a.voucherlink:visited { color: #369; text-decoration: none; }

				#maincontent div.voucher p.voucher-inner span.voucher-link a.voucherlink:hover,
				#maincontent div.voucher p.voucher-inner span.voucher-link a.voucherlink:active { color: #369; text-decoration: underline; }

			.vouchercode {
				/* contains voucher code text */
				background: #f0f0f0;
				border: 1px dotted #369;
				color: #393;
				padding: 4px;
			}

			.voucher-expiry {
				margin: 0;
				font-size: 0.9em;
				letter-spacing: -1px;
			}

			div.voucher .smalltext {
				font-size: 0.75em;
			}