/*
	Redefine html-tags
*/

a {
	text-decoration: none;
	color: #000000;
}
body {
	background-image: url(images/body.gif);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F4CC0C;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}
form {
	margin: 0px;
	padding: 0px;
}
form input {
	color: #000000;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-indent: 2px;
}
html {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
legend {
	display: none;
}
table {
	border-style: none;
	border-width: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
td {
	border-style: none;
	border-width: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
}





/*
	Define container
*/

#container {
	width: 966px;
	margin: 0px auto;
}
#containerLeft,
#containerRight {
	float: left;
}





/*
	Define containerLeft
*/

#containerLeft {
	width: 779px;
	text-align: left;
	padding: 0px;
}
span.hide {
	display: none;
}





/*
	Define header
*/

#header {
	width: 754px;
	height: 100px;
	padding-left: 25px;
	margin-top: 25px;
	background-image: url(images/header.gif);
}
#header h1 {
	position: absolute;
	margin: 0px;
	padding: 0px;
}
#header h1 a {
	display: block;
	text-indent: -999em;
	margin-top: 27px;
	width: 417px;
	height: 45px;
}
#header h1 a:hover {
	text-decoration: none;
}





/*
	Define topnavigation
*/

#topnavigation {
	margin-top: 25px;
	height: 70px;
}
#topnavigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#topnavigation li {
	width: 125px;
	height: 70px;
	float: left;
}
#topnavigation a {
	display: block;
	height: 70px;
}





/*
	Define content
*/

#content {
	width: 777px;
	background-color: #FFFFFF;
}





/*
	Define sort and search table
*/

#content .sortsearch {
	height: 25px;
	font-size: 11px;
	width: 100%;
}
/* IE-specific: width */
#content .sortsearch .sort {
	width: 529px;
}
/* Correct IE-specific: width */
#content > .sortsearch .sort {
	width: 537px;
}
#content .sortsearch .searchtext {
	width: 51px;
}
#content .sortsearch .search {
	width: 189px;
}
#content .sortsearch .sort p {
	padding: 5px 0px 0px 25px;
	margin: 0px;
}
#content .sortsearch .searchtext p {
	padding: 5px 0px 0px;
	margin: 0px;
}
#content .sortsearch input {
	border: 1px solid #000000;
}
/* IE-specific: padding */
#content .sortsearch .search p {
	margin: 0px;
	padding: 0px;
}
/* Correct IE-specific: padding */
#content > .sortsearch .search p {
	padding: 2px 0px 0px 0px;
}
/* IE-specific: margin */
#content .sortsearch .search .search {
	padding: 1px 0px 1px 0px;
	margin: 2px 5px 0px 0px;
	width: 110px;
	height: 14px;
}
/* Correct IE-specific: margin */
#content > .sortsearch .search .search {
	margin: 0px 5px 0px 0px;
}
/* IE-specific: height */
#content .sortsearch .search .submit {
	padding: 0px;
	margin: 1px 0px 0px;
	width: 47px;
	height: 18px;
}
/* Correct IE-specific: height */
#content > .sortsearch .search .submit {
	height: auto;
	padding: 0px 0px 1px;
}





/*
	Define welcome & search
*/

#content #welcome h2,
#content #search h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 11px 25px 0px 24px;
}
#content #welcome p,
#content #search p {
	margin: 5px 25px 10px 24px;
	padding: 0px;
	line-height: 18px;
}





/*
	Define viewpaging
*/

#content #viewpagingTop,
#content #viewpagingBottom {
	height: 29px;
	font-size: 11px;
}
#content #viewpagingTop {
	margin: 9px 25px 1px 24px;
}
#content #viewpagingBottom {
	margin: 9px 25px 0px 24px;
}
#content #viewpagingTop p,
#content #viewpagingBottom p {
	padding: 0px;
	margin: 0px;
	line-height: normal;
}
/* IE-specific: margin */
#content #viewpagingTop .view,
#content #viewpagingBottom .view {
	margin: 5px 0px 0px 0px;
	position: absolute;
}
/* Correct IE-specific: margin */
#content > #viewpagingTop .view,
#content > #viewpagingBottom .view {
	margin: 3px 0px 0px 0px;
}
#content #viewpagingTop .paging,
#content #viewpagingBottom .paging {
	position: absolute;
	text-align: right;
	margin-left: 355px;
	width: 374px;
}
#content #viewpagingTop select,
#content #viewpagingBottom select {
	font-size: 11px;
}





/*
	Define list table
*/

#content .list {
	margin: 0px 25px 0px 25px;
	border: 1px solid #474747;
	width: 727px;
}
/*
	Different margin when there's no paging
*/
#pageHome #content .list {
	margin: 0px 25px 14px 25px;
}
#content .list {
	margin: 0px 25px 0px 25px;
	border: 1px solid #474747;
	width: 727px;
}
#content .list a {
	text-decoration: none;
}
#content .list tr, 
#content .list td {
	border: 1px solid #474747;
}
#content table .category {
	width: 76px;
	text-align: center;
}
#content table .click {
	width: 63px;
	text-align: center;
}
#content table .date {
	width: 98px;
	text-align: center;
}
#content table .error {
	width: 13px;
	text-align: center;
}
/*
	Define list, header row
*/
#content .list .header a:hover {
	text-decoration: underline;
}
#content table h2 {
	font-weight: normal;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}
#content table .header td.category {
	text-align: center;
	padding-top: 5px;
}
#content table .header a {
	padding-left: 9px;
	padding-right: 9px;
	display: block;
	height: 20px;
	padding-top: 5px;
}
#content table .click a {
	padding-left: 9px;
	padding-right: 9px;
}
#content table .header .error {
	padding-top: 5px;
	padding-left: 9px;
	padding-right: 9px;
}
#content table .header .sortAsc {
	background: url(images/sort-asc.gif) no-repeat right; 
	padding-right: 12px
}
#content table .header .sortDesc {
	background: url(images/sort-desc.gif) no-repeat right; 
	padding-right: 12px
}
/*
	Define list, header row, pageHome (no uri)
*/
#pageHome #content table h2 {
	padding-left: 9px;
	padding-right: 9px;
	display: block;
	height: 20px;
	padding-top: 5px;
}
#pageHome #content table .header td.category,
#pageHome #content table .header .error {
	padding: 0px;
}
/*
	Define list, category column
*/
#content table .offer .category, 
#content table .freebie .category, 
#content table .competition .category {
	background-repeat: no-repeat;
	background-position: center center;
}
#content table .offer .category {
	background-image: url(images/category-offer.gif);
}
#content table .freebie .category {
	background-image: url(images/category-freebie.gif);
}
#content table .competition .category {
	background-image: url(images/category-competition.gif);
}
/*
	Define list, description column
*/
#content table .description p {
	padding: 0px;
	margin: 0px;
}
#content table .description p a {
	display: block;
	line-height: 18px;
	padding: 5px 9px 10px 9px;
	height: 100%;
}
#content table .offer .description p a:hover {
	background-color: #F8D2D6;
}
#content table .freebie .description p a:hover {
	background-color: #DBF0D9;
}
#content table .competition .description p a:hover {
	background-color: #DCE0F1;
}
#content table .descriptionHeader {
	font-weight: bold;
	line-height: 30px;
	color: #164198;
}
/*
	Define list, click and date columns
*/
#content table .click p, 
#content table .date p {
	padding: 12px 9px 0px;
	margin: 0px;
}
/*
	Define list table, error column
*/
#content table .error p {
	margin: 15px 11px 0px 11px;
	padding: 0px;
}
#content table .error p a {
	display: block;
	height: 9px;
	width: 9px;
	text-align: center;
	background-image: url(images/error.gif);
	background-repeat: no-repeat;
	background-position: center top;
}




/*
	Define searchexemples table
*/

#content .searchexamples {
	margin: 0px 25px 15px 25px;
	border: 1px solid #474747;
	width: 727px;
}
#content .searchexamples tr, 
#content .searchexamples td {
	border: 1px solid #474747;
}
#content .searchexamples .expression {
	width: 100px;
}
#content .searchexamples h2 {
	font-weight: normal;
	font-size: 11px;
	padding: 0px;
	margin: 5px 9px 6px 9px;
}
#content .searchexamples p {
	padding: 0px 9px 0px 9px;
}









/*
	Define footer
*/
#footer {
	width: 100%;
	height: 18px;
	padding-top: 5px;
	text-align: center;
	font-size: 11px;
}





/*
	Define end
*/
#end {
	width: 100%;
	height: 25px;
}





/*
	Define containerRight
*/

#containerRight {
	width: 162px;
	margin: 211px 0px 0px 25px;
	font-size: 11px;
	text-align: left;
}





/*
	Define selected
*/

#containerRight #selected {
	width: 100%;
}
#containerRight #selected .header {
	width: 100%;
	height: 35px;
}
#containerRight #selected .header h2 {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	text-indent: -999em;
}
#containerRight #selected .content {
	background-color: #FFFFFF;
	padding: 10px 0px 8px;
	text-align: center;
}
#containerRight #selected p {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
#containerRight #selected p a {
	display: block;
	line-height: 18px;
	padding: 5px 5px;
}
#containerRight #selected p a:hover {
	text-decoration: none;
}
#containerRight #selected p a .selectedHeader {
	font-weight: bold;
	text-decoration: underline;
}




/*
	Define newsmail
*/

#containerRight #newsmail {
	width: 100%;
	padding: 16px 0px 0px;
}
#containerRight #newsmail .header {
	width: 100%;
	height: 40px;
}
#containerRight #newsmail .header h2 {
	padding: 0px;
	margin: 0px;
	text-indent: -999em;
}
#containerRight #newsmail .content {
	background-color: #FFFFFF;
	padding: 6px 9px 0px;
}
#containerRight #newsmail p {
	padding: 0px;
	margin: 0px;
}
#containerRight #newsmail p.ingress {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 18px;
}
#containerRight #newsmail form table {
	width: 100%;
}
#containerRight #newsmail form table {
	width: 100%;
	margin: 14px 0px 6px;
}
#containerRight #newsmail form table tr.name {
	height: 27px;
}
/* IE-specific: padding */
#containerRight #newsmail form table td.description {
	width: 52px;
	padding: 3px 0px 0px;
}
/* Correct IE-specific: padding */
#containerRight > #newsmail form table td.description {
	padding: 2px 0px 0px;
}
#containerRight #newsmail form table td.field {
	text-align: left;
}
#containerRight #newsmail input {
	background-color: #FFFFFF;
}
/* IE-specific: width */
#containerRight #newsmail form table td.field input {
	width: 99px;
}
/* Correct IE-specific: width */
#containerRight > #newsmail form table td.field input {
	width: 103px;
}
#containerRight #newsmail form input.field,
#containerRight #newsmail form input.button {
	border: 1px solid #000000;
}
#containerRight #newsmail form .button {
	width: 142px;
	margin: 6px 0px 9px;
}




/*
	Define link appearance
*/

/* For IE */
#content #welcome a,
#content #search a,
#content #viewpagingTop a,
#content #viewpagingBottom a,
#content .sortsearch a,
#footer a {
	text-decoration: underline;
}
/* Not IE */
#content > #welcome a,
#content > #search a,
#content > #viewpagingTop a,
#content > #viewpagingBottom a,
#content > .sortsearch a,
#footer > a {
	text-decoration: none;
	border-bottom: 1px dotted #606060;
}
/* Not IE */
#content > #welcome a:hover,
#content > #search a:hover,
#content > #viewpagingTop a:hover,
#content > #viewpagingBottom a:hover,
#content > .sortsearch a:hover,
#footer > a:hover {
	border-bottom: 1px solid;
}





/*
	Define categories
*/

/* Topnavigation */
#topnavigation ul .home {
	background-image: url(images/topnavigation-home.gif);
	background-position: center;
}
#topnavigation ul .all {
	background-image: url(images/topnavigation-all.gif);
	background-position: center;
}
#topnavigation ul .offer {
	background-image: url(images/topnavigation-offer.gif);
	background-position: center;
}
#topnavigation ul .freebie {
	background-image: url(images/topnavigation-freebie.gif);
	background-position: center;
}
#topnavigation ul .competition {
	background-image: url(images/topnavigation-competition.gif);
	background-position: center;
}
#topnavigation ul .home a:hover {
	background-image: url(images/topnavigation-home.gif);
	background-position: top;
}
#topnavigation ul .all a:hover  {
	background-image: url(images/topnavigation-all.gif);
	background-position: top;
}
#topnavigation ul .offer a:hover  {
	background-image: url(images/topnavigation-offer.gif);
	background-position: top;
}
#topnavigation ul .freebie a:hover  {
	background-image: url(images/topnavigation-freebie.gif);
	background-position: top;
}
#topnavigation ul .competition a:hover  {
	background-image: url(images/topnavigation-competition.gif);
	background-position: top;
}
/* Topnavigation, home */
#pageHome #topnavigation ul .home {
	background-position: bottom;
}
#pageHome #topnavigation ul .home a:hover {
	background-position: bottom;
}
/* Topnavigation, all */
#pageAll #topnavigation ul .all {
	background-position: bottom;
}
#pageAll #topnavigation ul .all a:hover {
	background-position: bottom;
}
/* Topnavigation, offer  */
#pageOffer #topnavigation ul .offer {
	background-position: bottom;
}
#pageOffer #topnavigation ul .offer  a:hover {
	background-position: bottom;
}
/* Topnavigation, freebie  */
#pageFreebie #topnavigation ul .freebie {
	background-position: bottom;
}
#pageFreebie #topnavigation ul .freebie  a:hover {
	background-position: bottom;
}
/* Topnavigation, competition  */
#pageCompetition #topnavigation ul .competition {
	background-position: bottom;
}
#pageCompetition #topnavigation ul .competition  a:hover {
	background-position: bottom;
}
/* Content, border colour */
#pageHome #content {
	border: 1px solid #9ED9F9;
}
#pageAll #content {
/*	border: 1px solid #AF92CC; */
	border: 1px solid #9ED9F9; 
}
#pageOffer #content {
	border: 1px solid #E86776;
}
#pageFreebie #content {
	border: 1px solid #88CB7F;
}
#pageCompetition #content {
	border: 1px solid #8A98CF;
}
/* Sort and search-table list-table, category column & footer */
#pageHome .sortsearch,
#pageHome #footer {
	background-color: #9ED9F9;
}
#pageAll .sortsearch,
#pageAll #footer {
/*	background-color: #AF92CC;*/
	background-color: #9ED9F9;
}
#pageOffer .sortsearch,
#pageOffer #footer,
#content table .offer .category {
	background-color: #E86776;
}
#pageFreebie .sortsearch,
#pageFreebie #footer,
#content table .freebie .category {
	background-color: #88CB7F;
}
#pageCompetition .sortsearch,
#pageCompetition #footer,
#content table .competition .category {
	background-color: #8A98CF;
}
/* Sort and search-table, search-field, submit-button */
#pageHome #content .sortsearch .search .search,
#pageHome #content .sortsearch .search .submit {
	background-color: #C0E6FB;
}
#pageAll #content .sortsearch .search .search,
#pageAll #content .sortsearch .search .submit {
/*	background-color: #CBB9DE;*/
	background-color: #C0E6FB;
}
#pageOffer #content .sortsearch .search .search,
#pageOffer #content .sortsearch .search .submit {
	background-color: #F09EA7;
}
#pageFreebie #content .sortsearch .search .search,
#pageFreebie #content .sortsearch .search .submit {
	background-color: #B2DEAD;
}
#pageCompetition #content .sortsearch .search .search,
#pageCompetition #content .sortsearch .search .submit {
	background-color: #B4BDE0;
}
/* Sort and search-table, hoover & list, header */
#pageHome #content .sortsearch .search .search:hover,
#pageHome #content .sortsearch .search .submit:hover,
#pageHome #content .list .header,
#pageHome #containerRight #newsmail input:hover {
	background-color: #E2F4FD;
}
#pageAll #content .sortsearch .search .search:hover,
#pageAll #content .sortsearch .search .submit:hover,
#pageAll #content .list .header,
#pageAll #containerRight #newsmail input:hover {
/*	background-color: #E7DFF0;*/
	background-color: #E2F4FD;
}
#pageOffer #content .sortsearch .search .search:hover,
#pageOffer #content .sortsearch .search .submit:hover,
#pageOffer #content .list .header,
#containerRight #selected .offer a:hover,
#pageOffer #containerRight #newsmail input:hover {
	background-color: #F8D2D6;
}
#pageFreebie #content .sortsearch .search .search:hover,
#pageFreebie #content .sortsearch .search .submit:hover,
#pageFreebie #content .list .header,
#containerRight #selected .freebie a:hover,
#pageFreebie #containerRight #newsmail input:hover {
	background-color: #DBF0D9;
}
#pageCompetition #content .sortsearch .search .search:hover,
#pageCompetition #content .sortsearch .search .submit:hover,
#pageCompetition #content .list .header,
#containerRight #selected .competition a:hover,
#pageCompetition #containerRight #newsmail input:hover {
	background-color: #DCE0F1;
}
/* Selected & newsmail, border colour */
#pageHome #containerRight #selected .content,
#pageHome #containerRight #newsmail .content {
	border-right: 1px solid #9ED9F9;
	border-bottom: 1px solid #9ED9F9;
	border-left: 1px solid #9ED9F9;
}
#pageAll #containerRight #selected .content,
#pageAll #containerRight #newsmail .content {
/*	border-right: 1px solid #AF92CC;
	border-bottom: 1px solid #AF92CC;
	border-left: 1px solid #AF92CC;*/
	border-right: 1px solid #9ED9F9;
	border-bottom: 1px solid #9ED9F9;
	border-left: 1px solid #9ED9F9;
}
#pageOffer #containerRight #selected .content,
#pageOffer #containerRight #newsmail .content {
	border-right: 1px solid #E86776;
	border-bottom: 1px solid #E86776;
	border-left: 1px solid #E86776;
}
#pageFreebie #containerRight #selected .content,
#pageFreebie #containerRight #newsmail .content {
	border-right: 1px solid #88CB7F;
	border-bottom: 1px solid #88CB7F;
	border-left: 1px solid #88CB7F;
}
#pageCompetition #containerRight #selected .content,
#pageCompetition #containerRight #newsmail .content {
	border-right: 1px solid #8A98CF;
	border-bottom: 1px solid #8A98CF;
	border-left: 1px solid #8A98CF;
}
/* Selected & newsmail, background image */
#pageHome #containerRight #selected .header {
	background-image: url(images/selected-home.gif);
}
#pageAll #containerRight #selected .header {
	background-image: url(images/selected-all.gif);
}
#pageOffer #containerRight #selected .header {
	background-image: url(images/selected-offer.gif);
}
#pageFreebie #containerRight #selected .header {
	background-image: url(images/selected-freebie.gif);
}
#pageCompetition #containerRight #selected .header {
	background-image: url(images/selected-competition.gif);
}
/* Newsmail, background image */
#pageHome #containerRight #newsmail .header {
	background-image: url(images/newsmail-home.gif);
}
#pageAll #containerRight #newsmail .header {
	background-image: url(images/newsmail-all.gif);
}
#pageOffer #containerRight #newsmail .header {
	background-image: url(images/newsmail-offer.gif);
}
#pageFreebie #containerRight #newsmail .header {
	background-image: url(images/newsmail-freebie.gif);
}
#pageCompetition #containerRight #newsmail .header {
	background-image: url(images/newsmail-competition.gif);
}
