<?
header("Content-type: text/css; charset: UTF-8");
// print out your php-driven css...
?>

/*CSS Reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
/*End CSS Reset*/
@font-face {
    font-family: 'interstateregular';
    src: url('../fonts/interstate-webfont.eot');
    src: url('../fonts/interstate-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-webfont.woff') format('woff'),
         url('../fonts/interstate-webfont.ttf') format('truetype'),
         url('../fonts/interstate-webfont.svg#interstateregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'interstateregular';
    src: url('../fonts/interstate-regular-webfont.eot');
    src: url('../fonts/interstate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-regular-webfont.woff') format('woff'),
         url('../fonts/interstate-regular-webfont.ttf') format('truetype'),
         url('../fonts/interstate-regular-webfont.svg#interstateregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blanchcaps';
    src: url('http://drillcentral.com/templates/DrillCentral/fonts/blanch_caps-webfont.eot');
    src: url('../fonts/blanch_caps-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blanch_caps-webfont.woff') format('woff'),
         url('../fonts/blanch_caps-webfont.ttf') format('truetype'),
         url('../fonts/blanch_caps-webfont.svg#blanchcaps') format('svg');
    font-weight: normal;
    font-style: normal;

}
html body{
	font-family:'interstateregular', Arial, Helvetica, sans-serif;
}
/*h2.slider {
	font-family:'blanchcaps', Arial, Helvetica, sans-serif !important;
	font-size:1.2em;
	color:#FFFFFF;
	text-align:center !important;
	letter-spacing:0.01em;
	margin-top:40px;
}
.yellow{
	color:#F8BF2D !important;
}
.caption.big_white{
	background:transparent;
	width:920px;
}*/
h1{
	font-size: 20px;
	margin-bottom:15px;
}
h2{
	font-size: 18px;
	margin-bottom:15px;
}
h3{
	font-size: 16px;
	margin-bottom:10px;
}
h4{
	font-size: 15px;
	margin-bottom:10px;
}
h5{
	font-size: 14px;
	margin-bottom:8px;
}
h6{
	font-size: 13px;
	margin-bottom:5px;
}
p{
	margin-bottom:5px;
	line-height:1.3;
}
.yellowbox{
	background: url('../images/product-bg-hover.png') repeat;
	padding:10px;
	width:45%;
	float:left;
	margin-bottom:20px;
	height:135px;
}
.yellowbox h3, .greybox h3{
	background:#1D1D1B;
	color:#FFFFFF;	
	text-transform:uppercase;
	padding: 10px;
	margin-bottom:15px;
}
.yellow-highlight{
	background:#FDBB19;
	padding:10px;
	margin-bottom:20px;
	width:65%;
}
.yellowbox h3 a, .greybox h3 a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.greytransparent{
	background: url('../images/product-bg.png') repeat;
	padding:20px;
}
.h3-large{
	font-size:18px;
}
.h3-small{
	font-size:14px;
}
.smalldark{
	font-size:11px !important;
	color:#000 !important;
	margin-top:10px;
}
.yellowbox p, .greybox p{
	color:#000 !important;
}
.greybox{
	background: url('../images/product-bg.png') repeat;
	padding:10px;
	padding:10px;
	width:45%;
	float:right;
	margin-right:10px;
	margin-bottom:20px;
	height:135px;
}
.yellow{
	color:#F8BF2D !important;
	text-transform:uppercase;
}
a.yellow:hover{
	color:#FFFFFF !important;
}
.yellow-lowercase{
	color:#F8BF2D !important;
}
.social-images{
	float:left;
	margin-right:3px;
}
.enquirybutton{
	float:right;

}
.enquirybutton a{
	background:#FDBB19;
	padding: 5px 10px;
	color:#000;
	text-decoration:none
}
.enquirybutton a:hover{
	background:#EF2225;
	color:#FFFFFF !important;
}
.webkit .yellowbox p, .webkit .greybox p{
	font-size: 14px !important;
}

a.yellow-lowercase:hover{
	color:#FFFFFF !important;
}
.sidebar-image{
	padding:3px;
	background:#FFFFFF;
}
.topimage-shadow{
    margin:5px 0 15px 0 !important;
	padding:5px;
	-webkit-box-shadow: 0px 0px 5px 3px #999; 
	-moz-box-shadow: 0px 0px 5px 3px #999; 
	-o-box-shadow: 0px 0px 5px 3px #999; 
	box-shadow: 0px 0px 5px 3px #999; 
}
.leftimage{
	float:left;
	margin:0 15px 15px 0;
}
.leftimage-shadow{
	float:left;
	margin:5px 15px 15px 6px !important;
	padding:5px;
	-webkit-box-shadow: 0px 0px 5px 3px #999; 
	-moz-box-shadow: 0px 0px 5px 3px #999; 
	-o-box-shadow: 0px 0px 5px 3px #999; 
	box-shadow: 0px 0px 5px 3px #999; 
}
.rightimage{
	float:right;
	margin:0 0 15px 15px;
}
.rightimage-shadow{
	float:right;
	margin:5px 6px 15px 15px !important;
	padding:5px;
	-webkit-box-shadow: 0px 0px 5px 3px #999; 
	-moz-box-shadow: 0px 0px 5px 3px #999; 
	-o-box-shadow: 0px 0px 5px 3px #999; 
	box-shadow: 0px 0px 5px 3px #999;
}
.indent-30px{
	margin-left:30px;
}
.indent-60px{
	margin-left:60px;
}
.hirer-logo{
	margin:-15px 0 10px -3px;
}

a.send-enquiry {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #000000 !important;
  color: #000000 !important;
  cursor: pointer !important;
  font-family: 'interstateregular',Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  text-transform: uppercase;
  padding:5px 10px;
  display:block;
  width:195px;
  text-align:center;
  text-decoration:none !important;
  
}
.safari a.send-enquiry{
	width:220px;
	padding:5px 8px;
}
.safari .cart-buy a.send-enquiry{
	width:170px;
	font-size:11px;
}
.safari .cart-buy a.button_oc, input.button_oc{
	font-size:11px;
}
a.send-enquiry:hover {
	background: #FDBB19;
	color:#000 !important;
}	

a.register-interest {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #000000 !important;
  color: #000000 !important;
  cursor: pointer !important;
  font-family: 'interstateregular',Arial,Helvetica,sans-serif !important;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  text-transform: uppercase;
  padding:5px 0;
  display:block;
  width:172px;
  margin:0 0 10px 8px;
  text-align:center;
  text-decoration:none !important;
}
.safari a.register-interest{
	width:208px;
}
.chrome a.register-interest{
	width:166px;
	margin:0 0 10px 9px;
}
a.register-interest:hover {
	background: #FDBB19;
	color:#000 !important;
}
.mac .register-interest{
	width:210px;
}
.mac .cart #button-cart{
	width:210px;
}	
.mac.safari .register-interest{
	width:208px;
	margin-left:0px;
}
.mac.chrome .register-interest{
	width:208px !important;
	margin-left:0px;
}
		
.superscript{
	font-size:10px;
	position:relative;
	top:-5px;
}
.topbuttons{
	float:left;
	margin-right:8px;
}
.redtext{
	color:#ff2500;
}
.bullets{
list-style:disc outside none;
margin-left:15px;
}
.revertbutton{
	background:#FE0130;
	padding: 5px;
	font-family:"interstateregular",Arial,Helvetica,sans-serif;
	color:#000000;
	/*font-size:14px;*/
	font-size:13px;
	font-weight:bold;
	text-align:center;
	/*width:200px;	*/
	width:195px;
	margin-left:3px;
}
.safari .revertbutton{
	font-size:11px;
}
.revertbutton:hover{
	background:#CCCCCC;
}
.revertbutton a{
	color:#000000;
	text-decoration:none;
}

/*Contact header*/

.moduletable-contact-header .label{
color:#ef112c
}
.custom-contact-header img {
	display: inline;
	top: 5px;
	margin:0 5px;
	position: relative;
}
.custom-contact-header a.header-email:link, .custom-contact-header a.header-email:visited {
	color: red;
	text-decoration:underline;
}
.custom-contact-header a.header-email:hover{
    color: red;
	text-decoration:none;
}
.custom-contact-header a.header-email:active {
	color: red;
	text-decoration:underline;
}


/*.custom-contact-header{
	padding-right:40px;
	float:right;
	position:relative;
	z-index:1000000000;
	margin:40px 0 0 0;
}*/
.custom-contact-header {
  float: right;
  /*font-size: 14px;*/
  /*font-size:13.8px;*/
  font-size:11.5px;
  font-weight: bold;
  /*margin: 30px 0 0;*/
  margin: 20px -10px 0;
  position: relative;
 /* width: 470px;*/
 width:705px;
  z-index: 1000000000;
}
/*.mac .custom-contact-header{
  /*font-size:13.8px;  */
  font-size:11.5px;
}*/
.safari .custom-contact-header{
	/*font-size:13px;*/
	font-size:11.5px !important;
	/*width:505px;*/
	width:705px;
	letter-spacing:-1.2px;
}
/* Safari 7.1+ https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome */
_::-webkit-full-page-media, _:future, :root .custom-contact-header {
	font-size:11.5px !important;
	width:705px;
	letter-spacing:-1.2px;

}
.safari .custom-contact-header strong{
	letter-spacing:0;
}
.custom-contact-header a:link, .custom-contact-header a:visited{
	color:#000000;
	text-decoration:none;
}
.custom-contact-header a:hover{
	color:#000000;
	text-decoration:underline;
}
.custom-contact-header a:active{
	color:#000000;
	text-decoration:none;
}
/*End contact header*/

table.acymailing_form {
  margin: auto auto auto 0px !important;
}
.acysubbuttons {
  text-align: left !important;
}
.acyfield_email .inputbox.required {
  color: #fdbb19 !important;
}
.acyfield_name .inputbox.required {
  color: #fdbb19;
  margin-bottom: 10px;
}