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

	Type:				Type & Font 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
	============================================================ */

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


body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }




/*	---------------------------------------------------------------
	POSITIONING & STRUCTURE RULES
	---------------------------------------------------------------
	Outlines the main structure of the website
	------------------------------------------------------------ */

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #666666;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}

div.page h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #ffffff !important;
	font-weight: bold;
	margin: 0px 0px 28px 0px !important;
	padding: 9px 0px 0px 28px;
	display: block;
	width: 590px;
	min-height: 34px;
	height: auto !important;
	height: 34px;
	position: relative;	
	font-weight: normal !important;
	left: -28px;
	text-transform: uppercase;
}
h1 span {
 	background: transparent url(../images/global/basket-divider.gif) no-repeat left ; 
	padding-left: 16px;
	display: inline-block;
	margin-left: 10px;
}


h1.turquoise { background: #00a5cb url(../images/global/mainheading-turquoise.gif) no-repeat bottom; }
h1.purple { background: #6b3092 url(../images/global/mainheading-purple.gif) no-repeat bottom; }
h1.green { background: #428a37 url(../images/global/mainheading-green.gif) no-repeat bottom; }
h1.red { background: #db424e url(../images/global/mainheading-red.gif) no-repeat bottom; }
h1.blue { background: #330099 url(../images/global/mainheading-blue.gif) no-repeat bottom; }
h1.burgandy { background: #993366 url(../images/global/mainheading-burgandy.gif) no-repeat bottom; }
h1.yellow { background: #feb045 url(../images/global/mainheading-yellow.gif) no-repeat bottom; }
h1.lime { background: #99cc66 url(../images/global/mainheading-lime.gif) no-repeat bottom; }
h1.brown { background: #996666 url(../images/global/mainheading-brown.gif) no-repeat bottom; }


#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #666666;
	margin: 0px 0px 12px 0px;
	line-height: 150%;
}

#content p.intro { font-size: 1.2em; }

.colour-bar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #ffffff;
	text-transform: uppercase;
}

h2.replace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #649d1f;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	text-transform: uppercase;
}

#homebox-left p, #homebox-right p {
	width: 261px;
	margin-left: 10px
}
#homebox-left p a, #homebox-right p a {
	text-transform: uppercase;
	color: #0094d2;
	font-weight: bold;
	text-decoration: none;
}
#homebox-left p a:hover, #homebox-right p a:hover { text-decoration: underline; }

.box-left p, .box-right p {  margin: 0px 0px 6px 0px !important; }

.box-left h2, .box-right h2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #666666;
	font-weight: bold;
	margin: 20px 0px 16px 0px;
}

.fom {
	text-transform: uppercase;
	color: #0094d2;
	font-weight: bold;
	text-decoration: none;
}
.fom:hover {
	text-decoration: underline;
}



#content ul, #content ol { margin: 0px 0px 12px 16px; padding: 0px 0px 0px 0px; }
#content ul li, #content ol li { 
	margin: 0px 0px 8px 0px; 
	padding: 0px 0px 0px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	line-height: 150%;
}

#content ul.anchor li { color: #281e72 !important; } 
#content ul.anchor li a { text-transform: uppercase; color: #281e72 !important; font-size: 0.9em !important; text-decoration: none !important; font-weight: bold; } 
#content ul.anchor li a:hover { text-decoration: underline !important; } 

#content ul.shoutlist li { color: #281e72 !important; } 
#content ul.shoutlist li a { text-transform: uppercase; color: #281e72 !important; font-size: 0.9em !important; text-decoration: none !important; font-weight: bold; } 
#content ul.shoutlist li a:hover { text-decoration: underline !important; } 

#content ul.course-options li { color: #281e72 !important; margin: 0px 0px 2px 0px !important; } 
#content ul.course-options li a { text-transform: uppercase; color: #281e72 !important; font-size: 0.9em !important; text-decoration: none !important; font-weight: bold; } 
#content ul.course-options li a:hover { text-decoration: underline !important; } 

div.page h2 {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #666666;
	font-weight: bold;
	margin: 0px 0px 18px 0px;
	text-transform: uppercase;
}

h2.event-subhead { margin: 0px 0px 4px 0px !important; }

div.page h3 {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #281e72;
	font-weight: bold;
	margin: 2px 0px 4px 0px;
}

#content a { color: #009ee0; font-weight: bold; }
#content a.mailto { color: #009ee0 !important; font-weight: bold; }
#content a:hover { text-decoration: none; }

.btt { 
	margin: 0px 0px 0px 0px; 
}
.btt a {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em !important;
	color: #009ee0 !important;
	font-weight: bold;
	margin: 0px 16px 0px 0px;
	text-transform: uppercase !important;
	background: transparent url(../images/global/backtotop.gif) right no-repeat;
	padding-right: 14px;
	padding-top: 1px;
	text-decoration: none;
	float: right;
}


ul.two-col-list li h2 { 
	display: block;
	width: 286px !important;
	min-height: 2px;
	height: auto !important;
	height: 2px;
	margin: 13px 0px 0px 0px !important; 
	padding: 0px 0px 0px 0px !important; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em !important;
	color: #281e72 !important;
	font-weight: bold;
	float: left !important;
	text-transform: uppercase;
}
ul.two-col-list li h2 a { 
	color: #1b0069 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}
ul.two-col-list li h2 a:hover { text-decoration: underline !important; }


ul.two-col-list li p { 
	font-size: 0.9em !important;
}
span.bestseller {
	color: #649d1f !important;
	font-weight: bold;
	text-transform: uppercase;
}


#details-box ul li h3 { 
	display: block;
	width: 152px !important;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	margin: 0px 0px 0px 0px !important; 
	padding: 0px 0px 0px 0px !important; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em !important;
	color: #281e72 !important;
	font-weight: bold;
	float: left !important;
	text-transform: uppercase;
}
#details-box ul li { 
	font-size: 1.1em;
}



#details-box ul li a { color: #009ee0 !important; text-decoration: none; }
#details-box ul li a:hover { text-decoration: underline; }




#events-details-box ul li { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
}
#events-details-box label, #total-details-box label, #details-box ul li label {
	min-height: 1px;
	width: 152px;
	height: auto !important;
	height: 1px;
	margin: 0px 0px 0px 0px !important; 
	padding: 0px 0px 0px 0px !important; 
	font-family: Arial, Helvetica, sans-serif;
	color: #281e72;
	font-size: 0.9em !important;
	font-weight: bold;
	position: absolute;
	left: 17px;
	text-transform: uppercase;
}
#total-details-box label { font-size: 1.0em !important; }

#events-details-box label.req { color: #feb045 !important; }
p.reqmessage { color: #feb045 !important; font-weight: bold; }

#events-details-box input.space { margin-top: 4px !important; }

#events-details-box input, #events-details-box select {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 0.9em !important;
	border: 1px solid #d5d6d7;
}
#events-details-box input { width: 204px;  }

#events-details-box p, #total-details-box p, #details-box p {
	margin: 0px 0px 0px 0px !important; 
	padding: 0px 0px 0px 0px !important; 
}
#total-details-box p { display: block !important; padding-left: 168px !important; font-weight: bold; }


#contactform h2 {
	font-size: 1.6em !important;
	color: #281e72 !important;
}





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


#searchform-inner input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #0d085a;
	text-transform: uppercase;
	font-weight: bold;
}


#header ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
#header ul li a:hover { text-decoration: underline; }



h2.highlight-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #649d1f;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 8px 4px;
}

#splash-infobox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #281e72;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 2px 0px;
	line-height: 140%;
}
#splash-infobox h3 a {
	font-family: Arial, Helvetica, sans-serif;
	color: #281e72;
	font-weight: bold;
	text-decoration: none;
}
#splash-infobox h3 a:hover { text-decoration: underline; }

p.highlight-next { padding: 8px 0px 0px 4px; }
p.highlight-next a {
	font-family: Arial, Helvetica, sans-serif;
	color: #009ee0 !important;
	text-decoration: none;
	font-weight: bold;
	font-weight: 0.9em;
}

#splash-infobox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #281e72;
	margin: 0px 0px 2px 0px;
	line-height: 140%;
}

#splash-infobox p a {
	font-family: Arial, Helvetica, sans-serif;
	color: #281e72;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	line-height: 140%;
	letter-spacing: 0px;
}
#splash-infobox p a:hover { text-decoration: underline; }

#basket-contents a {
	font-family: Arial, Helvetica, sans-serif;
	color: #feb045;
	font-size: 1.4em;
	text-decoration: none;
	font-weight: bold;
}


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

#navblock ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
}






/*	---------------------------------------------------------------
	SIDEBAR RULES
	---------------------------------------------------------------
	Outlines the sidebar of the website
	------------------------------------------------------------ */
	
	
.sidebar-box h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 4px 0px;
}
.sidebar-box p, .sidebar-box-blue p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #666666;
	margin: 0px 0px 4px 0px;
	line-height: 140%;
	font-weight: bold;
}
.sidebar-box-blue p { color: #ffffff !important; }

.sidebar-box-blue ul { margin: 6px 0px 6px 12px !important; padding: 0px 0px 0px 0px !important; }
.sidebar-box-blue ul li { margin: 0px 0px 4px 0px !important; padding: 0px 0px 0px 0px !important; color: #ffffff; }
.sidebar-box-blue ul li a { 
	color: #ffffff !important;
	text-decoration: none;
	font-size: 1.1em;
	text-transform: uppercase; 
	font-weight: bold;
}
.sidebar-box-blue ul li a:hover { text-decoration: underline !important; }

a.action-link {
	font-family: Arial, Helvetica, sans-serif;
	color: #009ee0;
	margin: 0px 0px 2px 0px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
.sidebar-box-blue a.action-link { color: #ffffff !important; }
a:hover.action-link { text-decoration: underline; }


.sidebar-content p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #666666;
	margin: 0px 0px 4px 0px;
	line-height: 140%;
	font-weight: bold;
}

#sidebar blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	line-height: 140%;
	font-weight: bold;
}

.sb-phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.3em !important;
	color: #feb045 !important;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase !important;
	background: transparent url(../images/global/telephone.gif) left no-repeat;
	display: block;
	padding-left: 32px;
}

#sidebar a { color: #009ee0; font-weight: bold; }
#sidebar a.mailto { color: #009ee0 !important; font-weight: bold; }
#sidebar a:hover { text-decoration: none; }


/*	---------------------------------------------------------------
	FOOTER RULES
	---------------------------------------------------------------
	Outlines the footer of the website
	------------------------------------------------------------ */
	


div.footer-block ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #1b0069;
	text-decoration: none;
	font-weight: bold;
}

div.footer-block ul li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
div.footer-block ul li ul li a:hover, div.footer-block ul li a:hover { text-decoration: underline; }

#copywrite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #666666;
	text-decoration: none;
}

#copywrite a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
#copywrite a:hover {
	text-decoration: underline;
}



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


#breadcrumbs p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
}
#breadcrumbs p a { 
	color: #666666;
	text-decoration: none;
}
#breadcrumbs p a:hover { text-decoration: underline; }
#breadcrumbs p strong { color: #281e72; }