



		






		
		
		
		
		
.transparency { background-color: rgba(255,255,255,0.9); color: #808185;}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%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;	}.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: #0d4d9f; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:0; font-weight: 600;}		
.typography p, .typography li	{color:  #808185; }
a:link,
a:visited			{ color: #0a3d80; text-decoration: none;}
a:hover				{ color: #0d4d9f;}

.button					{background: rgba(13,77,159,1);
							  background: -moz-linear-gradient(top,  rgba(10,61,128,1) 0%, rgba(13,77,159,1) 100%);
							  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,61,128,1)), color-stop(100%,rgba(13,77,159,1)));
							  background: -webkit-linear-gradient(top,  rgba(10,61,128,1) 0%,rgba(13,77,159,1) 100%);
							  background: -o-linear-gradient(top,  rgba(10,61,128,1) 0%,rgba(13,77,159,1) 100%);
							  background: -ms-linear-gradient(top,  rgba(10,61,128,1) 0%,rgba(13,77,159,1) 100%);
							  background: linear-gradient(to bottom,  rgba(10,61,128,1) 0%,rgba(13,77,159,1) 100%);
							  color: #ffffff !important;
							  padding: 0.5em 0.8em;
							  font-size: 1.2em;
							  border: 1px solid rgba(10,61,128,1);
							  margin-top: 1em;
							  display: inline-block;
							  max-width: 55%;
							 }
.button.arrow:after			{display: inline-block; margin-left: 1em; content:'\00bb';}
.button.plus:after			{display: inline-block; margin-left: 1em; content:'+';}

.button:hover				{background: rgba(128,129,133,1);
							  background: -moz-linear-gradient(top,  rgba(164,166,171,1) 0%, rgba(128,129,133,1) 100%);
							  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,166,171,1)), color-stop(100%,rgba(128,129,133,1)));
							  background: -webkit-linear-gradient(top,  rgba(164,166,171,1) 0%,rgba(128,129,133,1) 100%);
							  background: -o-linear-gradient(top,  rgba(164,166,171,1) 0%,rgba(128,129,133,1) 100%);
							  background: -ms-linear-gradient(top,  rgba(164,166,171,1) 0%,rgba(128,129,133,1) 100%);
							  background: linear-gradient(to bottom,  rgba(164,166,171,1) 0%,rgba(128,129,133,1) 100%);
							  border: 1px solid rgba(164,166,171,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 rgba(13,77,159,1);
    height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
	max-width:100%;
}
.typography img.no-border	{ border: none;}

.typography img.left {
    float: left;
    max-width: 75%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 75%; /* 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(255,255,255,0);
	box-shadow:  0px 0px 5px 0px rgba(255,255,255,0);
}
.text-shadow{
	text-shadow: 0px 0px 2px rgba(255,255,255,0);
}
.white-text-shadow{
	text-shadow: 0px 0px 2px #FFF;	
}

.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;
		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(128,129,133,1);
    }


/* ACTIONS */
.Actions {
    margin-bottom: 20px;
}
    a.btn, button, input[type="submit"], .Actions .action {
        background: rgba(128,129,133,1);
        color: #0d4d9f;
        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: #ffffff;
        color: rgba(13,77,159,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: #ffffff;
        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: "Helvetica Neue", Helvetica, Arial, sans-serif: 		=> Headline Font 
#0d4d9f: 		=> 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
#808185: 			=> Body Text Colour
400: 			=> Body Font Weight
600:  			=> Body text Weight
		
rgba(13,77,159,1) 			=> Primary Colour (RGBA)
#0d4d9f 		=> Primary Colour (HEX)
rgba(10,61,128,1) 		=> Primary Tint Colour 
#0a3d80 	=> Primary Tint Colour
#ffffff 		=> Text colour within primary

rgba(128,129,133,1) 			=> Secondary Colour (RGBA)
#808185 		=> Secondary Colour (HEX) 
rgba(164,166,171,1) 		=> Secondary Tint Colour 
#a4a6ab 	=> Secondary Tint Colour
#0d4d9f 		=> Text colour within Secondary

#eeeeee 		=> Background Colour 1
#ffffff 		=> Background Colour 2
		
#808185 				=> Navigation Text Colour (normal)
#ffffff 			=> Navigation Text Colour (hover/active)
#eeeeee 				=> Main Background/Styling Colour (normal)
#f5f5f5 			=> Main Background/Styling Tint (normal)
#0d4d9f 		=> Main Background Colour(hover)
#0a3d80 	=> Main Background Tint(hover)
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif:				=> Navigation Font
0.9em: 			=> Navigation Font size

#808185 				=> Tagline Colour
#0d4d9f 			=> Number Colour
		
#ffffff 		=> Main text area background Colour
#ffffff 		=> Main text area background tint
		
#0a3d80 				=> Link Colour
#0d4d9f 			=> Link Hover Colour
		
rgba(255,255,255,0.9) 			=> Transparancy Colour
0.9 			=> Transparancy Amount
#808185 			=> Text colout within Transparencies
rgba(255,255,255,0)				=> Dropshadow Colour

#0d4d9f 			=> Footer Background Colour
#0a3d80 		=> Footer Background Tint 
#ffffff 			=> Footer Text Colour
#ffffff 			=> Footer Link Colour
#a4a6ab 			=> Footer Link Hover Colour

---------------------------------------------
-------------------------------------------*/
#border-top,
#border-bottom					{ position: absolute; height: 95px; display: block; z-index:200; width: 100%;}	

/*#border-top						{ top: 0; left: 0;
								  border-top: 1px solid #eee;left: 0; 
								  background: url(../images/gray-swirve.png), -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 85%, rgba(238,238,238,0) 86%, rgba(238,238,238,0) 100%);
background:url(../images/gray-swirve.png),  -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,1)), color-stop(85%,rgba(238,238,238,1)), color-stop(86%,rgba(238,238,238,0)), color-stop(100%,rgba(238,238,238,0)));
background:url(../images/gray-swirve.png),  -webkit-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 85%,rgba(238,238,238,0) 86%,rgba(238,238,238,0) 100%);
background:url(../images/gray-swirve.png),  -o-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 85%,rgba(238,238,238,0) 86%,rgba(238,238,238,0) 100%);
background:url(../images/gray-swirve.png),  -ms-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 85%,rgba(238,238,238,0) 86%,rgba(238,238,238,0) 100%);
background:url(../images/gray-swirve.png),  linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 85%,rgba(238,238,238,0) 86%,rgba(238,238,238,0) 100%);
								  background-position: 85% center;
								  background-repeat:no-repeat; 





}
#border-bottom					{ bottom: 60px; 
								  left: 0;
								  border-bottom: 1px solid #0D4D9F; 
background: url(../images/blue-swirve.png), -moz-linear-gradient(left,  rgba(13,77,159,0) 0%, rgba(13,77,159,0) 5%, rgba(13,77,159,1) 6%, rgba(13,77,159,1) 100%);
background: url(../images/blue-swirve.png), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(13,77,159,0)), color-stop(5%,rgba(13,77,159,0)), color-stop(6%,rgba(13,77,159,1)), color-stop(100%,rgba(13,77,159,1)));
background: url(../images/blue-swirve.png), -webkit-linear-gradient(left,  rgba(13,77,159,0) 0%,rgba(13,77,159,0) 5%,rgba(13,77,159,1) 16%,rgba(13,77,159,1) 100%);
background: url(../images/blue-swirve.png), o-linear-gradient(left,  rgba(13,77,159,0) 0%,rgba(13,77,159,0) 5%,rgba(13,77,159,1) 6%,rgba(13,77,159,1) 100%);
background: url(../images/blue-swirve.png), -ms-linear-gradient(left,  rgba(13,77,159,0) 0%,rgba(13,77,159,0) 5%,rgba(13,77,159,1) 6%,rgba(13,77,159,1) 100%);
background: url(../images/blue-swirve.png), linear-gradient(to right,  rgba(13,77,159,0) 0%,rgba(13,77,159,0) 5%,rgba(13,77,159,1) 6%,rgba(13,77,159,1) 100%);
								  background-position: 0 center;
								  background-repeat:no-repeat; 

13,77,159,1
}
*/
#border-top						{ top: 0; 
								  left: 0; 
								  background:#eee;
								  border-right: 95px solid transparent;
								  -webkit-border-image: url(../images/gray-swirve.png) 0 100% round; /* Safari 3.1-5 */
								  -o-border-image: url(../images/gray-swirve.png) 0 100% round; /* Opera 11-12.1 */
								  border-image: url(../images/gray-swirve.png) 0 100% round;
								  padding: 0;
								  border-image-outset: 1;

}

#border-bottom					{ bottom: 60px; 
								  left: 0;
								  background:#0D4D9F;
								  border-left: 95px solid transparent;
								  -webkit-border-image: url(../images/blue-swirve.png) 0 100% round; /* Safari 3.1-5 */
								  -o-border-image: url(../images/blue-swirve.png) 0 100% round; /* Opera 11-12.1 */
								  border-image: url(../images/blue-swirve.png) 0 100% round;
								  padding: 0;
								  border-image-outset: 1;
}

/*	DOM
----------------------- */
html							{}
body							{color: #808185; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; height: 100%;}
.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;}

.primary-gradient				{background: rgba(13,77,159,1);
							 	  background: -moz-linear-gradient(top,  rgba(13,77,159,1) 0%, rgba(10,61,128,1) 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,77,159,1)), color-stop(100%,rgba(10,61,128,1)));
							 	  background: -webkit-linear-gradient(top,  rgba(13,77,159,1) 0%,rgba(10,61,128,1) 100%);
							 	  background: -o-linear-gradient(top,  rgba(13,77,159,1) 0%,rgba(10,61,128,1) 100%);
							 	  background: -ms-linear-gradient(top,  rgba(13,77,159,1) 0%,rgba(10,61,128,1) 100%);
							 	  background: linear-gradient(to bottom,  rgba(13,77,159,1) 0%,rgba(10,61,128,1) 100%);
								  color: #ffffff;
								  -moz-box-sizing: border-box; 
								  -webkit-box-sizing: border-box;
								  box-sizing: border-box; 
								  margin-bottom: 2em;
								  padding: 2em;
								}
.background.solid				{ background: #eeeeee;}
.background.gradient			{ background: #eeeeee;
							 	  background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff));
							 	  background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
							 	  background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
							 	  background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
							 	  background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
								}
.background.solid.image			{ background: url(/assets/) #eeeeee;}
.background.gradient.image		{ background-image:url(/assets/); 
								  background-position: center; 
								  background-repeat: no-repeat; 
								  background-size:cover;
								  background-image: url(/assets/), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); /* Saf4+, Chrome */
								  background-image: url(/assets/), -webkit-linear-gradient(top, #eeeeee, #ffffff); /* Chrome 10+, Saf5.1+ */
								  background-image: url(/assets/),    -moz-linear-gradient(top, #eeeeee, #ffffff); /* FF3.6+ */
								  background-image: url(/assets/),     -ms-linear-gradient(top, #eeeeee, #ffffff); /* IE10 */
								  background-image: url(/assets/),      -o-linear-gradient(top, #eeeeee, #ffffff); /* Opera 11.10+ */
								  background-image: url(/assets/),         linear-gradient(to bottom, #eeeeee, #ffffff); /* W3C */
								}

.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%, #ffffff 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#ffffff), color-stop(100%,#ffffff));
								  background: -webkit-linear-gradient(top,  #ffffff 70%,#ffffff 100%);
							 	  background: -o-linear-gradient(top,  #ffffff 70%,#ffffff 100%);
								  background: -ms-linear-gradient(top,  #ffffff 70%,#ffffff 100%);
								  background: linear-gradient(to bottom,  #ffffff 70%,#ffffff 100%);
								}



/* HEADER
------------------------ */
#header							{display: block; min-height: 45%; position: relative; border-top: 20px solid rgba(13,77,159,1);}
body.HomePage #header			{height: 80%; }

#branding						{ overflow: visible; z-index: 5; }
.main-logo						{ max-width: 30%; display: inline-block; margin:0.25em 30px 0.25em 1%; }
.main-logo.overlap				{ z-index: 10; position: relative;  display: inline-block; margin:0; padding: 0.5em; background: #eeeeee;}

.headerLogos					{ display: block; float: right; height: auto; margin-right: 1%;}
.headerLogos li					{display: inline-block; text-align:right;}
#main-number					{ position: relative; z-index:5; background:rgba(13,77,159,1);color: #ffffff !important;}
.main-tel						{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; padding: 0.5em; text-align: center; position:relative; z-index:5; float: right; width: auto; max-width:1200px; margin-top: -95px;}
.main-tel em					{ font-size: 2.8em; line-height:1.2em;  max-width:95%; margin: 0 auto;} 
.main-tel strong				{ font-size: 1em; line-height:1.8em; margin-bottom:1em; font-weight: 400;}
.main-tel .button				{ padding: 0.2em 0.5em; }
.main-tel a:link,
.main-tel a:visited				{ color: #ffffff; }
.main-tel a:hover				{ color: rgba(128,129,133,1);}
#badge							{ position: absolute; bottom: -100px; right: 5%; z-index: 5;}


#SurveyForm						{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; width:700px; max-width:90%; margin: 1em;}


#showLocalNumbers				{ display: inline-block; margin: 0 1em; font-size:0.65em; color: #ffffff !important;}

#LocalNumbersSlider				{ display: none; width: auto%; position: absolute; bottom: 100%; right: 0; padding: 1em; background: rgba(13,77,159,1); color: #ffffff; z-index: 100;}
#LocalNumbersSlider ul				{ margin: 0; padding: 0;}
#LocalNumbersSlider li				{ margin: 0 0 0.3em; padding: 0;}
#LocalNumbersSlider li a			{ color: rgba(128,129,133,1); margin-left: 2em; float: right;}



<!-- NAVIGATION -->
.nav-open-button			{ display: none;}

#main-navigation			{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
							  font-size: 0.9em;
							  float: right;
							  display: block;
							  margin-right: 1%;
							}
#main-navigation.tablet		{ display: block;
							  width: 98%;
							  z-index: 10;
							  position:relative;
							  margin: 0.25em 1% -2em;
							}
#main-navigation.solid.tablet{ background: #eeeeee;}
#main-navigation.gradient.tablet{background: #eeeeee;
									background: -moz-linear-gradient(top, #eeeeee 0%, #f5f5f5 100%);
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#f5f5f5));
									background: -webkit-linear-gradient(top, #eeeeee 0%,#f5f5f5 100%);
									background: -o-linear-gradient(top, #eeeeee 0%,#f5f5f5 100%);
									background: -ms-linear-gradient(top, #eeeeee 0%,#f5f5f5 100%);
									background: linear-gradient(to bottom, #eeeeee 0%,#f5f5f5 100%);}

nav.solid	li		{ background: #eeeeee; }
nav.gradient li		{  background: #eeeeee;
									background: -moz-linear-gradient(top, #eeeeee 0%, #f5f5f5 100%);
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#f5f5f5));
									background: -webkit-linear-gradient(top, #eeeeee 0%,#f5f5f5 100%);
									background: -o-linear-gradient(top, #eeeeee 0%,#f5f5f5 100%);
									background: -ms-linear-gradient(top, #eeeeee 0%,#f5f5f5 100%);
									background: linear-gradient(to bottom, #eeeeee 0%,#f5f5f5 100%);
								 }

#main-navigation ul				{margin-top: 0px;}
#main-navigation.rounded-corners li:first-child {border-radius: 0.8em 0 0 0.8em;
							 	 					-moz-border-radius:  0.8em 0 0 0.8em;
				 								    -webkit-border-radius:  0.8em 0 0 0.8em; 
													overflow: hidden; 
												   }
#main-navigation ul li:last-child { }
.rounded-corners				{ 
								 
								}


#main-navigation li			{ float:left; text-transform: uppercase; border-right: 1px solid rgba(0,0,0,0.1);}

#main-navigation a:link,
#main-navigation a:visited	{ color: inherit; display: block; padding: 2em 1.1em 0;}

#main-navigation a:after	{ content: '\2304'; display: block; padding: 0 0 1em; text-align: center; }
#main-navigation.mobile-nav a:after	{ content: '\203a'; display: inline-block; float: right; }

nav.solid li a:hover,
nav.solid li a.current,
nav.solid li a.section { background: #0d4d9f; color: #ffffff !important; }

nav.gradient li a:hover,
nav.gradient li a.current,
nav.gradient li a.section { color: #ffffff !important;
											   background: #0d4d9f;
											   background: -moz-linear-gradient(top, #0d4d9f 0%, #0a3d80 100%);
											   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d4d9f), color-stop(100%,#0a3d80));
											   background: -webkit-linear-gradient(top, #0d4d9f 0%,#0a3d80 100%);
											   background: -o-linear-gradient(top, #0d4d9f 0%,#0a3d80 100%);
											   background: -ms-linear-gradient(top, #0d4d9f 0%,#0a3d80 100%);
											   background: linear-gradient(to bottom, #0d4d9f 0%,#0a3d80 100%);
}




/* sub */
#main-navigation ul ul { display:none; width:auto; position:absolute; z-index: 1; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#main-navigation ul ul li { float:none !important; background: #eeeeee; border-right: none;}
#main-navigation.rounded-corners ul ul li:first-child {border-radius: 0;
							 	 					-moz-border-radius: 0;
				 								    -webkit-border-radius: 0;  
												}
#main-navigation ul ul li:hover{ background: #f5f5f5;}
#main-navigation ul ul a { font-size:0.9em; padding-bottom: 2em !important;}
#main-navigation ul ul a:after	{ content: '\203a'; display: inline-block; float: right; margin-left:2em;  }

#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 h2.nav-open-button		{display: block; padding: 0.3em 0.5em; background: rgba(13,77,159,1); color: #ffffff; border:1px solid rgba(10,61,128,1);}
.mobile-nav h2.nav-open-button:hover	{cursor: pointer;}


/*	SLIDESHOW
----------------------- */
#slideShow					{ margin-bottom: -3em; background-color: rgba(13,77,159,1); height: 200px; display: block; width: 100%; z-index:0; position: relative; padding-bottom: 60px;}
#header .cycle-slideshow			{ height: 350px; width: 100%; border-bottom: 5px solid #eeeeee; overflow: hidden;}
.HomePage #slideShow					{ height: 510px; }
.HomePage #slideShow .slider			{ height: 100% !important; }

.slider-text-holder			{position: absolute; left: 50%; top: 33%; display: block; width: 100%; max-width: 1200px;}
div#slideShow .slider-text-holder	{top: 50%;}
.slider						{ position: relative; width: 100%;height: 350px;
    overflow: hidden !important;}
.slider-text				{ display: block; max-height: 65%; position: relative; left: -50%;}

.slider-text p				{ font-size: 1.2em;}
.slider-text .button		{ max-width: none;}
.pageTitle					{ color: #ffffff; margin-bottom: 0px;}
.slider-text .button		{ max-width: none;}

.video-slide {
	width: 100%;
	height: auto;
	position: relative;
}

.video-slide .video-controls {
	position: absolute;
	bottom: 5em;
	left: 30%;
	padding: 0 1em;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
}

.video-slide:hover .video-controls { opacity: .9; }

.video-slide button {
	background: rgba(255,255,255,0.9);
	border: 0;
	color: #808185;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.video-slide button:hover { cursor: pointer; }
.video-slide #seek-bar { width: 360px;}
.video-slide #volume-bar { width: 60px;}

.big-play 						{ height: 93%;
								  left: 0;
								  padding-top: 7%;
								  position: absolute;
								  text-align: center;
								  top: 0;
								  width: 100%;
								}
.big-play a:link				{ background: center center no-repeat url(../images/big-play-button.png); display: block; width: 180px; height: 188px; margin: auto;}


/*	BLOCKLINKS
----------------------- */
#BlockLinks						{ position:relative;}
.blocklink 						{ background: #ffffff; border: 1px solid #ffffff;	-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; padding: 1em; margin-bottom: 2em;}

.blocklink a					{ position: relative; display: block; overflow: hidden; color: #808185; height: 100%; margin-bottom: 2.5em;} 
.blocklink p					{ font-size: 0.8em; line-height: 1.6em; color: #808185; }
.blocklink img					{ position: relative; display: block; border-bottom: 5px solid #0d4d9f; overflow:hidden; }
.blocklink h3					{ display: block; width: 100%; margin: 0.5em 0 1em; }
.blocklink span					{ font-size: 0.8em; clear: both; max-width: 100%; display: block; position: absolute; bottom: 0; }

#BlockLinks.icons .blocklink					{ padding: 0; background: none;	border: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;box-sizing: content-box; text-align: center;}
#BlockLinks.icons .blocklink a					{ position: relative; display: block; overflow: hidden; color: #808185; height: 100%; margin-bottom: 2.5em;} 
#BlockLinks.icons .blocklink p					{ font-size: 0.8em; line-height: 1.6em; display: inline-block; }
#BlockLinks.icons .blocklink img					{ position: relative; display: inline; overflow:hidden; border-bottom: none; }
#BlockLinks.icons .blocklink h3					{ display: block; width: 100%; margin: 0.5em 0 1em; padding-bottom: 0.5em; border-bottom: 5px solid #0d4d9f; font-size: 1.3em;  }
#BlockLinks.icons .blocklink span					{ font-size: 0.8em; clear: both; max-width: 100%; display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 50%;}


/*	MAIN CONTENT
----------------------- */
#ContentContainer				{ margin-top: 2em; }
#MainContent, 
aside .HTMLTextWidget,
asideText						{ padding: 2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; margin-bottom: 2em; border: 1px solid #ffffff;}

#Breadcrumbs					{ margin: 1em 0; font-size: 0.7em; text-transform: uppercase; padding-bottom: 1em; border-bottom: 1px solid rgba(128,129,133,1); }
.pageIcon						{ float: left; position: relative; margin: 1em 2em 3em 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;}

#PageLogoSet					{ margin-bottom: 2em; padding-top: 2em;padding-bottom: 2em; border-top: 1px solid rgba(255,255,255,0.9); border-bottom: 1px solid rgba(255,255,255,0.9); clear:both;}
#PageLogoSet ul				{ text-align: center;}
#PageLogoSet li				{ display: inline-block; margin: auto; vertical-align: middle;  padding: 0px 2%;}
#PageLogoSet ul li:first-child	{ padding-left: 0; }
#PageLogoSet ul li:last-child		{ padding-right: 0; }


/*	GALLERY
----------------------- */

/* TO DO: STYLE SIMILAR TO BLOCKLINKS */
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(13,77,159,1); 		
								}
ul.galleryThumbnails li	span	{ margin-top: 0.5em; display: block;}


/*	ASIDE + WIDGETS
----------------------- */
aside							{  }
aside .typography img					{ max-width: 100%; height: auto;}
aside .WidgetHolder,
nav.secondary					{margin-bottom: 2em; background: #ffffff; }
aside iframe					{ max-width:88%;}
aside .MapWidget iframe			{ max-width: 100%;}
.VideoWidget iframe				{ max-width: 100%; width: 100%; margin-bottom: -5px; }
aside .vcard					{ padding: 0 1em 1em; font-size:0.8em;}
/* navigation */
aside .SiteNavigationWidget		{ }

aside nav						{ }
aside nav a 					{ font-size:0.9em; padding: 1em; display: block;}
aside nav a:before				{ content: '\2039'; display: inline-block; float: left; margin-right:2em;  }
aside.left nav a:before				{ display: none; float: left; margin-left:0;  }
aside.left nav a:after			{ content: '\203a'; display: inline-block; float: right; margin-left:2em;  }
aside nav h2,
aside h2.testimonialsWidget	{padding: 1em; text-transform: uppercase; font-size:0.9em; background: rgba(13,77,159,1); color:#ffffff; border-bottom:5px solid rgba(10,61,128,1);}

aside .TestimonialsWidget		{ margin-bottom: 2em;}
aside .TestimonialsWidget li	{ font-size: 0.8em; line-height: 1.6em; padding: 1em;}
aside .TestimonialsWidget li p	{ margin-bottom: 1em; padding: 1em;display: inline;}

aside .TestimonialsWidget li blockquote:before {content: '\201c'; font-size:4em; color: #0d4d9f; line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;}
aside .TestimonialsWidget li blockquote:after {content: '\201d'; font-size:2em; color: #0d4d9f; line-height:0.1em;
  margin-left: 0.25em;
  vertical-align: 0; }
aside .TestimonialsWidget a	{ margin-bottom: 1em; padding: 1em; }
aside .TestimonialsWidget li em		{ font-style:italic; font-weight:600;}
aside .UserFormWidget			{ background: rgba(128,129,133,1);
							 	  background: -moz-radial-gradient(top,  rgba(128,129,133,1) 70%, rgba(164,166,171,1) 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(128,129,133,1)), color-stop(100%,rgba(164,166,171,1)));
								  background: -webkit-linear-gradient(top,  rgba(128,129,133,1) 70%,rgba(164,166,171,1) 100%);
							 	  background: -o-linear-gradient(top,  rgba(128,129,133,1) 70%,rgba(164,166,171,1) 100%);
								  background: -ms-linear-gradient(top,  rgba(128,129,133,1) 70%,rgba(164,166,171,1) 100%);
								  background: linear-gradient(to bottom,  rgba(128,129,133,1) 70%,rgba(164,166,171,1) 100%);
								  color: #0d4d9f;
								  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
								 box-sizing: border-box;
								 padding: 0.84em;
								 }
aside .UserFormWidget h2		{ padding: 1em; text-transform: uppercase; font-size:0.9em; background: rgba(13,77,159,1); color:#ffffff; border-bottom:5px solid rgba(10,61,128,1); margin:-1em -1em 1em;}

aside label,
aside .middleColumn				{ display: block; width: 80%; }
aside #recaptcha_widget_div		{ margin: 0;}

aside .SubscribeRSSWidget,
aside .BlogManagementWidget			{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
								 box-sizing: border-box;
								 padding: 1em;}

aside .SubscribeRSSWidget		{ background: rgba(13,77,159,1); color: #ffffff; text-transform: uppercase; font-size:0.8em;}								 
a.subscribeLink					{ background:url(../images/icons16-dark.png) right no-repeat; background-position:100% 1px; padding-right: 25px; color: inherit;}
a.subscribeLink:hover			{ background-image:url(../images/icons16-white.png); color: rgba(128,129,133,1); }

aside .little-blocks li			{ display: inline-block; vertical-align: central; margin:1em; margin-left: 0;}


aside .NeedHelpWidget			{background: rgba(13,77,159,1);
							 	  background: -moz-radial-gradient(top,  rgba(13,77,159,1) 70%, rgba(10,61,128,1) 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(13,77,159,1)), color-stop(100%,rgba(10,61,128,1)));
								  background: -webkit-linear-gradient(top,  rgba(13,77,159,1) 70%,rgba(10,61,128,1) 100%);
							 	  background: -o-linear-gradient(top,  rgba(13,77,159,1) 70%,rgba(10,61,128,1) 100%);
								  background: -ms-linear-gradient(top,  rgba(13,77,159,1) 70%,rgba(10,61,128,1) 100%);
								  background: linear-gradient(to bottom,  rgba(13,77,159,1) 70%,rgba(10,61,128,1) 100%);
								  color: #ffffff;
								  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
								 box-sizing: border-box;
								 padding: 1em;
								}


aside .NeedHelpWidget h2			{text-transform:uppercase; color: #ffffff;}
aside .NeedHelpWidget header p		{ font-size: 1em;}
aside .NeedHelpWidget p				{ font-size: 1em; margin-bottom: 0.5em; border-bottom: 1px solid; padding-bottom: 0.5em; }
aside .NeedHelpWidget a				{ display: inline-block; font-weight: 600; float:right; max-width:100%;}
/*	FOOTER + WIDGETS
----------------------- */
#Footer							{ display: block; position:relative; padding:2em 0 0; clear:both; margin-bottom: 1em; font-size: 0.8em; color: #ffffff; }
#Footer.solid					{ background: #0d4d9f;}
#Footer.gradient				{ background: #0d4d9f;
								  background: -moz-linear-gradient(top, #0d4d9f 0%, #0a3d80 100%);
								  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d4d9f), color-stop(100%,#0a3d80));
								  background: -webkit-linear-gradient(top, #0d4d9f 0%,#0a3d80 100%);
								  background: -o-linear-gradient(top, #0d4d9f 0%,#0a3d80 100%);
								  background: -ms-linear-gradient(top, #0d4d9f 0%,#0a3d80 100%);
								  background: linear-gradient(to bottom, #0d4d9f 0%,#0a3d80 100%);

}

#Footer a:link,
#Footer a:visited				{color: #ffffff;}
#Footer a:hover					{color: #a4a6ab;}


#Footer form					{ max-width: 100% !important;}
#Footer	h2						{ margin-bottom: 1.3em; color: #a4a6ab;}

#Footer .WidgetHolder			{ margin-bottom: 20px;}
#FooterWidgets li								{ margin-left: 0;}

#FooterWidgets iframe							{ width: 100%;}
#FooterWidgets .vcard, .MapWidget iframe		{ margin-bottom: 1em;}
#FooterWidgets .MapWidget iframe				{ max-width: 60%; float: right; }

#copyright						{ margin-top: 2em; font-size:0.7em; margin-bottom:0.5em; padding-top: 1em; border-top: 1px solid rgba(128,129,133,1);}
p.copyright						{float: left;}
p.outbound						{ float: right; }

/* vcard */
.vcard .org								{font-weight: 600; margin-bottom:1.2em;}
.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;}

/* 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;
}
<!---->


/* Widgets 
----------------------------------*/

.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;}



/* design classes 
--------------------------*/
.clear-both						{ clear: both;}

.rounded-corners				{ border-radius: 0.8em;
							 	  -moz-border-radius: 0.8em;
								  -webkit-border-radius: 0.8em;
								 
								}
aside .rounded-corners					{overflow: hidden;}
.bottom-rounded-corners			{ border-radius: 0 0 5px 5px;
							 	  -moz-border-radius: 0 0 5px 5px;
								  -webkit-border-radius: 0 0 5px 5px;
								 
								}
.text-drop-shadow				{ text-shadow: 0px 0px 5px rgba(255,255,255,0);}
.dropshadow-large				{ -webkit-box-shadow:  0 -4px 5px 0px rgba(255,255,255,0);
        						  box-shadow:  0 -4px 5px 0px rgba(255,255,255,0);
								}
.dropshadow-small				{ -webkit-box-shadow:  0px 3px 3px 0px rgba(255,255,255,0);
						          box-shadow:  0px 3px 3px 0px rgba(255,255,255,0);
}

.typography	.Primary			{color:#0d4d9f !important;}
.typography	.PrimaryTint		{color:#0a3d80 !important;}
.typography	.Secondary			{color:#808185 !important;}
.typography	.SecondaryTint		{color:#a4a6ab !important;}

/*	ECOMM
-------------------------------------- */
.productList					{ margin: 0 !important;}
.productList li					{ list-style: none; display: inline-block; margin:0 0 1em 1em; background: #ffffff; border: 1px solid rgba(13,77,159,1);	-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; padding: 1em; max-width: 31%;}
.productList .first				{ margin-left: 0;}

.productList a					{ position: relative; display: block; overflow: hidden; color: #808185; height: 100%;} 
.productList img				{ position: relative; display: block; }
.productList strong				{ padding: 1em; text-transform: uppercase; font-size:0.9em; background: rgba(13,77,159,1); color:#ffffff; border-bottom:5px solid rgba(10,61,128,1); display:block;}

.ProductDetails					{}
.ProductDetails .price			{ font-size: 2em; font-weight:600; color: rgba(13,77,159,1);}
.productDetails	.button			{ display: inline-block;}

/*	Responsive Layout 
--------------------------------------*/
/* small monitor */
@media screen and (min-width : 1280px) and (max-width : 1024px) {
	#slideShow										{ display:block;}
	#media-trigger					{display: none !important;}
}

@media screen and (min-width : 768px) and (max-width : 1366px) {
	#slideShow										{ display:block;}
	#media-trigger					{display: none !important;}
	
}


@media screen and (min-width : 800px) and (max-width : 1280px) {
	#slideShow										{ display:block;}
	#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;}
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4							{max-width: 48% !important;}
	.alpha, .omega									{ margin: 0;}
	
	.main-logo										{float: none; display: block; margin:1em 0; text-align: center; position: relative; max-width: 100%;}
	.main-logo img									{ max-width: 95%; height: auto; margin-right: 0;}
	.headerLogos					{ display: block; float: none; height: auto; max-width: 100%;position: relative;text-align:center; margin: 1em 0;}
	.headerLogos li					{display: inline; max-width: 100%; width: auto;margin: 0 1em; position:relative;}
	#badge							{display: none;}
	.main-tel										{ margin-bottom: 1em; font-size:0.7em; line-height:1.4em;}
	a[href^=tel]									{ display: block;}

#main-navigation			{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
							  font-size: 0.9em;
							  float: none;
							  display: block;
							  margin-right: 0;
							  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;							
							}

	
	.background-slides img:first-child,
	.background-image img:first-child 				{ display: block; max-height: 100%;}
	
	
	#ContentContainer								{ margin-top: 0;}
	#MainContent, aside .HTMLTextWidget, asideText	{ padding: 1em;}
	#header											{ max-height:80%; height: auto;}

	#slideShow										{ display: none;}
	#BlockLinks										{ margin-top: 1em;}
	.blocklink a										{ margin-bottom: 0 !important; padding-bottom: 2.5em;}
	.blocklink										{ margin-bottom: 1em !important; }
	.blocklink:last-child		 					{ margin-bottom: 0;}
	
	.fancybox-opened label,
	.fancybox-opened .middleColumn					{ display: block; float: none; width: 99% !important;}	
	
	#manufactures ul li								{ display: inline-block; text-align: center; margin: 0.5em; max-width: 25%;}

	.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;}
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4							{max-width: 48% !important;}
	.alpha, .omega									{ margin: 0;}
	
	.main-logo										{float: none; display: block; margin:1em 0; text-align: center; position: relative; max-width: 100%;}
	.main-logo img									{ max-width: 95%; height: auto; margin-right: 0;}
	.headerLogos					{ display: block; float: none; height: auto; max-width: 100%;position: relative;text-align:center; margin: 1em 0;}
	.headerLogos li					{display: inline; max-width: 100%; width: auto;margin: 0 1em; position:relative;}
	#badge							{display: none;}
	.main-tel										{ margin-bottom: 1em; font-size:0.7em; line-height:1.4em;}
	a[href^=tel]									{ display: block;}

#main-navigation			{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
							  font-size: 0.9em;
							  float: none;
							  display: block;
							  margin-right: 0;
							  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;							
							}

	
	.background-slides img:first-child,
	.background-image img:first-child 				{ display: block; max-height: 100%;}
	
	
	#ContentContainer								{ margin-top: 0;}
	#MainContent, aside .HTMLTextWidget, asideText	{ padding: 1em;}
	#header											{ max-height:80%; height: auto;}

	#slideShow										{ display: none;}
	#BlockLinks										{ margin-top: 1em;}
	.blocklink a										{ margin-bottom: 0 !important; padding-bottom: 2.5em;}
	.blocklink										{ margin-bottom: 1em !important; }
	.blocklink:last-child		 					{ margin-bottom: 0;}
	
	.fancybox-opened label,
	.fancybox-opened .middleColumn					{ display: block; float: none; width: 99% !important;}	
	
	#manufactures ul li								{ display: inline-block; text-align: center; margin: 0.5em; max-width: 25%;}

	.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;}
	
	.main-logo										{float: none; display: block; margin:1em 0; text-align: center; position: relative; max-width: 100%;}
	.main-logo img									{ max-width: 95%; height: auto; margin-right: 0;}
	.headerLogos					{ display: block; float: none; height: auto; max-width: 100%;position: relative;text-align:center; margin: 1em 0;}
	.headerLogos li					{display: inline; max-width: 100%; width: auto;margin: 0 1em; position:relative;}
	#badge							{display: none;}
	.main-tel										{ margin-bottom: 1em; font-size:0.7em; line-height:1.4em;}
	a[href^=tel]									{ display: block;}

#main-navigation			{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
							  font-size: 0.9em;
							  float: none;
							  display: block;
							  margin-right: 0;
							  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;							
							}

	
	.background-slides img:first-child,
	.background-image img:first-child 				{ display: block; max-height: 100%;}
	
	
	#ContentContainer								{ margin-top: 0;}
	#MainContent, aside .HTMLTextWidget, asideText	{ padding: 1em;}
	#header											{ max-height:80%; height: auto;}

	#slideShow										{ display: none;}
	#BlockLinks										{ margin-top: 1em;}
	.blocklink a										{ margin-bottom: 0 !important; padding-bottom: 2.5em;}
	.blocklink										{ margin-bottom: 1em !important;}
	.blocklink:last-child		 					{ margin-bottom: 0;}
	
	.fancybox-opened label,
	.fancybox-opened .middleColumn					{ display: block; float: none; width: 99% !important;}	
	
	#manufactures ul li								{ display: inline-block; text-align: center; margin: 0.5em; max-width: 25%;}

	.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;}
	
	.main-logo										{float: none; display: block; margin:1em 0; text-align: center; position: relative; max-width: 100%;}
	.main-logo img									{ max-width: 95%; height: auto; margin-right: 0;}
	.headerLogos					{ display: block; float: none; height: auto; max-width: 100%;position: relative;text-align:center; margin: 1em 0;}
	.headerLogos li					{display: inline; max-width: 100%; width: auto;margin: 0 1em; position:relative;}
	#badge							{display: none;}
	.main-tel										{ margin-bottom: 1em; font-size:0.7em; line-height:1.4em;}
	a[href^=tel]									{ display: block;}

#main-navigation			{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
							  font-size: 0.9em;
							  float: none;
							  display: block;
							  margin-right: 0;
							  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;							
							}

	#header											{ max-height:80%; height: auto;}
	.background-slides img:first-child,
	.background-image img:first-child 				{ display: block; max-height: 100%;}
	
	
	#ContentContainer								{ margin-top: 0;}
	#MainContent, aside .HTMLTextWidget, asideText	{ padding: 1em;}

	#slideShow										{ display: none;}
	#BlockLinks										{ margin-top: 1em;}
	.blocklink										{ margin-bottom: 1em !important;}
	.blocklink a										{ margin-bottom: 0 !important; padding-bottom: 2.5em;}
	.blocklink:last-child		 					{ margin-bottom: 0;}
	
	.fancybox-opened label,
	.fancybox-opened .middleColumn					{ display: block; float: none; width: 99% !important;}	
	
	#manufactures ul li								{ display: inline-block; text-align: center; margin: 0.5em; max-width: 25%;}

	.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;}
}