html { font-size: 62.5%; }

body { font: normal 1.4em/1.8em Arial, Helvetica, sans-serif; background: #f8f8f8; }

.clear { clear: both; }

hr { border: none; border-bottom: 1px solid #ccc; margin-left:10px; margin-right:10px; height: 1px; clear: both; }

a { text-decoration: none; color: #333; }

.none { display: none; }

#skips { position: absolute; top: -100em; display: none; }

#wrapper { margin: 0 auto; width: 1000px; }

#header { height: 165px; width: 995px; *width: 995px; margin:0 auto; }

#logo { height: 150px; 	width: 335px; float: left; }

#bucket_icon { height: 59px; 	width: 48px; float: right; }

#view_button { height: 27px; 	width: 50px; float: right; }

#checkout_button { height: 27px; 	width: 81px; float: right; }

#nav { width: 950px; height: 45px; }

#nav ul { background: url(../images/nav_bg.gif) top right no-repeat; height: 45px; }

#nav li.end { background: 0; }

ul#sponsors { height: 87px; float: left; margin-left: 10px; width: 100%; }

ul#sponsors li { float: left; margin-right:12px; margin-top:8px; }*/

#sponsors  { float: left; margin-left:20px;}

#arrow_left  { float: right;}

#arrow_right  { float: right; }

#content { float: left; background: url(../images/main_bg.gif) top left repeat-y; width: 992px; *width: 979px; margin:0 auto; }

#content-top { background: url(../images/main_bg_top.gif) bottom left no-repeat; height: 10px; width: 992px; *width: 979px; float: left; }

#content-bot { background: url(../images/main_bg_bottom.gif) top left no-repeat; height: 10px; width: 992px; *width: 979px; float: left; }

#left { width: 555px; float: left; margin: 5px 0 0 12px; *margin: 5px 0 0 4px; }

#left h1 { color: #d61f28; font-size: 1.4em; margin: 6px 0 0 15px; }

h1.inner  { margin: 0 !important; }

*h2.inner  { margin: 10px 0 0 0; font-size: .88em; font-weight: bold; }

.border#left { border: 1px solid #ccc; }

#right { width: 277px; float: left; margin: 5px 0 0 11px; *margin: 5px 0 0 5px; }

#skyscraper { float: left; 	margin: 5px 0 0 11px; *margin: 5px 0 0 7px; }

.rss { float: right; height: 16px; margin: 0 5px 5px; width: 16px; }

.module { background: transparent url(../images/column-bg.gif) repeat-y scroll 0 0; line-height: 14px; display: inline; float: left; padding: 0 1px 0 0; width: 276px; margin: 0 0 10px 0; border-bottom: 1px solid #CCC; }

.module label { 	font: normal .8em/2em Arial, Helvetica, sans-serif; 	width: 77px; 	float: left; 	margin-left: 10px; }

.module input { 	color: #666666; 	font-size: .88em; }

.module .cal { 	margin-top: 0; 	vertical-align: middle; }

.module li { 	margin-top: 10px; }

.module span.btn { 	float: right; 	padding: 10px 0 0 0; }

.module span.btn_cal { 	float: right; 	padding: 0 25px 8px 0; }

div.b1promo p{padding:4px 13px;}

.b1promo p.link{text-align:right; font-weight:bolder;}

.b1promo img {margin:2px;}

#banner { border: 1px solid #ccc; 	margin-bottom: 10px; }

#banner p {padding: 5px 15px ; font-size:1.1em;}

#left .copy { 	padding: 10px; }

#left .copy ul {  list-style-type:circle; list-style-position:inside;}

#left .copy p, #left .copy li { 	font: normal .8em/1.5em Arial, Helvetica, sans-serif; 	margin-top: 10px; }

#participants, #viewbasket { 	border-collapse: collapse; 	font-size: .8em; 	margin-top: 20px; 	text-align: left; 	width: 535px; 	border: 1px solid #ccc; }

#participants a:hover { 	text-decoration: underline; 	color: #666; }

#participants th, #viewbasket th { 	background: transparent url(../images/title_bg.gif) repeat-x scroll right bottom; 	color: #333; 	font-size: 11px; 	font-weight: bold; 	padding: 2px 8px 2px 8px; }

#participants td, #viewbasket td { 	background: #eee none repeat scroll 0 0; 	border-bottom: 1px solid #FFFFFF; 	border-top: 1px solid transparent; 	color: #666; 	padding: 2px 8px 2px 8px; }

#participants tr.selected td { 	background: #333; 	color: #eee; 	font-weight: bold; }

#participants tr.selected td a { 	color: #eee; }

#participants td.show { 	background: #fefefe; }

#participants img { 	padding: 10px 10px 10px 0; 	float: left; }

#participants h2 { 	font: bold 1em/2.5em Arial, Helvetica, sans-serif; }

#participants td.hidden { 	display: none; }

#participants .viewmap { float:right; font-weight:bold; margin-bottom:10px;}

#viewbasket img { 	padding: 0 10px 0 0; 	float: left; }

#testimonial { 	line-height: 14px; }

.testimonials { border: 1px solid #ccc; 	border-top: 0; 	height: auto; width:508px; min-height:170px; margin: 0 5px 5px 5px; 	padding: 15px; 	background: #cc252e; 	color: #fff; 	font: bold 11px/1.5em Arial; 	border-top: 5px solid #fff;}
#testimonial p {padding-left:0px;}
#testimonial span.heading { 	display: block; 	font: normal 2em/2em Arial; padding-left:0px; }

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 508px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
margin-left:0px;
margin-right:0px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
padding-left: 5px; /*margin around each panel*/
padding-right: 5px;
margin-top:10px;
width: 508px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

h2.subtitle { 	background: transparent url(../images/title_bg.gif) repeat-x scroll right bottom; 	clear: both; 	color: #555; 	font-size: 1.2em; 	font-weight: bold; 	margin: 0 0 0 1px; 	padding: 11px 0 10px 12px; 	text-align: left; }

h2.main { 	background: transparent url(../images/title_bg.gif) repeat-x scroll right bottom; 	clear: both; 	color: #555; 	font-size: 1.2em; 	font-weight: bold; 	margin: 0; 	padding: 11px 0 10px 12px; 	text-align: left; 	border-left: 1px solid #ccc; 	border-right: 1px solid #ccc; }

#basket { 	float: right; 	margin-top: 55px; 	width: 200px; }

#basket .bag { 	float: left; 	margin-right: 12px; }

#basket .text { 	color: #d8242d; }

#basket span.view, #basket span.checkout { 	display: inline; }

#checkout_totals { 	text-align: right; 	font-size: .88em; 	padding-top: 10px; }

#checkout_totals h2 { 	display: inline; 	font-weight: bold; 	margin: 0 10px 0 0; }

#checkout_totals .total { 	padding: 10px 0 10px 0; }

dl.testimonial { 	display: inline; margin: 8px 0 0 0; 	padding: 14px 10px 0 10px; }

dl.testimonial a { 	color: #d8242d; 	text-decoration: none; }

dl.testimonial a:hover { 	text-decoration: underline; }

.testimonial dd, .testimonial dl {display:block;}

.testimonial dd.image { 	padding: 0 18px 5px 0; }

.testimonial dd.quote { 	margin: 0;}

.testimonial dd p { 	font-size: .8em; 	line-height: 1.5em; 	margin: 0; 	padding: 12px 20px 12px 30px; 	text-align: left; }

.testimonial dd.image p { 	padding: 0; text-align:right; }

.testimonial dd.image p em { 	color: #d61f28; 	font-size: 1em; 	font-style: normal; 	font-weight: bold; }

dl.patron { 	display: inline; 	float: left; 	margin: 8px 0 0 0; 	padding: 14px 10px 0 10px; }

dl.patron a { 	color: #d8242d; 	text-decoration: none; }

dl.patron a:hover { 	text-decoration: underline; }

.patron dd.image { 	float: left; width:150px;	padding: 0 18px 0 0; }

.patron  dd.quote { padding-top:5px;	margin: 0 0 0 140px; 	background: transparent url(../images/bg_testimonial.gif) no-repeat 0 0; }

.patron  dd p { 	font-size: .8em; 	line-height: 1.5em; 	margin: 0; 	padding: 5px 20px 12px 30px; 	text-align: left; }

.patron  dd.image p { 	padding: 0; }

.patron  dd.image p em { 	color: #d61f28; 	font-size: 1em; 	font-style: normal; 	font-weight: bold; }

dl.article { 	display: inline; 	float: left; 	margin: 0; 	padding: 14px 10px 0 10px; }

dl.article a { 	color: #d8242d; 	text-decoration: none; }

dl.article a:hover { 	text-decoration: underline; }

.article dd.image { 	float: left; 	padding: 0 18px 0 0; }

.article dd.fulldesc { 	margin: 0 0 0 220px; }

.article dd.shortdesc { 	margin: 0 0 0 100px; }

.article dd p { 	font-size: .8em; 	line-height: 1.5em; 	margin: 0; 	padding: 4px 0px 12px 0px; 	text-align: left; }

.article dd h2 { 	display: inline; 	font-size: 1em; 	font-weight: bold; 	line-height: 1.1em; 	padding: 2px 0; 	margin-right: 10px; }

.article h2.featured { 	display: block; 	font-size: 1.2em; }

span.date { 	font-size: 11px; 	color: #777; }

dl.venue { 	border: 1px solid #ccc; 	padding: 10px; 	margin-bottom: 10px; 	float: left; 	width: 95%; }

dl.noBorder { 	border: none; }

ul.facts li { list-style-type:square; margin-left:20px;}

.venue dd.image { 	float: left; }

.venue dd.desc { 	margin: 0 0 0 170px; }

.venue dd p { 	font-size: .8em; 	line-height: 1.5em; 	margin: 0; 	padding: 4px 0px 12px 0px; 	text-align: left; }

.venue dd h2 { 	color: #D61F28; 	display: inline; 	font-size: 1em; 	font-weight: bold; 	line-height: 1.3em; 	padding: 2px 0; 	padding: 0; }

dl.cta, ul.facts { 	display: inline; 	float: left; 	margin: 8px 0 0 0; 	padding: 14px 10px 10px 10px; }

dl.cta a { 	color: #d8242d; 	text-decoration: none; }

dl.cta a:hover { 	text-decoration: underline; }

.cta dd.image { 	float: left; 	padding: 0 18px 0 0; }

.cta dd h2 { 	display: inline; 	font-size: 1em; 	font-weight: bold; 	line-height: 1.1em; 	padding: 2px 0; }

.cta dd p, .facts li p, .b1promo p { 	font-size: .8em; 	line-height: 1.5em; 	margin: 0; 	padding: 0; 	text-align: left; }

.cta .subtotal { 	float: right; 	width: 260px; 	text-align: right; }

.cta .subtotal h2 { float:left; margin-left:130px;}

.pagination ul { 	float: right; 	margin: 0; }

.pagination li { 	display: block; 	float: left; 	margin: 0 4px 0 0; 	padding: 4px 4px; 	color: #333; 	font-size: .8em; 	font-weight: bold; }

.pagination a { 	text-decoration: none; 	color: #999; }

.pagination a:hover { 	text-decoration: underline; }

.pagination li.active { 	color: #999; }

.share ul { 	float: left; 	margin: 0 0 0 10px; }

.share li { 	display: block; 	float: left; 	margin: 0 4px 0 0; 	padding: 4px 4px; 	color: #333; 	font-size: .8em; 	font-weight: bold; }

.share a { 	text-decoration: none; 	color: #777; }

.share a:hover { 	text-decoration: underline; 	color: #333; }

.tagged ul { 	margin: 0 0 0 10px; 	width: 550px; 	float: left; }

.tagged li { 	display: block; 	float: left; 	margin: 0 4px 0 0; 	padding: 4px 4px; 	color: #333; 	font-size: .8em; }

.tagged a { 	text-decoration: none; 	color: #999; 	border-bottom: 1px dotted #999; }

.tagged a:hover { 	text-decoration: none; }

.options { 	margin-bottom: 10px; 	font:bold 0.8em/1em Arial, Helvetica, sans-serif; }

.options select, .qty { 	color: #666666; 	font-size: .88em; }

.qty { 	width: 20px; }

#form p { margin-bottom: 10px; }

#form h1 { 	color: #D61F28; 	font-size: 1.4em; 	margin: 6px 0 12px 0; 	font-weight: bold; }

#form h2 { 	color: #D61F28; 	font-size: 1.2em; margin : 6px 0; }

#form label { 	float: left; width: 130px; 	font-size: .88em; }

#form label.light { 	color: #999; }

#form input { 	color: #666666; 	font-size: .88em; 	width: 150px; }

#form select { 	color: #666666; font-size: .88em; }

#form button { 	background: url(../images/btn_cont.gif) no-repeat center center; 	width: 90px; 	height: 30px; 	border: none; 	margin-top: 10px; 	cursor: pointer; }

#form button.submit { 	background: url(../images/btn_submit.gif) no-repeat center center; 	width: 68px; 	float: right; 	margin-right: 12px; }

#form p { font: normal 1em/1.5em Arial, Helvetica, sans-serif; 	margin-top: 10px; }

#form p.contact { 	font: normal .88em/1.5em Arial, Helvetica, sans-serif; 	margin-top: 10px; }

#form .checkbox input { margin:0; width:auto;}

#form .sub-button {margin:5px; float:left; width:auto;}

#form dl{ float:none; height: 2em;padding:0; }

#form dt{ float:left; width:150px;font-size: 1em; font-weight:bold;}

#form dd{margin-left:160px;}

#form p.edit-details{margin-left:300px; font-size:1.1em;}

.payment-types { float:right; width:206px; margin:5px 0;}

#gallery img { 	padding: 1px; } /* Reduced padding from 3px to 1px to make thumbnails fit 5 to a line as mock-ups were too small */

#gallery h2 { 	font: bold 1em/1.5em Arial, Helvetica, sans-serif; 	margin-top: 10px; }

#product_details p { font: normal .88em/1.5em Arial, Helvetica, sans-serif; }

#call_to_actions ul { float: left; margin: 10px 0 10px 10px; width: 95%; }

#call_to_actions ul li { float: left; width: 33%; }

.module .gallery { padding: 10px 0 10px 18px; }

.module .gallery img { 	background-color: #FFFFFF; 	margin: 5px 5px 0 0; padding: 5px; 	width: 65px; }

#footer { background: transparent url(../images/bg_footer.gif) repeat-x scroll right bottom; float: left; height: auto; 	margin-top: 10px; padding: 20px 0 8px; width: 975px; *width: 979px; margin: 0 10px 0 10px; *margin: 0 5px 0 5px; border-top: 1px solid #eee; }

#footer h1 { color: #d61f28; font-size: 12px; margin-top: 10px; }

#footer h1.address { color: #d61f28; font-size: 12px; font-weight: bold; margin-top: 10px; line-height: 1.2em; }

#footer h1.section { margin-left: 20px; color: #000; font-size: 1.3em; float: left; }

#footer h1.links { width: 548px; }

#footer ul li em { color: #d61f28; font-style: normal; }

#footer ul { float: left; margin: 0 0 0 20px; padding: 0 10px 0 0; width: 150px; }

#footer ul li { font-size: 11px; color: #333; list-style-image: none; list-style-type: none; line-height: 1.5em; }

#subFooter { width: 100%; height: 22px; float: left; }

#subFooter span { font-size: 10px; margin-left: 45px; *margin-left: 15px; }

#subFooter a, #footer a { color: #333; text-decoration: none; }

#subFooter a:hover, #footer a:hover { color: #777; text-decoration: none; }

#nav li.end { background: 0; }

.nav { 	width: 990px; height: 40px; position: relative; z-index: 100; font-family: arial, sans-serif; margin:0 auto; float:left; }

* html .nav { width: 950px; w\idth: 990px; }

.nav ul { background: url(../images/nav_bg.gif) top right no-repeat; height: 45px; 	padding: 0; margin: 0; list-style-type: none; }

.nav ul ul { width: 149px; }

.nav li { float: left; position: relative; background: url(../images/nav_div.gif) 0px 1px no-repeat; }

.nav li.first { background: url(../images/nav_left.gif) no-repeat 0 -2px; height: 45px; width: 86px; }

.nav li.first a:hover { background: none; }

.nav a, .nav a:visited { display: block; text-decoration: none; color: #333; height: 40px; border-width: 1px 0 1px 1px; 	padding-left: 10px; line-height: 40px; font-weight: normal; padding: 0 25px 0; 	font-size: 16px; text-align: center; font-family:Tahoma; }

* nav .nav a, * html .nav a:visited { width: 120px; w\idth: 125px; 	padding: 0; }

.nav ul ul { visibility: hidden; position: absolute; height: 0; left: 0; width: 149px; }

* html .nav ul ul { top: 40px; 	t\op: 40px; }

.nav ul ul li a { font-size: .8em; }

.nav ul ul li a:hover { font-size: .8em; background: #2f2f2f url(../images/nav_div.gif) repeat-x bottom center; color: #d61f28; }

.nav table { position: absolute; top: 0; left: 0; border-collapse: collapse; }

.nav ul ul a, .nav ul ul a:visited { background: #3d3d3d; color: #fff; height: auto; line-height: 1em; padding: 5px 10px; width: 192px; border-width: 0 1px 1px 1px; font-size: .8em; text-align: left; }

* html .nav ul ul a, * html .nav ul ul a:visited { width: 188px; w\idth: 188px; }

.nav :hover > a, .nav ul ul :hover > a { background: #2f2f2f url(../images/nav_div_o.gif) repeat-x bottom center; color: #FFFFFF; }

.nav a:hover, .nav ul ul a:hover { background: #2f2f2f url(../images/nav_div_o.gif) repeat-x bottom center; color: #FFFFFF; font-family:Tahoma; }

.nav ul li:hover ul, .nav ul a:hover ul { visibility: visible; }

.nav ul :hover ul ul { visibility: hidden; }

.nav ul :hover ul :hover ul { visibility: visible; }

.nav li.first a { width: 86px !important; padding: 0; }

.map { background: #FFFFFF url(../images/parade_map.jpg) no-repeat 0 0; height: 570px; list-style-type: none; padding: 0; 	position: relative; width: 540px; z-index: 100; }

.map li a { text-indent: -999px; display: block; width: 16px; height: 16px; background: url(../images/poi.gif) no-repeat 0 0; 	position: absolute; line-height: 8px; }

.map li a em { visibility: hidden; position: absolute; }

.map li a.p1 { top: 432px; left: 427px; }

.map li a.p2 { top: 284px; left: 473px; }

.map li a.p3 { top: 208px; left: 443px; }

.map li a.p4 { top: 173px; left: 305px; }

.map li a.p5 { top: 62px; left: 265px; }

.map li a.p6 { top: 56px; left: 88px; }

.map li a:hover { background: #d61e2a; text-indent: 0; height: 1.2em; font-size: 11px; color: #fff; line-height: 1.2em; padding: 2px 10px; width: 130px; /*90px;*/ }

* html .map li a:hover { width: 110px; height: 1.5em; w\idth: 90px; he\ight: 1.2em; }

.map li a:hover em { visibility: visible; margin-left: 5px; background: #fff; border: 1px solid #333; width: 404px; color: #333; 	padding: 3px; font-style: normal; top: -262px; left: -5px; font-family: arial, sans-serif; line-height: 1.5em; }

* html .map li a:hover em { width: 404px; w\idth: 404px; }

.map li a:hover em img { border: 1px solid #ccc; display: block; margin: 10px; float: left; position: relative; z-index: 4000; }

.map li a:hover em span { display: block; width: 0; height: 0; overflow: hidden; position: absolute; left: 0; top: 128px; }

* html .map li a:hover em span { width: 30px; height: 30px; w\idth: 0; he\ight: 0; }

.hidden { visibility:hidden; display:none; }

.button { cursor:pointer;}

.clearbackground
{
	filter: Alpha(Opacity=60);
	opacity:0.6;
}

.opaquebackground
{
	filter: Alpha(Opacity=90);
	opacity:0.9;
}

.map-buttons div
{
	font:Arial;
	height:37px;
	padding-left:35px;
	padding-right:5px;
	padding-top:10px;
	margin:5px 5px 5px 0;
	float:left;
	border:solid 1px black;
	cursor:pointer;
}

.map-buttons div { background-color:#FFF;}

.map-buttons #route-btn
{
	background: url(../images/mapicons/trail.png) no-repeat left; 
}

.map-buttons #gstdcom-btn
{
	padding-left:65px;
	background: url(../images/mapicons/gst-com.png) no-repeat left; 
}

.map-buttons #tfa-btn
{
    padding-left:65px;
	background: url(../images/mapicons/tlt-fa.png) no-repeat left; 
}

.map-buttons #cre-btn
{
	background: url(../images/mapicons/crest.png) no-repeat left; 
}

.map-buttons #poi-btn
{
	background: url(../images/mapicons/highlights.png) no-repeat left; 
}

.testimonials2 #leftarrow
{
	background:url(../images/arrow_left.jpg) no-repeat right;
}