/*
	BCF (Screen Styles)
	Created: 11th June 2007, WDG 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(navigation-hover.css);


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

p
{
	margin: 8px 0 16px;
	
	line-height: 135%;
}
#store p
{
	font-family: Arial;
}

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

ul
{
	margin: 8px 0 16px;
	padding: 0;
}
ul li
{
	margin-left: 25px;
	padding: 0;
}


/*
	** Link Styling
*/
a:link, a:visited
{
	color: #005593;
}
a:hover
{
	color: #000;
}
a img
{
	border: 0;
}


/*
	** Heading Styling
*/
h1, h2, h3, h4, h5, h6
{
	margin: 5px 0 10px;
	
	color: #e2881b;
	font-size: 130%;
}
h1
{	
	margin: 0 0 10px;
	
	color: #fff;
	font-size: 140%;
	font-weight: normal;
	font-family: "Copperplate Gothic Bold", Serif;
}
:root h1
{
	margin-bottom: 8px;
}
#store .content h1
{
	width: 490px;
}
#store .page-home .content h1
{
	font-size: 34px;
}
h2
{
	font-size: 120%;
}
h3
{
	color: #4990c3;
	font-size: 110%;
	font-weight: normal;
}
h4, h5, h6
{
	color: #4990c3;
	font-size: 100%;
	font-weight: normal;
}
#store h4
{
	font-weight: bold;
	font-family: Arial;
}


/*
	** Utility Styles
*/
.offleft,
.sir h2,
.sir h3
{
	position: absolute;
	left: -8000px;
	width: 4000px;
}
hr 
{
	clear: both;
	visibility: hidden;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
}
.clear
{
	clear: both;
}
.hide
{
	display: none !important;
}
.group
{
	margin: 15px;
}
.left
{
	float: left;
}
.right
{
	float: right !important;
}
.center
{
	text-align: center;
}
.lefta
{
	text-align: right;
}
.righta
{
	text-align: right;
}
.small
{
	padding-top: 0 !important;
	line-height: 105% !important;
	font-size: 80%;
}
.sir
{
	letter-spacing: -1000px;
	text-indent: -999px;
}
img.left
{
	margin-right: 10px;
}
img.right
{
	margin-left: 10px;
}

.box
{
}

.grey
{
	color: #5e5e5e;
}
.blue
{
	color: #468EC1;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:500px;
}