/**
 * Filename: index.css
 *
 * File contains Index (home page) specific styling.
 */

#hookup {
	float:		left;
	margin:		0 5px 0 8px;
	width:		330px;
	height:		275px;
}	#hookup h2{ display: block;
		width:		324px !important;
		width:		330px;
		height:		50px;
		margin-bottom: 8px;
		background:	#e2e2e2;
		padding:	0 0 0 6px;
	} #hookup h2 span { display: block; text-indent: 12px; }
	#hookup a {
		display:	block;
		float:		left;
		width:		168px;
		height:		186px;
		overflow:	hidden;
		text-align: center;
		border: 	8px solid #e1e1e1;
	} #hookup a:hover { border-color: #486a6c; }
		#hookup a span {
			display:	block;
			width:		99%;
			height:		99%;
			border:		1px solid #bcb9b4;
		} #hookup a:hover span { border: 1px solid #494949; }
	
	#hookup div {
		float:		right;
	}


#freeshipping {
	float:		left;
	width:		454px;
	height:		220px;
	padding:	55px 0 0 0;
	background:	#ffffff url('./../images/freeshipping.gif') 0 0 no-repeat;
}

#newarrivals , #productList {
	float:		right;
	width:		780px;
	padding:	0 0 0 10px;
	margin:		20px 4px 20px 0;
	background:	#efefef;
	border:		1px solid #d4d4d4;
} div#productList { width: 780px; padding-left: 2px; padding-right: 5px; background: transparent; border: none;}
	#newarrivals ul li , #productList ul li {
		position:	relative;
		float:		left;
		display:	block;
		width:		154px;
		height:		254px;
		text-align:	center;
	} div#productList ul li { margin-left: 2px; margin-bottom: 10px; }
	#newarrivals ul li a , #productList ul li a {
		display:	block;
		width:		154px;
		height:		196px !important;
		height:		210px;
		padding:	14px 0 0 0;
		background:	#e2ded8;
		overflow:	hidden;
	} #newarrivals ul li a:hover , #productList ul li a:hover { background: #486a6c; }
		#newarrivals ul li a span , #productList ul li a span{ 
			display:	block;
			border:		1px solid #bcb9b4;
			width:		90%;
			height:		93%;
			overflow:	hidden;
			background: #ffffff;
		}
		#newarrivals ul li a:hover span , #productList ul li a:hover span {
			display:	block;
			border:		1px solid #494949;
		}
	#newarrivals ul li h3 , #productList ul li h3{
		position:	absolute;
		bottom:		25px;
		width:		154px;
	}
	#newarrivals ul li strong , #productList ul li strong{
		position:	absolute;
		bottom:		5px;
		width:		154px;
		display:	block;
	}

#welcome {
	width:			750px;
	clear:			both;
	margin:			0 auto;
	margin-bottom:	20px;
	padding:		14px;
	background:		#f5f3f0;
	color:			#364f51;
	line-height:	28px;
	text-align:		justify;
}
	#welcome a {
		padding:		 2px;
		color:			 #486a6c;
		text-decoration: none;
		font:			 bold 13px 'LucidaGrande','Lucida Sans','Lucida Sans Typewriter','Arial','Verdana',sans-serif;
		background:		 #eae3d9;
		border-bottom:	 1px dotted #434343;
	} #welcome a:hover { color:	#eae3d9; background: #486a6c; border-color: #ffffff; }