@font-face {
	font-family: 'dmicf1';
	src:url('../../../DMCMS/iconfonts/standard/dmicf1.eot');
	src:url('../../../DMCMS/iconfonts/standard/dmicf1.eot') format('embedded-opentype'),
		url('../../../DMCMS/iconfonts/standard/dmicf1.woff') format('woff'),
		url('../../../DMCMS/iconfonts/standard/dmicf1.ttf') format('truetype'),
		url('../../../DMCMS/iconfonts/standard/dmicf1.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.transparency { background-color: rgba(255,255,255,0.8); color: #000000;}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; color: #000000;}
p 	{margin-top:0px;}
h1,
h2,
h3,
h4,
h5,
h6					{ color: #7b8f22; font-family: 'Open Sans Condensed',Sans-Serif; margin-top:0; font-weight: 200;}		
.typography p, .typography li	{color:  inherit; }
a:link,
a:visited			{ color: #7b8f22; text-decoration: none;}
a:hover				{ color: #aecb31;}


.smaller			{ font-size: 0.75em;}
.extra-small		{font-size:14px;}

/* 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;
}
ul.inline li		{ float: left; margin-right:2.66em; }
ul.inline li:last-of-type	{margin-right:0;}
/* 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 thead td {
      background-color: #ededed
  }
  .typography table td,
  .typography table th {
      padding: 2px 5px;
      border: none;
      vertical-align: middle;
  }
  .typography table th {
      font-weight: bold;
	  background: rgba(174,203,49,1);
	  color: #000000;
	  font-size:1em;
	  padding: 1em 0.5em;
  }
  .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 {
    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: 80%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 80%; /* 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;
}
.typography img.last{
	margin-right:0 !important;	
}

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

/* My Custom Classes
-------------------------------------------- */
.Primary						{color:#aecb31 !important;}
.PrimaryTint					{color:#7b8f22 !important;}
.Secondary						{color:#000000 !important;}
.SecondaryTint					{color:#7d7d7d !important;}
.white-text						{color: #fff !important;}
.grey-text						{color: #555 !important;}
.black-text						{color: #000 !important;}
.red-text						{color: #F00 !important;}


.Primary-reverse				{background:#aecb31 !important; color: #000000; padding: 0.33em;}
.PrimaryTint-reverse			{background:#7b8f22 !important; color: #000000; padding: 0.33em;}
.Secondary-reverse				{background:#000000 !important; color: #ffffff; padding: 0.33em;}
.SecondaryTint-reverse			{background:#7d7d7d !important; color: #ffffff; padding: 0.33em;}

.primary-ticks, .typography .secondary-ticks,
.red-ticks,.typography .red-crosses, 		
.orange-ticks,.typography .orange-crosses,
.green-ticks,.typography .blue-ticks,
.yellow-ticks,.typography .white-ticks,
.white-crosses, .typography .black-ticks,
.black-crosses 					{ margin-left:2em !important;}


.primary-ticks li,
.secondary-ticks li				{list-style: none; }
.primary-ticks li:before		{content:'\e618'; margin-right: 1em; font-family: "dmicf1"; color: #aecb31;}
.secondary-ticks li:before 		{content:'\e618'; margin-right: 1em; font-family: "dmicf1"; color: #000000;}

.primary-crosses,
.secondary-crosses 				{margin-left:2em !important;}
.primary-crosses li,
.secondary-crosses li			{list-style: none; }
.primary-crosses li:before		{content:'\e617'; display: inline-block; margin-right: 1em; font-family: "dmicf1"; color: #aecb31;}
.secondary-crosses li:before 	{content:'\e617'; display: inline-block; margin-right: 1em; font-family: "dmicf1"; color: #000000;}


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

.red-crosses li					{ list-style:url(../images/red-cross.png) outside;  }
.orange-crosses li				{ list-style:url(../images/orange-cross.png) outside;  }
.black-crosses li				{ list-style:url(../images/black-cross.png) outside;  }
.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,0,0,0.8);
	box-shadow:  0px 0px 5px 0px rgba(0,0,0,0.8);
}
.text-shadow{
	text-shadow: 0px 0px 2px rgba(0,0,0,0.8);
}
.white-text-shadow{
	text-shadow: 0px 0px 2px #FFF;	
}

.button				{background: rgba(174,203,49,1);
						 background: -moz-linear-gradient(top,  rgba(123,143,34,1) 0%, rgba(174,203,49,1) 100%);
						 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,143,34,1)), color-stop(100%,rgba(174,203,49,1)));
						 background: -webkit-linear-gradient(top,  rgba(123,143,34,1) 0%,rgba(174,203,49,1) 100%);
						 background: -o-linear-gradient(top,  rgba(123,143,34,1) 0%,rgba(174,203,49,1) 100%);
						 background: -ms-linear-gradient(top,  rgba(123,143,34,1) 0%,rgba(174,203,49,1) 100%);
						 background: linear-gradient(to bottom,  rgba(123,143,34,1) 0%,rgba(174,203,49,1) 100%);
						 color: #000000 !important;
						 padding: 0.5em 0.8em;
						 border: 1px solid rgba(123,143,34,1);
						 margin-top: 1em;
						 display: inline-block;
						 max-width: 100%;
						 margin-bottom:3px;
						  -moz-box-sizing: border-box; 
							-webkit-box-sizing: border-box;
							box-sizing: border-box;	
						}
.typography table td .button	{width:100%;}

.button.arrow:after			{display: inline-block; margin-left: 1em; font-family:  "dmicf1"; content:'\E653' !important; float: right; line-height:0.7em;}
.button.down-arrow:after	{ font-family: 'dmicf1'; content:'\e655' !important; display: inline-block; margin-left: 1em; float:right;}
.button.up-arrow:after		{ font-family: 'dmicf1'; content:'\e652' !important; display: inline-block; margin-left: 1em; float:right;}
.button.left-arrow:after	{ font-family: 'dmicf1'; content:'\e654' !important; display: inline-block; margin-left: 1em; float:right;}

.button.double-arrow:after		{display: inline-block; margin-left: 1em; font-family:  "dmicf1"; content:'\E646' !important; float: right;}
.button.double-down-arrow:after	{ font-family: 'dmicf1'; content:'\e644' !important; display: inline-block; margin-left: 1em; float:right;}
.button.double-up-arrow:after	{ font-family: 'dmicf1'; content:'\e647' !important; display: inline-block; margin-left: 1em; float:right;}
.button.double-left-arrow:after	{ font-family: 'dmicf1'; content:'\e645' !important; display: inline-block; margin-left: 1em; float:right;}

.button.plus:after			{ display: inline-block; margin-left: 1em; font-family:  "dmicf1"; content:'\E63E' !important; float: right;}
.button.minus:after			{ display: inline-block; margin-left: 1em; font-family:  "dmicf1"; content:'\E63D' !important; float: right;}

.button.menu:after			{ display: inline-block; font-family:  "dmicf1"; content:'\e63c' !important;margin-left: 1em; float:right; }
.button.member:after		{ display: inline-block; font-family:  "dmicf1"; content:'\e60d' !important;margin-left: 1em; float:right; }
.button.basket:after		{ display: inline-block; font-family:  "dmicf1"; content:'\e605' !important;margin-left: 1em; float:right; }

.button.download:before		{ display: none !important;}
.button.download:after		{ font-family: 'dmicf1'; content:'\e629' !important; display: inline-block; margin-left: 1em; float:right; position:relative; }

.button:hover,
.button.active				{ background: rgba(0,0,0,1);  color: #ffffff !important; border-color:rgba(125,125,125,1);}

.button.arrow:after,
.button.down-arrow:after,
.button.up-arrow:after,
.button.left-arrow:after,
.button.double-arrow:after,
.button.double-down-arrow:after,
.button.double-up-arrow:after,
.button.double-left-arrow:after,
.button.plus:after,
.button.minus:after,
.button.menu:after,
.button.member:after,
.button.basket:after,
.button.download:before,
.button.download:after		{ font-size:1.6em;}

.wrap33,
.wrap40,
.wrap50,
.wrap60,
.wrap66							{ display: inline-block; 
								  vertical-align: top; 
								  margin-right: 3%;
 								  -moz-box-sizing: border-box; 
								  -webkit-box-sizing: border-box;
								  box-sizing: border-box;	
								}
.wrap33							{width: 30%; }
.wrap40							{width: 37%; }
.wrap50							{width: 47%; }
.wrap60							{width: 57%; }
.wrap66							{width: 63%; }

.colapsable						{ overflow: hidden; display: block; clear: both;}
.colapsable h2:hover			{ cursor: pointer; }
								
.colapsable h2:first-child:before { display: inline-block; margin-left: 1em; font-family: dmicf1; content:'\E63E'; float: right;}

.wrap33.last,
.wrap40.last,
.wrap50.last,
.wrap60.last,
.wrap66.last					{ margin-right:0; }							
/** ----------------------------------------------------------
 *
 * 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%;}

.fieldholder-small				{width: 20%; margin-right: 5%; float: left;}

.typography form				{ padding:2em; border-bottom:1px solid rgba(174,203,49,1); margin-bottom: 2em; background: rgba(0,0,0,0.2);  							  	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
							  	  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
						      	  box-sizing: border-box;         /* Opera/IE 8+ */ 
}

.typography form    .Actions:after {
        color: rgba(174,203,49,1);
        content: "* Indicates a required field";
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }

/* 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;
	margin: 0.5em 30%;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color:;
    }


/* ACTIONS */
.Actions {
    margin-bottom: 20px;
}
    a.btn, button, input[type="submit"], .Actions .action {
        background: rgba(174,203,49,1);
        color: #000000;
        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;
		margin-left: 30%;
    }
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        background: rgba(0,0,0,1);
        color: #ffffff;
    }
    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: #000000;
        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: rgba(174,203,49,1);
    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 {
    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: 'Open Sans Condensed',Sans-Serif: 		=> Headline Font 
#7b8f22: 		=> Headline Colour
2.6em: 		=> Headline Size
200:  		=> 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
#000000: 			=> Body Text Colour
400: 			=> Body Font Weight
600:  			=> Body text Weight
		
rgba(174,203,49,1) 			=> Primary Colour (RGBA)
#aecb31 		=> Primary Colour (HEX)
rgba(123,143,34,1) 		=> Primary Tint Colour 
#7b8f22 	=> Primary Tint Colour
#000000 		=> Text colour within primary

rgba(0,0,0,1) 			=> Secondary Colour (RGBA)
#000000 		=> Secondary Colour (HEX) 
rgba(125,125,125,1) 		=> Secondary Tint Colour 
#7d7d7d 	=> Secondary Tint Colour
#ffffff 		=> Text colour within Secondary

#000000 		=> Background Colour 1
#ffffff 		=> Background Colour 2
		
#000000 				=> Navigation Text Colour (normal)
#ffffff 			=> Navigation Text Colour (hover/active)
#aecb31 				=> Main Background/Styling Colour (normal)
#7b8f22 			=> Main Background/Styling Tint (normal)
#aecb31 		=> Main Background Colour(hover)
#7b8f22 	=> Main Background Tint(hover)
font-family: 'Open Sans Condensed',Sans-Serif:				=> Navigation Font
0.9em: 			=> Navigation Font size

#aecb31 				=> Tagline Colour
#ffffff 			=> Number Colour
		
#ffffff 		=> Main text area background Colour
=> Main text area background tint
		
#7b8f22 				=> Link Colour
#aecb31 			=> Link Hover Colour
		
rgba(255,255,255,0.8) 			=> Transparancy Colour
0.8 			=> Transparancy Amount
#000000 			=> Text colout within Transparencies
rgba(0,0,0,0.8)				=> Dropshadow Colour

#000000 			=> Footer Background Colour
=> Footer Background Tint 
#aecb31 			=> Footer Text Colour
#ffffff 			=> Footer Link Colour
#aecb31 			=> Footer Link Hover Colour

---------------------------------------------
-------------------------------------------*/
	
/*	DOM
----------------------- */
html							{}
body							{ color: #000000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; height: 100%; 	
								}
.container_12					{ max-width: 1100px; padding-left: 2%; padding-right:2%; position: relative;}
#ContentContainer				{ padding-top: 2%;	}

.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;}
.cookieWarningBox				{ position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(174,203,49,1); color: #000000; padding: 0.5em; text-align: center; font-size:0.8em;}
.cookieWarningBox a:link		{ color: #000000; }
.cookieWarningBox a:hover		{ color: rgba(0,0,0,1); }

/* background colours and images */
.background.solid				{ background: #000000;}
.background.gradient			{ background: #000000;
							 	  background: -moz-linear-gradient(top,  #000000 0%, #ffffff 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));
							 	  background: -webkit-linear-gradient(top,  #000000 0%,#ffffff 100%);
							 	  background: -o-linear-gradient(top,  #000000 0%,#ffffff 100%);
							 	  background: -ms-linear-gradient(top,  #000000 0%,#ffffff 100%);
							 	  background: linear-gradient(to bottom,  #000000 0%,#ffffff 100%);
								}
.background.solid.image			{ background: url(/assets/) #000000;}
.background.gradient.image		{ background-image:url(/assets/); 
								  background-position: center top; 
								  background-repeat: no-repeat; 
								  background-size:100% auto;
								  background-image: url(/assets/), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#ffffff)); /* Saf4+, Chrome */
								  background-image: url(/assets/), -webkit-linear-gradient(top, #000000, #ffffff); /* Chrome 10+, Saf5.1+ */
								  background-image: url(/assets/),    -moz-linear-gradient(top, #000000, #ffffff); /* FF3.6+ */
								  background-image: url(/assets/),     -ms-linear-gradient(top, #000000, #ffffff); /* IE10 */
								  background-image: url(/assets/),      -o-linear-gradient(top, #000000, #ffffff); /* Opera 11.10+ */
								  background-image: url(/assets/),         linear-gradient(to bottom, #000000, #ffffff); /* W3C */
								}

.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%);
								}

.primary-gradient				{ background: rgba(174,203,49,1);
							 	  background: -moz-radial-gradient(top,  rgba(174,203,49,1) 0%, rgba(123,143,34,1) 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,203,49,1)), color-stop(100%,rgba(123,143,34,1)));
								  background: -webkit-linear-gradient(top,  rgba(174,203,49,1) 0%,rgba(123,143,34,1) 100%);
							 	  background: -o-linear-gradient(top,  rgba(174,203,49,1) 0%,rgba(123,143,34,1) 100%);
								  background: -ms-linear-gradient(top,  rgba(174,203,49,1) 0%,rgba(123,143,34,1) 100%);
								  background: linear-gradient(to bottom,  rgba(174,203,49,1) 0%,rgba(123,143,34,1) 100%);
								}

.secondary-gradient				{ background: rgba(0,0,0,1);
							 	  background: -moz-radial-gradient(top,  rgba(0,0,0,1) 70%, rgba(125,125,125,1) 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(0,0,0,1)), color-stop(100%,rgba(125,125,125,1)));
								  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 70%,rgba(125,125,125,1) 100%);
							 	  background: -o-linear-gradient(top,  rgba(0,0,0,1) 70%,rgba(125,125,125,1) 100%);
								  background: -ms-linear-gradient(top,  rgba(0,0,0,1) 70%,rgba(125,125,125,1) 100%);
								  background: linear-gradient(to bottom,  rgba(0,0,0,1) 70%,rgba(125,125,125,1) 100%);
								}


/* HEADER
------------------------ */
.main-logo					{ margin-bottom: 2em; float: left;}
.main-tel					{ position: fixed; top: 0; width: 100%; z-index:100; color: #000000;}
.main-tel p					{ text-align:center;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
						  	  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
					      	  box-sizing: border-box;         /* Opera/IE 8+ */ 
							  padding: 0.5em; font-weight: bold;}
.main-tel strong 			{ }
.main-tel em				{font-size: 1.8em;}
.headerLogos				{float: left; margin: 0 50px;}


<!-- NAVIGATION -->
#mini-nav										{ display: inline-block; float: right; position: absolute; right: 0; top:0; }
#mini-nav li									{ display: inline-block; vertical-align: top; margin-left:1em; font-size: 0.9em;}

.nav-open-button			{ display: none;}

#main-navigation			{ font-family: 'Open Sans Condensed',Sans-Serif; 
							  font-size: 0.9em;
							  display: block;
							}


nav.solid					{ background: #aecb31; }
nav.gradient 				{  background: #aecb31;
								background: -moz-linear-gradient(top, #aecb31 0%, #7b8f22 100%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aecb31), color-stop(100%,#7b8f22));
								background: -webkit-linear-gradient(top, #aecb31 0%,#7b8f22 100%);
								background: -o-linear-gradient(top, #aecb31 0%,#7b8f22 100%);
								background: -ms-linear-gradient(top, #aecb31 0%,#7b8f22 100%);
								background: linear-gradient(to bottom, #aecb31 0%,#7b8f22 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 li			{ float:left; text-transform: uppercase; border-right: 1px solid rgba(0,0,0,0.1); position: relative;}
#main-navigation li:last-child	{ border-right: none;}

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

nav.solid li a:hover,
nav.solid li a.current,
nav.solid li a.section { background: #aecb31; color: #ffffff !important; }
nav.solid li a:hover:after,
nav.solid li a.current:after,
nav.solid li a.section:after	{    content: "";
								width:0px;
								height:0px;
								border-left:18px solid transparent;
								border-right:18px solid transparent;
								border-top:18px solid #aecb31;
								position:absolute;
								bottom:-18px; 
								left: 50%;
								margin-left: -18px;
								z-index:15;
							 }




nav.gradient li a:hover,
nav.gradient li a.current,
nav.gradient li a.section { color: #ffffff !important;
											   background: #aecb31;
											   background: -moz-linear-gradient(top, #aecb31 0%, #7b8f22 100%);
											   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aecb31), color-stop(100%,#7b8f22));
											   background: -webkit-linear-gradient(top, #aecb31 0%,#7b8f22 100%);
											   background: -o-linear-gradient(top, #aecb31 0%,#7b8f22 100%);
											   background: -ms-linear-gradient(top, #aecb31 0%,#7b8f22 100%);
											   background: linear-gradient(to bottom, #aecb31 0%,#7b8f22 100%);
}
nav.gradient li a:hover:after,
nav.gradient li a.current:after,
nav.gradient li a.section:after {    content: "";
								width:0px;
								height:0px;
								border-left:18px solid transparent;
								border-right:18px solid transparent;
								border-top:18px solid #7b8f22;
								position:absolute;
								bottom:-18px; 
								left: 50%;
								margin-left: -18px;
								z-index:15;
							 }
							 



/* sub */
#main-navigation ul ul { display:none; min-width: 100%; width:auto; position:absolute; z-index: 1; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#main-navigation ul ul li { float:none !important; background: #aecb31; border-right: none;}
#main-navigation ul ul li:after{ display: 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: #7b8f22;}
#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%; clear: both; }
#main-navigation.mobile-nav	 ul			{ display: none; width: 100%; position: relative; margin-top: 0;}
.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(174,203,49,1); color: #000000; border:1px solid rgba(123,143,34,1);}
.mobile-nav h2.nav-open-button:after{content: "";
								width:0px;
								height:0px;
								border-left:18px solid transparent;
								border-right:18px solid transparent;
								border-top:18px solid #7b8f22;
								position:absolute;
								bottom:-18px; 
								left: 50%;
								margin-left: -18px;
								z-index:15;
								}
.mobile-nav h2.nav-open-button:hover	{cursor: pointer;}


/*	SLIDESHOW
----------------------- */
#slideshowContainer			{border-bottom: 5px solid #aecb31;}
#slideShow					{ background-color: rgba(174,203,49,1); display: block; z-index:0; position: relative; overflow: hidden; height:auto; width:100%;}
#slideShow:after			{   content: "";
								width:0px;
								height:0px;
								border-left:50px solid transparent;
								border-right:50px solid transparent;
								border-bottom:50px solid rgba(174,203,49,1);
								position:absolute;
								bottom:0; 
								right: 2%;
								margin-left: -50px;
								z-index:100;
							}


.slider										{ position: relative;}
.slider.video 								{ width: 100%;
											  height: auto;
											  position: relative;
											}
.slider.video:after 						{ font-family: 'dmicf1'; content:'\e635'; position:absolute; top: 50%; left: 50%; margin-left:-0.5em; margin-top:-0.5em; font-size:8em;}		

.slider-text								{ display: block; 
											  max-width: 50%; 
											  max-height: 89%; 
											  height: auto; 
											  margin: 6.66% 3.33%; 
											  position: absolute; 
											  padding: 1.33em; 
											  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
											  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
											  box-sizing: border-box; 
											}

.slider-text.left							{ left:0;}
.slider-text.right							{ right: 0;}
.slider-text.center							{ width:50%; left: 50%; margin-left:-25%; text-align: center;}
.slider-text.top							{ top:0;}
.slider-text.bottom							{ bottom:0;}
.slider-text.centered						{ top:0;} /* js used here instead as height and content is unknown */
.slider-text.bottom-strap					{ bottom:0; margin:0 0; width:100%; max-width:100%;}

.cycle-pager								{ position: relative; top: -2em; text-align:center; z-index:120; margin-bottom:-1.66em;}
.slider-text p, .slider-text ul				{ font-size: 1.2em;}
.slider-text ul								{ margin-bottom: 0; }
.slider-text .button						{ max-width: 100%;}

.cycle-pager span 							{ display: inline-block; color: rgba(0,0,0,1); cursor: pointer; }
.cycle-pager span:after						{ content: '\e62f'; color: inherit; font-size:1em;font-family: 'dmicf1'; margin-left:0.5em;}
.cycle-pager span.cycle-pager-active:after 	{ content: '\e62e'; color: rgba(174,203,49,1);font-size:1em;font-family: 'dmicf1';}
.cycle-pager > * { cursor: pointer;}

.cycle-prev,
.cycle-next									{ cursor: pointer;
											  height: 100%;
											  opacity: 0;
											  position: absolute;
											  top: 0;
											  width: 30%;
											  z-index: 800;
											}
.cycle-prev:hover,
.cycle-next:hover							{opacity: 1;}

.cycle-prev									{ left: 2em; top: 40%;}
.cycle-next									{ right: 2em;  top: 40%;}
.cycle-prev:before							{ content: '\e654'; display: block;  font-family:'dmicf1'; font-size:4em; width: 100%; color: rgba(174,203,49,1); text-align:left;}
.cycle-next:after							{ content: '\e653'; display: block; font-family:'dmicf1';font-size:4em;width: 100%; color: rgba(174,203,49,1); text-align: right;}
#badge							{ position: absolute; bottom: 0; right: 3%; height: 40%; width: 20%; background-size: contain !important; z-index:100; background-repeat: no-repeat !important;}

/*	BLOCKLINKS
----------------------- */
#BlockLinks						{ position:relative;
								  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
								  box-sizing: border-box;         /* Opera/IE 8+ */ 
								  padding: 1em 0;
								  font-size: 0.9em;
								  border-bottom: 1px solid rgba(125,125,125,1); 
								}
.blocklink 						{ 
								  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
								  box-sizing: border-box;         /* Opera/IE 8+ */ 
								/*  padding-right: 1.5em;*/
							   	  margin: 0 1% 1em !important;
								  position: relative;
								  float:left;
								  
								 
								}
								  
.blocklink:last-child			{ margin-right: 0;}
.blocklink:nth-child(4),
.blocklink:nth-child(7)			{ margin-right: 0;}

.blocklink a					{ position: relative; display: block; overflow: hidden; color: #ffffff; height: 100%;} 
.blocklink h3					{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.2em; padding-top: 0.5em; margin: -4px 0 0.5em; z-index: 2; position: relative;border-top: 3px solid rgba(174,203,49,1);}
.blocklink img					{ position: relative; z-index:0;  }
.blocklink h3:before			{    content: "";
								width:0px;
								height:0px;
								border-left:18px solid transparent;
								border-right:18px solid transparent;
								border-bottom:18px solid rgba(174,203,49,1);
								position:absolute;
								top:-20px; 
								left: 90%;
								margin-left: -18px;
								z-index:15;
								}

#BlockLinks.icons img			{ border: none; position: relative; margin: 0 auto 1em; display: block; }

#BlockLinks.icons .blocklink h3 { padding-top: 20px !important; }
#BlockLinks.icons .blocklink h3:before {display: none; }
#BlockLinks.icons .blocklink h3:after {     content: "";
								width:0px;
								height:0px;
								border-left:18px solid transparent;
								border-right:18px solid transparent;
								border-top:18px solid rgba(174,203,49,1);
								position:absolute;
								top:0px; 
								left: 50%;
								margin-left: -18px;
								z-index:15;
								}



/*	MAIN CONTENT
----------------------- */
#MainContent					{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
								  box-sizing: border-box;         /* Opera/IE 8+ */ 
								  padding-right: 2em;
								  border-right: 1px solid;
								  margin-top: 2em;
								}

#Breadcrumbs					{ margin: 1em 0; font-size: 0.7em; text-transform: uppercase; padding-bottom: 1em; border-bottom: 1px solid rgba(0,0,0,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: 2em auto;}
#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-bottom:1em; vertical-align: top; font-size: 0.8em; max-width:46%; overflow:hidden;}
ul.galleryThumbnails li:nth-child(odd)							{margin-right:5%;}
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(174,203,49,1); 		
								}
ul.galleryThumbnails li	span	{ margin-top: 0.5em; display: block;}



/*	Ecomm
----------------------- */
.product-category				{ padding-bottom: 1em; margin-bottom: 1em; border-bottom:1px solid rgba(0,0,0,1);}
.productList					{ margin: 0 !important; }
.productList li					{ display: inline-block; vertical-align: top; margin:0 1em 1em 0; max-width:31%;}
.productList strong				{ display: block; padding: 0.33em; text-transform: uppercase; font-weight:600; background:#aecb31; color:#000000; font-size: 1.4em; height: 2.4em; position: relative; top: -2.6em; margin-bottom:-2.6em;}
.price							{ display: block; padding: 0.33em; text-transform: uppercase; font-weight:600; background:#000000; color:#ffffff; font-size: 1.4em;}

.product-summary div			{ display: inline-block; margin-right:0;}
.product-summary img			{ display: inline-block; margin-right:2% !important;}
.ProductDetails					{ min-width: 59%; margin-right:0;}
.ProductDetails h1				{ margin-bottom: 0; }
.ProductDetails	.options-form	{ padding: 0.33em; border-bottom: none;}

/*	ASIDE + WIDGETS
----------------------- */
aside							{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
								  box-sizing: border-box;         /* Opera/IE 8+ */ 
 								  margin-top: 2em;
 								}

aside .typography img			{ max-width: 100%; height: auto;}
aside .WidgetHolder,
nav.secondary,
#asideText						{margin-bottom: 2em; }
#asideText						{background:; padding: 1em; }

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:link,
aside nav a:visited				{ font-size:0.9em; padding: 1em; display: block; color: #000000;}
aside nav a:before				{ font-family: 'dmicf1'; content: '\e654'; display: inline-block; float: left; margin-right:1em;  }
aside.left nav a:before			{ display: none; margin-left:0;  }
aside.left nav a:after			{ font-family: 'dmicf1'; content: '\e653'; display: inline-block; float: right; margin-left:1em;  }
aside h2						{padding: 1em; text-transform: uppercase; font-size:0.9em; background: rgba(0,0,0,1); color:#ffffff; border-bottom:5px solid rgba(125,125,125,1);}

aside .TestimonialsWidget		{ margin-bottom: 2em;}
.TestimonialsWidget h2:after	{ font-family: 'dmicf1'; content:'\e60e'; float: right; margin-left:1em; color: rgba(174,203,49,1); font-family: 'dmicf1'; font-size:2em; line-height:0.5em; }
h2.feedWidget:after				{content:'\e604'; float: right; margin-left:1em; color: rgba(174,203,49,1); font-family: 'dmicf1';font-size:2em; line-height:0.5em; }
h2.feedWidget.facebook:after	{content:'\e632';}

aside .TestimonialsWidget li	{ font-size: 0.8em; line-height: 1.6em; padding: 1em;}
.TestimonialsWidget h4			{ margin-bottom: 0.8em;}
aside .TestimonialsWidget li p	{ margin-bottom: 1em; padding: 1em;display: inline;}

aside .TestimonialsWidget li blockquote:before {content: '\e60f';font-family: 'dmicf1'; font-size:2em; color: #aecb31;  margin-right: 0.25em;  }
aside .TestimonialsWidget li blockquote:after {content: '\e60f';font-family: 'dmicf1'; font-size:2em; color: #aecb31; 
	-webkit-transform: rotate(180deg);/* Firefox */
	-moz-transform: rotate(180deg);/* IE */
	-ms-transform: rotate(180deg);/* Opera */
	-o-transform: rotate(180deg);/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  	margin-left: 0.25em;
    display: inline-block;
    float: right;
    transform: rotate(180deg);
}
aside .TestimonialsWidget a	{ margin-bottom: 1em; padding: 1em; }
aside .TestimonialsWidget li em		{ font-style:italic; font-weight:600;}

.TestimonialsWidget .rating,
.rating							{ position: relative; height: 20px; width: 0px; max-width: 100px; margin: 5px 0; background: url(../images/star-rating.png) repeat-x top left; margin-bottom:1em;}
#MainContent .testimonial		{ border-bottom:1px solid #000000; margin-bottom:1em;}


aside .UserFormWidget			{ background: rgba(0,0,0,1);
							 	  background: -moz-radial-gradient(top,  rgba(0,0,0,1) 70%, rgba(125,125,125,1) 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(0,0,0,1)), color-stop(100%,rgba(125,125,125,1)));
								  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 70%,rgba(125,125,125,1) 100%);
							 	  background: -o-linear-gradient(top,  rgba(0,0,0,1) 70%,rgba(125,125,125,1) 100%);
								  background: -ms-linear-gradient(top,  rgba(0,0,0,1) 70%,rgba(125,125,125,1) 100%);
								  background: linear-gradient(to bottom,  rgba(0,0,0,1) 70%,rgba(125,125,125,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: 0.84em;
								 }

aside .UserFormWidget h2		{ padding: 1em; text-transform: uppercase; font-size:0.9em; background: rgba(174,203,49,1); color:#000000; border-bottom:5px solid rgba(123,143,34,1); margin:-1em -1em 1em;}
aside .UserFormWidget h2:after			{content:'\e607'; float: right; margin-left:1em; font-family: 'dmicf1'; font-size:2em; line-height:0.5em; }


aside label,
aside .middleColumn				{ display: block; width: 100%; }
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(174,203,49,1); color: #000000; 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(0,0,0,1); }

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


aside .NeedHelpWidget			{background: rgba(174,203,49,1);
							 	  background: -moz-radial-gradient(top,  rgba(174,203,49,1) 70%, rgba(123,143,34,1) 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(174,203,49,1)), color-stop(100%,rgba(123,143,34,1)));
								  background: -webkit-linear-gradient(top,  rgba(174,203,49,1) 70%,rgba(123,143,34,1) 100%);
							 	  background: -o-linear-gradient(top,  rgba(174,203,49,1) 70%,rgba(123,143,34,1) 100%);
								  background: -ms-linear-gradient(top,  rgba(174,203,49,1) 70%,rgba(123,143,34,1) 100%);
								  background: linear-gradient(to bottom,  rgba(174,203,49,1) 70%,rgba(123,143,34,1) 100%);
								  color: #000000;
								  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
								 box-sizing: border-box;
								}


aside .NeedHelpWidget h2			{text-transform:uppercase;}
aside .NeedHelpWidget h2:after 		{content:'\e606'; float: right; margin-left:1em; font-family: 'dmicf1'; font-size:2em; line-height:0.5em; }
aside .NeedHelpWidget header p		{ font-size: 1em; background: rgba(125,125,125,1); color: #ffffff; padding: 0.2em 1em;}
aside .NeedHelpWidget p				{ font-size: 1.2em; margin-bottom: 0.5em; border-bottom: 1px solid; padding: 0.5em 1em; }
aside .NeedHelpWidget a				{ display: inline-block; font-weight: 600; float:right; max-width:100%;}


h2.mapWidget:after					{content:'\e608'; float: right; margin-left:1em; font-family: 'dmicf1'; font-size:2em; line-height:0.5em; color: rgba(174,203,49,1); }

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

}

#Footer a:link,
#Footer a:visited				{color: #ffffff;}
#Footer a:hover					{color: #aecb31;}


#Footer form					{ max-width: 100% !important;}
#Footer	h2						{ margin-bottom: 1.3em; color: #aecb31;}

#Footer .WidgetHolder			{ margin-bottom: 20px;}
#FooterWidgets li								{ margin-left: 0;}

#FooterWidgets iframe							{ width: 100%;}
/* Map widget */
#FooterWidgets .vcard, .MapWidget .map		{ margin-bottom: 1em; display: inline-block;}
a.map											{ width: 100%; height:auto;position: relative;}
a.map:after										{ position:absolute; 
												  top: 0; 
												  left:0; 
												  width:100%; 
												  background: rgba(0,0,0,0.2);
												  content:'Click to view in google Maps';
												  padding: 46% 0;
												  font-size:1.6em;
												  text-align:center;
												  transition: all 0.5s ease;
												    
												}
a.map:hover:after								{background: none;}											
a.map img										{width: 100%; height: auto; }
#FooterWidgets .MapWidget a.map					{ 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(0,0,0,1);}
p.copyright						{float: left;}
p.outbound						{ float: right; }

/* vcard */
.vcard .org										{; font-weight: 200; margin-bottom:1.3em;}
.vcard .street-address,
.vcard .locality,
.vcard .region,
.vcard .postal-code,
.vcard .tel										{padding-bottom: 0.5em; display: block; padding-left: 2em;}
.vcard .email									{padding-bottom: 0.5em; display: block; }
.vcard .adr:before,
.vcard .tel:before,
.vcard .email:before							{display: inline-block; color: inherit;  position: relative; font-size: 1em; font-family: 'dmicf1'; margin-right:1em; float: left;}
.vcard .adr:before								{content: '\e630';}
.vcard .tel:before								{content: '\e606';}
.vcard .email:before							{content: '\e657'; color: #aecb31; font-weight: 900; }			
.vcard .adr span								{ margin: 0; line-height:1em;}

/* social network & directory links */
.social-networks								{ text-align: left;}
.social-networks li 							{ display: inline-block; padding: 5px 5px 5px 0;}
.social-networks a:after						{ display: inline-block; 
												  color: inherit;  
												  position: relative; 
												  float: left; 
												  font-size: 1.66em;
												  font-family: 'dmicf1';
												}

.social-networks a.google:after					{content: '\e631'; }
.social-networks a.facebook:after				{content: '\e632';}
.social-networks a.twitter:after				{content: '\e633';}
.social-networks a.youTube:after				{content: '\e635';}
.social-networks a.linkedIn:after				{content: '\e639';}
.social-networks a.yell:after					{content: '\e642';}
.social-networks a.bt:after						{content: '\e641';}
.social-networks a.thomsonLocal:after			{content: '\e643';}
.social-networks a.pinterest:after				{content: '\e63a';}

.social-networks a.google:hover:after			{color: rgba(174,203,49,1); }
.social-networks a.facebook:hover:after			{color: rgba(174,203,49,1); }
.social-networks a.twitter:hover:after			{color: rgba(174,203,49,1);}
.social-networks a.youTube:hover:after			{color: rgba(174,203,49,1); }
.social-networks a.linkedIn:hover:after			{color: rgba(174,203,49,1); }
.social-networks a.yell:hover:after				{color: rgba(174,203,49,1); }
.social-networks a.bt:hover:after				{color: rgba(174,203,49,1); }
.social-networks a.thomsonLocal:hover:after		{color: rgba(174,203,49,1); }
.social-networks a.pinterest:hover:after		{color: rgba(174,203,49,1); }

#mini-nav										{ display: inline-block; float: right; position: absolute; right: 0; top:0; }
#mini-nav li									{ display: inline-block; vertical-align: top; margin-left:1em; font-size: 0.9em;}
#mini-nav a:after								{ display: inline-block; 
												  color: #ccc;  
												  position: relative; 
												  float: left; 
												  font-size: 1.66em;
												  font-family: 'dmicf1';
												}

#mini-nav a.google:after						{content: '\e631'; }
#mini-nav a.facebook:after						{content: '\e632';}
#mini-nav a.twitter:after						{content: '\e633';}
#mini-nav a.youTube:after						{content: '\e635';}
#mini-nav a.linkedIn:after						{content: '\e639';}
#mini-nav a.yell:after							{content: '\e642';}
#mini-nav a.bt:after							{content: '\e641';}
#mini-nav a.thomsonLocal:after					{content: '\e643';}
#mini-nav a.pinterest:after						{content: '\e63a';}

#mini-nav a.google:hover:after					{color: rgba(174,203,49,1); }
#mini-nav a.facebook:hover:after				{color: rgba(174,203,49,1); }
#mini-nav a.twitter:hover:after					{color: rgba(174,203,49,1); }
#mini-nav a.youTube:hover:after					{color: rgba(174,203,49,1); }
#mini-nav a.linkedIn:hover:after				{color: rgba(174,203,49,1); }
#mini-nav a.yell:hover:after					{color: rgba(174,203,49,1); }
#mini-nav a.bt:hover:after						{color: rgba(174,203,49,1); }
#mini-nav a.thomsonLocal:hover:after			{color: rgba(174,203,49,1); }
#mini-nav a.pinterest:hover:after				{color:rgba(174,203,49,1) ; }


/* 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;}
.last							{ margin-right: 0px; border-right: none;}

.rounded-corners				{ border-radius: 0.5em;
							 	  -moz-border-radius: 0.5em;
								  -webkit-border-radius: 0.5em;
								 
								}

aside .rounded-corners					{overflow: hidden;}

.text-drop-shadow				{ text-shadow: 0px 0px 5px rgba(0,0,0,0.8);}
.dropshadow-large				{ -webkit-box-shadow:  0 4px 5px 0px rgba(0,0,0,0.8);
        						  box-shadow:  0 4px 5px 0px rgba(0,0,0,0.8);
								}
.dropshadow-small				{ -webkit-box-shadow:  0px 1px 1px 0px rgba(0,0,0,0.8);
						          box-shadow:  0px 1px 1px 0px rgba(0,0,0,0.8);
}


/*	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 : 768px) and (max-width : 1024px) {
	#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;}
	.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;}
	.headerLogos img				{max-width: 33%; height: auto; vertical-align: middle;}
	#badge							{display: none;}
	.main-tel										{ margin-bottom: 1em; font-size:0.7em; line-height:1.4em;}
	.main-tel p										{ padding-bottom: 0;}
	a[href^=tel]									{ display: block;}

#main-navigation			{ font-family: 'Open Sans Condensed',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; border-bottom: 1px solid rgba(125,125,125,1); border-right: none;}
	.blocklink a										{ margin-bottom: 0 !important; padding-bottom: 2.5em;}
	.blocklink:last-child		 					{ margin-bottom: 0; border-bottom: none;}

	
	.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;}		
	#Footer .social-networks						{ text-align: center;}


	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;}
	
	
	#slider-box						{ position: fixed; 
								  		top:91%;
								  	  font-family: 'Open Sans Condensed',Sans-Serif;  
								  	  font-weight: 200; 
								  	  transform: none;
								  	  -ms-transform: none;
								  	  -webkit-transform: none;
								  	  z-index:100;
									  margin: 0 !important;	
									  width: 100%;
									  left: 0;
									  height: auto;
									  overflow: visible;
									}

#slider-box a					{ color: #000000; display: inline-block; padding: 1em 0; 
									margin: 0;
									position: relative;
									width: 49%;
									text-align: center;
								}
								
								
/*	FORM
--------------*/
.typography form				{ padding:1em; }
.typography form label,
.typography form .middleColumn	{ display: block; width:100%;}
.typography form .Actions .action	 { margin: 0; }
.typography form    .Actions:after {
        display: none;
    }
.typography form    .Actions:before {
        color: rgba(174,203,49,1);
        content: "* Indicates a required field";
        display: block;
        font-weight: normal;
        margin: 1em;
    }
}

/*	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;}
	
	.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;}
	.headerLogos img				{max-width: 33%; height: auto; vertical-align: middle;}
	#badge							{display: none;}
	.main-tel										{ margin-bottom: 1em; font-size:0.7em; line-height:1.4em;}
	.main-tel p										{ padding-bottom: 0;}
	a[href^=tel]									{ display: block;}

#main-navigation			{ font-family: 'Open Sans Condensed',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; border-bottom: 1px solid rgba(125,125,125,1); border-right: none;}
	.blocklink a										{ margin-bottom: 0 !important; padding-bottom: 2.5em;}
	.blocklink:last-child		 					{ margin-bottom: 0; border-bottom: none;}

	
	.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;}		
	#Footer .social-networks						{ text-align: center;}


	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;}
	
	
	#slider-box						{ position: fixed; 
								  		top:91%;
								  	  font-family: 'Open Sans Condensed',Sans-Serif;  
								  	  font-weight: 200; 
								  	  transform: none;
								  	  -ms-transform: none;
								  	  -webkit-transform: none;
								  	  z-index:100;
									  margin: 0 !important;	
									  width: 100%;
									  left: 0;
									  height: auto;
									  overflow: visible;
									}

#slider-box a					{ color: #000000; display: inline-block; padding: 1em 0; 
									margin: 0;
									position: relative;
									width: 49%;
									text-align: center;
								}
								
								
/*	FORM
--------------*/
.typography form				{ padding:1em; }
.typography form label,
.typography form .middleColumn	{ display: block; width:100%;}
.typography form .Actions .action	 { margin: 0; }
.typography form    .Actions:after {
        display: none;
    }
.typography form    .Actions:before {
        color: rgba(174,203,49,1);
        content: "* Indicates a required field";
        display: block;
        font-weight: normal;
        margin: 1em;
    }
}

/*	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;}
	.headerLogos img				{max-width: 33%; height: auto; vertical-align: middle;}
	#badge							{display: none;}
	.main-tel										{ margin-bottom: 1em; font-size:0.7em; line-height:1.4em;}
	.main-tel p										{ padding-bottom: 0;}
	a[href^=tel]									{ display: block;}

#main-navigation			{ font-family: 'Open Sans Condensed',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; border-bottom: 1px solid rgba(125,125,125,1); border-right: none;}
	.blocklink a										{ margin-bottom: 0 !important; padding-bottom: 2.5em;}
	.blocklink:last-child		 					{ margin-bottom: 0; border-bottom: none;}

	
	.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;}		
	#Footer .social-networks						{ text-align: center;}


	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;}
	
	
	#slider-box						{ position: fixed; 
								  		top:91%;
								  	  font-family: 'Open Sans Condensed',Sans-Serif;  
								  	  font-weight: 200; 
								  	  transform: none;
								  	  -ms-transform: none;
								  	  -webkit-transform: none;
								  	  z-index:100;
									  margin: 0 !important;	
									  width: 100%;
									  left: 0;
									  height: auto;
									  overflow: visible;
									}

#slider-box a					{ color: #000000; display: inline-block; padding: 1em 0; 
									margin: 0;
									position: relative;
									width: 49%;
									text-align: center;
								}
								
								
/*	FORM
--------------*/
.typography form				{ padding:1em; }
.typography form label,
.typography form .middleColumn	{ display: block; width:100%;}
.typography form .Actions .action	 { margin: 0; }
.typography form    .Actions:after {
        display: none;
    }
.typography form    .Actions:before {
        color: rgba(174,203,49,1);
        content: "* Indicates a required field";
        display: block;
        font-weight: normal;
        margin: 1em;
    }
}

/*	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;}
	.headerLogos img				{max-width: 33%; height: auto; vertical-align: middle;}
	#badge							{display: none;}
	.main-tel										{ margin-bottom: 1em; font-size:0.7em; line-height:1.4em;}
	.main-tel p										{ padding-bottom: 0;}
	a[href^=tel]									{ display: block;}

#main-navigation			{ font-family: 'Open Sans Condensed',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; border-bottom: 1px solid rgba(125,125,125,1); border-right: none;}
	.blocklink a										{ margin-bottom: 0 !important; padding-bottom: 2.5em;}
	.blocklink:last-child		 					{ margin-bottom: 0; border-bottom: none;}

	
	.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;}		
	#Footer .social-networks						{ text-align: center;}


	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;}
	
	
	#slider-box						{ position: fixed; 
								  		top:91%;
								  	  font-family: 'Open Sans Condensed',Sans-Serif;  
								  	  font-weight: 200; 
								  	  transform: none;
								  	  -ms-transform: none;
								  	  -webkit-transform: none;
								  	  z-index:100;
									  margin: 0 !important;	
									  width: 100%;
									  left: 0;
									  height: auto;
									  overflow: visible;
									}

#slider-box a					{ color: #000000; display: inline-block; padding: 1em 0; 
									margin: 0;
									position: relative;
									width: 49%;
									text-align: center;
								}
								
								
/*	FORM
--------------*/
.typography form				{ padding:1em; }
.typography form label,
.typography form .middleColumn	{ display: block; width:100%;}
.typography form .Actions .action	 { margin: 0; }
.typography form    .Actions:after {
        display: none;
    }
.typography form    .Actions:before {
        color: rgba(174,203,49,1);
        content: "* Indicates a required field";
        display: block;
        font-weight: normal;
        margin: 1em;
    }

}