/* World Flowers - default stylesheet */

/* global styles */
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.3em;
	text-align: left;
	color: #000;
	background-color: #deeaf8;
	margin: 0; padding: 0; }

h1,h2,h3,h4 { color: #a9ccec; margin: 0; padding: 10px 0 15px 15px;}

h3 { font-size: 1.1em; color: #a9ccec; }
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }

p { margin: 0 15px 20px 15px; padding: 0; }
a { text-decoration: underline; color: #013076; }
a:hover { text-decoration: underline; color: #a9ccec; }
img { border: none; }
.clear { clear: both; }

/* debug */
/*div { 
border: 1px solid #ccc; 

}*/

/* main wrapper (inc. top and bottom shadow container) */
#bottom,
#wrapper {
	position: relative;
	width: 980px; margin: 10px auto 0 auto; padding: 0 0 0 10px;
	background: #fff url(/flowers/images/wrapper-bg.gif) 0 0 repeat-y; }

/* bottom shadow */
#bottom {
	margin: 0 auto 0 auto; padding: 0 0 10px 10px; height: 1px;
	background: transparent url(/flowers/images/wrapper-bg-base.gif) 0 0 no-repeat; }

/* top shadow */
#top {
	position: absolute; top: 0; left: 0;
	padding: 0 0 10px 10px; height: 1px;
	background: transparent url(/flowers/images/wrapper-bg-top.gif) 0 0 no-repeat; }

/* header styles */
#header { 
	position: relative; margin-bottom: 9px;
	padding: 0 0 92px 0; height: 1px; width: 100%;}

#header h1, #header h2 { margin: 0; padding:0;}
#header h1 {
	position: absolute; top: 15px; left: 15px; text-indent: -9999px;
	height: 94px; width: 268px; background: #fff url(/flowers/images/wf_logo.gif) 0 0 no-repeat;}

#header #skip,
#header h1 span { display: none; }
#header h1 a { position: absolute; top: 8px; left: 0; width: 223px; height: 63px; display: block;}

#header h2 { position: absolute; top: 75px; left: 160px; width: 800px;  font-size: 1.9em; text-align: right; color: #013076; }
#header h2 span { color: #9ec1e6; }

/* date box */
#header .dateBox {
position: absolute; top: 20px; left: 650px; width: 310px; 
text-align: right;
color: #002762;
}

/* first paragraph */
#content #first {
float: left;
width: 555px; 
font-size: 1.1em;
color: #766a63;
}

#content #second p, #content #first p {margin: 0 0 5px 0 }

/* second paragraph */
#content #second {
float: right;
width: 330px; 
font-size: 1.1em;
color: #766a63;
}

/* ssl */
#content #ssl {
float: left;
width: 250px;
margin: 20px 0 20px 0;
}

/* cards */
#content #cards {
float: right;
margin: 20px 5px 20px 0;
width: 400px;
text-align: right;
}

/* global content container */
#content { position: relative; width: 940px; padding: 20px; }

/* panels */
#content #panel1, #content #panel2, #content #panel3 { 
border: 10px solid #e7e4e2;
width: 285px;
float: left;
margin: 20px 12px 0 0;
min-height: 520px;
height:auto !important;
height:520px;
}

/* panel 1 */
#content #panel1, #content #panel1 .copy { 
background-color: #000;
}
#content #panel1 { 
margin: 20px 0 0 0;
}
#content #panel1 h3 {
color: #ec078a;
font-size: 1.3em;
}
#content #panel1 .copy p {
color: #fff;
font-size: 1.1em;
}

/* panel 2 */
#content #panel2, #content #panel2 .copy  { 
background-color: #fafbfb;
}
#content #panel2 h3 {
color: #75a299;
font-size: 1.3em;
}
#content #panel2 .copy p {
color: #d4406f;
font-size: 1.1em;
}

/* panel 3 */
#content #panel3, #content #panel3 .copy  { 
background-color: #fafbfb;
}
#content #panel3 h3 {
color: #3db4e2;
font-size: 1.3em;
}
#content #panel3 .copy p {
color: #d4406f;
font-size: 1.1em;
}

/* buttons - 1 */
.ssbutgrey {
	background: transparent url('/flowers/images/button1_left.gif') no-repeat top left;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 22px; 
	height: 34px; 
	padding-left: 16px; /* Width of left menu image */
	text-decoration: none;
	cursor: pointer;
	margin: 0 0 10px 0;
	}
a.ssbutgrey {
	color: #fff; /*button text color*/
	font-size: 0.9em;
	}
a.ssbutgrey span{
	background: transparent url('/flowers/images/button1_right.gif') no-repeat top right;
	display: block;
	padding: 5px 16px 8px 4px; /*Set 10px to be equal or greater than'padding-left' value above*/
	}
a.ssbutgrey:hover{ /* Hover state CSS */
	text-decoration: underline;
	}
	
/* buttons - 2 */
.ssbutgrey2 {
	background: transparent url('/flowers/images/button2_left.gif') no-repeat top left;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 22px; 
	height: 34px; 
	padding-left: 16px; /* Width of left menu image */
	text-decoration: none;
	cursor: pointer;
	margin: 0 0 10px 0;
	}
a.ssbutgrey2 {
	color: #fff; /*button text color*/
	font-size: 0.9em;
	}
a.ssbutgrey2 span{
	background: transparent url('/flowers/images/button2_right.gif') no-repeat top right;
	display: block;
	padding: 5px 16px 8px 4px; /*Set 10px to be equal or greater than'padding-left' value above*/
	}
a.ssbutgrey2:hover{ /* Hover state CSS */
	text-decoration: underline;
	}	
	
/* buttons - 3 */
.ssbutgrey3 {
	background: transparent url('/flowers/images/button3_left.gif') no-repeat top left;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 22px; 
	height: 34px; 
	padding-left: 16px; /* Width of left menu image */
	text-decoration: none;
	cursor: pointer;
	margin: 0 0 10px 0;
	}
a.ssbutgrey3 {
	color: #fff; /*button text color*/
	font-size: 0.9em;
	}
a.ssbutgrey3 span{
	background: transparent url('/flowers/images/button3_right.gif') no-repeat top right;
	display: block;
	padding: 5px 16px 8px 4px; /*Set 10px to be equal or greater than'padding-left' value above*/
	}
a.ssbutgrey3:hover{ /* Hover state CSS */
	text-decoration: underline;
	}

/* footer styles */
#footer { position: relative; clear: both; padding: 10px 0 10px 0; border-top: 4px solid #a9ccec; }
#footer ul,
#footer ul li { margin: 0; padding: 0; list-style: none; }
#footer ul { padding-left: 5px; }
#footer ul li {	display: inline; border-right: 1px solid #000; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { color: #000; padding: 0 5px 0 3px; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul.bottom li span,
#footer ul.bottom li a { color: #000; }
#footer ul.bottom li { border-right-color: #000; }

#footer p { margin: 0; padding: 0 8px 0 8px; font-size: 0.9em; }

/* Fading image */
#home #wrapper #content #panel1 .image #imgContainer {
	position: relative; bottom: 0; left: 0; width:285px; z-index: 100;
	min-height: 285px; height:auto !important; height:285px; } 

#home #wrapper #content #panel1 .image #imgContainer img {
	display: none; position: absolute; bottom: 0;  }
	
#home #wrapper #content #panel2 .image #imgContainer2 {
	position: relative; bottom: 0; left: 0; width:285px; z-index: 100;
	min-height: 285px; height:auto !important; height:285px; } 

#home #wrapper #content #panel2 .image #imgContainer2 img {
	display: none; position: absolute; bottom: 0;  }
	
#home #wrapper #content #panel3 .image #imgContainer3 {
	position: relative; bottom: 0; left: 0; width:285px; z-index: 100;
	min-height: 285px; height:auto !important; height:285px; } 

#home #wrapper #content #panel3 .image #imgContainer3 img {
	display: none; position: absolute; bottom: 0;  }

#home #wrapper #content #second .image #imgContainer4 {
	position: relative; bottom: 0; left: 0; width:330px; z-index: 100;
	min-height: 81px; height:auto !important; height:81px; } 

#home #wrapper #content #second .image #imgContainer4 img {
	display: none; position: absolute; bottom: 0;  }