@import url('zero.css');
@import url('boxy.css');
@import url('jquery.autocomplete.css');

v\:* { behavior:url(#default#VML); }

body { background: #B9E5FB; }

body, table { font: 12px/1.4 Helvetica, Arial, sans-serif; color: black }

img { border: 0; }

h1 { color: #009EF1; font-size: 170%; font-weight: bold; border-bottom: 1px solid #009EF1; margin-bottom: 15px; }
h2 { font-weight: bold; font-size: 130%; margin: 1em 0 0.4em 0; }
h3 { font-weight: bold; font-size: 120%; margin: 1em 0 0.4em 0; }
  h3 a { font-size: 90%; font-weight: normal !important }
h4 { font-weight: bold; font-size: 100%; margin: 0.3em 0 0.1em 0 }

p { margin: 0.3em 0 0.7em 0; }

a { text-decoration: none; color: #C6001E; }
  a:hover { text-decoration: underline; }
    
small { font-size: 90%; }
strong { color: #C6001E; font-weight: bold; }
    
table {  }
  td, th { padding: 0.3em; vertical-align: middle; }
  th { }
  td { }
  
ul, ol { margin: 0.7em 2em 0.7em 2em; padding: 0; }
  li { display: list-item; margin: 0 0 0.2em 0; padding: 0; }
  ul li { list-style-type: disc; }
  ol li { list-style-type: decimal; }

/* Forms */

form {}

label {}
  label .required { font-weight: bold; color: #C6001E;; }

input { font-size: 11px }
  input.hint { color: #a0a0a0 }
  input.text { }
  input.borderless { border: 0; padding: 0.2em; }

.buttons { margin-top: 1em; text-align: right; line-height: 1 }
  .buttons * { vertical-align: middle }
.image-button { vertical-align: middle; }

.tabular-form { }
  .tabular-form td,
  .tabular-form th { padding: 0.3em; vertical-align: top; }
  .tabular-form th { padding-top: 0.4em }
  
/* Helpers */

.first { margin-top: 0 !important }

.numeric { text-align: right; }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

div.hr { margin: 1.5em 0; height: 1px; background-color: #ABE5FC;  }
  div.hr hr { display: none; }
  
.business-name { font-size: 110%; }

div.empty { background: url(../images/nav-red-repeat.gif) repeat-x top right; padding: 0 13px; line-height: 30px; color: white; }

/* Expanders */

h2.expander { margin-top: 1em; padding: 0 0 0 104px; background: url(../images/btn-click-to-close-blue.gif) no-repeat left center; cursor: pointer; cursor: hand; font-size: 14px; line-height: 30px }
  h2.closed { background-image: url(../images/btn-click-to-open-blue.gif) } 
.expandable { margin: 0; padding: 0 }
  
/* Flashes */

.flash { margin: 1em 0; padding: 1em; border-width: 1px; border-style: solid; font-size: 90%; }
	.flash.error { color: #b10000; border-color: #b10000; background: #ffdddd; }
		.flash.error a { color: #b10000; }
	.flash.success { color: #007800; border-color: #007800; background-color: #ddffdd; }
	.flash.warning { color: #b15500; border-color: #b15500; background-color: #ffdd99; }
		.flash.warning a { color: #b15500; font-weight: bold; }

/* Page bar */

.pagebar, .pagination { background: url(../images/nav-repeat.gif) repeat-x center; padding: 0.7em; color: white; margin: 0.7em 0; font-size: 90%; font-weight: bold; text-align: right }
  .pagebar a, .pagination a { color: white !important;  font-weight: normal }
  .pagebar a.current-page, .pagination .current { font-weight: bold }
    
/* Blue boxes */

.alt-box { background-color: #CCEFFC; padding: 1.5em; color: #605244; }
  .alt-box table { color: #605244; }
  .alt-box a { color: #605244; font-weight: bold; }
  .alt-box h2 { border-bottom: 1px solid #B8E9FD; }
    .alt-box h2 a { color: #DB2527; font-size: 80%; }
    .alt-box h2 span, .alt-box h2 span a { color: #DB2527; font-size: 80%; margin-left: 10px; }
    .alt-box h2 span.small { color: #605244; }
  .alt-box strong { color: #605244; }
  
	/* Alt box rounded corners */
	
	.alt-box-rounded { padding: 0; }
	.alt-box-rounded .nw { background: url(../images/alt-box-nw.gif) no-repeat top left; }
	.alt-box-rounded .ne { background: url(../images/alt-box-ne.gif) no-repeat top right; }
	.alt-box-rounded .sw { background: url(../images/alt-box-sw.gif) no-repeat bottom left; }
	.alt-box-rounded .se { background: url(../images/alt-box-se.gif) no-repeat bottom right; }
	.alt-box-rounded .inner { padding: 1.5em; height: 1% }
	.alt-box-rounded .square { background: none; }
	
/* Sectioned boxes */

.sectioned { border: 1px solid #00B7F4; color: #605244; margin-bottom: 10px; }
  .sectioned h2 { color: #209AEB; font-size: 14px; font-weight: normal; padding: 0.3em 10px; border-top: 1px solid #00B7F4; border-bottom: 1px solid #00B7F4; margin: 0 0 10px 0 }
  .sectioned h2.first { border-top: none }
  .sectioned .section { padding: 0 10px; }
  .sectioned .buttons { padding: 10px; border-top: 1px solid #00B7F4; }
  
/* Star Bars */

.rating-bar { cursor: pointer; cursor: hand; display: block; visibility: hidden }
	.rating-bar-tiny  { width: 60px; height: 15px; background-image: url(../images/rating-bars/white-sm.gif); }
	.rating-bar-small { width: 92px; height: 23px; background-image: url(../images/rating-bars/white-md.gif); }
	.rating-bar-large { width: 120px; height: 30px; background-image: url(../images/rating-bars/white-lg.gif); }
	.rating-bar-tiny-no-rating { width: 60px; height: 15px; }
	.rating-bar-small-no-rating { width: 92px; height: 23px; }
	.rating-bar-large-no-rating { width: 120px; height: 31px; }

	.box-blue .rating-bar-tiny,
  .alt-box .rating-bar-tiny,
  .two-tone-blue .rating-bar-tiny,
  .two-tone-red .rating-bar-tiny,
  .odd .rating-bar-tiny { background-image: url(../images/rating-bars/blue-sm.gif); }
  
	.box-blue .rating-bar-small,
  .alt-box .rating-bar-small,
  .two-tone-blue .rating-bar-small,
  .two-tone-red .rating-bar-small,
  .odd .rating-bar-small { background-image: url(../images/rating-bars/blue-md.gif); }
  
	.box-blue .rating-bar-large,
  .alt-box .rating-bar-large,
  .two-tone-blue .rating-bar-large,
  .two-tone-red .rating-bar-large,
  .odd .rating-bar-large { background-image: url(../images/rating-bars/blue-lg.gif); }
  
  .box-red .rating-bar-small { background-image: url(../images/rating-bars/red-md.gif); }
  
	.two-tone-blue-white-inner .rating-bar-tiny, .even .rating-bar-tiny  { background-image: url(../images/rating-bars/white-sm.gif) !important; }
	.two-tone-blue-white-inner .rating-bar-small, .even .rating-bar-small { background-image: url(../images/rating-bars/white-md.gif) !important; }
	.two-tone-blue-white-inner .rating-bar-large, .even .rating-bar-large { background-image: url(../images/rating-bars/white-lg.gif) !important; }


.tabs { border-bottom: 1px solid #B5E7FE }

ul.nav { height: 46px; margin: 0; padding: 0; position: relative }
  .nav li { float: left; background-repeat: no-repeat; background-position: top right; display: block; list-style: none; margin: 0; padding: 0; }
    .nav span { display: block; background-repeat: no-repeat; background-position: top left; }
      .nav a { background-repeat: repeat-x; background-position: bottom; color: white; line-height: 1; font-size: 12px; padding: 25px 10px 9px 10px; display: block; }
  
  /* width on this container is a hack; parent is floated so without explicity height it'll wrap once it hits parent's width */
  ul.nav ul { position: absolute; top: 46px; left: 0; margin: 0; padding: 0; width: 650px }
    ul.nav ul li { float: left; list-style: none; display: block; margin: 0; padding: 0; background: none !important }
    ul.nav ul a { display: block; font-size: 90%; padding: 0.5em 1em; background: #87d8fa !important; color: #605244 }
      ul.nav ul li.selected a { color: white }
      
      
  .nav .blue a { background-image: url(../images/nav-blue-repeat.gif); }
  .nav .green a { background-image: url(../images/nav-green-repeat.gif); }
  .nav .red a { background-image: url(../images/nav-red-repeat.gif); }
  .nav .orange a { background-image: url(../images/nav-orange-repeat.gif); }
  
  .nav .selected-blue { background-image: url(../images/nav-blue-tab-right.gif); }
    .nav .selected-blue span { background-image: url(../images/nav-blue-tab-left.gif); }
  .nav .selected-green { background-image: url(../images/nav-green-tab-right.gif); }
    .nav .selected-green span { background-image: url(../images/nav-green-tab-left.gif); }
  .nav .selected-red { background-image: url(../images/nav-red-tab-right.gif); }
    .nav .selected-red span { background-image: url(../images/nav-red-tab-left.gif); }
  .nav .selected-orange { background-image: url(../images/nav-orange-tab-right.gif); }
    .nav .selected-orange span { background-image: url(../images/nav-orange-tab-left.gif); }

.box { background-position: bottom right; background-repeat: no-repeat; }
  .box .inner { background-position: bottom left; background-repeat: no-repeat; padding: 10px; position: relative; }
  .box a.anchored { position: absolute; left: 10px; bottom: 8px; font-size: 10px; color: black; font-weight: bold; }
  h2.tabbed { height: 40px; background-position: top right; background-repeat: no-repeat; margin: 0; padding: 0; color: white; font-size: 14px; font-weight: bold; line-height: 1.2em; overflow: hidden; display: table; width: 100%; }
    h2.tabbed .header-wrapper { display: table-cell; height: 40px; background-position: top left; background-repeat: no-repeat; padding: 0 13px; vertical-align: middle; }
  .box .hr { margin: 0.7em 0; background-color: #DA2128 }
  
.account-list { background-color: #CCEFFC !important; background-image: url(../images/fold-blue-right.gif) !important; }
	.account-list .inner { background-image: url(../images/fold-blue-left.gif) !important; padding-bottom: 20px !important !important; }

.box-blue { color: #605244; background-color: #CCEFFC; background-image: url(../images/fold-blue-right.gif); }
	.box-blue table { color: #605244; }
  h2.tabbed-blue { background-image: url(../images/tab-blue-right.gif); }
    h2.tabbed-blue .header-wrapper { background-image: url(../images/tab-blue-left.gif); }
  .box-blue .inner { background-image: url(../images/fold-blue-left.gif); }
  
.box-red { background-color: #FDD6C4; background-image: url(../images/fold-red-right.gif); }
  h2.tabbed-red { background-image: url(../images/tab-red-right.gif); }
    h2.tabbed-red .header-wrapper { background-image: url(../images/tab-red-left.gif); }
  .box-red .inner { background-image: url(../images/fold-red-left.gif); }
  
.box-green { background-color: #DFEAA6; background-image: url(../images/fold-green-right.gif); }
  h2.tabbed-green { background-image: url(../images/tab-green-right.gif); }
    h2.tabbed-green .header-wrapper { background-image: url(../images/tab-green-left.gif); }
  .box-green .inner { background-image: url(../images/fold-green-left.gif); }
  .box-green .hr { background-color: #EBF4C9; }

.box-grey { background-color: #EBEBEB; background-image: url(../images/fold-grey-right.gif); }
  h2.tabbed-grey { background-image: url(../images/tab-grey-right.gif); }
    h2.tabbed-grey .header-wrapper { background-image: url(../images/tab-grey-left.gif); }
  .box-grey .inner { background-image: url(../images/fold-grey-left.gif); }

.box-orange { background-color: #EBEBEB; background-image: url(../images/fold-orange-right.gif); }
  h2.tabbed-orange { background-image: url(../images/tab-orange-right.gif); }
    h2.tabbed-orange .header-wrapper { background-image: url(../images/tab-orange-left.gif); }
  .box-orange .inner { background-image: url(../images/fold-orange-left.gif); }

.heading-bar { height: 31px; margin: 0; padding: 0; }
  .heading-bar h2 { background-position: top right; background-repeat: no-repeat; float: left; margin: 0; padding: 0; height: 31px; }
    .heading-bar h2 .inner { display: block; background-position: top left; background-repeat: no-repeat; font-size: 11px; line-height: 1; height: 11px; padding: 10px; color: white }
  .heading-bar .legend { float: left; color: #615245; font-size: 11px; line-height: 1; height: 11px; padding: 10px 0; margin-left: 20px; }
  .heading-bar .action { float: right; font-size: 11px; line-height: 1; height: 11px; padding: 10px 0; }
  
.heading-bar-blue h2 { background-image: url(../images/tab-blue-small-right.gif); }
  .heading-bar-blue h2 .inner { background-image: url(../images/tab-blue-small-left.gif); }

.heading-bar-red h2 { background-image: url(../images/tab-red-small-right.gif); }
  .heading-bar-red h2 .inner { background-image: url(../images/tab-red-small-left.gif); }
  
.heading-bar-green h2 { background-image: url(../images/tab-green-small-right.gif); }
  .heading-bar-green h2 .inner { background-image: url(../images/tab-green-small-left.gif); }
  
.two-tone { background-position: bottom right; background-repeat: no-repeat; }
  .two-tone .o-sw { background-position: bottom left; background-repeat: no-repeat }
  .two-tone .o-ne { background-position: top right; background-repeat: no-repeat }
  .two-tone .o-nw { background-position: top left; background-repeat: no-repeat }
  .two-tone h2 { color: white; font-size: 13px; font-weight: bold; margin: 0; padding: 10px 10px 8px 16px; line-height: 1 }
  .two-tone .inner-wrapper { padding: 0 10px 10px 10px }
  .two-tone .i-nw { background-position: top left; background-repeat: no-repeat }
  .two-tone .i-ne { background-position: top right; background-repeat: no-repeat }
  .two-tone .i-se { background-position: bottom right; background-repeat: no-repeat}
  .two-tone .i-sw { background-position: bottom left; background-repeat: no-repeat }
  .two-tone .inner { padding: 10px; background: none; }
    .two-tone .inner h2 { font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 0.8em 0; color: black }
  .two-tone th { font-weight: bold }
  .two-tone .buttons { margin-top: 10px }
  .two-tone .hr { margin: 0.8em 0; }

	.alt-box .two-tone h2 { border-bottom: none; }

.two-tone-blue { background-color: #223062; background-image: url(../images/tt-blue-outer-se.gif); }
  .two-tone-blue .o-sw { background-image: url(../images/tt-blue-outer-sw.gif) }
  .two-tone-blue .o-ne { background-image: url(../images/tt-blue-outer-ne.gif) }
  .two-tone-blue .o-nw { background-image: url(../images/tt-blue-outer-nw.gif) }
  .two-tone-blue .i-nw { background-color: #DBF0FC; background-image: url(../images/tt-blue-inner-nw.gif) }
  .two-tone-blue .i-ne { background-image: url(../images/tt-blue-inner-ne.gif) }
  .two-tone-blue .i-se { background-image: url(../images/tt-blue-inner-se.gif) }
  .two-tone-blue .i-sw { background-image: url(../images/tt-blue-inner-sw.gif) }
  .two-tone-blue { color: #1b3065 }
    .two-tone-blue a { color: #1b3065 }
    .two-tone-blue th { color: #0092bc }
 
.alt-box  .two-tone-blue,
.box-blue .two-tone-blue{ background-image: url(../images/tt-blue-outer-se-blue.gif); }
	.alt-box  .two-tone-blue .o-sw,
	.box-blue .two-tone-blue .o-sw { background-image: url(../images/tt-blue-outer-sw-blue.gif) }
	.alt-box  .two-tone-blue .o-ne,
	.box-blue .two-tone-blue .o-ne { background-image: url(../images/tt-blue-outer-ne-blue.gif) }
	.alt-box  .two-tone-blue .o-nw,
	.box-blue .two-tone-blue .o-nw { background-image: url(../images/tt-blue-outer-nw-blue.gif) }
	
  .alt-box .two-tone-blue .i-nw { background-color: white; background-image: url(../images/tt-blue-white-inner-nw.gif) }
  .alt-box .two-tone-blue .i-ne { background-image: url(../images/tt-blue-white-inner-ne.gif) }
  .alt-box .two-tone-blue .i-se { background-image: url(../images/tt-blue-white-inner-se.gif) }
  .alt-box .two-tone-blue .i-sw { background-image: url(../images/tt-blue-white-inner-sw.gif) }

.two-tone-blue-white-inner .i-nw { background-color: white; background-image: url(../images/tt-blue-white-inner-nw.gif) }
  .two-tone-blue-white-inner .i-ne { background-image: url(../images/tt-blue-white-inner-ne.gif) }
  .two-tone-blue-white-inner .i-se { background-image: url(../images/tt-blue-white-inner-se.gif) }
  .two-tone-blue-white-inner .i-sw { background-image: url(../images/tt-blue-white-inner-sw.gif) }

.two-tone-red { background-color: #7D1017; background-image: url(../images/tt-red-outer-se.gif); }
  .two-tone-red .o-sw { background-image: url(../images/tt-red-outer-sw.gif) }
  .two-tone-red .o-ne { background-image: url(../images/tt-red-outer-ne.gif) }
  .two-tone-red .o-nw { background-image: url(../images/tt-red-outer-nw.gif) }
  .two-tone-red .i-nw { background-color: #DBF0FC; background-image: url(../images/tt-red-inner-nw.gif) }
  .two-tone-red .i-ne { background-image: url(../images/tt-red-inner-ne.gif) }
  .two-tone-red .i-se { background-image: url(../images/tt-red-inner-se.gif) }
  .two-tone-red .i-sw { background-image: url(../images/tt-red-inner-sw.gif) }
  .two-tone-red { color: #8f0011 }
    .two-tone-red a { color: #8f0011 }
    .two-tone-red th { color: #C4001A; }
    .two-tone .inner h2 { color: #7D1017 }
    
.alt-box .two-tone-red { background-image: url(../images/tt-red-outer-se-blue.gif); }
	.alt-box .two-tone-red .o-sw { background-image: url(../images/tt-red-outer-sw-blue.gif) }
	.alt-box .two-tone-red .o-ne { background-image: url(../images/tt-red-outer-ne-blue.gif) }
	.alt-box .two-tone-red .o-nw { background-image: url(../images/tt-red-outer-nw-blue.gif) }

.two-tone-red-white-inner .i-nw { background-color: white; background-image: url(../images/tt-red-white-inner-nw.gif) }
  .two-tone-red-white-inner .i-ne { background-image: url(../images/tt-red-white-inner-ne.gif) }
  .two-tone-red-white-inner .i-se { background-image: url(../images/tt-red-white-inner-se.gif) }
  .two-tone-red-white-inner .i-sw { background-image: url(../images/tt-red-white-inner-sw.gif) }
  .two-tone-red-white-inner .hr { background-color: #7D1017 }

.two-tone-orange { background-color: #F06E34; background-image: url(../images/tt-orange-outer-se.gif); }
  .two-tone-orange .o-sw { background-image: url(../images/tt-orange-outer-sw.gif) }
  .two-tone-orange .o-ne { background-image: url(../images/tt-orange-outer-ne.gif) }
  .two-tone-orange .o-nw { background-image: url(../images/tt-orange-outer-nw.gif) }
  .two-tone-orange .i-nw { background-color: white; background-image: url(../images/tt-orange-inner-nw.gif) }
  .two-tone-orange .i-ne { background-image: url(../images/tt-orange-inner-ne.gif) }
  .two-tone-orange .i-se { background-image: url(../images/tt-orange-inner-se.gif) }
  .two-tone-orange .i-sw { background-image: url(../images/tt-orange-inner-sw.gif) }
  .two-tone-orange { color: black }
    .two-tone-orange a { color: black }
    .two-tone-orange th { color: #FF7900; }
    .two-tone-orange .hr { background-color: #F6921F; }
    
/* Variant on normal boxes with expandable content regions and less padding */
.account-list { margin-bottom: 10px; }
  .account-list .expander { margin-right: 10px }
    .account-list .expander img { vertical-align: middle; }
  .account-list .inner { padding: 0 2px 22px 2px !important }
  .account-list table { width: 100%; font-size: 11px }
  .account-list th { background-color: white; color: black; font-weight: bold; vertical-align: bottom; color: #505050 }
  .account-list td { border-bottom: 1px solid white }
  .account-list td { color: black !important }
  .account-list a { color: black !important }
  .account-list img { vertical-align: middle }
  .account-list td.final { text-align: center; font-weight: bold; color: #50443A !important; font-size: 120% }
  
.account-list table.account-summary { margin: 0; padding: 0; font-size: 12px }
  .account-list table.account-summary th,
  .account-list table.account-summary td { border-bottom: 1px solid white; padding: 0.5em; color: #90393E; font-weight: bold; background: none; vertical-align: middle }
  .account-list table.account-summary th { text-align: left; }
  .account-list table.account-summary td { text-align: right }
  
/* User Status box (friends count, reviews count) */

.user-status { font-size: 11px }
  .user-status img { vertical-align: middle }
  
/* Friend Grid */

.friend-grid { }
  .friend-grid td { width: 33%; vertical-align: top; text-align: left }
  .friend-grid .user-photo { float: left; display: block; margin: 0 5px 5px 0 }
  .friend-grid .user-status { float: left; margin: 0 0 5px 5px }
  .friend-grid .user-meta { clear: left }
  
#container { width: 840px; margin: 10px auto 5px auto; background: white url(../images/container-top.gif) no-repeat top }
  #container-inner { background: url(../images/container-bottom.gif) no-repeat bottom }
  
  #header { padding: 10px; position: relative; height: 123px; }
    #header h1 { position: absolute; top: 10px; left: 10px; border: 0; margin: 0; padding: 0; }
      #header h1 a { display: block; text-indent: -5000px; width: 119px; height: 105px; background: url(../images/logo-main.gif); }

	  #quick-search { height: 41px; background: url(../images/hdr-bg-right.gif) no-repeat right; position: absolute; top: 10px; right: 10px }
        #quick-search .inner { background: url(../images/hdr-bg-left.gif) no-repeat left; height: 41px; padding: 0 15px }
        #quick-search td { vertical-align: middle; height: 41px; padding: 0; }
        #quick-search .divider { width: 33px; text-align: middle; background: url(../images/hdr-divider.gif) no-repeat center center }
        #quick-search #join-free { display: block; text-indent: -5000px; height: 32px; width: 131px; background: url(../images/hdr-join-pym-free.gif) no-repeat center center; }
        #quick-search form { color: white; font-size: 11px; }
          #quick-search form * { vertical-align: middle; }
          #quick-search form input.image { margin-left: 15px; }
          #quick-search form input.text { width: 100px }
          #quick-search form a { color: white; }
      
          #login, #logged-in { position: absolute; top: 60px; right: 10px; width: 169px; }     
		    #logged-in h2 { padding: 4px 5px 4px 12px; }
			#logged-in .inner { color: black; padding: 5px; margin: 0; }	
			#logged-in .inner a { color: #C6001E; }
			#logged-in .o-ne { background-image: url(../images/tt-blue-outer-ne-logged-in.gif) }
		  #logged-in .o-nw { background-image: url(../images/tt-blue-outer-nw-logged-in.gif) }
			
			#login { margin: 0; padding: 0; height: 83px; background: url(../images/box-bg-session.gif); }
			#login .inner { position: absolute; bottom: 10px; left: 15px; }
      #login input.image { position: absolute; right: 10px; bottom: 20px; }
      #login a { color: white; margin-right: 1em;  }
      #login input.text { width: 110px; display: block; margin-bottom: 3px }
    
  #nav-container { height: 46px; background: url(../images/nav-repeat.gif) repeat-x bottom; margin-bottom: 0 }
    .logged-in #nav-container { margin-bottom: 27px }
  
    #select-default-city { padding: 20px 15px 0 15px; float: left }
    #nav-container .nav { float: left; }
    #bid-win-enjoy { float: right; margin: 16px 30px 0 0; height: 30px; text-indent: -5000px; width: 107px; background: url(../images/nav-bid-win-enjoy.gif) no-repeat 0 6px; }
    
  #main { padding: 10px 20px 20px 20px; }
  
    #user-status { color: #615245; margin-bottom: 10px; font-size: 100%; }
      #user-status .inbox-count { color: #FF0022; }
    
  #footer { color: #2A2B2E; font-size: 90%; width: 820px; margin: 0 auto 10px auto; }
    #footer a { color: #2A2B2E; }
    
/* Page Specifics */

/* Home Page */

#home-page { }

  #home-page .column { float: left; }
  #home-page .one-of-three { width: 170px; }
  #home-page .two-of-three { width: 420px; margin-left: 20px; }
  #home-page .three-of-three { width: 170px; margin-left: 20px; }
  
  #home-page .one-of-three .box,
  #home-page .one-of-three .two-tone,
  #home-page .three-of-three .box { margin-bottom: 10px; }
  
  #home-page-search { }
    #home-page-search h3 { margin: 1em 0 0.3em 0; font-weight: normal; font-size: 100% }
    #home-page-search-query { background-color: white; padding: 0.1em;  margin-bottom: 5px } 
      #home-page-search-query input { display: block; width: 100%; padding: 0; border: 0; }
    #home-page-search select { font-size: 10px; display: block; margin-bottom: 0.3em; width: 97% }
    #home-page-search .buttons { text-align: left; margin: 0.5em 0 0 0 }
  
  #home-page-offer-of-the-day { }
    #home-page-offer-of-the-day .business-name { font-weight: bold }
    #home-page-offer-of-the-day .saving-badge { float: left; margin: 5px 0 0 0; color: white; font-weight: bold; background: url(../images/save-home.gif) no-repeat center center; width: 52px; height: 40px; text-align: center; font-size: 90%; line-height: 1.2; padding-top: 12px }
    #home-page-offer-of-the-day .bid-now { float: right; margin: 10px 0; }

  #home-page-ending-soon { margin: 10px 0; }
    #home-page-ending-soon table { width: 100%; margin-bottom: 15px }
    #home-page-ending-soon td { border-bottom: 1px solid white; padding: 5px 0 }
    #home-page-ending-soon a { color: black; }
    #home-page-ending-soon strong { color: #C4001E; font-weight: normal; font-size: 11px }
    #home-page-ending-soon .listing-title { font-size: 10px }
    #home-page-ending-soon .saving { }
      #home-page-ending-soon .saving div { background-color: #CE001B; color: white; padding: 3px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 10px; line-height: 1.3 }
      #home-page-ending-soon .saving .amount {  }
    #home-page-ending-soon .current-bid,
    #home-page-ending-soon .time-remaining { font-size: 80%; font-weight: bold; color: #0054B2; }
    #home-page-ending-soon .current-bid { width: 70px; }
    #home-page-ending-soon .time-remaining,
    #home-page-ending-soon .saving { padding-left: 10px }
    #home-page-ending-soon .time-remaining { width: 70px; }
    #home-page-ending-soon .bid-now { text-align: right; width: 32px; }
  
  #home-page-event-planner { display: block; text-indent: -5000px; height: 70px; background: url(../images/btn-home-page-event-planner.gif); margin: 10px 0; }
  #home-page-win-an-ipod { display: block; text-indent: -5000px; height: 71px; background: url(../images/btn-home-page-win-ipod.gif); margin-bottom: 10px; }
  
  #home-page-top-restaurants-to-book { }
    #home-page-top-restaurants-to-book ul { margin: 0 0 15px 0; padding: 0; }
    #home-page-top-restaurants-to-book li { display: block; list-style: none; margin: 0 0 0.25em 0; padding: 0 0 0.25em 0; border-bottom: 1px solid white }
    #home-page-top-restaurants-to-book a { display: block; color: black; background: url(../images/btn-book-green.gif) no-repeat right center; padding-right: 37px; }
    #home-page-top-restaurants-to-book .address { font-size: 90%; }
  
  #home-page-refer-a-friend { width: 170px; height: 40px; background: url(../images/btn-home-refer-a-friend.gif); text-indent: -5000px; display: block; margin-bottom: 10px; }
  #home-page-restaurant-signup { width: 170px; height: 40px; background: url(../images/btn-home-restaurant-signup.gif); text-indent: -5000px; display: block; margin-bottom: 10px; }

  #home-page-featured-offers .box { width: 130px; margin-left: 15px; float: left; }
    #home-page-featured-offers .item-0 { margin-left: 0; }
    #home-page-featured-offers .inner { font-size: 90%; position: relative; min-height: 230px }
    #home-page-featured-offers .icon { display: block; margin-bottom: 5px }
    #home-page-featured-offers .title { }
    #home-page-featured-offers .venue { color: #778D26; margin-bottom: 42px }
    #home-page-featured-offers .book-now { text-align: right; margin-bottom: 10px; position: absolute; bottom: 10px; right: 15px }
    
  
/* Listings */

#auction-sidebar .box { margin-top: 20px; margin-bottom: 0 }

#auction-sidebar .box-red { background-image: url(../images/fold-red-right-rounded.gif); }
	#auction-sidebar .price,
	#auction-sidebar .countdown { color: #BD1E2C; }
	#auction-sidebar .starting-price { font-size: 130%; }
	#auction-sidebar .current-price { font-style: italic; }

#auction-sidebar .box-green { background-image: url(../images/fold-green-right-rounded.gif); }
	#auction-sidebar .box-green .price { color: #697B33; }
		
#auction-sidebar .current-saving { background: #BD1E2C url(../images/bid-panel-red-sw.gif) no-repeat bottom left; margin: 0 20px; }
	#auction-sidebar .current-saving .inner { color: white; padding: 4px 8px 4px 8px; text-align: center; background: url(../images/bid-panel-red-se.gif) no-repeat bottom right; }

#auction-sidebar .instant-saving { background: #697B33 url(../images/bid-panel-green-sw.gif) no-repeat bottom left; margin: 0 20px; }
	#auction-sidebar .instant-saving .inner { color: white; padding: 4px 8px 4px 8px; text-align: center; background: url(../images/bid-panel-green-se.gif) no-repeat bottom right; }

#auction-sidebar .box th { padding-left: 0; }

  .listing-action { }
    .listing-action table { color: #605244; font-size: 90%; margin-bottom: 8px; width: 100% }
      .listing-action th { font-weight: bold; }
      .listing-action p { margin-top: 1em }
      .listing-action a { color: #605244; }

.business-panel { border-bottom: 2px solid #BAE9FD; padding: 0.5em; }
  .business-panel table { color: #605244; font-size: 90%; width: 100%; }
  .business-panel strong { color: #605244; }
  .business-panel a { color: #605244; }
  .business-panel .cell-name { font-size: 120%; font-weight: bold; }
    .business-panel .cell-name small { font-size: 80%; font-weight: normal; }
  .business-panel .cell-rating { vertical-align: top; }
    .business-panel .cell-rating .rating-bar { float: right; }
  .business-panel .cell-address { vertical-align: top; width: 140px; padding-bottom: 0.5em; }
  .business-panel .cell-info { vertical-align: top; padding-bottom: 0.5em; }
  .business-panel .cell-photo { vertical-align: top; width: 130px; }
    .business-panel .cell-photo img { height: 90px; width: 120px }
		.business-panel .cell-photo img.user-photo { width: 80px; height: 92px; border: 2px solid black; }
  .business-panel .cell-special-offer { text-align: center; text-align: right; }
  .business-panel .cell-content { font-size: 90%; vertical-align: top; }
	.business-panel .cell-time-remaining { width: 75px; }
  .business-panel .cell-action { vertical-align: middle; text-align: right; line-height: 30px; width: 70px; }
    .business-panel .cell-action img { vertical-align: middle; }
	.business-panel .cell-price, 
	.business-panel .cell-saving { width: 80px; font-size: 12px; text-align: center }
	.business-panel td.cell-saving { color: #C62432; }
		.business-panel-header { padding: 0.1em 0.5em 0.1em 0.5em; }
		.business-panel-header th { line-height:1 !important;  text-align: left; font-size: 12px !important; vertical-align: top !important; }
  .business-panel .meta,
  .business-panel .cell-vote { border-top: 2px solid #BAE9FD; padding: 0.5em 0 0 0; }
    .business-panel .meta .item { float: left; }
    .business-panel .meta span { margin-right: 1.5em; }
    .business-panel .cell-vote * { vertical-align: middle; }
        .business-panel .review-rating a { margin-left: 1em; }
        .business-panel .review-rating .yes { color: #596D25; }
        .business-panel .review-rating .no { color: #C62432; }
  .business-panel .flag-review { font-weight: bold; color: #C6001E; }
	.business-panel .cell-photo-summary { padding: 0 !important; margin: 0 !important; }
 	.business-panel .cell-photo-summary a { display: block; float: right; background-color: white; padding: 0.3em; color: #BE2331 !important; }       

	.odd .cell-vote { border-top: 2px solid white !important; }
	.odd .meta { border-top: 2px solid white !important; }
	.even .cell-photo-summary a { background-color: #BAE9FD !important; }

.odd { background-color: #CCEFFC; }
.even { background-color: white; }

.business-panel-book {}
.business-panel-auction {}
  .business-panel-auction .listing-title { font-size: 120% }
  .business-panel-auction .countdown { margin-right: 0.5em; color: #C6001E; font-weight: bold }
  
/* User Registration */

/* Search Page */

#search-tabs {}
  #search-tabs .nav { float: left; }
  #search-tabs .filter { float: left; margin-left: 1.5em; font-size: 11px; padding-top: 24px; }
    #search-tabs .filter strong,
    #search-tabs .filter a { color: #5F5C5D; }

#search-options { border-top: 1px solid #D8F2FE; border-bottom: 1px solid #D8F2FE; padding: 1.2em 0; font-size: 90%; }
  #search-options .parameters { float: left; }
  #search-options .rpp { float: right; }
  #search-options .group { margin-right: 1em; }
  
#geo-search-map { }
  #geo-search-map .map { height: 500px; width: 600px; float: left }
  #geo-search-map .map-links { width: 200px; float: left; }
    #geo-search-map .map-links h2 { font-size: 12px; font-weight: bold; padding: 5px; margin: 0; color: #5F5C5D }
  #geo-search-map .map-links ul { padding: 0; margin: 0; font-size: 90% }
  #geo-search-map .map-links li { margin: 0; padding: 5px 5px 5px 52px; display: block; list-style: none; background-position: 5px 5px; background-repeat: no-repeat }
    #geo-search-map .map-links li:hover { background-color: #E9F0FB }
  #geo-search-map .map-links a { color: #705C5D }
  #geo-search-map .hidden { display: none }
  #geo-search-map .map-pages { font-size: 90%; padding: 5px; color: #5F5C5D }
    #geo-search-map .map-pages .selected { font-weight: bold }

/* Business */

.sidebar { width: 150px; float: left; }
  .sidebar ul { margin: 1em 0; padding: 0; }
    .sidebar ul a { color: #605244; }
    .sidebar li { margin: 0 0 0.2em 0; padding: 0 0 0 17px; display: block; list-style: none; background: url(../images/ico-bullet.gif) no-repeat left center; }

  .sidebar .box { margin-bottom: 10px }
    
.center-panel { margin-left: 20px; width: 410px; float: left; }
  .center-panel .box,
  .center-panel .two-tone { margin-bottom: 10px; }
  
.wide-panel { margin-left: 20px; width: 630px; float: left; }

.right-bar { float: left; margin-left: 20px; width: 200px; padding-top: 40px; color: #605244; font-size: 90% }
  .right-bar .two-tone,
  .right-bar .box { margin-bottom: 10px }
  .right-bar p { margin-top: 0; }
  .right-bar h3 { margin: 1em 0 0.1em 0; color: red; color: #C6001E; font-weight: normal; }
  .right-bar ul,
  .right-bar ol { margin-right: 0 }
  .right-bar strong { color: #605244; }

#user-profile .inner { color: #605244; }
  .sidebar .user-photo { display: block; margin: 0; width: 130px }
  #user-profile .hr { background-color: #7FD5F7 }
  .sidebar .user-status { margin: 0.5em 0 }
  
#profile-favourites { background: #7FD5F7 url(../images/sb2-nw.gif) no-repeat top left; margin-bottom: 10px }
  #profile-favourites .ne { background: url(../images/sb2-ne.gif) no-repeat top right }
  #profile-favourites .se { background: url(../images/sb2-se.gif) no-repeat bottom right }
  #profile-favourites .sw { background: url(../images/sb2-sw.gif) no-repeat bottom left }
  #profile-favourites .inner { padding: 10px 10px 15px 10px; font-size: 11px; color: white }
  #profile-favourites h3 { font-size: 100%; color: #616560; margin: 0 0 0.5em 0 }
  #profile-favourites a { color: #616560; font-weight: bold }
  #profile-favourites .hr { margin: 0.4em 0; }
  
	.favourites-list { margin: 0 0 5px 0; padding: 0; }
	.favourites-list li { cursor: hand; cursor: pointer; display: block; list-style: none; list-style-position: outside; margin: 0 0 5px 0; padding: 0 0 0 48px; min-height: 42px; background-repeat: no-repeat; background-position: top left; }
	.favourites-list li.no-thumbnail { padding: 0; min-height: 0; }
	.favourites-list a:hover { text-decoration: none;  }
	.favourites-list .date { font-weight: normal; font-style: italic; color: #606060; }
	.favourites-list .delete-favourite { float: right; }
    .favourites-list .highlight { font-weight: bold }
  
#business-sidebar-wrapper { }
  #business-sidebar { color: #605244; }
  #business-sidebar .overall-rating { text-align: center; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #00B7F4 }
    #business-sidebar .overall-rating .rating-bar { margin: 0 auto 5px auto }

#venue-details-wrapper { }
  #venue-details-wrapper h2.tabbed { width: 170px; }
    #venue-details table { margin: 10px 0; font-size: 90%; }
      #venue-details .photos th { text-align: center; padding: 0; }
        #venue-details .photos th img { height: 189px; }
      #venue-details .photos td { text-align: center; padding: 0 0 3px 3px; }
        #venue-details .photos td.last { padding-bottom: 0; }
        #venue-details .photos td img { height: 45px; cursor: pointer; cursor: hand; }
      #venue-details .general-info { width: 100%; }  
        #venue-details .general-info th { vertical-align: top; color: #009EF1; font-weight: bold; width: 25%; }
        #venue-details .general-info td { vertical-align: top; color: #605244; }
    
  #voucher-offer-details {}
    #voucher-offer-details .listing-id { font-weight: bold; color: #C6001E; }
    #voucher-offer-details h3 { color: #605244; }
    #voucher-offer-details ul { margin: 0; }
    #voucher-offer-details li { list-style: none; display: block; font-weight: bold; font-size: 110% }
    
/* Booking System */
    
#booking-sidebar { }
  #booking-sidebar label { display: block; margin: 0.3em 0 0.3em 0; font-weight: bold }

  #book-now select { font-size: 90% }
    #book-now .buttons { text-align: center; margin: 10px 0 }
  
  #calendar { width: 100%; margin-bottom: 0.5em; border-spacing: 2px }
    #calendar td,
    #calendar th { text-align: center; vertical-align: middle }
    #calendar thead { background: url(../images/calendar-repeat.gif) repeat-x center;  }
      #calendar thead th { color: white }
      #calendar thead a { color: white }
    #calendar tbody th { color: #5D5247 }
    #calendar tbody td { background-color: white; font-size: 90%; cursor: pointer; cursor: hand; border-spacing: 1px; color: #675F55 }
    #calendar tbody td.invalid { background-color: #586E28 }
    #calendar tbody td.blocked { background-color: #ACB794 }
    #calendar tbody td.selected { background-color: #CE1521; color: white; font-weight: bold }
  
  #booking-menu-selection { }
  
  #booking-menu-list { width: 100%; color: #605244; font-size: 90%; }
    #booking-menu-list th { }
    #booking-menu-list td { vertical-align: top; }
    #booking-menu-list .selected { background-color: #9EE0FC; }
    #booking-menu-list .menu-title { font-size: 120% }
    
  .time-container table { font-size: 90%; color: #605244; }
  
  #booking-summary label { font-weight: bold; display: block; margin: 0.7em 0 0.2em 0; }
  
  #extras-selection { }
    #extras-selection h2 { margin-bottom: 0 }
    #extras-selection table { background: #DBF1FC; width: 100% }
    #extras-selection td { padding: 0.4em; vertical-align: top }
    #extras-selection em { font-size: 90%; color: #5D5247; font-style: italic }
  
  #special-offers { }
    #special-offers dt { font-weight: bold; font-size: 110%; margin-top: 1.2em }
    #special-offers dd { }
    
/* Profile pages */

#pending-bookings .status div { background-color: #CE001B; color: white; padding: 3px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 10px; line-height: 1.3 }
	#pending-bookings .status { padding-left: 10px; }
	#pending-bookings .status div.received { background-color: #F6921E; }

/* Login Form */

#login-form {}
  #login-form .two-tone .inner { min-height: 140px }
  
/* Search Dialog overlay */

#search-dialog { width: 420px; color: #605244; font-size: 90% }
  #search-dialog .search-option { color: #ef2f41; cursor: pointer; cursor: hand; font-weight: bold }
  #search-dialog h2 { color: #0092bd; border-bottom: 1px solid #1b3065; margin: 0 0 0.3em 0 }
  #search-dialog .buttons { margin-top: 5px }

/* Referral List */

#referral-list { margin: 15px 0; }
  #referral-list th { font-weight: bold; }

/* Help pages */
#help .wide-panel h2,
#help .wide-panel h4 { color: #009EF1; }
#help .wide-panel h3 { color: #F06E34; }

#help .sidebar { width: 200px; }
	#help .sidebar li { background: none; }
	 	#help .sidebar li a { color: #F06E34; font-weight: bold; }
		#help .sidebar li ul { margin-top: 0; }
		#help .sidebar li li a { color: #4B4B4B; font-weight: normal; }
		
#help .wide-panel { width: 580px; }

/* Payment */

#payment .alt-box { margin-bottom: 10px }
#payment .payment-method form { margin-right: 25px; float: left; font-weight: bold }
.payment-badges img { margin-left: 10px }