/****************************************************************
   BARBER GROUP STYLESHEET 
*****************************************************************/

@import "textstyles.css";

/* GENERAL SELECTORS
---------------------------------------------------------------*/	
body { 
	margin:0; 
	padding:7px 0 25px 0; 
	background:#FFF; 
	text-align:center; 
	}	

form, fieldset, legend {
	margin:0; 
	padding:0;
	}
	
fieldset {
	border:none;
	}	
	
img { 
	border:none; 
	}
	
img, input, select, label {
	vertical-align:middle;
	}	

hr { 
	display:none; 
	}	
		

/* ACCESSIBILITY NAVIGATION
---------------------------------------------------------------*/		
#skip { 
	display:none;
	}		


/* CORE LAYOUT
---------------------------------------------------------------*/	
#header {
	padding:0 0 4px 0;
	background:#FFF url(../images/bg_header.gif) repeat-x center bottom;
	}

.main,
#header div {
	overflow:hidden;
	width:770px; 
	margin:0 auto; 
	text-align:left; 
	}

#content {
	padding:8px 0;
	}	
	
#footer {
	padding:10px 0 0 0;
	border-top:1px solid #D5D5D5;
	text-align:center;
	}
	

/* COLUMNS
---------------------------------------------------------------*/	
.column-wrapper {
	overflow:hidden;
	width:100%;
	margin-bottom:24px;
	}
	
.two-column-left,
.two-column-right {
	width:369px;
	}		
	
.two-column-left {
	float:left;
	}	
	
.two-column-right {
	float:right;
	}	

.two-third-column {
	overflow:hidden;
	width:770px;
	margin-bottom:24px;
	}

.two-third-column div {
	float:right;
	width:503px;
	}
	
.two-third-column img {
	float:left;
	}	

.three-column-left,
.three-column-middle,
.three-column-right {
	float:left;
	width:242px;
	}
	
.three-column-right {
	float:right;
	}
		
.three-column-middle {
	display:inline;
	margin:0 22px;
	}

.main .column-wrapper h1,
.main .column-wrapper h2,
.main .column-wrapper h3,
.main .two-third-column h1,
.main .two-third-column h2,
.main .two-third-column h3 {
	margin-top:0;
	}
	

/* HEADER
---------------------------------------------------------------*/	
#header h1 {
	float:left;
	margin:0 0 4px 0;
	position:relative;
	font-size:1.2em;
	}

#header h1, #header h1 a {
	width:265px;
	height:19px;
	}	
	
#header h1 a {
	position:absolute;
	left:0; top:0;
	background:transparent url(../images/logo.gif) no-repeat;
	z-index:1;	
	}
	
#header h2 {
	float:right;
	margin:7px 0 4px 0;
	}	
	
#header .bar {
	width:100%;
	height:60px;
	}

#header .bar {
	background-position:center center;
	background-repeat:repeat-x;
	}
	

/* RANDOM HEADERS*/		
#header #blue {
	background-color:#336699;
	background-image:url(../images/header_blue.jpg);
	}	
	
#header #green {
	background-color:#096A19;
	background-image:url(../images/header_green.jpg);
	}	
	
#header #orange {
	background-color:#DA7E01;
	background-image:url(../images/header_orange.jpg);
	}	

#header #purple {
	background-color:#3B1F8E;
	background-image:url(../images/header_purple.jpg);
	}
	
#header #red {
	background-color:#7A1B21;
	background-image:url(../images/header_red.jpg);
	}
	
	
/* NAVIGATION */		
#navigation,
#utility-links {
	float:left;
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	list-style:none;
	}
	
#utility-links {
	float:right;
	}	
	
#navigation li,
#utility-links li {
	display:inline;
	}
	
#navigation li {
	margin-right:10px;
	}		

#navigation a:link,
#navigation a:visited {
	border-bottom:5px solid #FFF;
	}
		
#navigation a:hover,
#navigation a:active,
#navigation a.current:link,
#navigation a.current:visited {
	border-bottom:5px solid #7C7C7C;
	}

#utility-links li {
	margin-left:12px;
	}
	
#utility-links li img {
	vertical-align:baseline;
	}	


/* MAIN CONTENT
---------------------------------------------------------------*/
.main p,
.main li {
	line-height:1.6em;
	}
	
.main h1, 
.main h2,
.main h3,
.main h4 {
	margin:14px 0 4px 0;
	}
	
.main h1 {
	padding-bottom:1px;
	border-bottom:1px solid #999;
	}
		
.main p {
	margin:0 0 20px 0;
	}
	
	
/* MAIN LIST STYLES */
.main ul,
.main ol {
	margin:0 0 24px 0;
	padding:0;
	}	
	
.main ul {
	list-style:none;
	}	
	
.main ul li {
	margin:0 0 8px 0;
	padding:0 0 0 15px;
	background:url(../images/li_bullet.gif) no-repeat 1px 7px;
	}	


.main	ol li {
	margin:0 0 12px 24px;
	}
	
		
/* BREADCRUMB */	
.breadcrumb {
	margin:0 0 14px 0;
	}
	
		
/* HIGHLIGHT BOX  */
.highlight-box {
	margin-bottom:24px;
	}

.highlight-box h1 {
	margin-top:0;
	}
	
.highlight-box h1 {
	border-bottom:0;
	}	
	
.highlight-box .bullet-list {
	margin-bottom:0;
	}		
	
.highlight-box p {	
	margin-bottom:0;
	}	

.highlight-box .middle .content  {
	background:#DCDCDC none;
	}
	
.highlight-box .content {
	margin:0 4px;
	padding:8px 14px;
	}
	
.highlight-box .corner {
	font-size:1px; 
	}
		
.highlight-box .top .corner {
	height:3px;
	}

.highlight-box .bottom .corner {
	height:26px;
	}
	
.highlight-box .top {
	background:transparent url(../images/highlightbox_top_left.gif) no-repeat;
	}

.highlight-box .top .corner {
	background:transparent url(../images/highlightbox_top_right.gif) no-repeat right bottom;
	}

.highlight-box .middle {
	background:transparent url(../images/highlightbox_middle_left.gif) repeat-y;
	}

.highlight-box .middle div {
	background:transparent url(../images/highlightbox_middle_right.gif) repeat-y right top;
	}

.highlight-box .bottom {
	background:transparent url(../images/highlightbox_bottom_left.gif) no-repeat;
	}

.highlight-box .bottom .corner {
	background:transparent url(../images/highlightbox_bottom_right.gif) no-repeat right top;
	}
	
	
/* FORM ELEMENTS */
.form-button {
	background-color:#336699;
	color:#FFF;
	font-weight:bold;
	}	
		
.fields {
	margin-bottom:24px;
	}
	
.fields .ico {
	vertical-align:top;
	border:none;
	}
	
.fields h2,
.fields-column-container h3 {
	margin:0 0 8px 0;
	}
	
.fields label {
	display:block;
	padding-bottom:2px;
	}
	
.fields select, .fields input, .fields textarea {
	margin-bottom:10px;
	}	
	
.fields select {
	width:175px;
	}	
	
.textfield, .fields select, .fields textarea {
	padding:3px;
	background-color:#FFF;
	border:1px solid #A7AEB4;
	}	
		
.field_wide, .textarea_wide {
	width:472px;
	w\idth:464px;
	}	
	
.field-medium, .textarea-medium {
	width:368px;
	w\idth:360px;
	}	

.field-small, .textarea-small {
	width:206px;
	}		

.fields-column-container {
	overflow:hidden;
	width:340px;
	padding-bottom:14px;
	}

.fields-column-container h3 {
	margin:4px;
	}
		
.three-column-left .fields-column-container,
.three-column-middle .fields-column-container,
.three-column-right .fields-column-container {
	width:242px;
	}	
					
.field-column {
	float:left; 
	width:170px; 
	}
.two-column-right .field-column {
	width:133px;
	}
.two-column-right .field-column label {
	width:108px;
	}
	
.field-column input {
	margin:2px 0 0 0;
	}	
		
.field-column label {
	float:right;
	width:145px;
	line-height:20px; 
	}
		
.field-column br {
	clear:both;
	font-size:0; 
	line-height:0.0; 
	height:0;
	}
	
		
/* TABLE STYLES */
.table {
	margin:0 0 24px 0;
	}

.table table td,
.table table th {
	padding:4px 4px 4px 7px;
	text-align:left;
	}

.table table th {
	background-color:#7A7A7A;
	}
	
.table table td {
	border-bottom:1px solid #D8DDE0;
	}	

	
/* TAB CONTAINER */
.tab-container {
	margin:0 0 24px 0;
	}
	
.login {
	float:right;
	}
	
.login strong {
	color:#000;
	}	
	
.login a {
	margin-left:30px;
	}	
	
.main .tabs {
	float:left;
	margin:0; 
	padding:0; 
	list-style:none; 
	}	

.main .tabs li { 
	float:left;
	margin:0;
	padding:0;
	background:none;
	} 

.tabs a { 
	position:relative; 
	float:left; 
	height:20px; 
	margin-right:10px; 
	padding:0 10px; 
	border-bottom:1px solid #7A7A7A; 
	background:#D9D9D9 url(../images/tab_right_normal.gif) no-repeat 0 0;  
	} 

.tabs a:hover { 
	z-index:10 !important; 
	background:#AFCEE2 url(../images/tab_left_hover.gif) no-repeat 0 0; 
	} 

.tabs a:hover span { 
	background:url(../images/tab_right_hover.gif) no-repeat;
	} 

.tabs a span { 
	position:absolute;
	top:0; 
	right:-20px; 
	display:block; 
	width:20px; 
	height:20px; 
	border-bottom:1px solid #7A7A7A; 
	background:url(../images/tab_left_normal.gif) no-repeat; 
	}

.tabs a.current,
.tabs a.current:hover { 
	height:21px; 
	z-index:100 !important;
	border-bottom:none; 
	background:#FFF url(../images/tab_left_current.gif) no-repeat 0 0; 
	} 

.tabs a.current span,
.tabs a.current:hover span { 
	border-bottom:1px solid #FFF; 
	background:url(../images/tab_right_current.gif) no-repeat; 
	} 

.tab1 { 
	z-index:5; 
	} 

.tab2 { 	
	z-index:4; 
	} 

.tab3 { 
	z-index:3; 
	} 

.tab4 { 
	z-index:2; 
	} 

.tab5 { 
	z-index:1; 
	} 

.tab-container .content { 
	clear:both; 
	position:relative;
	top:-1px; 
	padding:20px;
	border-top:1px solid #7A7A7A;
	background:url(../images/bg_tab_content.gif) no-repeat center top;
	}
	
.main .tab-container .content h1 {
	border-bottom:0;
	}	
		
	
/* FOOTER
---------------------------------------------------------------*/
#footer ul, 
#footer li {
	margin:0; 
	padding:0;
	list-style:none;
	}
	
#footer li { 
	display:inline;
	border-left:solid 1px #666666;
	background-image:none; 
	}

#footer li.first  {
	border:none;
	}
		
#footer li a {
	padding:0 5px 0 7px; 
	}
	
#footer p {
	margin:7px 0;
	}
	
	
/* MISC. STYLES
---------------------------------------------------------------*/	
.clear { 
	clear:both;
	font-size:0; 
	line-height:0.0; 
	height:0;
	}
	
.hr {
	width:80%;
	height:1px;
	font-size:1px;
	line-height:0.0;
	margin:0 auto 20px auto;
	border-bottom:1px solid #D7D6D6;
	}	

.image-caption {
	margin-top:8px;
	}