@charset "utf-8";
/* CSS Document */

body {margin:0px; padding:0px; background: #fff url(../images/template5/mainBG.jpg) repeat-x; font-family:Tahoma, Geneva, sans-serif}
p {font-size:12px;}
.clearBoth {clear:both}
.clearBothSep {clear:both; border-top:1px solid #f6ebe5; margin-left:20px; margin-right:20px;}
h3.blueTitle {font-size:14px; color:#4aa2d0;}
h2.title {font-size:16px; color:#ff5c93;}

/*site specific */
#siteContainer {margin:0px auto; width:940px}

/* header */
#header { height:110px; width:940px;}
#header #logo {width:476px; z-index:2; position:absolute; margin-top:10px; margin-left:20px;}
#header #logo .logoArea {background:#fff; width:309px; margin-left:20px; text-align:center; padding-top:10px; }
#header #logo .logoArea img.logo {margin:0px auto; max-width:200px;}
#header #logo .logoBottom {background: url(../images/template5/logoBottom.png) no-repeat; height:115px; }
#header .ContactDetails {width:200px; z-index:3; position:absolute; margin-left:590px; margin-top:20px; text-align:right; color:#7c3996}
#header ul.relayHeaderInfo { list-style-type:none; margin:0px; padding:0px; width:300px;}
#header ul.relayHeaderInfo li.telephone { font-size:20px;}
#header ul.relayHeaderInfo li.OpeningTimes {font-size:14px;}

/* top level nav */
#header .Navigation { }
#header .Navigation ul#navigation {list-style-type:none; z-index:4; position:absolute; margin-left:80px; margin-top:80px; float:left; padding-left:0px}
#header .Navigation ul#navigation li {float:left;  }
#header .Navigation ul#navigation li .left { background:url(../images/template5/Nav_Left.jpg) no-repeat; width:7px; float:left; padding-bottom:10px;}
#header .Navigation ul#navigation li a { background:transparent url(../images/template5/nav_bg.jpg) repeat-x; color:#5b1a74; float:left; font-size:17px; padding:5px 10px 3px; text-decoration:none;}
#header .Navigation ul#navigation li a:hover {color:#000;}
#header .Navigation ul#navigation li .right { background:url(../images/template5/nav_right.jpg) no-repeat; width:4px; float:left; padding-bottom:10px;}

/* main container */
#mainContent {background: url(../images/template5/background.png) ;width:940px;}

/* main content area */
#mainContent .mainContentArea {width:879px;  margin-left:39px; padding-bottom:10px; position: relative; background:url(../images/template5/gradient_top.jpg) repeat-x;}
 .mainareaFooter {background:url(../images/template5/footerBG.png); height:95px; width:930px; margin-left:10px;}
 .mainContentArea .leftContainer {float:left; width:600px; margin-left:20px; padding-right:10px;  }
  .mainContentArea .leftContainerProd {float:left; margin-left:20px; }
 .mainContentArea .leftContainer img.FPGraphic { float:right; padding:5px;}
 .mainContentArea .leftContainer  img.NewsGraphic { float:right; padding:5px;}
 .mainContentArea .leftContainer p {font-size:12px;}

 p.newsBrief {margin:0px; padding:0px; width:190px;}
 a.newsLink {font-size:12px; float:right; margin:0px; padding:0px 0px 10px 0px; color:#000; text-decoration:underline;  }
  a.newsLink:hover {text-decoration:none}
 .mainContentArea .rightContainer {float:left; margin-left:30px; width:190px;}
 
 /* Products */
  .leftContainerProd ul.Prod {margin:0px 7px 13px 6px;}
 ul.Prod { list-style-type:none; margin:0px 7px 7px 0px; padding:0px; width:190px; float:left; border:1px solid #FFD7FF}
 li.prodPrice {float:right; color:#ac6b7e; font-size:12px; padding:5px;}
 li.prodTitle {color:#ac6b7e; font-size:18px; padding:5px;}
 li.prodDesc {font-size:12px; color:#000; padding:5px;}
 img.SendFlowers {float:right;padding:5px;}
 .greenPrice {color:#82c57e}
 .sthrough { text-decoration:line-through;}
 
 /* footer */
 .mainareaFooter ul.footer { list-style-type:none; margin:0px; padding:0px; float:right; margin-right:20px; position:relative;}
 .mainareaFooter ul.footer li { float:left; height:12px; margin:0px;}
 .mainareaFooter ul.footer li a {font-size:11px; color:#000; text-decoration:none; margin:0px; padding:0px 10px 0px 10px;border-right:1px solid #fff; }
  .mainareaFooter ul.footer li a.last {border-right:none;}
 .mainareaFooter ul.footer li a:hover {text-decoration:underline;}