@charset "utf-8";
/* CSS Document for Beauty Supply */
/* Developed by: imicreation */
/* Global Stylesheet */

@import url(reset.css);

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## COMMON TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

h1 {
	font-size: 1.6em;
	color: #5e5e5e;
	font-weight:bold;
}
h2 {
	font-size: 1.6em;
	color: #5e5e5e;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
}
h3 {
font-size: 1.6em;
	color: #ffffff;
	margin: 10px;
	padding: 0px;
	font-weight:bold;
	text-align:right
}

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## LAYOUT TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

body {
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/bg.gif) repeat-x #ffffff;
}
#wrap {
	width:1067px;
	padding: 0px;
	margin: 0 auto;
}
#box {
	width:1067px;
	background: url(../images/box_bg.gif) repeat-y;
	padding: 0px;
	margin: 0px;
	float: left;
}

/*
header
*/

#header {
	margin: 0px;
	padding: 0px;
	width: 1067px;
	float: left;
	background: url(../images/header_bg2.gif) no-repeat;
}
#logo {
	margin: 0px;
	padding: 16px 0px 0px 59px;
	float: left;
	height: 106px;
	width: 182px;
}

/*
navigation
*/

#navigation {
	margin: 0px;
	padding: 0 0 0 37px;
	float: left;
}
#navigation ul {

}
#navigation ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(../images/nav_br.gif) no-repeat left center;
	display: block;
}
#navigation  ul  li.first{background:none;}
#navigation ul li a {
	height: 59px;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor:pointer;
	text-indent: -9999px;
}
#navigation ul li a span{
	height: 59px;
	display: block;
}
#navigation ul li a:hover, #navigation ul li a.active {
    background: url(../images/hover_image.gif) no-repeat left top;
}
#navigation ul li a:hover span, #navigation ul li a.active span{
	background: url(../images/span_image.gif) no-repeat right top;
}
#navigation ul li a span b{
	height:59px;
	display: block;
	background-repeat: no-repeat;
	background-position: center 14px;
}
#navigation ul li.home b{width: 85px;}
#navigation ul li.beautysupply b{width: 136px;}
#navigation ul li.wigs b{width: 83px;}
#navigation ul li.extensions b{width: 118px;}
#navigation ul li.specials b{width: 108px;}
#navigation ul li.aboutus b{width: 107px;}
#navigation ul li.store b{width: 85px;}
#navigation ul li.home a span b{background-image: url(../images/home.png);	}
#navigation ul li.beautysupply a span b{background-image: url(../images/beauty_supply.png);	}
#navigation ul li.wigs a span b{background-image: url(../images/wigs.png);	}
#navigation ul li.extensions a span b{background-image: url(../images/extensions.png);	}
#navigation ul li.specials a span b{background-image: url(../images/specials.png);	}
#navigation ul li.aboutus a span b{background-image: url(../images/about_us.png);	}
#navigation ul li.store a span b{background-image: url(../images/store.png);	}
	
#navigation ul li.home a:hover span b, #navigation ul li.home a.active span b{
	background-image: url(../images/home_hover.png);
	}
#navigation ul li.beautysupply a:hover span b, #navigation ul li.beautysupply a.active span b{
	background-image: url(../images/beauty_supply_hover.png);
	}
#navigation ul li.wigs a:hover span b, #navigation ul li.wigs a.active span b{
	background-image: url(../images/wigs_hover.png);
	}
#navigation ul li.extensions a:hover span b, #navigation ul li.extensions a.active span b{
	background-image: url(../images/extensions_hover.png);
	}
#navigation ul li.specials a:hover span b, #navigation ul li.specials a.active span b{
	background-image: url(../images/specials_hover.png);
	}
#navigation ul li.aboutus a:hover span b, #navigation ul li.aboutus a.active span b{
	background-image: url(../images/about_us_hover.png);
	}
#navigation ul li.store a:hover span b, #navigation ul li.store a.active span b{
	background-image: url(../images/store_hover.png);
	}
/*
content
*/

#container {
	float: left;
	width: 1012px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 55px;
}

/*
left column
*/

#left_column {
	float: left;
	width: 616px;
	padding: 0px;
	margin: 0 13px 0 0;
}
#showcase {
	margin: 0px;
	height: 54px;
	width: 441px;
	padding: 172px 0 0 175px;
	background: url(../images/showcase_image.jpg) no-repeat;
}
#content {
	float: left;
	width: 616px;
	padding: 0px;
	margin: 27px 0;
}
#content p {
	font-size: 1.4em;
	line-height: 22px;
	color: #5e5e5e;
	margin: 0px;
	padding: 0 0 20px 0;
}
#content .content_center{
	padding-left: 100px;
}
#content ul{
	width: 150px;
	float: left;
}
#content ul li {
	font-size: 1.6em;
	margin: 0px;
	color: #5e5e5e;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#content ul li a {
	color: #5e5e5e;
	background: url(../images/bullet.gif) no-repeat left 7px;
	padding-left: 10px;
	display: block;
}
#content li a:hover {
	color: #ec068d;
	background: url(../images/hover_bullet.gif) no-repeat left 7px;
}

/*
right column
*/


#right_column {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 367px;
}
.featured_box1 {
	background: url(../images/color_product_bg.jpg) no-repeat;
	width: 367px;
	padding: 0px;
	height: 116px;
	margin: 0 0 2px 0;
	float: left;
}
.featured_box1 img, .featured_box2 img{
	padding: 0px;
	float: left;
	margin-top: 18px;
	margin-left: 18px;
	margin-bottom: 20px;
	display: inline;
	text-align: center;
}

.featured_box1 .pro_cont, .featured_box2 .pro_cont {
	margin: 23px 0 0 13px;
	float: left;
	width: 250px;
	display: inline;
	font-size: 2.4em;
	font-weight: bold;
	color: #FFFFFF;
}
.featured_box2 {
	background: url(../images/purchase_bg.jpg) no-repeat;
	width: 367px;
	padding: 0px;
	height: 116px;
	margin:0px 0px 18px 0px;
	float: left;
}
#contact_box {
	float: left;
	width: 329px;
	background: url(../images/contact_round_bg.gif) repeat-y;
	padding: 0px;
	margin: 0px 0px 0px 2px;
	display:inline;
}
#contact_box h1{
	float: left;
	width: 310px;
	padding: 8px 0 8px 18px;
	border-bottom: 1px dashed #c0bfbf;
	margin: 0 0 13px 0;
	}
#contact_box a{
	font-size: 90%;
	color: #b6150f;
	display: block;
	padding: 0px;
	margin: 5px 0 0 0;
}
#contact_box_upper {
	background: url(../images/contact_round_upper2.gif) no-repeat left top;
	float: left;
	width: 329px;
}
#contact_box_down {
	background: url(../images/contact_round_down.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 329px;
}
#contact_box ul li{padding-left: 18px; width:146px; float:left; margin:0; 	font-size: 1.6em; color: #5e5e5e;}
#contact_box p{margin:0; padding:0;}
#contact_box p strong{display:block;}
#second {
	margin: 0px;
	width: 122px;
	padding: 0 0 0 22px;
	float: left;
}
#contact_part_two {
	float: left;
	width: 295px;
	margin-top: 12px;
	margin-bottom: 10px;
	margin-left: 13px;
	background: url(../images/contact_br.gif) no-repeat;
	padding: 12px 0 0 5px;
	display: inline;
}
#contact_part_two .map {
	float: left;
	width: 167px;
	height: 97px;
	margin: 0px;
	padding: 0px;
}
#contact_part_two .address {
	float: left;
	width: 110px;
	margin: 0px;
	padding: 0 0 0 10px;
	font-size: 1.4em;
	color: #5e5e5e;
}
#contact_box #contact_part_two .address a{
	background: url(../images/view_map_bullet.gif) right center no-repeat;
	display: block;
	font-size: 100%;
	font-weight: bold;
	padding-right: 11px;
	width:68px;
} 


/*
footer
*/

#footer {
	background: url(../images/footer_bg.gif) no-repeat #FFFFFF;
	float: left;
	width: 967px;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 80px;
	margin: 0px;
	height: 30px;
}
#footer .left_side {
	margin: 0px;
	padding: 0px;
	float: left;
}
#footer .right_side {
	padding: 0px;
	float: left;
	margin: 0 0 0 135px;
	display: inline;
	width: 670px;
}
#footer .change {
	font-size: 1.0em;
	color: #a5a5a5;
}

#footer .right_side ul li {
	font-size: 1em;
	color: #a5a5a5;
	display: inline;
	margin: 0px;
	text-transform: uppercase;
}
#footer .right_side ul li a {
	color: #a5a5a5;
	background: url(../images/footer_nav_br.gif) no-repeat left center;
	padding-right: 7px;
	padding-left: 7px;
}
#footer .right_side ul li a:hover {
	color: #ec068d;
	background: url(../images/footer_nav_br.gif) no-repeat left center;
	padding-right: 7px;
	padding-left: 7px;
}
#footer .right_side ul li a.active{
	color: #ec068d;
	background: url(../images/footer_nav_br.gif) no-repeat left center;
	padding-right: 7px;
	padding-left: 7px;
}
.store_address {
    margin-top:70px;
	margin-left:685px;
}