<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

/* All submit buttons  */
	form.authelo fieldset div.SFelemSubmit input, .SFbutton
	{
		border: 1px double #999999;
		border-top-color: #CCCCCC;
		border-left-color: #CCCCCC;
		background: #CFCED2 url(button-gradient.gif) repeat-x top left;
		color: #333333;

		font-size: 10px;
		font-weight: bold;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		text-decoration: none;
		cursor: pointer;
		margin: 0px;

		padding: 2px 2px 2px 2px;

	}	
	
	form.authelo fieldset div.SFelemSubmit input:active, .SFbutton:active
	{
		border: 1px double #CCCCCC;
		border-top-color: #999999;
		border-left-color: #999999;
	}
	
	div.sycusedbform
	{
		clear: left;
		margin-left: 30px;
	}
	
	div.sycusedbform table td
	{
		padding-bottom: 7px;
	}
	
	
/* LOST PASSWORD */
	p.idea
	{
		background: transparent url(lightbulb.gif) no-repeat left;
		padding-left: 20px;
		margin-left: 23px;
		font-weight: bold;
		margin-bottom: 25px;
	}

/* HOME PAGE */

	div.firstwelcome
	{
		background-color: #ffffb1;
		padding: 4px;
		line-height: 30%;
		margin: 8px 0 0px 0;
		font: normal 12px verdana, arial;
		text-align: center;
	}
	
	#firstwelcomeimg
	{
		border-top: 1px solid #eee;
	}
	
	div.firstwelcome strong
	{
		color: #c00;
		font-weight: bold;
		
	}
	
	div.shortstack
	{
		width: 270px;
		margin-right: 20px;
		float: left;
	}
	
	div.shortstack p
	{
		line-height: 140%;
		text-align: justify;
	}
	
	div.boxesimage
	{
		float: right;
	}
	
	div.boxesimage img
	{
		border: 1px solid #888;
	}
	
	
	
/* MAIN */

    	body
    	{
    	}
    	
    	p
    	{
    		margin: 0px;
    		padding: 0px;
    	}
    	
    	
    	#map
    	{
    		cursor: pointer;
/*    		width: 99%;*/
    		height: 99%;
    	}

	v\:* 	
	{
		behavior:url(#default#VML);
	}    
	
/* Map tabs LHS */
	#status
	{
		display: none;
		cursor: default;
	}
	
	#status.tabshidden #statustab
	{
		display: none;
	}
	
	#status.tabshidden ul#crmaptabs 
	{
		opacity: 0.75;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	}
	
	
	#statustab
	{
		width: 300px;
		float: left;
		border: 1px solid #99e;
		border-top: 0;
		padding: 0em;
		margin: 0px;
		background: #fff;
		opacity: 0.92;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=92);
	}
	
/* TABS */
	ul#crmaptabs 
	{
		font: bold 11px verdana, arial, sans-serif;
		list-style-type: none;
		padding-bottom: 24px;
		border-bottom: 1px solid #99e;
		margin: 0;
	}

	ul#crmaptabs li 
	{
		float: left;
		height: 21px;
		background-color: #cfc;
		margin: 2px 0px 0 2px;
		border: 1px solid #99e;
		display: none;
	}
	
	ul#crmaptabs li#hidetabs
	{
		margin: 2px 15px 0 0;
		background-color: #ffa;
	}
	
	ul#crmaptabs li#hidetabs a
	{
		color: #900;
		width: 20px;
		text-align: center;
	}

	
	ul#crmaptabs li.active
	{
		border-bottom: 1px solid #fff;
		background-color: #fff;
	}

	ul#crmaptabs li.active a
	{
		color: #000;
	}
	
	
	#crmaptabs a 
	{
		float: left;
		display: block;
		color: #666;
		text-decoration: none;
		padding: 4px;
	}

	#crmaptabs a:hover 
	{
		background: #fff;
	}


/* Tabs Help */
	div.infohelp
	{
		z-index: 900;
		width: 170px;

		margin: 0;
		padding: 0;

		border: 1px solid #aaa;
		border-top: 0;
		border-left: 0;
		background-color: #ffffe1;

		color: #666;
		text-align: justify;
		
		float: left;
	}
	
	div.infohelp p
	{
		margin: 3px 3px 5px 2px;
		padding: 5px;
		font: normal 11px verdana, arial, sans-serif;
		
	}
	
	div.infohelp p img
	{
		vertical-align: middle; 
	}
	
	img.helpclosebutton
	{
		opacity: 0.5;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	}


/* drawing tab */

	#buttonbarholder
	{
		margin: 3px 0 6px 0;
	}
	
	div#drawbuttonbar
	{
		float: right;		
	}
	
	
	div#drawbuttonbar a.SFbutton
	{
		background: #eee;
		margin:0;		
		display: block;
		float: left;
		padding: 3px;
		line-height: 90%;
	}
	
	div#drawbuttonbar a.SFbutton img
	{
		width: 16px;
		height: 16px;
		margin:0;
		padding: 0;
	}
	
	div#iDrawNav
	{
		clear: both;
	}

/* Curent point */

	#curpoint 
	{
		display: none;
		border: 1px dotted #ddd;
		margin-bottom: 5px;
	}
	
	#curpoint form label
	{
		font-weight: bold;
		display: block;
		margin-top: 1em;
	}
	
	#metacontainer form #suburb, #metacontainer form #notes, #routename, #routedesc
	{
		border: 1px solid #666;
		padding: 2px;
		font: normal 11px verdana;
	}
	
	#routedesc
	{
		width: 85%;
	}
	
	#metacontainer form #suburb
	{
		width: 13em;
	}
	
	#metacontainer form #notes
	{
		width: 90%;
	}
	
	#metacontainer span.hint
	{
		margin: 0px;
		padding: 0px;
		font-size: 10px;
		display: block
	}
	
	#mapnavbar
	{
		display: block;
	}
	
	p.whichpoint
	{
		font-weight: bold;
	}
	
	#pointsnav
	{
		float: right;	
	}
	
	#unitselector
	{
		display: block;
		text-align: right;
		
		font: normal 10px verdana, arial;
		
	}
	
	#pointsnav a
	{
		font-size: 9px;
		font-weight: bold;
	}
	
	#calipercontainer
	{
		padding: 4px 0px 4px 2px;
		margin-bottom: 4px;
		font-size: 11px;
	}
	

	h1.homehead
	{
		color: #f60;
		font: bold 15px georgia;
		padding: 3px;
		margin-right: 1em;
	}

	#lblRoutetitle
	{
		font: bold 12px verdana, arial;
		float: right;
		padding: 10px 7px 3px 3px;
		color: #05a;
	}
	
	#lblRoutetitle .mapby, #lblRoutetitle .mapby a
	{
		font-size: 11px;
		color: #999;
	}
	
	#btnFave
	{
		visibility: hidden;
		border: 0;
		padding: 9px;
		text-decoration: none;
		background: transparent url(/css/heart_off.gif) no-repeat center left;
	}
	
	p.favlink
	{
		background: transparent url(/css/heart.gif) no-repeat top left;
		padding: 1px 2px 1px 20px;
		margin: 0;
	}
	
	p.centerbutton
	{
		text-align: center;
	}

	h1.homehead img
	{
		border: 0;
	}
	
	h1.homehead a
	{
		text-decoration: none;
	}
	
	h1.homehead a:hover
	{
		background-color: #ccc;
	}
	
	#curpoint p strong
	{
		font-weight: bold;
	}
	
	#currpointNote
	{
		margin-top: 1em;
		background-color: #fffa73;
		padding: 6px;
	}
	
	p, label, table, ul, select
	{
		font: normal 12px verdana, arial;
	}
	
	div.info
	{
		display: none;
		padding: 0.5em;
		line-height: 140%;
		/*height: 200px;*/
	}
	
	div.info em
	{
		color: #090;
	}
	
	p strong
	{
		font-weight: bold;
		color: #555;
	}
	
	div.info p
	{
		margin-bottom: 1em;
	}
	
	div.info p a.SFbutton
	{
		line-height: 200%;
	}
	
	h3
	{
		color: #036;
		border-bottom: 1px dotted #f60;
		background-color: #eaeaea;
		margin-bottom: 0.5em;
		font: bold 13px verdana, arial;
	}
	
	#status h3
	{
		font: bold 12px verdana, arial;
	}
	
	#controls 
	{
		/*border: 1px solid #999;*/
		/*width: 99%;*/
		display: block;
		padding: 2px 0px 0px 0px;
	}
	
	#saveindicator, #icoRatingProgress
	{
		display:none;
	}
	
	#headerline
	{
		width:100%;
	}
	
	#controls span#savestatus, #controls span#frmRouteRatings
	{
		margin-top:1px;
		float: right;
	}
	
	#controls span#savemsg
	{
		font: bold 12px verdana, arial, sans-serif;
		padding: 4px 4px 4px 4px;
		display: none;
		color: #fff;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	
	span#frmRouteRatings
	{
		display: none;
	}
	
	span#frmRouteRatings select
	{
		font-size: 11px;
	}
	
	
	#photoset, #routename
	{
		width: 240px;
	}
	
	
	div.leftcol, div.rightcol
	{
/*		width: 47%;*/
		margin-right: 1em;
	}
	
	div.leftcol p
	{
		line-height: 150%;
		padding: 0.5em;
	}
	
	div.leftcol p em
	{
		color: #090;
		font-weight: bold;
	}
	
	span.accesskey
	{
		text-decoration: underline;
	}

/* Route SEARCHING */

	table.recentroutes td a:hover	
	{
		color: #090;
	}
	
	table.recentroutes tr.on0 td
	{
		background-color: #ececea;
	}
	
	table.recentroutes td
	{
		padding: 5px;
	}
	
	table.recentroutes td.where, table.recentroutes td.where a
	{
		font-size: 11px;
		color: #090;
	}
	
	table.recentroutes td.where a:hover
	{
		color: #f60;
	}
	
	table.recentroutes td.tags
	{
		font-size: 11px;
		color: #900;
	}
	
	div.gsrchads2
	{
		padding-left: 1px;
		padding-top: 5px;
	}
	
	table.recentroutes
	{
		width: 100%;
	}
	
	table.recentroutes td.where strong
	{
		color: #900;
		font-weight: bold;
	}
	
	table.recentroutes th
	{
		padding: 5px;
		font-weight: bold;
	}
	
	table.recentroutes tr.passthru td
	{
		font-size: 90%;
		padding-left: 1em;
		padding-top: 1px;
		color: #444;
	}
	
	table.recentroutes tr#searchadrow td
	{
		padding: 10px 0 10px 0;
	}
	
	.syndicatethis
	{
		float: right;
		font-size: 11px;
	}
	
	.syndicatethis a.helpme
	{
		text-decoration: none;
		color: #777;
		vertical-align: top;
	}
	
	.syndicatethis a.helpme:hover
	{
		color: #900;
	}
	
	
	div#content
	{
		padding: 5px 2em 2em 2em;
		width: 750px;
		clear: both;
	}
	
	div#content.admin
	{
		width: 90%;
	}
	
	div.larger2
	{
		padding: 3px 2em 2em 2em;
		clear: both;
		width: 95%;
	}

	#content p
	{
		padding-bottom: 1.5em;
		
	}
	
	div.nomapheader
	{
		padding: 5px 0em 0em 2em;
		width: 600px;

	}
	
	div.nomapheader h1
	{
		float: left;
	}
	

	
	#globaltopad
	{
		border-top: 1px solid #ccc;
		clear: both; 
		padding: 9px 0 5px 2em;
		width: 100%;
	}
	
	
	p.nextlink
	{
		margin-top: 1em;
		margin-right: 1em;
		text-align: right;
		color: #960;
	}
	
	p.nextlink a
	{
		color: #960;
		font-weight: bold;
	}
	

	#routesearch
	{
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 5px;
		border: 1px solid #ddd;
	}
	
	#routesearch p.nextlink
	{
		margin-top: 1em;
	}
	
	#routesearch p.tip
	{
		font-size: 11px;
		color: #333;
		margin-top: 1em;
		
	}

	#routesearch select
	{
		font-size: 90%;
		
	}
	
	
	p.alert
	{
		background: #fff url('info.gif') no-repeat left top;
		padding-left: 18px;
		color: #090;
		font-weight: bold;
		margin-top: 1em;
	}
	
	#routesearch p label, div.info p label
	{
		font-weight: bold;
		color: #555;
		margin-right: 5px;	
	}
	
	#routesearch p
	{
		margin: 0;
		padding: 0;
	}
	
	#routesearch #region
	{
		margin-right: 2px;
	}
	
	#routesearch p input#srchkey
	{
		font: normal 13px verdana, arial;
		width: 9em;
	}

	#wapp_maps #waypoints
	{
		color: rgb(190, 180, 170);
		top: 960px;
		position: absolute;
	}
	
	#wapp_cuesheet #cuesheet
	{
		clear: both;		
	}
	
	#wapp_cuesheet #cuesheetinfo
	{
		background: #dfdfff url(lightbulb.gif) no-repeat top left;
		padding: 2px 2px 2px 20px;
		margin-bottom: 15px;
		color: #333;
	}
	
	#cuesheet thead th
	{
		font-weight: bold;
		color: #009;
	}
	
	#cuesheet td, #cuesheet th
	{
		border: 1px solid #999;
		padding: 3px;
	}
	
	p.mapextras
	{
		font-size: 11px;
		background-color: #eee;
	}
	
/* Route seach -&gt; specify tags */
	p#searchtags
	{
		margin-top: 8px;
	}
	
	p#searchtags input
	{
		width: 15em;
	}

/* FIND A CITY */
	form#locator
	{
		background-color: #dfd;
		
		width: 98%;
		border: 1px solid #bbb;
		padding: 4px 2px 4px 2px;
		margin-bottom: 5px;
	}
	
	input#citysearch
	{
		width: 10em;
	}

	#searchresults
	{
		font-size: 11px;
		overflow:scroll;
		height: 130px;
		margin: 2px 0 2px 0;
		border: 1px solid #ccc;
	}
	
	p.tip
	{
		color: #900;		
	}
	
	#searchresults table
	{
		width: 265px;
		margin: 0;
		padding: 0;
		margin-bottom: 1.5em;
		font-size: 11px;
		
	}
	
	#searchresults table tr
	{
		padding: 1px;
		background: #fff;
		border-top: 1px solid #fff;
	}
	
	#searchresults table td
	{
		background-color: #ddd;
		margin-left: 2px;
		padding: 1px;
	}
	
	#searchresults table tr.odd td
	{
		background-color: #fff;
	}
	
	
/* ADS */
	#adstip
	{
		display: none;
		float: right;
		width: 120px;
		font: normal 11px verdana, arial;
		color: #666;
		padding: 3px;
	}
	
	#adstip strong
	{
		color: #090;
		font-weight: bold;
	}
	
	#googleads
	{
		display: none;
	}
	
	#btnHideAds
	{
		float: right;
	}
	
	#gadcontainer
	{
		width: 765px;
		border: 2px solid #ddd;
		
		border-top-color: #ddd;
		border-left-color: #ddd;
		border-bottom-color: #ccc;
		
		border-right: 0;
		background-color: #fff;
		padding: 0;
	}
	
	#adimg
	{
		display: none;
		float: left;
	/*	border: 1px solid #ddd;*/
		padding: 0px 10px 0px 10px;
		margin-right: 20px;
		margin-top: 3px;
	}
	
	#gadssearch
	{
		float: right;
		margin-left: 20px;
	}
/* TAGGING OF ROUTES */
	strong.tagemphasis
	{
		color: #036;
	}
	
	a#btnEditTags
	{
		font-weight: bold;
		margin-left: 4px;
	}
	
	a#btnDelPoint
	{
		color: #c00;
	}
	
	div#routetags
	{
		margin: 8px 0px 2px 0px;
		font: normal 12px verdana;
		width: 99%;
	}
	
	span.tag
	{
		margin: 1px 7px 1px 2px;
	}
	
	div#routetags a
	{
		padding: 2px;
		display: block;
		float: left;
		margin: 1px 2px 1px 2px;
		border: 1px solid #fff;
		font-size: 11px;
	}
	
	div#routetags a.off:hover
	{
		background-color: #fad;
	}
	
	div#routetags a.on
	{
		background-color: rgb(254, 240, 155);
		border: 1px solid #ccc;
	}

	div#routetags a.anti
	{
		background-color: #900;
		color: #fff;
		border: 1px solid #ccc;
	}

		
	#savetagnote
	{
		font-size: 11px;
		clear: left;
		color: #444;
		display: none;
	}


/* FLY OUTS */
	div.flyoutholder
	{
		border: 1px solid #196;

		border-top-color: #999;
		border-left-color: #999;
		border-right-color: #666;
		border-bottom-color: #666;
		z-index: 1000;
	}

	div.flyoutholder h2
	{
		padding: 2px 2px 2px 4px;
		margin: 0px;
		height: 15px;
		font: bold 13px verdana, arial;
		color: #036;
	}
	
	div.flyoutinner
	{
		border: 1px solid #196;

		border-top-color: #ccc;
		border-left-color: #ccc;
		border-right-color: #999;
		border-bottom-color: #999;
		overflow: scroll;
	}
	
	div.flyoutinner p, div.flyoutinner td
	{
		font-size: 10px;
	}
	
/* NEARBY ROUTES FLYOUT */
	table#nearbyroutes
	{
	}
	
/* ELEVATIONG GRAPH FLYOUT */
	#elevationFO p
	{
		/*text-align: center;*/
		padding: 20px 8px 2px 8px;
	}
	
	#elevationFO  #totalrise
	{
		margin-right: 3em;
	}
	
/* FLY OUT FORMS */
	form.flyoutform p
	{
		padding: 5px 3px 5px 3px;
		font-size: 12px;
	}
	
	form.flyoutform p label
	{
		font-weight: bold;
	}
	

/* PAGINATION */
	p.pagination	
	{
		display: block;
		width: 100%;
		font-size: 14px;
		text-align: center;
		padding: 1px;
		margin: 1em 0 1em 0;
	}
	
	p.pagination a:hover
	{
		background-color: #ff8;
	}
	
	p.pagination .pageindicies
	{
		margin: 0 1em 0 1em;
	}
	
	p.pagination .currentpage
	{
		font-weight: bold;
	}
	
	

/* ROUTE CREATION OPTIONS */
	ul#creationoptions li
	{
		margin-bottom: 15px;
	}
	
	
	

	
/* TUTORIALS BODY */

	div.tute
	{
		clear: both;
		margin-left: 0;
	}
	
	div.tute p 
	{
		line-height: 140%;
	}
	
	div.tute p em
	{
		font-style: italic;
	}
	
	div.tute p img
	{
		border: 1px solid #bbb;
		margin-left: 15px;
	}
	
	div.tute h2
	{
		margin-bottom: 0.5em;
		font: bold 14px verdana, arial;
		color: #036;
	}
	
	p.crumbtrail
	{
		font-size: 11px;
		font-weight: bold;
		margin: 2px;
		padding: 0px 0px 2px 0px;
		color: #444;
	}
	
	p.crumbtrail a 
	{
		color: #060;
	}
	
	div.tute ul.tutoriallist
	{
		margin-left: 15px;
		margin-bottom: 2em;
	}
	
	div.tute ul.tutoriallist li	
	{
		margin-bottom: 0.5em;
		margin-left: 13px;
		padding-left: 5px;
	}

	
	div.tute ul.tutoriallist li
	{
		list-style-image: url(/css/document.gif);
	}
	
	div.tute ul.tutoriallist li a
	{
		font-weight: bold;
		color: #036;
	}

	div.tute h3.seealso
	{
		margin-top: 55px;
		color: #060;
		border-top: 1px solid #ccc;
	}
	
	div.tute ul.tutoriallist li span.description
	{
		font-size: 12px;
		color: #444;
		display: block;
		margin-top: 3px;
		width: 70%;
	}


	div.tute pre.code
	{
		font: normal 12px courier new, courier, serif;
		display: block;
		border: 1px solid #ccc;
		padding: 1.2em;
		background-color: #eee;
		margin-left: 3em;
		margin-right: 3em;
	}
	
/* MAILOUT */
	#mailout_body
	{
		font: normal 12px courier;
	}
	
/* FOOTER */
	#footer
	{
		clear: both;
		margin-top: 35px;
		border-top: 1px solid #ccc;
		padding: 5px 2em 2em 2em;
	}
	
	#footer p
	{
		font-size: 11px;
		width: 800px;
	}
	
	#catalogitem fieldset
	{
		width: 90%;
	}
	
	#catalogitem div.SFelemText input
	{
		width: 35em;
	}
	
	#catalogitem textarea
	{
		width: 40em;
		height: 17em;
	}
	
/* CATALOG */
	#wapp_reviews h1
	{
		font: bold 17px verdana, arial;
		color: #036;
		margin-bottom: 8px;
		clear: right;
	}
	
	#wapp_reviews h2 	
	{
		margin-bottom: 2px;
	}
	
	#wapp_reviews h2 a
	{
		font: bold 14px verdana, arial;
		color: #036;
	}

	#wapp_reviews p.crumbtrail
	{
		text-align: right;
		margin-bottom: 5px;
		background-color: #eee;
		padding: 0;
		width: 100%;
	}
	
	#wapp_reviews div.item p, div.userreview p
	{
		font: normal 16px Georgia, Times New Roman;
		line-height: 150%;
		margin-left: 5px;
		width: 500px;
		text-align: justify;
	}
	
	#wapp_reviews div.item p.quote
	{
		color: #b70;
		font-style: italic;
		margin-left: 20px;
		width: 460px;
	}
	
	#wapp_reviews div.img200
	{
		float: right;
		margin-bottom: 5px;
	}
	
	#wapp_reviews div.img85
	{
		clear: left;
		float: left;
		padding: 15px 15px 65px 1px;
	}

	#wapp_reviews div.img200 a
	{
		border: 1px solid #ccc;
		padding: 5px;
		background: #fff;
		display: block;
		border-collapse: collapse;
	}
	
	#wapp_reviews div.img200 a:hover
	{
		border: 1px solid #900;
	}
	
	
	#wapp_reviews span.imgbuylink a
	{
		font: bold 10px verdana, arial;
		text-align: center;
		color: #333;
		border: 0;
		background-color: #FFff99;
		text-decoration: none;
	}
	
	#wapp_reviews span.imgbuylink a span.tlp
	{
		color: #b00;
		text-decoration: underline;
	}
	
	#wapp_reviews span.imgbuylink a:hover
	{
		border: 0;
		background-color: #FFd900;
	}

	#wapp_reviews span.itemcount
	{
		margin-left: 8px;
		color: #777;
	}
	
	#wapp_reviews div.item div.details
	{
		clear: both;
	}
	
	
	#wapp_reviews div.item p.backto, #wapp_reviews div.item p.lowprice
	{
		text-align: right;
		margin-bottom: 5px;
		background-color: #e9e4e4;
		padding: 0;
		width: 100%;
	}
	
	#wapp_reviews div.item p.lowprice
	{
		background-color: #FFff99;
	}
	
	#wapp_reviews div.item p.lowprice a
	{
		color: #900;
	}

	
	#wapp_reviews label.lblradio
	{
		margin-right: 9px;
	}
	
	#wapp_reviews div#review_submitted
	{
		width: 100%;
		padding: 15px;	
		border: 1px dotted #036;
		background-color: #ede;
		margin: 15px 0 15px 0;
	}
	
	#wapp_reviews div.userreview
	{
		margin: 0 15px 25px 0px;
		padding-left: 25px;
		border-bottom: 2px dotted #036;
		background: #fff url(quote_left.gif) no-repeat top left;
	}

	#wapp_reviews div.userreview h2
	{	
		font: bold 14px verdana, arial;
		color: #590;
		clear: right;
	}
	
	div#custreviews
	{
		clear: both;
	}
	
	
	#wapp_reviews div.brandlist
	{
		float: left;
		display: block;
		margin-right: 200px;
	}
	
	#wapp_reviews div.brandlist li
	{
		margin-bottom: 4px;
	}
	
	#wapp_reviews div.brandlist li.chosen
	{
		font-weight: bold;
	}
	

	
/* Join bikely ad RH float */

	div#bottomcta
	{
		border: 1px solid #ddd;
		padding: 8px;
		margin-top: 15px;
		background-color: #FFf0cc;		
	}
	
	div#joinbikelyad
	{
		border: 2px solid #ddd;
		padding: 8px;
		margin-top: 15px;
		background-color: #FFFAF0;
		float: right;
		width: 195px;	
	}
	
	div#joinbikelyad h2, div#bottomcta h2
	{
		font: bold 13px verdana, arial;
		color: #f60;
	}
	
	div#bottomcta h2
	{
		margin-bottom: 8px;
	}
	
	div#joinbikelyad.joinbikelyad p
	{
		width: auto;
		font: normal 12px verdana, arial;
		margin: 0;
		text-align: left;
		padding: 12px 0 0 0;
		line-height: 140%;
	}
	
	div#joinbikelyad p.calltoaction
	{
		text-align: center;
		font-weight: bold;
	}
	
	div#joinbikelyad p.calltoaction a
	{
		color: #900;
	}
	
/* Dropdown menus */

	#mainnav
	{
		float: left;
		margin-top:13px;
	}

	a#btnShare
	{
		background: transparent url(icons/megaphone.gif) no-repeat center left;
		padding-left: 20px;
	}
	
	div#sharemenu.hasicons a
	{
		padding-left: 20px;
		background-color: transparent;
		background-position: center left;
		background-repeat: no-repeat;
		margin-left: 3px;
	}
	
	#btnGPX, #btnKML { background-image: url(/download.gif); }
	#btnDelicious { background-image: url(icons/delicious.png); }
	#btnDigg { background-image: url(icons/digg.png); }
	#btnReddit { background-image: url(icons/reddit.png); }

	.chromestyle{
/*	width: 80%;*/
	font-weight: bold;
	}

	.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

	.chromestyle ul{
	border: 1px solid #BBB;
	/*width: 100%;*/
	background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
	}

	.chromestyle ul li{
	display: inline;
	cursor: pointer;
	}

	.chromestyle ul li a{
	color: #494949;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DADADA;
	cursor: pointer;
	font:bold 11px Verdana;
	}

	.chromestyle ul li a:hover{
	/*background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
	color: #900;
	}

/*	.chromestyle ul li a[rel]:after{ 
	content: " v";
	}

*/
	/* ######### Style for Drop Down Menu ######### */

	.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:bold 11px Verdana;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
	}


	.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: black;
	}

	* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
	}

	.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #F0F0F0!important;
	}
	

/* In menu Search Form */
	#frmMenuSearch
	{
		margin: 2px 0 0 3px;
		padding: 0;
		
	}
	
	#txtInMenuSearch
	{
		width: 120px;
	}
	
	#btnInMenuSearch
	{
		/*width: 40px;*/
	}

/* Fading Tooltips */
        div#ttShadow.toolTip
        {
                background-color: #888;
                border: 0;
                z-index:999;
        }

        div.toolTip
        {
                margin: 0px 0px 0px 0px;
                background:#ffffe1;
                border:1px solid #222;
                padding:2px 4px 2px 4px;
                position:absolute;
                text-align:center;
                z-index:1000;
        }

        div.toolTip p
        {
                margin:0;
                padding:0;
                color:#333;
                font:11px verdana,arial,serif;
        }

        span.hover
        {
                border-bottom: 1px dotted #555;
                padding-bottom: 1px;
                cursor: help;
        }
	
	
/* Landing page */
	div#landingjoin
	{
		background-color: #f3f3f3;
		border: 1px solid #e9e9e9;
		padding: 10px;		
	}
	
	div#landingjoin #SFc_tos	
	{
		padding: 0;
		margin: 0;
	}
	
	div#landingjoin #SFc_join_submit
	{
		margin-top: 0;
	}
	
	
	#wapp_landing p.introtext
	{
		line-height: 200%;
		text-align: justify;
	}
	
	#wapp_landing #mapholder
	{
		float: right;
		margin-left: 11px;
	}
	
	#wapp_landing #mapframe
	{
		/*border: 1px solid #999;*/
		width: 340px;
		height: 300px;
	}
	
	h2.grabber, #wapp_landing h2
	{
		font: bold 22px arial, sans-serif;
		color: #f60;
	}
	
	#wapp_landing h2
	{
		background: transparent url(/css/hand.png) no-repeat center left;
		padding-left: 50px;
		margin-bottom: 6px;
	}
	
	
/* invite friends page */
	

	#wapp_invite #message
	{
		width: 250px;
		height: 200px;
	}</pre></body></html>