html,body { margin:0; padding:0; }

body { background:#fff; font-family:'Lucida Grande', verdana, arial, helvetica,sans-serif; font-size:12px; width:100%; min-width:960px; margin:0 auto; }

#page { background:#fff; }

p,td,ul,ol { margin:5px 0; line-height:1.4em; }

.intro { width:65%; margin-right:28px; float:right; }
.intro p { font-size:150% }	

.content li { margin:8px 0 0; }

th,td { padding:5px; }

a { color:#8674B6; text-decoration:none; }
a:hover { color:#A3D64A; text-decoration:underline; }
p a:active,td a:active { color:#ED1B2E; }

h1,h2,h3,h4 { color:#8674B6; margin:0 0 0 0; }
h1.top { margin:0; }

h1 { font-size:14px; }
h1.refine { line-height:2em; }
h1.error { text-align:center; }
h2 { font-size:13px; }
h3 { font-size:11px; }

th { font-weight:normal; text-decoration:none; text-align:left; }

img { border:0; }

hr { width:100%; border:0; margin:10px 0; clear:both; }
hr.hr1 { border-top:3px solid #8674B6; }
hr.hr2 { border-top:2px dotted #8674B6; } 
hr.hr3 { border-top:1px dotted #8674B6; }

/*\--- forms ---\*/
input,select { border:1px #c4c4c4 solid; color:#000000; font-size:12px; padding:1px; }
input:focus,textarea:focus { border:1px #9a9a9a solid; }
input.img { width:auto;	}
input.button { background-color:#8674B6; color:#fff; font-size:13px; height:24px; padding:0 14px 3px; clear:both;
-moz-border-radius:10px; -webkit-border-radius:10px; }
input.error { border:1px solid #EA4143; } 

#login { width:200px; float:right; }

fieldset { padding:0; margin:0 0 7px 0; border:0 solid #8674B6; }
legend {  margin:0; padding:0; color:#8674B6; font-weight:bold; font-size:13px; }
fieldset ol { padding:0; margin:0; list-style:none;}
fieldset.submit { border-style:none; }

label { display:block; }
label.checkbox { display:inline; }
textarea { font-size:11px; font-family:'Lucida Sans Unicode', 'Lucida Sans'}

.radio { border:0; width:auto; }

/*-- ? --*/
.booknow { display:block; width:106px; height:15px; text-align:center; margin:0; }

#content label { display:inline; line-height:0; font-size:9px; vertical-align:text-top; }

.sponsor { width:100%; text-align:center; background-color:#F2EBF7; margin-bottom:4px; padding:2px; }
.sponsor P { font-size:9px; margin:2px; border:0px solid #000; padding:0; clear:both; line-height:9px; text-align:center; }
.sponsor img { width:110px; height:35px; border:1px solid #8674B6; margin:0 0 -1px 0 !important; }
.sponsor a:hover img { border-color:#A3D64A; }

.tracker { position:absolute; left:-999px; }

.flag img { display:inline; background:#fff; vertical-align:middle; border-width:0; margin:2px 10px;
text-decoration:none; width:32px; height:32px; }
.flag a:hover { text-decoration:none; }
.flag table { width:100%; }

h1 .flag { display:inline; background:#fff; vertical-align:middle; border-width:0; margin-right:10px; }

table.twocolumn { width:94%; }

/*\ --- header --- \*/
#header { display:block; position:relative; height:141px; width:100%; margin:0; padding:0; border:0; }
#header .banner { width:728px; height:90px; border:0px solid #000; position:absolute; top:6px; right:8px;}
#header .logo { position:absolute; top:22px; left:16px; }

/*\ --- footer --- \*/
#footer { position:relative; bottom:0; display:block; clear:both; text-align:center; }
#footer p { font-size:11px; line-height:2em; padding:25px; }

/*\ --- nav --- \*/
.nav { width:100%; }
.nav ul { display:block; padding:0; margin:0; font-size:11px; line-height:1em; clear:both; color:#fff; width:100%; }
.nav ul li a { padding:13px 0; }

#header .nav { position:absolute; bottom:0; height:37px; background-image:url("../images/navhead_bg_over.gif"); }
#header .nav ul li { display:inline; }
#header .nav ul li a { width:100px; text-align:center; background-image:url("../images/navhead_bg_over.gif"); color:#fff;
text-decoration:none; float:left; border-left:1px solid #8674B6; }
#header .nav ul li.first a { border-left:0; }
#header .nav ul li a:hover { text-decoration:none; background-image:url("../images/navfoot_bg_over.gif"); }
#header .nav ul li a:active { background-color:#8674B6; background-image:url("../images/navhead_bg_click.gif"); color:#fff; text-decoration:none; }

#footer .nav { height:37px; background-image:url("../images/navfoot_bg_over.gif"); }
#footer .nav ul li { display:inline }
#footer .nav ul li a { width:80px; text-align:center; background-image:url("../images/navfoot_bg_over.gif"); color:#fff;
text-decoration:none; float:left; border-left:1px solid #A3D64A; }
#footer .nav ul li.first a { border-left:0; }
#footer .nav ul li a:hover { text-decoration:none; background-image:url("../images/navhead_bg_over.gif"); }
#footer .nav ul li a:active { background-color:#8674B6; background-image:url("../images/navhead_bg.gif");
color:#fff; text-decoration:none; }

/*\ --- sidebar --- \*/
#sidebar { display:block; width:200px; height:auto; float:left; margin:32px 0 0 0; padding:0; text-align:left; }
#sidebar .banner { margin:0 7px 14px; }

#leftSidebarButtons { width:100%; text-align:center; }
#leftSidebarButtons img { margin:0 0 14px 0; padding:0; }
#leftSidebarButtons p { margin:0; padding:0; }

/*\ --- titles --- \*/
.title { background-color:#8674B6; background-repeat:no-repeat; vertical-align:middle; height:55px; margin:0; padding:0; }

#sidebar .title { text-align:center; -moz-border-radius-topright:20px; -webkit-border-top-right-radius:20px; }

#main .title { -moz-border-radius:20px 0 0 0; -webkit-border-top-left-radius:20px; padding-left:18px; text-align:left; position:relative; }

.title h1 { display:inline; background:none; color:#fff; font-family:Helvetica Neue, Lucida Sans Unicode, verdana, arial, helvetica, sans-serif;
font-size:26px; font-weight:lighter; position:relative; margin:0; padding:0; position:relative; top:11px; }

.title a { color:#fff; }

.browse { background-color:#8674B6; -moz-border-radius:0 20px 20px 0 !important;
-webkit-border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px;
vertical-align:middle; height:60px; text-align:center; margin-bottom:14px; padding:0; }

.browse img { border:0; padding:0; margin:auto; }

#poweredByRummble { position:relative; background-color:#c2b9da; }
#poweredByRummble.browse img { position:absolute; top:7px; left:21px; }

#loading { display:none; position:absolute; right:14px; top:12px; }

/*\ --- main --- \*/
#wrapper { float:right; width:100%; margin:32px 0px 32px -232px; margin-top:32px; }
#main { margin-left:232px; background-color:#fff; }

/*\ --- sponsors --- \*/
#sponsors { display:block; float:right; border:0; margin:0; width:54%; }

/*\ --- panels --- \*/
.panel { margin-bottom:14px; padding:10px; padding-bottom:6px; -moz-border-radius:0 0 20px 0; -webkit-border-bottom-right-radius:20px;
border-top:5px #ffffff solid; background-color:#E8E3F5; overflow:auto; }

.panel fieldset { padding:0; margin:0; border:0; }
.panel h2 { font-size:13px; color:#8674B6; width:100%; border:0; }
.panel ul { padding:0 5px; margin:0 1em; color:#8674B6; list-style-type:circle; }
.panel form { clear:both; }
.panel input, .panel select { clear:both; border:1px #9a9a9a solid; width:98%; margin-bottom:4px; }
.panel label { clear:both; font-size:11px; }
.panel .find label { color:#fff; }

.input_checkbox { display:inline; width:14px !important; border:0 !important; margin:0; padding:0; vertical-align:text-bottom; }

.panel #signInForm .button { float:right; border:0; width:auto; margin:7px 0; }

.panel P { display:block; position:relative; margin-bottom:2px; font-size:11px; }
.panel .hint { clear:both; }

.find { background-color:#b3e658; }
.find P { color:#fff; font-size:11px; }
.find labels { color:#fff; font-weight:bold; font-size:12px; }

.radius { width:8em; clear:left; }

#go { clear:both; float:right; border:0; width:47px; height:47px; }

.panel img.profile { float:left; margin:0 8px 8px 0; }

#key { text-align:center; }
#key img { padding:3px 8px; margin:0px; }
#key .icon p { font-size:9px; margin:0; padding:0; clear:left; width:60px; }

/*\ --- main / keyline --- \*/
.roundedCornerSpacer { margin:0; padding:0; border:0; clear:both; font-size:1px; line-height:1px; }

/* In the CSS below, the numbers used are the following:
    1px:the width of the border
    3px:a fudge factor needed for IE5/win (see below)
    4px:the width of the border (1px) plus the 3px IE5/win fudge factor
    14px:the width or height of the border image
*/
.borderTL,.borderTR,.borderBL,.borderBR { width:20px; height:20px; padding:0; border:0; z-index:99; position:absolute; }

.borderTL,.borderBL { float:left; clear:both; }
.borderTR,.borderBR { float:right; clear:right; }
.borderTL {	margin:-5px 0 0 -5px; }
.borderTR { margin:-5px -5px 0 0; }
.borderBL, .borderBR  { margin:-20px 0 0 0; }

/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL { margin-left:-3px; ma\rgin-left:0; }

html>body .borderTL { margin-left:-3px; }

.borderTR { margin-right:-3px; ma\rgin-right:0; }
html>body .borderTR { margin-right:-3px; }
.borderBL { margin-left:-3px; ma\rgin-left:0; margin-top:-19px; ma\rgin-top:-20px; }

html>body .borderBL { margin-left:0; }

.borderBR { margin-right:-3px; ma\rgin-right:0; }

html>body .borderBR { margin-right:0; }

/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content { margin:0; padding:14px; border-bottom:5px solid #C2B9DA; border-left:5px solid #C2B9DA; position:relative; -moz-border-radius:0 0 0 20px; -webkit-border-bottom-left-radius:20px; overflow:auto; }

/* position this div however you want, but keep its padding and border at zero */
.contentWrapper { margin:0; padding:0; border:0 }


.content-sidebar { float:right; width:300px; }
.content-sidebar #map { height:215px; }

.content-widebar { margin-right:328px; }
.content-widebar td { font-size:11px; }
.content-widebar #tabBlock { float:left; width:100%; }

#tabBlock .tab-wrapper { padding:0; }
#tabBlock .tab-menu {}
#tabBlock .tab-menu li { border: }
#tabBlock .tab-menu li.tab-selected { background: #8674b6; margin:0 0 -2px;
-moz-border-radius-topright:3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; }
#tabBlock .tab-menu li.tab-selected a { color:#fff; }

#tabBlock .tab-wrapper { border: 0; border-top:2px solid #8674b6; }
#tabBlock td { vertical-align:top; }



/*\ --- common, well actually rather spiffing elements --- \*/
.alertbox { padding:10px; background-color:#F2EBF7; }
.alertbox input,.alertbox textarea { margin-bottom:10px; clear:left; }

.errors { display:block; width:100%; font-weight:bold; border:2px solid #ea4143; margin:8px 0; padding:0; }
.errors li { padding-left:10px; list-style:none; color:#ea4143; }

.graph { margin:15px 0; }

.left { clear:left; }
.right { clear:right; }

.both { clear:both !important; }
.hidden { display:none; }

/*\ --- search --- \*/
#map { border:1px solid #aaa; margin:0 0 14px 0; width:100%; height:354px; }
#map img { margin:7px 0; -moz-border-radius:7px; -webkit-border-radius:7px; }

.results_nav { text-align:right; }
.rating img { margin:0px 1px; }

.thumbnail { margin:12px; border:7px solid #fff; }
.thumbnails { text-align:center; }
.thumbnails img { margin:7px; }

.addtomyhotspots { display:block; position:relative; float:right; top:7px; }
.addtomyhotspots img { border:0px; vertical-align:middle; }

p.rating { color:#fff; font-size:11px; font-weight:bold; height:18px; width:18px;
-moz-border-radius:7px; -webkit-border-radius:7px; padding:5px; margin:0; background-position:0 0; text-align:center;  }

#clearSearch { position:absolute; left:0; color:#000; }

/*\ --- page links [move] --- \*/
.pagelinks table { display:table; width:527px; margin-bottom:10px; }
.pagelinks td { display:table-cell; text-align:center; font-size:10px; }
.pagelinks td.amount { text-align:left; }
.pagelinks td.current { color:#8674B6; font-weight:bold; }
.pagelinks td.unavailable { color:#F2EBF7; }

.pagelinks a { text-decoration:none; color:#8674B6; }
.pagelinks a:hover { color:#A3D64A;}
.pagelinks a:active { color:#ED1B2E; }

.available,.unavailable,.selected { display:inline; margin:2px; font-size:12px; }
.available a { text-decoration:none; color:#8674B6; }
.available a:hover { color:#A3D64A; }
.available a:active { color:#ED1B2E; }

.unavailable { color:#F2EBF7; }
.selected { display:inline; color:#8674B6; font-weight:bold; }

.getFirefox { vertical-align:text-bottom; }


#socialButtons { float:right; margin-left:232px; margin-top:28px; }
#socialButtons img { margin:0 14px; }

.press h2, .press h1 { margin-top:14px; }

.hide { display:none; }




/*\ --- recycle bin!

.pagination { display:none; }
.group_logo { margin:10px 0; }
.content .banner img { display:block; margin:14px auto; }

.op_info { padding:10px 0px; clear:both; }
.op_info .logo { float:right; margin:5px; }
.op_info h2 { margin:2px 0px; }
.op_info table.details { width:250px; }
.op_info table { clear:left; }

.listing_sector_icon { margin:0px 5px -5px 0px; }

.details th { color:#000 !important; font-weight:normal; width:120px; }
td.distance { text-align:right; }

 --- \*/

/*\ --- EOF --- \*/