/** * Wonderflux theme framework structure core * http://wonderflux.com * * @package Wonderflux * @since Wonderflux 0.1 *//** Positioning and styling **/html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td

{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
body
{
    line-height: 1.5;
}
html
{
    font-size: 100.01%;
}
body
{
    font-size: 75%;
    color: #222;
    background: #fff;
    font-family: "Helvetica Neue" , Arial, Helvetica, sans-serif;
}
.alignright, .align-right
{ 
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
}
.alignleft, .align-left
{
    float: left;
    padding-right: 20px;
    padding-bottom: 10px;
}
.aligncenter, .align-center
{
    text-align: center;
    padding: 0 20px 0 20px;
}
.first, .flush-left
{
    margin-left: 0;
    padding-left: 0;
}
.last, .flush-right
{
    margin-right: 0;
    padding-right: 0;
}
.top, .flush-top
{
    margin-top: 0;
    padding-top: 0;
}
.bottom, .flush-bottom
{
    margin-bottom: 0;
    padding-bottom: 0;
}
.content-left
{
    text-align: left;
}
.content-right
{
    text-align: right;
}
/** Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] **/.clearfix:after, .container:after
{
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
.clearfix, .container
{
    display: block;
}
.clear
{
    clear: both;
}
/** Headings **/h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    color: #111;
}
h1
{
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
}
h2
{
    font-size: 2em;
    margin-bottom: 0.75em;
}
h3
{
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
}
h4
{
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
}
h5
{
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}
h6
{
    font-size: 1em;
    font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
    margin: 0;
}
/** Text elements **/p
{
    margin: 0 0 1.5em;
}
p img.left
{
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}
p img.right
{
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover
{
    color: #000;
}
a
{
    color: #009;
    text-decoration: underline;
}
blockquote
{
    margin: 1.5em;
    color: #666;
    font-style: italic;
}
strong
{
    font-weight: bold;
}
em, dfn
{
    font-style: italic;
}
dfn
{
    font-weight: bold;
}
sup, sub
{
    line-height: 0;
}
abbr, acronym
{
    border-bottom: 1px dotted #666;
}
address
{
    margin: 0 0 1.5em;
    font-style: italic;
}
del
{
    color: #666;
}
pre
{
    margin: 1.5em 0;
    white-space: pre;
}
pre, code, tt
{
    font: 1em 'andale mono' , 'lucida console' , monospace;
    line-height: 1.5;
}
/** Links **/a, a:active
{
    outline: none;
}
a, a:focus
{
    -moz-outline-style: none;
}
a img
{
    border: none;
}
/** Forms **/label
{
    font-weight: bold;
}
fieldset
{
    padding: 1.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc;
}
legend
{
    font-weight: bold;
    font-size: 1.2em;
}
input[type=text], input[type=email], input[type=tel], input[type=password], input.text, input.title, textarea, select
{
    background-color: #fff;
    border: 1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus
{
    border-color: #666;
}
input[type=text], input[type=password], input.text, input.title, textarea, select
{
    margin: 0.5em 0;
}
input.text, input.title
{
    width: 300px;
    padding: 5px;
}
input.title
{
    font-size: 1.5em;
}
textarea
{
    width: 390px;
    height: 250px;
    padding: 5px;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio
{
    position: relative;
    top: .25em;
}
form.inline
{
    line-height: 3;
}
form.inline p
{
    margin-bottom: 0;
}
/** Lists **/li ul, li ol
{
    margin: 0 1.5em 1em;
}
ul, ol
{
    margin: 0 1.5em 1.5em 1.5em;
}
ul
{
    list-style-type: disc;
}
ol
{
    list-style-type: decimal;
}
dl
{
    margin: 0 0 1.5em 0;
}
dl dt
{
    font-weight: bold;
}
dd
{
    margin-left: 1.5em;
}
/** Tables **/table
{
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td
{
    text-align: left;
    font-weight: normal;
}
table, td, th
{
    vertical-align: middle;
}
table
{
    margin-bottom: 1.5em;
    width: 100%;
}
th
{
    font-weight: bold;
}
thead th
{
    background: #c3d9ff;
}
th, td, caption
{
    padding: 5px;
}
tr.even td
{
    background: #e5ecf9;
}
caption
{
    background: #eee;
}
/** WordPress Specific **/.wp-caption
{
    font-size: 0.9em;
}
.gallery-caption
{
    font-size: 0.9em;
}
.wp-caption-text
{
    font-weight: bold;
}
.sticky
{
    font-weight: bold;
}
.bypostauthor
{
    font-weight: bold;
}
/*GRID CONFIGURATION*/.container
{
    width: 960px;
    margin: 0 auto;
}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26
{
    float: left;
    margin-right: 2px;
}
.last, div.last
{
    margin-right: 0;
}
.span-1
{
    width: 35px;
}
.span-2
{
    width: 72px;
}
.span-3
{
    width: 109px;
}
.span-4
{
    width: 146px;
}
.span-5
{
    width: 183px;
}
.span-6
{
    width: 220px;
}
.span-7
{
    width: 257px;
}
.span-8
{
    width: 294px;
}
.span-9
{
    width: 331px;
}
.span-10
{
    width: 368px;
}
.span-11
{
    width: 405px;
}
.span-12
{
    width: 442px;
}
.span-13
{
    width: 479px;
}
.span-14
{
    width: 516px;
}
.span-15
{
    width: 553px;
}
.span-16
{
    width: 590px;
}
.span-17
{
    width: 627px;
}
.span-18
{
    width: 664px;
}
.span-19
{
    width: 701px;
}
.span-20
{
    width: 738px;
}
.span-21
{
    width: 775px;
}
.span-22
{
    width: 812px;
}
.span-23
{
    width: 849px;
}
.span-24
{
    width: 886px;
}
.span-25
{
    width: 923px;
}
.span-26
{
    width: 960px;
    margin-right: 0;
}
.append-1
{
    padding-right: 37px;
}
.append-2
{
    padding-right: 74px;
}
.append-3
{
    padding-right: 111px;
}
.append-4
{
    padding-right: 148px;
}
.append-5
{
    padding-right: 185px;
}
.append-6
{
    padding-right: 222px;
}
.append-7
{
    padding-right: 259px;
}
.append-8
{
    padding-right: 296px;
}
.append-9
{
    padding-right: 333px;
}
.append-10
{
    padding-right: 370px;
}
.append-11
{
    padding-right: 407px;
}
.append-12
{
    padding-right: 444px;
}
.append-13
{
    padding-right: 481px;
}
.append-14
{
    padding-right: 518px;
}
.append-15
{
    padding-right: 555px;
}
.append-16
{
    padding-right: 592px;
}
.append-17
{
    padding-right: 629px;
}
.append-18
{
    padding-right: 666px;
}
.append-19
{
    padding-right: 703px;
}
.append-20
{
    padding-right: 740px;
}
.append-21
{
    padding-right: 777px;
}
.append-22
{
    padding-right: 814px;
}
.append-23
{
    padding-right: 851px;
}
.append-24
{
    padding-right: 888px;
}
.append-25
{
    padding-right: 925px;
}
.prepend-1
{
    padding-right: 37px;
}
.prepend-2
{
    padding-right: 74px;
}
.prepend-3
{
    padding-right: 111px;
}
.prepend-4
{
    padding-right: 148px;
}
.prepend-5
{
    padding-right: 185px;
}
.prepend-6
{
    padding-right: 222px;
}
.prepend-7
{
    padding-right: 259px;
}
.prepend-8
{
    padding-right: 296px;
}
.prepend-9
{
    padding-right: 333px;
}
.prepend-10
{
    padding-right: 370px;
}
.prepend-11
{
    padding-right: 407px;
}
.prepend-12
{
    padding-right: 444px;
}
.prepend-13
{
    padding-right: 481px;
}
.prepend-14
{
    padding-right: 518px;
}
.prepend-15
{
    padding-right: 555px;
}
.prepend-16
{
    padding-right: 592px;
}
.prepend-17
{
    padding-right: 629px;
}
.prepend-18
{
    padding-right: 666px;
}
.prepend-19
{
    padding-right: 703px;
}
.prepend-20
{
    padding-right: 740px;
}
.prepend-21
{
    padding-right: 777px;
}
.prepend-22
{
    padding-right: 814px;
}
.prepend-23
{
    padding-right: 851px;
}
.prepend-24
{
    padding-right: 888px;
}
.prepend-25
{
    padding-right: 925px;
}
.pull-1
{
    margin-left: -35px;
}
.pull-2
{
    margin-left: -72px;
}
.pull-3
{
    margin-left: -109px;
}
.pull-4
{
    margin-left: -146px;
}
.pull-5
{
    margin-left: -183px;
}
.pull-6
{
    margin-left: -220px;
}
.pull-7
{
    margin-left: -257px;
}
.pull-8
{
    margin-left: -294px;
}
.pull-9
{
    margin-left: -331px;
}
.pull-10
{
    margin-left: -368px;
}
.pull-11
{
    margin-left: -405px;
}
.pull-12
{
    margin-left: -442px;
}
.pull-13
{
    margin-left: -479px;
}
.pull-14
{
    margin-left: -516px;
}
.pull-15
{
    margin-left: -553px;
}
.pull-16
{
    margin-left: -590px;
}
.pull-17
{
    margin-left: -627px;
}
.pull-18
{
    margin-left: -664px;
}
.pull-19
{
    margin-left: -701px;
}
.pull-20
{
    margin-left: -738px;
}
.pull-21
{
    margin-left: -775px;
}
.pull-22
{
    margin-left: -812px;
}
.pull-23
{
    margin-left: -849px;
}
.pull-24
{
    margin-left: -886px;
}
.pull-25
{
    margin-left: -923px;
}
.pull-26
{
    margin-left: -960px;
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25, .pull-26
{
    float: left;
    position: relative;
}
.push-1
{
    margin: 0 -37px 1.5em 37px;
}
.push-2
{
    margin: 0 -74px 1.5em 74px;
}
.push-3
{
    margin: 0 -111px 1.5em 111px;
}
.push-4
{
    margin: 0 -148px 1.5em 148px;
}
.push-5
{
    margin: 0 -185px 1.5em 185px;
}
.push-6
{
    margin: 0 -222px 1.5em 222px;
}
.push-7
{
    margin: 0 -259px 1.5em 259px;
}
.push-8
{
    margin: 0 -296px 1.5em 296px;
}
.push-9
{
    margin: 0 -333px 1.5em 333px;
}
.push-10
{
    margin: 0 -370px 1.5em 370px;
}
.push-11
{
    margin: 0 -407px 1.5em 407px;
}
.push-12
{
    margin: 0 -444px 1.5em 444px;
}
.push-13
{
    margin: 0 -481px 1.5em 481px;
}
.push-14
{
    margin: 0 -518px 1.5em 518px;
}
.push-15
{
    margin: 0 -555px 1.5em 555px;
}
.push-16
{
    margin: 0 -592px 1.5em 592px;
}
.push-17
{
    margin: 0 -629px 1.5em 629px;
}
.push-18
{
    margin: 0 -666px 1.5em 666px;
}
.push-19
{
    margin: 0 -703px 1.5em 703px;
}
.push-20
{
    margin: 0 -740px 1.5em 740px;
}
.push-21
{
    margin: 0 -777px 1.5em 777px;
}
.push-22
{
    margin: 0 -814px 1.5em 814px;
}
.push-23
{
    margin: 0 -851px 1.5em 851px;
}
.push-24
{
    margin: 0 -888px 1.5em 888px;
}
.push-25
{
    margin: 0 -925px 1.5em 925px;
}
.push-26
{
    margin: 0 -962px 1.5em 962px;
}
/* NEW STYLES FOR MOBILE*/

.enquireButton, .menuButton, .nav-wrap, .headerLogo, .mobilerightAlign, .header-primary .align-right #mobileTag, .strap,  #enquireBox .gform_heading
{
    display: none;

}
.header-primary
{
    width: 100%;
}
.header-primary h1, .header-primary h2
{
    float: left;
}
#footer .span-24
{
    width: 100%!important;
}
.content-with-sidebar-1 #content {
    background: url("images/bg-content-960-sb.png") no-repeat scroll left top transparent;
}
input.medium, .gfield_select
{
    width: 150px;
}
.gform_wrapper .validation_error
{
    font-size: 90% !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning
{
    background-color: #faa432;
    margin-bottom: 5px !important;
    padding: 5px !important;
    border: 1px solid #fff !important;
    border-radius: 5px;
}.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning
{
    background-color: #faa432;
    margin-bottom: 5px !important;
    padding: 5px !important;
    border: 1px solid #fff !important;
    border-radius: 5px;
}
.gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction
{
    margin-left: 2% !important;
}