@charset "UTF-8";
/* DAVID ROZMAN - M.Tyas 2010 for Planet Code */

* {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;	
}

body {
	font-family:Verdana, Geneva, sans-serif;
	background-color:#4C4C4C;
	text-align:center;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 12px;
}

.clearer {
	clear: both;
	width: 954px;
	height: 0px;
}

.clearer_ff {
	clear: both;
	width: 954px;
	height: 0px;
}

/*************************************************************** BASIC LAYOUT */

#outer_wrapper {
	background:url(../images/bg.gif) repeat-x #4C4C4C;
	width: 960px;
	padding: 32px;
	margin: 0 auto;
}

#global_wrapper {
	padding: 0px;
	width:954px;
	text-align:left;
	border: 3px solid #fff;
}

h1 {
	color: #7c6c76;
	font-size: 16px;
	margin-bottom: 15px;
	font-weight:lighter;
}

.image {
	padding: 0px 0px 10px 10px;
	float: right;
}

.pink {
	color: #bb6ca5;	
}

p {
	color: #252122;
	font-size: 12px;
	margin-bottom: 15px;
}

/*********************************************** HEADER */

#header {
	width: 954px;
	height: 127px;
	background-color:#ebebeb;
}

#brand {
	width: 164px;
	height: 83px;
	padding: 5px 0px 0px 20px;
	float: left;
}

#social_networks {
	width: 400px;
	height: 107px;
	padding: 20px 20px 0px 330px;
	float: left;
}

#social_networks_btns {
	width: 430px;
	height: 25px;
}

.sign_up {
	border: 1px solid #898989;
	background-color:#ebebed;
	float: left;
	width: 110px;
	height: 23px;
	text-align:center;
	margin-left:4px;
}	

.sign_up a {
	color:#768a05;
	font-size:12px;
	text-decoration:none;
	display:block;
	width: 110px;
	padding-top: 3px;
	height: 18px;
}

.sign_up a:hover {
	color:#898989;
	text-decoration:none;
}

.login {
	border: 1px solid #898989;
	background-color:#ebebed;
	float: left;
	width: 90px;
	height: 23px;
	text-align:center;
	margin: 0px 4px 0px 4px;
}	

.login a {
	color:#794c6d;
	font-size:12px;
	text-decoration:none;
	display:block;
	width: 90px;
	padding-top: 3px;
	height: 18px;
}

.login a:hover {
	color:#898989;
	text-decoration:none;
}

.networks {
	width: 25px;
	height: 25px;
	float: left;
	margin: 0px 0px 0px 4px;
}

/*********************************************** SEARCH */

#callus {float:left;width:350px;margin:10px 0 0 155px;font-size:25px;}

#search {
  float:left;
	width: 400px;
	height: 25px;
	padding: 8px 0px 0px 0px;
}

fieldset.search {
	border: none;

	margin: 0 auto;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #000;
	font-size: 12px;
	width: 145px;
	height: 14px;
	padding: 4px;
	border-top: 1px solid #898989;
	border-bottom: 1px solid #898989;
	border-left: 1px solid #898989;
	margin-left: 200px;
}

.search_btn {
	width: 21px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	background-image:url(../images/search.gif);
}

/*********************************************** NAVIGATION */

#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background-color: #262125;
	color: White;
	float: left;
	width: 100%;
}

.home {
	text-indent: -9999px;
}

.home_bg {
	background:url(../images/home.gif) center no-repeat;	
}

.home_bg_off {
	background:url(../images/home_off.gif) center no-repeat;	
}

.home a:hover {
	background-color:#262125 !important;
}

.active_link {
	padding: 10px 26px;
	float: left;
	color:#B3C732;
}

#navcontainer ul li { 
	display: inline; 
	}

#navcontainer ul li a {
	padding: 12px 20px 12px 20px;
	background-color: #262125;
	color: #fff;
	text-decoration: none;
	float: left;
}

#navcontainer ul li a:hover {
	background-color: #4C4C4C;
	color: #fff;
}

/*********************************************** CONTENT */

#content {
	width: 954px;
	border-top: 3px solid #fff;
	background-color:#fff;
}

#left_col {
	width: 640px;
	float: left;
	margin-right: 3px;
}

#slider_panel {
	width: 640px;
	height: 270px;
}
 

/*********************************************** SLIDER */
/*
		 * Required 
		*/
		.container { width:640px; height:270px; overflow:hidden; position:relative; cursor:pointer; }
		div.slides { position:absolute; top:0; left:0; }
		ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
		div.slides > div,ul.slides li { position:absolute; top:0; width:640px; display:none; padding:0; margin:0; }
		/*
		 * Optional
		*/
		#loopedSlider,#newsSlider { margin:0 auto; width:640px; position:relative; clear:both; }
		ul.pagination { 
		list-style:none; 
		padding:0  0 0 0px; 
		margin:0; 
		position: absolute;
		top: 220px;
		left: 400px;
		}
		
		ul.pagination li  { float:left; margin-top: 0px; }
		ul.pagination li a { 
		height: 34px;
		width: 34px;
		padding: 5px 10px 7px 10px;
		margin-left: 5px;
		font-size: 18px; 
		text-decoration:none;
		background:url(../images/slider/btn_off.png) no-repeat;
		color:#fff;
		}
		ul.pagination li.active a { 
		background:url(../images/slider/btn_on.png) no-repeat;
		color:#6e656a; 
		}


#text_box {
	width: 610px;
	padding: 20px 15px;
}

/*********************************************** RIGHT COL */

#right_col {
	width: 310px;
	float: left;
}

#appointment_cta {
	width: 281px;
	height: 80px;
	background:url(../images/appointment_bg.gif) repeat-x;
	padding: 10px 15px 10px 15px;
	margin-top:3px;
}

#appointment_cta h2 {
	color:#fac6ea;
	font-size:16px;
	margin-bottom:5px;
	font-weight:lighter;
}

#appointment_cta p {
	color:#fff;
	font-size:12px;
	margin-bottom:5px;
}

#appointment_cta a {
	color:#fff;
	font-size:14px;
	margin:0px;
	text-decoration:none;
	dispaly:block;
	float:right;
}

#appointment_cta a:hover {
	text-decoration:underline;
}

#lines {
	width: 281px;
	height: 14px;
	background-image:url(../images/lines.gif);
	margin-bottom: 3px;
}

.arrow {
	margin: 0px 0px 0px 3px;	
}

#aveda_cta {
	width: 312px;
	height: 88px;
	margin-top: 3px;
}

#banner_area {
	width: 312px;
	margin-top: 3px;
}

#giftvoucher_cta {
	width: 311xpx;
	height: 88px;
	margin-top: 3px;
	padding: 0px;
}

#giftvoucher_cta h2 {
	color:#000;
	font-size:16px;
	margin-bottom:5px;
	font-weight:lighter;
}

#trends_info {
	width: 305px;
	height: 174px;
	padding: 3px;
	background-color:#4b494a;
	margin-top: 3px;
}

#trends_info h2 {
	color:#fff;
	font-size:16px;
	padding: 6px 0px 7px 10px;
	font-weight:lighter;
	display:block;
}

#trends_inner_pic {
  background-color:#fff;
	width: 146px;
	height: 140px;
	float:left;
}

#trends_inner_text {
	float: left;
	width: 139px;
	height: 120px;
	padding: 10px;
	background-color:#6f6d6e;
}

#trends_inner_text h3 {
	color:#fec4ea;
	font-size:12px;
	font-weight:lighter;
	margin-bottom: 10px;
}

#trends_inner_text p {
	color:#fff;
	font-size:12px;
}

#twitter_info {
	width: 305px;
	min-height: 306px;
	background-color:#262125;
	padding: 3px;
	margin-bottom: 3px;
}
.tweet {float:left;width:289px;background:#98cdcd;padding:5px;margin:0 0 5px 0;}

#location_info {
	width: 305px;
	height: 306px;
	background-color:#262125;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	cursor:pointer;
}

#location_info h2 {
	color:#ccff34;
	font-size:16px;
	padding: 6px 0px 7px 10px;
	font-weight:lighter;
	display:block;
}

#map_image {
	width:306;
	height:251;
}

#map_imageb {
	width:306;
	height:251;
	cursor:pointer;
	z-index:-1;
}

#more_info {
	padding: 3px;
	text-align:right;
}

#more_info a {
	color:#9d999a;
	text-decoration:none;
}

#more_info a:hover {
	text-decoration:underline;
}


/*********************************************** FOOTER */

#footer {
	background-color:#262125;
	width: 924px;
	height: 78px;
	padding: 10px 15px;
	font-size:12px;
}

#left_footer {
	width: 590px;
	float: left;
}

#left_footer address {
	color:#a7a5a6;
	font-style:normal;
	font-weight:normal;
	margin: 10px 0px 20px 0px;
}

#left_footer p {
	color: #a7a5a6;
}

.green {
	color:#b8bc41;
}

.link_pad {
	padding: 0px 5px 0px 5px;
}

#right_footer {
	width: 334px;
	float:left;
	text-align: right;
	padding-top:45px;
}

#right_footer a {
	color: #a7a5a6;
	text-decoration:none;
}

#right_footer a:hover {
	text-decoration:underline;
}

/*********************************************** INNER PAGE */

#inner_left_left {
	width: 156px;
	float: left;
}

#inner_left_right {
	width: 454px;
	float: left;
	padding: 10px 15px;
}

#about_box {
	width: 156px;
	color:#4b494a;
	background-color:#4b494a;
}


#about_box h2 {
	display:block;
	color:#b4c634;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #fff;
	font-weight:lighter;
	font-size:14px;
	margin: 0px 20px 0px 20px;
}

#sub_navcontainer { width: 156px; }

#sub_navcontainer ul { 
	padding: 10px 2px 20px 10px;
	background-color:#4b494a;
}

#navigation li { 
	list-style-image:url(../images/bullet.gif);
	list-style-position:inside;
	padding: 8px 0px;
	border-bottom: 1px dotted #747273;
}

#navigation li a { 
	color: #fff;
	text-decoration:none;
}

#navigation li.selected a {font-weight:bold;color:#99cc04}


#navigation li a:hover { 
	text-decoration:underline;
}

#newsletter {
	width: 156px;
	height: 188px;
	background-color:#b4c634;
	margin-top: 3px;
	padding-bottom: 10px;
}

#newsletter h2 {
	display:block;
	color:#000;
	padding-bottom: 10px;
	padding-top: 20px;
	border-bottom: 1px dotted #000;
	font-weight:lighter;
	font-size:14px;
	margin: 0px 20px 0px 20px;
}

#newsletter p {
	display:block;
	color:#000;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size:12px;
	margin: 0px 20px 0px 20px;
}

.newsletter_link {
	border: 1px solid #fff;
	background-color:#b4c634;
	width: 73px;
	height: 25px;
	text-align:center;
	margin-left: 20px;
}	

.newsletter_link a {
	color:#000;
	font-size:12px;
	text-decoration:none;
	display:block;
	width: 73px;
	padding-top: 3px;
	height: 25px;
}

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

.heading {font-size:19px;font-weight:lighter;}
.subheading{float:left;font-size:16px;font-weight:lighter;margin:0 0 8px 0;}
.headline {float:left;font-size:18px;margin:10px 0 0 0;font-weight:bold;width:500px;}
.basebit {color:#bbb;padding:15px;}
.style1 a{color:#bbb;padding:15px;}

.dynamicdataitem {clear:both;float:left;width:454px;margin-bottom:15px;}
.dynamicdatatext {float:right;width:300px;}
.dynamicdataimage {float:left;width:154px;}
.dynamicdatatext h2 {font-size:16px;}
.dynamicdatatext a {font-size:16px;color:#999;}

.extrahider {float:left;width:290px;height:70px;display:none;}
.extrahiderhead {float:left;width:120px;height:70px;display:none;}
.visible {display:inline;}