/* Standard stylesheet for
/* Blu Kangaroo web site
*/
/* Created by Derek Hughes -dynanti LLP
/* Copyright (C) 2008 - dynanti LLP
/* All rights reserved
*/
/* No part of this style sheet may be reproduced
/* in any way without the prior written consent
/* of the author
*/
/* All correspondence should be addressed to
/* info@dynanti.co.uk
*/


/*----------------*/
/* Default styles */
/*----------------*/

* {
	margin: 0;
	padding: 0;
	}

body {
	color:#770000;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px;
	font-size:62.5%;
	color: #000066;
	background-color: #CCCCCC;
	background-image: url(../images/bk-background.jpg);
	background-position: top center;
	background-repeat: repeat;
	}

p {
	font-size: 1.2em;
	}
li {
	font-size: 1.2em;
	margin-left: 30px;
	}
h1 {
	font-size: 2em;
	margin-bottom: 10px;
	color: #ff0080;
	border-bottom: 3px solid #004080;
	}
h2 {
	font-size: 1.6em;
	margin-bottom: 10px;
	color: #ff0080;
	border-bottom: #004080 1px solid;
	}
img {
	border: none;
	}
	
/*--------------------*/
/* Main layout styles */
/*--------------------*/

#wrapper {
	/*max-width:950px;
	min-width:750px;*/
	width: 950px;
	margin: 0 auto;
	background-color: #FFFFFF;
	}

#content-wrapper {
	}

#footer {
	/*padding-left: 5px;
	padding-right: 5px;*/
	}

/*---------------*/
/* Header styles */
/*---------------*/

#main-menu {
	padding-top: 8px;
	padding-left: 5px;
	}
.menu-item {
	padding-bottom: 10px;
	}
#main-menu img {
	margin-left: 5px;
}

#header {
	padding-top: 5px;
	}
#header-logo {
	float: right;
	background-image: url(../images/logos/blu-kangaroo-logo-large-v2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 150px;
	width: 600px;
	}

#header-menu {
	}

#header-seperator {
	background-image: url(../images/header-bar.jpg);
	background-position: center;
	background-repeat: repeat-y;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	}
#header-seperator a {
	color: #FFFFFF;
	text-decoration: none;
	}
#header-seperator a:hover {
	color: #CCCCCC;
	text-decoration: none;
	}

#header-telephone {
	float: right;
	text-align: right;
	padding-top: 7px;
	}

/*----------------*/
/* Sidebar styles */
/*----------------*/

#sidebar {
	width: 205px;
	height: 1040px;
	float: left;
	border-right-color: #000066;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 10px;
	background-color: #FFFFFF;
	}
	
#sidebar-frame {
	width: 206px;
	height: 1040px;
	}

#content-left {
	width: 195px;
	height: 1040px;
	background-color: #FFFFFF;
	background-image: url(../images/logos/blu-kangaroo-logo-small-light.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	}
#content-left h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #FF00FF;
	}
#content-left p {
	padding-bottom: 10px;
	}
#content-left-logo {
	}

/*---------------------*/
/* Main content styles */
/*---------------------*/

#content-right {
	float: right;
	width: 720px;
	padding-right: 5px;
	}
#content-right p {
	padding-bottom: 1em;
	}
	
#content-main {
	}
	
#headline {
	width: 350px;
	}
#headline p {
	font-size: 1.4em;
	line-height: 1.5em;
	padding-bottom: 10px;
	}
#headline ul {
	font-size: 1.2em;
	list-style: circle;
	}
#headline li {
	padding-bottom: 5px;
	}
	
#content-main-offers {
	float: left;
	width: 360px;
	/*background-color: #FF0000;*/
	margin-right: 10px;
	}

#headline {
	float: right;
	}
	
#info-panel {
	min-width: 500px;
	margin-top: 10px;
	font-style: italic;
	line-height: 1.6em;
	z-index: 1;
	}
#info-panel-header, #info-panel-header-left {
	background-color: #D2E9FF;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 3px #004080 solid;
	}

#info-panel-spacer {
	width: 2%;
	}
#info-panel-content, #info-panel-content-left {
	background-color: #D2E9FF;
	width: 236px;
	height: 220px;
	font-size: 1.3em;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	}
#info-panel-content p {
	line-height: 1.3em;
	padding-bottom: 0px;
	}
.highlight-left-cell {
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
	padding-bottom:10px;
	}
.highlight-left-cell p {
	line-height: 1.3em;
	}

.highlight-right-cell {
	vertical-align:top;
	}

#contact-form {
	width: 290px;
	float: left;
	}

#leaflet-download {
	margin-top: 10px;
	text-align: center;
	}
#leaflet-download-image {
	width: 100px;
	padding-right: 5px;
	}
#leaflet-download-adobe {
	width: 100px;
	vertical-align: top;
	padding-left: 5px;
	}

#map {
	width: 420px;
	float: right;
	}
#map h1 {
	text-align: right;
	}
	
/*#content-lower-highlight {
	float: left;
	background-color: #D2E9FF;
	}
#content-lower-highlight h1 {
	font-family: Bauhaus 93, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	padding-top: 3px;
	padding-bottom: 15px;
	}
#content-lower-spacer {
	height: 250px;
	}
	}*/
	
#girls-banner {
	z-index: 2;
	position: absolute;
	top:113em; 
	width: 700px;
	text-align: center;
	}

.girls-banner-image {
	padding-left: 30px;
	padding-right: 30px;
	}

.accessibility-table-text {
	padding-left: 10px;
	padding-top: 8px;
	text-align: left;
	vertical-align: middle;
	}

#about-us {
	clear: both;
	margin-top: 20px;
	padding-top: 20px;
	}

/*---------------*/
/* Footer styles */
/*---------------*/

#footer {
	background-color: #FFFFFF;
	}
	
#footer-seperator {
	background-image: url(../images/header-bar.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 0px;
	height: 10px;
	}

#footer-copyright {
	width: 400px;
	float: left;
	vertical-align: top;
	margin: 5px;
	}

#footer-links {
	width: 500px;
	float: right;
	text-align: right;
	vertical-align: top;
	margin: 5px;
	}

/*------------------------*/
/* General purpose styles */
/*------------------------*/

.bottom-layer { /* Keeps everything within CONTENT WRAPPER layer */
	clear: both;
	height: 1px;
	font-size: 1px;
	}
.centered-layer {
	text-align: center;
	}
#brands-table {
	}
#brands-table h1 {
	text-align: center;
	}
#brands-table h3 {
	font-size: 2em;
	text-align: center;
	padding-bottom: 20px;
	}
#brands-table h4 {
	font-size: 2em;
	text-align: center;
	padding-top: 15px;
	}
.brands {
	/*width: 350px;*/
	text-align: center;
	padding-bottom: 10px;
	}
.brands-spacer {
	}

/*------------------*/
/* Warning messages */
/*------------------*/

#javascript-warning, #old-ie-warning {
	padding: 5px;
	font-weight: bold;
	text-align: center;
	}
#javascript-warning {
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #FF0000;
	}
#old-ie-warning {
	font-size: 0.9em;
	color: #FFFF99;
	background-color: #336600;
	}
#old-ie-warning a {
	color: #FFFF99;
	text-decoration: underline;
	}

#ok-article p {
	font-size:1.4em;
	line-height:1.5em;
	margin-right:5px;
	}
.ok-image {
	float:right;
	}