body
{
	background-image: url(Images/back2.jpg);			
	background-repeat: repeat-x;
	margin: 0;
    padding: 0;
    behavior:url(csshover2.htc);
}

html
{
	overflow: -moz-scrollbars-vertical;
}

html, body 
{
	height: 100%;
}

img, div 
{ 
	behavior: url(iepngfix.htc); 	
}

/* Hack for IE */
* html #Back {
    height: 100%;
}
/* End IE Hack */ 

/* Hack for IE */
* html #FakeBack {
    height: 100%;
}
/* End IE Hack */

#wrapper {width:100%; height: 100%; position:absolute;} 

/*-------------------------
PRODUCTS LABELS FORMATTING
------------------------------*/


.ProdTitle
{
	color: darkorchid;
	font-style: normal;
	font-family: Calibri;
	font-variant: normal;
	width: 100px;
	text-align: left;
	font-size: 9pt;
	height: 80px;
}


.ProdInfo
{
	color: darkorchid;
	font-style: normal;
	font-family: Calibri;
	font-variant: normal;
	width: 100px;
	text-align: Left;	
	font-size: 11pt;
	font-weight: bold;
}

.ProductsPage
{
	display: inline;
	text-align: left;
}

.DetailMainImage
{
	margin-left: 25px;
	float: left;
	border:1px solid deeppink!important;
	z-index: 50;
	top: 0px;
	vertical-align: top;
}

.DetailThumbs
{		
	text-align: center;	
	border:1px solid #000!important;
	z-index: 50;
}

.DescriptionWrapper
{
	height: 100%;
	width: 100%;
	text-align: left;
	display: inline-block;
	clear: both;
}

.DescriptionLeft
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;	
	min-height: 400px;
	background-color: Red;
	float: left;
}

.DescriptionRight
{
	position: relative;
	top: 0px;
	left: 200px;
	width: 200px;	
	min-height: 400px;
	background-color: Blue;
}

.DescriptionTitle
{	
	color: darkorchid;
	font-style: normal;
	font-family: Calibri;
	font-variant: normal;
	font-size: 16pt;
	margin-left: 25px;
	margin-right: 25px;
	text-align: left;
	float: left;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 20px;
}

.DescriptionText
{
	color: darkorchid;
	font-style: normal;
	font-family: Calibri;
	font-variant: normal;
	font-size: 12pt;
	margin-left: 25px;
	margin-right: 25px;
	padding-bottom: 20px;
	text-align: left;
	float: left;
}


/*.DescriptionWrapper
{	
	top: 0px;
	height: 100%;
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	z-index: 40;
	background-color: Red;
}

.DescriptionTitle
{
	top: 0px;
	color: black;
	font-style: normal;
	font-family: Calibri;
	font-variant: normal;
	font-size: 16pt;
	margin-left: 75px;
	margin-right: 25px;
	text-align: left;
	float: left;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 20px;
}

.DescriptionText
{
	color: black;
	font-style: normal;
	font-family: Calibri;
	font-variant: normal;
	font-size: 12pt;
	margin-left: 75px;
	margin-right: 25px;
	padding-bottom: 20px;
	text-align: left;
	float: left;
}

.DescriptionLeft
{
	width: 200px;
	float: left;
	min-height: 400px;
}

.DescriptionRight
{
	position: relative;
	top: 0px;
	width: 370px;
	float: right;
	min-height: 400px;
	text-align: left;
}*/

.Images
{
	border: solid 1px deeppink;
	background: deeppink;
	padding: 1px;
}

p
{
	color: darkorchid;
	padding-left: 20px;
	padding-right: 20px;
	font-size: medium;
	font-family: Calibri;
	margin: 0;
}

a
{
	color: darkorchid;
	font-size: medium;
	font-family: Calibri;
	margin: 0;
}

h1
{
	color: darkorchid;
	font-weight: bold;
	font-size: x-large;
	font-family: Calibri;
	margin: 0;
}

#Back
{
	position: absolute;
	left: 50%;
	margin-left: -401px;
	width: 800px;
	top: 0px;
	z-index: 0;	
	background-color: White;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	min-height: 100%;
    border-left: solid 1px #ff69b7;
	border-right: solid 1px #ff69b7;
}

#FakeBack
{
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	top: 0px;
	z-index: 0;		
	min-height: 100%;    
}

#BackInfo
{
	position: absolute;
	width: 100%;
	background-color: Red;
	height: 20px;
	z-index: 10;
	bottom: 0;
	clear: both;
}

.Title
{
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	top: 0px;
	z-index: 1;	
	/*border-left: solid 1px #ff69b7;
	border-right: solid 1px #ff69b7;*/
	height: 110px;
	/*opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;	*/
	/*background-image: url(Images/joys.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
}

.Credits   /***********SORT THIS OUT***************/
{
	position: absolute;
	background-color: White;
	bottom: -100px;
	width: 100%;
	height: 50px;
	z-index: 30;	
	opacity:0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	/*background-image: url(Images/joys.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
}

.Logo
{
	position: absolute;
	left: 50%;
	margin-left: -375px;
	width: 250px;
	height: 100px;
	top: 25px;
	z-index: 10;
	background-image: url(Images/Logo.png);
	background-repeat: no-repeat;
}

.Florist
{
	position: absolute;
	left: 50%;
	margin-left: -220px;
	width: 250px;
	height: 100px;
	top: 93px;
	z-index: 10;
	background-image: url(Images/Florist.png);
	background-repeat: no-repeat;
}

.Interflora
{
	position: absolute;
	left: 50%;
	margin-left: 200px;
	width: 250px;
	height: 100px;
	top: 55px;
	z-index: 10;
	background-image: url(Images/Interflora.png);
	background-repeat: no-repeat;
}

.Menu
{
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	height: 100px;
	top: 110px;
	z-index: 10;
	background-image: url(Images/Menu.png);
	background-repeat: no-repeat;
	/*border-left: solid 1px #ff69b7;
	border-right: solid 1px #ff69b7;*/
}

/*.RealMenu
{
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	height: 40px;
	top: 200px;
	background-image: url(Images/Menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 100;
}*/

.LinkView
{	
	width: 600px;
	height: 20px;
	top: 0px;
	left: 0px;
	text-align: left;
}

.BodyInner
{
	position: absolute;
	left: 50%;
	margin-left: -400px;
	top: 195px;
	width: 800px;	
	z-index: 15;	
	text-align: center;
	padding-bottom: 25px;
	
	/*border-left: solid 1px #ff69b7;
	border-right: solid 1px #ff69b7;*/
}

/*.BodyInner
{
	background-color: White;
	height: 100%;
	width: 100%;
	opacity:.75;
	filter: alpha(opacity=75);
}*/

.LeftBody
{
	width: 180px;	
	height: auto;		
	float: left;
	z-index: 20;
	margin-left: 20px;	
	padding: 0;
	/*border-right: solid 1px red;*/
	display: inline;
	/*opacity:.75;
	filter: alpha(opacity=75);*/
}

.LeftBodyTop
{
	margin-left: 10px;
	width: 180px;
	height: 30px;
	background-image: url(Images/navTop.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;	
}

.LeftBodyMain
{
	margin-left: 10px;
	width: 180px;
	height: auto;
	background-image: url(Images/navMiddle.png);
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
}

.LeftBodyBottom
{
	margin-left: 10px;
	width: 180px;
	height: 300px;
	background-image: url(Images/navBottom2.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

.RightBody
{
	width: 570px;	
	float: left;	
	z-index: 30;
	display: inline;	
	margin-left: 10px;
	margin-bottom: 10px;
}

.RightBodyTop
{
	/*margin-left: 10px;*/
	width: 570px;
	height: 30px;
	background-image: url(Images/bodyTop.png);
	background-repeat: no-repeat;
}

.RightBodyMain
{
	margin-left: 1px;
	width: 570px;	
	overflow: auto;
	background-image: url(Images/bodyMiddle.png);
	background-repeat: repeat-y;
}

.RightBodyBottom
{
	/*margin-left: 10px;*/
	width: 570px;
	height: 30px;
	background-image: url(Images/bodyBottom.png);
	background-repeat: no-repeat;
}











/******************
NAV MENU FORMATTING
******************/

ul.NavMenu
{
	list-style: none;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 0;
}

li.NavMenu
{
	color: white;
	font: bold 12px/10pt 'Century Gothic';
	vertical-align: middle;
	list-style-type: none;
	letter-spacing: normal;
	text-align: center;
}

.NavMenu li a:link
{	
	color: White;
	font: 12px/10pt 'Century Gothic';		
	text-decoration: none;
}

.NavMenu li a:visited
{	
	color: White;
	font: 12px/10pt 'Century Gothic';		
	text-decoration: none;
}

.NavMenu li a:hover
{
	color: White;
	font: bold 12px/10pt 'Century Gothic';
	text-decoration: none;
}

.Occasions
{
	margin: 0;
	margin-left: 0px;
	padding-left: 20px;
	text-align: left;
	background-image: url(Images/Flower.png);
	background-position: left 50%;
	background-repeat: no-repeat;
}

.Occasions a:link
{
	color: Black;
	font: small Calisto;
	text-decoration: none;
	background-image: url(Images/Flower.png);
	background-position: left 50%;
	background-repeat: no-repeat;
}

.Occasions a:visited
{	
	color: Black;
	font: small Calisto;			
	text-decoration: none;
	background-image: url(Images/Flower.png);
	background-position: left 50%;
	background-repeat: no-repeat;
}

.Occasions a:hover
{
	color: White;
	font: small Calisto;
	text-decoration: none;
	background-image: url(Images/Flower.png);
	background-position: left 50%;
	background-repeat: no-repeat;
}

.Occasions ul
{
	list-style: none;
	margin: 0;
}

.Occasions li
{
	margin: 0;
	margin-left: -20px;
}

.LinkTitles
{
	background-color: White;
	font-weight: bold;
	font-size: medium;
	color: #9933cc;
	font-family: Calibri;	
	width: 100%;	
}

.MenuHome
{
	position: absolute;
	left: 50%;
	margin-left: -166px;
	top: 69px;
	height: 51px;
	width: 74px;
	z-index: 100;
	/*background-image: url(Images/HomeLink.png);
	background-repeat: no-repeat;*/
}

/*.MenuHome a
{
	background-image: url(Images/HomeLink.png);
	background-repeat: no-repeat;
	height: 51px;
	width: 74px;
}

.MenuHome a:hover
{
	background-image: url(Images/HomeHover.png);
	background-repeat: no-repeat;
	height: 51px;
	width: 74px;
}*/

.MenuAbout
{
	position: absolute;
	left: 50%;
	margin-left: -115px;
	top: 79px;
	height: 32px;
	width: 105px;
	z-index: 100;
}

/*.MenuAbout a
{
	background-image: url(Images/AboutHover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 105px;
}

.MenuAbout a:hover
{
	background-image: url(Images/AboutLink.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 105px;
}*/

.MenuDelivery
{
	position: absolute;
	left: 50%;
	margin-left: -44px;
	top: 79px;
	height: 32px;
	width: 135px;
	z-index: 100;
}

/*.MenuDelivery a
{
	background-image: url(Images/DeliveryLink.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 135px;
}

.MenuDelivery a:hover
{
	background-image: url(Images/DeliveryHover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 135px;
}*/

.MenuContact
{
	position: absolute;
	left: 50%;
	margin-left: 54px;
	top: 79px;
	height: 32px;
	width: 118px;
	z-index: 100;
}

/*.MenuContact a
{
	background-image: url(Images/ContactHover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 118px;
}

.MenuContact a:hover
{
	background-image: url(Images/ContactLink.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 118px;
}*/




.AboutImage
{
	/*padding-left: 20px;
	padding-right: 20px;*/
	padding-top: -20px;
	text-align: center;
	width: 550px;
}


.Categories
{
}

.Categories ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.Categories li
{ 
	background-image: url(Images/Flower.png);
	background-repeat: no-repeat;	
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0;
	padding-bottom: 5px;
	background-position: left top; 
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	color: darkorchid;
	font: small Calibri;
	
}

.Categories a
{
	text-decoration: none;
	color: darkorchid;
	font: small Calibri;
}

.Categories a:hover
{
	text-decoration: none;
	color: white;
	font: small Calibri;
}

/* 2 and 13 */
ul ul, li:hover ul ul { 
   display:none;
}

/* 12 and 23*/
li:hover ul, li:hover li:hover ul { 
   display:block;
}


/*.Categories li ul	
{
	display: none;
}

.Categories li:hover > ul 
{
	display: block;
}*/








.Footer
{
	position: absolute;
	display: block;
	bottom: 0px;
	width: 100%;
	background-color: hotpink;
	
	z-index: 2;
}

.RealFooter
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: Blue;
	height: 20px;
}




.CategoryLabel
{
	padding: 0;
	margin: 0;
	/*padding-left: 10px;	
	padding-right: 10px;*/
	text-align: left;
	color: darkorchid;
	font:  x-large Calibri;	
}

.CategoryDescriptionLabel
{
	padding: 0;
	margin: 0;
	/*padding-left: 10px;	
	padding-right: 10px;*/
	text-align: left;
	color: darkorchid;
	font:  medium Calibri;
}





.SpecialsText
{
	font-weight: bold;
	font-size: 1em;
	font-family: Calibri;
	text-decoration: none;
}

.MeLink
{
	color: darkorchid;
	padding-left: 20px;
	padding-right: 20px;
	font-size: small;
	font-family: Calibri;
	margin: 0;
	display: block;
	z-index: 10;	
	height: 20px;
}