@charset "utf-8";
/* CSS Document */

body {margin:0px; padding:0px; background:url(../images/template4/bg.jpeg); font-family:Tahoma, Geneva, sans-serif}
p {font-size:12px;}
.clearBoth {clear:both; font-size:10px;}
.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:#ff0000; margin-top:5px;}

/*site specific */
#siteContainer {margin:0px auto; width:960px; }
#siteContainer .shaddowArea {background:url(../images/template4/siteContBG.png) repeat-y; width:960px; margin:0px auto;}
/* header */
#header {background: url(../images/template4/headerBg.jpg) repeat-x;  width:940px; height:138px; margin:0px auto;}
#header .headerShad {background: url(../images/template4/headerbottomShad.png) no-repeat; width:940px; float:left; margin-top:138px;}
#header #logo {width:400px; z-index:2; position:absolute; margin-top:10px; margin-left:10px;}
#header #logo .logoArea { width:180px;  text-align:center; padding-top:10px; }
#header #logo .logoArea img.logo {margin:0px auto; max-width:200px;}
#header #logo .logoBottom {background: url(../images/template4/logoBottom.png) no-repeat; height:115px; }
#header .ContactDetails { z-index:3; position:absolute; margin-left:750px; margin-top:100px; text-align:right;}
#header ul.relayHeaderInfo { list-style-type:none; margin:0px; padding:0px; }
#header ul.relayHeaderInfo li.telephone { font-size:20px; background:url(../images/template4/telephone.jpg) no-repeat left; padding-left:40px;}
#header .openingHours { z-index:2; position:absolute; margin-left:20px; margin-top:10px; text-align:left;}
#header .openingHours ul { margin:0px; padding:0px; list-style-type:none;}
#header .openingHours ul li {font-size:12px;}

/* top level nav */
#header .Navigation { }
#header .Navigation ul#navigation {list-style-type:none; z-index:4; position:absolute; margin-left:450px; margin-top:20px; float:left;}
#header .Navigation ul#navigation li {float:left; margin-right:5px;  }
#header .Navigation ul#navigation li.active .left { background:url(../images/template4/active_left.jpg) no-repeat; width:11px; float:left; padding-bottom:50px; }
#header .Navigation ul#navigation li.active a { background:transparent url(../images/template4/active_main.jpg) repeat-x; color:#FF3D25; float:left; font-size:17px; padding:5px 12px 45px 11px; text-decoration:none;}
#header .Navigation ul#navigation li.active .right { background:url(../images/template4/active_right.jpg) no-repeat; width:13px; float:left; padding-bottom:50px;}

#header .Navigation ul#navigation li .left { background:url(../images/template4/nav_left.jpg) no-repeat; width:11px; float:left; padding-bottom:50px; }
#header .Navigation ul#navigation li a { background:transparent url(../images/template4/nav_main.jpg) repeat-x; color:#000; float:left; font-size:17px; padding:5px 12px 45px 11px; text-decoration:none;}
#header .Navigation ul#navigation li .right { background:url(../images/template4/nav_right.jpg) no-repeat; width:13px; float:left; padding-bottom:50px;}


#header .Navigation ul#navigation li:hover .left { background:url(../images/template4/active_left.jpg) no-repeat; width:11px; float:left; padding-bottom:50px; }
#header .Navigation ul#navigation li:hover a { background:transparent url(../images/template4/active_main.jpg) repeat-x; color:#FF3D25; float:left; font-size:17px; padding:5px 12px 45px 11px; text-decoration:none;}
#header .Navigation ul#navigation li:hover .right { background:url(../images/template4/active_right.jpg) no-repeat; width:13px; float:left; padding-bottom:50px;}

/* main container */
#mainContent { ;width:940px; margin:0px auto; }

/* main content area */
#mainContent .mainContentArea {background: #eff8e8 url(../images/template4/headerbottomShad.jpg) no-repeat top; width:940px; padding-bottom:10px; position: relative;  margin-bottom:10px; float:left; }
 .mainareaFooter {background: url(../images/template4/siteContBGFooter.png) no-repeat; height:12px; width:960px;  color:#000;}
 .mainContentArea .leftContainer {float:left; width:640px; margin-left:20px; padding-right:10px;  }
  .mainContentArea .leftContainerProd {float:left; margin-left:10px; background: #fff url(../images/template4/pinkgradient.jpg) repeat-x top; border:10px solid #fff; width:900px; margin-top:10px;}
  
    .mainContentArea .leftContainerProd ul.Prod {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 #rightHolder {float:left; margin-left:0px; width:250px; margin-top:1px;}
 .mainContentArea .rightContainer {float:left; margin-left:0px; width:250px; margin-top:1px;}
  .mainContentArea .rightContainer .rightArea {background: #fff url(../images/template4/pinkgradient.jpg) repeat-x top; border:9px solid #fff; padding-left:20px; padding-bottom:30px;}
  .mainContentArea .rightContainer .RightDec {background: url(../images/template4/rightGradient.png) no-repeat; height:10px;}
   .mainContentArea .rightContainer .RightDecBot {background:url(../images/template4/rightGradientBottom.png) no-repeat; height:6px;}
 
 /* container area */
 .mainContentArea .leftContainer .topGradient { background: url(../images/template4/pinkgradient.jpg) repeat-x top;margin-right:4px; margin-top:-8px; padding:5px; width:595px;}
 .mainContentArea .leftContainer .contentCont { width:631px;margin-top:10px;}
  .mainContentArea .leftContainer .contentCont .fontSpace { background: url(../images/template4/content_container_top.png) no-repeat top; height:9px;}
  .mainContentArea .leftContainer .leftDec {background:url(../images/template4/contentBG.png) repeat-y; padding:10px; }
   .mainContentArea .leftContainer .contentCont .contentContBot { background:url(../images/template4/cont_footer_bg.png) no-repeat; height:12px;}
   

 /* Products */
  .leftContainerProd ul.Prod {margin:0px 7px 13px 6px;}
 ul.Prod { list-style-type:none; margin:0px 7px 7px 0px; padding:0px; width:185px; 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:10px 25px 0px 0px; padding:0px; float:right; 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 #000; }
  .mainareaFooter ul.footer li a.last {border-right:none;}
 .mainareaFooter ul.footer li a:hover {text-decoration:underline;}
