@charset "utf-8";
/* CSS Document.
Author: Jazmin Brooks
Aditional Authors: Kevin Hamilton
Designer: Jazmin Brooks
Date: 2010
Website: Original Poster Company
Aditional Notes:

NB:
==== Site Structure ====
This stylesheet is for fixed width designs at the moment, although it could easily be adapted.
==== Font Sizing ====

==== Abbreviations ====

>page - refers to anything that is part of the core structure if it is in an ID. >page is always the top level, it is what everything is contained within. This is why all core elements are >page

================================================================================

==== Reset/Set ====

Do NOT edit. Override with styles below.

This reset was created by Eric Meyer - http://meyerweb.com/eric/tools/css/reset/

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/*body {
	line-height: 1;
}*/

html {
    min-height: 100%;
    padding-bottom:1px; /* This will make the scrollbar always display so you don't get jumping when going between long and short pages. */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body{
    font-size:100%;
    min-height:100%;
}

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

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

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

b, strong {
  font-weight: bold;
}
abbr[title] {
  border-bottom: 1px dotted;
}

ol, ul {
	list-style: none;
}

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

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* Forms */

input,
textarea,
button,
select {
  margin: 0;
  font-size: 100%;
  line-height: normal;
  vertical-align: baseline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
    border:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width:auto;
}
textarea {
  overflow: auto;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background: none;
  /* IE7 fix */
  overflow: visible;
}
/* Firefox fix - bug 140562
   We're using :-moz-focusring rather than :focus so that we don't
   change the default focus in other browsers.
*/
button::-moz-focus-inner {
  padding: 0;
  border: none;
}
button:-moz-focusring {
  outline: 1px dotted;
}

/* Safari and Chrome support type="date" but have ugly spinner buttons this should remove them */
input[type=date]::-webkit-outer-spin-button, input[type=datetime]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
input[type=date]::-webkit-inner-spin-button, input[type=datetime]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Images and media */

img{
    border: 0;
    display:block;
    -ms-interpolation-mode: bicubic;
}

figure {
    position: relative;
}

figure img,
figure object,
figure embed,
figure video {
    max-width: 100%;
    display: block;
}

img,
embed,
object,
video{
/*    max-width: 100%;*/
}

/* ==== Core Styles ====

NB: Core Styles are a follow up to the reset, overriding the zeroed options and making it look a-ok along with some custom styles per site

*/

html{
	background:#E0E2E5;
}

/* ---- Core Styles - Body ---- */

body {
	background:url(../images/body_bg.gif) #fff repeat;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	line-height:1.5em;
}

/* ---- Core Styles - Links ----

Link styling should always be in this order because of the cascade.

*/

a,
a:link,
a:visited{
	color:#7b8b10;
    text-decoration:none;
    font-weight:bold;
	-moz-transition: color 0.7s ease-in-out;
	-ms-transition: color 0.7s ease-in-out;
	-o-transition: color 0.7s ease-in-out;
	-webkit-transition: color 0.7s ease-in-out;
	transition: color 0.7s ease-in-out;
}

	a:hover{
		color:#596603;
		text-decoration:none;
		-moz-transition: color 0.7s ease-in-out;
		-ms-transition: color 0.7s ease-in-out;
		-o-transition: color 0.7s ease-in-out;
		-webkit-transition: color 0.7s ease-in-out;
		transition: color 0.7s ease-in-out;
	}

		a:active{
			position:relative;
			top:1px;
		}

a:focus, input:focus{
	outline:1px dotted #cccccc; /* Change this to suit the design. Must be set for accessibility. */
}

/* Special Link Styles for Filetypes */

a[href$=pdf],
a:link[href$=pdf],
a:visited[href$=pdf],
a.pdf {
    background: url('../images/icons/icon-pdf.png') no-repeat 0% 50%;
    padding-bottom:2px;
    padding-left: 20px;
}
a[href$=jpg],
a:link[href$=jpg],
a:visited[href$=jpg],
a.image {
    background: url('../images/icons/icon-image.png') no-repeat 0% 50%;
	padding-bottom:2px;
    padding-left: 20px;
}
a.images {
    background: url('../images/icons/icon-images.png') no-repeat 0% 50%;
    padding-bottom:2px;
    padding-left: 20px;
}
a[href$=ppt],
a:link[href$=ppt],
a:visited[href$=ppt],
a.ppt {
    background: url('../images/icons/icon-document-powerpoint.png') no-repeat 0% 50%;
    padding-bottom:2px;
    padding-left: 20px;
}
a[href$=doc],
a:link[href$=doc],
a:visited[href$=doc],
a.doc,
a[href$=docx],
a:link[href$=docx],
a:visited[href$=docx]
{
    background: url('../images/icons/icon-document-word.png') no-repeat 0% 50%;
    padding-bottom:2px;
    padding-left: 20px;
}

a[href$=zip],
a:link[href$=zip],
a:visited[href$=zip],
a.zip {
    background: url('../images/icons/icon-folder-zipper.png') no-repeat 0% 50%;
    padding-bottom:2px;
    padding-left: 20px;
}

a[href$=xls],
a:link[href$=xls],
a:visited[href$=xls],
a.xls,
a[href$=xlsx],
a:link[href$=xlsx],
a:visited[href$=xlsx]{
    background: url('../images/icons/icon-document-excel.png') no-repeat 0% 50%;
    padding-bottom:2px;
    padding-left: 20px;
}

a[href^=mailto],
a:link[href^=mailto],
a:visited[href^=mailto],
a.mailto{
	background: url('../images/icons/icon-mail-at-sign.png') no-repeat 0% 50%;
    padding-bottom:2px;
    padding-left: 20px;
}

/* ---- Core Styles - Headings & Paragraphs ---- */

p{
	margin:0.75em 0 0.75em;/* Needs testing */
}

h1{
	background-color:#c3d82f;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	color:#fff;
	font-size:1.625em;/*26*/
	font-weight:normal;
	line-height: 1.3846153846153846em;/*36*/
	margin: 0.692307692307692em 0 0.692307692307692em;
	padding:3px 10px;
}

	h2{
		/*---*/
		font-size:1.25em;/*20*/
		line-height: 1.5em;/*30*/
		margin: 0.75em 0;
		/*---*/
/*        line-height:normal;
        margin-bottom: 10px;
        font-size:17px;*/
        font-weight:bold;
        color:#7b8b10;
	}

		h3{
                    font-size: 1em;/*16*/
                  line-height: 1.5em;/*24*/
				  margin: 0.75em 0 1.5em;
		}

			h4{

			}

                            h5{

                            }

/* ---- Core Styles - Lists ---- */

ul, ol{
	margin:15px;
	padding:0;
}

	li{
		background: url(../images/bullet.png) no-repeat left 2px;
		list-style:none;
		margin:10px 0 0 0;
		padding:0 0 0 25px;
	}

		li:first-child{
			margin-top:0;
		}

	ol li{
		background-image:none;
		list-style:decimal;
                padding:0;
	}

		ol li ol li{
			list-style:lower-alpha;
		}

blockquote{

	margin:15px;
	font-style:italic;
}
	blockquote p{

	}


/* Horizontal Rules

Used for clearing within content - when group won't do. Must be used in a logical way - for example if no styles were applied it would be logical to read the content this way.*/

hr{
	background:#fff;
	border:none;
	color:#fff;
	clear:both;
}

/* ---- Forms - Base Styles ----

Currently this is set up with the labels next to the boxes, however if you want to switch it remove the floats and give the label display:block

*/

/* --- Form Structure --- */

form ol{
	margin:0;
	padding:0;
}

    form ol li{
        list-style:none;
        margin:5px 0 0 0;
        padding:0;
    }

    form ol li:first-child{
        margin:0;
    }

    form>fieldset + ol {
        margin-top: 20px;
    }

/* --- */

/* --- Form - Overwrites --- */

/*fix wrapping issues in ie*/
legend {
    white-space: normal;
    float:left;
}

/* --- */

/* --- Form - Elements --- */

label {
    /* Allows percentage widths with padding. Will need something for IE7 here */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /* - */
    display:block;
    color:#7b8b10;
    cursor:pointer;
/*    float:left;*/
    font-size:1em;
    font-weight:bold;
    padding:0 10px 0 0;
/*    width:25%;*/
}

label .requiredSymbol {
    color: red;
}

form li.checkboxgroup div {
    display: inline-block;
}

.lt-ie8 form li.checkboxgroup div {
	display:inline;
	zoom:1;
}
form li.checkboxgroup div label {
    display: inline-block;
}
form li.checkboxgroup div input {
    /*vertical-align:top;*/
    margin-right: 5px;
    /*margin-left: 10px;*/
}

form li.checkboxgroup div label {
	padding-right:15px;
}

input,
textarea,
select{
	background-image:url(../images/input_bg.jpg);
    background-repeat:repeat-x;
	border:1px solid #a9acb1;

    /* Allows percentage widths with padding. Will need something for IE7 here */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /* - */

    font-size:1em;
    padding:5px 5px;
}


    input:hover,
    textarea:hover,
    select:hover{
        -moz-box-shadow:0 0 5px #6ABFE8;
        -webkit-box-shadow:0 0 5px #6ABFE8;
        box-shadow:0 0 5px #6ABFE8;
    }

    input:focus,
    textarea:focus,
    select:focus{
        background-color:#FCF6DA;
    }



/* -- Buttons --

Remember to edit gradients.

*/

.formButtons {
    padding: 10px 0;
    text-align:right
}

.btn-form,
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
    /* Gradient */
    background: #f1f4fb; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f4fb 0%, #d7dbde 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f4fb), color-stop(100%,#d7dbde)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* IE10+ */
	background: linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* W3C */
    /*-*/

    float:none;
    width:auto;

   	border:1px solid #a9acb1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:inset 0 0 1px rgba(255,255,255,1);
	-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,1);
	box-shadow:inset 0 0 1px rgba(255,255,255,1);
	color:#545353;
	font-weight:normal;
	padding:0.5em 20px;
	text-shadow:-1px 1px 0 rgba(255,255,255,1);
}
/* For IE9 */
.borderradius.svg.backgroundsize.no-cssgradients .btn-form,
.borderradius.svg.backgroundsize.no-cssgradients button,
.borderradius.svg.backgroundsize.no-cssgradients input[type="button"],
.borderradius.svg.backgroundsize.no-cssgradients input[type="reset"],
.borderradius.svg.backgroundsize.no-cssgradients input[type="submit"]{
    background-size: 100% 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjRmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RiZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

    .btn-form:hover,
    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover{
         /* Gradient */
        background: #e3e8ec; /* Old browsers */
		background: -moz-linear-gradient(top,  #e3e8ec 0%, #ccd0d3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e8ec), color-stop(100%,#ccd0d3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* IE10+ */
		background: linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* W3C */
        /*-*/

    }

    .borderradius.svg.backgroundsize.no-cssgradients .btn-form:hover,
    .borderradius.svg.backgroundsize.no-cssgradients button:hover,
    .borderradius.svg.backgroundsize.no-cssgradients input[type="button"]:hover,
    .borderradius.svg.backgroundsize.no-cssgradients input[type="reset"]:hover,
    .borderradius.svg.backgroundsize.no-cssgradients input[type="submit"]:hover{
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZThlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2QwZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    }

    .btn-form:active,
    button:active,
    input[type="button"]:active,
    input[type="reset"]:active,
    input[type="submit"]:active,
    .btn-form:focus,
    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus{
         /* Gradient */
        background: #d6dadd; /* Old browsers */
		background: -moz-linear-gradient(top,  #d6dadd 0%, #f1f4f9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6dadd), color-stop(100%,#f1f4f9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* IE10+ */
		background: linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* W3C */
        /*-*/

    }

    .borderradius.svg.backgroundsize.no-cssgradients .btn-form:active,
    .borderradius.svg.backgroundsize.no-cssgradients button:active,
    .borderradius.svg.backgroundsize.no-cssgradients input[type="button"]:active,
    .borderradius.svg.backgroundsize.no-cssgradients input[type="reset"]:active,
    .borderradius.svg.backgroundsize.no-cssgradients input[type="submit"]:active,
    .borderradius.svg.backgroundsize.no-cssgradients .btn-form:focus,
    .borderradius.svg.backgroundsize.no-cssgradients button:focus,
    .borderradius.svg.backgroundsize.no-cssgradients input[type="button"]:focus,
    .borderradius.svg.backgroundsize.no-cssgradients input[type="reset"]:focus,
    .borderradius.svg.backgroundsize.no-cssgradients input[type="submit"]:focus{
        background-size: 100% 100%;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZGFkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWY0ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    }


/* -- */

/* -- Captcha --

Needs work.

*/
.captchaBlock{/* WHO CAMEL-CASED THIS CLASS? */
/*    float:left;
    width:105px;*/
    display:block;
}

    .captchaBlock img{
        display:inline-block;
        vertical-align: bottom;
        height: 31px;
        margin-right: 5px;
/*        float:left;*/
    }

    .captchaBlock input{

    }

.captcha{
    width:90px;
}

/* -- Validation -- */

.invalid{
	border: 1px solid #b97575;
}

.validation{
    color: #F00;
/*    float:left;*/
    display:inline-block;
    margin-left:5px;
    font-size:0.625em; /* 10/16 */
    padding:0 5px;
}
textarea + .validation {
    vertical-align: top;
}

#code-invalid{/* WHO HYPHENATED THIS ID? */
    float:left;
    margin:33px 0 0 0;
    padding:0 0 0 3px;
}

.form-error-msg {
    margin-left: 5px;
    color: red;
}

/* -- Combo Fields --
Please check this in a use case.

*/

form .combo select,
.combo input,
.combo textarea {
    margin-right:5px;
}
form .combo .children label {
    width:auto;
}
form .combo select {
    width: auto;
    float: none;
}
form .children {
    float:left;
}

/* -- Confirmation Message -- */

#confirmation-msg{/* WHO HYPHENATED THIS ID? */
	background-color:#ffffff;
}

/* ---- Core Styles - Navigation Base ---- */

/* You shouldn't need to change the base nav styles, use an ID to overwrite for specific menus */

nav{

}

	nav ul{
		background-color:transparent;
		border:none;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	nav ul li{
            background-image:none;
            float: left;
            list-style:none;
            margin: 0;
            padding:0;
            position:relative;
	}

		nav ul li a, nav ul li a:link, nav ul li a:visited{
                    display: block;
                    line-height: 1;
                    text-decoration: none;
		}

		nav ul li a:hover{

		}

		nav ul li a:active{

		}



/* ---- Classes ----

Used in all sites, not specific. */

/* Clearfix - see Handcrafted CSS ;) */

.group{

}

	.group:after,
	form ol li:after
	{
		content: ".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

/* For IE6 */

* html .group,
* html form ol li{
    height:1px;
}

/* For IE7 */

*:first-child+html .group,
*:first-child+html form ol li
 {
	min-height: 1px;
}

/* Simple Floats */

.float-left{
	float:left;
}

.float-right{
	float:right;
}

/* Gloss and Noise - needs to be applied to an element to be useful.
*/

#element:before{
		background:url(../images/noise-trans.png) repeat;
		content:" ";
		height:100%;
		left:0;
		position:absolute;
		top:0;
		width:100%;
		z-index:1;
}

#happilyEver:after{
		background:url(../images/gloss-trans.png) repeat;
		content:" ";
		height:50%;
		left:0;
		position:absolute;
		top:0;
		width:100%;
		z-index:2;
}

/* ==== Site Structure ==== */

.structure-inner{
	margin:0 auto;
	width:960px;
}

/* ---- Page Structure ---- */

#pageHeader{
	background:#fff;
	margin-bottom:1.5em;
}

#pageContent{
	padding:1.5em 0;
}

#pageFooter{
	border-top:7px solid #c3d82f;
    background:#e0e2e5;
	color:#545353;
	font-size:0.8125em;
}

/* --- Header --- */

#siteLogo{
	margin-bottom:-46px;
	position:relative;
	z-index:3;
}

#siteStrapline{
	color:#A7A9AC;
	font-size:1.65em;
	text-align:right;
	line-height:1.2em;
	padding:1em 0 0;
	width:650px;
}

	#siteStrapline strong{
		color:#C3D82F;
	}

/* Login */

#headerLogin{

}

	#headerLogin a,
	#headerLogin a:link,
	#headerLogin a:visited{
		background: #f1f4fb; /* Old browsers */
		background: -moz-linear-gradient(top,  #f1f4fb 0%, #d7dbde 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f4fb), color-stop(100%,#d7dbde)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* IE10+ */
		background: linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* W3C */
		border:1px solid #a9acb1;
		border-width:0 1px 1px;
		-moz-border-radius:0 0 10px 10px;
		-webkit-border-radius:0 0 10px 10px;
		border-radius:0 0 10px 10px;
		-moz-box-shadow:inset 0 0 1px rgba(255,255,255,1);
		-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,1);
		box-shadow:inset 0 0 1px rgba(255,255,255,1);
		color:#545353;
		display:inline-block;
		font-weight:normal;
		padding:0 20px;
		text-align:center;
	}

	.borderradius.svg.backgroundsize.no-cssgradients #headerLogin a,
	.borderradius.svg.backgroundsize.no-cssgradients #headerLogin a:link,
	.borderradius.svg.backgroundsize.no-cssgradients #headerLogin a:visited{
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjRmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RiZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	}

	.no-borderradius.no-svg.no-backgroundsize.no-cssgradients #headerLogin a,
	.no-borderradius.no-svg.no-backgroundsize.no-cssgradients #headerLogin a:link,
	.no-borderradius.no-svg.no-backgroundsize.no-cssgradients #headerLogin a:visited{
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f4fb', endColorstr='#d7dbde',GradientType=0 ); /* IE6-8 */
	}

		#headerLogin a:hover{
			background: #e3e8ec; /* Old browsers */
			background: -moz-linear-gradient(top,  #e3e8ec 0%, #ccd0d3 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e8ec), color-stop(100%,#ccd0d3)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* IE10+ */
			background: linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* W3C */
		}

		.borderradius.svg.backgroundsize.no-cssgradients #headerLogin a:hover{
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZThlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2QwZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		}

		.no-borderradius.no-svg.no-backgroundsize.no-cssgradients #headerLogin a:hover{
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e8ec', endColorstr='#ccd0d3',GradientType=0 ); /* IE6-8 */
		}

		#headerLogin a:active{
			background: #d6dadd; /* Old browsers */
			background: -moz-linear-gradient(top,  #d6dadd 0%, #f1f4f9 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6dadd), color-stop(100%,#f1f4f9)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* IE10+ */
			background: linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* W3C */
		}

		.borderradius.svg.backgroundsize.no-cssgradients #headerLogin a:active{
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZGFkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWY0ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		}

		.no-borderradius.no-svg.no-backgroundsize.no-cssgradients #headerLogin a:active{
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dadd', endColorstr='#f1f4f9',GradientType=0 ); /* IE6-8 */
		}

/* --- Page Menu --- */

#pageNavigationOuter{
	background:url(../images/bg-nav-off.gif) repeat-x top #bfc2c5;
	border:1px solid #a8abb0;
	border-width:1px 0;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,0.3), inset 0 0 1px rgba(255,255,255,1);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.3), inset 0 0 1px rgba(255,255,255,1);
	box-shadow:0 2px 3px rgba(0,0,0,0.3), inset 0 0 1px rgba(255,255,255,1);
}

.no-cssgradients #pageNavigationOuter{
	box-shadow:0 2px 3px rgba(0,0,0,0.1), inset 0 0 2px rgba(255,255,255,1);
}

#pageNavigation{
    position: relative;
    z-index: 2;
}

	#pageNavigation>ul{
		padding: 0 0 0 200px;
	}

	#pageNavigation>ul>li {
		border-right:1px solid #eef1f6;
	}

		#pageNavigation>ul>li:first-child{
			border-left:1px solid #a8abb0;
		}

		#pageNavigation>ul>li>a,
		#pageNavigation>ul>li>a:link,
		#pageNavigation>ul>li>a:visited{
			border-right:1px solid #a8abb0;
			color:#545353;
/*			font-size:0.8125em;*/
			font-size:1em;
			font-weight:normal;
			padding:0.25em 15px;
			text-shadow:-1px 1px 0 rgba(255,255,255,0.8);
		}

		#pageNavigation>ul>li:first-child>a,
		#pageNavigation>ul>li:first-child>a:link,
		#pageNavigation>ul>li:first-child>a:visited{
			border-left:1px solid #eef1f6;
		}

			#pageNavigation>ul>li:hover>a,
			#pageNavigation>ul>li:hover>a:link,
			#pageNavigation>ul>li:hover>a:visited{
				background:url(../images/bg-nav-hover.gif) repeat-x top #d7dbde;
			}

			#pageNavigation>ul>li>a:active,
			#pageNavigation>ul>.active>a,
			#pageNavigation>ul>.active>a:link,
			#pageNavigation>ul>.active>a:visited{
				background:url(../images/bg-nav-active.gif) repeat-x top #dddee3;
				-moz-box-shadow:inset 0 0 1px rgba(255,255,255,1);
				-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,1);
				box-shadow:inset 0 0 1px rgba(255,255,255,1);
			}

                #pageNavigation ul li ul {
                    background:#d7dbde;
                    border:1px solid #a8abb0;
                    border-width:0 1px 1px;
					-moz-border-radius:0 0 10px 10px;
					-webkit-border-radius:0 0 10px 10px;
					border-radius:0 0 10px 10px;
                    display:none;
					font-size:0.8125em;
                    left:-2px;
					padding:0.5em 0;
                    position: absolute;
                    top: 1.5em;
                    width:220px;
                    z-index: 2000;
                }

                #pageNavigation ul li:hover ul {
                    display: block;
                }

                    #pageNavigation ul li ul li {
                        border:none;
                        float:none;
                    }

                        #pageNavigation ul li ul li>a,
                        #pageNavigation ul li ul li>a:link,
                        #pageNavigation ul li ul li>a:visited {
                            border:none;
							color:#545353;
							font-weight:normal;
                            margin:5px;
                            padding:5px;
                            text-align:left;
                            /*white-space: nowrap;*/
                        }

                            #pageNavigation ul li ul li>a:hover {
                                color:#7B8B10;
                                text-shadow:none;
                            }

                            #pageNavigation ul li ul .active a,
                            #pageNavigation ul li ul .active a:link,
                            #pageNavigation ul li ul .active a:visited{
                                background:none;
                                color:#7B8B10;
                            }

/* --- Content ---

If site has many blocks of matching widths and padding, change to classes.

*/
#mainCol,#subCol{
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    min-height: 100%;
    padding: 0
}
#mainCol{
	width:620px;
}
.products #mainCol{
    width:100%;
}

#subCol{
	width:300px;
}

.map-outer {
    border: 1px solid #555555;
}

.map {
    width: 352px;
    height: 400px;
}

/* News Fader */

#newsNugget{
	margin:0 0 1.5em;
}

/* --- Footer --- */

#pageFooter a,
#pageFooter a:link,
#pageFooter a:visited{
	font-weight:normal;
}

#footerMenu{
	padding:1em 0 0 ;
	width:620px;
}

#footerCredit{
	padding:1.5em 0 0;
	width:220px;
}

	#footerCredit img{
		display:inline-block;
	}


/* -- Lightbox -- */

.lightbox {
    background-color: #ffffff;
    border: 2px solid #c3d82f;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.lightbox form label {
    margin:7px 0 0 0;
    display:block
}
.lightbox form input, .lightbox form select, .lightbox form textarea {
    width: 220px;
}

.lightbox .lightbox-tools {
    top: -18px;
    right: -18px;
}
.lightbox .lightbox-tools .lightbox-close {
    height: 40px;
    width: 40px;
}

/* Flahs Header */

#homeHeader{
    margin-bottom:20px;
    overflow: hidden;
    /*background:url(/images/uk/home_header_placeholder.jpg) no-repeat;*/
    height:261px;
    /*outline:1px solid red*/

}
#homeHeaderLeft {
    background:url(../images/homeHeader_leftbg_grad.png) no-repeat;
    width:640px;
    float:left;
    height:100%;
    /*outline:1px solid green*/
}

#homeHeaderLinks{
	width:320px;
}

#homeHeaderLinks h2{
	font-size:1.5em;
	font-weight:normal;
	margin:0;
}

#homeHeaderLinks p{
	font-size:0.6875em;
	line-height:1em;
	margin:0;
}

	#homeHeaderLinks a,
	#homeHeaderLinks a:link,
	#homeHeaderLinks a:visited{
		background: #f1f4fb; /* Old browsers */
		background: -moz-linear-gradient(top,  #f1f4fb 0%, #d7dbde 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f4fb), color-stop(100%,#d7dbde)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* IE10+ */
		background: linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* W3C */
		border:1px solid #a9acb1;
		border-width:0 1px 1px;
		-moz-box-shadow:inset 0 0 1px rgba(255,255,255,1);
		-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,1);
		box-shadow:inset 0 0 1px rgba(255,255,255,1);
		color:#333;
		display:block;
		font-weight:normal;
		height:66px;
		overflow:hidden;
		padding:10px 10px;
		text-shadow:-1px 1px 0 rgba(255,255,255,1);
	}

	#homeHeaderLinks a:first-child,
	#homeHeaderLinks a:link:first-child,
	#homeHeaderLinks a:visited:first-child{
		-moz-border-radius:0 10px 0 0;
		-webkit-border-radius:0 10px 0 0;
		border-radius:0 10px 0 0;
		border-width:1px;
	}

	#homeHeaderLinks .last,
	#homeHeaderLinks .last:link,
	#homeHeaderLinks .last:visited,
	#homeHeaderLinks a:last-child,
	#homeHeaderLinks a:link:last-child,
	#homeHeaderLinks a:visited:last-child{
		-moz-border-radius:0 0 10px 0;
		-webkit-border-radius:0 0 10px 0;
		border-radius:0 0 10px 0;
		padding-bottom:9px;
	}

	.borderradius.svg.backgroundsize.no-cssgradients #homeHeaderLinks a,
	.borderradius.svg.backgroundsize.no-cssgradients #homeHeaderLinks a:link,
	.borderradius.svg.backgroundsize.no-cssgradients #homeHeaderLinks a:visited{
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjRmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RiZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	}

	.no-borderradius.no-svg.no-backgroundsize.no-cssgradients #homeHeaderLinks a,
	.no-borderradius.no-svg.no-backgroundsize.no-cssgradients #homeHeaderLinks a:link,
	.no-borderradius.no-svg.no-backgroundsize.no-cssgradients #homeHeaderLinks a:visited{
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f4fb', endColorstr='#d7dbde',GradientType=0 ); /* IE6-8 */
	}

	#homeHeaderLinks a h2,
	#homeHeaderLinks a:link h2,
	#homeHeaderLinks a:visited h2{
		color:#7B8B10;
	}

		#homeHeaderLinks a:hover{
			background: #e3e8ec; /* Old browsers */
			background: -moz-linear-gradient(top,  #e3e8ec 0%, #ccd0d3 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e8ec), color-stop(100%,#ccd0d3)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* IE10+ */
			background: linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* W3C */
		}

		.borderradius.svg.backgroundsize.no-cssgradients #homeHeaderLinks a:hover{
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZThlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2QwZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		}

		.no-borderradius.no-svg.no-backgroundsize.no-cssgradients #homeHeaderLinks a:hover{
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e8ec', endColorstr='#ccd0d3',GradientType=0 ); /* IE6-8 */
		}

		#homeHeaderLinks a:active{
			background: #d6dadd; /* Old browsers */
			background: -moz-linear-gradient(top,  #d6dadd 0%, #f1f4f9 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6dadd), color-stop(100%,#f1f4f9)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* IE10+ */
			background: linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* W3C */
		}

		.borderradius.svg.backgroundsize.no-cssgradients #homeHeaderLinks a:active{
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZGFkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWY0ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		}

		.no-borderradius.no-svg.no-backgroundsize.no-cssgradients #homeHeaderLinks a:active{
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dadd', endColorstr='#f1f4f9',GradientType=0 ); /* IE6-8 */
		}

/*Products -- Not sorted/edited from old site*/

#submenu{
    float:left;
    width:168px;
    border-width:1px 1px 0 1px;
    border-color:#c3d82f;
    border-style:solid;
    background-color:#FFF;
    margin-right:20px;
}

#submenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#submenu li {
    margin: 0;
    padding:0;
    background-image:none;
}

#submenu li a {
    line-height: normal;
    display: block;
    color: #545353;
    text-decoration: none;
    padding:12px 20px;
    font-weight:normal;
    font-size:14px;
    background-image:url(../images/submenu_off.gif);
    background-repeat:no-repeat;
    background-position:right;
    border-bottom:1px solid #c3d82f;
}

#submenu li a:hover{
    color:#7B8B10;
}

#submenu li a:active, #submenu li .active{
    color: #545353;
    background-image:url(../images/submenu_on.gif);
    background-color:#edeeef;
}

#productDetails{
    width:730px;
    float:left;
}

#productImage{

}

#productImage img{
    border:1px solid #c3d82f;
}

#productText{
    padding:20px 0;
}

/*News*/

#archiveMenu, .ctaSubCol>ul{
    border-top:1px solid #c3d82f;
}

#archiveMenu ul, .ctaSubCol>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#archiveMenu li, .ctaSubCol>ul li {
    margin: 0;
    padding:0;
    background-image:none;
}

#archiveMenu li a, .ctaSubCol>ul li a {
    line-height: normal;
    display: block;
    color: #545353;
    text-decoration: none;
    padding:12px 20px;
    font-weight:normal;
    font-size:14px;
    background-image:url(../images/submenu_off.gif);
    background-repeat:no-repeat;
    background-position:right;
    border-bottom:1px solid #c3d82f;
}

#archiveMenu li a:hover, .ctaSubCol>ul li a:hover{
    color:#7B8B10;
}

#archiveMenu li a:active, .ctaSubCol>ul li:active,
#archiveMenu li .active, .ctaSubCol>ul li .active{
    color: #545353;
    background-image:url(../images/submenu_on.gif);
    background-color:#edeeef;
}

.newsPosted{
    margin:10px 0;
    color:#6c6868;
}

/*Testimonials*/

.testimonial{
padding:0 0 20px 0;
min-height: 100px;
}

.testimonialDetails{
    float:left;
    width:70px;
    font-size:10px;
    color:#99a64b;
    margin-right:10px;
    line-height:normal;
}

.testimonialDetails img{
    margin-bottom:10px;
}

.testimonialText{
    margin-left: 80px;
/*    float:left;
    width:200px;*/
}

/* ==== Specific Classes ====
Mostly used in the CMS
*/

/* Unstyled images, with the potential to be links. Allows to float them but also leave spacing. Simple left and right classes don't do this. Also included one for centering */
.img-left-basic{
    float:left;
    margin:0 15px 15px 0;
}

.img-right-basic{
    float:right;
    margin:0 0 15px 15px;
}

.img-centre-basic{
    margin:15px auto;
}

	.img-left-basic a, .img-left-basic a:link, .img-left-basic a:visited, .img-right-basic a, .img-right-basic a:link, .img-right-basic a:visited, .img-center-basic a, .img-center-basic a:link, .img-center-basic a:visited{
		border:none !important;
	}

/* Images styled to match content. Will need updating per site */

.img-left-styled{
    background-color:#fff;
    border:1px solid #ccc;
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    float:left;
    margin:0 10px 10px 0;
    padding:5px;
}

.img-right-styled{
    background-color:#fff;
    border:1px solid #ccc;
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    float:right;
    margin:0 0 10px 10px;
    padding:5px;
}

.img-centre-styled{
    background-color:#fff;
    border:1px solid #ccc;
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    margin:15px auto;
    padding:5px;
}

        .img-left-styled a, .img-left-styled a:link, .img-left-styled a:visited, .img-right-styled a, .img-right-styled a:link, .img-right-styled a:visited, .img-center-styled a, .img-center-styled a:link, .img-center-styled a:visited{
		border:none !important;
	}

/* Styled data tables */

td {
    vertical-align: top;
}

.table-data{
	background-color:#fff;
	border-collapse:collapse;
	margin:15px;
}

	.table-data td, .table-data th{
		border:1px solid #666;
                font-size:12px;
		padding:5px 10px;
        vertical-align: middle;
	}

	.table-data th{
            font-weight:bold;
	}

/* Basic Call to Action Style */
a.call-to-action[href$="pdf"],
a.call-to-action:link[href$="pdf"],
a.call-to-action:visited[href$="pdf"],
.call-to-action,
.call-to-action:link,
.call-to-action:visited{
	background: #f1f4fb; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f4fb 0%, #d7dbde 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f4fb), color-stop(100%,#d7dbde)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* IE10+ */
	background: linear-gradient(top,  #f1f4fb 0%,#d7dbde 100%); /* W3C */
	border:1px solid #a9acb1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:inset 0 0 1px rgba(255,255,255,1);
	-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,1);
	box-shadow:inset 0 0 1px rgba(255,255,255,1);
	color:#545353;
	cursor:pointer;
	display:block;
	font-weight:normal;
    margin-bottom: 15px;
	padding:0.5em 20px;
	text-shadow:-1px 1px 0 rgba(255,255,255,1);
}

#subCol .call-to-action,
#subCol .call-to-action:link,
#subCol .call-to-action:visited{
	font-size:1.5em;
	padding:1em 20px;
	zoom:1;
}

	#subCol .call-to-action span,
	#subCol .call-to-action:link span,
	#subCol .call-to-action:visited span{
		font-size:0.6666666666666667em;
	}

.borderradius.svg.backgroundsize.no-cssgradients .call-to-action,
.borderradius.svg.backgroundsize.no-cssgradients .call-to-action:link,
.borderradius.svg.backgroundsize.no-cssgradients .call-to-action:visited{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjRmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RiZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.no-borderradius.no-svg.no-backgroundsize.no-cssgradients .call-to-action,
.no-borderradius.no-svg.no-backgroundsize.no-cssgradients .call-to-action:link,
.no-borderradius.no-svg.no-backgroundsize.no-cssgradients .call-to-action:visited{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f4fb', endColorstr='#d7dbde',GradientType=0 ); /* IE6-8 */
}

	.call-to-action:hover{
		background: #e3e8ec; /* Old browsers */
		background: -moz-linear-gradient(top,  #e3e8ec 0%, #ccd0d3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e8ec), color-stop(100%,#ccd0d3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* IE10+ */
		background: linear-gradient(top,  #e3e8ec 0%,#ccd0d3 100%); /* W3C */
	}

	.borderradius.svg.backgroundsize.no-cssgradients .call-to-action:hover{
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZThlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2QwZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	}

	.no-borderradius.no-svg.no-backgroundsize.no-cssgradients .call-to-action:hover{
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e8ec', endColorstr='#ccd0d3',GradientType=0 ); /* IE6-8 */
	}

	.call-to-action:active{
		background: #d6dadd; /* Old browsers */
		background: -moz-linear-gradient(top,  #d6dadd 0%, #f1f4f9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6dadd), color-stop(100%,#f1f4f9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* IE10+ */
		background: linear-gradient(top,  #d6dadd 0%,#f1f4f9 100%); /* W3C */
	}

	.borderradius.svg.backgroundsize.no-cssgradients .call-to-action:active{
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZGFkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWY0ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	}

	.no-borderradius.no-svg.no-backgroundsize.no-cssgradients .call-to-action:active{
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dadd', endColorstr='#f1f4f9',GradientType=0 ); /* IE6-8 */
	}

/* Special CTAs */

#socialMediaActions{
	padding:1em 0;
}

	#socialMediaActions a,
	#socialMediaActions a:link,
	#socialMediaActions a:visited{
		margin-left:20px;
		padding-left:10px;
	}

	#socialMediaActions a img,
	#socialMediaActions a:link img,
	#socialMediaActions a:visited img{
		float:left;
		margin-right:10px;
	}

	#socialMediaActions a span,
	#socialMediaActions a:link span,
	#socialMediaActions a:visited span{
		float:left;
		margin:4px 0 0;
	}

	#socialMediaActions a:first-child,
	#socialMediaActions a:link:first-child,
	#socialMediaActions a:visited:first-child{
		margin-left:0;
	}

/* Staff Table */

.staffTable{
	border-collapse:collapse;
	border:none;
}


	.staffTable td{
		padding:0 0 10px 0;
        vertical-align: top;
        font-size: 12px;
        line-height: 1.7;
	}
	.staffTable h2:first-child{
        margin-top:0;
    }

	.staffTable img{
		border:1px solid #aeb1b5;
		margin:0 10px 0 0;
        max-width: none;
        float:left;
	}

	.staffTable hr{
		border:none;
		color:#C3D82F;
		background-color:#C3D82F;
	}

/* VIDEO */

.video-js {
    max-width: 100%!important;
    height: auto!important;
}

.video-js video,
.video-js .vjs-tech {
    height: auto!important;
    position: relative!important;
}
.video-js object.vjs-tech {
    height: 349px!important;
}
.video-js .vjs-poster {
    position: absolute;
    top: 0;
}
/* Do not add things after these classes unless they are additional global classes. Put them in before it says SPECIFIC CLASSES */

#siteLogo{
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    height: 150px;
    /*margin-bottom: -160px;*/
    position: relative;
    top: 12px;
    width: auto;
    z-index: 3;
}

#pageNavigation {
    position: relative;
    text-align: right;
    z-index: 2;
}

#pageNavigation ul li {
    display: inline-block;
    float: none;
}

#pageNavigation ul li ul li {
    display: block;
}