/*	===============================================================
	© Kaplan Hawksmere
	http://www.hawksmereltd.co.uk/

	Type:				Structural Styles
	Build by:			TDG Integrated
	Document Author:	James Lester
	Author Email:		j.lester@tdgintegrated.com
	Creation Date:		25th July 2009
	---------------------------------------------------------------
	Version number: 	2.0
	Last edited:		NA - Still in developement
	============================================================ */


	
/*	---------------------------------------------------------------
	#1 GLOBAL SETTINGS
	---------------------------------------------------------------
	these are mostly font sizing and positional issues
	------------------------------------------------------------ */


body { margin: 0px 0px 0px 0px; background: #e7e7e7 url(../images/global/page-bg.gif) repeat-x;}




/*	---------------------------------------------------------------
	POSITIONING & STRUCTURE RULES
	---------------------------------------------------------------
	Outlines the main structure of the website
	------------------------------------------------------------ */
a img { border: none; }

#content-wrapper {
	display: block;
	/*width: 500px;*/
	min-height: 600px;
	height: auto !important;
	/*height: 600px;*/
	margin: 0px auto 50px auto;
	position: relative;
}

#content-shell {
	display: block;
	width: 972px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	background: transparent url(../images/global/content-bg.png) repeat-y;
	margin: 0px auto 0px auto;
}

#content-shell-footer {
	position: absolute;
	bottom: -38px;
	left: 0px;
	display: block;
	width: 972px;
	height: 38px;
	background: transparent url(../images/global/content-bg-footer.png) no-repeat;
}

#content {
	display: block;
	width: 603px;
	float: left;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	position: relative;
	margin: 28px 0px 0px 0px;
	left: 30px;
}
div.page { margin: 10px 0px 0px 0px !important; left: 44px !important; }

.colour-bar {
    display: block;
	margin: 10px 0px 5px 0px;
    width: 271px;
    padding: 1px 0px 0px 10px;
	min-height: 17px;
	height: auto !important;
	height: 17px;
}
#bar-turquoise { background: #00a5cb url(../images/bar-turquoise.gif) no-repeat bottom; }
#bar-purple { background: #6b3092 url(../images/bar-purple.gif) no-repeat bottom; }
#bar-green { background: #428a37 url(../images/bar-green.gif) no-repeat bottom; }
#bar-red { background: #db424e url(../images/bar-red.gif) no-repeat bottom; }
#bar-blue { background: #330099 url(../images/bar-blue.gif) no-repeat bottom; }
#bar-burgandy { background: #993366 url(../images/bar-burgandy.gif) no-repeat bottom; }
#bar-lime { background: #99cc66 url(../images/bar-lime.gif) no-repeat bottom; }
#bar-brown { background: #996666 url(../images/bar-brown.gif) no-repeat bottom; }

#homebox-left, #homebox-right, .box-left, .box-right { float: left; width: 271px; }
#homebox-right, .box-right { margin-left: 27px; margin-bottom: 15px; }
.box-left img, .box-right img {  float: left; margin-right: 15px; }
#content hr {
	clear: both;
	width: 615px;
	height: 1px;
	border-bottom: 2px dotted #c7c7c7;
	border-top: none;
	border-left: none;
	border-right: none;
	position: relative;
	left: -10px;
	margin: 0px 0px 0px 0px;
}


div.page hr {
	left: -28px !important;
	margin: 18px 0px 18px 0px !important;
}
.clear { clear: left; }

ul.two-col-list { margin: 0px 25px 0px 0px !important; padding: 0px 0px 0px 0px !important; }
ul.two-col-list li { 
	clear: left; 
	margin: 0px 0px 0px 0px !important; 
	padding: 0px 0px 0px 0px !important; 
	list-style: none !important; 
	border-bottom: 1px solid #cccccc; 
	min-height: 10px; 
	height: auto !important;
	height: 10px;
	display: block;
}
ul.two-col-list li div { display: block !important; width: 274px; float: left; margin: 12px 0px 0px 0px; }



#details-box {text-transform: none;}
#details-box ul {}
#details-box ul li { }
#details-box label { position: relative; text-align:left; padding-right:15px; text-transform:uppercase}


#book { position: absolute; right: -136px; bottom: 2px; }


#events-details-box {
	display: block;
	width: 434px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	position: relative;
	margin-bottom: 20px;
	background: transparent url(../images/global/events-panel-top.gif) no-repeat top;
	padding-top: 4px;
}
#events-details-box-footer {
	display: block;
	width: 434px;
	height: 9px;
	position: absolute;
	bottom: -5px;
	left: 0px;
	background: transparent url(../images/global/events-panel-footer.gif) no-repeat;
}
#events-details-box ul { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; }
#events-details-box ul li { 
	clear: left;
	margin: 0px 16px 0px 16px !important; 
	padding: 4px 0px 4px 152px !important; 
	list-style: none !important; 
	border-bottom: 1px solid #ccc6be;
}



#total-details-box {
	display: block;
	width: 434px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	position: relative;
	background: transparent url(../images/global/total-panel-top.gif) no-repeat top;
	padding-top: 5px;
}
#total-details-box-footer {
	display: block;
	width: 434px;
	height: 6px;
	position: absolute;
	bottom: -6px;
	left: 0px;
	background: transparent url(../images/global/total-panel-footer.gif) no-repeat;
}




.headline {
    position: absolute;
    top: 210px;
    left: 0px;
    height: 151px;
	width: 212px;
}



/*	---------------------------------------------------------------
	HEADER RULES
	---------------------------------------------------------------
	Outlines the main header of the website
	------------------------------------------------------------ */

#header {
	width: 938px;
	min-height: 103px;
	height: auto !important;
	height: 103px;
	position: relative;
	margin: 0px auto 0px auto;
	background: #150e64 url(../images/global/header-bg.gif) repeat-x;
	border-left: 1px solid #352b7a;
	border-right: 1px solid #352b7a;
	display: none;
}

#logo { position: absolute; top: 0px; left: 0px; margin: 0px 0px 0px 0px; }
#logo a img { border: none; }

#call-to-action {
	position: absolute;
	top: 0px;
	right: 0px;
    display: block;
	margin: 0px 0px 0px 0px;
    width: 151px;
    padding: 28px 0px 0px 0px;
	background: transparent url(../images/global/call-to-action.gif) no-repeat;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;   
}


#main-splash-block {
	display: block;
	width: 940px;
	min-height: 206px;
	height: auto !important;
}


#searchform-shell {
	position: absolute;
	bottom: 28px;
	right: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#searchform-inner {
	position: relative;
	margin: 0px 0px 0px 0px;
	min-height: 22px;
	height: auto !important;
	height: 22px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../images/global/search-bg.gif)  top left repeat-x !important;
	position: relative;
}
#searchform-inner form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none !important;
	background: transparent;
	position: relative;
}
#searchform-inner input {
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none !important;
	position: relative;
}

#go {
	position: absolute !important;
	top: 0px;
	right: 0px;
	margin: 0px 0px 0px 0px !important;
}

#search { width: 145px; padding: 0px 33px 0px 26px !important; }

#search-glass {
	display: block;
	position: absolute !important;
	top: 0px;
	left: 0px;
	width: 21px;
	height: 22px;
	background: transparent url(../images/global/search-glass.gif) no-repeat;
}


#header ul {
	display: block;
	width: 763px;
	float: right;
	margin-right: 175px;
	margin-top: 15px;
}
#header ul li {
	float: right;
	display: block;
	padding: 0px 7px 6px 7px;
	background: transparent url(../images/global/topnav-divide.gif) no-repeat right 2px;
}
#header ul li.last { background: none !important; }


#book-now, #basket, #basket-contents { margin: 0px 0px 0px 0px; }
#book-now a {
	position: absolute;
	top: 51px;
	left: 575px;
    display: block;
	margin: 0px 0px 0px 0px;
    width: 138px;
    padding: 26px 0px 0px 0px;
	background: transparent url(../images/global/book-online-button.gif) no-repeat;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;   
}

#basket a {
	position: absolute;
	top: 51px;
	left: 464px;
    display: block;
	margin: 0px 0px 0px 0px;
    width: 110px;
    padding: 26px 0px 0px 0px;
	background: transparent url(../images/global/my-basket-button.gif) no-repeat;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;   
}

#basket-empty a {
	position: absolute;
	top: 51px;
	left: 464px;
    display: block;
	margin: 0px 0px 0px 0px;
    width: 110px;
    padding: 26px 0px 0px 0px;
	background: transparent url(../images/global/my-basket-button-empty.gif) no-repeat;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;   
}

#basket-contents a {
	position: absolute;
	top: 51px;
	left: 350px;
    display: block;
	margin: 5px 0px 0px 0px;
    width: 110px;
	text-align: right;  
}



/*	---------------------------------------------------------------
	SPLASH RULES
	---------------------------------------------------------------
	Outlines the main splash images
	------------------------------------------------------------ */
	
#splash-container {
	width: 940px;
	min-height: 206px;
	height: auto !important;
	height: 206px;
	position: relative;
	margin: 6px auto 0px auto;
}
#splash-mask {
	width: 940px;
	height: 206px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent url(../images/masks/splash-mask.png) no-repeat bottom;
	display:none;
}	

#splash-infobox-shell { position: absolute; right: 43px; top: 7px; z-index: 8888; }
#splash-infobox-wrapper {
	width: 252px;
	min-height: 167px;
	height: auto !important;
	height: 167px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

#splash-infobox {
	width: 252px;
	min-height: 167px;
	height: auto !important;
	height: 167px;
	margin: 0px 0px 0px 0px;
	padding: 15px 16px 0px 16px;
	background: transparent url(../images/global/splash-box-top.png) no-repeat top;
	display:none;
}
#splash-infobox-footer {
	width: 284px;
	height: 7px;
	position: absolute;
	background: transparent url(../images/global/splash-box-bottom.png) no-repeat top;
	bottom: -7px;
	left: 0px;
	display:none;
}

.highlight-details { 
	border-top: 2px dotted #bfbfbf;  
	padding: 8px 0px 0px 4px; 
	overflow: hidden; 
	position: relative; 
	min-height: 125px;
	height: auto !important;
	height: 117px;
}

.headline {
    position: absolute;
    top: 210px;
    left: 5px;
    height: 151px;
	width: 262px;
}


/*	---------------------------------------------------------------
	PRIMARY NAVIGATION
	---------------------------------------------------------------
	Outlines the primary navigational elements of the website
	------------------------------------------------------------ */

#navblock {
	width: 938px;
	min-height: 38px;
	height: auto !important;
	height: 38px;
	position: relative;
	z-index: 777777;  
	margin: 0px auto 0px auto;
	background: #150e64;
	border-left: 1px solid #352b7a;
	border-right: 1px solid #352b7a;
	background: #0e085a url(../images/global/nav-grad2.gif) repeat-x;
	display:none;
}

#navblock ul { 
	display: block;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}
#navblock ul li { 
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 0px 2px 0px 0px; 
	min-height: 38px;
	height: auto !important;
	height: 38px;
	background: transparent url(../images/global/nav-divider.gif) top right repeat-y;
	list-style: none !important;
}
#last { background: none !important; }

#navblock ul li a { 
	float: left;
	display: block;
	margin: 0px 0px 0px 0px; 
	padding: 6px 15px 0px 15px; 
	min-height: 32px;
	height: auto !important;
	height: 32px;
	list-style: none;
	position: relative;
	z-index: 999999
}

#navblock ul li a.on { 
	background: #0d085a url(../images/global/nav-on-bg.gif) repeat-x;
}

#navblock ul li.turquoise a:hover { background: #005da1 url(../images/global/nav-roll-turquoise.gif) repeat-x; }
#navblock ul li.purple a:hover { background: #00003a url(../images/global/nav-roll-purple.gif) repeat-x; }
#navblock ul li.green a:hover { background: #002d00 url(../images/global/nav-roll-green.gif) repeat-x; }
#navblock ul li.red a:hover { background: #be0000 url(../images/global/nav-roll-red.gif) repeat-x; }
#navblock ul li.blue a:hover { background: #000047 url(../images/global/nav-roll-blue.gif) repeat-x; }
#navblock ul li.burgandy a:hover { background: #470000 url(../images/global/nav-roll-burgandy.gif) repeat-x; }
#navblock ul li.lime a:hover { background: #47a300 url(../images/global/nav-roll-lime.gif) repeat-x; }
#navblock ul li.brown a:hover { background: #470000 url(../images/global/nav-roll-brown.gif) repeat-x; }
#navblock ul li:hover.turquoise a { background: #005da1 url(../images/global/nav-roll-turquoise.gif) repeat-x; }
#navblock ul li:hover.purple a { background: #00003a url(../images/global/nav-roll-purple.gif) repeat-x; }
#navblock ul li:hover.green a { background: #002d00 url(../images/global/nav-roll-green.gif) repeat-x; }
#navblock ul li:hover.red a { background: #be0000 url(../images/global/nav-roll-red.gif) repeat-x; }
#navblock ul li:hover.blue a { background: #000047 url(../images/global/nav-roll-blue.gif) repeat-x; }
#navblock ul li:hover.burgandy a { background: #470000 url(../images/global/nav-roll-burgandy.gif) repeat-x; }
#navblock ul li:hover.lime a { background: #47a300 url(../images/global/nav-roll-lime.gif) repeat-x; }
#navblock ul li:hover.brown a { background: #470000 url(../images/global/nav-roll-brown.gif) repeat-x; }



/*	---------------------------------------------------------------
	SIDEBAR RULES
	---------------------------------------------------------------
	Outlines the sidebar of the website
	------------------------------------------------------------ */


#sidebar {
	display: block;
	width: 295px;
	float: left;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	position: relative;
	left: 58px;
	margin: 28px 0px 0px 0px;
	
}
div.sidebar-page { margin: 10px 0px 0px 0px !important; }

.sidebar-box {
	display: block;
	width: 254px;
	min-height: 38px;
	height: auto !important;
	height: 38px;
	margin: 0px 0px 37px 0px;
	position: relative;
	background: transparent url(../images/global/sidebar-box-top.gif) top left no-repeat;
	padding: 12px 20px 4px 20px;
}

.sidebar-box-footer {
	display: block;
	position: absolute;
	left: 0px;
	bottom: -17px;
	width: 294px;
	height: 17px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/global/sidebar-box-bottom.gif) top left no-repeat;
}

.sidebar-box-blue {
	display: block;
	width: 254px;
	min-height: 38px;
	height: auto !important;
	height: 38px;
	margin: 0px 0px 37px 0px;
	position: relative;
	background: #53459a url(../images/global/sidebar-box-blue-top.gif) top left no-repeat;
	padding: 12px 20px 4px 20px;
}

.sidebar-box-footer-blue {
	display: block;
	position: absolute;
	left: 0px;
	bottom: -23px;
	width: 294px;
	height: 23px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/global/sidebar-box-blue-footer.gif) top left no-repeat;
}

#sidebar hr {
	width: 294px;
	height: 1px;
	border-bottom: 2px dotted #c7c7c7;
	border-top: none;
	border-left: none;
	border-right: none;
	position: relative;
	margin: 0px 0px 18px 0px;
	left: -4px;
}

.sidebar-content {
	display: block;
	width: 226px;
	min-height: 88px;
	height: auto !important;
	height: 88px;
	margin: 0px 0px 12px 0px;
	position: relative;
	padding: 12px 50px 4px 18px;
}

#sidebar blockquote {
	display: block;
	width: 226px;
	min-height: 88px;
	height: auto !important;
	height: 88px;
	margin: 0px 0px 12px 0px !important;;
	position: relative;
	padding: 12px 50px 4px 18px !important;
}
#sidebar blockquote strong {
	float: right;
	font-size: 0.9em !important;
	text-transform: uppercase;
	color: #47a300 !important;
	margin-top: 6px !important;
}


.sidebar-image { position: relative; margin-bottom: 20px; width: 295px; }
.sidebar-image-mask { position: absolute; bottom: 0px; left: 0px; 	background: transparent url(../images/masks/sidebar-image-mask.png) bottom right no-repeat; width: 295px; height: 13px;  }


/*	---------------------------------------------------------------
	FOOTER RULES
	---------------------------------------------------------------
	Outlines the footer of the website
	------------------------------------------------------------ */
	
#footer-strip {
	display: block;
	width: 940px;
    padding: 25px 0px 0px 0px;
	background: transparent url(../images/global/footer.gif) no-repeat;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;  
	margin: 20px auto 0px auto !important;
	display:none;
}

#footer-info-shell {
	display: block;
	width: 913px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	padding: 17px 0px 0px 27px;
	margin: 0px auto 0px auto !important;
	position: relative;
	display:none;
}

div.footer-block {
	display: block;
	float: left;
	width: 155px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	display:none;
}
div.footer-block ul, div.footer-block ul li ul {
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.footer-block ul li , div.footer-block ul li ul li {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#varisign { position: absolute; top: 17px; right: 118px; }
#iip { position: absolute; top: 20px; right: 21px; }

#copywrite {
	width: 938px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	position: relative;
	margin: 0px auto 0px auto;
	text-align: center;
}







/*	DROPDOWN LISTS */


ul.dropdown li { position: relative; list-style: none !important; }

#firstitem-ul { margin-left: 6px !important; }

ul.dropdown ul {
    visibility: hidden; 
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 9999;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	background: transparent url(../images/rollover-footer-280.png) no-repeat bottom;
	width: 280px;
	border-top: 1px solid #cccccc;
}

ul.dropdown ul li  {
    font-weight: normal; 
    margin: 0px !important; 
    padding: 0px !important;
	float: none !important; 
	display: block !important;
	z-index: 9999;
	text-align: left !important;
	min-height: 1px !important;
	height: 1px !important;
	list-style: none !important;
	background: none !important;
	width: 280px;
	position: relative;
	overflow: visible !important;
}

ul.firstlevel { background: transparent url(../images/rollover-footer-280.png) no-repeat bottom !important; width: 280px !important;  }
ul.firstlevel li {
    width: 280px !important; 
}
ul.secondlevel { background: transparent url(../images/rollover-footer-400.png) no-repeat bottom !important; width: 400px !important; }
ul.secondlevel li {
	width: 400px !important; 
	border-bottom: none !important; 
}
ul.thirdlevel { background: transparent url(../images/rollover-footer-600.png) no-repeat bottom !important; width: 600px !important; }
ul.thirdlevel li {
	width: 600px !important;
	border-bottom: none !important; 
}
ul.fourthlevel { background: transparent url(../images/rollover-footer-800.png) no-repeat bottom !important; width: 800px !important; }
ul.fourthlevel li {
	width: 800px !important; 
	border-bottom: none !important;
}

ul.dropdown ul li dl  { 
    width: 200px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	text-transform: uppercase; 
}
ul.dropdown ul li dt  {
    margin: 0px 9px 4px 9px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #21296f;
    font-weight: bold;
    font-size: 1.1em !important;
	text-transform: uppercase;
}
ul.dropdown ul li dd  {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px; 
	min-height: 1px !important;
	height: 1px !important;
}
ul.dropdown ul li dd a { width: 180px !important; }
									  

ul.dropdown ul li:hover { position: relative; }
ul.dropdown ul li a	 {
    border-right: none; 
    display: block; 
    background-image: none !important; 
    height: auto !important; 
    padding: 3px 10px 3px 10px !important; 
    margin: 0px !important; 
    overflow: visible !important;
    font-size: 1.0em !important;
    text-decoration: none;
    color: #1b0069 !important;
	background: none !important;
    width: 260px !important;
	font-weight: normal !important;
	text-transform: uppercase;
	text-align: left !important;
	min-height: 1px !important;
	height: 1px !important;
} 

ul.sub_menu li {
	min-height: 1px !important;
	height: 1px !important;
	list-style: none !important;
}

ul.dropdown ul li a:hover {
    text-decoration: underline !important;
	background: none !important;
}	                  					  


ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }

#first-subnav { left: 5px !important; }


/*	---------------------------------------------------------------
	BREADCRUMB RULES
	---------------------------------------------------------------
	Outlines the breadcrumbs of the website
	------------------------------------------------------------ */

#breadcrumbs {
	display: block;
	width: 884px;
	margin: 10px auto 0px auto;
	min-height: 1px;
	height: auto !important;
	height: 1px;
}
#breadcrumbs p { margin: 0px 0px 0px 0px; }