/*
* Amee V2.0
* Copyright 2013, Blue2 Digital
* www.blue2.co.uk
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/



@charset "UTF-8";

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

.typicons-location:before {
    content: "A"
}

.typicons-phone:before {
    content: "B"
}

.typicons-home:before {
    content: "C"
}

.typicons-camera:before {
    content: "D"
}

.typicons-left:before {
    content: "E"
}

.typicons-right:before {
    content: "F"
}

.typicons-up:before {
    content: "G"
}

.typicons-down:before {
    content: "H"
}

.typicons-refresh:before {
    content: "I"
}

.typicons-sync:before {
    content: "J"
}

.typicons-loop:before {
    content: "K"
}

.typicons-repeat:before {
    content: "L"
}

.typicons-shuffle:before {
    content: "M"
}

.typicons-rss:before {
    content: "N"
}

.typicons-cog:before {
    content: "O"
}

.typicons-spanner:before {
    content: "P"
}

.typicons-barChart:before {
    content: "Q"
}

.typicons-pieChart:before {
    content: "R"
}

.typicons-lineChart:before {
    content: "S"
}

.typicons-views:before {
    content: "T"
}

.typicons-zoomIn:before {
    content: "V"
}

.typicons-zoomOut:before {
    content: "U"
}

.typicons-export:before {
    content: "W"
}

.typicons-user:before {
    content: "X"
}

.typicons-group:before {
    content: "Y"
}

.typicons-microphone:before {
    content: "Z"
}

.typicons-globe:before {
    content: "a"
}

.typicons-thumbsUp:before {
    content: "b"
}

.typicons-thumbsDown:before {
    content: "c"
}

.typicons-tag:before {
    content: "d"
}

.typicons-tab:before {
    content: "e"
}

.typicons-warning:before {
    content: "f"
}

.typicons-tick:before {
    content: "g"
}

.typicons-beta:before {
    content: "h"
}

.typicons-unlock:before {
    content: "i"
}

.typicons-lock:before {
    content: "j"
}

.typicons-eject:before {
    content: "k"
}

.typicons-move:before {
    content: "l"
}

.typicons-expand:before {
    content: "m"
}

.typicons-cancel:before {
    content: "n"
}

.typicons-power:before {
    content: "o"
}

.typicons-compass:before {
    content: "p"
}

.typicons-radar:before {
    content: "q"
}

.typicons-directions:before {
    content: "r"
}

.typicons-pin:before {
    content: "s"
}

.typicons-mute:before {
    content: "t"
}

.typicons-volume:before {
    content: "u"
}

.typicons-world:before {
    content: "v"
}

.typicons-write:before {
    content: "w"
}

.typicons-minus:before {
    content: "x"
}

.typicons-equals:before {
    content: "y"
}

.typicons-feed:before {
    content: "z"
}

.typicons-batteryNone:before {
    content: "0"
}

.typicons-batteryLow:before {
    content: "1"
}

.typicons-batteryMid:before {
    content: "2"
}

.typicons-batteryHigh:before {
    content: "3"
}

.typicons-batteryPower:before {
    content: "4"
}

.typicons-plus:before {
    content: "5"
}

.typicons-times:before {
    content: "6"
}

.typicons-next:before {
    content: "7"
}

.typicons-previous:before {
    content: "8"
}

.typicons-edit:before {
    content: "9"
}

.typicons-cut:before {
    content: "'"
}

.typicons-anchor:before {
    content: "("
}

.typicons-bookmark:before {
    content: ")"
}

.typicons-music:before {
    content: "*"
}

.typicons-puzzle:before {
    content: "+"
}

.typicons-archive:before {
    content: ","
}

.typicons-mobile:before {
    content: "-"
}

.typicons-brightness:before {
    content: "/"
}

.typicons-flag:before {
    content: "{"
}

.typicons-info:before {
    content: "|"
}

.typicons-unknown:before {
    content: "}"
}

.typicons-chat:before {
    content: "~"
}

.typicons-mail:before {
    content: "["
}

.typicons-message:before {
    content: "\005C"
}

.typicons-delete:before {
    content: "]"
}

.typicons-backspace:before {
    content: "^"
}

.typicons-infinity:before {
    content: "_"
}

.typicons-key:before {
    content: "$"
}

.typicons-time:before {
    content: "%"
}

.typicons-grid:before {
    content: "\0022"
}

.typicons-list:before {
    content: "\0023"
}

.typicons-heart:before {
    content: ";"
}

.typicons-star:before {
    content: "="
}

.typicons-back:before {
    content: "?"
}

.typicons-forward:before {
    content: "@"
}


@charset "UTF-8";

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

.entypo-note:before {
    content: "\266a"
}

.entypo-note-beamed:before {
    content: "\266b"
}

.entypo-music:before {
    content: "\1f3b5"
}

.entypo-search:before {
    content: "\1f50d"
}

.entypo-flashlight:before {
    content: "\1f526"
}

.entypo-mail:before {
    content: "\2709"
}

.entypo-heart:before {
    content: "\2665"
}

.entypo-heart-empty:before {
    content: "\2661"
}

.entypo-star:before {
    content: "\2605"
}

.entypo-star-empty:before {
    content: "\2606"
}

.entypo-user:before {
    content: "\1f464"
}

.entypo-users:before {
    content: "\1f465"
}

.entypo-user-add:before {
    content: "\e700"
}

.entypo-video:before {
    content: "\1f3ac"
}

.entypo-picture:before {
    content: "\1f304"
}

.entypo-camera:before {
    content: "\1f4f7"
}

.entypo-layout:before {
    content: "\268f"
}

.entypo-menu:before {
    content: "\2630"
}

.entypo-check:before {
    content: "\2713"
}

.entypo-cancel:before {
    content: "\2715"
}

.entypo-cancel-circled:before {
    content: "\2716"
}

.entypo-cancel-squared:before {
    content: "\274e"
}

.entypo-plus:before {
    content: "\2b"
}

.entypo-plus-circled:before {
    content: "\2795"
}

.entypo-plus-squared:before {
    content: "\229e"
}

.entypo-minus:before {
    content: "\2d"
}

.entypo-minus-circled:before {
    content: "\2796"
}

.entypo-minus-squared:before {
    content: "\229f"
}

.entypo-help:before {
    content: "\2753"
}

.entypo-help-circled:before {
    content: "\e704"
}

.entypo-info:before {
    content: "\2139"
}

.entypo-info-circled:before {
    content: "\e705"
}

.entypo-back:before {
    content: "\1f519"
}

.entypo-home:before {
    content: "\2302"
}

.entypo-link:before {
    content: "\1f517"
}

.entypo-attach:before {
    content: "\1f4ce"
}

.entypo-lock:before {
    content: "\1f512"
}

.entypo-lock-open:before {
    content: "\1f513"
}

.entypo-eye:before {
    content: "\e70a"
}

.entypo-tag:before {
    content: "\e70c"
}

.entypo-bookmark:before {
    content: "\1f516"
}

.entypo-bookmarks:before {
    content: "\1f4d1"
}

.entypo-flag:before {
    content: "\2691"
}

.entypo-thumbs-up:before {
    content: "\1f44d"
}

.entypo-thumbs-down:before {
    content: "\1f44e"
}

.entypo-download:before {
    content: "\1f4e5"
}

.entypo-upload:before {
    content: "\1f4e4"
}

.entypo-upload-cloud:before {
    content: "\e711"
}

.entypo-reply:before {
    content: "\e712"
}

.entypo-reply-all:before {
    content: "\e713"
}

.entypo-forward:before {
    content: "\27a6"
}

.entypo-quote:before {
    content: "\275e"
}

.entypo-code:before {
    content: "\e714"
}

.entypo-export:before {
    content: "\e715"
}

.entypo-pencil:before {
    content: "\270e"
}

.entypo-feather:before {
    content: "\2712"
}

.entypo-print:before {
    content: "\e716"
}

.entypo-retweet:before {
    content: "\e717"
}

.entypo-keyboard:before {
    content: "\2328"
}

.entypo-comment:before {
    content: "\e718"
}

.entypo-chat:before {
    content: "\e720"
}

.entypo-bell:before {
    content: "\1f514"
}

.entypo-attention:before {
    content: "\26a0"
}

.entypo-alert:before {
    content: "\1f4a5'"
}

.entypo-vcard:before {
    content: "\e722"
}

.entypo-address:before {
    content: "\e723"
}

.entypo-location:before {
    content: "\e724"
}

.entypo-map:before {
    content: "\e727"
}

.entypo-direction:before {
    content: "\27a2"
}

.entypo-compass:before {
    content: "\e728"
}

.entypo-cup:before {
    content: "\2615"
}

.entypo-trash:before {
    content: "\e729"
}

.entypo-doc:before {
    content: "\e730"
}

.entypo-docs:before {
    content: "\e736"
}

.entypo-doc-landscape:before {
    content: "\e737"
}

.entypo-doc-text:before {
    content: "\1f4c4"
}

.entypo-doc-text-inv:before {
    content: "\e731"
}

.entypo-newspaper:before {
    content: "\1f4f0"
}

.entypo-book-open:before {
    content: "\1f4d6"
}

.entypo-book:before {
    content: "\1f4d5"
}

.entypo-folder:before {
    content: "\1f4c1"
}

.entypo-archive:before {
    content: "\e738"
}

.entypo-box:before {
    content: "\1f4e6"
}

.entypo-rss:before {
    content: "\e73a"
}

.entypo-phone:before {
    content: "\1f4dE"
}

.entypo-cog:before {
    content: "\2699"
}

.entypo-tools:before {
    content: "\2692"
}

.entypo-share:before {
    content: "\e73c"
}

.entypo-shareable:before {
    content: "\e73e"
}

.entypo-basket:before {
    content: "\e73d"
}

.entypo-bag:before {
    content: "\1f45c'"
}

.entypo-calendar:before {
    content: "\1f4c5"
}

.entypo-login:before {
    content: "\e740"
}

.entypo-logout:before {
    content: "\e741"
}

.entypo-mic:before {
    content: "\1f3a4"
}

.entypo-mute:before {
    content: "\1f507"
}

.entypo-sound:before {
    content: "\1f50a"
}

.entypo-volume:before {
    content: "\e742"
}

.entypo-clock:before {
    content: "\1f554"
}

.entypo-hourglass:before {
    content: "\23f3"
}

.entypo-lamp:before {
    content: "\1f4a1"
}

.entypo-light-down:before {
    content: "\1f505"
}

.entypo-light-up:before {
    content: "\1f506"
}

.entypo-adjust:before {
    content: "\25d1"
}

.entypo-block:before {
    content: "\1f6ab"
}

.entypo-resize-full:before {
    content: "\e744"
}

.entypo-resize-small:before {
    content: "\e746"
}

.entypo-popup:before {
    content: "\e74c"
}

.entypo-publish:before {
    content: "\e74d"
}

.entypo-window:before {
    content: "\e74e"
}

.entypo-arrow-combo:before {
    content: "\e74f"
}

.entypo-down-circled:before {
    content: "\e758"
}

.entypo-left-circled:before {
    content: "\e759"
}

.entypo-right-circled:before {
    content: "\e75a"
}

.entypo-up-circled:before {
    content: "\e75b"
}

.entypo-down-open:before {
    content: "\e75c"
}

.entypo-left-open:before {
    content: "\e75d"
}

.entypo-right-open:before {
    content: "\e75e"
}

.entypo-up-open:before {
    content: "\e75f"
}

.entypo-down-open-mini:before {
    content: "\e760"
}

.entypo-left-open-mini:before {
    content: "\e761"
}

.entypo-right-open-mini:before {
    content: "\e762"
}

.entypo-up-open-mini:before {
    content: "\e763"
}

.entypo-down-open-big:before {
    content: "\e764"
}

.entypo-left-open-big:before {
    content: "\e765"
}

.entypo-right-open-big:before {
    content: "\e766"
}

.entypo-up-open-big:before {
    content: "\e767"
}

.entypo-down:before {
    content: "\2b07"
}

.entypo-left:before {
    content: "\2b05"
}

.entypo-right:before {
    content: "\27a1"
}

.entypo-up:before {
    content: "\2b06"
}

.entypo-down-dir:before {
    content: "\25be"
}

.entypo-left-dir:before {
    content: "\25c2"
}

.entypo-right-dir:before {
    content: "\25b8"
}

.entypo-up-dir:before {
    content: "\25b4"
}

.entypo-down-bold:before {
    content: "\e4b0"
}

.entypo-left-bold:before {
    content: "\e4ad"
}

.entypo-right-bold:before {
    content: "\e4ae"
}

.entypo-up-bold:before {
    content: "\e4af"
}

.entypo-down-thin:before {
    content: "\2193"
}

.entypo-left-thin:before {
    content: "\2190"
}

.entypo-right-thin:before {
    content: "\2192"
}

.entypo-up-thin:before {
    content: "\2191"
}

.entypo-ccw:before {
    content: "\27f2"
}

.entypo-cw:before {
    content: "\27f3"
}

.entypo-arrows-ccw:before {
    content: "\1f504"
}

.entypo-level-down:before {
    content: "\21b3"
}

.entypo-level-up:before {
    content: "\21b0"
}

.entypo-shuffle:before {
    content: "\1f500"
}

.entypo-loop:before {
    content: "\1f501"
}

.entypo-switch:before {
    content: "\21c6"
}

.entypo-play:before {
    content: "\25b6"
}

.entypo-stop:before {
    content: "\25a0"
}

.entypo-pause:before {
    content: "\2389"
}

.entypo-record:before {
    content: "\26ab"
}

.entypo-to-end:before {
    content: "\23ed"
}

.entypo-to-start:before {
    content: "\23ee"
}

.entypo-fast-forward:before {
    content: "\23e9"
}

.entypo-fast-backward:before {
    content: "\23ea"
}

.entypo-progress-0:before {
    content: "\e768"
}

.entypo-progress-1:before {
    content: "\e769"
}

.entypo-progress-2:before {
    content: "\e76a"
}

.entypo-progress-3:before {
    content: "\e76b"
}

.entypo-target:before {
    content: "\1f3af"
}

.entypo-palette:before {
    content: "\1f3a8"
}

.entypo-list:before {
    content: "\e005"
}

.entypo-list-add:before {
    content: "\e003"
}

.entypo-signal:before {
    content: "\1f4f6"
}

.entypo-trophy:before {
    content: "\1f3c6"
}

.entypo-battery:before {
    content: "\1f50b"
}

.entypo-back-in-time:before {
    content: "\e771"
}

.entypo-monitor:before {
    content: "\1f4bb"
}

.entypo-mobile:before {
    content: "\1f4f1"
}

.entypo-network:before {
    content: "\e776"
}

.entypo-cd:before {
    content: "\1f4bf"
}

.entypo-inbox:before {
    content: "\e777"
}

.entypo-install:before {
    content: "\e778"
}

.entypo-globe:before {
    content: "\1f30e"
}

.entypo-cloud:before {
    content: "\2601"
}

.entypo-cloud-thunder:before {
    content: "\26c8"
}

.entypo-flash:before {
    content: "\26a1"
}

.entypo-moon:before {
    content: "\263d"
}

.entypo-flight:before {
    content: "\2708"
}

.entypo-paper-plane:before {
    content: "\e79b"
}

.entypo-leaf:before {
    content: "\1f342"
}

.entypo-lifebuoy:before {
    content: "\e788"
}

.entypo-mouse:before {
    content: "\e789"
}

.entypo-briefcase:before {
    content: "\1f4bc"
}

.entypo-suitcase:before {
    content: "\e78e"
}

.entypo-dot:before {
    content: "\e78b"
}

.entypo-dot-2:before {
    content: "\e78c"
}

.entypo-dot-3:before {
    content: "\e78d"
}

.entypo-brush:before {
    content: "\e79a"
}

.entypo-magnet:before {
    content: "\e7a1"
}

.entypo-infinity:before {
    content: "\221e"
}

.entypo-erase:before {
    content: "\232b"
}

.entypo-chart-pie:before {
    content: "\e751"
}

.entypo-chart-line:before {
    content: "\1f4c8"
}

.entypo-chart-bar:before {
    content: "\1f4ca"
}

.entypo-chart-area:before {
    content: "\1f53e"
}

.entypo-tape:before {
    content: "\2707"
}

.entypo-graduation-cap:before {
    content: "\1f393"
}

.entypo-language:before {
    content: "\e752"
}

.entypo-ticket:before {
    content: "\1f3ab"
}

.entypo-water:before {
    content: "\1f4a6"
}

.entypo-droplet:before {
    content: "\1f4a7"
}

.entypo-air:before {
    content: "\e753"
}

.entypo-credit-card:before {
    content: "\1f4b3"
}

.entypo-floppy:before {
    content: "\1f4be"
}

.entypo-clipboard:before {
    content: "\1f4cb"
}

.entypo-megaphone:before {
    content: "\1f4e3"
}

.entypo-database:before {
    content: "\e754"
}

.entypo-drive:before {
    content: "\e755"
}

.entypo-bucket:before {
    content: "\e756"
}

.entypo-thermometer:before {
    content: "\e757"
}

.entypo-key:before {
    content: "\1f511"
}

.entypo-flow-cascade:before {
    content: "\e790"
}

.entypo-flow-branch:before {
    content: "\e791"
}

.entypo-flow-tree:before {
    content: "\e792"
}

.entypo-flow-line:before {
    content: "\e793"
}

.entypo-flow-parallel:before {
    content: "\e794"
}

.entypo-rocket:before {
    content: "\1f680"
}

.entypo-gauge:before {
    content: "\e7a2"
}

.entypo-traffic-cone:before {
    content: "\e7a3"
}

.entypo-cc:before {
    content: "\e7a5"
}

.entypo-cc-by:before {
    content: "\e7a6"
}

.entypo-cc-nc:before {
    content: "\e7a7"
}

.entypo-cc-nc-eu:before {
    content: "\e7a8"
}

.entypo-cc-nc-jp:before {
    content: "\e7a9"
}

.entypo-cc-sa:before {
    content: "\e7aa"
}

.entypo-cc-nd:before {
    content: "\e7ab"
}

.entypo-cc-pd:before {
    content: "\e7ac"
}

.entypo-cc-zero:before {
    content: "\e7ad"
}

.entypo-cc-share:before {
    content: "\e7ae"
}

.entypo-cc-remix:before {
    content: "\e7af"
}

.entypo-github:before {
    content: "\f300"
}

.entypo-github-circled:before {
    content: "\f301"
}

.entypo-flickr:before {
    content: "\f303"
}

.entypo-flickr-circled:before {
    content: "\f304"
}

.entypo-vimeo:before {
    content: "\f306"
}

.entypo-vimeo-circled:before {
    content: "\f307"
}

.entypo-twitter:before {
    content: "\f309"
}

.entypo-twitter-circled:before {
    content: "\f30a"
}

.entypo-facebook:before {
    content: "\f30c"
}

.entypo-facebook-circled:before {
    content: "\f30d"
}

.entypo-facebook-squared:before {
    content: "\f30e"
}

.entypo-gplus:before {
    content: "\f30f"
}

.entypo-gplus-circled:before {
    content: "\f310"
}

.entypo-pinterest:before {
    content: "\f312"
}

.entypo-pinterest-circled:before {
    content: "\f313"
}

.entypo-tumblr:before {
    content: "\f315"
}

.entypo-tumblr-circled:before {
    content: "\f316"
}

.entypo-linkedin:before {
    content: "\f318"
}

.entypo-linkedin-circled:before {
    content: "\f319"
}

.entypo-dribbble:before {
    content: "\f31b"
}

.entypo-dribbble-circled:before {
    content: "\f31c"
}

.entypo-stumbleupon:before {
    content: "\f31e"
}

.entypo-stumbleupon-circled:before {
    content: "\f31f"
}

.entypo-lastfm:before {
    content: "\f321"
}

.entypo-lastfm-circled:before {
    content: "\f322"
}

.entypo-rdio:before {
    content: "\f324"
}

.entypo-rdio-circled:before {
    content: "\f325"
}

.entypo-spotify:before {
    content: "\f327"
}

.entypo-spotify-circled:before {
    content: "\f328"
}

.entypo-qq:before {
    content: "\f32a"
}

.entypo-instagrem:before {
    content: "\f32d"
}

.entypo-dropbox:before {
    content: "\f330"
}

.entypo-evernote:before {
    content: "\f333"
}

.entypo-flattr:before {
    content: "\f336"
}

.entypo-skype:before {
    content: "\f339"
}

.entypo-skype-circled:before {
    content: "\f33a"
}

.entypo-renren:before {
    content: "\f33c"
}

.entypo-sina-weibo:before {
    content: "\f33f"
}

.entypo-paypal:before {
    content: "\f342"
}

.entypo-picasa:before {
    content: "\f345"
}

.entypo-soundcloud:before {
    content: "\f348"
}

.entypo-mixi:before {
    content: "\f34b"
}

.entypo-behance:before {
    content: "\f34e"
}

.entypo-google-circles:before {
    content: "\f351"
}

.entypo-vkontakte:before {
    content: "\f354"
}

.entypo-smashing:before {
    content: "\f357"
}

.entypo-sweden:before {
    content: "\f601"
}

.entypo-db-shape:before {
    content: "\f600"
}

.entypo-logo-db:before {
    content: "\f603"
}

/* entypo */
[class*="entypo-"]:before {
    font-family: 'entypo', sans-serif;
}

/* typicons */
[class*="typicons-"]:before {
    font-family: 'Typicons', sans-serif;
}


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc
	#Avian */


/* #Reset & Basics (by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* #Basic Styles
================================================== */
body {
    background: /* #DAE9F8;  #99c1df; */ #144d70;
    font: 14px/21px 'PT Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}


.width-bottom {
    /* 	 border-top:4px solid rgba(71,163,218,0.5); */
    box-shadow: 0 -2px 0 0 rgba(71, 163, 218, 0.1);
}

.width-top {
    /* 	 border-bottom:1px solid rgba(71,163,218,0.2); */
    /* 	 border-bottom:4px solid rgba(71,163,218,0.5); */
    /*
-moz-box-shadow: 0 8px 20px -10px #000;
-webkit-box-shadow: 0 8px 20px -10px #000;
box-shadow: 0 8px 20px -10px #000;
*/
    position: relative;
    z-index: 4;
}

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

::selection {
    background: #47a3da;
    color: #fff;
    text-shadow: none;
}


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    color: #009399;
    font-family: 'PT Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-weight: inherit;
    }

h1 {
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 14px;
}

h2 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 10px;
}

h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px;
}

h4 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 4px;
}

h5 {
    font-size: 17px;
    line-height: 24px;
}

h6 {
    font-size: 14px;
    line-height: 21px;
}

.subheader {
    color: #777;
}

p {
    margin: 0 0 20px 0;
}

    p img {
        margin: 0;
    }

    p.lead {
        font-size: 21px;
        line-height: 27px;
        color: #777;
    }

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

/*	Blockquotes  */
blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
}

    blockquote cite {
        display: block;
        font-size: 12px;
        color: #555;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
            color: #555;
        }

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}


/* #Links / Typography
================================================== */
a, a:visited {
    color: #144d70;
    text-decoration: none;
    outline: 0;
}

    a:hover, a:focus {
        color: #144d70;
    }

p a, p a:visited {
    line-height: inherit;
}

.right-viewport p a, .right-viewport li a {
    border-bottom: 1px solid #ccc;
}

    .right-viewport p a:hover, .right-viewport li a:hover {
        border-bottom: 0px;
    }

    .right-viewport p a:focus, .right-viewport p a:active, .right-viewport li a:focus, .right-viewport li a:active, .category a:focus, .category a:active {
        background-color: #dae9f8;
        outline: 3px solid #dae9f8;
    }

.right-viewport ol, .right-viewport ul {
    color: #5a6776;
}


/* #Lists
================================================== */
ul, ol {
    margin-bottom: 20px;
}

.article ul, .article ol {
    font-size: 1rem;
    line-height: 1.55rem;
}

    .article ol li {
        margin-bottom: 0;
    }

ul {
    list-style: none outside;
}

ol {
    list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px;
    font-size: 1.235em;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul, ul ol,
ol ol, ol ul {
    margin: 4px 0 5px 30px;
    font-size: 90%;
}

    ul ul li, ul ol li,
    ol ol li, ol ul li {
        margin-bottom: 6px;
    }

li { /* line-height: 18px; */
    margin-bottom: 12px;
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 21px;
}

.right-viewport ul {
    list-style: disc outside;
    margin-left: 30px;
}

.right-viewport .txtholder ul {
    line-height: 1.60rem;
}

.widget ul, .upper ul {
    list-style: none;
    margin: 0;
}

.right-viewport .nav-tabs ul li a:active, .right-viewport .nav-tabs ul li a:focus {
    background-color: inherit;
}

.article table {
    font-size: 1rem;
    line-height: 1.55rem;
}

    .article table td {
        border: 1px solid #cacaca;
        font-size: 1rem;
        line-height: 1.55rem;
        color: #5a6776;
        padding: 0.5em;
        vertical-align: middle;
    }

    .article table tr > td:first-child {
        border-left-width: 2px;
    }

    .article table tr > th:first-child {
        border-left-width: 2px;
    }

    .article table th {
        border: 1px solid #cacaca;
        font-size: 1rem;
        line-height: 1.55rem;
        color: #5a6776;
        padding: 0.5em;
        vertical-align: middle;
        font-weight: bold;
        width: 170px;
        height: 33px;
    }


/* #Images
================================================== */

img.scale-with-grid {
    max-width: 100%;
    height: auto;
}


/* #Buttons
================================================== */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.generic_button a {
    font-size: 14px;
    padding: 10px 20px !important;
    -moz-box-orient: vertical;
    background: #13a7d0;
    background: -moz-linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
    background: -webkit-linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
    background: -o-linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
    background: linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
    border: 1px solid #0a344f;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFFF !important;
    display: inline-block;
    font-family: 'PT Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1 !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    margin: 0 0 10px;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    font-weight: bold;
}

.generic_button a {
    border-bottom: 1px solid #0a344f !important;
}

.call {
    margin: 10px 0;
}



.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.generic_button a:hover {
    /*
background: -moz-linear-gradient(#38cbf3, #14a8d1) repeat scroll 0 0 #14a8d1;
    		background: -webkit-linear-gradient(#38cbf3, #14a8d1) repeat scroll 0 0 #14a8d1;
    		background: -o-linear-gradient(#38cbf3, #14a8d1) repeat scroll 0 0 #14a8d1;
    		background: linear-gradient(#38cbf3, #14a8d1) repeat scroll 0 0 #14a8d1; }
*/
    background: -moz-linear-gradient(#256790, #256790) repeat scroll 0 0 #082e46;
    background: -webkit-linear-gradient(#256790, #256790) repeat scroll 0 0 #082e46;
    background: -o-linear-gradient(#256790, #256790) repeat scroll 0 0 #082e46;
    background: linear-gradient(#256790, #256790) repeat scroll 0 0 #082e46;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.generic_button a:active, .generic_button a:focus {
    background: #082e46 !important;
    outline: none !important;
}


.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


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

form {
    margin-bottom: 20px;
}

fieldset {
    margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px 'PT Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
}

select {
    padding: 0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

textarea {
    min-height: 60px;
}

label,
legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

select {
    width: 220px;
}

input[type="checkbox"] {
    display: inline;
}

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}

/* #Misc
================================================== */
.remove-bottom {
    margin-bottom: 0 !important;
}

.half-bottom {
    margin-bottom: 10px !important;
}

.add-bottom {
    margin-bottom: 20px !important;
}



/* #Avian Elements (Header, Viewport, Footer)
================================================== */

.social-panel-row--mededWorld{
    position: relative;
    height: 80px;
    clear: both;
    margin-bottom: -25px;
    background-color: #214582; 
}
.social-panel-container--mededWorld{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.social-panel-row--amee{
    margin-top: 30px;
}
.social-panel{
    box-sizing: border-box;
    float: left;
    padding: 0 5px;
}
.social-panel{
    float: right;
    margin-top: 5px;
    padding: 0 5px;
    margin-bottom: -4px;
    position: absolute;
    right: 0;
    z-index: 2;
}

.social-panel *{
    box-sizing: border-box;
}
.social-panel__logo{
    float: left;
    width: 100px;
    padding: 16px 5px 0;
}
.social-panel-row--amee .social-panel__logo{
    display: none;
}
.social-panel__logo img{
    max-width: 84%;
    height: auto;
}

.social-panel__inner{
    float: left;
    width: calc(100% - 100px);
}
.social-panel-row--amee .social-panel__inner{
    width: 100%;
}
.social-panel__inner p{
    font-size: 10px;
    font-family: helvetica,arial,sans-serif;
    margin: 0;
    text-align: center;
}
.social-panel-row--amee .social-panel__inner p{
    color: #fff;
}

.social-panel__inner ul{
    display: block;
    float: left;
    margin: 0;
    padding: 0;   
}
.social-panel__inner ul li{
    list-style: none;
    display: block;
    float: left;
    margin: 3px 6px;
    width: 38px;
    height: 38px;
}
.social-panel__inner ul li:first-child{
    margin-left: 0;
}
.social-panel__inner ul li:last-child{
    margin-right: 0;
}
.social-panel__inner ul li a{
/*
    background: rgb(101,101,100);
    background: linear-gradient(176deg, rgba(101,101,100,1) 0%, rgba(154,155,154,1) 100%);
*/
    background: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    box-shadow: 0 1px 10px rgba(0,0,0,0) inset;
    color: #184e6f;
    display: block;
    font-size: 28px;
    line-height: 0;
    position: relative;
    width: 38px;
    height: 38px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
    transition: .25s all ease;
}

.social-panel__inner ul li a:hover,
.social-panel__inner ul li a:focus{
    background: #184e6f;
    border: 1px solid rgba(255,255,255,.5);
    color: #fff;
/*
    box-shadow: 0 20px 15px rgba(0,0,0,.15) inset;
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);
*/
}

.social-panel__inner  ul li a.facebook{
    padding-top: 10px;
    padding-bottom: 0;
}   
@media (max-width:767px){
    .social-panel{
        float: none;
        position: relative;
        width: 254px;
        margin: 2px auto 10px;
    }
    .social-panel__inner ul{
        transform-origin: top center;
        transform: scale(.8);
    }
}


.container .header, .viewer {
    width: 100% !important;
}

.header {
    padding-top: 22px;
    position: relative;
/*     min-height: 120px; */
    min-height: 130px;
}

.viewer {
    margin-top: 22px;
    float: left;
}
.viewer__left-col {
    width: 19.79%;
    position: relative;
    float: left;
    display: inline-block;
}
.right-viewport {
    float: left;
    width: 80.21%;
}

.white {
    background-color: #fff;
    padding-bottom: 44px;
    /* background:url(../img/body-background.png) repeat scroll 0 0 transparent; */
    background-color: #fff;
    /* 	 position:relative; */
    z-index: 3;
}


.footer {
    color: #999999;
    font-size: 12px;
    line-height: 16px;
    padding-top: 20px;
    float: right !important;
}

    .footer .details {
        float: right;
        font-size: 0.785rem;
        line-height: 1.4;
    }

        .footer .details p {
            margin: 0;
            display: table;
            color: #fff;
            line-height: 1.6;
            text-align: right;
            display: block;
        }

        .footer .details a {
            color: #fff;
            text-decoration: none;
        }

            .footer .details a:hover {
                text-decoration: underline;
            }


/* #Base Footer */

.footer-inner {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}

.base-footer {
    clear: both;
    color: #144d70;
    font-size: 0;
    padding: 20px 0 0;
}

.footer-inner ul {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.5;
    list-style: none outside none;
    margin: 0 0 1em;
    padding: 0;
    text-transform: none;
}

    .footer-inner ul li {
        display: inline-block;
        margin: 0 15px 0 0;
    }

.footer-inner a {
    color: #fff;
}

    .footer-inner a:hover {
        border-bottom: 1px solid #bcdbf2;
    }

.design-by {
    clear: left;
    padding-left: 73px;
    position: relative;
}

    .design-by h2 {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 41px;
        color: #144d70;
        font-size: 24px;
        font-weight: bold;
        line-height: 1.25;
        margin: 0;
        text-transform: none;
    }

    .design-by p {
        font-size: 12px;
        font-weight: 300;
        line-height: 1.5;
        margin: 0;
        padding-top: 0.1em;
        text-transform: none;
        color: #fff;
    }

    .design-by h2 img {
        display: block;
    }



/* #Navigation
================================================== */


/* MAIN */

nav {
    width: 100%;
    float: left;
}

.viewer #dl-menu ul {
    color: #144d70;
    font-weight: bold;
    width: 90%;
    background-color: #dae9f8;
}

.viewer #dl-menu > ul {
    /*   background-color: #7FA2B7; */
    border-radius: 6px;
    padding: 15px;
    border: 1px solid #bcdbf2;
}

.viewer #dl-menu li a {
    color: #144d70 /* #fff */;
    text-decoration: none;
    -webkit-transition: color 0.5s ease-in 0s;
    -moz-transition: color 0.5s ease-in 0s;
    -ms-transition: color 0.5s ease-in 0s;
    -o-transition: color 0.5s ease-in 0s;
    transition: color 0.5s ease-in 0s;
}

.viewer #dl-menu li:last-child {
    margin-bottom: 0;
}

.viewer #dl-menu li a:hover,
.viewer #dl-menu li.active > a {
    color: #01416c;
}

.indent-1 {
    margin-left: 15px;
}




/* USER */


.header nav.user li {
    display: inline;
}

.header nav.user ul {
    float: right;
    margin: 0;
    text-align: right;
}


.header nav.user {
    float: right;
    /*     position: relative!important; */
    /*     top: 3px; */
    width: 54%;
/*     margin-top: 10px; */
}

    .header nav.user ul > div {
        display: inline-block;
    }

    .header nav.user li {
        float: none;
        display: inline-block;
        color: #fff;
        border-right: 1px solid #fff;
        line-height: 10px;
        padding: 0 8px;
    }

        .header nav.user li a {
            color: #fff;
            font-size: 14px;
            text-decoration: none;
        }

        .header nav.user li:first-child {
            padding-left: 0;
        }

        .header nav.user li:last-child {
            padding-right: 0;
            border-right: 0;
        }

    /*
 .header nav.user li a {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 1px;
    letter-spacing: .1rem;
}
*/

    .header nav.user .hp-search {
        background: none;
        border: 0px none;
        color: #144d70;
        width: 42px;
        margin: 0;
        padding: 0;
        display: inline;
        font-size: 14px;
        margin-top: -10px;
        border-radius: 0;
        opacity: 1;
        -webkit-transition: all .25s linear;
        -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
        -o-transition: all .25s linear;
        transition: all .25s linear;
    }

        .header nav.user .hp-search:focus {
            box-shadow: none;
            width: 145px;
            background-color: #4789B3;
            border-radius: 0 13em 13em 0;
            color: #fff;
        }

    .header nav.user li input:focus::-moz-placeholder {
        color: white;
        opacity: 1;
    }

    .header nav.user ::-webkit-input-placeholder:focus {
        color: white;
        opacity: 1;
    }

    .header nav.user li input::-moz-placeholder {
        color: white;
        opacity: 1;
    }

    .header nav.user ::-webkit-input-placeholder {
        color: white !important;
        opacity: 1 !important;
    }

/* social */

/*
	.social{
	    float: right;
	    position: relative!important;
	    top: 3px;
	}
*/

.social {
    font-size: 28px;
    line-height: 31px;
    text-align: right;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    float: right;
    margin-right: -10px;
    clear: both;
    margin-top: 5px;
/*     display: none; */
}


    .social span {
        opacity: 1;
        cursor: pointer;
        -webkit-transition: all .25s linear;
        -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
        -o-transition: all .25s linear;
        transition: all .25s linear;
        float: left;
    }


        .social span:hover {
            opacity: 0.7;
        }

    .social a {
        text-decoration: none;
        float: right;
        color: #fff;
        width: 40px;
    }

    .social p {
        float: right;
        font-size: 14px;
        margin-right: 16px;
        color: #fff;
    }

/* #Common Template Bits
================================================== */


.brand {
    position: relative;
}

    .brand h1 {
        float: left;
    }

        .brand h1 a {
            background-image: url(/assets/img/amee-logo.png);
            background-repeat: no-repeat;
            float: left;
            width: 312px;
            height: 70px;
            margin-top: 0;
            overflow: hidden;
            text-indent: -5000px;
            margin-left: 15px;
        }



/* #Homepage
================================================== */


.viewer .hero {
    width: 100%;
    float: left;
    height: 275px;
    background-image: url(/assets/img/hero/prague-day.jpg);
    border-radius: 6px;
    margin-bottom: 20px; /* 22px; */
    overflow: hidden;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

    .viewer .hero h2 {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.90);
        color: #fff;
        font-weight: 700;
        /*
		width:92%;
		position: absolute;
		top:10%;
*/
        margin-left: 22px;
    }

    .viewer .hero h3 {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.90);
        color: #fff;
        font-weight: 700;
        /*
		width:49%;
		position: absolute;
		top:40%;
*/
        margin-left: 22px;
        font-size: 18px;
        line-height: 1.3;
    }

    /*
	.viewer .hero .hero-titles{
		position: absolute;
		top:40px;
		width:85%;
	}
*/

    .viewer .hero .hero-titles {
        position: absolute;
        bottom: 15px;
        width: 90%;
        background-color: rgba(0,0,0,0.4);
        padding-top: 6px;
        border-radius: 0 6px 6px 0;
    }

    .viewer .hero a {
        text-decoration: none;
    }

.viewer .center {
    width: 80%;
    padding-right: 22px;
    float: left;
}

.viewer .hp-widgets {
    float: right;
    width: 19.79%;
}

.viewer .tabbed {
    width: 100%;
    float: left;
    min-height: 260px;
    overflow: hidden;
    /* 	border-radius: 0 0 6px 6px; */
    margin-bottom: 22px;
    /* 	border: 1px solid #DADADA; */
    /* box-shadow: rgba(0,0,0,0.3) 0 1px 3px; */
    border-radius: 6px;
    box-shadow: rgba(0,0,0,0.2) 0 1px 3px;
}

.viewer .current-tab {
    float: left;
    width: 100%;
    padding-top: 14px;
    /* 	border: 1px solid #DADADA; */
    border-radius: 0 0 6px 6px;
    min-height: 260px;
    border-top: 0px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    background-color: #cfcfcf;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(242, 242, 242)));
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    min-height: 270px;
}

.viewer .tabbed .image-holder img {
    min-width: 100%;
}

.viewer .tabbed a:focus, .viewer .tabbed a:active {
    background-color: none;
    outline: none;
}

/* #Homepage Widgets & Controls
================================================== */

.accordion {
    overflow: visible !important;
}

.widget {
    padding-top: 10px;
    border-radius: 6px;
    float: left;
    overflow: hidden;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

.hp-widgets .hp-news {
    width: 100% !important;
    max-width: 100% !important;
    background-color: /* #dae9f8 */ #bad8d7;
    min-height: 396px;
    margin-bottom: 22px;
}

    .hp-widgets .hp-news li.bjqs-slide {
        width: 100% !important;
    }

    .hp-widgets .hp-news li p {
        color: #dae9f8;
        margin-bottom: 5px;
    }

    .hp-widgets .hp-news li a {
        font-weight: bold;
        border-bottom: 0px;
        color: #005f63;
    }

    .hp-widgets .hp-news li strong {
        color: #005f63;
        font-weight: normal;
        text-shadow: 1px 1px rgba(255,255,255,0.5);
    }

    .hp-widgets .hp-news li, .hp-widgets .hp-contact li {
        padding: 0 10px 0 10px;
    }

.hp-widgets .hp-contact {
    width: 100%;
    background-color: #dae9f8;
    min-height: 300px;
}

.viewer__left-col .hp-contact{
    background:  #dae9f8;
    width: 90%;
    min-height: 240px;
	position: relative;
}
.viewer__left-col .hp-contact p{
    margin-bottom: 10px;
}



    .hp-widgets .hp-contact h3 {
        background-color: #144d70;
    }

.widget h3 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    color: white;
    background-color: #009399;
    border-radius: 0 13em 13em 0;
    width: 90%;
    padding-left: 10px;
}

.widget p, .widget p strong {
    color: #144d70;
}

.widget a {
    text-decoration: none;
}

.widget .desc {
    padding: 0 10px;
}



.feature {
    width: 60%;
    height: 240px;
    background-color: #dae9f8;
    position: relative;
}

    .feature .button {
        position: absolute;
        bottom: 1px;
        right: 11px;
        display: none;
    }

    .feature h3 {
        background-color: #009399;
    }

    .feature .desc {
        width: 50%;
        float: left;
    }

    .feature .list {
        width: 40%;
        float: left;
    }

        .feature .list ul {
            color: #18add6;
        }

        .feature .list li {
            margin: 0;
        }

.events {
    width: 36.8%;
    height: 240px;
    background-color: #dae9f8;
    float: right;
    position: relative;
}

    .events h3 {
        background-color: #144d70;
    }

    .events .button {
        bottom: 1px;
        position: absolute;
        right: 11px;
        text-align: center;
    }



/* #Homepage Tab Widget
================================================== */

.tabs {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    .tabs li {
        float: left;
    }

    .tabs a:first-child {
        margin-bottom: 10px;
    }

    .tabs a {
        /*background: linear-gradient(to bottom, #FFFFFF, #DDDDDD) repeat scroll 0 0 #DDDDDD;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    color: #777;
    float: left;
    padding: 0.4em 2.83em;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    */
        border: 1px solid rgb(24,78,111) !important;
        padding: 5px;
        display: block;
        width: 98%;
        margin: 0 auto;
        text-align: center;
        transition: .2s all ease;
    }

        .tabs a:hover, .tabs a:hover:after, .tabs a:focus, .tabs a:focus:after {
            background: rgb(24,78,111); /*none repeat scroll 0 0 #FFFFFF;*/
            color: #fff;
        }

        .tabs a:focus {
            outline: 0 none;
        }

    .tabs .current a {
        background: none repeat scroll 0 0 #FFFFFF;
        z-index: 3;
    }

        .tabs .current a:after {
            background: none repeat scroll 0 0 #FFFFFF;
            z-index: 3;
        }

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

.tabbed .image-holder {
    margin: 0 0 0 12px;
    width: /* 332px; */ 45%;
    height: 197px;
    float: left;
    border: 1px solid #dadada;
    overflow: hidden;
    border-radius: 4px;
}

.tabbed .desc {
    float: left;
    width: /* 340px; */ 50%;
    height: 196px;
    position: relative;
    margin: 0 0 0 2%;
}

    .tabbed .desc p {
        margin: 0 0 6px;
        float: left;
        color: #333;
        clear: left;
    }

        .tabbed .desc p strong {
            color: #144d70;
            font-size: 18px;
            float: left;
        }

    .tabbed .desc a {
        font-weight: bold;
        color: #009399;
        -webkit-transition: color 0.5s ease-in 0s;
        -moz-transition: color 0.5s ease-in 0s;
        -ms-transition: color 0.5s ease-in 0s;
        -o-transition: color 0.5s ease-in 0s;
        transition: color 0.5s ease-in 0s;
        float: left;
        margin-top: -1px;
        clear: right;
        margin-left: 10px;
        font-size: 12px;
        border-bottom: 0px !important;
    }

        .tabbed .desc a:hover {
            border-bottom: 1px solid #ccc;
            color: #144d70;
        }

    .tabbed .desc .button {
        top: 0;
        position: absolute;
        right: 3px;
    }

.viewer .tabbed .nav-tabs a:hover {
    border: 0px !important;
}

.right-viewport .tabbed li a {
    border: 0px !important;
}


/* #Colored Tabs
================================================== */

a, li {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* Global CSS that are applied for all screen sizes */

.nav-tabs ul {
    max-width: 1240px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.5em;
    font-weight: 300;
}

.nav-tabs li span {
    display: block;
}

.nav-tabs a {
    display: block;
    color: rgba(249, 249, 249, .9);
    text-decoration: none;
    -webkit-transition: color .5s, background .5s, height .5s;
    -moz-transition: color .5s, background .5s, height .5s;
    -o-transition: color .5s, background .5s, height .5s;
    -ms-transition: color .5s, background .5s, height .5s;
    transition: color .5s, background .5s, height .5s;
}


/* Remove the blue Webkit background when element is tapped */

a, button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Hover effect for the whole navigation to make the hovered item stand out */

.no-touch .nav-tabs ul:hover a {
    color: rgba(249, 249, 249, .5);
}

    .no-touch .nav-tabs ul:hover a:hover {
        color: rgba(249, 249, 249, 0.99);
    }

/* Adding some background color to the different menu items */

/*
.nav-tabs li:nth-child(6n+1) {
	background: rgb(208, 101, 3);
}

.nav-tabs li:nth-child(6n+2) {
	background: rgb(233, 147, 26);
}

.nav-tabs li:nth-child(6n+3) {
	background: rgb(22, 145, 190);
}

.nav-tabs li:nth-child(6n+4) {
	background: rgb(22, 107, 162);
}

.nav-tabs li:nth-child(6n+5) {
	background: rgb(27, 54, 71);
}

.nav-tabs li:nth-child(6n+6) {
	background: rgb(21, 40, 54);
}
*/

.nav-tabs li {
    margin-bottom: 0px;
    background: #13a7d0;
    background: -moz-linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
    background: -webkit-linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
    background: -o-linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
    background: linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
    -moz-box-shadow: inset -4px -3px 8px -5px #000;
    -webkit-box-shadow: inset -4px -3px 8px -5px #000;
    box-shadow: inset -4px -3px 8px -5px #000;
}

    .nav-tabs li.active {
        /*
 background-color: #009399;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 147, 153)), to(rgb(0, 86, 90)));
background-image: -webkit-linear-gradient(top, rgb(0, 147, 153), rgb(0, 86, 90));
background-image: -moz-linear-gradient(top, rgb(0, 147, 153), rgb(0, 86, 90));
background-image: -o-linear-gradient(top, rgb(0, 147, 153), rgb(0, 86, 90));
background-image: -ms-linear-gradient(top, rgb(0, 147, 153), rgb(0, 86, 90));
background-image: linear-gradient(top, rgb(0, 147, 153), rgb(0, 86, 90));
*/
        background-color: #01aeb5;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1, 174, 181)), to(rgb(0, 86, 90)));
        background-image: -webkit-linear-gradient(top, rgb(1, 174, 181), rgb(0, 86, 90));
        background-image: -moz-linear-gradient(top, rgb(1, 174, 181), rgb(0, 86, 90));
        background-image: -o-linear-gradient(top, rgb(1, 174, 181), rgb(0, 86, 90));
        background-image: -ms-linear-gradient(top, rgb(1, 174, 181), rgb(0, 86, 90));
        background-image: linear-gradient(top, rgb(1, 174, 181), rgb(0, 86, 90));
    }

/* For screen bigger than 800px */
@media (min-width: 50em) {

    /* Transforms the list into a horizontal navigation */
    .nav-tabs li {
        float: left;
        width: 16.66666666666667%;
        text-align: center;
        -webkit-transition: border .5s;
        -moz-transition: border .5s;
        -o-transition: border .5s;
        -ms-transition: border .5s;
        transition: border .5s;
        font-size: 16px;
        line-height: 1.5;
        border-radius: 6px 6px 0 0;
    }

    .nav-tabs a {
        display: block;
        width: auto;
        font-weight: bold;
    }


    /* Animating the height of the element*/
    .nav-tabs a {
        height: 1.5em;
        font-size: 15px;
    }

        .nav-tabs a:hover,
        .nav-tabs a:active,
        .nav-tabs a:focus {
            color: #fff;
        }

    /* Making the text follow the height animation */
    .no-touch .nav-tabs a:hover .icon + span {
        margin-top: 3.2em;
        -webkit-transition: margin .5s;
        -moz-transition: margin .5s;
        -o-transition: margin .5s;
        -ms-transition: margin .5s;
        transition: margin .5s;
    }
}

@media (min-width: 50em) and (max-width: 61.250em) {

    /* Size and font adjustments to make it fit into the screen*/
    .nav-tabs ul {
        font-size: 1.2em;
    }
}

/* The "tablet" and "mobile" version */

@media (max-width: 49.938em) {

    /* Instead of adding a border, we transition the background color */
    /*
	.no-touch .nav-tabs ul li:nth-child(6n+1) a:hover,
	.no-touch .nav-tabs ul li:nth-child(6n+1) a:active,
	.no-touch .nav-tabs ul li:nth-child(6n+1) a:focus {
		background: rgb(227, 119, 20);
	}

	.no-touch .nav-tabs li:nth-child(6n+2) a:hover,
	.no-touch .nav-tabs li:nth-child(6n+2) a:active,
	.no-touch .nav-tabs li:nth-child(6n+2) a:focus {
		background: rgb(245, 160, 41);
	}

	.no-touch .nav-tabs li:nth-child(6n+3) a:hover,
	.no-touch .nav-tabs li:nth-child(6n+3) a:active,
	.no-touch .nav-tabs li:nth-child(6n+3) a:focus {
		background: rgb(44, 168, 219);
	}

	.no-touch .nav-tabs li:nth-child(6n+4) a:hover,
	.no-touch .nav-tabs li:nth-child(6n+4) a:active,
	.no-touch .nav-tabs li:nth-child(6n+4) a:focus {
		background: rgb(31, 120, 176);
	}

	.no-touch .nav-tabs li:nth-child(6n+5) a:hover,
	.no-touch .nav-tabs li:nth-child(6n+5) a:active,
	.no-touch .nav-tabs li:nth-child(6n+5) a:focus {
		background: rgb(39, 70, 90);
	}

	.no-touch .nav-tabs li:nth-child(6n+6) a:hover,
	.no-touch .nav-tabs li:nth-child(6n+6) a:active,
	.no-touch .nav-tabs li:nth-child(6n+6) a:focus {
		background: rgb(32, 54, 68);
	}
*/

    .nav-tabs ul li {
        -webkit-transition: background 0.5s;
        -moz-transition: background 0.5s;
        -o-transition: background 0.5s;
        -ms-transition: background 0.5s;
        transition: background 0.5s;
    }
}

/* CSS specific to the 2x3 columns version */
@media (min-width:32.5em) and (max-width: 49.938em) {

    /* Creating the 2 column layout using floating elements once again */
    .nav-tabs li {
        display: block;
        float: left;
        width: 50%;
    }

    /* Adding some padding to make the elements look nicer*/
    .nav-tabs a {
        padding: 0.6em;
    }

    /* Displaying the icons on the left, and the text on the right side using inlin-block*/
    .nav-tabs li span,
    .nav-tabs li span.icon {
        display: inline-block;
    }

        .nav-tabs li span.icon {
            width: 50%;
        }

    .nav-tabs li .icon + span {
        font-size: 1em;
    }

    .icon + span {
        position: relative;
        top: -0.2em;
    }

    /* Adaptating to the icons to animate the size and border of the rounded background in a more discreet way */
    .nav-tabs li i {
        display: inline-block;
        padding: 8% 9%;
        border: 4px solid transparent;
        border-radius: 50%;
        font-size: 1.5em;
        background: rgba(255,255,255,0.1);
        -webkit-transition: border .5s;
        -moz-transition: border .5s;
        -o-transition: border .5s;
        -ms-transition: border .5s;
        transition: border .5s;
    }

    /* Transition effect on the border color */
    .no-touch .nav-tabs li:hover i,
    .no-touch .nav-tabs li:active i,
    .no-touch .nav-tabs li:focus i {
        border: 4px solid rgba(255,255,255,0.1);
    }
}

/* Adapting the font size and width for smaller screns*/
@media (min-width: 32.5em) and (max-width: 38.688em) {

    .nav-tabs li span.icon {
        width: 50%;
    }

    .nav-tabs li .icon + span {
        font-size: 0.9em;
    }
}

/* Styling the toggle menu link and hiding it */
.nav-tabs .nav-tabstoogle {
    display: none;
    width: 100%;
    padding: 0.5em 0.5em 0.8em;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-weight: normal;
    text-align: left;
    color: rgb(7, 16, 15);
    font-size: 1.2em;
    background: none;
    border: none;
    border-bottom: 4px solid rgb(221, 221, 221);
    cursor: pointer;
}

.icon-menu {
    position: relative;
    top: 3px;
    line-height: 0;
    font-size: 1.6em;
}

@media (max-width: 32.438em) {

    /* Unhiding the styled menu link */
    .nav-tabs .nav-tabstoogle {
        margin: 0;
        display: block;
    }

    /* Animating the height of the navigation when the button is clicked */

    /* When JavaScript is disabled, we hide the menu */
    .no-js .nav-tabs ul {
        max-height: 30em;
        overflow: hidden;
    }

    /* When JavaScript is enabled, we hide the menu */
    /*
	.js .nav-tabs ul {
		max-height: 0em;
		overflow: hidden;
	}
*/

    /* Displaying the menu when the user has clicked on the button*/
    .js .nav-tabs .active + ul {
        max-height: 30em;
        overflow: hidden;
        -webkit-transition: max-height .4s;
        -moz-transition: max-height .4s;
        -o-transition: max-height .4s;
        -ms-transition: max-height .4s;
        transition: max-height .4s;
    }

    /* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/

    .nav-tabs li span {
        display: inline-block;
        height: 100%;
    }

    .nav-tabs a {
        padding: 0.5em;
    }

    .icon + span {
        margin-left: 1em;
        font-size: 0.8em;
    }

    /* make the nav bigger on touch screens */
    .touch .nav-tabs a {
        padding: 0.8em;
    }
}



/* #Content Pages
================================================== */

.right-viewport .headline {
    float: left;
    width: 100%;
    /* 	border-bottom: 4px solid #47a3da; */
    margin-bottom: 1em;
}

    .right-viewport .headline .category {
        float: left;
        font-size: 1.325em;
        font-weight: 800;
        line-height: 1.3;
        margin: 0 0 7px;
        color: #47a3da;
        margin-bottom: 10px;
    }

    .right-viewport .headline h2 {
        clear: left;
        float: left;
        font-size: 2.5rem;
        font-weight: bold;
        line-height: 1.3;
        margin: 0px 0 0.3em 0;
        color: #144d70;
    }


.right-viewport .article {
    float: left;
    width: 100%;
}

    .right-viewport .article p {
        font-size: 1rem;
        color: #5a6776;
        line-height: 1.55rem;
    }


.right-viewport .dothings {
    border: 3px solid #47A3DA;
    float: left;
    padding: 12px 0 8px;
    width: 310px;
    display: none;
}

    .right-viewport .dothings div {
        float: left;
        height: 32px;
        margin-left: 12px;
        margin-top: -5px;
    }

        .right-viewport .dothings div img {
            opacity: 0.8;
            -webkit-transition: all .25s linear;
            -moz-transition: all .25s linear;
            -ms-transition: all .25s linear;
            -o-transition: all .25s linear;
            transition: all .25s linear;
        }

            .right-viewport .dothings div img:hover {
                opacity: 1;
            }


    .right-viewport .dothings .share-things {
        border-right: 2px solid;
        color: #47A3DA;
        float: left;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.3;
        margin: 0;
        padding: 0 12px;
        text-transform: uppercase;
    }

.right-viewport .article .test-image {
    border: 4px solid #c8e4f4;
    float: left;
    height: 160px;
    margin-right: 12px;
    width: 330px;
}


.text_unit .imgholder {
    float: left;
    background: none repeat scroll 0 0 #F9F9F9;
    margin: 5px 20px 20px 0;
    width: 260px;
    padding: 13px 10px 10px;
    border: 1px solid #F0F0F0;
    text-align: center;
    max-width: 30%;
}

    .text_unit .imgholder.right {
        float: right;
        margin: 5px 0 20px 20px;
    }

    .text_unit .imgholder.top {
        width: 100%;
        float: left;
        max-width: none;
    }

    .text_unit .imgholder img {
        max-width: 100%;
    }

.text_unit {
    float: left;
    width: 100%;
    margin-bottom: 32px;
    /*
background-color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(250, 250, 250)));
background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(250, 250, 250));
background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(250, 250, 250));
background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(250, 250, 250));
background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(250, 250, 250));
background-image: linear-gradient(top, rgb(255, 255, 255), rgb(250, 250, 250));
*/
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(242, 242, 242)));
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    /* 	background-color:#fafafa; */
    /*
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
*/
    border: 1px solid #f2f2f2;
    padding: 1.5em;
}



.notitle_wrapper .notitle_parent {
    margin-bottom: 0;
    border-style: none;
    background: none;
    padding-bottom: 0;
}

.notitle_wrapper .notitle_wrap {
    border-style: none;
}

    .notitle_wrapper .notitle_wrap + .notitle_wrap {
        padding-top: 0;
    }

.notitle_wrapper {
    /*
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(250, 250, 250)));
	background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(250, 250, 250));
	background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(250, 250, 250));
	background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(250, 250, 250));
	background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(250, 250, 250));
	background-image: linear-gradient(top, rgb(255, 255, 255), rgb(250, 250, 250));
*/
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(242, 242, 242)));
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    /*
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
*/
    border: 1px solid #f2f2f2;
    float: left;
    margin-bottom: 32px;
    width: 100%;
}

.text_unit h3 {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    font-style: italic;
}

.text_unit .txtholder {
    float: left;
    width: 65%;
}

    .text_unit .txtholder p img, .article p img {
        background: none repeat scroll 0 0 #F9F9F9;
        border: 1px solid #F0F0F0;
        float: left;
        margin: 5px 20px 20px 20px;
        padding: 13px 10px 10px;
        text-align: center;
        -moz-box-sizing: none;
        -webkit-box-sizing: none;
        box-sizing: none;
        width: auto !important;
        height: auto !important;
    }

    .text_unit .txtholder.left, .text_unit .txtholder.right {
        text-align: left;
    }

    .text_unit .txtholder.bottom {
        width: 100%;
    }

.text_unit .imgholder p {
    font-size: 13px;
    line-height: 1.5em;
    margin: 0;
    padding: 10px;
    color: #144d70;
}

.text_unit .txtholder.full {
    width: 100%;
}


/* #Publication / Search
================================================== */

.right-viewport .search {
    float: left;
    width: 100%;
    background-color: #dae9f8;
    margin-bottom: 22px;
    padding: 12px 12px 20px;
    border: 1px solid #c5d9f8;
}

    .right-viewport .search select {
        margin-right: 12px;
        display: inline;
        width: 31.85%;
    }

        .right-viewport .search select + select + select {
            margin-right: 0px;
            display: inline;
        }

    .right-viewport .search .key-search {
        width: 65.69%;
        display: inline;
        margin-right: 12px;
        margin-bottom: 0;
    }

.right-viewport .search {
}

.search .button {
    padding: 8px 50px 7px !important;
    margin-bottom: 0;
}

.search h3, .search-results h3 {
    color: #144d70;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

.right-viewport .search label {
}

.SearchDialog table {
    width: 50%;
    min-width: 450px;
}

    .SearchDialog table input[type='text'], .SearchDialog table select {
        width: 100%;
    }

.SearchDialog {
    margin-bottom: 2.5em;
}

.article div[style='margin-top: 5px; width: 590px;'] br {
    display: none;
}



/* #Custom Controls
================================================== */

.staff_content {
    width: 80%;
    float: left;
}

.staff_image {
    width: 20%;
    float: right;
    text-align: right;
}

.staff_unit {
    float: left;
    width: 100%;
    background-color: #dae9f8;
    margin-bottom: 22px;
    padding: 12px 12px 8px;
    border: 1px solid #c5d9f8;
}

    .staff_unit span {
        display: table;
    }

    .staff_unit .staff_name {
        font-size: 1.325em;
        font-weight: 400;
        line-height: 1.3;
        margin: 0 0 3px;
        font-weight: bold;
    }

    .staff_unit .staff_phone {
        padding-right: 12px;
    }

    .staff_unit .staff_jobtitle {
        font-weight: bold;
        margin-bottom: 12px;
    }

    .staff_unit [class*="typicons-"], .staff_unit .staff_phone, .staff_unit .staff_email {
        display: inline;
    }

    .staff_unit [class*="typicons-"] {
        font-size: 24px;
    }

    .staff_unit .staff_phone, .staff_unit .staff_email {
        position: relative;
        top: -8px;
    }

    .staff_unit .staff_description {
        margin-bottom: 12px;
    }


/* #Pagination
================================================== */

.AVIAN_Paging {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    float: left;
    width: 100%;
}

    .AVIAN_Paging a {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #C9C9C9 #C9C9C9 #AFAFAF;
        border-image: none;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 0 #FFFFFF inset;
        display: inline-block;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,AppleGothic;
        font-size: 12px;
        font-weight: bold;
        overflow: hidden;
        text-align: center;
        /* background: -moz-linear-gradient(center top , #F9F9F9 0%, #EAEAEA 100%) repeat scroll 0 0 transparent; */
        background-color: #eaeaea;
        background: linear-gradient(top, rgba(249,249,249,1) 0%, rgba(234,234,234,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(234,234,234,1)));
        background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(234,234,234,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1f9f9f9, endColorstr=#1eaeaea);
        text-shadow: 0 1px 0 #FEFEFE;
        color: #717171;
        border-radius: 2px 2px 2px 2px;
        height: 23px;
        line-height: 21px;
        margin: 0;
        padding: 0 9px;
        position: relative;
        text-align: center;
        text-decoration: none;
        top: 1px;
        font-size: 12px;
        font-weight: bold;
    }

        .AVIAN_Paging a:hover, .AVIAN_Paging a:active {
            background: none repeat scroll 0 0 #FFFFFF;
        }

        .AVIAN_Paging a.active {
            background: repeat scroll 0 0 #656565;
            background-color: #656565;
            box-shadow: 0 1px 0 #FFFFFF, 0 0 5px rgba(0, 0, 0, 0.3) inset;
            color: #F2F2F2;
            text-shadow: 0 1px 0 #585858;
            border-radius: 2px 2px 2px 2px;
            display: block;
            height: 24px;
            line-height: 21px;
            margin: 0;
            padding: 0 9px;
            position: relative;
            text-align: center;
            top: 1px;
            opacity: 1;
            height: 23px;
            border-color: transparent !important;
            border-image: none;
            border-style: solid;
            border-width: 1px;
        }

.btt {
    background-color: /* #47a3da */ /* #dae9f8 */ #144d70;
    border-radius: 3px;
    bottom: 20px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    opacity: 1;
    padding: 15px;
    position: fixed;
    right: 25px;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 10;
    height: 45px;
}

    /*
.btt span{
	color: #fff;
	font-size:24px;
}
*/

    .btt span {
        color: #fff;
        font-size: 42px;
    }

        .btt span:focus {
            color: #47a3da;
        }


/* #Custom News
================================================== */

.right-viewport .article .news_content p {
    font-size: 16px;
}

.news_content .news_title {
    font-size: 22px;
}

.news_container, .news_article, .news_content {
    float: left;
}

.news_content {
    margin-bottom: 2.5em;
}

.news_readmore {
    background-color: #144d70;
    color: #fff;
    padding: 0.5em;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

    .news_readmore:hover {
        background-color: #009399;
        color: #fff;
    }

.news_date {
    margin-left: 15px;
}

.news_article, .news_content {
    width: 100%;
}

/* #Breadcrumbs + Subnav + Upper
================================================== */

.category a {
    border-bottom: 1px solid #CCCCCC;
    color: #144d70;
    font-size: 1rem;
    font-weight: bold;
}

.subnav .lower, .upper {
    width: 100%;
    margin-bottom: 1.5em;
}

    .subnav .lower ul, .upper ul {
        margin-left: 0px;
    }

        /*
.subnav .lower ul li, .upper ul li, .headline .upper ul li{
	float: left;
    margin-bottom: 1px;
    margin-right: 1px;
    list-style: none outside none;
    
    background-color: #dae9f8;
	min-height: 50px;
		
	-webkit-transition: background-color .35s linear;
	-moz-transition: background-color .35s linear;
	-ms-transition: background-color .35s linear;
	-o-transition: background-color .35s linear;
	transition: background-color .35s linear;
}
*/


        .subnav .lower ul li, .upper ul li, .headline .upper ul li {
            float: left;
            margin-bottom: 1px;
            margin-right: 1px;
            list-style: none outside none;
            min-height: 50px;
            background: #13a7d0;
            background: -moz-linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
            background: -webkit-linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
            background: -o-linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
            background: linear-gradient(#2d77a5, #144d70) repeat scroll 0 0 #144d70;
            -moz-box-shadow: inset -4px -3px 8px -5px #000;
            -webkit-box-shadow: inset -4px -3px 8px -5px #000;
            box-shadow: inset -4px -3px 8px -5px #000;
            -webkit-transition: background-color .35s linear;
            -moz-transition: background-color .35s linear;
            -ms-transition: background-color .35s linear;
            -o-transition: background-color .35s linear;
            transition: background-color .35s linear;
        }



    .subnav .lower a, .upper a {
        font-size: /* 1.15rem; */ 0.85rem;
        font-weight: bold;
        /* 	color: #47a3da; */
        color: #fff;
        text-align: center;
        display: block;
        border-style: none !important;
        padding: 1em;
        height: 100%;
        -webkit-transition: color 0.3s ease-in 0s;
        -moz-transition: color 0.3s ease-in 0s;
        -ms-transition: color 0.3s ease-in 0s;
        -o-transition: color 0.3s ease-in 0s;
        transition: color 0.3s ease-in 0s;
    }

        .subnav .lower a:hover, .upper a:hover {
            color: #65d4fe;
        }

        .subnav .lower a:active, .upper a:active {
            outline-style: none !important;
        }

.right-viewport .subnav .lower a:focus, .right-viewport .upper a:focus,
.right-viewport .subnav .lower a:active, .right-viewport .upper a:active {
    background-color: #144d70 !important;
    outline: none !important;
}


/*
.subnav .lower ul li:nth-child(4n), .upper ul li:nth-child(4n) {
    margin-right: 0;
}
*/

/*
.subnav .lower ul li:nth-child(4n+1), .upper ul li:nth-child(4n+1) {
    clear: left;
}
*/

.upper li a {
    line-height: 1.5em;
}


/* ========================================= */

.download-ul {
    margin-left: 0px;
    margin-bottom: 40px;
    list-style: none;
}

.article .blue2dude {
    background: none;
    border: none;
    width: 650px !important;
}


/* #Site Map
================================================== */

.CMSSiteMapList, .CMSSiteMapList ul, .CMSSiteMapList ul li {
    font-size: 14px !important;
}

.CMSSiteMapList {
    font-weight: bold;
}

/* #Publication Accordion
================================================== */

.publication_container {
    float: left;
    padding-bottom: 5em;
}

.tip_container {
    float: left;
    padding-bottom: 1em;
}


.tip_container {
    width: 100%;
}



.publication_article > div:first-of-type, .tip_header {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);
    color: #777777;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px;
    position: relative;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    z-index: 20;
}


/*
.publication_article:hover > div:first-of-type{
	 background: none repeat scroll 0 0 #FFFFFF;
}

.publication_article:hover > div:first-of-type{
    background: url('../img/arrow_down.png') no-repeat scroll center center transparent; 
    content: "";
    height: 24px;
    position: absolute;
    right: 13px;
    top: 7px;
    width: 24px;
}
*/

.publication_article .publication_author {
    color: #17acd5;
}

.publication_article .publication_year {
    color: #144d70;
}

.publication_article .publication_title {
    display: block;
}

.publication_expand {
    display: none;
}

.publication_article > div:nth-of-type(2), .tip > div:nth-of-type(2) {
    box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3);
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    position: relative;
    transition: height 0.3s ease-in-out 0s, box-shadow 0.6s linear 0s;
    z-index: 10;
}

    .publication_article > div:nth-of-type(2) > div:first-of-type, .tip_content p {
        padding: 1.4em;
    }

.right-viewport .article .publication_description p {
    font-size: 14px;
}

.publication_info span {
    display: block;
}

.publication_order {
    background-color: #144d70;
    color: #fff;
    padding: 0.5em;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin-top: 20px;
    display: inline-block;
}


    .publication_order:hover {
        background-color: #009399;
        color: #fff;
    }


/* #Flaunt.js
================================================== */

.nav {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
}

@media (min-width: 1200px) {
	.nav-list {
		margin-bottom: 15px !important;
	}
	
	.nav-item {
		margin-bottom: 11px !important;
	}
}

.nav-list {
    text-align: left;
    border-radius: 6px;
    padding: 15px;
    border: 1px solid #bcdbf2;
    width: 90%;
    background-color: #dae9f8;
}

.nav-item {
    /* 	float:left; */
    *display: inline;
    zoom: 1;
    position: relative;
    margin-bottom: 12px;
}

    .nav-item a {
        display: block;
        color: #144d70;
        /* 	padding:15px 20px; */
        /* 	background:#dae9f8; */
    }

    .nav-item.active > a, .nav-submenu-item.active > a {
        color: #0ea0c6;
    }

    .nav-item > a:hover {
        background: #dae9f8;
    }
/*
.nav-item:hover .nav-submenu {
	display:block;
}
*/
/* Navigation submenu */
.nav-submenu {
    /*
	display:none;
	position:absolute;
	left:0;
	width:180px;
*/
    margin: 1px 0 0 0;
}

    .nav-submenu.hidden {
        display: none;
    }

.nav-submenu-item {
    margin-bottom: 1px;
}

    .nav-submenu-item a {
        /*
	border-bottom:1px solid #9A337E;
*/
        display: block;
        padding: 5px 0px 5px 15px;
    }
/*
.nav-submenu-item a:hover {
	background:#932C77;
}
*/
/* Mobile navigation */
.nav-mobile {
    display: none; /* Hide from browsers that don't support media queries */
    cursor: pointer;
    position: absolute;
    top: 27px;
    left: 0px;
    background: #184e6f url(/assets/img/nav.svg) no-repeat center center;
    background-size: 18px;
    height: 50px;
    width: 50px;
    z-index: 200;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    border-left: 1px solid #fff;
    height: 51px;
    width: 50px;
    cursor: pointer;
}

    .nav-click i {
        display: block;
        height: 48px;
        width: 48px;
        background: url(/assets/img/drop.svg) no-repeat center center;
        background-size: 20px;
    }

    .nav-click:hover {
        background-color: #eef1f9;
    }

.nav-rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 959px) {
    .nav-mobile {
        display: block;
    }

    .nav {
        width: 100%;
        padding: 120px 0 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .nav-list {
        display: none;
        border-radius: 0;
        padding: 0;
        border-style: none;
        width: 100%;
        background-color: #fff;
        border-bottom: 2px solid #f7f7f7;
        -moz-box-shadow: 0 8px 20px -10px #000;
        -webkit-box-shadow: 0 8px 20px -10px #000;
        box-shadow: 0 8px 20px -10px #000;
        z-index: 200;
        position: relative;
    }

    .nav-item {
        width: 100%;
        float: none;
        margin-bottom: 1px;
    }

        .nav-item a {
            padding: 15px 20px;
            background: #dae9f8;
        }

        .nav-item > a {
            padding: 15px;
        }

    .nav-click {
        display: block;
    }

    .nav-mobile-open {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
    }

    .nav-submenu {
        display: none;
    }

    .nav-submenu {
        position: static;
        width: 100%;
    }

    .nav-submenu-item a {
        padding: 15px;
        background: #eef1f9 !important;
    }
}


/* iphone navigation */

@media only screen and (max-width: 479px) {
    .nav {
        padding: 60px 0 0;
        position: relative;
    }

    .nav-mobile {
        top: -5px;
    }
    .nav-click+a{
        padding-right: 50px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 799px) {
    .base-footer {
        width: 350px;
    }

    .hp-widgets .hp-news {
        min-height: 502px;
    }

    ul.bjqs {
        min-height: 502px;
    }

    .tabbed .desc {
        height: auto;
    }

    .viewer .current-tab {
        height: auto;
    }

    .footer-inner ul {
        font-size: 12px;
    }

    .footer .details {
        font-size: 10px;
    }
}


/* #Contact Form
================================================== */

.contact-first-col {
    float: left;
    margin-right: 2em;
}

.contact-enquiry textarea {
    width: 88%;
    min-height: 125px;
}

.contact-form h3 {
    visibility: hidden;
}

.validation {
    color: rgb(200,0,0);
}

.contact-second-col {
    float: left;
}

.contact-enquiry, .contact-submit {
    float: left;
    width: 100%;
}

.contact-content {
    float: left;
    width: 100%;
    margin-bottom: 32px;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(242, 242, 242)));
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    background-image: linear-gradient(top, rgb(255, 255, 255), rgb(242, 242, 242));
    border: 1px solid #f2f2f2;
    padding: 1.5em;
}

    .contact-content p:first-child {
        margin: 0 0 20px 0;
    }

    .contact-content p {
        margin: 0;
    }


/*
 *
 * Shop/Account
 *
 ****************/

ul.tabs-menu {
    overflow: hidden;
    list-style: none;
    margin-left: 0;
}

.tabs-menu .active {
    background: rgb(24,78,111);
    padding: 5px;
    color: #fff;
}

ul.tabs-menu li {
    text-align: center;
}

    ul.tabs-menu li a {
        border: 1px solid rgb(24,78,111) !important;
        padding: 5px;
        display: block;
        width: 98%;
        margin: 0 auto;
    }

@media (min-width:768px) {
    ul.tabs-menu {
        display: table;
        width: 97%;
    }

        ul.tabs-menu li {
            float: none;
            display: table-cell;
            width: 1%;
        }

    .tabs-menu .active {
        display: inline-block;
    }
}


.my-account-content table {
    max-width: 99.75%;
    min-width: 97%;
}

.CartTable th {
    padding: 5px;
}

.CartTable table td {
    vertical-align: middle;
}

    .CartTable table td input {
        margin-bottom: 0;
    }

.CartTable table tr.OddRow {
    background: rgb(218,233,248);
}

.CartStepBody td select {
    margin-bottom: 0;
}

.TextRight {
    text-align: right;
}

    .TextRight > label {
        display: inline;
    }

    .TextRight > input {
        float: right;
    }

.loading {
    background-color: rgb(255, 255, 255);
    background-image: url("../img/spinner.gif");
    background-position: 5% center;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    color: rgb(20, 77, 112);
    display: block;
    left: 30%;
    margin: 0 auto;
    min-width: 150px;
    padding: 15px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 40%;
}

@media (max-width:425px) {
    .loading {
        left: 25%;
    }
}

@media (min-width:768px) {
    .loading {
        background-position: 25% center;
    }
}

@media (min-width:1100px) {
    .loading {
        background-position: 30% center;
    }
}

.responsive > div, {
    border-bottom: 1px solid rgb(211, 211, 211);
    float: left;
    margin-bottom: 25px;
    padding-bottom: 20px;
    width: 100%;
}

    .responsive > div + div {
        border-bottom: 0 none;
    }

.responsive .form_class {
    float: left;
    width: 100%;
    min-height: 50px;
    /* min-height: 75px;*/
}

    .responsive .form_class.full_width {
        width: 100%;
    }


@media (min-width:768px) {
    .responsive .form_class {
        padding-right: 30px;
        width: 50%;
    }

    .responsive > div select {
        /*margin: 5px 0 55px 0; */
        margin: 5px 0 24px 0;
    }

    .steps.responsive > div select {
        margin-bottom: 5px;
    }

    .login-container.responsive .login {
        overflow: auto;
        float: left;
        width: 100%;
    }

    .login-container .login .form_class:nth-child(n+2) {
        float: right;
    }
}

.responsive > div input[type="text"],
.responsive > div input[type="password"],
.responsive > div select,
.responsive > div textarea {
    width: 100%;
}


.responsive .form_class > label {
    display: inline-block;
    max-width: 90%;
}

.responsive .form_class > input[type="checkbox"] {
    float: left;
    margin-right: 10px;
}


.responsive input[type="submit"] {
    clear: both;
    display: block;
}
/*.responsive >div .form_class:last-of-type{
	width: 100%;
}*/
@media (min-width:768px) {
    .responsive .form_class.half_width,
    .responsive .form_class.half_width:last-of-type {
        width: 50%;
    }
}

.responsive .register input[type='submit'] {
    float: left;
    margin-top: 15px;
}

.steps .buttons {
    text-align: center;
    margin-top: 1em;
}

@media (min-width:768px) {
    .steps .buttons {
        text-align: right;
    }
}

.steps .buttons input {
    display: inline;
    float: none;
}

.form_class ul {
    list-style: none;
    margin-left: 0;
}

    .form_class ul li {
        width: 100%;
        float: left;
    }

@media (min-width:768px) {
    .margin-bottom {
        margin-bottom: 2em;
    }

    .form_class ul li {
        width: 50%;
    }

    .form_class input[type='submit'] {
        float: right;
        margin-left: 20px;
    }
}

.form_class ul li input[type="checkbox"],
.form_class ul li label {
    float: left;
}

.form_class ul li input[type="checkbox"] {
    margin-right: 5px;
    margin-top: 5px;
}

/*
	Validation errors
*/
.EditingFormErrorLabel:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: rgb(220,0,0);
    border-width: 10px;
    position: absolute;
    left: 10px;
    top: -20px;
}

.EditingFormErrorLabel {
    background: none repeat scroll 0 0 rgb(220, 0, 0);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    display: inline-block;
    margin: 3px;
    padding: 5px;
    position: relative;
    top: -10px;
    float: right;
}


.shop.grid {
    margin-left: -15px;
    margin-right: -15px;
}

    .shop.grid > div {
        width: 33%;
        box-sizing: border-box;
        float: left;
        font-weight: 900;
        min-height: 310px;
        padding: 0 15px;
        position: relative;
        margin-bottom: 15px;
    }

        .shop.grid > div .img {
            max-height: 175px;
            overflow: hidden;
            position: relative;
        }

            .shop.grid > div .img > img {
                max-width: 100%;
                width: 100%;
                height: auto;
            }

            .shop.grid > div .img > p {
                color: #fff;
                position: absolute;
                top: 0;
                padding: 20% 0 0 0;
                font-size: 40px;
                font-weight: 100;
                text-align: center;
                width: 100%;
            }

        .shop.grid > div p.small-1 {
            font-size: 21px;
            padding-top: 13%;
        }

        .shop.grid > div p.small-2 {
            font-size: 30px;
            padding-top: 27%;
        }

    .shop.grid .img .owned {
        opacity: 0.6;
    }

    .shop.grid > div .content {
        min-height: 42px;
        margin-bottom: 10px;
    }

.shopProduct div .price {
    display: inline-block;
    float: left;
    padding: 5px 0;
    position: relative;
    top: 5px;
}

.shopProduct .code {
    display: table;
    float: left;
    margin-left: 1%;
    width: 56%;
}

@media (min-width:768px) and (max-width:1100px) {
    .shopProduct .code {
        width: 48%;
    }
}

.shopProduct .code label {
    display: table-cell;
    padding-left: 4%;
    vertical-align: middle;
    width: auto;
}

.shopProduct .code > input {
    float: right;
    margin-bottom: 9.35px;
    margin-right: 5%;
    width: 82%;
    display: table-cell;
    vertical-align: middle;
}

.shopProduct div a,
.shop.list .shopProduct a,
.shopping_bag a {
    border: 1px solid;
    margin-right: 15px;
    padding: 5px;
    float: right;
}

.shop .qtyChange {
    display: inline-block;
    position: relative;
    float: right;
    right: 0;
}

    .shop .qtyChange > a.minus {
        float: left;
        margin-right: 0;
    }

    .shop .qtyChange > a {
        background: rgb(200,200,200);
        border-color: rgb(200,200,200) !important;
    }

    .shop .qtyChange > input {
        display: inline-block;
        max-width: 50px;
        padding-bottom: 7px;
    }

.shop.list .shopProduct {
    box-shadow: 0 125px 100px -100px rgb(218,233,258) inset;
}

.shopProduct table td {
    border: 0 none !important;
}

.shopProduct table input {
    margin: 0 !important;
}

.shop.list > div {
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
    overflow: visible !important;
    float: left;
}

    .shop.list > div .img {
        float: left;
        width: 33%;
    }

    .shop.list > div .content {
        float: left;
        font-weight: 900;
        padding: 10px 0 0 10px;
        width: 66%;
    }

        .shop.list > div .content + .content {
            margin-right: 15px;
            padding: 0 0 0 10px;
            width: auto;
        }

            .shop.list > div .content + .content tr {
                display: table-cell;
                float: left;
            }

        .shop.list > div .content > span {
            display: block;
        }

/* Num picker */
.shop.list tbody {
    min-width: 137px;
    display: block;
}

.shop.list tr {
    display: inline-block;
    /* width: 50%;*/
}

    .shop.list tr + tr {
        position: relative;
    }

.shopProduct td input[type='text'] {
    height: 24px;
    position: relative;
    top: 7px;
}

.shopProduct tr input[type="button"] {
    height: 24px !important;
    position: relative;
    top: 5px;
}

/* Radio boxes */
.shop.list td label {
    display: inline-block;
    padding-left: 5px;
}



@media (max-width:990px) {
    .shop.grid > div {
        height: 225px;
    }

    .shop.list > div .img img {
        max-width: 100%;
    }
}
/*@media (max-width:768px){
	.shop.grid > div {
		width: 50%;
	}
	.shop.list > div .img,
	.shop.list > div .img img{
	 	width: 100%;
 	}	
}*/

@media (max-width:768px) {
    .shop.grid > div {
        height: 250px;
        width: 100%;
    }
}


.shopping_bag {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    border: 1px solid;
    display: block;
    padding: 15px;
    position: fixed;
    max-width: 750px;
    right: 5%;
    width: 90%;
    z-index: 9999;
}

@media (min-width:1100px) {
    .shopping_bag {
        left: auto;
        right: auto;
    }
}

.shopping_bag_close {
    cursor: pointer;
    float: right;
}

.shopping_bag ul {
    float: left;
    font-size: 14px;
    width: 45%;
}

.shopping_bag p.smallprint {
    clear: both;
}

@media (max-width:768px) {
    .shopping_bag {
        top: 10px;
        max-height: 95%;
        overflow: auto;
    }

        .shopping_bag h2 {
            font-size: 21px;
        }

        .shopping_bag ul {
            width: 90%;
        }

        .shopping_bag li {
            margin-bottom: 8px;
        }

        .shopping_bag > a {
            clear: both;
            margin: 0 auto !important;
            width: 100%;
        }
}

@media (min-width:320px) and (max-width:768px) {
    .shopping_bag > a + a {
        margin-top: 15px !important;
    }
}

.step-summary {
    margin-bottom: 1.5em;
    border-bottom: 1px solid;
    padding-bottom: 1.5em;
}

.checkblock {
    margin-top: 1em;
}

    .checkblock label {
        display: inline-block;
    }

.stepsNav > td {
    display: inline;
}


/* Responsive Tables ala Bootstrap
	*/

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

@media screen and (max-width: 767px) {
    .table-responsive > .table {
        margin-bottom: 0;
        border-right: 20px solid transparent;
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 3px double #ddd;
    }
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
    /*	white-space: nowrap;*/
}

th {
    text-align: left;
}


/* Responsibe tables - Footable */

.footable.phone td.expand,
.footable.UniGridGrid.tablet td.expand {
    cursor: pointer;
    position: relative;
}

    .footable.phone td.expand:before,
    .footable.UniGridGrid.tablet td.expand:before {
        content: "+";
    }

    .footable.phone td.expand:hover:after,
    .footable.UniGridGrid.tablet td.expand:hover:after {
        content: "Click to expand";
        position: absolute;
        top: 5px;
        left: 18px;
        font-size: 11px;
        border: 1px solid #ddd;
        background: rgb(255,255,235);
        padding: 0 2px;
    }


.footable-row-detail-inner {
    background: #f4f4f4;
    padding: 5px 10px;
}

.CartStepTable .UnitsTextBox {
    max-width: 65px;
    text-align: right;
}

/* file upload fix */

.asyncUploaderFix input[type='file'] {
    width: 100% !important;
}

.save-notice {
    text-align: right;
    margin-right: 30px;
}

/* Ajax Calendar Fix*/

.ajax__calendar_container {
    width: 260px !important;
}

.ajax__calendar_body {
    height: 205px !important;
    width: 250px !important;
}