@charset "utf-8";
/* CSS Document */

body {margin:0px; padding:0px; background:#5463cd url(../images/template2/BG.jpg) repeat-x top left; font-family:Tahoma, Geneva, sans-serif}
p {font-size:12px; margin-left:10px;}
.clearBoth {clear:both}
.clearLeft {clear:left;}
.clearBothSep {clear:both; border-top:1px solid #f6ebe5; margin-left:20px; margin-right:20px;}
h3.blueTitle {font-size:14px; color:#4aa2d0; margin-left:10px;}
h2.title {font-size:16px; color:#ff0000; margin-left:10px; margin-top:0px; padding-top:10px}

/*site specific */
#siteContainer {margin:0px auto; padding:0px; width:940px}

/* header */
#header {height:96px; width:940px; }
#header #logo {width:310px; z-index:2; position:absolute; margin-top:0px; margin-left:10px;}
#header #logo .logoArea {background:#fff; border-left:2px solid #dee1f7; border-right:2px solid #dee1f7; border-top:2px solid #dee1f7; width:308px; margin-left:0px; text-align:center; padding-top:10px; }
#header #logo .logoArea img.logo {margin:0px auto; max-width:200px;}
#header #logo .logoBottom {background: url(../images/template2/logoDS.png) no-repeat; height:16px; width:310px; }
#header .ContactDetails {width:200px; z-index:3; position:absolute; margin-left:500px; margin-top:10px; text-align:right;}
#header ul.relayContactInfo { list-style-type:none; margin:0px 0px 0px 105px; padding:0px; width:300px;  }
#header ul.relayContactInfo li.telephone { font-size:20px; color:#000; padding:3px; text-align:right}
#header ul.relayContactInfo li.OpeningTimes {font-size:14px;}
#header ul.relayOpeingInfo {list-style-type:none; margin:0px 0px 0px 0px; padding:0px; font-size:14px;float:left; width:400px; padding:3px;}
#header ul.relayOpeingInfo li { text-align:right; color:#000;}

/* top level nav */
#header .Navigation { }
#header .Navigation ul#navigation {list-style-type:none; z-index:4; position:absolute; margin-left:475px; margin-top:71px; float:left;}
#header .Navigation ul#navigation li {float:left;  }
#header .Navigation ul#navigation li .left { background:url(../images/template2/Nav_Left.png) no-repeat; width:7px; float:left; padding-bottom:10px; }
#header .Navigation ul#navigation li a { background:transparent url(../images/template2/nav_bg.jpg) repeat-x; color:#fff; float:left; font-size:17px; padding:5px 10px 3px; text-decoration:none;}
#header .Navigation ul#navigation li .right { background:url(../images/template2/nav_right.png) no-repeat; width:13px; float:left; padding-bottom:10px;}


.decorationArea {background: url(../images/template2/topDecoration.jpg); height:236px; margin-top:4px;}
.decorationAreaProd {background: url(../images/template2/productHeader.jpg); height:236px; margin-top:4px;}

/* main container */
#mainContent {width:940px;}

/* main content area */
#mainContent .mainContentArea { width:940px;  margin-left:10px; padding-bottom:10px; position: relative;}
#mainContent .mainContentArea .mainBottom { background: url(../images/template2/mainArea_bgBottom.png); margin-left:0px;}
 .mainareaFooter {background:url(../images/template2/footerBG.png); height:95px; width:930px; margin-left:10px;}
  .mainContentArea #LeftShad { width:642px; float:left;  position:relative; margin-left:-15px; margin-right:10px; }
  .HPPRods {margin-left:2px;
margin-right:0;
padding-right:0;
width:610px;}
  .mainContentArea #LeftShadProd { width:840px; float:left;  position:relative; margin-left:0px;}
 .mainContentArea .leftContainer {border-right:1px solid #f0dfd4; width:601px; background:#fff url(../images/template2/gradientBackground.jpg) repeat-x; border-left:4px solid #fff; padding-right:10px;  border-right:4px solid #fff;  border-bottom:4px solid #fff; margin-left:15px; }
  .mainContentArea .leftContainerProd { width:865px; padding-left:0px; background:#FFFFFF url(../images/template2/gradientBackground.jpg) repeat-x ; border-left:4px solid #fff; border-right:4px solid #fff; border-bottom:4px solid #fff;   padding-right:10px;  margin-left:0px;  }
 .leftContainerProd {margin-left:25px;}
  .mainContentArea .rightContainer  { width:233px; position:relative; background:#fff url(../images/template2/gradientBackground.jpg) repeat-x; border-left:4px solid #fff; border-right:4px solid #fff; border-bottom:4px solid #fff; margin-left:5px; float:left;    }
    .mainContentArea .rightContainer ul.Prod {margin-left:25px;}
.rightBottomright { background:url(../images/template2/rightArea_bgBottom.png) no-repeat; height:20px; width:241px;  margin-left:5px}
  .mainContentArea .color:#000; {float:left; margin-left:20px; background:#fff;}
 .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; margin-left:5px;}
 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 #rightShad {float:left;}
 
 /* Products */
  .color:#000; ul.Prod {margin:0px 7px 13px 6px;}
 ul.Prod { list-style-type:none; margin:0px 5px 7px 5px; padding:0px; width:190px; float:left; border:1px solid #FFD7FF; height:300px;}
 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;}
 .mainProdBottom {background:url(../images/template2/prodFooter.jpg) no-repeat; width:885px;;}
 /* 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:#fff; 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;}