/* CSS Document */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color:#eae6f1;
}
* html .visualIEFloatFix { height: 0.01%; } /* Fix for IE disappearing text */

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1000px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-color:#FFFFFF;
}

/***************************************   Header Formatting   ********************************************/
div#header {
	padding:0; margin:0;
	height:178px;
	background:url(images/bg_header.jpg) top left no-repeat;
}
.logo { margin:0; border:0; float:left;  }
#navigation {
	text-align:left; float:right;
	margin:155px 5px 0 0; padding:0 0 0 0;
	font-size: 14px; font-weight:bold;
}
#navigation ul{
	margin:0;	padding:0;
	list-style:none;
}
#navigation li {
	margin:0; padding:0;
	height:25px;
	float:left; text-align:center;
}
* html #navigation li {
	width:10px; /* fix for IE width bug */
	overflow:inherit;
}
#navigation li a {
	margin:0;		padding:1px 17px 0 17px;
	height:22px;
	text-decoration:none;
	border:0;
	display:block;
	color:#FFFFFF;
	cursor:pointer;
	border-left:1px dotted #9289bf;
}
#navigation li.basket { width:260px; background:url(images/bg_basket_arrow.gif) 10px 1px no-repeat; }
#navigation li.basket a { color:#9289bf; font-weight:normal }
#navigation li a:hover { color:#766da7 }


/***************************************   SideNav Formatting   ********************************************/
#navleft {
	float:left; 
	margin:0; padding:30px 0 200px 20px;
	width:206px; 
}
#navleft ul {
	margin: 0;	padding:0;
	list-style:none;
}
#navleft ul li  {
	margin:0;	padding:0;
	display:inline;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#navleft ul li a {
	width: 175px;  height:auto;
	margin:0 0 3px 0; padding:5px 0 5px 11px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#c6c0ae;
}
#navleft li a span {	margin:0; padding:0; }
#navleft ul li a:hover {	color:#9e9b88; }

#navleft ul ul { 
	margin: 3px 0 3px 0px; padding:0 0 0 45px;
	font:bold 14px/16px Arial, Helvetica, sans-serif;
}
#navleft ul ul li a {
	background-color:#e0e0c3;
	height:auto; width:107px; padding-left:34px;
	font-weight:normal; color:#9e9b88;
}
#navleft ul ul li a:hover { color:#FFFFFF }

#search {
	margin:25px 0 0 0;
	background-color:#c6c0ae;
	padding:10px 0 10px 11px;
	width:175px;
}
#search input { width:150px; }
#search input.button { width:auto; background-color:#e0e0c3; color:#9e9b88; margin-top:4px; border:1px solid #9e9b88 }

#social {
  position:absolute; bottom:12px;
	width:206px; margin:0 0 0 -10px;
}
#social img { border:0; margin-bottom:8px; }

/***************************************   Content Formatting   ********************************************/
div#main {
	background:url(images/bg_sidebar.jpg) bottom left no-repeat; position: relative; height:0.01%
}
#content {
	text-align:	justify; 
	margin-left:210px; 
	padding:5px 20px 0px 25px; 
}
#home #content { 	padding:5px 5px 10px 10px !important;}
#contact #content p, #faq #content p, #delivery #content p, #terms #content p, #about-us #content p,
#contact #content h2, #faq #content h2, #delivery #content h2, #terms #content h2, #about-us #content p { padding:0 30px 0 10px; }

#homeboxInfo {
	background:url(images/home_partybags.jpg) top left no-repeat; 
	height:178px; width:371px; display:block; 
	margin:0; padding:15px 30px 15px 20px;
}
#homeboxInfo h1 { margin:0; padding:0 0 38px 0; color:#9e9b88; 	font-size: 22px; font-weight:normal }
#homeboxInfo p, #homeboxInfo a { color:#6c6e5e }
#homeboxRetro {
	background:url(images/home_retro.jpg) top left no-repeat; 
	height:105px; width:175px; display:block; 
	margin:6px 0 5px 0; padding:90px 19px 0 215px; color:#b776a0;
	font-size:16px; text-align:right;
}
#homeboxRetro a { color:#b776a0; }
#homeboxPress {
	background:url(images/home_stoppress.jpg) top left no-repeat; 
	height:148px; width:244px; display:block; 
	margin:0; padding:45px 135px 15px 30px;
}
#homeboxPress p { color:#FFFFFF }
#homeboxBunting {
	background:url(images/home_bunting.jpg) top left no-repeat; 
	height:210px; width:106px; display:block; 
	margin:0; padding:20px 35px 0 625px;	color:#8e87b8;
	text-align:left;
}
#homeboxBunting h2 { font-size:18px; font-weight:normal; }
#homeboxBunting a { color:#8e87b8; }
#homeboxParty {
	background:url(images/home_partybox.jpg) top left no-repeat; 
	height:241px; width:766px; display:block; 
	margin:20px 0 0 0; padding:0;	color:#6d6f5f;
	text-align:left;
}
#homeboxParty p { padding: 0 330px 0 25px; }
#homeboxParty h2 { margin-top:0; padding:20px 330px 5px 25px; font-size:20px; font-weight:normal; color:#9c9a88 }
#homeboxParty a { color:#9c9a88; }


p.breadcrumb { color:#9e9b88; margin:0; padding: 5px !important }
p.breadcrumb a { color:#9e9b88; }
#home p.breadcrumb { margin-left:10px; }

#contact #content h1, #faq #content h1, #delivery #content h1, #terms #content h1, #about-us #content h1  {
	background:  transparent top left no-repeat; 
	width:730px; height:50px;
	color:#000 !important;
	font-weight:bold;
	font-size:18px;
	padding: 195px 10px 0 15px !important;
	margin:5px 0 10px 0 !important;
}
#contact #content h1 {	background-image:url(images/bgimg_contact.jpg) }
#faq #content h1 {	background-image:url(images/bgimg_faq.jpg) }
#delivery #content h1 {	background-image:url(images/bgimg_delivery.jpg) }
#terms #content h1 {	background-image:url(images/bgimg_terms.jpg) }
#about-us #content h1 {	background-image:url(images/bgimg_about.jpg) }

.topShopHeader {
	background: transparent top left no-repeat; 
	width:745px; height:245px;
	color:#333;
	margin-bottom: 15px;
	
}
.shopHeader, .productHeader {
	background-color:#e9ebd5;
	border-top:#a49f7f solid 2px;
	margin-bottom: 15px; color:#7f7b5f !important;
}
.topShopHeader h1, .shopHeader h1, .productHeader h1 {
	font-weight:bold;
	font-size:18px;
	margin:0 !important;
	
}
.topShopHeader h1 {	padding: 185px 10px 2px 15px; }
.shopHeader h1 { padding: 8px 10px 2px 15px; }
.productHeader h1 { padding: 8px 10px 10px 15px; }
.topShopHeader p {	padding: 0 10px 8px 15px;	margin:0; }
.shopHeader p { padding: 0 10px 0px 15px; margin:0; }

/***************************************   Footer Formatting   ********************************************/
div#footer {
	font-size:x-small; text-align:right;
	height:100px;
	border-top:3px solid #8a81ba;
	margin:0; padding:10px 20px;
	color:#666666;
	background-color:#FFFFFF;
/*	background:#FFFFFF url(images/bg_footer.gif) top left repeat-x; */

}
div#footer p {
	padding:1em;
	margin:0;
}
div#footer img { margin:7px 0 0 0; }
div#footer a { color:#454545; }