body { margin: 0; padding: 0;font-family: 'Lato'; color: #141414; overflow-x: hidden; }

.header { width: 1000px; margin: auto; padding-top: 15px; padding-bottom: 30px; }

.contact-details { float: right;width: 290px; text-align: right; margin-top: 10px; }
.logo { margin-top: 10px; }
.tel { font-size: 36px; font-weight: 900; color: #008080; background-image: url(../images/telephone.png); background-repeat: no-repeat; background-position: 0% 50%; padding-left: 40px;  }
.email a { text-decoration: none; color: #141414; font-size: 22px; }
.email a:hover { color: #957335; }
.supply { font-size: 34px; font-weight: 900; color: #0f90a2; }
.buttonpanel { background-image: url(../images/bg-menu.jpg);height: 60px;-webkit-box-shadow: 0 8px 6px -6px #5b5b5b;
	   -moz-box-shadow: 0 8px 6px -6px #5b5b5b;
	        box-shadow: 0 8px 6px -6px #5b5b5b; background-repeat: repeat-x;  }
			
.breadcrumbs { width: 1000px; margin: auto; padding-top: 10px; }
.breadcrumbs a { color: #008080; text-decoration: none; }


.enquiry { width: 50%; float: none;margin-top: 20px; color: #141414; background-color: #f2f2f2; padding: 30px;font-family: Arial, Helvetica, sans-serif; font-size: 14px;letter-spacing: 0.5px; }
.enquiry input { width: 70%; padding: 10px; margin-bottom: 5px; margin-top: 5px; background-color: #ffffff; border: 1px solid #cccccc;font-family: Arial, Helvetica, sans-serif; font-size: 14px;letter-spacing: 0.5px;color: #141414;}
.enquiry input:focus, .enquiry textarea:focus { background-color: #fcfcfc; border: 1px solid #969696; }
.enquiry textarea { width: 95%; margin-top: 5px; padding: 10px; background-color: #ffffff; height: 150px;border: 1px solid #cccccc;font-family: Arial, Helvetica, sans-serif; font-size: 14px;letter-spacing: 0.5px; margin-bottom: 15px;color: #141414;  }
.enquiry button { border: 0; background-color: #195612; padding: 10px; color: #fff;font-family: Arial, Helvetica, sans-serif; font-size: 14px;letter-spacing: 0.5px; cursor: pointer; }
.enquiry button:hover { background-color: #0f400a; }

.enquiry span { color: #ff0000; }

.contact-right { float: right; width: 400px; }

.contentImg { float: left; margin-top: 22px; margin-right: 22px; margin-bottom: 5px; }

.content h1 { font-size: 36px; font-weight: 900; margin-bottom: 0; padding-bottom: 0; }
.content h1 span { color: #957335; }
.content a { color: #008080; text-decoration: none; }

.list { list-style: none; margin: 0; padding: 0; margin-top: 20px; }
.list li { background-image: url(../images/tick.png); background-repeat: no-repeat; padding-left: 70px;padding-right: 70px; border-bottom: 1px solid #dfdfdf; width: 855px; background-color: #f2f2f2; font-size: 22px; padding-top: 20px; padding-bottom: 20px; background-position: 2% 50%; }

.content h2 { color: #898989; margin-top: 0; }

.featured1 { float: left; text-align: center; background-color: #008080; width: 636px; height: 320px; margin-right: 15px; cursor: pointer; }
.featured1:hover { background-color: #957335; }
.featured1 h2 { color: #fff; margin-top: 20px!important; }
.featured1 h2 a { color: #fff;display: block; }

.featured { float: left; text-align: center; background-color: #008080; width: 318px; height: 260px; margin-right: 15px; cursor: pointer; }
.featured:hover { background-color: #957335; }
.featured h2 { color: #fff; margin-top: 20px!important; }
.featured h2 a { color: #fff; display: block; }

.readmore { position: absolute; display:block; z-index: 9999999; width: 130px; text-align: center; color: #fff; background-color: #008081; right: 50px; 
bottom: 20px; text-decoration: none; padding: 5px; text-transform: uppercase; font-weight: bold; font-size: 18px;  }

#banner-fade img { z-index: -1; }
.banner-container { position: relative; }


.menu { width: 1000px; margin: 0; padding: 0; list-style: none; margin: auto; }
.menu li { float: left; margin: 0; padding: 0; }
.menu li a { padding: 19px 90px 19px 90px; font-weight: 700; font-size: 18px; display: block; color: #fff; text-decoration: none; }
.menu li a:hover { background-color: #957335; }
.current { background-color: #141414; }

.content { width: 1000px; margin: auto; }

.footer-wrap { width: 100%;background-color: #f2f2f2; margin-top: 15px; }
.footer { width: 1000px; margin: auto; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.footer a { color: #008080; }

/* Basic jQuery Slider essential styles */

#banner-fade { z-index: -1; }

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; cursor: pointer;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0; background-image: url(../images/arrow-right.png); background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; margin-top: 260px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0; background-image: url(../images/arrow-left.png); background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; margin-top: 260px;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #666; border: 3px solid #666; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #000; background: transparent; border: none }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }


/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th              { background: #FFCC33 }
.Zebra_DatePicker td.dp_not_in_month            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #F3F3F3; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend                 { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #5A4B4B; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer                { margin-top: 3px }
.Zebra_DatePicker .dp_footer td             { color: #FFF; padding: 2px; font-weight: bold }
.Zebra_DatePicker .dp_footer .dp_hover      { background: #222; color: #FFF }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #482424; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { display: inline-block; position: relative; width: 16px; height: 16px; background: url('../images/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top; zoom: 1; *display: inline; }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('../images/calendar-disabled.png') }
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 12px 0 0; padding: 0!important; background-color: transparent!important; }

.captcha
{
  width: 155px;
  margin: 0 auto;
  margin-left: 0px;
  margin-top: -12px;
}
.refresh
{
  position:relative;
  float: right;
  margin-right: -125px;
}

#SpamCheck { margin-left: 10px!important; float: right; margin-top: 8px; }

#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}

/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.captcha input { width: 60px!important; margin-left: -30px!important;}
.captcha-img { margin-left: -2px; margin-bottom: -25px!important; }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(http://fonts.gstatic.com/s/lato/v11/tI4j516nok_GrVf4dhunkg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}

/** START MOBILE CSS **/

@media only screen and (max-width : 1000px) {
	
	.readmore { display: none; }

.header, .content, .footer { width: 100%; }
.content { text-align: center; }
.content h1, .content h2, .content h3, .content p { margin-left: 15px; margin-right: 15px; }
.contact-details { float: none; width: 172px;margin-left: 30px; }
.logo {  margin: auto; display: block; margin-top: 20px; }

.featured1, .featured { float: none; width: 100%; height: inherit; }
.featured1 img, .featured img { width: 100%; height: inherit;margin-bottom: -5px;  }

.featured, .featured1 { max-width: 318px; margin: auto; }

.featured1 h2 {  padding-top: 20px; }
.featured h2 {  padding-top: 20px; }

.captcha { margin-left: 20px; }

.tel { font-size: 20px; background-size: contain; }
.email a { font-size: 14px!important; }

.enquiry { width: 100%; padding: 0; padding-top: 30px; padding-bottom: 30px; }
.enquiry input, .enquiry textarea { width: 80%; margin-left: 0; }
.enquiry textarea { margin-left: -13px; }
.contact-right { float: none;width: 100%; }

iframe { width: 100%; }

.contentImg { float: none; margin: 0 auto; margin-top: 20px; width: 100%; max-width: 455px; }

.list li { width: 100%; padding-left: 0; padding-right: 0; background-position: center 85%; padding-bottom: 60px; }
.list { margin: auto; margin-top: 20px; }

.buttonpanel { height: 0; }

       #nav
    {
        position: fixed;
    right: 0;
    top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; display: block; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 25px; top: 25px;
			background-image: url('../images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 90px!important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #2b2b2b;
			border-bottom: 2px solid #fff;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
    }

}

/** END MOBILE CSS **/