/****** FILE: themes/sigmoid/css/normalize.css *****/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

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

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

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

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

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

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

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

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

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

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

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

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

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

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

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

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

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

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

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

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*Making the checkbox larger in the invoice form*/
#InvoiceForm_InvoiceForm input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align:middle;
    margin-right: 8px;
    background-color: #ffffff;
    border-radius: 0;
    border: solid 1px #00547c;
    font-size: 100%;
}

#InvoiceForm_InvoiceForm input[type="checkbox"]:checked + label:before {
    content:"\2714"; /* Tick */
    color:#00547c;
    background-color: #FFFFFF;
    text-align:center;
    line-height:30px;
}

#InvoiceForm_InvoiceForm .checkbox {
    display:none;
}

#InvoiceForm_InvoiceForm .checkbox label[for="InvoiceForm_InvoiceForm_Attending"],
#InvoiceForm_InvoiceForm .checkbox label[for="InvoiceForm_InvoiceForm_UseOtherShipping"]
{
    font-size:100%;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

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

/**
 * Remove most spacing between table cells.
 */

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


/****** FILE: themes/sigmoid/css/typography.css *****/
.typography * {
    font-family: "myriad-pro", sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4{
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 700;
}

/*em {*/
    /*font-style: normal*/
/*}*/

hr{
    border-top: 2px dotted #fff;
    clear: both;
    margin: 20px 0;
}

.typography p{
    font-size: 18px;
    color: #fff;
    font-family: "myriad-pro", sans-serif;
    font-weight: 400;
    line-height: 25px;
}

.typography a{
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-family: "myriad-pro", sans-serif;
    font-weight: 400;
    line-height: 25px;
}

.typography p a {
    display: inline;
    text-decoration: underline;
}

#store .typography p a,
#store .typography .product-contents p {
    color: #000;
}

#store .typography .product-contents p a:hover {
	text-decoration:underline;
}

#store .typography h2.category-title{
    color: #000000;
    margin-bottom: 5px;
}

.typography strong{
    font-weight: 700;
}

.typography h1 {
    font-size: 36px;
    margin-bottom: 15px;
    margin-top: 0;
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 700;
    text-transform: none;
    color: #fff;
    line-height: 44px;
    clear: both;
}

.typography h2 {
    font-size: 20px;
    margin: 0 0 35px 0;
    text-transform: uppercase;
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 600;
    clear: both;
    color: #fff;
    letter-spacing: 2px;
}

.typography h3{
    font-size: 26px;
    font-weight: 600;
    font-family: "myriad-pro-condensed", sans-serif;
    color: #00567b;
    margin: 0;
}

.typography h4{
    font-size: 20px;
    font-weight: 700;
    font-family: "myriad-pro-condensed", sans-serif;
    color: #000;
    margin: 0;
}

.typography p.publication-date{
    font-size: 16px;
    font-style: italic;
    margin: 0;
}

.typography h1.color-white,
.typography h1 span.color-white,
.typography h2.color-white,
.typography h2 span.color-white,
.typography h3.color-white,
.typography h3 span.color-white,
.typography h4.color-white,
.typography h4 span.color-white,
.typography p.color-white,
.typography p span.color-white,
.typography a.color-white,
.typography a span.color-white{
    color: #ffffff !important;
}

.typography h1.color-grey,
.typography h1 span.color-grey,
.typography h2.color-grey,
.typography h2 span.color-grey,
.typography h3.color-grey,
.typography h3 span.color-grey,
.typography h4.color-grey,
.typography h4 span.color-grey,
.typography p.color-grey,
.typography p span.color-grey,
.typography a.color-grey,
.typography a span.color-grey{
    color: #808A8C !important;
}

.typography h1.color-dark-grey,
.typography h1 span.color-dark-grey,
.typography h2.color-dark-grey,
.typography h2 span.color-dark-grey,
.typography h3.color-dark-grey,
.typography h3 span.color-dark-grey,
.typography h4.color-dark-grey,
.typography h4 span.color-dark-grey,
.typography p.color-dark-grey,
.typography p span.color-dark-grey,
.typography a.color-dark-grey,
.typography a span.color-dark-grey{
    color: #25373C !important;
}

.typography h1.color-black,
.typography h1 span.color-black,
.typography h2.color-black,
.typography h2 span.color-black,
.typography h3.color-black,
.typography h3 span.color-black,
.typography h4.color-black,
.typography h4 span.color-black,
.typography p.color-black,
.typography p span.color-black,
.typography a.color-black,
.typography a span.color-black{
    color: #000000 !important;
}

.typography h1.color-red,
.typography h1 span.color-red,
.typography h2.color-red,
.typography h2 span.color-red,
.typography h3.color-red,
.typography h3 span.color-red,
.typography h4.color-red,
.typography h4 span.color-red,
.typography p.color-red,
.typography p span.color-red,
.typography a.color-red,
.typography a span.color-red{
    color: #C51131 !important;
}

.typography h1.color-dark-red,
.typography h1 span.color-dark-red,
.typography h2.color-dark-red,
.typography h2 span.color-dark-red,
.typography h3.color-dark-red,
.typography h3 span.color-dark-red,
.typography h4.color-dark-red,
.typography h4 span.color-dark-red,
.typography p.color-dark-red,
.typography p span.color-dark-red,
.typography a.color-dark-red,
.typography a span.color-dark-red{
    color: #5C1503 !important;
}

.typography h1.color-blue,
.typography h1 span.color-blue,
.typography h2.color-blue,
.typography h2 span.color-blue,
.typography h3.color-blue,
.typography h3 span.color-blue,
.typography h4.color-blue,
.typography h4 span.color-blue,
.typography p.color-blue,
.typography p span.color-blue,
.typography a.color-blue,
.typography a span.color-blue{
    color: #007EA5 !important;
}

.typography h1.color-dark-blue,
.typography h1 span.color-dark-blue,
.typography h2.color-dark-blue,
.typography h2 span.color-dark-blue,
.typography h3.color-dark-blue,
.typography h3 span.color-dark-blue,
.typography h4.color-dark-blue,
.typography h4 span.color-dark-blue,
.typography p.color-dark-blue,
.typography p span.color-dark-blue,
.typography a.color-dark-blue,
.typography a span.color-dark-blue{
    color: #00557D !important;
}

.typography h1.color-green,
.typography h1 span.color-green,
.typography h2.color-green,
.typography h2 span.color-green,
.typography h3.color-green,
.typography h3 span.color-green,
.typography h4.color-green,
.typography h4 span.color-green,
.typography p.color-green,
.typography p span.color-green,
.typography a.color-green,
.typography a span.color-green{
    color: #7caf00 !important;
}


.typography h1.color-dark-green,
.typography h1 span.color-dark-green,
.typography h2.color-dark-green,
.typography h2 span.color-dark-green,
.typography h3.color-dark-green,
.typography h3 span.color-dark-green,
.typography h4.color-dark-green,
.typography h4 span.color-dark-green,
.typography p.color-dark-green,
.typography p span.color-dark-green,
.typography a.color-dark-green,
.typography a span.color-dark-green{
    color: #0C9000 !important;
}

.typography .read-more-text p{
    margin-bottom: 18px;
}

.typography figcaption{
    font-family: "myriad-pro-condensed", sans-serif;
}

.typography pre,
.typography blockquote {
    background-color: #fff;
    border-radius: 8px;
    padding: 10px 16px;
    margin: 0 0 50px 0;
    position: relative;
    clear: both;
    max-width: 488px;
}

.typography blockquote p {
    color: #007ea5;
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 700;
    font-size: 19px;
    margin: 0;
}

.typography blockquote span {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 50px solid #fff;
    position: absolute;
    bottom: -20px;
    right: 60px;
    z-index: -10;
}

.typography ul{
    padding-left: 20px;
    margin: 16px 0;
}

.typography ol{
    padding-left: 20px;
    margin: 16px 0;
}

.typography .white-page li{
    line-height: 25px;
    font-size:  18px;
    color: #504d4e;
    margin: 15px 0;
    list-style: disc;
}

.typography li{
    line-height: 25px;
    font-size:  18px;
    margin: 15px 0;
    list-style: disc;
    color: #000;
}

.typography ol li{
    list-style: inherit;
}

.typography a.email-link{
    display:inline-block;
    text-decoration: underline;
    color: #222;
    font-size: 17px;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}


/* IMAGES 
-------------------------------------------- */
.typography img {
    height: auto;
    max-width:100%;
}

.typography img.left, .typography img.right {
    height: auto;
}
.typography img.left {
    float: left;
    margin: 10px 25px 10px 0;
}
.typography img.right {
    float: right;
    margin: 6px 0 10px 7px;
}

.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom:10px;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* BUTTONS
-------------------------------------------- */

.typography .button * {
    color:#FFF;
    margin-top: 5px;
}

/* BUY-NOW BUTTON */
.typography .button2{
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    display: inline-block;

    background-color: #3398b7;
    border-radius: 6px;
    width: auto;
    position: relative;
    z-index: 0;
}
.typography .button2 a{
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    display: inline-block;    
    padding: 10px 20px;
}
.typography .button2 span{
    position: absolute;
    right: 20px;
    bottom: -18px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 50px solid #3398b7;
    z-index: -10;
}

.typography .multimedia-row a{
    display:block;
}





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

    .typography p,
    .typography a{
        font-size: 14px;
        line-height: 20px;
    }

    .typography h2{
        font-size: 24px;
        line-height: 30px;
    }

    .typography h3{
        font-size: 20px;
    }

    .typography h4{
        font-size: 16px;
    }

    .typography li{
        font-size: 14px;
        line-height: 27px;
    }

    .typography p.publication-date{
        font-size: 14px;
    }

}

/****** FILE: themes/sigmoid/css/main.css *****/
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

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


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html{
    height: 100%;
    margin: 0;
    padding: 0;
    /*min-height: 100%;*/
}

body{
    width: 100%;
    height: auto;
    min-height: 100%;
    font-family: "myriad-pro", sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
    color: #FFF;
    display: block;
}

a:focus{
    outline: none;
}

p{
    width: 100%;
}

p:last-child {
	margin:0;
}

li{
    list-style: none;
}

h5{
    clear:both;
}

#AjaxContainer {
	width:100%;
	height:auto;
	min-height:100%;
}

#home.section{
    width: 100%;
    height: 100%;
    padding: 0;
    /*background-color: #FFF;*/
    position: relative;
}

.logo{
    width: 300px;
    margin: 18px;
    position: absolute;
    z-index: 10;
}

.logo img{
    width: 100%;
}

header{
    display: none;
}

.menu-top-home{
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 500px;
}

.menu-top-home ul{
    padding: 0;
    margin: 0;
}

.menu-top-home ul li{
    display: inline-block;
    margin: 0 12px;
}

.menu-top-home a{
    color: #b7b6b6;
    font-size: 16px;
    font-weight: bold;
}

.menu-top .search{
    position: relative;
    width: 132px;
    height: 30px;
	top: 1px;
}

.menu-top .search .field{
    margin: 0;
}

.menu-top .search input.text {
    width: 104px;
	height: 28px;
    font-size: 16px;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    padding: 4px;
    border-radius: 0;
}
.ie10 .menu-top .search input.text,
.ie .menu-top .search input.text {
    height: 28px;
}

.menu-top input[type="submit"]{
    height: 28px;
    width: 28px !important;
    margin-left: 0;
    background-size: 12px auto;
    padding: 0;
    float: left;
    border-radius: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/search-button.png) no-repeat center center rgba(0,0,0,.45);
    background-size: 10px auto;
}
.ie10 .menu-top input[type="submit"],
.ie .menu-top input[type="submit"]{
    height: 28px !important;
}

.menu-top .search div.middleColumn{
    width: auto;
    float: left;
}

.statement{
    width: 725px;
    margin: 220px 0 0 110px;
    position: absolute;
    z-index: 10;
}

.statement h1{
    font-size: 62pt;
    font-weight: 700;
    margin: 0;
    background-color: #000;
    margin-bottom: 5px;
    padding: 10px 18px;
    color: #fff;
    line-height: 63pt;
    font-family: "myriad-pro-condensed", sans-serif;
    text-transform: none;
    letter-spacing: normal;
}

.statement h1:first-child{
    width: 330px;
    padding: 2px 18px 4px 18px;
}

.statement h1:nth-child(2){
    width: 510px;
    padding: 4px 18px 11px 18px;
}

.statement p{
    font-family: "myriad-pro-condensed", sans-serif;
    font-size: 43pt;
    margin: 0;
    color: #000;
    font-weight: 300;
    line-height: 45pt;
}

.bg-top{
    position: absolute;
    top: 0;
    /*right: 243px;*/
    left: 0;
    z-index: 10;
    width: 533px;
    overflow: hidden;
}

.bg-top img{
    width: 100%;
    height: 100%;
}

nav.nav-main-home{
    display: none;
}

#home nav.nav-main{
    position: absolute;
    width: 770px;
    height: 100%;
    right: 0;
    left: auto;
    top: 0;
    z-index: 5;
}

nav.nav-main{
    position: absolute;
    width: 770px;
    left: -670px;
    top: 0;
    z-index: 5;
}

nav.nav-main ul{
    position: absolute;
    right: 0;
    top: 0;
    width: 786px;
    margin: 0;
    padding: 0;
}

nav.nav-main ul li{
    height: 89px;
    width: 770px;
    padding: 0;
    float: right;
    display: block;
    clear: both;
    font-size: 17px;
    font-weight: bold;
    text-align: right;
    /*position: relative;*/
}



nav.nav-main ul li a {
	display:block;
	height:auto;
	/*width:647px;*/
    padding: 0 105px 0 0;
	vertical-align:middle;
    position: absolute;
    z-index: 500;
    right: 0;
    /*background-position: 818px 50%;*/
    background-color: rgba(0,0,0,0);
}
nav.nav-main ul li a span {
	vertical-align:middle;
}

li.menu-1 {
    /*background:#c51131 url(../images/menu_1_icon.png) no-repeat 695px 50%;*/
    background-color: #c51131;
}
li.menu-2 {
    /*background:#6b0d00 url(../images/menu_2_icon.png) no-repeat 695px 50%;*/
    background-color: #6b0d00;
}
li.menu-3 {
    /*background:#7caf00 url(../images/menu_3_icon.png) no-repeat 695px 50%;*/
    background-color: #7caf00;
}
li.menu-4 {
    /*background:#0c9000 url(../images/menu_4_icon.png) no-repeat 695px 50%;*/
    background-color: #0c9000;
}
li.menu-5 {
    /*background:#808a8c url(../images/menu_5_icon.png) no-repeat 695px 50%;*/
    background-color: #808a8c;
}
li.menu-6 {
    /*background:#25373c url(../images/menu_6_icon.png) no-repeat 695px 50%;*/
    background-color: #25373c;
}
li.menu-7 {
    /*background:#007ea5 url(../images/menu_7_icon.png) no-repeat 695px 50%;*/
    background-color: #007ea5;
}
li.menu-8 {
    /*background:#00557d url(../images/menu_8_icon.png) no-repeat 695px 50%;*/
    background-color: #00557d;
}

.menu-1 a{
    width: 197px;
    background:url(../images/menu_1_icon_edit.png) no-repeat right 50%;
    /*background: url(../images/menu_1_icon.png) no-repeat 245px 50%;*/
    /*background:#c51131 url(../images/menu_1_icon.png) no-repeat 695px 50%;*/
}
.menu-2 a{
    width:257px;
    background:url(../images/menu_2_icon_edit.png) no-repeat right 50%;
    /*background:url(../images/menu_2_icon.png) no-repeat 305px 50%;*/
    /*background:#6b0d00 url(../images/menu_2_icon.png) no-repeat 695px 50%;*/
}
.menu-3 a{
    width:307px;
    background:url(../images/menu_3_icon_edit.png) no-repeat right 50%;
    /*background:url(../images/menu_3_icon.png) no-repeat 354px 50%;*/
    /*background:#7caf00 url(../images/menu_3_icon.png) no-repeat 695px 50%;*/
}
.menu-4 a{
    width:357px;
    background:url(../images/menu_4_icon_edit.png) no-repeat right 50%;
    /*background:url(../images/menu_4_icon.png) no-repeat 405px 50%;*/
    /*background:#0c9000 url(../images/menu_4_icon.png) no-repeat 695px 50%;*/
}
.menu-5 a{
    width:407px;
    background:url(../images/menu_5_icon_edit.png) no-repeat right 50%;
    /*background:url(../images/menu_5_icon.png) no-repeat 455px 50%;*/
    /*background:#808a8c url(../images/menu_5_icon.png) no-repeat 695px 50%;*/
}
.menu-6 a{
    width:467px;
    background:url(../images/menu_6_icon_edit.png) no-repeat right 50%;
    /*background:url(../images/menu_6_icon.png) no-repeat 515px 50%;*/
    /*background:#25373c url(../images/menu_6_icon.png) no-repeat 695px 50%;*/
}
.menu-7 a{
    width:527px;
    background:url(../images/menu_7_icon_edit.png) no-repeat right 50%;
    /*background:url(../images/menu_7_icon.png) no-repeat 575px 50%;*/
    /*background:#007ea5 url(../images/menu_7_icon.png) no-repeat 695px 50%;*/
}
.menu-8 a {
    width:637px;
    background:url(../images/menu_8_icon_edit.png) no-repeat right 50%;
    /*background:url(../images/menu_8_icon.png) no-repeat 685px 50%;*/
    /*background:#00557d url(../images/menu_8_icon.png) no-repeat 695px 50%;*/
}


/* Text color on white pages */
.white-page h1,
.white-page h2,
.white-page p,
.white-page a,
.white-page .breadcrumbs,
.white-page .breadcrumbs a,
.white-page .typography h1,
.white-page .typography h2,
.white-page .typography p,
.white-page .typography li,
.white-page .typography a,
.white-page .typography .breadcrumbs,
.white-page .typography .breadcrumbs a
{
    color: #504d4e !important;
}


/* ================================== About ================================== */

/*nav-main-test*/
nav.nav-main-test{
    position: fixed;
    width: 770px;
    height: 100%;
    left: -670px;
    top: 0;
    z-index: 200;
}

nav.nav-main-test ul{
    position: absolute;
    right: 0;
    top: 0;
    width: 786px;
    margin: 0;
    padding: 0;
}

nav.nav-main-test ul li{
    height: 27px;
    width: 770px;
    padding: 31px 0;
    float: right;
    display: block;
    clear: both;
    font-size: 17px;
    font-weight: bold;
    text-align: right;
    position: relative;
}

nav.nav-main-test a{
    padding: 34px 123px 0 0;
}
/*nav-main-test*/

.section{
    /*width: 1125px;*/
    width: 100%;
    height: auto;
    min-height: 100%;
}

.container{
    /*width: 83%;*/
    padding: 70px 50px 100px 200px;
}

#about.section{
    /*background-color: #c51131;*/
}

.typography h1.page-heading,
h1.page-heading{
    font-size: 20px;
    margin: 30px 0 35px 0;
    text-transform: uppercase;
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 600;
    clear: both;
    color: #fff;
    letter-spacing: 3px;
    display: inline-block;
}

#about h1{
    float: left;
}

.left-col{
    float: left;
    /*width: 490px;*/
    width: 46%;
    height: auto;
    margin: 0 80px 0 0;
}

.right-col{
    float: right;
    width: 46%;
    height: auto;
    margin-top: 74px;
}

.menu-top{
    background-color: rgba(41,41,41,0.2);
    position: absolute;
    top: 0;
    right: 0;
    height: 90px;
    padding: 0 30px;
}

.menu-top ul{
    float: left;
    margin: 32px 0 0 0;
    padding: 0;
}

.menu-top ul li{
    display: inline-block;
    padding-right: 20px;
    color: #fff;
    height: 30px;
}

.menu-top ul li a{
    font-family: "myriad-pro", sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.menu-top .print{
	position: absolute;
	top: 22px;
	left: -80px;
    display:none;
    background:url(../images/print.png) no-repeat center center;
    width: 36px;
    height: 34px;
    padding:5px;
}

a.logo-white{
    float: left;
    margin-top: 18px;
    display: inline-block;
}

.read-more{
    background-color: rgba(0,0,0,0.2);
    width: 139px;
}

.read-more a{
    padding: 10px;
}

.read-more-text {
    display: none;
}


/* ================================== Clients ================================== */

#clients.section{
    /*background-color: #25373c;*/
}

.client-box{
    background-color: rgba(255,255,255,.05);
    width: 222px;
    height: 222px;
    float: left;
    margin: 0 30px 30px 0;
    opacity:0.5;
    position: relative;
}

.client-box .casestudy-popup {
    display:none;
    position: absolute;
    z-index: 10;
    background: url(../images/casestudy-popup.png) no-repeat;
    text-indent: -119988px;
    overflow: hidden;
    width: 93px;
    height: 55px;
    top: 10px;
    right: 10px;
}

.client-box:hover {
    opacity:1;
}

.client-box:hover .casestudy-popup {
    display:block;
}

.breadcrumbs{
    width: 100%;
    max-width: 1000px;
    margin-bottom: 35px;
    margin-top: 25px;
}

.breadcrumbs .back-to-previous{
    position: absolute;
	right: 0;
	top: 0;
}

.back-to-previous a{

    color: #c6c7c9 !important;
    background: url(../images/calender-pre-off.png) no-repeat left center;
    padding-left: 23px;
}

.white-page .typography .breadcrumbs .back-to-previous a,
.typography .breadcrumbs .back-to-previous a{
    color: #c6c7c9 !important;
    background: url(../images/calender-pre-off.png) no-repeat left center;
    padding-left: 23px;
}

.breadcrumbs h1.page-heading,
.typography .breadcrumbs h1.page-heading{
    margin: 0;
    line-height: normal;
}

.breadcrumbs,
.typography .breadcrumbs a{
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 3px;
    display: inline-block;
	position: relative;
}

.breadcrumbs a {
    display: inline-block;
}

.client-group{
    clear: both;
    display: block;
    overflow: hidden;
}

.typography .client-group h1.page-heading,
.client-group h1.page-heading{
    float: left;
    display: block;
    width: 100%;
    margin: 40px 0 15px 0;
    font-size: 19px;
}


/* ================================== Services ================================== */

.services-box-wrapper{
    max-width: 1008px;
}

a.services-box{
    width: 222px;
    height: 222px;
    background-color: rgba(255,255,255,.1); 
    float: left;
    margin: 30px 30px 0 0;
    position: relative;
    display: block;
}

a.services-box .title{
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 26px;
    font-weight: 600;
    font-family: "myriad-pro-condensed", sans-serif;
    margin: 0;
    width: auto;
    line-height: 30px;
    color: rgba(255,255,255,.35);
}

a.services-box2{
    width: 222px;
    height: 222px;
    background-color: rgba(255,255,255,.1);
    float: left;
    margin: 30px 30px 0 0;
    position: relative;
    display: block;
}

a.services-box2 .title{
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 26px;
    font-weight: 600;
    font-family: "myriad-pro-condensed", sans-serif;
    margin: 0;
    width: auto;
    line-height: 30px;
    color: rgba(255,255,255,.35);
}

/*a.services-box:hover{*/
    /*background-color: #fff;*/
/*}*/

a.services-box .icon{
    position: absolute;
    top: 10px;
    right: 20px;
    display: block;
}

a.services-box2 .icon{
    position: absolute;
    top: 10px;
    right: 20px;
    display: block;
}

a.induction .icon{    
    background: url(../images/icon_induction.png) no-repeat -21px 0;
    width: 64px;
    height: 54px;    
}

a.executive .icon{
    background: url(../images/icon_executive.png) no-repeat -2px 0;
    width: 83px;
    height: 54px;
}

a.human-resource .icon{
    background: url(../images/icon_human.png) no-repeat -13px 0;
    width: 73px;
    height: 54px;
}

a.case-studies .icon{
    background: url(../images/icon_casestudies.png) no-repeat -31px 0;
    width: 58px;
    height: 58px;
}

a.assessment .icon{
    background: url(../images/llp-icons/CMS.png) no-repeat -27px 0;
    width: 60px;
    height: 72px;
}

a.assessment2 .icon{
    background: url(../images/icon_assessment.png) no-repeat -27px 0;
    width: 60px;
    height: 72px;
}

a.leadership .icon{
    background: url(../images/icon_leadership.png) no-repeat -27px 0;
    width: 60px;
    height: 72px;
}

a.organisation .icon{
    background: url(../images/icon_organisation.png) no-repeat -24px 0;
    width: 65px;
    height: 72px;
}

a.public .icon{
    background: url(../images/icon_public.png) no-repeat -15px 0;
    width: 76px;
    height: 72px;
}
/* ================================== Login Landing Page Icons ================================== */

.icon-cms{
    background: url(../images/llp-CMS.png) no-repeat 0;
    float: right;
    width: 73px;
    height: 73px;
    padding: 20px 10px;
}

.icon-SurveyPage{
    background: url(../images/llp-survey.png) no-repeat 0;
    float: right;
    width: 49px;
    height: 72px;
    padding: 20px 10px;
}

.icon-AccountPage{
    background: url(../images/llp-account.png) no-repeat 0;
    float: right;
    width: 53px;
    height: 72px;
    padding: 20px 10px;
}

.icon-ShopHome{
    background: url(../images/llp-shop.png) no-repeat 0;
    float: right;
    width: 98px;
    height: 72px;
    padding: 20px 10px;
}

.icon-CustomPageTile{
    float: right;
    padding: 20px 10px;
}


/* ================================== Services 2 ================================== */

#services2 .section{
    /*background-color: #fff;*/
}

#services2 h1,
#services2 h2{
    color: #504d4e;
}

#services2 h2.services-single-h{
    font-size: 42px;
}

h2.services-single-h img{
    margin-right: 25px;
}

.client-logo{
    float: left;
    margin: 0 20px 20px 0;
}

#services2 li{
    list-style: disc;
}


/* ================================== Team ================================== */

#team.section{
    /*background-color: #7caf00;*/
}

.team-box{
    width: 222px;
    height: 222px;
    margin: 0 30px 30px 0;
    background-color: rgba(255,255,255,.1);
    float: left;
    position: relative;
}

.team-box figcaption{
    color: #fff;
    font-size: 26px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.team-box figcaption.black-text{
    color: #000;
}

.team-box img {
    position: absolute;
    width: 100%;
}

.bottom{
    clear: both;
}

/*.bottom .team-box{
    width: 144px;
    height: 144px;
    margin: 0 20px 20px 0;
}*/

#team h3{
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px;
}


/* ================================== Imposter ================================== */

#imposter.section{
    /*background-color: #007ea5;*/
}

.speech-bubble{
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    position: relative;
    z-index: 10;
    clear: both;
    margin-top: 20px;
    max-width: 480px;
}

.speech-arrow{
    width: 0; 
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;    
    border-left: 50px solid #fff;
    position: absolute;
    bottom: -20px;
    right: 60px;
    z-index: -10;
}

.speech-bubble p{
    margin: 0;
}

#imposter .speech-bubble p{
    color: #007ea5;
    font-size: 19px;
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 700;
}

.buy-now{
    position: relative;
    width: 127px;
    z-index: 10;
}

.typography .buy-now a{
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #3398b7;
    border-radius: 6px;
    padding: 10px 20px;
    width: auto;
    text-align: center;
}

.buy-now .speech-arrow{
    right:20px;
    border-left: 50px solid #3398b7;
    bottom: -18px;
}


/* ================================== Events ================================== */

#events.section{
    /*background-color: #0c9000;*/
}

ul.event-list{
    margin: 109px 0 0 0;
    padding: 0;
    /*width: 100%;
    width: 553px;*/
}

.typography ul.event-list{
    padding: 0;
}

.event-list li{
    display: block;
    margin-top: 20px;
}

li.event-accordion{
    border: 1px solid #fff;
}

li.event-accordion.event-selected{
    border: 0;
}

.event-heading{
    padding: 14px 14px;
    cursor: pointer;
}

.event-selected .event-heading{
    background-color: #fff;
}

.event-selected .event-heading a{
    color: #0c9000;
}

.event-selected .event-content{
    display: block;
}

.typography a.event-title{
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 700;
    font-size: 30px;
    float: left;
    width: auto;
    margin: 0;
}

.typography a.event-date{
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 300;
    font-size: 30px;
    float: right;
    width: auto;
    margin: 0;
}

.event-content{
    background-color: rgba(255,255,255,.15);
    padding: 10px 14px;
    display: none;
}

.event-content p{
    margin-top: 10px;
}

.typography .event-content ul{
    padding: 0;
    /*margin-bottom: 12px;*/
    margin: 40px 0 10px 0;
    clear: both;
}

.typography .event-content ul li{
    display: inline-block;
    margin: 0;
    /*margin-right: 34px;*/
}

.event-content a.more-info{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    background: url(../images/arrow.png) no-repeat right center;
    padding-right: 20px;
    letter-spacing: 1px;
    display: inline-block;
    clear: both;
}

.typography .event-content .visit{
    background-color: #c50f30;
    border-radius: 4px;
    position: relative;
    z-index: 10;
    padding: 2px 10px;
    min-width: 143px;    
    float: right;
    margin-right: 20px;
}
.event-content .visit a{
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}
.event-content .visit .speech-arrow{
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent; 
    border-left: 30px solid #c50f30;
    bottom: -10px;
    right: 16px;
}

.event-content .booknow{    
    background-color: #016100;    
    padding: 2px 10px;
    float: right;
    border-radius: 4px;
}
.event-content .booknow a{
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
}

.event-content .event-price{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    float:left;
}

/* .event-content a.close{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    color: rgba(255,255,255,.6);
    letter-spacing: 1px;
} */

/*calendar*/
.calendar-wrapper{
    width: 485px;
    margin: 0 auto;
}

.cal-header{
    width: 100%;
    margin-bottom: 20px;
}

.calender-pre{
    float: left;
    padding-left: 14px;
}
.calender-nxt{
    float: right;
    padding-right: 14px;
}

.calendar th{
    border: 2px solid #528f12;
    background-color: #e30c33;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    width: 65px;
    height: 60px;
    font-size: 24px;
    text-align: center;
}

.calendar td{
    border: 2px solid #528f12;
    background-color: #fff;
    color: #9c9ea0;
    font-weight: 700;
    width: 65px;
    height: 60px;
    font-size: 24px;
    text-align: center;
}

td.event{
    background-color: #ffffff;
    color: #757678;
}

td.event.current{
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #6b0d00;
    background-size:auto 21px;
}

.cal-header td{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-top: 0;
}
/*calendar*/


/* ================================== Multimedia ================================== */

#multimedia.section{
    /*background-color: #808a8c;*/
}

.top-row{
    margin-bottom: 80px;
}

.multimedia-box-wrapper{
    float: left;
}

a.multimedia-box{
    display: block;
    position: relative;
    float: left;
    margin: 0 30px 0 0;
}

a.multimedia-box.current .icon {
    opacity: 1;
}

a.multimedia-box .icon{
    width: 136px;
    height: 136px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #666E70;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5;
}

a.multimedia-box .title{
    text-transform: uppercase;
    font-family: "myriad-pro-condensed", sans-serif;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    width: 100%;
    margin: 12px 0 0 0;
    letter-spacing: 2px;
}

a.video .icon{
    background-image: url(../images/multimedia_video2.png);
}

a.readings .icon{
    background-image: url(../images/multimedia_readings2.png);
}

a.podcast .icon{
    background-image: url(../images/multimedia_podcast2.png);
}

.multimedia-p{
    width: 320px;
    float: left;
    display: none;
}

.bottom-row{
    background-color: #fff;
    clear: both;
    max-width: 1025px;
    min-width: 440px;
    padding: 40px 50px 0 50px;
    position: relative;
}

.bottom-row .more-link {
    font-size: 16px;
    color: grey;
    font-weight: 700;
    font-family: "myriad-pro-condensed", sans-serif;
    color: #444444;
    clear: both;
    letter-spacing: 1px;
    padding-top: 8px;
}

.bottom-row .more-link.red-text{
    color:#991e22;
}

.bottom-row h2 {
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}

.multimedia-row-wrapper {
    margin-bottom: 50px;
}

.multimedia-row {
    float: left;
    margin: 0 0 20px 0;
    width: 100%;
    display: table;
}

.tableContainer {
    display: table;
}

.multimedia-row .tableContainer {
    height: 119px;
}

.tableCellContainer {
    display: table-cell;
    vertical-align: middle;
}

.multimedia-row img {
    width: 210px;
    height: 117px;
    border: 1px solid #a0a0a0;
    float: left;
}

.multimedia-row .content *{
	font-size: 14px;
}

.multimedia-row .content .subheading {
	font-size: 17px !important;
}

.multimedia-row .content {
    float: left;
    width: 68.780487%;
    width: -webkit-calc(100% - 320px);
    width: -moz-calc(100% - 320px);
    width: calc(100% - 320px);
    padding-left: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.multimedia-row p {
    color: #444;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
}

.multimedia-row h3 {
    color: #000;
    font-size: 14px;
    margin: 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: none;
}

.multimedia-row ul {
    padding: 0;
    margin: 0;
}

.multimedia-row ul li {
    list-style: none;
    font-size: 12px;
    line-height: 14px;
    margin: 0 9px 0 0;
    display: inline-block;
}

.mLink-container {
    float: right;
}

.multimedia-row .mLink, .popup-action a {
    color: #fff;
    background-color: #991e22;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "myriad-pro-condensed", sans-serif;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    width: 80px;
}

.popup-action a{
	margin-left: 50px;
	margin-right: 50px;
}

.multimedia-row iframe{
    width:100%;
}

.multimedia-row:last-child{
    margin-right: 0;
}

.typography .multimedia-row span {
    clear: both;
    font-size: 16px;
    font-weight: 700;
	color:#FFF;
}

.search input{
    padding: 5px;
    border: 0;
    font-size: 18px;
    font-weight: 700;
    color: #82898b;
    background-color: #ebebeb;
    float: left;
}

#multimedia .search input{
    height: 33px;
    width: 170px;
    border-radius: 0;
}

#multimedia-hub iframe{
    width: 600px !important;
    height: 480px !important;
}

.search{
    position: absolute;
    top: -33px;
    left: 0;
    /*width: 260px;*/
    vertical-align: middle;
}

.search a{
    background: url(../images/search-button.png) no-repeat center center #4e5253;
    padding: 0;
    float: left;
    height: 33px;
    width: 33px;
}

.sort-by{
    position: absolute;
    top: -33px;
    right: 0;
    background-color: #4e5253;
}

    @-moz-document url-prefix() { 
        .sort-by{
            top:-34px;
        }
    }

.typography .sort-by p{
    float: left;
    width: 70px;
    padding: 4px 4px 4px 10px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #82898b;
}

.sort-by select{
    background-color: #4e5253;
    border: none;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 4px;
    /*margin-right: 28px;*/
    width: 100px;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/dropdown_button.png) no-repeat 83px center #4e5253;
    cursor: pointer;
}

.sort-by select option{
    background-color: #ebebeb;
    font-size: 18px;
    font-weight: 700;
    color: #82898b;
}

select:focus{
    outline: none;
}

#multimedia select[name=Category] {
    position: absolute;
    top: -33px;
    left: 214px;
    color: #fff;
    height: 33px;
    font-size: 18px;
    font-weight: 700;
    width: auto;
	padding:4px;
    min-width: 150px;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: none;
    background-image:  url(../images/dropdown_button.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-color: #4e5253;
    cursor: pointer;
    padding-right:25px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10-specific styles go here */
    #multimedia select[name=Category],
    #multimedia select[name=Category] {
        background-image: none;
    }
}

#multimedia select[name=Category] option{
    background-color: #ebebeb;
    color: #82898b;
}

/*video light-box*/

body .ui-dialog {
	border:0 !important;
	border-radius:0 !important;
}

body .ui-widget-overlay{
    background-color: #3e3e3f;
    opacity: .8;
    filter: Alpha(Opacity=30);
    position: fixed;
    top: 0;
    left: 0;
    position: absolute;
	background-image:none !important;
}

body .ui-dialog-titlebar{
    background-color: #252525; 
    display: block;
    overflow: hidden; 
    padding: 0 12px;  
    /*width: 576px;*/
    width:100%;
	border:0 !important;
	border-radius:0;
	background-image:none !important;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body .ui-dialog-titlebar span{
    font-family: "myriad-pro-condensed", sans-serif;
    text-transform: capitalize;
    font-size: 24px;
    letter-spacing: 1px;
    color: #aaa;
}

body .ui-dialog-content {
	border:0;
	display:block !important;
    max-width: 100%;
}

body .ui-dialog-title{
    float: left;
    background: url(../images/drag.png) no-repeat center center;
    cursor: move;
    text-indent: -100px;
    padding-right: 30px;
}

body .ui-dialog-titlebar-close{
    float: right;
	background:none !important;
	font-weight:normal !important;
}

body .ui-dialog-titlebar-close:hover {
	border:0 !important;
}

body .ui-dialog-titlebar-close .ui-icon-closethick:after{
    content:" X" !important;
}

body .ui-dialog-titlebar-close .ui-icon-closethick {
	background:none !important;
	width:auto !important;
	height:auto !important;
	text-indent:0 !important;
	overflow:visible;
	display:inline !important;
}

body .ui-dialog .ui-resizable-handle {
	display:none !important;
}

/*video light-box*/

/*Readings*/
.article-list-wrapper{
    /*width: 1020px;*/
    margin: 0 auto;
}

.article-list{
    float: left;
    margin: 10px 70px 50px 0;
}

.article-list figcaption{
    margin-top: 15px;
}
/*Readings*/

/*Podcast*/
.typography ul.podcast-list{
    padding: 0;
    margin: 0;
}

.podcast-list li{
    display: block;
    background: url(../images/podcast.png) no-repeat left top;
    height: 45px;
    padding: 25px 0 0 60px;
    position: relative;
    margin-bottom: 40px;
}

.podcast-list li span{
    width: 25%;
    float: left;
    clear: none;
    margin: 0;
    border-bottom: 2px dotted #fff;
    height: 17px;
}

.podcast-list li p{
    float: left;
    margin: 0;
    width: auto;
}

.podcast-list li p.title{
    font-weight: 700;
}

.typography a.listen-btn{
    background: url(../images/icon-listen.png) no-repeat center center;
    display: block;
    width: 101px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    padding: 12px 0 28px 0;
    position: absolute;
    top: 14px;
    right: 0;
}
/*Podcast*/


/* ================================== Store ================================== */

#store.section{
    /*background-color: #00557d;*/
}

.typography ul.tab-button{
    width: 60%;
    margin: 0;
    padding: 0;
}

.typography .tab-button li{
    display: inline-block;

    margin: 0;
    background-color: #006f9b;
}

.tab-button li a{
    font-weight: 600;
    font-size: 20px;
	padding: 6px 40px;
	display:block;
    font-family: "myriad-pro-condensed", sans-serif;
}

.tab-contents{
    background-color: #fff;
    padding: 20px;
    max-width: 1045px;
}

.typography li.current,
.typography li.tab-selected{
    background-color: #fff;
}

.typography .current a,
.typography .tab-selected a{
    color: #00567b;
}

.items .product {
    float: left;
    margin: 20px 40px 20px 0;
    /*width: 150px;*/
    min-height: 220px;
    height: auto;
    width: 220px;
}

.items .product h3 {
	text-align:center;
}
.items .product a {
	color:inherit;
    position: relative;
}

.items .product a img{
    margin: 0 auto;
    display: block;
}

.items{
    width: 76%;
    float: left;
    display: inline-block;
}

.banner{
    background: url(../images/banner-bg.png) no-repeat center center #ebebeb;
    width: 230px;
    height: 452px;
    float: right;
    margin-top: 20px;
}

.ebooks{
    margin: 30px auto 0 auto;
    display: block;
}

.banner-img{
    clear: both;
}

.banner-img img{
    float: left;
    margin: 0 10px;
}

.banner a.browse{
    background-color: #00557d;
    font-weight: 700;
    font-size: 22px;
    padding: 5px 10px;
    float: right;
    margin: 40px 20px 40px 0;
}

.coming-soon{
    background: url(../images/coming-soon.png) no-repeat center center rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}

/* ================================== Store 2 ================================== */

.product-single{
    background-color: #fff;
    padding: 20px 30px;
    position: relative;
}

.product-single .image {
    float: left;
    width: 154px;
    height: auto;
	text-align:center;
    position: relative;
}

.product-single .image img {
	width:100%;
	height:auto;
}

.product-contents{
    float: left;
    width: 50%;
    margin-left: 30px;
}

.product-single .cart{
    position: absolute;
    top: 20px;
    right: 30px;
}

.product-single .price{
    background-color: #e0e0e0;
    position: absolute;
    bottom: 20px;
    right: 30px;
    width: 260px;
    padding: 20px;
}

.product-single a.add-to-cart{
    color: #00567b;
    font-size: 36px;
    font-weight: 700;
    background: url(../images/cart.png) no-repeat left 0px;
    padding: 10px 0 20px 60px;
    font-family: "myriad-pro-condensed", sans-serif;
    display: block;
    float: right;
    border-bottom: 2px dotted #868484;
    margin-bottom: 4px;
}

.product-single a.view-cart{
    color: #868484;
    font-size: 22px;
    font-family: "myriad-pro-condensed", sans-serif;
    display: block;
    clear: both;
    float: right;
    text-transform: uppercase;
}

.product-single .price p{
    color: #00567b;
    font-size: 28px;
    font-weight: 300;
    font-family: "myriad-pro-condensed", sans-serif;
    margin: 0 0 20px 0;
    text-align: center;
}

.product-single .price p strong{
    color: #00567b;
    font-size: 40px;
    font-weight: 700;
    font-family: "myriad-pro-condensed", sans-serif;
}

.product-single .price a.buy-now{
    font-weight: 700;
    font-size: 36px;
    font-family: "myriad-pro-condensed", sans-serif;
    text-transform: uppercase;
    background-color: #00547C;
    clear: both;
    padding: 20px 50px;
    display: block;
    margin: 0 auto;
    width: 116px;
}
.product-single .price span.not-available
{
    font-weight: 700;
    font-size: 36px;
    font-family: "myriad-pro-condensed", sans-serif;
    text-transform: uppercase;
    background-color: #00547C;
    clear: both;
    padding: 20px 40px;
    display: block;
    margin: 0 auto;
    width: 181px;
}

.product-single .price a.buy-now.checkout
{
    background-color: #C51131;
}

a.return-store{
    display: inline-block;
    color: #00547C;
}

div.basic-info{
    float:left;
    width: 100%;
}

.product-single .price span.not-available{
    color:#fff;
    text-align: center;
}

#store li{
    list-style: disc;
}

#store li.title-container{
    list-style: none;
}

.product-single .image a{
    background: url(../images/look-inside.png) no-repeat center center;
    width: 152px;
    height: 54px;
    position: absolute;
    bottom: -47px;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.product a.look-inside{
	background: url(../images/look-inside-invert.png) no-repeat center center;
	margin-left: auto;
	margin-right: auto;
	width: 152px;
	height: 54px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
    position: absolute;
    z-index: 100;
}


#store ul.items{

}
#store ul.items li.product{
    list-style: none;
}
#store ul.items li.product .image-container {
    height: 180px;
}
#store ul.items li.product .image-container .product-image{
    height: 100%;
    width: 100%;
    display:block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}

#store ul.items li.product .text-container {
    padding: 15px 0px;
    overflow-y: hidden;
    height: 110px;
}
#store select[name=Category]{
    color: #4e5253;
    height: 37px;
    font-size: 18px;
    font-weight: 700;
    width: auto;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: none;
    background-image: url(../images/dropdown_button-grey.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-color: #fff;
    cursor: pointer;
    padding: 0 30px 0 13px;
}
#store select::-ms-expand{
    display: none;
}

/* ================================== Login ================================== */

#login h1{
    color: #504d4e;
}

.form h3,
.client-login h3,
.shopper-login h3{
    color: #aaa;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.left-col label.left,
.client-login label.left,
.shopper-login label.left{
    color: #aaa;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "myriad-pro", sans-serif;
    float: left;
    width: 120px;
    margin-top: 5px;
}

.left-col input.text,
#Security #MemberLoginForm_LoginForm input,
.client-login input.text,
.shopper-login input.text{
    background-color: #d9d9d9;
    border: none;
    padding: 6px;
    float: left;
    width: 100%;
}

#MemberLoginForm_LoginForm #Remember input[type="checkbox"]{
    width: auto;
}

#Security #MemberLoginForm_LoginForm .middleColumn,
.left-col .middleColumn,
.client-login .middleColumn,
.shopper-login .middleColumn{
    float: left;
    width: 67%;
}

.left-col fieldset div.field,
#Security #MemberLoginForm_LoginForm fieldset div.field,
.client-login fieldset div.field,
.shopper-login fieldset div.field{
    clear: both;
    width: auto;
    height: 33px;
    margin: 20px 0;
}

#Login_Controller hr{
    border-top: 2px dotted #ccc;
    clear: both;
    margin: 40px 0;
}

#Login_Controller input.action{
    width: 123px;
    background-color: #9f9f9f;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 20px 20px 0;
    border-radius: 0;
    padding: 5px 0;
    float: left;
}

#Login_Controller .search input.action{
    margin: 0;
}

#Login_Controller .Actions{
    clear: both;
    float: left;
    margin: 0 0 40px 151px;
}

#Login_Controller #ForgotPassword a{
    color: #615e5e;
    text-decoration: underline;
    font-size: 14px;
    clear: both;
    float: left;
}

#Security #MemberLoginForm_LoginForm #Remember.field{
    margin-left: 140px;
}

#Remember input.checkbox{
    float: left;
    width: auto;
}

/* Login Admin Button */
#Security #MemberLoginForm_LoginForm .Actions{
    float: left;
    margin-left: 140px;
}
#Security #MemberLoginForm_LoginForm .Actions input[type="submit"]{
    width: 123px;
    background-color: #9f9f9f;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 20px 20px 0;
    border-radius: 0;
    padding: 5px 0;
    float: left;
}
#MemberLoginForm_LoginForm #ForgotPassword a{
    color: #615e5e;
    text-decoration: underline;
    font-size: 14px;
    clear: both;       
}


/* ================================== Login ================================== */

#booking h1{
    color: #504d4e;
}

#dark-foreground h1,
#dark-foreground p,
#dark-foreground a{
    color: #504d4e;
}

#booking .left {
    text-align: right;
}


/* ================================== Booking ================================== */

.form-section form ul{list-style:none; padding:0; margin:0;}
.form-section form ul li{padding:0 0 9px 0; margin:0;}
.form-section form ul li label{display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#6b6363;width:112px; text-align:right; margin:0 30px 0 0;}
.form-section form ul li input{width:335px; padding:5px 0 6px; background:#ebebeb; outline:none; border:0; display:inline-block; margin:0 0 0 3px;}
.form-section form ul li select{width:324px; padding:10px 0 11px 0; background:#ebebeb; outline:none; border:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#6b6363; display:inline-block;}
.form-section form ul li select.tit{width:80px;}

/* PaymentReceipt on BookingPage */
.typography .white-page.booking-result-wrap li,
.typography .booking-result-wrap li{
    list-style: none;
    font-size: 18px;
    color: #00547c;
}

.typography .booking-result-wrap h2.thank-you {
    margin-top:20px;
}

.typography .payment-receipt-left{
    float: left;
    text-align: right;
    padding: 0 20px;
    margin: 0;
    background-color: #b7d5df;
}
.payment-receipt-left li{
    font-weight: 700;
}
.typography .payment-receipt-right{
    float: left;
    text-align: left;
    padding: 0 20px;
    margin: 0;
    background-color: #e9f2f5;
}

#BookingForm_BookingForm img{
    float: left;
    margin: 40px 10px 0 140px;
}

#BookingForm_BookingForm #PaymentMethod.field{
    margin: 40px 0 0 0;
}

#BookingForm_BookingForm_PaymentMethod{
    margin:0 0 0 0;
}

#BookingForm_BookingForm_PaymentMethod li{
    margin: 0;
	list-style:none;
	line-height:20px;
	background-color: transparent;
    display: block;
}

#BookingForm_BookingForm_PaymentMethod li .radio{
    margin-top: 6px;
}

#BookingForm_BookingForm #AgreeToTerms {
	margin-left:0;
}

#BookingForm_BookingForm #AgreeToTerms input {
	margin-left:140px;
}

#BookingForm_BookingForm #AgreeToTerms label {
	font-size:15px;
    width: auto;
    text-align: left;
}

#BookingForm_BookingForm #AgreeToTerms a {
	color:inherit;
	text-decoration:underline;
	font-size:15px;
	display:inline;
}

/*#BookingForm_BookingForm .error {
	left:auto;
	right:-180px;
}*/

.valPaymentExpressPxPay.odd{
    background-color: transparent;
}

#BookingForm_BookingForm #AgreeToTerms{
    width: 100%;
    max-width: 100%;

}


/* ================================== Contact ================================== */

#contact h1{
    color: #504d4e;
}

.contact-box-wrapper{
    clear: both;
}

.contact-box{
    float: left;
    margin: 0 40px 40px 0;
    color: #504d4e;
    font-family: "myriad-pro-condensed", sans-serif;
    min-height: 355px;
}

.contact-box div{
    width: 222px;
    height: 222px;
}

.contact-box div img{
    width: 100%;
    height: auto;
}

.contact-box .details{
    width: auto;
    height: auto;
}

.typography .contact-box h3{
    font-weight: 700;
    font-size: 28px;
    margin: 10px 0 20px 0;
    color:#504d4e;
}

.typography .contact-box ul{
    padding: 0;
    margin: 0;
    float: left;
}

.contact-box .details ul:last-child{
    margin-left: 10px;
}

.general-info ul:nth-child(2){
    margin-right: 20px;
}

.typography .contact-box li,
.typography .contact-box table td,
.typography .contact-box table th,
.typography .contact-box td a{
    list-style: none;
    font-family: "myriad-pro-condensed", sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    vertical-align: top;
    text-align: left;
}
.typography .contact-box li strong,
.typography .contact-box table strong{
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 700;
}

.contact-box .general-info{
    clear: both;
    background-color: transparent;
    width: auto;
}

.contact-form{
    clear: both;
    width: 430px;
    color: #504d4e;
    float: left;
    margin-top: 20px;
}

.contact-form p{
    font-style: italic;
    color:#504d4e !important;
}

.contact-form ul{
    padding: 0;
}

.contact-form li{
    margin: 20px 0;
    display:  block;
    clear: both;
}

.contact-form input,
.contact-form textarea{
    clear: both;
    float: left;
    width: 100%;
}

.contact-form textarea{
    min-height: 217px;
}

.contact-form label{
    float: left;
    margin-bottom: 5px;
}

.contact-form input[type=submit]{
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #504d4e;
    text-transform: uppercase;
    width: 83px;
    /*padding: 7px 0 4px 0;*/
    padding: 5px 10px;
    float: left;
    margin-top: 20px;
    background-color: #ebebeb;
    border-radius: 0;
}

.contact-box table tr th{
    padding-right: 10px;
}


/* ================================== Shopcart 1 ================================== */

body.blue{
    background-color: #00557d;
}

#shopcart.section{
    /*background-color: #00557d;*/
}

.shopcart-wrapper{
    background-color: #fff;
}

.shopcart-contents{
    width: 814px;
    margin: 0 auto;
    padding: 24px 0;
    position: relative;
}
.shopcart-contents .Actions{
    margin-bottom: 0px;
}

.stages-m{
    display: none;
}

.stages{
    background-color: #00547c;
    border-radius: 25px 0;
    margin-bottom: 50px;
    height: 62px;
}

.stages ul{
    margin: 0;
	padding:0;
    height: 100%;
}

.stages li{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    /*padding: 20px 0;*/
	position: relative;
    width: 25%;
    float: left;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
    height: 100%;
}

.stages li:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%;
}

.stages span.text {
    vertical-align: middle;
    display: inline-block;
}

#shopcart .messagebox{
	background-color: #e9f2f5;
	width: 100%;
	margin-bottom: 20px;
	clear: both;
	color: #00547c;
	font-weight: 300;
	position: relative;
}

#shopcart .messagebox p{
	padding: 10px;
}

.stages .cart-selected {
    background-color: red;
}

.stages li:first-child{
    margin-left: 0;
	border-radius: 25px 0 0 0;
	width: 20%;
}

.stages li:last-child{
	margin-right: 0;
	border-radius: 0 0 25px 0;
    float: right;
    width: 30%;
}

.stages li .arrow {
	position: absolute;
	width: 0;
	height: 0;
	bottom: -20px;
	left: 50%;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid red;
	margin-left: -20px;
}

.shopcart-btn{
    float: right;
    margin-bottom: 20px;
}

.continue-btn{
    background-color: #00547c;
    padding: 6px 30px;
    border-radius: 15px 0;
    float: left;
    text-transform: uppercase;
    font-size: 16px;
    margin-right: 14px;
	border:0;
}

#hear-about-us-form{
	float: left;
    width:100%;
    margin-bottom:1em;
}

#hear-about-us-form *{
    -webkit-appearance: none;
}

#hear-about-us-form .left{
    border: 1px solid #00547c;
    font-size: 16px;
    font-family: "myriad-pro", sans-serif;
    font-weight: 400;
    padding-left: 5px;
    margin-right: 4%;
    width: 48%;
    float:left;
}

#hear-about-us-form .right{
    border: 1px solid #00547c;
    font-size: 16px;
    font-family: "myriad-pro", sans-serif;
    font-weight: 400;
    padding-left: 5px;
    width: 48%;
    float:right;
}


.continue-btn2{
    background-color: #b7d5df;
    padding: 6px 30px;
    border-radius: 15px 0;
    float: left;
    text-transform: uppercase;
    font-size: 16px;
    color: #00547c;
	border:0;
}

a.checkout-btn{
    background-color: #bfd4de;
    padding: 6px 30px;
    border-radius: 15px 0;
    float: left;
    text-transform: uppercase;
    font-size: 16px;
    color: #00547c;
}

.shopcart-table{
    clear: both;
    width: 100%;
    margin: 20px 0;
    text-align: left;
    color: #00547c;
    font-size: 15px;
}

.shopcart-table thead,
.shopcart-table tfoot{
    background-color: #e9f2f5;
    color: #00547c;
    font-weight: 600;
}

.shopcart-table td,
.shopcart-table th{
    padding: 10px 12px;
    vertical-align: top;
}

.shopcart-table td.product{
    width: 120px;
    padding-right: 62px;
}

/*td.product img{
    width: 100%;
}*/

.product-name{
    clear: both;
    margin: 8px 0 0 0;
}

.quantity a{
    color: #00547c;
    font-weight: 700;
    float: left;
    padding: 0 5px;
}

.quantity input{
    width: 60px;
    float: left;
}

.delete-m{
    display: none;
}

td.delete a{
    color: #00547c;
}

td.delete{
    text-align: right;
}

td.delete img{
    display: none;
}

.policy{
    clear: both;
    float: left;
    background-color: #e9e9e9;
    border-radius: 20px 0;
    padding-left: 15px;
    margin-top: 40px;
}

.policy p{
    color: #605f5f;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    background: url(../images/policy.png) no-repeat left center;
    padding: 8px 0 2px 40px;
    margin: 14px 0 20px 20px;
}

.policy ul{
    background-color: #dedede;
    border-radius: 20px 0;
    padding: 8px;
    margin: 0;
    clear: both;
    float: right;
}

.policy li{
    display: inline-block;
    margin: 0 14px;
}

.policy a{
    color: #605f5f;
    text-transform: uppercase;
    display: inline-block;
}

.button input,
a.button{
    border: 0;
    border-radius: 15px 0;
    background-color: #b7d5df;
    color: #00547c;
    /*padding: 7px 40px;*/
    padding: 6px 30px;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}

a.button {
    height: 19px;
    padding: 5px 30px 7px 30px;
    font-weight: 400;
}

/* participant form */
#InvoiceForm_InvoiceForm .CompositeField,
#ParticipantForm_ParticipantForm .CompositeField {
    width:100%;
    max-width: 100%;
}

#hear-about-us-form select,
#InvoiceForm_InvoiceForm select,
#ParticipantForm_ParticipantForm select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

#InvoiceForm_InvoiceForm .CompositeField div.field select,
#ParticipantForm_ParticipantForm .CompositeField div.field select {
    height: 32px;
}

#InvoiceForm_InvoiceForm #Title{
	display: block;
}

#InvoiceForm_InvoiceForm *{
    -webkit-appearance: none;
}

#ParticipantForm_ParticipantForm *{
    -webkit-appearance: none;
}

#ParticipantForm_ParticipantForm fieldset{
	width: 100%;
}

#InvoiceForm_InvoiceForm fieldset > .CompositeField, #InvoiceForm_InvoiceForm fieldset > h3,
#ParticipantForm_ParticipantForm fieldset > .CompositeField, #ParticipantForm_ParticipantForm fieldset > h3{
	display: block;
}

#ParticipantForm_ParticipantForm .CompositeField{
    margin:0;
}

#ParticipantForm_ParticipantForm .CompositeField .no-margin-top{
    margin-top:0 !important;
}

#ParticipantForm_ParticipantForm .CompositeField .no-margin-bottom{
    margin-bottom:0 !important;
}

#InvoiceForm_InvoiceForm label.error,
#InvoiceForm_InvoiceForm .field label.error,
#ParticipantForm_ParticipantForm label.error,
#ParticipantForm_ParticipantForm .field label.error{
    min-width: 100px;
    left: auto;
    right: -10px;
}

#InvoiceForm_InvoiceForm select.required,
#ParticipantForm_ParticipantForm select.required{
    background-color: #ffffff;
    border-color: none;
    color: #222;
}

#InvoiceForm_InvoiceForm .CompositeField:nth-child(1),
#InvoiceForm_InvoiceForm .CompositeField:nth-child(1) #Attending,
#InvoiceForm_InvoiceForm .CompositeField:nth-child(1) #Attending label,
#InvoiceForm_InvoiceForm .CompositeField:nth-child(1) #UseOtherShipping,
#InvoiceForm_InvoiceForm .CompositeField:nth-child(1) #UseOtherShipping label
{
    margin-bottom:0;
}

#InvoiceForm_InvoiceForm .CompositeField.extra-shipping,
#InvoiceForm_InvoiceForm .CompositeField.extra-shipping #DifferentFirstName,
#InvoiceForm_InvoiceForm .CompositeField.extra-shipping #DifferentSurname
{
    margin-top:0;
}

#InvoiceForm_InvoiceForm .CompositeField.extra-shipping #DifferentState,
#InvoiceForm_InvoiceForm .CompositeField.extra-shipping #DifferentCountry
{
    margin-bottom:0;
}
#InvoiceForm_InvoiceForm .CompositeField.extra-shipping > h4{
    margin: 1em 0;
    margin-top:0;
}

#InvoiceForm_InvoiceForm .CompositeField div.checkbox{
	display: inline-block;
	border: solid 0px #00547c !important;
	width: 48%;
}

#InvoiceForm_InvoiceForm .CompositeField div.left,
#ParticipantForm_ParticipantForm .CompositeField div.left{
	display: inline-block;
	border: solid 1px #00547c;
	width: 48%;
    height: 34px;
}

#InvoiceForm_InvoiceForm .CompositeField div.right,
#ParticipantForm_ParticipantForm .CompositeField div.right{
	display: inline-block;
	border: solid 1px #00547c;
	width: 48%;
	float: right;
    height: 34px;
}

#InvoiceForm_InvoiceForm .CompositeField div.long,
#ParticipantForm_ParticipantForm .CompositeField div.long{
	border: solid 1px #00547c;
	width: 100%;
}

#InvoiceForm_InvoiceForm .CompositeField div.long textarea,
#ParticipantForm_ParticipantForm .CompositeField div.long textarea{
	font-family: sans-serif;
}

#InvoiceForm_InvoiceForm .CompositeField,
#ParticipantForm_ParticipantForm .CompositeField {
	margin: 7px 0 20px;
}

#InvoiceForm_InvoiceForm .CompositeField div.field,
#ParticipantForm_ParticipantForm .CompositeField div.field {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 7px 0 8px;
}

#InvoiceForm_InvoiceForm .CompositeField div.field select,
#ParticipantForm_ParticipantForm .CompositeField div.field select{
	width: 100%
}
/* ================================== Shopcart 2 ================================== */

.delivery-form .Actions {
	text-align:right;
	margin-top:20px;
}

.delivery-form .Actions * {
	float:none;
}

.col{
    width: 230px;
    float: left;
    margin-right: 62px;
}

.col .field {
	margin-bottom:10px;
}

.col-3{
    margin-right: 0;
}

.register-box .col-heading,
.col h3 {
    font-size: 16px;
    text-align: center;
    width: 100%;
    border-radius: 15px 0;
    background-color: #b7d5df;
    color: #00547c;
    padding: 7px 0;
    margin: 6px 0;
	font-weight:normal;
	font-family:'myriad-pro', Arial, sans-serif;
}

.col-content{
    background-color: #e9f2f5;
    width: 210px;
    padding: 10px;
    clear: both;
    color: #00547c;
    font-weight: 300;
    min-height: 300px;
    position: relative;
}

.col-content p{
    margin: 0;
}

.shopcart2 .col-2 .col-content ul{
    padding: 0;
    margin: 0;
}

.col-content li,
.col-content li span{
    color: #00547c !important;
    font-weight: 300;
}

.col-content .cart-form{
    margin: 12px 0;
}

.col-content .cart-form input{
    width: 199px;
    border: none;
    padding: 5px;
}

.cart-form .form-row{
    height: inherit;
    margin: 0 0 8px 0;
}

.remember-login{
    text-align: right;
    color: #00547c;
    clear: both;
}

.col-content .forgotten-pw{
    color: #00547c;
    margin: 14px 0;
}

.col-content .button{
    margin: 0;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.col-1 a.continue-btn{
    clear: both;
    float: none;
    margin-top: 15px;
    margin-right: 0;
    width: 100%;
    padding: 6px 0;
    text-align: center;
}

.col-3 a.continue-btn{
    display: none;
}

ul.col-register{
    padding: 0;
    margin: 0;
}

ul.col-register li{
    margin-bottom: 8px;
}

ul.col-register strong{
    font-weight: 600;
}

/* Register box */
.register-box{
    width: 340px;
    background-color: rgba(35,31,32,.85);
    position: absolute;
    left: 640px;
    top: 200px;
    padding: 15px 30px;
}

.register-box .col-heading{
    width: 325px;
    margin: 0 auto;
    text-align: left;
    padding-left: 15px;
    text-transform: uppercase;
}

.register-box .col-heading a{
    float: right;
    padding-right: 20px;
    font-weight: 700;
}

.register-form-wrapper{
    clear: both;
    color: #fff;
}

.register-form{
    clear: both;
}

ul.register-form{
    padding: 0;
}

.register-form li{
    clear: both;
    display: block;
    margin: 10px 0;
    height: 25px;
}

.register-form label,
.register-form input,
.register-form select{
    float: left;
}

.register-form input.text{
    float: right;
    width: 180px;
}

.register-form .checkbox input {
	float:left;
	position:relative;
	bottom:-5px;
	margin-right:5px;
}

.register-form .checkbox{
    margin: 30px 0;
}

.register-form .checkbox label {
	float:none;
    font-size: 12px;
}

.register-form select{
    float: right;
    width: 180px;
    height: 31px;
}

.register-form-wrapper .newsletter{
    clear: both;
    float: left;
}

.register-form-wrapper .newsletter p{
    float: left;
    width: 160px;
    margin: 0 0 0 10px;
}

.register-form-wrapper .button{
    float: right;
    clear: none;
}

.register-form-wrapper .button input{
    padding: 7px 30px;
}

.overlay{
    background-color: rgba(35,31,32,.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
/* Register box */

#ShoppingCart-m{
    display: none;
}

#ShoppingCart{
    position: absolute;
    top: -115px;
    left: 160px;
    color: #00547c;
    font-size: 14px;
}

#ShoppingCart ul{
    padding: 0;
    margin: 0;
}

#ShoppingCart ul li{
    padding: 3px 14px;
    display: block;
    width: 140px;
}

#ShoppingCart ul li a{
    color: #00547c;
}

#ShoppingCart ul li.cart-header{
    background: url(../images/cart.png) no-repeat 131px center #b7d5df;
    background-size: 28px auto;
    border-radius: 10px 0 0 0;
}

#ShoppingCart ul li.cart-checkout{
    background-color: #b7d5df;
    border-radius: 0 0 10px 0;
}

#ShoppingCart ul li.cart-items,
#ShoppingCart ul li.cart-total{
    background-color: #e9f2f5;
}

/* ================================== Shopcart 3 ================================== */

.shopcart3 .col-content{
    /*min-height: 430px;*/
}

.cart-form .newsletter{
    margin-top: 25px;
}

.newsletter input[type=checkbox]{
    float: left;
    width: 18px;
    margin-top: 5px;
}

.cart-form .newsletter p{
    float: right;
    width: 182px;
}

.cart-form select{
    clear: both;
    width: 100%;
    border: 0;
    height: 29px;
}

.delivery-option{
    clear: both;
    margin: 15px 0;
    min-height: 50px;
    padding: 0;
}

.delivery-option .even{
    background-color: transparent;
}

.delivery-option ul.optionset {
	margin: 0;
	padding: 0;
}

.delivery-option .optionset input[type=radio]{
    float: left;
    margin-top: 4px;
}

.delivery-option label{
    float: left;
    margin-bottom: 20px;
    width: 190px;
}

.delivery-option .optionset label {
    float: left;
    width: 182px;
}

#Courier li{
    display: inline-block;
}

.promo{
    float: right;
    clear: both;
    margin-top: 18px;
}

.promo-code{
    background-color: #00547c;
    border-radius: 15px 0;
    width: 330px;
    float: right;
    margin-top: 24px;
}

form .promo-code label.left{
    color: #fff;
    float: left;
    margin: 0 10px 6px 12px;
}

form .promo-code input{
    float: left;
    width: 110px;
    margin: 5px;
}

#CouponCode{
    float: left;
    margin: 10px 0;
}

#CouponCode .middleColumn{
    position: static;
}

#CouponCode{
    float: left;
    margin: 10px 0;
}

.promo .button{
    float: left;
}

.valDirectCredit.even{
    background-color: transparent;
}


/* ================================== Shopcart 4 ================================== */
.shipping-row{
    font-size: 13px;
}

.shopcart4 .col-content p{
    margin-bottom: 10px;
}

.shopcart4 .payment-logo {
	float:left;
	margin:20px 0 0 20px;
	width:200px;

}

.shopcart4 .payment-logo img {
	max-width:100%;
	height:auto;
}

#AgreeToTerms {
	margin-left:260px;
	max-width: 375px;
}

.searchResults p, .searchResults a{
    color:#222;
}

.visa-option{
    clear: both;
    background-color: #e9f2f5;
    color: #00547c;
    float: left;
    margin-top: 20px;
    width: 100%;
    padding: 10px 0;
}

.visa-option img{
    float: left;
    margin: 10px 0 0 10px;
}

.visa-option .right{
    float: left;
    width: auto;
    margin: 10px 0 0 30px;
}

.visa-option .right div{
    clear: both;
    float: left;
    margin-bottom: 20px;
}

.visa-option .right p strong{
    font-size: 15px;
    font-weight: 600;
}

.visa-option .right p{
    font-size: 14px;
}

.visa-option .right input{
    float: left;
    width: auto;
    margin: 4px 10px 0 0;
}

.visa-option .right p{
    float: left;
    width: 400px;
    margin: 0;
}

.visa-option .button{
    float: right;
    margin: 110px 10px 0 0;
}

div.field.direct-credit-memo{
    margin-top: -30px;
    display: inline-block;
}

label.direct-credit-label{
    float: left;
    width: 320px;
    margin-left: 280px;
}


/* ================================== Shopcart 5 ================================== */
.shopcart-list{
    display: none;
}

.side-menu{
    float: left;
    width: 175px;
    background-color: #00547c;
    border-radius: 15px 0;
    margin-right: 20px;
}

.side-menu ul{
    margin: 0 0 0 20px;
    padding: 20px 0;
}

.side-menu li{
    padding: 3px;
    display: block;
}

.shopcart-right{
    float: left;
    width: 619px;
}

.order-numb{
    font-size: 20px;
    color: #00547c;
    margin: 0;
}

.button-top{
    height: 38px;
    margin-top: 30px;
}

a.button2{
    color: #00547c;
    text-transform: uppercase;
    background: url(../images/button2-arrow.png) no-repeat 10px center #b7d5df;
    padding: 2px 10px 2px 30px;
    float: left;
    margin-right: 24px;
    display: inline-block;
    margin-top: 12px;
    width: 100px;
    text-align: right;
}

a.view-cart-btn{
    color: #00547c;
    background: url(../images/cart.png) no-repeat 162px center #b7d5df;
    background-size: 28px;
    float: right;
    padding: 8px 50px 8px 12px;
    border-radius: 15px 0;
}

.table-row{
    clear: both;
}

.table-row h5,
.middle-row h5{
    font-size: 18px;
    font-family: "myriad-pro", sans-serif;
    color: #00547c;
    font-weight: 400;
    margin: 24px 0 10px 0;
}

.shopcart5 .shopcart-table{
    margin: 0;
    font-size: 16px;
}

.shopcart5 .shopcart-table thead{
    background-color: #b7d5df;
}

.shopcart5 .shopcart-table tbody{
    background-color: #e9f2f5;
}


.shopcart5 .shopcart-table tfoot{
    background-color: #dae9ee;
    border-top: 1px dotted #00547c;
}

p.order-firmation-message {
    font-size: 19px;
}

.invoice-detail {
	margin-top: 20px;
}

.middle-row{
    clear: both;
    border-top: 1px dotted #00547c;
    border-bottom: 1px dotted #00547c;
    height: 160px;
    margin: 20px 0;
    font-size: 15px;
    color: #00547c;
}

.middle-row div{
    float: left;
}

.middle-row h5{
    margin-top: 12px;
}

.middle-row .shipping-address{
    float: right;
}

.middle-row ul{
    float: left;
    padding-left: 0;
    margin: 0;
}

.middle-row ul:nth-child(2){
    text-align: right;
    margin-right: 20px;
}

.shipping-address h5{
    text-align: right;
}

.payment-details{
    text-transform: uppercase;
    font-weight: 600;
}

.card-types{
    clear: both;
    float: left;
    margin-top: 60px;
}

.button2.print{
    position: static;

}

/* ================================== Shopcart 6 ================================== */

h5{
    font-size: 20px;
    font-family: "myriad-pro", sans-serif;
    color: #00547c;
    font-weight: 400;
    margin: 0 0 10px 0;
}

.shopcart6 .shopcart-right,
.shopcart7 .shopcart-right{
    position: relative;
}

.shopcart-right h5:nth-child(2){
    margin: 20px 0 22px 0;
}

.shopcart6 .button-top,
.shopcart7 .button-top{
    position: absolute;
    right: 10px;
    top: 60px;
    margin: 0;
}

.shopcart6 .form-section form{
    margin: 30px 0;
}

.shopcart6 .form-section form ul li label{
    text-align: left;
    color: #000;
    font-size: 16px;
    width: 135px;
    margin: 0 50px 0 0;
}

.shopcart6 .form-section form ul li input,
.shopcart6 .form-section form ul li select{
    background-color: #e9f2f5;
    width: 428px;
}

.save-changes{
    width: 105px;
    float: right;
    clear: both;
}

/* ================================== Shopcart 7 ================================== */

.shopcart-right h5:nth-child(2){
    margin-top: 70px;
}

.completed,
.incompleted{
    text-transform: uppercase;
}

.odd{
    background-color: #e9f2f5; 
}

.even{
    background-color: #f4f9fa; 
}


.shopcart7 .shopcart-table td{
    height: 30px;
    padding: 0 10px;
    vertical-align: middle;
    font-size: 14px;
}

.shopcart7 .shopcart-table th{
    font-size: 16px;
    height: 30px;
    padding: 0 10px;
    vertical-align: middle;
}

.shopcart7 .shopcart-table thead{
    background-color: #b7d5df;
}

table a{
    color: #00547c;
}

.shopcart-table-m{
    display: none;
}

input#AccountForm_AccountForm_action_updateAccount,
input#PasswordForm_PasswordForm_action_updatePassword{
    margin: 10px 0 30px 189px;
}

#AccountForm_AccountForm select[name=Country]{
    padding: 6px 0;
    margin-left: 3px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/arrow-dropdown-2.png) no-repeat right center #e9f2f5;
    background-size: auto 100%;
    cursor: pointer;
}


/* ================================== Footer ================================== */

footer{
    background-color: rgba(0,0,0,0.2);
    height: 45px;
    width: 100%;
    position: fixed;
    bottom: 0;
}

footer ul{
    float: right;
    margin: 0;
    padding: 11px 0;
}

footer li{
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 400;
    display: inline-block;
    margin-right: 22px;
    font-size: 15px;
    color: #fff;
}


.ie .menu-top .search input,
.ie10 .menu-top .search input{
    height: 20px;
}

.hide-question-fields input{
    visibility:hidden;
}

.hide-question-fields label{
    visibility:visible;
}

/* ================================== Survey Page ================================== */
#SurveyForm_SurveyForm ul{
    clear: both;
}

#SurveyForm_SurveyForm legend{
    font-family: "myriad-pro", sans-serif;
    font-size: 20px;
    font-weight: 700; 
    text-transform: uppercase;
    margin: 0;
    color: #504d4e;
}

#SurveyForm_SurveyForm fieldset{
    margin-bottom: 50px;
}

#SurveyForm_SurveyForm fieldset:nth-child(3){
    margin-bottom: 0;
}

.instruction{
    display: block;
    width: 656px;
}

.instruction2{
    display: block;
    padding-bottom: 30px;
}

.instruction p{
    float: left;
    margin-top: 0;
}

.typography blockquote.rates{
    background-color: #888;
    position: relative;
    display: block;
    max-width: none;
    float: left;
    margin-top: 0;
    margin-bottom: 35px;
    margin-left: 555px;
}

.typography blockquote.rates ul{
    padding: 0;
    margin: 0;
    display: inline-block;
}

.typography blockquote.rates li{
    list-style: none;
    color: #fff !important;
    display: inline-block;
    font-size: 15px;
    margin: 10px 16px 10px 0;
}

.typography blockquote.rates li:last-child{
    margin: 10px 0 10px 0;
}

.rates .speech-arrow{
    width: 0; 
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;    
    border-left: 50px solid #888;
    position: absolute;
    bottom: -20px;
    left: 42px;
    z-index: 5;    
}

#ExitSurveyPopup{
	width: 600px;
	height: auto;
	background-color: #888;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	padding: 20px;
	z-index: 200;
}

.popup-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(35,31,32,.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
	display: none;
}

#SurveyForm_SurveyForm{
    clear: both;
    float: left;
    position: relative;
}

#SurveyForm_SurveyForm li,
.typography #SurveyForm_SurveyForm li{
    list-style: none;
    display: block;
    margin: 5px;
    position: relative;
}

#SurveyForm_SurveyForm blockquote li{
    display: inline-block !important;
}

#SurveyForm_SurveyForm li .error{
    bottom: 0;
    left: 60px;
    top: inherit;
    margin-bottom: 20px;
}

.survey-list{
    width: 44px;
    height: 44px;
    background-color: #ddd;
    float: left;
    display: inline-block;
    margin-right: 25px;
}

.survey-box-wrapper{
    float: left;
    display: inline-block;
}

.survey-box{
    width: 44px;
    height: 44px;
    background-color: #ddd;
    float: left;
    display: inline-block;
    margin-left: 18px;
    cursor: pointer;
}

.survey-box.selected{
    width: 40px;
    height: 40px;
    border: 2px solid #000;
    background: url(../images/survey-tick.png) no-repeat center center #fff;
}

.survey-box.selected span{
    display: none;
}

.survey-list span{
    font-weight: 700;
    font-size: 28px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    line-height: 40px;
}

#survey .survey-table{
    display: block;
    width: 75%;
}

#survey .survey-table tr td{
    padding: 10px 40px 10px 17px;
    width: 85%;
    margin: 5px 0;
}
#survey .survey-table .heading-row{
    background-color: #eeeeee;
}

#survey .survey-table .heading-row h4{
    color: #1f1f1f;
    font-size: 22px;
}

#survey .survey-table .image-column{
    padding: 0px;
    padding-left: 10px;
    width: 20%;
    width: 100px;
    height: 100px;
    min-width: 100px;
    max-width: 100px;
}

#survey .survey-table .title-status {
    display:none;
    visibility: hidden;
}

#survey .survey-table .Open,
#survey .survey-table .Completed{
    color: #7caf00;
}

#survey .survey-table .Incomplete{
    color: orange;
}

#survey .survey-table .Closed{
    color: #c51131;
}

#survey .survey-table .content-row{
    background-color: white;
}

#survey .survey-table .has-link:hover{
    cursor: pointer;
}

#survey .survey-table .content-row-Open:hover{
    background-color: #f6f6f6;
    border-left:5px solid #7caf00;
}

#survey .survey-table .content-row-Incomplete:hover{
    background-color: #f6f6f6;
    border-left:5px solid orange;
}

#survey .survey-table .content-row-closed,
#survey .survey-table .content-row-Completed{
    background-color: #F8F8F8;
    color:grey;
    font-style:italic;
}

#survey .survey-table .content-row-Complete:hover,
#survey .survey-table .content-row-Completed:hover{
    background-color: #f6f6f6;
    border-left:5px solid #7caf00;
}

#survey .survey-table .content-row-closed:hover{
    background-color: #f6f6f6;
    border-left:5px solid #c51131;
}



#SurveyForm_SurveyForm li p{
    float: left;
    display: inline-block;
    width: 462px;
    margin: 9px 0;
}

#SurveyForm_SurveyForm label{
    display: inline-block;
}

#SurveyForm_SurveyForm label.message.required{
    left: 46px;
    top: -19px;
}

#SurveyForm_SurveyForm #RatingForm label.message.required {
    left: auto;
    top: 0;
    right: 0;
    width: 260px;
}

#SurveyForm_SurveyForm #TextForm label.message.required {
    left: auto;
    right: 0;
    top: auto;
    bottom: -7px;
}

#SurveyForm_SurveyForm textarea{
    height: 127px;
    background-color: #ddd;
    margin-bottom: 5px;
}

#SurveyForm_SurveyForm input[type="submit"]{
    background-color: #B8B8B8;
    font-weight: 700;
    font-size: 16px;
    border: none;
    border-radius: 0;
    color: #504d4e;
    margin-bottom: 20px;
    margin-right: 10px;
}

#SurveyForm_SurveyForm .middleColumn{
    margin-bottom: 40px;
}

#SurveyForm_SurveyForm .middleColumn .error{
    left: 0;
    bottom: -10px;
    top: inherit;
}

.survey-box-numb{
    margin-left: 550px;
}

.survey-box-numb li{
    display: inline-block;
    font-weight: 700;
    width: 44px;
    height: 44px;
    margin-left: 18px !important;
    text-align: center;
}


.survey-box span{
    text-align: center;
    display: block;
    margin-top: 10px;
    color: #999;
}





/* flip box test */
.services-box-test {
    display:block;
    position:relative;
    float:left;
    width: 222px;
    height: 222px;
    margin: 30px 30px 0 0;
}

.services-box-test .title{
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 26px;
    font-weight: 600;
    font-family: "myriad-pro-condensed", sans-serif;
    margin: 0;
    width: auto;
    line-height: 30px;
    color: rgba(255,255,255,.35);
}
.services-box-test .title2{
    color: #6b0d00;
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 26px;
    font-weight: 600;
    font-family: "myriad-pro-condensed", sans-serif;
    margin: 0;
    width: auto;
    line-height: 30px;
}

.services-box-test .icon,
.services-box-test .icon2{
    position: absolute;
    top: 10px;
    right: 20px;
    display: block;
    width: 64px;
    height: 54px;
    background: url(../images/icon_induction.png) no-repeat -21px 0;
}

    .thumb-wrapper {
        display:block;
        width:100%;
        height:100%;

    }
    /*.services-box-test img {
        width:100%;
        height:100%;
        position:absolute;
        display:block;       
                
    }*/

    .services-box-test .thumb-detail{
        background-color: #7a261b;
        display:block;
        width:100%;
        height:100%;
        position:absolute;
    }
    
    .services-box-test .thumb-detail-2 {
        display:block;
        width:100%;
        height:100%;
        position:absolute;            
        background:#fff;  
        color: #6b0d00;      
    }
        
/*
* Without CSS3 Scroll Up Effect
*/
.services-box-test.scroll {
    overflow: hidden;
}    
    .services-box-test.scroll .thumb-detail-2 {
        bottom:-280px;
    }


.services-box-test.flip {
    -webkit-perspective:800px;      
           -moz-perspective:800px;
            -ms-perspective:800px;              
             -o-perspective:800px;
                perspective:800px;
}
    .services-box-test.flip .thumb-wrapper {
        -webkit-transition: -webkit-transform 1s;
               -moz-transition: -moz-transform 1s;
                -ms-transition: -moz-transform 1s;
                 -o-transition: -moz-transform 1s;
                    transition: -moz-transform 1s;
            -webkit-transform-style: preserve-3d;
               -moz-transform-style: preserve-3d;           
                -ms-transform-style: preserve-3d;           
                 -o-transform-style: preserve-3d;           
                      transform-style: preserve-3d;                 
    }
    
    .services-box-test.flip .thumb-detail-2 {
        -webkit-transform: rotateY(-180deg);
               -moz-transform: rotateY(-180deg);
                -ms-transform: rotateY(-180deg);
                 -o-transform: rotateY(-180deg);
                    transform: rotateY(-180deg);                          
    }
    
    .services-box-test.flip .thumb-detail .title,
    .services-box-test.flip .thumb-detail,
    .services-box-test.flip .thumb-detail-2 {
        -webkit-backface-visibility: hidden;
               -moz-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                 -o-backface-visibility: hidden;
                    backface-visibility: hidden;
    }
    
    .services-box-test.flip .flipIt {
        -webkit-transform: rotateY(-180deg);
               -moz-transform: rotateY(-180deg);            
                -ms-transform: rotateY(-180deg);            
                 -o-transform: rotateY(-180deg);            
                    transform: rotateY(-180deg);              
    }


/* LOGIN LANDING PAGE */
#login-landing-page a.services-box2 {background-color: rgba(85,85,85,.8) !important; margin:0 30px 30px 0;}
#login-landing-page a.services-box2 .title {color: #444444 !important;}
#login-landing-page a.services-box2:hover {background-color: #555555 !important;}
#login-landing-page a.services-box2:hover .title {color: rgba(255,255,255,1) !important;}

p.welcome span {
    display:inline-block;
    background-color:#c50f30;
    border-radius:4px;
    line-height: 30px;
    height:30px;
    padding:0 12px 0 12px;
    font-size:16px;
    font-weight:600;
    color:#FFF;
    position: relative;
}

p.welcome span:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 20px;
    border-width: 12px 20px 0 0;
    border-style: solid;
    border-color: #c50f30 transparent;
    display: block;
    width: 0;
}

/*IE Warning Message*/
#IEWarning{
    z-index: 10000;
    position: absolute !important;
}

#IEWarning a{
    display: inline-block;
    color: #222;
}

.ie10 #AccountForm_AccountForm select[name=Country],
.ie9 #AccountForm_AccountForm select[name=Country]{
    background-image: none;
}

@-moz-document url-prefix() {
    #AccountForm_AccountForm select[name=Country] { background-image: none; }
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

a.terms-link {
    display: inline-block;
    color: #A39E9E;
    text-decoration: none;
}

a.terms-link:hover {
    text-decoration: underline;
}



/* ==========================================================================
   Form Validation
   ========================================================================== */
.field {
	position:relative;
}

label.error,
.field label.error,
.field label.message,
.message.required {
	position: absolute;
	left: 100%;
	top: -8px;
	background-color: #fff;
	border: 1px solid #d90909;
	box-shadow: rgba(63,63,63,0.25) 0 0 8px;
	padding: 8px 10px;
	margin: 0 0 0 10px;
	font-size: 14px;
	line-height: 13px;
	color: #d90909;
	z-index: 5;
	min-width:200px;
}

label.error span.arrow,
.field label.message span.arrow,
.field label.error span.arrow,
.message.required span.arrow {
	display: block;
	width: 15px;
	height: 11px;
	position: absolute;
	left: -13px;
	top: 10px;
	background: url(../images/invalid-message-arrow.png) no-repeat left top;
}


.form{
    clear: both;
}

ul.form{
    padding: 0;
}

.form li{
    clear: both;
    display: block;
    margin: 10px 0;
    height: 25px;
}

.form label,
.form input,
.form select{
    float: left;
}

.form input.text{
    float: right;
    width: 180px;
}

.form .checkbox input {
    float:left;
    position:relative;
    bottom:-5px;
    margin-right:5px;
}

.form .checkbox{
    margin: 30px 0;
}

.form .checkbox label {
    float:none;
    font-size: 12px;
}

.form select{
    float: right;
    width: 180px;
    height: 31px;
}

.form-wrapper .button{
    float: right;
    clear: none;
}

/* ==========================================================================
   Ajax loading
   ========================================================================== */
#AjaxLoader {
	background-color:rgba(0,0,0, 0.5);
}

#AjaxLoader #LoadingIcon {
	background:rgba(255, 255, 255, 0.8) url('../images/loading-icon.gif') no-repeat center center;
	width:64px;
	height:64px;
	padding:10px;
	border-radius:6px;
	position:fixed;
	left:49%;
	top:49%;
}


.top-message {
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #FFF;
    background-color:#d1e3a6;
    padding: 10px 20px;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: "";
    }

    abbr[title]:after {
        content: "";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.middle-row.participant-container {
    width: 100%;
}

.middle-row.participant-container > div {
    width: 50%;
}

.middle-row.participant-container > p {
    margin: 1em 0 0 0;
}

/****** FILE: themes/sigmoid/css/responsive.css *****/
@media only screen and (max-width: 1334px){

    html, body{
        height: 100%;
    }

    .section{
        width: 100%;
    }

    .container{
        /*width: 580px;*/
        padding-top: 70px;
        padding-right: 20px;
    }

    .logo{
        width: 250px;
        top: 80px;
    }

    .statement{
        margin: 0;
        top: 240px;
        left: 10px;
        width: 462px;
    }

    .statement h1{
        font-size: 50px;
        width: 423px;
        line-height: 51px;
    }

    .statement h1:first-child{
        width: 200px;
    }

    .statement h1:nth-child(2){
        width: 308px;
    }

    .statement p{
        font-size: 37px;
        line-height: 43px;
    }

    .menu-top-home{
        left: 10px;
        top: 20px;
    }

    .menu-top-home ul li:first-child{
        margin-left: 0;
    }

    .bg-top img{
        height: 100%;
    }

    a.logo-white{
        margin-top: 28px;
    }
    a.logo-white img{
        width: 100px;
    }

    /* ================================== About ================================== */

    .left-col{
        margin: 0;
        width: 100%;
    }

    .right-col{
        clear: both;
        width: 100%;
    }

    .print,
    .button2.print{
        display: none !important;
    }

    .breadcrumbs .back-to-previous{
        margin-right: 0;
    }


    /* ================================== Clients ================================== */

    .client-box-wrapper{
        width: 100%;
    }

    .client-box{
        width: 150px;
        height: 150px;
        margin: 0 27px 27px 0;
    }

    .team-box{
        width: 150px;
        height: 150px;
        margin: 0 27px 27px 0;
    }

    /* ================================== Booking ================================== */

    .form-section form ul li label{
        text-align: left;
    }

    /* ================================== Services ================================== */

    a.services-box{
        width: 158px;
        height: 158px;
        margin: 14px 14px 0 0;
    }

    a.services-box .title{
        font-size: 19px;
        line-height: 21px;
        bottom: 10px;
        left: 10px;
    }

    a.services-box2{
        width: 158px;
        height: 158px;
        margin: 14px 14px 0 0;
    }

    a.services-box2 .title{
        font-size: 19px;
        line-height: 21px;
        bottom: 10px;
        left: 10px;
    }


    /* ================================== Events ================================== */

    ul.event-list{
        margin-top: 0;
    }

    /*.typography .event-content ul li{
        margin-left: 15px;
    }*/

    .calender-pre,
    .calender-nxt{
        padding:0;
    }

    /* ================================== Store ================================== */

    .typography ul.tab-button{
        width: 100%;
    }

    .tab-contents{
        padding-left: 10px;
        padding-right: 10px;
    }

    .typography .tab-button li{
        padding-left: 20px;
        padding-right: 20px;
    }

    .items{
        margin: 0 auto;
        width: 67%;
    }

    .items .product{
        width: 141px;
        margin: 20px 24px 20px 0;
    }

    /* ================================== Store 2 ================================== */

    .product-contents{
        clear: both;
        margin: 100px 0 0 0;
        width: 100%;
    }

    .product-single .price{
        bottom: inherit;
        top: 150px;
        width: auto;
    }

    .product-single .price p strong{
        font-size: 34px;
    }

    .product-single .price a.buy-now,
    .product-single .price span.not-available
    {
        font-size: 30px;
        width: 97px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .typography .product-single img{
        width: 35%;
        min-width: 154px;
        max-width: 200px;
    }

    .shopcart-table tr td:last-child,
    .shopcart-table tr th:last-child{
        /*display: none;*/
    }

    #account .shopcart-table tr td:last-child,
    #account .shopcart-table tr th:last-child{
        display: table-cell;
    }

    .product-single a.add-to-cart{
        font-size: 28px;
    }

    /* ================================== Multimedia ================================== */

    /*a.multimedia-box{*/
        /*width: 165px;*/
        /*height: 165px;*/
        /*margin-right: 18px;*/
    /*}*/

    /*a.multimedia-box .title{*/
        /*font-size: 26px;*/
        /*top: 15px;*/
    /*}*/

    /*a.multimedia-box .icon{*/
        /*background-size: 75px;*/
        /*width: 100%;*/
        /*height: 92px;*/
        /*bottom: 12px;*/
    /*}*/

    a.multimedia-box.podcast{
        margin-right: 0;
    }

    .multimedia-p{
        clear: both;
        width: 100%;
        margin: 20px 0;
    }

    .video-list{
        margin: 20px;
        width: 192px;
    }

    .video-list iframe{
        width:100%;
        height:auto;
    }

    /*podcast*/
    .podcast-list li{
        height: auto;
        padding-top: 5px;
        display: block;
    }

    .podcast-list li span{
        display: none;
    }

    .podcast-list li p.author{
        clear: both;
    }

    .typography a.listen-btn{
        margin-top: 10px;
        position: static;
        clear: both;
    }
    /*podcast*/

    #multimedia select[name=Category] {
        max-width: 139px;
        min-width: 100px;
        width: 139px;
        background-position: 121px center;
    }


    /* ================================== Contact ================================== */

    .contact-box.general{
        margin-right: 0;
        clear: both;
        width: 380px;
    }

    .contact-box.general div{
        float: left;
        margin-right: 10px;
    }

    .contact-box .general-info{
        float: left;
        clear: none;
        background-color: transparent;
        height: 120px;
        margin-top: 40px;
    }

    .contact-box{
        margin: 0 36px 36px 0;
        min-height: 287px;
    }

    .contact-box ul,
    .contact-box table{
        font-size: 18px;
    }

    .contact-box p{
        font-size: 24px;
    }

    .contact-box div{
        width: 160px;
        height: 160px;
    }

    .typography .contact-box h3{
        font-size: 24px;
    }

    .typography .contact-box li,
    .typography .contact-box table th,
    .typography .contact-box table td,
    .typography .contact-box table td a{
        font-size: 18px;
        line-height: 28px;
    }

    /* ================================== Shopcart 1 ================================== */

    .shopcart-contents{
        width: 94%;
        padding: 24px 3%;
    }

    .shopcart-table td.product{
        width: 85px;
        padding-right: 20px;
    }

    .quantity input{
        width: 30px;
    }

    td.delete span{
        display: none;
    }

    td.delete img{
        display: block;
    }

    .policy li{
        margin: 0 10px;
        font-size: 13px;
    }

    /* ================================== Shopcart 2 ================================== */

    .col-wrapper{
        margin: 0 auto;
        width: 499px;
    }

    .col{
        margin-right: 0;
    }

    .col-1{
        margin-right: 39px;
    }

    .col-3{
        clear: both;
        width: 499px;
        margin-top: 20px;
    }

    .col-3 .col-content{
        width: 479px;
        min-height: 110px;
        display: inline-block;
    }

    .col-1 a.continue-btn{
        display: none;
    }

    .col-3 a.continue-btn{
        display: block;
        float: right;
        margin: 20px 0;
    }

    /* Register Box */
    .register-box{
        top: 250px;
        left: 270px;
    }
    /* Register Box */

    #ShoppingCart{
        right: 0;
        top: -111px;
        left: auto;
        width: 168px;
    }

    #ShoppingCart ul{
        width: 168px;
    }

    /* ================================== Shopcart 3 ================================== */

    .delivery-option{
        clear: none;
        float: left;
    }

    #CouponCode.readonly.text .middleColumn {
        float: left;
        width: 144px;
    }

    .delivery-option label{
        width: 460px;
    }

    /* ================================== Shopcart 4 ================================== */

    .visa-option .right p{
        width: 300px;
    }

    .visa-option .button{
        clear: both;
        margin-top: 0;
    }

	.shopcart4 .payment-logo {
		float: left;
		margin: 20px 0 0 20px;
		width: 100px;
	}

	#AgreeToTerms {
		margin-left: 160px;
		max-width: 320px;
	}

    label.direct-credit-label{
        margin-left: 180px;
        width: 270px;
    }
    /* ================================== Shopcart 5 ================================== */

    .shopcart-right{
        width: 100%;
        clear: both;
        margin-top: -25px;
    }

    .order-numb{
        text-align: right;
    }

    a.button2{
        font-size: 15px;
        width: 89px;
    }

    a.view-cart-btn{
        font-size: 15px;
        background-position: 155px;
    }

    .shopcart5 .shopcart-table{
        font-size: 15px;
    }

    .middle-row{
        height: 244px;
    }

    .middle-row div{
        width: 100%;
    }

    .middle-row .billing-details{
        margin-bottom: 12px;
    }

    .middle-row .shipping-address{
        clear: both;
        float: left;
        border-top: 1px dotted #00547c;
    }

    .shipping-address h5{
        text-align: left;
    }

    .middle-row ul:nth-child(2){
        text-align: left;
        margin-right: 30px;
    }

    /* ================================== Shopcart 6 ================================== */

    .shopcart6 .form-section form ul li input,
    .shopcart6 .form-section form ul li select{
        width: 308px;
    }

    .shopcart6 .button-top{
        top: 74px;
    }

    /* ================================== Shopcart 7 ================================== */

    .shopcart-right h5:nth-child(2){
        margin-top: 40px;
    }

    .shopcart7 .button-top{
        top: 24px;
    }


    .breadcrumbs{
        width: 100%;
    }

    /*================*/
    .instruction p{
        width: 100%;
        margin-right: 0;
    }

    .typography blockquote.rates{
        position: relative;
        clear: both;
        top: 0;
        margin-top: 10px;
        margin-bottom: 31px;
        margin-left: 0px;
    }

    .survey-box-wrapper{
        clear: both;
        float: none;
        display: block;
        overflow: hidden;
        margin-left: 69px;
    }

    .survey-box:first-child{
        margin-left: 0;
    }

    .survey-form li,
    .typography .survey-form li{
        margin-bottom: 30px;
        display: block;
    }

    .survey-form li p{
        width: 460px;
        margin: 0 0 10px 0;
    }


}





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

    .items{
        
    }

    .banner{
        width: 160px;
    }

    .multimedia-row .content {
        width:56%;
    }

}





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

    .stages li {
        font-size: 14px;
    }

    .multimedia-row .content {
        clear: both;
        padding-left: 0;
        width: 100%;
    }

    .multimedia-row .tableContainer {
        float: left;
        clear:both;
        height:auto;
    }

    .bottom-row {
        padding:40px 20px 0 20px;
    }

    .multimedia-row ul {
        margin-bottom:12px;
    }

    .multimedia-row img {
        margin-bottom:8px;
    }

}

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

    .stages li {
        font-size: 11px;
    }

}





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

    nav.menu-m{
        display: none;
    }

    nav.menu-m ul{
        padding: 0;
        margin: 0;
    }

    nav.menu-m li{
        width: 100%;
        /*height: 40px;*/
        background-position: left center;
        background-size: 28px;
    }

    nav.menu-m li a{
        padding: 10px 0 10px 55px;
        font-family: "myriad-pro-condensed", sans-serif;
        font-size: 17px;
        font-weight: 600;
    }

    #home.section{
        /*width: 296px;
        padding: 0 12px;
        margin: 0 auto;*/
    }

    nav.nav-main{
        display: none;
    }

    nav.nav-main-home{
        display: block;
        width: 100%;
        margin-top: 50px;
    }

    nav.nav-main-home ul{
        padding: 0;
        margin: 0;
    }

    nav.nav-main-home li{
        width: 100%;
        /*height: 40px;*/
        background-position: left center;
        background-size: 28px;
    }

    nav.nav-main-home li a{
        font-family: "myriad-pro-condensed", sans-serif;
        font-size: 17px;
        font-weight: 600;
    }

    .copyright{
        font-family: "myriad-pro-condensed", sans-serif;
        font-size: 15px;
        font-weight: 400;
        text-align: center;
    }

    header{
        display: block;
        width: 100%;
        min-width: 280px;
    }

    .menu-top-home{
        display: none;
    }

    .logo{
        display: none;
    }

    .logo-m{
        width: 100%;
        background-color: #FFF
    }

    .logo-m img{
        width: 150px;
        padding: 18px 0 18px 40px;
    }

    .nav-m{
        display: block;
        background-color: rgba(0,0,0,0.2);
        width: 100%;
        margin: 0 auto;
        clear: both;
    }

    .nav-m a{
        font-family: "myriad-pro", sans-serif;
        font-size: 12px;
        font-weight: 600;
    }

    .nav-m ul{
        margin: 0;
        padding: 15px 0;
    }

    .nav-m li{
        display: inline-block;
        margin: 0 8px;
    }

    li.button-m{
        background: url(../images/menu-m.png) no-repeat center center;
        width: 22px;
        height: 21px;
        float: right;
    }

    li.button-m a{
        width: 22px;
        height: 11px;
        display: inline-block;
    }

    .statement{
        width: 232px;
        position: static;
        margin: 40px 0 0 40px;
    }

    .statement h1{
        font-size: 36px;
        width: 193px;
        line-height: 38px;
    }

    .statement h1:first-child{
        width: 150px;
        padding-top: 8px;
        padding-bottom: 12px;
    }

    .statement h1:nth-child(2){
        width: 222px;
        padding: 6px 18px 15px 18px;
    }

    .statement p{
        font-size: 24px;
        line-height: 29px;
    }

    .nav-main-home a,
    .menu-m a{
        width: 200px;
        margin: 0 auto;
        padding: 10px 0 10px 55px;
    }

    li.menu-list{
        background-image: none;
    }

    li.menu-list a{
        background-position: left 50%;
        background-size: 40px auto;
    }

    /*.menu-1 a{
        background: url(../images/menu_1_icon.png) no-repeat left 0px center / 28px auto;
    }

    .menu-2 a{
        background: url(../images/menu_2_icon.png) no-repeat left 0px center / 28px auto;
    }

    .menu-3 a{
        background: url(../images/menu_3_icon.png) no-repeat left 0px center / 28px auto;
    }

    .menu-4 a{
        background: url(../images/menu_4_icon.png) no-repeat left 0px center / 28px auto;
    }

    .menu-5 a{
        background: url(../images/menu_5_icon.png) no-repeat left 0px center / 28px auto;
    }

    .menu-6 a{
        background: url(../images/menu_6_icon.png) no-repeat left 0px center / 28px auto;
    }

    .menu-7 a{
        background: url(../images/menu_7_icon.png) no-repeat left 0px center / 28px auto;
    }

    .menu-8 a{
        background: url(../images/menu_8_icon.png) no-repeat left 0px center / 28px auto;
    }*/
    

    /* ================================== About ================================== */

    .typography h1{
        font-size: 22px;
        line-height: 28px;
    }

    nav.nav-main-test{
        display: none;
    }

    .section{
        min-width: 320px;
    }

    .container{
        width: 94%;
        padding: 40px 3% 0 3%;
    }

    /*.left-col{
        width: 94%;
        padding: 0 3%;
    }

    .right-col{
        width: 94%;
        padding: 0 3%;
    }*/

    .right-col img{
        width: 100%;
    }

    .menu-top{
        display: none;
    }

    .read-more{
        width: 113px;
    }

    .media.leftAlone iframe{
        width: 100%;
        max-width: 100%;
    }

    /* ================================== Clients ================================== */

    #clients .container{
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .client-box-wrapper{
        /*min-width: 330px;*/
        width: 300px;
        margin: 0 auto;
    }

    .client-box{
        width: 130px;
        height: 130px;
        margin: 10px;
    }

    /* ================================== Services ================================== */

    .services-box-wrapper{
        width: 300px;
        margin: 0 auto;
    }

    a.services-box{
        width: 136px;
        height: 136px;
    }

    a.services-box .title{
        font-size: 15px;
        line-height: 16px;
        left: 8px;
        bottom: 8px;
    }

    a.services-box2{
        width: 136px;
        height: 136px;
    }

    a.services-box2 .title{
        font-size: 15px;
        line-height: 16px;
        left: 8px;
        bottom: 8px;
    }

    /* ================================== Team ================================== */

    #team .container{
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
    }

    #team .top{
        /*width: 164px;
        margin: 0 auto;*/
    }

    #team .bottom,
    #team .top{
        width: 300px;
        margin: 0 auto;
    }

    .top .team-box,
    .bottom .team-box{
        width: 130px;
        height: 130px;
        margin: 10px;
    }

    .team-box figcaption{
        font-size: 18px;
    }

    #team h3{
        margin-top: 30px;
        margin-bottom: 10px;
    }

    /* ================================== Imposter ================================== */

    .buy-now .speech-arrow{
        right: 20px;
    }

    /* ================================== Events ================================== */

    .event-content{
        padding: 10px 12px;
    }

    .event-heading{
        padding: 12px 12px;
    }

    .typography p.calendar-h{
        font-size: 22px;
    }

    .typography a.event-title,
    .typography a.event-date{
        font-size: 17px;
    }

    .typography .event-content ul{
        margin-top:30px;
    }

    .typography .event-content ul li{
        margin-left: 0;
    }

    .typography .event-content .event-price{
        margin-bottom: 20px;
        font-size: 18px;
    }

    .event-content .booknow{   
        clear:both;
        padding-left:8px;
        padding-right:8px;
    }
    .event-content .booknow a{
        font-size: 15px;
    }

    .typography .event-content .visit{   
        float:left;
        margin-right: 5px;
        padding-left:8px;
        padding-right:8px;
    }
    .event-content .visit a{
        font-size:15px;
    }

    .event-content a.more-info{
        font-size:14px;
    }

    /*calendar*/
    .calendar-wrapper{
        width: 100%;
        height: auto;
    }

    .calendar{
        width: 100%;
        height: auto;
    }

    .calendar th,
    .calendar td{
        min-height: 36px;
        font-size: 18px;
    }
    /*calendar*/

    /* Booking Receipt */
    .typography .booking-result-wrap li{
        font-size: 14px;
    }
    .typography .payment-receipt-right,
    .typography .payment-receipt-left{
        padding: 0 18px;
    }

    /* ================================== Store ================================== */

    #store .container{
        width: 94%;
        padding: 40px 3% 0 3%;
    }

    .tab-contents{
        padding: 10px;
    }

    .typography .tab-button li{
        padding-left: 5px;
        padding-right: 5px;
    }

    .typography .tab-button li a{
        font-size: 16px;
    }

    .items{
        width: 100%;
    }

    .items img{
        margin: 16px;
        width: 100px;
    }

    .banner{
        display: none;
    }

    .items .product{
        margin-right: 8px;
        width: 132px;
        height: auto;
    }

    /* ================================== Store 2 ================================== */

    .col h3 {
        width: 280px;
    }

    .product-contents{
        margin-top: 70px;
    }

    .product-single{
        padding-left: 10px;
        padding-right: 10px;
    }

    .typography .product-single img{
        width: 32%;
        min-width: 100px;
        max-width: 157px;
    }

    .product-single .cart{
        right: 10px;
    }

    .product-single a.add-to-cart{
        font-size: 20px;
        background-size: 35px;
        padding: 3px 0 10px 40px;
    }

    .product-single a.view-cart{
        font-size: 20px;
    }

    .product-single .price p strong,
    .product-single .price p{
        font-size: 20px;
    }

    .product-single .price a.buy-now,
    .product-single .price span.not-available{
        font-size: 20px;
        width: 65px;
        padding: 10px;
    }

    .product-single .price{
        right: 10px;
        top: 110px;
        padding: 10px 14px;
    }

    .product-single .price p{
        margin-bottom: 10px;
    }

    /* ================================== Multimedia ================================== */

    .multimedia-row ul {
        margin:6px 0 12px 0;
    }

    .multimedia-row ul li {
        display: block;
        clear:both;
        margin: 0;
    }

    .top-row {
        margin-bottom:65px;
    }

    #multimedia .container{
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
    }

    a.multimedia-box{
        /*width: 89px;*/
        /*height: 89px;*/
        margin-right: 10px;
        margin-top: 0;
    }

    a.multimedia-box .title{
        display: none;
    }

    a.multimedia-box .icon{
        width: 71px;
        height: 71px;
        background-size: 100% auto;
    }

    .search input{
        padding-top: 10px;
        font-size: 14px;
        width: 96px;
    }

    @-moz-document url-prefix() { 
        .sort-by{
            top:-38px;
        }
    }

    .sort-by select{
        font-size: 12px;
        /*margin-right: 6px;*/
        padding: 6px;
        height: 33px;
    }

    #multimedia .search input{
        width: 90px;
    }

    #multimedia select[name=Category]{
        left: 135px;
        font-size: 12px;
        left: 129px;
        width: 65px;
        max-width: 65px;
        min-width: 0;
        background-position: 48px center; 
    }

    .typography .sort-by p{
        display: none;
    }

    .bottom-row{
        /*width: 94%;*/
        /*min-width: 94%;*/
        /*max-width: 94%;*/
        /*padding: 3%;*/
        width:100%;
        min-width: 0;
        max-width: none;
        padding:20px;
        box-sizing:border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .bottom-row .multimedia-row-wrapper:last-child {
        margin-bottom:0;
    }

    .video-list{
        margin: 25px auto 0 auto;
        float: none;
        clear: both;
        display: block;
        width:270px;
    }

    .video-list:last-child{
        margin: 25px auto 0 auto;
    }

    #multimedia-hub iframe{
        width: 300px !important;
        height: 250px !important;
    }

    .ui-dialog-titlebar{ 
        width: 276px;
    }

    /*Podcast*/
    .typography ul.podcast-list{
        margin-top: 20px;
    }

    .podcast-list li{
        margin-bottom: 64px;
        background-size: 28px;
        background-position: left 3px;
        padding-left: 38px;
        padding-top: 0;
        height: 90px;
    }

    .typography a.listen-btn{
        font-size: 13px;
        background-size: 62px;
        padding: 10px 0 18px 0;
        width: 64px;
        margin-top: 5px;
    }
    /*Podcast*/

    /* ================================== Login ================================== */

    .client-login .middleColumn,
    .shopper-login .middleColumn{
        width: 94%;
    }

    #Login_Controller .Actions{
        margin: 20px 0 40px 0;
        width: 100%;
    }

    #Login_Controller input.action{
        width: 120px;
    }

    #BookingForm_BookingForm img{
        margin-left: 0;
    }

    #Security #MemberLoginForm_LoginForm #Remember.field{
        margin-left: 0;
    }

    #Security #MemberLoginForm_LoginForm .Actions{
        margin-left: 0;
    }

    /* ================================== Contact ================================== */

    .contact-box{
        /*margin-right: 10px;*/
        margin: 0 0 15px 0;
        clear: both;
        float: none;
        display: block;
        overflow: hidden;
        width: auto;
        min-height: 0;
    }

    .contact-box p,
    .general-info ul{
        font-size: 13px;
    }

    .contact-box div{
        width: 90px;
        height: 90px;
        float: left;
    }

    .contact-box.general{
        width: 280px;
    }

    .contact-box .general-info{
        margin-top: 8px;
    }

    .contact-form{
        margin-top: 10px;
        width: 98%;
    }

    .typography .contact-box h3{
        font-size: 16px;
        margin: 10px 0;
    }
    .typography .contact-box li,
    .typography .contact-box table th,
    .typography .contact-box table td,
    .typography .contact-box table td a{
        line-height: 18px;
        font-size: 14px;
    }

    .contact-box .details{
        float: left;
        margin-left: 10px;
    }

    /* ================================== Shopcart 1 ================================== */

    .shopcart-contents{
        padding: 10px 0;
        width: 100%;
    }

    .shopcart1 .shopcart-contents,
    .shopcart2 .shopcart-contents,
    .shopcart3 .shopcart-contents,
    .shopcart4 .shopcart-contents{
        padding: 0 0 10px 0;
    }

    .stages{
        display: none;
    }

    .stages-m{
        display: block;
        background-color: #e9f2f5;
        width: 100%;
        margin-bottom: 20px;
    }

    .stages-m ul{
        padding: 0;
        margin: 0 auto;
        width: auto;
    }

    .stages-m ul li{
        display: inline-block;
        font-size: 12px;
        margin: 8px 0 8px 5px;
    }

    .stages-m ul > *:before {
      content: "/";
      margin: 0 7px;
      position: relative;
      top: 1px;
    }

    .stages-m ul *:first-child:before {
      content: " ";
      margin: 0 0 0 7px; 
    }

    .stages-m li.cart-selected-m{
        font-weight: 700;
        color: #222;
    }

    .stages-m a{
        color: #00547c;
        display: inline-block;
    }

    .shopcart-btn{
        margin: 0 8px 20px 8px;
    }

    .shopcart-btn a{
        font-size: 11px;
        padding: 6px 10px;
    }

    a.continue-btn{
        margin-right: 8px;
    }

    a.continue-btn2{
        float: right;
    }

    .shopcart-table{
        font-size: 13px;
        position: relative;
    }

    .shopcart-table tr td:last-child,
    .shopcart-table tr th:last-child{
        display: none;
    }

    .shopcart1 .shopcart-table thead tr th:nth-child(4),
    .shopcart1 .shopcart-table thead tr th:nth-child(5),
    .shopcart1 .shopcart-table tbody tr td:nth-child(4),
    .shopcart1 .shopcart-table tbody tr td:nth-child(5),
    .shopcart1 .shopcart-table tfoot tr td:nth-child(1),
    .shopcart1 .shopcart-table tfoot tr td:nth-child(5){
        display: none;
    }

    .shopcart1 .shopcart-table tfoot td{
        text-align: right;
    }

    .shopcart-table td.product{
        width: 66px;
        padding-right: 14px;
    }

    .delete-m{
        display: block;
        margin-top:20px;
    }

    .policy{
        width: 94%;
        padding-left: 0;
        margin: 40px 3% 0 3%;
    }

    .policy p{
        margin: 10px 0 14px 10px;
        font-size: 14px;
        width: 200px;
        padding-top: 12px;
    }

    .policy ul{
        float: right;
        width: 94%;
        padding: 0;
    }

    .policy li{
        display: block;
        margin: 10px;
    }

    /* ================================== Shopcart 2 ================================== */

    .col-wrapper{
        width: 278px;
    }

    .col{
        float: none;
        clear: both;
        /*width: 100%;*/
        width: 280px;
        margin-bottom: 25px;
    }

    .col-content{
        width: 258px;
    }

    .col-3 .col-content{
        width: 258px;
        min-height: 160px;
    }

    .col-3 a.continue-btn{
        margin: 20px auto;
        float: none;
        clear: both;
        text-align: center;
    }

    .col-content .login input{
        width: 248px;
    }

    /* Register Box */
    .register-box{
        top: 330px;
        left: 10px;
        width: 260px;
        padding: 15px 20px;
    }

    .register-box .col-heading{
        width: 245px;
        margin: 0;
    }

    .register-form li{
        height: 47px;
    }

    .register-form label{
        display: none;
    }

    .register-form input.text,
    .register-form select{
        float: none;
        clear: both;
        width: 100%;
    }

    .register-form .checkbox label{
        display: block;
    }

    .register-form .checkbox{
        margin: 10px 0;
    }

    .register-form-wrapper .newsletter p{
        width: 230px;
    }

    .register-form-wrapper .button{
        clear: both;
        float: right;
    }
    /* Register Box */

    #ShoppingCart{
        display: none;
    }

    #ShoppingCart-m{
        display: block;
        position: absolute;
        top: -56px;
        right: 0;
        font-size: 14px;
    }

    #ShoppingCart-m a ul{
        color: #00547c;
    }

    #ShoppingCart-m ul{
        border-radius: 10px 0;
        padding: 5px 12px 5px 50px;
        margin: 0;
        background: url(../images/cart.png) no-repeat 9px center #e9f2f5;
        background-size: 32px auto;
    }


    /* ================================== Shopcart 3 ================================== */

    .col-content .cart-form input{
        width: 248px;
    }

    .newsletter input[type=checkbox]{
        width: 18px;
    }

    .cart-form .newsletter p{
        width: 222px;
    }

    .promo{
        margin: 0;
    }

    .promo .button{
        clear: both;
        float: right;
    }

    .promo .promo-code{
        margin: 0 0 14px 0;
        clear: both;
        float: right;
    }

    .delivery-option label{
        width: 238px;
    }

    /* ================================== Shopcart 4 ================================== */

    .shopcart4 .shopcart-table tfoot td{
        text-align: left;
    }

    .visa-option .right{
        clear: both;
        margin: 20px 0 0 10px;
    }

    .visa-option .right p{
        width: 230px;
    }

	#AgreeToTerms {
		margin-left:20px;
		max-width: 320px;
	}

    #AgreeToTerms label{
        width: 228px;
    }

    /* ================================== Shopcart 5 ================================== */

    .payment-table{
        display: none;
    }

    .shopcart-list{
        display: block;
    }

    .shopcart5 .shopcart-table{
        font-size: 13px;
    }

    .shopcart-right{
        margin-top: 15px;
    }

    .side-menu{
        width: 94%;
        margin: 0 3%;
    }

    .side-menu ul{
        margin: 0 auto;
        width: 236px;
        padding: 10px 0;
    }

    .side-menu li{
        display: inline-block;
    }

    a.your-details{
        margin-right: 50px;
    }

    .order-numb{
        text-align: left;
        padding-left: 3%;
    }

    .button-top{
        width: 280px;
        height: 96px;
        margin: 0 10px;
    }

    a.button2{
        margin-right: 22px;
    }

    .button-top a:nth-child(2){
        margin-right: 0;
    }

    a.view-cart-btn{
        clear: both;
        margin-top: 20px;
        float: left;
    }

    .table-row h5{
        margin-left: 10px;
    }

    .middle-row{
        margin: 24px 10px;
    }

    .shopcart-list{
        height: 222px;
        margin: 0 10px;
    }

    .shopcart-list ul{
        float: left;
        padding: 0;
    }

    .shopcart-list-field{
        background-color: #b7d5df;
        color: #00547c;
        width: 35%;
    }

    .shopcart-list-detail{
        background-color: #e9f2f5;
        color: #00547c;
        width: 65%;
    }

    .shopcart-list li{
        padding: 8px 10px;
    }

    /* ================================== Shopcart 6 ================================== */

    .shopcart6 .shopcart-right{
        width: 94%;
        padding: 0 3%;
    }

    .shopcart6 .button-top{
        top: -15px;
        width: auto;
    }

    .shopcart6 .form-section form ul li input,
    .shopcart6 .form-section form ul li select{
        width: 98%;
    }

    .shopcart6 .shopcart-right h5:nth-child(2){
        margin-left: 0;
        margin-right: 0;
    }

    /* ================================== Shopcart 7 ================================== */

    .shopcart7 .shopcart-table{
        display: none;
    }

    .shopcart-table-m{
        display: block;
        color: #00547c;
        font-size: 15px;
    }

    .shopcart-table-m table{
        width: 100%;
    }

    .shopcart-table-m td,
    .shopcart-table-m th{
        height: 30px;
        padding: 0 10px;
    }

    .shopcart-table-m thead{
        background-color: #b7d5df;
        text-align: left;
    }

    .shopcart7 .button-top{
        position: static;
        width: auto;
        height: 37px;
        margin: 0 auto;
        margin: 0 3%;
    }

    .shopcart7 a.view-cart-btn{
        margin-top: 0;
    }

    .shopcart-right h5:nth-child(2){
        margin: 20px 3% 10px 3%;
    }

    .shopcart-right h2{
        margin-left: 10px;
    }

    input#AccountForm_AccountForm_action_updateAccount,
    input#PasswordForm_PasswordForm_action_updatePassword{
        margin: 10px 0 30px 0;
    }

    /* ================================== Footer ================================== */

    footer{
        background-color: transparent;
        position: static;
        min-width: 280px;
        clear: both;
        height: auto;
    }

    footer ul{
        width: 100%;
        padding: 0;
        margin-top: 50px;
        float: none;
    }

    footer li{
        display: block;
        background-color: rgba(0,0,0,0.2);
        width: 100%;
        margin: 5px 0 0 0;
        padding: 10px 0;
        text-align: center;

    }

    footer li a{
        /*padding: 10px 0;*/
    }




    /*new style*/
    #BookingForm_BookingForm #AgreeToTerms input {
        margin-left:0;
    }

    #BookingForm_BookingForm #AgreeToTerms label {
        width: 280px;
    }

    #SurveyForm_SurveyForm{
        width: 100%;
    }

    #SurveyForm_SurveyForm li,
    .typography #SurveyForm_SurveyForm li{
        display: block;
    }

    .instruction, .introduction2{
        width: 300px;
    }

    #SurveyForm_SurveyForm li p{
        width: 255px;
    }

    #SurveyForm_SurveyForm #RatingForm label.message.required{
        display: block;
        position: relative;
        margin-left: 43px;
        margin-bottom: 40px;
        margin-top: 10px;
        width: auto;
    }

    #SurveyForm_SurveyForm #TextForm label.message.required {
        display: block;
        position: relative;
        margin-left: 15px;
        margin-bottom: 25px;
        width: auto;
    }

    #SurveyForm_SurveyForm #RatingForm input.text.holder-required {
        display: none;
    }

    .survey-list{
        width: 34px;
        height: 34px;
        margin-right: 10px;
    }

    .survey-list span{
        font-size: 22px;
        line-height: 35px;
    }

    .survey-box{
        width: 34px;
        height: 34px;
        margin-left: 14px;
    }

    .survey-box-wrapper{
        margin-left: 44px;
    }

    .survey-box.selected{
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }

    li,
    .typography li{
        line-height: 20px;
    }

    #SurveyForm_SurveyForm li .error{
        left: 40px;
        bottom: -5px;
    }

    .breadcrumbs {
        margin-top: 0px;
    }


    /* ================================== Survey Grid ================================== */

    #login-landing-page a.services-box2 .title {
        color: #1F1F1F !important;
    }

    /* ================================== Survey ================================== */

    .typography h1.page-heading,
    h1.page-heading{
        margin: 0 0 15px 0;
    }

    /* ================================== Survey Table ================================== */

    #survey .survey-table .image-column {
        height: 50px;
        min-width: 50px;
        max-width: 50px;
    }

    #survey .survey-table .status-column {
        visibility: hidden;
        display:none;
    }

    #survey .survey-table .title-status {
        visibility: visible;
        display:block;
        font-size: 11px;
    }

    #survey .survey-table tr td {
        padding: 10px 20px 10px 17px;
    }

    #survey .survey-table {
        width: 100%;
    }

    .middle-row.participant-container {
        width: auto;
    }

    .middle-row.participant-container > div {
        width: 100%;
    }

}

/****** FILE: themes/sigmoid/css/form.css *****/
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */

form {
    /*max-width: 500px;*/
}
div.field {
    margin: 10px 0 15px;
    clear: both;
    width:100%;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
}
form label {
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
}
    form label.left {
        display: block;
        display: inline-block;
        font-size: 16px;
        width: 112px;
        text-align: left;
        margin: 7px 30px 0 0;
        float:left;
    }
    form label.right {
        font-size: 12px;
        color: #888;
    }

/* Multimedia Form Style */
/*#MultimediaForm_MultimediaForm .search input.text{
    width: 140px;
    height: 33px;
    max-height: 33px;
    border-radius: 0;
}*/
/*#MultimediaForm_MultimediaForm select.dropdown{
    width: 96px;
    margin-right: 0;
}*/
/* Multimedia Form Style */

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    /*width: 350px;
    padding: 6px 5px;
    font-size: 15px;
    background-color: #ebebeb;
    border: 1px solid #dad9d9;
    color: #6b6363;*/
    border: none;
    background-color: #fff;
    padding: 6px 5px;
    border-radius: 0;
}

form select{
    /*-webkit-appearance: none;
    -webkit-box-shadow: none;*/
}

form input.text, form textarea{
    /*width: 338px;*/
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
}

form textarea{
    font-family: 'HelveticaNeueW01-55Roma';
}

    .ie7 form select { width: 400px; } /* fix for ie7's rendering of max-width property on select input */


form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
.field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}

.field .checkbox{
    float: left;
    width: 13px;
    height: 13px;
    background-color: white;
    border: 1px solid #00547C;
    margin-right: 6px;
    margin-top: 3px;
    padding: 0;
}

.checkbox label.right,
.radio label.right {
    float: left;
}


/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }


#BookingForm_BookingForm .Actions {
    margin-bottom: 74px;
    position: relative;
    height: 100px;
}

#BookingForm_BookingForm_action_processBookingForm, #BookingForm_BookingForm_action_processDirectCreditForm, #BookingForm_BookingForm_action_processInvoiceForm{
    position:relative;
    float:left;
}

.ActionGroup {
    position: absolute;
    width: 285px;
    margin: auto;
    right: 0;
}

/* ACTIONS */
.Actions {
    margin-bottom: 20px;
    position:relative;
}
    a.btn, button, input[type="submit"], .Actions .action {
        background-color: #b7d5df;
	    padding: 6px 30px;
	    border-radius: 15px 0;
	    float: left;
	    text-transform: uppercase;
	    font-size: 16px;
	    color: #00547c;
	    border: none;
    }
	.Actions .action.hide {
		display: none;
	}
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: #B94A48;
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        
    }
    #ForgotPassword {
        clear: left;
    }
    #ForgotPassword a {
    	color: #00547c;
    	text-decoration: underline;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    .shopcart-contents #MemberLoginForm_LoginForm .Actions{
		position: absolute;
		bottom: 10px;
		right: 10px;
		margin: 0;
    }
    .shopcart-contents #MemberLoginForm_LoginForm .Actions *{
		float: right;
    }





    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;
    width: 114px;*/
}
.Actions input.resetformaction,
.Actions input.action-minor {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover,
.Actions input.action-minor:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #B94A48;
    content: "*";
    font-size: 14px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
    form .checkboxset li,
    form .optionset li {
        margin-bottom: 5px;
        list-style-type:none;
    }
    form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 327px;
    margin-left: 142px;
    margin-top:10px;
    margin-bottom:10px;
    margin-right:0;
    clear: left;
}
div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}
form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000; 
}

/* Error messages */
input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

/* To test - potentially not needed? */
.ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: left;
}
form .creditCardField input,
form input.currency,
form input.numeric {
    width: 50px;
}
form #DMYDate-month,
form #DMYDate-day {
    width: 25px
}


/* Custom styles form styles
----------------------------------------------- */
form div.middleColumn{
    display:inline-block;
    width:100%;
    max-width: 100%;
    position: relative;
}

.registration-form-label {
    font-family: 'HelveticaNeueW01-55Roma';
    font-size: 18px;
    color: #2d4090;
    padding: 20px 24px 10px 0;
    margin: 0;
    line-height: 18px;
    background: url(../images/dotted-line.jpg) repeat-x bottom left;
    font-weight: normal;
}

#MemberLoginForm_LostPasswordForm {
    height: 150px;
}

#Form_RegistrationForm {
    height: 600px;
}

#Captcha .message.validation {
    color: #000;
    text-align: center;
}

#Form_RequestQuoteForm .Actions {
    margin-bottom: 90px;
}

a.terms-conditions:hover {
    color: red;
}
a.terms-conditions {
    text-decoration: underline;
}

#SecureLogo .middleColumn img{
    float: left;
}
#CardPolicy .middleColumn p{
    font-size: 15px;
    color: red;
}

#BookingForm_BookingForm input[type="submit"]{
	border-radius: 0;
	color: #82898b;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 22px;
	float: left;
	background: url(../images/book-arrow.png) no-repeat 93px center #e0e0e0;
	padding: 6px 40px 6px 20px;
    margin-left: 140px;
    margin-top: 40px;
}

#BookingForm_BookingForm input::-webkit-input-placeholder{
	color: #6b6363;
}

/* Booking Form Style */
#BookingForm_BookingForm input.text,
#BookingForm_BookingForm select{
    border-radius: 0;
    color: #82898b;
    float: left;
    background-color: #e0e0e0;
    padding: 6px 10px 6px 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#BookingForm_BookingForm select{
    appearance: none;
    -webkit-appearance: none;
    background: url(../images/arrow-dropdown.jpg) no-repeat right center #e0e0e0;
    background-size: auto 100%;
    cursor: pointer;
}

#BookingForm_BookingForm div.middleColumn{
    width: 100%;
    max-width: 348px;
}
/* Booking Form Style */



/* Delivery Form Style
----------------------------------------------- */
#DeliveryForm_DeliveryForm {
	max-width: 100%;
}

#DeliveryForm_DeliveryForm .small-text{
    font-size: 11px;
    color: black;
}

#DeliveryForm_DeliveryForm #Island>label,
#DeliveryForm_DeliveryForm #DomesticShippingExtra>label{
    width: 188px;
}

#DeliveryForm_DeliveryForm input.text,
#DeliveryForm_DeliveryForm select{
	/*width: 210px;*/
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#DeliveryForm_DeliveryForm select{
    appearance: none;
    -webkit-appearance: none;
    background: url(../images/arrow-dropdown-2.png) no-repeat right center #fff;
    background-size: auto 100%;
    cursor: pointer;
}

#DeliveryForm_DeliveryForm label.left{
	color: #00547c;
	text-align: left;
}

#CouponCode.field{
    height: 23px;
}

#CouponCode.field .middleColumn{
	float: left;
	width: auto;
}

#CouponCode label.left{
	color: #fff;
}

#DeliveryForm_DeliveryForm .Actions {
	float: right;
}

.middleColumn #CouponCode.readonly.text{
    margin: 0;
    color: #fff;
}

#DeliveryForm_DeliveryForm input#CouponCode{
    position: absolute;
    right: 10px;
    top: -4px;
    margin: 0;
    width: 210px;
}


/* Visa Option
----------------------------------------------- */
#PaymentForm_PaymentForm {
    clear: both;
    background-color: #e9f2f5;
    color: #00547c;
    float: left;
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
    padding: 10px 0;
}

#PaymentForm_PaymentForm img{
    float: left;
    margin: 10px 0 0 10px;
}

#PaymentMethod {
	float: left;
	clear: none;
	width: auto;
    margin-bottom: 0;
}

#PaymentMethod ul#PaymentForm_PaymentForm_PaymentMethod{
    margin-bottom: 0;
}


#PurchaseOrderNumber {
	margin-left: 260px;
    margin-top: 0;
	max-width: 320px;
}

#PaymentForm_PaymentForm .Actions{
	float: right;
	margin:0 10px 0 0;
}

.typography .valPaymentExpressPxPay{
    list-style: none;
}


/* Contact-us Form Style */
#contact form input.text,
#contact form textarea,
#contact form .textajaxuniquetext,   /* Not sure if this is used? */
#contact form select {
    border: 1px solid #d2d2d2;
    background-color: #fff;
    padding: 6px 5px;
}

.typography form ul {
    padding: 0;
}
/* Contact-us Form Style */


.ie10 #BookingForm_BookingForm select,
.ie10 #DeliveryForm_DeliveryForm select,
.ie9 #BookingForm_BookingForm select,
.ie9 #DeliveryForm_DeliveryForm select{
    background-image: none;
}

@-moz-document url-prefix() {
    #DeliveryForm_DeliveryForm select { background-image: none; }
    #BookingForm_BookingForm select { background-image: none; }
}



/* Responsive form styles
----------------------------------------------- */
@media only screen and (max-width: 1334px){

    form div.middleColumn{
        /*width: 280px;*/
    }

    form input.text,
    form textarea,
    form .textajaxuniquetext,   /* Not sure if this is used? */
    form select {
        width: 100%;
    }

    form input.text{
        /*width: 268px;*/
    }

    #DeliveryForm_DeliveryForm.validate.delivery-form{
		width: 499px;
		margin: 0 auto;
	}

	#PaymentForm_PaymentForm {
		width: 499px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		overflow: hidden;
	}

    #PurchaseOrderNumber{
        margin-left: 160px;
    }

}


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

    form label.left{
        display: none;
    }

    .left-cnt2{
        width: 100%;
    }

    form{
        /*width: 281px;*/
        margin: 0 auto;
    }

    #contact form{
        margin: 0;
    }

    #DeliveryForm_DeliveryForm input.text, 
    #DeliveryForm_DeliveryForm select {
       /* width: 260px;*/
    }

    .promo-code{
    	width: 280px;
    	float: left;
    }

	#CouponCode label.left{
		display: inline-block;
	}

    #DeliveryForm_DeliveryForm input#CouponCode {
    	width: 160px;
    }

    #DeliveryForm_DeliveryForm.validate.delivery-form{
    	width: 280px;
		margin: 0 auto;
    }

    #PaymentForm_PaymentForm {
		width: 278px;
	}

    #BookingForm_BookingForm{
        width:100%;
    }

    #BookingForm_BookingForm input[type="submit"]{
        margin-left: 0;
    }

    #PaymentMethod{
        clear: both;
        margin-bottom: 5px;
    }

    #PurchaseOrderNumber{
        margin-left: 0;
        width: 238px;
        padding: 0 20px;
        font-size: 14px;
    }

    div.field.direct-credit-memo{
        clear: both;
    }

    label.direct-credit-label{
        float: left;
        width: 200px;
        margin-left: 60px;
    }

}

input[type=submit][disabled], button[disabled] {
	display:none;
}

#InternationalShippingCarrier li{
    float:left;
}

#DomesticShippingExtra label.left{
    width:150px;
}




/*@media only screen and (max-width: 700px) { 

    /* To test - potentially not needed? 
	.header form .middleColumn {
	    float: none;
	    width: 100% !important;
	}
	form label.left,
	#MemberLoginForm_LoginForm label {
	    margin-bottom: 8px
	}
}*/

/*@media only screen and (max-width: 900px) { 
    form {
        max-width: 100%;
    }
}/*


/****** FILE: themes/sigmoid/css/jquery-ui.css *****/
/*! jQuery UI - v1.9.2 - 2012-11-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }