/****************************************************************************************************************************************************
 * Reset
 */ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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,strong,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%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}

/****************************************************************************************************************************************************
 * Layout
 */

body {
	background-color:#203f61;
	font-family:arial;
	font-size:14px;
	color:#DDD;
}

.ui-page { 
	width:960px; 
	margin:0 auto;
	background-color:#44657f;
}
	
.ui-header {
	position:relative;
	height:251px;
	background-image:url(/images/header.jpg);
}

.ui-header img { 
	padding-top:9px; 
}

.ui-navigation {
	position:absolute;
	left:0;
	bottom:0;
	width:960px;
}

.ui-content { overflow:auto; padding-bottom:18px; }
.ui-content-primary { width:578px; float:left; margin:18px 0 0 33px; }
.ui-content-secondary { width:300px; float:right; margin:18px 18px 0 0; }
.ui-content-only { margin:18px 33px; }

.ui-post-page {
	width:960px;
	padding:1em 0;
	margin:0 auto;
	font-size:11px;
	color:#c8d0d8;
}
.ui-post-page a { 
	color:#2aa0d3;
	text-decoration:none;
}
.ui-post-page a:hover { 
	color:#fff;
}

/****************************************************************************************************************************************************
 * uix-np-pager
 */

.uix-np-pager .uix-controls { height:28px; margin-bottom:8px; }
.uix-np-pager .uix-controls .uix-previous { float:left; background-image:url(/images/icon-prev.gif); width:26px; height:28px; overflow:hidden; }
.uix-np-pager .uix-controls .uix-next { float:right; background-image:url(/images/icon-next.gif); width:26px; height:28px; overflow:hidden; }
.uix-np-pager .uix-controls .uix-previous span { display:none; }
.uix-np-pager .uix-controls .uix-next span { display:none; }
.uix-np-pager .uix-controls .uix-previous:hover { background-image:url(/images/icon-prev-hover.gif); }
.uix-np-pager .uix-controls .uix-next:hover { background-image:url(/images/icon-next-hover.gif); }

.uix-key { display:inline-block; margin:20px 0 10px 10px; }
.uix-key img { vertical-align:top; }

/** Use white variant inside blocks **/
.uix-block .uix-np-pager .uix-controls .uix-previous { background-image:url(/images/icon-wprev.gif); }
.uix-block .uix-np-pager .uix-controls .uix-next { float:left; margin-left:10px; background-image:url(/images/icon-wnext.gif); }
.uix-block .uix-np-pager .uix-controls .uix-previous:hover { background-image:url(/images/icon-wprev-hover.gif); }
.uix-block .uix-np-pager .uix-controls .uix-next:hover { background-image:url(/images/icon-wnext-hover.gif); }

/** Iniside a uix-bookable **/
.uix-bookable .uix-np-pager { float:left; }
.uix-bookable .uix-np-pager .uix-controls { margin-top:0; margin-right:10px; }

/****************************************************************************************************************************************************
 * Formatting
 */

h1 { font-size:24px; font-weight:normal; color:#FFF; margin-top:12px; }
h2 { font-size:16px; padding-bottom:5px; margin-bottom:9px; border-bottom:1px solid #dae0e5; }
.uim-format p { margin:1em 0; line-height:1.4em; }

/****************************************************************************************************************************************************
 * .uix-notice
 */

.uix-notice { margin:18px 18px 18px 33px; padding:10px; background-color:#FFF; color:#888; }

/****************************************************************************************************************************************************
 * .uix-hr
 */

.uix-hr { border-bottom:1px solid #325270; margin:20px 0; height:1px; overflow:hidden; }
.uix-hr hr { display:none; }

.uix-block .uix-hr { border-bottom:1px solid #dae0e5; margin:10px 0; }

/****************************************************************************************************************************************************
 * .uix-map
 */

.uix-map { margin-bottom:20px; }

/****************************************************************************************************************************************************
 * .uix-block
 */

.uix-block { background-color:#FFF; background-image:url(/images/pri-top.gif); background-repeat:no-repeat; color:#567e88; margin:28px 0; }
.uix-block-content { background-image:url(/images/pri-bottom.gif); background-repeat:no-repeat; background-position:bottom left; padding:13px; }

.ui-content-secondary .uix-block { background-image:url(/images/sec-top.gif); margin:0 0 18px 0; }
.ui-content-secondary .uix-block-content { background-image:url(/images/sec-bottom.gif); }

/****************************************************************************************************************************************************
 * .uix-content-list
 */

.uix-content-list {}
.uix-content-list .uix-element { border-bottom:1px solid #325270; padding-bottom:20px; margin:20px 0; }

.uix-content-list .uix-element .uix-icon { float:left; margin:0 10px 10px 0; }
.uix-content-list .uix-element .uix-title { font-weight:bold; color:#FFF; }

/****************************************************************************************************************************************************
 * .uix-feature-list
 */

.uix-feature-list {}
.uix-feature-list .uix-element { border-bottom:1px solid #dae0e5; padding-bottom:8px; margin:8px 0; min-height:30px; height:auto !important; height:30px; position:relative; }
.uix-feature-list .uix-image { position:absolute; left:0; top:0; }
.uix-feature-list .uix-title { padding-left:65px; }
.uix-feature-list .uix-text { padding-left:65px; padding-top:6px; }

/****************************************************************************************************************************************************
 * .uix-link-list
 */

.uix-link-list {}
.uix-link-list .uix-element { border-bottom:1px solid #325270; padding-bottom:8px; margin:8px 0; min-height:30px; height:auto !important; height:30px; position:relative; }
.uix-link-list .uix-image { position:absolute; top:0; left:0; width:80px; text-align:center; }
.uix-link-list .uix-title { font-weight:bold; color:#FFF; padding-left:90px; }
.uix-link-list .uix-text { margin:10px 0; padding-left:90px; }
.uix-link-list .uix-link { padding-left:90px; }
.uix-link-list .uix-link a { color:#00a8ff; text-decoration:none; }
.uix-link-list .uix-link a:hover { text-decoration:underline; }

/****************************************************************************************************************************************************
 * .uix-nav-list
 */

.uix-nav-list {}
.uix-nav-list .uix-entry { padding:10px 0; border-bottom:1px solid #dae0e5; }
.uix-nav-list .uix-entry a { color:#203f61; text-decoration:none; }
.uix-nav-list .uim-on a { color:#000; font-weight:bold; }

/****************************************************************************************************************************************************
 * .uix-calendar
 */

.uix-calendar .uix-day { cursor:pointer; cursor:hand; display:inline-block; width:65px; text-align:center; padding:15px 0; margin:1px; background-color:#e4e4e4; color:#203f61; }
.uix-calendar .uim-out { color:#b4b4b4; }
.uix-calendar .uim-booked { background-color:#d60c16; }
.uix-calendar .uim-bad { background-color:#44657f; }
.uim-head { display:inline-block; width:65px;text-align:center;margin:1px; padding:5px 0; }

/****************************************************************************************************************************************************
 * .uix-form
 */

.uix-form { }
.uix-form-element { position:relative; padding-left:75px; margin:12px 0; }
.uix-form .uix-label { width:75px; position:absolute; left:0; top:2px; font-size:12px; }
.uix-form .uix-field input { width:185px; border:1px solid #888; padding:3px 5px; background-color:#f2f4f6; }
.uix-form .uix-field textarea { width:185px; border:1px solid #888; padding:3px 5px; background-color:#f2f4f6; height:5em; }
.uix-form .uix-buttons { padding-left:75px; }

/****************************************************************************************************************************************************
 * .uix-drop-button
 */

.uix-drop-button { width:93px; position:relative; height:22px; float:left; margin-right:5px; }
.uix-drop-button .uix-element { background-image:url(/images/button-big.gif); height:19px; text-align:center; padding-top:3px; position:absolute; width:93px; }
.uix-drop-button .uix-element:hover { background-image:url(/images/button-big-hover.gif); }
.uix-drop-button .uim-1 { left:0; top:0px; }
.uix-drop-button .uim-2 { left:0; top:22px; }
.uix-drop-button .uim-3 { left:0; top:44px; }
.uix-drop-button .uim-4 { left:0; top:66px; }
.uix-drop-button .uim-5 { left:0; top:88px; }
.uix-drop-button .uim-6 { left:0; top:110px; }
.uix-drop-button .uim-7 { left:0; top:132px; }
.uix-drop-button .uim-8 { left:0; top:154px; }
.uix-drop-button .uim-9 { left:0; top:176px; }
.uix-drop-button .uim-10 { left:0; top:198px; }
.uix-drop-button .uim-11 { left:0; top:220px; }
.uix-drop-button .uim-12 { left:0; top:242px; }

/****************************************************************************************************************************************************
 * .uix-menu
 */

.uix-menu { color:#FFF; height:29px; }
.uix-menu .uix-element { float:left; height:29px; }
.uix-menu .uix-element a { display:block; height:23px; padding-top:6px; text-align:center; text-decoration:none; }
.uix-menu a { color:#FFF; }
.uix-menu .uim-1 { width:70px; }
.uix-menu .uim-2 { width:150px; }
.uix-menu .uim-3 { width:240px; }
.uix-menu .uim-4 { width:185px; }
.uix-menu .uim-5 { width:125px; }
.uix-menu .uim-6 { width:115px; }
.uix-menu .uim-7 { width:75px; }
.uix-menu .uim-on { background-image:url(/images/tab-left.gif); }
.uix-menu .uim-on a { background-image:url(/images/tab-right.gif); background-position:top right; background-repeat:no-repeat; }

