/****************************************************************
   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;
	}
	
#mainCol {
	display: inline;
	float: right;
	width: 500px;
}
body#inside-no-sub-nav div#mainCol {
	width: 770px;
}
body#contact div#mainCol {
	width: 400px;
	margin-top: 12px;
}
	
#subCol {
	display: inline;
	float: left;
	width: 218px;
}
body#contact div#subCol
{
    width:350px;
}

/* 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, .navigation .selectedPage a, .navigation .selectedPageRoot a, .navigation .selectedPageParent a {
	border-bottom:5px solid #7C7C7C;
	}

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

#subCol .nav, #subCol .nav li, #subCol .nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#subCol .nav {margin-top: 26px;}

#subCol .nav a {
	display: block;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
	padding: 2px 0;
	border-bottom: 2px solid #000;
}

#subCol .nav ul li a {
	font-size: 11px;
	font-weight: bold;
	border: none;
	text-transform: none;
	color: #3a63a1;
	background: url(images/nav_border.gif) no-repeat left bottom;
	padding: 4px 0;
}

#subCol .nav ul li a:hover, #subCol .nav ul li.selectedPage a {
	color: #000;
}
#subCol .nav ul li.selectedPage ul li a
{
    color: #3a63a1;
}

#subCol .nav ul li ul li a {
	font-weight: normal;
	color: #000;
	background: none;
	padding: 2px 0 2px 20px;
	}

#subCol .nav ul li ul li a:hover, #subCol .nav ul li ul li.selectedPage a {
	color: #000000;
	}	
#subCol .nav ul li.selectedPageParent a 
{
    color: #3a63a1;
}
#subCol .nav ul li.selectedPageParent a:hover
{
    color: #000000;
}

#subCol .nav li {display: none;}
#subCol .nav li.selectedPage, #subCol .nav li.selectedPage *, #subCol .nav li.selectedPageParent, #subCol .nav li.selectedPageParent *, #subCol .nav li.selectedPageRoot, #subCol .nav li.selectedPageRoot * {display: block;}

#subCol .nav ul.level3
{
    background: url(images/nav_border.gif) no-repeat left bottom;
    padding-bottom: 5px;
}


/* 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;
	}

.breadcrumb strong {float: left; margin-right: 1em;}
	
.breadcrumb div {float: left; width: auto;}
	
		
/* 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;
	}

#adminbar {
	margin-top: -7px;
	margin-bottom: 1em;
}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}