/*
  $Id: index.css 584 2009-03-25 19:26:55Z emandell $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* colours 
	#f4f9fe very light blue
	#2e6ab1 light blue 
	#eee 	light grey
	#ddd	mid grey
	#525252 very dark grey
*/

/* font sizes 
	10px	77%
	11		85%
	12		93% 	
	13		100%
	14 	 	108%
	15 		116%
	16		123.1%
	17 	 	131 
	18 		138.5 
	19 		146.5 
	20		153.9%
	26		197%
*/

/* banners */
#banner_box {
	position: relative;
	padding-top: 575px;	
	margin-bottom: 10px;   
}

#banner_image {
	position: absolute;
	height: 590px; 
	width: 630px;
/*	top:  110px;       */
    top: 5px;      
	left: 0;	
	background-repeat: no-repeat;
}

#wide_banner {
/*	position: absolute;
	top: 0;
	left: 0;        */
    position: static;
	overflow: hidden;  
}

a#top_left, a#top_right, a#bot_left, a#bot_middle, a#bot_right {
	position: absolute;
	height: 280px;	
}

a#top_left, a#top_right {
	top:  0;	
}

a#top_left {
	left: 0;
	width: 417px;	
}

a#top_right {
	right: 0;
	width: 203px;	
}

a#bot_left, a#bot_middle, a#bot_right {
	top: 290px;
	width: 203px;	
}

a#bot_left {
	left: 0;
}

a#bot_middle {
	left: 213px;
}

a#bot_right {
	right: 0;
}

/* top ten */
#top_ten_box {
	clear: both;	
	display:inline-block; 
}

#top_ten_box h1 {
	font-size:  123.1%;
	font-weight: bold;	
	line-height: 2em;
	color: #fff;
	margin: 0;
	padding: 0; 
}

#top_ten_image {
	position: relative;
	left: 0;
	top:  0;
	height: 375px;  
	width: 628px;
	border: 1px solid #ddd;	
	background-repeat: no-repeat;
}

#top_ten_image a {
	position: absolute;
	height: 175px;
	width: 114px;
	text-decoration: none;	
	border: 1px solid #ddd;
}

#top_ten_image a:hover {
	border: 1px solid #000000;	
}

#top_ten_image span {
	position: relative;
	top: 140px;
	margin:  0 5px 0 5px;
}

a#a1, a#a2, a#a3, a#a4, a#a5 {
	top: 5px;
}

a#a6, a#a7, a#a8, a#a9, a#a10 {
	top: 195px;
}

a#a1, a#a6 {
	left: 10px;	
}

a#a2, a#a7 {
	left: 134px;
}

a#a3, a#a8 {
	left: 258px;
}

a#a4, a#a9 {
	left: 382px;
}

a#a5, a#a10 {
	left: 506px;
}


/* specials */
#specials_box {
	clear: both;
	display:inline-block;
}

#specials_box h1 {
	font-size:  123.1%;
	font-weight: bold;	
	line-height: 2em;
	color: #fff;
	margin: 0;
	padding: 0; 
}

#specials_box ul {
	padding-top: 5px;
	overflow: hidden; 
} 

#specials_box li {
	display: inline;
	float: left;
	width:  24%;
	margin: 0;
	padding: 0;
}

#specials_box img {
	margin-left: auto;
	margin-right:  auto;
	display: block;
}