/* Standard styles to save problems -------------------------------------------------------*/

body {
   margin-top:0px;
   margin-bottom:0px;
   margin-left:0px;
   margin-right:0px;
}
p {
   margin-top:12px;
   margin-bottom:12px;
}
li.slide {display:none;}

#main {
background-color: #f8faf9;
margin: 0px;
padding: 0px;
font-family: arial, verdana, sans serif;
font-size:12px;
color:#7e7e7e;
text-align:left;

}

#wholesitepositionid {
padding-bottom: 4px;
margin-left:auto;
margin-right:auto;
width:980px;
}

#wholesitecenterid {
position: relative;
margin: auto;  
width: 980px;
background-image:url("/images/site-images/drill/main_panel_stretcher.gif");
background-repeat:repeat-y;
}

#topmenuline {
display:none;
}

#moneyslideshow {
position:absolute;
top:108px;
left:32px;
width:314px;
height:24px;
}

/* Although not very elegant, this solution to the positioning of the searchfield works. Place the searchfield into the div element searchfieldid, make it big enough to contain all of the form elements and position it in such a way as to be below the topmenuline. In order for this work around to work you must makesure that topmenuline does not overlap where you type into the field.*/
#searchbox {
position:absolute;
left:30px;
top:147px;
font-size:0px;
}
#searchinput {
background-image:url("/Images/site-images/infocash_search_box.gif");
background-repeat:no-repeat;
padding-left:39px;
}
#notsignedin {
display:none;
}

#article {
position:relative;
/*margin-top:177px;*/
margin-left:32px;
width:887px;
margin-bottom:0px;
background-color:#e7e7e7;
padding-top:28px;
padding-left:32px;
padding-bottom:10px;
}

#idheadingtext {
width:420px;
margin-left:240px;
}
#idpagetext {
width:420px;
margin-left:240px;
min-height:600px; height:auto !important; height:600px;
}

#stretcher {
display:none;
}

#basescrollgraphicid {
margin-right: auto;
position: relative;
background: url("/images/site-images/drill/main_panel_stretcher.gif") repeat-y 0 0;
}
td.rightbaseshadow {
background-image:url("/images/site-images/drill/right_shadow_stretcher.gif");
background-repeat:repeat-y;
width:29px;
}
td.leftbaseshadow {
background-image:url("/images/site-images/drill/left_shadow_stretcher.gif");
background-repeat:repeat-y;
width:32px;
}

/* The syles below control the text display --------------------------------------------------*/

a {font-size:12px;}

#idpagetext a:link {color: #0E825B; text-decoration: none;font-weight:bold;}
#idpagetext a:hover {color: #a0a2a1;}
#idpagetext a:visited {color: #0E825B; text-decoration: none;font-weight:bold;}
#idpagetext a:visited:hover {color: #a0a2a1; text-decoration: none;font-weight:bold;}

#basescrollgraphicid a:link {font-size:10px; color: #a0a2a1;}
#basescrollgraphicid a:hover {color:#008b5a;}
#basescrollgraphicid a:visited {font-size:10px; color: #a0a2a1;}
#basescrollgraphicid a:visited:hover {color: #008b5a;}

div {
padding: 0px;
margin: 0px;
}

img {
padding: 0px;
margin: 0px;
border:0px;
}

#leftshadow {
position:absolute;
left:0px;
top:177px;
background-image:url("/images/site-images/drill/left_shadow_stretcher.gif");
background-repeat:repeat-y;
}
#rightshadow {
position:absolute;
left:951px;
top:177px;
background-image:url("/images/site-images/drill/right_shadow_stretcher.gif");
background-repeat:repeat-y;
}
table.footerlinks {
margin-left:32px;
}
table.bottomshadow {
margin-left:0px;
}
td.quotebox {
background-image:url("/images/site-images/quotebox-gradient.gif");
background-repeat:repeat-x;
height:403px;
vertical-align:top;
padding-left:40px;
padding-right:40px;
}
#corporatedrill a {
display:block;
position:absolute;
top:5px;
left:668px;
width:95px;
height:71px;
background:url("/images/buttons/corporate-national-drill.gif") 0 0 no-repeat;
}
#corporatedrill a:hover {
background-position:-95px 0;
}

#smallbusinessdrill a {
display:block;
position:absolute;
top:5px;
left:763px;
background:url("/images/buttons/small-business-drill.gif") 0 0 no-repeat;
width:103px;
height:71px;
}
#smallbusinessdrill a:hover {
background-position:-103px 0;
}
#whydrill a {
display:block;
position:absolute;
top:5px;
left:866px;
width:94px;
height:71px;
background:url("/images/buttons/why-drill.gif") 0 0 no-repeat;
}
#whydrill a:hover {
background-position:-94px 0;
}
#quotetext {
width:180px;
height:200px;
font-size:18px;
font-weight:bold;
color:#fefffd;
padding-top:35px;
}
#quoteauthor {
width:180px;
height:50px;
color:#6a9383;
}
#selffilldrill {
position:absolute;
top:76px;
left:460px; 
}
#selffilldrill a {
display:block;
width:58px;
height:56px;
background:url("/images/buttons/self-fill-drill.gif") 0 0 no-repeat;
}
#selffilldrill a:hover {
background-position:-58px 0;
}

#manageddrill a {
display:block;
position:absolute;
top:76px;
left:518px;
width:58px;
height:56px;
background:url("/images/buttons/managed-drill.gif") 0 0 no-repeat;
}
#manageddrill a:hover {
background-position:-58px 0;
}
#placementdrill {
position:absolute;
top:76px;
left:576px;
}
#placementdrill a {
display:block;
width:57px;
height:56px;
background:url("/images/buttons/placement-drill.gif") 0 0 no-repeat;
background-repeat:no-repeat;
}
#placementdrill a:hover {
background-position:-57px 0;
}
#homelink {
position:absolute;
top:78px;
left:416px;
}
#homelink a {
display:block;
width:39px;
height:54px;
background:url("/images/buttons/home-button.png") 0 0 no-repeat;
background-repeat:no-repeat;
}
#homelink a:hover {
background-position:-39px 0;
}

#freetousedrill {
position:absolute;
top:76px;
left:633px;
}
#freetousedrill a {
display:block;
width:56px;
height:56px;
background:url("/images/buttons/free-to-use-drill.gif") 0 0 no-repeat;
}
#freetousedrill a:hover {
background-position:-56px 0;
}
#hardwaredrill {
position:absolute;
top:76px;
left:689px;
}
#hardwaredrill a {
display:block;
width:54px;
height:56px;
background:url("/images/buttons/hardware-drill.gif") 0 0 no-repeat;
background-repeat:no-repeat;
}
#hardwaredrill a:hover {
background-position:-54px 0;
}
#supportdrill {
position:absolute;
top:76px;
left:743px;
}
#supportdrill a {
display:block;
width:55px;
height:56px;
background:url("/images/buttons/support-drill.gif") 0 0 no-repeat;
}
#supportdrill a:hover {
background-position:-55px 0;
}
#aboutusdrill a {
display:block;
position:absolute;
top:76px;
left:798px;
width:54px;
height:56px;
background:url("/images/buttons/about-us-drill.gif") 0 0 no-repeat;
}
#aboutusdrill a:hover {
background-position:-54px 0;
}
#customersdrill {
position:absolute;
top:76px;
left:852px;
}
#customersdrill a {
display:block;
width:55px;
height:56px;
background:url("/images/buttons/customers-drill.gif") 0 0 no-repeat;
background-repeat:no-repeat;
}
#customersdrill a:hover {
background-position:-55px 0;
}
#contactdrill a {
display:block;
position:absolute;
top:76px;
left:907px;
width:53px;
height:56px;
background:url("/images/buttons/contact-drill.gif") 0 0 no-repeat;
}
#contactdrill a:hover {
background-position:-53px 0;
}
#topstrip {
position:absolute;
top:147px;
left:0px;
}

h1 {
color:#0e825b;
font-weight:bold;
font-size:22px;
margin-top:0px;
margin-bottom:0px;
}
h2 {
color:#7E7E7E;
font-weight:bold;
font-size:17px;
margin-top:12px;
margin-bottom:15px;
}
span.copybold {
color:#000000;
font-weight:bold;
}
#keybenefits {
clear:both;
background-color:#000000;
color:#d2ded2;
height:320px;
overflow:hidden;
width:180px;
position:absolute;
top:20px;
left:701px;
padding:10px;
}

#keybenefits #address {
color:#ffffff;
font-size:13px;
display:inline;
}
#keybenefits h2 {
color:#f8fff8;
font-size:16px;
font-weight:normal;
display:inline;
}
#keybenefits h3 {
color:#00945f;
font-size:18px;
display:inline;
margin-top:6px;
margin-bottom:6px;
}
#keybenefits h4 {
display:inline;
color:#ffffff;
font-size:12px;
margin-top:0px;
margin-bottom:0px;
}
#keybenefits hr {
    color:#ffffff;
    border:0px;
    background-color:#ffffff;
    height:1px;
    width:180px;
}

#keybenefits td {
color:#ffffff;
padding-bottom:8px;
}
#keybenefits tr:first-child td {
padding-bottom:14px;
}
#keybenefits p {
margin-top:9px;
margin-bottom:9px;
}
#keybenefits a:link {font-size:13px; color: #437d64;}
#keybenefits a:hover {color:#a0a2a1;}
#keybenefits a:visited {font-size:13px; color: #437d64;}
#keybenefits a:visited:hover {color: #a0a2a1;}

#logospacer {
position:absolute;
top:5px;
left:15px;
background-image:url("../images/site-images/spacer.gif");
/*background-repeat:repeat;*/
height:130px;
width:275px;
}
#contactform {
width:400px;
}
table.contactform {
width:100%
}
table.contactform td {
padding-top:7px;
}
td.contactform {
width:250px;
}
td.contactformlabel {
width:150px;
font-weight:bold;
}
td.contactformlonglabel {
font-weight:bold;
width:100%;
}
input.contactform {
width:100%;
border:1px solid #7E7E7E;
}
select.contactform {
width:100%;
border:1px solid #7E7E7E;
}
#contactform input:focus, textarea:focus{
border:1px solid #0E825B;
}

td.contactformtextbox textarea {
width:398px;
height:100px;
border:1px solid #7E7E7E;
}
.contactformsubmit {
background-color:#0E825B;
color:#ffffff;
border:1px solid #7E7E7E;
}
a#getintouch {
display:block;
background:url("/images/buttons/get-in-touch-button.png") 0 0 no-repeat;
width:76px;
height:35px;
margin:10px 0;
}
a#getintouch:hover {
background-position:0 -35px;
}
#customerlogos {
width:540px;
height:540px;
margin-top:-100px;
margin-left:-180px;
background-color: transparent;
}
#logocontainer {
WIDTH: 180px;
 HEIGHT: 340px;
 OVERFLOW: hidden;
}
/*  #signpost {
width:210px;
height:76px;
background:url("../images/infocash-atm-signpost.gif") 9px 5px no-repeat;
position:absolute;
right:47px;
top: 665px;
} 
#signpost:hover {
background:url("../images/hover-atm-signpost.gif") 9px 5px no-repeat;
}
*/
#enquiry-drill-frame {
position:absolute;
right:47px;
top: 545px;
width:180px;
background-color:#000000;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}
#enquiry-drill-iframe {
width:180px;
height:190px;
}
#enquiry-drill-frame p {
color:#00945F;
font-size:18px;
font-weight:bold;
margin-bottom:4px;
margin-top:0px;
}
#enquiry-drill-frame p.morecontactdetails {
        margin-top:1px;
        margin-bottom:0px;
        text-align:right;
}
#enquiry-drill-frame  a {color:#ffffff;margin-left:0px;font-style:normal;}
#enquiry-drill-frame  a:link {color:#ffffff;margin-left:0px;font-style:normal;}
#enquiry-drill-frame a:link:hover {color:#ffffff;margin-left:0px;font-style:normal;}
#enquiry-drill-frame  a:hover {color:#ffffff;margin-left:0px;font-style:normal;}
#enquiry-drill-frame  a:visited {color:#ffffff;margin-left:0px;font-style:normal;}
#enquiry-drill-frame  a:visited:hover {color:#ffffff;margin-left:0px;font-style:normal;}


#atmhardware {
width:100%;
}
#atmhardware tr td:first-child {
width: 120px;
}
#atmhardware td {
vertical-align:top;
padding-bottom:15px;
}
#atmhardware td h3 {
margin:0px;
}

/* slideshow styles */
#drillquotebox-frame {
position:absolute;
top:199px;
left:54px;
z-index:20;
color:#00945F;
font-size:18px;
font-weight:bold;
margin-bottom:6px;
margin-top:6px;
}
#drillquotebox {
overflow:hidden;
height:485px;
width:230px;
padding-bottom:8px;
background:url("../images/site-images/quotebox-gradient.jpg") 0 0 repeat-x #fff;
}
table.connectwithus td {
    font-size:12px;
}
table.connectwithus a {color:#16709F;margin-left:0px;font-style:normal;text-decoration:none;}
table.connectwithus a:link {color:#16709F;margin-left:0px;font-style:normal;text-decoration:none;}
table.connectwithus a:link:hover {color:#16709F;margin-left:0px;font-style:normal;text-decoration:none;}
table.connectwithus a:hover {color:#16709F;margin-left:0px;font-style:normal;text-decoration:none;}
table.connectwithus a:visited {color:#16709F;margin-left:0px;font-style:normal;text-decoration:none;}
table.connectwithus a:visited:hover {color:#16709F;margin-left:0px;font-style:normal;text-decoration:none;}
ul.slides {
font-family: arial,verdana,sans serif;
}
li.slide p.quote {
color:#0E825B;
font-size:22px;
font-weight:bold;
margin:10px 0;
}
li.slide p.source {
color:#249e75;
font-size:11px;
font-weight:normal;
margin:10px 0;
}

.slideShow ul, .slideShow li {
	list-style-type: none;
	margin: 0px;
	padding: 5px;
}
.slideShow {
	display: table;
	clear: both;
	margin-bottom: 10px;
}
.slideShow .navigation {
	margin-top: 10px;
	clear: left;
	display: block;
}
.slideShow .navigation li {
	display: inline;
}
.slideShow .navigation a {
	background-color: #B3B3B3;
	margin: 0px 2px 0px 0px;
	padding: 3px 8px;
	color: #232323;
	display: inline-block;
	text-decoration: none;
	font-size: 0.8em;
}
.slideShow ul.topNavigation {
	margin: 0px 0px 40px 0px;
}
.slideShow .navigation a:hover, .slideShow .navigation a.selected {
	background-color: #929292;
	color: #000000;
}
#subnavigation {
position:absolute;
right:30px;
top:154px;
width:auto;
display:none;
}
#subnavigation a { color:white;text-decoration:none;margin-left:15px; }
#subnavigation a:hover { text-decoration:underline; }



/* This is the css for the 3 level-drop-menu */

#nav {
    font-size: 1.25em;
    height: 36px;
    position: absolute;
    top: 147px;
    z-index: 20;
    left:380px;  
}
#nav ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
}

#nav ul ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
    width:166px;
}
#nav a {
/*background-image:url("../images/site-images/nav-arrow.gif");*/
    color: #fff;
    float: left;
    height: 20px;
    padding-left: 26px;
    padding-top: 4px;
    padding-bottom:2px;
    text-decoration: none;
}

#nav > ul >li > a {
background-image:url("../images/site-images/topnav-up-left.gif");
background-repeat:no-repeat;
background-position:left;
padding-left:8px;
padding-right:11px;
height: 20px;
padding-top: 7px;

}

#nav > ul >li{
background-image:url("../images/site-images/topnav-up-right.gif");
background-repeat:no-repeat;
background-position:right;
height: 39px;
padding-right:0px;
margin-right:0px;
}

#nav > ul >li > a:hover {
/*background-image:url("../images/site-images/topnav-down-left.gif"); removed to look like design*/
color: #ffffff;
background-image:none;
background-color: #204e2a;  
}

#nav > ul >li:hover {

/*background-image:url("../images/site-images/topnav-down-right.gif");removed to look like design*/
background-image:none;
/*background-color: #204e2a;*/
}

#nav > ul >li:hover a{
/*background-image:url("../images/site-images/topnav-down-right.gif");removed to look like design*/
background-image:none;
background-color: #204e2a;
color: #ffffff;

}

#nav li {
background:url("../images/site-images/nav-arrow.gif") no-repeat 8px 7px;
    display: block;
    float: left;
    height: 26px;
    position: relative;
}

#nav li.menuhover a {
/*    background-color: #F04D41;
background-image:url("../images/site-images/topnav-down-left.gif");removed to look like design*/
background-image:none;
    color: #ffffff;
 background-color: #204e2a;

}

#nav li.menuhover li a {
    background:none;
    color: #ffffff;
}

#nav li.menuhover li a:hover {
background:url("../images/site-images/nav-arrow.gif") no-repeat 8px 7px;
    background-color: #8bab99;
    color: #fff;
    font-weight:bold

}

#nav li.menuhover li.menuhover  a {
    background-color: #8bab99;
    color: #fff;
}

#nav li.menuhover li.menuhover li a {
    background:none;
    color: #406096;
}

#nav li.menuhover li.menuhover  li a:hover {
    background-color: #8bab99;
    color: #fff;
}

#nav li li {
    border-top: 1px solid #CCCCCC;
    float: none;
    width: 201px;
}
#nav ul > li:first-child {
    border-top: 0 none;
}
#nav .menu ul {
    background-color: #204e2a;
    /*border: 1px solid #BDBBBB; removed border because once the javascript collapses the drop down
menu it occasionally incorrectly displays the border */
    display: none;
    left: 0px;
    position: absolute;
    top: 29px;
    width: 201px;
}
#nav .menu ul ul {
    display:none;
   background-color: #8bab99;
    left: 245px;
    position: absolute;
    top: 0px;
}
#nav .menu ul li a {
    width: 175px;
}


/* End of 3leveldropmenu styles */

#submenuline{
display:none;
}

/* Social Media Icons on Thankyou page */

#socialmedia_list {
	list-style-type: none;
	margin: 0;
	padding: 8px 0 0 15px;
	width: 180px;
}
#socialmedia_list li {
        list-style-type: none;
	height: 52px;
	margin-bottom: 0px;
	padding: 0;
}
#socialmedia_list li a {
	display: block;
	font-size: 17px;
	font-weight: bold;
	padding-top: 15px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#socialmedia_list li.facebook {
	height: 48px;
	margin-bottom: 0px;
	padding: 7px 0 0 0;
}

#socialmedia_list li.linkedin{
	height: 48px;
	margin-bottom: 0px;
	padding: 11px 0 0 0;
}


#socialmedia_list li a.twitter {
	font-weight: bold;
	text-decoration: none;
	color: #21a1cc;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 15px;
	display: block;
	text-align: left;
	text-indent: 10px;
}
#socialmedia_list li a.facebook {
	font-weight: bold;
	text-decoration: none;
	color: #1d558d;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 15px;
	display: block;
	text-align: left;
	text-indent: 10px;
}
#socialmedia_list li a.linkedin {
	font-weight: bold;
	text-decoration: none;
	color: #16709f;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 15px;
	display: block;
	text-align: left;
	text-indent: 10px;	
}
#socialmedia_list li div {
	float: left;
	margin-right: 5px;
	height: 48px;
}
#TwitterImg a {
	background: url("/images/site-images/twitter.png") 0 0 no-repeat;
	width: 48px;
	height: 48px;
	display: block;
}
#FacebookImg a {
	background:url("/images/site-images/facebook.png") 0 0 no-repeat;
	width: 48px;
	height: 48px;
	display: block;
}
#LinkedinImg a {
	background:url("/images/site-images/linkedin.png") 0 0 no-repeat;
	width: 48px;
	height: 48px;
	display: block;
}
/* END of Social Media Icons  on Thankyou page */


#supportform input.inputform {
    width:250px;
}
#supportform td.inputformlabel {
    width:160px;
}
#supportform input.submitbutton {
    width:300px;
    background-color:#000000;
    color:#ffffff;
    padding-top:5px;
    padding-bottom:5px;
}
#supportform textarea.inputform {
    width:250px;
    height:80px;
}
tr.supportlogos{
        background-color: #0d1b0b;


}
.footer{
        background: url("/images/site-images/drill/main_panel_stretcher.gif") top left repeat-y;
        width: 980px !important;
}
.faq{
        float: left;
        width: 357px;
        height: 66px;
        overflow: hidden;
        background: url("/images/buttons/faq.png") top left no-repeat;
        text-indent: -800px;
        margin-bottom: 15px;
}
.support{
        float: left;
        width: 357px;
        height: 66px;
        overflow: hidden;
        background: url("/images/buttons/support.png") top left no-repeat;
        text-indent: -800px;
        margin-bottom: 15px;
}
.order{
        float: left;
        width: 357px;
        height: 66px;
        overflow: hidden;
        background: url("/images/buttons/order.png") top left no-repeat;
        text-indent: -800px;
        margin-bottom: 15px;
}
.faq:hover, .support:hover, .order:hover{
        background-position: bottom left;
}
td.top-footer {line-height:1px;}