ure.body{ margin:0px; font-family: Arial, Helvetica, sans-serif; font-size: small; } #banner { height: 151px; width: 100%; background: #AE93D5; } #top-navigation{ font-weight:bold; text-align: right; padding-right: 20px; padding-top: 4px; } #top-navigation a{ color: #FFFFFF; text-decoration: none; padding-left:20px; background-image: url(../images/bullet.html); background-repeat: no-repeat; background-position: 2px; } #top-navigation a:hover{ color: #FFFFFF; } #banner-picture{ position: absolute; top: 40px; left: 450px; } #banner h1.title{ font-size: 22px; margin-top:40px; margin-bottom:20px; color: #FFFFFF; width:550px; } #banner h2.title{ font-size: 14px; color: #FFFFFF; margin:0px; padding-left: 600px; } #wrapping{ width: 100%; } #left{ width:195px; float:left; margin-top: 4px; } #searchbox{ background:#E6DDFA; margin-bottom: 2px; } #searchbox input.search-field{ margin-left: 4px; margin-right:4px; margin-top: 10px; margin-bottom: 10px; } #searchbox img.search-button{ margin-top: 10px; margin-bottom: 10px; } #by-occasion{ font-family:  Century Gothic,Arial, Helvetica; font-size:16px; font-weight: bold; color:#FF6600; background-color: #FFCDAC; margin-bottom:4px; } #leftnav{ background:#EEEEEE; height:100%; } #leftnav h2{ margin: 0px; padding-top: 8px; padding-bottom: 2px; padding-left: 6px; line-height: 20px; font-size:13px; border-bottom:1px solid #ffffff; } #leftnav h2 a{ color:#663399; text-decoration: none; } #leftnav h2 a:hover{ color:#FF6600; text-decoration: none; } /* Mainbody */ #mainbody{ margin-left:200px; margin-right:0px; margin-top: 4px; } #offers{ width:99.5%; } #offerbox1,#offerbox2,#offerbox3{ width: 260px; float: left; border: 2px solid #DED1F1; margin-right: 2px; margin-bottom: 2px; margin-left: 0px; background: #ffffff; } #offers h3{ font-family: Century Gothic,Arial, Helvetica; font-size: 15px; margin-top: 4px; margin-bottom: 4px; } h3.offer-title a{ color:#CC3366; text-decoration:none; } h3.offer-price a{ color:#FF0000; text-decoration:none; } p.offer-text{ font-size:12px; margin-top: 4px; margin-bottom: 4px; font-weight:normal; line-height: normal; } p.offer-text a{ color:#666666; text-decoration:none; } #offers img.offer-flower{ margin-right:4px; } #offers img.offer-button{ margin-bottom:4px; margin-right:4px; } #newest-flowers{ background-color: #C2E1C0; height: 28px; width:99.5%; margin-top:4px; margin-bottom:4px; } #introduction{ width: 99%; } #introduction h1{ font-size: 16px; } #introduction p{ padding-left:20px; padding-right:30px; margin-top:8px; margin-bottom:8px; } /* Start Display Flower Items */ .flowerbox{ width: 153px; float: left; margin: 2px; } .flowerbox-text{ border: 2px solid #EEEEEE; padding-left: 4px; } .flower-items{ width:100%; } .flower-items p.flower-title{  color:#FF6600; font-size:12px; font-weight:bold; margin: 0px; } .flower-items p.flower-title img{ margin-left: 5px; } .flower-items p.flower-price{  margin: 0px; font-size:12px; font-weight:bold; color:#666666; } .flower-items p.flower-description{ margin: 0px; font-size:11px; height: 65px; } /* End Display Flower Items */ /* Start Display Text (Below the fold) for index */ #left-col{ width:390px; float: left; } #right-col{ width:390px; float: left; } #main-text01,#main-text02{ margin-top:30px; width: 390px; float: left; } #main-text01 h2, #main-text02 h2{ font-size:16px; margin-bottom:15px; margin-left:10px; margin-right:15px; color:#9966cc; } #main-text01 p, #main-text02 p{ font-size:11px; margin-top:5px; margin-left:10px; margin-right:15px; color:#666666; } #main-text01 a, #main-text02 a{ color:#336699; } #desc-text01,#desc-text02,#desc-text03{ width: 390px; float: left; } #desc-text01{ margin-top:30px; } #desc-text02,#desc-text03{ margin-top:10px; } #desc-text01 h3,#desc-text02 h3,#desc-text03 h3{ font-size:14px; margin-bottom:10px; margin-left:10px; color:#444444; } #desc-text01 p,#desc-text02 p,#desc-text03 p{ font-size:11px; margin-top:5px; margin-left:10px; color:#666666; } #desc-text01 a,#desc-text02 a,#desc-text03 a{ color:#336699; } /* End Display Text (Below the fold) for index */ /* Start Display Footer */ #footer{ width:100%; text-align: center; margin-top: 30px; color: #666666; font-size: 11px; } #footer a{ text-decoration: none; color:#666666; } /* End Display Footer */