html { overflow-y: scroll; }
body { color: #666666; background: #ffffff; }
    
    #content {background:url(../images/line.png) repeat-y 229px 0; margin:72px auto}
    #flashBannerHome {height:810px}
        
    #logo a { display: block; width: 220px; height: 70px; margin-top: 18px; background: transparent url('../images/page-elements.png?v=2') 0 0 no-repeat; text-indent:-6000px; }
    #logo a:hover { background-position: 0 -80px; }

#devGrid {width:960px; height:1600px; position:absolute; top:0; left:50%; margin-left:-480px; z-index:19;}

/* text */

h1 {color:#DEB408; text-transform: lowercase; margin-bottom: 36px; font-weight:normal;}
h2 {color:#666666; font-size:28px; top:9px; margin-bottom:36px;}
.sidebar h2 {color:#666666; font-size:31px; top:9px; margin-bottom:36px; font-weight: normal; text-transform: lowercase; }
h3 {color:#333333; margin:36px 0 18px 0; font-weight: normal; }
.sidebar h3 { color: #DEB408; }
h4 {font-weight:normal; font-size:16px; top:14px;line-height:36px; margin-bottom:36px}
h5 {font-weight:bold;color:#F99D1C; margin:18px 0 0 0}
small {color:#999999;}


p { margin-bottom: 18px; }
p+p { text-indent: 0; }

p,ul,ol,h6 {font-size:14px; top:4px}

ul { margin-left: 0; }
    ul li { list-style-type: none; }
        ul li a { font-weight: bold; }

hr {background:#FFF; margin:36px 0;}

p.error {background:#EC2726; color:#FFF; padding:3px 5px}

.post .alignleft {float:left; margin: 0 20px 18px 20px;}
.post .alignright {float:right; margin: 0 0 18px 20px;}

.menuTitle {width:180px;}

/* links */

a {color:#000000; text-decoration:none; }
a:hover {color:#DEB408}
p a {font-weight: bold}
h2 a {color:#666666}

.signup {font-size:28px; top:9px; font-weight:bold;}

/* page galleries */

#gallery {margin-top:54px;}
#gallery a {display:block; position:relative; float:left; margin:0; padding:0;}
#gallery a .caption {display:none; position:absolute; top:0; left:0; width:130px; height:96px; background-color:#666; color:#fff; font-weight:bold; padding:36px 10px 18px 10px;}
#gallery .attachment-thumbnail {display:block;}


/* ##################################################################### */

/* navigation */

#shoppingNav { font-size: 12px; margin: 0; display: block; text-transform: lowercase;}
    #shoppingNav li { float: left; }
        #shoppingNav a { font-weight: normal; float: none; display: inline; }
#headerNav { width: 100%; margin-top: 37px; top: 4px; left: 4px; clear: both; display: block; }
    #headerNav li { float: right; }
#headerNav a:link, #headerNav a:visited { font-size: 15px; padding: 0 4px; margin-left: 6px; color: #000000; background:none; text-transform: lowercase; font-weight: normal; }
    #headerNav a:hover, #headerNav a:focus { background-color: #ffffff; color: #DEB408; }
    #headerNav .current_page_item a:link,
    #headerNav .current_page_parent a:link,
    #headerNav .current_page_item a:visited,
    #headerNav .current_page_parent a:visited { color:#ffffff; background-color: #DEB408; }
    
    /* HIDE SECTIONS */
    ul.sideNav li.menu-item { display: none; }
    
    /* SHOW SECTIONS */
    ul.sideNav li.current-menu-ancestor,
    ul.sideNav li.current-menu-ancestor li.menu-item,
    ul.sideNav li.current-menu-item,
    ul.sideNav li.current-menu-item ul li,
    ul.sideNav li.current-menu-parent,
    ul.sideNav li.current-menu-parent ul li.current-menu-item ul li.menu-item,
    ul.sideNav li.current-menu-ancestor ul li.current-menu-parent ul li.menu-item { display: block; }
    
ul.sideNav { margin-left: 0; text-transform: lowercase; top: 0; display: block; }
    ul.sideNav > li > ul { margin-left: 28px; display: block; }
    ul.sideNav > li > a { color: #666666 !important; font-size: 31px !important; top:9px; margin-bottom: 36px; font-weight: normal; text-transform: lowercase; }
    ul.sideNav > li > a:hover { color: #DEB408 !important; }
    ul.sideNav li li { list-style-type: none; display: block; clear: both; margin-bottom:18px; }
    ul.sideNav li li a:link, ul.sideNav li li a:visited { width: 160px; font-size: 15px; padding: 0 4px;  margin-left: 6px; color: #000000; background:none; text-transform: lowercase; font-weight: normal; display: block; display: inline; }
    ul.sideNav li li a:hover, ul.sideNav li li a:focus { background-color: #ffffff; color: #DEB408; }
    ul.sideNav li li.current_page_item a:link,
    ul.sideNav li li.current_page_parent a:link,
    ul.sideNav li li.current_page_item a:visited,
    ul.sideNav li li.current_page_parent a:visited { color:#ffffff; background-color: #DEB408; display: inline; }
    
#siteMap { list-style: none; }
    #siteMap li a:link, #siteMap li a:visited { font-size: 15px; top: 4px; font-weight: bold; }
    #siteMap li a:hover, #siteMap li a:focus { color: #000; }
        #siteMap li ul { margin: 0 0 18px 40px; }
        #siteMap li li { top: 0; padding: 0; }
        #siteMap li li a:link, #siteMap li li a:visited { font-size: 14px; top: 5px; font-weight: normal; }
        
/* ##################################################################### */

/* SHOPP */

#merchandiseLinks { margin: 18px 0; }
#merchandiseLinks li { list-style: none; margin-bottom: 18px; }

input.addtocart.ajax, input.ajaxQty  {display:none;}
img.ajaxCartMiniLoader	{float:right; padding:3px 10px 0px 0px; display:none;}
#specialinstructions	{height:80px; width:400px;}

.sidebar			{position:relative;}
#shopp-cart-ajax	{position:absolute; top:72px;}

/* action blocks */

/* FORM */
input[type='submit'] {display:block; height:25px; width:80px; margin: 18px 0; background:transparent url('../images/page-elements.png?v=2') -680px -234px no-repeat; border:none; text-indent:-6000px; overflow:hidden; cursor:pointer; color: transparent; text-transform: capitalize;}
input[type='submit']:hover {background-position:-680px -270px;}

#successMsg { padding: 17px 20px; width:440px; margin: 36px 0; background:#FFF; border:1px solid #DCDCDC; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;}
#successMsg h4 { color: #F6234B; }

.catering p { font-weight: normal; }
span.itemCount { float: right; width: 30px; text-align: center; line-height: 24px; color: #deb408; font-size: 15px; font-weight: bold; }

div.loginBox { display: block; margin: 0 0 18px 0; }

ul.cartList { margin: 0 0 18px 0; }
    ul.cartList li { list-style: none; }
        ul.cartList li span.qty { width: 24px; text-align: right; padding-right: 10px; float: left; }
        ul.cartList li span.item { width: 152px; float: left; }

/* LOGIN */
form, input.textbox { font-family: Arial, Helvetica Neue, sans-serif; font-weight: bold; color: #666666; }
input.textbox { float: left; padding: 4px 4px 3px 4px; margin: 0 3px 0 0; font-size: 13px; }
input.textbox:focus { border-color: #666666; }
input.inputPostal { width: 200px; }
input.inputEmail { width: 200px; }
input.inputPswd { width: 120px; }

/* CART TABLE */
table.cart { border: 0; margin: 0 0 18px 0; }
    table.cart th { font-weight: normal; border: 0; border-bottom: solid #deb408 1px; padding: 9px 0; }
    table.cart th.money { text-align: right; }
    table.cart td { background: none; border: 0; padding: 18px 0 0 0; vertical-align: middle; font-weight: normal; }
    table.cart td.item { width: 415px; }
    table.cart td.each { width: 55px; }
    table.cart td.qty { width: 75px; }
    table.cart td.link { text-align: right; font-weight: bold; }
        table.cart td.qty input[type=text] { width: 23px; color: #666666; line-height: 18px; }
    table.cart td.money { width: 95px; color: #deb408; font-weight: bold; text-align: right; }
        table.cart td.money a { float: right; }
    table.cart tr.total td.money, table.cart tr.total td.qty { font-size: 24px; font-weight: normal; color: #656569; padding: 36px 0 0 0; }
    table.cart tr.buttons td { padding: 36px 0 0 0; }
   
/* CHECKOUT */

div#deliverytime-checkout {padding-top:18px;} 

/* FORM TABLE */
table.form { border: 0; margin: 0 0 18px 0; }
    table.form th { width: 213px; font-weight: normal; border: 0; padding: 11px 0 0 0; vertical-align: top; }
        table.form th label { margin: 0; }
    table.form td { background: none; border: 0; padding: 11px 0 0 0; vertical-align: top; }
        table.form td input { width: 200px; }
        table.form td input.textboxSm { width: 40px; }
        
/* TRANSACTION TABLE */
table.transaction { border: 0; margin: 0 0 18px 0; }
    table.transaction th { border: 0; background: none; }
    table.transaction td { border: 0; background: none; }

div.hr { display: block; clear: both; border-bottom: solid #cccccc 1px; height: 17px; margin: 0 0 18px 0; }
p.error { color: #deb408; background: none; padding: 0; font-weight: normal; clear: both; }
p.status { display: block; clear: both; font-weight: normal; color: #deb408; }
#ajaxNotice {display:none;}
span.totalItems {font-weight:bold;}

/* ##################################################################### */

/* FOOTER */
#footer { }
    #footerTop { background: #666666; display: block; height: 144px; }
        #footerTop div.actionButton { float: left; padding-top: 43px; }
        #footerTop p { color: #ffffff; font-size: 13px; margin-top: 27px; line-height: 18px; }
            #footerTop p span#tel { font-size: 22px; }
            #footerTop p a { color: #ffffff; font-weight: bold; }
            #footerTop p a:hover { color: #C2C3C5; }
    #footerBottom { background: #C2C3C5; display: block; height: 144px; }
        #footerBottom ul { margin-top: 18px; color:#ffffff; font-size:13px; top:5px;}
            #footerBottom li a, #footerBottom p a { color: #ffffff; font-size:13px; top:5px; font-weight: normal; }
            #footerBottom li a:hover, #footerBottom p a:hover { color: #666666; }
        #footerBottom .addThis { display: block; clear: both; width: 300px; margin: 60px 0 0 0; }
        #footerBottom .addThis h4 { display: block; top: 0; float: left; line-height: 18px; font-size: 13px; color: #ffffff; padding-right: 6px; }
        #credit a { display: inline; color: #999999; }

/* EVENTS */
.eventsFooterBox { background-color: #deb408; color: #ffffff; width: 300px; padding: 10px 20px; position: relative; margin: -14px 0 0 0; }
.eventsFooterBox h3 { font-size: 13px; margin: 0; line-height: 18px; top: 0; color: #ffffff; }
.eventsFooterBox h4 { font-size: 13px; margin: 0; line-height: 18px; top: 0; color: #ffffff; font-weight: bold; }
.eventsFooterBox h4 a { color: #000000; }
.eventsFooterBox h4 a:hover { color: #666666; }

/* SOCIAL */
.social { background-color: #999999; color: #ffffff; width: 300px; margin-top: 1px; padding: 10px 20px; }
#footerTop .social p { margin: 0; top: 0; padding: 0; }


/* ##################################################################### */

/* ACTION BUTTONS */
#buildYourCake { display: block; width: 200px; height: 60px; background: url('../images/page-elements.png?v=2') -250px 0 no-repeat; text-indent: -6000px; overflow: hidden; }
    #buildYourCake:hover { background-position: -250px -80px; }
#meetYourMake { display: block; width: 200px; height: 60px; background: url('../images/page-elements.png?v=2') -500px 0 no-repeat; text-indent: -6000px; overflow: hidden; }
    #meetYourMake:hover { background-position: -500px -80px; }
#gourmetMeals { display: block; width: 207px; height: 45px; background: url('../images/page-elements.png?v=2') 0 -150px no-repeat; text-indent: -6000px; overflow: hidden; }
    #gourmetMeals:hover { background-position: 0 -200px; }
#twitter { display: block; width: 98px; height: 22px; background: url('../images/page-elements.png?v=2') -750px -0 no-repeat; text-indent: -6000px; overflow: hidden; }
    #twitter:hover { background-position: -750px -30px; }
#facebook { display: block; width: 100px; height: 21px; background: url('../images/page-elements.png?v=2') -750px -80px no-repeat; text-indent: -6000px; overflow: hidden; }
    #facebook:hover { background-position: -750px -110px; }
#blog { display: block; width: 44px; height: 27px; background: url('../images/page-elements.png?v=2') -900px -80px no-repeat; text-indent: -6000px; overflow: hidden; }
    #blog:hover { background-position: -900px -110px; }
.mapp-poweredby { display: none; }

.btn { display: block; float: right; }
.btnSprite { display: block; background: transparent url('../images/page-elements.png?v=2') 0 0 no-repeat; height: 25px; border: 0; text-indent: -6000px; overflow: hidden; cursor: pointer; color: transparent; text-transform: capitalize; float: left; }
a.btnSprite.btnAddItem { width: 22px; height: 22px; background-position: -250px -150px; }
a.btnSprite.btnAddItem:hover { background-position: -250px -175px;}
a.btnSprite.btnAddItem.disabled { background-position: -275px -150px; }
a.btnSprite.btnSubtractItem { width: 22px; height: 22px; background-position: -300px -150px; }
a.btnSprite.btnSubtractItem:hover { background-position: -300px -175px; }
a.btnSprite.btnSubtractItem.disabled { background-position: -325px -150px; cursor:default;}

a.btnSprite.btnCheckout { width: 81px; background-position: -500px -150px; margin-right: 1px; }
a.btnSprite.btnCheckout:hover { background-position: -500px -175px; }

input.btnSprite.btnConfirm { width: 76px; background-position: -500px -200px; float:right;}
input.btnSprite.btnConfirm:hover { background-position: -500px -225px; }

a.btnSprite.btnEditCart { width: 76px; background-position: -400px -150px; }
a.btnSprite.btnEditCart:hover { background-position: -400px -175px; }
a.btnSprite.btnCntOrd { width: 140px; background-position: -800px -150px; }
a.btnSprite.btnCntOrd:hover { background-position: -800px -175px; }
input.btnSprite.btnUpdate { width: 65px; background-position: -250px -200px; margin: 0; }
input.btnSprite.btnUpdate:hover { background-position: -250px -225px; }
button.btnSprite.btnRemove { width: 22px; height: 22px; background-position: -350px -150px; margin: -2px 10px 0 0; }
button.btnSprite.btnRemove:hover { background-position: -350px -175px; }
input.btnSprite.btnSubmit { width: 65px; background-position: -600px -150px; float: left; margin: 0; }
input.btnSprite.btnSubmit:hover { background-position: -600px -175px; }
input.btnSprite.btnLogin { width: 65px; background-position: -700px -150px; float: left; margin: 0; }
input.btnSprite.btnLogin:hover { background-position: -700px -175px; }
input.btnSprite.btnPlaceOrd { width: 96px; background-position: -350px -200px; }
input.btnSprite.btnPlaceOrd:hover { background-position: -350px -225px; }
input.btnSprite.btnSave { width: 49px; background-position: -450px -200px; }
input.btnSprite.btnSave:hover { background-position: -450px -225px; }
