body {
  margin-top:                  20px;
  text-align:                  center;
  background-color:            blue;
  background-color:            #F8F8F8;
  }

body, form, input, select, textarea, li, td, a {
  font-family:                 arial, helvetica, san serif;
  font-size:                   11px;
  color:                       #333333;
  }

img {
    border:none;
}
p.error {
  color:                       red;
  margin:                      0;
  }

h1 {
  background-color:            #CCEA7F;
  text-align:                  left;
  height:                      27px;
  margin:                      5px 0 0 0;
  padding:                     2px 0 0 10px;
  font-weight:                 normal;
  letter-spacing:              1px;
  color:                       #333333;
  font-size:21px;
 }

 #middle h1 {
     background:none;
     font-size:1.5em;
     padding:0;
     height:auto;
 }

h2 {
  font-size:                   10pt;
  font-weight:                 normal;
  padding-bottom:              0px;
  margin-bottom:               -15px;
  }

em {
  font-style:                  normal;
  font-weight:                 bold;
  }



#main {
  width:860px;
  top:                         20px;
  margin:                      0 auto;
  padding:                     2px 20px 0px 20px;
  border-style:                solid;
  border-width:                1px;
  border-color:                #BBBBBB;
  background-color:            white;
}

* html .caterers {display:block}
#inner {
  text-align:                  left;
  width: 860px;
  padding: 5px 0 0 0;
  border-top: 1px solid #BBB;
  clear:both;
  float:none;
  }



#top {
  text-align:                  right;
  height:                      70px;
  width: 860px;
  }

ul.error {
  margin:                      5px 0 5px 0;
  list-style:                  inside;
  list-style-image:            url( /images/red_dot.gif )
  }

li.error {
  color:                       red;
  }

a {
  color:                       #333333;
  }

a.cartBtn {
  color:                       #333333;
  text-decoration:             none;
  }

#logobox {
    margin: 15px 0 4px 5px;
    float: left;
}
#socialbox {
    float:right;
    margin:10px 0 3px 0;
    clear:right;
}
*:first-child+html #socialbox {
    margin:2px 0 0 0;
}
#socialsearch {
    margin:0;
position:relative;
z-index:100;
}

#promo {position:relative;
z-index:2;
height:205px;
width:860px;}

#socialsearch {
    clear:both;
    padding:2px 0 0 0;
    border-top:1px solid #ccc;
    width:100%
}
*:first-child+html #socialsearch {
    float:none;
    clear:both;
    height:1.2em;
}
*:first-child+html #inner {
    margin:27px 0 0 0;
}
#socialsearch form {
    float:left;
}
#socialsearch #addthis {
    float:right;
}

#socialsearch input[type=text] {
    border:1px solid #CCEA7F;
    padding:3px;
}
#facebook-youtube {
    float:left;
    margin:0 0 0 1em;
}

body.index table.index {
  border-collapse:collapse;
  width:860px;
}
body.index table td {
  vertical-align:top;
}
td.lhs {
  text-align:left;
  border:1px solid #bbb;
  width:180px;
}
td.home-cart-panel {
  width:658px;
  border:1px solid #bbb;
}
td.home-cart-panel table {
  width:658px;
  border-collapse:collapse;
}

/*table.promos_outer {
  float:left;
  border-style:                solid;
  border-width:                1px;
  border-color:                #bbbbbb;
  height:                840px;
  margin-left:             20px;
  width:658px;
  border-collapse:collapse;

}*/



table.promos_outer th {
    padding:0;
    margin:0;
}

table.promos_outer table td {
    width:188px;
    padding:5px;
    text-align:center;
    vertical-align:top;
}

table.promos_outer a {
    font-weight:bold;
    color:#693;
}

#topSearchForm {
  clear:                       both;
  }

#greenBar {
  background-color:            #CCEA7F;
  text-align:                  left;
  height:                      27px;
  margin:                      5px 0 0 0;
  padding:                     2px 0 0 10px;
  width: 850px;
  }

span.greenBarTitle {
  font-size:                   14pt;
  letter-spacing:              1px;
  color:                       #333333;
  text-decoration:             none;
  margin-top:                  1px;
  float: left;
  }

span.greenBarTitleSmall {
  margin:                      15px 0 15px 5px;
  font-size:                   10pt;
  color:                       #333333;
  }

a.greenBarTitle {
  color:                       #C2212F;
  text-decoration:             none;
  letter-spacing:              1px;
  }

a.navBar {
  color:                       #333333;
  text-decoration:             none;
  font-size:                   9px;
  letter-spacing:              1pt;
  margin:                      0 6px 0 6px;
  }

a.navBar:hover {
  letter-spacing:              1pt;
  color:                       #000000;
  }

#lhs {
  padding-bottom:          15px;
  text-align:                  left;
  width:                       180px;
  float:                       left;
}
body.index #lhs{
    border:1px solid #bbb;
    height:825px;
}
/*
#caterers {
  border:                      1px solid #D0D0D0;
  padding-bottom:    15px;
  text-align:                  left;
  float:                       left;
  }*/

#middle {
  }

.productTitle {
  font-size:                   12pt;
  letter-spacing:              1px;
  line-height:                 18px;
  margin-top:                  0px;
  }

#productContent {
  position:                    relative;
  float:                       right;
  text-align:                  left;
  width:                       630px;
  margin:                      10px 0 0 0;
  line-height:                 16px;

  }

.productContent {
    float:left;
    width:372px;
}

#bottomPageNav {
  float:                       right;
  margin:                      10px 10px 0 0;
  }

#rhs {
  width:                       250px;
  float:                       right;
  margin:                      10px 0 0 0;
  }

#bottomLinks {
  width:                       860px;
  clear:                       both;
  text-align:                  left;
  padding:                     10px 0 5px 0;
  }

#bottom {
  width:                       850px;
  clear:                       both;
  padding:                     5px;
  border-bottom:               10px solid #CCEA7F;
  }

#site_credits {
    color: #666;
    float: right;
    margin: 3px 0;
}
#site_credits a {
  color: #666;
  text-decoration: none;
}
#site_credits a:hover {
  text-decoration: underline;
}

#productPopUp {
  position:                    absolute;
  top:                         20px;
  left:                        40px;
  width:                       350px;
  height:                      350px;
  border:                      1px solid #D0D0D0;
  background-color:            white;
  visibility:                  hidden;
  z-index:                     3;
  }

#productPopUp2 {
  position:                    absolute;
  top:                         20px;
  left:                        40px;
  width:                       350px;
  height:                      350px;
  border:                      1px solid #D0D0D0;
  background-color:            white;
  visibility:                  hidden;
  z-index:                     3;
  }

#intro {
  margin-top:                  139px;
  margin-bottom:               300px;
  }


#features {
  margin:                      6px auto;
  }

div.gallery {
  width:                       200px;
  height:                      230px;
  border:                      1px solid #D0D0D0;
  clear:                       none;
  float:                       left;
  margin-right:                20px;
  }

div.feature {
  width:                       575px;
  height:                      230px;
  border:                      1px solid #D0D0D0;
  clear:                       none;
  float:                       left;
  }

#rhs div.feature {
  width:                       243px;
  height:                      270px;
}

h4 {
  background-color:            #CCEA7F;
  display:                     block;
  font-size:                   18px;
  height:                      18px;
  text-align:                  left;
  padding:                     4px 0 4px 5px;
  letter-spacing:              1px;
  margin:                      10px 0 0 0;
  font-weight:                 normal;
  clear:both;
  float:none
  }

div.featBody {
  margin:                     0px;
  padding:                    10px;
  text-align:                 left !important;
  line-height:                16px;
     clear:                      none;
  }


div.featHead {
  background-color:           #CCEA7F;
  height:                     18px;
  text-align:                 left;
  padding:                    4px 0 0 5px;
  letter-spacing:             1px;
  }

/*
div.featBody {
  padding:                    10px;
  text-align:                 left;
  clear:                      left;
  line-height:                12pt;
  }
*/

img.featImage {
  border:                     1px solid #CCEA7F;
  float:                      left;
  margin-right:               7px;
}

img.promoImage {
  border:                     1px solid #CCEA7F;
  /*float:                      left;*/
}

ul.category a {
  text-decoration:             none;
  color:                       #333333;
  font-size:                   8pt;
  display:block;
  padding:1px 5px 0 5px;
}

* html ul.category a {padding:0px 5px}

ul.category li a:hover,
ul.category li.on {
    background:#ccea7f;
}

ul.category {
  margin:                      10px 0 0 0;
  padding:                     0;
  }

ul.category li {
  list-style:                  none;
  padding:                     0;
  margin:                      0;
  width:                       170px;
  }

hr {
  height:                      0px;
  color:                       #BBBBBB;
  }

p.blockquote {
  text-align:                  center;
  margin:                      10px 0 10px 0;
  }

input, textarea, select, option {
  color:                       #333333;
  border-width:                1px;
  color:                       #333333;
  border-color:                #666666;
  }

input.button {
  background-color:            #F0F0F0;
  color:                       #333333;
  border-color:                #666666;
  }

a.productCell {
  text-decoration:             none;
  color:                       #333333;
  margin:                      0 0 0 5px;
  line-height:                 12px;
  }

div.productCell {
  position:                    relative;
  float:                       left;
  width:                       120px;
  height:                      120px;
  border:                      1px solid #FFFFFF;
  font-size:                   10px;
  margin:                      0 0 2px 2px;
  text-align:                  center;
  }
* html div.productCell {
    margin:0 0 2px 0;
}
div.productCell:hover,
div.productCell.over {
  border:                      1px solid #CCEA7F;
}

div.photoCell {
  position:                    relative;
  float:                       left;
  width:                       50px;
  height:                      50px;
  border:                      1px solid #FFFFFF;
  margin:                      0 0 2px 2px;
  text-align:                  center;
  }

img.product_cell {
  position:                    absolute;
  width:                       118px;
  height:                      98px;
  top:                         0px;
  left:                        0px;
  border:                      none;
  }

table.product_cell {
  position:                    absolute;
  width:                       118px;
  height:                      30px;
  top:                         90px;
  left:                        0px;
  }

td.product_cell {
  vertical-align:              center;
  }

.red {
  color:                       #C2212F;
  }

a.pager {
  font-size:                   7pt;
  text-decoration:             none;
  color:                       #333333;
  margin:                      0;
  display:block;
  padding:0 4px;
  width:1em;
  background:#CCEA7F;

}
a.pager:hover {background:rgb(194, 33, 47)}

div.pager {
  width:                       11px;
  height:                      8px;
  text-align:                  center;
  float:                       left;
  margin:                      0 2px 0 0;
  padding:                     2px;
  border:                      1px solid silver;
  }

img.s_product {
  border:                      1px solid #FFFFFF;
  margin:                      0;
  top:                         0px;
  left:                        0px;
  }

a.s_product {
  border:                      1px solid #fff;
  display:                     block;
}

a.s_product:hover {
  border:                      1px solid #CCEA7F;
  display:                     block;
}

img.m_product {
  position:                    absolute;
  border:                      1px solid #FFFFFF;
  }

img.largerView {
  position:                    absolute;
  border:                      0px;
  top:                         240px;
  left:                        171px;
  }

.formTitle {
  font-weight:                 bold;
  }

a.productLink {
  text-decoration:             none;
  color:                       #333333;
  border-bottom:               1px solid #E5F4D5;
  }

.formToggle {
  color:                       #333333;
  }

label {
  width:                       100px;
  display:                     block;
  float:                       left;
  }
#form_eventForm label {
  width:                       100%;
}

input.textInput {
  margin-bottom:               4px;
  width:                       200px;
  }

div#caterer_frame {
    width: 860px;
    margin-top: 20px;
    padding-bottom: 15px;
}
* html div#caterer_frame {margin-right:-60px;margin-left:-18px}
/* html div#caterers {border-bottom:2px solid blue}
* html div#scroll_wrapper {border-bottom:2px solid green}
*/
div#caterers {
  border: 1px solid #D0D0D0;
  clear: none;
  float: left;
  margin-right: 20px;
  width: 858px;
  margin-bottom:10px;
}


div#scroll_wrapper {
    margin-top: 20px;
    padding-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

div#scroll_box {position:relative}
div#scroll_frame {
    width:800px;
    border:none;
    overflow:hidden;
    position:relative;
    height:100px;
    margin:0 5px;
}

div#scrollobj {
    position:absolute;
    left:0;
    width:1460px;
}
p#scrollLeft {
    position:absolute;
    left:-18px;
    top:30px;
}
* html p#scrollLeft {
    left:-24px}
p#scrollRight {
    position:absolute;
    right:-19px;
    top:30px;
}
* html p#scrollRight {right:1px}

div.gallery h4,
div.feature h4,
table.promos_outer h4 {margin:0}

* html table.promos_outer h4 {width:640px;margin:0}
* html table.promos_outer table {width:640px;height:713px;border:1px solid #fff}
* html table.promos_outer {height:726px}

/* catches IE 7 & 8: */
table.promos_outer td {
    border-right /*\**/:1px solid #bbb\9;
}
/* resets for IE 7 only: */
*:first-child+html table.promos_outer td {
    border-right:none;
}

table.promos_outer table td {
    border-right:none;
}


a#get_quote,
a.get_quote {
    display:block;
    width:150px;
    height:27px;
    padding:0px;
    background:url(images/get-a-quote.png) top left no-repeat;
    text-indent:-9999px;
    margin:20px 0;
}
a#get_quote:hover,
a.get_quote:hover {background-position:bottom left}

a#comments {
    display:block;
    width:150px;
    height:27px;
    padding:0px;
    background:url(images/comments.png) top left no-repeat;
    text-indent:-9999px;
    margin:20px 0;
}
a#comments:hover {background-position:bottom left}

img.caterer_logo {border:1px solid #CCEA7F;padding:8px}

#hours-of-operation p {
  margin-bottom: 0;
}
#hours-of-operation td {
  padding-right: 1em;
}
body.index #inner table td {
  vertical-align: middle;
}
.box {
    border: 1px solid #DDD;
    padding: 1em;
}
.box h2 {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 1em 0;
}
.box td,
.box th {
    padding-bottom: 0.5em;
}
.box th {
    font-weight: normal;
    padding-right: 0.5em;
    text-align: left;
}
.checkout {
    background-color: #CCEA7F;
}
.hidden {
    display: none;
}