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


.print-only    {        display: none !important;    }

@media print
{    
    .no-print, .no-print *    {        display: none !important;    }
	.print-only    {        display: block !important; float:right;   }
}
 
/**/body,html {  width: 100%;  height: 100%;  margin: 0 0 0  0;  padding: 0 0 0 0;  font-family:   'Open Sans'; letter-spacing:0px;background: #ffffff;font-size: 0.92em;}

body,html {  width: 100%;  height: 100%;  margin: 0 0 0  0;  padding: 0 0 0 0;  font-family:   Helvetica, Arial, "Lucida Grande", sans-serif; letter-spacing:0px;background: #ffffff; font-size: 0.92em;}
.not-active {  pointer-events: none;  cursor: default;	background-color:#aaa;}
#nmqty {float:left; }


/* TICKER */

.homebox {float:left; margin:0% 2% 2% 0px; width: 49%;   border-radius: 0%;  font-size: 30px;  font-weight:bold; color:#000000;   background: #cccccc; height: 80px;    display: flex;     flex-direction: column;    align-items: center;     justify-content: center;} 
.homebox:nth-of-type(2n) {margin:0% 0% 2% 0px;   }
		 
.homebox2 {float:left; margin:0% 2% 0% 0px; width: 23.5%;   border-radius: 0%;  font-size: 40px;  font-weight:bold; color:#000000;   background: #aaa; height: 140px;    display: flex;     flex-direction: column;  text-transform: uppercase;  align-items: center;     justify-content: center;} 
.homebox2:nth-of-type(4n) { margin:0% 0% 0% 0px!important;  }	
		 


.top4btn:first-of-type {display:none; }


@media screen and (orientation:landscape) { 
	.homebox {float:left; margin:0% 2% 2% 0px !important; width: 49%;   border-radius: 0%;  font-size: 36px;  font-weight:bold; color:#000000;  line-height: 40px;  text-align: center;  background: #cccccc; height: 80px;    display: flex;     flex-direction: column;    align-items: center;     justify-content: center;}
	.homebox:nth-of-type(2n) { margin:0% 0% 0% 0px !important;   }

	
	.homebox2 {float:left; margin:0% 2% 0% 0px !important; width: 23.5%;   border-radius: 0%;  font-size: 36px;  font-weight:bold; color:#000000;  line-height: 40px;  text-align: center;  background: #aaa; text-transform: uppercase; height: 120px;    display: flex;     flex-direction: column;    align-items: center;     justify-content: center;}

	.homebox2:nth-of-type(4n) { margin:0% 0% 0% 0px!important;  }	
}

@media only screen and (min-width: 0px) and (max-width: 500px) {
	.homebox {float:left; margin:0% 0% 3% 0px !important; padding: 3% 0; width: 100%;   border-radius: 0%;  font-size: 26px;  font-weight:bold; color:#000000;   background: #cccccc; height: auto;    display: flex;     flex-direction: column;    align-items: center;     justify-content: center;} 
	.homebox br {display:none; }
	
	.homebox2 {float:left; margin:0% 0% 3% 0px !important; padding: 3% 0; width: 100%;   border-radius: 0%;  font-size: 26px;  font-weight:bold; color:#000000;   background: #cccccc; height: auto;    display: flex;     flex-direction: column;    align-items: center;     justify-content: center;} 
	.homebox2 br {display:none; }
	
	.spllogo {display:none}
	.wptitle {padding:0 !important; width:100% !important}
	.wptitle h1 {text-align: center; font-size: 10vw !important;}
	.raptorlogo{display:none}
	.welcome{display:none}
	
	.btnholder {width:100%; text-align: center; }
	.top4btn {margin:0 8px 0 0 !important; padding:6px 8px !important; float:none !important;}
	.top4btn:last-of-type {margin:0 0px 0 0 !important; }
	.top4btn:first-of-type {display:inline-block; background-color: #666666 !important; }

	
}

@media only screen and (min-width: 0px) and (max-width: 420px) {
	.top4btn {margin:0 8px 0 0 !important; padding:6px 8px !important; float:none !important; font-size:1.6em !important;}
	.btnholder {padding: 15px 5px ; }
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
	
	position:fixed; bottom:0px; left:0; right:0;padding:0px;float:left; width:100%; background-color:#512D6D;color:#ffffff;  box-sizing:  border-box;     font-size: 2em;letter-spacing: -1px; font-weight: 600;
	
	

  overflow: hidden;

 background-color:#512D6D;color:#ffffff; 
  padding-left: 100%;
  box-sizing: content-box;
}
.ticker-wrap .ticker {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
}
.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 2rem;
  font-size: 2rem;
  color: white;
}

/* TICKER */

/*#forfilm {display:none;}*/
h1 { clear:both; font-size:2em; margin:0px 0 0px 0;color:#005C37;  letter-spacing:-1px; font-weight:600; }
h2 {clear:both; font-size:1.5em; margin:20px 0 10px 0;color:#512D6D; 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:#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:1.3em; 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;}


.fwrap {display: block; position: relative}
.fwrap span{position: absolute; top: 10px;  font-size:1.6em;  right: 15px; }

#login {float:left; width:100%; padding:0 0 0px 0; }
#login input{float:left;padding:15px 20px;margin:20px 0 0px 0px;width:100%;border:0px solid #e6e6e6; font-size:1.4em; font-weight:400; background-color:#f6f6f6; box-sizing: border-box; border-radius:12px;}	
#login .rem {position:relative; float:left; width:auto; text-align:left;margin:43px 0 0px 0px; height:32px;  line-height:1.0em;}
#login .rem input {position:absolute; bottom:16px; right:-40px; width:30px !important}
#login button{float:right;border:2px solid #ffffff; padding:15px 20px; margin:20px 00px 0 0px; font-size:1.4em; background-color:#512D6D; color:#ffffff; font-weight:700;border-radius:12px;}	

#delivery {float:left; width:100%; padding:15px; text-align: center; box-sizing: border-box}
#delivery input{float:left;padding:12px 15px;margin:0px 0 15px 0px;width:70%;border:0px solid #e6e6e6; font-size:1.4em; font-weight:400; background-color:#cccccc; box-sizing: border-box; border-radius:10px;}	
#delivery select{ float:left;padding:12px 15px;margin:0px 0 15px 0px;width:70%;border:0px solid #e6e6e6; font-size:1.4em; font-weight:400; background-color:#cccccc; box-sizing: border-box; border-radius:10px;}	
#delivery textarea{float:left;padding:12px 15px;margin:0px 0 15px 0px;width:70%; height:120px;border:0px solid #e6e6e6; font-size:1.4em; font-weight:400; background-color:#cccccc; box-sizing: border-box; border-radius:10px;}	
#delivery input.half1{float:left;padding:12px 15px;margin:0px 0 15px 0px;width:33.5%;border:0px solid #e6e6e6; font-size:1.4em; font-weight:400; background-color:#cccccc; box-sizing: border-box; border-radius:10px;}	
#delivery input.half1o{float:left;padding:12px 15px;margin:0px 0 15px 0px;width:33.5%;border:2px solid #e6e6e6; font-size:1.4em; font-weight:400; background-color:transparent; color:#000000; box-sizing: border-box; border-radius:10px;}	
#delivery input.half2{float:left;padding:12px 15px;margin:0px 0 15px 3%;width:33.5%;border:0px solid #e6e6e6; font-size:1.4em; font-weight:400; background-color:#cccccc; box-sizing: border-box; border-radius:10px;}	

/*#delivery label{clear:left;float:left; text-align: left;  font-weight:600;width: 30%;     color:#000;  padding:4px 0px; line-height:170%; font-size:1.5em; letter-spacing: -1px;}	*/
#delivery label{clear:left;float:left; text-align: left;  font-weight:600;width: 28%;     color:#000;  padding:4px 0px 4px 1%; line-height:170%; font-size:1.5em; letter-spacing: -1px; margin-right:1%;margin-left:-1%;}	


#delivery button{ padding:10px 15px; margin:0px 00px 65px 0px; font-size:1.9em; background-color:#512D6D; color:#ffffff; font-weight:700;border-radius:12px;display: inline-block;  }	
#delivery button:disabled { padding:10px 15px; margin:0px 00px 65px 0px; font-size:1.9em;    background-color: #cccccc;  color: #666666; font-weight:700;border-radius:12px;display: inline-block;  }	


#locate {float:left; width:100%; padding:15px; text-align: center; box-sizing: border-box}
#locate input{  float:left;padding:12px 15px;margin:0px 0 15px 0px;width:100%;border:0px solid #e6e6e6; font-size:1.4em; font-weight:400; background-color:#cccccc; box-sizing: border-box; border-radius:10px;}	
#locate button{  padding:10px 15px; margin:0px 00px 65px 0px; font-size:1.9em; background-color:#512D6D; color:#ffffff; font-weight:700;border-radius:12px;display: inline-block;   }	


.search {
  position: relative;
  color: #aaa;
  font-size: 16px;
}

.search input {
  width: 250px;
  height: 32px;

  background: #fcfcfc;
  border: 1px solid #aaa;
  border-radius: 5px;
  box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
}

.search input { text-indent: 32px;}
.search .fa-search { 
  position: absolute;
  top: 10px;
  left: 10px;
}


#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; }





@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%; }
	
	img.pp-icon {		position: relative !important;		float: left;    width: 15px;    height: auto;/*    margin: -5px 10px -5px 0 !important;*/    margin: -3px 5px -5px -25px !important;}
	
	.slimbox{  padding:4px 10px 0px 15px !important; margin-bottom:3px !important; border-radius:0px !important; border-bottom: 1px solid #000; }
}