/* stylesheet for ericadee.com */

/* ## STYLE ## */
body {
/*	background: #48021E url(/images/main_bg.gif) no-repeat top center; */
	background: #F2F2F2 url(images/header_bg.png) no-repeat top center;
	text-align: center; /* IE fix for margin: 0 auto */
	padding:0; margin:0;
	width: 100%;
	color: #706F73; font-size: 12px; font-family: Helvetica, Arial, Verdana, sans-serif;
	}

p {margin: 0 0 12px 0; line-height: 200%;}
form {margin: 0;}

#content_box ul{margin: 0 0 0 15px; padding: 0; list-style-type: none;}
	#content_box li{margin-bottom:12px;}

h1, h2, h3, h4, ul#shop-items span{font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif;}
	h1 {margin: 0; font-size: 24px;} /*  */
	h2 {margin: 0; font-size: 18px;} /*  */
	h3, ul#shop-items span {margin: 0; font-size: 16px;} /*  */
	h4 {margin: 0; font-size: 14px;} /* school names */
	
a{ text-decoration: underline; color: #EA4398; font-weight: normal;}
a:link { text-decoration: underline; color: #EA4398; font-weight: normal;}
/* a:visited	{ text-decoration: underline; color: #990000; font-weight: normal;} */
a:hover 	{ text-decoration: underline; color: #FB90C6; font-weight: normal;}

a.footer_link {font-size: 10px; font-weight: bold; text-decoration: none;}
a.footer_link:link { color: #706F73; font-weight: bold;}
a.footer_link:visited	{ color: #706F73; font-weight: bold;}
a.footer_link:hover { color: #EA4398; }	

.copyright {font-size: 10px;}

.white {color: #FFFFFF;}
.tags {color: #CCC; font-size: 10px; padding: 15px 0 0 0; font-family: verdana, arial, sans-serif;}

li.featured {background: #EBE4D0; padding: 4px;}
.visit_featured {float: right; padding: 2px;}
	.visit_featured img{border: 0px;}

.sidebar_heading {text-align: center; margin: 0 0 10px 0; padding: 4px; background: #BDB399 url(images/get_info_bg.png) repeat-x; color: #735A42; font-weight: bold; font-family: verdana, arial, sans-serif;}
	
.intro {background: #f0f0f0 url(images/intro_bg.jpg) no-repeat; margin: 0 0 20px 0; height: 185px; padding: 15px 20px 0 20px; font-size: 20px; font-weight: bold;}
	
/* ## END STYLE ## */

/* ## SHARED STRUCTURE ## */
#footer_bg {background: url(images/footer_bg.png) repeat-x bottom center; margin:0; padding:0;}

#overall_wrapper {
	margin: 0 auto;
	width: 1020px;
	border: 0px solid;
	text-align: left;	/* IE fix for margin: 0 auto */
	}

#header_wrapper {
	height: 134px;
}
	#header{
		height: 134px;
	}
		#logo {float: left; padding: 50px 0 0 0px;}	
			#logo img {border: 0px;}
			#logo h1 {font-size: 6px; visibility: hidden;}
	
		#navbar {float: left; margin: 65px 0 0 20px;}
			#navbar ul {list-style-type: none; margin: 0; padding: 0;}
			#navbar ul li {display: inline;}
				#navbar a {color:#706F73; font-size:16px; font-weight: bold; text-decoration: none; padding: 6px 8px;
				display: inline-block; /*ie padding fix ?*/}
					#navbar a:hover, #navbar a.active {background: #FFF; color: #EA4398;}
		
		#learn_fd {float: right; padding: 50px 5px 0 0;}
			#learn_fd a{display: block; width: 200px; height: 70px; background: url(images/learn_fashion_design.png) no-repeat;}
			#learn_fd a:hover{background: url(images/learn_fashion_design_ro.png) no-repeat;}	
			
#body_wrapper {
	margin: 0px; 
}
	#body {
		margin: 0;
		padding: 0;
	}

#footer_wrapper {
	/* height: 76px; */
	padding: 20px 0 0 0;
}
	#footer {color: #706F73;}
		.footer-left {width: 49%; float: left; padding: 0 0 0 5px;}	
		.footer-right {width: 49%; float: right; text-align: right; padding: 0 5px 0 0;}
		.notice {padding: 20px 0 5px 0; text-align: center; font-size: 10px; color: #B4B4B4;}

.clear {clear: both;}
	
/* ## HOMEPAGE STRUCTURE ## */

#marquee {
	height: 260px; /*341*/
	background: url(images/marquee.jpg) no-repeat;
	margin-bottom: 20px;
	}

#marquee_sub {
	height: 25px;
	background: url(images/marquee_sub.png) repeat-x center 0;
	margin-bottom: 20px;
	}

#fp_sponsor_728 {height: 90px; margin-bottom: 20px; text-align: center;}
	#ad {float: left; width: 85px; height: 90px; background: url(images/ad.png) no-repeat;}
	.fp_ead_info {
		/* z-index: 100;
		position: relative;
		top: 190px;
		left: 5px; */
		background: none repeat scroll 0 0 #BEBEBE;
		float: left;
		text-align: left;		
		padding: 4px;
		width: 245px;
		height: 82px;
	}
	
.fp_container {height: 205px; margin-bottom: 20px;}
	#shop {float: left; width: 85px; height: 205px; background: url(images/shop.png) no-repeat;}
		#shop1, #shop2, #shop3, #shop4, #shop5 /*, #learn3 */{float: left; width: 183px; height: 205px;}
			#shop1 a, #shop2 a, #shop3 a, #shop4 a, #shop5 a /*, #learn3 a */{display: block; width: 183px; height: 205px; }
			#shop1 a {background: url(images/fp_featured/shop_pants.jpg) no-repeat;}
				#shop1 a:hover {background: url(images/fp_featured/shop_pants_ro.jpg) no-repeat;}
			#shop2 a {background: url(images/fp_featured/shop_tops.jpg) no-repeat;}
				#shop2 a:hover {background: url(images/fp_featured/shop_tops_ro.jpg) no-repeat;}
			#shop3 a {background: url(images/fp_featured/shop_shoes.jpg) no-repeat;}
				#shop3 a:hover {background: url(images/fp_featured/shop_shoes_ro.jpg) no-repeat;}
			#shop4 a {background: url(images/fp_featured/shop_purses.jpg) no-repeat;}
				#shop4 a:hover {background: url(images/fp_featured/shop_purses_ro.jpg) no-repeat;}
			#shop5 a {background: url(images/fp_featured/shop_accessories.jpg) no-repeat;}
				#shop5 a:hover {background: url(images/fp_featured/shop_accessories_ro.jpg) no-repeat;}				

#preload {display:none; }	
				
	#learn {float: left; width: 85px; height: 205px; background: url(images/learn.png) no-repeat;}
		#learn1, #learn2, #learn3{float: left; width: 305px; height: 205px;} /* w: 366px */
			#learn1:hover, #learn2:hover, #learn3:hover {background: #f9f9f9 url(images/learn_bg_ro.png) no-repeat;}
			.learn_mod {background: #FFF; /*m: expression(this.onmouseover =  new Function("this.className = 'learn_mod_hover';")); */}
			.learn_mod_hover {background: #f9f9f9 url(images/learn_bg_ro.png) no-repeat;	 /*m: expression(this.onmouseout = new Function("this.className = 'learn_mod';"));*/}
			.learn_inner {padding: 0px 15px; height: 170px;}
				.learn_inner h3{padding: 10px 0 10px 0;}
				.learn_inner p{line-height: 140%;}
			.learn_link {}
				.learn_link a {display: block; background: url(images/learn_arrow.png) no-repeat 0 8px; font-weight: bold; margin:0 0 0 80px;
padding:8px 0 8px 20px;}
					.learn_link a:hover { background: url(images/learn_arrow_ro.png) no-repeat 0 8px; font-weight: bold; color: #706F73;}



/* ## SUB PAGES STRUCTURE ## */

#breadcrumb {
	height: 53px;
	background: url(images/breadcrumb_bg.jpg) no-repeat;
	}
	#breadcrumb p{
		background: url(images/bc_home.png) no-repeat 15px 20px;
		padding: 20px 0 0 40px;
		font-size: 11px;
		font-weight: bold;
		color: #735A42;
	}

	#right_col_wrapper {
		width: 310px;
		float: right;
		overflow: auto;
	}
		#right_col {
			margin: 0px;
			padding: 0 0; 
			background: url(images/sidebar_bg.png) no-repeat;
		}
	#content_box_wrapper {
		width: 710px;
		float: left;
		margin: 0;
	}
		#content_box {
			padding: 0 20px 20px 0px;
		}
			#content_box p{}

ul#shop-items{padding: 0; margin: 0; list-style-type: none;}
	ul#shop-items li{float: left; width: 214px; border: 1px solid #D4D4D4; padding: 0px; margin: 3px; text-align: center;}
		ul#shop-items li.sub{padding: 4px;}
		ul#shop-items span{background: #BEBEBE; display: block; padding: 4px; margin-bottom: 4px;}
			ul#shop-items a span{color: #706F73;}
			ul#shop-items a:hover span{color: #000;}
		ul#shop-items li img{border: 0px;}

#sub-menu-1{background: #FFFFFF; position: relative; top: -10px; width: 670px; text-align: center;}
	.sub-menu-1 {padding: 4px 10px;}
	#sub-menu-1 .sub-menu-1 a{text-decoration: none; font-weight: bold; padding: 0 4px;}
#sub-menu-2{float: right; padding-right: 6px;}
	#sub-menu-2 a{background: #FFF; color: #706F73; text-decoration: none; font-weight: bold; padding: 4px; margin: 0 4px;}
		#sub-menu-2 a:hover{color: #BEBEBE;}
		
/* ## END STRUCTURE ## */