/* CSS Document */

/* REMOVING BROWSER DEFAULT SETTINGS */
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
}

/*************

	Text

*************/

p {
	font-size: 12px;
	margin-bottom: 10px;
}

a {
	color: #545353;
}

a:hover {
	color: #87D200;
}	

h2 {
	font-size: 18px;
	margin-bottom: 15px;
}

h3 {
	font-size: 14px;
	color: #545353;
	margin-bottom: 15px;
}

.green {
	color: #87D200;
	font-weight: bold;
}

/*************

	Headers and Horizontal Banners

*************/

#banner {
	width: 100%;
	background-color: #000000;
	text-align: center;
}

#header {
	width: 800px;
	height: 103px;
	background: #000000 url(images/headings/concepts.gif) bottom right no-repeat;
	text-align: left;
	margin: 0 auto;
	
}

#banner2 { /* top green banner */
	width: 100%;
	background-color: #87D200;
	height: 8px;
	overflow: hidden;
}

#banner3 { /* bottom green banner */
	width: 100%;
	background-color: #87D200;
	height: 9px;
	text-align: center;
	overflow: hidden;
}

#kelani {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding: 3px 0 3px 0px;
	margin-bottom: 10px;
}

#kelani a {
	color: #666666;
	text-decoration: none;
	font-size: 10px;
}

#kelani a:hover {
	text-decoration: underline;
}

#kelani p {
	color: #666666;
	text-decoration: none;
	font-size: 10px;
	margin-bottom: 0px;
}

/*************

	Main Pages & Backgrounds

*************/

#main {
	width: 100%;
	background-color: #FFFFFF;
	overflow: hidden;
	text-align: left;
}

#site {
	margin: 0 auto;
	width: 800px;
	background-color: #FFFFFF;
	overflow: hidden;
}

#content {
	width: 800px;
	margin: 0 auto;
}

/* Level 2 */

.quote { margin: 95px 0 0 35px; }

#quotespacer { height: 100px; display: block; }

.home {	background: url(images/backgrounds/home.gif) no-repeat bottom right; }

.house { background: url(images/backgrounds/house1.gif) no-repeat bottom right; }

.baby { background: url(images/backgrounds/baby1.gif) no-repeat bottom right; }

.celebrate { background: url(images/backgrounds/celebrate1.gif) no-repeat bottom right; }

.body { background: url(images/backgrounds/body1.gif) no-repeat bottom right; }

.gourmet { background: url(images/backgrounds/gourmet1.gif) no-repeat bottom right; }

.create { background: url(images/backgrounds/create1.gif) no-repeat bottom right; }

.corporate { background: url(images/backgrounds/corporate1.gif) no-repeat bottom right; }

.pet { background: url(images/backgrounds/pet1.gif) no-repeat bottom right; }

.occasion { background: url(images/backgrounds/occasion1.gif) no-repeat bottom right; }

.christmas { background: url(images/backgrounds/christmas1.gif) no-repeat bottom right; }

.specials { background: url(images/backgrounds/specials1.gif) no-repeat bottom right; }

.him { background: url(images/backgrounds/him.gif) no-repeat bottom right; }

.her { background: url(images/backgrounds/her.gif) no-repeat bottom right; }

/*************

	Footer & Backgrounds

*************/

#footer {
	margin: 0 auto;
	height: 35px;
	width: 800px;
	text-align: center;
}

#term {
	float: left;
	width: 525px;
	margin: 15px 0 0 150px;
	height: 20px;
	display: inline;
	overflow: hidden;
}

#term p {
	font-size: 11px;
}

#term a {
	color: #B1B3B6;
	text-decoration: none;	
}

.footerlink { 
	display: block; 
	display: inline;
	width: 118px; 
	height: 35px; 
	float: right;
	overflow: hidden;
}

.bashsmall { background: url(images/bash_small.gif) no-repeat right; } 

.footerhouse { background: url(images/backgrounds/house2.gif) no-repeat right; } 

.footerbaby { background: url(images/backgrounds/baby2.gif) no-repeat right; } 

.footercelebrate { background: url(images/backgrounds/celebrate2.gif) no-repeat right; } 

.footerbody { background: url(images/backgrounds/body2.gif) no-repeat right; } 

.footergourmet { background: url(images/backgrounds/gourmet2.gif) no-repeat right; } 

.footercreate { background: url(images/backgrounds/create2.gif) no-repeat right; } 

.footercorporate { background: url(images/backgrounds/corporate2.gif) no-repeat right; } 

.footerpet { background: url(images/backgrounds/pet2.gif) no-repeat right; } 

.footeroccasion { background: url(images/backgrounds/occasion2.gif) no-repeat top right; } 

.footerchristmas { background: url(images/backgrounds/christmas2.gif) no-repeat right; } 

.footerspecials { background: url(images/backgrounds/specials2.gif) no-repeat top right; } 

.footerhim { background: url(images/backgrounds/him2.gif) no-repeat top right; }

.footerher { background: url(images/backgrounds/her2.gif) no-repeat top right; }

/*************

	Menu

*************/

#menu {
	width: 100%;
	background-color: #545353;
	padding-top: 4px;
	height: 21px;
	text-align: left;
}

#menu a {
	text-decoration: none;
	color: #D4D4D4;
}

#nav {
	margin: 0 auto;
	list-style: none;
	width: 750px;
}

#menu a:hover { color: #EF097C; }

#nav ul { /* all lists */
	padding: 0;
	margin: 0 auto;
	list-style: none;
}

#nav a {
	display: block;
	font-size: 13px;
}

#nav li { /* all list items */
	float: left;
	width: 77px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #545353;
	width: 77px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li {
	border-bottom: 1px #87D200 solid;
	background: #545353;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*************

	Home Page

*************/

#banner3home { /* Home section, placed inside banner4 on home page*/
	margin: 0 auto;
	width: 800px;
	height: 9px;
	background: url(images/backgrounds/home2.png) no-repeat right top;
}

/*************

	Products Menu

*************/

.productmenu {
	display: block;
	margin-left: 0px;
}

#information {
	float: left;
	height: 61px;
	width: 66px;
	border: 1px solid #E4E4E4;
	background-color: #E4E4E4;
	margin: 23px 0 0 7px;
	padding: 10px 0 0 5px;
	font-size: 11px;
}

#information2 {
	float: left;
	height: 61px;
	width: 66px;
	border: 1px solid #E4E4E4;
	background-color: #E4E4E4;
	margin: 23px 0 0 7px;
	padding: 10px 0 0 5px;
	font-size: 11px;
}

/*************

	Level 3 - Product Pages

*************/

#productimage {
	float: left;
	width: 250px;
	height: 250px;
	margin: 60px 0 40px 70px;
	display: inline;
}

#productdescription {
	float: left;
	width: 400px;
	margin: 60px 0 40px 45px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#productdescription ul {
	font-size: 12px;
	
}

#productdescription li {
	list-style-position: inside;
	list-style-type: square;
	line-height: 18px;
	padding-left: 15px;
	text-indent: -15px;
}

/*************

	About Us

*************/

#about {
	margin: 35px 0 0 100px;
	width: 600px;
	text-align: justify;
}

/*************

	Delivery

*************/

#delivery {
	margin: 35px 0 0 150px;
	width: 500px;
	text-align: center;
}

/*************

	Terms and Conditions

*************/

#terms {
	margin: 35px 0 0 200px;
	width: 400px;
	text-align: justify;
}

#terms ul {
	font-size: 12px;
	margin-bottom: 20px;
}

#terms li {
	list-style-position: inside;
	list-style-type: square;
	line-height: 18px;
	padding-left: 15px;
	text-indent: -15px;
}

/*************

	Order Form

*************/

#orderform {
	margin: 35px 0 0 150px;
	width: 500px;
	text-align: justify;
}

#orderform td {
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
}

#orderform label {
	text-align: right;
	font-size: 12px;
}

#orderform input {
	border: 1px solid #666666;
	font-size: 12px;
	margin: 2px 0 2px 10px;
	width: 200px;
}

#orderform select {
	border: 1px solid #666666;
	font-size: 12px;
	margin: 2px 0 2px 10px;
	width: 200px;
}

#orderform textarea {
	border: 1px solid #666666;
	font-size: 12px;
	margin: 2px 0 2px 10px;
	width: 200px;
	height: 100px;
}

/*************

	Testimonials

*************/

#testimonials {
	margin: 35px 0 0 150px;
	width: 500px;
	text-align: justify;
}

/*************

	Confirmation Forms

*************/

#confirm {
	margin: 35px 0 0 200px;
	width: 400px;
	margin-bottom: 300px;
	text-align: justify;
}

/*************

	Subscribe to E-Newsletter

*************/

#subscribe {
	margin: 35px 0 0 100px;
	width: 600px;
}

#subscribe td {
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
}

#subscribe label {
	text-align: right;
	font-size: 12px;
}

#subscribe input {
	border: 1px solid #666666;
	font-size: 12px;
	margin: 2px 0 2px 10px;
	width: 150px;
}

/*************

	LINKS

**************/

#links {
	margin: 35px 0 0 250px;
	width: 400px;
	text-align: justify;
}

#links img {
	border:none;
	margin-bottom: 25px;
}

#links table {
	margin-bottom: 20px;
}

#links hr {
	margin-bottom: 20px;
}

/*************

	HOLIDAY

**************/

#holiday {
	background: url(images/holiday_home.png) no-repeat;
	margin-top: 38px;
	height: 331px;
	width: 338px;
	padding: 35px 15px 0px 15px;
}

#holiday p {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.2em;
	margin-bottom: 15px;
}

#holiday h2 {
	color: #FFFFFF;
}

/*************

	TWITTER AND FACEBOOK ON HOME PAGE

**************/

#networks {
	width: 112px;
	height: 109px;
	float:left;
	margin: 20px 0 0 67px;
}