@charset "UTF-8";
/* CSS Document */

/*********SITE WIDE*********/
p {padding:0 0 18px 0; margin:0}
p .lastpara {padding-bottom:0; margin:0}
a {text-decoration:none}
body,td,th { font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; color:#4E3227; padding:0; margin:0}
body { background-image: url(images/pattern_tile.gif); background-repeat: repeat; color:#4E3227}
.bodytext {font: normal 12px/18px Helvetica, Arial, Verdana, sans-serif; color:#4E3227}
.creamtext {font: normal 12px/18px Helvetica, Arial, Verdana, sans-serif; color:#FDFBE8}
.bigbluebold { font: bold 14px/18px Helvetica, Arial, Verdana, sans-serif; color:#34B5D0; margin:0}
.bigorangebold { font: bold 14px/18px Helvetica, Arial, Verdana, sans-serif; color:#FF7900; margin:0}
.biggoldbold { font: bold 14px/18px Helvetica, Arial, Verdana, sans-serif; color:#C99900; margin:0}
#container { font: normal 12px/18px Helvetica, Arial, Verdana, sans-serif; color: #000; position:relative; background-color:#FDF8DD; width: 850px; border: solid 1px #4E3227; margin: 10px auto 0 auto; padding:0; text-align:left}
#logo {float:left; width:409px; height:280px; background-image:url(images/FudgeHouseLogo_mast.gif); background-repeat:no-repeat}
#bottom {clear:both; position:relative; padding:10px 26px; background-color:#4E3227;font: normal 13px/18px Helvetica, Arial, Verdana, sans-serif;  color:#fdfbe8; text-align:center}
#craw { text-align:right; width:850px; margin:0 auto; padding: 8px 0 0 0; color:#FDFBE8; font-size:10px}
.endpara { margin:0; padding:0}

a:link { font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; color: #4E3227}
a:visited { font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; color: #4E3227}
a:hover { font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; color: #C99900}
a:active { font: bold 12px/16px Helvetica, Arial, Verdana, sans-serif; color: #C99900}

#bottom a:link { font: bold 13px/16px Helvetica, Arial, Verdana, sans-serif; color: #fdfbe8}
#bottom a:visited { font: bold 13px/16px Helvetica, Arial, Verdana, sans-serif; color: #fdfbe8}
#bottom a:hover { font: bold 13px/16px Helvetica, Arial, Verdana, sans-serif; color: #C99900}
#bottom a:active { font: bold 13px/16px Helvetica, Arial, Verdana, sans-serif; color: #C99900}

#craw a:link { font: bold 11px/16px Helvetica, Arial, Verdana, sans-serif; color: #fdfbe8}
#craw a:visited { font: bold 11px/16px Helvetica, Arial, Verdana, sans-serif; color: #fdfbe8}
#craw a:hover { font: bold 11px/16px Helvetica, Arial, Verdana, sans-serif; color: #4E3227}
#craw a:active { font: bold 11px/16px Helvetica, Arial, Verdana, sans-serif; color: #4E3227}

/*********FRONT PAGE*********/
#fptext h1 { font: bold 16px/20px Helvetica, Arial, Verdana, sans-serif; color:#34B5D0; margin:0; padding: 0 0 18px 0}
#fotm {float:left; background-color:#C99900; margin:15px 0 15px 0; padding:15px 15px; width: 265px; color:#fdfbe8; border-top: solid 8px #4E3327; border-bottom: solid 8px #4E3327}
#fotm h2 { font: bold 15px/18px Helvetica, Arial, Verdana, sans-serif; color:#4E3327; margin:0}
#fotm h3 { font: bold 14px/18px Helvetica, Arial, Verdana, sans-serif; color:#4E3327; margin:0}
#fpnavbar {clear:both; position:relative; width: 850px; height:28px; margin: 0; padding:0; display:block; background-color:#00AECB; border-top: solid 4px #FDF8DD; border-bottom: solid 4px #FDF8DD}
#fpnavbar ul {list-style-type:none; font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#FDF8DD; padding:6px 0 0 409px; margin:0}
#fpnavbar ul li {display:inline; font: bold 16px Helvetica, Arial, Verdana, sans-serif; padding:0 70px 0 0}
#fpnavbar ul li a { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color: #FDF8DD}
#fpnavbar ul li a:hover { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#4E3227}
#fpnavbar a:active { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#4E3227}
#fpnavbar li#active a { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#4E3227}
#fpfudgepic {float:left; width:441px; height:280px; display:inline}
#fppicstrip1 {clear:both; float:left; width: 169px; height: 119px; background-image:url(images/home_bar_image_1.jpg); background-repeat:no-repeat}
#fppicstrip2 {float:left; width: 171px; height: 119px; background-image:url(images/home_bar_image_2.jpg); background-repeat:no-repeat}
#fppicstrip3 {float:left; width: 170px; height: 119px; background-image:url(images/home_bar_image_3.jpg); background-repeat:no-repeat}
#fppicstrip4 {float:left; width: 169px; height: 119px; background-image:url(images/home_bar_image_4.jpg); background-repeat:no-repeat}
#fppicstrip5 {float:left; width: 171px; height: 119px; background-image:url(images/home_bar_image_5.jpg); background-repeat:no-repeat}
#fptext {float:left; padding:30px 0 0 30px; margin:0 30px 0 0; width:465px; display:inline-block}
#fotmpic {position:relative; width: 263px; height: 133px; margin: 12px 0 12px 0; border: solid 1px #4E3227}



/*********OUR STORY*********/
#ostext h1 { font: bold 16px/20px Helvetica, Arial, Verdana, sans-serif; color:#FF7900; margin:0; padding: 0 0 18px 0}
#osnavbar {clear:both; position:relative; width: 850px; height:28px; margin: 0; padding:0; display:block; background-color:#FF7900; border-top: solid 4px #FDF8DD; border-bottom: solid 4px #FDF8DD}
#osnavbar ul {list-style-type:none; font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#FDF8DD; padding:6px 0 0 409px; margin:0}
#osnavbar ul li {display:inline; font: bold 16px Helvetica, Arial, Verdana, sans-serif; padding:0 70px 0 0}
#osnavbar ul li a { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color: #FDF8DD}
#osnavbar ul li a:hover { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#4E3227}
#osnavbar a:active { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#4E3227}
#osnavbar li#active a { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#4E3227}
#osfamilypic {float:left; width:441px; height:280px; background-image:url(images/DisottoFamily_story_image.jpg); background-repeat:no-repeat; display:inline}
#ostext {float:left; padding:30px 0 0 30px; margin:0 30px 0 0; width:465px; display:inline-block}
#ospicstrip1 {clear:both; float:left; width: 169px; height: 119px; background-image:url(images/story_bar_image_1.jpg); background-repeat:no-repeat}
#ospicstrip2 {float:left; width: 171px; height: 119px; background-image:url(images/story_bar_image_2.jpg); background-repeat:no-repeat}
#ospicstrip3 {float:left; width: 170px; height: 119px; background-image:url(images/story_bar_image_3.jpg); background-repeat:no-repeat}
#ospicstrip4 {float:left; width: 169px; height: 119px; background-image:url(images/story_bar_image_4.jpg); background-repeat:no-repeat}
#ospicstrip5 {float:left; width: 171px; height: 119px; background-image:url(images/story_bar_image_5.jpg); background-repeat:no-repeat}
#storycol2 {float:left; margin:30px 0 0 0; width: 295px}



/*********PRODUCTS*********/
#prodnavbar {clear:both; position:relative; width: 850px; height:28px;; margin: 0; padding:0; display:block; background-color:#C99900; border-top: solid 4px #FDF8DD; border-bottom: solid 4px #FDF8DD}
#prodnavbar ul {list-style-type:none; font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#FDF8DD; padding:6px 0 0 409px; margin:0}
#prodnavbar ul li {display:inline; font: bold 16px Helvetica, Arial, Verdana, sans-serif; padding:0 70px 0 0}
#prodnavbar ul li a { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color: #FDF8DD}
#prodnavbar ul li a:hover { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#4E3227}
#prodnavbar a:active { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#4E3227}
#prodnavbar li#active a { font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#4E3227}
#prodpic {float:left; width:441px; height:280px; background-image:url(images/StrawberryFudge_product_image.jpg); background-repeat:no-repeat; display:inline}
#prodtext {float:left; padding:30px 0 0 30px; margin:0 30px 0 0; width:278px; display:inline-block}
#prodtext h1, #prodshoptext h1 { font: bold 16px/20px Helvetica, Arial, Verdana, sans-serif; color:#C99900; margin:0; padding: 0 0 18px 0}
#prodshoptext {float:left; padding:30px 0 0 30px; margin:0 30px 0 0; width:358px; display:inline-block}
#prodpicstrip1 {clear:both; float:left; width: 169px; height: 119px; background-image:url(images/product_bar_image_1.jpg); background-repeat:no-repeat}
#prodpicstrip2 {float:left; width: 171px; height: 119px; background-image:url(images/product_bar_image_2.jpg); background-repeat:no-repeat}
#prodpicstrip3 {float:left; width: 170px; height: 119px; background-image:url(images/product_bar_image_3.jpg); background-repeat:no-repeat}
#prodpicstrip4 {float:left; width: 169px; height: 119px; background-image:url(images/product_bar_image_4.jpg); background-repeat:no-repeat}
#prodpicstrip5 {float:left; width: 171px; height: 119px; background-image:url(images/product_bar_image_5.jpg); background-repeat:no-repeat}
#prodcol2 {float:left; margin:30px 0 0 0; width: 490px}
#prodcol2 p {padding-bottom:4px}
#prodcol2 h2 { font: bold 16px/18px Helvetica, Arial, Verdana, sans-serif; color:#FDF8DD; margin:0; padding: 0 0 18px 0}
#prodcol2 b {font-weight: bold; color:#4E3227}

#shopclassic {float:left; margin:30px 0 0 0; width: 400px}
#shopclassic p {padding-bottom:4px}
#shopclassic h2 { font: bold 16px/18px Helvetica, Arial, Verdana, sans-serif; color:#FDF8DD; margin:0; padding: 0 0 18px 0}
#shopclassic b {font-weight: bold; color:#4E3227}

#classcoll {width:466px; background-color:#34B5D0; border-top:solid 5px #4E3227; border-bottom:solid 5px #4E3227; padding:12px; margin:-17px 0 12px 0}
.shopitemscc {width:370px; background-color:#34B5D0; border-top:solid 5px #4E3227; border-bottom:solid 5px #4E3227; padding:12px; margin:-17px 0 24px 5px}

#specfudge {width:466px; background-color:#FF7900; border-top:solid 5px #4E3227; border-bottom:solid 5px #4E3227; padding:12px; margin:0 0 12px 0}

#somediff {width:466px; background-color:#C99900; border-top:solid 5px #4E3227; border-bottom:solid 5px #4E3227; padding:12px; margin:0 0 12px 0}