﻿/*userAgent: -*/ /*RESET ----------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, section, dialog, figure, aside, footer {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

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

caption, th, td {
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

a:active {
    outline: none
}

:focus {
    outline: 0;
}

/*ELEMENTS ----------------------------------------*/
html {
    margin: 0;
    padding: 0;
    font-size: 100.01%;
}

body {
    margin: 0;
    padding: 0;
    color: #002184;
    font-size: 106.3%;
    font-family: Georgia, Times, serif;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3c78ac), to(#274d6f));
    background: -webkit-linear-gradient(#3c78ac, #274d6f);
    background: -moz-linear-gradient(#3c78ac, #274d6f);
    background: -ms-linear-gradient(#3c78ac, #274d6f);
    background: -o-linear-gradient(#3c78ac, #274d6f);
    background: linear-gradient(#3c78ac, #274d6f);
    -pie-background: linear-gradient(#3c78ac, #274d6f);
    background-attachment: fixed;
    behavior: url(../css_web/PIE.htc);
}

/*LAYOUT ----------------------------------------*/
.threecol #leftcolumn, .threecolright #leftcolumn, .twocolleft #leftcolumn, .threecolleft #leftcolumn, .threecolleft #middlecolumn, .threecolright #middlecolumn, .threecol #rightcolumn, .threecolupleft #middlecolumn, .twocolright #rightcolumn, .threecolright #rightcolumn, .threecoldownleft #leftcolumn {
    width: 20.4%
}

.threecolupleft #rightcolumn, .threecoldownleft #middlecolumn, .twocolright #middlecolumn {
    width: 69.2%;
}

.threecolupright #middlecolumn {
    width: 69.2%;
}

#leftcolumn img, #rightcolumn img, #middlecolumn img {
    max-width: 100%;
    width: expression(this.width >100% ? 100%: true);
}

.onecol #rightcolumn, .onecol #leftcolumn, .twocoldouble #rightcolumn, .twocolleft #rightcolumn, .twocolright #leftcolumn, .twocollefts #rightcolumn, .twocolrights #leftcolumn, .twocolleftl #rightcolumn, .twocolrightl #leftcolumn, .twocolleftxl #rightcolumn, .twocolrightxl #leftcolumn, .twocolleftxxl #rightcolumn, .twocolrightxxl #leftcolumn {
    display: none;
    visibility: hidden
}

#top {
    display: inline-block;
    width: 100%;
    height: auto;
    background-image: url('../templates/165/headerbackground.png');
    background-attachment: scroll;
    background-position: left top;
    background-repeat: repeat;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 1px #3b3b3b;
    -moz-box-shadow: 0px 0px 1px #3b3b3b;
    box-shadow: 0px 0px 1px #3b3b3b;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    behavior: url(../css_web/PIE.htc);
}

/*WRAPPER ----------------------------------------*/
.small #wrapper {
    width: 800px
}

.standard #wrapper {
    width: 960px
}

.large #wrapper {
    width: 1200px
}

.fluidsmall #wrapper {
    width: 80%
}

.fluidmedium #wrapper {
    width: 90%
}

.fluidmax #wrapper {
    width: 100%
}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    margin-bottom: 1%;
}

/*CONTAINER ----------------------------------------*/
#container {
    padding: 3%;
    margin: 1% 0% 0% 0%;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ccd4db));
    background: -webkit-linear-gradient(#ffffff, #ccd4db);
    background: -moz-linear-gradient(#ffffff, #ccd4db);
    background: -ms-linear-gradient(#ffffff, #ccd4db);
    background: -o-linear-gradient(#ffffff, #ccd4db);
    background: linear-gradient(#ffffff, #ccd4db);
    -pie-background: linear-gradient(#ffffff, #ccd4db);
    background-attachment: scroll;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    behavior: url(../css_web/PIE.htc);
}

#container ul {
    margin: 0 0 0 1.6em;
    padding: 0;
}

#container ol {
    margin: 0 0 0 2em;
    padding: 0;
}

.onecol #middlecolumn {
    width: 96%
}

#leftcolumn nav ul, #rightcolumn nav ul {
    margin: 0;
}

/*MIDDLECOLUMN ----------------------------------------*/
#middlecolumn {
    float: left;
    word-wrap: break-word;
    background-color: transparent;
    padding: 2%;
    padding-top: 0.1em !important;
    margin: 0% 0% 0% 0%;
}

/*FOOTER ----------------------------------------*/
#footer a {
    color: #ffffff;
    text-decoration: none;
}

#footer a:focus, #footer a:hover {
    color: #000000;
    text-decoration: underline;
}

#footer {
    clear: both;
    display: inline-block;
    height: auto;
    background-color: transparent;
    padding: 3%;
    width: 94%;
    margin-top: 0%;
    margin-bottom: 0%;
}

/*LINKS ----------------------------------------*/
a {
    color: #ac78de;
    text-decoration: underline;
}

a:focus, a:hover {
    color: #000000;
    text-decoration: underline;
}

a img {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

a img:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

/*TOP LOGO ----------------------------------------*/
#logo {
    display: none;
    visibility: hidden;
}

/*TOP TAGLINE / ----------------------------------------*/
#payoff {
    font-weight: bold;
    font-size: 1.5em;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    letter-spacing: 0.06em;
    color: #f2e1ff;
    background-color: transparent;
    margin: 0% auto 0 auto;
    text-align: center;
    text-shadow: 1px 1px 4px #001539;
    -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=transparent) progid:DXImageTransform.Microsoft.DropShadow(Color=#001539, OffX=1, OffY=1)";
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=transparent) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#001539);
}

/*Headings ----------------------------------------*/
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}

h1 span, h2 span, h3 span, h4 span {
    float: right;
    font-size: 0.85em;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-family: Georgia, Times, serif;
}

h1 {
    font-size: 1.3em;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    margin-bottom: 0.75em;
    padding: 0;
    color: #001b6f;
}

h2 {
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    margin-bottom: 0.5em;
    padding: 0;
    color: #001277;
}

h3 {
    font-size: 1.5em;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    margin-bottom: 0.25em;
    padding: 0.25em 0.35em;
    color: #ffffff;
    background-color: #203db2;
}

h4 {
    font-size: 1.1em;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    margin-bottom: 3em;
    padding: 0.25em 0;
    color: #c0c0c0;
}

h5 {
    font-size: 1.3em;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    margin-bottom: 0;
    padding: 0;
    color: #000000;
}

h6 {
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 0.25em;
    padding: 1em 0.35em;
    color: #ffffff;
    background-color: #1f62c7;
}

/*LINE ----------------------------------------*/
hr {
    border: 0;
    color: ;
    background-color: ;
    height: px;
    width: 100%;
}

/*Text elements ----------------------------*/

h6 a {
    color: #fff;
}

h6 a:hover {
    color: #FBD467;
}

.btn {
    display: inline-block;
    padding: .75em 1em;
    text-decoration: none;
    background-color: #478CCB;
    color: #fff;
    border-radius: 3px;
}

.btn:hover {
    text-decoration: none;
    color: #FBD467;

}

p {
    margin: 0 0 1em 0
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.full {
    text-align: justify
}

.inactive {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.60;
}

.g-plusone {
    float: left
}

blockquote {
    font-style: italic;
    margin: 0.25em 0 0.25em 1em;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: ;
}

blockquote:before {
    display: block;
    content: "\201C";
    font-size: 8em;
    position: absolute;
    left: -20px;
    top: -30px;
    color: ;
}

blockquote cite {
    color: #ac78de;
    font-size: 0.75em;
    display: block;
    margin-top: 5px;
}

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

strong, dfn {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

sup, sub {
    line-height: 0;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin: 0 0 1.5em;
    font-style: italic;
}

del {
    color: #666;
}

pre {
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
}

article header hr {
    margin: 0 0 1em 0
}

article header p {
    margin-bottom: 0
}

article time {
    float: right;
    margin-left: 0.5em
}

article header span {
    float: right
}

article {
    overflow: hidden
}

/*Readmore */
.readmore {
    float: right;
}

#rightcolumn ul, .readmore {
    margin: -5px 0 20px 0;
    list-style-position: outside;
    list-style: none;
}

/*Lists --------------------------------------------------------------*/
li ul, li ol {
    margin: 0;
}

ul, ol {
    margin: 0 1.5em 1.5em 1.5em;
    padding-left: 1.5em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

#middlecolumn ul, #leftcolumn ul, #rightcolumn ul {
    margin-bottom: 1.5em;
    list-style: none;
}

#middlecolumn li, #leftcolumn li, #rightcolumn li {
    margin-bottom: 0.50em;
}

#middlecolumn li li {
    margin-bottom: 0;
}

#middlecolumn ul li ul {
    margin-bottom: 0;
}

#leftcolumn ul, #rightcolumn ul {
    margin-left: 0;
}

#middlecolumn ul li:before {
    content: "• ";
    color: #ac78de;
}

#rightcolumn ul li:before, #rightcolumn .list:before {
    content: "• ";
    color: #ff0000;
}

#leftcolumn ul li:before, #leftcolumn .list:before {
    content: "• ";
    color: #1413ff;
}

#middlecolumn ul li li:before {
    content: "◦ ";
    color: #ac78de;
}

#rightcolumn ul li li:before {
    content: "◦ ";
    color: #ff0000;
}

#rightcolumn ul li li {
    margin: 0.5em 0 0 1em
}

#leftcolumn ul li li:before {
    content: "◦ ";
    color: #1413ff;
}

#middlecolumn ol, #rightcolumn ol, #leftcolumn ol {
    margin: 0 0 1.5em 3em;
}

dl {
    margin: 0 0 1.5em 0;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 1.5em;
    margin-bottom: 1em
}

.datelist, .datelistup {
    font-size: 0.85em;
    line-height: 220%;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.60;
}

.datelist {
    float: right
}

.datelistup {
    clear: right;
}

.datels {
    font-size: 0.85em;
    line-height: 140%;
    float: right;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.60;
}

.datehead {
    font-size: 0.85em;
    margin-top: 0.8em;
    float: right;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.60;
}

/*Tables --------------------------------------------------------------*/
table {
    margin-bottom: 1.4em;
    width: 100%;
}

th {
    font-weight: bold;
}

th, td, caption {
    padding: 4px 10px 4px 5px;
}

tbody tr.even td {
    background: #e5ecf9;
}

tfoot {
    font-style: italic;
}

caption {
    background: #eee;
}

.tablebordered {
    border-right: solid 1px;
    border-bottom: solid 1px;
}

.tablebordered td, .tablebordered th {
    border-left: 1px solid;
    border-top: 1px solid;
    padding: 10px;
}

.tablezebra {
    border: 1px solid #000;
}

.tablezebra th {
    border: 1px solid #000;
    border-width: 0 1px 0 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #6E6E6E;
}

.tablezebra th:last-child {
    border-width: 0;
}

.tablezebra tr:nth-child(odd) {
    background-color: #e5e5e5;
}

.tablezebra tr:nth-child(even) {
    background-color: #ffffff;
}

.tablezebra td {
    vertical-align: middle;
    border: 1px solid #000;
    border-width: 0px 1px 1px 0px;
    padding: 7px;
    font-size: 0.85em;
    font-weight: normal;
}

.tablezebra tr:last-child td {
    border-width: 0px 1px 0px 0px;
}

.tablezebra tr td:last-child {
    border-width: 0px 0px 1px 0px;
}

.tablezebra tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
}

.tablezebra tr:first-child td {
    border: 0px solid #000;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-weight: bold;
    color: #000;
}

.tablezebra tr:first-child td:first-child {
    border-width: 0px 0px 1px 0px;
}

.tablezebra tr:first-child td:last-child {
    border-width: 0px 0px 1px 1px;
}

.tablemin {
    border-collapse: collapse;
    text-align: left;
}

.tablemin th {
    font-weight: bold;
    padding: 10px 8px;
    border-bottom: 2px solid;
    border-left: 0;
    border-top: 0
}

.tablemin td {
    padding: 9px 8px 0px 8px;
    border: none;
    font-size: 0.85em;
}

.tablemin tbody tr:hover td {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

/*FORMS --------------------------------------------------------------*/
label {
    float: left;
    display: block;
    clear: left;
    text-align: left;
    width: 8em;
    margin: 0.2em 1em 0 0;
    color: #000;
}

fieldset {
    width: 35em;
    padding: 1em 1.4em 1.4em 1.4em;
    margin: 0 auto;
    border: 1px solid #ccc;
    background-color: #ececec;
    position: relative;
    moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(../css_web/PIE.htc);
}

fieldset, #IE8#HACK {
    padding-top: 1.4em;
}

legend, #IE8#HACK {
    margin-top: 0;
    margin-bottom: 0;
}

legend {
    padding: 0.2em 0.7em 0.2em 0.7em;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    width: -moz-fit-content !important;
    text-shadow: 0 1px 0 #656565;
    color: #dcdcdc;
    background: #b1b1b1;
    background: -webkit-gradient(linear, 0 0, 0 80%, from(#b1b1b1), to(#919191));
    background: -moz-linear-gradient(#b1b1b1, #919191 80%);
    background: linear-gradient(#b1b1b1, #919191 80%);
    border: solid 1px #bfbfbf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url(../css_web/PIE.htc);
    margin: -18px 0 1em 0;
}

/*Form fields --------------------------------------------------------------*/
input[type=text], input[type=password], input[type=email], input[type=number], input.text, input.title, textarea {
    border: 1px solid #ccc;
    font-size: 1.2em;
    outline: none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

input[type=text], input[type=password], input[type=email], input[type=number], input.text, input.title {
    width: 20em;
    margin-bottom: 0.25em;
}

textarea {
    width: 19.3em;
    height: 5em;
    padding: 5px;
    margin-top: 0.25em;
}

.ccontrol {
    margin-left: 85px;
    width: 80px !important
}

.ccode {
    position: absolute
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, input.text:focus, input.title:focus, input.title:focus, textarea:focus {
    border: 1px solid #b1b1b1;
    background-color: #fffee8;
    box-shadow: 0 0 5px #185EA4;
    -webkit-box-shadow: 0 0 5px #185EA4;
    -moz-box-shadow: 0 0 5px #185EA4;
}

select {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    font-size: 1em;
}

input.text, input.title {
    width: 300px;
    padding: 5px;
}

input.title {
    font-size: 1.5em;
}

form.inline {
    line-height: 3;
}

form.inline p {
    margin-bottom: 0;
}

input[type=submit], input[type=button] {
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #999999;
    padding: 10px 10px 10px 10px;
    color: #585652;
    font-size: 1.3em;
    text-shadow: 0 1px 0 #fff;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0 0 #000;
    -moz-box-shadow: 0px 0 0 #000;
    -webkit-box-shadow: 0px 0 0 #000;
    background-color: #fff;
    background-image: linear-gradient(-90deg, #eee, #ccc);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#eee), to(#ccc));
    background-image: -moz-linear-gradient(-90deg, #eee, #ccc);
    behavior: url(../css_web/PIE.htc);
}

input[type=submit]:hover, input[type=button]:hover {
    background-color: #fff;
    background-image: linear-gradient(-90deg, #ccc, #eee);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#ccc), to(#eee));
    background-image: -moz-linear-gradient(-90deg, #ccc, #eee);
    color: #000;
}

#regform {
    display: block;
    border: solid 1px #bfbfbf;
    background-color: #efefef;
    position: relative;
    moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 20px 10px;
    text-align: center;
}

#regform input[type="submit"] {
    width: 90%;
    padding: 6px 10px 6px;
    margin: 1em 0 0 0;
    font-size: 1.2em;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
    cursor: pointer;
    cursor: hand;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    line-height: 21px;
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-color: #85b8ff;
    background-image: -moz-linear-gradient(top, #85b8ff, #1f7dff);
    background-image: -ms-linear-gradient(top, #85b8ff, #1f7dff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#85b8ff), to(#1f7dff));
    background-image: -webkit-linear-gradient(top, #85b8ff, #1f7dff);
    background-image: -o-linear-gradient(top, #85b8ff, #1f7dff);
    background-image: linear-gradient(top, #85b8ff, #1f7dff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85b8ff', endColorstr='#1f7dff', GradientType=0);
    border-color: #1f7dff #1f7dff #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#regform input[type=submit]:hover {
    text-decoration: none;
    background-color: #1f7dff;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#regform input[type=submit]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#regform input[type="text"], #regform input[type="email"], #regform input[type="password"] {
    border: 1px solid #ccc;
    width: 90%;
    outline: none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 0 auto 0.6em auto;
    height: 20px;
}

#regform input[type="text"], #regform input[type="email"], #regform input[type="password"] {
    font-size: 1.0em;
    font-weight: bold;
}

#prodsearch input[type=submit] {
    font-size: 0.85em;
    padding: 2px 4px;
}

#prodsearch {
    white-space: nowrap;
    margin: 0 0 3px 0;
}

#prodsearch input[type=search] {
    width: 13em;
}

/*NAVIGATION -------------------------------------------------------*/
#navigation {
    display: block
}

#menu-icon {
    display: none
}

nav {
    font-size: 88%;
    background-color: transparent;
    font-family: Georgia, Times, serif;
    margin: 1.4% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}

/*MENU ----------------------------------------*/
.menu, .menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu ul {
    position: absolute;
    top: -999em;
    width: 10em;
}

.menu ul li {
    width: 100%;
}

.menu li li, .menu li li li {
    border: none;
}

.menu li:hover ul, .menu li.sfHover ul {
    left: 0;
    top: 2.5em;
    z-index: 10001;
}

ul.menu li:hover li ul, ul.menu li.sfHover li ul {
    top: -999em;
}

ul.menu li li:hover ul, ul.menu li li.sfHover ul {
    left: 10em;
    top: 0;
}

ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
    top: -999em;
}

ul.menu li li li:hover ul, ul.menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}

.menu li:hover ul, .menu li.sfHover ul {
    left: 0;
    top: 2.5em;
    z-index: 10001;
}

ul.menu li:hover li ul, ul.menu li.sfHover li ul {
    top: -999em;
}

ul.menu li li:hover ul, ul.menu li li.sfHover ul {
    left: 10em;
    top: 0;
}

ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
    top: -999em;
}

ul.menu li li li:hover ul, ul.menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px;
}

.menu ul .sf-sub-indicator {
    background-position: -10px 0;
}

.menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}

.menu ul a:focus > .sf-sub-indicator, .menu ul a:hover > .sf-sub-indicator, .menu ul a:active > .sf-sub-indicator, .menu ul li:hover > a > .sf-sub-indicator, .menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-shadow ul {
    background: url(../css_images/menu/shadow.png) no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

a > .sf-sub-indicator { /*give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -100px; /*use translucent arrow for modern browsers*/
}

.menu {
    float: left;
    line-height: 1.0;
}

.menu a {
    display: block;
    position: relative;
    padding: .75em 1.75em;
    text-decoration: none
}

.menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px
}

.menu a, .menu a:visited {
    color: #ffffff
}

.menu li {
    background: transparent;
    float: left;
    position: relative;
    text-align: left;
}

.menu li li, .menu li li li {
    background: #646464;
}

.menu li li a, .menu li li li a, .menu li li a:visited, .menu li li li a:visited {
    color: #ffffff;
}

.menu li:hover, .menu li.sfHover, .menu a:focus, .menu a:hover, .menu a:active {
    background: #478dcb;
    outline: 0;
    color: #FBD467 !important;
}

.menu li li:hover, .menu li li.sfHover, .menu li li a:focus, .menu li li a:hover, .menu li li a:active {
    background: #c8c8c8;
}

.menu .selected, .menu .selected a {
    background-color: transparent !important;
    color: #FBD467 !important;
    text-decoration: none !important;
}

/*GALLERY ----------------------------------------*/
.standard .twocolleftl #middlecolumn .gallery {
    width: 566px;
}

.standard .threecolupright #middlecolumn .gallery {
    width: 478px;
    margin: 0 0 0 8%
}

.threecolupright #leftcolumn .gallery {
    width: 100%;
    margin: 0 0 0 2.2%
}

.gallery {
    margin: 0 auto;
    padding: 0 0 6px 0;
}

.twocolleftxxl #middlecolumn .gallery {
    width: 488px;
}

.gallery img {
    margin: 0 9px 9px 0;
    width: 110px;
    height: 110px;
}

.onecol #middlecolumn .gallery {
    width: 814px;
}

.onecol #middlecolumn .gallery img {
    margin: 0 2px 4px 0
}

.threecolupright #leftcolumn .gallery img {
    margin: 0 2% 2% 0
}

.gallery img:hover, .articleblock img:hover, .imageblock img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.80;
}

.gallery img:hover {
    cursor: url(../css_web/magnify.cur), -moz-zoom-in;
}

/*---Download docs---*/
.download span {
    font-weight: bold;
}

.download {
    margin: 1em 0 1em 0;
    clear: both;
}

.download img {
    vertical-align: middle;
    margin: 2px 4px 2px 0;
}

.download img:hover, .gallery img:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.downloadable i {
    vertical-align: middle;
}

/*PAGER*/
.pager {
    margin: 0 auto 5px auto;
    text-align: center;
}

.pager a:link, .pager a:visited, .pager a:active {
    font-weight: bold;
    font-size: 0.75em;
    text-shadow: 0 1px 0 #fff;
    width: 22px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    background: #eee;
    box-shadow: 0px 0 0 #000;
    -moz-box-shadow: 0px 0 0 #000;
    -webkit-box-shadow: 0px 0 0 #000;
    margin: 0 3px 3px 0;
    padding-top: 4px;
    text-align: center;
    color: #333;
    background-color: #fff;
    background-image: linear-gradient(-90deg, #eee, #ccc);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#eee), to(#ccc));
    background-image: -moz-linear-gradient(-90deg, #eee, #ccc);
    -pie-background: linear-gradient(#eee, #ccc 90%);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #999999;
    behavior: url(../css_web/PIE.htc);
}

.pager a:hover {
    text-decoration: none;
    background: #ccc;
    color: #fff;
    text-shadow: 0 1px 0 #656565;
    background-image: linear-gradient(-90deg, #ccc, #eee);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#ccc), to(#eee));
    background-image: -moz-linear-gradient(-90deg, #ccc, #eee);
    -pie-background: linear-gradient(#ccc, #eee 90%);
    behavior: url(../css_web/PIE.htc);
}

.pagerselect {
    font-weight: bold;
    font-size: 0.75em;
    width: 22px;
    height: 18px;
    display: inline-block;
    position: relative;
    color: #fff !important;
    text-shadow: 0 1px 0 #656565 !important;
    background: #656565 !important;
    background: -webkit-gradient(linear, 0 0, 0 80%, from(#eaeaea), to(#656565));
    background: -moz-linear-gradient(#eaeaea, #656565 80%);
    background: linear-gradient(#eaeaea, #656565 80%);
    -pie-background: linear-gradient(#eaeaea, #656565 80%);
    border: solid 1px #999999;
    margin: 0 3px 3px 0;
    padding-top: 4px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url(../css_web/PIE.htc);
}

/*Thumbnail ----------------------------------------*/
.thumbtransp img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.60;
    float: left;
    margin: 0;
    padding: 0;
}

.thumbtransp img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1.0;
}

/*Slideshow ----------------------------------------*/
.slidershadow {
    -webkit-box-shadow: 0px 0px 4px #d4c5ba;
    -moz-box-shadow: 0px 0px 4px #d4c5ba;
    box-shadow: 0px 0px 4px #d4c5ba;
}

/*fadelideshow responsive  ----------------------------------------*/
#fadeslidecontainer {
    width: 100%;
}

#fadeslidecontainer ul li:before {
    content: ""
}

#fadeslidecontainer ul, #fadeslidecontainer li {
    list-style-type: none;
}

#fadeslidecontainer ul {
    text-align: center;
    margin: auto
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

/*SCROLLABLE SLIDER ----------------------------------------*/
#slidecontainer {
    width: 100%;
    margin: 0;
    position: relative;
    padding: 0;
}

.scrollable {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
}

.scrollable .items {
    width: 20000em;
    position: absolute;
    clear: both;
}

.items div {
    float: left;
    width: 648px;
    height: 250px;
    border: 1px solid #e6e6e7;
}

.navi {
    margin: 10px auto 0 auto;
    width: 100px;
    height: 20px;
}

.navi a {
    width: 8px;
    height: 8px;
    float: left;
    margin: 3px;
    background: url(../css_images/navigator.png) 0 0 no-repeat;
    display: block;
    font-size: 1px;
    cursor: pointer;
    cursor: hand;
}

.navi a:hover {
    background-position: 0 -8px;
}

.navi a.active {
    background-position: 0 -16px;
}

/*IMAGES PLACEMENT AND SHADOW ----------------------------------------*/
.imgRight, .imgright {
    float: right;
    margin: 0.25em 0 0.9em 0.9em;
    vertical-align: text-top;
}

.imgLeft, .imgleft {
    float: left;
    margin: 0.25em 0.9em 0.9em 0;
    vertical-align: text-top;
}

.leftfloating {
    float: left;
    margin: 0 0.9em 0.9em 0;
    vertical-align: text-top;
}

.imgCenter, .imgcenter {
    display: block;
    margin: 1em auto;
    text-align: center;
}

.imgshadowleft {
    -moz-box-shadow: -4px 4px 6px #c0c0c0;
    -webkit-box-shadow: -4px 4px 6px #c0c0c0;
    box-shadow: -4px 4px 6px #c0c0c0;
    behavior: url(../css_web/PIE.htc);
}

.imgblur, .imgshadowcenter {
    -moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;
    behavior: url(../css_web/PIE.htc);
}

.imgshadowright {
    -moz-box-shadow: 4px 4px 6px #c0c0c0;
    -webkit-box-shadow: 4px 4px 6px #c0c0c0;
    box-shadow: 4px 4px 6px #c0c0c0;
    behavior: url(../css_web/PIE.htc);
}

/*COLORBOX ----------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxOverlay {
    background: url(../css_images/colorbox/overlay.png) repeat 0 0;
}

#colorbox {
    outline: 0;
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(../css_images/colorbox/controls.png) no-repeat -100px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(../css_images/colorbox/controls.png) no-repeat -129px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(../css_images/colorbox/controls.png) no-repeat -100px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(../css_images/colorbox/controls.png) no-repeat -129px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(../css_images/colorbox/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(../css_images/colorbox/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(../css_images/colorbox/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(../css_images/colorbox/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #000;
    font-size: 14px;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxLoadingOverlay {
    background: url(../css_images/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(../css_images/loading.gif) no-repeat center center;
}

/*these elements are buttons,and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

/*avoid outlines on :active (mouseclick),but preserve outlines on :focus (tabbed navigating)*/
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../css_images/colorbox/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(../css_images/colorbox/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../css_images/colorbox/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose:hover {
    background-position: -25px -25px;
}

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

/*GOOGLE CUSTOM SEARCH ----------------------------------------*/
.gsc-clear-button {
    display: none;
}

/*EDIT ----------------------------------------*/ /*Overlay */
.tipcontent {
    margin-right: 1em;
}

.editch {
    border: 4px dashed transparent;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hover {
    opacity: 0.7;
    background-color: transparent;
    background-image: url(../css_images/bg_edit.png);
    background-position: left top;
    background-repeat: repeat;
    background-attachment: scroll;
    border-color: #b8b8b8;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.editbutton {
    margin-right: 5px
}

.editcontent img:hover {
    opacity: 1;
}

.newcontent img:hover {
    opacity: 0.8;
}

#editvisibility {
    position: fixed;
    right: 0;
    top: 0;
    font-size: 11px !important;
    padding: 1px;
    background-color: transparent;
    z-index: 9999;
}

#editvisibility img {
    vertical-align: middle
}

#editvisibility label {
    float: right;
    margin: 0;
    width: 40px
}

#overlay {
    height: 450px;
}

.simple_overlay {
    display: none;
    background: #474747;
    border: 1px solid #666;
    padding: 10px 20px 0 20px;
    -webkit-box-shadow: #000 0px 0px 90px;
    -moz-box-shadow: #000 0 0 90px 5px;
    box-shadow: #000 0px 0px 90px;
    behavior: url(../css_web/PIE.htc);
    width: 640px;
    height: 441px;
}

.editcontent, .newcontent {
    height: 29px;
    float: left;
}

.editable {
    z-index: 20000;
    clear: both;
    height: 15px;
    color: #e5ece5;
    padding: 5px 5px 10px 5px;
    background-color: transparent;
    margin: 0 0.75em 0.75em 0;
    width: 80px;
    height: 29px;
    display: block;
    white-space: nowrap;
}

.editable a {
    text-decoration: none !important;
    cursor: pointer;
}

.tagedit {
    position: absolute;
    top: 1em;
}

.languagebox {
    position: fixed;
    clear: both;
    display: block;
    color: #fff !important;
    padding: 5px 5px 10px 5px;
    font-size: 16px !important;
    font-style: normal !important;
    vertical-align: text-top;
    font-weight: bold;
    margin: 0;
    font-family: "Lucida Grande", "bitstream vera sans", "trebuchet ms", sans-serif, verdana;
    border: 1px dashed #fff;
    background-color: transparent;
    background-image: url(../css_images/bg_languagebox.png);
    background-position: left top;
    background-repeat: repeat;
    background-attachment: scroll;
}

.languagebox a {
    clear: both;
    margin-top: 4px;
}

.languagebox img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.50;
}

.editselect {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.modal {
    display: none;
    position: fixed;
    z-index: 20001;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .6);
}

#floater {
    float: left;
    height: 50%;
    margin-bottom: -120px;
    width: 15em;
    display: none;
}

.editdialog {
    z-index: 20002;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -20% 0 0 -25%;
    background-color: #fff;
    text-align: center;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: #000 0 0 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1.5em;
    font-family: "Lucida Grande", "bitstream vera sans", "trebuchet ms", sans-serif, verdana;
    color: #000;
}

.editdialog img {
    vertical-align: middle;
}

#editdialog input[type="button"] {
    padding-left: 1em;
    padding-right: 1em
}

.editdialog a {
    color: #006bff;
    text-decoration: underline
}

.editdialog a:hover {
    color: #a900ff
}

/*Success,info,notice and error/alert boxes --------------------------------------------------------------*/
.error, .alert, .notice, .success, .info {
    padding: 0.8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
    z-index: 999
}

.error, .alert { /*height:1.35em;*/
    font-size: 0.75em;
    background: #fbe3e4;
    color: #8a1f11;
    border: 2px solid #fbc2c4;
    padding: 1px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial, sans-serif
}

.error em {
    border: 5px solid;
    border-color: transparent #fbc2c4 transparent transparent;
    bottom: 3px;
    left: -16px;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.notice {
    background: #fff6bf;
    color: #514721;
    border-color: #ffd324;
}

.success {
    background: #e6efc2;
    color: #264409;
    border-color: #c6d880;
}

.info {
    background: #d5edf8;
    color: #205791;
    border-color: #92cae4;
}

.notice a {
    color: #514721;
}

.success a {
    color: #264409;
}

.info a {
    color: #205791;
}

/*Clearfix ----------------------------------------*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: block;
}

#rootor {
    font-size: 10px !important;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: right;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.60;
}

#rootor a {
    text-decoration: none !important;
    color: #000 !important;
    white-space: nowrap;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #a7a7a7;
    border-bottom: 1px solid #474747;
    border-right: 1px solid #474747;
    padding: 0 0 0 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#828282), to(#9e9e9e));
    background: -webkit-linear-gradient(#828282, #9e9e9e);
    background: -moz-linear-gradient(#828282, #9e9e9e);
    background: -ms-linear-gradient(#828282, #9e9e9e);
    background: -o-linear-gradient(#828282, #9e9e9e);
    background: linear-gradient(#828282, #9e9e9e);
    -pie-background: linear-gradient(#828282, #9e9e9e);
    behavior: url(../css_web/PIE.htc);
}

#rootor span {
    color: #85b8ff;
    background-color: #6b6b6b !important;
    padding: 0 3px;
    font-weight: bold;
}

#rootor span:hover {
    color: #fff;
}

#rootor a:focus, #rootor a:hover {
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid #d8d8d8;
}

/*ARTICLE MANAGER START ----------------------------------------*/
@font-face {
    font-family: "FontAwesome";
    src: url('../webfonts/FontAwesome.eot');
    src: url('../webfonts/FontAwesome-1.eot') format('eot'), url('../webfonts/FontAwesome.woff') format('woff'), url('../webfonts/FontAwesome.ttf') format('truetype'), url('../webfonts/FontAwesome.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block; /*text-decoration: inherit;*/
    text-decoration: none !important;
}

a [class^="icon-"], a [class*=" icon-"] {
    display: inline-block;
    text-decoration: inherit;
}

.icon-facebook:before {
    content: "\f082";
}

.icon-twitter:before {
    content: "\f081";
}

.icon-caret-right:before {
    content: "\f0da";
    margin-right: 3px;
    margin-left: 0.45em
}

.icon-print:before {
    content: "\f02f";
}

.icon-pdf:before {
    content: "\f024";
}

.icon-doc:before {
    content: "\f025";
}

.icon-docx:before {
    content: "\f025";
}

.icon-xls:before {
    content: "\f026";
}

.icon-xlsx:before {
    content: "\f026";
}

.icon-ppt:before {
    content: "\f027";
}

.icon-pps:before {
    content: "\f027";
}

.icon-zip:before {
    content: "\f028";
}

.icon-facebook, .icon-twitter, .icon-print, .icon-pdf, .icon-doc, .icon-docx, .icon-xls, .icon-xlsx, .icon-ppt, .icon-pps, .icon-zip {
    font-size: 140%;
}

#commentform label, #registryform label {
    width: 4em;
}

#commentform textarea {
    width: 98%;
}

#commentform input[type="text"] {
    width: 52%;
}

/*responsive video -----------------------------------------------*/
.video-wrap {
    background: #000;
    margin: 0;
}

.videowrapper {
    margin: 0 auto;
    width: 480px;
}

/*MOBILE -----------------------------------------------*/
@media screen and (max-width: 800px) {
    body {
        border: none
    }

    #logo {
        padding: 0;
        position: relative;
        max-width: 100%;
        text-align: center;
    }

    #logo img {
        max-height: 52px;
    }

    .gallery, .twocolleftxxl #middlecolumn .gallery, .standard .twocolleftl #middlecolumn .gallery, .threecolupright #middlecolumn .gallery {
        width: 100%;
        margin: 0
    }

    .small #leftcolumn, .standard #leftcolumn, .large #leftcolumn, .fluidsmall #leftcolumn, .fluidmedium #leftcolumn, .fluidmax #leftcolumn, #fadeslideshow, #slidecontainer, .scrollable, #scroller {
        display: none;
        visibility: hidden
    }

    #payoff {
        font-size: 24px;
        margin-top: 2px;
    }

    img, iframe {
        max-width: 100%;
    }

    .videowrapper {
        width: 95%;
    }

    #wrapper {
        width: 100% !important;
        float: inherit;
        -moz-box-shadow: 0 0 0 #fff;
        -webkit-box-shadow: 0 0 0 #fff;
        box-shadow: 0 0 0 #fff;
        border: none;
        margin: 0;
        padding: 0;
    }

    #rightcolumn, #top {
        background-image: none;
        padding: 2%;
        width: 96% !important;
        margin: 0;
        float: none;
        -moz-box-shadow: 0 0 0 #fff;
        -webkit-box-shadow: 0 0 0 #fff;
        box-shadow: 0 0 0 #fff;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    #container {
        width: 100% !important;
        background-image: none;
        background-color: #ffffff;
        padding: 0;
        margin: -26px 0 0 0;
        float: none;
        -moz-box-shadow: 0 0 0 #fff;
        -webkit-box-shadow: 0 0 0 #fff;
        box-shadow: 0 0 0 #fff;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    #middlecolumn {
        padding: 2% 2% 2% 2%;
        width: 96% !important;
        margin: 0;
        float: none;
        -moz-box-shadow: 0 0 0 #fff;
        -webkit-box-shadow: 0 0 0 #fff;
        box-shadow: 0 0 0 #fff;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-image: none;
        background-color: transparent;
    }

    #footer {
        width: 99%;
        padding: 1em 0.5% 0 0.5%;
        margin: 0;
        float: none;
        -moz-box-shadow: 0 0 0 #fff;
        -webkit-box-shadow: 0 0 0 #fff;
        box-shadow: 0 0 0 #fff;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        height: auto;
        background-color: transparent;
    }

    #navigation {
        margin: -95px 0 58px 0;
        padding: 0;
    }

    #top {
        height: 57px;
        margin: 30px 0 0 0;
        padding: 0;
        background-color: transparent;
    }

    /*MOBIL MENU */
    nav {
        background: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin: 0;
        padding: 0;
        border: none;
    }

    #nav-wrap {
        position: relative;
    }

    #menu-icon { /*color: #ffffff !important;*/
        width: 100%;
        background-color: transparent;
        padding: 2px 0 0 0;
        text-indent: 0.5em;
        cursor: pointer;
        display: block;
        margin: 4px 0 0 0;
    }

    #menu-icon:hover {
        background-color: #478dcb;
    }

    #menu-icon img:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
        opacity: 0.8;
        -moz-opacity: 0.80;
    }

    #menu-icon.active {
        background-color: #478dcb;
    }

    .menu {
        clear: both;
        position: absolute;
        top: 29px;
        z-index: 10000;
        padding: 5px;
        display: none;
        background-color: #646464;
        border: none;
        font-size: 1em;
    }

    .menu li {
        clear: both;
        float: none;
        border: none;
        margin: 5px 0 5px 0;
        padding: 4px;
    }

    .menu a, .menu ul a {
        font: inherit;
        background: none;
        display: inline;
        border: none;
        padding: 0;
    }

    /*dropdown */
    .menu ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }

    .menu ul li {
        margin: 3px 0 3px 15px;
    }

    .menu li li a, .menu li li li a, .menu li li a:visited, .menu li li li a:visited {
        font-size: 100%;
        border: none;
    }

    .sf-sub-indicator {
        background: none
    }

    .menu li li, .menu li li li {
        background: none;
    }

    .menu li ul li:hover, .menu li ul li.sfHover {
        background: none;
    }
}

@media screen and (min-width: 480px)and (max-width: 799px) {
    /*Target landscape smartphones,portrait tablets,narrow desktops */
    h1 {
        font-size: 1.6em;
    }

    h2 {
        font-size: 1.4em;
    }

    h3 {
        font-size: 1.2em;
    }

    h4, h5, h6 {
        font-size: 1.0em;
    }

    .gallery img {
        width: 90px;
        height: 90px;
    }
}

@media screen and (max-width: 479px) {
    /*Target portrait smartphones */
    h1 {
        font-size: 1.4em;
    }

    h2 {
        font-size: 1.2em;
    }

    h3 {
        font-size: 1.0em;
    }

    h4, h5, h6 {
        font-size: 0.85em;
    }

    .gallery img {
        width: 60px;
        height: 60px;
    }

    .imgleft, .imgright, .imgLeft, .imgRight {
        float: inherit;
        display: block;
        margin: 1em auto;
        text-align: center;
        vertical-align: inherit
    }
}

/*---------------------------------------- MOBILE END */ /*Custom code start */ /*Custom code stop */ /*PRINT START ----------------------------------------*/
@page {
    size: A4;
    margin: 0;
}

@media print {
    *, *:before, *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    h1 {
        font-size: 140%
    }

    h2 {
        font-size: 130%
    }

    h3 {
        font-size: 120%
    }

    h4 {
        font-size: 110%
    }

    h5 {
        font-size: 110%
    }

    h6 {
        font-size: 110%
    }

    #top, #navigation, #leftcolumn, #rightcolumn, #footer, #commentform, #sharing, #rootor {
        visibility: hidden;
        display: none;
    }

    #middlecolumn {
        width: 18cm !important;
        margin: 0 auto;
        padding: 1.5cm !important;
        background: white;
    }
}

/*@media screen {.printable {display: none;visibility: hidden;} }*/
