body {font-family: "Trebuchet MS"; font-size: 1px; margin: 0; background: url(../images/bg_body.gif);}


/*->main-------------------------------------------------------------------------------------------------------------------------*/
#container, #top {width: 1000px; margin: 0 auto;}
#footer, #content {padding: 30px;}
#header, #top_menu, #content, #contentb, .internal, .index {width: 100%; float: left;}
#top, #content, #footer { font-size: 12px;} /*--- or .left and right without content ---*/

#header a img, #container a img {border: none;}
.fs38 { font-size: 38px;}
.red {color: #ac0000;}
/*<-main-------------------------------------------------------------------------------------------------------------------------*/


/*->header-----------------------------------------------------------------------------------------------------------------------*/
#header {height: 150px; background: #000; color: #eaeaea;}
#header a {text-decoration: none; color: #103163;}
#header a:hover {color: #383838;}


   /*->top-----------------------------------------------------------------------------------------------------------------------*/
   #top { background: url(../images/bg_top.gif) repeat-x left 2px #000; margin-top: 4px; border-top: 1px solid #48494b; height: 143px;}


      /*->top menu---------------------------------------------------------------------------------------------------------------*/
	  #top_menu {border-top: 1px solid #a4a4a4; padding-top: 1px; background: url(../images/bg_menu.gif) repeat-x left 1px;}
	  #top_menu ul {float: left; list-style-type: none; margin: 0; padding: 0;}
	  #top_menu li {float: left;  border-left: 1px solid #c2c2c2; border-right: 1px solid #fff;}
	  #top_menu li.first {border-left: none;}
	  #top_menu li.last {border-right: none;}
	  #top_menu li a { font-size: 18px; padding: 5px 17px; float: left;}
	  /*<-top menu---------------------------------------------------------------------------------------------------------------*/


	  /*->logo-------------------------------------------------------------------------------------------------------------------*/
	  .logo {float: left; padding: 5px 15px; height: 98px;}
	  .cust_counter {font-size: 22px; float: right; text-align: center; padding: 20px 15px 12px;}
	  /*<-logo-------------------------------------------------------------------------------------------------------------------*/
   /*<-top-----------------------------------------------------------------------------------------------------------------------*/
/*<-header-----------------------------------------------------------------------------------------------------------------------*/


/*->container--------------------------------------------------------------------------------------------------------------------*/
#container, .grey {color: #434343;}
#container a {text-decoration: none; color: #2d5185;}
#container a:hover {text-decoration: underline;}

#container h1, #container h2, #container h3 {color: #01327d; text-transform: uppercase; font-weight: normal; margin: 0;line-height: 1;}
#container h1 {font-size: 28px; margin-bottom: 7px;}
#container h2 {font-size: 22px;}
#container h3 {font-size: 15px;}
#container p {margin: 0 0 20px; line-height: 1.2;}

   /*->content-------------------------------------------------------------------------------------------------------------------*/
   #content { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; width: 938px;  line-height: 1.2;}
   .index #content {background: url(../images/index_collage_r.jpg) no-repeat right top;}
   .internal #content {background: url(../images/internal_collage.jpg) no-repeat 700px top;}
   #contentb {background: url(../images/bg_container.gif) no-repeat left bottom; height: 11px;}
   #content ul {margin: 0 0 20px; padding: 0 0 0 15px; line-height: 1.2;}
   
   .index { background: url(../images/bg_content.gif) repeat-x left top #fff;}
   .internal { background: #fff; background: url(../images/bg_content_in.gif) repeat-x left top #fff; }
   
   .flashbox {background: url(../images/bg_flash.jpg) no-repeat left top; width: 405px; padding-top: 0px; overflow: hidden;}
   #startnow {overflow: hidden;}
   #container .list .subtitle {font-weight: bold; text-transform: none; color: #01327d; font-size: 13px; cursor: auto;}
   #container .list .zoom:hover {text-decoration: none;}
   
      /*->left-------------------------------------------------------------------------------------------------------------------*/
	  .left {width: 650px;}
	  #container a.order { background: url(../images/ordering.jpg) no-repeat  left top; float: left; width: 155px; height: 115px; padding: 110px 5px 0 85px; margin: -15px 30px 15px 0; line-height: 1; color: #434343;}
	  #container a.order:hover {text-decoration: none;}
	  
	  .btn {cursor: pointer; height: 40px; float: left; border: none;}
	  .send { background: url(../images/btns/send.gif) no-repeat left top; width: 95px;}
	  /*<-left-------------------------------------------------------------------------------------------------------------------*/
	  
	  
	  /*->right------------------------------------------------------------------------------------------------------------------*/
	  .right {width: 264px; float: right;  background: url(../images/bg_rb.gif) no-repeat right bottom; margin-bottom: 10px;}
	  .right_top {background: url(../images/bg_right.gif) no-repeat right top; padding: 15px 15px 0;}
	  #container .right_top h2, #container .right_top h3 {color: #3b5d90;}
	  .cust {background: url(../images/bg_rbm.jpg) no-repeat right bottom; padding-bottom: 110px; margin-bottom: 0;}
	  .right li {color: #2d5185;}
	  /*<-right------------------------------------------------------------------------------------------------------------------*/
	  
	  
	  /*->list-------------------------------------------------------------------------------------------------------------------*/
	  .list { background: url(../images/bg_list.gif) repeat-y left 5px; width: 650px; vertical-align: top;}
	  .list .tbg { height: 10px; background: url(../images/bg_listtop.gif) no-repeat left top;}
	  .list .bbg { height: 10px; background: url(../images/bg_listbottom.gif) no-repeat left bottom;}
	  .list td {height: 28px; border: 0; padding-left: 20px;}
	  .list .none { font-size: 12px; font-weight: normal; height: auto;}
	  .list .side {width: 5px; padding: 0; float: top;}
	  .list .tg {background: #efefee;}
	  #container .list span {cursor: pointer; margin: 0; }
	  .list .theader {color: #103163; font-size: 15px; font-weight: bold; background: url(../images/bg_theader.gif) repeat-x left top; height: 35px;} 
	  .tip { background: #fff; border: 1px solid #434343; display: none; position: absolute; padding: 5px 10px; margin: 0 50px; max-width: 400px; color: #01327d;}
	  .zoom span {background: url(../images/icon_zoom.png) no-repeat left top; padding-left: 15px; color: #434343;}
	  /*<-list-------------------------------------------------------------------------------------------------------------------*/
	  
	  
	  /*->total------------------------------------------------------------------------------------------------------------------*/
	  .total {width: 585px; margin: 20px 0;}
	  .total td {padding: 0; height: 16px;}
	  /*<-total------------------------------------------------------------------------------------------------------------------*/
   /*<-content-------------------------------------------------------------------------------------------------------------------*/


   /*->footer--------------------------------------------------------------------------------------------------------------------*/
   #footer {width: 938px; float: left;}
   #footer, #footer a {color: #919191;}
   /*<-footer--------------------------------------------------------------------------------------------------------------------*/
/*<-container--------------------------------------------------------------------------------------------------------------------*/






/* links */
.linklisting {
  margin: 15px 15px 20px 20px;
}
.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  overflow: hidden;
  width: 50%;
  margin: 2px 0px;
}
.linklisting h4.linktitle a {
  padding-bottom: 0px;
}
.linklisting p.linkurl a {
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkrating {
  font-size: 9px;
}
.linklisting p.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}
.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 0px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .linklisting .linkdescription, * html .review .reviewcontent {

}
.linklisting p.linkactions {
  margin: 0px;
}
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}

/* reviews */
.review h4.reviewsubject {
  margin: 10px 0px 0px 0px;
}
.review h5.reviewbyline {
  margin: 0px;
  font-weight: normal;
}
.review p.reviewer {
  margin: 0px 0px 2px 0px;
}
.review .reviewhelpful span {
  float: left;
  font-size: 9px;
}
.review .reviewhelpful form span {
  float: right;
}
.review .reviewhelpful input {
  padding: 0px 3px;
  border: 1px solid #bbbfa1;
  background: #ffffff;
  font-size: 9px;
}
/* .review p.reviewcontent => see .linklisting p.linkdescription */

/* link/bookmark status icons */
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
  background: transparent url(http://www.restaurantimage.com/coupons/images/button-left.gif) top left no-repeat;
  font-weight: normal;
  font-size: 9px;
  color: #ffffff;
  vertical-align: text-top;
}
.new-item {
  background-color: #8c3030;
}
.updated-item {
  background-color: #c5a600;
}
.popular-item {
  background-color: #314fb1;
}
.unpaid-item {
  background-color: #555555;
}
.expired-item {
  background-color: #92589c;
}
.free-item {
  background-color: #a7a87c;
}
.bookmark-public {
  background-color: #cc6613;
}
.bookmark-default {
  background-color: #7fb131;
}
.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
  padding: 0px 3px;
  background: transparent url(http://www.restaurantimage.com/coupons/images/button-right.gif) top right no-repeat;
}

/* paging */
.paging {
  text-align: right;
}
.paging img, .paging select, .paging input {
  vertical-align: middle;
}

.crumb {
  font-size: 9px;
}








