/*****************************************************************************************************

This file should contain
1.) all site wide colour, background and font styles for html tags
2.) a selection of class(.) styles that can be used in the cms text editor

reasoning : so this style sheet could be used to re-style the website

*****************************************************************************************************/

/**************************************** Website Settings *******************************************/

body
{
	color: #333333;
	font: small/18px  Helvetica, Arial, Verdana, sans-serif; /* Medium = 11 px - Small = 9px */
}

/**************************************** Text Settings **********************************************/

h1, h2, h3, h4, h5, h6
{
	text-transform:uppercase;
	font-weight:normal;
	line-height: 1.1em;
	margin: 0px 0px 0.9em 0px;
}
h2 {
	font-size:110%;
	letter-spacing:0.22em;
}
h3 {
	font-size:90%;
	letter-spacing:0.22em;
	line-height:1.2em;
}
p
{
	margin: 0px 0px 1em 0px;
	line-height: 1.2em;
}
li
{
	margin: 0em;
	padding: 0em; 
	line-height: 1.2em;
}
a
{
	color:#1bb2ed;
	text-decoration:none;
}
a:hover, .galleryselected
{
	color:#333333;
	text-decoration:none;
}
.legaltext {
	font-size:80%;
}
.blue {
	color:#1bb2ed;
}
/************************************** Image Settings ***********************************************/

newgallery_set { border:0px solid #000000; }

/************************************** Header ************************************************/

#logo h1 a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:141px;
	height:123px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/logo.png) 0 0 no-repeat;
}
#strapline {
	font-size:14px;
	font-weight:bold;
	position:absolute;
	left:20px;
	top:15px;
	width:640px;
}
#strapline h2
{
	text-transform:uppercase;
	font-weight:bold;
	line-height: 1.2em;
	margin: 0px 0px 0.9em 0px;
	font-size:14px;
	letter-spacing:normal;
}

#top-menu {
	position:absolute;
	height:24px;
	left:20px;
	top:101px;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:0.1em;
	font-weight:bold;
}
#top-menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#top-menu ul li {
	display:inline;
	float:left;
	overflow:hidden;
}
#top-menu a, #top-menu a:hover {
height:19px;
display:block;
padding:5px 9px 0 7px;
}
#top-menu a {
color:#666666;
background:url(/images/menu-bg.gif) top right no-repeat;
}
#top-menu a:hover, #top-menu a.menuselected {
color:#ffffff;
background:url(/images/menu-bg.gif) right -24px no-repeat;
text-decoration:none;
}
/***************************** Right ********************************/
#rightcontent {
	padding: 0 20px 0 20px;
}
.right-hr {
	clear:both;
	display:block;
	width:330px;
	height:20px;
	background:url(/images/right-hr.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
.right-row {
	padding:10px 20px 0 20px;
}
.right-row h2, .rightheader h2 {
	margin:0;
}
.right-row a, div.rightselected a:hover {
	color:#333333;
}
.right-row a:hover, div.rightselected, div.rightselected a {
	color:#1bb2ed;
}
.rightheader {
	padding:0 10px 0 10px;
}
/************************************** Form Settings ************************************************/

form
{
	margin: 0px;
	padding: 0px; 
}
fieldset
{
	border: 1px solid #999;
	padding: 1em;
	margin: 0;
}
legend
{
	color: #000;
	font-size: 1.2em;
}
fieldset div
{
	clear: left;
	margin: 0.5em 0em 0em;
	padding: 0.1em 0.3em 0.1em 0em;
}
fieldset div label
{
	display: block;
	float:left;
	width: 20%;
	padding: 0em;
	margin: 0em 0.5em;
	text-align:right;
}
fieldset div input[type="text"],
fieldset div input[type="password"],
fieldset div textarea,
fieldset div select { width:50%; max-width:400px; border: 1px solid black; float:left; }
fieldset div span.block { display:block; float:left; width:50%; max-width:600px; }
fieldset div input:focus,
fieldset div textarea:focus,
fieldset div select:focus { border: 1px dotted black; }
fieldset div input.error,
fieldset div textarea.error,
fieldset div select.error { border: 1px dotted red; }
fieldset div label.error { margin-left: 1em; }

/* used for formatting caption box error message correctly */
fieldset div span.block .mceEditor, fieldset div span.block label.error
{
	display:block;
	padding-left:0;
	margin-left:0;
	clear:both;
}

label.error
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	text-align:left;
	width:auto;
}

/* Button Style */

.button
{
	border:1px solid #333333;
	padding:2px;
	margin:0px;
	background-color:#EEEEEE;
	color:#333333;
}

/* Message Style */

div#message
{
	border: 1px solid #ccc;
	background-color: #ffa;
	padding: 5px;
}

/*************************************** Page Settings ************************************************/

.pagetitle {}
.pagetitle h2 { text-transform:uppercase; }
.pagetitle h3 { text-transform:lowercase; font-size:1.5em; margin-top:-10px }

/*************************************** Content Settings *********************************************/

.content, .pagetitle
{
	padding:0 0 0 20px;
	width:420px;
}
#page-gallery .pagetitle h2 {
	margin:0px;
}
.contentfooter {}
#home-banner {
	position:relative;
	width:822px;
	height:301px;
	background:url(/images/homebanner.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}
#gallerytop {
	margin-left:20px;
	padding:11px 0 0 0;
	background:url(/images/content-hr.gif) 0 0 no-repeat;
}
.gallerynumber {
	float:left;
	border-right:1px solid #cccccc;
	height:25px;
	padding:5px 10px 0 0;
}
.gallerypadding {
	padding-left:10px;
}
/*************************************** List Settings ************************************************/

.categorymenu { margin-bottom:1em; }
.categorymenu li {}

.listintro {}
.list {}
.listcategory { border:1px dashed #000000; margin:2em 0em; padding:2em; }
.listcategorytitle { text-transform:lowercase; font-size:1.5em; }
.listrow {}
.listdetails {}
.listtitle { margin-bottom:0em; }
.listcaption { margin-bottom:1em; }
.listselect {}
.listmore { padding: 0em; margin:0em; text-align:right; }
.listfooter {}
.listunavailable {}
 
.pagenavigation {}

.selectedtitle {}
.selectedtext {}
.selectedunavailable {}
.selectedpreviouspage {}
.selectedfooter {}

/************************************** Left Navigation ***********************************************/

div#leftcolumn div
{
	overflow:hidden;
	width: 95%;
	border-right: 1px solid #fff;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	background-color: #ffffff;
	color: #fff;
}
div#leftcolumn div ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border:none;
}
div#leftcolumn div ul li
{
	padding: 1px 0px 0px 0px;
	margin: 0px;
}

/* style for top level menu */
div#leftcolumn div ul li a
{
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #000000;
	/*border-right: 10px solid #508fc4;*/
	background-color: #111111;
	color: #fff;
	text-decoration: none;
	width:auto;
}
div#leftcolumn div ul li a:hover
{
	border-left: 10px solid #26B305;
	/*border-right: 10px solid #5ba3e0;*/
	background-color: #46D315;
	color: #fff;
}

/* style for second level menu */
div#leftcolumn div ul li ul li a
{
	display: block;
	padding: 5px 5px 5px 1em;
	border-left: 10px solid #444444;
	/*border-right: 20px solid #888888;*/
	background-color: #555555;
	color: #fff;
	text-decoration: none;
	width:auto;
}
div#leftcolumn div ul li ul li a:hover
{
	border-left: 10px solid #26B305;
	/*border-right: 20px solid #999999;*/
	background-color: #46D315;
	color: #fff;
}

/* style for third level menu */
div#leftcolumn div ul li ul li ul li a
{
	display: block;
	padding: 5px 5px 5px 1.5em;
	border-left: 10px solid #666666;
	/*border-right: 30px solid #DDDD00;*/
	background-color: #777777;
	color: #fff;
	text-decoration: none;
	width:auto;
}
div#leftcolumn div ul li ul li ul li a:hover
{
	border-left: 10px solid #26B305;
	/*border-right: 30px solid #EEEE00;*/
	background-color: #46D315;
	color: #fff;
}

/* style for fourth level menu */
div#leftcolumn div ul li ul li ul li ul li a
{
	display: block;
	padding: 5px 5px 5px 2em;
	border-left: 10px solid #888888;
	/*border-right: 30px solid #DDDD00;*/
	background-color: #999999;
	color: #fff;
	text-decoration: none;
	width:auto;
}
div#leftcolumn div ul li ul li ul li ul li a:hover
{
	border-left: 10px solid #26B305;
	/*border-right: 30px solid #EEEE00;*/
	background-color: #46D315;
	color: #fff;
}

/* reduce the size of text at branch three */
div#leftcolumn div ul li ul li ul li
{
	font-size:0.9em;
}

/* style for selected option */
div#leftcolumn div ul li a.selected
{
	color:#FFFFFF;
	font-weight:bold;
}