html { font-family: "Trebuchet MS", Trebuchet; font-size: 13px; color: #46464D; background: #506584; line-height: 24px; height: 100%; }
body { margin: 0; min-height: 100%; padding-bottom: 20px; }

h1 { color: #576F7C; font-size: 21px; line-height: 24px; margin: 20px 0 10px; text-transform: uppercase; }
h2 { margin: 9px 0; }
h1, h2, h3, h3, h4, h5, h6 { color: #576F7C; margin: 9px 0; text-transform: uppercase; font-weight: normal; }
h4 { text-transform: uppercase; }
p, li, ol { text-align: left; }
	#column p { text-align: left; }

.pageMotatapu-home h1 { color: #980e1b !important; line-height: 28px !important; margin-bottom: 10px; }
.pageMotatapu-home h2, .pageMotatapu-home h3, .pageMotatapu-home h4 { color: #980e1b !important; }
a { text-decoration: none; color: #F37022; }
a:hover { text-decoration: underline; }

img {  }

.left { float: left; }
.right { float: right; }
img.left { margin: 0 5px 5px 0; }
img.right { margin: 0 0 5px 20px; }
img.center { display: block; margin: 0 auto; }
th.left, td.left { float: none; text-align: left; }
th.right, td.right { float: none; text-align: right; }
th, td { border: 1px solid silver; }

.clear { clear: both; }

.row { overflow: hidden; clear: both; }
.column { float: left; }


#header { margin: 0 auto 20px; background: url(../images/white50.png); width: 947px; height: 139px; padding: 0 9px 9px; font-size: 12px; }

	#header .innerWrap { position: relative; background: url(../images/header.jpg); height: 138px; }

	#logo { margin: 0; position: absolute; top: 38px; left: 16px; }

	#header .nav { margin: 0; padding: 0 15px; position: absolute; top: 0; left: 16px; background: url(../images/background-nav.png) no-repeat; width: 420px; }
	#header .nav li { margin: 0; padding: 0; list-style: none; float: left; line-height: 26px; font-weight: bold; background: url(../images/seperator-nav.png) no-repeat right 8px; }
	#header .nav li:last-child, #header .nav li.last-child { background: none; }
	#header .nav li a { color: white; text-decoration: none; padding: 0 20px; font-family: Georgia; text-transform: uppercase; }

	#latest { width: 360px; height: 90px; position: absolute; top: 32px; left: 280px; }
	#latest h5 { margin: 0; }
	#latest ul { margin: 0; }
	#latest li { color: #0271F4; padding: 0 0 0 15px; margin: 0; background: url(../images/icon-gt.png) no-repeat left 8px; font-size: 12px; font-family: Trebuchet MS, Trebuchet; font-weight: bold; list-style: none; }
	#latest li a { text-decoration: none; color: #0271F4; }
	#latest li a:hover { color: #F37022; }

	#newsletter { z-index: 10; overflow: hidden; position: absolute; top: 0; right: 16px; line-height: 14px; background: url(../images/background-newsletter.png) no-repeat 0 -57px; width: 435px; color: white; padding: 7px 0 0 15px; font-weight: bold; font-family: Georgia; text-transform: uppercase; height: 21px; }
	#newsletter * { margin: 0; padding: 0; }
	#newsletter fieldset { margin: 0; position: absolute; width: 426px; top: 30px; left: 14px; height: 35px; }
	#newsletter label { display: none; }

	#newsletter input.text { margin-right: 6px; float: left; background: url(../images/background-newsletter-field.png) no-repeat; width: 128px; height: 15px; border: 0; color: white; font-family: Trebuchet MS, Trebuchet; padding: 3px 5px; }
	#newsletter #Email { position: absolute; top: -26px; right: 0; }
	#newsletter #Town input, #newsletter #Email input { margin-right: 0; }
	#newsletter .Actions { position: absolute; top: 56px; right: 7px; }
	#newsletter .validation, #newsletter .message { display: none !important; }

	#login { width: 300px; position: absolute; right: 17px; top: 29px; text-align: right; }

	#searchForm { width: 220px; position: absolute; right: 10px; bottom: 0; }
	#searchForm label { display: none; }
	#searchForm input.text { background: white; padding: 3px; border: 0; }
	#searchForm input.action { background: white; padding: 3px; border: 0; }
	#searchForm .middleColumn { float: left; margin-right: 5px; }

#content { margin: 0 auto; width: 944px; background: url('../images/Interior-Page-background.jpg') repeat-y; }

	#content .nav { margin: 0; position: relative; top: -10px; padding: 0 25px 0 30px; background: url(../images/background-nav2.png) no-repeat; height: 38px; overflow: hidden; }
		.pageMotatapu-home	#content .nav { background: url(../images/background-nav2Red.png) no-repeat; }
	#content .nav li { margin: 0 16px; padding: 0; float: left; text-transform: uppercase; font-family: "Trebuchet MS", Trebuchet; line-height: 38px; font-size: 15px; list-style: none; letter-spacing: -0.2px; color: #9BC1CE; }
	#content .nav li a { text-decoration: none; color: #9BC1CE; }
		.pageMotatapu-home #content .nav li a { color: #999999; }
	.pageMotatapu-home #content .nav li.current a, .pageMotatapu-home #content .nav li.section a, .pageMotatapu-home #content .nav li a:hover, .pageMotatapu-home #content .nav li.current a, .pageMotatapu-home #content .nav li.section a, .pageMotatapu-home #content .nav li a:hover { color: #FFFFFF; }

	#breadcrumbs { padding: 10px 10px 0; clear: both; }

	#layout { background: url('../images/Interior-Page-background-To.jpg') no-repeat top left; position: relative; top: -10px; min-height: 481px; padding: 10px; }

	#main { padding-top: 20px;  }

	#main .column { width: 400px; float: left; margin: 30px; }

	#serieslogo { overflow: hidden; position: relative; margin-bottom: 25px; }
	#introduction { width: 100%; color: #576F7C; font-size: 14px; text-align: right; line-height: 24px; font-style: italic; }
	#introduction * { margin: 0; }

	#layoutSeries #layout { top: 0; background: none; margin: 0 -10px; }
	#layoutSeries #column { float: left; width: 157px; height: 526px; background: white; padding: 13px; margin: 10px 0 0 -11px; position: relative; }
	#layoutSeries #main { margin-left: 178px; width: 776px; }
	#layoutSeries #seriesHeader { padding: 20px 20px 0 20px; overflow: hidden; }
	#layoutSeries #serieslogo { float: left; width: 300px; height: auto; overflow: hidden; }
	#layoutSeries #introduction { position: static; text-align: left; font-size: 12px; font-style: normal; }
	#layoutSeries #introduction h1 { font-family: Georgia; line-height: 32px; font-weight: normal; text-transform: none; font-size: 21px; margin-bottom: 10px; }
	#layoutSeries .row { background: url(../images/home-columns.gif) repeat-y; margin: 0 -11px; position: relative; top: 10px; }
	#layoutSeries h5 { text-transform: none; font-size: 14px; }

	#layoutSeries #column { float: left; width: 157px; height: 490px; background: white; padding: 13px; margin: 10px 5px 0 -9px; position: relative; }
	#layoutSeries #column h5 { margin: 0 0 -78px 0; padding: 20px 0 20px 30px; color: white; text-transform: uppercase; font-size: 14px; background: url(../images/Arrow.png) no-repeat; width: 201px; height: 69px; position: relative; left: -29px; top: -32px; }
		#layoutSeries.pageMotatapu-home #column h5 { background: url(../images/ArrowRed.png) no-repeat !important; }
	#layoutSeries #column img.center { position: absolute; bottom: 2px; }


	#layoutGeneric-2-Column #main { float: right; width: 565px; padding-right: 10px; margin: 0 20px 0 -10px; }
	#layoutGeneric-2-Column #column { float: left; width: 286px; padding: 25px; }
	#layoutGeneric-2-Column #serieslogo { padding: 0; }
	#layoutGeneric-2-Column #introduction { padding: 0; }

	#layoutGeneric-3-Column #main { float: right; width: 615px; margin: 0 -10px; }
	#layoutGeneric-3-Column #column { float: left; width: 286px; padding: 25px 10px; }
	#layoutGeneric-3-Column #serieslogo { padding: 0; }
	#layoutGeneric-3-Column #introduction { padding: 0; margin-top: 10px; }
	#layoutGeneric-3-Column #main2 { float: left; width: 390px; margin-right: 20px; }
	#layoutGeneric-3-Column #column2 { width: 190px; margin: 10px 15px 0 0; float: right; font-size: 12px; }
	#layoutGeneric-3-Column #column2 h2 { color: #576F7C; }
	#layoutGeneric-3-Column #column2 ul { margin: 0px; }
	#layoutGeneric-3-Column #column2 ul li { list-style: none; }

	/*#layoutHome { background: url('../../Iconic Homepage.jpg') no-repeat top center; }*/
	/*#layoutHome #content { width: 956px; padding: 9px 0 9px 9px; background: url(../images/white50.png); position: relative; top: -10px; height: 498px; margin-bottom: 32px; }*/
	#layoutHome #layout { top: 0; background: none; margin: 0 -10px; }
	#layoutHome #seriesHeader { padding: 20px 20px 0 20px; overflow: hidden; }
	#layoutHome #serieslogo { float: left; width: 300px; height: auto; overflow: hidden; }
	#layoutHome #introduction { text-align: left; font-size: 12px; font-style: normal; float: left; width: 600px; }
	#layoutHome #introduction h1 { font-family: Georgia; line-height: 32px; font-weight: normal; text-transform: none; font-size: 21px; margin-bottom: 10px; }
	#layoutHome #column { float: left; width: 157px; height: 526px; background: white; padding: 13px; margin: 10px 0 0 -11px; position: relative; }
	#layoutHome #column h5 { margin: 0 0 -78px 0; padding: 20px 0 20px 30px; color: white; text-transform: uppercase; font-size: 14px; background: url(../images/Arrow.png) no-repeat; width: 201px; height: 69px; position: relative; left: -29px; top: -32px; }
	#layoutHome.pageMotatapu-home #column h5 { background: url(../images/ArrowRed.png) no-repeat !important; }
	#layoutHome #main { margin-left: 178px; width: 776px; }
	#layoutHome h5 { text-transform: none; font-size: 14px; }
	#layoutHome .row { background: url(../images/home-columns.gif) repeat-y; margin: 0 -11px; position: relative; top: 10px; }
	#layoutHome .row .column, #layoutSeries .row .column { width: 157px; padding: 13px; margin-right: 13px; overflow: hidden; }
	#layoutHome .row .column1, #layoutSeries .row .column1 { width: 157px; padding: 13px; margin-right: 11px; }
	#layoutHome .row .column5, #layoutSeries .row .column5 { margin: 0; }


#footer { margin: 20px auto 20px; background: url(../images/white50.png); width: 947px; padding: 9px; }

	#footer .innerWrap { position: relative; min-height: 85px; background: white; padding: 10px 10px 20px; overflow: hidden; }
	#footer p { text-align: center; }
	#footer #ratsandmice { clear: both; position: absolute; bottom: -13px; left: 0; width: 929px; }
	#footer #ratsandmice a { color: #46464D; }

/*
 * old horizontal events
.EventsComponent { margin: 0 -10px; }
.EventsComponent ul { margin: 0; padding: 0; }
.EventsComponent ul li { background: #7996A6; height: 118px; margin: 15px 0; padding: 0; list-style: none; position: relative; border: 3px solid white; }
.EventsComponent h3 { margin: 0; font-family: "Trebuchet MS", Trebuchet; font-size: 20px; float: left; }
.EventsComponent h3 a { color: white; }
.EventsComponent p { clear: both; margin-bottom: 0; }
.EventsComponent p.date { float: left; color: white; line-height: 20px; margin: 3px 0 0 10px; clear: none; }
.EventsComponent .logo { position: absolute; top: 0; left: 0; z-index: 9; }
.EventsComponent .image { position: absolute; top: 0; left: 244px; }
.EventsComponent .content { position: absolute; top: 0; left: 490px; width: 473px; height: 118px; overflow: hidden; padding: 10px; color: #6EE6FF; }
.EventsComponent .content ul { margin: 0; padding: 0; clear: both; }
.EventsComponent .content ul li { height: auto; border: none; background: transparent; float: left; width: 48%; margin: 2px 0; }
.EventsComponent .seperator { position: absolute; top: -6px; left: 474px; width: 13px; height: 130px; background: #4bb3E6; z-index: 10; }
.EventsComponent .overlay { position: absolute; top: 0; left: 243px; height: 118px; width: 238px; background: url(../images/blue80.png); z-index: 8; }
.EventsComponent .overlay .seperator { left: 231px; width: 7px; top: -6px; }
*/
.AccordionComponent ul { margin: 0; padding: 0; margin: 5px 0; }
.AccordionComponent ul li { height: 37px; list-style: none; margin: 0 0 12px; padding: 0; position: relative; overflow: hidden; }
.AccordionComponent ul li.current, .AccordionComponent ul li.section { height: auto; }
.AccordionComponent ul li a { height: 37px; line-height: 37px; color: white; display: block; background: url(../images/arrow-off-up.png) no-repeat 260px center #7797A6; padding-left: 14px; }
.AccordionComponent ul li.current a, .AccordionComponent ul li.section a { background: url(../images/arrow-on-up.png) no-repeat 260px center #586f7d; }
.AccordionComponent ul li.open.current a, .AccordionComponent ul li.open.section a { background: url(../images/arrow-on-down.png) no-repeat 260px center #586f7d; }
.AccordionComponent ul li a:hover { background: url(../images/arrow-on-down.png) no-repeat 260px center #586f7d !important; text-decoration: none; }
.AccordionComponent ul li.open a { background: url(../images/arrow-off-down.png) no-repeat 260px center #7797A6; text-decoration: none; }
.AccordionComponent ul li a img { vertical-align: middle; position: relative; left: -14px; top: -2px; margin-right: -3px; }
.AccordionComponent ul li .l { position: absolute; width: 5px; height: 37px; top: 0; left: 0; background: url(../images/accordion-overlay.png) no-repeat; }
.AccordionComponent ul li .r { position: absolute; width: 5px; height: 37px; top: 0; right: 0; background: url(../images/accordion-overlay.png) no-repeat top right; }
.AccordionComponent ul li ul { margin: 0; }
.AccordionComponent ul li ul li { margin: 0; border-bottom: 1px solid #779695; height: 30px !important; }
.AccordionComponent ul li ul li:last-child, .AccordionComponent ul li ul li.last-child { border-bottom: none; }
.AccordionComponent ul li ul li a { background: none !important; color: #779695; padding-left: 90px; line-height: 30px; }
.AccordionComponent ul li ul li a:hover { background: none !important; }

.sideNav ul { margin: 0; padding: 0; margin: 5px 0; }
.sideNav ul li { height: 37px; list-style: none; margin: 0 0 12px; padding: 0; position: relative; overflow: hidden; }
.sideNav ul li { height: auto; }
.sideNav ul li a { height: 37px; line-height: 37px; color: white; display: block; background: #7797A6; padding-left: 14px; text-decoration: none; }
.sideNav ul li.current a, .sideNav ul li.section a { background: #586f7d; }
.sideNav ul li.open.current a, .sideNav ul li.open.section a { background: #586f7d; }
.sideNav ul li a img { vertical-align: middle; position: relative; left: -14px; top: -1px; margin-right: -3px; }
.sideNav ul li .l { position: absolute; width: 5px; height: 37px; top: 0; left: 0; background: url(../images/accordion-overlay.png) no-repeat; }
.sideNav ul li .r { position: absolute; width: 5px; height: 37px; top: 0; right: 0; background: url(../images/accordion-overlay.png) no-repeat top right; }
.sideNav ul li ul { margin: 0; }
.sideNav ul li ul li { margin: 0; border-bottom: 1px solid #779695; height: 30px !important; }
.sideNav ul li ul li:last-child, .sideNav ul li ul li.last-child { border-bottom: none; }
.sideNav ul li ul li a { background: none !important; color: #779695; padding-left: 90px; line-height: 30px; }
.sideNav ul li ul li a:hover { background: none !important; }

.PageGalleryComponent { margin-bottom: 15px; position: relative; width: 600px; }
.PageGalleryComponent ul { display: none; }
.PageGalleryComponent p { margin: 0; position: relative; width: 600px; height: 334px; overflow: hidden; }
.PageGalleryComponent img { position: absolute; top: 0; left: 0; }
.PageGalleryComponent img.current { z-index: 10; }
.PageGalleryComponent img.upcoming { z-index: 8; }
.PageGalleryComponent .next, .PageGalleryComponent .prev { background: url(../images/next-prev-button.png) no-repeat top right; position: absolute; bottom: 10px; z-index: 11; padding: 0 20px; line-height: 18px; }
.PageGalleryComponent .next { background: url(../images/next-prev-button.png) no-repeat top left; right: 0; }
.PageGalleryComponent { margin-bottom: 15px; position: relative; width: 600px; }
.PageGalleryComponent ul { display: none; }
.PageGalleryComponent p { margin: 0; position: relative; width: 600px; height: 334px; overflow: hidden; }
.PageGalleryComponent img { position: absolute; top: 0; left: 0; }
.PageGalleryComponent img.current { z-index: 10; }
.PageGalleryComponent img.upcoming { z-index: 8; }
.PageGalleryComponent .next, .PageGalleryComponent .prev { background: url(../images/next-prev-button.png) no-repeat top right; position: absolute; bottom: 10px; z-index: 11; padding: 0 20px; line-height: 18px; }
.PageGalleryComponent .next { background: url(../images/next-prev-button.png) no-repeat top left; right: 0; }


.PhotoGalleryComponent ul { margin: 5px 0; padding: 0; }
.PhotoGalleryComponent ul li { margin: 5px 16px 5px 0; padding: 0; list-style: none; float: left; }


.events { overflow: hidden; position: relative; width: 776px; height: 543px; }
.events .dots { position: absolute; left: 100px; top: 10px; width: 670px; height: 2px; background: url(../images/Dotted.png) repeat-x; }
.events .controls a { position: absolute; top: 0; padding: 1px 7px; background: #bccaaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: white; z-index: 12; }
.events .controls .prev { left: 74px; }
.events .controls .next { right: 5px; }
.events ul { margin: 0; padding: 0; width: 10000px; position: absolute; top: 0; left: 5px; }
.events ul li { cursor: pointer; margin: 0 13px 0 0; padding: 0; list-style: none; float: left; width: 177px; padding: 3px; background: white; position: relative; top: 28px; }
 	.pageMotatapu-home .events ul li { margin: -27px 13px 0 0; border-top: 2px solid #980e1b; }
.events ul li ul { width: auto; position: static; }
.events ul li ul li { float: none; margin: 0; padding: 0; position: static; }
.events .date { line-height: 14px; font-size: 10px; background: url(../images/Tab.png) no-repeat; text-align: center; position: absolute; top: -28px; left: -1px; width: 64px; height: 31px; padding-top: 1px; color: white; }
	.pageMotatapu-home .events .date { display: none; }
.events .date span { font-size: 12px; display: block; color: #333; }
.events .logo { height: 92px; }
.events .overlay { position: absolute; top: 95px; left: 3px; height: 418px; width: 177px; background: url(../images/blue80.png); z-index: 8; }
.events h5 { position: absolute; z-index: 10; background: #4BB3E6; top: 465px; width: 167px; margin: 0 -6px; font-size: 14px; color: white; padding: 4px 11px; text-transform: uppercase;  }
	.pageMotatapu-home .events h5 { background: #980e1b; }
.events .content { width: 189px; position: absolute; z-index: 9; bottom: -500px; left: 0; overflow: hidden; margin: 0 -3px; }
.events .content .inner { padding: 1px 6px 28px; margin: 0 6px; background: url(../images/navy80.png); text-align: left; }
	.pageMotatapu-home .events .content .inner { background: url(../images/red50.png); }
.events .content .inner * { color: white; line-height: 16px; text-align: left; }
.events .content .seperator { position: absolute; top: 0; left: 0; width: 189px; height: 4px; background: #4bb3E6; }
	.pageMotatapu-home .events .content .seperator { background: #980e1b; }

#layout.member { }
#layout.checkout, #layout.account { padding: 10px 20px; }
#sidebar { float: left; width: 286px; padding: 25px; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { margin: 2px 0 0 0; padding: 0; list-style: none; }
#sidebar ul li ul li { margin: 0; }
#layout.member .content { float: left; width: 583px; padding-top: 25px; }
#layout.member .waiver { background: #eee; padding: 5px; font-family: Arial; font-size: 11px; height: 250px; overflow: auto; border: 1px solid #ddd; margin: 0 0 25px; }
#layout.member h1 { margin-top: 0; }

#orderdate { float: left; margin-right: 20px; }
#topaddress {float: right; }

#SearchResults { padding: 20px; }
#SearchResults ul { margin: 0; padding: 0; }
#SearchResults li { margin: 0 0 15px; padding: 0; list-style: none; }
#SearchResults .highlight { font-weight: bold; }
#SearchResults p { margin: 0; }

.pageContact-us #layout { padding: 25px; }

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

#layout.member  ul.productList li { list-style: none; }
#layout.member .productItem img { float: right; }
#layout.member .productItem .quantityBox { float: right; margin-right: 10px; }
#layout.member .productItem { clear: right; }
#layout.member .productItem .price_display { font-weight: bold; }
#layout.member .productItem .ajaxQuantityField { width: 20px !important; text-align: center; margin-right: 0; }
#layout.member .productItem .ajaxQuantityLink img { padding: 0; float: none; }
#layout.member .productActions { margin: 0; }
#layout.member .productActions li { text-align: right; }

.eventCategories .optionset li { overflow: hidden; }
.eventCategories .optionset input { float: left; margin: 5px 10px 0 0; }
.eventCategories .optionset label { width: 380px; padding-right: 60px; position: relative; float: left; margin-bottom: 5px; }
.eventCategories .optionset label .price { position: absolute; top: 0; right: 0; }
.eventCategories .optionset label .description { font-family: Arial; font-size: 11px; display: block; }

.EventResultsComponent form { margin-bottom: 25px; }
.EventResultsComponent table { width: 100%; }

#compDetails {
	-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #DDDDDD;
	clear:both;
	overflow:hidden;
	padding:10px;
	font-weight: bold;
}

#compDetails table{
	width:100%;
}

#compDetails td,th{
	text-align:left;
	border:0px;
	border-bottom:1px solid #DDDDDD;;
}
