@charset "utf-8";

/* 
	Site styling for Shop Daily TV 
	By: Andre Zavala of Heritage Internet Technologies
	Feb/March 2009
	Contact: azavala@hwsinet.com
*/

/* reset */
	* {
		vertical-align: baseline;
		font-weight: inherit;
		font-family: inherit;
		font-style: inherit;
		font-size: 100%;
		border: 0 none;
		outline: 0;
		padding: 0;
		margin: 0;
	}

/* always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers only */
	html { font-size: 100%; height: 100%; margin-bottom: 1px; } 

/* globals */
	body { background: #00a9e0 url(../../images/site/page-bg.jpg) top repeat-x; text-align: center; margin: 0; padding: 0; border: 0; }
	img { border: 0; }

/* positioning */
	#header { 
		background: url(../../images/site/header.jpg) no-repeat; 
		width: 838px; height: 220px; 
		padding: 0; margin: auto; border: 0; 
	}
	#menu-wrapper { 
		background: url(../../images/site/main-menu-default.jpg) no-repeat; 
		width: 838px; height: 46px; 
		padding: 0; margin: auto; border: 0; 
	}
 	#content-wrapper { 
		background: url(../../images/site/content-bg.jpg) repeat-y; 
		width: 838px; display: table; padding: 0; margin: auto; border: 0; 
	}
	#content-sidebar { float: right; width: 282px; border-left: 3px solid #ccc; margin: 0 19px 0 0; text-align: center; }
	#content-main { float: left; width: 515px; border: 0; padding: 0; margin: 0 0 0 19px; text-align: center; }
	#footer { 
		background: url(../../images/site/footer.jpg) no-repeat; 
		width: 838px; height: auto; 
		padding: 30px 0 10px 0; margin: auto; border: 0; 
		font: 0.8em/130% Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align: center;
	}
	
/* page header content (title div is hidden, just added for SEO purposes) */
	#header h1.title { 
		float: left; font: 0.9em Arial, Helvetica, sans-serif; text-align: left; 
		color: #000; width: auto; margin: 120px 0 0 120px; border: 1px solid #000;
		display: none; visibility: hidden; background: none;
	}
	#header h1.phone { 
		float: right; font: 1.2em Arial, Helvetica, sans-serif; text-align: right; 
		color: #333; width: auto; margin: 15px 40px 0 0; border: 0;
	}

/* main menu (please google 'css sprites' if you do not know how to use/edit them) */
	#main-nav { 
		width: 100%; height: 46px; 
		position: relative; background: url(../../images/site/main-menu-default.jpg) no-repeat; 
		margin: 0; padding: 0; 
	}
	#main-nav li { float: left; list-style: none; }
	#main-nav li a {
		position: absolute;
		top: 0;
		margin: 0; padding: 0;
		display: block;
		height: 46px;
		background: url(../../images/site/main-menu-sprite.jpg) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
/* main menu - default */
	li#main-nav_home a { left: 0; width: 173px; background-position: 0 0; }
	li#main-nav_italian a { left: 137px; width: 258px; background-position: -137px 0; }
	li#main-nav_other a { left: 395px; width: 443px; background-position: -395px 0; }
/* main menu - hover */
	li#main-nav_home a:hover { background-position: 0 -46px; }
	li#main-nav_italian a:hover { background-position: -137px -46px; }
	li#main-nav_other a:hover { background-position: -395px -46px; }
/* main menu - current */
	#body_home li#main-nav_home a { background-position: 0 -92px; }
	#body_italian li#main-nav_italian a { background-position: -137px -92px; }
	#body_other li#main-nav_other a { background-position: -395px -92px; }
	
/* content styling */
	#content-container { margin: auto; padding: 0; border: 0; width: 488px; }
	#content-container h3.intro { background: url(../../images/content/intro-welcome.jpg) no-repeat; width: 100%; height: 191px; }
	#content-container h3.intro strong { 
		font: 0.9em Arial, Helvetica, sans-serif; text-align: center; 
		color: #000; width: 100%; margin: 0; border: 0; padding: 0;
		display: none; visibility: hidden; background: none; 
	}
	#content-container h3.section-heading { 
		width: 100%; height: auto; padding: 0; border: 0; margin: 0 0 12px 0;
		font: 1.2em/140% Verdana, Arial, Helvetica, sans-serif; text-align: left; font-variant: small-caps; text-indent: 0.2em;
		color: #0066CC; background: #dbf7ff;
	}
	#content-container div.item-container { 
		width: 100%; height: auto; padding: 0; border: 0; margin: 0; 
		font: 0.9em/115% Verdana, Arial, Helvetica, sans-serif; color: #999;
	}
	#content-container div.item-container div.price { color: #339900; }
	#content-container div.items { height: auto; padding: 0; border: 0; }
	.left { 
		float: left; width: 50%; height: auto; padding: 0; border: 0; margin: 0; text-align: center; 
		font: 0.9em/115% Verdana, Arial, Helvetica, sans-serif; color: #999;
	}
	.left div.price { color: #339900; }
	.right { 
		float: right; width: 50%; height: auto; padding: 0; border: 0; margin: 0; text-align: center;
		font: 0.9em/100% Verdana, Arial, Helvetica, sans-serif; color: #999;
	}
	.right div.price { color: #339900; }
	#content-container div.spacer { width: 100%; height: 15px; padding: 0; border: 0; margin: 8px 0; clear: both; }
	#content-container div.content-menu { 
		background: #dbf7ff; width: 100%; 
		border: 0; margin: 12px 0; padding: 10px 0;
		font: bold 0.9em/120% Arial, Helvetica, sans-serif; color: #9074a9; 
	}
	#content-container div.content-menu .small { font: bold 0.8em/120% Arial, Helvetica, sans-serif; color: #9074a9; }
	#content-container div.content-menu a { color: #3a99db; text-decoration: underline; }
	#content-container div.content-menu a:hover { color: #3a99db; text-decoration: none; }
	#content-container div.content-menu a:focus { outline: 0; }
	
/* sidebar styling */
	#sidebar div#sidebar-container { margin: auto; width: 251px; padding: 10px 0 0 0; border: 0; }
	#sidebar-container h2.special-item { 
		font: 0.9em/115% Arial, Helvetica, sans-serif; text-align: center; 
		display: block; color: #363636; padding: 0; margin: 1px auto 10px auto; width: 100%;
	}
	#sidebar-container h2.special-item strong {
		font: bold 1.2em/115% Arial, Helvetica, sans-serif; text-align: center; font-variant: small-caps;
		display: block; color: #3a99db; text-decoration: underline; padding: 0; margin: 0; width: 100%;
	}	
	#sidebar-container h4.special-info-heading { 
		font: bold 1em/115% Arial, Helvetica, sans-serif; color: #363636; font-variant: small-caps;
		width: 100%; text-align: center; display: block; padding: 0; margin: 5px auto; 
	}
	#sidebar-container p.sidebar-text { 
		font: 0.9em/160% Arial, Helvetica, sans-serif; text-align: center; color: #363636;
		width: 90%; display: block; margin: 1px auto; padding: 0;
	}
	#sidebar-container p.sidebar-text a { color: #006699; text-decoration: none; }
	#sidebar-container p.sidebar-text a:hover { color: #006699; text-decoration: underline; } 
	#sidebar-container p.sidebar-text a:focus { outline: 0; }
	#sidebar-container h2.nav-heading { 
		font: 0.9em/115% Arial, Helvetica, sans-serif; text-align: left; 
		display: block; color: #363636; padding: 0; margin: 1px auto 10px auto; width: 100%;
	}
	#sidebar-container h2.nav-heading strong {
		font: bold 1.2em/115% Arial, Helvetica, sans-serif; text-align: left; font-variant: small-caps; text-indent: 20px;
		display: block; color: #3a99db; text-decoration: underline; padding: 0; margin: 0; width: 100%;
	}
	#sidebar-container ul.sidenav { margIn: 10px 0; padding: 0 0 0 30px; border: 0; }
	#sidebar-container ul.sidenav li { font: 0.9em/130% Tahoma, sans-serif; color: #666; text-align: left; list-style: square inside; }
	#sidebar-container ul.sidenav li a { text-decoration: none; color: #333;}
	#sidebar-container ul.sidenav li a:hover { text-decoration: underline; color: #333; }
	#sidebar-container ul.sidenav li a:focus { outline: 0; }
		
/* footer text links styling */
	#footer a { color: #CCFFFF; text-decoration: none; }
	#footer a:hover { color: #CCFFFF; text-decoration: underline; }
	#footer a:focus { outline: 0; }