/*-------------------------+
 | Site: Forget me Not	   |
 +-------------------------*/
 
  @import url("products.css");
  @import url("form-style.css");
	

/* Core layout 
======================================================================*/
* {margin:0;padding:0;}
body {
	background:url(../images/core/bg-repeat.jpg) repeat center top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
}
body img {border:none;}
#bg-flower {background:url(../images/core/bg-feature.jpg) no-repeat center top; padding:0px 0;}
#container {width:950px; margin:0 auto;}
#page {background:url(../images/core/page-repeat.gif) repeat-y center top;}
#page-banner {background:#fff url(../images/core/banner-bg.jpg) top no-repeat; width:880px; height:115px; padding:50px 35px 0 35px; overflow:hidden}
#page-banner img {border:none;}
#navigation {width:950px;}
.page-ends {width:950px;}
#cart-cta {float:right; padding:35px;}

#content-container {padding:0 35px 0 35px; width:880px;}
#left-products-column {float:left; width:266px; padding:15px;}
#right-content-column {float:left; width:574px;}
	#content {width:524px; padding:25px;}

#footer {
	width:880px; 
	background:url(../images/core/footer.gif) no-repeat; 
	margin:0 0 35px 0; 
	height:78px;
	padding:25px 35px 0 35px;
}


/* Core formatting
----------------------------------------------------------------------*/
a {color:#d1181f; text-decoration:none;}
a:hover {color:#772225;}

h1 {font-size:20px; color:#463f99; background:url(../images/titles/h1-flower.gif) left no-repeat; padding:0 0 0 35px; height:35px; font-weight:normal;}
h2 {font-size:18px; color:#8b6aba; line-height:17px; padding:10px 0 20px 0; font-weight:normal;}
h3 {font-size:16px; color:#666; line-height:17px; padding:0 0 20px 0; font-weight:normal; font-style:italic; text-align:center;}
h4 {font-size:14px; color:#333; line-height:17px; padding:0 0 10px 0; font-weight:bold;}
h5 {font-size:14px; color:#8b6aba; line-height:17px; padding:0 0 20px 0; font-weight:normal;}

p {font-size:12px;}
.clear { display: block; clear: both; }

ul#nolist, ul.checkout  { list-style-type: none; margin: 0 0 15px 0; }
ul#nolist li, ul.checkout li { display: block; line-height: 1.6em; }
span.label { width: 150px; float: left; font-weight: bold;}



/* left-products-column 
======================================================================*/
#products-list {padding:0 0 20px 0;}
ul#products-list li {
	list-style-image:url(../images/list-arrow.gif); 
	list-style-position:inside; 
	margin:0 10px 0 0px;
	padding:7px 0 0 15px; 
	height:22px;
	font-size:12px;}
.alt {background-color:#dddbcc;}

#products-list a {text-decoration:none; color:#242424; font-weight:bold;}
#products-list a:hover {color:#5751a3;}
#products-list a:visited {color: #783E48;}

#cta-shop-online {background:url(../images/core/cta-shop-online_24.gif) no-repeat; width:261px; height:59px; padding:60px 0 35px 0;}
#cta-shop-online img {float:left; padding:0 9px 0 0;}
#left-products-column p {font-size:12px; color:#333; line-height:20px;}

.title-products {background:url(../images/titles/our-products.gif) no-repeat; text-indent:-9999px;}
.title-contact {background:url(../images/titles/contact-us.gif) no-repeat; text-indent:-9999px;}



/* right-content-column
======================================================================*/
#flash-home{width:574px; height:369px; background-image:url(../images/core/flash.jpg); cursor: pointer;}
.flash-inner{width:574px; height:215px; background-image:url(../images/core/flash-inner.jpg); cursor: pointer;}

#content p {line-height:19px; padding:5px 0 15px 0;}



/* footer
======================================================================*/
#footer img {float:right;}
#footer p {font-size:11px; color:#a29ce8;}
#footer a{ color:#bfbcdd; text-decoration: none;}
#footer a:hover { color:#bfbcdd; text-decoration: underline;}



/* Navigation layout
======================================================================*/
#nav, #nav ul {	list-style: none; margin: 0;	padding: 0;}
#nav li {float: left; line-height: 1.25em; margin-bottom: -1px; margin-right: -1px;	position: relative; /* required - used to position subs */}
#nav li ul {left: -9999em; position : absolute;}
#nav li ul ul {left: -9999em;	margin-left: 201px; top: 0;}
#nav li a {display: block; height: 71px; overflow: hidden; text-decoration: none; text-indent: -9999px;}	
#nav li a:hover { background-position: 0 -71px !important;}	

#nav li ul a {
	background: #453f99!important;
	border: 1px solid #6d67ae;
	color: #fff;
	display: block;
	font-size: 12px;
	height: auto;
	text-decoration: none;
	text-indent: 0px;
	padding: 5px 10px 5px 10px;
	width: auto; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
}	
#nav li ul a:hover {background-color: #453f99; color:#FFFF00; }	

/* hide subs on current list */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -9999em;}

/* show subs on hover */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

/* images */
ul#nav li#home a {background: url(../images/nav/home.jpg) no-repeat 0 0; width:132px;} 
ul#nav li#about-us a {background:url(../images/nav/about-us.jpg) no-repeat 0 0; width:139px;} 
ul#nav li#product-catalogue a {background:url(../images/nav/product-catalogue.jpg) no-repeat 0 0; width:210px;} 
ul#nav li#helpful-information a {background:url(../images/nav/helpful-information.jpg) no-repeat 0 0;width:223px;}
ul#nav li#link a {background:url(../images/nav/links.jpg) no-repeat 0 0;width:121px;}
ul#nav li#contact a {background:url(../images/nav/contact.jpg) no-repeat 0 0;width:131px;}

/*Links Page*/
ul#links-list{
	list-style:none;
}

ul#links-list li{
	border-bottom:solid 1px #666;
	padding-bottom:10px;
	margin-top:10px;
}




/* Clearfix
======================================================================*/
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Helpful information
======================================================================*/
#helpful-info {padding:0 0 20px 0;}
ul#helpful-info li {
	list-style-image:url(../images/list-arrow.gif); 
	list-style-position:inside; 
	margin:0 10px 0 0px;
	padding:7px 0 0 15px; 
	height:22px;
	font-size:12px;}
#helpful-info a {text-decoration:none; color:#333;}
#helpful-info a:hover {color:#000;}