.transparency					{ background-color: rgba(255,255,255,0.8); color: #005173;}
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}html{overflow-y:scroll;}body{-webkit-text-size-adjust:none;}sub, sup{font-size:75%; line-height:0; position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}textarea {overflow:auto;}.ie6 legend, .ie7 legend {margin-left:-7px;} input[type="radio"], input.radio {vertical-align:text-bottom;}input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}.ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}.ie6 input {vertical-align: text-bottom;}label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}button, input, select, textarea {margin:0;}/* .checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;} */button {width:auto; overflow:visible;}.ie7 img {-ms-interpolation-mode: bicubic;}.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }.hidden {display:none; visibility:hidden; }.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}.invisible {visibility:hidden;}blockquote, q {quotes:none;}blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}ins {background-color:#ff9; color:#000; text-decoration:none;}mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}del {text-decoration: line-through; }abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}input, select {vertical-align:middle;}a:hover, a:active {outline: none;}.content ul, .content ol {margin-left:2em;}ol {list-style-type:decimal;}ul li {list-style-type:none;}nav ul, nav li {margin:0; list-style:none; list-style-image:none;}/*	960 Grid System ~ Core CSS.	Learn more ~ http://960.gs/	Licensed under GPL and MIT.*//* =Containers--------------------------------------------------------------------------------*/.container_12,.container_16{	width: 92%;	margin: 0 auto;}/* =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_13,.grid_14,.grid_15,.grid_16{	display: inline;	float: left;	margin-left: 1%;	margin-right: 1%;}.container_12 .grid_3,.container_16 .grid_4{	width: 23%;}.container_12 .grid_6,.container_16 .grid_8{	width: 48%;}.container_12 .grid_9,.container_16 .grid_12{	width: 73%;}.container_12 .grid_12,.container_16 .grid_16{	width: 98%;}/* =Grid >> Children (Alpha ~ First, Omega ~ Last)--------------------------------------------------------------------------------*/.alpha{	margin-left: 0;	margin-right: 2%;}.omega{	margin-right: 0;	margin-left: 2%;}/* =Grid >> 12 Columns--------------------------------------------------------------------------------*/.container_12 .grid_1{	width: 6.333%;}.container_12 .grid_2{	width: 14.666%;}.container_12 .grid_4{	width: 31.333%;}.container_12 .grid_5{	width: 39.666%;}.container_12 .grid_7{	width: 56.333%;}.container_12 .grid_8{	width: 64.666%;}.container_12 .grid_10{	width: 81.333%;}.container_12 .grid_11{	width: 89.666%;}/* =Grid >> 16 Columns--------------------------------------------------------------------------------*/.container_16 .grid_1{	width: 4.25%;}.container_16 .grid_2{	width: 10.5%;}.container_16 .grid_3{	width: 16.75%;}.container_16 .grid_5{	width: 29.25%;}.container_16 .grid_6{	width: 35.5%;}.container_16 .grid_7{	width: 41.75%;}.container_16 .grid_9{	width: 54.25%;}.container_16 .grid_10{	width: 60.5%;}.container_16 .grid_11{	width: 66.75%;}.container_16 .grid_13{	width: 79.25%;}.container_16 .grid_14{	width: 85.5%;}.container_16 .grid_15{	width: 91.75%;}/* =Prefix Extra Space >> Global--------------------------------------------------------------------------------*/.container_12 .prefix_3,.container_16 .prefix_4{	padding-left: 25%;}.container_12 .prefix_6,.container_16 .prefix_8{	padding-left: 50%;}.container_12 .prefix_9,.container_16 .prefix_12{	padding-left: 75%;}/* =Prefix Extra Space >> 12 Columns--------------------------------------------------------------------------------*/.container_12 .prefix_1{	padding-left: 8.333%;}.container_12 .prefix_2{	padding-left: 16.666%;}.container_12 .prefix_4{	padding-left: 33.333%;}.container_12 .prefix_5{	padding-left: 41.666%;}.container_12 .prefix_7{	padding-left: 58.333%;}.container_12 .prefix_8{	padding-left: 66.666%;}.container_12 .prefix_10{	padding-left: 83.333%;}.container_12 .prefix_11{	padding-left: 91.666%;}/* =Prefix Extra Space >> 16 Columns--------------------------------------------------------------------------------*/.container_16 .prefix_1{	padding-left: 6.25%;}.container_16 .prefix_2{	padding-left: 12.5%;}.container_16 .prefix_3{	padding-left: 18.75%;}.container_16 .prefix_5{	padding-left: 31.25%;}.container_16 .prefix_6{	padding-left: 37.5%;}.container_16 .prefix_7{	padding-left: 43.75%;}.container_16 .prefix_9{	padding-left: 56.25%;}.container_16 .prefix_10{	padding-left: 62.5%;}.container_16 .prefix_11{	padding-left: 68.75%;}.container_16 .prefix_13{	padding-left: 81.25%;}.container_16 .prefix_14{	padding-left: 87.5%;}.container_16 .prefix_15{	padding-left: 93.75%;}/* =Suffix Extra Space >> Global--------------------------------------------------------------------------------*/.container_12 .suffix_3,.container_16 .suffix_4{	padding-right: 25%;}.container_12 .suffix_6,.container_16 .suffix_8{	padding-right: 50%;}.container_12 .suffix_9,.container_16 .suffix_12{	padding-right: 75%;}/* =Suffix Extra Space >> 12 Columns--------------------------------------------------------------------------------*/.container_12 .suffix_1{	padding-right: 8.333%;}.container_12 .suffix_2{	padding-right: 16.666%;}.container_12 .suffix_4{	padding-right: 33.333%;}.container_12 .suffix_5{	padding-right: 41.666%;}.container_12 .suffix_7{	padding-right: 58.333%;}.container_12 .suffix_8{	padding-right: 66.666%;}.container_12 .suffix_10{	padding-right: 83.333%;}.container_12 .suffix_11{	padding-right: 91.666%;}/* =Suffix Extra Space >> 16 Columns--------------------------------------------------------------------------------*/.container_16 .suffix_1{	padding-right: 6.25%;}.container_16 .suffix_2{	padding-right: 16.5%;}.container_16 .suffix_3{	padding-right: 18.75%;}.container_16 .suffix_5{	padding-right: 31.25%;}.container_16 .suffix_6{	padding-right: 37.5%;}.container_16 .suffix_7{	padding-right: 43.75%;}.container_16 .suffix_9{	padding-right: 56.25%;}.container_16 .suffix_10{	padding-right: 62.5%;}.container_16 .suffix_11{	padding-right: 68.75%;}.container_16 .suffix_13{	padding-right: 81.25%;}.container_16 .suffix_14{	padding-right: 87.5%;}.container_16 .suffix_15{	padding-right: 93.75%;}/* `Push Space >> 12 Columns----------------------------------------------------------------------------------------------------*/.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 {  position: relative;}.container_12 .push_1 {  left: 8.333%;}.container_12 .push_2 {  left: 16.666%;}.container_12 .push_3 {  left: 25%;}.container_12 .push_4 {  left: 33.333%;}.container_12 .push_5 {  left: 41.666%;}.container_12 .push_6 {  left: 50%;}.container_12 .push_7 {  left: 58.333%;}.container_12 .push_8 {  left: 66.666%;}.container_12 .push_9 {  left: 75%;}.container_12 .push_10 {  left: 83.333%;}.container_12 .push_11 {  left: 91.666%;}/* `Pull Space >> 12 Columns----------------------------------------------------------------------------------------------------*/.container_12 .pull_1 {  left: -8.333%;}.container_12 .pull_2 {  left: -16.666%;}.container_12 .pull_3 {  left: -25%;}.container_12 .pull_4 {  left: -33.333%;}.container_12 .pull_5 {  left: -41.666%;}.container_12 .pull_6 {  left: -50%;}.container_12 .pull_7 {  left: -58.333%;}.container_12 .pull_8 {  left: -66.666%;}.container_12 .pull_9 {  left: -75%;}.container_12 .pull_10 {  left: -83.333%;}.container_12 .pull_11 {  left: -91.666%;}/* =Clear Floated Elements--------------------------------------------------------------------------------*/.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;}/* BASE TYPOGRPHY */
body { font-size: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; }
p 	{margin-top:0px;}
h1,
h2,
h3,
h4,
h5,
h6					{ color: #005173; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; margin-top:0; font-weight: 600;}		
.typography p, .typography li	{color:  #005173; }
a:link,
a:visited			{ color: #f2be59; text-decoration: none;}
a:hover				{ color: #005173;}
a.button					{background: rgba(0,81,115,1);
							  background: -moz-linear-gradient(top,  rgba(0,81,115,1) 0%, rgba(0,81,115,1) 100%);
							  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,81,115,1)), color-stop(100%,rgba(0,81,115,1)));
							  background: -webkit-linear-gradient(top,  rgba(0,81,115,1) 0%,rgba(0,81,115,1) 100%);
							  background: -o-linear-gradient(top,  rgba(0,81,115,1) 0%,rgba(0,81,115,1) 100%);
							  background: -ms-linear-gradient(top,  rgba(0,81,115,1) 0%,rgba(0,81,115,1) 100%);
							  background: linear-gradient(to bottom,  rgba(0,81,115,1) 0%,rgba(0,81,115,1) 100%);
							  color: #fac55a;
							  padding: 0.5em 0.8em;
							  font-size: 1.2em;
							  border: 1px solid rgba(0,81,115,1);
							  margin-top: 1em;
							  display: inline-block;
							  max-width: 55%;
							 }
a.button:after				{display: inline-block; margin-left: 1em; content:'\00bb';}
a.button:hover				{background: rgba(250,197,90,1);
							  background: -moz-linear-gradient(top,  rgba(0,81,115,1) 0%, rgba(250,197,90,1) 100%);
							  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,81,115,1)), color-stop(100%,rgba(250,197,90,1)));
							  background: -webkit-linear-gradient(top,  rgba(0,81,115,1) 0%,rgba(250,197,90,1) 100%);
							  background: -o-linear-gradient(top,  rgba(0,81,115,1) 0%,rgba(250,197,90,1) 100%);
							  background: -ms-linear-gradient(top,  rgba(0,81,115,1) 0%,rgba(250,197,90,1) 100%);
							  background: linear-gradient(to bottom,  rgba(0,81,115,1) 0%,rgba(250,197,90,1) 100%);
							  border: 1px solid rgba(0,81,115,1);
							}

.smaller			{ font-size: 0.75em;}

/* HEADERS */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    margin-bottom: 20px; 
}
.typography h1 {
  font-size: 2.6em;
  margin: 0 0 20px 0;
  line-height: 1.2em;

}
.typography h2 { font-size:1.95em; line-height: 1.2em; margin-bottom: 15px; }
.typography h3 { font-size: 1.43em; line-height:  1.2em; margin-bottom: 10px; }
.typography h4, .price { font-size: 1.17em; line-height: 1.1em; margin-bottom: 5px; }
.typography h5 { font-size: 1.04em; line-height: 1em; margin-bottom: 5px; }
.typography h6 { font-size: 1em; line-height: 2em; font-weight: bold; margin-bottom: 5px; }

.typography hgroup h1 { margin-bottom: 0px;}

/* PARAGRAGHS */
.typography  p { margin: 0 0 20px; line-height: 1.8em; text-align: justify; font-size:0.9em; font-weight:400;}
aside .typography  p { font-size: 0.9em; margin: 0 0 20px; }
.typography em { font-style: italic; }
.typography strong	{ font-weight:600;}

/* LIST STYLES
-------------------------------------------- */

.typography ul, 
.typography ol,
.typography dl { margin: 0 0 20px 45px;font-weight:400; }
.typography ul li { list-style-type: disc; } /* adds disc style bullet to the list */
  .typography li { margin-bottom: 5px; line-height: 1.8em; font-size:0.9em;}


aside .typography ul, 
aside .typography ol,
aside .typography dl { margin-left: 1em; }

aside .typography li { margin-left:1em !important; font-size: 0.9em; }
ul.left	{ float: left; margin-right: 2em; }
ul.left:before,
ul.left:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
ul.left:after {
  clear: both;
}

/* TABLE STYLES
-------------------------------------------- */
.typography table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border: 1px solid #d4d4d4;
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 10px;
    text-align: left;
}
  .typography table tr:nth-child(even) {
      background-color: #ededed
  }
  .typography table tr.even,
  .typography table th,
  .typography thead td {
      background-color: #ededed
  }
  .typography table td,
  .typography table th {
      padding: 2px 5px;
      border: 1px solid #d4d4d4;
      vertical-align: top;
  }
  .typography table th {
      font-weight: bold;
  }
  .typography table td p { margin: inherit 0px;}


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


/* IMAGES 
-------------------------------------------- */
.typography img {
    border: 2px solid #333;
    height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
}
.typography img.no-border	{ border: none;}

.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}

/* ADDRESS
-------------------------------------------- */
address {
  display: block;
  margin-bottom: 20px;
}

/* My Custom Classes
-------------------------------------------- */
.typography .red-ticks,.typography .red-crosses 		{ margin-left:2em !important;}
.typography .orange-ticks,.typography .orange-crosses 		{ margin-left:10px !important;}
.typography .green-ticks 	{ margin-left:2em !important;}
.typography .blue-ticks 	{ margin-left:2em !important;}
.typography .yellow-ticks 	{ margin-left:2em !important;}
.typography .white-ticks,.typography .white-crosses 	{ margin-left:2em !important;}
.typography .black-ticks,.typography .black-crosses 	{ margin-left:2em !important;}

.typography .red-ticks li	{ list-style:url(../images/red-tick.png) outside;  }
.typography .orange-ticks li	{ list-style:url(../images/orange-tick.png) outside;  }
.typography .green-ticks li	{ list-style:url(../images/green-tick.png) outside;  }
.typography .blue-ticks li	{ list-style:url(../images/blue-tick.png) outside;  }
.typography .yellow-ticks li	{ list-style:url(../images/yellow-tick.png) outside;  }
.typography .white-ticks li	{ list-style:url(../images/white-tick.png) outside;  }
.typography .black-ticks li	{ list-style:url(../images/black-tick.png) outside;  }

.typography .red-crosses li	{ list-style:url(../images/red-cross.png) outside;  }
.typography .orange-crosses li	{ list-style:url(../images/orange-cross.png) outside;  }
.typography .black-crosses li	{ list-style:url(../images/black-cross.png) outside;  }
.typography .white-crosses li	{ list-style:url(../images/white-cross.png) outside;  }

.clear-images				{ clear: both;}

.typography .image-shadow{
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0,81,115,0.8);
	box-shadow:  0px 0px 5px 0px rgba(0,81,115,0.8);
}
.text-shadow{
	text-shadow: 0px 0px 2px rgba(0,81,115,0.8);
}

.white-text	{color: #fff !important;}
.grey-text	{color: #555 !important;}
.black-text	{color: #000 !important;}
.red-text	{color: #F00 !important;}

/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */

.middleColumn					{ display: inline-block; width: 70%}

.inline-options	li				{ display: inline-block; margin-right: 11px;}
.inline-options	li input		{ margin-right: 3px !important; }
.inline-options .middleColumn	{ width: 40%;}
/* GENERIC FORMS
----------------------------------------------- */

form {
    width: 100%;
	display: inline-block;
	vertical-align:top;
}

div.field {
    margin: 10px 0 15px;
}
#recaptcha_widget_div { margin-left: 30% ; display: inline-block;}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
}
    form label.left {
       float: left;
        font-weight: bold;
		width: 30%;
		font-size:0.9em;
    }
    form label.right {
        font-size: 12px;
        color: #888;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 95%;
    max-width: 400px;
    padding: 2%;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #555;
}
    .ie7 form select { width: 400px; } /* fix for ie7's rendering of max-width property on select input */

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }


/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: rgba(250,197,90,1);
    }


/* ACTIONS */
.Actions {
    margin-bottom: 20px;
}
    a.btn, button, input[type="submit"], .Actions .action {
        background: rgba(0,81,115,1);
        color: #fac55a;
        display: inline-block;
        border-radius: 4px;
        padding: 6px 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: none;
        font-size: 13px;
        margin-right: 10px;
        float: left;
    }
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        background: #005173;
        color: rgba(250,197,90,1);
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: rgba(0,81,115,1);
        content: "* Indicates a required field";
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
    width: 114px;
}
.Actions input.resetformaction {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #B94A48;
    content: "*";
    font-size: 14px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
    form .checkboxset li,
    form .optionset li {
        margin-bottom: 5px;
        list-style-type:none;
    }
    form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}
div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}
form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000; 
}

/* Error messages */
input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

/* To test - potentially not needed? */
.ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: left;
}
form .creditCardField input,
form input.currency,
form input.numeric {
    width: 50px;
}
form #DMYDate-month,
form #DMYDate-day {
    width: 25px
}
/* ------------------------------------------
	VARIABLES
---------------------------------------------

font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif: 		=> Headline Font 
#005173: 		=> Headline Colour
2.6em: 		=> Headline Size
600:  		=> Headline font weight
1.95em				=> Headline 2 size
1.43em				=> Headline 3 size
1.17em				=> Headline 4 size
1.04em				=> Headline 5 size

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif: 			=> Body Text Font
#005173: 			=> Body Text Colour
400: 			=> Body Font Weight
600:  			=> Body text Weight
		
rgba(0,81,115,1) 			=> Primary Colour (RGBA)
#005173 		=> Primary Colour (HEX)
rgba(0,81,115,1) 		=> Primary Tint Colour 
#005173 	=> Primary Tint Colour
#fac55a 		=> Text colour within primary

rgba(250,197,90,1) 			=> Secondary Colour (RGBA)
#fac55a 		=> Secondary Colour (HEX) 
rgba(0,81,115,1) 		=> Secondary Tint Colour 
#005173 	=> Secondary Tint Colour
#005173 		=> Text colour within Secondary

#fac55a 		=> Background Colour 1
=> Background Colour 2
		
#f2be59 				=> Navigation Text Colour (normal)
#005173 			=> Navigation Text Colour (hover/active)
#005173 				=> Main Background/Styling Colour (normal)
#005173 			=> Main Background/Styling Tint (normal)
#f2be59 		=> Main Background Colour(hover)
#f2be59 	=> Main Background Tint(hover)
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif:				=> Navigation Font
1em: 			=> Navigation Font size

#005173 				=> Tagline Colour
#005173 			=> Number Colour
		
#ffffff 		=> Main text area background Colour
=> Main text area background tint
		
#f2be59 				=> Link Colour
#005173 			=> Link Hover Colour
		
rgba(255,255,255,0.8) 			=> Transparancy Colour
0.8 			=> Transparancy Amount
#005173 			=> Text colout within Transparencies
		
#f2be59 			=> Footer Background Colour
=> Footer Background Tint 
#005173 			=> Footer Text Colour
#0074a6 			=> Footer Link Colour
#005173 			=> Footer Link Hover Colour

---------------------------------------------
-------------------------------------------*/
	
/*	DOM
----------------------- */
html, body						{height: 100%; position: relative;}
body							{color: #005173; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.container_12					{ max-width: 1200px;}
.wai							{display: none;}
#media-trigger					{display: none; width: 0; height: 0; position:relative; margin: 0; padding: 0;}
a[href^=tel] 					{ text-decoration:inherit; color: inherit;}

.background.solid				{ background: #fac55a;}
.background.gradient			{ background: #fac55a;
							 	  background: -moz-linear-gradient(top,  #fac55a 0%,100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac55a), color-stop(100%,));
							 	  background: -webkit-linear-gradient(top,  #fac55a 0%,100%);
							 	  background: -o-linear-gradient(top,  #fac55a 0%,100%);
							 	  background: -ms-linear-gradient(top,  #fac55a 0%,100%);
							 	  background: linear-gradient(to bottom,  #fac55a 0%,100%);
								}
.background.gradient			{ background: #fac55a;
							 	  background: -moz-linear-gradient(top,  #fac55a 0%,100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac55a), color-stop(100%,));
							 	  background: -webkit-linear-gradient(top,  #fac55a 0%,100%);
							 	  background: -o-linear-gradient(top,  #fac55a 0%,100%);
							 	  background: -ms-linear-gradient(top,  #fac55a 0%,100%);
							 	  background: linear-gradient(to bottom,  #fac55a 0%,100%);
								}

.background-slides 				{ height: 100%; width: 100%; position: absolute; top: 0; z-index: -5; overflow: hidden;}
.background-slides img			{ min-width: 100%; min-height: 100%; max-height:150%; display: none; margin:auto;top: 0; left:0; right:0; bottom:0;}

.background-image				{ height: 100%; width: 100%; position: absolute; top: 0; z-index: -5; overflow: hidden;}	
.background-image img			{ min-width: 100%; height: 100%; width: auto; position: absolute;
	top: -9999px; left:-9999px; right:-9999px; bottom:-9999px;
	margin: auto;}



.content-background.solid		{ background: #ffffff;}
.content-background.gradient	{ background: #ffffff;
							 	  background: -moz-radial-gradient(top,  #ffffff 70%,100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#ffffff), color-stop(100%,));
								  background: -webkit-linear-gradient(top,  #ffffff 70%,100%);
							 	  background: -o-linear-gradient(top,  #ffffff 70%,100%);
								  background: -ms-linear-gradient(top,  #ffffff 70%,100%);
								  background: linear-gradient(to bottom,  #ffffff 70%,100%);
								}
.content-background.gradient	{ background: #ffffff;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%,100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,));
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,100%);
background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,100%);
background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,100%);
background: radial-gradient(ellipse at center, #ffffff 0%,100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='',GradientType=1 );
}


#header							{ padding-bottom: 13%; position: relative;}
#branding						{ height: auto; margin-top: 2em; margin-bottom:: 2em; position: relative;}
#ContentContainer				{ margin-top: -13%; position: relative;}
.container_12 .grid_12						{ margin: 0; width: 100%; }
.main-logo						{ margin-right:30px; max-width: 100%; display: block; float: left;}
.main-tel						{ text-align: right; 
							  	font-size: 0.9em;
							  	float: right; 
							  	clear: right; 
							 	 line-height:1.6em;
							  	color: #005173;
								position: absolute;
								right: 0;
							 	}
.main-tel em					{ font-size: 1.65em; line-height:1.2em;}
.main-tel strong				{ font-size: 1.5em; line-height:1.3em; color: #005173;}
.main-tel a						{ color: inherit;}
#showLocalNumbers				{ display: block; padding: 0.3em 0; margin-top: 0.3em;border-top: 2px solid #005173; border-bottom: 2px solid #005173; text-align: left;}
#showLocalNumbers:after			{ content: '\25be'; display: inline-block; margin-left: 1em; }
#LocalNumbersSlider				{ display: none; width: auto%; position: absolute; top: 90%; right: 0; padding: 1em; background: rgba(0,81,115,1); color: #fac55a; z-index: 100;}
#LocalNumbersSlider ul				{ margin: 0; padding: 0;}
#LocalNumbersSlider li				{ margin: 0 0 0.3em; padding: 0;}
#LocalNumbersSlider li a			{ color: rgba(250,197,90,1); margin-left: 2em; float: right;}

/* NAVIGATION
------------------------ */
.nav-open-button			{ display: none;}

#main-navigation			{ clear:both; 
							  display: block; 
							  position: relative;
							  margin-top: 1em;
							  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
							  font-size: 1em;
							}

#main-navigation.solid			{ background: #005173; }
#main-navigation.gradient		{  background: #005173;
									background: -moz-linear-gradient(top, #005173 0%, #005173 100%);
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005173), color-stop(100%,#005173));
									background: -webkit-linear-gradient(top, #005173 0%,#005173 100%);
									background: -o-linear-gradient(top, #005173 0%,#005173 100%);
									background: -ms-linear-gradient(top, #005173 0%,#005173 100%);
									background: linear-gradient(to bottom, #005173 0%,#005173 100%);
								 }

#main-navigation ul				{margin-top: 0px;}
#main-navigation ul	li,
.nav-tel					{ color: #f2be59;}
.nav-tel 					{ display: none;}

#main-navigation li:first-child { border-radius: 5px 0px 0px 0px;
							 	  -moz-border-radius: 5px 0px 0px 0px;
								  -webkit-border-radius: 5px 0px 0px 0px;
								  overflow: hidden;
}

#main-navigation.solid li a:hover,
#main-navigation.solid li a.current,
#main-navigation.solid li a.section { background: #f2be59; color: #005173; }

#main-navigation.gradient li a:hover,
#main-navigation.gradient li a.current,
#main-navigation.gradient li a.section { color: #005173 ;
											   background: #f2be59;
											   background: -moz-linear-gradient(top, #f2be59 0%, #f2be59 100%);
											   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2be59), color-stop(100%,#f2be59));
											   background: -webkit-linear-gradient(top, #f2be59 0%,#f2be59 100%);
											   background: -o-linear-gradient(top, #f2be59 0%,#f2be59 100%);
											   background: -ms-linear-gradient(top, #f2be59 0%,#f2be59 100%);
											   background: linear-gradient(to bottom, #f2be59 0%,#f2be59 100%);
}

#main-navigation li			{ float:left; position:relative;}
#main-navigation li.current { font-weight: bold;}

#main-navigation a:link,
#main-navigation a:visited	{ color: inherit; display: block; padding: 1em 1.1em;}


/* sub */
#main-navigation ul ul { display:none; width:100%; position:absolute; z-index: 1; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#main-navigation ul ul li { float:none !important; background: #005173;}
#main-navigation ul ul li:first-child { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#main-navigation ul ul li:hover{ background: #005173;}
#main-navigation ul ul a { font-size:0.9em; }
/*nav ul ul a:hover { background-color:#555; }
*/

#main-navigation.mobile-nav				{ font-size: 1em !important; position: relative; z-index:100; margin: inherit 4%; }
#main-navigation.mobile-nav	 ul			{ display: none; width: 100%; height: 0;  position: relative; margin-top: 1em;}
.mobile-nav	 ul li						{ display: block; float: none !important;}
#main-navigation.mobile-nav	 ul ul		{ display: block; height: auto; width: 90%; position:relative; margin: 0 auto;}
#main-navigation.mobile-nav	 ul a		{ padding: 0.6em}

.mobile-nav span.nav-open-button		{display: block; max-width:100%; padding: 0.3em; background: #005173; color: #f2be59; border:1px solid #005173;}
.mobile-nav span.nav-open-button:hover	{cursor: pointer;}


/*	SLIDESHOW
----------------------- */
#ContentContainer .cycle-slideshow			{ position: relative; height: 350px; width: 100%; z-index:0; border-bottom: 5px solid #005173; overflow: hidden;}
.slider						{ position: relative;}
.slider-text				{ display: block; max-width: 50%; max-height: 75%; margin: 3em 2em; position: absolute; top: 0; left: 0;}

.slider-text p				{ font-size: 1.2em;}
.slider-text .button		{ max-width: none;}

/*	BLOCKLINKS
----------------------- */
#BlockLinks						{ position:relative; 
								  background: #005173;
									background: -moz-linear-gradient(top, #005173 0%, #005173 100%);
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005173), color-stop(100%,#005173));
									background: -webkit-linear-gradient(top, #005173 0%,#005173 100%);
									background: -o-linear-gradient(top, #005173 0%,#005173 100%);
									background: -ms-linear-gradient(top, #005173 0%,100%);
									background: linear-gradient(to bottom, #005173 0%,#005173 100%);
								}
.blocklink 						{ float: left; vertical-align: top; height:auto; overflow: hidden; margin: 0.5%; margin-left: 0; 
								  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
								  box-sizing: border-box;         /* Opera/IE 8+ */ 
								  border: 1px solid #005173; 		
								}
.blocklink:nth-child(2)			{ margin-left: 0.5%;}
.blocklink:nth-child(6)			{ margin-left: 0.5%;}

.blocklink,
.blocklink a, 
.blocklink img					{position: relative; display: block;}
.blocklink h3					{position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 0.5em 0.3em; text-transform: uppercase; text-shadow: 0px 0px 3px rgba(0,81,115,0.8);}


/*	MAIN CONTENT
----------------------- */
#MainContent, aside				{ margin-bottom: 2em; margin-top: 2em;}
#Breadcrumbs					{ margin: 1em 0 0; font-size: 0.7em; text-transform: uppercase; padding-bottom: 1em; border-bottom: 1px solid #005173; text-shadow: 0px 0px 2px rgba(0,81,115,0.8); }
.pageIcon						{ float: left; position: relative; margin: 1em 2em 3em 0;}
#manufactures					{ margin-bottom: 2em; padding-top: 2em;padding-bottom: 2em; border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(255,255,255,0.8); clear:both;}
#manufactures ul				{ text-align: center;}
#manufactures li				{ display: inline-block; margin: auto; vertical-align: middle;  padding: 0px 2%;}
#manufactures ul li:first-child	{ padding-left: 0; }
#manufactures ul li:last-child		{ padding-right: 0; }
#local-pages					{ clear: both; margin: 20px 0px 0px; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; display: none; height: auto;}
#local-pages ul					{ margin-top: 20px; margin-bottom:20px; font-size: 0.8em;}

.expandable						{overflow: hidden; display: block; height: auto; }
.expandable h2					{ cursor: pointer;}
.expandable h2:after	{content:'+'; display: block; float: right; margin: 0 0.5em;}
.expandable .open h2:after	{content:'-'; display: block; float: right; margin: 0 0.5em;}

#MainContent .expandable		{padding-bottom:0.4em;}
#MainContent .expandable h2		{ font-size: 1.2em; background-color: rgba(250,197,90,1); color: #005173; padding: 0.5em 1em 0.5em 3em;}
#GalleryList h2					{ background-image: url(../images/camera.png); background-position: 1em center; background-repeat: no-repeat;}
.SocialShares					{ margin: 1em 0;clear: both;}
.SocialShares div				{ float: left; margin-right: 1em; max-width:100px; overflow:hidden; }

/*	Ecomm
----------------------- */
.productSummary  				{ display: block; margin-top: 2em; padding-bottom: 2em; border-bottom: 1px solid #005173; }
.productSummary:last-child		{ border-bottom: none;}
.productSummary img,
.productSummary .summary		{ display: inline-block; max-width: 80%;vertical-align: top;}
.productSummary img 			{ margin-right: 2em; }

/*	ECOMM
-------------------------------------- */
.productList					{ margin: 0 !important;}
.productList li					{ list-style: none; display: inline-block; margin:0 0 1em 1em; background: #ffffff; border: 1px solid rgba(0,81,115,1);	-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; padding: 1em; width: 31%; vertical-align:top;}
.productList .first				{ margin-left: 0;}

.productList a					{ position: relative; display: block; overflow: hidden; color: #005173; height: 100%;} 
.productList img				{ position: relative; display: block; }
.productList strong				{ padding: 1em; text-transform: uppercase; font-size:0.9em; background: rgba(0,81,115,1); color:#fac55a; border-bottom:5px solid rgba(0,81,115,1); display:block;}

.productList					{}
.price							{ font-size: 2em; font-weight:600; color: rgba(0,81,115,1);}
.productList	.button			{ display: block; color: rgba(250,197,90,1); float: right;}
.productList	.button:hover	{color:;}



/*	GALLERY
----------------------- */
ul.galleryThumbnails			{ margin: 0;}
ul.galleryThumbnails li			{ display: inline-block; list-style: none; margin:0 1em 1em 0; vertical-align: top; font-size: 0.8em;}
ul.galleryThumbnails li img		{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
								  box-sizing: border-box;         /* Opera/IE 8+ */ 
								  border: 1px solid rgba(0,81,115,1); 		
								}
ul.galleryThumbnails li	span	{ margin-top: 0.5em; display: block;}


/*	ASIDE + WIDGETS
----------------------- */
aside .typography img					{ max-width: 100%; heigh: auto;}
aside .WidgetHolder, 
aside section, 
aside nav 								{ margin-bottom: 1.5em;}
aside nav.secondary li a				{ padding-left: 1em;}
aside #shopNav li						{ margin-bottom: 0.3em;}
aside h2,
#brochures h1,
aside #shopNav li a				 	{ display: block; padding: 0.3em 0.5em; background: rgba(250,197,90,1); color: #005173; margin-bottom:0.2em; }
aside #shopNav li a:hover	 		{ background: rgba(0,81,115,1); color: #fac55a; }


/* navigation */
aside .SiteNavigationWidget		{ border: none; padding-bottom: 0; margin-bottom: 2em;}
aside nav ul li a:before	 	{ content: '\00BB'; margin-right:1.5em; display: inline-block;}

aside nav.secondary ul li,
#brochures li					{ font-size: 0.8em; text-transform: capitalize; padding: 0.5em 0; border-bottom: 1px dotted rgba(0,81,115,1);}
#brochures li:last-child		{ border-bottom: none;}
#brochures li:before			{ content: url(../images/pdf-icon.png); display: inline-block; margin-right: 1em; vertical-align: middle; }

a.subscribeLink					{ background:url(../images/icons16-dark.png) right no-repeat; background-position:100% 1px; padding-right: 25px;}
a.subscribeLink:hover			{ background-image:url(../images/icons16-white.png); }

aside .little-blocks li			{ display: inline-block; vertical-align: central; margin:1em; margin-left: 0;}


.NeedHelpWidget h2				{background-image:url(../images/phone-white-16.png); background-repeat: no-repeat; background-position: 0.5em center; padding-left: 2em;}

.NeedHelpWidget header p		{font-weight: 600; margin-bottom: 0.5em; font-size: 1em;}
.NeedHelpWidget p				{ font-size: 1em; }
.NeedHelpWidget p span			{ color: #005173; font-size: 1.5em;}
/*	FOOTER + WIDGETS
----------------------- */
#Footer							{ display: block; position:relative; padding:2em 0 0; clear:both; margin-bottom: 1em; font-size: 0.8em;}
#Footer.solid					{ background: #f2be59;}
#Footer.gradient				{ background: #f2be59;
								  background: -moz-linear-gradient(top, #f2be59 0%,100%);
								  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2be59), color-stop(100%,Tint));
								  background: -webkit-linear-gradient(top, #f2be59 0%,100%);
								  background: -o-linear-gradient(top, #f2be59 0%,100%);
								  background: -ms-linear-gradient(top, #f2be59 0%,100%);
								  background: linear-gradient(to bottom, #f2be59 0%,100%);

}

#Footer a:link,
#Footer a:visited				{color: #0074a6;}
#Footer a:hover					{color: #005173;}


#Footer form					{ max-width: 100% !important;}
#Footer nav li					{ list-style: square inside;}								 
#Footer	h2						{ margin-bottom: 1.3em; color: #005173;}

#Footer .WidgetHolder			{ margin-bottom: 20px;}


#FooterWidgets .LatestBlogWidget p	{ font-size: 0.9em; line-height:1.6em; border-bottom:1px solid; padding-bottom: 1em; margin-bottom: 1em; }
#FooterWidgets .vcard, .MapWidget iframe		{ margin-bottom: 1em;}
#FooterWidgets .MapWidget iframe				{ max-width: 60%; float: right; }

#FooterWidgets li								{ margin-left: 0;}
#FooterWidgets .widget-nav ul li				{ list-style: square inside;}

#FooterWidgets iframe							{ width: 100%;}
#copywrite						{ margin-top: 2em; font-size:0.7em; margin-bottom:0.5em; padding-top: 1em; border-top: 1px solid rgba(250,197,90,1);}
p.copyright						{float: left;}
p.outbound						{ float: right; }

/* vcard */
.vcard .org								{font-weight: 600; margin-bottom:0.5em;}
.vcard .street-address,
.vcard .locality,
.vcard .region,
.vcard .postal-code,
.vcard .tel,
.vcard .email							{padding-left: 24px; display:block; padding-bottom: 0.5em;}

.vcard .adr								{background:url(../images/envelope-white-16.png) no-repeat top left;}
.vcard .tel								{background:url(../images/phone-white-16.png) no-repeat top left;}
.vcard .email							{background:url(../images/email-white-16.png) no-repeat top left;}			

.vcard .adr span						{ margin: 0; line-height:1em;}

.social-networks				{ text-align: left;}
.social-networks li 			{ display: inline-block; padding: 5px 5px 5px 0;}
.social-networks li:hover 		{ background: none transparent !important;}
.social-networks a:link,
.social-networks a:visited		{ background-image: url(../images/social-networks-32-hover.png);
										  display: block; 
										  position: relative; 
										  width: 32px; 
										  height: 32px;
										}
.social-networks a.google		{background-position:0 0;}
.social-networks a.facebook		{background-position:-32px 0;}
.social-networks a.twitter		{background-position:-64px 0;}
.social-networks a.youTube		{background-position:-96px 0;}
.social-networks a.linkedIn		{background-position:-128px 0;}
.social-networks a.yell			{background-position:-160px 0;}
.social-networks a.bt			{background-position:-192px 0;}
.social-networks a.thomsonLocal	{background-position:-224px 0;}
.social-networks a.pinterest	{background-position:-256px 0;}


/* Blog
--------------------------*/

.BlogError {
	text-align: center;
}

.BlogError p {
	color: #fff;
	display: inline;
	background-color:	#f77;
	padding: 7px;
	font-weight:bold;
}

.edit-post {
	clear:both;
	padding-top:10px;
}
<!---->




/* design classes 
--------------------------*/
.clear-both						{ clear: both;}
.rounded-corners				{ border-radius: 5px;
							 	  -moz-border-radius: 5px;
								  -webkit-border-radius: 5px;
								 
								}
.top-rounded-corners			{ border-radius: 5px 5px 0px 0px;
							 	  -moz-border-radius:  5px 5px 0px 0px;
								  -webkit-border-radius:  5px 5px 0px 0px;
								}
.bottom-rounded-corners			{ border-radius: 0px 0px 5px 5px;
							 	  -moz-border-radius: 0px 0px 5px 5px;
								  -webkit-border-radius: 0px 0px 5px 5px;
								  overflow: hidden;
								}
.text-drop-shadow				{ text-shadow: 0px 0px 5px rgba(0,81,115,0.8);}
.dropshadow-large				{ -webkit-box-shadow:  2px 4px 5px 0px rgba(0,81,115,0.8);
        						  box-shadow:  2px 4px 5px 0px rgba(0,81,115,0.8);
								}
.dropshadow-small				{ -webkit-box-shadow:  1px 1px 3px 0px rgba(0,81,115,0.8);
						          box-shadow:  1px 1px 3px 0px rgba(0,81,115,0.8);
}

.typography	.Primary			{color:#005173 !important;}
.typography	.PrimaryTint		{color:#005173 !important;}
.typography	.Secondary			{color:#fac55a !important;}
.typography	.SecondaryTint		{color:#005173 !important;}





/*	Responsive Layout 
--------------------------------------*/
/* small monitor */
@media screen and (min-width : 1280px) and (max-width : 1024px) {
	#media-trigger					{display: none !important;}
}

@media screen and (min-width : 768px) and (max-width : 1366px) {
	#media-trigger					{display: none !important;}
/*	.grid_9							{width: 64.666% !important;}
	.grid_3							{width: 31.333% !important;}
	
	#branding										{margin-top: 1em;}
	.blocklink						{ width: 24.3% !important;}
	.productSummary img								{ max-width: 25% !important; height: auto; float: left; margin: 0 1em 1em 0;}
	.productSummary .summary						{ display: block; max-width:100%;}
	a.button										{ max-width: 100%;}
*/
}


@media screen and (min-width : 800px) and (max-width : 1280px) {
	#media-trigger					{display: none !important;}
}



/*	High end Windows Phone
--------------------*/
@media screen and (min-width : 768px) and (max-width : 1280px) and (orientation : portrait) {
	#media-trigger									{display: block;}

	body											{ font-size: 100%;}
	.typography h1									{ font-size: 2em;}
	.typography img									{ max-width: 100%; width: 100%; height: auto !important;}	
	a.button										{ max-width: 100%;}
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9							{width: 100%;}
	.container_12									{ max-width: 100% !important;}
	.alpha, .omega									{ margin: 0;}
	
	#header											{ padding-bottom: 1em; }
	
	#branding										{margin-top: 1em;}
	.main-logo,
	.main-tel										{float: none; display: block; margin:0 0 0.5em; text-align: center; position: relative;}

	
	#showLocalNumbers								{ display: none;}
	.background-slides img:first-child,
	.background-image img:first-child 				{ display: block; max-height: 100%;}
	
	
	#ContentContainer								{ margin-top: 0;}

	#slideShow										{ display: none;}
	#BlockLinks										{ margin-top: 0.5em;}
	.blocklink										{ margin-bottom: 1em !important; max-width: 49%;}
	.blocklink:last-child		 					{ margin-bottom: 0;}

	
	
	#manufactures ul li								{ display: block; text-align: center; margin: 0.5em;}

	.productSummary img								{ max-width: 25% !important; height: auto; float: left; margin: 0 1em 1em 0;}
	.productSummary .summary						{ display: block; max-width:100%;}
	
	.pageIcon										{ display: none;}
	
	#Footer iframe									{ margin: 1em 0; float: none !important; max-width: 100% !important;}
	#Footer .vcard .street-address					{ background:url(../images/envelope-white-16.png) no-repeat top left;}
	#Footer .vcard .tel								{ background:url(../images/phone-white-16.png) no-repeat top left;}
	#Footer .vcard .email							{ background:url(../images/email-white-16.png) no-repeat top left;}		
	p.copyright,
	p.outbound										{ display: block !important; text-align: center !important; margin-bottom:0.5em !important; float: none;}
	
	.galleryThumbnails li							{ max-width:23%; }
	.galleryThumbnails li img						{ width: 100%; height: auto;}
}

/*	DVGA Iphone
--------------------*/
@media screen and (min-width : 640px) and (max-width : 960px) {
	#media-trigger									{display: block;}

	body											{ font-size: 100%;}
	.typography h1									{ font-size: 2em;}
	.typography img									{ max-width: 100%; width: 100%; height: auto !important;}	
	a.button										{ max-width: 100%;}
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9							{width: 100%;}
	.container_12									{ max-width: 100% !important;}
	.alpha, .omega									{ margin: 0;}
	
	#header											{ padding-bottom: 1em; }
	
	#branding										{margin-top: 1em;}
	.main-logo,
	.main-tel										{float: none; display: block; margin:0 0 0.5em; text-align: center; position: relative;}

	
	#showLocalNumbers								{ display: none;}
	.background-slides img:first-child,
	.background-image img:first-child 				{ display: block; max-height: 100%;}
	
	
	#ContentContainer								{ margin-top: 0;}

	#slideShow										{ display: none;}
	#BlockLinks										{ margin-top: 0.5em;}
	.blocklink										{ margin-bottom: 1em !important;max-width:49%;}
	.blocklink:last-child		 					{ margin-bottom: 0;}

	
	
	#manufactures ul li								{ display: block; text-align: center; margin: 0.5em;}

	.productSummary img								{ max-width: 25% !important; height: auto; float: left; margin: 0 1em 1em 0;}
	.productSummary .summary						{ display: block; max-width:100%;}
	
	.pageIcon										{ display: none;}
	
	#Footer iframe									{ margin: 1em 0; float: none !important; max-width: 100% !important;}
	#Footer .vcard .street-address					{ background:url(../images/envelope-white-16.png) no-repeat top left;}
	#Footer .vcard .tel								{ background:url(../images/phone-white-16.png) no-repeat top left;}
	#Footer .vcard .email							{ background:url(../images/email-white-16.png) no-repeat top left;}		
	p.copyright,
	p.outbound										{ display: block !important; text-align: center !important; margin-bottom:0.5em !important; float: none;}
	
	.galleryThumbnails li							{ max-width:23%; }
	.galleryThumbnails li img						{ width: 100%; height: auto;}
}

/*	low end windows phones
--------------------*/
@media screen and (min-width : 480px) and (max-width : 800px) and (orientation : portrait) {
	#media-trigger									{display: block;}

	body											{ font-size: 100%;}
	.typography h1									{ font-size: 2em;}
	.typography img									{ max-width: 100%; width: 100%; height: auto !important;}	
	a.button										{ max-width: 100%;}
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9							{width: 100%;}
	.container_12									{ max-width: 100% !important;}
	.alpha, .omega									{ margin: 0;}
	
	#header											{ padding-bottom: 1em; }
	
	#branding										{margin-top: 1em;}
	.main-logo,
	.main-tel										{float: none; display: block; margin:0 0 0.5em; text-align: center; position: relative;}

	
	#showLocalNumbers								{ display: none;}
	.background-slides img:first-child,
	.background-image img:first-child 				{ display: block; max-height: 100%;}
	
	
	#ContentContainer								{ margin-top: 0;}

	#slideShow										{ display: none;}
	#BlockLinks										{ margin-top: 0.5em;}
	.blocklink										{ margin-bottom: 1em !important; max-width:49%;}
	.blocklink:last-child		 					{ margin-bottom: 0;}

	
	
	#manufactures ul li								{ display: block; text-align: center; margin: 0.5em;}

	.productSummary img								{ max-width: 25% !important; height: auto; float: left; margin: 0 1em 1em 0;}
	.productSummary .summary						{ display: block; max-width:100%;}
	
	.pageIcon										{ display: none;}
	
	#Footer iframe									{ margin: 1em 0; float: none !important; max-width: 100% !important;}
	#Footer .vcard .street-address					{ background:url(../images/envelope-white-16.png) no-repeat top left;}
	#Footer .vcard .tel								{ background:url(../images/phone-white-16.png) no-repeat top left;}
	#Footer .vcard .email							{ background:url(../images/email-white-16.png) no-repeat top left;}		
	p.copyright,
	p.outbound										{ display: block !important; text-align: center !important; margin-bottom:0.5em !important; float: none;}
	
	.galleryThumbnails li							{ max-width:23%; }
	.galleryThumbnails li img						{ width: 100%; height: auto;}
}

/*	Old Iphone / small android
--------------------*/
@media screen and (max-device-width: 481px) and (orientation : portrait), screen and (max-width: 481px){
	#media-trigger									{display: block;}

	body											{ font-size: 100%;}
	.typography h1									{ font-size: 2em;}
	.typography img									{ max-width: 100%; width: 100%; height: auto !important;}	
	a.button										{ max-width: 100%;}
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9							{width: 100%;}
	.container_12									{ max-width: 100% !important;}
	.alpha, .omega									{ margin: 0;}
	
	#header											{ padding-bottom: 1em; }
	
	#branding										{margin-top: 1em;}
	.main-logo,
	.main-tel										{float: none; display: block; margin:0 0 0.5em; text-align: center; position: relative;}

	
	#showLocalNumbers								{ display: none;}
	.background-slides img:first-child,
	.background-image img:first-child 				{ display: block; max-height: 100%;}
	
	
	#ContentContainer								{ margin-top: 0;}

	#slideShow										{ display: none;}
	#BlockLinks										{ margin-top: 0.5em;}
	.blocklink										{ margin-bottom: 1em !important;}
	.blocklink:last-child		 					{ margin-bottom: 0;}

	
	
	#manufactures ul li								{ display: block; text-align: center; margin: 0.5em;}

	.productSummary img								{ max-width: 25% !important; height: auto; float: left; margin: 0 1em 1em 0;}
	.productSummary .summary						{ display: block; max-width:100%;}
	
	.pageIcon										{ display: none;}
	
	#Footer iframe									{ margin: 1em 0; float: none !important; max-width: 100% !important;}
	#Footer .vcard .street-address					{ background:url(../images/envelope-white-16.png) no-repeat top left;}
	#Footer .vcard .tel								{ background:url(../images/phone-white-16.png) no-repeat top left;}
	#Footer .vcard .email							{ background:url(../images/email-white-16.png) no-repeat top left;}		
	p.copyright,
	p.outbound										{ display: block !important; text-align: center !important; margin-bottom:0.5em !important; float: none;}
	
	.galleryThumbnails li							{ max-width:23%; }
	.galleryThumbnails li img						{ width: 100%; height: auto;}
}