/*-----------------------------------------------------------------------------
Screen Style Sheet

website:   http://www.bodyflight.co.uk/
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* Import any External Styles */
/*---------------------------------------------------------------------------*/

@import url('reset.css');
@import url('fonts.css');

/*---------------------------------------------------------------------------*/
/* Setup & Further Resets */
/*---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	color: #000;
	font-family: Georgia, Times, 'Times New Roman', serif;
}

img
{
	display: block;
}

/* Removes fieldset borders. even on Opera 7 */
fieldset { border: 0 solid transparent; }

td
{
	text-align: left;
	font-weight: normal;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style: normal;
	font-weight: normal;
}

caption,th { text-align: left; }


/*---------------------------------------------------------------------------*/
/* General classes */
/*---------------------------------------------------------------------------*/

.clear
{
	clear: both;
	height: 0px !important;
	font-size: 0px !important;
	overflow: hidden;
}

.input
{
	border: 1px #CCC solid;
	padding: 2px;
}

.left { float: left; }
.right { float: right; }

/*---------------------------------------------------------------------------*/
/* Typography */
/*---------------------------------------------------------------------------*/

body
{
	font-family: 'Lucida Grande',  'Lucida Sans Unicode', Verdana,  Arial,  Helvetica,  sans-serif;
	color: #777;
	background-color: #000;
}

/* Font sizes - use percentages

9px  = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%

*/

.fontBlack { color: #000; }
.fontWhite { color: #fff; }
.fontGrey { color: #999; }
.bold { font-weight: bold; }

/*---------------------------------------------------------------------------*/
/* Headings */
/*---------------------------------------------------------------------------*/

h1 /* 39px */ { font-size: 300%; }

h2 /* 29px */ { font-size: 223%; }

h3 /* 22px */ { font-size: 167%; }

h4 /* 18px */ { font-size: 138.5%; }

h5 /* 16px */ { font-size: 123.1%; }

h6 /* 14px */ { font-size: 108%; }


h1 span { font-size: 60%; }

/*---------------------------------------------------------------------------*/
/* Links */
/*---------------------------------------------------------------------------*/

a:link, a:visited, a:active
{
	color: #6392C2;
	text-decoration: none;
}

a:hover
{
	color: #e06a00;
}


/*---------------------------------------------------------------------------*/
/* Structure */
/*---------------------------------------------------------------------------*/

#header
{
	width: 100%;
	height: 103px;
	text-align: center;
	background-image: url(../images/elements/header-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#headerInner
{
	width: 960px;
	height: 103px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#features
{
	text-align: center;
	width: 100%;
	background-color: #000;
}

#banner
{
	text-align: center;
	width: 100%;
	height: 140px;
	background-image: url(../images/elements/blue-waves-banner.gif);
	background-repeat: repeat;
	background-position: center top;
	border-bottom: 3px #b3b3b3 solid;
}

#bannerInner
{
	width: 960px;
	height: 140px;
	margin: 0 auto;
	text-align: left;	
	position: relative;
}

#content
{
	text-align: center;
	width: 100%;
	border-top: 1px #a6a6a6 solid;
	background-color: #fff;
}

#contentInner
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-top: 30px;
}

#categories
{
	text-align: center;
	width: 100%;
	height: 142px;
	background-image: url(../images/elements/home/category-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#categoriesInner
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#footer
{
	text-align: center;
	width: 100%;
	background-color: #000;
	background-image: url(../images/elements/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#footerInner
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-top: 30px;
	color: #555;
}


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

#header h2 a 
{
	width: 276px;
	height: 82px;
	margin: 0;
	background-image: url(../images/elements/sprite-main.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	top: 10px;
	display:block;
}

#header .telephone
{
	width: 191px;
	height: 31px;
	background-image: url(../images/elements/sprite-main.png);
	background-repeat: no-repeat;
	background-position: 0 -82px;
	text-indent: -9999px;
	position: absolute;
	bottom: 11px;
	left: 309px;
}

#header .tab
{
	width: 197px;
	height: 25px;
	background-image: url(../images/elements/sprite-main.png);
	background-repeat: no-repeat;
	background-position: 0 -123px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 0;
}

#header .tab a
{
	height: 17px;
	background-image: url(../images/elements/sprite-main.png);
	background-repeat: no-repeat;	
	background-position: 0 -148px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 1px;
	left: 31px;
}

#header .tab a.location
{
	width: 57px;
	background-position: 0 -148px;
	left: 29px;
}

#header .tab a.location:hover
{
	background-position: 0 -165px;
}

#header .tab a.contact
{
	width: 70px;
	background-position: -74px -148px;
	left: 99px;
}

#header .tab a.contact:hover
{
	background-position: -74px -165px;
}

#mainNavigation
{
	position: absolute;
	width: 417px;
	height: 36px;
	overflow: hidden;
	bottom: 9px;
	right: 0;
	background-image: url(../images/elements/sprite-main.png);
	background-repeat: no-repeat;
	background-position: 0 -182px;
}

#mainNavigation li a
{
	position: absolute;
	top: 0;
	text-indent: -9999px;
	padding: 36px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	background-image: url(../images/elements/sprite-main.png);
	background-repeat: no-repeat;
}

#mainNavigation li.button1 a
{
	background-position: 0 -182px;
	width: 80px;
	left: 0;
}

#mainNavigation li.button1 a:hover { background-position: 0 -228px; }

#mainNavigation li.button2 a
{
	background-position: -80px -182px;
	width: 58px;
	left: 80px;
}

#mainNavigation li.button2 a:hover { background-position: -80px -228px; }

#mainNavigation li.button3 a
{
	background-position: -138px -182px;
	width: 71px;
	left: 138px;
}

#mainNavigation li.button3 a:hover { background-position: -138px -228px; }

#mainNavigation li.button4 a
{
	background-position: -209px -182px;
	width: 120px;
	left: 209px;
}

#mainNavigation li.button4 a:hover { background-position: -209px -228px; }

#mainNavigation li.button5 a
{
	background-position: -329px -182px;
	width: 88px;
	left: 329px;
}

#mainNavigation li.button5 a:hover { background-position: -329px -228px; }

body.facilities #mainNavigation li.button1 a { background-position: 0 -277px; }
body.shop #mainNavigation li.button2 a { background-position: -80px -277px; }
body.gallery #mainNavigation li.button3 a { background-position: -138px -277px; }
body.news #mainNavigation li.button4 a { background-position: -209px -277px; }
body.about #mainNavigation li.button5 a { background-position: -329px -277px; }


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

#footerRowHome,
#footerRowConstant
{
	width: 960px;
	padding-bottom: 30px;
	float: left;
}

#footerInner .footerRowCol
{
	width: 208px;
	margin-right: 12px;
	float: left;
	display: inline;
	padding-right: 23px;
}

#footerInner .last
{
	margin: 0;
}

#footerInner h5
{
	font-family: 'Lucida Grande',  'Lucida Sans Unicode', Verdana,  Arial,  Helvetica,  sans-serif;
	margin: 0;
	border-bottom: 1px #111111 solid;
	color: #c3c3c3;
	padding-bottom: 2px;
	font-size: 100%;
}

#footerRowHome a
{
	color: #9f7734;
	text-decoration: none;
}

#footerRowHome a:hover
{
	color: #cb8d23;
}

#footerRowHome h5
{
	background-image: url(../images/elements/sprite-icons.png);
	background-repeat: no-repeat;
	height: 32px;
	line-height: 48px;
	vertical-align: 20%;
}

#footerRowHome .news h5
{
	background-position: 0 -260px;
	padding-left: 30px;
}
#footerRowHome .twitter h5
{
	background-position: 0 -224px;
	padding-left: 36px;
}

#footerRowHome .newsletter h5
{
	background-position: 0 -296px;
	padding-left: 33px;
}

#footerRowHome .newsletter form
{
	margin-top: 10px;
}

#footerRowHome .newsletter form .wrapper
{
	float: left;
	width: 174px;
	height: 24px;
	background-image: url(../images/elements/sprite-main.png);
	background-repeat: no-repeat;
	background-position: 0 -325px;
	position: relative;
}

#footerRowHome .newsletter form label
{
	display: none;
}

#footerRowHome .newsletter form input
{
	float: left;
	color: #555;
	width: 154px;
	border: 0 none;
	font-size: 11px;
	position: absolute;
	top: 4px;
	left: 10px;
	background-color: #232323;
}

#footerRowHome .newsletter form button
{
	float: left;
	width: 32px;
	height: 24px;
	background-image: url(../images/elements/sprite-icons.png);
	background-repeat: no-repeat;
	background-position: 0 -332px;
	border: medium none;
	cursor: pointer;
	display: block;
	margin-left: 2px;
	overflow: hidden;
	text-indent: -9999px;
	background-color: #000;
}

#footerRowHome .newsletter form button.hover { background-position: 0 -356px; }

#footerRowHome .inner
{
	border-top: 1px #2a2a2a solid;
	font-size: 85%;
}

#footerRowHome .news
{
	width: 451px;
}

#footerRowHome .news .inner h6
{
	font-family: 'Lucida Grande',  'Lucida Sans Unicode', Verdana,  Arial,  Helvetica,  sans-serif;
}

#footerRowHome .news .inner h6,
#footerRowHome .twitter .inner p,
#footerRowHome .newsletter .inner p
{
	margin: 10px 0 0 0;
}

#footerRowConstant ul
{
	border-top: 1px #2a2a2a solid;
	padding-top: 3px;
	float: left;
	width: 208px;
}

.home #footerRowConstant ul
{
	border-top: 1px #1f1f1f solid;
}

#footerRowConstant li
{
	margin-top: 6px;
	font-size: 85%;
	clear: both;
	float: left;
}

#footerRowConstant a
{
	color: #666;
	line-height: 16px;
	display: block;
	float: left;
}

#footerRowConstant a:hover, #footerRowConstant li.tel-hover 
{
	color: #c3c3c3;
}

#footerRowConstant .social a,
#footerRowConstant .contact a
{
	padding-left: 20px;
	background-image: url(../images/elements/sprite-icons.png);
	background-repeat: no-repeat;
}

#footerRowConstant .social a.twitter { background-position: 0 0; }
#footerRowConstant .social a.twitter:hover { background-position: 0 -16px; }

#footerRowConstant .social a.facebook { background-position: 0 -32px; }
#footerRowConstant .social a.facebook:hover { background-position: 0 -48px; }

#footerRowConstant .social a.youtube { background-position: 0 -64px; }
#footerRowConstant .social a.youtube:hover { background-position: 0 -80px; }

#footerRowConstant .social a.flickr { background-position: 0 -96px; }
#footerRowConstant .social a.flickr:hover { background-position: 0 -112px; }

#footerRowConstant .social a.share { background-position: 0 -128px; }
#footerRowConstant .social a.share:hover { background-position: 0 -144px; }

#footerRowConstant .contact a.tel { background-position: 0 -160px; }
#footerRowConstant .contact a.tel:hover { background-position: 0 -176px; }

#footerRowConstant .contact a.email { background-position: 0 -192px; }
#footerRowConstant .contact a.email:hover { background-position: 0 -208px; }

#footerInner .credits
{
	text-align: center;
	font-size: 85%;
	padding-bottom: 30px;
	color: #333;
}

#footerInner .credits a
{
	color: #555;
}

#footerInner .credits a:hover
{
	color: #888;
}

/*---------------------------------------------------------------------------*/
/* Homepage Features */
/*---------------------------------------------------------------------------*/

#featuresBg
{
	width: 100%;
	height: 351px;
	position: absolute;
	background-image: url(../images/elements/blue-waves.gif);
	background-repeat: repeat;
	background-position: center top;
}

#featuresBgInner
{
	width: 100%;
	height: 351px;
	background-image: url(../images/elements/home/facilities-bg-inner.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#featuresInner
{
	text-align: center;
	width: 100%;
	height: 411px;
	position: relative;
	border-bottom: 3px #b3b3b3 solid;
}

ul#showcase
{
	width: 100%;
	height: 351px;
	overflow: hidden;
	display: inline;	
	list-style-type: none;
	list-style-image: none;	
	float: left;
	position: relative;
}

ul#showcase li
{
	margin: 0;
}

ul#showcase li a
{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -480px;
}

ul#slideshowNav
{
	width: 960px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -480px;
	overflow: hidden;
	text-indent: -9999px;
	list-style-image: none;
	list-style-type: none;
}

ul#slideshowNav li
{
	width: 192px;
	height: 60px;
	float: left;
}

ul#slideshowNav li a
{
	width: 192px;
	height: 60px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

ul#slideshowNav li.tab0 a { background-image: url(../images/elements/home/button0.gif); }
ul#slideshowNav li.tab1 a { background-image: url(../images/elements/home/button1.gif); }
ul#slideshowNav li.tab2 a { background-image: url(../images/elements/home/button2.gif); }
ul#slideshowNav li.tab3 a { background-image: url(../images/elements/home/button3.gif); }
ul#slideshowNav li.tab4 a { background-image: url(../images/elements/home/button4.gif); }

ul#slideshowNav li a.activeSlide,
ul#slideshowNav li a:hover.activeSlide { background-position: left -120px; }

ul#slideshowNav li a:hover { background-position: left -60px; }



/*---------------------------------------------------------------------------*/
/* Content General */
/*---------------------------------------------------------------------------*/

#content #contentMain a:hover
{
	text-decoration: underline;
}

#content #contentMain
{
	float: left;
	width: 679px;
	padding: 0 50px 80px 0;
	position: relative;
}

#content #contentSide
{
	float: left;
	width: 231px;
}

#content #contentMain h1,
#content #contentMain h2,
#content #contentMain h3,
#content #contentMain h4,
#content #contentMain h5,
#content #contentMain h6
{
	margin: 0.8em 0 0.4em 0;
}

#content #contentMain p
{
	margin: 0.8em 0 0.4em 0;
}

.img-wrapper
{
	background-image: url(../images/elements/img-bottom-left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: right;
}

.img-outer
{
	background-image: url(../images/elements/img-bottom-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0 0 5px 0;
	float: left;
}

.img-inner
{
	background-image: url(../images/elements/img-top-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.img-wrapper span
{
	background-image: url(../images/elements/img-top-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 5px 5px 0 5px;
	float: left;
}

.img-wrapper img
{
	background-color: #fff;
	padding: 5px;
}

#contentMain ul { padding-left: 40px; }
#contentMain #tabs ul { padding-left: 10px; }

#contentMain ul li { list-style-type: circle; }
#contentMain #tabs ul li { list-style-type: none; }

#contentMain .breadcrumb
{
	background-image: url(../images/elements/breadcrumbArrow.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
	color: #aaa;
	margin-top: 10px;
	padding: 8px 0 0 15px;
}

#contentMain .breadcrumb span
{
	background-image: url(../images/elements/arrow.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	margin-right: 5px;
	padding-right: 15px;
	color: #aaa;
}

#contentMain .breadcrumb a { color: #AAA; }

#contentMain .breadcrumb a:hover { color: #cb8d23; }

#contentSide .alertsErrorLbl
{
	color: #C30;
	font-size: 11px;
	padding: 5px 0;
	clear: left;
	float: left;
}

#contentSide .alertsSuccessLbl
{
	color: #6C6;
	font-size: 11px;
	padding: 5px 0;
	clear: left;
	float: left;
}

#contentSide .alertsSpinner
{
	background-image: url(../images/fg_forms/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 21px;
}

.logoFly
{
	width: 231px;
	height: 57px;
	background-image: url(../images/elements/logo-bodyflight.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.logoSurf
{
	width: 156px;
	height: 102px;
	background-image: url(../images/elements/logo-flowhouse.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline;
	text-indent: -9999px;
	margin-left: 37px;
	margin-bottom: 20px;
}

.logoJump
{
	width: 231px;
	height: 93px;
	background-image: url(../images/elements/logo-vertigo.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.logoSwoop
{
	width: 231px;
	height: 126px;
	background-image: url(../images/elements/logo-swoop.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline;
	text-indent: -9999px;
	margin-bottom: 20px;
}


#contentMain table
{
	table-layout: fixed;
}

#contentMain table th
{
	padding: 2px 5px;
	background-color: #ccc;
	border: 2px #fff solid;
	color: #333;
}

#contentMain table td
{
	padding: 2px 5px;
	background-color: #eee;
	border: 2px #fff solid;
}

#content .testimonial
{
	float: left;
	margin-bottom: 50px;
	width: 231px;
	background-image: url(../images/elements/testimonial-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	font-family: Georgia, Times, 'Times New Roman', serif;
}

#content .testimonial p
{
	padding: 0 10px 0 10px;
	color: #777;
	font-size: 123.1%;
	line-height: 1.1;
}

#content .testimonialBottom
{
	width: 231px;
	height: 43px;
	background-image: url(../images/elements/testimonial-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content .testimonialCredit
{
	padding: 5px 0 0 10px;
	color: #aaa;
	font-size: 108%;
	background-color: #FFF;
}


/*---------------------------------------------------------------------------*/
/* Content Home */
/*---------------------------------------------------------------------------*/

#content .contentMainHome p
{
	width: 460px;
}

#content #contentMain .contentMainHome h1
{
	font-size: 350%;
	margin: 0 0 10px 0;
}

#content #contentMain .contentMainHome h2
{
	margin: 0 0 10px 0;
	text-align: right;
}

.home #contentMain .adventure
{
	width: 100%;
	margin-top: 30px;
}

.home #contentMain .adventure div
{
	width: 334px;
	height: 46px;
	background-image: url(../images/elements/home/adventure.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
}

.home .contentRight
{
	float: right;
}

.home .showreel
{
	width: 189px;
	height: 132px;
	background-image: url(../images/elements/home/showreel.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	position: relative;
	float: left;
	clear: left;
}

.home .showreel a
{
	width: 102px;
	height: 64px;
	position: absolute;
	top: 40px;
	left: 45px;
	text-indent: -9999px;
}

#content #contentMain ul.myList
{
	padding-left: 60px;
	margin: 20px 0;
}

#content #contentMain ul.myList li
{
	padding-left: 26px;
	line-height: 20px;
	margin-top: 10px;
	background-image: url(../images/elements/sprite-icons.gif);
	background-repeat: no-repeat;
	background-position: left -460px;
	list-style-type: none;
}


/*---------------------------------------------------------------------------*/
/* Categories */
/*---------------------------------------------------------------------------*/

#categories li
{
	float: left;
	margin-right: 12px;
	display: inline;
}

#categories li.last
{
	margin: 0;
}

#categories li a
{
	width: 231px;
	height: 129px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#categories li a.groups { background-image: url(../images/elements/home/category-groups.jpg); }

#categories li a.shop { background-image: url(../images/elements/home/category-shop.jpg); }

#categories li a.family { background-image: url(../images/elements/home/category-family.jpg); }

#categories li a.corporate { background-image: url(../images/elements/home/category-corporate.jpg); }

#categories li a:hover { background-position: 0 -129px; }


/*---------------------------------------------------------------------------*/
/* Banner */
/*---------------------------------------------------------------------------*/

#banner h1
{
	margin: 0;
	color: #FFF;
	font-size: 76px;
	position: absolute;
	left: 0;
	top: 38px;
	line-height: 1;
}

#banner #facilitiesNav
{
	font-size: 25px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 82px;
	line-height: 1;
}

#banner #facilitiesNav span
{
	color: #436fa2;
	padding: 0 0.2em;
}

#banner #facilitiesNav .intro
{
	font-size: 20px;
	color: #92b0d2;
	padding-right: 0.3em;
}

#banner #facilitiesNav a
{
	color: #fff;
}

#banner #facilitiesNav a:hover, #banner #facilitiesNav a.on 
{
	border-bottom: 2px #436fa2 solid;
}

#banner .image
{
	position: absolute;
	right: 0;
	top: 0;
}


/*---------------------------------------------------------------------------*/
/* Side - Newsletter */
/*---------------------------------------------------------------------------*/

#contentSide .newsletter
{
	float: left;
	margin-bottom: 50px;
}

#contentSide .newsletter h5
{
	border-bottom: 1px #e8e8e8 solid;
	color: #4B4B4B;
	padding-bottom: 2px;
	font-size: 22px;
}

#contentSide .newsletter p
{
	margin-top: 10px;
	font-size: 85%;
}

#contentSide .newsletter form
{
	margin-top: 10px;
}

#contentSide .newsletter form label
{
	display: none;
}

#contentSide .newsletter form .wrapper
{
	float: left;
	width: 197px;
	height: 24px;
	background-image: url(../images/elements/sprite-main.png);
	background-repeat: no-repeat;
	background-position: 0 -349px;
	position: relative;
}

#contentSide .newsletter form input
{
	float: left;
	color: #aaa;
	width: 177px;
	border: 0 none;
	font-size: 11px;
	position: absolute;
	top: 4px;
	left: 10px;
	background-color: #efefef;
}

#contentSide .newsletter form button
{
	float: left;
	width: 32px;
	height: 24px;
	background-image: url(../images/elements/sprite-icons.png);
	background-repeat: no-repeat;
	background-position: 0 -380px;
	border: medium none;
	cursor: pointer;
	display: block;
	margin-left: 2px;
	overflow: hidden;
	text-indent: -9999px;
	background-color: #fff;
}

#contentSide .newsletter form button.hover { background-position: 0 -404px; }


/*---------------------------------------------------------------------------*/
/* Side - Submenu */
/*---------------------------------------------------------------------------*/

#contentSide #submenu
{
	float: left;
	width: 230px;
	border-left: 1px #e8e8e8 solid;
	padding: 40px 0;
	margin: 20px 0 50px 0;
}

#contentSide #submenu li
{
	border-top: 1px #e8e8e8 solid;
	font-size: 22px;
}

#contentSide #submenu li.last
{
	border-bottom: 1px #e8e8e8 solid;
}

#contentSide #submenu a
{
	width: 214px;
	line-height: 40px;
	padding: 0 8px;
	display: block;
	color: #4b4b4b;
}

#contentSide #submenu a:hover
{
	background-color: #e8e8e8;
}

#contentSide #submenu li.on a
{
	color: #fff;
	background-color: #0b5fa3;
}

#gMap
{
    width: 620px;
    height: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

/*---------------------------------------------------------------------------*/
/* Side - Basket */
/*---------------------------------------------------------------------------*/

#contentSide #basketPanel
{
    width: 231px;
    float: left;
    margin-bottom: 50px;
    position: relative;
}

#contentSide #basketPanel h5
{
	color: #4B4B4B;
	font-size: 22px;
	padding-bottom: 2px;
}

#contentSide #basketPanel .basketPanelInner
{
    width: 231px;
    float: left;
	background-image: url(../images/elements/basket-top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 6px;
}

#contentSide #basketPanel .basketPanelInner .row
{
	float: left;
	width: 219px;
	padding: 4px 6px;
	font-size: 11px;
	vertical-align: middle;
	border-bottom: 1px #FFF solid;
}

#contentSide #basketPanel .basketPanelInner .row p
{
	float: left;
	width: 75%;
}

#contentSide #basketPanel .basketPanelInner .row p.subtotal
{
	float: left;
	width: 25%;
	text-align: right;
}

#contentSide #basketPanel .basketPanelInner .basketTotal
{
	float: left;
	width: 219px;
	text-align: right;
	padding: 6px 6px 2px; 6px;
	font-size: 11px;
	color: #74694e;
	font-weight: bold;
}

#contentSide #basketPanel .basketPanelInner .basketBottom
{
	width: 231px;
	height: 6px;
	float: left;
	background-image: url(../images/elements/basket-bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#contentSide #basketPanel a#basketPanelCheckout
{
	float: left;
	width: 75px;
	height: 24px;
	background-image: url(../images/elements/sprite-buttons-white.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	margin-top: 7px;
	overflow: hidden;
	text-indent: -9999px;
}

#contentSide #basketPanel a#basketPanelCheckout:hover { background-position: 0 -24px; }

#contentSide #basketPanel .spinner
{
	padding: 0;
	margin-top: 10px;
	margin-left: 10px;
}

/*---------------------------------------------------------------------------*/
/* Shop Additions */
/*---------------------------------------------------------------------------*/

.shopphoto 
{
	width: 150px;
	float: left;
	margin-top: 20px;
}

.shopdesc
{
	width: 480px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

.shopItems .shopItemWrapper
{
	float: left;
	width: 100%;
	padding: 10px 0 30px 0;
	border-bottom: 1px #CCC solid;
}

.shopItems .voucherImg 
{
    float: left;
    width: 220px;
}

.shopItems .content
{
    float: left;
    width: 405px;
}

.shopItems .option
{
    float: left;
}

.shopItems .content .infoButton
{
	float: left;
	clear: left;
	width: 16px;
	height: 16px;
	margin-bottom: 10px;
	background-image: url(../images/elements/sprite-icons.png);
	background-repeat: no-repeat;
	background-position: 0 -444px;
	text-indent: -9999px;
}

.shopItems .content .more
{
	background-position: 0 -428px;
}

.shopItems .content .moreInfo
{
	float: left;
	padding-bottom: 10px;
	display: none;
}

.shopItems .price,
.shopdesc .price
{
	color: #BF5843;
	font-size: 138.5%;
	clear: left;
}

table.basket
{
	margin-top: 15px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

table.basket thead th
{
	color: #5D728F;
	font-weight: bold;
	border-bottom: 3px #A4C0E0 solid;
	border-right: 1px #A4C0E0 solid;
	padding: 4px 0 3px 4px;
	background-color: #D3E1F4;
	border-top: 1px #A4C0E0 solid;
	border-left: 1px #A4C0E0 solid;
}

table.basket thead th.wide
{
	width: 35%;
}

table.basket tbody td
{
	vertical-align: middle;
	background-color: #E9F2FF;
	padding: 4px;
	border: 1px #A4C0E0 solid;
	line-height: 19px;
}

table.basket tbody td a:hover
{
	border: none;
}

table.basket tbody td .edit
{
	float: right;
	display: block;
	margin-right: 5px;
	width: 18px;
	height: 19px;
	background-image: url(../images/admin_icons/editPencil.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

table.basket tbody td .delete
{
	float: right;
	display: block;
	width: 18px;
	height: 19px;
	background-image: url(../images/admin_icons/deleteBin.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

table.basket tbody td span.subTotal
{
	float: left;
}

table.basket tr.basketTotal td
{
	color: #666;
	padding-top: 10px;
	font-weight: bold;
	background-color: #fff;
	border-top: 3px #A4C0E0 solid;
	border-left: none;
	border-bottom: none;
	border-right: none;
}

#checkoutBasket
{
	border-top: 1px solid #eee;
	margin-top: 20px;
}

#checkoutBasket h2
{
	margin-top: 10px;
}

#cardholderForm
{
	border-top: 1px solid #eee;
	padding-top: 10px;
	margin-top: 20px;
}

.shopButtons span.quantity
{
	float: left;
	line-height: 25px;
	padding-right: 7px;
}

button.addToBasket,
button.updateBasket,
button.removeFromBasket, 
button.checkoutBasket 
{
	float: left;
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 24px;
	margin-right: 7px;
	background-image: url(../images/elements/sprite-buttons-white.gif);
}

button.addToBasket
{
	width: 104px;
	background-position: 0 -144px;
}

button.addToBasket.hover { background-position: 0 -168px; }

button.updateBasket
{
	width: 116px;
	background-position: 0 -48px;
}

button.updateBasket.hover { background-position: 0 -72px; }

button.removeFromBasket
{
	width: 143px;
	background-position: 0 -96px;
}

button.removeFromBasket.hover { background-position: 0 -120px; }

button.checkoutBasket
{
	width: 75px;
	background-position: 0 0px;
}

button.checkoutBasket.hover { background-position: 0 -24px;}

#termsFrame {
	border:1px solid #D1ECF6;
	height:120px;
	margin-top:10px;
	overflow-y:scroll;
	position:relative;
}
#termsExpand {
	text-align:right;
	font-size: 12px;
	margin-left:20px;
}

/*---------------------------------------------------------------------------*/
/* Side - Mini Gallery */
/*---------------------------------------------------------------------------*/

#contentSide .gallery
{
	float: left;
	margin-bottom: 50px;
}

#contentSide .gallery h5
{
	border-bottom: 1px #e8e8e8 solid;
	color: #4B4B4B;
	padding-bottom: 2px;
	font-size: 22px;
}

#contentSide .gallery .wrapper
{
	margin-top: 10px;
	float: left;
}

#contentSide .gallery .wrapper a
{
	border: 1px solid #E4F6FD;
	float: left;
	margin: 10px 10px 0 0;
	padding: 3px;
	display: inline;
}

#contentSide .gallery .wrapper a.last
{
	margin: 10px 0 0 0;
}

#contentSide .gallery .wrapper a:hover
{
	border: 1px solid #6392C2;
}


/*---------------------------------------------------------------------------*/
/* Gallery */
/*---------------------------------------------------------------------------*/

#galleryList .galleryItemWrapper
{
	float: left;
	margin: 0 20px 20px 0;
	display: inline;
	text-align: center;
}

#galleryList .galleryItemWrapper a
{
	display: block;
	position: relative;
}

#galleryList .galleryItemWrapper img
{
	width: 180px;
	height: 120px;
}

#galleryList .galleryItem h6
{
	margin: 5px 0 !important;
	padding-right: 13px;
}

#thumbs .galleryItemWrapper
{
	float: left;
	width: auto;
	margin: 0 5px 0 0;
}

#thumbs .galleryItemWrapper a.image
{
	border: 1px solid #ddd;
	display: block;
	margin: 20px 13px 0 0;
	padding: 5px;
	position: relative;
}

#thumbs .galleryItemWrapper a.image:hover
{
	border: 1px solid #e06a00;
}

/*---------------------------------------------------------------------------*/
/* Staff Profiles */
/*---------------------------------------------------------------------------*/

div.individual
{
	float: left;
	margin: 0 5px;
	text-align: center;
	width: auto;
}

div.individual a
{
	border: 1px solid #ddd;
	display: block;
	margin: 20px 13px 0 0;
	padding: 5px;
	position: relative;
	text-align: center;
}

div.individual a:hover
{
	border: 1px solid #9F7734;
}



/*---------------------------------------------------------------------------*/
/* News */
/*---------------------------------------------------------------------------*/


div.newsitemContent img 
{
	border: 1px solid #ddd;
	padding: 5px;
	margin: 5px 10px;
}

div.newsitemContent p.date 
{
	padding-top: 20px;
	clear: both;
}

#newsitemList .newsitem
{
	float: left;
	border-bottom: 1px #CCC solid;
	padding: 30px 0 30px 0;
}

#newsitemList .newsitem h2
{
	margin: 0 !important;
}

#newsitemList .newsitem .details
{
	color: #aaa;
	font-size: 85%;
}






/*---------------------------------------------------------------------------*/
/* Pagination */
/*---------------------------------------------------------------------------*/


div.pagination
{
	font-size: 85%;
	margin: 15px 0 10px 0px;
	color: #aaa;
	float: left;
}

div.pagination a, div.pagination span
{
	background-color: #ddd;
	padding: 2px 3px;
	margin-right: 3px;
	color: #777;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.pagination a:hover
{
	background-color: #2475b6;
	color: #fff;
	text-decoration: none !important;
}

div.pagination span.paginationOn
{
	background-color: #0b5fa3;
	color: #fff;
}


/*---------------------------------------------------------------------------*/
/* Links */
/*---------------------------------------------------------------------------*/

#contentMain ul.bullet li 
{
	list-style-type: circle;
}



/*---------------------------------------------------------------------------*/
/* JQuery Tabs */
/*---------------------------------------------------------------------------*/

#tabs 
{
	margin: 20px 0px;
}

#tabs div ul li { margin: 5px 0 5px 0; }

#tabs div ul li a
{
	padding-right: 10px;
	background-image: url(../images/elements/externalLink.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #6392C2;
}

#tabs div ul li a:hover { color: #e06a00; }






/** chris **/




a.buynow 
{
	color: #9F7734;
	font-weight: bold;
	text-decoration: none;
}

a.buynow:hover
{
	text-decoration: underline;
}



