body {text-align:center; 
    background-color:White;
    margin:0;
    font-family:Arial;
    font-size:12px;
    color:#4ca2aa;
    }

#wrapper{width:864px;margin:0 auto;text-align:left; }
#header{width:864px;height:120px}
#fastmenu{width:864px; background-color:#d0f5f4; border-top:1px solid #7acbbd ; padding-top:1px;}
#content{width:864px;margin-top:2px; margin-bottom:2px}
#footer{width:864px;}
#footermenu{width:864px;background-color:#d0f5f4; padding:3px;}



.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}


/*START VERTICAL MENU*/

.nav
 { 
   
   background-color:#d0f5f4; 
   height:35px;
   color:#4ca2aa;
   border-right:solid 1px #96dad8 ;
   border-left:solid 1px #96dad8 ;
    border-top:solid 1px #96dad8 ;
   border-bottom:solid 1px #96dad8 ;
   cursor:pointer;
  width:96px;
   font-family:Arial;
   font-size:12px;
   text-align:center;
   }
   
   .nav1
 {  background-color:#4ca2aa;
   height:35px;
   color:#d0f5f4; 
   border-right:solid 1px #96dad8 ;
   border-left:solid 1px #96dad8 ;
    border-top:solid 1px #96dad8 ;
   border-bottom:solid 1px #96dad8 ;
   cursor:pointer;
  width:96px;
   font-family:Arial;
   font-size:12px;
   text-align:center;
   }
   

.navOver{background-color:#d0f5f4; 
    color:#4ca2aa;
    width:100%;
    font-size:10px; 
    text-align:left; 
    font-family:Arial;
    padding-left:7px;
    padding-right:7px; 
    line-height:20px; 
    cursor:pointer;
    text-transform:capitalize}
    
 .navOver1{background-color:#4ca2aa;
    color:#d0f5f4; 
    width:100%;
    font-size:10px; 
    text-align:left; 
    font-family:Arial;
    padding-left:7px;
    padding-right:7px; 
    line-height:20px; 
    cursor:pointer;
    text-transform:capitalize;}
   

/*DEFAULT PAGE*/
#slideshow{width:325px;float:left;height:325px; margin-top:15px;}
#defaulttext{float:left; font-size:14px; padding:5px 40px 5px 40px; vertical-align:middle;width:448px; line-height:18px; text-align:justify; font-family:Georgia, "Times New Roman", Times, serif;}

h1{font-family:"Gill Sans MT", "Gill Sans MT Condensed", "Gill Sans MT Ext Condensed Bold"; font-size:16px;}

/*PRODUCTS PAGE*/
#ProductWrapper{width:860px}
#ProductWrapper1{width:860px;height:315px}
#ProductHeader{text-align:center; color:#4ca2aa;padding-left:10px; text-align:left}
#ProductInfo{width:100%; text-align:center}
#aFilter {padding:10px;filter:shadow(color:black,strength:10, direction:135);width:170px}

/*POETRY BOOK*/
#PoetryImage{float:left;width: 325px;}
#PoetryText{float:left;width:450px; padding:20px 40px 20px 40px;vertical-align:middle;line-height:20px; text-align:justify}


/*TRADE PAGE*/
#TradeText{float:left; width: 165px; background-color:#e7f9f9; padding-left:10px; padding-top:10px; padding-right:10px;height: 325px; line-height:22px}
#TradeAddress{float:left;width:196px; padding-left:10px; padding-top:10px; height:325px;  }
#TradeForm{float:left; padding-top:10px; padding-left:8px; padding-right:8px;width: 454px;font-size:11px}


 /*SHOWS PAGE*/
 #TradeStand{width:488px;height:325px;float:left}
 #ShowDiv{width:345px;height:325px;float:left; padding-left:20px; vertical-align:top}
 
 .stockistsheader
 {font-family:Arial;
  color:#2baba9;
  font-weight:bold;
  font-size:14px;
  background-color:#d0f5f4;}
  
  .heading1{font-size:14px; font-weight:bold}
  
  
  label{float:left;width:10em;}
  
  
  
  /* MENU */
  
  .menu {width:863px; height:32px; position:relative; z-index:100;font-family:arial, sans-serif; border-right:1px solid #7acbbd;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:864px; w\idth:864px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#7acbbd;text-align:center; height:30px; border:1px solid #7acbbd; border-width:1px 0 1px 1px; padding-left:41px; padding-right:41px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d0f5f4 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#7acbbd url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#7acbbd url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#7acbbd;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
 
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d0f5f4; color:#7acbbd; height:auto; text-align:left; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#d0f5f4; background:#7acbbd;  }
.menu :hover > a, .menu ul ul :hover > a {color:#d0f5f4;  background:#7acbbd; }
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}