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

*  { margin:0; padding:0; outline:0; }
ul, li { list-style:none; }
a img { border:0;}
p { padding:6px 0; }
body { font-family: Georgia, "Times New Roman", Times, serif; font-size:15px; font-smooth: always;  }
.clr { height:0; font-size:0; line-height: 0;  clear:both;  }
.pink { color: #c02362; }
/* Main Page
--------------------------------------------------------------*/
#bgTopWrap { background: url(../images/main_body_top_bg.png) repeat-x left top; }
#contWrap { width: 933px; margin: 0 auto; }
#mainHeader { height: 207px; }
#logo { background: url(../images/main_logo.png); height: 207px; width: 290px; display: block; text-indent: -4000px; float: left; }
#topNav { display: block; float: left; padding: 88px 0 0 12px; height: 61px; width: 570px; }
#topNav li { display: block; height: 35px; float: left; padding: 0 0 0 38px; }
#topNav li a { display: block; float: left; height: 35px; text-indent: -4000px; }
#topNav li .home { width: 63px; background: url(../images/main_nav_hvr.png) 0px 36px; }
#topNav li .about { width: 63px; background: url(../images/main_nav_hvr.png) -109px 36px; }
#topNav li .order { width: 63px; background: url(../images/main_nav_hvr.png) -223px 36px; }
#topNav li .gallery { width: 80px; background: url(../images/main_nav_hvr.png) -328px 36px; }
#topNav li .contact { width: 107px; background: url(../images/main_nav_hvr.png) -458px 36px; }
#topNav li .home:hover, #topNav li.current .home { background-position: 0 0; }
#topNav li .about:hover, #topNav li.current .about { width: 63px; background-position: -109px 0; }
#topNav li .order:hover, #topNav li.current .order { width: 63px; background-position: -223px 0; }
#topNav li .gallery:hover, #topNav li.current .gallery { width: 80px; background-position: -328px 0; }
#topNav li .contact:hover, #topNav li.current .contact { width: 107px; background-position: -458px 0; }
#topNav:hover li.current .home { background-position: 0 36px; }
#topNav:hover li.current .about { width: 63px; background-position: -109px 36px; }
#topNav:hover li.current .order { width: 63px; background-position: -223px 36px; }
#topNav:hover li.current .gallery { width: 80px; background-position: -328px 36px; }
#topNav:hover li.current .contact { width: 107px; background-position: -458px 36px; }

#mainTop { height: 324px; padding-top: 22px; }
#mainTop .left { float: left; width: 414px; }
#mainTop .left p { font-size: 18px; padding-right: 10px; display: block; padding-top: 11px; }
#mainTop .left ul { font-size: 0px; line-height: 0px; height: 156px; display: block; }
#mainTop .left ul li { display: block; }
#mainSlider { float: left; background: url(../images/main_slider_bg.jpg) no-repeat; width: 482px; height: 282px; padding: 17px 0  0 17px; }
#mainContent { padding: 33px 0 30px 0 ;}
#mainContent .mainCol { float: left; width: 282px; padding-right: 28px; position: relative; padding-bottom: 72px; z-index:2; min-height:218px;  height:auto !important; height:218px; }
#mainContent .mainCol .btm { position: absolute; bottom: 0px; left: 2px; }
#mainContent .mainCol p { display: block; padding-left: 2px; font-size: 12px; padding-top: 13px; line-height: 20px; }
#mainContent .mainCol p .more { color: #c02362; }
#mainContent .mainCol p .more:hover { text-decoration:none; }
#mainContent .last { padding-right: 0; }#mainFooter { background: url(../images/main_footer_bg.png) repeat-x; height: 122px; }
#mainFootWrap { width: 913px; margin: 0 auto; padding-top: 38px; color: #fff; font-size: 12px; }
#mainFootWrap .left { float: left; width: 460px; }
#mainFootWrap .right { float: right; width: 300px; text-align: right; }
#mainFootWrap .right .bookmarks { display: block; float: right; width: 71px; padding-top: 4px; }
#mainFootWrap .right p { display: block; float: right; width: 229px; padding: 0; }
#mainFootWrap .left #btmNav { float: left; display: block; width: 100%; height: 27px; }
#mainFootWrap .left #btmNav li { display: block; float: left; font-size: 16px; padding-right: 18px; }
#mainFootWrap .left #btmNav li a { display: block; float: left; white-space: nowrap; color: #cecece; text-decoration: none; }
#mainFootWrap .left #btmNav li a:hover { text-decoration: underline; } 
#mainFootWrap .left p { color: #878787; font-size: 11px; }

#mainFootWrap .right .bookmarks  img { padding-left: 7px; }
/* Order Page
--------------------------------------------------------------*/
#bgInnerTopWrap { background: url(../images/inner_top_body_bg.png) repeat-x -7px -2px; }
#innerTop { height: 62px; padding: 5px 0 0px 32px; overflow: hidden; margin-bottom: 6px; }
#innerContent { padding-top: 10px; padding-bottom: 30px; }
#innerContent .orderLeft { float: left; width: 592px; }
#innerContent .orderTop { width: 592px; padding-left: 30px; height:153px; float: left; }
#innerContent .orderCombosbg { background: url(../images/order_available_combos.png) no-repeat right 68px; height:153px; float: left; width:293px; }
#innerContent .orderLeft table { text-align: center; font-size: 13px; font-weight: bold; font-style: italic; line-height: 17px; }
#innerContent .orderLeft table .top { font-size: 0px; line-height: 0px; height: 0px; border: 0; }
#innerContent .orderLeft table tr .header { height: 40px; font-size: 13px; color: #FFF; background: #272727; letter-spacing: -1px; font-weight: normal; font-style: normal; padding: 0; border: none; }
#innerContent .orderLeft table tr td { vertical-align:middle; border: solid 1px #000; border-left:0; border-bottom:0; padding: 15px 0; background: #fff; }
#innerContent .orderLeft table .pink td { color: #c02362; background: #fbced0; font-weight: bold; font-style: italic; }
#innerContent .orderLeft table tr .extra { border-left-style: none; }
#innerContent .orderLeft table .note td { text-align: left; padding: 35px; font-style: normal; font-weight: normal; background: #fefff2; }
#orderRight { float: left; width: 294px; padding: 13px 0; }

#orderRight .orderCombos { padding-left: 14px; }
#orderRight .orderCombos .hdr { display: block; clear: both; height: 42px; }
#orderRight .orderCombos ul li { display: block; float: left; width: 87px; text-align: center; padding-top: 6px; overflow: hidden; }
#orderRight .orderCombos ul li span { font-size: 12px; font-style: italic; color: #7b6050; display: block; }
#orderRight .orderCombos ul { float: left; padding: 0 0 10px 8px; width: 261px; }
#orderWrap { margin-left: 30px; border: solid 1px #000; background: url(../images/order_content_stretch_bg.png) repeat-y; }
/* Contact Page
--------------------------------------------------------------*/
#contactContent, #aboutContent { padding-left: 30px; color: #272727; }
#contactContent .left, #aboutContent .left { float: left; width: 593px; padding-right: 23px; }
#contactContent .left .contactMap { padding-top: 8px; }
#contactContent .right, #aboutContent .right  { float: left; width: 281px; ; }
#contactContent .right .email { background: url(../images/contact_envelope_ico.png) no-repeat; display: block; padding: 0 0 0 40px; height: 40px; line-height: 26px; }
#contactContent .right .email a { color: #272727; }
#contactContent .right .email a:hover { text-decoration: none; }
#contactContent .right .phone { background: url(../images/contact_phone_ico.png) no-repeat; display: block; display: block; padding: 0 0 0 40px; height: 40px; line-height: 27px; }
#contactContent .left .contactMap iframe { border: solid 1px #979797; }
/* About Page
--------------------------------------------------------------*/
#aboutContent .left p .melanie { display: block; float: left; padding-top: 4px; padding-right: 10px; }
#aboutContent { line-height: 20px; padding-top: 8px; }
#aboutContent .right .hdr { display: block; }
#aboutContent .right p { padding-bottom: 10px; }
#aboutContent .right ul { display: block; height: 140px; padding-top: 4px; }
#aboutContent .right ul li { display: block; height: 26px; padding: 0 0 0 20px; background: url(../images/about_pink_check.png) no-repeat left center; font-size: 14px; font-weight: bold; }
#aboutContent .right .aboutBake li { background: none; height: 60px; padding: 0; }
#aboutContent .right .aboutBake li img { float: left; padding: 0 10px 0 0; }
#aboutContent .right .aboutBake li strong { display: block; color: #c02362; padding: 2px; }
#aboutContent .right .aboutBake li em { display: block; font-size: 12px; font-weight: normal; color: #7b6050; }
#aboutContent .right ul.aboutBake { height: auto; }
#aboutContent .right .gallFirst { clear: left; padding-right: 10px; }
#aboutContent  a { color: #c02362; }
#aboutContent  a:hover { text-decoration: none; }
#aboutContent .right { padding: 6px 0px 0px; }