/*** JANUARY SALES VOUCHER CODES ***/

html { overflow-y: scroll; }

* { margin: 0; padding: 0; }

body {
	background: #fff url(/images/body-back.jpg) left top;
	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-size: medium; }

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

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

img { border-width: 0; }
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

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

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

.bigtext { font-size: 1.2em; line-height: 1.6em; }

h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.2em 0; }
h1 { font-size: 2.3em; color: #015; line-height: 1.2em; font-weight: normal; letter-spacing: -1px; font-family:  Tahoma, Helvetica, Arial, sans-serif; }
h2 { font-size: 1.8em; color: #126; line-height: 1.2em; font-weight: normal; letter-spacing: -1px; font-family:  Tahoma, Helvetica, Arial, sans-serif; }
h3 { font-size: 1.4em; color: #237; line-height: 1.2em; font-weight: normal; font-family:  Tahoma, Helvetica, Arial, sans-serif; }
h4 { font-size: 1.2em; color: #348; line-height: 1.5em; font-weight: normal; letter-spacing: -1px; }

/*** OVERALL LAYOUT ***/

#skiptomain { display: none; }

#wrapper {
	width: 1040px;
	margin: 0 auto;
	font-size: 0.85em;
}

	#pagecontainer {
		width: 980px;
		padding: 0 30px;
		background: url(/images/wrapperback.png) repeat-y center top;
	}

		#header {
			width: 960px;
			padding: 0px;
			margin: 0px 10px;
			}

			#toplogo {
				padding: 0px 0px 10px 0px;
				width: 480px;
				float: left;
				font-size: 0.9em;
			}

			#topright {
				padding: 25px 10px 0px 0px;
				width: 470px;
				float: right;
				text-align: right;
				font-size: 1.0em;
				color: #036;
			}
			
					#topright p span { font-size: 0.9em; }

					input.search {
						width: 294px;
						height: 26px;
						padding: 3px 6px;
						border: 1px solid #999;
						font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
						font-size: 1.3em;
						line-height: 24px;
						-moz-border-radius: 10px;
						border-radius: 10px;
						margin-bottom: 10px;
					}

					input.searchsubmit {
						width: 100px;
						margin-left: 5px;
						padding: 3px;
						background: #393;
						color: #fff;
						font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
						font-size: 1.3em;
					}

		#topnav {
			width: 960px;
			height: 42px;
			background: url(/images/topnav-back.gif) repeat-x center top;
			font-size: 0.95em;
			margin: 0 10px;
			padding: 0px;
			border-bottom: 1px dotted #ccc;
		}

			/* #navbar is now controlled by suckerfish.css */

		#topbar {
			width: 940px;
			padding: 0px 10px;
			margin: 0px 10px;
			background: #eee;
			color: #000;
		}

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

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

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

		#maincontent{
			clear: both;
			width: 960px;
			padding: 5px 0px 10px 0px;
			margin: 0px 10px;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #fff url(/images/maincontent-back.gif) repeat-y center bottom;
		}

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


				#maincontentleft {
					width: 648px;
					float: left;
				}

				#maincontentright {
					width: 312px;
					float: right;
				}

		#pagecontentbottom {
			clear: both;
			float: left;
			width: 960px;
			padding: 10px 0px 10px 0px;
			margin: 0px 10px 0px 10px;
			font-size: 0.9em;
			background: #eee;
			border-top: 1px solid #ddd;
		}

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

		#pagecontentshare {
			clear: both;
			width: 960px;
			padding: 0px 0px 0px 0px;
			margin: 0px 10px 0px 10px;
			font-size: 0.95em;
			border-top: 1px solid #ddd;
		}

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


			#quote {
				width: 430px;
				float: left;
				padding: 5px 0px 5px 44px;
				margin: 5px 12px 0px 0px;
				background: #fff 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; }


		#pagefooter {
			clear: both;
			width: 960px;
			padding: 10px 0px 10px 0px;
			margin: 10px 10px 0px 10px;
			font-size: 0.95em;
			background: #fff url(/images/pagefooterback.gif) repeat-x center top;
			color: #333;
			border-top: 1px solid #125;
		}

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


			.pagefooter1 {
				margin: 0px 12px 0px 0px;
				float: left;
				width: 210px;
				font-size: 0.9em;
				color: #000;
				padding: 10px 5px 0px 5px;
			}

			.pagefooter2 {
				margin: 0px 12px 0px 0px;
				float: left;
				width: 210px;
				font-size: 0.9em;
				color: #000;
				padding: 10px 5px 0px 5px;
			}


			.pagefooter3 {
				margin: 0;
				float: right;
				text-align: right;
				width: 464px;
				font-size: 0.9em;
				color: #000;
				padding: 10px 5px 0px 5px;
			}


/*****************
NO BULLET LIST
*****************/

ul.nobullets {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

	ul.iconlist li{
		margin: 0px;
		padding: 0 0 0 10px;
		display: block;
		line-height: 1.5em;
	}

/*****************
CATEGORY LIST
*****************/

ul.categorylist {
	margin: 0;
	padding: 0px;
	list-style: none;
}

	ul.categorylist li{
		margin: 0px;
		padding: 2px 0 2px 25px;
		display: block;
		line-height: 1.5em;

	}

	ul.categorylist li.cat97 {
		background: url(/caticons/cat97.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat61 {
		background: url(/caticons/cat61.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat4 {
		background: url(/caticons/cat4.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat634 {
		background: url(/caticons/cat634.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat173 {
		background: url(/caticons/cat173.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat99 {
		background: url(/caticons/cat99.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat421 {
		background: url(/caticons/cat421.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat361 {
		background: url(/caticons/cat361.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat540 {
		background: url(/caticons/cat540.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat246 {
		background: url(/caticons/cat246.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat347 {
		background: url(/caticons/cat347.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat586 {
		background: url(/caticons/cat586.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat328 {
		background: url(/caticons/cat328.gif) no-repeat left bottom;
	}

	ul.categorylist li.cat493 {
		background: url(/caticons/cat493.gif) no-repeat left bottom;
	}

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

div.voucher {
	float: left;
	margin: 0px;
	width: 100%;
	padding: 10px 0px 5px 0px;
	border-top: 1px dotted #ddd;
	border-right: 1px dotted #ddd;
	background:  url(images/cornervoucher.gif) no-repeat right top;
}

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

	div.voucher-text {
		float: left;
	}

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

		#maincontent div.voucher p.voucher-store a:link,
		#maincontent div.voucher p.voucher-store a:visited { text-decoration: none; }

		#maincontent div.voucher p.voucher-store a:hover,
		#maincontent div.voucher p.voucher-store a:active { text-decoration: underline; }



		p.voucher-link {
			/* contains link to merchant */
			color: #369;
			font-weight: normal;
			font-size: 1.2em;
			margin: 0 50px 6px 0;
		}

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

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

		p.voucher-code {
			color: #000;
			font-size: 1.0em;
			font-weight: normal;
			margin: 0 0 4px 0;
		}
		
			p.voucher-code .smalltext {
				font-size: 0.75em;
			}
		
			.vouchercode {
				/* contains voucher code text */
				background: #f0f0f0;
				border: 1px dotted #369;
				color: #393;
				padding: 2px 4px;
				font-size: 1.1em;
			}

		p.voucher-expiry {
			margin: 0;
			padding-left: 26px;
			font-size: 0.9em;
			letter-spacing: -1px;
			background: url(/images/calendar.gif) no-repeat left top;
		}
		
	p.buttonlink {
		clear: both;
		padding-top: 10px;
		padding-left: 103px;
	}
	
	p.voucher-see-all {
		clear: both;
		padding-top: 0px;
		padding-left: 103px;
	}


/*****************
PRODUCTS
*****************/

div.rightproduct {
	float: left;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	border-bottom: 1px dotted #ddd;
}

div.rightproduct img{
	float: left;
	margin: 0 15px 0px 0;
}


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

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



/*****************
PAGECONTENTBOTTOM LIST
*****************/

ul.pagecontentbottomlist {
	margin: 0;
	padding: 0px;
	list-style: none;
}

	ul.pagecontentbottomlist li{
		margin: 0px;
		padding: 0px;
		display: block;
		line-height: 1.5em;

	}

/*****************
PAGEBOTTOM LIST
*****************/

ul.pagefooterlist {
	margin: 0;
	padding: 0px;
	list-style: none;
}

	ul.pagefooterlist li{
		margin: 0px;
		padding: 0px;
		display: block;
		line-height: 1.5em;

	}

/*****************
 FEATURES
*****************/

.pagefeature4col {
	width: 626px;
	float: left;
	padding: 5px;
	margin: 5px 12px 0px 0px;
}

.pagefeature3col {
	width: 464px;
	float: left;
	padding: 5px;
	margin: 5px 12px 0px 0px;
}

.pagefeature2col {
	width: 302px;
	float: left;
	padding: 5px;
	margin: 5px 12px 0px 0px;
}

.pagefeature1col {
	width: 140px;
	float: left;
	padding: 5px;
	margin: 5px 12px 0px 0px;
}

.pagefeatureend { margin-right: 0; }

/*******************
 ADDITIONAL CLASSES
*******************/

h2.a2zlist { border-bottom: 1px solid #ddd; clear: both; }
ul.a2zlist { float: left; width: 200px; margin: 5px 5px 20px 0; }
ul.a2zlist li {
	list-style: none;
	margin: 0;
}

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

div.brokitem {
	float: left;
	width: 130px;
	text-align: center;
	padding: 0 3px;
	margin: 0 20px 10px 0;
	padding-bottom: 10px;
}

/************
  THUMBNAILS
************/

img.thumbshot {
	float: left;
	margin: 0 20px 0 0;
	border: 1px solid #000;
}


/**********
 BUTTONS
**********/

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

#maincontent div.voucher p.buttonlink .visitbutton {
	color: #ffffff;
	text-decoration: none;
	border: solid 1px #442222;
	background: #CC1111;
	background: -webkit-gradient(linear, left top, left bottom, from(#DD2222), to(#CC1111));
	background: -moz-linear-gradient(top,  #DD2222,  #CC1111);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD2222', endColorstr='#CC1111');
}

#maincontent div.voucher p.buttonlink .visitbutton:hover {
	color: #ffffff;
	text-decoration: none;
	background: #DD2222;
	background: -webkit-gradient(linear, left top, left bottom, from(#EE3333), to(#DD2222));
	background: -moz-linear-gradient(top,  #EE3333,  #DD2222);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE3333', endColorstr='#DD2222');
}

#maincontent div.voucher p.buttonlink .visitbutton:active {
	color: #ffffff;
	text-decoration: none;
	background: #EE3333;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF4444), to(#EE3333));
	background: -moz-linear-gradient(top,  #FF4444,  #EE3333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4444', endColorstr='#EE3333');
}