/** ..:: Hairfree ::.. **/

* { padding: 0; margin: 0; }

/* Universal */

body { font: Arial; font-size: 13px; margin: 0px; padding: 0px; background: #044d82 url(/Resources/HF/Sites/HF/Layout/bg_site.jpg) top left repeat-x; font-family: Arial,Helvetica,sans-serif; color: #666; }

a { outline: none; color: #006ead; text-decoration:none; }
a:hover { color: #3b9fef; }

#layout_area_body a { border-bottom: 1px dotted; }
#layout_area_body a:hover { border-bottom-style: solid;  }

img { border: 0; }

p { margin: 10px 0px; line-height: 1.4em; }
ol { margin: 10px 0px 10px 30px; line-height: 1.5em; }
ul { list-style-type: none; margin:  10px 0 10px 20px; line-height: 1.5em; }
ul li { 
	background: url('/Resources/HF/Sites/HF/Layout/img_bullet.png') 0px 6px no-repeat;
	padding: 0px 0px 5px 15px;
}

.is_ie ul { zoom: 1; }


/* Structure */
.layout_table { table-layout: fixed; width: 100%; position: relative; }
.layout_td { vertical-align: top; position: relative; }

.layout_area_body { padding: 10px; margin: 20px 0 0; background-color: white; min-height: 380px; height: 400px; height: auto !important; width: 980px; }

.col_layout_main { width: 1000px; }
.col_left { border-right: 1px solid #ddd; width: 280px; padding: 20px; }
.col_main { padding: 20px; min-width: 280px; max-width: 500px; }
.col_right { width: 300px; border-left: 1px solid #ddd; padding: 20px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .col_right  { width: 340px; }
 .col_left { width: 320px; }
}

.image-align-left { float: left; } .image-align-right { float: right; }

/* Common */

.clearfix { clear: both; }

.hide { display: none; }
.hair_removal_in { text-indent: -999em; display: block; height: 1px; overflow: hidden; }
.is_ie .hair_removal_in { display: none; }

h1, h2, h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; color: #111; font-weight: bold; }
h3 { font-size: 12px; text-transform: uppercase; color: #006EAD; margin-top: 20px; }

/* Image Popups */
.aurora-images-overlay { position: fixed; z-index: 100; background-color: black; }
.aurora-images-box { position: absolute; z-index: 200; background-color: #f7f7f7; -moz-box-shadow: 0 1px 10px black; }
.aurora-images-bottom { position:absolute; top:0; visibility: visible!important; opacity: 1!important; }
.aurora-images-close { cursor: pointer; display:block; height:28px; margin: -12px; position:absolute; width:28px; z-index:300; background:transparent url(/Platforms/Aurora/Images/Gallery/Close.png) no-repeat scroll left top; }

/* Structure */

.page-container { background: url('/Resources/HF/Sites/HF/Layout/bg_site.jpg') top left repeat-x; width: 1000px; margin: 0 auto; }
#layout_area_body { border-bottom: 4px solid #e5e5e5; }

/* Header */

#header { position: relative; margin-top: 20px; padding: 15px 20px 35px 270px; height: 72px; color: white; background: url('/Resources/HF/Sites/HF/Layout/bg_header.png') top left no-repeat; }

#header .heading { margin-top: 15px; text-transform: uppercase; font-size: 24px; color: white; }
#header .subheading { font-size: 20px; font-weight: lighter; color: #d2e6f3; }
#header .logo { display: block; position: absolute; top: 20px; left: 20px; width: 220px; height: 80px; text-indent: -999em; background: url('/Resources/HF/Sites/HF/Layout/logo.png') top left no-repeat; }

#header .number { color: #D2E6F3; font-size: 15px; }
#header .number .call { font-size: 18px; color: white !important; }

#header .buttons { float: right; text-align: center; font-size:  width: 200px; padding: 10px 0 10px 30px; background: url('/Resources/HF/Sites/HF/Layout/bg_headerButtons.png') center left no-repeat; }
#header .button { display: block; text-shadow: 0 1px 0 white; width: 200px; margin-bottom: 4px; padding: 10px 0 14px; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; color: #3b95d5; background: url('/Resources/HF/Sites/HF/Images/Buttons/header.png') top left no-repeat; }
#header a.button:hover { color: #0070bf; }

/* Horizontal Navigation */

#horizontalNav { overflow: hidden; height: 54px; padding: 0 20px; background: white url('/Resources/HF/Sites/HF/Layout/bg_hNav.png') top left repeat-x; border-bottom: 4px solid #399cee; }
#horizontalNav a { display: block; float: left; padding: 20px; color: #006ead; font-weight: bold; text-decoration: none; }
#horizontalNav a:hover { color: #111; }
#horizontalNav span { display: block; }
#horizontalNav .selected,#horizontalNav .selected:hover { color: white; background: url('/Resources/HF/Sites/HF/Layout/hNav_selected.png') top left repeat-x; }


/* New Centres */

#new_centres { overflow: hidden; }

#new_centres h2 { margin-bottom: 20px; }
#new_centres h2 span { text-transform: uppercase; color: #ae0053; }

#new_centres .location { display: block; float: left; width: 75px; margin: 0 2px 2px 0; padding: 10px; border: 1px solid #ddd; font-size: 11px; text-decoration: none; }
#new_centres .location .suburb { font-weight: bold; }
#new_centres .location .state { font-size: 10px; color: #999; }

#new_centres .location:hover { border-color: white; background-color: #3b9fef; color: white; }
#new_centres .location:hover .state { color: white; }

/* Buttons */

.button, .button:hover { display: block; float: left; color: white; font-size: 12px; text-decoration:none; }
.button span { display: block; }

.button .icon.back { padding-left: 20px; background: url('/Resources/HF/Sites/HF/Images/Icons/white_arrow-back.png') center left no-repeat; }
.button .icon.forward { padding-right: 20px; background: url('/Resources/HF/Sites/HF/Images/Icons/white_arrow-forward.png') center right no-repeat; }
.button .icon.cross { padding-left: 15px; background: url('/Resources/HF/Sites/HF/Images/Icons/white_x.png') center left no-repeat; }

.button .wrap1 { padding-left: 20px; }
.button .wrap2 { padding: 7px 20px 7px 0; }

.button.grey .wrap1 { background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/grey.png') no-repeat left top; }
.button.grey .wrap2 { background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/grey.png') no-repeat right top; }

.button.green .wrap1, .button.finish:hover .wrap1 { background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/green.png') no-repeat left top; }
.button.green .wrap2, .button.finish:hover .wrap2 { background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/green.png') no-repeat right top; }

.button.blue .wrap1, .button.grey:hover .wrap1 { background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/blue.png') no-repeat left top; }
.button.blue .wrap2, .button.grey:hover .wrap2  { background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/blue.png') no-repeat right top; }

.button.green .wrap1, .button.finish:hover .wrap1 { background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/green.png') no-repeat left top; }
.button.green .wrap2, .button.finish:hover .wrap2 { background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/green.png') no-repeat right top; }

.button.pink .wrap1, .button.cancel:hover .wrap1 { background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/pink.png') no-repeat left top; }
.button.pink .wrap2, .button.cancel:hover .wrap2 { background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/pink.png') no-repeat right top; }

.bttn_grey { display: block; float: left; color: #000000; font-weight: bold; font-size: 15px; text-shadow: 0px 1px 0 white; border-bottom: none !important; }
.bttn_grey:hover { color: #006EAD; }
.bttn_grey span { display: block; }
.bttn_grey .wrap1 {
	background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/bttn_grey_left.png') top left no-repeat;
	padding-left: 23px;
}

.bttn_grey .wrap2 {
	background: transparent url('/Resources/HF/Sites/HF/Images/Buttons/bttn_grey_right.png') top right no-repeat;
	padding: 9px 23px 9px 0px;
}

.is_ie7 .bttn_grey .wrap1 { padding-top: 0px; zoom: 1; }
.is_ie7 .bttn_grey .wrap2 { zoom: 1; }

.is_ie6 .bttn_grey { white-space: nowrap; width: 1px; cursor: pointer !important; }
.is_ie6 .bttn_grey .wrap1 { padding-top: 0px; zoom: 1; cursor: pointer !important; }
.is_ie6 .bttn_grey .wrap2 { zoom: 1; cursor: pointer !important; }

#get_flash { font-size: 10px; }


/* Messages */

.feedback-message { background:rgba(244, 209, 55, 0.3) none repeat scroll 0 0; color:#645F46; 	padding:8px; }


/* Footer */

#footer { padding: 0 20px 20px; overflow: hidden; background-color: rgba(0,0,0,0.1); }

#footer .state { vertical-align: top; clear: both; padding: 20px 0 0; }
#footer .state .title { color: white; font-weight: bold; }
#footer .state .title small { color: rgba(255,255,255,0.6); font-weight: normal; }
#footer .location { display: block; float: left; padding: 4px 10px 4px 0; margin-bottom: 4px text-decoration: none; font-size: 12px; color: #ffd244; }
#footer .location:hover { color: white; }

.is_ie6 #footer { padding-top: 20px; background-color: #004476; float: left; width: 960px; }

.is_ie6 #footer .state { padding: 5px 0 0; }
.is_ie6 #footer .location { white-space: nowrap; width: 1px; }

/* Copyright */

#copyright { padding: 20px 3px; color: #9ab2c4; font-size: 11px; }
#copyright a { color: #9ab2c4; text-decoration: none; }
#copyright a:hover { color: white; }
#copyright .text { padding: 10px 0px 0px 0px; }
#copyright .logo a { float: right; display: block; height: 25px; padding: 10px 60px 0px 0px; background: url('/Resources/JazeDigital/jaze_logo.png') top right no-repeat; }
#copyright .logo span { display: none; }

/* IE6 Fix */

.is_ie6 #header { padding-bottom: 10px; }