@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('//fonts.googleapis.com/css?family=Work+Sans:400,600,700');
body,html {  width: 100%;  height: 100%;  margin: 0 0 0  0;  padding: 0 0 0 0;  font-family: 'Work Sans', sans-serif; letter-spacing:-1px;
background: #ccc;
}

a#addtaskbtn {position:fixed; right:-74px;top:420px;width:180px; height:40px; background:#005C37; line-height:40px; text-align:center; color:#ffffff; font-weight:700; font-size:1.1em; -webkit-transform: rotate(90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-top-left-radius: 10px;
border-top-right-radius: 10px;
cursor:pointer;}

a#addtaskbtn:hover {background-color:#512D6D}

a#closetaskbtn {position:fixed; right:-34px;top:420px;width:100px; height:40px; background:#dddddd; line-height:40px; text-align:center; color:#333333; font-weight:700; font-size:1.1em; -webkit-transform: rotate(90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-top-left-radius: 10px;
border-top-right-radius: 10px;
cursor:pointer;}

a#closetaskbtn:hover {background-color:#ffffff; color:#333333; }


#addtaskform { display:none; position:fixed; width:100%; height:100%; background:#333; z-index:99999999; }


.highlight {background-color:#512D6D !important; color: white; }

.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:#512D6D; 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:#005c37; }
#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: #005c37; 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:#005C37;  letter-spacing:-2px; font-weight:600; text-align:left}
h2 {clear:both; font-size:1.5em; margin:20px 0 10px 0;color:#512D6D; letter-spacing:-2px; font-weight:600}
h2.rep {margin:7px 0 10px 0;}

h3 { font-weight:400; font-size:1.1em; margin:10px 0 0 0 ; color:#005C37; 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:1820px;  }
.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:#005c37;color:#fff}

a.toggle, a.togglerep {float:right;cursor:pointer;margin:-2px 0 0px 10px; padding:8px 10px;
background-color:#005C37; color: #eee !important; display:inline-block; border-radius:15px; font-size:0.65em; font-weight:600!important; letter-spacing:-1px;}
a.toggle:hover,
a.togglerep:hover  {background-color:#512D6D; 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:0.9em;}
tr		{ background-color:#fff;  }



th {
    height: 10px;
	text-align: left;
	padding: 5px 10px;
	background-color: #512D6D;
    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: 7px 10px;    vertical-align: top;}

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

#pagesetup {width:1820px; background-color:#ffffff; margin:40px auto; position:relative;  height:auto;
/*background-image: -webkit-linear-gradient(left, #512D6D 0px, #512D6D 200px, #ffffff 200px, #ffffff 100%, #204a87 100%);
background-image: -moz-linear-gradient(left, #512D6D 0px, #512D6D 200px, #ffffff 200px, #ffffff 100%, #204a87 100%);
background-image: -o-linear-gradient(left, #512D6D 0px, #512D6D 200px, #ffffff 200px, #ffffff 100%, #204a87 100%);
background-image: -ms-linear-gradient(left, #512D6D 0px, #512D6D 200px, #ffffff 200px, #ffffff 100%, #204a87 100%);
background-image: linear-gradient(left, #512D6D 0px, #512D6D 200px, #ffffff 200px, #ffffff 100%, #204a87 100%);
*/

background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0) 200px, rgba(255,255,255,1) 200px, rgba(252,252,252,1) 100%); 
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 200px,rgba(255,255,255,1) 200px,rgba(252,252,252,1) 100%); 
background: -o-linear-gradient(left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 200px,rgba(255,255,255,1) 200px,rgba(252,252,252,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 200px,rgba(255,255,255,1) 200px,rgba(252,252,252,1) 100%); 
background: linear-gradient(to right, rgba(255,255,255,0) 0,rgba(255,255,255,0) 200px,rgba(255,255,255,1) 200px,rgba(252,252,252,1) 100%); 

-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;

}



#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:#005C37; 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;  width:120px; height:120px; border-radius:50%; background-color:#ffffff; margin:30px 40px 0; 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;}

.teamtitle{ width:100%; height:30px;  margin:10px 0 20px;  text-align:center; font-size:1.4em; letter-spacing:-1px;}

.listphoto {clear:both;  float:left; width:50px; height:50px; border-radius:50%; background-color:#ffffff; 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 {float:right; width:1620px; padding:0 0 0px 0; border-bottom:1px solid #e6e6e6; }
#topsearch input{padding:20px 0px 20px 20px;width:400px;border:0;  font-size:0.9em;font-weight:400;background: #fff url(images/search-icon.png) no-repeat 20px 15px; background-size:32px; text-indent:40px;  }	
#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}


#login {float:right; width:1620px; padding:0 0 0px 0; border-top:1px solid #e6e6e6; }
#login input{float:left;padding:20px;margin:30px 0 30px 30px;width:220px;border:0px solid #e6e6e6; font-weight:400; background-color:#f6f6f6}	
#login input:nth-of-type(2){width:110px;}
#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; bottom:-14px; right:-14px; width:30px}
#login button{float:right;border:0; padding:20px; margin:30px 30px 0 0px; width:80px;background-color:#512D6D; color:#ffffff; font-weight:700;}	


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

	border:1px solid #333;}
a.green:hover {background-color:#512D6D;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: 1560px;  }
#main-nav li {    display: table-cell;    *float: left;text-align: center;    padding-right: 30px;	text-transform:uppercase; font-weight: 700; font-size:1em;}
#main-nav li:first-child {    padding-left: 0}
#main-nav li a {    width: 100%;    display: block;    height: 100%;	padding-bottom:6px;    text-decoration: none;       color: #444;	border-bottom:3px solid white; font-weight:700;}
#main-nav li a:hover {    color: #666;	border-bottom:3px solid #005c37;}
#main-nav li.active a {    color: #333;	border-bottom:3px solid #005c37;}
*/

#main-nav {	float:left;    list-style: none;    margin: 10px 0px 0 30px;    padding: 0;    width: 1560px;  }
#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:#eeeeee; border-radius:15px; margin-right:20px;}
#main-nav li a:hover {    color: #fff;	background:  #512D6D;}
#main-nav li.active a {    color: #fff;	background:  #005c37;}



#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:15px; margin-right:20px;}
#main-nav2 li a:hover {   color: #fff;	background:  #512D6D;}
#main-nav2 li.active a {   color: #fff;	background:  #005c37;}


/* 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 #005c37 !important;	color: #000000;    background: #005C37;        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 #005c37 !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:1620px;padding:12px 30px 0px 30px; box-sizing:border-box;}
#tabsholder,
#tabsholder2 {float:right;width:1620px; margin-right:-30px; padding:20px 30px 30px 30px; box-sizing:border-box; background-color:#ffffff;-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
}
#tabsholder2 { margin-right:00px;}
#intro {float:right;width:1620px;padding:20px 30px 20px 30px; box-sizing:border-box; }
#intro h1 {font-size:1.8em; font-weight:600; margin:0 0 -10px 0; color:#512D6D;}
#intro p {font-size:1.2em; margin:10px 0 0 0; letter-spacing:-1px;}
/* 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:120px;height:22px;  background:#512D6D; color:#fff; text-indent:8px; font-size:0.9em; padding:7px 0px; line-height:160%}
#splform .formlabellong {clear:left;float:left; font-weight:600;width:200px;height:22px;background:#512D6D; color:#fff; text-indent:8px; font-size:0.9em; padding:7px 0px; line-height:160%}
.formlabelsplit {clear:right;float:left; font-weight:600;width:120px;height:22px; background:#512D6D; color:#fff; text-indent:8px; font-size:0.9em; padding:7px 0px; line-height:160%}
.formlabelsplitg {clear:right;float:left; font-weight:600;width:120px;height:22px; background:#005C37; color:#fff; text-indent:8px; font-size:0.9em; padding:7px 0px; line-height:160%}
#splform .formlabelsplit2 {float:left; font-weight:600;width:120px;height:22px; background:#512D6D; color:#fff; text-indent:8px; font-size:0.9em; padding:7px 0px; line-height:160%}
#splform .formlabeltextarea {clear:left;float:left; font-weight:600;width:104px;height:118px; background:#512D6D; color:#fff; padding:8px; font-size:0.9em; line-height:160%}
#splform .formlabeltextareasplit {float:left; font-weight:600;width:104px;height:218px; background:#512D6D; color:#fff; padding:8px; font-size:0.9em; line-height:160%}

#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: #005C37;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:586px; height:120px; border:0px; padding:7px; margin:0 0 1px 0px; text-indent:0px; font-size:0.9em;font-family :  "Work Sans"; }
#splform .textareahalf {float:left; background-color:#D6D6D6; width:225px; height:220px; border:0px; padding:7px; margin:0 0 1px 0px; text-indent:0px; font-size:0.9em;font-family :  "Work Sans"; }
#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 { letter-spacing:-1px;clear:both;float:right; background-color:#005C37;  color:#ddd; text-align:center;
 font-size:1.0em;  font-weight:600; padding:8px 10px;  margin:20px 0px 20px 20px;text-transform:uppercase; cursor:pointer ;font-family :  "Work Sans";
border-radius:15px;box-sizing:border-box; border:1px solid rgba(0,0,0,0.2);

 }
 
 #splform .submitbutton2, .submitbutton2 { background-color:#512D6D; 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: #512D6D; 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%; }
}