/*
	file:		contentStyle.css
	purpose:	Defines the content styles used in the page
	author:	Parag Jagdale of Un-identified.com
	date:		6-22-08	
*/

/*--- left accordion menu --------*/
div#Column_1 div.leftMenu{
	float:left;
}

div.leftMenu div.menuItem{	background-color:#636466;padding-top:8px;padding-bottom:8px;overflow:hidden;width:230px;}
div.leftMenu div.menuItem div.subMenu{background-color:#393738;margin-left:5px;margin-right:5px;}
div.leftMenu div.menuItem div.subMenu a.leftColPortrait {	margin:5px; overflow:hidden; text-align:center;}
div.leftMenu div.menuItem div.subMenu a.leftColPortrait img {width:210px;}

div.leftMenu div p{	font-size: 70%;color:#ccc;padding:3px 3px 3px 7px;margin:0 auto 0 auto;width:202px;background:#4d4a4b;}
div.leftMenu div.menuItem div.subMenu div.name{
	text-align:left;
	padding-left:15px;
	background:none;
	font-weight:bold;
	color:#fff;
	font-size:12px;
}
div.leftMenu div.menuItem div.name a{color:#fff;font-size:16px;}
div.leftMenu div.menuItem div.subMenu div.contact{background:none;margin-top:15px;padding-bottom:15px;padding-left:15px;font-size:12px;}
div.leftMenu div.menuItem div.subMenu div.contact h3 { font-size:14px; padding-bottom:5px; padding-top:5px; }
div.leftMenu div.menuItem div.subMenu div.contact a{ font-size:95%; padding-bottom:5px; padding-top:5px; }
div.leftMenu div.menuItem div.subMenu div.refer {
/*	width:220px;*/
	width:100%;
	padding:0px;
	margin:0px;
	background-color:#4C4A4B;
}
div.leftMenu div.menuItem div.subMenu div.refer a{
	margin-left:5px;
	color:#F7941D;
	font-weight:bold;
	font-size:10px;
}
div.leftMenu div.menuItem p.location{text-align:left;background:none;font-size:80%;}
div.leftMenu div li h3{
	padding:0;
}
div.leftMenu a.menuLink, div.menuLink{
	display:block;
	width:222px;
	height:17px;
	padding:3px 3px 3px 5px;
	text-decoration:none;
	color:#353737;
	font-weight:bold;
	background:#9ca3a5 url(images/ms_leftMenu-inner.jpg) repeat-x 0px -27px;
	margin-bottom:1px;
}
div.leftMenu a.menuLink:hover{
	color:#fff;
	background: #00bff3 none;
}
div.leftMenu a.topLink, div.menuLink{
	background: transparent url(images/ms_leftMenu-top.png) no-repeat 0px -27px;
	
}
div.leftMenu a.topLink:hover{
	color:#353737;
	background: transparent url(images/ms_leftMenu-top.png) no-repeat 0px 0px;
}
div.leftMenu a.bottomLink{
	background: transparent url(images/ms_leftMenu-bottom.png) no-repeat 0px -27px;
	
}
div.leftMenu a.bottomLink:hover{
	background: transparent url(images/ms_leftMenu-bottom.png) no-repeat 0px 0px;
	color:#fff;
}
div.leftMenu a#currentLink{
	background-position:0px 0px;
	color:#fff;
}
div.leftMenu a.active{
	background-position:0px 0px;
	color:#fff;
}
/*--- left accordion menu --------E*/

/*--- compare topLeft menu-------*/
div.leftMenu div.sortBox{
	display:block;
	width:222px;
	height:17px;
	padding:3px 3px 3px 5px;
	text-decoration:none;
	font-weight:bold;	
	color:#fff;
	background: #00bff3 none;
	margin-bottom:1px;
}
/*--- compare topLeft menu-------E*/

/*--- Top Menu ---*/
div.topMenu{clear:both; height:29px;padding:0;margin:0;background: #000 url(images/ms_topMenu_re.jpg) repeat-x top right;}
div.topMenu a {display:block;float:left;padding:5px;margin:0 10px 0 10px;color:#fff;text-decoration:none;font-weight:bold;}
div.topMenu a:hover, div.topMenu a.active {color:#02b5e5;}
div.topMenu div.topMenuRight a {width:auto;height:auto;float:none;display:inline:padding:0;margin:0;display:inline;text-decoration:underline}
div.topMenuRight {width:200px;float: right;padding-right: 1em;color: #fff;
				padding-top: 5px;font-weight:bold;font-size: 80%;text-align:left;}
/*--- Top Menu ---E*/
/*--- Search Results Page specifc heights ---*/
/*div.SearchResultsPage{height:200px;min-height:200px;*/
/*border:1px solid #ff0000;}*/
/*--- Search Results Page specifc heights ---E*/
/*--- Compare  Grid---*/

div.CompareGrid div.Stylist{
	float:left;
	width:218px;
	height:166px;
	border-right:1px dotted #737373;
	padding:8px;
	padding-top: 18px;
	overflow:hidden;
}
div.CompareGrid div.Photos{
	float:left;
	width:167px;
	height:173px;
	border-right:1px dotted #737373;
	border-top:1px dotted #737373;
	padding:6px 12px 12px 2px;
	overflow:hidden;
	font-size:70%;
}
* html div.CompareGrid div.Photos{font-size:80%}
div.CompareGrid div.Photos img{
	float:left;
	margin:0px 0 6px 6px;
}
div.CompareGrid div.Photos div.squarePhoto{width:50px;height:50px;margin:2px;background: #ccc none no-repeat top left;}
div.CompareGrid div.Services{
	float:left;
	width:150px;
	height:167px;
	border-right:1px dotted #737373;
	border-top:1px dotted #737373;
	padding:12px;
	overflow:auto;
	font-size:70%;
}
* html div.CompareGrid div.Services{font-size:80%;}
div.CompareGrid div.Description{
	float:left;
	width:332px;
	height:167px;
	padding:12px;
	border-top:1px dotted #737373;
	overflow:auto;
	font-size:70%;
}
* html div.CompareGrid div.Description{font-size:80%;}
div.CompareGrid div.Description p{
	line-height:normal;	
}

div.CompareGrid div.Stylist.last,
div.CompareGrid div.Photos.last,
div.CompareGrid div.Services.last,
div.CompareGrid div.Description.last {
	border-bottom:1px dotted #737373;
}

div.CompareGrid div.Stylist img {width:104px; border:1px solid #046080; margin:0 0 0 57px;}
div.Stylist .name, div.Stylist .name a {color:#e6e6e6; text-align:center; font-weight:bold;}
div.Stylist .location {color:#f0f0f0; text-align:center; font-size:70%;}
* html div.Stylist .location {font-size:80%;}

/*--- Compare  Grid---E*/

table.service-and-price td {padding:5px; color:#636363;}
table.service-and-price td.hilited {background-color:#e3e3e3; padding:5px; color:#000; font-weight:bold;}
table.service-and-price tr.hilited {background-color:#e3e3e3;}
table.service-and-price td.unhilited {padding:5px; min-height:40px;}
table.service-and-price {border-spacing: 0px; width: 100%; }
th.service-heading {font-size:25px; color:#000; text-align:left;}
th.price {width:120px;}
td.price {text-align:center; border-left:1px dotted #000;}


table.community {width:94%;margin:0 auto;}
table.community th{border-bottom:1px dotted #737373;padding:4px;font-weight:bold;text-align:left;}
table.community th a{ font-size:100%; color#000;}
table.community tr.hilited{background-color:#e3e3e3;}
table.community td{padding:5px;color:#636363;text-align:left;}
table.community td a{color:#636363;}

table.community th.name{width:200px;}
table.community th.service{width:150px;}
table.community th.contact{width:150px;}


div.cant_decide{width:660px;height:210px;padding:115px 40px;text-align:center;position:absolute;top:0px;left:0px;background-color: #000; }
div.cant_decide a{padding:5px;margin:0 10px 0 10px;color:#02b5e5;	text-decoration:none;font-weight:bold;}
div.cant_decide a:hover{color:#fff;}


div.paginatorMenu{text-align:center;padding:5px;}
p.paginate{white-space:nowrap;font-weight:bold;}
p.paginate span{font-weight:bold;font-size:100%;}
a.compare-results, a.compare-results-visual {color:#07b5e1; float:right; background:url(images/compare_results_bg.gif) no-repeat right center; padding:0 10px 0 0;z-index:100;}
a.compare-results-visual {float:none; margin-left:85px;}
a.compare-results:hover, a.compare-results-visual:hover {color:#0593c0;}

body.compare .topMenu {font-weight:normal; padding-top:7px; color:#dedede;}
.work-samples {margin-left:240px;font-weight:bold;}
.featured-services {margin-left:80px;font-weight:bold;}
.at-a-glance {margin-left:70px;font-weight:bold;}
.referToFriend {
	width:100%;
	text-align:left;
}
.referToFriend label {
	display:block;
	width:100%;
	margin-top:15px;
	margin-bottom:5px;
	text-align:left;
	color:#333333;
	font-weight:bold;
}
.referToFriend input, .referToFriend textarea {
	width:200px;
	border:solid 1px #333333;
	padding:5px;
	color:#666666;
}
.referToFriend input.submit {
	width:75px;
	margin-top:10px;
	color:#333333;
	font-weight:bold;
}
.referToFriend span.error {
	font-weight:bold;
	font-size:11px;
	color:#990000;
	margin-bottom:5px;
}
.referToFriend h2.error {
	color:#990000;
}

.Photos div {
    width: 70px;
	float: left;
}

.compare_fakeimage {
	width: 66px;
	height: 66px;
	float: left;
	margin:0px 0 6px 6px;
}

.featured_work div {
	width: 66px;
	height: 66px;
	float: left;
	margin:6px 0 0px 4px;
}

.featured_work div img {
	border:1px solid #046080;
}

#imgover {
	background-color: white;
	padding: 5px;
}

#imgover .caption {
	background-color: #999;
	color: #fff;
}