body{
	background: #000 url(../images/bg_lo.jpg) repeat-y scroll top center;
	color:#000;
	font: normal 15px/140% Helvetica, Arial, san-serif;
	padding-bottom:15px;}
	
.red {color:#bf1e2e; font-weight: bold;}

.img_link{display:block; line-height:0; text-indent:-9999px;}

/*TEMPLATE*/
.InContent{ float:right; width: 492px; overflow:hidden; }
.InContent,
.SpanContent{color: #4b4b4b; font-size: 13px}

.SpanContent ul, .InContent ul {
	list-style-type: disc;
	padding-left: 20px;
}

.SpanContent ul ul, .InContent ul ul {
	list-style-type: circle;
}



p a{ border-bottom: 1px solid #CC3300; color:#CC3300; text-decoration:none}
p a:hover{ border-bottom: 1px solid #333; color:#CC3300;}
p a:active{ border-bottom: 1px solid #333; color:#660000;}
p a:visited{ border-bottom: 1px solid #CC3300; color:#CC3300;}

img.border{border: 1px solid #a62f27}
img.side{ width: 186px;}

h1{ text-indent: -9999px}
h3{ background: #f2e3de; border-bottom: 1px solid #d1b8b4; clear:both; color:#330707; font-size: 16px; font-weight: bold; padding: 10px;}
h4{ 
	/*color:#370b02; 
	font-weight:bold;*/
	color: #370B02;
	font-size: 18px;
	font-weight: bold;
}
	
#header{
	position:relative;
	height: 150px;
	margin: 0 auto;
	width: 1030px;
	z-index:1}
	
	#logo a{
		background: url(../images/porterhouse_logo.png) no-repeat scroll 0 0;
		display: block;
		height: 142px;
		position:absolute;
		top: 8px;
		left: 3px;
		width: 254px;}
		
	#deliveryhotline{
		background: url(../images/delivery_number.png) no-repeat scroll 0 0;
		height: 76px;
		left: 258px;
		position:absolute;
		top: 8px;
		width: 227px;}
		
	#shelf{
		background: url(../images/basket_shelf.png) no-repeat scroll 0 0;
		height: 80px;
		right: 15px;
		position:absolute;
		top: 8px;
		width: 296px;}
		
			#items_count{
				background: url(../images/imgtext-items.gif) no-repeat scroll bottom right;
				font: normal 24px Tahoma, sans-serif;
				color:#fff;
				height:24px;
				text-shadow: 2px 2px 2px #000;
				padding-right: 45px;
				position:absolute;
				right: 152px;
				top: 32px;
				text-align:right;
				width: 30px;}
				
		
			#view_basket {
				background: url(../images/icon_viewbasket.png);
				cursor:pointer;
				height: 27px;
				position:absolute;
				top: 38px;
				right: 36px;
				width: 102px;}
				
		
	div#nav_wrapper{
		bottom: 8px;
		height: 52px;
		right: 15px;
		position:absolute;
		width: 758px;
		z-index:1}
			
	#nav{
		background: url(../images/nav.gif) no-repeat scroll 0 0;
		height: 52px;
		padding: 0 20px 0 23px;
		position: relative;
		width: 715px;
		z-index:1}
		
		#nav li{ float: left;  z-index:1}
		
		#nav li a{display:block;}
		
		#nav a.first_level_nav{ text-indent:-9999px;}
		
		#nav a#the_butchers_shop{height: 52px; width: 131px}
		#nav a#gift_and_merchandise{height: 52px; width: 128px}
		#nav a#the_wine_shop{height: 52px; width: 93px}
		#nav a#recipes_and_guides{height: 52px; width: 102px}
		#nav a#home_and_office_catering{height: 52px; width: 132px}
		#nav a#about_the_porterhouse{height: 52px; width: 129px}
		
/*Navigation menu hover and active state (positioning)*/
		#nav a#the_butchers_shop:hover,
		#nav a#the_butchers_shop.active{background: url(../images/nav.gif) no-repeat scroll -23px -52px;}
		#nav a#gift_and_merchandise:hover,
		#nav a#gift_and_merchandise.active{background: url(../images/nav.gif) no-repeat scroll -154px -52px; }
		#nav a#the_wine_shop:hover,
		#nav a#the_wine_shop.active{background: url(../images/nav.gif) no-repeat scroll -282px -52px; }
		#nav a#recipes_and_guides:hover,
		#nav a#recipes_and_guides.active{background: url(../images/nav.gif) no-repeat scroll -375px -52px; }
		#nav a#home_and_office_catering:hover,
		#nav a#home_and_office_catering.active{background: url(../images/nav.gif) no-repeat scroll -477px -52px; }
		#nav a#about_the_porterhouse:hover,
		#nav a#about_the_porterhouse.active{background: url(../images/nav.gif) no-repeat scroll -609px -52px; }
		
			#nav li ul{ 
				background: #4d0900;
				padding: 0 10px;
				position: absolute;
				visibility: hidden;
				z-index: 5000;
				}
				
			#nav li ul li{
				float: none;
				display:inline;}
				
			#nav li ul li a{
				border-top: 1px solid #6e1312;
				color: #fff;
				padding: 5px 8px;
				text-decoration: none;
				width: auto;}
				
			#nav li ul li a:hover{
				color:#ff9291}	

#base{
 	background: url(../images/basebg.png) repeat-y scroll 0 0;
	margin: 0 auto;
	width: 1030px;
	z-index: -1 !important;}
	
#container{
	background:#f7edea;
	margin: 0 auto;
	width: 1000px;}

.main_side	{
	border-top: 1px dotted #98918b;
	padding: 15px 0;}
	
#faux_content{
	background: url(../images/faux_bg.jpg) repeat-y scroll center left;
	width: 1000px;}
	
	
#sidebar{
	/*background: url(../images/sidebar_bottom_bg.jpg) no-repeat scroll center bottom;*/
	display:inline;
	float: left;
/*The below is for absolute positioning of the sidebar, activate when the sidebar needs to span its height*/
	/*bottom: 0;
	left: 0;
	position:absolute;
	top: 0;*/
	padding:0 2px 30px 0;
	width: 248px;}
	 * html #sidebar{ 
	padding:0 0 30px 0;
	width: 250px;}
		
		#sidebar #sidebar_first_level {
			margin-top: 15px;
		}
		
		#sidebar #sidebar_first_level .first_level_trigger a{ 
			color:#f5d0c1; 
			display: block; 
			font-weight: bold;
			text-decoration:none;
			padding:8px 25px; 
			line-height: 100%;}
			
		#sidebar #sidebar_first_level .first_level_trigger a:hover,
		#sidebar #sidebar_first_level .first_level_trigger a.active,
		#sidebar #sidebar_first_level .active a{ 
			border-bottom: 1px solid #9d7666; 
			color:#fff; 
			padding-bottom: 7px;
			text-decoration:none;  }
			
			
		
/*secondary menu styles*/

		#sidebar #sidebar_first_level div.side_secondary_menu{
			/*border-top: 1px solid #9d7666;*/
			border-bottom: 1px solid #fcc;
			display:none;
			margin:0;
			padding: 8px 25px;}
			
			
			#sidebar #sidebar_first_level div.side_secondary_menu a{
				border:none;
				color:#80241e;
				display:block;
				font-size:12px;
				font-weight:normal;
				margin:0;
				line-height: 100%;
				padding: 4px 0 4px 10px;
				text-decoration:none}
				
				
				#sidebar #sidebar_first_level div.side_secondary_menu a:hover,
				#sidebar #sidebar_first_level div.side_secondary_menu a.active{ 
				background: url(../images/sidebar_active.gif) no-repeat left center;
				border:none; 
				color:#4f0500; 
				font-weight:bold;}
				
				#sidebar #sidebar_first_level div.side_secondary_menu .active a{ 
				background: url(../images/sidebar_active_down.gif) no-repeat left center;
				border:none; 
				color:#4f0500; 
				font-weight:bold;}
				
/*third level menu styles*/			
				#sidebar #sidebar_first_level div.side_secondary_menu .side_third_menu{
					display:none;
					padding: 2px 15px;}
				
					#sidebar #sidebar_first_level div.side_secondary_menu .side_third_menu a{ 
						color: #80241e;}
						#sidebar #sidebar_first_level div.side_secondary_menu .side_third_menu a:hover,
						#sidebar #sidebar_first_level div.side_secondary_menu .side_third_menu a.active{
							background: none;
							color:#330000;
							font-weight:bold;
							text-decoration: underline;}
							
							#sidebar #sidebar_first_level div.side_secondary_menu .side_third_menu a .submenu_active{ color:#0099FF;}
				
/*forth level menu styles*/    
#sidebar #sidebar_first_level div.side_secondary_menu .side_third_menu div.side_forth_menu{
	display:none;
    padding: 2px 15px;}
    
    #sidebar #sidebar_first_level div.side_secondary_menu .side_third_menu div.side_forth_menu a{
        color:#76413e;}
        
        #sidebar #sidebar_first_level div.side_secondary_menu .side_third_menu div.side_forth_menu a:hover,
        #sidebar #sidebar_first_level div.side_secondary_menu .side_third_menu div.side_forth_menu a.active{
            color:#64504f;}
			
					
		
#content_holder{
	
	display:inline;
	float:left;
	min-height:500px;
	height:auto !important;
	height: 500px;
/*If sidebar is absolute positioned, activate: */
	/*padding-left: 250px !important;*/
	padding-bottom: 30px;
	width: 750px;}

#faux_externalwrapper
{
	background: url(../images/internal_content_bg.jpg) no-repeat scroll right bottom;
	position: static !important;
}

#Template_content {
	padding: 25px 25px 0;zoom: 1}
	
#breadcrumbs{
	height:14px;
	line-height: 100% !important;
	padding: 25px;}
	
						
#footer{
	background:url(../images/footer_bg.png) no-repeat scroll 0 0;
	clear:both;
	color:#391511;
	font-size: 12px;
	line-height: 120%;
	height: 50px;
	margin: 0 auto;
	padding: 23px 40px;
	width: 950px;}
	
	#footer #copyright .uppercase{ color: #4d0900;}
	#footer #copyright a{ font-weight:bold; text-decoration:none; color:#391511;}
	#footer #copyright a:hover{color:#663300;}
	
	#footer #footer_menu, #footer #footer_menu a{ color: #4d0900; margin-top: 8px;text-decoration:none;}
	#footer #footer_menu a:hover{ color: #663300; text-decoration:underline}