@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('//fonts.googleapis.com/css?family=Work+Sans:400,600,700');

/* GREEN - #2EA137 */
/* BLUE - #283271 */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;500;700;900&display=swap');

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

body,html {  width: 100%;  height: 100%;  margin: 0 0 0  0;  padding: 0 0 0 0; 
  font-family: 'Arial Rounded MT Bold','Helvetica Rounded','Arial', 'Nunito', sans-serif; 
  letter-spacing:0px;
  


}
.not-active {
  pointer-events: none;
  cursor: default;
	background-color:#aaa;
}

.fc-sat, .fc-sun {
    background-color: #333 !important;
}


.fc-widget-content {position: relative; height:48px; }

.ncalicon {
	clear: both;
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #ffffff;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px #888888;
	
	position:absolute; 
	right:2px;top:2px
}
.ncalicon img{
	height:45px;
}


@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



/*
select.locked {    -webkit-appearance: none;    -moz-appearance: none;    text-indent: 1px;    text-overflow: '';}
input.locked[type="text"]:disabled { background-color: #ffffff !important; color:#000000 !important; margin-left:-8px;  }
input.locked::placeholder {  color: #ffffff;}
select.locked[disabled] { background-color: #ffffff !important; color:#000000 !important; margin-right: 2px !important; margin-left:-8px; font-size: 1em; }

input.locked[type='checkbox']:before  {	content: "abc";	display: block;	height: 0;	overflow: hidden;} 


select.locked {    -webkit-appearance: none;    -moz-appearance: none;    text-indent: 1px;    text-overflow: '';}
input.locked[type="text"]:disabled { background-color: #ffffff !important; color:#000000 !important; }
input.locked[disabled]::placeholder { color:transparent}
input.locked::placeholder { color:#000000}
input.locked { border:1px solid #666 !important; box-sizing: border-box}
input.locked[disabled] { border:0px solid #333333 !important}
select.locked[disabled] { background-color: #ffffff !important; color:#000000 !important; margin-right: 2px !important; margin-left:-8px; font-size: 1em;  }

input.locked[type='checkbox']:before  {	content: "abc";	display: block;	height: 0;	overflow: hidden;} 
*/

select.locked {    -webkit-appearance: none;    -moz-appearance: none;    text-indent: 1px;    text-overflow: '';}
input.locked[type="text"]:disabled { background-color: transparent!important; color:#000000 !important; }
input.locked[disabled]::placeholder { color:transparent}
input.locked::placeholder { color:#000000}
input.locked { border:1px solid #666 !important; box-sizing: border-box}
input.locked[disabled] { border:0px solid #333333 !important}
select.locked[disabled] { background-color: transparent !important; color:#000000 !important; margin-right: 2px !important; margin-left:-8px; font-size: 1em;  }

input.locked[type='checkbox']:before  {	content: "abc";	display: block;	height: 0;	overflow: hidden;} 




.fc-widget-content {position: relative; height:48px; }

.highlight {background-color:#283271 !important; color: white; }
.highlight2 {background-color:#888888 !important; color: white; margin-top:40px !important; }

.listh li, .listho li {
    margin:0px 0px 30px!important;
    padding:0px 0px !important;
	list-style-type: none;

}
.listh, .listho {
    min-height: 30px;
    margin: 0px 0 0px;
    padding:0%;
    width:100%;
    vertical-align:top;
    display:inline-block;
}

.submitbutton.freeze {
	pointer-events: none!important;
	cursor: default!important;	
	background-color:#bbb !important;
	color:#888!important;
	border: 1px solid rgba(0,0,0,0.0);
}



.box1, .box2 {float:left; width:22%; margin-right:4%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.box2 {margin-right:0%;}
#options .box1, #options .box2{	position:relative; border:0px;  margin-top:0px; padding:0px; text-align:center !important;  }

#options .hex{	border:0px;  margin:0px; padding:0px;background:#283271; border-radius:50%; background-size:contain; text-align:center }
#options h2 {margin: 6px 0 0 0; }
#options .hex img{display:inline-block; width:60%; margin:29px auto; opacity:0.7;}
#options .box1:hover h2, #options .box2:hover h2{    color:#2EA137; }
#options .box1:hover img, #options .box2:hover img{  opacity:1; }
#options .box1:hover .hex, #options .box2:hover .hex{  border:0px;  margin:0px; padding:0px;background: #2EA137; border-radius:50%;background-size:contain;}


.orderheader .proddetail,
.orderheader2 .proddetail {display:none; z-index:99999; position:absolute;top:2px;left:00px; height:20px;padding:5px 0 5px; z-index:9999;width:610px; background:#ECF2F6; }
.orderheader:hover .proddetail,
.orderheader2:hover .proddetail {display:block;}



a.toggleproditem, a.togglecontactitem { background-color: #2db82d;width:29px;height: 36px; text-align:center; line-height:1em; font-size:2.3em; }
a.toggleproditem2,
a.toggleproditem3 { background-color: #ffffff; color:#333;width:29px;height: 36px; text-align:center; line-height:1em; font-size:2.3em;position:absolute;top:0px;right:0px;display:block;  margin-right:0px; float:right; }

a.toggleproditem:hover,
a.togglecontactitem:hover { background-color: #dd0000; line-height:1em;}

a.toggleproditem.togswitcher, 
a.togglecontactitem.togswitcher { background-color: #dd0000; line-height:0.8em;}


a.toggleproditem2:hover,
a.toggleproditem3:hover{ background:white; color: #dd0000; line-height:1em;}
a.toggleproditem2.togswitcher,
a.toggleproditem3.togswitcher { background:white; color: #dd0000; line-height:0.8em;}


/*#forfilm {display:none;}*/
h1 { clear:both; font-size:1.8em; margin:0px 0 15px 0;color: #283271; letter-spacing:-1px; font-weight:600; text-align:left}
h2 {clear:both; font-size:1.5em; margin:20px 0 10px 0;color:#2EA137;  letter-spacing:-1px; font-weight:600}
h2.rep {margin:7px 0 10px 0;}

h3 { font-weight:400; font-size:1.1em; margin:10px 0 0 0 ; color:#2EA137; letter-spacing:-1px; }
h4 { font-weight:400; font-size:1.2em; margin:10px 0 0 0 ; color:#333; letter-spacing:-1px; }

hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:12px 0 10px 0}
p{ color:#333; font-size:0.9em; margin:12px 0 0px 0;  letter-spacing:0px; }

.left {float:left}
.right {float:right}

a {text-decoration:none !important;}
a:hover {text-decoration:none !important;}
.clear {clear:both!important; }
ol, ul {	list-style: none;}


.holder {margin:0px auto; max-width:100%;  }
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}

a.sbmonths {display:inline-block;  padding:4px 5px; font-size:0.9em;margin-right:5px;border-radius:5px;background-color:#ccc;color:#666}
a.sbmonths:last-of-type {margin-right:0px;}
a.sbmonths:hover  {background-color:#aaa;color:#333}
a.sbmonths.selected {background-color:#2EA137;color:#fff}

a.toggle, a.togglerep {float:right;cursor:pointer;margin:-2px 0 0px 10px; padding:8px 10px;
background-color:#2EA137; color: #eee !important; display:inline-block; border-radius:0px; font-size:0.65em; font-weight:600!important; letter-spacing:-1px;}
a.toggle:hover,
a.togglerep:hover  {background-color:#283271; color: #fff !important;}
.RepContent img.ui-datepicker-trigger {    position: relative;    float:right !important;top: -33px;    right:2px;}

.grow {
  padding: 5px 5px 5px 5px;
  height: 29px;
  width: 100%;
  margin: 5px 0 5px 0;
  
  position: relative;
  transition: height 0.5s;
  -webkit-transition: height 0.5s;
  text-align: center;
  overflow: hidden;
}
.grow:hover {
  height: 200px;
}

table {    border-collapse: collapse;}

table .inputcheck2 {
  margin: 0px 0px 6px 6px;

}

th, td {   border-top: 1px solid #aaa; }

tr:nth-child(odd)		{ background-color:#fff;  }
tr:nth-child(even)		{ background-color:#fff;/*#eee*/ }

tr.nobrdr td {border:0px; background-color:#fff; }

tr.productdata {background-color:#fff;}
tr.productdetail,tr.productdetail2 {display:none;background-color:#fff;}
tr.productdetail td, tr.productdetail2 td {border:0px}


.supplierdetail2{ display:none; }

tr.supplierdetail,
tr.supplierdetail2,
tr.productdetail2 { display:none; }
tr.supplierdetail td,
tr.supplierdetail2 td,
tr.productdetail2 td {border:0px}

tr.threshold {display:none;}
tr.threshold td {border:0; background-color:#F26C4F;text-align:center}

table {    width: 100%;	font-size:1.0em; margin-bottom:20px;}
tr		{ background-color:#fff;  }


/*
th {
    height: 10px;
	text-align: left;
	padding: 10px 10px;
	background-color: #283271;
	border:1px solid #ffffff;
    color: white;
	font-weight:600;
}*/

th {
    height: 10px;
	text-align: left;
	/*padding: 5px 10px;*/
	padding: 5px 7px;
	background-color: #283271;
	border:0px solid #ffffff;
    color: white;
	font-weight:600;
}

th.sub {
    height: 10px;
	text-align: left;
	padding: 7px 0px 5px 8px;
	background-color: #999;
    color: white;
	font-weight:600;
}
td {	padding: 5px 7px 3px;   /*padding: 7px 10px;  */  vertical-align: top; /*border:1px solid #ffffff;  background:#D6D6D6;;*/}
.greenbg td { background:green;}

.duplicateoptions{ display:none;  border-top:8px solid white;}

#pagesetup {width:100%; margin:0px auto; position:relative;  height:auto;}

#showfeedback {width: 100%;    min-height: 100%;    position: fixed;    top: 0;   bottom:0; left: 0; z-index: 99999;      background-color:rgba(64,43,109,0.9);}
#showfeedback .inner {position:relative;width:400px; height:auto; margin: 300px auto 0px; padding:20px 20px 50px 20px;background-color:#ffffff;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#showfeedback .inner a.close{ cursor:pointer; display:block; position:absolute; bottom:10px; right:10px;background-color:#2EA137; color:#ffffff; width:40px; height:30px; font-weight:600; font-size:1.2em;text-align:center; line-height:30px;text-decoration:none;}

#showfeedback .inner a.approve{ cursor:pointer; display:block; position:absolute; bottom:10px; right:10px;background-color:#2EA137; color:#ffffff; width:40px; height:30px; font-weight:600; font-size:1.2em;text-align:center; line-height:30px;text-decoration:none;}



/*@media only screen and (max-width: 980px){	#pagesetup {margin:0px auto 0; }}*/

.teamphoto {clear:both; float:left;   width:50px; height:50px; border-radius:50%; background-color:#ffffff; margin:15px 15px; text-align:center; overflow:hidden; box-sizing:border-box;}
.teamphoto img{width:100%; height:auto;}

.teamphotosq {clear:both;  width:120px; height:120px; background-color:#ffffff; margin:30px 40px 0; text-align:center; overflow:hidden; box-sizing:border-box;}
.teamphotosq img{width:100%; height:auto;}

.nav {clear:both; }
.teamtitle{float:left;  width:auto; height:30px;  margin:17px 0 20px;  text-align:center; font-size:1.3em; letter-spacing:-1px;}
.teamtitle2{float:left;  width:100%; height:30px;  margin:17px 0 20px;  text-align:center; font-size:1.3em; letter-spacing:-1px;}

.listphoto {clear:both;  float:left; width:50px; height:60px; border-radius:15px; background-color:#ffffff; padding:4px 0; margin:-2px 15px 10px 0px; text-align:center; overflow:hidden; box-sizing:border-box;box-shadow: 0px 0px 5px #888888;}
.listphoto img{width:100%; height:auto;}

#topsearch {position:fixed; background:#ffffff; z-index:999999; float:left; width:89%; padding:5px; border-bottom:1px solid #e6e6e6; height:80px; box-sizing: border-box;

        box-shadow: 0 2px 5px -2px rgba(0,0,0,0.5);}

#topsearch input{
	padding:15px 0px 15px 15px;width:200px;
	font-size:0.9em;border:1px solid #ddd;font-weight:400;background: #fff url(images/search-icon.png) no-repeat 10px 12px; background-size:24px; margin:10px 0 0 0;
	text-indent:28px;  }	
#topsearch select{
	padding:15px 0px 15px 15px;width:200px;
	font-size:0.9em;border:1px solid #ddd;font-weight:400;background: #fff url(images/search-icon.png) no-repeat 10px 12px; background-size:24px; margin:10px 0 0 0;
	text-indent:28px;  }
#topsearch button{border:0px;   background-color: #cccccc;margin: 1px 0 0 -40px; /*margin: 1px 0 0 -54px;*/
    width: 40px; font-weight:bold;
    padding: 6px 5px 6px 5px; }


#topsearch img {float:right; padding:10px 10px 10px 0px;}
#topsearch .rates {float:right; padding:17px 0px 0; width:376px; height:42px; text-align:right; color:#666; font-size:1.4em;background: #fff}


#intro {float:left; clear:both;width:auto;padding:30px; box-sizing:border-box; 
width: 400px;    border: 2px solid #cccccc;  border-radius:8px;text-align: center;}

#intro h1 {font-size:1.8em; font-weight:600; margin:0 0 0px 0; color:#283271; text-align: center;}
#intro p {font-size:1.2em; margin:10px 0 0 0; letter-spacing:-1px;}

#login {float:left; width:100%; padding:0 0 0px 0; border-top:0px solid #e6e6e6; }
#login input{float:left;padding:20px; box-sizing:border-box; margin: 30px 0 0px 0px;width:100%;
  border:0px solid #e6e6e6; font-weight:400; background-color:#f6f6f6}	

#login .rem {position:relative; float:left; width:142px; text-align:left;margin:53px 0 0px 28px; height:32px; font-size:1.1em; line-height:1.0em;}
#login .rem input {position:absolute;  right:-20px; bottom:10px;width:24px; height:24px;}
#login button{float:right;border:0; padding:15px 30px; margin:37px 0px 0 0px; background-color:#283271; color:#ffffff; font-weight:700; border-radius:8px;}	


a.green {cursor:pointer; text-align:left;box-sizing:border-box; background-color:#2EA137;	width:300px; margin:0px 0 30px 0; padding:12px 20px; 
font-family: 'Work Sans', sans-serif; font-weight:600; color:#ffffff; text-transform:uppercase; text-decoration:none;
border-radius:20px;

	border:1px solid #333;}
a.green:hover {background-color:#283271;text-decoration:none}
a.green.sml {padding:8px 10px; width:auto }


#main-nav {	float:left;    list-style: none;    margin: 10px 0px 0 30px;    padding: 0;    width:auto; }
#main-nav li {   float: left; text-align: center;    	text-transform:uppercase; font-weight: 700; font-size:1em; margin-right:20px;}
#main-nav li:first-child {    padding-left: 0}
#main-nav li a {  text-indent:-5px;  width: 100%;    display: block;    height: 100%;	   text-decoration: none;       color: #444;	padding: 10px 5px; font-weight:700; background:#dddddd; border-radius:20px; margin-right:20px;}
#main-nav li a:hover {    color: #fff;	background:  #283271;}
#main-nav li.active a {    color: #fff;	background:  #2EA137;}



#main-nav2 {	float:right;    list-style: none;    margin: 10px 0px 30px 0px;    padding: 0;    width: 1560px;  }
#main-nav2 li {   float: left; text-align: center;    	text-transform:uppercase; font-weight: 700; font-size:1em; margin-right:20px; }
#main-nav2 li:first-child {    padding-left: 0}
#main-nav2 li a {  indent:-5px;  width: 100%;    display: block;    height: 100%;	   text-decoration: none;       color: #444;	padding: 10px 5px; font-weight:700; background:#eeeeee; border-radius:0px; margin-right:20px;}
#main-nav2 li a:hover {   color: #fff;	background:  #283271;}
#main-nav2 li.active a {   color: #fff;	background:  #2EA137;}


/* tABS OVERIDE */
.ui-tabs {padding: 0em; font-family: 'Work Sans', sans-serif;	 font-size:1em; margin-bottom:0px;}
.ui-widget-content {border:0 !important;font-size:0.9em; }
.ui-tabs .ui-tabs-panel {padding: 0;}
.ui-widget-header {	border: 0px;	 background: none ;	color: #333;	 height:auto;border-bottom:0px solid #fff100; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {padding: 3px 0 5px!important;	border: 0;	background: #ffffff;	color: #444444; border-radius:0 !important; text-align:center;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {border: 0;	border-bottom:0px solid #2EA137 !important;   background: #2EA137;        color: #fff;  }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover{	border: 0;	background: #ffffff;	border-bottom:0px solid #ffffff; color: #444444;}
.ui-state-active.ui-state-hover{	border: 0;	border-bottom:0px solid #2EA137 !important;color: #000000;}
.ui-tabs .ui-tabs-nav {	padding:0; }
.ui-tabs .ui-tabs-nav li {  display: table-cell;    *float: left; /* improve IE7 */text-align: center;    margin-right: 30px;	text-transform:uppercase; font-weight: 700; font-size:1em;}
.ui-tabs-nav li a{width:100%; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {	padding:0 }
.ui-tabs .ui-tabs-panel {margin-bottom: 30px;}

.ui-datepicker-today a.ui-state-highlight {   background: #ccc ; color: #000;  }





#tabs {float:right; width:100%;padding:12px 30px 0px 30px; box-sizing:border-box;}
#tabsholder,
#tabsholder2 {float:right; width:100%; margin-right:-30px; padding:20px 30px 30px 30px; box-sizing:border-box; -webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
}
#tabsholder2 { margin-right:00px;}

/* FORM FIELDS */

#splform {width:720px; margin-top:10px;  }
#splform:after {    content:'';    display:block;    clear: both;}
#splform input, #splform select {font-family :  "Work Sans";}

#splform .formlabel {clear:left;float:left; font-weight:600;width: 119px;    border-right: 1px solid #ffffff; height:22px;  background:#283271; color:#fff; text-indent:8px; font-size:0.8em; padding:7px 0px; line-height:170%}
#splform .formlabellong {clear:left;float:left; font-weight:600;width:200px;height:22px;background:#283271; color:#fff; text-indent:8px; font-size:0.88em; padding:7px 0px; line-height:170%}
.formlabelsplit {clear:right;float:left; font-weight:600;width: 119px;    border-right: 1px solid #ffffff; height:36px; background:#283271; color:#fff; text-indent:8px; font-size:0.8em; padding:7px 0px; line-height:170%; box-sizing: border-box}
.formlabelsplitg {clear:right;float:left; font-weight:600;width: 119px;    border-right: 1px solid #ffffff; height:36px; background:#2EA137; color:#fff; text-indent:8px; font-size:0.8em; padding:7px 0px; line-height:170%; box-sizing: border-box}
#splform .formlabelsplit2 {float:left; font-weight:600;width: 119px;    border-right: 1px solid #ffffff; height:36px; background:#283271; color:#fff; text-indent:8px; font-size:0.8em; padding:7px 0px; line-height:170%; box-sizing: border-box}
#splform .formlabeltextarea {clear:left;float:left; font-weight:600;width:119px; border-right: 1px solid #ffffff;height:134px; background:#283271; color:#fff; padding:8px; font-size:0.8em; line-height:170%; box-sizing: border-box}
#splform .formlabeltextareasplit {float:left; font-weight:600;width:119px; border-right: 1px solid #ffffff;height:234px; background:#283271; color:#fff; padding:8px; font-size:0.8em; line-height:170%; box-sizing: border-box}

#splform .splitblank {float:left; font-weight:600;width:490px;height:22px; text-transform:uppercase; background-color:#333; color:#fff; text-indent:10px; font-size:0.9em; padding:7px 0px; margin: 0 0 1px 0}
.inputtextleft {float:left; background-color:#D6D6D6; width:240px; height:36px; border:0px; padding:0px; margin:0 0px 1px 0px; text-indent:10px; font-size:0.9em;}
#splform .inputtextlong {float:left; background-color:#D6D6D6; width:520px; height:36px; border:0px; padding:0px; margin:0 0px 1px 0px; text-indent:10px; font-size:0.9em;}
.inputtextright {float:left; background-color:#D6D6D6; width:240px; height:36px; border:0px; padding:0px; margin:0 0 1px 0px; text-indent:10px; font-size:0.9em;}

.inputtexthalf {float:left; background-color:#D6D6D6; width:299px; height:36px; border:0px; padding:0px; margin:0 1px 1px 0px; text-indent:10px; font-size:0.9em;}


#splform .inputtextleft2 {float:left; background-color:#D6D6D6; width:280px; height:36px; border:0px; padding:0px; margin:0 0px 1px 0px; text-indent:10px; font-size:0.9em;}
#splform .equals {float:left;background-color: #2EA137;color:white; text-align:center; font-size:1.5em; height:36px; width:40px;}
#splform .inputtextright2 {float:left; background-color:#D6D6D6; width:280px; height:36px; border:0px; padding:0px; margin:0 0 1px 0px; text-indent:10px; font-size:0.9em;}
#splform input[readonly="readonly"]{    background-color:#A6A6A6 !important; }



#splform .inputtextrightq {float:left; background-color:#D6D6D6; width:150px; height:36px; border:0px; padding:0px; margin:0 0 1px 0px; text-indent:10px; font-size:0.9em;}
#splform .selectquarter {float:left; background-color:#999999; width:157px; height:36px; border:0px; padding:0px 0px 0px 7px; margin:0 0 1px 0px; text-indent:0px; font-size:0.9em;}
#splform .formlabelvat1 {float:right; font-weight:600;width:120px;height:22px; margin:10px 0 0 0;text-transform:uppercase; background-color:#333333; color:#fff; text-indent:10px; font-size:0.9em; padding:7px 0px}
#splform .inputtextvat1 {float:right; background-color:#D6D6D6; width:120px; height:36px; border:0px; padding:0px; margin:10px 0 1px 1px; text-indent:10px; font-size:0.9em;}
.inputtextfull {float:left; background-color:#D6D6D6; width:600px; height:36px; border:0px; padding:0px; margin:0 0 1px 0px; text-indent:10px; font-size:0.9em;}
#splform .inputfile {float:left; background-color:#D6D6D6; width:600px; height:22px; border:0px; padding:7px 0px; margin:0 0 1px 0px; text-indent:10px; font-size:0.9em;}
#splform .inputfilehalf {float:left; background-color:#D6D6D6; width:240px; height:22px; border:0px; padding:7px 0px; margin:0 0 1px 0px; text-indent:10px; font-size:0.9em;}
.selectfull, #splform .selectfull {float:left; background-color:#D6D6D6; width:600px; height:36px; border:0px; padding:0px 0px 0px 7px; margin:0 0 1px 0px; text-indent:0px; font-size:0.9em;}
.selecthalf {float:left; background-color:#D6D6D6; width:240px; height:36px; border:0px; padding:0px 0px 0px 7px; margin:0 0 1px 0px; text-indent:0px; font-size:0.9em;}
#splform .selectfull2 {float:left; background-color:#D6D6D6; width:300px; height:36px; border:0px; padding:0px 0px 0px 7px; margin:0 0 1px 0px; text-indent:0px; font-size:0.9em;}
#splform .selectlong {float:left; background-color:#D6D6D6; width:520px; height:36px; border:0px; padding:0px 0px 0px 7px; margin:0 0 1px 0px; text-indent:0px; font-size:0.9em;}
#splform .inputcheck {float:left; background-color:#D6D6D6; width:39px; height:36px; border:0px; padding:0px; margin:0 -15px 1px 10px; text-indent:10px; font-size:0.9em;}
#splform .textareafull {float:left; background-color:#D6D6D6; width:600px; height:134px; border:0px; padding:7px; margin:0 0 1px 0px; text-indent:0px; font-size:0.9em;font-family :  "Work Sans";  box-sizing: border-box;}

#splform .textareahalf {float:left; background-color:#D6D6D6; width:239px; height:234px; border:0px; padding:7px; margin:0 0 1px 0px; text-indent:0px; font-size:0.9em;font-family :  "Work Sans";  box-sizing: border-box;}
#splform .textareafullrte {float:left; background-color:#D6D6D6; width:594px; height:192px; border:0px; padding:7px 3px; margin:0 0 1px 0px; text-indent:10px; font-size:0.9em;font-family :  "Work Sans"; }
#splform .submitbutton, .submitbutton,
#splform .submitbutton2, .submitbutton2 { clear:both;float:right; background-color:#2EA137;  color:#ddd; text-align:center;
 font-size:0.85em;  font-weight:600; padding:10px 15px;  margin:20px 0px 20px 15px;text-transform:uppercase; cursor:pointer ;
border-radius:8px;box-sizing:border-box; border:1px solid rgba(0,0,0,0.2);

 }
 
 #splform .submitbutton2, .submitbutton2 { background-color:#283271; margin:00px 0px 20px 20px;}
	 
	 
#splform .submitbutton:hover,.submitbutton:hover,
#splform .submitbutton2:hover,.submitbutton2:hover  { color:#fff; }
#splform .filesubmit {float:right; width:199px;background-color:#333333;  color:#fff; text-align:center; font-size:1.0em;  font-weight:600; padding:9px 0px; border:0px; margin:0px;text-transform:uppercase; cursor:pointer ;font-family :  "Work Sans"; }
#splform .formerror {   border:5px solid red; box-sizing:border-box}
#splform textarea.formerror {   border:5px solid red; box-sizing:content-box; width:576px; height:110px; }
#splform a.halfbutton {	float:right; background-color:#333333;  color:#fff; text-align:center; font-size:1.0em;  font-weight:600; width:239px;padding:9px 0px; border:0px; margin:0px;text-transform:uppercase;cursor:pointer ;font-family :  "Work Sans"; }
#splform a.halfbutton:hover {	background-color:#C5C4C3; text-decoration:none}

#splform .inputcheck2 {  margin: 0px 10px 6px 0px;}


#splform .quarter,#splform .quarter2{ float:left;}
#splform .quarter2{ clear:none;float:left; }
#splform .quarter3{ clear:none;width:21.2%;float:left;margin-right:0% }
#splform .quarter12{width:47.5%;float:left;margin-right:5% }
#splform .quarter123{width:73.8%;float:left;margin-right:0% }
#splform .quarter label,
#splform .quarter2 label {clear:left;float:left; color: #283271; font-weight:600; font-size:1.1em; margin:0px 0 3px 0%;}


#crafty_postcode_result_display,
#crafty_postcode_result_display2 {float:left;clear:both !important; display:block; width:100%;height:auto; margin:-10px 0 10px 0px;}
#crafty_postcode_result_display select,
#crafty_postcode_result_display2 select {float:left; background-color:#D6D6D6; width:720px !important; height:auto; border:0px; padding:7px 0px 7px 7px; margin:-10px 0 0px 0px; text-indent:0px; font-size:0.9em;}


/* img.ui-datepicker-trigger {position:relative; top:4px; right:38px;}*/
 img.ui-datepicker-trigger {position:relative; top:7px; right:-12px;}
.halflisting { float:left; text-align:left; padding:7px; text-indent:0px; margin-bottom:-2px;border-top:2px solid #ccc;border-bottom:2px solid #ccc;width:100%; font-size:1em; letter-spacing:0px;position:relative;
line-height:170%;}
.halflisting:hover {/*opacity:0.75 !important; filter:alpha(opacity=75);*/ cursor:pointer}

.halflisting:last-of-type {border-bottom:0px solid #ccc;}
	
.halflisting2 {float:left; text-align:left; padding:1px 0px 3px; text-indent:8px; border-bottom:0px solid #fff;width:100%; font-size:1.1em; }
.halflisting2:hover {opacity:0.75;	filter:alpha(opacity=75); cursor:pointer}
.halflisting3 {float:left; text-align:left; padding:3px 0px 3px; text-indent:8px; border-bottom:0px solid #666;width:100%; font-size:1.1em; }
.halflisting3:hover {opacity:0.75;	filter:alpha(opacity=75); cursor:pointer}
.halflisting4 {float:left; text-align:left; padding:1px 0px 3px; text-indent:8px; border-bottom:0px solid #666;width:100%; font-size:1.1em; }
.halflisting5 {float:left; text-align:left; padding:1px 0px 3px; text-indent:8px; border-bottom:0px solid #666;width:50%; font-size:1.1em; }

/* CALENDAR HP */
#singleaday {display:none}
#twodates {display:none}
#daywithhours {display:none}
/* CALENDAR HP */



@media print{ 
    body {background: #fff; }
	#intro, #tabsholder, #tabsholder2 { float:left; width:100%;   }
	 .pagebreak { display: block; page-break-before: always; }
    .no-print, .no-print *    {        display: none !important;    }
	#pagesetup {margin:0px; }
	#topsearch {width:100%; }
}