html, body {text-align:center; background-color: #B1B171; background: transparent url('../graphix/background.jpg') repeat-x top left; margin: 0px 0px 0px 24px;  behavior:url('../javascript/hover.htc');}

.gretels_ui #mainwrapper {display: block; width: 947px; height: 1147px; background-color: transparent; margin: 0 auto;}

.gretels_ui #headercontent {display: block;  height: 269px; width: 947px; text-align:center; background:transparent url('../graphix/header_background.gif') no-repeat top left; margin: 0 auto;}
.gretels_ui #maincontent {display: block;  height: 477px; width: 947px;  background:transparent url('../graphix/content_background.gif') no-repeat top left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.gretels_ui #footercontent {display: block;  height: 293px; width: 947px;  background:transparent url('../graphix/footer_background.gif') no-repeat top left; margin: 0 auto;}
.gretels_ui #footercontent2 { display: block; height: 293px; width: 947px;  background:transparent url('../graphix/footer_background2.gif') no-repeat top left; margin: 0 auto;}
.gretels_ui #subfootercontent {display: block;  height: 107px; width: 947px;  background:transparent url('../graphix/subfooter_background.gif') no-repeat top left; margin: 0px 0px 50px 0px;}


/* -- GRETELS NAVIGATION - START -- */
.gretels_ui #gretelsnav_wrapper {display: block; float: left; width: auto; height: auto; text-align: left; background-color: transparent; padding: 20px 0px 0px 63px; margin:0px 0px 0px 0px;}

.gretels_ui #datetime_block {display: block; width: 150px; height:25px; border: none; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: auto; font-weight: normal; font-style: normal; color: #996699; text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

div #inspiredgifts a {display: block; width:150px; height:26px; border: none; background: transparent url('../graphix/inspiredgifts_black.gif') no-repeat center left; text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div #inspiredgifts a:hover {border: none; background: transparent url('../graphix/inspiredgifts_purple.gif') no-repeat center left;}

div #allabout a {display: block; width:150px; height:18px; border: none; background: transparent url('../graphix/aboutgretel_black.gif') no-repeat center left;text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div #allabout a:hover {border: none; background: transparent url('../graphix/aboutgretel_purple.gif') no-repeat center left;}

div #directions a {display: block; width:150px; height:18px; border: none; background: transparent url('../graphix/directions_black.gif') no-repeat center left;text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div #directions a:hover {border: none; background: transparent url('../graphix/directions_purple.gif') no-repeat center left;}

div #storehours a {display: block; width:150px; height:18px; border: none; background: transparent url('../graphix/storehours_black.gif') no-repeat center left;text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div #storehours a:hover {border: none; background: transparent url('../graphix/storehours_purple.gif') no-repeat center left;}

div #home a {display: block; width:150px; height:18px; border: none; background: transparent url('../graphix/home_black.gif') no-repeat center left;text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div #home a:hover {border: none; background: transparent url('../graphix/home_purple.gif') no-repeat center left;}

a.emaillink:link, a.emaillink:visited{font-size: 11px; color: #996699; font-family: Arial, Helvetica, sans-serif; font-weight:normal; line-height: normal; text-decoration:none; margin-left: 1px;}
a.emaillink:hover, a.emaillink:active {color: #FF732F ! important; text-decoration:underline;}

a.textlink:link, a.textlink:visited{font-size: 11px; color: #996699; font-family: Arial, Helvetica, sans-serif; font-weight:normal; line-height: normal; text-decoration:none; margin-left: 1px;}
a.textlink:hover, a.textlink:active {color: #FF732F ! important; text-decoration:underline;}

a.sitedesign:link, a.sitedesign:visited{font-size: 10px; color: #996699; font-family: Arial, Helvetica, sans-serif; font-weight:normal; line-height: normal; text-decoration:none; margin-left: 1px;}
a.sitedesign:hover, a.sitedesign:active {color: #FF732F ! important; text-decoration:underline;}
/* -- GRETELS NAVIGATION - STOP -- */


/* -- GRETELS ADDRESS BLOCK - START -- */
.gretels_ui #address_block {display: block; float:left; width: auto; height:auto; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; padding: 65px 0px 0px 390px; margin: 0px 0px 0px 0px;}

.gretels_ui #address_block2 {display: block; float:right; width: auto; height:auto; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; padding: 290px 0px 0px 190px; margin: 0px 0px 0px 0px;}

.gretels_ui #directions_block {display: block; float:left; width: 240px; height:auto; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; padding: 41px 0px 0px 390px; margin: 0px 0px 0px 0px;}

.phonetext1 {display: block; width: auto; margin: 0px 0px 0px 50px;}
.phonetext2 {font-family: Bradley Hand ITC, Arial, Helvetica; font-size:30px; font-weight:bold; margin-left: 10px;}
.phonetext3 {display: block; width: auto; margin: 10px 0px 0px 0px;}
.phonetext4 {display: block; width: auto; margin: 0px 0px 0px 15px;}
/* -- GRETELS ADDRESS BLOCK - END -- */

/* -- COPYRIGHT BLOCK - START -- */
.gretels_ui #copyright_block {display: block; width: auto; height:auto; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 390px;}
/* -- COPYRIGHT BLOCK - END -- */

/* -- SITEDESIGN BLOCK - START -- */
.gretels_ui #sitedesign_block {display: block; width: auto; height:auto; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; padding: 0px 0px 0px 0px; margin: 40px 0px 0px 390px;}
/* -- SITEDESIGN BLOCK - END -- */

/* -- THUMBNAIL BLOCK - START -- */
.gretels_ui #thumbnail_block {display: block; width: 207px; height:95px; border: none; text-align: left; padding: 338px 25px 0px 0px;}
.gretels_ui #thumbnail_rowwrapper {display: block; float:left; width:207px; height:28px; border: none; padding: 0px 0px 0px 0px; margin: 0px 0px 3px 0px;}
.gretels_ui #thumbnail_wrapperleft {display: block; float:left; width:37px; height:25px; border: none; padding: 2px 0px 0px 2px; margin: 0px 0px 0px 0px;}
/* -- THUMBNAIL BLOCK - END -- */

/* -- GIFTDISPLAY BLOCK - START -- */
.gretels_ui #giftdisplay_block {display: block; width:384px; height:291px; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; /*background: transparent url('../graphix/gifttemplate.gif') no-repeat center left;*/ padding: 85px 0px 0px 95px; margin: 0px 0px 0px 0px;}
/* -- GIFTDISPLAY BLOCK - END -- */

.gretels_ui #indexblock {display: block; float:right; width:733px; height:477px; border: none; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; background: transparent url('../graphix/indexportal.gif') no-repeat center left; padding: 0px; margin: 0px;}

.gretels_ui #indexblock_text {display: block; float:left; width: 265px; height: auto; text-align: left; font-size: 11px; line-height:18px; background-color:transparent; padding: 185px 0px 0px 50px; margin: 0px 0px 0px 0px;}

.gretels_ui #contactblock_text {display: block; float: left; width: 225px; height: auto; text-align: left; font-size: 12px; line-height:18px; background-color: transparent; padding: 125px 0px 0px 70px; margin: 0px 0px 0px 0px;}

.gretels_ui #mapblock {display: block; float:right; width: 733px; height:477px; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; background: transparent url('../graphix/mapportal.gif') no-repeat center left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.gretels_ui #mapblock2 {display: block; float:left; width: 733px; height:477px; border: none; text-align: left; background: transparent url('../graphix/mapblock2.gif') no-repeat center left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.gretels_ui #contactblock {display: block; float:right; width: 733px; height:477px; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; background: transparent url('../graphix/contactusportal.gif') no-repeat center left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.gretels_ui #storehoursblock {display: block; float:right;  width: 733px; height:477px; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; background: transparent url('../graphix/storehoursportal.gif') no-repeat center left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.gretels_ui #bioblock {display: block; float:right; width: 733px; height:477px; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; background: transparent url('../graphix/bioportal.gif') no-repeat center left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.gretels_ui #bioblock2 {display: block; float:right;  width: 733px; height:477px; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; background: transparent url('../graphix/blankportal.gif') no-repeat center left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0x;}

.gretels_ui #giftblock {display: block; float:right; width: 733px; height:477px; border: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:auto; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; background: transparent url('../graphix/giftportal.gif') no-repeat center left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.gretels_ui #bioblock_text {display: block; float: left; width: 215px; height: auto; text-align: left; font-size: 11px; line-height:18px; background-color: transparent; padding: 75px 0px 0px 70px; margin: 0px 0px 0px 0px;}

.gretels_ui #bioblock_text2 {display: block; float: left; width: 435px; height: auto; text-align: left; font-size: 11px; line-height:18px; background-color: transparent; padding: 75px 0px 0px 60px; margin: 0px 0px 0px 0px;}


.gretels_ui #textsmallhead {font-size: 10px; color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: normal; margin: 3px 0px 0px 0px;}

.storehourshead {display: block; width: auto; color: #996699; font-size: 19px; font-weight: bold; margin: 25px 0px 12px 0px;}
.bioblockhead {display: block; width: auto; color: #996699; font-size: 15px; font-weight: bold; margin: 0px 0px 3px 0px;}
.bioblockhead2 {display: block; width: auto; color: #996699; font-size: 13px; font-weight: bold; margin: 0px 0px 8px 0px;}
.storehourstext {display: block; width: auto; font-size: 11px; font-weight: normal; margin: 0px 0px 0px 0px;}
.textlink_block {display: block; text-align: right; width: auto; font-size: 12px; font-weight: normal; margin: 5px 20px 0px 0px;}
.textlink_block2 {display: block; text-align: right; width: auto; font-size: 12px; font-weight: normal; margin: 0px 40px 0px 0px;}
.emailblock {display: block; width: auto; font-size: 11px;  margin: 30px 0px 0px 0px;}

fieldset {border:none; margin-top: 5px;}

.textfield1 {width: 150px; height: 13px; padding: 2px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; border: 1px solid #330099; margin: 2px 0px 0px 0px;}
.textfield2 {width: 25px; height: 13px; padding: 2px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; border: 1px solid #330099; margin: 2px 5px 0px 0px;}
.textfield3 {width: 50px; height: 13px; padding: 2px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; border: 1px solid #330099; margin: 2px 5px 0px 0px;}

input.button100 {display: block; width:90px; height:21px;  padding-top: 1px; padding-bottom: 2px; text-align:center; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 20px; font-weight: normal; font-style: normal; color: #FFFFFF; border: none; background: transparent url('../graphix/button100_up.gif') no-repeat; cursor:pointer; text-decoration: none; border: 0px;  margin: 1px 0px 0px 0px; display:inline;}
input.button100:hover {border: 0px; background: url('../graphix/button100_over.gif') no-repeat; }
input.button100:active {background-color: transparent;}
input.button100:visited {background-color: transparent;}