@charset "utf-8";
/* CSS Document */

body {
	background: #000000;
	padding: 0;
	text-align: center;
	min-width: 820px;

}

#container {
		width: 820px;
		height: 100%;
		background: #000000;
		text-align: left;
		margin: 0 auto;
}

img{border:none}

#header {clear:both; margin: 20px 0 0 0;}
#logocontainer {width: 611px; float:left; clear:none;}
#phoneBox {
	width:160px;
	float:right;
	clear:none;
	margin: 23px 0 0 0;
}


a, a:visited {
text-decoration: underline:
font-weight: bold;
color: #0066ff;
}

a:hover{
color: #cc2323;
}

a:active{
	color: #999;
	background-color: #0066ff;
}

/* --- Menu Typography --- */

.grid p {
	margin-top: -1px;
	padding-bottom: 19px;

}

.grid h1 {
  line-height: 36px;
  font-size: 12px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h2 {
  line-height: 36px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h3 {
  line-height: 36px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h4 {
  line-height: 36px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h5 {
  line-height: 36px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h6 {
  line-height: 36px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

/* --- Grid --- */

.grid {
	color: #FFFFFF;
	background:#000;
	font-family: sans-serif, helvetica;
	font-size: 11px;
	text-transform: capitalize;
	letter-spacing:normal;
	line-height: 17px;
	width: 660px;
	margin: 15px 0 0 0;
	font-weight:bold
}

.grid li {
	width: 173px;
}

.grid a:link {
		text-decoration: none;
		color:#CCC;
}

.grid a:hover {
		background: #03F;
		color: #fff;
}

.grid a:visited {
		text-decoration: none;
		color:#CCC;
}

.grid a:visited:hover {
		background: #03F;
		color: #fff;
}

.grid-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.grid-c1 {
	float: left;
	width: 120px;
}

.grid-c1 li {
	width:120px;
}

.grid-m2 {
  float: left;
  width: 5px;
  height: 1px;
}

.grid-c2 {
	float: left;
	width: 182px;
}

.grid-m3 {
  float: left;
  width: 5px;
  height: 1px;
}

.grid-c3 {
	float: left;
	width: 165px;
}

.grid-m4 {
  float: left;
  width: 5px;
  height: 1px;
}

.grid-c4 {
	float: left;
	width: 168px;
}

.grid-c4 li {
	width: 168px;
}

/* --- Grid List Styles --- */

.grid-c1 ul {
		list-style: none;
		list-style-image: none;
		margin: 0px;
		padding: 0px;
		letter-spacing: .1em;
		font-weight: bold;
		
}

.grid-c1 ul a:link {
		font-weight: bold;
}

.grid-c1 ul a:visited {
		font-weight: bold;
}

.grid-c1 ul a:hover {
		font-weight: bold;
}

.grid-c2 ul {
		list-style: none;
		list-style-image: none;
		margin: 0px;
		padding: 0px;
		letter-spacing: .1em;
		font-weight: bold;
}

.grid-c3 ul {
		list-style: none;
		list-style-image: none;
		margin: 0px;
		padding: 0px;
		letter-spacing: .1em;
		font-weight: bold;
}

.grid-c4 ul {
		list-style: none;
		list-style-image: none;
		margin: 0px;
		padding: 0px;
		letter-spacing: .1em;
		font-weight: bold;
}

/* --- Contact Us Top Banner --- */

#contactUsTop2 {
	width:90%;
	height: 80%;
	color: #CCC;
	font-family: helvetica,sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.5pt;
	line-height: 1.8;
	padding-top: 2px;
	padding-left: 5px;
	border-left: 1px #333 solid;
}

#contactUsTop2 ul {
		list-style: none;
		list-style-image: none;
		margin: 0px;
		padding: 0px;
}

#contactUsTop2 form{
	margin:0;
	padding:0;
	margin-top: 5px;
	margin-bottom: 2px;
}
#contactUsTop2 form .searchin{
	margin:0px;
	padding:0px;
	width:110px;
    height:13px;
	font:bold 12px "Times New Roman", Times, serif;
	display: inline;
	float: left;
}
#contactUsTop2 form .searchbut{  border: none;
    background: url('../images/searchbutton.jpg') no-repeat top left;
	font:normal 11px "Times New Roman", Times, serif;
	color:#FFFFFF;
	height:17px;
	}
	

.stbuttontext	{color:#FFFFFF;font:bold 11px arial}
/* --- Main Content Home Page --- */

#mainContent {
	width: 800px;
	height: auto;
	background:#FFF;
	padding: 10px;
	margin: 10px 0px 20px 0px;
}

#mainContentLL {
		width: 800px;
		height: auto;
		background:#FFF;
		padding: 10px;
		margin: 0px 0px 20px 0px;
}

#mainContentA {
		background: #fff;
		width: 604px;
		height: 100%;
		float: left;
		border: 1px solid #D6D6D6;
}

#mainContentB {
		width: 175px;
		height: 100%;
		float: right;
}

#mainContentSlideShow {
		width: 100%;
		height: 348px;
		background: url(../images/main.jpg) no-repeat;
}
#mainContentSlideShow a{
		text-decoration:none
}
/* --- Homepage categories --- */

.mainContentCat {
  width: 605px;
  margin: auto;
  padding-top: 10px;
}

.mainContentCat-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

#mainContentCat-c1 {
	float: left;
	width: 195px;
	height: 101px;
	background:url(../images/male-makeover.jpg);
	vertical-align: bottom;
	
}

#mainContentCat-c1a {
	float: left;
	width: 195px;
	height: 101px;
	background:url(../images/image-makeover.jpg);
	vertical-align: bottom;
	
}


.mainContentCat-m2 {
  float: left;
  width: 10px;
  height: 1px;
}

#mainContentCat-c2 {
  	float: left;
	width: 195px;
	height: 101px;
	background:url(../images/female-makeover.jpg);
}

#mainContentCat-c2a {
  	float: left;
	width: 195px;
	height: 101px;
	background:url(../images/extreme-makeover.jpg);
}

.mainContentCat-m3 {
  float: left;
  width: 10px;
  height: 1px;
}

#mainContentCat-c3 {
	float: left;
	width: 195px;
	height: 101px;
	background:url(../images/wedding-makeover.jpg);
}

#mainContentCat-c3a {
	float: left;
	width: 195px;
	height: 101px;
	background:url(../images/personal-shopper.jpg);
}

/* --- Homepage Ads --- */

#ad1 {
		width: 160px;
		height: 175px;
		padding-bottom: 25px;

}

#ad2 {
		width: 100%;
		height: 91px;
		padding-top:10px;
		padding-bottom: 10px;
}

#ad3 {
		width: 100%;
		height: 100px;
		padding-bottom: 10px;
		
}

#ad4 {
		width: 100%;
		height: 91px;
		padding-bottom: 10px;
}

.ad-sidebar {
		width: 100%;
		height: 91px;
		padding-bottom: 10px;
}
.ad-sidebar1 {
		width: 100%;
		height: 615px;
		padding-top:5px;
		padding-bottom: 10px;
		align: center;
}
/* --- footer --- */

#footer1 {
	width: 820px;
	height: 100px;
	padding: 5px 0;

}

#footerA1 {
		width: 78px;
		height: 100%;
		float: left;
}

#footerB1  {
	width: 720px;
	height: 100%;
	float: right;
	font-family: arial,sans-serif;
	color: #fff9f7;
	font-size: 9px;
	letter-spacing: 0.2pt;
	word-spacing: 0.2pt;
	line-height: 1.8;
	padding-left: 10px;
	text-transform: Uppercase;

}

#footerB1 ul {
		list-style: none;
		list-style-image: none;
		margin:0;
		padding:0;
		line-height: 16px;
}


#footerB1 li a, #footerB li a:visited  {
	text-decoration: none;
	color:#666;
}

#footerB1 li a:hover {
		text-decoration: underline;
		color: #0083fe;
}

#footerB1 li.center {
	text-align:center;
	color: #000;
}
#footerB1 li#footeremail a {text-decoration:underline;}

#footer {
	width: 820px;
	height: 100px;
	padding: 5px 0;

}

#footerA {
		width: 78px;
		height: 100%;
		float: left;
}

#footerB  {
	width: 700px;
	height: 100%;
	float: right;
	font-family: arial,sans-serif;
	color: #fff9f7;
	font-size: 9px;
	letter-spacing: 0.2pt;
	word-spacing: 0.2pt;
	line-height: 1.8;
	padding-left: 10px;
	text-transform: Uppercase;

}

#footerB ul {
		list-style: none;
		list-style-image: none;
		margin:0;
		padding:0;
		line-height: 16px;
}


#footerB li a, #footerB li a:visited  {
	text-decoration: none;
	color:#666;
}

#footerB li a:hover {
		text-decoration: underline;
		color: #0083fe;
}

#footerB li.center {
	text-align:center;
	color: #000;
}
#footerB li#footeremail a {text-decoration:underline;}


#contactUsTop2 a:link {
		text-decoration: none;
		color:#CCC;
		text-transform: lowercase;
		font-size: 11px;
		letter-spacing: 0.5pt;
		text-decoration: none;
}

#contactUsTop2 a:hover {
/*		color: #fff;
		background: #0083fe;*/
		text-decoration: none;
}

#contactUsTop2 a:visited {
		text-decoration: none;
		color:#CCC;
		text-transform: lowercase;
		font-size: 11px;
		letter-spacing: 0.5pt;
		text-decoration: none;
}

#contactUsTop2 a:visited:hover {
		/*color: #fff;
		background: #0083fe;*/
		text-decoration: none;
}


/* --- menuboxes --- */

.menubox1 {
		width: 194px;
		height: 101px;
		background:url(../images/mensmNorm.jpg);
}

/* ----- Homepage Layout ---- */

.hpTitle, .indexBanners a, indexBanners a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	font-weight: Bolder;
	letter-spacing: -0.2pt;
	word-spacing: -1.2pt;
	line-height: 1.4;
	color:#FFF;
	display:block;
	margin-top: 35px;
	padding-left: 10px;
	color:#fff;
	height: 56px;
	text-transform:Capitalize;
	padding-top: 10px;
	text-decoration: none;
}

.indexBanners a:hover {background-color: #0066ff;}

.hpTitle a:link {
		text-decoration: none;
		color:#FFF;
}

.hpTitle a:visited {
		text-decoration: none;
		color:#FFF;
}

.hpTitle a:hover {
		text-decoration: none;
}

.hpTitle a:visited:hover {
		text-decoration: none;
}
	
.hpsubTitle, .indexBanners p {
	color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
letter-spacing:0.4pt;
line-height:1.1;
margin-left:10px;
margin-top:-38px;
word-spacing:-1.1pt;
}

#mainType {
	color:#FFF;
	display:block;
	margin-top: 0px;
	padding-left: 10px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	font-weight: normal;
	letter-spacing: -1.4pt;
	height: 45px;
	text-transform:Capitalize;
	padding-top: 260px;
	line-height: 1.3;
	text-decoration:none;
	padding-bottom:0;
	margin-bottom:0
}
#mainType a{
	cursor: default;	color:#FFF;
}
.mainSubType {
	font-family: helvetica,sans-serif;
	;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.4pt;
	word-spacing: -1.1pt;
	line-height: 1.1;
	color: #fff;
	text-decoration:none;
	padding:0;
	margin:0;
	padding-left: 13px;
}
.mainSubType a{
		font-family: helvetica,sans-serif;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.4pt;
		word-spacing: -1.1pt;
		line-height: 1.1;
		color: #fff;
		text-decoration:none;
		padding:0;
		margin:0
		
}

.mainContentCat a {
  display:block;
  text-decoration: none;
}

.mainContentCat a:visited {
  text-decoration:none;
}

.mainContentCat a:hover {
  text-decoration:none;
  color: #ffffff;
}

.mainContentCat a:visited:hover {
  text-decoration:none;
  color: #ffffff;
}

#quicklinks {
	font-size: 11px;
	text-transform: capitalize;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px 0px;
	margin:0px;
	letter-spacing: 0.09em;
	font-weight: normal;
}

#quicklinks ul {
		list-style: none;
		font-family: helvetica,sans-serif;
		padding: 5px 0px 0px 0px;
		margin: 0px;
}

#quicklinks li {
		list-style: none;
		padding-bottom: 10px;
}

#quicklinks a {
		text-decoration: none;
		color:#CCC;
}

#quicklinks a:hover {
		background: #03F;
		color: #FFF;
}

#quicklinks .nl {
		background: url(../images/small_email.jpg) no-repeat top left;
		padding-left: 25px;
}

#quicklinks .twitt {
		background: url(../images/small_twitter.jpg) no-repeat top left;
		padding-left: 25px;
		padding-top: 2px;
}

#quicklinks .share {
		background: url(../images/small_share.jpg) no-repeat top left;
		padding-left: 25px;
		padding-top: 0px;
}

#quicklinks .contactus {
		background: url(../images/contactus-button.jpg) no-repeat top left;
		padding-left: 25px;
		padding-top: 0px;
}

#searchbox {
		height: 30px;
		width: 100%;
		margin-top: 10px;
}
#leftNavLink { 
	width:175px; 
	background: #000000;
	color:#FFF;
	float:right;
	height:100%;
	border: solid 1px #666;
	padding: 0 5px 0 5px;
}
#leftNavLink p {
	font-family: sans-serif, Arial, Helvetica;
	font-size:12px;
}
#leftNavLink h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	margin: 4px 0 0 0;
}
#leftNavLink h1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}
#leftNavLink h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}