/*----Layout Stylesheet for Hair Designers of Houston----*/
@import url('reset.css');
@import url('fonts.css');
@import url('menu.css');

html {margin: 0;padding: 0;min-height:100%;}
body {margin: 0 auto; background: #B7C1C3 url('../images/bkg-btm-stripes.jpg') repeat-x bottom fixed; min-height:100%;}

/*----Page Container Styles----*/
#Page {	margin: 0 auto;	width: 100%;clear: both;	background: url('../images/bkg-top.jpg') no-repeat center top;float:left; }
#Page > div {margin: 0 auto;width: 773px;clear: both;}
#Page {}

#Content-Wrapper{width:788px; padding: 0 6px;}

/*----Head Container Styles----*/

#Head{width:100%;}
#MenFlash, #WomenFlash, #GenericFlash  {width:733px; height:206px;}
#Head div.EmailFriend {float: right; height:30px; line-height:30px;}
#Head div#MainMenu {clear: both;height: 39px;}
#Head div.Divider {background: #557073;	line-height: 0;height: 10px;}

/*----Side Shadows----*/
.Shadow-Right{background: transparent url('../images/R-strip-dropshadow.png') repeat-y right; width:777px; height:auto; float:left;}
.Shadow-Left{background: transparent url('../images/L-strip-dropshadow.png') repeat-y left ; margin-left:-4px; height:auto;float:left;}

/*----Flash Wrapper Container Styles----*/
#HomeFlash{ height:390px; }
#HomeFlash img {line-height:0; }

/*----One Column Body Layout Styles----*/
#BodyONECOLUMN {padding: 0 20px 10px 10px; background: white url('../images/Flash_BG.jpg') repeat-x 50% top; margin:0 5px; padding: 0 20px 20px; float:left; width:730px;}
#BodyONECOLUMN > div {padding-bottom:10px;margin:0 auto; clear:both;}
#BodyONECOLUMN > div.Head{padding:0; margin:0; width:100%;}
#BodyONECOLUMN > div.Head > div.logo {float:left; padding:6px 10px 10px;}
#BodyONECOLUMN > div.Head > div.logo h1 {text-indent:-5000px; padding-left:20px;}
#BodyONECOLUMN > div.Head > div.contact{float:right; padding:10px; text-align:right;}
#BodyONECOLUMN > div.Head > div.contact ul{margin:0; padding:0; text-align:right;}
#BodyONECOLUMN > div.Head > div.contact li{list-style-type:none; padding:0; margin:0; color:#687F86; font-weight:bold;}
#BodyONECOLUMN > div > div.Content{ background:white;min-height:450px; padding-left:13px; padding-right:13px; position:relative;}
#BodyONECOLUMN > div > div.Content #GoogleMap{float:right; clear:right; width:250px; height:250px; position:absolute; right:10px; top:220px; background:gray;}
#BodyONECOLUMN > div > div.Content #GoogleDirectionLink{float:right; clear:right;  position:absolute; right:125px; top:260px; font-weight:bold;}
#BodyONECOLUMN > div > div.Content #GoogleDirectionLink a{color:#A6090A; font-size:15px}
#BodyONECOLUMN > div > div.Content p.hlcLogo{text-align:center; margin-top:75px;}

/*----Two Column Body Layout Styles----*/
#BodyTWOCOLUMN {padding: 0 20px 10px;background:white url('../images/Flash_BG.jpg') repeat-x 50% top; margin:0 5px; padding: 0 20px; float:left;}
#BodyTWOCOLUMN > div {float: left;}
#BodyTWOCOLUMN .Left{padding-left:13px; width:462px; margin-right: 10px;float:left;}
#BodyTWOCOLUMN .Right{width:245px; text-align: left; float:left; }
#BodyTWOCOLUMN .Bottom{width: 100%; clear: both;}
#BodyTWOCOLUMN > div.Head{padding:0; margin:0; width:100%;}
#BodyTWOCOLUMN > div.Head > div.logo {float:left; padding:6px 10px 10px;}
#BodyTWOCOLUMN > div.Head > div.logo h1 {text-indent:-5000px; padding-left:20px;}
#BodyTWOCOLUMN > div.Head > div.contact{float:right; padding:10px; text-align:right;}
#BodyTWOCOLUMN > div.Head > div.contact ul{margin:0; padding:0; text-align:right;}
#BodyTWOCOLUMN > div.Head > div.contact li{list-style-type:none; padding:0; margin:0; color:#687F86; font-weight:bold;}


/*----Foot Container Styles----*/
#Foot{float:left; width:100%; padding-top:5px; }
#Foot > div{float:left; width:45%;}
#Foot div.Right{float:right; text-align:right;}


/*----Red Rounded Box----*/
.RoundCornerBox{margin:0 0 0 50px; float:right}

.RoundCornerBox .TopLeft{background: transparent url('../images/red-content-top-L.jpg') no-repeat bottom left; width:7px; height:12px;}
.RoundCornerBox .Top{background: transparent url('../images/red-content-top-strip.jpg') repeat-x bottom; width:150px;}
.RoundCornerBox .TopRight{background: transparent url('../images/red-content-top-R.jpg') no-repeat bottom right; width:7px; height:12px;}

.RoundCornerBox .Left{border-left:1px black solid; background:#870B0D;}
.RoundCornerBox .Content{ background:#870B0D; padding:10px; width:215px;}
.RoundCornerBox .Content p{color:white; font-size:11px;}
.RoundCornerBox .Content a{color:white; font-size:11px;}
.RoundCornerBox .Right{border-right:1px black solid; background:#870B0D;}

.RoundCornerBox .BottomLeft{background: transparent url('../images/red-content-Btm-L.jpg') no-repeat top left; width:7px; height:12px;}
.RoundCornerBox .Bottom{background: transparent url('../images/red-content-Btm-strip.jpg') repeat-x top; width:150px;}
.RoundCornerBox .BottomRight{background: transparent url('../images/red-content-Btm-R.jpg') no-repeat top right; width:7px; height:12px;}

/*----Forms----*/

fieldset{border:solid 1px #DEDEDE;width:65%; margin:0 auto; float:left;}
fieldset legend {font-weight:bold;}
fieldset ul, fieldset li{border:0; margin:0; padding:0; list-style:none;}
fieldset li{clear:both;list-style:none;	padding:10px;}
fieldset li span{width:100%; float: left;}
fieldset input{	float:left;}
fieldset label{	width:140px;float:left;}
fieldset label.ExtraSmall{width:45px;}
fieldset label.Small{width:60px;}
fieldset label.Medium{width:85px;}
fieldset button{ 
		border:0; margin:0; padding:0;
		clear:both;
		width:125px;
		height:31px;
		background:#666666;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
fieldset textarea{float:left; width: 210px;height:100px;}
fieldset hr{ margin:0 15px 10px;}

/*----Forms inside red round corner box----*/
.RoundCornerBox .Content fieldset{margin:0 auto; border:none; color:white; padding:0; width:100%;}
.RoundCornerBox .Content fieldset legend {font-weight:bold; margin:0; text-align:left; font-size:15px; text-indent:-4px !important;}
.RoundCornerBox .Content fieldset ul, .RoundCornerBox .Content fieldset li{border:0; margin:0; padding:0; list-style:none;}
.RoundCornerBox .Content fieldset li{clear:both;list-style:none;	padding:0;margin:0;}
.RoundCornerBox .Content fieldset li span{width:100%; float: left;}
.RoundCornerBox .Content fieldset input{float:left;}
.RoundCornerBox .Content fieldset label{width:140px;float:left; color:white; font-weight:bold;}
.RoundCornerBox .Content fieldset label.ExtraSmall{width:45px;}
.RoundCornerBox .Content fieldset label.Small{width:60px;}
.RoundCornerBox .Content fieldset label.Medium{width:85px;}
.RoundCornerBox .Content fieldset button{ 
		border:0; margin:0; padding:0;
		clear:both;
		width:125px;
		height:31px;
		background:#666666;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
.RoundCornerBox .Content fieldset textarea{float:left; width: 210px;height:100px;}
.RoundCornerBox .Content fieldset hr{ margin:0 15px 10px;}

/*----Contact us page specific----*/
.ContactUs fieldset{width:55%;}
.AboutUs .RoundCornerBox{float:right;}
.AboutHairLoss .RoundCornerBox{float:right;}


.RoundTableTop{margin-top:1px;}
.RoundTableTop .TopStrip{width:100%;background: transparent url('../images/insidePg-strip.png') top repeat-x ;}

/*----Misc Styles----*/
.FloatRight{float:right;}
.FloatLeft{float:left;}
.ClearRight{clear:right;}
.ClearLeft{clear:left;}
.ClearBoth{clear:both;}
.NoMargin{margin:0;}
.NoPadding{padding:0;}

.ContactWrapper{width:297px;background:transparent url(../images/RedBox_bkg.jpg) no-repeat left; padding-top:65px; padding-right:30px; float:right; clear:right;}
.Home .ContactWrapper, .Testimonials .ContactWrapper{width:297px;background:transparent url(../images/RedBox_bkg.jpg) no-repeat left; padding-top:0; padding-right:30px; float:right; clear:none; }
ul.AboutQuestions{padding:0; margin:0;}
ul.AboutQuestions ul{padding:0; margin:0;padding-left:65px;}
ul.AboutQuestions ul li {padding:0;margin:0}
ul.AboutQuestions > li{padding:0; margin:0; list-style-type:none}

.AboutQuestion{background: transparent url('../images/Q.jpg') no-repeat left top; padding:0;margin:0;min-height: 50px;display:block; vertical-align:middle; padding-left:45px;}
.AboutAnswer{background: transparent url('../images/A.jpg') no-repeat left top; padding:0;margin:0; min-height: 37px; vertical-align:middle; padding-left:45px;}

.AboutDivider{background:transparent url('../images/shadow_line_L.jpg') repeat-x top; text-align: right; margin-left:45px;margin-top:5px;  }
#at20mc{z-index:2000}

#Consultation{border:solid 1px #DEDEDE;width:70%; margin:0 auto;}
#Consultation textarea{width:250px}

.Testimonials .Content > div{}

#slider{margin-top:150px; border:10px silver solid;}
#slider ul{margin:0; padding:0; }
#slider ul li{list-style-type:none; margin:0; padding:0;}

#slider, #slider li{width:320px; height:240px; overflow:hidden;}

label.error {color: red; width:100%; }