@charset "utf-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Verdana, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 0;
  background-color: #161616;
  color: #CCCCCC;
  FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
  min-width: 940px;
  text-align: center;
}


a:link {text-decoration: underline; color: #ffcc00; background-color: transparent;}
a:visited {text-decoration: underline; color: #ffcc00; background-color: transparent;}
a:hover {text-decoration: none; color: #ffcc00; background-color: transparent;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER--*/
.headerArea {float: left; display: inline; width: 940px; height: 100px; margin: 0 0 0 0; padding: 0;}
	.headerArea img {border: 0;}

.headerLogo {float: left; display: inline; width: 280px; height: 41px; margin: 33px 0 0 25px;}

.headerPhone {float: right; display: inline; width: 280px; height: 27px; margin: 42px 25px 0 0;}
	
/*-- NAV BAR --*/
.navbar {float: left; display: inline; width: 940px; height: 37px; background: url(images/navbar_bg.gif) top left no-repeat #373737;}
	.navbar ul {display: inline; float: left; list-style: none; margin: 10px 0 0 0; padding: 0;}
	.navbar li {display: inline; float: left; margin: 0;}
	.navbar li a {display: inline; float: left; height: 19px;}
	.navbar li span {display: none;}

#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 39px; height: 19px; margin: 0 42px 0 25px;}
#nav01 a:hover {background: url(images/nav_home_on.gif) top left no-repeat; margin: 0 42px 0 25px;}
#nav01on a {background: url(images/nav_home_on.gif) top left no-repeat; width: 39px; height: 19px; margin: 0 42px 0 25px;}

#nav02 a {background: url(images/nav_ghd_machine_off.gif) top left no-repeat; width: 169px; height: 19px; margin: 0 42px 0 0;}
#nav02 a:hover {background: url(images/nav_ghd_machine_on.gif) top left no-repeat; margin: 0 42px 0 0;}
#nav02on a {background: url(images/nav_ghd_machine_on.gif) top left no-repeat; width: 169px; height: 19px; margin: 0 42px 0 0;}

#nav03 a {background: url(images/nav_potential_earnings_off.gif) top left no-repeat; width: 124px; height: 19px; margin: 0 42px 0 0;}
#nav03 a:hover {background: url(images/nav_potential_earnings_on.gif) top left no-repeat; margin: 0 42px 0 0;}
#nav03on a {background: url(images/nav_potential_earnings_on.gif) top left no-repeat; width: 124px; height: 19px; margin: 0 42px 0 0;}

#nav04 a {background: url(images/nav_faqs_off.gif) top left no-repeat; width: 34px; height: 19px; margin: 0 42px 0 0;}
#nav04 a:hover {background: url(images/nav_faqs_on.gif) top left no-repeat; margin: 0 42px 0 0;}
#nav04on a {background: url(images/nav_faqs_on.gif) top left no-repeat; width: 34px; height: 19px; margin: 0 42px 0 0;}

#nav05 a {background: url(images/nav_about_us_off.gif) top left no-repeat; width: 62px; height: 19px; margin: 0 42px 0 0;}
#nav05 a:hover {background: url(images/nav_about_us_on.gif) top left no-repeat; margin: 0 42px 0 0;}
#nav05on a {background: url(images/nav_about_us_on.gif) top left no-repeat; width: 62px; height: 19px; margin: 0 42px 0 0;}

#nav06 a {background: url(images/nav_suggest_a_location_off.gif) top left no-repeat; width: 131px; height: 19px; margin: 0 42px 0 0;}
#nav06 a:hover {background: url(images/nav_suggest_a_location_on.gif) top left no-repeat; margin: 0 42px 0 0;}
#nav06on a {background: url(images/nav_suggest_a_location_on.gif) top left no-repeat; width: 131px; height: 19px; margin: 0 42px 0 0;}

#nav07 a {background: url(images/nav_contact_us_off.gif) top left no-repeat; width: 78px; height: 19px; margin: 0 0 0 0;}
#nav07 a:hover {background: url(images/nav_contact_us_on.gif) top left no-repeat; margin: 0 0 0 0;}
#nav07on a {background: url(images/nav_contact_us_on.gif) top left no-repeat; width: 78px; height: 19px; margin: 0 0 0 0;}

/*-- HOME PAGE INTRO --*/
.homeIntro {float: left; display: inline; width: 890px; height: 259px; background: url(images/home_intro_bg.jpg) bottom right no-repeat #161616; margin: 0 0 0 25px;}
	.homeIntro h1 {text-indent: -9999px; font-size: 12px; background: url(images/home_intro_strapline.gif) top left no-repeat; width: 362px; height: 32px; margin: 40px 0 10px 0;}
	.homeIntro p {font-size: 14px; width: 585px; line-height: 1.5em; color: #CCCCCC; margin: 0.5em 0 0.5em 0;}
	.homeIntro h6 {font-size: 14px; width: 585px; line-height: 1.5em; color: #CCCCCC; margin: 15px 0 0 0;}
	
/*-- HOME MAIN AREA --*/
.homeMainAreaHolder {float: left; display: inline; width: 940px; margin: 0;}
.homeMainAreaTop {float: left; display: inline; width: 940px; margin: 0;}

.homeMainArea {float: left; display: inline; width: 940px; height: 340px; background: url(images/home_lower_bg.jpg) bottom right no-repeat #2e2e2e;}

.homeBoxout {float: left; display: inline; width: 280px; margin: 25px 0 0 25px;}
	.homeBoxout h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 0 0;}
	.homeBoxout p {font-size: 14px; line-height: 1.5em; color: #CCCCCC;}
	.homeBoxout h6 {font-size: 12px; line-height: 1.2em; margin: 20px 0 10px 0;}

#homeSubGHDVendingMachine {background: url(images/home_sub_ghd_vending_machine.gif) top left no-repeat; width: 280px; height: 35px;}
#homeSubExtraEarnings {background: url(images/home_sub_extra_earnings.gif) top left no-repeat; width: 280px; height: 35px;}

/*-- FOOTER --*/
.footer {float: left; display: inline; width: 890px; margin: 0 0 0 25px; padding: 20px 0 30px;}
	.footer p {font-size: 12px; color: #CCCCCC; line-height: 1.2em; margin: 0;}

.footerLeft {float: left; display: inline;}
.footerRight {float: right; display: inline;}

.iconFacebook {background: url(images/icon_facebook.gif) center left no-repeat; padding: 0 0 0 22px;}

/*-- TITLE AREA --*/
.titleArea {float: left; display: inline; width: 890px; height: 84px; background-color: #161616; margin: 0 0 0 25px;}
	.titleArea h1 {text-indent: -9999px; font-size: 12px; width: 800px; height: 38px; margin: 24px 0 0 0;}

#titleGHDVendingMachine {background: url(images/title_the_ghd_vending_machine.gif) top left no-repeat;}
#titlePotentialEarnings {background: url(images/title_potential_earnings.gif) top left no-repeat;}
#titleFAQs {background: url(images/title_faqs.gif) top left no-repeat;}
#titleAboutUs {background: url(images/title_about_us.gif) top left no-repeat;}
#titleSuggestALocation {background: url(images/title_suggest_a_location.gif) top left no-repeat;}
#titleContactUs {background: url(images/title_contact_us.gif) top left no-repeat;}
#titleThankYou {background: url(images/title_thank_you.gif) top left no-repeat;}

/*-- MAIN CONTENT AREA --*/
.contentAreaHolder {float: left; display: inline; width: 940px; margin: 0;}
.contentAreaTop {float: left; display: inline; width: 940px; margin: 0;}

.contentArea {float: left; display: inline; width: 940px; background: url(images/main_area_bottom.gif) bottom right no-repeat #2e2e2e; padding: 0 0 20px 0;}

/*-- MAIN COLUMN --*/
.contentMainColumn {float: left; display: inline; width: 650px; margin: 20px 25px 0 25px;}
	.contentMainColumn h4 {font-size: 16px; font-weight: normal; line-height: 1.5em; color: #FFFFFF;}
	.contentMainColumn p {font-size: 14px; line-height: 1.5em; color: #CCCCCC;}
	.contentMainColumn h2 {font-size: 18px; font-weight: bold; color: #FFFFFF; margin: 1em 0 0.5em 0;}
	.contentMainColumn h3 {font-size: 16px; font-weight: bold; line-height: 1.5em; color: #FFFFFF; margin: 1.2em 0 -0.5em 0;}
	.contentMainColumn h6 {font-size: 12px; font-weight: normal; color: #d6e0ea; line-height: 1.5em;}
	.contentMainColumn h6 em {color: #fbad18;}
	.contentMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.contentMainColumn label {font-size: 14px; font-weight: bold; color: #FFFFFF; width: 136px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0;}
	.contentMainColumn label em {color: #fbad18;}
	.contentMainColumn ul {font-size: 14px; color: #CCCCCC;}
	.contentMainColumn li {line-height: 1.8em; list-style: square;}

.formContactText {width: 436px; border: 1px solid #585858; background-color: #2e2e2e; color: #FFFFFF; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.formContactSelect {width: 430px; background-color: #FFFFFF; font-size: 14px; color: #333333; padding: 4px;}
.formButtonSendForm {float: left; display: inline; margin: 5px 0 10px 156px;}
	
/*-- RIGHT COLUMN --*/
.contentRightColumn {float: right; display: inline; width: 210px; margin: 25px 25px 0 0;}
	.contentRightColumn h2 {text-indent: -9999px; font-size: 12px; margin: 20px 0 0 0;}
	.contentRightColumn p {font-size: 14px; color: #CCCCCC; line-height: 1.5em;}
	.contentRightColumn p strong {font-weight: bold; color: #FFFFFF;}
	
#colHeadContactDetails {background: url(images/col_head_contact_details.gif) top left no-repeat; width: 210px; height: 35px;}

.rhBanner {float: left; display: inline; margin: 0 0 25px 0;}