/* 

	Document:					home.css
	Last edited by:				Adam Jefferson
	This version:				1.0 (14.11.08)
	Deployment version:			E:\SVN\Brand Work Files\Topshop\style\css\home.css
	Documentation:				svn/Documentation/Zoom User Guides/layout.css.doc
	Notes:						Use for home page
	
*/

/* main homepage image */
#campaign_image_container {
	width: 580px;
	position: relative;
	margin: 0;
	padding: 0;
	}
	#campaign_image_container p { text-align:justify; float:left; width:570px; }
	p { text-align:justify; }
	.content { text-align:justify; }

/* positioning for ajax content */
#lifestyle #lefthome .ajax_target {
	position:relative;
	width:580px;
	height:430px;
	}
	
#lifestyle #lefthome .ajax_content {
	position:absolute;
	top:0;
	left:0;
	}
	
.emarketingspot1, 
.emarketingspot2, 
.emarketingspot3 {
	display:none;
	}
	
#lefthome {
	width:580px;
	float:left;
	padding:0;
	}
	
#features {
	width:280px;
	float:left;
	margin:0 0 20px 0;
	}
	
#features .header {
	width:280px !important;
	border-bottom:5px solid #000;
	margin:0;
	padding:0 0 5px 0;
	}
	
#features #headerfeats {
	background:url(homehead_features.gif) top left no-repeat;
	width:280px;
	height:25px;
	margin:0;
	}
	
.feature {
	margin:5px 0 0 0;
	padding-bottom:5px;
	border-bottom:5px solid #E5E5E5;
	}
.feature div { text-align:justify; padding:5px 5px 5px 0; }
.featurefooter {
	background: url(features_footer.gif) top left no-repeat;
	display:block;
	margin:5px 0 0 0;
	width:280px;
	height:21px;
	}
	
#headerblogs {
	
	float:left;
}
	
.feature form {
	padding:5px 0 5px 0;
	}
	
.feature form select {
	border:1px solid #E5E5E5;
	font-size:1em; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#blogs {
	width:280px;
	float:right;
	margin:10px 0 20px 0;
	}
	
#blogs .header {
	width:280px !important;
	height:16px;
	border-bottom:5px solid #000;
	margin:0;
	padding:0 0 4px 0;
	text-align:right;
	}
	
#blogs .header .subscribe {
	color:#999;
	}
	
#blogs #headerblogs {
	background:url(homehead_blog.gif) top left no-repeat;
	width:280px;
	height:15px;
	margin:0;
	float:left;
	}
	
#blogs .subscribe {
	margin:2px 0 5px 0;
	height:16px;
	text-align:right;
	}
	h1 { font-size:17px; font-weight:bold;  }
#blogs .subscribe_text {
	position:relative;
	top:-2px;
	right: 4px;
	}
	
#blogs .subscribe a.rss {
	width:16px;
	}
	
	.feature li { list-style-type:none; }
	
.blog {
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:5px solid #E5E5E5;
	}
	
.blog .date {
	margin-top:10px;
	font-size:1em;
	color:#666;
	}
	
.blog .title {
	margin:5px 0 7px 0;
	font-size:1em; 
	font-weight:bold;
	color:#000;
	}

.blog .title a {
	font-size:1em; 
	font-weight:bold;
	color:#000;
	}
	
.blog .title a:hover {
	color:#B2B2B2;
	}
	
.blog .content {
	margin:5px 0px 0px 0px;
	padding:0px;
	width:280px;
	font-size:1em; 
	font-weight:normal; 
	color:#666;
	}
	
/* mini stores */
#ministores {
	float:left;
	margin:10px 0 20px;
	width:585px;
	}
	
#ministores .header {
	height:26px;
	border-bottom:5px solid #000;

	margin:2px 5px 0 0;
	padding:0 0 4px 0;
	}
	
#ministores #headerministores {
	background:url(homehead_ministores.gif) top left no-repeat;
	width:580px;
	height:30px;
	margin:0;
	float:left;
	}
	
#ministores ul {
	margin:0;
	padding:10px 0 0 0;
	}

#ministores ul li {
	display:inline;
	padding:0;
	margin:0 9px 0 0;
	}

#ministores ul li.last {
	display:inline;
	padding:0;
	margin:0;
	}
/* mini stores ends */
	
#righthome {
	width:160px;
	float:right;
	padding:0;
	margin:0;
	}
	
#righthome .header {
	height:16px;
	margin:2px 5px 0 0;
	padding:0 0 4px 0;
	border-bottom:5px solid #000 !important;
	}
	
#righthome .header-dailyfix {
	border-bottom-color:#000 !important;
	}
	
#righthome #collections {
	background:url(homehead_collections.gif) top left no-repeat;
	width:128px;
	height:16px;
	margin:0;
	float:left;
	}
	
#righthome #collections_list {
	width: 155px;
	height:600px;
	margin:0;
	text-align:center;
	padding:1px 0 7px 10px;
	list-style-type:none;
	}
	
#righthome #collections_list li {
	margin:7px 0 0 0 !important;
	padding:0 !important;
	height:60px;
	float:left;
	}
	
#righthome #collections_list li img {
	display:block;
	margin:0;
	padding:0;
	}
	
#righthome .header_dailyfix {
	border-bottom:5px solid #000 !important;
	margin:0 5px 0 0;
	padding:5px 0 4px 0 !important;
	padding:3px 0 4px 0;
	height:16px;
	display:block;
	}
	
#righthome #dailyfix {
	background:url(homehead_dailyfix.gif) top left no-repeat;
	width:87px;
	height:15px;
	margin:0;
	float:left;
	}
	
#righthome .subscribe {
	margin:2px 0 5px 0;
	height:16px;
	text-align:right;
	}
	
#righthome .subscribe_text {
	position:relative;
	top:-2px;
	}
	
#righthome .subscribe a.rss {
	width:16px;
	margin:0 5px 0 0;
	}
	
/* generic styles - blogs on homepage */
.blog .content {
	clear:both;
	}
	
.blog .content a img.blogImg {
	float:left;
	width:auto;
	padding:0 10px 5px 0;
	}
	
.blog .content div.blogContent {
	display:inline;
	margin-top:0px;
	margin-bottom:5px;
	}
	
.blog .content p {
	clear:left;
	margin:0 0 5px 0 !important;
	padding:0 !important;
	width:auto !important;
	font-size:1em; 
	font-weight:normal;
	color:#666;
	}
	
.blog .content p a {
	color:#000;
	font-weight:bold;
	}
	
.blog .content p a:hover {
	color:#B2B2B2;
	font-weight:bold;
	}
	
.blog .content ul {
	margin:0 0 0 10px;
	padding:0;
	list-style:disc !important;
	list-style-position:outside;
	}
	
.blog .content ul li {
	margin:0 0 5px 5px;
	padding:0;
	list-style:disc !important;
	}
	
* html .blog .content ul li {
	margin:0 0 5px 10px;
	padding:0;
	list-style:disc !important;
	}