/* CSS Document */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 829px;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 12px;
	background: url(images/bg-main-image.gif) top left repeat-x;
	}

p form h1 h2 table
{
margin: 0;
padding: 0;
}

#toplogin
{
margin-left: auto;
margin-right: auto;
width: 829px;
height: 25px;
text-align: right;
color: #FFFFFF;
margin-top: 5px;
overflow: hidden;
}

#toplogin a
{
text-decoration: underline;
color:#FFFFFF;
}


#container
{
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 829px;
height: auto;
}


#header
{
width: 829px;
height: 47px;
float: left;
}

#headerlogo
{
width: 694px;
height: 47px;
float: left;
background: url(images/hampstead_logo.gif) top left no-repeat;
}

#headershop
{
width: 135px;
height: 47px;
float: left;
}

#navbar
{
width: 829px;
height: 34px;
float: left;
}

#navbar img
{
float: left;
}


#subnavbar
{
width: 829px;
height: 20px;
float: left;

}

#subnavbar a
{
text-decoration: none;
margin: 0 10px 0 10px;
color: #000000;
font: Tahoma, Arial, sans-serif;
font-weight: bold;
}

#subnavbar a:hover
{
text-decoration: underline;
margin: 0 10px 0 10px;
color: #000000;
font: Tahoma, Arial, sans-serif;
font-weight: bold;
}

#subnav_1
{
width: 500px;
height: 20px;
float: left;
display: none;
line-height: 18px;
padding-left: 160px;
}

#subnav_2
{
width: 500px;
height: 20px;
float: left;
text-align: center;
display: none;
line-height: 18px;
padding-left: 50px;
}

#subnav_3
{
width: 560px;
height: 20px;
float: left;
text-align: center;
display: none;
line-height: 18px;
padding-left: 180px;
}

#subnav_4
{
width: 350px;
height: 20px;
float: left;
line-height: 18px;
padding-left: 460px;
display: none;
}


#maincontainer
{
width: 829px;
height: auto;
background: url(images/bg-content.gif) top left repeat-y;
float: left;
padding-bottom: 20px;
}

#footer
{
width: 829px;
height: 58px;
float: left;
background: url(images/footer-img.jpg) top left no-repeat;
}

#footerlinks
{
width: 829px;
height: 58px;
float: left;
text-align: left;
color: #999999;
}

#footerlinks a
{
text-decoration: underline;
color: #999999;
font-size: 12px;
}

#footerlinks a:hover
{
text-decoration: underline;
color: #000000;
font-size: 12px;
}

/* ----------------- Why Use Us ------------ */

.whyuseimageleft
{
width: 100px;
height: 100px;
float: left;
}

.whyuseimageright
{
width: 100px;
height: 100px;
float: right;
}


.whyusetext
{
width: 570px;
height: 400px;
float: left;
}


/* ----------------- About US ------------ */

.aboutimage
{
width: 150px;
height: 150px;
float: left;
overflow: hidden;
padding-bottom: 10px;
padding-top: 10px;
}

.abouttext
{
width: 600px;
height: auto;
float: left;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 2px dotted #000000;
}

.aboutphead
{
font-size: 16px;
font-weight: bold;
}


/* ----------------- TESTIMONIALS ------------ */

.testholder
{
width: 760px;
height: auto;
float: left;
padding-bottom: 10px;
}

.testiimage
{
width: 100px;
height: 100px;
float: left;
overflow: hidden;
padding-top: 10px;
padding-right: 10px;
}

.testitext
{
width: 650px;
height: auto;
float: left;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 2px dotted #000000;
}


/* ----------------- Register ------------ */


#regheaderold
{
width: 829px;
height: 221px;
float: left;
background:  url(images/header-full-logo-only.jpg) top left no-repeat;
}

#regheader
{
width: 829px;
height: 162px;
float: left;
background:  url(images/header-sub-pages.jpg) top left no-repeat;
}


#regholder
{
width: 809px;
height: auto;
float: left;
padding: 0 10px 0 10px;
}

#regleft
{
width: 400px;
height: 600px;
float: left;
background-color: #ceebd6;
}

#regright
{
width: 400px;
height: 600px;
float: right;
background-color: #ceebd6;
}

.regh1
{
color: #e49c01;
margin: 30px 0 0 20px;
font-size: 30px;
}

.regh2
{
color: #000000;
margin: 0;
font-size: 16px;
}

.regh1reduced
{
color: #e49c01;
margin: 50px 0 0 20px;
font-size: 24px;
}


.alleft
{
text-align: left;
}

.alright
{
text-align: right;

}

/* ----------------- My Account ------------ */

.myp
{
color: #0d9938;
margin: 5px 0 0 20px;
font-size: 12px;
color: #000000;
}

.myp a
{
text-decoration: underline;
color: #0d9938;
font-size: 12px;
color: #000000;
}

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

#homenewscont
{
width: 585px;
height: auto;
float: left;
padding: 0 10px 0 10px;
}

#homeleft
{
width: 600px;
height: auto;
float: left;
}

#newsheading
{
width: 599px;
height: 49px;
float: left;
background: url(images/h-latest-news.gif) top left no-repeat;
}

#homeright
{
width: 217px;
height: auto;
float: right;
}

#newsletterheading
{
width: 217px;
height: 48px;
float: left;
background: url(images/h-newsletter.gif) top left no-repeat;
}

.newsholder
{
width: 218px;
height: auto;
float: left;
}

.newsleftop
{
width: 218px;
height: 13px;
float: left;
background: url(images/bg-news-header-left.gif) bottom left no-repeat;
}

.newsleftmain
{
width: 218px;
height: 330px;
float: left;
background-color: #EFECEC;
}

.newsleftmain img
{
padding-left: 12px;
}

.newslefbot
{
width: 218px;
height: 11px;
float: left;
background: url(images/bg-news-footer-left.gif) top left no-repeat;
}

.newsh1
{
color: #8EB832;
font-size: 14px;
text-align: left;
padding: 0;
margin: 5px 10px 0 10px;
}

.newsp
{
font-size: 12px;
margin: 5px 10px 0 10px;
}


.newsholderright
{
width: 362px;
height: auto;
float: right;
}

.newsrighttop
{
width: 362px;
height: 13px;
float: left;
background: url(images/bg-news-header-right.gif) bottom left no-repeat;
}

.newsrightmain
{
width: 362px;
height: auto;
float: left;
background-color: #EFECEC;
}

.newsrightmain img
{
padding-left: 5px;
}

.newsrightbot
{
width: 362px;
height: 13px;
float: left;
background: url(images/bg-news-footer-right.gif) top left no-repeat;
}

.rightnewsholder
{
width: 362px;
height: auto;
float: left;
}

.rightnewsholder img
{
float: left;
margin: 0;
padding: 0;
}

.rightnewsimage
{
width: 105px;
height: auto;
float: left;
padding-right: 5px;
}

.rightnewsimage img
{
float: right;

}

.rightnewsdots
{
width: 362px;
height: 13px;
float: left;
background: url(images/divider-greyandots.gif) top left no-repeat;
}

.rnewsp
{
margin: 0 5px 0 5px;
padding: 0;
}

.newsh2
{
color: #8EB832;
font-size: 14px;
text-align: left;
padding: 0 0 0 10px;
margin: 0 0 0 0;
}

/* ----------------- FAQ ------------ */


.section
{
	padding: 0 0 5px 0; 
	margin: 5px 0 0 0;
	display:none;
}

#faq {
	margin:0;
	padding:0;
	}
		
#faq li {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	font-size: 12px;
	}
	
#faq a {
	text-decoration: underline;
	font-weight:bold;
	color: #e49c01;
	padding: 0;
	}

#faq a:hover {
	text-decoration:none;
	font-weight:bold;
	color: #e49c01;
	padding: 0;
	}
	
/* ----------------- Trials ------------ */

#innercontent
{
width: 790px;
height: auto;
float: left;
padding: 15px;
}

.eventbackg
{
width: 288px;
height: 50px;
float: left;
background: url(images/bg-shop-header3.gif) top left no-repeat;
margin: 10px;
text-align: center;
}

.eventbackg a
{
text-decoration: underline;
color: #000000;
}

.eventp
{
margin-left: 5px;
}

.eventp a
{
text-decoration: underline;
color: #e49c01;
font-weight: bold;
}

/* ----------------- Login/Register ------------ */

#loginbox
{
width: 350px;
height: 150px;
float: left;
background-color: #ceebd6;
border: 1px solid #CCCCCC;
}

#loginboxhead
{
width: 350px;
height: 20px;
float: left;
line-height: 18px;
background-color: #e49c01;
color: #FFFFFF;
text-align: center;
font-weight: bold;
}

#loginmain
{
width: 310px;
height: 100px;
margin-left: auto;
margin-right: auto;
}

#loginboxr
{
width: 250px;
height: 150px;
float: left;
background-color: #ceebd6;
border: 1px solid #CCCCCC;
margin-left: 10px;
}

#loginboxheadr
{
width: 250px;
height: 20px;
float: left;
line-height: 18px;
background-color: #e49c01;
color: #FFFFFF;
text-align: center;
font-weight: bold;
}

#loginmainr
{
width: 200px;
height: 100px;
margin-left: auto;
margin-right: auto;
}

/* ----------------- Payment Page ------------ */
.orangheading
{
color: #e49c01;
}

.whiteheading
{
color: #FFFFFF;
font-weight: bold;
}

.greyheading
{
color: #000000;
font-weight: bold;
}

.greyheading a
{
text-decoration: underline;
color: #e49c01;
font-weight: bold;
}

.middlethreed
{
margin-left: 200px;

}

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

#newscontent
{
width: 790px;
height: auto;
float: left;
padding: 15px;
}

#newscontent img
{
float: left;
margin-right:  5px;
margin-bottom: 5px;
}

.newsdetailp
{
margin: 10px 0 10px 0;
padding: 0;
}

#bbcnews
{
width: 590px;
height: auto;
float: left;
}

.newsarticle{
	border: 1px solid #8EB832;
	text-align:left;
	margin: 10px 0 10px 0;
	padding: 0 0 15px 0;
	width: 580px;
	height: 100px;
	background: #EFECEC;
}
.newsarticle p {
padding: 0 0 0 7px;
}
.newsarticle a {
padding:0;
margin: 0;
color:#8EB832;
text-decoration: underline;
}
.newsarticle a:hover {
text-decoration: none;

}
.newsarticle h3{
	padding: 7px 7px 0 7px;
	margin:0; 
	color: #8EB832;
	font: bold 14px Arial, Helvetica, sans-serif;
}

/* ----------------- Sports Pages ------------ */

.sporth2
{
color: #e49c01;
margin: 10px 0 0 5px;
font-size: 20px;
text-decoration: none;
}

.sporth2 a
{
text-decoration: none;
color: #e49c01;
margin: 10px 0 0 5px;
font-size: 20px;
}

.sportsp
{
margin: 10px 0 10px 30px;
padding: 0;
}

.sportsp a
{
text-decoration: none;
color: #000000;
}

.sportsp a:hover
{
text-decoration: underline;
color: #000000;
}


/* ----------------- SHOP ------------ */

#sortholder
{
width: 750px;
height: 30px;
float: left;
}

.shoppingbutton
{
width: 150px;
height: 25px;
float: left;
background: url(images/bu-side-promo-orange.gif) top left no-repeat;
}

.shoppingbutton a
{
text-decoration: underline;
color: #FFFFFF;
font-weight: bold;
}

.thumbholder
{
width: 170px;
height: 230px;
float: left;
margin: 10px;
border: 1px solid #e49c01;
}

.thumbtitle
{
width: 170px;
height: 19px;
float: left;
background: url(images/basket-bk.gif) top left repeat-x;
text-align: center;
line-height: 18px;
}

.thumbtitle h2
{
font-size: 12px;
font-weight: bold;
color: #e49c01;
}

.thumbtitle h2 a
{
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #e49c01;
}

.thumbtitle h2 a:hover
{
font-size: 12px;
font-weight: bold;
text-decoration: underline;
color: #e49c01;
}

.thumbtitleother
{
width: 170px;
height: auto;
float: left;
text-align: center;
}

.thumbtitleother h2
{
font-size: 14px;
font-weight: bold;
color: #e49c01;
margin: 0;
padding: 0;
}

.thumbtitleother h2 a
{
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #e49c01;

}

.thumbtitleother h2 a:hover
{
font-size: 14px;
font-weight: bold;
text-decoration: underline;
color: #e49c01;
}

.thumbtitleother p
{
margin: 0;

}

.green
{
color: #8EB832;
}

/* ----------------- MORE INFO ------------ */


#imageholder
{
width: 400px;
height: 400px;
float: left;
margin: 10px 0 0 15px;
border: 1px solid #e49c01; 
}

#descholder
{
width: 350px;
height: auto;
float: left;
margin: 10px 0 0 15px;
border: 1px solid #e49c01;
padding-bottom: 10px;
}

.desch2
{
font-size:18px; 
font-weight:normal; 
margin: 5px;
text-align: left;
color: #e49c01;
}


.descp
{
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 5px;
text-align: left;
}

.style1
{
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
color: #FF0000
}

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

.basketheads
{
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #e49c01;
height: 20px;
color: #FFFFFF;
text-align: center;

}

.basketline
{
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

.basketline a
{
text-decoration: none;
color:#000000;
}

.basketline a:hover
{
text-decoration: underline;
color:#930;
}

.dottedline
{
border-bottom: dotted 1px #000000;
}