/* Standard styles to save problems -------------------------------------------------------*/
* {margin:0; padding:0;}

body {
margin:0px;
font-family: arial, verdana, sans serif;
font-size:12px;
}

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

hr {
color:#424242;
background-color:#424242;
}

#main {
background-color: #F8FAF9;
margin: 0px;
padding: 0px;
font-family: arial, verdana, sans serif;
font-size:12px;
color:#000000;
}

#wholesitepositionid {
position:relative;
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 {
position:absolute;
top:147px;
left:280px;
width:670px;
}

/* 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;
z-index:20;
font-size:0px;
}
#searchinput {
background-image:url("/Images/site-images/infocash_search_box.gif");
background-repeat:no-repeat;
padding-left:41px;
}
#notsignedin{
display:none;
}

#article {
position:relative;
}

#idpagetext {
width:919px;
height:auto;
}
#idpagetext2 {
display:none;
}

#stretcher {
display:none;
}

#basescrollgraphicid {
margin-top:0px;
margin-left: 0px;  
margin-right: auto;
position: relative;
}
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;font-family: arial, verdana, sans serif;}

#idpagetext a:link {color: #000066; text-decoration: none;font-weight:bold;}
#idpagetext a:hover {color: #9999ff;}
#idpagetext a:visited {color: #000066; text-decoration: none;font-weight:bold;}
#idpagetext a:visited:hover {color: #9999ff; text-decoration: none;font-weight:bold;}

#basescrollgraphicid a:link {color: #a0a2a1;}
#basescrollgraphicid a:hover {color:#008b5a;}
#basescrollgraphicid a:visited {color: #a0a2a1;}
#basescrollgraphicid a:visited:hover {color: #008b5a;}

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

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

#leftshadow {
position:absolute;
left: 0px;
top: 177px;
}
#rightshadow {
position:absolute;
left:952px;
top:177px;
}

table.bottomshadow {
margin-left:0px;
}

td.quotebox {
vertical-align:top;
height:400px;
padding-left: 15px;
padding-right: 10px;
padding-top: 5px;
}

/*setting the background image of each div to the hover state prevents the button from flickering while the image loads */

/* Update by Lito 7/15/2011 */

#freeplacement a {
display:block;
background:url("/images/buttons/free-placement.gif") 0 0 no-repeat;
width:128px;
height:142px;
}
#freeplacement a:hover {
background-position:-128px 0;
}

#corporate a {
display:block;
background:url("/images/buttons/corporate.gif") 0 0 no-repeat;
width:180px;
height:142px;
}
#corporate a:hover {
background-position:-180px 0;
}

#hardware a {
display:block;
background:url("/images/buttons/hardware.gif") 0 0 no-repeat;
width:126px;
height:142px;
}
#hardware a:hover {
background-position:-126px 0;
}

#proactive a {
display:block;
background:url("/images/buttons/proactive-support.gif") 0 0 no-repeat;
width:128px;
height:142px;
}
#proactive a:hover {
background-position:-128px 0;
}

#smallbusiness a {
display:block;
background:url("/images/buttons/small-business.gif") 0 0 no-repeat;
width:180px;
height:142px;
}
#smallbusiness a:hover {
background-position:-180px 0;
}
/*#aboutus {
background-image:url("/images/infocash_about_us_button_down.gif");
background-repeat:no-repeat;
}*/
#aboutus a {
display:block;
background:url("/images/buttons/about-us.gif") 0 0 no-repeat;
width:128px;
height:142px;
}
#aboutus a:hover {
background-position:-128px 0;
}

#customers a {
display:block;
background:url("/images/buttons/customers.gif") 0 0 no-repeat;
width:126px;
height:142px;
}

#customers a:hover {
background-position:-126px 0;
}

/*
#contact a {
display:block;
background:url("/images/buttons/contact.gif") 0 0 no-repeat;
width:128px;
height:142px;
}
#contact a:hover {
background-position:-128px 0;
}
*/

#maximumuptime a {
display:block;
background:url("/images/buttons/why-choose.gif") 0 0 no-repeat;
width:180px;
height:142px;
}
#maximumuptime a:hover {
background-position:-182px 0;
}
#quotetext {
width:240px;
height:240px;
font-size:18px;
font-weight:bold;
color:#0E825B;
margin-top:5px;
padding-left: 10px;
padding-top: 5px;
}

h1 {
color:#0e825b;
font-weight:bold;
}
h2 {
color:#7E7E7E;
font-weight:bold;
font-size:17px;
margin-bottom:15px;
margin-top:12px;
}
span.copybold {
color:#000000;
font-weight:bold;
}

#idheadingtext {
display:none;
}

#newsheadlines {
position:absolute;
top:655px;
left:60px;
height:240px;
width:250px;
color:#6a9383;
border:none;
}


#recentnews {
padding-left:10px;
font-family:arial, helvetica, sans serif;
}
#recentnews li, #latestnews li {
margin-bottom:10px;
}

#recentnews a:link { color:#424242; padding-left: 0px; text-align:inherit; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px;}
#recentnews a:visited, #latestnews a:visited { color:#5C5C5C; font-size:12px; text-decoration:none;} 
#recentnews a:hover, #latestnews a:hover { color:#0E825B; padding-left: 0px; text-align:inherit; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; }

#latestnews a:link { color:#ffffff; padding-left: 0px; text-align:inherit; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px;}
#latestnews a:visited { color:#ffffff; font-size:12px; text-decoration:none;}

#recentnews h2 {
font-size:18px;
margin: 0 0 10px 0;
color: #ffffff;
padding-left : 10px;
padding-top : 35px;
padding-bottom: 10px;
}

#latestnews h2 {
font-size:18px;
margin: 0 0 10px 0;
color: #00945F;
padding-top : 10px;
padding-bottom: 5px;
}

#headlines {
list-style-type:none;
margin:0; padding:0;
}
#recentnews #allnews, #latestnews #allnews {
font-size: 12px;
margin-top: 5px;
padding-top: 5px;
padding-left: 2px;
font-weight: bold;
color: #07714c;
text-align: left;
height: 29px;
width: 155px;
display: block;
}

#recentnews #allnews:hover {
color:#5C5C5C;
}

#footertext {
padding-left:30px;
color:#7e7e7e;
width:920px;
padding-bottom:15px;
}
table.footernav {
margin-left:30px;
}
table.footernav td {
padding-right:140px;
}


/* 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;
}

/* Final Update by Lito July 25 2011 */
.clear {
	clear: both;
        margin: 0;
        padding: 0;
}
#MainPageInfoCashDiv {
	width: 919px;
	height: 760px;
	background-image: url("/images/site-images/main_background_infocash.gif");
	background-repeat: no-repeat;
	margin-left: 31px;
	float: none;
}
#MainPageInfoCashDiv #top_heading {
	float: inherit;
	width: 800px;
	height: auto;
	position: relative;
	top: 30px;
	left: 40px;
}
#MainPageInfoCashDiv #right_wrapper {
	float: inherit;
	width: 800px;
	height: auto;
	top: 60px;
	left: 20px;
	position: relative;
}
#right_wrapper #middle_col {
	float: left;
	width: 312px;
	position: relative;
        left: 22px;
        top: 20px;
        right: 15px;
}
#right_wrapper #right_col {
	float: right;
	width: 200px;
	left: 50px;
	top: 0px;
	position: relative;
}
#right_wrapper #down_col {
	float: left;
	width: 144px;
	top: 12px;
	right: 0px;
	left: 60px;
	position: relative;
}
#freetousefinal a {
	height: 173px;
	width: 206px;
	background: url("/images/buttons/free-to-use-cash-machines.jpg") 0 0 no-repeat;
	overflow: hidden;
	display: block;
}

#freetousefinal a:hover {
	background-position: bottom left;
}

#selffillfinal a {
	height: 173px;
	width: 206px;
	background: url("/images/buttons/self-fill-cash-machines.jpg") 0 0 no-repeat;
	overflow: hidden;
	display: block;
}

#selffillfinal a:hover {
	background-position: bottom left;
}

#fullymanagedfinal a {
	height: 173px;
	width: 206px;
	background: url("/images/buttons/fully-managed-cash-machines.jpg") 0 0 no-repeat;
	overflow: hidden;
	display: block;
}

#fullymanagedfinal a:hover {
	background-position: bottom left;
}

#throughthewallfinal a {
	height: 173px;
	width: 206px;
	background: url("/images/buttons/through-the-wall-cash-machines.jpg") 0 0 no-repeat;
	overflow: hidden;
	display: block;
}

#throughthewallfinal a:hover {
	background-position: bottom left;
}

#CustomerImg a {
	background:url("/images/site-images/Customer_infocash_final.gif") no-repeat;
	width: 109px;
	height: 104px;
	display: block;
}
#CorporateImg a {
	background:url("/images/site-images/Corporate_infocash_final.gif") no-repeat;
	width: 113px;
	height: 104px;
	display: block;
}
#ConvenienceImg a {
	background:url("/images/site-images/Convenience_infocash_final.gif") no-repeat;
	width: 105px;
	height: 104px;
	display: block;
}
#WhyInfoCashImg a {
	background:url("/images/site-images/WhyInfoCash_infocash_final.gif") no-repeat;
	width: 109px;
	height: 108px;
	display: block;
}
#CaseStudiesImg a {
	background:url("/images/site-images/CaseStudies_infocash_final.gif") no-repeat;
	width: 113px;
	height: 108px;
	display: block;
}
#ATMsImg a {
	background: url("/images/site-images/atms_infocash_final.gif") no-repeat;
	width: 105px;
	height: 108px;
	display: block;
}
#ATMSupportImg a {
	background:url("/images/site-images/ATMSupport_infocash_final.gif") no-repeat;
	width: 109px;
	height: 112px;
	display: block;
}
#InstallationImg a {
	background:url("/images/site-images/Installation_infocash_final.gif") no-repeat;
	width: 113px;
	height: 112px;
	display: block;
}
#ContactImg a {
	background:url("/images/site-images/Contact_infocash_final.gif") no-repeat;
	width: 105px;
	height: 112px;
	display: block;
}

#right_col .headings {
	color: #00945f;
	font-weight: bold;
        margin-top: 6px;
        margin-bottom: 6px;
	font-size: 18px;
}
#right_col .AtInfoCash {
	color: #ffffff;
	font-weight: bold;
        margin-top:10px;
	font-size: 14px;
}
#right_col .YouUnderstand {
	color: #b7b7b7;
	font-weight: normal;
	font-size: 12px;
	padding: 10px 5px 0 0px;
	text-align: justify;
}
#right_col p.morecontactdetails {
        margin-top:1px;
        margin-bottom:0px;
        text-align:right;
}
#right_col a {color:#ffffff;margin-left:0px;font-style:normal;}
#right_col a:link {color:#ffffff;margin-left:0px;font-style:normal;}
#right_col a:link:hover {color:#ffffff;margin-left:0px;font-style:normal;}
#right_col a:hover {color:#ffffff;margin-left:0px;font-style:normal;}
#right_col a:visited {color:#ffffff;margin-left:0px;font-style:normal;}
#right_col a:visited:hover {color:#ffffff;margin-left:0px;font-style:normal;}

#middle_col .center {
	text-align:center;
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: top;
	height: auto;
	width: auto;
	font-size: 12px;
}
#middle_col a:link {
	color: #80827f;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#middle_col a:hover {
	color: #013e23;
}
#middle_col a:visited {
	color: #80827f;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#middle_col a:visited:hover {
	color: #013e23;
	font-weight: bold;
	text-decoration: none;
}
#down_col a.twitter {
	font-weight: bold;
	text-decoration: none;
	color: #21a1cc;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 10px;
}

#down_col a.facebook {
	font-weight: bold;
	text-decoration: none;
	color: #1d558d;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 10px;
}

#down_col a.linkedin {
	font-weight: bold;
	text-decoration: none;
	color: #16709f;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 10px;;
}

#right_wrapper #FrameDiv {
	float: left;
	position:relative
}

#socialmedia_list {
	list-style-type: none;
	margin: 0;
	padding: 8px 0 0 15px;
	width: 180px;
}
#socialmedia_list li {
	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;
}


table.enquiry-home td.contactformlabel {
        color:#ffffff;
        width: 86px;
        vertical-align:top;
        padding-top:2px;
}
table.enquiry-home td.contactform {
        padding-bottom:5px;
}
table.enquiry-home input.contactform {
        width:136px;
        background-color:#0f0f0f;
        color:#ffffff;
        border-style:solid;
        border-color:#2f2f2f;
        border-width:1px;
}
table.enquiry-home textarea.textbox {
        width:136px;
        height:64px;
        color:#ffffff;
        background-color:#0f0f0f;
        border-style:solid;
        border-color:#2f2f2f;
        border-width:1px;
        overflow-y:auto;
}
table.enquiry-drill td.contactformlabel {
        color:#ffffff;
        width: 86px;
        vertical-align:top;
        padding-top:2px;
}
table.enquiry-drill td.contactform {
        padding-bottom:5px;
}
table.enquiry-drill input.contactform {
        width:120px;
        background-color:#0f0f0f;
        color:#ffffff;
        border-style:solid;
        border-color:#2f2f2f;
        border-width:1px;
}
table.enquiry-drill textarea.textbox {
        width:120px;
        height:64px;
        color:#ffffff;
        background-color:#0f0f0f;
        border-style:solid;
        border-color:#2f2f2f;
        border-width:1px;
        overflow-y:auto;
}

tr.supportlogos{
        background-color: #0d1b0b;
}
.footer{
        background: url("/images/site-images/drill/main_panel_stretcher.gif") top left repeat-y;
        width: 980px !important;
}
td.top-footer {line-height:1px;}