/* CSS Document */
<!--


/* Zero down margin and padding on everthing */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 Verdana, sans-serif;
  background-color: #fff;
  text-align: center; 
  min-width: 800px;
}


/* typography */
h1 {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #000000;
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
  position:absolute;
  
 
}

h2 {
   font-family: Times;
   font-size: 17px;
   font-weight: normal;
   width: 420px;
   padding-left: 20px;
   color: #0033cc;
}

h3 {
  font-size: 14px;
  font-weight: normal;
  width: 420px;
  padding-left: 20px;
  color: #3399ff;
}

p.standard {
  font-size: 12px;
  width: 430px;
  position: absolute;
  padding-left: 40px;
  padding-top: 60px;
  color: #000;
  z-index: 100;
  text-align: justify;
}

p.stockists {
  font-size: 12px;
  width: 430px;
  position: absolute;
  padding-left: 40px;
  padding-top: 350px;
  color: #000;
  z-index: 100;
  text-align: left;
}



p.standard_high {
  font-size: 12px;
  width: 430px;
  position: relative;
  padding-top: 10px;
  padding-left: 40px;
  color: #000;
  z-index: 100;
  text-align: justify;
}


p.standard_narrow {
  font-size: 12px;
  float:right;
  width: 380px;
  position:absolute;
  padding-left: 40px;
  padding-top: 80px;
  color: #000;
  z-index: 100;
  text-align: left;
}




#branding h1 {
  margin: 0;
}

#Lge_image {
  background-color:#eee;
}


/* tables
================================= */

.flowers {
	border: none;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 25px;
	width: 450px;
	text-align: center;
}

#invoice {
	padding: 0;
	border: none;
	margin-top: 260px;
	margin-left: 40px;
	width: 480px;
	text-align: top;
}
 
#invoice td {
	vertical-align: top;}
 
.flowers tr.middle{
 	height: 40px;
	vertical-align: top;
	text-align: center;
	
	}
 
 td.left
 { width: 100px;
 padding-right: 20px;
 vertical-align: top;}
 
  .right
 {  vertical-align: top;}
 
 #invoice p {
  font-size: 11px;
  position: relative;
  padding-left: 10px;
  color: #000;
  z-index: 100;
  text-align: left;
}

/* page structure
================================= */

#wrapper {
  background-color: #fff;
  padding: 3px;
  padding-bottom: 0;
  border: solid 1px ;
  border-color: #cccccc;
  width: 800px; 
  margin: 0 auto; 
  text-align: left; 
}

#branding {
  height: 165px;
  background: #fff;
  padding: 0px;
}


.menu {
  height: 20px;
  background: #000;
  padding: 0px;
}



#Lge_image { 
  width: 280px; 
  float: left;
  bottom: 0;
  left: 0;
  background: #ffffff;
  height: 100%;


}


#long { 
  width: 280px; 
  float: left;
  bottom: 0;
  left: 0;

}


#mainBody { 
  background: #fff;
  width: 520px;
  margin: 0; 
  float: right; 
  
  
}


.stretcher_1
{ 
	height: 170px;
	width: 100px;
	background: #fff;
}

.stretcher_2
{ 
	height: 700px;
	width: 100px;
	background: #fff;
}

img
{border: none;
}




img.brand { 
vertical-align: bottom;

}
.label
{ margin: 50px 0 0 35px;
position:absolute;
}

img.page { 
vertical-align: bottom;
padding-top: 20px;
position:relative;

}

.Feature_img {

}

.mainBody_img {
  float: right;
  position:absolute;
  z-index: 0;
  padding: 0 0 0 237px;

}


#footer { 
  clear: both;
  background: #ffffff;
  height: 1px;
} 


/* Add some padding
================================== */



/* general links
================================== */

a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a.general {
  color: #000000;
  display: inline;
  text-decoration: underline;
}

a.general:hover {
  color: #9FAE72;
  text-decoration: underline;
}







ul.stock 


{padding:0;margin:0;list-style-type:none;
  font-size: 12px;
  width: 430px;
  position: absolute;
  padding-left: 40px;
  padding-top: 180px;
  color: #000;
  z-index: 100;
  text-align: justify;




}




/* the main menu
================================= */


.menu {padding-left: 20px; width:780px; height:20px; font-size:0.85em; position:relative; z-index:500;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:786px; w\idth:785px; height:20px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:91px;position:relative;}
.menu li.medium {float:left;width:80px;position:relative;}
.menu li.small {float:left;width:55px;position:relative;}
.menu li.small2 {float:left;width:55px;position:relative;}

* html.menu li.small2 {float:left;width:50px;position:relative;}

.menu li.small3 {float:left;width:40px;position:relative;}
.menu li.large {float:left;width:98px;position:relative;}
.menu li.larger {float:left;width:135px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:10px;text-decoration:none; color:#9FAE72; height:20px; background:#000; 
padding-left:0px; line-height: 20px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:129px; w\idth:auto;}

/* style the second level background */
.menu ul ul a.dropdown, .menu ul ul a.dropdown:visited {background:#CBCBCB; border-bottom:1px solid #fff; width:100px;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#2A2A2A; color:#ffffff;}

.menu ul ul :hover > a.drop {background:#2A2A2A; color:#ffffff;}

/* style the second level hover - wide version */
.menu ul ul a.wide:hover{background:#2A2A2A; color:#ffffff;}
.menu ul ul :hover > a.wide {background:#2A2A2A; color:#ffffff;}

/* style the third level background */
.menu ul ul ul a {background:#9FAE72; width: 70px;}
.menu ul ul ul a:visited {background:#9FAE72; color: #000; width: 70px; padding-left: 10px; height:15px; padding-top: 0px;}

/* style the third level background -wider version */
.menu ul ul ul a.wider {background:#9FAE72; width: 125px;}


/* style the third level hover */
.menu ul ul ul a:hover {background:#CBCBCB; color:#000000}


/* 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:20px;left:0; width:149px;}


/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:20px;}

/* use when pops out to right */
.menu ul ul ul.right_side{left:120px; top:0px; width:169px;}

/* use when pops out to right - wide menu */
.menu ul ul ul.wide_right{left:150px; top:0px; width:169px;}

/* use when pops out to left */
.menu ul ul ul.left_side {left:-145px; top:0px; width:149px;}


/* IE6 - use when pops out to left */
* html .menu ul ul ul.left_side {left:-90px; top:0px; width:165px;}
/* IE6 use when pops out to right */
* html .menu ul ul ul.right_side{left:100px; top:0px; width:169px;}

/* IE6 use when pops out to right - wide menu */
* html .menu ul ul ul.wide_right{left:150px; top:0px; width:169px;}


/* 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 - visited removed */
.menu ul ul a  {background:#949e7c; color:#000; height:auto; line-height:1em; padding:5px 10px; width:100px;border-top:1px solid #ffffff;}
.menu ul ul a.drop  {background:#949e7c; color:#000; height:auto; line-height:1em; padding:5px 10px; width:100px;border-top:1px solid #ffffff;}
/* yet another hack for IE5.5 */
* html .menu ul ul a.drop, * html .menu ul ul a.drop:visited {width:150px;w\idth:80px;}

/* IE6 - style the second level links -short version */
* html .menu ul ul a.drop, a.drop:visited  {background:#949e7c; color:#000; height:auto; line-height:1em; padding:5px 10px; width:120px;border-top:1px solid #ffffff;}
/* IE6 - style the second level links -wide version */
* html .menu ul ul a.wide, a.wide:visited {background:#949e7c; color:#000; height:auto; line-height:1em; padding:5px 10px; width:130px;border-top:1px solid #ffffff;}


/* style the second level links -wide version */
.menu ul ul a.wide {background:#949e7c; color:#000; height:auto; line-height:1em; padding:5px 10px; width:130px;border-top:1px solid #ffffff;}
/* yet another hack for IE5.5 */
* html .menu ul ul a.wide, * html .menu ul ul a.wide:visited {width:150px;w\idth:130px;}

/* style the top level hover */

.menu a:hover {color:#ffffff; background:#000000;}
.menu ul ul a:hover{color:#ffffff; background:#949e7c;}

/* 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;}