/*******************************************/
/***  HTML/CSS edited/created by Michel  ***/
/***  (c)2005-Apr-10, www.lelion.info    ***/



/*** GENERAL ***/

/*** general styles - all pages ***/

body {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #757272;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}

#logo {
width: 760px;
height: 175px;
margin: 0;
padding: 0;
}

#wrapper {
width: 760px;
margin: 0;
padding: 0;
position: relative;
}

form {margin: 0px;}

a {text-decoration: none; color: #C75441;}
a:hover {text-decoration: underline;}

/*** END general styles ***/




/*** left column (menus) ***/

#left {
position: absolute;
top: -36px;
left: 0px;
width: 150px;
text-align: left;
}

#left #menu1, #left #menu2, #left #menu3, #left #menu4  {width: 150px; margin: 0 0 2px 0;}

#menu1 h2, #menu2 h2, #menu3 h2, #menu4 h2 {font-size: 14px; margin: 3px 10px; padding: 0; text-align: center;}

#menu1 ul li, #menu2 ul li, #menu3 ul li, #menu4 ul li  {
background: url(i/menu-arrow.gif) 4px 50% no-repeat;
margin: 0;
padding: 0;
}

#menu1 ul, #menu2 ul, #menu3 ul, #menu4 ul {
list-style: none;
margin: 0;
padding: 5px;
font-size: 11px;
font-weight: bold;
}
#menu1 ul li a, #menu2 ul li a, #menu3 ul li a, #menu4 ul li a {
display: block;
width: 115px;
height: auto;
margin: 1px 4px 1px 12px;
padding: 3px 5px;
text-decoration: none;
}

#menu1 td.top {background: url(i/menu2-top.gif) top left no-repeat; height: 10px;}
#menu1 td.mid {background: url(i/menu2-mid.gif) top left repeat-y;}
#menu1 td.bot {background: url(i/menu2-bot.gif) top left no-repeat; height: 10px;}
	#menu2 td.top {background: url(i/menu2-top.gif) top left no-repeat; height: 10px;}
	#menu2 td.mid {background: url(i/menu2-mid.gif) top left repeat-y;}
	#menu2 td.bot {background: url(i/menu2-bot.gif) top left no-repeat; height: 10px;}
#menu3 td.top {background: url(i/menu2-top.gif) top left no-repeat; height: 10px;}
#menu3 td.mid {background: url(i/menu2-mid.gif) top left repeat-y;}
#menu3 td.bot {background: url(i/menu2-bot.gif) top left no-repeat; height: 10px;}
	#menu4 td.top {background: url(i/menu4-top.gif) top left no-repeat; height: 10px;}
	#menu4 td.mid {background: url(i/menu4-mid.gif) top left repeat-y;}
	#menu4 td.bot {background: url(i/menu4-bot.gif) top left no-repeat; height: 10px;}

#menu1 h2 {color: #CCF7FF;}
	#menu2 h2 {color: #FFFFAB;}
#menu3 h2 {color: #6A6868;}
	#menu4 h2 {color: #F1DACF;}

#menu1 ul li a {color: #666666; background: #FFFFFF;}
#menu1 ul li a:hover {background: #DDDDDD;}
	#menu2 ul li a {color: #666666; background: #FFFFFF;}
	#menu2 ul li a:hover {background: #DDDDDD;}
#menu3 ul li a {color: #666666; background: #FFFFFF;}
#menu3 ul li a:hover {background: #DDDDDD;}
	#menu4 ul li a {color: #666666; background: #FFFFFF;}
	#menu4 ul li a:hover {background: #DDDDDD;}

/*** END left column (menus) ***/




/*** main column - navigation and top list ***/

#main {
position: absolute;
top: 0;
left: 150px;
width: 610px;
}
/* filter for ie-win */
/* Hides from IE-mac \*/
* html #main {margin: -3px 0 0 0;}
/* End hide from IE-mac */
#main img {
display: block;
}

#topnav {
background: url(i/topnav.gif) top left no-repeat;
width: 610px;
height: 37px;
margin: 0 0 2px 0;
}

#topnav ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 11px;
font-weight: bold;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
color: #FFFFFF;
}
#topnav a {
display: block;
padding: 2px 7px;
color: #FFFFFF;
text-decoration: none;
white-space: nowrap;
}

* html #topnav a {width: 1%;} /* http://www.positioniseverything.net/explorer/escape-floats.html */
#topnav a:hover {text-decoration: underline;}

#toplist {
background: url(i/toplist.gif) top left no-repeat;
width: 608px;
height: 37px;
margin: 0 0 2px 2px;
padding: 3px 0 3px 10px;
}

/*** END main column - navigation and top list ***/




/*** main column - footer ***/

#footer {
background: url(i/footer.gif) top left no-repeat;
width: 608px;
height: 39px;
margin: 0 0 10px 2px;
padding: 8px;
text-align: center;
color: #FFFFFF;
font-size: 12px;
}
#footer a {
color: #FFFFFF;
}
#footer p {
margin: 0px auto 5px auto;
padding: 0;
}

/*** END main column - footer ***/

/*** END GENERAL ***/




/*** INDEX ***/

/*** main column - flower boxes ***/

.flowerbox-index {
width: 610px;
margin: 0 0 2px 2px;
padding: 0;
}
.flowerbox-index h2, .flowerbox-index h3, .flowerbox-index p {
margin: 10px 5px 5px 140px;
padding: 0;
font-size: 13px;
}
.flowerbox-index img {
float: left;
margin: 5px;
}
.flowerbox-index span {
text-align: center;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
display: block;
background: url(i/buy-details.gif) top left no-repeat;
width: 120px;
height: 18px;
}
.flowerbox-index span a {
color: #FFFFFF;
text-decoration: none;
}
.flowerbox-index span a:hover {
color: #EEEEEE;
text-decoration: none;
}

.flowerbox-index td {width: 303px;}

.flowerbox-index td.top {background: url(i/flowerbox-index-top.gif) top left no-repeat; height: 10px;}
.flowerbox-index td.mid {background: url(i/flowerbox-index-mid.gif) top left repeat-y; vertical-align: top;}
.flowerbox-index td.bot {background: url(i/flowerbox-index-bot.gif) top left no-repeat; height: 10px;}

/*** END main column on INDEX - flower boxes ***/

/*** END INDEX ***/




/*** FLOWERS ***/

/*** main column - flower boxes ***/

.flowerbox {
width: 610px;
margin: 0 0 2px 2px;
padding: 0;
text-align: center;
}
.flowerbox h2, .flowerbox h3, .flowerbox p {
margin: 5px 5px;
padding: 0;
font-size: 12px;
}
.flowerbox img {
margin: 5px;
}
.flowerbox span {
margin: auto;
padding: 1px 0 0 0;
text-align: center;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
display: block;
background: url(i/buy-details.gif) top left no-repeat;
width: 120px;
height: 18px;
}
.flowerbox span a {
color: #FFFFFF;
text-decoration: none;
}
.flowerbox span a:hover {
color: #EEEEEE;
text-decoration: none;
}
.flowerbox td {
width: 150px;
}
.flowerbox td.top {background: url(i/flowerbox-top.gif) top left no-repeat; height: 10px;}
.flowerbox td.mid {background: url(i/flowerbox-mid.gif) top left repeat-y; vertical-align: top;}
.flowerbox td.bot {background: url(i/flowerbox-bot.gif) top left no-repeat; height: 10px;}

/*** END main column - flower boxes ***/

/*** END FLOWERS ***/




/*** PARTNERS ***/

/*** main column - partners list ***/

#partners {
width: 455px;
float: left;
margin: 0 0 2px 1px;
padding: 0;
}
#partners h2, #partners h3, #partners p {
margin: 5px;
padding: 0;
font-size: 13px;
}
#partners dl {
margin: 10px;
padding: 0;
}
#partners dl dt {
font-weight: bold;
background: url(i/partners-arrow.gif) 0 50% no-repeat;
margin: 0;
padding: 0 0 0 10px;
}
#partners table {width: 455px;}
#partners td.top {background: url(i/partners-top.gif) top left no-repeat; height: 10px;}
#partners td.mid {background: url(i/partners-mid.gif) top left repeat-y;}
#partners td.bot {background: url(i/partners-bot.gif) top left no-repeat; height: 10px;}

/*** END main column - partners list ***/




/*** right column - links ***/

#right {
float: right;
width: 150px;
margin: 0;
padding: 0;
}

#right table {width: 150px;}
#right td.top {background: url(i/partners-links-top.gif) top left no-repeat; height: 10px;}
#right td.mid {background: url(i/partners-links-mid.gif) top left repeat-y;}
#right td.bot {background: url(i/partners-links-bot.gif) top left no-repeat; height: 10px;}

#right h2 {
margin: 5px;
font-size: 11px;
border-bottom: 1px solid #CCCCCC;
}
#right ul {
margin: 10px 0 10px 20px;
padding: 0;
list-style: none;
font-size: 11px;
}

.clear {clear: both;}

/*** END right column - links ***/

/*** END PARTNERS ***/




/*** special box ***/

.specialbox {
width: 610px;
margin: 0 0 2px 2px;
padding: 0;
}
.specialbox td.top {background: url(i/specialbox-top.gif) top left no-repeat; height: 10px;}
.specialbox td.mid {background: url(i/specialbox-mid.gif) top left repeat-y; vertical-align: top;}
.specialbox td.bot {background: url(i/specialbox-bot.gif) top left no-repeat; height: 10px;}

/*** END special box ***/