@charset "utf-8";
/* CSS Document */


/* System Messages */
#system-message    { margin: 0; padding: 10px 0 0; font-size:11px; line-heght:21px; }
#system-message dt { font-weight: bold; display:none; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 0; }
#system-message dd ul { color: #0055BB; margin: 0px; padding: 15px 8px; list-style: none; border: 1px solid #b8b5b2; }
#system-message dd ul li { padding: 0 25px; margin: 0px; }

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { margin:0px; background: url(../../if_960_nostyle/images/message_information.png) no-repeat 10px 11px; margin-bottom:7px; }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; margin:0px; background: url(../../if_960/images/message_error.png) no-repeat 10px 10px #E6C0C0; margin-bottom:7px; border-color: #DE7A7B; border-width:1px; }

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; margin: 0px; background: url(../../if_960/images/message_notice.png) no-repeat 10px 11px #EFE7B8; margin-bottom:7px; border-color:#F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}


/* :::. BROWSER RESET .::: */


/* :::. BLOCK ELEMENTS .::: */
body, p, pre {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
}
dl, dt, dd, ul, ol, li {
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none;
}
a {
    outline: none;
}
img, iframe {
    border: none;
}
th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
}
form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
}
fieldset {
    border: none;
}
input, textarea, select {
    font-size: 1em;
    font-family: inherit;
}
/* address, cite, code, dfn, em, strong, var { */
address, cite, code, dfn, var {
    font-style: normal;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
}
@charset "utf-8";
/* CSS Document */


/* System Messages */
#system-message    { margin: 0; padding: 10px 0 0; font-size:11px; line-heght:21px; }
#system-message dt { font-weight: bold; display:none; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 0; }
#system-message dd ul { color: #0055BB; margin: 0px; padding: 15px 8px; list-style: none; border: 1px solid #b8b5b2; }
#system-message dd ul li { padding: 0 25px; margin: 0px; }

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { margin:0px; background: url(../../if_960_nostyle/images/message_information.png) no-repeat 10px 11px; margin-bottom:7px; }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; margin:0px; background: url(../../if_960/images/message_error.png) no-repeat 10px 10px #E6C0C0; margin-bottom:7px; border-color: #DE7A7B; border-width:1px; }

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; margin: 0px; background: url(../../if_960/images/message_notice.png) no-repeat 10px 11px #EFE7B8; margin-bottom:7px; border-color:#F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}


/* :::. TOOLS .::: */

/* :::. CLEARING .::: */
.stretch,
.clear {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { /* make method ie7 compatible */
    #display: inline-block;
}
* html .clearfix {
    /* Hides from IE-mac \*/
	height: 1%;
	display: block; /* restore block display for ie6 */
	/* End hide from IE-mac */
}


/* :::. REPLACE .::: */
.replace {
    display: block;
    background: transparent top left no-repeat;
}
.replace * {
    text-indent: -10000px;
    display: block;
    background: transparent top left no-repeat;
}
    .replace a {
		text-indent: 0;
	}
        .replace a span {
            text-indent: -10000px;
        }


/* :::. ACCESSIBILITY .::: */
span.accesskey {
    text-decoration: none;
}
.accessibility {
    position: absolute;
    top: -9999em;
    left: -9999em;
}


/* :::. HIDE .::: */
.hide {
    display: none;
}

img {
	border:none;
}/* :::. TYPOGRAPHY .::: */

/*
    NOTE:
    If you change the font-size, remember to adjust the line-heights and margins to suit...
    Set the line height to at least 140% of the font size.
    Also, to keep a consistent vertical rhythm, make sure
    that the top and bottom margins add up to a multiple of the line height.

    e.g. if the line height is 14px, the following margins are acceptable;

    - top:0, bottom:14px
    - top:7px, bottom:7px
    - top: 7px, bottom:21px
*/
/*
    Where to getting font files for font-face
    http://www.fontsquirrel.com/fontface/generator
*/

body {
    font-family: Arial, Tahoma, sans-serif;
    font-size: 14px; /* Make sure you set this to the default font size */
    color: #293439;
}

p {
    font-size: 14px; 
    line-height: 1em;
}
.mceContentBody p {
    margin-top: 0;
}
pre {
    margin-bottom: 1em;
    border: 1px solid #666;
    border-left: 5px solid #666;
    padding: 1em;
    background-color: #eee;
    font-family: monospace;
    font-size: 1em;
}


/* :::. HEADINGS .::: */
.contentheading,
.componentheading,
h1, h2, h3 {
    color: #293439;
	font-family: 'titilliumtext22l_ltmedium';
}
h4, h5, h6 {
    color: #333;
}

.contentheading,
.componentheading,
h1 {
    font-size: 24px;
}
h2 {
    font-size: 30px;
	font-family: 'titilliumtext22l_rgbold';
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 13px;
}
h5 {
    font-size: 11px;
}
h6 {
    font-size: 10px;
}

/* :::. LISTS .::: */
ul {
    margin: 6px 0 10px;
}
    ul li {
        margin-left: 0;
        padding-left: 12px;
        list-style: none;
    }
ol {
    margin: 0 0 5px 30px;
    list-style: outside decimal;
}
    ol li {
        margin-left: 2px;
    }
dl {
    margin-bottom: 7px;
}
    dl dt {
        font-weight: bold;
    }
    dl dd {
        margin-bottom: 5px;
        margin-left: 30px;
    }


/* :::. LINKS .::: */
a,
a:visited,
a:link,
a:active {
    color: #ff7f26;
}
a:hover {
    text-decoration: none;/*  */
}

/* :::. MISC .::: */
.lineheight-1em,
.lineheight-1em * {
    line-height: 1em !important;
    /line-height: 1.2em !important;
}
.marginbottom-0,
.title-margin-bottom-0 h3 {
    margin-bottom: 0 !important;
}
.mceContentBody .marginleft-25,
.marginleft-25 {
    margin-left: 25px;
}
.mceContentBody .no-border,
.no-border {
    border: none !important;
}
.if-quote {
    background: transparent url("../images/ldquo.png") no-repeat left top;
    display: block;
    float: left;
    margin-top: -9px;
    min-height: 23px;
    padding-left: 24px;
    text-indent: -9999px;
}

.back-to-top {}

.big-font,
.big-font p {
    font-size: 24px;
    color: #979797;
}

.modal {}
.jcetooltip {}

blockquote {
	font-style: italic;
	font-weight: bold;
	margin: 10px 0 10px 41px;	
}

.pullquote {
	background:url("../images/pullquote.png") no-repeat scroll 10px 0 transparent;
	display:block;
	font-size:0.95em;
	font-style:italic;
	font-weight:bold;
	padding:10px 0 10px 41px;	
}

hr {
    display: none;
}
div.hr {
    margin: 1em auto;
    height: 1px;
    background-color: #999;
    line-height: 1px;
}

/* YOOeffects */
.reflect {}
.shadowbox-full {}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 1, 2012 */



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

}




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

}/**
 * :::. WYSIWYG INLINE STYLES .:::
 */

    
body.mceContentBody {
    padding:10px;
    background: #FFF url() !important;
}

.demoStyle {
    color: #FF0022 !important;
}

body.mceContentBody .wysiwygTmpl {
    border: 1px dotted #CCC;
    margin: 1em;
}

.default-list {}
.fancy-list {}
    
.align-left {}
.align-right {}

.default-table {}
.table-fancy {}

.tmpl-multiple-column {}

.tmpl-back-to-top {}

.tmpl-quote-with-right-aligned {}

.emphasis-box {}

/* STYLES FOR JOOMLA! EDITOR */
.mceContentBody hr { display: block; }
hr#system-readmore  { border: red dashed 1px; color: red; }
hr.system-pagebreak { border: gray dashed 1px; color: gray; }

  .emphasis {
		  color:#a1cc3a;
		  text-transform:uppercase;
    }
@charset "utf-8";
/* CSS Document */


/* :::---------------------------------------. BEGIN: WYSIWYG TEMPLATES .---------------------------------------::: */
/* :::. CONTENT STYLES .::: */
.componentheading,
.mceContentBody h1,
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4,
.mceContentBody h5,
.mceContentBody h6,
#content-inner h1,
#content-inner h2,
#content-inner h3,
#content-inner h4,
#content-inner h5,
#content-inner h6 {
    /* From font-size for P tag in typo.css */
    margin-bottom: 30px;
}
.mceContentBody p,
.mceContentBody ul,
.mceContentBody ol,
.mceContentBody table,
#content-inner p,
#content-inner ul,
#content-inner ol,
#content-inner table {
    margin-bottom: 1.15em;
}
.mceContentBody h1,
#content-inner h1 {
    /*
    background: url(../../../images/stories/h1.gif) repeat-x left bottom;
    width: 597px;
    */
    margin-bottom: 4px;
    padding-bottom: 8px;
}
    #content-inner h1 span {
        /* color: #3d549e; */
    }
.mceContentBody h1,
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4,
.mceContentBody h5,
.mceContentBody h6,
#content-inner h1,
#content-inner h2,
#content-inner h3,
#content-inner h4,
#content-inner h5,
#content-inner h6 {
    /* text-transform: uppercase; */
}
.mceContentBody p,
#content-inner p {
    line-height: 1.6em;
    /* line-height: 16px; */
}
.mceContentBody ul li,
#content-inner ul li {
    background: transparent url(../images/green-bullet_03.png) no-repeat left 9px;
    /background: transparent url(../images/green-bullet_03.png) no-repeat left 9px;
}
.mceContentBody ul li,
#content-inner ul li,
.mceContentBody ol li,
#content-inner ol li {
    line-height: 2em;
}
.mceContentBody ol li,
#content-inner ol li {
    list-style: decimal inside none;
}
    .mceContentBody ul ul,
    #content-inner ul ul,
    .mceContentBody ol ul,
    #content-inner ol ul {
        margin-top: 1em;
    }
#content-inner ol.no-style {
    margin-bottom: 0;
}
#content-inner ol.no-style li {
    list-style: none;
}
.mceContentBody img,
#content-inner img {
  /*  border: 3px solid #ccc; */
}

/* Default content list style */
#content-inner ul,
#content-inner ol {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0px; /* was 26px */
}
.mceContentBody ul,
.mceContentBody ol {
    margin-left: 0;
    padding-left: 10px;
}
.mceContentBody ul {
    padding-left: 27px;
}
#content-inner ul,
.mceContentBody ul {
    list-style: circle outside !important;
}
#content-inner ol,
.mceContentBody ol {
    list-style: decimal outside !important;
    margin-left: 17px;
}
.mceContentBody ol {
    margin-left: 9px;
}

/* fancy content list style (wysiwyg template) */
.fancy-list ul, .fancy-list ol {
    /* margin: 0 !important; */
    border-top: 1px solid #CECECE;
    margin-left: 0 !important;
}
.mceContentBody .fancy-list ul, .mceContentBody .fancy-list ol {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
    .fancy-list ul li, .fancy-list ol li {
        padding-left: 30px !important;
        margin-left: 0 !important;
        border-bottom: 1px solid #CECECE;
        padding-bottom: 3px;
        padding-top: 3px;
    }
    .fancy-list ul li {
        list-style: none;
        background: url(../images/green-bullet_03.png) 18px 10px no-repeat !important;
        /* /background-position: 0px 9px; */
    }
    .fancy-list ol li {
        margin-left: 0px !important;
        padding-left: 15px !important;
        list-style: inside decimal;
    }
    .fancy-list ul li:hover, .fancy-list ul li.over, .fancy-list ol li:hover, .fancy-list ol li.over{
        background-color: #f0f0f0 !important;
    }

div.align-left {
}
    div.align-left img {
        float: left;
        margin-right: 10px;
        border: 1px solid #CCC;
    }
div.align-right {
}
    div.align-right img {
        float: right;
        margin-left: 10px;
        border: 1px solid #ccc;
    }


/* Paragraph with image left aligned template styles */
div.alignLeft p img, div.alignLeft p img {
    border: 1px solid #e7e7e7;
    padding: 1px;
    margin-right: 10px;
    margin-bottom: 5px;
    float: left;
}
/* Paragraph with image right aligned template styles */
div.alignRight p img, div.alignRight p img {
    border: 1px solid #e7e7e7;
    padding: 1px;
    margin-left: 10px;
    margin-bottom: 5px;
    float: right;
}
/* Default table layout */
div.default-table table {
    border-spacing: 1px;
    background-color: #e7e7e7;
    color: #6f6f6f;
    width: 100%;
    font-size: 11px;
    /* font-family: Verdana, Arial, "Times New Roman", Times, serif; */
}
    div.default-table table caption {
        font-weight: bold;
        text-align:left;
        /* background: #d7d7d7 url(../images/caption_bg.jpg) repeat-x bottom left; */
        border-bottom:1px solid #d7d7d7;
        color: #666666;
        text-transform:uppercase;
        padding:5px 10px;
        margin-bottom:1px;
    }
    div.default-table table td, div.default-table table th {
        padding: 4px;
    }
    div.default-table table thead th {
        text-align: center;
        background: #e7e7e7;
        color: #666;
        border: 1px solid #FFF;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 11px;
    }
    div.default-table table tbody tr {
        background-color: #fff;
    }
    div.default-table table tbody tr:hover {
        background-color: #f9f9f9;
    }
        div.default-table table tbody tr td {
            border: 1px solid #fff;
            padding: 3px;
            text-align: center;
            background: #f3f3f3;
        }
    div.default-table table tfoot th, div.default-table table tfoot td {
        background-color: #d7d7d7;
        padding: 4px 10px;
        text-align: right;
        font-size: 10px;
        font-weight: normal;
        font-style: italic;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #dfdfdf;
    }
/* Fancy table layout */
div.table-fancy table {
    border-spacing: 1px;
    /* border: 1px solid #c9c9c9; */
}
    div.table-fancy table td,
    div.table-fancy table th {
        padding: 8px 10px 8px 20px;
        border-bottom: 1px solid #fff;/* */
        text-align: left;
    }
    div.table-fancy table thead th {
        /* text-align: center; */
        color: #fff;
        /* font-weight: bold; */
        font-size: 12px;
        background: #9f1614;/*  */
        /* background: #9f1614 url(../../../images/stories/th.png) repeat-x left top; */
        /* height: 30px; */
    }
    div.table-fancy table thead th.first {
        /* background: #9f1614 url(../../../images/stories/th_first_bg.png) no-repeat left top; */
    }
    div.table-fancy table thead th.last {
        /* background: #9f1614 url(../../../images/stories/th_last_bg.png) no-repeat right top; */
    }
    div.table-fancy table tbody tr {
        background-color: #fdffbe;
    }
    div.table-fancy table tbody tr.alter {
        background-color: #fff;
    }
        div.table-fancy table tbody tr td {
            vertical-align: top;
            color: #4f4f4f;
        }
/* Multiple Column layout */
.tmpl-multiple-column {
}
    .tmpl-multiple-column table.wrapper {
        margin-bottom: 0 !important;
    }
        .tmpl-multiple-column table tr {
        }
            .tmpl-multiple-column table tr td {
                padding: 4px 1em 4px 0;
            }
            .tmpl-multiple-column table tr td .fancy-list ul,
            .tmpl-multiple-column table tr td .fancy-list ol {
                padding-left: 0;
            }

/* Number list layout */
.tmpl-number-list {
}
    .tmpl-number-list table {
    }
        .tmpl-number-list td {
            padding: 0 !important;
        }
        .tmpl-number-list td.big-font {
            padding: 0 13px 4px 0 !important;
        }
            .tmpl-number-list p {
                margin-top: 0;
                margin-bottom: 10px !important;
            }
            .tmpl-number-list td.big-font p {
                margin: 0 2px 0 0 !important;
                width: 20px;
                text-align: right;
                font-size: 24px;
                line-height: 30px !important;
                /line-height: 20px !important;
                color: #979797;
            }

/* Back to top layout */
.tmpl-back-to-top {
    background: transparent url(../images/back-to-top-border.gif) repeat-x left top;
    width: 100%;
    text-align: right;
    padding-top: 4px;
}
    .tmpl-back-to-top a {
        text-decoration: none;
        margin-bottom: 8px;
    }
        .tmpl-back-to-top a span {
            background: transparent url(../images/back-to-top.png) no-repeat left top;
            padding: 1px 0 2px 20px;
            /line-height: 18px;
            font-size: 11px;
            font-style: italic;
            font-weight: bold;
            color: #c1c1c1;
        }
        .tmpl-back-to-top a:hover span {
            color: #4f4f4f;
        }

/* Pull quote layout */
blockquote.pull-quote {
    background: transparent url("../images/ldquo.png") no-repeat scroll left top;
    padding: 8px 0 0 20px;
}

/* Paragraph - Insert Quotation - Align Right layout */
div.tmpl-quote-with-right-align,
div.tmpl-quote-with-left-align {
}
.mceContentBody div.tmpl-quote-with-right-align,
.mceContentBody div.tmpl-quote-with-left-align {
    overflow: hidden;
}
    div.inset-right,
    div.inset-left {
        float: right;
        border: 1px solid #cbcbcb;
        width: 135px;
        padding: 10px 15px 0;
        margin: 4px 0 10px 10px;
        background: transparent url(../images/inset.png) repeat-x left bottom;
        line-height: 1.4em;
        font-size: 13px;
        color: #20180e;
        overflow: hidden;
    }
    div.inset-left{
        float: left;
        margin-left: 0;
        margin-right: 20px;
    }
        div.inset-right h5,
        div.inset-left h5 {
            margin-top: 0;
            margin-bottom: 8px !important;
        }
        .mceContentBody div.inset-right h5,
        .mceContentBody div.inset-left h5 {
            margin-top: 0;
        }
        div.inset-right .quote-open,
        div.inset-left .quote-open {
            float: left;
            width: 20px;
            height: 11px;
            position: relative;
        }
            div.inset-right .quote-open,
            div.inset-left .quote-open,
            div.inset-right .quote-open p,
            div.inset-left .quote-open p {
                color: #cbcbcb;
                font-size: 90px;
                margin-bottom: 0 !important;
            }
            div.inset-right .quote-open p,
            div.inset-left .quote-open p {
                position: absolute;
                top: -22px;
                left: -11px;
            }
        div.inset-right .content,
        div.inset-left .content {
            float: left;
            width: 115px;
            margin-top: 7px;
        }
            div.inset-right p,
            div.inset-left p {
                font-size: 11px;
                line-height: 1.2em !important;
                color: #4f4f4f;
            }
            div.pullquote {
                font-style: italic;
                font-weight: bold;
                margin-bottom: 20px;
            }
            div.pullquote .quote{
                float: left;
                width: 90%;
            }
            div.pullquote span.quotation_large_open {
                float: left;
                margin: 14px 15px 5px;
            }

/*  Emphasis box layiout  */
.emphasis-box {
}
    .emphasis-box span {
        /*
        border: #999 1px solid;
        background: #ddd;
        */
        font-size: 14px;
        background: #fff;
        padding: 0 8px;
        margin-left: 8px;
        font-weight: bold;
        color: #000;
    }
    .emphasis-text {
        border: 1px solid #c1c1c1;
        background: transparent url(../images/inset.png) repeat-x left bottom;
        padding: 16px;
        margin-top: -7px;
        margin-bottom: 15px;
        margin-left: 0px;
        margin-right: 10px;
    }
	

	
/* :::---------------------------------------. END: WYSIWYG TEMPLATES .---------------------------------------::: */
/*
  Variable Grid System.
  Learn more ~ http://www.spry-soft.com/grids/
  Based on 960 Grid System - http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.container_100 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_medium_12,
.grid_small_12 {
  display:inline;
  float: left;
  position: relative;
  box-sizing: border-box;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
  position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_100 .grid_1,
.container_12 .grid_1 {
  width: 8.33333%;
}

.container_100 .grid_2,
.container_12 .grid_2 {
  width: 16.66667%;
}

.container_100 .grid_3,
.container_12 .grid_3 {
  width: 25%;
}

.container_100 .grid_4,
.container_12 .grid_4 {
  width: 33.33333%;
}

.container_100 .grid_5,
.container_12 .grid_5 {
  width: 41.66667%;
}

.container_100 .grid_6,
.container_12 .grid_6 {
  width: 48%;
  padding-left:1%;
  padding-right:1%;
}

.container_100 .grid_7,
.container_12 .grid_7 {
  width: 58.33333%;
}

.container_100 .grid_8,
.container_12 .grid_8 {
  width: 66.66667%;
}

.container_100 .grid_9,
.container_12 .grid_9 {
  width: 75%;
}

.container_100 .grid_10,
.container_12 .grid_10 {
  width: 83.33333%;
}

.container_100 .grid_11,
.container_12 .grid_11 {
  width: 91.66667%;
}

.container_100 .grid_12,
.container_12 .grid_12 {
  width: 100%;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_100 .prefix_1,
.container_12 .prefix_1 {
  padding-left: 8.33333%;
}

.container_100 .prefix_2,
.container_12 .prefix_2 {
  padding-left: 16.66667%;
}

.container_100 .prefix_3,
.container_12 .prefix_3 {
  padding-left: 25%;
}

.container_100 .prefix_4,
.container_12 .prefix_4 {
  padding-left: 33.33333%;
}

.container_100 .prefix_5,
.container_12 .prefix_5 {
  padding-left: 41.66667%;
}

.container_100 .prefix_6,
.container_12 .prefix_6 {
  padding-left: 50%;
}

.container_100 .prefix_7,
.container_12 .prefix_7 {
  padding-left: 58.33333%;
}

.container_100 .prefix_8,
.container_12 .prefix_8 {
  padding-left: 66.66667%;
}

.container_100 .prefix_9,
.container_12 .prefix_9 {
  padding-left: 75%;
}

.container_100 .prefix_10,
.container_12 .prefix_10 {
  padding-left: 83.33333%;
}

.container_100 .prefix_11,
.container_12 .prefix_11 {
  padding-left: 91.66667%;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_100 .suffix_1,
.container_12 .suffix_1 {
  padding-right: 8.33333%;
}

.container_100 .suffix_2,
.container_12 .suffix_2 {
  padding-right: 16.66667%;
}

.container_100 .suffix_3,
.container_12 .suffix_3 {
  padding-right: 25%;
}

.container_100 .suffix_4,
.container_12 .suffix_4 {
  padding-right: 33.33333%;
}

.container_100 .suffix_5,
.container_12 .suffix_5 {
  padding-right: 41.66667%;
}

.container_100 .suffix_6,
.container_12 .suffix_6 {
  padding-right: 50%;
}

.container_100 .suffix_7,
.container_12 .suffix_7 {
  padding-right: 58.33333%;
}

.container_100 .suffix_8,
.container_12 .suffix_8 {
  padding-right: 66.66667%;
}

.container_100 .suffix_9,
.container_12 .suffix_9 {
  padding-right: 75%;
}

.container_100 .suffix_10,
.container_12 .suffix_10 {
  padding-right: 83.33333%;
}

.container_100 .suffix_11,
.container_12 .suffix_11 {
  padding-right: 91.66667%;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_100 .push_1,
.container_12 .push_1 {
  left: 8.33333%;
}

.container_100 .push_2 ,
.container_12 .push_2 {
  left: 16.66667%;
}

.container_100 .push_3,
.container_12 .push_3 {
  left: 25%;
}

.container_100 .push_4,
.container_12 .push_4 {
  left: 33.33333%;
}

.container_100 .push_5,
.container_12 .push_5 {
  left: 41.66667%;
}

.container_100 .push_6,
.container_12 .push_6 {
  left: 50%;
}

.container_100 .push_7,
.container_12 .push_7 {
  left: 58.33333%;
}

.container_100 .push_8,
.container_12 .push_8 {
  left: 66.66667%;
}

.container_100 .push_9,
.container_12 .push_9 {
  left: 75%;
}

.container_100 .push_10,
.container_12 .push_10 {
  left: 83.33333%;
}

.container_100 .push_11,
.container_12 .push_11 {
  left: 91.66667%;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_100 .pull_1,
.container_12 .pull_1 {
  left: -8.33333%;
}

.container_100 .pull_2,
.container_12 .pull_2 {
  left:-16.66667%;
}

.container_100 .pull_3,
.container_12 .pull_3 {
  left:-25%;
}

.container_100 .pull_4,
.container_12 .pull_4 {
  left:-33.33333%;
}

.container_100 .pull_5,
.container_12 .pull_5 {
  left:-41.66667%;
}

.container_100 .pull_6,
.container_12 .pull_6 {
  left:-50%;
}

.container_100 .pull_7,
.container_12 .pull_7 {
  left:-58.33333%;
}

.container_100 .pull_8,
.container_12 .pull_8 {
  left:-66.66667%;
}

.container_100 .pull_9,
.container_12 .pull_9 {
  left:-75%;
}

.container_100 .pull_10,
.container_12 .pull_10 {
  left:-83.33333%;
}

.container_100 .pull_11,
.container_12 .pull_11 {
  left:-91.66667%;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}


@media only screen and (min-width : 481px) and (max-width : 768px) {
  .container_12 .grid_medium_6,
  .container_100 .grid_medium_6 {
    width: 50%;
  }
  
  .container_12 .grid_medium_12,
  .container_100 .grid_medium_12 {
    width: 98%;
  padding-left:1%;
  padding-right:1%;
  }
  
}


@media only screen and (max-width : 481px){
  .container_12 .grid_small_6,
  .container_100 .grid_small_6 {
    width: 50%;
  }
  
  .container_12 .grid_small_12,
  .container_100 .grid_small_12 {
    width: 100%;
  }
  
  .container_12 .grid_small_hide,
  .container_100 .grid_small_hide {
    display: none;
  }
  
}/* :::. FORM ELEMENTS .::: */


fieldset {
}
    legend {
    }
    
fieldset.input {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 5px 10px 10px 10px;
    /* :::. IE FIELDSET/LEGEND FIX - PART I .::: */
    position: relative;
    /margin-top:20px;
    /padding-top:15px;
}
    fieldset legend {
        color: #545353;
        font-weight: bold;
        font-size: 12px;
        padding: 0px 3px;
        /* :::. IE FIELDSET/LEGEND FIX - PART II .::: */
        /position:absolute;
        /top: -10px;
    }
    fieldset.input p {
        margin-top:5px;
        margin-bottom:15px;
    }

/* Ordered list for displaying form elements */
form fieldset ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: 14px;
}
    form fieldset ol li {
        clear: both;
        margin: 0px;
        padding: 4px 0px 4px 170px;
        list-style: none;
        border-top: 1px solid #d7d7d7;
        /border-top-width: expression(this.previousSibling == null ? '0px' : '1px' ); /* ie6 hack */
    }
        form fieldset ol li:first-child {
            border-top: 0px !important;
        }
        form fieldset ol li.nocontrol {
            padding-left:0px;
            padding-top:5px;
        }
    /*
    form fieldset ol li:hover {
        background-color: #ffaf3d;
    }
    */
        form fieldset input, form fieldset button, form fieldset select, form fieldset textarea {
            margin-top: 4px;
            margin-bottom: 4px;
        }
        form fieldset input.inputbox, form fieldset textarea, form fieldset select {
            border-top: 1px solid #d0d0d0;
            border-left: 1px solid #d0d0d0;
            border-bottom: 1px solid #d0d0d0;
            border-right: 1px solid #d0d0d0;
            padding: 2px;
            font-size:13px;
            background: #efefef !important; /* This !important cancels fabrik's .inputbox:focus */
        }
        form fieldset ol li input[type="text"], form fieldset ol li input[type="password"] {
            width:200px;
        }
        form fieldset ol li select {
            padding:1px;
            font-size: 11px;
        }
        form fieldset ol li input.inputcheckbox {
        }
        /* For text instead of an input field */
        form fieldset ol li div div {
            padding: 0px !important;
            margin: 8px 0 0 0 !important;
        }
        form fieldset ol li label {
            float: left;
            font-size: 12px;
            margin-left: -170px;
            text-align: left;
            padding: 7px 10px 8px 0px !important;
            margin-right: 10px;
            color: #666666;
            font-weight:normal;
            width: 150px;
            text-align:right;
        }
        form fieldset ol li label.textlabel {
            float: none;
            display: inline;
            margin: 0px 0px 0px 5px;
            padding:0px;
            width: auto;
            border: none;
        }
            form fieldset ol li label.invalid {
                color: #cc0000;
            }
            .invalid {
                color: #cc0000;
            }
        label.hasTip {
            background: url(../images/tooltip.gif) 97% 50% no-repeat;
            padding-right:20px !important;
            width: 140px;
        }

        form fieldset ol li div.static { /* Fixing plain text behaviour */
            padding-top:6px;
            /float:left;
        }
        form fieldset ol li div.label-wrapper input { /* Fixing checbox label behaviour */
            float:left;
            /margin-top:-4px; /* IE Hack*/
        }
        form fieldset ol li div.label-wrapper label { /* Fixing checbox label behaviour */
            float:left;
            margin-left:5px;
            width:auto;
            text-align:right;
            margin-bottom:3px;
            border:none;
            background:none;
        }
        form fieldset ol li p { /* field comments */
            margin-top: 0.2em;
            margin-bottom: 0;
            font-size: 0.9em;
        }
        form fieldset ol li p.error { /* field error */
            margin-top: 0;
            margin-bottom: -2px;
            padding:0px;
            color: #f00;
        }

/* Fields on top */
form fieldset ol.onTop {
}
    form fieldset ol.onTop li {
        clear: none;
        padding-left: 0;
            }

        form fieldset ol.onTop li label {
            float: none;
            display: block;
            margin-left: 0;
            margin-bottom: 0.2em;
            width: auto;
        }


strong.required {
    color: #cc0000;
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 12px;
    cursor:help;
}

button.button, input.button {
    /* background: url(../images/button-bg.png) repeat-x #cdcdcd top left; */
    border: 1px solid #949494;
    color: #666666;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 2px 5px;
    cursor: pointer;
    /*
    border: none;
    margin:5px 0px;
    padding:0px;
    height:25px;
    width:64px;
    */
}
/* simulate press down*/
button.button:active {
    background-position: 1px 1px;
}
    /*
    button.generic {
        background: url(../images/submit_generic.png) no-repeat;
        width:71px;
    }
    button.login {
        background: url(../images/submit_login.png) no-repeat;
    }
    button.save {
        background: url(../images/submit_save.png) no-repeat;
    }
    button.buynow {
        background: url(../images/submit_buynow.png) no-repeat;
        width:82px;
    }
    button.activate {
        background: url(../images/submit_activate.png) no-repeat;
        width:78px;
    }
    button.register {
        background: url(../images/submit_register.png) no-repeat;
        width:119px;
    }
    button.add {
        background: url(../images/submit_add.png) no-repeat;
        width:58px;
    }
    button.edit {
        background: url(../images/submit_edit.png) no-repeat;
        width:58px;
    }
    button.delete {
        background: url(../images/submit_delete.png) no-repeat;
        width:69px;
    }
    button.cancel {
        background: url(../images/submit_cancel.png) no-repeat;
        width:71px;
    }
    button.lodgeticket {
        background: url(../images/submit_lodgeticket.png) no-repeat;
        width:102px;
    }
    button.clickheretoreply {
        background: url(../images/submit_clickheretoreply.png) no-repeat;
        width:133px;
    }
    button.loginhome {
        background: url(../images/submit_loginhome.png) no-repeat;
        width:67px;
    }
    */
    
a.btn {
    display:block;
    border: none;
    margin:5px 0px;
    padding:0px;
    height:25px;
    min-width:64px;
    text-decoration:none;
}
/* simulate press down*/
a.btn:active {  
    background-position: 1px 1px;
}
    a.browsedocu {
        background: url(../images/btn_browsedocu.png) no-repeat;
        width:203px;
    }
    a.viewfaq {
        background: url(../images/btn_viewfaq.png) no-repeat;
        width:203px;
    }
    a.submitticket {
        background: url(../images/btn_submitticket.png) no-repeat;
        width:107px;
        float:left;
        margin-top:-8px;
    }

/* Fabrik */
form.fabrikForm {
}
    form.fabrikForm h1 {
    }
    /*
    form.fabrikForm img {
        border: none !important;
    }
    */
    fieldset.fabrikGroup {
    }
        fieldset.fabrikGroup legend {
            /* display: none; */
        }
        fieldset.fabrikGroup ul {
            margin-bottom: 0 !important;
        }
            fieldset.fabrikGroup li.fabrikElementContainer {
                list-style: none;
                border-bottom: 1px solid #d7d7d7;
                margin-top: 0;
            }
            fieldset.fabrikGroup li.fabrikcaptcha {
                padding: 5px 0px 5px 10px;
            }
            fieldset.fabrikGroup li.fabrikError {
                background-position: 99% 12px !important;
            }
                li.fabrikElementContainer div.fabrikLabel {
                    padding: 4px 20px 0 0;
                    margin-right: 6px;
                    background-position: right 8px !important;
                    width: 160px; /* 140px; */
                    text-align: right;
                }
                li.fabrikcheckbox div.fabrikLabel {
                    padding-top: 0;
                }
                    div.fabrikLabel label {
                    }
                li.fabrikElementContainerIfWide div.fabrikLabel { /* ifactory_wide style */
                    padding-top: 7px;
                    /padding-top: 8px;
                    background-position: right 12px !important;
                    /background-position: right 13px !important;
                }
                li.fabrikElementContainerIfWideHasSelect div.fabrikLabel { /* ifactory_wide style for IE7 */
                    /padding-top: 4px;
                }
                li.fabrikElementContainerIfWideHasSubElements div.fabrikLabel { /* ifactory_wide style */
                    padding-top: 2px;
                    background-position: right 6px !important;
                }
                li.fabrikElementContainerIfInlabel div.fabrikLabel { /* ifactory_inlabel style */
                    visibility: hidden;
                    width: 15px;
                    height: 20px;
                    padding: 0;
                    overflow: hidden;
                }
                li.fabrikElementContainerIfHasSubElements div.fabrikLabel { /* ifactory_inlabel style for radio button and checkbox */
                    visibility: visible;
                    text-align: left;
                    padding: 0 0 5px 21px;
                    /* Safari needs this */
                    width: 100%;
                    float: none;
                    background-position: left 2px !important;
                    /background-position: left 3px !important;
                }
                li.fabrikElementContainerIfInlabel div.fabrikLabelIfInlabel { /* ifactory_inlabel style for displaying required icon */
                    display: block;
                    margin-top: 4px;
                    visibility: visible;
                    background-position: left 4px !important;
                    /background-position: left 5px !important;
                }
                li.fabrikElementContainerIfInlabelWide div.fabrikLabelIfInlabel { /* ifactory_inlabel_wide style */
                    background-position: left 8px !important;
                    /background-position: left 9px !important;
                }
                li.fabrikElementContainer div.fabrikElement {
                }
                li.fabrikcaptcha div.fabrikElement {
                    overflow: hidden; /* IE needs this */
                }
                    div.fabrikElement #recaptcha_area { /* IE6 needs this */
                        /margin-top: 0 !important;
                        /margin-top: -7px;
                    }
                        div.fabrikElement td.recaptcha_r4_c1 { /* IE6 needs this */
                            /position: relative;
                        }
                            div.fabrikElement .recaptcha_input_area { /* IE6 needs this */
                                /position: absolute;
                                /top: 0;
                                /left: 0;
                            }
                li.fabrikElementContainerIfHasSubElements div.fabrikElement { /* ifactory_inlabel style for radio button and checkbox */
                    width: 100%;
                    overflow: hidden;
                    margin-left: 20px;
                }
                    .fabrikSubElementContainer {
                        margin-left: 176px; /* 179px; */
                    }
                    li.fabrikElementContainerIfInlabel .fabrikSubElementContainer { /* ifactory_inlabel style */
                        margin-left: 0;
                    }
                        .fabrik_subelement {
                            width: 157px !important; /* 160px !important; */
                        }
                            .fabrik_subelement label {
                                width: 100%;
                                overflow: hidden;
                            }
                                .fabrik_subelement input {
                                    /*
                                    It works only if the text is not wrapped
                                    float: left;
                                    margin-right: 4px;
                                    /margin: 1px 2px 1px 0;
                                    */
                                    margin-right: 2px;
                                    /margin: 0;
                                    vertical-align: middle;
                                }
                                .fabrik_subelement span {
                                    /*
                                    It works only if the text is not wrapped
                                    float: left;
                                    /margin-top: 3px;
                                    /line-height: 1.2em;
                                    */
                                }
                    div.fabrikElement .inputbox {
                        width: 280px;
                        /* padding: 6px 4px; */
                    }
                    li.fabrikElementContainerIfInlabel .inputbox { /* ifactory_inlabel style */
                        width: 450px;
                        /* padding: 6px 4px; */
                    }
                    div.fabrikElementIfWide .inputbox { /* ifactory_wide style */
                        padding: 6px 4px;
                    }
                    div.fabrikElement select {
                        width: 286px !important;
                    }
                    li.fabrikElementContainerIfInlabel div.fabrikElement select { /* ifactory_inlabel style */
                        width: 460px !important;
                        /*
                        Alternative stylnig. I personaly don't prefer because the space between top and bottom becomes uneven
                        height: 30px;
                        padding: 0 0 0 4px;
                        */
                    }
                li.fabrikElementContainer .fabrikErrorMessage {
                    font-size: 11px;
                    position: relative;
                    top: 0;
                    text-align: right;
                }
    div.fabrikActions {
        text-align: center;
        /* padding-left: 195px; *//* 175px; */
    }

/* :::. HORIZONTAL NAVIGATION .::: */

/*
 * This is a general guide on building drop down menus using ex-menu.
 * The code below can be modified to work with the default joomla menu system (mainmenu)
 * basically just replace #nav-root with ul.menu or whatever class / id you are using
 * 
 * Note the use of li.over for hover elements - this is because IE6 does not support the
 * li:hover pseudo class.  Instead of doubling up each reference to hover with li.over, li:hover
 * I have decided to just support li.over
 * 
*/
                
    #navigation {
       
    }
        #navigation #mainlevel {
            margin:0px;
        }
        #nav-root {
            margin: 0;
            padding: 0;
            list-style: none;
            z-index: 90;
            float: left;
        }
            /* Style all li tags like this */
            #navigation li {
                margin: 0; /* 0 10px 0 0; */
                padding: 0;
                float: left;
                position: relative;
                list-style: none;
            }
                /* 1st level - horizontal menu */
                #nav-root li a, #nav-root li span, #nav-root li span.mainlevel_active {
                    padding: 8px 10px; /* Padding specific to 1st level */
                    display: block;
                    font-weight: bold;
                    cursor: pointer;
                    color: #999; /* text color for 1st level */
                }
                    #nav-root li {
                        background: #eee url(../images/separator.gif) left center no-repeat; /* Set the separator image here */
                    }
                        #nav-root li.first {
                            background-image: none; /* This removes the separator image from the first item */
                        }
                /* 2nd level - drop down */
                #nav-root ul {
                    margin: 0;
                    padding: 0;
                    position: absolute;
                    top: 32px; /* Positions second level below first level - will be equal to height of #nav_box */
                    left: 0;
                }
                    #nav-root ul li {
                        width: 160px;
                        /* if you need to add an icon to the front
                        padding: 0 0 0 30px;
                        background: url(../images/3nd-level-icon.jpg) left center no-repeat; */
                        background: #000; /* 2nd level default background color */
                        /clear: both; /* IE6 sends next item to next line */
                    }
                        #nav-root li li a, #nav-root li li span {
                            padding: 5px 13px; /* Padding specific to 2nd level - define or otherwise will inherit from #nav-root li */
                            display: block;
                            color: #fff; /* text color for 2nd & 3rd level - delete if you want it to inherit from #nav-root */
                        }
                        #nav-root ul li.over {
                            background: #ccc; /* 2nd level hover color */
                        }
                    /* 3rd level - drop down */
                    #nav-root ul ul {
                        position: absolute;
                        top: 0;
                        left: 160px; /* Positions the ul next to its parent li */
                    }
                        #nav-root ul ul li {
                            width: 160px;
                            /* if you need to add an icon to the front
                            padding: 0 0 0 30px;
                            background: url(../images/3nd-level-icon.jpg) left center no-repeat; */
                            background: #666; /* 3rd level default background color */
                        }
                            #nav-root ul ul li.over {
                                background: #000; /* 3rd level hover color */
                            }
/* Active menu item */
span.mainlevel_active, a#active_menu {
    background: #ccc; /* active menu items */
}
/* Hide menus - do not change */
#nav-root ul, #nav-root li.over ul, #nav-root li.over ul ul {
    display: none;
}
/* Show Menu on Hover - do not change */
#nav-root li.over ul, #nav-root li li.over ul {
    display: block;
}

/* :::. BREADCRUMBS .::: */
span.breadcrumbs {
    display:block;
    padding: 13px 0px;
}

/* :::. PAGINATION .::: */
ul.pagination {
}
    ul.pagination li {
        border-right: 1px solid #cfcfcf;
        margin: 0px;
        padding: 0px;
        display: inline-block;
        list-style: none;
        float: left;
    }
    ul.pagination li a, ul.pagination li span.pagenav {
        display: inline-block;
        padding: 2px 10px 2px 8px;
        text-decoration: none;
        font-family: arial;
        text-transform: lowercase;
    }
    ul.pagination li a:hover {
        text-decoration: underline;
    }
    ul.pagination li.end, ul.pagination li.end-inactive {
        border-right: none;
    }
    ul.pagination li.start, ul.pagination li.start-inactive {
        padding-right: 10px;
    }
    ul.pagination li.end, ul.pagination li.end-inactive {
        padding-left: 10px;
    }
 /**
 * if_960 template css
 * ---------------------------------
 * This template is also the default template
 *
 * @author Fortunato Geelhoed <fortunato@ifactory.com.au>
 * @version 1.0.0
 * @copyright (C) 2006-2009 iFactory Pty Ltd
 * @license all rights reserved
 */






/* To be moved to somewhere if this is in a different module position */

.mod_search {
    width: 260px;
    overflow: hidden;
    float: right;
}

#mod_search_searchword {
    margin-right: 4px;
}






/* -------------------- gallery ------------------------- */

#main_images_wrapper1 {
    margin-left: 30px;
    margin-top: 10px;
    width: 580px !important;
    left: 0px;
}

#main_images_wrapper1 img {
    left: 0px !important;
}

#main_large_image1 img {
    top: 0px !important;
}

#main_large_image1 {
    background-color: #eee;
    width: 576px !important;
    padding: 0px;
    border: solid 2px #293439;
}

#main_des_container1 {
    display: none;
}

#main_thumb_container1 {
    width: 580px !important;
    margin-top: 18px;
}

.thumbs_div {
    width: 120px !important;
    height: 100px !important;
}

table.main_thumb_table td div.thumbs_div img {
    padding: 0px !important;
    float: left !important;
}

#main_left_right_arrows_div1 {
    width: 580px !important;
}

#main_left_arrow1,
#main_right_arrow1 {
    margin-top: -85px;
    position: absolute;
}

#main_left_arrow1 {
    margin-left: 30px;
}

#main_right_arrow1 {
    margin-left: 576px;
}


/* ----------------------------- testimonials -------------------------------------- */

#post-component {
    margin-left: 30px;
    margin-top: 20px;
}

.testimonials-inner {
    background-color: #d6cbc6;
    padding: 20px;
    width: 540px;
}

.testimonials p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

.testimonials p:first-letter {
    /*font-size:70px;*/
}

.testimonials img {
    display: none;
}

.ccItem {
    height: 130px !important;
}

.testimonials-inner td {
    /*width:50%;*/
    vertical-align: top;
}

.testimonials-inner td:first-child {
    width: 50%;
    padding-right: 5%;
}


/* ------------------------- other ---------------------------- */


#post-component {
    width: 580px;
}

#post-component .masterplan {
    width: 280px;
    background-color: #9fc757;
    padding: 20px;
    margin-bottom: 20px;
}

#post-component .masterplan li {
    background: url(../images/dark-bullet.png) no-repeat scroll left 9px transparent;
}


/*contact form added by Ben 2-11-12*/

#contact-us-page #component {
    width: 580px;
    margin: 20px 30px;
}

#contact-us-page form {
    background: none;
    border: none;
}

#contact-us-page #form_1 fieldset {
    margin: 0px;
    border: none;
}

#contact-us-page .groupintro {
    margin: 0px;
}

#contact-us-page legend {
    box-sizing: border-box;
    padding: 10px 12px;
    background: #293439;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: 'titilliumtext22l_ltmedium';
    font-size: 18px;
    font-weight: normal;
    color: #FFF;
    text-shadow: 0px 1px 1px #000;
}

#contact-us-page legend span {
    padding: 0px;
}

#contact-us-page #form_1 fieldset > ul {
    padding: 60px 0px 0px 0px;
}

#contact-us-page #form_1 .fabrikElementContainer {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    border: none;
}

#contact-us-page #form_1 .leftCol,
#details_1 .leftCol {
    width: 200px;
}

#contact-us-page label img {
    margin: 0px 0px 0px 5px;
}

#contact-us-page #form_1 #group2 {
    margin-top: 40px;
}

#contact-us-page .fabrikSubElementContainer {
    margin: 0px;
}

#contact-us-page input[type="text"],
#contact-us-page select,
#contact-us-page textarea {
    padding: 10px;
    width: 100% !important;
    box-sizing: border-box;
}

#contact-us-page .fabrikActions {
    padding: 0px;
    margin: 0px;
    border: none;
}

#contact-us-page .fabrikActions input[type="submit"] {
    float: right;
    padding: 8px 12px;
    margin: 0px;
    background: #9FC757;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    border: 1px solid #86a849;
    font-family: 'titilliumtext22l_ltmedium';
    font-weight: normal;
    font-size: 16px !important;
    color: #FFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}


/*new contact form added by Ben 5-12-12*/

#em_subscribe_form h2 {
    padding: 10px 12px;
    margin: 20px 0px;
    background: #293439;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #FFF;
    text-shadow: 0px 1px 1px #000;
}

#em_subscribe_form .contact_info {
    overflow: hidden;
    margin: 20px 0px;
}

#em_subscribe_form .contact_info label {
    float: left;
    width: 180px;
}

#em_subscribe_form .contact_info label span {
    font-weight: bold;
    color: #F00;
}

#em_subscribe_form .contact_info input,
#em_subscribe_form .contact_info select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: right;
    width: 370px;
    padding: 10px;
    background: #EFEFEF;
    border: 1px solid #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#em_subscribe_form .contact_info small {
    display: none;
}

#em_subscribe_form .space_cotact_info label {
    clear: both;
    float: left;
    width: 180px;
}

#em_subscribe_form .space_cotact_info .contact_info_rgt {
    float: right;
    width: 370px;
}

#em_subscribe_form .space_cotact_info .contact_info_rgt input {
    margin-bottom: 15px;
}

#em_subscribe_form .space_cotact_info .contact_info_rgt #em_wfs_formfield_2346768_option_1,
#em_subscribe_form .space_cotact_info .contact_info_rgt #em_wfs_formfield_2346915_option_4,
#em_subscribe_form .space_cotact_info .contact_info_rgt #em_wfs_formfield_2347013_option_3 {
    margin-bottom: 30px;
}

#em_subscribe_form .space_cotact_info .contact_info_rgt textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 370px;
    max-width: 370px;
    padding: 10px;
    background: #EFEFEF;
    border: 1px solid #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#em_subscribe_form .submit_info {
    clear: both;
    overflow: hidden;
}

#em_subscribe_form .contact_widget input[type="submit"] {
    float: right;
    padding: 8px 12px;
    margin: 20px 0px 0px 0px;
    background: #9FC757;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    border: 1px solid #86a849;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'titilliumtext22l_ltmedium';
    font-weight: normal;
    font-size: 16px !important;
    color: #FFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}


/* Community Portal page (Login/Logout) */

.portal {
    margin: 20px;
}

html#community-portal-page {}

html#profile-page #component,
html#community-portal-page #component {
    width: 310px;
}

html#profile-page #content-inner,
html#community-portal-page #content-inner {
    /*margin: 25px 10px 10px;*/
}

html#profile-page #mod-precomponent img,
html#community-portal-page #mod-precomponent img {
    width: auto;
    height: auto;
}

html#community-portal-page .login,
html#community-portal-page .login-logout {
    margin: 20px;
}

html#community-portal-page .login-logout h1 {
    color: #a1cc3a;
}

html#community-portal-page .login form {}

html#community-portal-page .login form {}

html#community-portal-page .login-fields {}

html#community-portal-page .login-fields input {
    border: 1px solid #aaa;
    padding: 4px 6px;
    width: 80%;
}

html#community-portal-page .login-logout .button {
    background: #a1cc3a;
    color: #fff;
    font-size: 16px !important;
    border: none;
    padding: 4px 10px;
}

html#community-portal-page #right {
    width: 310px;
    margin: 340px 0 0 0;
}

.residents-register-for-access {
    background: #a1cc3a;
    padding: 10px;
}

.residents-register-for-access h3 {
    color: #fff;
}

.residents-register-for-access .fabrikForm {
    background: transparent !important;
    border: none !important;
}

.residents-register-for-access .fabrikMainError {
    background: #cf0;
    padding: 0 4px;
    margin-bottom: 16px;
}

.residents-register-for-access fieldset.fabrikGroup {
    margin: 0 !important;
    border: none !important;
}

.residents-register-for-access .groupintro {
    margin: 0 !important;
    padding: 0 !important;
}

.residents-register-for-access ul {
    padding: 0 !important;
}

.residents-register-for-access fieldset.fabrikGroup li.fabrikElementContainer {
    margin: 0 !important;
    padding: 0 0 6px !important;
    border: none !important;
}

.residents-register-for-access fieldset.fabrikGroup .displayBox {}

.residents-register-for-access fieldset.fabrikGroup .leftCol {
    width: auto !important;
    padding-left: 0 !important;
}

.residents-register-for-access fieldset.fabrikGroup .leftCol label {
    color: #fff;
}

.residents-register-for-access fieldset.fabrikGroup .leftCol .fabrikTip {
    display: none;
}

.residents-register-for-access fieldset.fabrikGroup .leftCol span.fabrikErrorMessage {
    padding-right: 0 !important;
}

.residents-register-for-access fieldset.fabrikGroup .leftCol span.fabrikErrorMessage a {
    padding-right: 5px;
    line-height: 30px;
}

.residents-register-for-access fieldset.fabrikGroup .leftCol span.fabrikErrorMessage a img {
    vertical-align: middle;
}

.residents-register-for-access fieldset.fabrikGroup .fabrikElement {
    margin-left: 0 !important;
}

.residents-register-for-access fieldset.fabrikGroup .fabrikElement .inputbox {
    background: #d1e7b1 !important;
    width: 98%;
    border: none !important;
    padding: 6px 3px !important;
    margin: 0;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.residents-register-for-access .fabrikActions {
    border: none !important;
    padding: 0 !important;
    margin: 4px 0 0 !important;
    text-align: right;
}

.residents-register-for-access .fabrikActions .button {
    background: #fff;
    padding: 4px 10px !important;
    margin-right: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #9bae60;
    font-size: 16px !important;
}


/* Booking application form (LifestyLe Centre & Bookings) */

body.lifestyle-centre-bookings {}

body.lifestyle-centre-bookings #component {
    width: 640px;
    margin-right: 0;
}

body.lifestyle-centre-bookings #content-inner h1,
body.lifestyle-centre-bookings #content-inner form {
    margin: 0 30px;
}

body.lifestyle-centre-bookings #content-inner h1 span {
    color: #a1cc3a;
}

body.lifestyle-centre-bookings form#form_3 {
    background: transparent !important;
    border: none !important;
    width: inherit;
}

body.lifestyle-centre-bookings .fabrikMainError {
    background: #cf0;
    padding: 0 4px;
    margin-bottom: 16px;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup,
body.lifestyle-centre-bookings .fabrikActions {
    background: #eaf3dc;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup {
    margin: 0 !important;
    border: none !important;
    padding: 10px !important;
}

body.lifestyle-centre-bookings .groupintro {
    margin: 0 !important;
    padding: 0 !important;
}

body.lifestyle-centre-bookings ul {
    padding: 0 !important;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup li.fabrikElementContainer {
    margin: 0 !important;
    padding: 0 0 6px !important;
    border: none !important;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup .displayBox {}

body.lifestyle-centre-bookings fieldset.fabrikGroup .leftCol {
    width: 100px !important;
    padding-left: 0 !important;
}

body.lifestyle-centre-bookings .radiobutton .leftCol {
    display: none;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup .leftCol label[for=online_booking___number_of_participants],
body.lifestyle-centre-bookings fieldset.fabrikGroup .leftCol label[for=online_booking___facility_label] {
    display: block;
    width: 300px;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup .leftCol .fabrikTip {
    display: none;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup .leftCol span.fabrikErrorMessage {
    padding-right: 0 !important;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup .leftCol span.fabrikErrorMessage a {
    padding-right: 5px;
    line-height: 30px;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup .leftCol span.fabrikErrorMessage a img {
    vertical-align: middle;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup .fabrikElement {
    margin-left: 0 !important;
}

body.lifestyle-centre-bookings .fabrikSubElementContainer {
    margin: 0;
}

body.lifestyle-centre-bookings .fabrikSubElementContainer label {
    cursor: pointer;
}

.calendarbutton {
    cursor: pointer;
}

.fabrikSubElementContainer li {
    list-style: none;
    background: none !important;
}

.fabrikSubElementContainer input {
    border: none !important;
}

body.lifestyle-centre-bookings fieldset.fabrikGroup .fabrikElement .inputbox {
    background: #fff !important;
    border: none !important;
    padding: 6px 3px !important;
    margin: 0 10px 0 0;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

body.lifestyle-centre-bookings .fabrikActions {
    border: none !important;
    padding: 0 0 10px 10px !important;
    margin: 0 0 20px !important;
    text-align: left;
}

body.lifestyle-centre-bookings .fabrikActions .button {
    color: #fff;
    background: #a1cc3a;
    padding: 4px 10px !important;
    margin-right: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    font-size: 16px !important;
}

div#online_booking___facility.fabrikSubElementContainer ul {
    width: 415px;
}

fieldset#group4 ul li.display {
    font-weight: bold;
}

.moduletablepackages {
    vertical-align: top;
    font-size: 12px;
    display: inline-block;
    padding: 5px;
    border: 1px solid #ebebeb;
    background: #f8f8f8;
    margin: 0 10px 20px 0;
}

.moduletablepackages h3 {
    margin-bottom: 5px !important;
    font-size: 18px;
}

#contact-us-page #component {
    width: 580px;
    margin: 20px 30px;
}


/* Lifestyle Center Gallery */

.lifestyle .item-page {
    margin-top: 0;
    width: 600px;
}

.lifestyle .item-page td {
    padding: 10px;
}

.lifestyle-gallery {
    width: 640px;
    margin: 0 0 0 -30px;
    position: relative;
}

.lifestyle .item-page .lifestyle-gallery td {
    padding: 0;
}

.lifestyle-gallery div.main_large_image {
    padding: 0;
}

.lifestyle-gallery div.main_image_slideshow_wrapper #magnifygif {
    top: 289px !important;
    left: 608px !important;
}

.lifestyle-gallery div.main_des_container {
    background-color: #083F00;
    color: white;
    float: none !important;
    margin: 0;
    opacity: 0.8;
    padding: 10px;
    position: absolute;
    top: 277px;
    width: 620px !important;
    height: 23px !important;
    overflow: hidden !important;
    z-index: 99;
}

.lifestyle-gallery div.main_des_container p {
    font-family: 'titilliumtext22l_rgbold';
    font-size: 14px;
}

.lifestyle-gallery div.main_thumbs_arrow_wrapper {
    margin-left: 5px;
}

.lifestyle-gallery div.main_thumb_container {
    width: 612px !important;
    margin: 20px 0 0 28px;
}

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

#videoimg:hover {
    opacity: 0.8;
    cursor: pointer;
}


/*Community Notice Board*/

.blog {
    margin-left: 30px;
}

.blog div div div.item-separator {
    background-color: #ccc;
    height: 1px;
}

#content-inner .blog h2 {
    margin-left: 0px;
    margin-bottom: 20px;
}

#content-inner .pagination {
    overflow: hidden;
    margin: 60px 0px 0px 0px;
}

#content-inner .pagination .counter {
    float: left;
    margin: right;
}

#content-inner .pagination ul {
    float: right;
    margin: 0px;
}

#content-inner .pagination ul li {
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 5px;
    background: none;
    line-height: normal;
}

#content-inner .pagination ul li span,
#content-inner .pagination ul li a {
    display: block;
    padding: 5px 12px 7px 12px;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #f7f7f7;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    font-family: 'titilliumtext22l_ltmedium';
    font-size: 16px;
    color: #999;
    text-shadow: 0px 1px 0px #FFF;
}

#content-inner .pagination ul li a {
    border-color: #86A849;
    background: #9FC757;
    color: #FFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

#content-inner .article-info .article-info-term {
    display: none;
}

#content-inner .article-info dd {
    margin: 0px 0px 20px 0px;
    font-style: italic;
}


/* Public Open Day */

.public-open-day #component {
    width: 600px;
    padding: 20px;
    margin: 0px;
}

.public-open-day h1 {
    display: none;
}

.public-open-day #content-inner h2 {
    margin-left: 0px;
}

.public-open-day #pre-component {
    margin: -20px -20px 0px -20px;
}

.public-open-day #pre-component p {
    margin: 0px;
}

.public-open-day #form_4 {
    padding: 0px;
    border: none;
    margin: 0px;
    background: none;
}

.public-open-day #form_4 .fabrikGroup {
    border: none;
    margin: 0px;
}

.public-open-day #form_4 fieldset > ul {
    padding: 0px;
}

.public-open-day #form_4 .fabrikElementContainer {
    padding: 10px 0px;
    border: none;
    margin: 0px;
}

.public-open-day #form_4 fieldset ul {
    overflow: hidden;
    margin: 0px;
}

.public-open-day #form_4 .fabrikSubElementContainer {
    margin: 0px;
}

.public-open-day #form_4 .fabrikElementContainer.checkbox .leftCol {
    display: none;
}

.public-open-day #form_4 .fabrikElementContainer.checkbox .fabrikElement {
    width: 100%;
    margin: 0px;
}

.public-open-day #form_4 .leftCol {
    width: 220px;
}

.public-open-day #form_4 input[type="text"] {
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 370px;
    padding: 10px;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #EFEFEF;
}

.public-open-day #form_4 input[type="radio"],
.public-open-day #form_4 input[type="checkbox"] {
    float: left;
    margin: 7px 5px 7px 0px;
}

.public-open-day #form_4 .fabrikActions {
    overflow: hidden;
    padding: 0px;
    border: none;
    margin: 0px 0px 30px 0px;
}

.public-open-day #form_4 input[type="submit"] {
    float: right;
    padding: 8px 12px;
    margin: 0px 0px 0px 0px;
    background: #9FC757;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    border: 1px solid #86a849;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'titilliumtext22l_ltmedium';
    font-weight: normal;
    font-size: 16px !important;
    color: #FFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.public-open-day #form_4 legend {
    top: -44px;
    background: #293439;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: 'titilliumtext22l_ltmedium';
    font-size: 18px;
    font-weight: normal;
    color: #FFF;
    text-shadow: 0px 1px 1px #000;
}

.public-open-day #form_4 legend span {
    padding: 10px 12px;
}

.public-open-day .thank-you {
    padding: 20px 25px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 20px 0px 0px 0px;
    background: #f7f7f7;
}

.public-open-day .thank-you {
    overflow: hidden;
}

.public-open-day #content-inner .thank-you h2 {
    margin: 0px 0px 10px 0px;
}

.public-open-day .button {
    float: left;
    display: block;
    padding: 8px 12px;
    margin: 0px 0px 0px 0px;
    background: #9FC757;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    border: 1px solid #86a849;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'titilliumtext22l_ltmedium';
    font-weight: normal;
    font-size: 16px !important;
    color: #FFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.top-right {
    /*display: none;*/
    background-image: url('../images/curve.png');
    background-repeat: no-repeat;
    background-position: top right;
    border-radius: 0 0 0 50px;
    width: 479px;
    height: 75px;
    position: absolute;
    right: 0;
    z-index: 9;
}

.top-right-sub {
    /*display: none;*/
    background-image: url('../images/curve.png');
    background-repeat: no-repeat;
    background-position: top left;
    border-radius: 0 0 0 50px;
    width: 429px;
    height: 75px;
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 9;
}

.top-right a {
    color: #fff;
    text-decoration: none;
}

.top-right-sub a {
    color: #A0CC39;
    text-decoration: none;
}

.top-right:hover,
.top-right-sub:hover {
    background-color: rgba(82, 91, 92, 0.3);
}

.top-right a:hover,
.top-right-sub a:hover {
    text-decoration: underline;
}

.top-right p,
.top-right-sub p {
    padding-left: 25px;
    padding-top: 20px;
    color: #fff;
    font-size: 25px;
    font-family: 'titilliumtext22l_ltmedium';
}









/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::



    New Styles - Booking System



::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/* :::. STRUCTURE .::: */
html {
    height: 100%;
}

body {
    padding-bottom: 0;
    background-color: #293439;
    height: 100%;
    color: #697276;
    position: relative;
    font-family: 'Roboto', sans-serif;
}
a, a:visited, a:link, a:active {
    color: #a1cc3a;
}

.container-fluid {
    max-width: 1180px;
}

.white_bg {
    background: #f5f4f8;
    width: 50%;
    position: fixed;
    height: 100%;
    right:0;
    display: block;
    overflow: auto;
}

.container {
    position: relative;
    z-index: 999;
}
.col_right {
    background: #f5f4f8;
    position: relative;
    min-height: 100%;

}
.fullheight {
    height:  100%;
    position: relative;
   
}

/*Right Column*/

#content-inner {
    margin: 30px 0 30px 20px;
}

#calendardivleft {
    width: 100%;
    overflow: hidden;
}
#calendardivleft > .row-fluid {
    width: 50%;
    float: left;
    padding: 0 0 0 10px;
    margin: 0 0 20px 0;
}
#calendardivleft > .row-fluid:first-child {
    padding: 0 10px 0 0;
}
#calendardivleft .clearfix {
    display: none;
}

#maindivright {
    width: 100%;
    margin: 0;
}
.bookingformdiv {
    padding: 0;
    border-radius: 0;
    margin: 0;
    width: 100% !important;
    position: relative;
    border: none !important;
}


a.btn, input.btn {
    border: none;
    display: inline-block;
    background: #a1cc3a;
    color: #293439;
    text-shadow: none;
    border-radius: 100px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    height: auto;
    min-width: 0;
    line-height: 10px;
    letter-spacing: 0.1em;
    font-weight: 700;
    padding: 10px 20px;
    box-shadow: none;
    transition: all 500ms;
}
.btn:hover,
.btn:active,
.btn:focus {
    background: #c0e95c;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

    Logo

.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.logo {
    width: 100%;
    margin: 30px 0;
    display: block;
}
.logo img {
    max-width: 100%;
    height: auto;
}

.rwd_header {
    display: none;
    overflow: hidden;
}
.rwd_header .logo {
    float: left;
}
.rwd_header button {
    float: right;
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

    Navigation

.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.navbar-toggle {
    display: block;
    border: 1px solid #a1cc3a;
    color: #fff;
    font-size: 20px;
    margin: 10px 0;
    padding: 0;
    width: 50px;
    height: 50px;
    transition: all 500ms;
}
.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus {
    background: #a1cc3a;
    color: #293439;
}

.col_left_inner {
    padding: 0 20px 0 0;
}
.navbar-collapse {
    padding: 0;
}
ul.joomla-nav {
    margin: 0;
    padding: 0;
}
ul.joomla-nav li {
    margin: 0;
    border-bottom: 1px solid #414b50;
    padding: 0;
    background: url(../images/nav_arrow.png) right center no-repeat;
}
ul.joomla-nav li a {
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.1em;
    font-weight: 700;
    line-height: 1.2;
    padding: 25px 20px 25px 0;
    transition: color 500ms;
}
ul.joomla-nav li#current a,
ul.joomla-nav li a:hover,
ul.joomla-nav li a:active,
ul.joomla-nav li a:focus {
    color: #a1cc3a;
}


.side-login {
    color: #fff;
    padding: 30px 0 0 0;
    border-bottom: 1px solid #414b50;
    overflow: hidden;
}

.side-login .login-greeting {
    font-family: 'Titillium Web', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    float: left;
    letter-spacing: 0.1em;
    margin: 5px 0;
}
.logout-button {
    float: right;
    margin: 0 0 30px 0;
}
.logout-button .btn-primary {
    border: none;
    background: #a1cc3a;
    color: #293439;
    text-shadow: none;
    border-radius: 100px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 10px;
    letter-spacing: 0.1em;
    font-weight: 700;
    padding: 10px 20px;
    box-shadow: none;
    transition: all 500ms;
}
.logout-button .btn-primary:hover,
.logout-button .btn-primary:active,
.logout-button .btn-primary:focus {
    background: #c0e95c;
}


#form-login-username {
    overflow: hidden;
}
#form-login-password label,
#form-login-username label{
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: block;
}
#form-login-password input,
#form-login-username input {
    display: block;
    width: 100%;
    border-radius: 3px;
    background-color: #fff !important;
    border: none;
    padding: 10px;
       font-family: 'Titillium Web', sans-serif;
    margin: 0 0 5px 0;
    color: #293439;
    font-weight: 600;
}

#login-form .btn-primary {
    border: none;
    background: #a1cc3a;
    color: #293439;
    text-shadow: none;
    border-radius: 100px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 10px;
    letter-spacing: 0.1em;
    font-weight: 700;
    padding: 10px 20px;
    box-shadow: none;
    transition: all 500ms;
}
#form-login-remember {
    margin: 0 0 10px 0;
    font-family: 'Titillium Web', sans-serif;
}
#login-form .btn-primary:hover,
#login-form .btn-primary:active,
#login-form .btn-primary:focus {
    background: #c0e95c;
}


input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofil {
    background: #fff !important;
}


#login-form .unstyled {
    margin: 20px 0 0 0;
    padding: 0;
}
#login-form .unstyled li {
    margin: 0;
    border-top: 1px solid #414b50;
    padding: 0;
}
#login-form .unstyled li a {
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.1em;
    font-weight: 700;
    line-height: 10px;
    padding: 10px 0;
    transition: color 500ms;
}
#login-form .unstyled a,
#login-form .unstyled a:hover,
#login-form .unstyled a:active,
#flogin-form .unstyled a:focus {
    color: #a1cc3a;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

    Page

.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



.item-page,
.profile,
#member-profile,
.well {
    background: #fff;
    border-radius: 3px;
    padding: 30px;
    border: none;
    margin: 0;
    overflow: hidden;
}
.item-page  .page-header {
    margin: 0 0 30px 0;
    padding: 0;
}
.item-page  .page-header h2 {
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 28px;
    font-weight: 700;
    color: #293439;
}

.well .btn-primary,
.well .btn{
    border: none;
    float: left;
    background: #a1cc3a;
    color: #293439;
    text-shadow: none;
    border-radius: 100px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 10px;
    letter-spacing: 0.1em;
    font-weight: 700;
    height: auto;
    padding: 10px 20px;
    margin: 20px 20px 0 0;
    box-shadow: none;
    transition: all 500ms;
}
.well .btn-primary:hover,
.well .btn-primary:active,
.well .btn-primary:focus,
.well .btn:hover,
.well .btn:active,
.well .btn:focus {
    background: #c0e95c;
}

#member-registration fieldset input, 
#member-registration fieldset select, 
#member-registration fieldset textarea {
    border-radius: 5px;
    padding: 10px;
    box-shadow: none;
    border: 1px solid #ddd;
}
.form-horizontal .control-label {
    text-align: left !important;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

    Breadcrumbs

.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#content-inner .breadcrumbs  {
    background: #fff;
    border-radius: 3px;
     font-family: 'Titillium Web', sans-serif;
    padding: 20px;
    margin: 0 0 20px 0;
}
#content-inner .breadcrumbs  ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#content-inner .breadcrumbs ul li {
    display: inline-block;
    background: none;
    margin: 0 15px 0 0;
    padding: 0 20px 0 0;
    text-transform: uppercase;
    line-height: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #293439;
    font-size: 13px;
    background: url(../images/bc_arrow.png) no-repeat right center;
}
#content-inner .breadcrumbs ul li.active {
    background: none;
}
#content-inner .breadcrumbs ul li:before {
    display: none;
}

#content-inner .breadcrumbs ul li:first-child,
#content-inner .breadcrumbs ul li .divider{
    display: none;
}
#content-inner .breadcrumbs ul li a {
    display: block;
    line-height: 10px;
    color: #a1cc3a;
    transition: all 500ms;
}
#content-inner .breadcrumbs ul li a:hover,
#content-inner .breadcrumbs ul li a:active,
#content-inner .breadcrumbs ul li a:focus {
    color:#b3d88c;
    text-decoration: underline;
}





/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

    Calendar

.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#calendardetails .bookingformdiv {
    background: #293439;
    border-radius: 3px;
    padding: 30px;
    min-height: 425px;
}

#calendardetails .btn-info {
    background: none;
    border: none;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #414b50;
    box-shadow: none;
    border-radius: 0;
     text-shadow: none;
}
#calendardetails .btn-info table tr:last-child {
    display: none;
}
#calendardetails table {
    margin: 0;
}
#calendardetails .headercalendar {
    color: #a1cc3a;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700 !important;
    text-transform: uppercase;
    height: auto !important;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Titillium Web', sans-serif;
}
#calendardetails .headercalendar:last-child {
    text-align: right;
}
#calendardetails .headercalendar:first-child {
    text-align: left;
}

#calendardetails .headercalendar .applink {
    display: block;
    width: 20px;
    height: 20px;
    transition:all 500ms;
}
#calendardetails .headercalendar .applink:hover,
#calendardetails .headercalendar .applink:active,
#calendardetails .headercalendar .applink:focus {
    opacity: 0.5;
}
#calendardetails .headercalendar .applink img {
    display: none;
}
#calendardetails .headercalendar:last-child .applink {
    background: url(../images/cal_arrow_right.png) no-repeat;
    float: right;
}
#calendardetails .headercalendar:first-child .applink {
    background: url(../images/cal_arrow_left.png) no-repeat;
}

#calendardetails .header_calendar {
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    padding: 0 0 20px 0!important;
    border-bottom: 1px solid #414b50 !important;
    line-height: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}

#calendardetails table td {
    text-align: center;
}
#calendardetails table td .btn {
    display: block;
    padding: 15px 10px !important;
    /* height: 50px; */
    text-align: center;
    align-items: center;
    align-content: center;
    border: none;
    color: #949a9d!important;
    box-shadow: none;
    background: none !important;
    text-shadow: none;
    font-weight: 600 !important;
    border-radius: 0;
    font-family: 'Titillium Web', sans-serif;
    transition: all 500ms;
}
#calendardetails table td .btn:hover {
    background: #37444a !important;
    color: #a1cc3a !important;
}
#calendardetails table td .btn.btn-danger {
    color: #a1cc3a !important;
}
#calendardetails table td .btn.btn-info {
    margin: 0;
    color: #fff !important;
    text-decoration: underline;
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

    Cart

.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#calendardivleft .row-fluid:nth-of-type(2) {
    background: red !important;
}

#calendardivleft .row-fluid:nth-child(3) .bookingformdiv {
    background: #fff;
    border-radius: 3px;
    padding: 30px;
       height: 425px;
    overflow: auto;
}
#calendardivleft .row-fluid:nth-child(3) .bookingformdiv table {
    margin: 0;
    padding: 0;
}

#calendardivleft .row-fluid:nth-child(3) .bookingformdiv .btn-info {
    background: none;
    border: none;
    text-shadow: none;
    color: #000;
    border-radius: 0;
    
    text-align: left;
    font-size: 25px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
    padding: 0 !important;
    padding-top: 0 !important;
    margin: 0 0 20px 0 !important;
    line-height: 30px!important;
}
#cartdiv > table > tbody > tr:first-child {
   display: none;
}
#calendardivleft .row-fluid:nth-child(3) .bookingformdiv .btn-info div:first-child {
    display: none;
}
#calendardivleft .row-fluid:nth-child(3) .bookingformdiv .btn-info div:first-child {
    display: none;
}
#calendardivleft .row-fluid:nth-child(3) .bookingformdiv .btn-info div:last-child {
    color: #fff;
    padding: 0 !important;
}
#calendardivleft .row-fluid:nth-child(3) .bookingformdiv .btn-info div:last-child:before {
    content: 'Bookings ';
    color: #293439;
}
#cartdiv > table > tbody > tr td {
    font-size: 14px !important;
}
#cartdiv > table > tbody > tr > td {
    padding: 0 0 15px 0 !important;
    background: #fff !important;

}
#cartdiv > table > tbody > tr > td .btn {
    border: none;
    background: #a1cc3a;
    color: #293439;
    text-shadow: none;
    border-radius: 100px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-size: 0;
    letter-spacing: 0.1em;
    font-weight: 700;
    padding: 10px 20px;
    box-shadow: none;
    height: auto;
        color: #293439;
    font-size: 13px;
    line-height: 10px;
    margin: 0;
    transition: all 500ms;
}

#cartdiv > table > tbody > tr > td .btn:hover,
#cartdiv > table > tbody > tr > td .btn:active,
#cartdiv > table > tbody > tr > td .btn:focus {
    background: #c0e95c;
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

    Booking form

.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#maincontentdiv #maincontentdiv .bookingformdiv  {
    padding: 30px;
}
#maincontentdiv #maincontentdiv .bookingformdiv .btn-info {
    background: none;
    border: none;
    text-shadow: none;
    color: #000;
    border-radius: 0;
    text-align: left;
    font-size: 25px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
    padding: 0 !important;
    padding-top: 0 !important;
    margin: 0 0 20px 0 !important;
    border: none;
    line-height: 30px!important;
}
#maincontentdiv #maincontentdiv .bookingformdiv .btn-info a {
    display: none;
}

.btn-success {
    border: none;
    background: #a1cc3a;
    color: #293439;
    text-shadow: none;
    border-radius: 100px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 10px;
    letter-spacing: 0.1em;
    font-weight: 700;
    padding: 10px 20px;
    box-shadow: none;
    transition: all 500ms;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
    background: #c0e95c;
}


#bookingForm input[type="text"],
#bookingForm text-area {
    display: block;
    width: 100%;
    border-radius: 3px;
    background-color: #fff !important;
    border: none;
    padding: 10px;
    font-family: 'Titillium Web', sans-serif;
    margin: 0 0 10px 0;
    color: #293439;
    font-weight: 600;
    height: auto;
    border: 1px solid #ddd;
}

#bookingForm .span3 {
      font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: block;
    color: #a1cc3a;
    width: 100%;
    margin: 0 0 5px 0;
    font-weight: 700;
}
#bookingForm .span8 {
    font-family: 'Titillium Web', sans-serif;
    display: block;
    width: 100%;
    margin: 0 0 10px 0;

}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

    Tabbed Content

.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.tab-content {
 padding: 30px;
}
#maincontentdiv {
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
}

#content-inner .nav-pills {
    padding: 0 30px;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}


.nav-pills > li,
.nav-pills>li+li {
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
}
.nav-pills > li > a {
    display: block !important;
    padding: 0;
    border: none;
    border-radius: 0;
    line-height: 10px;
    font-size: 14px;
    margin: 0;
    font-family: 'Titillium Web', sans-serif;
    padding: 30px 15px;
    position: relative;
    transition: all 500ms;
    color: #949a9d;
    letter-spacing: 0.05em;
    font-weight: 600;
}
.nav-pills > li.active > a:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #e3e3e3;
    position: absolute;
    bottom: -2px;
    box-shadow: 0px 0px 0px 2px #fff;
    left: 0;

     transition: all 500ms;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:active,
.nav-pills > li > a:focus {
    color: #a1cc3a;
    background: none !important;;
}
.nav-pills > li > a:hover:after,
.nav-pills > li.active > a:after{
     background: #a1cc3a;
}



.nav-pills > .active > a, 
.nav-pills > .active > a:hover, 
.nav-pills > .active > a:focus {
         color: #a1cc3a !important;
    background-color: #fff !important;
    font-weight: normal!important;
        font-weight: 600!important;
}


.tab-pane .btn-info {
    background: none;
    border: none;
    text-shadow: none;
    color: #293439;
    border-radius: 0;
    text-align: left;
    font-size: 25px ;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
    padding: 0;
    margin: 0 0 20px 0 !important;

    line-height: 30px!important;

}
.row-fluid [class*="span"] {
    min-height: 0;
    margin: 0;
}
.tab-pane .service_information_box {
    padding: 0;
    font-size: 20px;
    margin: 0;
    border: none;
    position: absolute;
    top: 5px;
    right: 0;
     color: #a1cc3a;
    font-family: 'Titillium Web', sans-serif;
}
.tab-pane .service_information_box:before {
    content: '\f017';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 17px;
}

.tab-pane .service_information_box strong {
    font-weight: 600;
    text-transform: uppercase;
}
.tab-pane .editlinktip {
    display: none;
}

.tab-content .tab-content {
    padding: 0;
    overflow:hidden;
}
.tab-pane .sub_header {
    border-radius: 3px;
    margin: 15px 0 30px 0;
    padding: 15px;
    background: #f5f4f8;
    height: auto;
}
.employee_information {
    padding: 0;
    float: none;
}
#content-inner .tab-pane .employee_information table {
    margin: 0;
}

.employee-email-td {
    padding-left: 15px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em
}

.divtimecustomslots_simple,
.divtimeslots_simple {
    /*background: url(../images/time_bg.png) repeat;*/
    padding: 0;
    color: #fff;
    padding: 10px 5px;
    margin: 0  0 30px 0 !important;
    width: auto;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    font-weight: 600;
    cursor: hand;
    opacity: 0.75;
    font-size: 14px;
    font-family: 'Titillium Web';
    transition: all 500ms;
}
.divtimeslots_simple:hover {
    opacity: 1;
}

.available_information {
    color: #d03647;
    text-align: center;
    font-size: 14px;
    border: 1px solid #d03647!important;
    background: none;
    padding: 15px 30px;
    letter-spacing: 0.1em;
    margin: 0 0 15px 0;

    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
}

#employee1_3 .row-fluid {
    text-align: center;
}
#employee1_3 .row-fluid .span6 {
    width: 20%;
    margin: 0 20px 0 0;
    text-align: left;
}
#employee1_3 .row-fluid .span6:nth-child(2) {
    width: 70%;
}
#employee1_3 .row-fluid .span6:nth-child(2) .input-mini {
    display: block;
    width: 47% !Important;
    float: left;
    margin: 0 5px 0 0;
}

#employee1_3 .row-fluid .span6 .input-mini {
    display: block;
    width: 100% !Important;
}


.tab-pane .btn-inverse {
    display: block;
}

.tab-pane .btn-inverse {
    border: none;
    background: #a1cc3a;
    color: #293439;
    text-shadow: none;
    border-radius: 100px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 10px;
    letter-spacing: 0.1em;
    font-weight: 700;
    padding: 10px 20px;
    box-shadow: none;
    transition: all 500ms;
}
.tab-pane .btn-inverse:hover,
.tab-pane .btn-inverse:active,
.tab-pane .btn-inverse:focus {
    background: #c0e95c;
}

#post-footer {
    padding: 0 0 30px 0;
}





/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

    Employee Bookings Screen

.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/




form[name="ftForm"] table.table > tbody > tr:nth-child(2) td {
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    color: #293439;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
}
form[name="ftForm"] table.table > tbody > tr:nth-child(2) td .input-append {
    margin: 0;
}

form[name="ftForm"] table.table > tbody > tr:nth-child(2) > td {
    padding: 20px 0 0 0;
}
form[name="ftForm"] table.table > tbody > tr:nth-child(2) td .input-append input {
    padding: 14px;
}
form[name="ftForm"] table.table > tbody > tr:nth-child(2) td .input-append .btn {
    background-color: #a1cc3a;

    background-image: url(../images/calendar_icon.png);
    background-repeat:  no-repeat;
    background-position: center center;
    text-shadow: none;
}


form[name="ftForm"] .table>thead>tr>th, 
form[name="ftForm"] .table>tbody>tr>th, 
form[name="ftForm"] .table>tfoot>tr>th, 
form[name="ftForm"] .table>thead>tr>td, 
form[name="ftForm"] .table>tbody>tr>td, 
form[name="ftForm"] .table>tfoot>tr>td {
    padding: 0;
}

.osbtdheader {
        background: #293439;
    color: #fff;
}


form[name="ftForm"] table > tbody > tr:first-child > td:last-child {
    text-align: right;
}



.service-controls {
    background: #293439;
    text-align: center;
    border-bottom: 1px solid #414b50 !important;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    font-family: 'Titillium Web', sans-serif;
}
.service-controls a {
    color: #596c75;
    transition: all 500ms;
    display: inline-block;
    padding: 20px 5px;
}
.service-controls a:hover,
.service-controls a:active,
.service-controls a:focus {
    color: #a1cc3a;
    text-decoration: none;
}



#content-inner form[name="ftForm"] table.apptable,
#content-inner form#adminForm table.apptable {
    color: #a1cc3a;
    font-size: 16px;
    margin: 20px 0 0 0;
    background: #293439;
    line-height: 20px;
    font-weight: 700 !important;
    text-transform: uppercase;
    height: auto !important;
    text-align: center;
    border-bottom: 1px solid #414b50 !important;
    letter-spacing: 0.1em;
    font-family: 'Titillium Web', sans-serif;

}
#content-inner form[name="ftForm"] table.apptable td,
#content-inner form#adminForm table.apptable td{
    text-align: center;
    padding: 20px 0;
}
#content-inner form[name="ftForm"] table.apptable td .input-small,
#content-inner form#adminForm table.apptable td .input-small{
    margin: 20px 0;
}

#cal122017{
    background: #293439;
    padding: 20px;
    margin: 20px 0 0 0;
}


#content-inner form[name="ftForm"] .header_rounded,
#content-inner form#adminForm  .header_rounded {
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    padding: 20px 0;
    border: none;
    border-radius: 0;
    line-height: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: #293439;
    margin: 0;

}
.td_date {
    padding: 3px;
    padding-bottom: 3px;
    display: table-cell;
    height: 115px;
}


#content-inner form[name="ftForm"] .div-rounded,
#content-inner form[name="ftForm"] .div-rounded-current,
#content-inner form#adminForm .div-rounded,
#content-inner form#adminForm .div-rounded-current{
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 0px;
    width: 100% !important;
    overflow: hidden;
    height: 100%;
}
#content-inner form[name="ftForm"] .div-rounded > div:first-child,
#content-inner form[name="ftForm"] .div-rounded-current > div:first-child{
    padding: 10px;
    line-height: 10px;
    width:  100% !important;
    float: none !important;
    display: block;
    font-family: 'Titillium Web', sans-serif;
}
#content-inner form[name="ftForm"] .div-rounded-current > div:first-child {
background: #293439;
    color: #fff;
    border: none !important;
}
#content-inner form[name="ftForm"] .div-rounded-current  {
    background: #fff;
}

#content-inner form[name="ftForm"] .div-rounded > div:nth-child(2),
#content-inner form[name="ftForm"] .div-rounded > div:nth-child(3),
#content-inner form[name="ftForm"] .div-rounded-current > div:nth-child(2),
#content-inner form[name="ftForm"] .div-rounded-current > div:nth-child(3){
    display: none;
}

#content-inner form[name="ftForm"] .div-rounded,
#content-inner form[name="ftForm"] .div-rounded-current {
    background: #fff;
    border: none !important;
}

#content-inner form[name="ftForm"] .div-schedule {
    margin: 15px 0 0 0;
    padding: 0 5px;
    border: none !important;
}

#content-inner form[name="ftForm"] .div-schedule::first-line {
   font-size: 0;
    line-height: 0;
}

.ser-item {
    display: block;
    padding: 10px 10px 0 10px;
    margin: 0 0 5px 0;
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
        font-size: 13px;
    line-height: 140%;
    border-radius: 3px;
    font-weight: 700;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
}
.ser-title {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing:0;
}

#content-inner form[name="ftForm"] .div-schedule .ser-item::first-line {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 140%;
}
.ser-item .hasTip br {
    display: none;
}
.ser-1 {
    background: #4D7EA8;
}
.ser-2 {
    background: #0098cd;
}
.ser-3 {
    background: #2DD881;
}
.ser-4 {
    background: #17B890;
}
.ser-5 {
    background: #EEB868;
}
.ser-6 {
    background: #EF767A;
}

#content-inner form[name="ftForm"] .div-rounded .label, #content-inner form[name="ftForm"] .div-rounded-current .label, 
#content-inner form#adminForm .div-rounded .label, #content-inner form#adminForm .div-rounded-current .label {
    margin: 10px -10px 0 -10px;
    border-radius: 0;
    /* margin: 10px 0 0 0; */
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1em;
    background: #293439;
    font-weight: 600;
    text-shadow: none;
}



#content-inner form[name="ftForm"] .div-rounded .label,
#content-inner form[name="ftForm"] .div-rounded-current .label,
#content-inner form#adminForm .div-rounded .label,
#content-inner form#adminForm .div-rounded-current .label {
    display: block;
    transition: all 500ms;
}
#content-inner form[name="ftForm"] .div-rounded .label:hover,
#content-inner form[name="ftForm"] .div-rounded-current .label:hover,
#content-inner form#adminForm .div-rounded .label:hover,
#content-inner form#adminForm .div-rounded-current .label:hover {
    background: #a1cc3a;

    cursor: pointer;
}

.tip-wrap {
    background: #293439;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}
.div-schedule {
    display: block;
    border-radius: 0;
    margin-top: 10px;
    font-size: 11px;
    border: none;
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

    Media Queries

.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        body {
            /*border: 10px solid red;*/
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        body {
            /*border: 10px solid blue;*/
            height: auto!important;
            min-height: 0 !imporant;
            background: #f5f4f8;
        }
        .fullheight {
            height: auto;
            position: static;   
        }
        .white_bg {
            display: none;
        }
        #content-inner {
            margin: 20px 0 20px 0;
        }
        .breadcrumbs {
            display: none;
        }
        .logo {
            width: 300px;
            float: none;
            margin: 10px 0;
        }
        .navbar-toggle {
            float: none;
        }
        #bs-example-navbar-collapse-1 {

        }
        .container-fluid {
            max-width: none;
        }
        
        .col_left {
            background: #293439;
        }
      /*-------------------------------- 
        Navigation Break
      --------------------------------*/
      .full_logo {
        display: none; }
.col_left_inner {
    padding: 0;
}
      .rwd_header {
        display: block; }

      .container-fluid > .navbar-header {
        margin: 0; }

      .navbar-header {
        float: none; }

       .navbar-toggle {
        display: block; }

      .navbar-collapse {
        border-top: none;
        padding: 0;
        box-shadow: none; }

      .navbar-collapse.collapse {
        display: none !important; }

      .navbar-fixed-top {
        top: 0;
        border: none; }

      .navbar-nav {
        float: none !important;
        margin: 0; }

      .navbar-nav > li {
        float: none;
        margin: 0; }

      .navbar-nav > li > a {
        padding: 15px 30px; }

      .navbar-nav > li.selected > a {
        background: none; }

      .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background: none;
        border: none;
        box-shadow: none; }

      .navbar-nav .open .dropdown-menu > li > a i {
        display: none; }

      .collapse.in {
        display: block !important;
        padding: 0; }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        body {
            /*border: 10px solid green;*/
        }
        .logo {
            width: auto;
        }
        .logo img {
            height: 50px;
            width: auto;
        }
        #calendardivleft > .row-fluid {
            padding: 0 !important;
            width: 100%;
        }
        .row, .thumbnails {
            margin-left: -10px;
        }
        .container-fluid {
            padding-left: 10px;
            padding-right: 10px;
        }
        #content-inner {
            margin: 10px 0;
        }
        #content-inner form[name="ftForm"] table table:nth-child(3),
        #content-inner form#adminForm table table:nth-child(3){
            display: block;
            width: 100%;
        }
        #content-inner form[name="ftForm"] table table:nth-child(3) tbody,
        #content-inner form#adminForm  table table:nth-child(3) tbody{
            display: block;
            width: 100%;
        }
        #content-inner form[name="ftForm"] table table:nth-child(3) tbody > tr:first-child,
        #content-inner form#adminForm table table:nth-child(3) tbody > tr:first-child{
            display: none;
        }
        #content-inner form[name="ftForm"] table table:nth-child(3) tr,
        #content-inner form#adminForm table table:nth-child(3) tr{
            display: block;
            width: 100%;
        }
        #content-inner form[name="ftForm"] table table:nth-child(3) tr td,
        #content-inner form#adminForm table table:nth-child(3) tr td{
            display: block;
            width: 100% !important;
            height: auto;
        }
        .service-controls {
            overflow: hidden;
        }
        .service-controls a {
            width: 50%;
            float: left;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        body {
            /*border: 10px solid purple;*/
        }
    }