@charset "UTF-8";
/* ProDirectory CSS for non-IE browsers */
/* Written by: Bethany Tate */
/* Sally Beauty Supply */
/* 8/12/08 */

body {
	margin: 0px;
	padding: 0px;
}
/* Purple Gradient */
#bkGradient {
	background-image: url(../images/main-tile.gif);
	background-repeat: repeat-x;
	position: absolute; 
	top: 0px; 
	left: 0px; 
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 745px;
}
#container {
	width: 970px;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/backdrop.gif);
	background-repeat: repeat-y;
}
#leftShadow {
	width: 10px;
	height: 752px;
	position: absolute;
	top: 0;
	left: 0;
}
#rightShadow {
	width: 10px;
	height: 752px;
	position: absolute;
	top: 0;
	right: 0;
}
/* Banner "ProDirectory - connecting with salon professionals is as easy as 1,2,3! */
#topBanner {
	background-image: url(../images/title-tile.gif);
	background-repeat: repeat-x;
	width: 960px;
}
#topBanner #bcontainer {
	width: 770px;
	margin: 0 auto 10px auto;
}
/* Container for SEARCH and MAP */
#topContent {
	width: 770px;
	margin: 0 auto 10px auto;
	background-color: #FFFFFF;
}
/* End Container */
#searchBox {
	width: 214px;
	float: left;
}
#searchBox #sBoxTopBorder {
	width: 214px;
	height: 20px;
	margin: 0 0 0 0;
}
#searchBox #sBoxForm {
	background-image: url(../images/search-tile.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-bottom: 25px;
	margin-top: -20px;
}
#searchBox #sBoxForm p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 15px 0;
}
#searchBox #sBoxForm #goBtn {
	float: right;
	margin: 0 10px 0 0;
}
#searchBox #sBoxBottomBorder {
	width: 214px;
	height: 20px;
	margin: 0 0 0 0;
	clear: right;
}
#GMapEZ 
{
	width: 550px; 
	height: 477px;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
}
#bingMap 
{
	position:relative;	
	width: 550px; 
	height: 477px;
}
/* Div for dynamic content. Change out iWindow */
#rIntro 
{
	font: 14px Arial,Helvetica,sans-serif;
	color: #755d6d;
	font-weight:bold;
}
#iWindow {
	width: 770px;
	margin: 0 auto;
	clear: left;
}
#rTitle h2 {
	font: bold 16px Arial,Helvetica,sans-serif;
	margin-bottom: 0;
	padding-top: 25px;
}
#rTitle p {
	font: 12px Arial,Helvetica,sans-serif;
	margin-top: 0px;
}

/* Overall container for Professional Content */
.listingContainer {
	width: 730px;
	margin-bottom: 25px;
}

/* This is the start of the TABS for each content container for the salon pro's information. */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: right;
	clear: none;
	width: 100%; /* IE Hack */
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: right;
	padding: 4px 10px;
	margin: 0px 0px 0px 1px;
	font: bold 0.9em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: 1px solid #ffffff;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover {
	background-color: #CCC;
}
/* Based on user onclick, this style should be added dynamically when displaying a selected tab */
.TabbedPanelsTabSelected {
	/*background-color: #EEE;*/
	background-image: url(../images/tab-over.gif);	
	top: 1px;
	float: right;
	padding: 4px 10px;
	margin: 0px 0px 0px 1px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: 1px solid #ffffff;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsTab a:hover {
	color: #000000;
	text-decoration: underline;
}
/* Pro Listing Box */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-image: url(../images/pro-tile.gif);
	background-repeat: repeat-x;
	background-color: #e9e8e9;
	padding: 0 0 0 20px;
}

.TabbedPanelsContentGroup h3 {
	color: #440089;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;	
}
.TabbedPanelsContentGroup p {
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
}
table tr td p {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 15px;
}
table tr td ul {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 0 10px -5px;
	list-style-image: url(../images/check.gif);
}
table tr td ul li {
	margin-bottom: 0px;
	text-align: left;
}
table tr td p.servTitles {
	margin: 15px 0 0 0;
	font: bold 12px Arial, Helvetica, sans-serif;
}

/* Footer */
#footer {
	width: 970px;
	height: 35px;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/footer-tile.gif);
	background-repeat: repeat-x;
}
#leftcorner {
	width: 18px;
	height: 35px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#rightcorner {
	width: 18px;
	height: 35px;
	position: absolute;
	bottom: 0;
	right: 0;
}