html { min-height: 100%; margin-bottom: 1px; }
body { color: #753335; font-size: 12px; font-family: verdana; line-height: 18px; background-color: #4d211d; margin: 0; padding: 0; }
a { color: #753335; outline: none medium; }
p { background-color: #78c8ce; }
a:hover { outline: 0; }
a:visited { outline: 0; }
a:active { outline: 0; }
a:focus { -moz-outline-style: none; outline: 0; }
object, embed { outline: 0; }
/*----------- site build -----------*/
#blue { background-color: #78c8ce; width: 100%; height: auto; margin: 0; padding: 0; }
#blue-home { background-color: #78c8ce; width: 100%; height: 325px; margin: 0; padding: 0; }
#wrapper { width: 950px; margin: 0 auto; padding-bottom: 0; }
#logo { background-image: url(images/cupcakes-logo.jpg); background-repeat: no-repeat; width: 237px; height: 159px; float: left; margin-top: -35px; margin-left: 32px; }
#graphicbar { color: #78c8ce; font-size: 11px; background-color: #4d211d; background-image: url(images/seamless.jpg); background-repeat: repeat-x; text-align: center; width: 100%; height: 50px; margin-top: 0; padding-top: 210px; }
/*----------- navigation -----------*/
#navbar { font-weight: bold; /*background-color: #78c8ce;*/ text-align: left; position: relative; z-index: 100; margin-left: 326px; padding-top: 40px; }
#navbar a { color: #095257; font-size: 11px; text-decoration:none; padding-right: 5px; padding-left: 5px; }
#navbar a:hover { color: #753335; text-decoration:underline }
#nav_home { width: 46px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
#nav_about { width: 64px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
#nav_menu { width: 111px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
#nav_cakes { width: 87px; height: 20px; border-width: 0; }
#nav_gifts { width: 121px; height: 20px; border-width: 0; }
#nav_community { width: 78px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
#nav_press { width: 44px; height: 20px; border-width: 0; }
#nav_holiday { width: 96px; height: 20px; border-width: 0; }
#nav_blog { width: 40px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
#nav_visit { width: 51px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
/*----------- visit us update englewood -----------*/
#hoursleft { float:left; width:165px; }
#hoursright { float:right; width:165px; margin-right: 90px; }
#hoursnote { clear:right; font-style:italic; }
#visittable { width:630px; }
#visittable td { width:200px; padding-right:10px; padding-bottom:15px; vertical-align:top;}
/*----------- content -----------*/
#home-cake { background-image: url(images/home-cupcake.png); position: absolute; top: 220px; width: 400px; height: 403px; margin-left: 280px; }
#home-flash { position: absolute; top: 130px; width: 700px; height: 500px; z-index: 25; margin-left: 130px; outline:0; }
#home-flash { position: absolute; top: 130px; width: 700px; height: 500px; z-index: 25; margin-left: 195px; }
#home-polaroids { background-image:url(images/home-polaroids-feb12.png); background-repeat: no-repeat; position: absolute; top: 285px; width: 490px; height: 280px; z-index: 20; margin-left: 85px; }
#home-polaroids-link { position: absolute; top: 285px; width: 210px; height: 280px; z-index: 1000; margin-left: 330px; }
/*#home-polaroids img { border:none; margin-top: 15px; margin-left: 20px; }*/
#content { text-align: left; width: 520px; z-index: 50; margin-top: 75px; margin-left: 330px; padding-bottom: 15px; }
#content-menupage { position:relative; text-align: left; width: 900px; z-index: 50; margin-top: 145px; margin-left: 30px; padding-bottom: 15px; }
#visit-map { width: 250px; float: left; margin-top: 40px; }
#visit-map2 { width: 250px; float: right; margin-top: 40px; }
.pic-about { background-image: url(images/pic-about.jpg); background-repeat: no-repeat; float: left; margin-top: 10px; margin-left: -320px; }
.pic-community { position: absolute; margin-top: 210px; width: 299px; height:800px; margin-left: 10px; }
.comm-story { border-top: 1px solid #fff; clear:both; }
/*.cupcake-table { width: auto; height: auto;  }*/
.cupcake-table { width: auto; height: auto; }
.cupcake-table td { text-align: center; vertical-align: top; padding-right: 8px; padding-bottom: 20px; }
.cupcake-list { width: 370px; height: auto; float: right; padding-top:10px; padding-right: 30px; }
.flavor-title { width: 370px; color: #1c7178; font-size: 13px; font-weight: bold; border-bottom: 1px solid #1c7178; }
/*.menu-area { width: 300px; height: auto; float: left; margin-top: 80px; margin-left: -325px; padding-left: 0; }*/
.menu-area { background-color: #fff; line-height:14px; width: 840px; height: auto; margin-top: 5px; margin-bottom: 15px; padding: 10px; border: solid 4px #e17789;}
.menu-table { width: 370px; height: auto; float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 35px; }
.menu-table td { line-height: 22px; text-align: left; vertical-align: top; padding-right: 5px; /*padding-bottom: 5px;*/ }
.menu-section { color: #1c7178; font-size: 13px; font-weight: bold; text-align: center; margin-right: auto; margin-bottom: 5px; margin-left: auto; border-bottom: 1px solid #78c8ce; }
.newmenutable { margin-top:0px; width:100%;  }
.newmenutabletitle { background-color:#2194a0;color:#fff;margin-top:18px; width:100%;font-weight:bold;font-size:14px; }
.newmenutabletitle td { padding:5px;padding-left:10px;border-right: solid 5px #78c8ce; }
.menu-clear { background-color:#a1d9dd;font-size: 11px; line-height: 15px;padding-left:5px;padding-right:5px;padding-top:10px; margin-top:5px;border-right: solid 5px #78c8ce; /*border-bottom: solid 5px #78c8ce;*/ }
.table-img { width: 150px; height: 150px; margin-top:-5px;border: solid 1px #55b6bf;margin-bottom: 12px; }
#menu-left { width:440px;float:left; }
#menu-right { width:440px;float:right; }
.menu-flleft { float:left;margin-right:6px; }
.menu-flright { float:right;margin-left:6px; }
.comm-img { width: auto; height: auto; border: solid 2px #753335; }
/*---------------- SPECIALTY CUPCAKE MENU ----------------*/
.stable-img { width: 150px; height: 208px; border: solid 1px #55b6bf;  }
.smenu-clear { text-align:center; background-color:#a1d9dd; padding: 10px 5px 10px 5px; margin:10px 0; border-right: solid 5px #78c8ce; }
.smenu-cleart { text-align:center; background-color:#a1d9dd; padding: 10px 5px 10px 5px; margin:10px 0 0 0; border-right: solid 5px #78c8ce; }
.spintro { padding:10px; width:280px; margin:0 auto; background-color: #A1D9DD; height:190px; text-align:left; }
.spintrob { padding:10px; width:130px; margin:0 auto; background-color: #A1D9DD; height:190px; text-align:left; }
#specialintro { padding: 15px 20px 0 0; float:right; width: 550px;  }
#menureturn { float:left; background-color: #FFFFFF; border: 4px solid #E17789; height: auto; line-height: 25px; width: 250px; padding:20px; }
#menureturn span { padding-right: 20px; }
#menureturn .menu-section { text-align:left; }
.personalintro { float:left; width: 500px; text-align:left; padding: 15px 0 15px 20px; }
#holidaycall { position:absolute; top: -140px; margin-left: 585px; width: 250px; height:126px; overflow:hidden; }
#holidaycall img { float:left; }
#hollink { float:right; font-weight:bold; padding-top:50px; font-size:12px; line-height: 18px;}
/*---------------- HOLIDAY STUFF - HOME PAGE ----------------*/
.montclair-link { position: absolute; margin-left:290px; margin-top: 77px; z-index: 100;}
.montclair-blammo { background-image: url(images/montclair-tag.jpg); background-repeat: no-repeat; position: absolute; width: 220px; height: 200px; z-index: 0; margin-top: 75px; margin-left: 285px; }
#nov11-link { margin-left:240px; margin-top: 7px;}
.sept11-link {  background-image:url(images/nowopen-tag.jpg); background-repeat: no-repeat; position: absolute; width: 220px; height: 200px; z-index:0; margin-top: 73px; margin-left: 280px; }
.holiday-blammo { background-image: url(images/holiday-blammo.png); background-repeat: no-repeat; position: absolute; width: 215px; height: 256px; z-index: 0; margin-top: 45px; margin-left: 390px; }
.holiday-blammo { background-image: url(images/ornament2.png); background-repeat: no-repeat; position: absolute; width: 200px; height: 204px; z-index: 0; margin-top: 75px; margin-left: 475px; }
.vday-blammo { background-image: url(images/heart-promo.jpg); background-repeat: no-repeat; position: absolute; width: 200px; height: 204px; z-index: 0; margin-top: 20px; margin-left: -20px; }
.june-blammo { background-image: url(images/june-sun.jpg); background-repeat: no-repeat; position: absolute; width: 216px; height: 193px; z-index: 0; margin-top: 63px; margin-left: 306px; }
.sept-blammo { background-image:url(images/home-b2s2010.jpg); background-repeat: no-repeat; position: absolute; width: 189px; height: 149px; z-index: 0; margin-top: 73px; margin-left: 306px; }
.oct-blammo { background-image:url(images/pumpkin-2010.jpg); background-repeat: no-repeat; position: absolute; width: 250px; height: 188px; z-index: 0; margin-top: 65px; margin-left: 306px; }
.holiday-link { color: white; font-size: 12px; font-weight: normal; line-height: 20px; text-align: center; position: absolute; width: 120px; z-index: 100; margin-top: 145px; margin-left: 370px; }
.holiday-link a:link { color: #ffffff; text-decoration:none }
.holiday-link a:visited { color: #ffffff; text-decoration:none }
.holiday-link a:active { color: #ffffff; text-decoration:underline }
.holiday-link a:hover { color: #ffffff; text-decoration:underline }
.jan11-link { color: #fff; font-size: 12px; font-weight: bold; line-height: 18px; text-align: center; position: absolute; width: 110px; z-index: 100; clear: both; margin-top: 158px; margin-left: 328px; }
.jan11-link a { color: #fff; text-decoration:none }
.jan11-link a:hover { color: #fff; text-decoration:underline }
.vday11-link { color: #fff; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 160px; z-index: 100; clear: both; margin-top: 135px; margin-left: 290px; }
.vday11-link a { color: #fff; text-decoration:none }
.vday11-link a:hover { color: #fff; text-decoration:underline }
.stpats-link { color: #fff; font-size: 12px; font-weight: bold; line-height: 18px; text-align: center; position: absolute; width: 110px; z-index: 100; clear: both; margin-top: 140px; margin-left: 328px; }
.stpats-link a { color: #fff; text-decoration:none }
.stpats-link a:hover { color: #fff; text-decoration:underline }
.easter-link { color: #a61e77; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 200px; z-index: 100; clear: both; margin-top: 153px; margin-left: 377px; }
.easter-link a:hover { color: #095257; text-decoration:underline }
.easter-carousel-link { color: #095257; font-size: 15px; font-weight: bold; text-align: center; width: 520px; padding-top: 15px; padding-bottom: 7px; }
.easter-carousel-link a { color: #095257; }
.june-link { color: #a62f3b; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 120px; z-index: 100; margin-top: 130px; margin-left: 349px; }
.june-link a { color: #a62f3b; text-decoration:underline }
.june-link a:hover { color: #095257; text-decoration:underline }
.sept-link { color: #fff; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 120px; z-index: 100; margin-top: 158px; margin-left: 340px; }
.sept-link a { color: #fff; text-decoration:underline }
.sept-link a:hover { color: #fff; text-decoration:underline }
.oct-link { color: #fff; font-size: 12px; font-weight: bold; line-height: 18px; text-align: center; position: absolute; width: 170px; z-index: 100; margin-top: 158px; margin-left: 350px; }
.oct-link a { color: #fff; text-decoration:underline }
.oct-link a:hover { color: #f2eed4; text-decoration:underline }
.mom-link { color: #a62f3b; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 90px; z-index: 100; margin-top: 130px; margin-left: 450px; }
.mom-link a:hover { color: #095257; text-decoration:underline }
.easter-carousel-link { color: #095257; font-size: 15px; font-weight: bold; text-align: center; width: 520px; padding-top: 15px; padding-bottom: 7px; }
.easter-carousel-link a { color: #095257; }
.easter-head { background-image: url(images/holiday-bunny.jpg); background-repeat: no-repeat; text-align: center; width: 160px; height: 180px; margin-top: 7px; padding-top: 20px; padding-left: 360px; }
.holiday-img { width: 300px; height: 636px; float: left; margin-top: 80px; margin-left: -325px; }
.holiday-promo { width: 860px; height: 492px; margin-top: 120px; margin-left: -325px; padding-bottom: 25px; }
.turkey-blammo { background-image:url(images/turkery.jpg); background-repeat: no-repeat; position: absolute; width: 240px; height: 149px; z-index: 0; margin-top: 53px; margin-left: 295px; }
.xmas10-blammo { background-image:url(images/holiday2010-ornament.png); background-repeat: no-repeat; position: absolute; width: 231px; height: 286px; z-index: 0; margin-top: 0; margin-left: 360px; }
.jan11-blammo { background-image:url(images/snowflake-jan11.png); background-repeat: no-repeat; position: absolute; width: 207px; height: 231px; z-index: 0; margin-top: 70px; margin-left: 280px; }
.vday11-blammo { background-image:url(images/heart-promo.jpg); background-repeat: no-repeat; position: absolute; width: 207px; height: 231px; z-index: 0; margin-top: 70px; margin-left: 280px; }
.stpat-blammo { background-image: url(images/shamrock-promo.jpg); background-repeat: no-repeat; position: absolute; width: 200px; height: 204px; z-index: 0; margin-top: 80px; margin-left: 285px; }
.easter-blammo { background-image: url(images/home-bunny.jpg); background-repeat: no-repeat; position: absolute; width: 276px; height: 166px; z-index: 0; margin-top: 80px; margin-left: 285px; }
.mom-blammo { background-image: url(images/mothers-home.jpg); background-repeat: no-repeat; position: absolute; width: 276px; height: 166px; z-index: 0; margin-top: 80px; margin-left: 360px; }
.turkey-link { color: #fff; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 120px; z-index: 100; margin-top: 135px; margin-left: 400px;}
.turkey-link a { color: #fff; text-decoration:underline; }
.turkey-link a:hover { color: #fff; text-decoration:underline;}
#tree-lights { background-color: #fff; background-image: url(images/tree-lights.jpg); background-repeat: no-repeat; padding: 55px 15px 15px 12px; border-bottom: 1px solid #095257; }
#tree-lighting { background-color: #fff; background-image: url(images/xmas-tree-dots.jpg); background-repeat: no-repeat; background-position: 350px 10px; height: 160px; padding: 20px 170px 20px 25px; border: solid 1px #4d211d; }
#tree-lighting .bold { font-size: 15px; font-weight: bold; line-height: 22px; padding-bottom: 5px; }
#order-cups { background-color: #fff; background-image: url(images/holiday2010-cups.jpg); background-repeat: no-repeat; background-position: right bottom; padding: 25px 235px 30px 25px; border: solid 1px #4d211d; }
#order-cups .bold { font-size: 15px; font-weight: bold; line-height: 22px; width: 470px; padding-bottom: 5px; }
.thanks11-blamo { background-image: url(images/thanksgiving11-blamo.jpg); background-repeat: no-repeat; position: absolute; width: 257px; height: 152px; z-index: 0; margin-top: 80px; margin-left: 260px; z-index: 0; }
.thanks11-link { position:absolute; z-index: 300; width:217px; height:152px; margin-top: 80px; margin-left: 300px;}
.newyear12-link { line-height:20px; position: absolute; z-index:300; font-size:12px; text-align:center; font-weight:bold; margin: 140px 0 0 325px; }
.newyear12-link a { color:#fff; text-decoration:underline; }
.newyear12-blamo { background-image: url(images/snowflake-jan11.png); background-repeat: no-repeat; position: absolute; width: 207px; height: 231px; z-index: 0; margin-top: 60px; margin-left: 260px; z-index: 0; }
/*---------------- HOLIDAY STUFF - HOLIDAY PAGE ----------------*/
.newyear-2011 { text-align: right; width: 329px; height: 704px; float: left; margin-top: 80px; margin-left: -347px; padding-left: 0; }
.thanksgiving-2011 { text-align: right; width: 329px; height: 704px; float: left; margin-top: 80px; margin-left: -337px; padding-left: 0; }
.halloween-2011 { text-align: right; width: 300px; height: 636px; float: left; margin-top: 80px; margin-left: -327px; padding-left: 0; }
.cookie-dough { width: 230px; height: 384px; float: left; margin-top: 80px; margin-left: -280px; }
.vdaystpat-img { width: 300px; height: 636px; float: left; margin-top: 80px; margin-left: -325px; }
.fourth-img { width: 224px; height: 459px; float: left; margin-top: 80px; margin-left: -280px; }
.stpat-img { width: 300px; height: 435px; float: left; margin-top: 80px; margin-left: -325px; }
.easter-img { width: 300px; height: 636px; float: left; margin-top: 80px; margin-left: -325px; }
.june-img { background-image: url(images/june-cups.jpg); background-repeat: no-repeat; text-align: right; width: 300px; height: 650px; float: left; margin-top: 80px; margin-left: -325px; padding-left: 0; }
.summer-img { background-image: url(images/summer-cups.jpg); background-repeat: no-repeat; text-align: right; width: 325px; height: 250px; float: left; margin-top: 80px; margin-left: -327px; padding-left: 0; }
.thanksgiving-img { background-image: url(images/1110Thanks.jpg); background-repeat: no-repeat; text-align: right; width: 354px; height: 738px; float: left; margin-top: 120px; margin-left: -354px; padding-left: 0;}
.xmas2010-img { background-image: url(images/xmas10-cups.jpg); background-repeat: no-repeat; text-align: right; width: 354px; height: 738px; float: left; margin-top: 110px; margin-left: -354px; padding-left: 0;}
.jan2011-img { background-image: url(images/banana-pudding.jpg); background-repeat: no-repeat; text-align: right; width: 342px; height: 738px; float: left; margin-top: 130px; margin-left: -342px; padding-left: 0;}
.feb2011-img { background-image: url(images/valentines-cups.jpg); background-repeat: no-repeat; text-align: right; width: 342px; height: 738px; float: left; margin-top: 130px; margin-left: -342px; padding-left: 0;}
.cupsonwhite-img { background-image: url(images/cupsonwhite.jpg); background-repeat: no-repeat; text-align: right; width: 295px; height: 738px; float: left; margin-top: 130px; margin-left: -295px; padding-left: 0;}
.halloween-img { background-image: url(images/halloween-cups.jpg); background-repeat: no-repeat; text-align: right; width: 325px; height: 636px; float: left; margin-top: 80px; margin-left: -327px; padding-left: 0; }
.moms-img { background-image: url(images/moms-cups.jpg); background-repeat: no-repeat; text-align: right; width: 300px; height: 451px; float: left; margin-top: 80px; margin-left: -325px; padding-top: 235px; padding-left: 0; }
.vday-img { width: 300px; height: 396px; float: left; margin-top: 80px; margin-left: -325px; }
.bowl-img { width: 300px; height: 636px; float: left; margin-top: 80px; margin-left: -325px; }
.coupon { font-size: 11px; line-height: 14px; text-align: center; position: absolute; width: 463px; margin-top: 80px; margin-left: 370px; }
.valcoupon { font-size: 11px; line-height: 14px; text-align: center; width: 520px; }
.bcfl-right { float:right; margin-bottom:50px; margin-top:40px; margin-left:10px;}
/*----------- pop -----------*/
.pop { margin-top: 0; margin-bottom: -15px; padding-top: 0; padding-bottom: -5px; }
.pop a span { display: none; }
.pop a:hover span { display: block; z-index: 1001; position: fixed; top: 200px; margin-left: 220px; }
/*----------- styling -----------*/
h1 { font-size: 14px; font-weight: bold; line-height: 22px; }
.big-bold { font-size: 15px; font-weight: bold; }
.bld { font-weight: bold; }
.brown { color: #66392d; }
.fl-left { float: left; margin-right: 10px; margin-bottom: 10px; }
.fl-left2 { float: left; margin-right: 10px; }
.fl-right { float: right; margin-bottom: 10px; margin-left: 10px; }
.fl-cake { float: right; margin-bottom: 10px; margin-left: 10px; margin-top: 35px; }
.bunny { float: right; margin-bottom: 10px; margin-left: 10px; margin-right: 30px; }
.intro { color: #095257; }
.white-line { background-color: #fff; width: 520px; height: 1px; }
.bold { font-weight: bold; }
.sm-ital { font-size: 10px; font-style: italic; }
.sm-bold { font-size: 10px; font-weight: bold; line-height: 14px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }