@charset "UTF-8";
/* CSS Document */

body { background-image:url(../layout/bg-blue.gif); background-repeat:repeat-x; }
h1 { color:#0d2b4e; }
h2, h3 { color:#0d2b4e; }
#bluelogo { margin:0px 28px 0px 29px; float:left; }
a:link { color:#4081c7; text-decoration:underline; }
a:visited { color:#4081c7; text-decoration:underline; }
a:hover { color:#0d2b4e; text-decoration:underline; }
#nav { width:601px; margin:8px 4px 0px 4px; float:right; height:auto; overflow:hidden; }
#nav a:link { color:#ffffff; text-decoration:none; }
#nav a:visited { color:#ffffff; text-decoration:none; }
#nav a:hover { color:#567e0e; text-decoration:none; }
#navrow2 { background-image:url(../layout/nav-blue.gif); }
#navrow2 a:link { color:#c4d9f3; text-decoration:none; }
#navrow2 a:visited { color:#c4d9f3; text-decoration:none; }
#navrow2 a:hover { color:#7db1e8; text-decoration:underline; }
#nv1 a:link { color:#fff; text-decoration:none; background-image:url(../layout/museum-button-blue-up.gif); width:90px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv1 a:visited { color:#fff; text-decoration:none; background-image:url(../layout/museum-button-blue-up.gif); width:90px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv1 a:hover { color:#c4d9f3; text-decoration:none; background-image:url(../layout/museum-button-blue-up.gif); width:90px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv2 a:link { color:#fff; text-decoration:none; background-image:url(../layout/conference-button-blue-up.gif); width:160px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv2 a:visited { color:#fff; text-decoration:none; background-image:url(../layout/conference-button-blue-up.gif); width:160px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv2 a:hover { color:#a33333; text-decoration:none; background-image:url(../layout/conference-button-blue-over.gif); width:160px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv3 a:link { color:#fff; text-decoration:none; background-image:url(../layout/whats-on-button-blue-up.gif); width:84px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv3 a:visited { color:#fff; text-decoration:none; background-image:url(../layout/whats-on-button-blue-up.gif); width:84px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv3 a:hover { color:#aa9a46; text-decoration:none; background-image:url(../layout/whats-on-button-blue-over.gif); width:84px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv4 a:link { color:#fff; text-decoration:none; background-image:url(../layout/accommodation-button-blue-up.gif); width:110px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv4 a:visited { color:#fff; text-decoration:none; background-image:url(../layout/accommodation-button-blue-up.gif); width:110px; height:28px; display:block; line-height:28px; margin-right:2px; }
#nv4 a:hover { color:#78963a; text-decoration:none; background-image:url(../layout/accommodation-button-blue-over.gif); width:110px; height:28px; display:block; line-height:28px; margin-right:2px; }
#rightc { background-image:url(../layout/right-col-blue.gif); overflow:hidden }
#linkcode { background-color:#dedede; padding:10px; width:550px; border:1px solid #ccc; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:18px; margin:0 0 15px 0; }


/* Museum Header Graphics */

#topmuseum1 { background-image:url(../images/museum-landscapes/1.jpg); background-repeat:no-repeat; background-position:center bottom; width:574px; height:186px; margin-bottom:30px; }
#topmuseum2 { background-image:url(../images/museum-landscapes/2.jpg); background-repeat:no-repeat; background-position:center bottom; width:574px; height:186px; margin-bottom:30px; }
#topmuseum3 { background-image:url(../images/museum-landscapes/3.jpg); background-repeat:no-repeat; background-position:center bottom; width:574px; height:186px; margin-bottom:30px; }
#topmuseum4 { background-image:url(../images/museum-landscapes/4.jpg); background-repeat:no-repeat; background-position:center bottom; width:574px; height:186px; margin-bottom:30px; }
#topmuseum5 { background-image:url(../images/museum-landscapes/5.jpg); background-repeat:no-repeat; background-position:center bottom; width:574px; height:186px; margin-bottom:30px; }
#bikes { background-image:url(../layout/flash-bg.jpg); background-repeat:no-repeat; width:282px; height:270px; float:left; }
#foot p { color:#4081c7; }
#foot p span { color:#0d2b4e; font-weight:bold; }

/* HOMEPAGE CLASSES */

#hpmuseum { margin:0 13px 0 0; width:133px; float:left; }
#hpconf { margin:0 13px 0 0; width:134px; float:left; }
#hpmanor { margin:0 13px 0 0; width:134px; float:left; }
#hpwindmill { margin:0; width:134px; float:left; }
#infobuttons { clear:both; }
#infobuttons ul { margin:0; padding:0; }
#infobuttons li { margin:0; padding:0; list-style-type:none; display:inline; float:left; }
#moreinfo1 a:link { color:#4081c7; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; margin-right:13px; }
#moreinfo1 a:visited { color:#4081c7; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; margin-right:13px; }
#moreinfo1 a:hover { color:#0d2b4e; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; margin-right:13px; }
#moreinfo2 a:link { color:#4081c7; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; margin-right:13px; }
#moreinfo2 a:visited { color:#4081c7; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; margin-right:13px; }
#moreinfo2 a:hover { color:#0d2b4e; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; margin-right:13px; }
#moreinfo3 a:link { color:#4081c7; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; margin-right:13px; }
#moreinfo3 a:visited { color:#4081c7; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; margin-right:13px; }
#moreinfo3 a:hover { color:#0d2b4e; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; margin-right:13px; }
#moreinfo4 a:link { color:#4081c7; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; }
#moreinfo4 a:visited { color:#4081c7; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; }
#moreinfo4 a:hover { color:#0d2b4e; text-decoration:none; background-image:url(../images/more-information.gif); width:127px; height:19px; display:block; line-height:18px; padding-left:6px; }

/* Homepage Headings*/

#homepage h1 { font-size:2em; color:#0d2b4e; line-height:18px;margin:0px; padding:0px; }
#homepage h2 { color:#4081c7; line-height:18px;margin:0px; padding:0px; }
#homepage span { color:#4081c7; font-size:60%; font-weight:normal; }
#homepage img { margin:0 0 20px 0; }
#homepage .h1subcopy { font-size:1.2em;color:#4081c7; line-height:18px;margin:0px; padding:0px; }
#homepage .h1copy {  color:#0d2b4e;font-size:2em; font-weight:bold; line-height:18px; margin:0px; padding:0px;  }

/* Exhibits */

.searchform { margin:8px 0 0 0; padding:0px; }
.left { float:left; }
.excontent { background-image:url(../images/exhibits-box.gif); width:558px; height:39px; margin:0 0 0 2px; padding:5px 0 0 10px; overflow:hidden }
.excontent select { height:19px; color:#4085d6; width:150px; border:2px solid #fff; background-color:#cbdef2; margin:0 5px 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; float:left; }
#results { width:574px; margin:2px 0 0 0 }
#results_info { background-image:url(/images/exhibits-info.gif); width:553px; height:19px; margin:0px 0px 10px 2px; padding:5px 10px 5px 5px; }
#results_info p { color:#0f2141 }
#results p { margin:0px 0px 1px 0px; padding:2px 2px 2px 6px; font-size:1.0em; }
#results ul { list-style:none; margin:0px; padding:0px; clear: both; }
#results li { list-style:none; margin:0px; padding:0px; float:left; display:block }
.result { width:278px; height:140px; border:1px solid #ccc; padding:1px 1px 5px 1px; margin:2px; }
.bike_name { width:246px; border:1px solid #ccc; background-color:#5e5e5e; color:#FFFFFF; padding:5px 0 5px 30px; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:left; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; text-transform:uppercase; letter-spacing:2px }
.result-content { width:265px; height:86px; margin:6px; }
.result-left { float:left; width:133px; height:86px; }
.thumb_image { float:right; width:115px; height:86px; background-color:#999999 }
.infocolumn { width:133px; height:100px; margin-bottom:10px }
.result-left p { background-color:#d2d2d2; color:#666; display:block; width:127px; }
.floatleft { float: left; }
.floatright { float: right; }

/* Motorcycle Landing Page */

#motorcycle_page { width:568px; background-color:#f4f4f4; margin:15px 0 0 2px; overflow:hidden; }
#motorcycle_title { width:558px; height:30px; background-image:url(../images/motorcycle-title.gif); padding:12px 0 0 10px; }
#motorcycle_title h1 { font-size:1.7em; color:#333333; letter-spacing:-1px; }
#motorcycle_content { background-color:#f6f6f6; width:548px; padding:10px; }
#motorcycle_specs { background-image:url(../images/specs.gif); float:right; width:183px; height:191px; background-repeat:no-repeat; padding:70px 15px 0 15px; }
#motorcycle_specs p { margin:0px; padding:5px; }
#motorcycle_img { float:left; width:320px; height:261px; margin:3px 0 0 0; overflow: hidden; }
#motorcycle_description { width:538px; margin:15px 5px 15px 5px; float:left; }
#motorcycle_related { width:508px; padding:10px 20px 10px 20px; height:152px; background-image:url(../images/related.gif); clear:both; overflow:hidden; background-repeat:no-repeat; margin:0 auto; }
#motorcycle_manufacturer { width:548px; clear:both; padding:0px 0px 5px 0px; margin:0 auto; }
.specs_head { width:171px; height:18px; background-image:url(../images/specs-head.gif); padding:4px 0 0 10px; color:#FFFFFF; margin:0px; }

/* Other Manufacturers Menu */

div.sc_menu { position: relative; height: 130px; width: 540px; overflow: auto; margin:0 auto; padding:15px 0 0 0; }
ul.sc_menu { display: block; height: 110px; width: 5000000em; margin:0; list-style: none; }
.sc_menu li { display: block; float: left; padding: 0 4px; }
.sc_menu a { display: block; text-decoration: none; }
.sc_menu span { display: block; margin-top: 3px; text-align: center; font-size: 12px; color: #fff; }
.sc_menu a:hover span { display: block; }
.sc_menu img { border: 3px #fff solid; }
.sc_menu a:hover img { }

/* Manufacturers Menu */

div.sc_menu2 { position: relative; height: 60px; width: 498px; overflow: auto; margin:0 auto; }
ul.sc_menu2 { display: block; height: 60px; width: 1500px; padding: 0px 60px 0 30px; margin: 0; list-style: none; }
.sc_menu2 li { display: block; float: left; padding: 0 4px; }
.sc_menu2 img { border: 3px #fff solid; }
.sc_menu2 a:hover img { }

/* Scrollable */

div.scrollable { position:relative; overflow:hidden; width: 470px; height:40px; margin:2px 0 0 0; float:left }
div.scrollable div.items { width:20000em; position:absolute; }
div.scrollable div.items div { float:left; }

/* single scrollable item */
.scrollable img { border:1px solid #ccc; cursor:pointer; margin:0 3px 0 0; }
.scrollbutton { margin:5px; }

/* Exhibits Tabs */

ul.tabs { list-style:none; margin:0 0 0 2px; padding:0; height:23px; }
ul.tabs li { float:left; text-indent:0; padding:0; margin:0 1px 0 0; list-style-image:none !important; list-style:none; }
ul.tabs a { background-image:url(../images/tab-b.gif); font-size:0.9em; display:block; height: 23px; line-height:23px; width: 119px; text-align:center; text-decoration:none; color:#fff; padding:0px; margin:0px; position:relative; top:1px; }
ul.tabs a:active { outline:none; }
ul.tabs a:hover { background-image:url(../images/tab-b.gif); color:#fff; }
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-image:url(../images/tab-a.gif); background-position:top; cursor:default !important; color:#fff !important; padding:0px; margin:0px; position:relative; height: 23px; line-height:23px; width: 119px; }
div.panes div.pane { display:none; }

/* Gallery + Slider */

#image { margin:30px 0 10px 0; width:506px; height:336px; overflow:hidden; border:2px solid #fff; }
.thumb { float:left; margin-right:0px; margin-top:0px; }
.gallery_top { background-image:url(../images/gallery-top.gif); width:510px; height:372px; overflow:hidden; margin:0px; padding:0px 32px 0px 32px; }
.gallery_foot { background-image:url(../images/gallery-foot.gif); width:574px; height:131px; overflow:hidden; margin:0px; }
div.sc_menu3 { position: relative; height: 160px; width: 460px; margin:0 auto; overflow: auto; }
ul.sc_menu3 { display: block; height: 60px; width: 4500px; margin: 40px 0px 0 0px; list-style: none; }
.sc_menu3 li { display: block; float: left; padding: 0 2px; }
.sc_menu3 img { border: 2px #fff solid; }
.sc_menu3 a:hover img { }
.sc_menu3 span { margin-top: 3px; display:block; text-align: center; font-size:0.9em; color: #fff; }
.sc_menu3 a:hover span { display: block; }


/* Visiting */

.visiting { width:370px; font-size: 1.1em; }
.visiting li { padding:6px; list-style-image:url(/images/bullet2.gif);  }
.visiting ul {padding-bottom:10px; }

/* Accommodation */

.hotel { float:right; width: 134px; padding:15px; text-align:center; border: 1px solid #ccc; margin:0 0 15px 15px}
.hotel2 { float:left; width: 134px; padding:15px; text-align:center; border: 1px solid #ccc; margin:0 15px 15px 0}
.hotel_url { color:#999; font-size:0.9em; }
.hotel li ul P {}

/* Suites Tables */

table, th, td {	border: 1px solid #D4E0EE;	border-collapse: collapse;	font-family: "Trebuchet MS", Arial, sans-serif;	color: #555;}
caption {font-size: 150%;font-weight: bold;margin: 5px;}
td, th {padding: 4px;}
td.center { text-align:center; }
td.right { text-align:right; color:#900; font-weight:bold; }
thead th {text-align: center;background: #E6EDF5;color: #4F76A3;font-size: 100% !important;}
tbody th {font-weight: bold;}
tbody tr { background: #FCFDFE; }
tbody tr.odd { background: #F7F9FC; }
table a:link {color: #718ABE;text-decoration: none;}
table a:visited {color: #718ABE;text-decoration: none;}
table a:hover {	color: #718ABE;	text-decoration: underline !important;}
tfoot th, tfoot td {font-size: 85%;}
.t_head { color:#164077; font-size:1.1em; font-weight:bold; }
table.resourcestable td { border:1px solid #fff }
td.tablefilename { width:300px;}

/* Whats on */

.featurehead { width: 258px; height: 20px; padding: 10px; float:left;}
.whatsoncontent { float: left; width: 350px; background:url(/images/whatsonbg.gif) no-repeat; padding: 0 10px 10px 10px; }
.whatsoncontent img { padding: 10px; }
h2.whatson { color:#0d2b4e; }
.additional { float: left; }
.content2 {width:558px; height:100px; margin:0 0 0 2px; padding:5px 0 0 10px; overflow:hidden; }
.scrollable2 { position:relative; overflow:hidden; width: 450px; height:100px; margin:2px 0 0 0; float:left }
.scrollable2 .items { position: absolute; width: 200000em; }
.scrollable2 .items img { float:left; }
.calendarbg { background-image:url(/images/calendar.gif); width: 60px; height: 61px; float:left; text-align:center; }
.calendarbgmonth { width: 50px; text-align:center; font-size: 1.3em; font-weight:bold; color:#FFF; padding: 5px; }
.calendarbgday { width: 60px; text-align:center; font-size: 1.5em; font-weight:bold; color:#333; margin: 7px 0 0 0; }
.newsitem { width: 130px; height: 60px; padding: 0 10px; float: left; }
.newsitemcal { background-image:url(/images/newsitem.gif); width: 43px; height: 44px; margin: 5px 5px 0 0; float:left; text-align:center; }
.newstitle { font-weight: bold; padding: 1px; font-size: 1.1em; }
.newsmonth { width: 40px; text-align:center; font-size: 0.8em; font-weight:bold; color:#FFF; padding: 5px 0 0 0; }
.newsday { width: 40px; text-align:center; font-size: 1em; font-weight:bold; color:#333; margin: 6px 0 0 0; }
.newssnipcont { font-size: 0.8em; }

#carousel ul {
	list-style: none;
	width:200000em;
	margin: 0;
	padding: 0;
	position:relative;
}
#carousel li {
	display:inline;
	float:left;
}

.newsscrollable { height: 50px; }

.newsitems { margin: 0px; padding: 0px; }
.newsitems li { list-style:none; }

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.newsscrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 450px;
	padding: 2px 0 2px;
	margin: 20px 0 0;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/images/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.newsscrollable .newsitems {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.newsitem div {
}

/* single scrollable item */
.newsscrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.newsscrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.newsscrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
/* position and dimensions of the navigator */
.navi {
	width:450px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

/* Promotions */
.promotion { width:150px; height:300px; float:left; position:relative; margin-top:5px; background-color:#ededed; border:1px solid #e4e4e4; border-radius:3px; -moz-border-radius:3px; padding:13px; margin-right:13px }
.promotion h3 { font-size:1.4em; margin-bottom:0 }
.promotion a { width:150px; height:23px; background:url(../images/more_info_btn.jpg) no-repeat; color:#fff; font-size:1.1em; text-decoration:none; text-align:center; line-height:23px; text-shadow:1px 1px #2b70ba; display:block; position:absolute; bottom:12px }  
#star { background:url(../images/star_icon.jpg) no-repeat; width:50px; height:58px; margin-left:10px; float:right; }

.promotion_detail { padding:10px; }
.promotion_detail .attachment-post-thumbnails { float:left; margin:0 20px 20px 0; padding:5px; background:#fff; border:1px solid #ccc }
.otherpromotions { clear:both; margin:0 0 25px 0; }