/* ***** HOMEPAGE ***** */

/* feel free to add CSS here for the homepage only */

#homePage {
}

#startContact {
	margin-left: 37px;
}

#startLastDivider {
	display: none;
}

body {
/*
	background: transparent url(../statimages/wallpaper.jpg) repeat-x top left !important;
*/
}

#page {
    width: 960px !important;
}

#bodyBlock {
/*
	background-color: white !important;
*/
	width: 960px !important;
}

#contentColumn {
	width: 960px;
	margin: 0;
}

#headerBlock {
/*
	background: transparent url(../statimages/top.png) no-repeat top left !important;
*/
	background: none;
	margin-top: 0;
	padding-top: 28px;
	width: 960px;
	height: 140px;
}

#pageBanner {
	height: 62px;
	width: 960px;
	background-color: #fff;
}

#flower_top{top:0px;}

#flower_bottom{
	top:62px;
	display: inline;
	z-index:99;
}

#logoUrbanFlowers {top:0px;}

#homePageText
{
	margin : 0.5em 0 0;
}
#homePage h2
{
	margin:7px 0;
	padding: 0.1em 0;
	line-height : 1.3em;
	font-size:1.6em;
	color:#bb1b8d;
	background-color:transparent;
	border-width : 0;
}


#homePage #shoppingCart #subcatDisplay h2
{
	margin:0 0 7px 0;
	padding: 0.1em 0;
	line-height : 1.3em;
	font-size:1.2em;
	color:#bb1b8d;
	background-color:transparent;
	border-width : 0;
	border-bottom : 1px solid #ccc;
}

#footerBlock
{
/*
	background: transparent url(../images/footerBackgroundRose.jpg) no-repeat -1px 0px;
*/
}

#leftColumn
{
	height:572px;
}

/*
#homePageText {
	position:absolute;
	width:369px;
	top:75px;
	text-align:right;
	right:0px;
	background-color: white;
	min-height: 320px;
}



#homePageText p {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	letter-spacing:1px;
	line-height:16px;
	margin:0;
}

#homePageText a {
	color: #993365;
	color: #660033;
}

#homePageText a:hover {
	text-decoration: underline;
}
*/

#contentColumn {
	border-left: none;
}

/* Navigation
******************************/

a {
/*
			color:#660033;
*/
			text-decoration:none;
}

a.arrow {
			background:url('../statimages/arrow.gif') no-repeat;
			text-decoration:none;
			padding:2px 0px 3px 20px;
			border:none;
			font-weight:bold;
			float:left;
			color:#660033;
			width:300px;
			text-transform:lowercase;
  			font-family:Arial, sans-serif !important;
			font-size:12px;
}

a.arrow:hover {
			color:#993366;
}


#homeNavbar {	
  			font-family:"Arial Narrow", Arial, sans-serif;
			font-size:13px; 
			letter-spacing:0.1em;
			float:left;
			width:968px;
			padding:0 0 0 60px;
			height:33px;
			position: relative;
}

.divider {
			background-image:url('../statimages/navbar_bullet.gif');
			margin:14px 2px 3px 2px;
			width:5px;
			height:5px;
			float:left;
}

#homeNavbar a {	
			height:16px;
			float:left;
			border-bottom:none;
			text-decoration:none;
			margin:8px 4px 0 4px;
			color:#333333;
			text-transform:lowercase;
}

#no_link {	
			height:16px;
			color:#666666;
			margin:8px 4px 0 4px;
			float:left;
}

#no_link.first {	
			margin:8px 4px 0 0px;
}

#homeNavbar a:hover
{	
			color:#993366;
}

#m1
{	
			position:absolute;
			visibility:hidden;
			margin:25px 0px 0px 130px;
			border:1px solid #999999;
			background-color:#F8F8F8;
			padding:2px 3px 2px 0;
}
			
#m2
{	
			position:absolute;
			visibility:hidden;
			margin:25px 0px 0px 240px;
			border:1px solid #999999;
			background-color:#F8F8F8;
			padding:2px 3px 2px 0;
			}
			
#m3
{	
			position:absolute;
			visibility:hidden;
			margin:25px 0px 0px 344px;
			border:1px solid #999999;
			background-color:#F8F8F8;
			padding:2px 3px 2px 0;
			}
			
	#homeNavbar div a {
			position:relative;
			display:block;
			float:none;
			margin:0;
			padding:4px 0px 4px 5px;
			height:12px;
			white-space: nowrap;
			text-align:left;
}

	#homeNavbar div a.last {
			border:none;
			height:16px;
}

/****/

#intro {
			width:553px;
			float:left;
			margin:3px 0 0 60px;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:160%;
			color:#333;
			padding:13px 0;
}

#shop {
			float:right;
			font:14px arial,sans-serif;
			line-height:130%;	
			color:#993366;
			width:293px;
			height:97px;
			background-image:url('../statimages/contact.gif');
			margin:17px 27px 0 10px;
			background-color:#F0F
}

#panels {
			height:440px;
			float:left;
  			font-family:Arial, sans-serif !important;
			font-size:12px;
			letter-spacing:0.01em;
			background-color:#FFF;
}

#panels h1 {
			padding:0px 2px 0px 0px;
}

#panels.left {
			margin:0 0 0 60px;
			background:url('../statimages/panel_bg_1.gif');
			width:260px;
}

#panels.centre {
			margin:0 0 0 30px;
			background:url('../statimages/panel_bg_2.gif');
			width:260px;
}

#panels.right {
			margin:0 0 0 30px;
			background:url('../statimages/panel_bg_3.gif');
			width:260px;
}

#panels div.content {
			margin:7px 0 0 15px;
			line-height:120%;
			width:230px;
			height:300px;
}

body   {
			margin: 0; 
			padding: 0;
			text-align: center; 
			color: #000000;
			height: auto;
}

img.left2 {
/* Used in header */
			float: left;
			border: 0;
}


/* Classes 
******************************/

.emphasize {
   			font-weight: bold;
   			color: #000000;
}

.logo {
			width: 412px;
			height: 62px;
			top: 53px;
			margin-left: 540px;
}

.flower {
			width:197px;
			height:17px;
			float:left;
}

.aubergine_left {
			width:755px;
			height:85px;
			float:left;
			background-color:#660033;
}

.aubergine_right {
			width:  8px;
			height: 85px;
			float: left;
			background-color: #660033;
}

#rounded_box {
			width:960px;
			margin:0px auto;
}

.top {
			height:28px;
			background: url(top.png) no-repeat left top;
}

.centre-content {
			position:relative;
			background-color:#FFF;
			height:850px;
}

.bottom {
			width:780px;
			height:30px;
/*			background:url(../images/bottom.gif) no-repeat left top;
*/			padding-left:23px;
}

.content_pos {
}

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

#container {
			width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
			height: 610px;
			margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
			text-align: left; /* this overrides the text-align: center on the body element. */
			background-color:#FFF;
}

#mainContent {
			padding: 0 0px; 
			background-color:#FFF;
}

.fltrt { 
			float: right;
			margin-left: 10px;
			border: 0px;
}

.fltlft { 
			float: left;
			margin-right: 25px;
			border: 0px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
			clear:both;
    		height:0;
    		font-size: 1px;
    		line-height: 0px;
}

#footer {
			width:960px;
			float:left;
  			font-family:Arial, sans-serif;
			font-size:10px;
			margin:15px 0;
			border-top:12px solid #660033;
			text-align:center;
			padding:3px 0;
}

#footer a {
			margin:0 3px 0 3px;
}

/*** extra bits ***/

#footer_bottom {
			float:left;
			color:#666;
			font-size:9px;
			width:840px;
			margin:5px 60px 5px 60px;
}

#footer_bottom a {
			color:#666;
}

#footer_bottom a:hover {
			color:#660033
}