/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline:none;
}
html, body {
	color:#333
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
	display: block;
}
a:link, a:visited {
	text-decoration:none;
	-webkit-transition:color 0.5s;  
	-moz-transition:color 0.5s;  
	-o-transition:color 0.5s;  
	transition:color 0.5s; 
}
a:hover, a:hover h2 {
	color:#00ABFF !important;
	-webkit-transition:color 0.5s;  
	-moz-transition:color 0.5s;  
	-o-transition:color 0.5s;  
	transition:color 0.5s;  
}
b, strong {
	/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}
img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
	-ms-interpolation-mode: bicubic;
}
ul {
	margin:0	
}
li {
	/*
  For IE6 + IE7.
*/
	position:relative;
	list-style:none;
	display: list-item;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td, caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
sub, sup, small {
	font-size: 75%;
}
sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
svg {
	/*
  For IE9.
*/
	overflow: hidden;
}
.hidetext {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.break {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.ellipsis {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis; /* Required for IE8 */
	-o-text-overflow: ellipsis; /* Required for Opera */
	text-overflow: ellipsis;
}
.hide {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

/* Fonts
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size:36px;
	line-height:40px
}

h1.bold, h1.semi {
	font-size:28px
}

h1.bold {
	font-weight:700
}

h1.semi {
	font-weight:100;
	line-height:32px
}

h1.light {
	font-weight:100	
}

h1.setheight70 {
	display:block;
	min-height:70px;
	*height:70px
}

h2 {
	font-size:24px
}

h3 {
	font-size:18px
}

h1, h2, h3 {
	font-family:"Roboto", Tahoma, Geneva, sans-serif;
	font-weight:300;
	color:#333
}

h1 b, h2 b, h3 b {
	font-weight:700	
}

h1.white, h2.white {
	color:#fff
}

h2.light {
	font-weight:100 !important;
	font-size:21px	!important;
	line-height:25px !important
}

h3.carrois {
	font-family:"Carrois Gothic SC", "Trebuchet MS", Arial, Helvetica, sans-serif	
}

h3.varela {
	font-family: 'Varela Round', Arial, Helvetica, sans-serif	
}

p {
	line-height:20px;
	margin-bottom:20px
}

p a {
	color:#00ABFF
}


/* Main Layout
----------------------------------------------------------------------------------------------------*/

body {
	font-family:"Istok Web", Tahoma, Geneva, sans-serif;
	font-size:14px;
	background-color:#f2f2f2
}

.container {
	position:relative;
	width:100%
}

.header-white, .header-grey {
	position:absolute;
	top:0;
	z-index:9000
}

.header-white {
	border-top:5px solid #4D4D4D;
}

.header-white .bg-white {
	background-color:#FFF	
}

.header-grey {
	border-top:4px solid #1a1a1a
}

#header, #hidden-subnav, #pre-content, #content, #footer, #footer-copyright {
	position:relative;
	width:940px;
	margin:0 auto;
	clear:both
}

#header {
	padding-bottom:35px	
}

.content-bg {
	background:#fff url(../images/bg-content.png) repeat-x	!important
}

.content-shadow {
	background:#f2f2f2 url(../images/bg-content-shadow.jpg) repeat-x !important
}

.content-shadow-whitebg {
	background:#fff url(../images/bg-content-shadow-nobg.png) repeat-x !important
}

#pre-content {
	padding:20px 0 0
}

#content {
	padding:20px 0 30px
}

.content-shadow #content {
	padding:60px 0 30px	
}

.header-gap {
	margin-top:140px	
}

.footer {
	padding:30px 0
}

#footer-copyright {
	padding:25px 0	
}

/* Header
----------------------------------------------------------------------------------------------------*/

#header-shadow {
	height:5px;
	background:url(../images/header-shadow.png) repeat-x	
}

#header-subnav, .products, .products-brand {
	position:relative
}

#header-subnav, .products {
	clear:both;
	float:right
}

.products-brand {
	float:left;
	margin-left:120px	
}

#header-subnav {
	width:auto
}

div.down-arrow-blue, div.down-arrow-yellow {
	display:block;
	width:19px;
	height:11px;
	margin:0 350px 15px
}

#hidden-subnav .products-submenu div.down-arrow-yellow {
	margin:15px 55px
}

div.down-arrow-blue {
	background:url(../images/sprite-set-1.png) -55px -137px no-repeat
}

div.down-arrow-yellow {
	background:url(../images/sprite-set-1.png) -35px -137px no-repeat
}

.products div.down-arrow-yellow {
	float:right
}

.products-brand div.down-arrow-yellow {
	float:left;
	margin:14px 10px 15px
}

#header #header-subnav ul.blue-arrow-list {
	padding:20px;
	margin-right:10px
}


/* White Header Style */

#header a#logo {
	position:relative;
	display:block;
	overflow:hidden
}

#header ul#header-nav-top {
	font-family:"Roboto", Tahoma, Geneva, sans-serif;
	font-weight:700	
}

#header ul#header-nav-top li {
	float:left	
}

#header ul#header-nav-top li a {
	display:block;
	color:#4d4d4d;
	padding:0 18px;
	border-right:1px solid #4d4d4d	
}

#header ul#header-nav-top li.last a {
	padding-right:0;
	border:none !important
}

#header ul#header-nav-main {
	margin-top:26px
}

#header ul#header-nav-main li {
	float:left;
	margin-left:25px
}

#header ul#header-nav-main li a {
	position:relative;
	display:block;
	padding-left:38px;
	font-size:24px
}

#header ul#header-nav-main li a span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:31px;
	height:27px;
	background:url(../images/sprite-set-1.png) no-repeat	
}

#header ul#header-nav-main li a span.product {
	background-position:0 0
}

#header ul#header-nav-main li a:hover span.product {
	background-position:0 -30px
}

#header ul#header-nav-main li a span.customer-service {
	background-position:-39px 0	
}

#header ul#header-nav-main li a:hover span.customer-service {
	background-position:-39px -30px	
}

#header ul#header-nav-main li a span.showroom {
	background-position:-75px 0;
	left:5px
}

#header ul#header-nav-main li a:hover span.showroom {
	background-position:-75px -30px
}

#header ul#header-nav-main li a.active h2 {
	color:#00ABFF
}

#header ul#header-nav-main li a.active span.product {
	background-position:0 -30px !important
}

#header ul.blue-arrow-list li, #header ul.blue-arrow-list li a {
	color:#333
}

#header #header-subnav ul.blue-arrow-list {
	border-radius:5px	
}

#header #header-subnav ul.blue-arrow-list:hover {
	background-color:#f2f2f2
}

/* Grey Header Style */

.header-grey #header a#logo div {
	position:absolute;
	display:block;
	top:0;
	right:0;
	width:209px;
	height:100px;
	background-color:#333
}

.header-grey #header ul#header-nav-top li a {
	color:#fff;
	border-right:1px solid #fff
}

.header-grey #header ul#header-nav-main  li h2 {
	color:#fff	
}

.header-grey #header ul#header-nav-main li a span.product {
	background-position:0 -60px
}

.header-grey #header ul#header-nav-main li a:hover span.product {
	background-position:0 -30px
}

.header-grey #header ul#header-nav-main li a span.customer-service {
	background-position:-39px -60px	
}

.header-grey #header ul#header-nav-main li a:hover span.customer-service {
	background-position:-39px -30px	
}

.header-grey #header ul#header-nav-main li a span.showroom {
	background-position:-75px -60px;
	left:5px
}

.header-grey #header ul#header-nav-main li a:hover span.showroom {
	background-position:-75px -30px
}

.header-grey #header #header-subnav ul.blue-arrow-list {
	padding:0 20px	
}

.header-grey #header ul.blue-arrow-list li, .header-grey #header ul.blue-arrow-list li a {
	color:#fff
}

.header-grey  #header #header-subnav ul.blue-arrow-list:hover {
	background-color:transparent
}

#fixed-nav {
	position:fixed;
	display:none;
	top:0;	
	z-index:9999
}

ul.sub-nav-popup {
	display:none	
}

/* Content
----------------------------------------------------------------------------------------------------*/

img#loader-img {
	position:absolute;
	left:50%;
	top:50%;
	width:32px;
	height:32px;
	margin-top:-16px;
	margin-left:-16px	
}

/**** Filter Buttons ****/

#filter-nav {
	display:block;
	clear:both	
}

a.filter-btn {
	display:block;
	background-color:#333;
	float:left;
	padding:5px 15px;
	margin:0 10px 20px 0;
	color:#fff;
	border-radius:5px	
}

a.filter-btn:hover {
	background-color:#4d4d4d;
	color:#fff !important
}

/**** Legend CSS ****/

ul#legend {
	padding-bottom:40px
}

ul#legend li {
	float:left
}

ul#legend li a {
	color:#4d4d4d;
	font-family:"Roboto", Tahoma, Geneva, sans-serif;
	font-weight:300;
	font-size:14px	
}

ul#legend li span {
	display:block;
	float:left;
	margin:7px 10px 0;
	width:6px;
	height:8px;
	background:url(../images/sprite-set-1.png) -25px -148px no-repeat	
}

ul#legend li.last a {
	padding:0
}

/**** Inner Content Wrapper ****/

div.bordered-content-wrapper {
	padding:35px 20px 40px 30px;
	border:1px solid #e6e6e6;
	margin-bottom:40px	
}

div.bordered-content-wrapper div#product-info {
	position:relative;
	width:670px;
	float:left;
	margin-bottom:20px
}

div.bordered-content-wrapper div#product-info div#product-img {
	display:block;
	width:260px;
	height:260px;
	float:left;
	margin-right:50px;
	margin-bottom:18px;
	overflow:hidden
}

div.bordered-content-wrapper div#product-info div#product-spec {
	width:360px;
	float:left
}

div.bordered-content-wrapper div#social-info {
	position:relative;
	width:170px;
	padding:20px 15px 100px;
	float:right;
	background-color:#f2f2f2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px
}

div.bordered-content-wrapper div#social-info a.enquire {
	position:relative;
	display:block;
	font-family:"Roboto", Tahoma, Geneva, sans-serif;
	font-weight:300;
	font-size:16px;
	color:#333;
	padding-left:25px;
	padding-bottom:10px;
	border-bottom:1px dotted #333
}

div.bordered-content-wrapper div#social-info a.enquire span {
	position:absolute;
	display:block;
	width:18px;
	height:13px;
	top:5px;
	left:0;
	background:url(../images/sprite-set-1.png) -5px -170px no-repeat	
}

div.bordered-content-wrapper div#social-info a.enquire:hover span {
	background-position:-24px -170px	
}

/**** Content Tabs CSS ****/


#btn-tab-wrapper {
	position:relative;
	display:block;
	width:100%;
	height:43px;
	border-bottom:1px solid #e6e6e6
}

#btn-tab-wrapper a.link-tab {
	display:block;
	float:left;
	padding: 15px 20px 10px;
	margin-right:5px;
	color:#333;
	font-family:"Carrois Gothic SC", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	border:1px solid #e6e6e6;
	border-bottom:none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#btn-tab-wrapper a.active-tab {
	color:#00ABFF;
	border-bottom:1px solid #fff
}

#tabbed-content {
	position:relative;
	display:block;
	height:auto;
	padding:25px 5px 0;
}

#tabbed-content .tabbed-list-content {
	display:none;
	min-height:150px;
	*height:150px	
}

/* About Us Page Specifics */

.about-us {
	background:url(../images/bg-about-us.jpg) center top no-repeat
}


/* Home Awards Carousel
----------------------------------------------------------------------------------------------------*/

.jcarousel-skin-custom .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-custom .jcarousel-container-horizontal {
	width: 300px;
	height:200px;
	margin-top:10px;
	padding: 0
}

.jcarousel-skin-custom .jcarousel-clip {
	overflow: hidden;
	margin-left:0;
}

.jcarousel-skin-custom .jcarousel-clip-horizontal {
	position:relative;
	width:  300px;
	height: 200px;
	text-align:center
}

.jcarousel-skin-custom .jcarousel-clip-horizontal img {
	display:inline-block;
	margin-bottom:15px
}

.jcarousel-skin-custom .jcarousel-clip-horizontal p {
	display:inline-block;
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:15px
}

.jcarousel-skin-custom .jcarousel-item {
	width: 140px;
	height: 200px
}

.jcarousel-skin-custom .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 10px;
}

.jcarousel-skin-custom .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
	margin-right: 0;
}

.jcarousel-skin-custom .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-custom .jcarousel-next-horizontal, .jcarousel-skin-custom .jcarousel-prev-horizontal {
	display:none !important
}
 
 
.jcarousel-skin-custom .jcarousel-next-horizontal {
	position: absolute;
	top: 12px;
	right: 5px;
	width: 24px;
	height: 35px;
	cursor: pointer;
	background: transparent url(../images/slider-arrows-small.png) bottom right no-repeat;
}

.jcarousel-skin-custom .jcarousel-next-horizontal:hover,
.jcarousel-skin-custom .jcarousel-next-horizontal:focus {
	background-position: bottom right;
}

.jcarousel-skin-custom .jcarousel-next-horizontal:active {
	background-position: bottom right;
}

.jcarousel-skin-custom .jcarousel-next-disabled-horizontal,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: top right;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal {
	position: absolute;
	top: 12px;
	left: 5px;
	width: 24px;
	height: 35px;
	cursor: pointer;
	background: transparent url(../images/slider-arrows-small.png) bottom left no-repeat;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-custom .jcarousel-prev-horizontal:focus {
	background-position: bottom left;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal:active {
	background-position: bottom left;
}

.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: top left;
}

/* Enquiry Form
----------------------------------------------------------------------------------------------------*/

.contact-us {
	background:url(../images/bg-contact-us.png) top right no-repeat	
}

div.form-wrapper {
	position:relative;
	display:block;
	padding:0px
}

#enquiryform .container {
	position:relative;
	width:50%;
	padding-bottom:10px
}

#enquiryform fieldset, #enquiryform .max-width {
	width:100%
}

.product-enquiry .max-width {
	clear:both
}

#enquiryform label {
	display:block;
	height:30px;
	line-height:34px;
	font-family: "Roboto",Tahoma,Geneva,sans-serif
}

.product-enquiry  {
	margin-top:10px	
}

.product-enquiry label {
	display:block;
	width:90px;
	float:left
}

.product-enquiry span {
	display:block;
	height:30px;
	line-height:34px;
	padding:0 2px;
	margin-right:5px;
	float:left	
}

#enquiryform input {
	width:320px;
	height:28px;
	font-family: "Roboto",Tahoma,Geneva,sans-serif;
	font-size:14px;
	padding:0 5px;
	line-height:25px;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	background:#fff url(../images/bg-form-fields.png) repeat-x
}

.product-enquiry input {
	width:322px !important	
}

.product-enquiry input[text] {
	width:300px !important;
	float:left	
}

#enquiryform select {
	width:333px;
	height:30px;
	padding:5px;
	font-family: "Roboto",Tahoma,Geneva,sans-serif;
	font-size:14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	background:#fff url(../images/bg-form-fields.png) repeat-x
}

#enquiryform textarea {
	width:324px;
	height:90px;
	padding:7px 0 0 7px;
	font-family: "Roboto",Tahoma,Geneva,sans-serif;
	font-size:14px;
	float:left;
	resize:none;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	background:#fff url(../images/bg-form-fields.png) repeat-x
}

.product-enquiry textarea {
	width:325px !important
}

#enquiryform .shortfield {
	float:left	
}

#enquiryform div#spamtrap {
	visibility:hidden
}
#enquiryform #scaptcha-label {
	margin-right:0;
	width:auto
}
.product-enquiry #scaptcha-label, .product-enquiry #scaptcha, .product-enquiry #scaptcha_img, .product-enquiry #send-btn {
	margin-left:105px !important	
}
#enquiryform .container-error-all {
	position:relative;
	display:block;
	height:auto !Important;
	margin-bottom:10px
}
.product-enquiry .container-error-all {
	margin-bottom:0 !Important
}
#enquiryform .container-error-all span {
	height:auto !important	
}
#enquiryform .error {
	float:left;
}
#enquiryform .error, #enquiryform .error-all {
	font-size: 11px;
	color: #f00;
}
#enquiryform .error-all {
	padding:0;
	line-height:15px;
	margin:0
}
#enquiryform .error {
	position:absolute;
	top:-10px;
	right:0px;
	margin:0;
	padding:0;
	z-index:999999
}
.product-enquiry .error {
	top:-35px !important	
}
.product-enquiry #enquiryform_scaptcha_errorloc {
	top:-6px !important	
}
#enquiryform .error div {
	height:25px;
	margin:0;
	padding:0	
}
#enquiryform .error div img {
	position:absolute;
	display:block;
	width:18px;
	height:12px;
	bottom:-14px;
	right:120px;
	z-index:100
}
.product-enquiry .error div img {
	bottom:-9px !important	
}
#enquiryform .error div span {
	display:block;
	font-weight:normal;
	color:#fff;
	background-color:#f00;
	height:25px;
	line-height:25px;
	padding:0 10px;
	margin:0;
	border:2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	box-shadow: 0px 0px 4px 0px #808080;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#808080')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#808080');	
}
#enquiryform .divided label {
	font-size:14px;
	color:#4d4d4d	
}

#enquiryform fieldset#antispam {
	padding:2px;
	border-top:1px solid #EEE;
	border-left:0;
	border-right:0;
	border-bottom:0;
	width:350px;
}
#enquiryform fieldset#antispam legend {
	font-size: 0.8em;
	font-weight:bold;
	color:#333;
}
#enquiryform .short_explanation {
	display:block;
	float:none;
	clear:both;
	padding-top:5px;
	margin:0 0 30px;
	font-size: 12px;
	color:#4d4d4d;
}
.product-enquiry .short_explanation {
	padding-left:105px !important;
	margin-bottom:10px !important
}
.product-enquiry .short_explanation a {
	display:block	
}
#enquiryform .short_explanation a {
	color:#29ABE2
}

#enquiryform .button {
	color:#fff;
	float:left;
	font-weight:bold;
	margin-right:10px;
	padding:0 18px;
	width:auto;
	height:35px;
	line-height:25px;
	background:none;
	background-color:#00ABFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	border:none;
	cursor:pointer
}

.product-enquiry .button {
	font-size:14px !important;
	width:auto !important
}

.product-enquiry #send-btn {
	margin-right:16px	
}

.product-enquiry #reset-btn {
	margin-right:0	
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/

#enquiryform .spmhidip {
	display:none;
	width:10px;
	height:3px;
}
#fg_crdiv {
	font-size: 0.3em;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);
}
#fg_crdiv p {
	display:none;
}

#enquiryform .container .shortfield {
	width:200px !important;
}

#fg_formContainer {
	height:auto !important;
	min-height:200px;
	width:440px;
	background:#FFFFFF;
	padding:15px 30px 30px;
	position:absolute;
	z-index:999;
	cursor:default;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
	display:none;
	z-index:10001
}

#fg_container_header {
	position:relative;
	display:block;
	clear:both;
	margin-bottom:5px;
	background:#fff;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-top-right-radius: 5px;  
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-top-left-radius: 5px;	
}

#fg_container_header a {
	color:#fff;
	font-family:Verdana,Arial;
	font-size:10pt;
	font-weight:bold;
}

#fg_box_Title {
	float:left;	
}

#fg_box_Title h3 b {
	color:#00ABFF;
}

#fg_box_Close {
	position:absolute;
	top:0px;
	right:-15px;
	width:19px;
	height:19px
}

#fg_box_Close a#nav-close {
	display:block !important
}

#fg_form_InnerContainer {
	margin:0
}

#fg_form_InnerContainer h2 {
	font-family : Arial, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color:#333;	 
}

#fg_form_InnerContainer p {
	font-family : Arial, sans-serif;
	font-size: 12pt;
	color:#333;
}

#fg_backgroundpopup {
	position: fixed; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0;
	background:#000000;
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
	border:1px solid #000;
	z-index:1;
	display:none;
	z-index:10000
}

#fg_submit_success_message {
	display:none;
	padding:15px;
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip {
	display:none;
	width:10px;
	height:3px;
}
#fg_crdiv {
	font-family : Arial, sans-serif;
	font-size: 0.3em;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);	
}
#fg_crdiv p {
	display:none;
}

/* Enquiry Form Popup
----------------------------------------------------------------------------------------------------*/

#enquiry-form-popup {
	display: none
}

.nyroModalCont h3 {
	color:#00ABFF	
}

/* Google Maps
----------------------------------------------------------------------------------------------------*/

#map-wrapper {
	position:relative;
	height:640px;
	padding-bottom:1px;
	border-bottom:1px solid #fff
}

#map-canvas {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 640px;
	border-top:1px solid #e6e6e6
}

#map-canvas div span {
	display:block;
	line-height:18px
}

#map-canvas div span.heading {
	font-size:12px;
	font-weight:bold
}

#map-canvas div span.content {
	color:#808080;
	font-size:11px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #e6e6e6
}

#map-canvas div span.header, #map-canvas div span.content {
	display:block;
	width:250px
}

#map-canvas a.directions {
	float:right;
	text-decoration:none;
	color:#808080	
}

#map-nav a.directions {
	display:none
}

#map-nav-position {
	position:relative;
	top:0;
	margin:0 auto;
	height:1px;
	width:940px;
	overflow:visible
}

#map-nav-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:220px;
	height:641px;
	padding:0 15px 0;
	background-color:#FFF
}

#map-nav {
	position:relative;
	margin:10% 0 0;
	height:92%;
	overflow-y:scroll
}

#map-nav a {
	display:block;
	text-decoration:none;
	padding:15px 0;
	background:url(../images/blue-marker.png) no-repeat 0 18px;
	border-bottom:1px solid #e6e6e6	
}

#map-nav a span {
	display:block;
	padding:0 30px
}

#map-nav a span.heading {
	color:#4d4d4d;
	font-weight:bold;
	line-height: 14px;
	padding-bottom: 5px
}

#map-nav a span.content {
	font-size:11px;
	color:#808080;
	line-height: 14px;
}

#map-nav a:hover span {
	color:#f00
}

/* List Styles
----------------------------------------------------------------------------------------------------*/

/**** Main Page Image Box ****/

ul#image-box, ul#image-box-arranged {
	margin-top:10px;
	position:relative;
	width:100%;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear
}

ul#image-box li, ul#image-box-arranged li {
	position:relative;
	display:inline-block;
	*display:inline;
	float:left;
	margin:0 20px 20px 0;
	vertical-align:top;
	height:auto;
	zoom:1
}

ul#image-box li > a, ul#image-box-arranged li > a {
	display:block	
}

ul#image-box li img, ul#image-box-arranged li img {
	width:100%
}

ul#image-box li h3, ul#image-box-arranged li h3 {
	background-color:#fff;
	display:block;
	width:100%;
	height:52px;
	font-size:21px;
	overflow:hidden;
	margin-bottom:20px
}

ul#image-box li div.image-box-content, ul#image-box-arranged li div.image-box-content {
	border:1px solid transparent;
	-webkit-transition:border 0.5s;  
	-moz-transition:border 0.5s;  
	-o-transition:border 0.5s;  
	transition:border 0.5s
}

ul#image-box li.one-third div.image-box-content, ul#image-box-arranged li.one-third div.image-box-content {
	width:86%;
	height:86%
}

ul#image-box li.two-third div.image-box-content, ul#image-box-arranged li.two-third div.image-box-content {
	width:93.4%;
	height:86%
}

ul#image-box li.three-third div.image-box-content, ul#image-box-arranged li.three-third div.image-box-content {
	width:95.6%;
	height:86%
}

ul#image-box li div.image-box-content, ul#image-box-arranged li div.image-box-content {
	position:absolute;
	top:0;
	left:0;
	padding:20px;
	z-index:10
}

ul#image-box li:hover div.image-box-content, ul#image-box-arranged li:hover div.image-box-content {
	border:1px solid #00ABFF;
	-webkit-transition:border 0.5s;  
	-moz-transition:border 0.5s;  
	-o-transition:border 0.5s;  
	transition:border 0.5s
}

ul#image-box li div.image-box-content h2, ul#image-box-arranged li div.image-box-content h2 {
	font-size:27px;
	font-weight:400;
	margin-bottom:2px;
	color:#333
}

ul#image-box li div.image-box-content h2 span, ul#image-box-arranged li div.image-box-content h2 span {
	font-weight:100
}

ul#image-box li .grey h2, ul#image-box li .grey h2, ul#image-box-arranged li .grey h2, ul#image-box li .white h2, ul#image-box li .white h2, ul#image-box-arranged li .white h2 {
	line-height:30px
}

ul#image-box li .grey, ul#image-box li .grey h2, ul#image-box li .grey h2, ul#image-box-arranged li .grey, ul#image-box-arranged li .grey h2, ul#image-box li .grey a:hover h2 {
	color:#333 !important
}

ul#image-box li .white, ul#image-box li .white h2, ul#image-box li .white h2, ul#image-box-arranged li .white, ul#image-box-arranged li .white h2, ul#image-box-arranged li a:hover h2.white {
	color:#fff !important
}

ul#image-box li div.image-box-content p, ul#image-box-arranged li div.image-box-content p {
	font-family: 'Varela Round', Arial, Helvetica, sans-serif;
	margin-bottom:4px
}

ul#image-box li div.image-box-content p.alert, ul#image-box-arranged li div.image-box-content p.alert {
	color:#EC1C24;
	font-weight:bold
}

ul#image-box .one-third, ul#image-box-arranged .one-third {
	width:300px
}

ul#image-box .two-third, ul#image-box-arranged .two-third {
	width:620px
}

ul#image-box .three-third, ul#image-box-arranged .three-third {
	width:940px
}

ul#image-box .break-list, ul#image-box-arranged .break-list {
	position:relative;
	display:inline-block;
	width:100%;
	height:1px;
	font-size: 0;
	line-height: 0;
	clear:both;
	float:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	margin-bottom:0
}


/**** Blue Arrow List ****/

ul.blue-arrow-list, ul.blue-arrow-list-side-popup {
	float:left;
	margin-right:25px
}

ul.blue-arrow-list li, ul.blue-arrow-list-side-popup li {
	margin-bottom:5px
}

ul.blue-arrow-list li.header {
	font-family:"Roboto", Tahoma, Geneva, sans-serif;
	font-size:18px;
	line-height:18px;
	margin-bottom:10px
}

ul.blue-arrow-list li span, ul.blue-arrow-list-side-popup li span {
	position:absolute;
	top:3px;
	left:0;
	display:block;
	float:left;
	width:6px;
	height:8px;
	background:url(../images/sprite-set-1.png) -25px -138px no-repeat
}

ul.blue-arrow-list li a, ul.blue-arrow-list-side-popup li a {
	display:block;
	padding-left:10px;
	font-family:"Istok Web", Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:15px
}

ul.blue-arrow-list li, ul.blue-arrow-list li a, ul.blue-arrow-list-side-popup li, ul.blue-arrow-list-side-popup li a {
	color:#fff
}

ul.last-ul {
	margin-right:0 !important	
}

/**** Blue Arrow List with Side Popup ****/

ul.blue-arrow-list-side-popup li.main  {
	height:15px	
}

ul.blue-arrow-list-side-popup li.main span {
	float:left	
}

ul.blue-arrow-list-side-popup li.main a.main {
	position:relative;
	float:left;
	min-width:100px;
	*width:100px;
	height:20px	
}

/**** Boxed Arrow List ****/

ul.box-arrow-list li {
	padding-left:20px;
	margin-bottom:8px;
	line-height:18px
}

ul.box-arrow-list li span {
	position:absolute;
	display:block;
	top:2px;
	left:0;
	width:13px;
	height:12px;
	background:url(../images/sprite-set-1.png) -47px -151px no-repeat
}

/**** Divided Four List & Divided Five list ****/

ul.divided-four, ul.divided-five {
	width:940px;
	margin:0 auto;
	text-align:justify
}

ul.divided-four li, ul.divided-five li {
	position:relative;
	display:inline-block;
	*display:inline;
	margin-bottom:20px;
	vertical-align:top;
	zoom:1
}

ul.divided-four li {
	width:218px
}

ul.divided-five li {
	width:180px;
	text-align:center
}

ul.divided-five li img {
	margin-bottom:20px	
}

ul.divided-five li p {
	font-size:12px;
	line-height:15px	
}

ul.divided-four li div.icon {
	display:inline-block;
	width:62px;
	height:62px;
	background:url(../images/icon-owsi.png) no-repeat
}

ul.divided-four li a {
	display:block;
	padding-bottom:20px	
}

ul.divided-four li a img {
	margin-top:4px;
	margin-bottom:10px;
}

ul.divided-four li a.img-switch {
	padding:0	
}

ul.divided-four li a.img-switch img {
	margin:0
}

ul.divided-four li a p {
	color:#333
}

ul.divided-four li div.outlook {
	background-position:-130px 0
}

ul.divided-four li div.warranty {
	background-position:0 0
}

ul.divided-four li div.service {
	background-position:-65px 0
}

ul.divided-four li div.installation {
	background-position:-195px 0
}

ul.divided-four li.last, ul.divided-five li.last {
	clear:both;
	float:none;
	width:100%;
	height:1px;
	font-size: 0;
	line-height: 0;
	zoom:1
}

ul.divided-four li h3, ul.divided-four li p {
	display:block;
	overflow:hidden
}

ul.divided-four li h3 {
	height:22px
}

ul.divided-four li p {
	height:40px	
}

#product-thumbs ul.divided-four {
	margin:0;
	width:260px	
}

#product-thumbs ul.divided-four li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:70px	
}

#product-thumbs ul.divided-four li a {
	border:1px solid #e6e6e6;
	-webkit-transition:border 0.5s;  
	-moz-transition:border 0.5s;  
	-o-transition:border 0.5s;  
	transition:border 0.5s
}

#product-thumbs ul.divided-four li a:hover {
	border:1px solid #00ABFF;
	-webkit-transition:border 0.5s;  
	-moz-transition:border 0.5s;  
	-o-transition:border 0.5s;  
	transition:border 0.5s
}

/***** Full Width List ****/

ul.full-width-list {
	positinon:relative
}

ul.full-width-list li {
	position:relative;
	display:block;
	padding:20px 30px;
	margin-bottom:20px;
	background-color:#FFF
}


/***** Simple Float List ****/

ul.simple-float-list {
	position:relative
}

ul.simple-float-list li {
	float:left;
	margin-right:10px;
	padding:0
}

ul.simple-float-list li a {
	display:block;
	border: 1px solid #E6E6E6;
	transition: border 0.5s ease 0s;
}

ul.simple-float-list li a:hover {
	border: 1px solid #00ABFF;
	transition: border 0.5s ease 0s;
}


/***** Solid Arrow List ****/

ul.solid-arrow-list li {
	position:relative;
	display:block;
	padding-left:9px;
	font-family:"Roboto", Tahoma, Geneva, sans-serif;
	font-weight:300;
	font-size:14px;
	margin-bottom:2px
}

ul.solid-arrow-list li span {
	position:absolute;
	display:block;
	width:4px;
	height:8px;
	top:5px;
	left:0;
	background:url(../images/sprite-set-1.png) -62px -151px no-repeat
}


/***** Boxed Number List ****/

ul.boxed-number-list {
	position:relative;
	display:block
}

ul.boxed-number-list li {
	position:relative;
	padding-left:40px
}
	
ul.boxed-number-list li span {
	position:absolute;
	left:0;
	top:1px;
	display:block;
	width:28px;
	height:28px;
	background-color:#2562B2;
	text-align:center;
	color:#fff;
	font-size:21px;
	border-radius:5px
}


/***** Expanding List ****/

a.expanding-link {
	position:relative;
	display:block;
	font-family:"Carrois Gothic SC", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	padding-left:24px	
}

a.expanding-link span {
	position:absolute;
	display:block;
	width:15px;
	height:15px;
	top:0px;
	left:0px;
	background:url(../images/sprite-set-1.png) -5px -136px no-repeat
}

a.expanding-link:hover, ul.expanding-list li a.active {
	color:#00ABFF
}

a.expanding-link:hover span, ul.expanding-list li a.active span  {
	background-position: -5px -153px
}

ul.expanding-list {
	
}

ul.expanding-list li {
	padding:6px 0
}

ul.expanding-list li div.expanding-content {
	display:none
}

ul.expanding-list {
	
}

/***** Table List ****/

ul.table-list {
	padding:15px 0
}

ul.table-list li {
	font-size:14px;
	border-bottom:1px dotted #e6e6e6;
	min-height:20px;
	*height:20px;
	clear:both
}

ul.table-list li span {
	display:block;
	width:250px;
	float:left
}

/***** Justified List ****/

ul.justified-list {
	position:relative;
	display:block;
	text-align:justify;
	width:100%
}

ul.justified-list li {
	position:relative;
	display:inline-block;
	text-align:center;
	vertical-align:top
}

ul.justified-list.listw140 li {
	width:140px	
}

ul.justified-list li.last {
	display:inline-block;
	width:100%;
	clear:both	
}

/***** Default List ****/

ul.default-list {
	margin-bottom:20px	
}

ul.default-list li {
	list-style:disc;
	list-style-position:inside	
}


/* Footer
----------------------------------------------------------------------------------------------------*/

.bg-dgrey #footer, .bg-dgrey #footer a, .bg-dgrey #footer h2 {
	color:#fff	
}

.bg-dgrey {
	border-bottom:none	
}

.bg-lgrey #footer, #footer a {
	color:#333	
}

.borderline-lgrey {
	background:url(../images/borderline-lgrey.png) top right repeat-y	
}

.borderline-dgrey {
	background:url(../images/borderline-dgrey.png) top right repeat-y	
}

#footer ul.blue-arrow-list, ul.blue-arrow-list-side-popup {
	margin-bottom:15px	
}

#footer h2 {
	margin-bottom:10px	
}

#footer div {
	float:left
}

#footer div.fourths {
	padding-right:2%
}

#footer .first-wrapper {
	width:96%;
	padding-right:4%
}

#footer .second-wrapper {
	width:93%;
	padding:0 4% 0 3%
}

#footer .third-wrapper {
	width:96%;
	padding-left:4%
}

#footer .first-section, #footer .second-section, #footer .third-section {
	min-height:300px
}

#footer .first-section, #footer .second-section {
	margin-right:2%
}

#footer .first-section {
	width:50%
}

#footer .second-section {
	width:23%
}

#footer .third-section {
	width:23%
}

#footer .wrapper-data {
	position:relative;
	width:100%;
	min-height:66px;
	*height:66px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #CCC;
	display:block;
	clear:both	
}

#footer .wrapper-data span {
	display:block;
	float:left;
	margin-top:6px;
	width:6px;
	height:8px;
	background:url(../images/sprite-set-1.png) -25px -138px no-repeat
}

#footer .wrapper-data a {
	float:left;
	color:#4d4d4d;
	margin:0 15px 0 5px
}

#footer a.link-arrow {
	position:relative;
	display:block;
	float:left;
	font-weight:700;
	padding-right:10px
}

#footer a.link-arrow span {
	display:block;
	position:absolute;
	top:6px;
	right:0;
	width:5px;
	height:8px;
	background:url(../images/sprite-set-1.png) -35px -150px no-repeat
}

#footer a.link-arrow:hover span {
	background-position:-41px -150px
}

#footer .wrapper-data h2.hotline {
	position:relative;
	display:block;
	padding-left:35px;
	font-size:28px;
	font-weight:400;
	color:#333
}

#footer .wrapper-data h2.hotline span.cust {
	display:block;
	position:absolute;
	width:30px;
	height:25px;
	top:0;
	left:0;
	background:url(../images/sprite-set-1.png) -75px -138px no-repeat
}

#footer-copyright p {
	margin-top:15px;
	color:#b3b3b3	
}

#footer-copyright p i, #footer-copyright p a {
	color:#666;
	font-style:normal
}

/* CSS Globals
----------------------------------------------------------------------------------------------------*/

/**** Div Sections ****/

.one-third {
	width:33.3333333%
}

.two-third {
	width:66.6666666%
}

.three-third {
	width:100%
}

/**** Color ****/

.bg-black {
	background-color:#1a1a1a
}

.bg-black-1 {
	background-color:#10100D
}

.bg-lgrey {
	background-color:#f2f2f2
}

.bg-llgrey {
	background-color:#EEEDF2
}

.bg-dgrey {
	background-color:#333
}

.bg-grey {
	background-color:#333	
}

.bg-grey-mid {
	background-color:#4d4d4d	
}

.bg-dred {
	background-color:#55170F
}

.bg-white {
	background-color:#FFF
}

.bg-pale-green {
	background-color:#B0DDD0	
}

.bg-sky-blue {
	background-color:#D2E4F6
}

.bg-gradient {
	background:url(../images/bg-cat-box.png) repeat-x	
}

.border-lgrey {
	border:1px solid #ccc	
}

.border-llgrey {
	border:1px solid #e6e6e6;
	-webkit-transition:border 0.5s;  
	-moz-transition:border 0.5s;  
	-o-transition:border 0.5s;  
	transition:border 0.5s
}

.border-llgrey:hover {
	border:1px solid #00ABFF;
	-webkit-transition:border 0.5s;  
	-moz-transition:border 0.5s;  
	-o-transition:border 0.5s;  
	transition:border 0.5s
}

.grey-text {
	color:#333
}

.white-text {
	color:#fff	
}

/**** Custom Links ****/

a#back-to-top {
	position:fixed;
	top:70%;
	right:30px;
	display:none;
	width:36px;
	height:36px;
	background:url(../images/sprite-set-1.png) -65px -95px no-repeat;
	z-index:9999 
}

a.link-red, a.link-grey, a.link-white, div.link-red, div.link-red-nobg, div.link-grey, div.link-white {
	position:relative;
	display:block;
	padding-right:12px;
	cursor:pointer
}

a.link-red span, a.link-grey span, a.link-white span, div.link-red span, a.link-red-nobg, div.link-red-nobg span, div.link-grey span, div.link-white span {
	position:absolute;
	display:block;
	width:6px;
	height:8px;
	top:7px;
	right:0;
	background:url(../images/sprite-set-1.png) no-repeat
}

a.link-red, div.link-red {
	padding:12px 24px 10px 10px;
	line-height:14px;
	background-color:#EC1C24;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	color:#fff
}

a.link-red:hover {
	color:#fff !important	
}

a.link-red span, div.link-red span {
	background-position:-25px -158px;
	top:15px;
	right:10px	
}

a.link-red-nobg, div.link-red-nobg, div.link-red-nobg span {
	color:#EC1C24 !important
}

a.link-red-nobg span, div.link-red-nobg span {
	background-position:-35px -159px;
}

a.link-grey, a.link-grey:hover {
	color:#333 !important	
}

a.link-grey span, div.link-grey span  {
	background-position:-25px -148px;	
}

a.link-white, a.link-white:hover, div.link-white {
	color:#fff !important	
}

a.link-white span, div.link-white span {
	background-position:-25px -158px;	
}

a.link-blue {
	position:relative;
	display:block;
	float:left;
	background-color:#00ABFF;
	border-radius: 5px;
	color: #FFFFFF;
	line-height: 14px;
	padding: 12px 10px 10px 10px;	
}

a.location-link {
	padding-left:28px
}

a.location-link:hover {
	color:#fff !important	
}

a.location-link span {
	position:absolute;
	top:11px;
	left:10px;
	display:block;
	width:11px;
	height:13px;
	background:url(../images/sprite-set-1.png) -59px -186px no-repeat
}

a.sub-nav-link {
	position:relative;
	display:block;
	color:#fff;
	padding-left:25px;
	font-family:"Roboto", Tahoma, Geneva, sans-serif;
	font-weight:300;
	font-size:18px	
}

a.sub-nav-link span {
	position:absolute;
	display:block;
	width:19px;
	height:19px;
	top:2px;
	left:0;
	background:url(../images/sprite-set-1.png) no-repeat
}

a.sub-nav-link span.white-arrow-left {
	background-position:-23px -94px
}

a.sub-nav-link:hover span.white-arrow-left {
	background-position:-23px -114px
}

a.sub-nav-link span.white-arrow-down {
	background-position:-3px -94px
}

a.sub-nav-link:hover span.white-arrow-down {
	background-position:-3px -114px
}

a.sub-nav-link span.page-icon {
	background-position:-43px -94px
}

a.sub-nav-link:hover span.page-icon {
	background-position:-43px -114px
}

a.active, a.active-tab {
	color:#00ABFF !important
}

a.active span.white-arrow-down {
	background-position:-3px -114px
}

a.active span.page-icon {
	background-position:-43px -114px
}

a#nav-close {
	position:absolute;
	display:none;
	width:19px;
	height:19px;
	bottom:0;
	right:0;
	background:url(../images/sprite-set-1.png) -63px -165px no-repeat
}

/**** Custom Icons ****/

.tel-icon, .fax-icon, .email-icon {
	display:block;
	margin-top:3px;
	margin-right:5px;
	float:left;
	width:14px;
	height:14px;
	background:url(../images/sprite-set-1.png) no-repeat
}

.tel-icon {
	background-position: -3px -186px
}

.fax-icon {
	background-position: -21px -186px
}

.email-icon {
	background-position: -40px -186px
}

/**** Misc Custom CSS ****/

.display-none {
	display:none
}

.display-show {
	display:block !important	
}

.lh15 {
	line-height:18px	
}

.lh30 {
	line-height:30px	
}

.lh50 {
	line-height:50px	
}

.mar0_r {
	margin-right:0 !important	
}

.mar-23_t {
	margin-top:-23px	
}

.pad0_t {
	padding-top:0 !important	
}

.pad0_b {
	padding-bottom:0 !important	
}

.fsize21 {
	font-size:21px	
}

.contentwidth960 {
	width:960px !important;
	padding-left:20px !important
}

.min300_h {
	min-height:300px;
	*height:300px	
}

.min66_h {
	min-height:66px;
	*height:66px	
}

.min80_h {
	min-height:80px;
	*height:80px	
}

.absolute {
	position:absolute	
}

.shadow-preset {
	-moz-box-shadow: 0px 1px 4px #CCC;
	-webkit-box-shadow: 0px 1px 4px #CCC;
	box-shadow: 0px 1px 4px #CCC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#CCCCCC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#CCCCCC')	
}

.uda8590-bg {
	background-image: url(../images/products-img/kitchen/hood/dragonfly/ud-a-8590-black-background-img.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}