/* Welsh Pantry stylesheet */

body { background-color: #A6A794; text-align: center; margin: 0; }

/* \ */ #horizon  {
	background-color: #A6A794;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

/* hack \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/ #frame {
	background: #A6A794 url(../img/content_bg.jpg) no-repeat;
	margin-left: -400px;
	position: absolute;
	top: -271px;
	left: 50%;
	width: 800px;
	height: 543px;
	visibility: visible;
	text-align: left; 
}

div#masthead { width: 328px; height: 517px; float: left; }
div#masthead h1 { width: 328px; height: 517px; margin: 0; }
div#masthead h1 a { width: 100%; height: 100%; display: block; background: transparent url(../img/welsh_pantry.jpg) no-repeat; text-decoration: none; }

div#navigation { width: 472px; height: 72px; float: left; margin: 0 -5px 0 0; background: #000 url(../img/navigation_bg.gif) no-repeat; }
div#navigation ul { list-style-type: none; margin: 30px 0 0 25px; padding: 0; }
div#navigation ul li { height: 17px; float: left; }

div#navigation ul li#company { width: 63px; margin: 0 18px 0 0; }
div#navigation ul li#company a { background: transparent url(../img/m/company.gif) no-repeat; } 
div#navigation ul li#company a:hover { background: transparent url(../img/m/company.gif) 0 -17px no-repeat; } 
div#navigation ul li#product { width: 62px; margin: 0 18px 0 0; }
div#navigation ul li#product a { background: transparent url(../img/m/product.gif) no-repeat; }
div#navigation ul li#product a:hover { background: transparent url(../img/m/product.gif) 0 -17px no-repeat; }
div#navigation ul li#news { width: 40px; margin: 0 18px 0 0; }
div#navigation ul li#news a { background: transparent url(../img/m/news.gif) no-repeat; }
div#navigation ul li#news a:hover { background: transparent url(../img/m/news.gif) 0 -17px no-repeat; }
div#navigation ul li#contact { width: 62px; margin: 0 18px 0 0; }
div#navigation ul li#contact a { background: transparent url(../img/m/contact.gif) no-repeat; }
div#navigation ul li#contact a:hover { background: transparent url(../img/m/contact.gif) 0 -17px no-repeat; }
div#navigation ul li#directions { width: 79px; }
div#navigation ul li#directions a { background: transparent url(../img/m/directions.gif) no-repeat; }
div#navigation ul li#directions a:hover { background: transparent url(../img/m/directions.gif) 0 -17px no-repeat; }
 
div#navigation ul li a { width: 100%; height: 100%; display: block; text-decoration: none; }

div#content { width: 472px; height: 445px; overflow: hidden; float: left; }

div#footer { width: 800px; height: 22px; clear: both; border-top: 2px solid #A6A794; }
div#footer ul { list-style-type: none; margin: 0; padding: 0; }
div#footer ul li { float: left; margin: 0; }

div#footer ul li#address { width: 465px; background: transparent url(../img/address.gif) no-repeat; margin: 0 2px 0 0; height: 0px !important; height /**/: 22px; padding: 22px 0 0 0; overflow: hidden; }
div#footer ul li#telephone { width: 93px; background: transparent url(../img/telephone.gif) no-repeat; margin: 0 2px 0 0; height: 0px !important; height /**/: 22px; padding: 22px 0 0 0; overflow: hidden; }
div#footer ul li#fax { width: 96px; background: transparent url(../img/fax.gif) no-repeat; margin: 0 2px 0 0; height: 0px !important; height /**/: 22px; padding: 22px 0 0 0; overflow: hidden; }
div#footer ul li#email { width: 144px; padding: 0; height: 22px; height /**/: 22px; margin: 0 -8px 0 0; }
div#footer ul li#email a { width: 100%; height: 100%; display: block; background: transparent url(../img/email.gif) no-repeat; text-decoration: none; }

div#contentpane { width: 342px; height: 395px; margin: 25px 0 0 57px; background: transparent url(../img/contentpane_bg.jpg) no-repeat; overflow: hidden; }

div#contentpanemenu { width: 342px; text-align: center; }
div#contentpanemenucenter { width: 220px; margin: 0 auto; }
div#contentpanemenu ul#secondnav { list-style-type: none; margin: 4px 0; padding: 0; }
div#contentpanemenu ul#secondnav li { float: left; font: 9px Arial, sans-serif; color: #333333; margin: 5px 5px 10px 0; padding: 0; background: none; }
div#contentpanemenu ul#secondnav li a { text-decoration: none; color: #CCCCCC; }
div#contentpanemenu ul#secondnav li.current a { color: #FFFFFF; }
div#contentpanemenu ul#secondnav li a:hover { color: #D31145; }
div#contentpane h3 { font: 13px Arial, sans-serif; color: #CCCCCC; font-weight: bold; line-height: 14px; margin: 16px 25px 0 23px; }
div#contentpane p { font: 11px Arial, sans-serif; color: #CCCCCC; line-height: 14px; margin: 4px 25px 0 23px; }
div#contentpane ul { list-style-type: none; margin: 0; padding: 0; }
div#contentpane ul li { font: 11px Arial, sans-serif; color: #CCCCCC; line-height: 14px; margin: 4px 25px 0 23px; padding-left: 10px; background: transparent url(../img/white_hyphen_bullet.gif) 0 6px no-repeat; }
.hidetext { visibility: hidden; }
div#contentpane p a, div#contentpane li a { color: #FFFFFF; text-decoration: none; }
div#contentpane p a:hover, div#contentpane li a:hover { color: #D31145; text-decoration: none; }

div#contentpane ul.prsubmenu { list-style-type: none; margin: 0; padding: 0; }
div#contentpane ul.prsubmenu li { margin: 0 0 10px 0; padding: 0; width: 300px; background: none; border-top: 3px solid #D10033; }
div#contentpane ul.prsubmenu li p { margin: 5px 0 0 23px; }
div#contentpane ul.prsubmenu li p strong { text-transform: uppercase; }
div#contentpane ul.prsubsubmenu li { border: none; }
div#contentpane ul.prsubsubmenu li p strong { text-transform: none; }

div#offer { position: absolute; left: 638px; top: 150px; width: 141px; height: 141px; overflow: hidden; }
div#offer h3 { width: 141px; height: 141px; margin: 0; }
div#offer h3 a { display: block; width: 100%; height: 100%; background: transparent url(../img/offer_of_the_month.gif) no-repeat; text-decoration: none; }