/*
	screen.css: SCREEN stylesheet
	------------
	Job:					Point Breaks
	Template Version:		1.0
	Produced by:			Heidi Seymour
	Start date:				15/07/2009
	------------
	NOTES:
	Do all stucture and module sizes in ems.
	
	TOC:
	1.	general styles
			body styles
			reset
			links
			headings
			other elements, tags
	2.	helper styles
			forms
			notifications and errors
			consistant items with normally just one class
	3.	page structure
			skeleton including page furniture
	4.	page components / modules
			most of your styles will be in here
	5.	content/FCK
			these are styles that the client could put in via the FCKeditor. They will also need to be added to the FCK stylesheet.
	6.	overrides
*/

/* =1. general styles */
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}
body {background:url(../img/bg-header.jpg) no-repeat center 0 ;font-family: Arial, Helvetica, sans-serif;font-size: 100%;}
a img {border:0}
/* =2. helper styles */
input, textarea, select {font-family: Arial, Helvetica, sans-serif;font-size: 80%;}


/* =3. page structure */
.container {width: 60.00em;		/* 960px */margin: 0 auto;}
.sectionMain {clear:both;margin:2.5em 0; overflow:hidden; width:auto;}
.sectionMain .sectionContent {float:left;width:36.88em;		/* 590px */}
.sectionMain .sectionRelated {float:right;width:20.00em;		/* 320px */}
.sectionMain.sectionActivity .sectionContent {float:left;width:30em;		/* 590px */margin-top:2em;}
.sectionMain.sectionActivity .sectionRelated {float:right;width:28.75em;		/* 460px */;margin-top:2em;}
	/*sticky footer*/
	html, body { height: 100%;}
	.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -3.5em;}
	.siteinfo, .push {height: 3.5em; }
/* =4. page components / modules */
.branding {overflow:hidden; min-height:7.5em; width:auto;}
.branding .logo {float:left;margin:1.5em 0 .7em 0;}
.branding .voucher {background:url(../img/buyagiftvoucher.gif) no-repeat 0 0;display:block;float:right;clear:right; width:256px; height:42px;}
.branding .voucher span {position:absolute; left:-1000px;}
.branding .navSupp {float:right;margin:.7em 0 1.5em 0;}
.branding .navSupp li {float:left; list-style:none;margin-left:1em;}
.branding .navSupp li a {color:#fff;font-size:.7em;text-decoration:underline;}
.branding .navSupp li a:hover {color:#F7D303}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	/*width: 10em;*/
}

#nav li { /* all list items */
	float: left;
	/*width: 7em;  width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #50b6cf;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	padding:0.5em 0 0.5em 0;
}
#nav li ul li
{
margin-bottom:0.5em;
}

/*#content {
	clear: left;
	color: #ccc;
} */


.navMain {clear:both;overflow:hidden; width:auto;}
.navMain ul {overflow:hidden;}
.navMain li {float:left; list-style:none;margin: 0 1em;}
.navMain li a {color:#fff;font-size:.8em;}
.navMain li a:hover {color:#F7D303;}
.navMain li.selected a {color:#30577b; font-weight:bold}

.siteinfo {background:#66c7ea; clear: both;overflow:hidden;}
.siteinfo ul {float:right;overflow:hidden;padding:1em 0;}
.siteinfo li {float:left; list-style:none;margin-left:1em;}
.siteinfo li a {color:#fff;font-size:.8em;}

.content {color:#3a3a3a; font-size:.9em;}
.sectionRelated .content {font-size:.8em;}
.content strong {font-weight:bold;}
.content h1 {color:#003d71;font-size:1.6em;font-weight:bold; margin-bottom:0.5em;}
.content h2 {color:#05a7e3;font-size:1.4em;font-weight:bold;}
.content h3 {color:#05a7e3;font-size:1.2em;font-weight:bold;}
.content h4 {color:#05a7e3;font-size:1em;font-weight:bold;}
.content h5 {color:#000;font-size:1em;font-weight:bold;}
.content h6 {color:#000;font-size:.9em;font-weight:bold;}
.content li {margin-left:1.3em; padding-left:.4em;}
.content ol li {margin-left:1.7em; padding:0;}
.content p, .content ul, .content ol, .content dl {
	line-height:1.5;
	margin-bottom:1.5em;
	font-size: 12px;
}
.content a {color:#ff7800;border-bottom:1px solid #fdbe86;}
.content a:hover {border-bottom:1px solid #ff7800;}
.content img {margin: 0 1.5em 1.5em 0;}
.content hr {border:0;border-top:1px solid #fff;border-bottom:1px solid #CAE8F0; margin-bottom:1.5em;}
.content table {border:1px solid #CAE8F0;margin-bottom:1.5em;width:100%;}
.content caption {color:#05a7e3;font-size:1em;font-weight:bold;padding-bottom:.5em;text-align:left;}
.content td {border:1px solid #CAE8F0;font-size:.8em;vertical-align:top;padding: .5em 1em;}
.content th {background:#cee3eb; border:1px solid #d1dbc9; color:#3066b7; font-weight:bold; text-align:left; padding: .5em 1em;}



.contentleft
{
width:22em;
float:left;
}
.contentright
{
float:right;
}

.social {list-style:none;}
.social li {float:right;}
.social li.twitter a {background:url(../img/twitter.jpg) no-repeat 0 0; height:22px; width:58px; display:block; border:0}
.social li.facebook a {background:url(../img/facebook.jpg) no-repeat 0 0; height:22px; width:47px; display:block; border:0}
.social span {position:absolute; left:-1000px}

.offer {background:url(../img/10percent.jpg) no-repeat 0 0;clear:both;height:58px; width:301px; display:block;float:right}
.offer span {position:absolute; left:-1000px}

.activities 
{
background:url(../img/bg-activity.jpg) top center no-repeat;
overflow:hidden;
width:auto;
padding:.3em
}
.activities li {list-style:none; float:left;	width:8.81em;/* 141px */margin: .4em }
.activities li a 
{
background:url(../img/bg-activity-li-curve.png) bottom left no-repeat;
display:block;
color:#fff;
font-size:.8em;
padding:8px;
text-align:right;
}
.activities li a:hover {color:#F7D303}

.feature {background:url(../img/bg-feature.jpg) ;padding:.5em; margin-bottom:1em}
.feature p {background:url(../img/bg-activity.png) ; color:#9df1fa;font-weight:bold;padding:1em; /* CSS3 */-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.banner {margin-left:1em;}


.imageSpace {padding:.5em 0 0 0;overflow:hidden; width:100%;} /* top right bottom left */
.imageSpace p {padding:0 .5em 0 0;float:left; display:inline}
.imageSpace ul {float:left;}
.imageSpace li {padding:0 .35em 0 0;list-style:none; float:left; border-left:1px solid #006}
.imageSpace li.first {border:0;}
.imageSpace li a {color:#06C}
.imageSpace li a:hover {color:#FC3}


/* =6. overrides */

/* Twitter */

.twtr-doc a
{
border-bottom:none;
}
.twtr-doc a:hover
{
border-bottom:none;
}
.twtr-widget h3
{
color:#003d71;
}
.twtr-widget h4
{
font-weight:bold;
}

/* site map */
ul li ul{margin-top: 10px;}

/* Ebay advert */
.ebay{text-align:right;margin: 1em 0 0 0; padding: 0;}
.ebay a, .ebay a:hover{border: 0px;}
.ebay img{border: none;}