@charset "utf-8";
/* CSS Document */

/* CSS Reset - Based on Yahoo Reset */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } 
table { border-collapse:collapse; border-spacing:0; } 
img { border:0; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border: 0; }


/*Defaults*/
html, body { height: 100%; width: 100%; position: relative; }
body { background: url(../images/background-page.png) repeat-x #8b508f; font-size: 75%; color: #111; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; }

ul, ol, dl, p, table, pre { margin-bottom: 1em; }
	
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #713a9a; }
	h1 { font-size: 24px; line-height: 1; margin: 0; padding: 0; } 
	h2 { font-size: 24px; line-height: 1; margin: 0; padding: 0; }
	h3 { font-size: 18px; line-height: 1; margin-bottom: 1em; }
	h4 { font-size: 14px; line-height: 1.25; } 
	h5 { font-size: 1em; line-height: 1.5; font-weight: bold; }
	h6 { font-size: 1em; line-height: 1.5; color: #693; }

a { text-decoration: none; color: #733c9b; }
a:hover, a:focus, a:active { text-decoration: underline; }

td, th { padding: 4px; }

ul, ol, dd, blockquote {  }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
form { margin-bottom: 1em; }
legend { color: #111; }

.layClear { clear: both;  font-size: 0px; height: 1px; line-height: 0px; margin-top: -1px; }

/* Elements */
body { }
#container-background { background: url(../images/background-wrapper.jpg) no-repeat top center; width: 100%; min-height: 600px; }
#container { position: relative; width: 980px; margin: 0 auto; background-color: #fff;  }

#layHeader { position: relative; width: 980px; height: 135px; background: url(../images/background-header.png) repeat-x #fff; }
	#logo { position: absolute; top: 0; left: 0; background: url(../images/1800flowersWineClub.png) no-repeat scroll top left; width: 215px; height: 115px; }
   	#logo a { display: block; width: 215px; height: 115px; text-indent: -999em; overflow: hidden; }
	#poweredbygeerwade { position: absolute; height: 60px; width: 100px; top: 0; right: 0; }
	#haveaquestion { position: absolute; height: 60px; width: 230px; top: 0; right: 100px; }

#layTopMenu { width: 980px; background-color: #a82977; height: 29px; }
	#layTopMenu ul { position: relative; list-style: none; margin: 0; padding: 0; }
	#layTopMenu ul li { position: relative; float: left; margin: 0; padding: 0; border-right: 1px solid #fff; }
	#layTopMenu ul li a { line-height: 28px; height: 28px; border-bottom: 1px solid #a82977; color: #fff; font-weight: bold; position: relative; display: inline-block; text-decoration: none; margin: 0; padding: 0 20px; }
	#layTopMenu ul li a:hover { color: #fff; background-color: #fe0054; text-decoration: none; }
		#layTopMenu li ul { display: none; position: absolute; top: 29px; left: 0; padding: 10px 0; width: 200px; overflow: hidden; background-color: #fff; border: 1px solid #ccc; }
		#layTopMenu li:hover ul, #layTopMenu li.over ul { display: block; background-color: #fff; }
			#layTopMenu li ul li { background-color: #fff; display: block; width: 200px; padding: 0; float: none; text-align: left; }		
			#layTopMenu li ul li a { color: #6c6c6c; float: none; font-weight: normal; display: block; padding: 0 10px 0 25px; margin: 0; width: 165px; text-align: left; text-transform: none; border: 0; line-height: 24px; height: 24px; }
			#layTopMenu li ul li a:hover { background-color: #d6efdc; color: #713a9a;	}
	
#layContentWrapper { overflow: hidden; width: 900px; background-color: #FFF; padding: 20px 40px; }
	#layContent { overflow: hidden; width: 900px; }
	
	#leftCol { float: left; width: 480px; padding: 0 15px 0 0; margin: 20px 30px 0 0; overflow: hidden; border-right: 1px solid #ccc; }
	#rightCol { float: left; width: 370px; overflow: hidden; margin: 20px 0 0 0; }
	
	#pageLeftMenu { width: 240px; float: left; padding: 20px 0 20px 10px; }
		#pageLeftMenu ul { list-style: none; margin: 0 0 1em 20px; padding: 0; width: 220px; }
		#pageLeftMenu li { line-height: 2; }
		#pageLeftMenu li ul{ margin-left: 20px; width: 200px; }
		#pageLeftMenu form{ padding: 0; margin: 0; }
		#pageLeftMenu fieldset{ border: 0; padding: 0; margin: 0; }
		#pageLeftMenu input{ height: 18px; margin-right: 5px; }
	
#layFooter { width: 940px; overflow: hidden; padding: 10px 20px 5px 20px; border-top: 1px solid #8b508f; }
	#layFooterLegal { float: left; }
		#layFooterLegal ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
			#layFooterLegal ul li { float: left; margin: 0; padding: 0; }
				#layFooterLegal ul li a { font-size: 0.917em; color: #333; position: relative; display: inline-block; text-decoration: none; margin: 0; padding-right: 10px; }
				#layFooterLegal ul li a:hover { color: #111 }
		#layFooterLegal p { clear: both; font-size: 0.917em; color: #666; }
		
	#layFooterAuthor { float: right; color: #ccc; text-align: right; }
		#layFooterAuthor a { color: #ccc; }
		#layFooterAuthor a:hover { color: #666; }
		#layFooterAuthor p{ font-size: 0.917em; }
	
#printBody { background-image: none; background-color: #FFF; margin: 0; padding: 0; }
#printWrapper { width: 700px; margin: 0 auto; }
	#printHeader { width: 700px; height: 150px; }
	#printContent { width: 700px; text-align: left; }
	
	

/* -------------------------------------------------------------- 
   V65 Overrides
-------------------------------------------------------------- */

/* -----Buttons----- */
	
	/* OPTIONAL BUTTON STYLES regular button: */		
	button.defaultBtn { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
	button.defaultBtn span { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES alt button: */		
	button.altBtn { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
	button.altBtn span { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES modal button: */		
	button.modalBtn { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
	button.modalBtn span { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES modal alt button: */		
	button.altModalBtn { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
	button.altModalBtn span { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES large button: */		
	button.largeBtn { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
	button.largeBtn span { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }
	
	/* REQUIRED LINK BUTTON STYLES: */
	
	/* Link Button Normal */
	a.linkBtn { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
	a.linkBtn span { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
	
	/* Link ALT Button Normal */
	a.linkAltBtn {  background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
	a.linkAltBtn span { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top;  }
		
	/* Modal Link Button Normal */
	a.modalLinkBtn { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
	a.modalLinkBtn span { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
		
	/* Modal Link ALT Button Normal */
	a.modalLinkAltBtn { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
	a.modalLinkAltBtn span { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
		
	/* Link Button Large */
	a.largeLinkBtn { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
	a.largeLinkBtn span { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }
