* {margin: 0;padding: 0}
html {font-size: 100%;height: 100%;margin-bottom: 1px}
a:link {text-decoration: underline; color: #0066AA}
a:visited {text-decoration: underline; color: #0066AA}
a:hover {text-decoration: underline; color: #E04600}
a.z:link {text-decoration: none; color: #fff}
a.z:visited {text-decoration: none; color: #fff}
a.z:hover {text-decoration: none; color: #fff}
img {border: 0}
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
margin: 0;
padding: 12px 0;
text-align: center
}
html, body {
 color: #68696D;
 background-color: #A0A8AE;
}
table {
padding: 0;
margin: 0;
font-size: 10pt;
}
h1 {
font-family: Arial, sans-serif, "Trebuchet MS", Arial, Helvetica;
margin: 0 8px;
font-weight: bold;
font-size: 2.2em;
}
h1 a {text-decoration: none; color: #fff}
h2 {font-size: 9pt; margin: 0 8px;font-weight: normal}
ul {
display: block;
list-style-type: none;
margin: 0;
}
ul li {
display: block;
color: #666;
margin: 10px 0 0 0;
padding: 15px 0;	
}
ol {display: block}
ol li {
display: block;
color: #666;
margin: 0 0 10px 0;
padding: 0 10px	
}
ul.faq li {padding: 0;color: #333}
p.line {
margin: 5px 0;
border-top: 1px dotted #999;
}
p.divider {
margin: 20px 0 5px 0;
border-top: 1px dotted #999;
clear: both;
}
p.gat {
margin: 20px 0 5px 0;
padding: 10px 0 0 0;
border-top: 1px dotted #999;
clear: both;
}
p.gab {
margin: 20px 0 5px 0;
padding: 10px 0 0 0;
border-top: 1px dotted #999;
clear: both;
}
p.pagenav {
margin: 10px 0;
clear: both;
}
p.pagenav span {
margin: 0 6px 0 0;
padding: 0 5px;
border: 1px solid #0066AA;
color: #0066AA;
}
p.pagenav span.sel {
border: 1px solid #0066AA;
background-color: #0066AA;
color: #fff;
}
p.pagenav span.hover {
margin: 0 4px 0 0 ;
border: 2px solid #0066AA;
background-color: #204060;
cursor: pointer;
}
p.pagenav span a:link, p.pagenav span a:hover, p.pagenav span a:visited {text-decoration: none}
p.pagenav span.hover a:link, p.pagenav span.hover a:hover, p.pagenav span.hover a:visited {color: #FFF}

/* Navigation menu */
#menu {margin: 10px 10px 0 20px}
#compLink {display: block}
#offerLink {display: block; margin-left: 4px}
#menu table {
font-size: 9pt;
padding: 0;
margin: 0;
text-align: center;
}
#menu .button {
text-align: center;
vertical-align: middle;
padding: 2px 0;
display: block;
}
#menu a.navsel:link, #menu a.navsel:visited, #menu a.navsel:hover {text-decoration: none;color: #000;font-weight: bold;}
#menu a.navunsel:link, #menu a.navunsel:visited{text-decoration: none;color: #666;font-weight: normal;}
#menu a.navunsel:hover{text-decoration: none;color: #E04600;font-weight: normal;}

.menubar {
height: 27px;
background-color: #CAD6EB;
background-image: url("/img/gradient.gif");
padding: 0 5px;
}
.menubar3 {
height: 27px;
background-color: #EBD6CA;
background-image: url("/img/gradient2.gif");
padding: 0 5px;
}
.menubar2 {
height: 27px;
background-color: #EFF8F7;
background-image: url("/img/gradient3.gif");
padding: 0 5px;
}
.menubarUnsel {
height: 26px;
background-color: #DDD;
padding: 0 5px;
border-bottom: 1px solid #FFF;
}
span.menulink {float: right}
span.menulink strong {color:#000}
/* End navigation menu */
#navdiv {}
#categories {display: block}
#categories table {font-size: 12px; padding: 0; margin: 0 0 0 10px}
#categories table td {width: 290px;vertical-align: top}
#categories table td p {padding: 2px 0 3px 0}
#categories table td p strong {
background-image: url(/img/bullet_go.png);
background-repeat:no-repeat;
padding: 0 0 5px 18px;
color: #000;
font-weight: normal
}
#categories table td p span {padding: 0 0 5px 18px}
#categories table td p a {text-decoration: none}
.search{display: block}
.search table {font-size: 12px; padding: 0; margin: 2px 0 0 10px}
.search table td {width: 290px;vertical-align: top}
.search table td p {padding: 2px 0 3px 0}
.search table td p.pcatselected {
background-image: url(/img/add.png);
background-repeat:no-repeat;
padding: 0 0 5px 18px;
}
.search table td p.pcatunselected {
background-image: url(/img/delete.png);
background-repeat:no-repeat;
padding: 0 0 5px 18px;
}

.search table td p a:link, .search table td p a:visited, .search table td p a:hover {text-decoration: none}
.searchform {padding: 5px; margin: 10px}
.searchform input,option,select {font-family: Verdana,sans-serif}
.searchform input {margin-left: 0px;color: #000}
.searchform input.query {
background-image: url(/img/magnifier.png);
background-repeat:no-repeat;
padding: 0 0 0 20px;
width: 250px;
margin: 4px 0;
}
.searchform select {width: 150px}
.searchform option {margin-left: 2px; width: 150px}
.searchform table td {width: 290px}

#wrap {  
padding: 0 20px;  
min-width: 700px;  
width: 900px;  
margin: 0 auto;
text-align: left;
}
#news {
margin-bottom: 10px;
}
#content {
margin-top: 20px;
padding: 0;
width: 780px;
}
#searchList {display: block}

.headerbar {
background: #ebebeb none repeat-x 0 0;
background-image: url("/img/bg_head.gif");
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;
}
.navbar {
background-color: #CAD6EB;
background-image: url("/img/gradient.gif");
padding: 0 5px;
}
.navbar3 {
background-color: #EBD6CA;
background-image: url("/img/gradient2.gif");
padding: 0 5px;
}
.navbar2 {
background-color:  #EFF8F7;
background-image: url("/img/gradient3.gif");
padding: 0 5px;
}
.bottombar {
background-color: #CAD6EB;
background-image: url("/img/gradient.gif");
padding: 0 5px;
margin-top: 50px;
text-align: center;
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
span.corners-top {
background-position: 0 0;
margin: 0 -5px;
background-image: url("/img/corners_left.gif");
}
span.corners-top span {
background-position: 100% 0;
background-image: url("/img/corners_right.gif");
}
span.corners-bottom {
background-position: 0 100%;
margin: 0 -5px;
clear: both;
background-image: url("/img/corners_left.gif");
}
span.corners-bottom span {
background-position: 100% 100%;
background-image: url("/img/corners_right.gif");
}

.bigbar {background-color: #CAD6EB;padding: 0 5px}
.zero {padding:0; margin:0}
div.login {font-size: 10pt;padding: 5px}
strong.head {font-size: 11pt;color: #0066AA}
div.login strong.ok {font-size: 11pt;color: #008000}
div.login strong.nok {font-size: 11pt;color: #990000}
div.login form {font-family: Verdana;padding: 0}
.formeq {
border-left: 2px dotted #999; 
padding-left: 20px; 
vertical-align: top;	
}
div.login form input.field {
font-family: Verdana;
font-size: 10pt;
width: 360px;
margin: 4px 0 4px 0;
}
div.login form textarea {
font-family: Verdana;
font-size: 9pt;
width: 360px;
height: 70px;
margin: 4px 0 4px 0;
}
div.login form input.submit, select {
font-family: Verdana;
margin: 4px 0;
color: #008000;
}
div.login form input.radio {
margin: 0px 2px 0 0;
color: #990000;
}
p.caption {margin-top: 5px}
select.loc {width: 200px;padding-left: 2px}
select.loc option {padding-left: 4px}
#locationsForm, #shortform {width: 380px}
#preview_short, #preview_cats, #preview_map {
width: 430px;
margin-top: 4px;
}
div.listing
{
overflow: auto;
background-color: #FFF;
padding: 5px;
}
div.ofl {
position: absolute;
margin-left: 112px;
margin-top: 0;
padding: 2px;
border: 2px solid #000;
background-color: #fff;
display: none;
z-index: 100;
}
p.date {margin: 5px 0; font-size: 9pt;}
.anyday {font-weight: bold}
.today {font-weight: bold; color: #008000}
.yesterday {font-weight: bold; color: #204060}
.tomorrow {font-weight: bold; color: #CC0000}

div.listing strong {
color: #0066AA;
}

div.listing img {
float: left;
margin: 2px 10px 2px 0;
}
div.listing div {
margin-left: 110px;
border-left: 1px dotted #999;
padding-left: 10px;
}

/* For displaying information */
div.info {
margin-left: 125px;
display: none;
}
div.infop {
display: none;
background-color: white;
}
div.infoCat, div.infoLoc {
display: block;
}
div.infoMap {
margin-top: 10px;
height: 300px; 
display: none; 
border: 1px solid #0066AA;
}
div.info p {
margin-top: 5px;
}
div.info p.thumbs {
height: 90px;
}
div.info p.thumbs span {
width: 100px;
margin-right: 10px;
}
div.info p.thumbs span img {
border: 3px solid #fff;
cursor: pointer;
}
div.info p.thumbs span img.current {
border: 3px solid #000;
}
.small {
font-style: italic;
font-size: 8pt;
}
#preview_short div.listing, #preview_cats div.listing {border: 1px solid #CCC}
#preview_loc {
margin-top: 0px;
font-weight: bold;
width: 430px;
}
#preview_map {
height: 400px; 
display: none; 
border: 1px solid #0066AA;
}
#dummy {width:0;height:0;border:0px solid #FFF;}
a.white:link,a.white:visited{text-decoration: none;color: #DDD;font-weight: normal;}
a.white:hover{text-decoration: underline;color: #FFF;font-weight: normal;}
.top-left, .top-right, .bottom-left, .bottom-right { 
height: 20px;
font-size: 2px;
}

.top-left { 
background-image: url("/img/corners_top.gif"); background-repeat:no-repeat; 
background-position: 0 -20px; 
margin-left: 1px;  
margin-top: 0px; 
margin-right: 9px; 
}
.top-right { 
background-image: url("/img/corners_top.gif"); background-repeat:no-repeat;
background-position: 100% 0;   
margin-left: 0px; 
margin-top: -9px; 
margin-right: 1px;
}
.top-center { 
background-image: url("/img/bg_headers.gif"); 
background-position: 0 0px; 
height: 20px;     
font-size: 2px;  
margin-left: 20px; 
margin-top: -20px; 
margin-right: 20px; 
margin-bottom: -20px; 
}
   
.bottom-left  { 
background-image: url("/img/corners_bottom.gif"); background-repeat:no-repeat; 
background-position: 0 0px;
margin-right: 0px; 
margin-left: 1px; 
margin-top: 0px; 
}
.bottom-right { 
background-image: url("/img/corners_bottom.gif"); background-repeat:no-repeat;
background-position: 100% -20px; 
margin-right: 1px; 
margin-left: 0px; 
margin-top: -20px;
}
.bottom-center { 
background-image: url("/img/bg_footers.gif");
background-position: 0 0px; 
height: 20px; 
font-size: 2px;
margin-left: 20px; 
margin-top: -20px; 
margin-right: 20px; 
margin-bottom: -20px;
}
.inside {
border-left: 0px solid #000; 
border-right: 0px solid #000;
background: #FFF;            
color: #000; 
padding-left: 0px;
padding-right: 0px;
background-image: url("/img/bg_body.gif");
margin: 0 auto;
} 
.notopgap { margin-top: 0;text-align: center}
.nobottomgap { margin-bottom: 0}
.outside {
margin: 0 auto;
width : 950px;
text-align: left;
}
* html span.corners-top, * html span.corners-bottom { background-image: url("/img/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("/img/corners_right.gif"); }
* html .navbar, * html .navbar2, * html .navbar3 {height: 4%;overflow: hidden}