/*
	Rewards Corp (Screen Styles)
	Created: 23th June 2007, Next Digital (Brisbane)
	
	# This stylesheet contains
	    - Base HTML Elements
	    - Link Styling
	    - Heading Styling
	    - Utility Styles
*/

/*
	** Imported stylesheets
*/
@import url(form.css);
@import url(structure.css);
@import url(components.css);
@import url(accommodation-results.css);


/*
	** Base HTML Elements
*/
body
{
	margin: 0;
	padding: 10px 0 30px;
	
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	
	color: #505050;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
}
body.v2
{
	padding: 30px 0 30px;
	
	background-image: url(../images/body-bg-v2.jpg);
	color: #333;
}

p
{
	margin: 5px 0 10px;
	
	line-height: 135%;
}

sup
{
	font-size: 60% !important;
}

ul
{
	margin: 5px 0 10px;
	padding: 0;
}
ul li
{
	margin-left: 25px;
	padding: 0;
}


/*
	** Link Styling
*/
a:link, a:visited
{
	color: #00344f;
}
a:hover
{
	color: #000;
}
.version 2 a:hover
{
	color: #000;
}
a img
{
	border: 0;
}


/*
	** Heading Styling
*/
h1, h2, h3, h4, h5, h6
{
	margin: 5px 0 10px;
	
	color: #2a2a2a;
	font-size: 130%;
}
h1
{
	float: left;
	margin: 0;
	padding: 0 12px 0 0;
	
	background-image: url(../images/arrow-grey-down.gif);
	background-repeat: no-repeat;
	background-position: 100% .2em;
	
	color: #c71610;
	font-size: 110%;
	text-transform: uppercase;
}
.v2 h1,
.v2 h1 a
{
	color: #e18124;
	text-decoration: none;
}
.v2 #defaultSplit h1
{
	background-image: none;
}
h2
{
	color: #007bbd;
	font-size: 100%;
	text-transform: uppercase;
}
.v2 h2
{
	padding-top: 6px;
	color: #0180c5;
	font-size: 120%;
	text-transform: none;
}
.v2 .page-summary h2
{
	padding-top: 0;
}
h3
{
	clear: both;
	padding-top: 3px;
	font-size: 110%;
}
.v2 h3
{
	clear: none;
}
h4, h5, h6
{
	font-size: 100%;
}


/*
	** Utility Styles
*/
.offleft
{
	position: absolute;
	left: -8000px;
	width: 4000px;
}
table .offleft
{
	display: none;
}
hr 
{
	clear: both;
	visibility: hidden;
	height: 16px !important;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
}
.clear
{
	display: block;
	clear: both;
}
.group
{
	margin: 15px;
}
.left
{
	float: left !important;
}
.right
{
	float: right !important;
}
.center
{
	text-align: center !important;
}
.lefta
{
	text-align: left !important;
}
.righta
{
	text-align: right !important;
}
.content img.right
{
	margin-left: 10px;
}
.hide
{
	display: none;
}
img.inline
{
	display: inline;
}