/*----------------------------------------------------
File:			home.css
Description:	Stylesheet for the WEBstaurant Store 
				homepage.
Contents:		1. Top Ads
				2. Product Specials Container
					- product specials
				3. Product Specials Links
				4. Category Links

1.	Top Ads
------------------------------------------------------*/
#content_container #right_col #top_ads { margin-bottom: 5px; width: 618px; }

	#content_container #right_col #top_ads a.ad_link {
		display: block;
		height: 196px;
		left: 0;
		margin-bottom: 5px; 
		position: relative;
		text-decoration: none;
		top: 0;	
		width: 100%;
	}

	#content_container #right_col #top_ads a.ad_link span { 
		color: #000;
		cursor: pointer;
		font: bold 12px Arial, sans-serif;
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		text-decoration: none;
		top: 0;
		width: 100%;
		z-index: 2;
	}

	#content_container #right_col #top_ads a.ad_link img { border: none; position: relative; }


/*----------------------------------------
2.	Product Specials Container
------------------------------------------*/
#content_container #right_col #ps_container { width: 618px; }

	/*	Product specials	*/
	#content_container #right_col #ps_container .p_special { width: 305px; }

		#content_container #right_col #ps_container .p_special tr th {
			background-color: #c5ccde;
			border-top: 1px solid #1a3467;
			font: bold 12px Arial, sans-serif;
			padding: 3px;
			text-align: left;
		}

			#content_container #right_col #ps_container .p_special tr.ps_desc td {
				border-bottom: 1px dashed #ccc;
				font: normal 12px Arial, sans-serif;
				padding: 1px 5px 5px 0;
			}

				#content_container #right_col #ps_container .p_special tr.ps_desc td .ps_price_label { font: bold 12px Arial, sans-serif; }

				#content_container #right_col #ps_container .p_special tr.ps_desc td .ps_price { color: #E02222; font: bold 16px Arial, sans-serif; }


/*----------------------------------------
3.	Product Specials Links
------------------------------------------*/
#content_container #right_col #ps_links {
	background: transparent url("/site_images/container_shadow.gif") repeat-x bottom;
	margin-top: 5px;
	width: 618px;
}

	#content_container #right_col #ps_links tr th {
		background-color: #c5ccde;
		border-top: 1px solid #1a3467;
		font: bold 12px Arial, sans-serif;
		padding: 3px;
		text-align: left;
	}

	#content_container #right_col #ps_links tr td ul {
		list-style: none;
		margin-left: 0;
		padding-bottom: 10px;
	}

		#content_container #right_col #ps_links tr td ul li { line-height: 14px; }

			#content_container #right_col #ps_links tr td ul li a { 
				background: transparent url("/company_templates/clarkit/images/bullet.jpg") no-repeat left;
				font: normal 11px Arial, sans-serif; 
				padding-left: 8px;
			}

	#content_container #right_col #ps_links tr td a img { border: 1px solid #ccc; margin-bottom: 5px; }


/*----------------------------------------
2.	Category Links
------------------------------------------*/
#content_container #right_col #cat_links {
	font: normal 11px Arial, sans-serif;
	padding-bottom: 5px;
	width: 618px;
}

	#content_container #right_col #cat_links tr td#cl_disposables {
		background: transparent url("/site_images/home/cl_disposables.jpg") no-repeat right bottom;
	}

	#content_container #right_col #cat_links tr td#cl_smallwares {
		background: transparent url("/site_images/home/cl_smallwares.jpg") no-repeat right bottom;
	}

	#content_container #right_col #cat_links tr td#cl_storage {
		background: transparent url("/site_images/home/cl_storage.jpg") no-repeat right bottom;
	}

	#content_container #right_col #cat_links tr td#cl_tabletop {
		background: transparent url("/site_images/home/cl_tabletop.jpg") no-repeat right bottom;
	}

	#content_container #right_col #cat_links tr td#cl_consumables {
		background: transparent url("/site_images/home/cl_consumables.jpg") no-repeat right bottom;
	}

	#content_container #right_col #cat_links tr td#cl_equipment {
		background: transparent url("/site_images/home/cl_equipment.jpg") no-repeat right bottom;
	}

	#content_container #right_col #cat_links tr td#cl_janitorial {
		background: transparent url("/site_images/home/cl_janitorial.jpg") no-repeat right bottom;
	}

	#content_container #right_col #cat_links tr td#cl_warewashing {
		background: transparent url("/site_images/home/cl_warewashing.jpg") no-repeat right bottom;
	}

	#content_container #right_col #cat_links tr td h2 { font: bold 14px Arial, sans-serif; }

	#content_container #right_col #cat_links tr td h2 {
		background-color: #1a3467;
		color: #fff;
		font: bold 16px Arial,sans-serif;
		line-height: 14px;
		padding-left: 3px;
	}

		#content_container #right_col #cat_links tr td h2 a { color: #fff; }

	#content_container #right_col #cat_links tr td h3 {
		font: bold 12px Arial,sans-serif;
	}

	#content_container #right_col #cat_links tr td ul {
		list-style: none;
		margin: -5px 0 5px 5px;
		padding: 0;
		width: 148px;
	}

		#content_container #right_col #cat_links tr td ul li {
			border-bottom: 1px solid #d9d9d9;
			margin: 0;
			padding: 0;
		}

			#content_container #right_col #cat_links tr td ul li a {
				background: transparent url("/company_templates/clarkit/images/bullet.jpg") no-repeat 0px 3px;
				color: #555;
				display: block;
				font: normal 11px Arial, sans-serif;
				line-height: 14px;
				padding-left: 8px;
				text-decoration: none;
				width: 137px;
			}

				#content_container #right_col #cat_links tr td ul li a:hover { color: #000; }