/*  
Website: Nowdirect
URL: http://www.nowdirect.com/
Description: homepage.css
Usage: For Homepage Only.
Version: 1.0
Date: 08/08/08
/* Homepage */

/* Sidebar Column Layouts */
	@import url("layout.css");
/* Sidebar Column Layouts */

/* Homepage Promotional Products Images (4) */
#homepage-featured-products {
	margin:0;
	padding:0;
	width:745px;
}
#homepage-featured-products a {
	font-weight:bold;
	color:#555555;
}
ul.homepage-featured-products {
	list-style-type:none;
	list-style-image:none;
	margin:0;
	width: 745px;
	padding:0 0 10px 0;
	overflow:hidden;
}
ul.homepage-featured-products li {
	list-style-type:none;
	list-style-image:none;
	padding:0;
	width:185px;
	float:left;
	margin:0 1px 0 0;
}

ul.homepage-featured-products li.last {
	margin:0px;
}

/* Homepage Promotional Products Images (4) */

/*TEST BELOW */
.tabInfo {
	display:block;
	float:left;
	width:185px;
	text-align:center;
	padding:0;
	height: 25px;
	background-image:url(../images/bt-featured.jpg);
}
.tabInfoInactive {
	display:block;
	float:left;
	width:185px;
	text-align:center;
	padding:0;
	height: 25px;
	background-image:url(../images/bt-featured-selected.jpg);
}

a.tabInfo:link {
	padding:4px 0 0 0;
}

a.tabInfoInactive:link,
a.tabInfo:hover,
a.tabInfoInactive:visited { /*selected main tab style */
	text-align: center;
	text-decoration: none;
	padding:4px 0 0 0;
}


/*ie hacks for menu placement and link colours*/
* html .tabInfo {
	display:block;
	float:left;
	width:185px;
	text-align:center;
	padding:0px;
	height: 25px;
	background-image:url(../images/bt-featured.jpg);
}
* html .tabInfoInactive {
	display:block;
	float:left;
	width:185px;
	text-align:center;
	padding:0px;
	height: 25px;
	background-image:url(../images/bt-featured-selected.jpg);
}
* html a.tabInfo:link {
	padding:4px 0 0 0;

}
* html a.tabInfoInactive:link {
	padding:4px 0 0 0;

}
* html a.tabInfo:hover, * html a.tabInfo:visited, * html a.tabInfoInactive:visited {
	padding:4px 0 0 0;
}

* html #toggle a {
	color: #333; 
	text-decoration: none;
}

* html #toggle a:hover, * html #toggle a.tabInfoInactive {
	color: #333;
}

#tabTwoContent, #tabThreeContent, #tabFourContent {
	display: none;
}

#tabOneContent, #tabTwoContent, #tabThreeContent, #tabFourContent {
	margin:0;
	padding:0;
	width:745px;
}
#tabOneContent img, #tabTwoContent img, #tabThreeContent img, #tabFourContent img {
	height:225px;
	width:745px;
}