/* ===================================================================
        General Styles
*/

body {
	padding: 0;
	border: 0;
		
	margin: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #686663;
	
	text-align: left;
	
	background-color: #ffffff;
}

img 	{ border: 0px; }

a 		{ color: #686663; text-decoration: none;}

a:hover	{ color: #686663; text-decoration: none; }

div, p, ul, ol, li     { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; line-height: normal; font-size: 12px; font-weight: normal; }

fieldset { padding: 0px; margin: 0px; border: 0px; }

table, tr, td { padding: 0px; margin: 0px; border-collapse: collapse; }

input { padding: 0px; margin: 0px; }

.clear  { clear: both; }
.clearLeft  { clear: left; }

.hide   { display: none; }

.show   { display: block; }


/* ===================================================================
		Structure
*/

.header {
	height: 80px;
	background-color: #d9b55d;
	border-bottom: 2px solid #889e55;
	min-width: 690px;
}

.nav {
	float: right;
	width: 230px;
	background-image: url('../graphics/navBackground.gif');
	background-position: right;
	background-repeat: repeat-y;
}

.main {
	background-image: url('../graphics/navBackground.gif');
	background-position: right;
	background-repeat: repeat-y;
	padding-bottom: 20px;
}

.footer {
	clear: both;
	text-align: center;
	color: #ffffff;
	font-size: 10px;
	background-color: #889e55;
	padding: 4px 0;
}


/* ===================================================================
		Header
*/

.header h1 {
	float: left;
	padding-left: 20px;
	padding-top: 21px;
}

.header ul {
	float: left;
	padding-left: 80px;
	padding-top: 17px;
	width: 140px;
}

.header ul li {
	list-style: none;
	height: 20px;
}

.header ul li a {
	background-image: url('../graphics/utilityBulletOff.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-weight: bold;
}

.header ul li a:hover {
	background-image: url('../graphics/utilityBulletOn.gif');
}


/* ===================================================================
		Nav
*/

.nav h2 {
	font-size: 22px;
	color: #ffffff;
	padding-top: 5px;
	padding-left: 20px;
}

.nav ul {
	margin-top: 10px;
	position: relative;
	z-index: 1;
}

.nav ul li {
	height: 18px;
	list-style: none;
}

.nav ul li a {
	padding-left: 20px;
	margin-left: 20px;
	color: #686663;
	font-weight: bold;
	background-position: left;
	background-repeat: no-repeat;
	background-image: none;
}

.AdrianaDamask	.nav ul li.navAdrianaDamask	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.Ashanti	.nav ul li.navAshanti	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.AutumnLeaves	.nav ul li.navAutumnLeaves	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.BambooPlacemats	.nav ul li.navBambooPlacemats	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.BorderLinen	.nav ul li.navBorderLinen	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.CanvasKitchen	.nav ul li.navCanvasKitchen	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.ChristmasCandy	.nav ul li.navChristmasCandy	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.ChristmasCandyKithcen	.nav ul li.navChristmasCandyKithcen	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.ChristmasCandyOilcloth	.nav ul li.navChristmasCandyOilcloth	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.Currants	.nav ul li.navCurrants	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.DaksaPaisley	.nav ul li.navDaksaPaisley	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.Elyse	.nav ul li.navElyse	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.ElyseKithcen	.nav ul li.navElyseKithcen	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.ElyseStripe	.nav ul li.navElyseStripe	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.FruitTapestry	.nav ul li.navFruitTapestry	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.HemstitchLinen	.nav ul li.navHemstitchLinen	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.HolidayTeaTowels	.nav ul li.navHolidayTeaTowels	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.HollyDamask	.nav ul li.navHollyDamask	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.HollyPrintLinen	.nav ul li.navHollyPrintLinen	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.KhotanDamask	.nav ul li.navKhotanDamask	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.Liso	.nav ul li.navLiso	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.LuciaDamask	.nav ul li.navLuciaDamask	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.NapkinRings	.nav ul li.navNapkinRings	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.NuitdeNoel	.nav ul li.navNuitdeNoel	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.OilclothPlacemats	.nav ul li.navOilclothPlacemats	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.Oakleaf	.nav ul li.navOakleaf	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.Pakmani	.nav ul li.navPakmani	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.Pillows	.nav ul li.navPillows	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.Poinsettias	.nav ul li.navPoinsettias	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.PoinsettiaBorderLinen	.nav ul li.navPoinsettiaBorderLinen	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.PommesDeNoel	.nav ul li.navPommesDeNoel	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.PommesDeNoelKithcen	.nav ul li.navPommesDeNoelKithcen	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.PommesDeNoelOilcloth	.nav ul li.navPommesDeNoelOilcloth	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.ReindeerEmbroidered	.nav ul li.navReindeerEmbroidered	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.Samarkand	.nav ul li.navSamarkand	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.SolidWaffleTeaTowels	.nav ul li.navSolidWaffleTeaTowels	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.TeaTowels	.nav ul li.navTeaTowels	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.VintageFruit	.nav ul li.navVintageFruit	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.Votives	.nav ul li.navVotives	 a { background-image: url('../graphics/utilityBulletOff.gif'); }
.WindowpaneLinen	.nav ul li.navWindowpaneLinen	 a { background-image: url('../graphics/utilityBulletOff.gif'); }

.nav ul li a:hover {
	background-image: url('../graphics/utilityBulletOn.gif');
}


/* ===================================================================
		Main
*/

.main h2 {
	font-size: 30px;
	color: #889e55;
	padding-left: 20px;
	padding-top: 35px;
}

.main .paging {
	text-align: right;
	position: relative;
	margin-top: -60px;
	padding-bottom: 60px;
}

.main .paging a {
	font-size: 18px;
	padding: 0 15px;
	color: #dfc073;
}

.main .paging a:hover {
	color: #889e55;
}

.footer a {
	color: #ffffff;
}

.footer a:hover {
	color: #ffffff;
}

.catalog {
	margin-top: 15px;
}

.catalog td {
	padding: 3px;
	vertical-align: middle;
}

.sales {
	padding-left: 50px;
	padding-top: 20px;
}

.sales div {
	padding-bottom: 10px;
}

.sales p {
	padding: 2px 0;
}

.sales p.title {
	color: #b65012;
	font-weight: bold;
}

.sales em {
	color: #889e55;
	font-weight: bold;
	padding: 0 2px;
}

.shows {
	padding-left: 50px;
	padding-top: 20px;
}

.shows td {
	padding: 5px 15px;
}

.shows th {
	font-weight: bold;
	padding: 5px 15px;
	color: #b65012;
}

.contact {
	padding-left: 50px;
	padding-top: 20px;
	line-height: 16px;
}

.contact div {
	padding-bottom: 20px;
}

.contact p {
	padding: 5px 0;
}

.contact a {
	color: #889e55;
	font-weight: bold;
}

.contact a:hover {
	color: #b65012;
}

.cover {
}

.cover .info {
	font-size: 40px;
	color: #889e55;
	position: absolute;
	top: 200px;
	left: 530px;
	text-align: center;
}

.cover .info a {
	color: #889e55;
}

.cover .info a:hover {
	color: #686663;
}




