/*!
 
Theme Name: My Theme
Theme URI: #
Description: My WordPress Theme
Version: 1.0
Author: my name
Author URI: #
License: GPL
License URI: License.txt
Tags: responsive-layout, post-formats
 
*/
/*!
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize *//*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
* { margin:0; padding:0; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; height:100%;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #E53212; color: #fff; text-shadow: none; }
::selection { background: #E53212; color: #fff; text-shadow: none; }


/* =============================================================================
   Web fonts
   ========================================================================== */

@font-face {
    font-family: 'QuattrocentoSans';
    src: url('fonts/quattrocentosans-regular-webfont.eot');
    src: url('fonts/quattrocentosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quattrocentosans-regular-webfont.woff') format('woff'),
         url('fonts/quattrocentosans-regular-webfont.ttf') format('truetype'),
         url('fonts/quattrocentosans-regular-webfont.svg#quattrocentosans-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =============================================================================
   Links
   ========================================================================== */

a { color: #E53212; }
a:visited { color: #E53212; }
a:hover { color: #E53212; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; outline: none; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }




/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */


body { background: #fff url('images/bg/body.png') 0 0 repeat-x; min-height: 800px; }
.container-inner { width: 984px; margin: 0 auto; position: relative; }
#container, #form1 { height: 100%; position: relative;min-height: 800px; }


header { background: transparent url('images/bg/header.png') 0 40px repeat-x; height: 181px; }
#header-logo { position: absolute; top: 10px; left: 4px; }

#strap { position: absolute; right: 0; top: 80px; }


#header-navigation-top { position: absolute; right: 0; top: 52px; }
#header-navigation-top ul {}
#header-navigation-top ul li { display: inline; float: left; padding-left: 8px; }
#header-navigation-top ul li a { font-family: 'QuattrocentoSans', Helvetica, sans-serif;font-size: 12px; color: #6d6e71; text-decoration: none; border-left: 1px #cccccc solid;padding-left: 8px; line-height: 11px; }
#header-navigation-top ul li:first-child, #header-navigation-top ul li:first-child a { padding-left: 0; border-left: none; }




#header-navigation-main { position: absolute; right: -4px; top: 100px;  }
#header-navigation-main ul { padding: 0; margin: 0; }
#header-navigation-main ul li { display: inline; float: left; margin: 0 6px; }
#header-navigation-main ul li a  
{
	text-decoration: none; 
	color: #6d6e71;
	font-family: 'QuattrocentoSans', Helvetica, sans-serif;  
	display: block;
	/**width: 138px;*/		
	text-align: center;
	outline: 0;
	
}

#header-navigation-main ul li a div div span
{
	line-height: 76px;	
}

#header-navigation-main ul li a div div span span { padding: 0 20px 0 20px; }

#header-navigation-main ul li a span {  text-transform: uppercase; font-size: 18px; }

#header-navigation-main ul li a.active {   }
#header-navigation-main ul li a.active div { background: transparent url('images/bg/menu-l.png') top left no-repeat; }
#header-navigation-main ul li a.active div div { background: transparent url('images/bg/menu-r.png') top right no-repeat; }

#header-navigation-main ul li a.active div div span {  background: transparent url('images/bg/menu-m.png') top left repeat-x; }
#header-navigation-main ul li a div div span {  margin-left: 3px; margin-right: 3px;display: block; }

#header-navigation-main ul li a.active div div span span { display: block; background: transparent url('images/bg/menu-b.png') bottom center no-repeat; background-size: 100% 12px;  }

#header-navigation-main ul li.last a { color: #E53212;}

footer { background: transparent url('images/bg/footer.png') bottom left repeat-x; height: 116px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1002; }
/*footer.nofix {background: transparent url('images/bg/footer.png') bottom left repeat-x; height: 116px; position: absolute !important; bottom: 0;}*/

#footer-social { position: absolute; right: 20px; top: 0; background: transparent url('images/bg/social.png') 0 0 no-repeat; width: 172px; height: 49px;  }
#social-title { display: block; font-size: 14px; font-family: 'QuattrocentoSans', Helvetica, sans-serif; color: #fff; width: 70px; position: absolute; left: 22px; top: 10px; line-height: 14px; }
#social-facebook { position: absolute; left: 96px; top: 11px; }
#social-twitter { position: absolute; left: 127px; top: 11px; }

#footer-copyright { position: absolute; left: 4px; top: 56px; font-size: 11px; color: #cccccc; }
#footer-navigation { position: absolute; left: 4px; top: 62px; }

#footer-navigation ul {}
#footer-navigation ul li { display: inline; float: left; padding-left: 8px; }
#footer-navigation ul li a { font-size: 11px; color: #cccccc; text-decoration: none; border-left: 1px #cccccc solid;padding-left: 8px; line-height: 11px; }

#footer-navigation ul li:first-child, #footer-navigation ul li:first-child a { padding-left: 0; border-left: none; }

#footer-logo { position: absolute; right: 33px; top: 76px;}

/** Homepage **/
		
			
#slidecaption { text-align:right; margin-top: 32px; margin-right: 0; }
#slidecaption p { display: block; font-family: 'QuattrocentoSans', Helvetica, sans-serif; color: #fff; font-size: 17px;padding: 0 !important; margin: 0 !important;}
#slidecaption span.quattrolrg { display: block; font-family: 'QuattrocentoSans', Helvetica, sans-serif; color: #fff; text-transform: uppercase; font-size: 70px; line-height: 70px !important; padding: 0 !important; margin: 0 !important;display: block;}
#slidecaption span.quattromed { display: block; font-family: 'QuattrocentoSans', Helvetica, sans-serif; color: #fff; text-transform: uppercase; font-size: 36px; line-height: 36px !important;padding: 0 !important; margin: 0 !important; display: block;}
#slidecaption span { padding: 0 !important; margin: 0 !important; }
#slidecaption a.link-1 { float: right; font-family: 'QuattrocentoSans', Helvetica, sans-serif; display: block; width: 112px; height: 33px; background: transparent url('images/bg/link-1.png') 0 0 no-repeat; text-align: center; text-transform: uppercase; color: #000000; font-size: 14px; text-decoration: none; padding-top: 6px; margin-top: 10px; }

#slidecontrol { position: absolute; right: 0; top: -32px; }
.slide-check { display: block; width: 10px; height: 10px; background: transparent url('images/icon/slide-off.png') 0 0 no-repeat; float: left; margin-left: 10px; text-decoration: none;outline: none !important; }
.slide-check.active { background: transparent url('images/icon/slide-on.png') 0 0 no-repeat; }

#pnls { position: fixed; bottom: 90px; left: 0; width: 100%; height: 219px;}
#pnls.nofix { position: absolute; bottom: 90px; left: 0; width: 100%; }

#pnl-1 { position: absolute; width: 270px; height: 142px; background-color: #fff; top: 43px; left: 4px; padding: 14px 20px 20px 20px; }
#pnl-2 { position: absolute; width: 270px; height: 142px; background-color: #fff; top: 43px; left: 338px; padding: 14px 20px 20px 20px; }
#pnl-3 { position: absolute; width: 270px; height: 213px; background-color: #E53212; top: 0; left: 672px; padding: 14px 20px 20px 20px; overflow: hidden; }

.pnl-image-wrapper { width: 112px; float: left; height: 105px;}
.pnl-text-wrapper { width: 156px; float: left; height: 115px;}
.pnl-text-wrapper .facility-title 
{
	line-height: 14px;
}
#pnl-1 .pnl-title,
#pnl-2 .pnl-title { text-transform: uppercase; display: block; font-family: 'QuattrocentoSans', Helvetica, sans-serif; font-size: 24px; color: #6d6e71; padding-bottom: 8px; }
#pnl-1 .pnl-image,
#pnl-2 .pnl-image { border: 4px #dadbdb solid; margin-right: 10px; }
#pnl-1 .pnl-text,
#pnl-2 .pnl-text { font-size: 12px; line-height: 14px !important; padding: 0; margin: 0;}

#pnl-2 ul { padding: 0 !important; margin: 0 !important; }
#pnl-2 li { list-style: none; padding: 0 !important; margin: 0 !important;}
#pnl-2 .facility-title { padding: 0 !important; margin: 0 !important; }
.jCarouselLite 
{
	overflow: hidden; position: relative;
}

.next { width: 7px; height: 10px; cursor: pointer; position: absolute; right: 20px; top: 18px; }
.prev { width: 7px; height: 10px; cursor: pointer;position: absolute; right: 34px; top: 18px; }

.pnl-text1 { color: #E53212;font-size: 13px; font-weight: bold;}
.pnl-text2 { color: #6d6e71;font-size: 11px; }
.pnl-link { font-size: 11px; }
.pnl-link a {color: #9d9fa2;}

#pnl-3 .pnl-title1 { display: block; width: 108px; color: #fff; text-transform: uppercase; font-family: 'QuattrocentoSans', Helvetica, sans-serif; font-size: 18px; position: absolute; left: 20px; top: 20px; line-height: 23px; padding: 0; margin: 0;}
#pnl-3 .pnl-title2 { color: #fff; text-transform: uppercase; font-family: 'QuattrocentoSans', Helvetica, sans-serif; font-size: 90px; position: absolute; left: 112px; top: 20px; padding: 0 !important; margin: 0 !important; line-height: 70px;}

#pnl-3 .pnl-text { position: absolute; top: 94px; color: #fff; font-size: 13px;font-family: 'QuattrocentoSans', Helvetica, sans-serif; }
#pnl-3 .pnl-text span { font-size: 18px; }
#pnl-3 a.link-2 { float: right; font-family: 'QuattrocentoSans', Helvetica, sans-serif; display: block; width: 112px; height: 33px; background: transparent url('images/bg/link-1.png') 0 0 no-repeat; text-align: center; text-transform: uppercase; color: #E53212; font-size: 14px; text-decoration: none; padding-top: 6px; position: absolute; top: 150px; left: 20px;}

/** Content **/
.content { padding: 20px 20px 20px 4px;  }
.content h1 { font-size: 30px; color: #E53212; font-family: 'QuattrocentoSans', Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; padding: 0; margin: 0;}
.content h2 {font-size: 30px; color: #E53212; font-family: 'QuattrocentoSans', Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; padding: 0; margin: 0;}
.content p { font-size: 12px; color: #6d6e71; padding-bottom: 6px;}
.content td { font-size: 12px; color: #6d6e71;}
.content ul li, .content ol li { font-size: 12px; }
.uc { text-transform: uppercase; }

.float2 { width: 2%; float: left; }
.float49 { width: 49%; float: left; }

.float65 { width: 65%; float: left; margin-bottom: 12px; }
.float60 { width: 60%; float: left; margin-bottom: 12px; }
.float50 { width: 50%; float: left; margin-bottom: 12px; }
.float40 { width: 40%; float: left; margin-bottom: 12px; }
.float45 { width: 45%; float: left; margin-bottom: 12px; }
.float41 { width: 40%; float: left; margin-bottom: 12px; }
.float35 { width: 35%; float: left; margin-bottom: 12px; }
.float30 { width: 30%; float: left; margin-bottom: 12px; }
.float25 { width: 25%; float: left; margin-bottom: 12px; }
.float20 { width: 20%; float: left; margin-bottom: 12px; }
.float100 { margin-bottom: 13px; }


.float20 input[type="text"] { width: 120px;}
.float25 input[type="text"] { width: 140px;}
.float30 input[type="text"] { width: 122px;}
.float35 input[type="text"] { width: 150px !important;}
.float40 input[type="text"] { width: 172px !important;}
.float45 input[type="text"] { width: 195px !important;}
.float50 input[type="text"] { width: 214px;}
.float60 input[type="text"] { width: 270px;}
.float65 input[type="text"] { width: 280px;}
.float100 input[type="text"] { width: 454px;}

.radiolabel span label { float: left;}
.radiolabel .jqTransformRadioWrapper { float: left; }

.checkboxlabel label { padding: 8px 0 0 0; }


/** form default style **/
.form label { display: block; font-size: 12px; color: #6d6e71; margin: 0 12px 6px 0; }
.form span label { display: inline; line-height: 28px;font-size: 12px; color: #6d6e71; margin: 0 0 0 0; float: left;}


/** Facility pages **/



#col-list { width: 330px; float: left;   }

.facility-wrapper { background: transparent url('images/bg/facility-wrapper.png') bottom left no-repeat; margin-bottom: 8px; padding-bottom: 8px; z-index: 2000;}
.facility { padding-right: 16px; margin-left: 6px; height: 125px; width: 273px;}

.facility-logo { border: 4px #dadbdb solid; float: left; margin: 10px 11px 10px 5px; cursor: pointer; }
.facility-title { font-size: 16px;color: #E53212; text-transform: uppercase; display: block; padding: 5px 0 0 0; margin: 0;font-family: 'QuattrocentoSans', Helvetica, sans-serif; }
.facility-intro,.facility-intro p { font-size: 11px !important; line-height: 13px !important; color: #6d6e71;  padding: 0; margin: 0; }
.facility-intro p strong{
  font-size: 12px;
    line-height: 14px !important;
    font-weight: bold;
}
.facility-link { color: #9d9fa2; font-size: 11px; }

.facility-active { background: transparent url('images/bg/facility.png') right top no-repeat; }
.facility-active .facility-logo { }
.facility-active .facility-title { color: #fff;}
.facility-active .facility-intro { color: #fff; }
.facility-active .facility-link { color: #fff; font-size: 11px;  }

#col-detail { width: 310px; float: left; padding-right: 20px;  }

#col-detail h2 { color: #E53212; }

.facility-image { border: 4px #dadbdb solid; clear: both; margin-bottom: 12px; }
.facility-text {}

.facility-intro span { color: #E53212;font-size: 12px;line-height: 14px !important; font-weight: bold;}
.facility-active .facility-intro span { color: #fff; }


#col-detail h3 { color: #6d6e71; font-size: 14px; text-transform: uppercase; font-weight: normal; padding: 6px 0 0 0 !important; margin: 0 !important; }
#col-detail p { padding: 0 0 6px 0; margin: 0;}

#col-offer { width: 300px; float: left;  }
.offer { border: 1px #cccccc solid; padding: 10px;margin-bottom: 6px; position: relative;}
.offer-title { color: #E53212; text-transform: uppercase; font-size: 20px; font-family: 'QuattrocentoSans', Helvetica, sans-serif;padding: 0 0 6px 0 !important; margin: 0 !important;}
.offer-text { color: #6d6e71; font-size: 12px;}
.offer-text p {padding: 0 0 22px 0 !important; margin: 0 !important;}

.offer-date { position: absolute; right: 10px; bottom: 6px; font-size: 12px; color: #9d9fa2; text-transform:uppercase;}
.offerpanel-dl { position: absolute; left: 10px; bottom: 6px; color: #9d9fa2; font-size: 12px;}
.offerpanel-dl2 { position: absolute; left: 10px; bottom: 6px; color: #9d9fa2; font-size: 12px;}

/** Offer pages **/
.offerpanel {
    width: 468px;
    float: left;
    border: 1px #cccccc solid;
    margin-top: 5px;
    position: relative;
}

.offerpanel-alt { margin-right: 10px; }

.offerpanel-image 
{
	width: 130px;
	float: left;
}

.offerpanel-text 
{
	width: 314px;
	float: left;
	position: relative;
}

.offerpanel img {  border: 4px #dadbdb solid; clear: both; margin: 10px 11px 10px 5px; float: left; }
.offerpanel-text { margin-right: 10px; position: relative; height: 110px;}
.offerpanel-text p { padding: 0 0 4px 0 !important; margin: 0 !important;}
.offerpanel-title { color: #E53212; text-transform: uppercase; display: block; padding: 5px 0 0 0; margin: 0;}
.offerpanel-date { position: absolute; right: 10px; bottom: 6px; font-size: 12px; color: #9d9fa2; text-transform:uppercase;}

.job-more-info { display: none; }
.job-more-info div { width: 600px; }

#terms { width: 600px; }
.facility-text-findus p { padding: 0 !important; margin: 0 !important; }


.offerpanel-morelnk 
{
	position: absolute; left: 130px; bottom: 6px;
	
}

.offerpanel-dl 
{
	position: absolute; left: 130px; bottom: 6px;
	
}

.offerpanel-morelnk a {color: #9d9fa2 !important;font-size: 12px; }

/** Form error **/
.formError { border: 1px #f32837 solid; padding: 6px; background-color: #ffeff0;}
.formError h3 { padding: 0 !important; margin: 0 !important; color: #f32837;}
.formError p {padding: 0 !important; margin: 0 !important; color: #f32837;}


.jqTransformRadioWrapper { padding-right: 2px; }
.jqTransformCheckboxWrapper { padding-right: 6px; }
/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* ==========================================================================
   jqtransform
   ========================================================================== */

form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial;
}

*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

button.jqTransformButton span {
	background: transparent url('images/jq/btn_right.gif') no-repeat right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 33px;
}

button.jqTransformButton span span {
	background: transparent url('images/jq/btn_left.gif') no-repeat top left;
	color: #333;
	padding: 8px 4px 0px 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
	display: block;
	text-decoration: none;
	height: 33px;
}

/*hover*/
button.jqTransformButton_hover span span { background-position: left -33px ; }
button.jqTransformButton_hover span { background-position: right -33px ; }

/*clicked*/
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }

/* IE 6 */
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }


/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url('images/jq/input/input_text_left.png') no-repeat left top;
	height: 28px;
	padding: 0px;
	float:left;
}

.jqTransformInputInner {
	background: transparent url('images/jq/input/input_text_right.png') no-repeat top right;
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 28px;
	margin:0px 0px 0px 8px;
}

.jqTransformInputInner div input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 28px;
	vertical-align: middle;
	height: 28px;
	color:#6d6e71;	
	border: none;
	padding: 0 0px 0px 0px;
	margin: 0px;
	background:transparent;
}

/*  IE6 */
* html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin: 0 0 0 -8px;
	height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:-10px;
	height:24px;
}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -28px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -28px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -56px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -56px ;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
	font-size: 12px;
	line-height: 16px;
}

table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url('images/jq/textarea/textarea_tl.gif') no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url('images/jq/textarea/textarea_tm.gif') repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url('images/jq/textarea/textarea_tr.gif') no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url('images/jq/textarea/textarea_ml.gif') repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url('images/jq/textarea/textarea-mm.gif') repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url('images/jq/textarea/textarea_mr.gif') repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url('images/jq/textarea/textarea_bl.gif') no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url('images/jq/textarea/textarea_bm.gif') repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url('images/jq/textarea/textarea_br.gif') no-repeat top left;}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url('images/jq/textarea/textarea-mm-hover.gif');}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url('images/jq/textarea/textarea-mm-focus.gif');}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}


table.jqTransformTextarea .jqTransformSafariTextarea div {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	position: absolute;
	top:-10px;
	left:-10px;
	padding: 10px 10px 10px 10px;
	resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {
	background: transparent url('images/jq/radio.png') no-repeat center top;
	vertical-align: middle;
	height: 18px;
	width: 17px;
	display:block;/*display: -moz-inline-block;*/
}

.jqTransformRadio { outline: none !important; }


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url('images/jq/checkbox.png') no-repeat center top;
	vertical-align: middle;
	height: 20px;
	width: 22px;
	display:block;/*display: -moz-inline-block;*/
	outline: none !important; 
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 28px;
	background: url('images/jq/select_left.png') no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {	
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	color: #6d6e71;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 28px;
	background: url('images/jq/select_right.png') no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#6d6e71;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #E53212;
	color: #fff;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#E53212;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/gfx/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/gfx/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('images/gfx/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
}

#fancybox-overlay.overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/* Fancybox inline styles */
.fancybox-skin h1 { font-size: 30px; color: #E53212; font-family: 'QuattrocentoSans', Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; padding: 0; margin: 0;}
.fancybox-skin  { font-size: 12px; }
.fancybox-skin ol li,
.fancybox-skin ul li { padding-bottom: 6px; }


/* Tiny Scrollbar */
        
        
        #facilityPanel
        {
            width: 315px;
            margin: 20px 0 10px;
        }
        #facilityPanel .viewport
        {
            width: 295px;
            height: 520px;
            overflow: hidden;
            position: relative;
        }
        #facilityPanel .overview
        {
            list-style: none;
            position: absolute;
            left: 0;
            top: 0;
            padding: 0;
            margin: 0;
        }
        #facilityPanel .scrollbar
        {
            background: transparent url('images/gfx/bg-scrollbar-track-y.png') no-repeat 0 0;
            position: relative;
            background-position: 0 0;
            float: left;
            width: 16px;
        }
        #facilityPanel .track
        {
            background: transparent url('images/gfx/bg-scrollbar-trackend-y.png') no-repeat 0 100%;
            height: 100%;
            width: 18px;
            position: relative;
            bottom: -8px;
            padding: 0 1px;
        }
        #facilityPanel .thumb
        {
            background: transparent url('images/gfx/bg-scrollbar-thumb-y.png') no-repeat 50% 100%;
            height: 20px;
            width: 27px;
            cursor: pointer;
            position: absolute;
            top: 0;
            left: -6px; 
           
        }
        #facilityPanel .thumb .end
        {
            background: transparent url('images/gfx/bg-scrollbar-thumb-y-end.png') no-repeat 50% 0;
            overflow: hidden;
            position: absolute;
            top: -8px;
            height: 8px;
            width: 27px;
            z-index: 1000;
        }
        #facilityPanel .disable
        {
            display: none;
        }



#terms
        {
            display: none;
        }        

    .pnl-text p{
          color: #6d6e71;
      font-size: 11px;
    }

    .pnl-text strong{
          color: #6d6e71;
          font-size: 12px;
    line-height: 14px !important;
    font-weight: bold;
    }

    
    .facility-active *{
      color: #fff !important;
    }


.mobile-header{
  width: 98%;
  padding: 1%;
  background: #fff;
}

.mobile_nav{
  width:100%;
  margin:0px;
  padding: 0px;
  list-style: none;
  display: none;
}

.mobile_nav li a{
  height: 50px;
  line-height: 50px;
  border-bottom:1px solid #ccc;
  text-align: center;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}

.mobile_sub ul{
  list-style: none;
  margin:0px;
  padding:0px;
}

.mobile_nav .mobile_sub li a{
  height: 40px;
  line-height: 40px;
  border-bottom:1px solid #ccc;
  text-align: center;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  color:#444;

}

.visible-xs{
  display: none;
}

#strap p{
  text-transform: uppercase;
}
#strap p strong{
  font-size: 19px;
  font-weight: normal;
}

.col-left{
  width:48%;
  margin-right: 2%;
  float: left;
}

.col-right{
  width:48%;
  margin-left: 2%;
  float: left;
}

 @media screen and (max-width: 992px){

.visible-xs{
  display: block;
}


 #pnl-1, #pnl-2 {
    width: 46%;
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    padding: 2%;
}
#pnl-3{
  width: 100%;
    position: static;
    float: left;
}

#pnls{
  position: static !important;
}

#slidecaption,#slidecontrol{
  padding: 50px;
}

.pnl-image-wrapper{
  width:33%;
  float: left;
}

.pnl-text-wrapper{
  width:66%;
  float: left;
}

#pnl-3 {
    width: 96%;
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    padding: 2%;
}

footer{
  position: static !important;
  margin-top:-26px !important;
}

#pnls{
  height: auto;
}

.hidden-xs{
  display: none;
}

#header-logo{
  position: static;
}

#header-logo img{
  height: 80px;
}


.show_menu{
  position: absolute;
  top:20px;
  right:3%;
}

.container-inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#col-list {
    width: 33%;
    float: left;
}

#col-detail {
    width: 31%;
    float: left;
    padding-right: 2%;
}

#col-offer {
    width: 33%;
    float: left;
}

.facility {
    padding-right: 16px;
    margin-left: 6px;
    height: 125px;
    width: 88%;
}

#facilityPanel .viewport {
    width: 100%;
    height: 520px;
    overflow: hidden;
    position: relative;
}

#facilityPanel {
    width: 100%;
    margin: 20px 0 10px;
}

.facility-logo{
  width:60px;
}

.offerpanel-alt {
    margin-right: 1%;
}

.offerpanel {
    width: 48%;
    float: left;
    border: 1px #cccccc solid;
    margin-top: 5px;
    position: relative;
}

.offerpanel-image {
    width: 33%;
    float: left;
}

.offerpanel-image img {
    width: 95%;
    margin: 2%;
}

.offerpanel-text {
    width: 59%;
    float: left;
    position: relative;
    margin-left: 5%;
}

#col-detail img{
  max-width: 100%;
  height: auto !important;
}

td{
  width:100%;
  display: block;
  clear: both;
}
td img{
  max-width: 100% !important;
  height: auto !important;
}

.content{
  padding: 20px !important;
}

.float49,.float35,.float25,.float45, .float30,.float50{
  width:100%;
}

.jqTransformInputWrapper{
  width:100% !important;
}

 }
 
 @media screen and (max-width: 768px){
  #pnl-1, #pnl-2 {
    width: 96%;
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    padding: 2%;
}

#footer-navigation {
    position: static;
    left: 4px;
    top: 32px;

}
#col-list, #col-detail, #col-offer{
  width:100%;
}

.page-template-template-findus td{
  display: block;
  width: 100%;
}

.page-template-template-findus td img{
  display: block;
  max-width: 100% !important;
  height: auto !important;
}

#footer-navigation ul {
    padding-left: 6px;
    margin-top: 15px;
    width:50%;

}

#slidecaption img{
  max-width: 100% !important;
  height: auto !important;
}

footer {
    position: static !important;
    margin-top: 0px !important;
    background-image:none !important;
    background:#222 !important;
    padding-top: 10px !important;
    height: auto !important;
    padding-bottom:20px !important;
}
#menu-footer-menu{
  margin: 0px
}

#slidecaption{
  min-height: 300px;
}

#footer-copyright {
    position: static;
    left: 4px;
    top: 56px;
    font-size: 11px;
    color: #cccccc;
    width: 40%;
    display: block;
    margin-left: 10px;
}

#footer-navigation ul li {
    display: block;
    float: none;
    padding-left: 0px;
}

#pnl-3 .pnl-text {
    left: 20px;
}

.content {
    padding: 20px 20px 20px 20px;
}

#col-detail{
  margin-bottom: 30px;
}

.offerpanel {
    width: 100%;
    float: left;
    border: 1px #cccccc solid;
    margin-top: 5px;
    position: relative;
}

td{
  width:100%;
  display: block;
  clear: both;
}
td img{
  max-width: 100% !important;
  height: auto !important;
}

.float49,.float35,.float25,.float45, .float30,.float50{
  width:100%;
}

.jqTransformInputWrapper{
  width:100% !important;
}

.col-left{
  width:100%;
  margin-right: 0px;
  margin-bottom: 30px;
}
.col-right{
  width:100%;
  margin-left: 0px;
}

.content>.form{
  position: static !important;
}


}