/* 
======================================
Hand-crafted by T10 Interactive Ltd
http://t10interactive.co.uk
======================================



/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* 
===================================================================================================
HTML5 Boilerplate Defaults
===================================================================================================
*/

* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; margin: 0; padding: 0;}
.chromeframe {position: absolute; top: 0;}
::-moz-selection{background: #153872; color: #fff; text-shadow: none;}
::selection {background: #153872; color: #fff; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: #153872;} 
ins {background-color: #153872; color: #000; text-decoration: none;}
mark {background-color: #153872; color: #000; font-style: italic; font-weight: bold;}
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* 
===================================================================================================
Typography
===================================================================================================
*/

html, input, textarea	{-webkit-font-smoothing: antialiased;}

body, input, form, 
select, textarea, field	{font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; 
						line-height: 100%; font-size:1em; color:#32424a; 
						text-rendering: optimizeLegibility;}

h1, h2, h3, h4, h5, h6	{line-height: 120%; font-size: 1em; font-weight: 700;}

p						{color: #5e5d5a; line-height: 140%;}
p a 					{color: #153872;}
p a:hover 				{color: #497abb;}

a 						{-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}



/* 
===================================================================================================
Buttons
===================================================================================================
*/

a div.base-btn 			{display: inline-block; padding: 8px 15px 9px 15px; line-height: 100%; color: #153872; border: 4px solid #e8ebed; text-transform: uppercase; font-size: 100%; font-weight: 700; 
						-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
a:hover div.base-btn	{background: #153872; border: 4px solid #153872; color: #fff;}


/* 
===================================================================================================
Layout (768px >)
===================================================================================================
*/

body				{background: #edede9; margin: 0;  padding: 0;}

img 				{max-width: 100%;}

.icon 				{background: no-repeat url(../png/sprite-icons.png);}

.header100 			{background: #eeede9; text-align: center; min-width: 768px; border-bottom: 5px solid #153872; position: fixed; top: 0; z-index: 5000; width: 100%;}
.header 			{overflow: hidden;}

.header .logo 		{margin: -1px 0 0 0; padding: 0 0 10px 25px; width: 200px; float: left;}
.header .logo a 	{text-decoration: none;}

.header .header-r 	{max-width: 520px; padding: 0 25px 10px 0; float: right; text-align: right;}

.header .minor-nav 				{background: #153872; padding: 0 15px; margin: 0 0 12px 0; display: inline-block;}
.header .minor-nav li 			{display: inline-block; vertical-align: top; font-size: 80%; font-weight: 700; text-transform: uppercase; line-height: 100%;}
.header .minor-nav li a 		{display: block; text-decoration: none; color: #fff; padding: 10px;}
.header .minor-nav li a.on,
.header .minor-nav li a:hover 	{background: #22519e;}

.header .contacts 				{}
.header .contacts ul li 		{display: inline-block; vertical-align: middle;}
.header .contacts div 			{display: inline-block; vertical-align: middle; margin: 0 4px 0 0; background: no-repeat url(../png/sprite-icons.png);}
.header .contacts div.phone 	{width: 17px; height: 29px; background-position: -50px -50px;}
.header .contacts div.email 	{width: 27px; height: 24px; background-position: -100px -50px;}
.header .contacts p 			{display: inline-block; vertical-align: middle; line-height: 120%; font-weight: 700;}
.header .contacts p.ph			{font-size: 170%; margin: 0 15px 2px 0;}
.header .contacts p.ma			{font-size: 110%; margin: 0 0 2px 0;}
.header .contacts p a 			{color: #153872; text-decoration: none;}
.header .contacts p.ph a 		{cursor: default;}
.header .contacts p.ma a:hover 	{color: #497abb; text-decoration: underline;}

.menu 						{background: #fff; text-align: left; border-top: 3px solid #d4d6d5;}
.menu > ul 					{padding-left: 27px;}
.menu > ul > li 			{display: inline-block; vertical-align: top; font-size: 90%; font-weight: 900; text-transform: uppercase; line-height: 100%; position: relative;}
.menu > ul > li.lastish 	{border-right: 0;}
.menu > ul > li.ranges 		{display: none;}
.menu > ul > li > a 		{display: block; border-right: 3px solid #f4f5f6; text-decoration: none; color: #153872; padding: 13px 6px 13px 7px; outline: 0;}
.menu > ul > li > a.on 		{background: #153872; color: #fff; border-right: 3px solid #153872;}
.menu > ul > li > a:hover 	{background: #153872; color: #fff; border-right: 3px solid #153872;}
  
.dropdown 					{margin: 0; width: 205px; float: left; position: absolute; z-index: 10000; left: -1999em; text-align: left; padding: 0; background: #fff; border: 5px solid #153872;}    
.dropdown ul li 			{border-bottom: 2px solid #153872;}
.dropdown ul li:last-child 	{border-bottom: 0;}
.dropdown ul li a 			{text-align: left; display: block; text-decoration: none; overflow: hidden;}
.dropdown ul li a div 		{width: 50px; height: 40px; display:inline-block; vertical-align: middle; margin-right: 5px;}
.dropdown ul li a p 		{width: 120px; max-height: 40px; font-size: 90%; display:inline-block; vertical-align: middle; color: #153872; margin: 0; line-height: 100%;}
.dropdown ul li a:hover 	{background: #153872;}
.dropdown ul li a:hover p 	{color: #fff;}

.menu li:hover .dropdown 	{left: 0; top: auto;} 

.footer100 					{text-align: left; clear: both;}

.footer-calls 				{padding: 0 25px; overflow: hidden;
							background: #e3e3e0;
							background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRjZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
							background: -moz-linear-gradient(top,  #e3e3e0 0%, #dbdcdb 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e0), color-stop(100%,#dbdcdb));
							background: -webkit-linear-gradient(top,  #e3e3e0 0%,#dbdcdb 100%);
							background: -o-linear-gradient(top,  #e3e3e0 0%,#dbdcdb 100%);
							background: -ms-linear-gradient(top,  #e3e3e0 0%,#dbdcdb 100%);
							background: linear-gradient(to bottom,  #e3e3e0 0%,#dbdcdb 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e0', endColorstr='#dbdcdb',GradientType=0 );}

.footer-calls ul 			{padding: 16px 0;}
.footer-calls li 			{display: inline-block; vertical-align: middle; width: 31%; margin: 0 3.5% 0 0;}
.footer-calls li:last-child {margin: 0;}
.footer-calls li.tabhide 	{display: none;}
.footer-calls li div 		{margin: 0 4px 0 0; background: no-repeat url(../png/sprite-icons.png); display: inline-block; vertical-align: middle;}
.footer-calls li div.phone 	{width: 69px; height: 58px; background-position: -50px -100px;}
.footer-calls li div.faceb 	{width: 48px; height: 48px; background-position: -150px -100px;}
.footer-calls li div.enqui 	{width: 46px; height: 62px; background-position: -250px -100px;}
.footer-calls li div.email 	{width: 49px; height: 56px; background-position: -350px -100px;}
.footer-calls li p 			{font-size: 85%; line-height: 140%; margin: 0; color: #143e64; display: inline-block; vertical-align: middle;}
.footer-calls li p b 		{font-size: 160%;}
.footer-calls li p a 		{font-size: 135%; color: #143e64; font-weight: 700;}
.footer-calls li p a:hover 	{color: #497abb;}

.footer-base 				{background: #102e64; padding: 23px 25px 30px 25px; overflow: hidden;}
.footer-base h6 			{color: #497abb; text-transform: uppercase; font-size: 95%; margin: 0 0 8px 0;}
.footer-base p 				{font-size: 85%; color: #fff; margin: 0 0 15px 0;}

.footer-base ul 			{margin: 0; padding: 0; list-style: none;}
.footer-base ul li 			{font-size: 90%; line-height: 140%; margin: 0 0 1px 0;}
.footer-base ul li a 		{color: #fff; text-decoration: none;}
.footer-base ul li a:hover 	{color: #497abb; text-decoration: underline;}

.footer-base ol 			{margin: 0; padding: 0; list-style: none;}
.footer-base ol li 			{font-size: 85%; line-height: 140%; margin: 0 0 2px 0;}
.footer-base ol li a 		{color: #fff;}
.footer-base ol li a:hover 	{color: #497abb;}

.footer-base table 			{border: 0; margin: 0; padding: 0;}
.footer-base th,
.footer-base td 			{font-size: 90%; line-height: 120%; text-align: left; vertical-align: top;}
.footer-base th 			{color: #497abb; font-weight: 400; padding: 0 10px 6px 0;}
.footer-base td 			{color: #fff; padding: 0 0 2px 0;}
.footer-base td a 			{color: #fff;}
.footer-base td a:hover 	{color: #497abb;}

.foot-base-left 			{float: left; width: 31%; margin: 0 3.5% 0 0;}
.foot-contact 				{float: left; width: 31%; margin: 0 3.5% 0 0;}
.foot-ranges 				{float: left; width: 31%;}
.foot-cats 					{display: none;}

ul.prod-box 				{overflow: hidden; text-align: left;}
ul.prod-box li 				{display: inline-block; vertical-align: top; width: 31%; margin: 0 3.5% 23px 0;}
ul.prod-box li:nth-child(3n){margin: 0 0 25px 0;}
ul.prod-box li div.pic 		{height: 140px; margin: 0 0 8px 0; text-align: left;}
ul.prod-box li p 			{color: #264657; font-size: 80%; line-height: 130%; margin: 0 0 9px 0; padding: 0 8px 0 0;}
ul.prod-box li p.title 		{border-top: 2px solid #ededed; font-weight: 700; display: block; clear: both; text-transform: uppercase; color: #153872; line-height: 100%; font-size: 120%; margin: 10px 0 0 0; padding: 15px 8px 3px 0;}

ul.prod-box li p a 			{color: #153872; font-weight: 700;}
ul.prod-box li p a:hover 	{color: #ff3600;}
ul.prod-box li p.price 		{color: #0089d2; font-weight: 700; font-size: 110%; margin: 0;}
ul.prod-box li p.ref 		{margin: 0;}
ul.prod-box table 			{margin: 10px 0 0 0; width: 100%;}
ul.prod-box th,	
ul.prod-box td 				{text-align: left; font-size: 80%; padding: 4px 10px 5px 0; line-height: 110%; border-bottom: 1px solid #ededed;}
ul.prod-box th 				{color: #153872;}
ul.prod-box td 				{color: #264657;}

ul.prod-box li h6 			{font-size: 85%; color: #153872; border-bottom: 1px solid #ededed; padding: 20px 0 3px; margin: 0 0 3px 0;}
ul.prod-box li div.data 	{border-bottom: 1px solid #ededed; padding: 2px 0 6px 0;}
ul.prod-box li div.data p 	{font-size: 80%; color: #264657; margin: 0;}
ul.prod-box li div.data p b {color: #153872;}


ul#link-grid 					{overflow: hidden;}
ul#link-grid li 				{display: inline-block; vertical-align: top; width: 31%; margin: 0 3.5% 23px 0; height: 150px; background: #fff; border-bottom: 3px solid #dddcd9;}
ul#link-grid li:nth-child(3n) 	{margin: 0 0 23px 0;}
ul#link-grid li a 				{text-decoration: none; padding: 8px 15px;}
ul#link-grid li a h4 			{text-transform: uppercase; color: #153872; font-size: 120%; line-height: 100%; margin: 0 0 6px 0;}
ul#link-grid li a h5 			{text-transform: uppercase; color: #153872; font-size: 110%; line-height: 100%; margin: 1px 0 7px 0;}
ul#link-grid li a p 			{color: #264657; line-height: 120%; font-size: 85%; font-style: italic;}

ul#link-grid li a:hover h4,
ul#link-grid li a:hover h5		{color: #497abb;}

.mosaic-overlay 				{display: none; z-index: 5; position: absolute; width: 100%; height: 100%; background: #fff top right no-repeat url(../png/bg-grid-arrow.png);}
.mosaic-block 					{float: left; position: relative; overflow: hidden; margin: 0;}
.mosaic-backdrop 				{display: none; position: absolute; top: 0; height: 100%; width: 100%; background: #111;}
.bar2 .mosaic-overlay 			{bottom: -20px; height: 55px;}

.home100,
.page100 						{display: block; margin-top: 135px;}
		




@media screen and (min-width: 920px) {
	.header100 					{background: #eeede9;}
	.header 					{overflow: hidden; padding: 0 25px;}

	.header .logo 				{padding: 0 0 15px 0;}

	.header .header-r 			{max-width: 720px; padding: 0 0 10px 0;}

	.header .minor-nav 			{padding: 0 20px; margin: 0 0 15px 0;}
	.header .minor-nav li 		{font-size: 95%;}
	.header .minor-nav li a 	{padding: 12px 10px;}

	.header .contacts p.ph		{font-size: 200%; margin: 0 20px 2px 0;}
	.header .contacts p.ma		{font-size: 120%; margin: 0 0 2px 0;}

	.menu > ul 					{padding-left: 27px;}
	.menu > ul li 				{font-size: 95%;}
	.menu > ul li.ranges 		{display: inline-block;}
	.menu > ul li a 			{padding: 14px 7px 14px 8px;}

	.footer-calls 				{padding: 0 25px 3px 25px;}
	.footer-calls li div 		{margin: 0 7px 0 0;}
	.footer-calls li p 			{font-size: 100%;}
	.footer-calls li p b 		{font-size: 180%;}
	.footer-calls li p a 		{font-size: 140%;}

	ul.prod-box li div.pic		{height: 170px;}
	ul.prod-box li p 			{font-size: 85%; margin: 0 0 9px 0; padding: 0 16px 0 0;}
	ul.prod-box li p.price 		{font-size: 110%;}
	ul.prod-box li p.title 		{font-size: 135%; padding: 14px 16px 2px 0;}

	ul.prod-box table 			{margin: 10px 0 8px 0;}
	ul.prod-box th,	
	ul.prod-box td 				{padding: 4px 13px 5px 0;}

	ul#link-grid li 			{height: 170px;}

	.dropdown 					{width: 235px; padding: 0;}
	.dropdown ul li a 			{padding: 0;}
	.dropdown ul li a div 		{width: 55px; height: 45px;}
	.dropdown ul li a p 		{width: 150px; max-height: 45px; font-size: 100%;}

	.home100,
	.page100 					{margin-top: 153px;}

}

@media screen and (min-width: 1000px) {
		.header .header-r 			{max-width: 850px;}

		.header .minor-nav li a 	{padding: 12px 13px;}

		.header .contacts p.ph		{font-size: 220%; margin: 0 25px 1px 0; padding-left: 3px;}
		.header .contacts p.ma		{font-size: 125%; padding-left: 3px;}

		.menu > ul li 				{font-size: 100%;}

		.footer-calls ul 			{padding: 14px 0;}
		.footer-calls li 			{width: 22.5%; margin: 0 3.25% 0 0;}
		.footer-calls li.tabhide 	{display: inline-block;}
		.footer-calls li div 		{margin: 0 5px 0 0;}
		.footer-calls li p 			{font-size: 85%;}
		.footer-calls li p b 		{font-size: 160%;}
		.footer-calls li p a 		{font-size: 130%;}

		.foot-base-left 			{width: 22.5%; margin: 0 3.25% 0 0;}
		.foot-contact 				{width: 22.5%; margin: 0 3.25% 0 0;}
		.foot-ranges 				{width: 22.5%; margin: 0 3.25% 0 0;}
		.foot-cats 					{display: block; float: left; width: 22.5%; margin: 0;}

		ul.prod-box li 				{width: 22.5%; margin: 0 3.25% 25px 0;}
		ul.prod-box li:nth-child(3n){margin: 0 3.25% 25px 0;}
		ul.prod-box li:nth-child(4n){margin: 0 0 25px 0;}
		ul.prod-box li div.pic 		{height: 135px;}
		ul.prod-box li p 			{font-size: 80%; padding: 0 12px 0 0;}
		ul.prod-box li p.price 		{font-size: 105%;}

		ul.prod-box table 			{margin: 10px 0 5px 0;}
		ul.prod-box th,	
		ul.prod-box td 				{padding: 4px 10px 5px 0;}

		ul#link-grid li 				{width: 22.5%; margin: 0 3.25% 25px 0; height: 150px;}
		ul#link-grid li:nth-child(3n) 	{margin: 0 3.25% 25px 0;}
		ul#link-grid li:nth-child(4n) 	{margin: 0 0 23px 0;}

		ul#link-grid li a h5 			{font-size: 100%; margin: 1px 0 9px 0;}

		.dropdown 					{width: 250px; padding: 0;}
		.dropdown ul li a 			{padding: 0;}
		.dropdown ul li a p 		{width: 165px; font-size: 95%;}

		.home100,
		.page100 					{margin-top: 153px;}

}

@media screen and (min-width: 1085px) {
			.header 					{max-width: 1200px; padding: 0 30px; margin: 0 auto;}

			.menu > ul 					{max-width: 1200px; padding: 0 32px; margin: 0 auto;}
			.menu > ul li 				{font-size: 110%;}
			.menu > ul li a 			{padding: 16px 10px 16px 11px;}

			.footer-calls 				{padding: 0 0 3px 0;}
			.footer-calls ul 			{max-width: 1200px; padding: 16px 30px; margin: 0 auto;}
			.footer-calls li p 			{font-size: 95%;}

			.footer-base-inner 			{max-width: 1200px; overflow: hidden; padding: 0 30px; margin: 0 auto;}

			.footer-base 				{padding: 28px 0 38px 0;}
			.footer-base p 				{font-size: 90%; width: 267px;}

			.footer-base ul li 			{font-size: 90%;}

			.footer-base ol li 			{font-size: 90%;}

			.footer-base th,
			.footer-base td 			{font-size: 95%; line-height: 120%;}
			.footer-base th 			{padding: 0 13px 6px 0;}
			.footer-base td 			{padding: 0 0 4px 0;}

			.foot-base-left 			{width: 33%;}
			.foot-contact 				{width: 19%;}
			.foot-ranges 				{width: 19%;}
			.foot-cats 					{width: 19%;}

			ul.prod-box li 				{margin-bottom: 30px;}
			ul.prod-box li div.pic 		{height: 150px;}
			ul.prod-box li p 			{font-size: 85%; padding: 0 16px 0 0;}
			ul.prod-box li p.price 		{font-size: 110%;}

			ul#link-grid li 			{height: 165px;}
			ul#link-grid li a h5 		{font-size: 110%; margin: 1px 0 7px 0;}

			.dropdown 					{width: 260px;}
			.dropdown ul li a 			{padding: 0;}
			.dropdown ul li a div 		{width: 60px;}
			.dropdown ul li a p 		{width: 170px; font-size: 80% !important;}

			.home100,
			.page100 					{margin-top: 160px;}

}



@media screen and (min-width: 1180px) {
				.menu > ul li 				{font-size: 118%;}
				.menu > ul li a 			{padding: 18px 12px 18px 13px;}

				.footer-calls li div 		{margin: 0 7px 0 0;}
				.footer-calls li p 			{font-size: 100%;}
				.footer-calls li p b 		{font-size: 170%;}
				.footer-calls li p a 		{font-size: 140%;}

				ul.prod-box li 				{margin-bottom: 35px;}
				ul.prod-box li div.pic 		{height: 165px;}
				ul.prod-box li p 			{padding: 0 19px 0 0;}
				ul.prod-box li p.price 		{font-size: 115%;}
				ul.prod-box th 				{font-size: 85%;}

				ul#link-grid li 			{height: 180px;}

				.dropdown 					{width: 290px;}
				.dropdown ul li a 			{padding: 0;}
				.dropdown ul li a p 		{width: 200px; font-size: 75% !important;}

				.home100,
				.page100 					{margin-top: 165px;}
}


/* HOME */
.home-banner100 	{border-bottom: 8px solid #153872; overflow: hidden;}
.home-banner 		{padding: 150px 25px 0 25px;}
.home-banner a 		{border-left: 5px solid #153872; display: block; width: 75%; text-decoration: none; padding: 20px 35px; background: top left repeat-x url(../png/bg-home-banner.png);}
.home-banner a div 	{float: right; margin: 10px 0 10px 25px; width: 26px; height: 45px; background: center center no-repeat url(../png/bg-home-banner-arrow.png);}
.home-banner a p 	{color: #fff; font-size: 100%; line-height: 130%;}
.home-banner a p.head 	{text-transform: uppercase; font-size: 160%; font-weight: 700; color: #fff;}

.home-intro100 		{background: #fff;}
.home-intro 		{padding: 0 25px;}
.home-intro a h1,
.home-intro a h2 	{color: #153872; text-transform: uppercase; font-size: 150%; line-height: 100%; margin: 0 0 6px 0;}
.home-intro a p 	{font-size: 90%; margin: 0 0 18px 0;}
.home-intro a div  	{margin:0;}

.home-welcome 		{display: inline-block; padding: 30px 30px 45px 0; margin: 0; vertical-align: top; width: 55%; border-right: 5px solid #eee;}
.home-welcome a 	{text-decoration: none; display: block;}
.home-welcome a img {float: right; margin: 0 0 20px 20px; width: 100px;}

.home-service 		{display: inline-block; padding: 30px 30px 35px 30px; margin: 0; vertical-align: top; width: 44%;}
.home-service a 	{text-decoration: none; display: block; }

.home-news 					{clear: both; margin: 0; padding: 23px 0 25px 0; border-top: 5px solid #eee;}
.home-news ul 				{overflow: hidden;}
.home-news li 				{float: left; width: 31%; margin: 0 3.5% 0 0;}
.home-news li:last-child 	{margin: 0;}
.home-news li a 			{text-decoration: none; display: block;}
.home-news li a h3 			{color: #153872; text-transform: uppercase; font-size: 110%; line-height: 100%; margin: 0 0 3px 0;}
.home-news li a h3.offer 	{color: #ff3600;}
.home-news li a p 			{color: #5e5d5a; font-size: 85%; margin: 0;}

.home-news li a:hover h3 	{color: #497abb;}

.home-grid100 				{padding: 28px 25px 10px 25px;}
.home-grid 					{}




@media screen and (min-width: 920px) {
	.home-banner a 			{padding: 20px 30px 20px 40px; width: 70%;}
	.home-banner a div 		{margin: 7px 0 10px 25px;}
	.home-banner a p.head 	{font-size: 175%;}

	.home-intro a p 		{font-size: 95%; margin: 0 0 20px 0;}

	.home-welcome 			{padding: 30px 30px 35px 0;}
	.home-welcome a img 	{width: 150px;}

	.home-news li a h3 		{font-size: 120%; margin: 0 0 3px 0;}
	.home-news li a p 		{font-size: 90%;}

	.home-grid li 			{height: 170px;}
	
}


@media screen and (min-width: 1000px) {
		.home-banner100 			{border-bottom: 9px solid #153872;}
		.home-banner 				{padding: 190px 25px 0 25px;}
		.home-banner a 				{padding: 20px 35px 25px 40px; width: 65%;}
		.home-banner a div 			{margin: 10px 0 10px 25px;}
		.home-banner a p.head		{font-size: 190%;}

		.home-grid li 				{width: 22.5%; margin: 0 3.25% 25px 0; height: 150px;}
		.home-grid li:nth-child(3n) {margin: 0 3.25% 25px 0;}
		.home-grid li:nth-child(4n) {margin: 0 0 23px 0;}

}


@media screen and (min-width: 1085px) {
			.home-banner 				{max-width: 1200px; padding: 225px 30px 0 30px; margin: 0 auto;}
			.home-banner a 				{padding: 20px 40px 25px 40px; width: 60%;}
			.home-banner a div 			{margin: 10px 0 10px 30px;}
			.home-banner a p.head 		{font-size: 200%;}

			.home-intro 				{max-width: 1200px; padding: 0 30px; margin: 0 auto;}
			.home-intro a p 			{font-size: 100%;}

			.home-welcome 				{padding: 30px 30px 35px 0; width: 45%; margin: 0; border-right: 5px solid #eee;}

			.home-service 				{padding: 30px 30px 35px 30px; margin: 0; width: 32.5%;}

			.home-news 					{clear: none; padding: 30px 0 35px 0; display: inline-block; margin: 0; width: 22.5%; border: 0;}

			.home-news li 				{float: none; width: 100%; margin: 0 0 18px 0; border-bottom: 4px solid #e8ebed;}
			.home-news li:last-child 	{margin: 0;}
			.home-news li a 			{padding-bottom: 18px;}

			.home-grid100 				{max-width: 1200px; padding: 32px 30px 15px 30px; margin: 0 auto;}

			.home-grid li 				{height: 165px;}
}


@media screen and (min-width: 1180px) {
				.home-banner100 			{border-bottom: 10px solid #153872;}
				.home-banner 				{padding: 265px 30px 0 30px;}
				.home-banner a 				{padding: 20px 40px 25px 40px; width: 55%;}
				.home-banner a div 			{margin: 13px 0 10px 40px;}
				.home-banner a p.head 		{font-size: 210%;}

				.home-welcome 				{padding: 40px 40px 45px 0;}

				.home-service 				{padding: 40px 40px 45px 40px;}

				.home-news 					{clear: none; padding: 40px 0 45px 0;}
				.home-news li 				{margin: 0 0 20px 0; border-bottom: 5px solid #e8ebed;}
				.home-news li a 			{padding-bottom: 20px;}
				.home-news li a h3 			{font-size: 130%; margin: 0 0 3px 0;}
				.home-news li a p 			{font-size: 95%;}

				.home-grid li 				{height: 180px;}
}




/* RANGE PAGES */
.range-top100 				{border-bottom: 4px solid #153872;}
.range-photo 				{height: 250px;}
.range-photo ul 			{height: 250px;}
.range-photo ul li 			{height: 250px; background-repeat: no-repeat;}

.range-intro100 			{padding: 0 25px; position: relative; z-index: 2000; margin: -75px 0 0 0;}
.range-intro 				{overflow: hidden;}

.range-intro-box 			{float: left; width: 58%; padding: 30px 25px 0 25px; background: top left repeat-x url(../png/bg-range-intro.png);}
.range-intro-box h1 		{text-transform: uppercase; color: #fff; font-size: 140%; line-height: 110% !important; margin: 0 0 5px 0;}
.range-intro-box p 			{color: #fff; font-size: 90%; margin: 0 0 18px 0;}
.range-intro-box p.sml 		{font-size: 80%; color: #7f98c4; line-height: 130%;}
.range-intro-box li 		{display: block; margin: 0 10px 10px 0;}
.range-intro-box li a 		{min-height: 46px; display: block; text-decoration: none; background: #2d4c80; padding: 5px 20px 9px 13px;}
.range-intro-box li a.quo 	{}
.range-intro-box li a div 	{display: inline-block; vertical-align: middle; margin-right: 6px; }
.range-intro-box li a div.broch 	{background-position: -200px -196px; width: 29px; height: 46px;}
.range-intro-box li a div.quote 	{background-position: -250px -200px; width: 37px; height: 46px;}
.range-intro-box li a span 			{display: inline-block; vertical-align: middle; text-transform: uppercase; color: #fff; font-weight: 700}
.range-intro-box li a:hover 		{background: #ff3600;}

.range-intro-bullets 				{float: right; width: 38%; margin: 98px 0 0 0;}
.range-intro-bullets ul 			{text-align: left; margin: 0 0 25px 0;}
.range-intro-bullets li 			{min-height: 20px; margin: 0 0 11px 0; color: #153872; line-height: 110%; font-size: 100%; font-weight: 700; padding: 0 0 2px 24px; background: 0 0 no-repeat url(../png/bullet-tick-square-sml.png);}
.range-intro-bullets li.price 		{color: #0089d2;}
.range-intro-bullets li.discount 	{color: #ff3600;}

.range-intro-base 			{padding: 0; clear: both; margin: 0; background: #fff; overflow: hidden;}
.range-intro-base-blue 		{float: left; width: 58%; background: #153872; height: 20px;}
.range-intro-base-white 	{display: none;}

.range-grid100 				{padding: 0 25px; background: bottom left repeat-x url(../png/bg-grid-base.png);}
.range-grid 				{overflow: hidden; background: #fff; padding: 25px; border-bottom: 3px solid #d4d5d3;}

.range-home-intro100 		{padding: 0 25px;}
.range-home-intro 			{background: top left repeat-x url(../png/bg-home-banner.png); padding: 20px 35px;}
.range-home-intro h1 		{text-transform: uppercase; color: #fff; font-size: 140%; line-height: 110% !important; margin: 0 0 5px 0;}
.range-home-intro p 		{color: #fff; font-size: 90%; margin: 0 0 10px 0;}

.range-home-grid100 		{padding: 28px 25px 10px 25px;}
.range-home-grid 			{}


@media screen and (min-width: 920px) {
	.range-photo 					{height: 275px;}
	.range-photo ul 				{height: 275px;}
	.range-photo ul li 				{height: 275px;}

	.range-intro-box 				{padding: 33px 30px 30px 30px;}
	.range-intro-box h1 			{font-size: 160%; margin: 0 0 5px 0;}
	.range-intro-box p 				{font-size: 95%; margin: 0 0 20px 0;}
	.range-intro-box p.sml 			{font-size: 85%;}
	.range-intro-box ul 			{overflow: hidden;}
	.range-intro-box li 			{display: inline-block; vertical-align: middle; margin: 0 0 10px 0;}
	.range-intro-box li a 			{background: none; padding: 5px 15px 9px 12px;}
	.range-intro-box li a.quo 		{background: #2d4c80;}
	.range-intro-box li a:hover 	{background: #ff3600;}
	.range-intro-box li a span 		{font-size: 90%;}

	.range-intro-bullets 			{margin: 103px 0 0 0;}
	.range-intro-bullets li 		{min-height: 20px; font-size: 105%; padding: 0 0 2px 25px;}

	.range-intro-base-blue 			{height: 25px;}

	.range-grid 					{padding: 30px 30px 20px 30px;}

}

@media screen and (min-width: 1000px) {
		.range-photo 					{height: 350px;}
		.range-photo ul 				{height: 350px;}
		.range-photo ul li 				{height: 350px;}

		.range-intro-box 				{padding: 38px 35px 25px 35px;}
		.range-intro-box h1 			{font-size: 180%; margin: 0 0 7px 0;}
		.range-intro-box p 				{font-size: 100%; margin: 0 0 21px 0;}
		.range-intro-box p.sml 			{font-size: 90%;}
		.range-intro-box li a 			{padding: 5px 20px 9px 16px;}
		.range-intro-box li a span 		{font-size: 95%;}

		.range-home-intro100 			{padding: 0 25px; text-align: left;}
		.range-home-intro 				{padding: 25px 35px 30px 35px; width: 74%;}
		.range-home-intro h1 			{font-size: 160%;}
		.range-home-intro p 			{font-size: 95%; margin: 0 0 5px 0;}

}

@media screen and (min-width: 1085px) {
			.range-intro100 					{padding: 0;}
			.range-intro 						{max-width: 1200px; padding: 0 30px; margin: 0 auto;}

			.range-intro-box h1 				{font-size: 200%;}
			.range-intro-box p 					{font-size: 105%;}
			.range-intro-box li a span 			{font-size: 105%;}
			.range-intro-box li a 				{padding: 7px 20px 9px 13px;}
			.range-intro-box li a div.broch 	{background-position: -50px -196px; width: 42px; height: 66px;}
			.range-intro-box li a div.quote 	{background-position: -100px -200px; width: 54px; height: 66px;}

			.range-intro-bullets 				{margin: 106px 0 0 0;}
			.range-intro-bullets li 			{min-height: 24px; margin: 0 0 13px 0; font-size: 115%; padding: 2px 0 0 31px; background: 0 0 no-repeat url(../png/bullet-tick-square.png);}

			.range-intro-base 					{max-width: 1200px; padding: 0 30px; background: none; margin: 0 auto;}
			.range-intro-base-blue 				{height: 30px;}
			.range-intro-base-white 			{height: 30px; float: right; display: block; background: #fff; width: 42%;}

			.range-grid100 						{padding: 0;}
			.range-grid 						{max-width: 1200px; padding: 0 30px; background: none; margin: 0 auto; border: 0;}

			.range-prod-box 					{padding: 30px; background: #fff; border-bottom: 3px solid #d4d5d3;}

			.range-home-intro100 				{padding: 0 30px; max-width: 1200px; margin: 0 auto;}
			.range-home-intro 					{padding: 25px 35px 30px 35px; width: 73.75%;}
			.range-home-intro h1 				{font-size: 175%;}

			.range-home-grid100 				{padding: 28px 0 10px 0;}
			.range-home-grid 					{max-width: 1200px; padding: 0 30px; margin: 0 auto;}
}

@media screen and (min-width: 1180px) {
				.range-photo 					{height: 400px;}
				.range-photo ul 				{height: 400px;}
				.range-photo ul li 				{height: 400px;}

				.range-intro100 				{margin: -85px 0 0 0;}

				.range-intro-box 				{padding: 43px 40px 30px 40px;}
				.range-intro-box h1 			{font-size: 220%;}
				.range-intro-box p 				{font-size: 110%;}
				.range-intro-box li a span 		{font-size: 110%;}
				.range-intro-box li a 			{padding: 7px 22px 9px 15px;}

				.range-intro-bullets 			{margin: 120px 0 0 0;}
				.range-intro-bullets li 		{margin: 0 0 13px 0; font-size: 120%; padding: 1px 0 0 31px;}

}



/* CATEGORY PAGES */
.cat-main-top100 				{border-bottom: 4px solid #153872; margin: 0 0 25px 0;}
.cat-main-top 					{padding: 125px 25px 0 50px;}
.cat-title 						{border-left: 5px solid #153872; display: block; width: 95%; text-decoration: none; padding: 25px 55px 28px 35px; background: top left repeat-x url(../png/bg-home-banner.png)}
.cat-title h1 					{text-transform: uppercase; font-size: 135%; line-height: 105%; font-weight: 700; color: #fff; margin: 0 0 6px 0;}
.cat-title p					{color: #fff; font-size: 90%; line-height: 130%;}

.cat-paging100 					{padding: 0 50px;}
.cat-paging 					{overflow: hidden;}
.cat-paging ol 					{float: right;}

.cat-show-total 				{float: left; padding: 7px 15px 0 15px; background: #153872; height: 30px;}
.cat-show-total h2 				{line-height: 100%; font-weight: 400; color: #fff; font-size: 90%;}

ol.paging 						{list-style: none; overflow: hidden;}
ol.paging li 					{display: inline-block; vertical-align: top; font-size: 90%; text-align: center; height: 30px; margin: 0 0 0 3px;}
ol.paging li a 					{display: block; background: #c3c1ba; text-decoration: none; color: #fff; height: 30px; padding-top: 7px; width: 36px;}
ol.paging li a.on 				{background: #e3e1da; color: #9a9a9a;}
ol.paging li a:hover 			{background: #153872; color: #fff;}

.products-grid100 				{padding: 0 25px;}
.products-grid 					{overflow: hidden; background: #fff; padding: 25px 25px 15px 25px;}
.products-grid ol 				{float: none; text-align: right; background: #fff; margin-bottom: 10px;}

.brochures-grid100 				{clear: both; padding: 0 25px; background: bottom left repeat-x url(../png/bg-grid-base.png);}
.brochures-grid 				{overflow: hidden; padding: 25px; border-bottom: 3px solid #d4d5d3; background: #efeee9;
								background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRjZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
								background: -moz-linear-gradient(top, #efeee9 0%, #ffffff 80%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efeee9), color-stop(80%,#ffffff));
								background: -webkit-linear-gradient(top, #efeee9 0%,#ffffff 80%);
								background: -o-linear-gradient(top, #efeee9 0%,#ffffff 80%);
								background: -ms-linear-gradient(top, #efeee9 0%,#ffffff 80%);
								background: linear-gradient(to bottom, #efeee9 0%,#ffffff 80%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeee9', endColorstr='#ffffff',GradientType=0 );}
.brochures-grid > p 			{font-size: 90%; margin: 0 0 18px 0; display: inline-block; border-bottom: 2px dotted #dedede; padding: 0 0 10px 0;}
.brochures-grid h5 				{color: #ff3600; margin: 0; display: inline-block; border-top: 2px dotted #ececec; padding-top: 10px;}
.brochures-grid > ul 			{margin: 0 0 18px 0;}
.brochures-grid > ul li 		{display: inline-block; width: auto; margin: 0 3% 0 0;}
.brochures-grid > ul li:last-child {margin:0;}
.brochures-grid > ul li a 		{text-decoration: none; display: block;}
.brochures-grid > ul li a h6 	{color: #153872; font-size: 110%; line-height: 110%; margin: 0 0 2px 0;}
.brochures-grid > ul li a p 	{line-height: 100%; font-size: 100%;}
.brochures-grid > ul li a p.lin {color: #fff; font-size: 85%; display: inline-block; margin: 0 0 10px 4px; padding: 5px 26px 5px 8px; background: #153872 right center no-repeat url(../png/icon-download-arrow.png);
								-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.brochures-grid > ul li a p.min {color: #5e5d5a; font-size: 80%; padding-left: 2px; margin: 0 0 7px 1px;}
.brochures-grid > ul li a .pic 	{display: inline-block; vertical-align: middle; width: 80px; margin: 0 3px 0 0;}
.brochures-grid > ul li a .down {display: inline-block; vertical-align: middle; width: 120px;}
.brochures-grid > ul li a:hover p.lin 	{background-color: #ff3600;}


@media screen and (min-width: 920px) {
	.cat-main-top100 				{margin: 0 0 30px 0;}
	.cat-main-top 					{padding: 150px 25px 0 50px;}
	.cat-title 						{width: 90%; padding: 25px 55px 30px 35px;}
	.cat-title h1 					{font-size: 160%;}
	.cat-title p					{font-size: 100%;}

	.cat-paging100 					{padding: 0 55px;}

	.cat-show-total 				{padding: 9px 15px 0 15px; height: 33px;}
	.cat-show-total h2 				{font-size: 95%;}

	ol.paging li 					{font-size: 95%; height: 33px; margin: 0 0 0 3px;}
	ol.paging li a 					{height: 33px; padding-top: 9px; width: 39px;}

	.products-grid 					{padding: 30px 30px 20px 30px;}

	.brochures-grid 				{padding: 25px 30px 30px 30px;}
	.brochures-grid > ul li a h6 	{font-size: 120%;}
	.brochures-grid > ul li a p.lin {font-size: 90%; margin: 0 0 10px 4px; padding: 6px 28px 7px 9px;}
	.brochures-grid > ul li a p.min {font-size: 80%; margin: 0 0 7px 1px;}
	.brochures-grid > ul li a .pic 	{width: 90px;}
	.brochures-grid > ul li a .down {width: 140px;}

}

@media screen and (min-width: 1000px) {
		.cat-main-top 					{padding: 150px 30px 0 50px;}
		.cat-title 						{width: 88%;}
		.cat-title h1 					{font-size: 175%;}

		.brochures-grid > ul li a h6 	{font-size: 130%;}
		.brochures-grid > ul li a .pic 	{width: 90px;}
		.brochures-grid > ul li a .down {width: 150px;}

}

@media screen and (min-width: 1085px) {
			.cat-main-top100 				{margin: 0 0 35px 0;}
			.cat-main-top 					{padding: 175px 30px 0 60px; max-width: 1200px; margin: 0 auto;}
			.cat-title h1 					{font-size: 180%;}

			.cat-paging100 					{max-width: 1200px; padding: 0 63px 0 60px; margin: 0 auto;}

			.cat-show-total 				{padding: 8px 18px 0 18px; height: 34px;}
			.cat-show-total h2 				{font-size: 100%;}

			ol.paging li 					{font-size: 100%; height: 34px;}
			ol.paging li a 					{height: 34px; padding-top: 8px; width: 40px;}

			.products-grid100 				{padding: 0;}
			.products-grid 					{max-width: 1200px; padding: 0 30px; background: none; margin: 0 auto; border: 0;}
			.products-grid ol 				{margin: 0; padding: 0 30px 30px 0;}


			.cat-prod-box 					{padding: 30px 30px 20px 30px; background: #fff;}

			.brochures-grid100 				{padding: 0 30px; margin: 0 auto;}
			.brochures-grid 				{max-width: 1140px; margin: 0 auto;}			

}

@media screen and (min-width: 1180px) {
				.cat-main-top 					{padding: 225px 30px 0 60px;}
				.cat-title 						{width: 82%;}
				.cat-title h1 					{font-size: 190%;}

				.cat-prod-box 					{padding: 30px 30px 15px 30px;}

		.brochures-grid > ul li a h6 	{font-size: 150%;}
		.brochures-grid > ul li a .pic 	{width: 110px;}
		.brochures-grid > ul li a .down {width: 180px;}

}





/* STATIC PAGES */
.static-white100 				{padding: 22px 25px; margin: 5px 0 10px 0;}
.static-white-page 				{background: #fff;}
.static-white-page h1 			{text-transform: uppercase; font-size: 160%; line-height: 105%; font-weight: 700; color: #153872; margin: 0 0 6px 0;}
.static-white-page h3 			{text-transform: uppercase; font-size: 130%; line-height: 105%; font-weight: 700; color: #153872; margin: 0 0 2px 0;}
.static-white-page h3.static,
.static-white-page h4.static 	{padding-top: 10px;}
.static-white-page h4 			{font-size: 120%; line-height: 105%; font-weight: 700; color: #153872; margin: 0 0 3px 0;}
.static-white-page h5 			{font-size: 95%; line-height: 105%; font-weight: 400; color: #8a8a8a; margin: 0 0 14px 0;}
.static-white-page p 			{color: #5e5d5a; font-size: 95%; margin: 0 20px 20px 0;}
.static-white-page p.caption 	{font-size: 90%; font-weight: 700; color: #153872; margin: 0 0 35px 0; line-height: 120%;}

.static-white-page img.team 	{margin: 0 0 8px 0;}

.static-pad 					{padding: 22px 25px;}

.static-two-col 				{overflow: hidden; margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 2px solid #fafafa;}
.static-left 					{float: left; width: 45%; margin: 0 5% 0 0;}
.static-right 					{float: left; width: 45%;}

.static-services				{margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 2px solid #fafafa;}
.static-services > ul 			{padding: 10px 0 0 0;}
.static-services > ul li 		{overflow: hidden; margin: 0 0 25px 0;}
.static-services > ul li div.icon 	{float: left; width: 175px; height: 125px; margin: 0; background: center center no-repeat; background-size: cover;}
.static-services > ul li div.i1 	{background-image: url(../jpg/img-service1.jpg);}
.static-services > ul li div.i2 	{background-image: url(../jpg/img-service2.jpg);}
.static-services > ul li div.i3 	{background-image: url(../jpg/img-service3.jpg);}
.static-services > ul li div.i4 	{background-image: url(../jpg/img-service4.jpg);}
.static-services > ul li div.i5 	{background-image: url(../jpg/img-service5.jpg);}
.static-services > ul li div.i6 	{background-image: url(../jpg/img-service6.jpg);}
.static-services > ul li div.txt 	{margin-left: 195px; padding-top: 15px;}

.static-address 				{float: right; width: 240px; margin: 0 0 25px 25px; border-left: 5px solid #eee; padding: 0 0 0 30px;}
.static-address > p 			{font-size: 90% !important; line-height: 130%;}
.static-address > p b,
.static-address > p a 			{color: #153872; font-weight: 700;}
.static-address > p a:hover 	{color: #497abb;}

ul.roman 						{list-style-type: lower-roman; padding-top: 5px; margin: 0 0 25px 20px;}
ul.roman li 					{color: #5e5d5a; font-size: 95%; line-height: 140%; margin: 0 0 10px 0;}

ul.std 							{list-style: disc; margin: -10px 0 25px 35px;}
ul.std li 						{color: #5e5d5a; font-size: 95%; line-height: 140%; margin: 0 0 10px 0;}
ul.std li a 					{color: #153872;}
ul.std li a:hover 				{color: #497abb;}

#cookie-table 					{border: 0; text-align: left; margin: 0 0 20px 0;}
#cookie-table th,
#cookie-table td 				{font-size: 90%; padding: 8px 15px 10px 10px; border:1px solid #d4d4d4;}
#cookie-table th.no-mob,
#cookie-table td.no-mob 		{display: none;}
#cookie-table th 				{background: #e3e3e0; color: #143e64; font-weight:700;}
#cookie-table td 				{color: #5e5d5a; line-height: 130%;}
#cookie-table td a 				{color: #153872;}
#cookie-table td a:hover 		{color: #497abb;}

.news-white100 					{padding: 25px 25px 0 25px; margin: 20px 0 8px 0; overflow: hidden;}
.news-header 					{background: #153872; padding: 9px 25px 11px 25px;}
.news-header > p 				{color: #fff; text-transform: uppercase; font-weight: 700; line-height: 100%; margin: 0;}
.news-white-page 				{margin: 0;}

.news-story 					{background: #fff; padding: 25px 50px 40px 25px; border-bottom: 4px solid #e4e4e4; margin: 0 0 25px 0; overflow: hidden;}
.news-story h1, .news-story h2,
.news-story h3, .news-story h4,
.news-story h5, .news-story h6 	{line-height: 120%; font-weight: 700; color: #153872; margin: 0 0 6px 0; padding-top: 10px;}
.news-story h1 					{font-size: 180%; clear: both; border-bottom: 2px solid #eaeaea; display: block; margin: 0 0 18px 0; padding: 0 15px 6px 0;}
.news-story h1.special 			{color: #ff3600;}
.news-story h2 					{font-size: 130%;}
.news-story h3 					{font-size: 120%;}
.news-story h4 					{font-size: 110%;}
.news-story h5 					{font-size: 100%;}
.news-story p 					{color: #5e5d5a; font-size: 95%; margin: 0 0 20px 0;}
.news-story p strong 			{color: #4d4c4a;}
.news-story > ul				{list-style:disc; font-size: 95%; color:#7b7a76; padding:0 0 1.25em 25px; margin-left: 10px;}
.news-story > ol 				{font-size: 95%; color:#7b7a76; padding:0 0 1.25em 25px; margin-left: 10px;}
.news-story > ol li,
.news-story > ul li 			{color: #5e5d5a; margin:0 0 10px 0; padding:0; line-height: 140%;}
.news-story > ul li strong 		{color: #4d4c4a;}
.news-story > ul li a 			{color: #153872;}
.news-story > ul li a:hover 	{color: #497abb;}
.news-story table 				{margin-bottom:30px; margin-top:8px;}
.news-story table th,
.news-story table td 			{font-size:0.9em; padding: 6px 20px 6px 10px; text-align:left; border:1px solid #d4d4d4;}
.news-story table th 			{background: #e3e3e0; color: #143e64; font-weight:700;}
.news-story table td 			{color: #5e5d5a;}
.news-story table td a 			{color: #153872;}
.news-story table td a:hover 	{color: #497abb;}

.news-story div.img-plain 		{text-align:right; margin:0 0 25px 0; padding:8px 0 0 0;}
.news-story div.img-plain img 	{max-width:100%; margin:0 0 8px 0;}
.news-story div.img-plain p 	{font-size:0.8em; line-height:120%; color: #707577; margin:0; padding:6px 6px 0 0; border-top:2px solid #f2f2f2;}
.news-story div.img-float 		{text-align:right; margin: 10px 0 25px 25px; float: right; width: 50%; padding:5px; background:#fff; border:1px solid #cfcfcf; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.2);}
.news-story div.img-float img 	{max-width:100%; margin:0; padding:0;}
.news-story div.img-float p 	{font-size:0.8em; line-height:120%; color: #707577; margin:0; padding:7px 12px 3px 12px;}

#std-gallery 					{text-align:left; margin:0 0 30px 0; background:#fff; padding:0 0 30px 0;}
#std-gallery ul 				{padding:0;}

.news-videos 					{margin: 0 0 25px 0; text-align: right;}
.news-videos p 					{font-size: 85%; padding: 4px 0 0 0;}

.video-container 				{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed 			{position:absolute; top:0; left:0; width:100%; height:100%;}

.news-docs 						{border:1px solid #eee; background: #f7f7f3; display: inline-block; margin-bottom: 20px; padding: 20px 50px 20px 25px;}
.news-docs ul 					{list-style: none; margin: 0; padding: 0;}
.news-docs ul li 				{overflow: hidden; min-height: 30px; margin:0 0 12px 0; padding:0;}
.news-docs ul li:last-child 	{margin: 0 0 4px 0;}
.news-docs ul li a 				{line-height: 100%;}
.news-docs ul li a div 			{width:24px; height:30px; display: inline-block; vertical-align: middle; margin: 0 8px 0 0; background: -150px -50px no-repeat url(../png/sprite-icons.png);}
.news-docs ul li a span			{display: inline-block; vertical-align: middle; color: #153872; font-size: 100%; font-weight: 700; padding: 0; text-decoration: underline;}
.news-docs ul li a:hover span 	{color: #497abb;}

.news-data 						{overflow: hidden; padding-top: 15px; margin-top: 25px; border-top: 2px dotted #eee; clear: both;}
.news-data > ul 				{margin: 0; padding: 0;}
.news-data > ul li 				{display: inline-block; vertical-align: middle; color: #5e5d5a; padding: 0; margin: 0 18px 0 0; font-size: 90%; line-height: 100%;}
.news-data > ul li.cat 			{margin: 0 2px 0 0;}
.news-data > ul li b 			{color: #4d4c4a;}
.news-data > ul li a 			{display: inline-block; color: #5e5d5a;}
.news-data > ul li a:hover 		{color: #153872;}
.news-data > ul li.cat a 		{background: #e2e2e2; color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-decoration: none; padding: 7px 10px 7px 10px;}
.news-data > ul li.cat a:hover 	{background: #153872;}

.news-back-btn 					{display: inline-block; overflow: hidden; margin: 0 0 17px 0;}
.news-back-btn a 				{line-height: 100%; text-decoration: none;}
.news-back-btn a div 			{width: 23px; height: 22px; display: inline-block; vertical-align: middle; margin: 0 2px 0 0; background: -200px -50px no-repeat url(../png/sprite-icons.png);}
.news-back-btn a span 			{display: inline-block; vertical-align: middle; color: #153872; font-size: 85%; padding: 0; text-decoration: underline;}
.news-back-btn a:hover span 	{color: #497abb;}

#mailchimp-box,
#enquiry-box 					{border: 3px solid #bdbcb9; border-bottom: 3px solid #9d9c99; background: #f6f5f1; width: 580px; padding: 30px;}
.popup-box 						{padding: 17px 25px;}
.popup-box h6 					{font-size: 160%; border-bottom: 2px solid #e3e3e3; display: inline-block; margin: 0 0 22px 0; padding: 0 25px 5px 0; text-transform: uppercase;}
.popup-box p 					{margin: -12px 0 18px 0;}

.popup-box label 				{color: #5e5d5a; font-size: 90%; font-weight: 700; padding: 0 0 4px 7px; display: inline-block;}
.popup-box label span.req 		{color: #d90000;}
.popup-box input 				{border: 2px solid #d8d7d3; background: #fff; font-size: 110%; padding: 5px 8px; color: #3d3c3a; font-weight: 700; margin: 0; width: 100%;}
.popup-box checkbox 			{float: left;}
.popup-box input[type="submit"] 		{-webkit-appearance: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 20px; border: 0; color: #fff; width: auto; margin: 0;
										text-decoration: none; font-size: 90%; background: #153872; text-transform: uppercase; line-height: 110%; display: inline-block; font-weight: 700; padding: 13px 16px; }
.popup-box input[type="submit"]:hover 	{background: #32424a;}
.popup-box textarea 			{border: 2px solid #d8d7d3; background: #fff; height: 100px; font-size: 90%; padding: 5px 8px; color: #3d3c3a; font-weight: 700; width: 100%; margin: 0 0 12px 0;}

.dform_element  				{margin-bottom: 14px;}
.dfinput_names 					{overflow: hidden; margin-bottom: 12px;}
.dfinput_left 					{display: inline-block; width: 48%; margin: 0 2% 0 0;}
.dfinput_left label 			{font-style: italic; font-weight: 400; padding-top: 4px;}
.submit_button  				{margin-bottom: 4px;}
.mc-field-group 				{margin-bottom: 14px;}
.mce-responses 					{margin-bottom: 14px; color: #d90000; font-weight: 700;}

.dform_mailinglist > label 		{display: none;}
ul.checkboxes 					{margin: -10px 0 0 0; overflow: hidden;}
ul.checkboxes li 				{margin: 0 0 8px 0;}
ul.checkboxes li label 			{width: 100%; padding: 0;}
ul.checkboxes li label input 	{display: inline-block; width: auto; margin: 0 6px 0 0;}

#news-cats 						{padding: 10px 30px 0 30px; margin: 0 0 30px 0; overflow: hidden;}
#news-cats > div 				{}
#news-cats h6 					{}
#news-cats p 					{font-size: 90%; margin: 0 0 12px 0;}
#news-cats ul 					{margin: 0; padding: 0;}
#news-cats ul li 				{display: inline-block; vertical-align: middle; padding: 0; font-size: 90%; line-height: 100%; margin: 0 2px 0 0;}
#news-cats ul li a 				{background: #c6c6c6; display: inline-block; color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-decoration: none; padding: 7px 10px 7px 10px;}
#news-cats ul li a:hover 		{background: #153872;}



@media screen and (min-width: 920px) {
	.static-white100 				{padding: 22px 25px;}
	.static-white-page h1 			{font-size: 170%;}
	.static-white-page h3 			{font-size: 130%;}
	.static-white-page h4 			{font-size: 130%;}
	.static-white-page h5 			{font-size: 100%;}
	.static-white-page p 			{font-size: 100%;}
	.static-white-page p.caption 	{font-size: 95%; padding-right: 25px;}

	.static-pad 					{padding: 26px 50px 26px 30px; max-width: 950px;}

	.static-two-col 				{margin: 0 0 25px 0;}

	.static-services > ul li div.txt{padding-top: 18px;}

	.news-white100 					{max-width: 1186px; padding: 25px 25px 0 25px; margin: 20px auto 8px auto;}

	.news-header 					{margin: 0; width: 75%; display: inline-block; vertical-align: top; padding: 11px 25px 13px 25px;}
	.news-white-page 				{margin: 0 3% 0 0; width: 75%; display: inline-block; vertical-align: top;}

	.news-story 					{padding: 25px 50px 40px 25px; margin: 0 0 15px 0;}
	.news-story h1 					{font-size: 200%; padding: 0 20px 6px 0;}
	.news-story h2 					{font-size: 160%;}
	.news-story h3 					{font-size: 145%;}
	.news-story h4 					{font-size: 120%;}
	.news-story h5 					{font-size: 110%;}
	.news-story p 					{font-size: 100%;}
	.news-story > ul				{font-size: 100%; padding:0 0 1.25em 25px;}
	.news-story > ol 				{font-size: 100%; padding:0 0 1.25em 25px;}
	.news-story > ol li,
	.news-story > ul li 			{margin:0 0 10px 0;}

	.news-story table 				{margin-bottom: 35px; margin-top: 8px;}
	.news-story table th,
	.news-story table td 			{font-size: 1.0em; padding: 8px 20px 8px 10px;}

	.news-story div.img-plain 		{margin: 0 0 25px 0;}
	.news-story div.img-plain p 	{font-size: 0.85em; padding: 6px 6px 0 0;}
	.news-story div.img-float 		{width: 45%;}
	.news-story div.img-float p 	{font-size: 0.85em; padding: 7px 12px 3px 12px;}

	.news-videos p 					{font-size: 85%;}

	#std-gallery 					{margin:0 0 35px 0; text-align: left; padding: 0 0 30px 0;}
	#std-gallery ul 				{padding: 0; margin: 0;}

	#news-cats 						{width: 22%; display: inline-block; vertical-align: top; padding: 0; margin: 0 0 50px 0;}
	#news-cats p 					{margin: 0 0 15px 0;}
	#news-cats ul 					{margin: 0; padding: 0;}
	#news-cats ul li 				{margin: 0 8px 8px 0;}




}

@media screen and (min-width: 1000px) {
		.static-white100 				{margin: 5px 0 15px 0;}

		.static-pad 					{padding: 26px 75px 26px 30px;}

		.news-header 					{padding: 11px 30px 13px 30px;}

		.news-story 					{margin: 0 0 10px 0; padding: 25px 65px 40px 30px;}


}

@media screen and (min-width: 1085px) {
			.static-white100 				{margin: 10px 0 20px 0; padding: 25px 30px;}
			.static-white-page 				{max-width: 1140px; margin: 0 auto;}
			.static-white-page h1 			{font-size: 190%;}
			.static-white-page h3 			{font-size: 140%;}
			.static-white-page h4 			{font-size: 140%;}
			.static-white-page h5 			{font-size: 105%;}
			.static-white-page p 			{font-size: 105%;}

			.static-services > ul li 		{margin: 0 0 30px 0;}
			.static-services > ul li div.txt {padding-top: 15px;}

			.news-story p 					{font-size: 105%; margin: 0 0 24px 0;}
			.news-story > ul				{font-size: 105%;}
			.news-story > ol 				{font-size: 105%;}
			.news-story > ol li,
			.news-story > ul li 			{margin:0 0 12px 0;}

			.news-story table th,
			.news-story table td 			{font-size: 1.05em; padding: 9px 22px 9px 12px;}

			.news-videos p 					{font-size: 85%;}

			.news-videos p 					{font-size: 85%;}
}

@media screen and (min-width: 1180px) {
				.static-pad 					{padding: 35px 40px 40px 40px;}
}







/* == TERMS PAGES == */



#terms-doc {
	max-width: 960px;
	padding: 15px 0 0 0;
	margin-right: auto;
}

#terms-doc h2 {
	color: #153872;
	margin: 40px 0 5px 0;
	font-size: 180%;
}

#terms-doc h3 {
	color: #3d3c3a; 
	font-size: 140%; 
	line-height: 100%; 
	margin: 35px 0 10px 0;
	text-transform: none;
}

#terms-doc p {
	font-size: 110%;
	color: #5e5d5a;
	margin: 0 0 25px 0;
	max-width: none !important;
}

#terms-doc > ul,
#terms-doc > ol {
	padding: 0;
	margin: 0 0 30px 20px !important;
}

#terms-doc > ol.terms,
#terms-doc > ol.terms ol {
	counter-reset: item;
}

#terms-doc > ol.terms li {
	display: block;
	font-size: 110%;
}

#terms-doc > ol.terms > li {
	margin-bottom: 30px !important;
}

#terms-doc > ol.terms li strong {
	font-weight: 700;
	font-size: 120%;
}

#terms-doc > ol.terms > li:before,
#terms-doc > ol.terms > li > ol > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

#terms-doc > ol.terms ol {
	padding-top: 0;
}

#terms-doc > ol.terms li li {
	margin-left: 20px;
	font-size: 100%;
}

#terms-doc > ol.terms > li > ol > li > ul {
	padding: 0 0 2px 5px !important;
}

#terms-doc > ol.terms ol li ul li {
	padding-left: 14px;
	background: 0px 10px no-repeat url(../bullet-circle-red.html);
	background-size: 5px 5px;
}

#terms-doc ul {
	list-style: disc;
}

#terms-doc ul ul {
	list-style: circle;
	margin: 0 0 0 20px;
	padding: 0;
}

#terms-doc li {
	margin: 0 0 14px 0;
	color: #5e5d5a;
	line-height: 150%;
	font-size: 110%;
}

#terms-doc li strong,
#terms-doc a strong,
#terms-doc p strong {
	color: #4d4c4a;
}

#terms-doc li a,
#terms-doc p a,
#terms-doc span a {
	color: #4e4d4a;
	text-decoration: underline;
}

#terms-doc li a:hover,
#terms-doc p a:hover,
#terms-doc span a:hover {
	color: #153872;
}

#terms-doc table {
	margin: 0 0 30px 0;
	border-collapse: collapse;
} 

#terms-doc th,
#terms-doc td {
	font-size: 100%;
	color: #5e5d5a;
	border-bottom: 1px solid #ededed;
	line-height: 100%;
	text-align: left;
	padding: 15px 20px 15px 0px;
}

#terms-doc th {
	color: #4e4d4a;
	font-weight: 700; 
}