@charset "utf-8";

body {
	text-align: center;
}

#sendFriend {
	background: url(../images/buttons/send_friend.gif) no-repeat;
	width: 100px;
	height: 20px;
	display: block;
	text-indent: -9999px;
}


/* ----------------------------------------*/
/* ---------->>> TEXT STYLES <<<-----------*/
/* ----------------------------------------*/

h1 { 
	
}

h2 { 
	font-size: 1em;
}

p { 
	font-size: 1em;
	line-height: 1.2em;
}

a {

}

.heading { 
	padding: 0; margin: 0; 
}

a:visited { }
a:hover { }
a .active { } 

	
/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#header {
	height: 100px;
	width: 940px;
}

#header #flash {
	float: right; 
	margin: 20px 20px 0 0;
	width: 468px;
	height: 60px;
}

/* -------------------------------------------*/
/* ---------->>> PAGE STRUCTURE <<<-----------*/
/* -------------------------------------------*/

#howIt a { 
	font-weight: bold;
	color: #DD4223;
}

#pageHolder {
	margin: auto;
	text-align: left;
	width: 940px;
}

#contentHolder {
	margin: 10px 0; 
	overflow: hidden;
	width: 100%;
}

#contentLeft {
	float: left;
	margin: 0 18px 0 0;
	width: 220px;
}

#contentRight {
	float: right; 
	width: 700px;
}

#contentHome { 
	overflow: hidden;
}

/* ---------------------------------------*/
/* ---------->>> NAVIGATION <<<-----------*/
/* ---------------------------------------*/

#navigation li#home a.active{
	background-position:  0 -36px;
}

#navigation li#how a.active{
	background-position:  0 -36px;
}

#navigation li#highSt a.active{
	background-position:  0 -36px;
}

#navigation li#online a.active{
	background-position:  0 -36px;
}

#navigation li#vouchers a.active{
	background-position:  0 -36px;
}

#navigation {
	height: 38px;
	width: 940px; 
	margin: 10px 0 0 0;
}

#navigation li {
	float: left;
	margin: 0 0 0 10px;

}

#navigation li a {
	display: block;
	text-indent: -9999px;
}

#navigation ul {
	float: left;
	overflow: hidden;
	padding: 0 0 0 5px;
	width: 730px;
}

#navigation li#home a {
	background: url(../images/tabs/home.gif) no-repeat;
	height: 38px;
	width: 38px; 
}

#navigation li#how a {
	height: 38px;
	width: 81px;
}

#navigation li#highSt a{
	height: 38px;
	width: 131px; 
}

#navigation li#online a {
	height: 38px;
	width: 103px;
}

#navigation li#vouchers a {
	height: 38px;
	width: 56px;
}

#navigation li#mag a {
	height: 38px;
	width: 63px;
}

#navigation li#competitions a {
	height: 38px;
	width: 88px;
}

#navigation li#competitions a:hover  {
	background: url(../images/tabs/competitions.gif) 0 -38px no-repeat;
}

#navigation #poweredBy {
	float: right;
	padding: 0 10px 0 0;
}

/* -----------------------------------------*/
/* ---------->>> CONTENT MAIN <<<-----------*/
/* -----------------------------------------*/

#contentMain {
	font-size: 1.2em;
	float: left;
	margin: 0 20px 0 0;
	width: 540px;
}

#contentMain h3 {
	font-size: 1.3em;
    line-height: 1.5em;
	margin: 10px 0;
	padding: 6px 0 0 10px;
	width: 530px
}

/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/


#footer {
	font-size: 1.1em;	
	height: 38px;
	margin: 0 0 10px 0;
}

#footer li {
	float: left;
	margin: 12px 0 0 10px;

}

#footer p {
	padding: 12px 5px 0 0; 
}

#footer a {
	display: block;
}

#footer .last {
	border: none; 
}

/* ------------------------------------*/
/* ---------->>> ROTATOR <<<------------*/
/* -----------------------------------*/


#rotator {
	height: 289px;	
	margin: 10px 0 10px 0; 
}

/* ----------------------------------------*/
/* ---------->>> WELCOME BOX <<<-----------*/
/* ----------------------------------------*/


#welcome {
	float: left;
	height: 262px;
	margin: 0 18px 10px 0;
	width: 380px;
}

#welcome h1 {
	font-size: 1.6em;
	font-weight: normal;
	padding: 15px 0 0 15px; 
}

#welcome p {
	padding: 10px 10px 0 15px; 
}

#welcome .linkBottom {
	display: block;
	margin: 15px 0 0 15px;
	height: 30px; 
}

/* ------------------------------------------*/
/* ---------->>> ADVERTISEMENT <<<-----------*/
/* ------------------------------------------*/

#advertisement {
	background: #fff;
	float: right;
	height: 252px;
	padding: 5px 0;
	width: 300px;
}

/* ---------------------------------------------------*/
/* ---------->>> LATEST VIEWED SWITCHER <<<-----------*/
/* ---------------------------------------------------*/


#latestViewed .last {
	border: none; 
}

#latestViewed { 
	font-size: 1.2em;
	width: 220px;
}

#latestViewed em {
	display: block;
	font-size: .9em;
	margin: 3px 0 0 0;
	width: 190px;
}

#latestViewed a {
	display: block;
	font-size: 1em;
	padding: 5px 0 0 0;
	width: 180px;	
}

#latestViewed ol li {
	padding: 0 0 5px 30px;
}

/* -------------------------------------*/
/* ---------->>> PARTNERS <<<-----------*/
/* -------------------------------------*/


#partners {
	height: 182px;
	text-align: center;	
	width: 222px;
	margin: 15px 0 0 0;
}

#partners h3 {
	font-size: 1.8em;
	font-weight: normal;
	padding: 10px 0 0 10px;
	text-align: left;
}

#partners p {
	padding: 10px 0 0 10px;
	text-align: left;
}

#partners img {
	height: 100px;
	width: 100px;
}

/* ----------------------------------------------*/
/* ---------->>> TAB CONTAINER (1) <<<-----------*/
/* ----------------------------------------------*/


#tab-container-1-nav {
	line-height: 2.5em;
	margin: 15px 0 0 0;
	overflow: hidden;
	padding: 0 0 0 10px;
	text-align: center;
	width: 210px;
}

#tab-container-1-nav li a{
	display: block; 
	font-size: 1em;
	height: 27px;
	margin: 0 0 0 1px;
	width: 88px;
}


#tab-container-1-nav a.active { 
	font-size: 1.1em;
	height: 28px;
	width: 109px; 
}

/* ----------------------------------------------*/
/* ---------->>> TAB CONTAINER (2) <<<-----------*/
/* ----------------------------------------------*/


#tab-container-2-nav {
	line-height: 2.5em;
	margin: 15px 0 0 0;
	overflow: hidden;
	padding: 0 0 0 10px;
	text-align: center;
	width: 530px;
}

#tab-container-2-nav li a{
	display: block;
}

#tab-container-2-nav #firstS {
	display: block;	
	height: 30px;
	width: 100px;
}

#tab-container-2-nav #secondS {
	display: block;
	height: 29px;
	margin: 0 1px 1px 1px;
	width: 100px;	
}

/* ----------------------------------------------*/
/* ---------->>> TAB CONTAINER (3) <<<-----------*/
/* ----------------------------------------------*/


#tab-container-3-nav {
	line-height: 2.5em;
	margin: 10px 0 0 0;
	overflow: hidden;
	padding: 0 0 0 10px;
	text-align: center;
	width: 310px;
}

#tab-container-3-nav li a{
	display: block; 
	font-size: 1em;
	height: 27px;
	margin: 0 0 0 1px;
	width: 88px;
}


#tab-container-3-nav a.active { 
	font-size: 1.1em;
	height: 28px;
	width: 109px; 
}

/* -----------------------------------*/
/* ----------->>> SKY <<<-------------*/
/* -----------------------------------*/


#sky {
	float: left;
	width: 140px;
}

#sky img {
	padding: 10px 0 0 10px;
}

/* ---------------------------------------------*/
/* ---------->>> BREADCRUMB INTRO <<<-----------*/
/* ---------------------------------------------*/


#breadcrumbIntro {
	overflow: hidden;
	padding: 0 10px 20px 10px;
	width: 520px;
}

.line { 
	height: 30px;
	margin: 0 0 0 10px; 
	overflow: hidden;
	width: 520px;  
}	

.line a { 
	width: 160px;
	float: right;
	margin: 10px 0 0 0;
	text-align: right;
	color: #614B6F;
}

#breadcrumbIntro p {
	display: block;
	float: left;
	padding: 10px 0 0 0;
    width: 100%;
}

#breadcrumbIntro em { 
	float: left;
	padding: 10px 0 0 0; 
}

#breadcrumbIntro ul#crumbs {
	font-size: .9em;
	height: 20px;
	overflow: hidden;
	padding: 10px 0 0 0;
	width: 515px;
}

#breadcrumbIntro #crumbs li {
	float: left;
	padding: 0 5px 0 0;
}

#breadcrumbIntro .intImg {
	display: block;
	font-size: 1.3em;
	float: left;       
	width: 400px;
}

#breadcrumbIntro .bottom {
	float: left;
	padding: 10px 0 0 0;
}

#breadcrumbIntro h2 {
	font-size: 1.5em;
	width: 100%;

	float: left;
	padding: 20px 0 0 0;
	width: 100%;
}

#breadcrumbIntro img { 
	padding: 5px 0 0 0 ;
}

#breadcrumbIntro .logged {
	float: right;
	margin: 10px 0 0 0;
	width: 410px;
}

#loggedOut {
	font-size: 1em; 
	float: left;
    font-weight: bold;
	height: 41px;
	margin: 10px 0 0 10px;
	padding: 13px 0 0 30px;
	width: 337px;
}


/* ---------------------------------------*/
/* ---------->>> CATEGORIES <<<-----------*/
/* ---------------------------------------*/


#categories {
	height: 76px;
	margin: 10px 0 0 0;
	width: 540px;
}

#categories h3 {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 0;
	width: 320px;
	float: left; 
}




#categories ul {
	float: left;
	margin: 15px 0 0 0;
	height: 25px;
	overflow: hidden;
	width: 540px;	
}

#categories li {
	float: left;
	font-size: 1.1em;
	margin: 0 0 0 10px;
	
}

#categories li a {
	padding: 0 5px 0 0;
}

#categories .bottom {
	padding: 10px 0 0 10px; 
}

.imgHolder { 	
	margin: 10px 10px 0 10px; 
	width: 100px; 
}

.textHolder {
	float: right;
	width: 390px;
	overflow: hidden
}

.textHolder ul {
	width: 350px;
	list-style-type: disc;
	padding: 10px 0 0 15px;
	float: left;
}

.textHolder li {
	list-style-type: disc;
	margin: 2px 0 0 0;
}

.textHolder em {
	font-weight: bold;
}

/* ------------------------------------------*/
/* ---------->>> LATEST OFFERS <<<-----------*/
/* ------------------------------------------*/

.latestOffers {
	height: 86px;
	margin: 10px 0 0 0;
	overflow: hidden;
	width: 540px;
}

.latestOffers .imgBlock {
	float: left;
	height: 84px;
	padding: 0 10px;
	text-align: center;
}

.latestOffers .view {
	float: right;
	margin: 15px 5px 0 0;
	width: 90px;
}

.latestOffers .bottom {
	display: block; 
	margin: 5px 0 0 0;
}

.latestOffers h4 { 
	float: left;
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 15px 0 0 0;
	width: 330px;
}

.latestOffers p {
	float: left;
	font-size: .9em;
	height: 25px;
	width: 435px;
}

.latestOffers img {
	margin: 15px 10px 0 10px;
}

.latestOffers .bottom { 
	float: left;
	width: 150px;
}



/* -----------------------------------*/
/* ---------->>> SEARCH <<<-----------*/
/* -----------------------------------*/

#searchBar { 
	height: 38px;
	margin: 0 0 10px 0;
	width: 700px;
}

#searchBar label {
	display: block;
	font-size: 1.4em;
	width: 200px;
}

#search {
	float: right;
	font-size: 1.2em;
	margin: 7px 10px 0 0;	
}

#search input {
	height: 16px;
	margin: 2px 5px 0;
}

#search label {
	margin: 1px 0 0 0;
	width: 50px;
}

#search #go {
	border: none;
	height: 22px;
	width: 49px;
}

/* ------------------------------------------------*/
/* ---------->>> PARTNER INFORMATION <<<-----------*/
/* ------------------------------------------------*/

#partnerPromo {
	height: 182px;
	margin: 10px 0 0 0;
	width: 540px;
}

#partnerInfo {
	float: left;
	height: 182px;
	margin: 0 20px 0 0;
	width: 220px;
}

#partnerInfo em {
	display: block;
	font-size: 1.5em;
	padding: 20px 0 0 10px;
}

#partnerInfo a {
	padding: 0 0 0 10px;
}

#partnerInfo h3 {
	background: none;
	display: none;
	font-size: 1.3em;
}

#partnerInfo p {
	padding: 10px;
}

#promoCode {
	float: left;
	height: 182px;
	width: 298px;
}

#promoCodeIn {
	float: left;
	height: 182px;
	width: 300px;
}

#promoCodeIn h3 {
	background: none;
	font-weight: bold;
	margin: 20px 0 0 30px;
	width: 200px;
}

#promoCodeIn p {
	padding: 0 0 0 40px;
	width: 200px;
}

#promoCodeIn a {
	display: block;
	font-size: 1.5em;
	height: 30px;
	margin: 20px 0 0 45px;
	padding: 10px 0 0 0;
	text-align: center;
	width: 200px;
}

#promoCodeIn .code {
	display: block;
	font-size: 1.5em;
	height: 30px;
	margin: 20px 0 0 45px;
	padding: 10px 0 0 0;	
	text-align: center;
	width: 200px;
}

/* ----------------------------------------*/
/* ---------->>> BRAND LOGOS <<<-----------*/
/* ----------------------------------------*/


#brand { 
	margin: 10px 0 0 0;
	width: 540px;
}

#brand ul {
	margin: 0 0 0 30px;
	overflow: hidden;
	width: 500px;
}

#brand li {
	float: left;
	height: 100px;
	margin: 10px 20px 0 0;
	width: 100px; 
}

#brand p {
	padding: 10px 10px 20px 10px;
}

/* -----------------------------------------*/
/* ---------->>> FORM STYLES <<<------------*/
/* -----------------------------------------*/

#registration .tickbox {
	width: 430px; 
}

#registration .tickbox p {
	width: 300px;
}

.tickbox input {
	float: left;
	width: 20px;
}

.checkbox input {
	width: 20px; 
}

.checkbox #male { 
	padding: 2px 0 0 0;
	width: 25px;
}

.checkbox #female {
	padding: 2px 0 0 0;
	width: 40px;
}

select {
	float: left;
	margin: 0 3px 0 0;
}

input, textarea { 
	float: left;
}

label { 
	display: block; 
	float: left;
	width: 120px;
}

.genericForm1 #submit {
	width: 70px;
	height: 20px;
	background: url(../images/buttons/submit.gif) no-repeat;
	border: none;
	float: right;
}

option {
	margin: 0 2px 0 0; 
}

#add {
	font-size: 1.3em;
	margin: 10px 0 0 0;
	padding: 10px 0;
	text-indent: 10px;
}

#add a { 
	text-decoration: none;
}

/* --------------------------------------*/
/* ---------->>> LOGIN BOX <<<-----------*/
/* --------------------------------------*/

#loggedIn {
	font-size: 1.1em;
	height: 177px;
	width:220px;
}

#loggedIn ul {
	height: 100px;
}

#loggedIn li {
	margin: 10px 0;
	font-weight: bold;
}
	
#loggedIn h3 {
	font-size: 1.6em; 
	font-weight: bold;
	height: 28px;
	padding: 6px 0 0 15px;
	width: 205px;
}

#loggedIn #username {
	margin: 15px 0 0 0;
}

#loggedIn #password {
	margin: 15px 0 8px 0; 
}

#loggedIn p {
	height: 90px;
	padding: 10px;
	width: 180px;
}

.login { 
	font-size: 1.1em;
	overflow: hidden;
	padding: 0 0 0 10px;
	width: 200px;
}

.login label {
	font-size: 1.1em;
	padding: 8px 0;
}

.login .short {
	float: right;
	width: 170px;
	padding: 2px 0 0 0;
	margin: 0;
	height: 20px; 
}

.login #remember {
	background: none;
	border: none;
}

.login .submitHome {
	font-size: .9em;
	height: 22px;
	padding: 0 0 5px 0;
	width: 72px;
}

.login #register {
	margin: 10px 0 0 0;
}

.login #logOut { 
	border: none;
	display: block;
	width: 70px;	
}

.login #logIn { 
	border: none;
	display: block;
	width: 70px;
	margin: 10px 0 0 0;
}

.login #register { 
	border: none;
	display: block;
	width: 70px;
}

.login #controlP { 
	border: none;
	display: block;
	width: 100px;
}


/* -----------------------------------------*/
/* ---------->>> REGISTRATION <<<-----------*/
/* -----------------------------------------*/

#registration, #additional {
	margin: auto;
	padding: 20px 0 0 0;
	text-align: left;
	width: 540px;
}

#registration h2, #additional h2 { 
	font-size: 2em;
	margin: 20px 0 0 55px;
}

#registration p, #additional p {
	padding: 0 0 20px 55px;
	width: 400px;
}

#registration li { 
	margin: 0 0 15px 0;
	overflow: hidden;
	width: 450px;
}

/* ------------------------------------*/
/* ---------->>> CONTACT <<<-----------*/
/* ------------------------------------*/

.card { 
	display: block; 
	margin: 10px 0 0 0;
	width: 500px;}

.genericForm1 { 
	margin: 0 0 0 55px;
	width: 480px;
}

.genericForm1 #next {
	background: url(../images/buttons/next_step.gif) no-repeat;
	width: 70px;
	height: 20px;
	border: none;
	float: right;
}
	

#contactUs { 
	margin: auto;
	text-align: left;
	width: 540px;
} 

#contactUs h2 { 
	font-size: 2em;
	margin: 0 0 0 55px;
}

#contactUs p {
	padding: 0 0 20px 55px;
	width: 400px;
}

#contactUs strong {
	padding: 0 0 0 55px;
}

#contactUs li { 
	margin: 0 0 15px 0;
	overflow: hidden;
	width: 450px;
}

#contactUs .tickbox {
	width: 460px;
}

/* ---------------------------------------*/
/* ---------->>> PAGINATION <<<-----------*/
/* ---------------------------------------*/


#sendToAFriend { 
	margin: auto;
	text-align: left;
	width: 540px;
} 

#sendToAFriend h2 { 
	font-size: 2em;
	margin: 0 0 0 55px;
}

#sendToAFriend p {
	padding: 0 0 0 55px;
	width: 400px;
}

#sendToAFriend strong {
	display: block;
	font-weight: bold;
	padding: 15px 0 20px 55px;
}

#sendToAFriend li { 
	margin: 0 0 15px 0;
	overflow: hidden;
	width: 450px;
}


/* ---------------------------------------*/
/* ---------->>> PAGINATION <<<-----------*/
/* ---------------------------------------*/


#pagination{
	margin: 5px auto 0 auto;
	overflow: hidden;
	padding: 2px;
}

#pagination li {
	float: left;
}

#previous li a {
	background: none;
	padding: 0;
	width: 70px;
}

#pagination #previous {
	background: none;
	float: left;
	height: 26px;
	margin: 0 11px 0 0;
	width: 75px;
	float: left;
}

#pagination #previous li a {
	display: block;
	height: 26px;
	line-height: 20px;
	padding: 10px 0 0 10px;
	width: 75px;
}

#pagination #previous li {
	display: block;
	height: 26px;
	line-height: 20px;
	padding: 10px 0 0 10px;
	width: 75px;
	background: #fff;
	color: #d5d5d5;
}

#pagination #next { float: right; }

#pagination #next li a {
	display: block;
	height: 26px;
	line-height: 20px;
	padding: 10px 0 0 10px;
	width: 75px;
}

#pagination #next li {
	display: block;
	height: 26px;
	line-height: 20px;
	padding: 10px 0 0 10px;
	width: 75px;
    background: #fff;
	color: #d5d5d5;
}

#pagination li a {
	display: block;
	height: 32px;
	margin: 0 1px 1px 0;
	padding: 10px 14px; 
}

#pagination #numbers {
	float: left; 
	width: 360px;
	line-height: 20px;
	border: 1px solid #F7F7F7;
}

#pagination #numbers li {
	float: left;
}


#pagination #numbers li a {
	display: block;
	height: 16px;
	margin: 0 1px 1px 0;
	text-align: center;
	width: 16px;
}