﻿body {
	background: #fff;
	font: 11px/18px Tahoma, Arial, Verdana, sans-serif;
	color: #666;	
	margin: 0;
	padding: 0;
}

	#wrapper { width: 760px; margin: 20px auto; }
	div.page-wrap { width: 758px; /* borders */ }
	
	.left { float: left; }
	.right  { float: right; }
	.clearfix { overflow: hidden; width: 100%; }
	
	img { border: none; }
	
	ul.strip, #container ul { margin: 0; padding: 0; list-style: none; }
	#container ul { margin-left: 20px; }
	ul.arrows li, #container ul li { background: url(images/arrow.png) left center no-repeat; padding-left: 20px; }
	
	#top { background: url(images/top.jpg) no-repeat; width: 760px; height: 93px; }
	
	#menu { background: url(images/black-gradient.jpg) repeat-x; height: 20px; padding: 5px 25px; border-bottom: 1px solid #000; }
	#menu ul { margin: 0px; padding: 0px; list-style: none; z-index: 10000;  }
	#menu ul li { float: left; position: relative; display: inline; border-left: 1px solid #777; padding-left: 10px; margin-right: 10px; }
	#menu ul li.menuitem1 { border-left: 0; padding: 0; }
	#menu ul li a { color: #fff; text-decoration: none; }
	#menu ul li a:hover, #menu ul li.current ul li a:hover { color: #dbe9ac; }
	#menu ul li.current a { font-weight: bold; color: #dbe9ac; }
	#menu ul li.current ul li a { color: #fff; font-weight: normal; }
	#menu ul li ul 
	{
		display: none;
		z-index: 1000; 
		position: absolute; 
		width: 150px; 
		top: 20px; 
		left: 0px;
		background: #000;
		padding: 10px;
		
	}
	#menu ul li ul li { float: none; display: block; border: 0; padding: 3px 0; }

	
	#header { background: #fff url(images/shadow-left.jpg) top left repeat-y; border: 1px solid #ccc; border-top: none; position: relative; }
	#header img { display: block; }
	#header div.introduction { padding: 10px 10px 0px 25px; width: 190px; }
	#header div.categories { background: url(images/banner.jpg) no-repeat; width: 522px; height: 143px;}
	#header ul.cats { background: #000; width: 110px; height: 123px; padding: 10px 20px; position: absolute; left: 490px; }
	#header ul.cats li.strip { font-weight: bold; color: #fff; background: none; padding-left: 0; margin-bottom: 5px; } 
	#header a { color: #fff; text-decoration: none; }
	#header a:hover { color: #dbe9ac; }
	
	#banner { height: 143px; }
	
	#container { background: #eee url(images/shadow-box.gif) top left no-repeat; border: 1px solid #ccc; border-top: none; }
	#container div.inner, #container div.welcome { padding: 10px 25px; }
	#container div.welcome { width: 300px; }
	#container div.image-categories { width: 405px; white-space: nowrap; }
	#container div.image-categories .each-fade { float: left; border-left: 1px solid #fff; } 
	
	#gifts-tab { background: url(images/shadow-top.jpg) left top no-repeat; padding: 20px 0; }
	#gifts-tab div.introduction { padding: 5px 25px; width: 490px; border-right: 1px dotted #ccc;  }
	#gifts-tab div.introduction  p { margin-top: 20px; } 
	#gifts-tab div.introduction img { float: left; margin-right: 20px;}
	#gifts-tab div.catalogs { width: 200px; }
	
	#footer { border-top: 1px solid #ccc; padding: 10px 25px; text-align: center; color: #ccc; }
	#footer ul li { display: inline; margin: 0 10px; }
	
	h1, h2, h3 { font: 25px "Trebuchet MS", Arial, Tahoma, Verdana, sans; color: #000; margin: 10px 0; padding: 0; }
	h2 { font-size: 21px; }
	
	a:link, a:visited { color: #bdd165; }
	a:hover { text-decoration: none; }