/* 
	    company: dial media group www.dialmediagroup.com
	author name: Matt Isaacs
	    website: hgwells.co.uk 2008 redesign
*/

/* standard tags */
a{text-decoration:none; color:#797979;}
a:hover{text-decoration:underline}
a:focus{text-decoration:underline}
acronym, abbr{border-bottom:1px dashed;cursor:help}
address{font-style:normal;color:#999}
body{margin:0;padding:0; background:url('../images/bg.gif') repeat-x top #cc0000; font:11px Verdana, Arial, Helvetica, sans-serif; color:#797979; margin:auto; line-height:140%;}
img{border:0}
p{}
h1{}
h2, h3, h3, h4{}

/* data tables */
.standard-data{border:dotted #999999;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse}
.standard-data td, .standard-data th {padding:5px;border:dotted #999999;border-width: 1px 1px 0 0}
.standard-data th{font-weight:bold;background:#ececec;text-align:left; border-bottom:5px solid #999999;}
.standard-data td{text-align:center;vertical-align:top;}
.standard-data tbody tr:hover{background:#cc0000; color:#FFFFFF;}
.standard-data tbody tr:hover th{background:#cc0000; color:#cc0000;}
.standard-data h2{font-size:medium}
.standard-data input:focus{background:#fff5e9}

.standard-data tfoot a{background:url('../images/arrow_red.gif') left no-repeat; padding:0 0 0 13px; color:#424242;}


/* bug fixes */
.clear{clear:both}

/* Clear fix on www.positioniseverything.net/easyclearing.html */
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

#container{margin:auto; margin-top:26px; width:918px; background:url('../images/bg.png') no-repeat top; padding:8px 8px 0 8px;}
.container-footer{width:934px; height:16px; margin:auto; background:url('../images/footer.png') no-repeat;}
#content{width:898px; float:left; padding:10px; background:#FFFFFF; position:relative;}
#content .header-corners{background:url('../images/header_corners.png') no-repeat top left; width:898px; height:196px; position:absolute; z-index:2; top:10px; left:10px;}
#content-main{width:710px; float:left;  padding:0 0 20px 16px; margin:24px 0 0 0;}
#content-main h1{color:#cc0000; font-size:19px;}
.advert{width:273px; float:right;}
#content-left{width:410px; float:left; border-right:1px dotted #7d8ca3; padding:0 10px 0 0;}
#columnleft{width:345px; float:left; padding-right:10px;}
#columnright{width:345px; float:right; padding-left:10px;}

.pdf-list{list-style:none; margin:0; padding:0; float:left;}
.pdf-list li{list-style:none; margin:0; padding:0; clear:both;}
.pdf-list a{background:url('../images/icon_pdf.gif') no-repeat 10px 5px #ececec; padding:6px 0 6px 30px; margin:5px 0 5px 0; float:left; clear:both; width:680px;}


/* HEADER */
#header{width:908px; float:left; background:url('../images/header.gif') #ffffff no-repeat top left; padding:25px 10px 0 0;}
#header .logo{float:left; margin:22px 0 0 32px;}
#header .links{float:right; list-style:none; clear:both; margin:10px 0 0 0;}
#header .links li{float:left; margin:0 0 0 10px;}
#header .links a{color:#000000; background:url('../images/arrow_grey.gif') left no-repeat; padding:0 0 0 13px;}
#header .icons{float:right; list-style:none; margin:0; padding:0;}
#header .icons li{width:82px; height:82px; float:left; margin:0 0 0 15px; position:relative;}
#header .icons li img{position:relative; display:block;}
#header .icons .icon-corners{width:82px; height:82px; position:absolute; z-index:2; top:0; left:0; background:url('../images/icon_corners.png') no-repeat top left;}

.header-pic{float:left;}

/* top level menu */
#menu{width:172px; float:left; padding:0 0 8px 0; margin:3px 0 0 0; float:left; background:url('../images/bg_menu.gif') no-repeat bottom;}
#menu span{}
#menu a{color:#FFFFFF;}
#menu ul{list-style:none; margin:0; padding:0;}
#menu li{padding:0; margin:0; list-style-image:none; float:left; width:172px; background:url('../images/menu_border.gif') no-repeat bottom left;}
#menu li a{display:block; text-decoration:none; padding:3px 0 4px 25px; background-image:url('../images/arrow_white.gif'); background-repeat:no-repeat; background-position:10px 6px; margin:0 0 1px 0;}
#menu li a:hover{background-color:#230100;}
#menu .MainCMSListMenuLinkHighlighted{font-weight:bold;}

/* 2nd level */
#menu ul ul{background:url('../images/menu_border.gif') no-repeat top #cc0000; padding:1px 0 0 0; float:left; list-style:none; margin:0 0 -1px 0;}
#menu li li{margin:0; padding:0; float:left;}
#menu li li a{background:url('../images/arrow_white_small.gif') no-repeat #cc0000 18px 7px; padding:2px 5px 3px 31px; color:#ffffff; text-decoration:none; display:block;}
#menu li li a:hover{background-color:#950100; color:#ffffff;}
#menu .SubMenuCMSListMenuLinkHighlighted{background-position:22px 6px; background-color:#7d0201; font-weight:bold;}

/* 3rd level */
#menu li li li a{padding:2px 5px 3px 47px; background-position:36px 6px; background-color:#950100;}
#menu .SubSubMenuCMSListMenuLinkHighlighted{background-color:#7d0201; background-position:40px 6px; font-weight:bold;}

/* LATEST NEWS */
#latest-news{width:251px; float:right; background:url('../images/bg_latest_news.gif') no-repeat bottom; padding:0 11px 10px 11px; margin:5px 0 10px 0; display:inline;}
#latest-news-header{color:#FFFFFF; background:url('../images/title_header.gif') no-repeat top left; margin:0 -11px 0 -11px; padding:8px 0 8px 12px; font-size:15px; width:261px;}
#latest-news ul{list-style:none; margin:0; padding:0;}
#latest-news li{background:url('../images/latest_news_border.gif') left bottom no-repeat; padding:3px 0 3px 0;}
#latest-news a{background:url('../images/arrow_red.gif') left no-repeat; padding:0 0 0 13px; color:#FFFFFF;}
.news-result{background:#ececec; margin:10px 0 0 0; padding:10px; float:left; width:690px; clear:both;}
.news-result-path{clear:both; margin:10px 0 0 20px;}
.news-result-title a{background:url('../images/arrow_red.gif') left no-repeat; padding:0 0 0 19px; float:left; font-weight:bold;}
.newsSummary{background:#ececec; margin:10px 0 0 0; padding:10px;}

/* ROOM PAGES */
.room-pic{margin:0 0 0 10px; border-left:1px dotted #7d8ca3; padding:0 0 0 7px; float:right;}
.room-menu{background:url('../images/room_menu_top.gif') no-repeat top #999999; width:661px; float:left; margin:0 0 15px 0; padding:9px 49px 0 0; list-style:none;}
.room-menu li{margin:0; padding:0; display:inline; float:right;}
.room-menu a{float:left; background:url('../images/tableft.gif') no-repeat left top; margin:0 6px 0 0; padding:0 0 0 8px; text-decoration:none; cursor:pointer; color:#FFFFFF; font-weight:bold;}
.room-menu a span{float:left; display:block; background:url('../images/tabright.gif') no-repeat right top; padding:6px 8px 6px 0;}
.room-menu a:hover span{color:#FFFFFF;}
.room-menu a:hover{background-position:0% -32px;}
.room-menu a:hover span{background-position:100% -32px;}

.room-menu .focus a{background-position:0% -64px;}
.room-menu .focus a span{background-position:100% -64px;}

#info-specs-box{width:690px; float:left; background:#ececec; color:#797979; padding:15px 5px 15px 15px; margin:11px 0 0 0;}
#info-specs-box ul{float:left; width:149px; margin:0 8px 0 0; padding:0 10px 0 0px; border-right:1px dotted #7d8ca3;}
#info-specs-box li{list-style:none; margin:0 0 5px 0; padding:0; text-align:right;}
#info-specs-box h4{font-weight:bold; font-size:12px; color:#424242; text-align:left;}
#info-specs-box b{float:left;}
#info-specs-box .left-align li{text-align:left;}

/* IMAGE GALLERY */
.gallery{margin:30px 0 0 0; word-wrap:break-word; text-wrap:suppress}
.gallery ul{margin:0 0 20px 0; padding:0; list-style:none; width:100%; float:left; overflow:hidden;}
.gallery li{margin:2px 2px 2px 0; padding:6px 3px 3px 3px; float:left; width:132px; height:175px; text-align:center; background:#ececec; list-style-image:none; color:#0000FF; overflow:hidden;}
.gallery img{padding:3px; margin:0 0 5px 0; border:1px solid #edbcbc; background:#FFFFFF;}
.gallery img:hover{border:1px solid #980100;}
.gallery p{margin-top:20px;}

/* FOOTER */
#footer-container{width:918px; margin:auto; padding:16px 8px 0 8px; background:url('../images/bg.png') no-repeat top;}
#footer{width:898px; float:left; padding:5px 10px 0 10px; background:#FFFFFF;}
#footer .links{float:right; list-style:none; margin:10px 10px 0 0; padding:0;}
#footer .links li{float:left; margin:0 0 0 8px; border-left:1px solid #717d82; padding:0 0 0 7px;}
#footer .links a{color:#717d82; font-size:9px;}
#footer .logos{float:left; list-style:none; margin:0; padding:0;}
#footer .logos li{float:left; margin:0 16px 0 0; padding:0;}

/* FONT INTEGRATION */
.sIFR-flash {visibility: visible !important; margin:0; padding:0;}
.sIFR-unloading .sIFR-flash {visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px;float:none;}
.sIFR-dummy { width: 0; height: 0; margin-left: 42px; z-index: 0; }
.sIFR-active h1.swf, .sIFR-active h2.swf, .sIFR-active h3.swf {visibility: hidden; font-family: Verdana; line-height: 1em;margin:0;padding:0;}
.sIFR-active h1.swf {font-size:18px; display:block;}
.sIFR-active h2.swf {font-size:17px;}
.sIFR-active h3.swf {font-size:15px; margin:0;}

/* FORMS */
.button{float:left; width:auto;}
.form input, .form select{font:11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #999999; width:184px; background:#fbf6f6; float:left;}
.form input:focus{background:#f1d6d6;}
input.checkbox, .checkbox input{border:none; width:auto; background:none;}

.rbstyle{border:none; width:auto; float:left; display:block;}
.rbstyle input{border:none; width:auto; background:none;}


.form label, .rbstyle label{float:left; width:150px; padding:1px 0 0 0; margin:0 10px 0 0;}
textarea{height:100px; width:290px; border:1px solid #999999; background:#fbf6f6;}
.form p, .form-element{margin:0 0 7px 0; background:url('../images/form_divider.gif') no-repeat bottom; padding:5px 0 10px 100px; float:left; clear:both; width:610px;}
.elabel02{display:none;}
input.sumbitbtn{padding:8px; text-transform:uppercase; font-weight:bold; color:#797979; cursor:pointer; margin:0 0 0 170px;}
input.sumbitbtn:hover{background:#cc0000; color:#FFFFFF;}

/* LIGHTBOX */
#lightbox{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img{width:auto; height:auto;}
#lightbox a img{border:none; }

#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{padding:10px; }

#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block;}
#prevLink{left:0; float:left;}
#nextLink{right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url('../images/prevlabel.gif') left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url('../images/nextlabel.gif') right 15% no-repeat;}

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}

#imageData{padding:0 10px; color:#666;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em; outline:none;}	 	

#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}