/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY { 
text-align: center;
color: #000000;
margin: 0px;
}

.fixcenter {
  width: 739px;
  background: #ffffff;
  color: #000000;
  margin: auto;
  margin-top: 2px;
  text-align: left;
}

A {
  color: #828282;
  text-decoration: none;
}

A:hover {
  color: #84bac8;
}

FORM {
	display: inline;
}

.header {
  background: #ffffff url(images/top01.jpg) no-repeat left bottom;
  width:740px;
  height:80px;
}

TR.headerNavigation {
  background: #e4e4e4;
}

TD.headerNavigation1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #e4e4e4;
  background-image: url(images/headernavigation.gif);
  color: #ffffff;
  font-weight : bold;
}
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #e4e4e4;
  background-image: url(images/headernavigation1.gif);
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #666666; 
}

A.headerNavigation:hover {
  color: #333333;
}

TR.headerCrumb {
  background: #4e4e4e;
}

TD.headerCrumb {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #4e4e4e;
  color: #b8dee7;
  font-weight : bold;
}

A.headerCrumb { 
  color: #000000; visibility: hidden; 
}

A.headerCrumb:hover {
  color: #cccccc; visibility: hidden; 
}

TR.headerError {
  background: #ff0000; 
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #e4e4e4;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #e4e4e4;
  background-image: url(images/headercrumb.gif);
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #ededed;
}

.infoBoxContents {
  background: #fefefe;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #e4e4e4;
  background-image: url(images/headernavigation1.gif);
  color: #666666;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #fefefe;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #fefefe;
}

TABLE.productListing {

}

.productListing-heading {
font: bold 11.3px arial;
  background: #b8dee7;
  color: #e26900;
text-transform: uppercase; 
}

TD.productListing-data {
width: 10%;
text-align:center;
vertical-align:top; 
padding:10 10 10 10;
color: #828282; 
font: 12px arial; 
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
background: url('http://www.apexatm.com/images/vebotix/h2.png') no-repeat top left; 
height: 31px; 
text-transform: uppercase; 
color: #2d6bbe; 
margin: 0px;
letter-spacing: 0.04em; font-style:normal; font-variant:normal; font-weight:bold; font-size:16px; font-family:arial; padding-left:40px; padding-right:0px; padding-top:3px; padding-bottom:3px 
text-align: left; 
}

TD.pageHeading:first-letter {color: #2d6bbe; font: bold 23px arial; }

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main { 
color: #828282; 
font: 12px arial; 
letter-spacing: 0.09em; 
text-align: justify; 
line-height: 20px; 
}

.main strong { 
color: #294453; }

TD.smallText, P.smallText {
font: 11.3px arial; 
color: #fff; 
}

SPAN.smallText {
font: 11.3px arial; 
color: #828282; 
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;

}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #aaaaaa; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #dddddd; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/*Credits: Dynamic Drive CSS Library */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 176px; /* Width of Menu Items */
border-bottom: 1px solid #ededed;
font-family: arial;
font-size: 12px;
}

.suckerdiv ul li{
position: relative;
background-color: #fefefe;
}

/*1st level sub menu style */
.suckerdiv ul li ul{
left: 175px; /* Parent menu width - 1*/
position: absolute;
width: 176px; /*sub menu width*/
top: 0;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{
left: 175px; /* Parent menu width - 1*/
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li a{
left: 175px; /* Parent menu width - 1*/
background-color: #fefefe;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li a{
background-color: #fefefe;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li ul li a{
background-color: #fefefe;
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: #666666;
text-decoration: none;
background-color: #fefefe;
padding: 1px 5px;
border: 1px solid #ededed;
border-bottom: 0;
line-height: 1.75em;

}

.suckerdiv ul li a:hover{
background-color: #e4e4e4;
color: #000000;
text-decoration: none;
}




.suckerdiv ul li ul li a:hover{
background-color: #e4e4e4;
color: #000000;
text-decoration: none;
}

.suckerdiv ul li ul li ul li a:hover{
background-color: #e4e4e4;
color: #000000;
text-decoration: none;
}

/* The main categories with sub-categories */
.suckerdiv .subfolderstyle{
background: url(images/arrow-list.gif) no-repeat center right;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul .subfolderstyle {
background-color: #fefefe;
}

#subit a:hover, #navi a:hover	{
text-decoration:none;
}

#subit { 
height: 16px; 
font: bold 11.3px arial; 
text-transform: uppercase; 
z-index: 1;
}

#subit ul {
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
display: block; }

#subit li {
margin: 0px 0px 0px 0px; 
padding: 0px 3px 0px 3px; 
list-style-type: none; 
line-height: 20px; background: #fff; 
}

#subit a {display: block; }
#subit {color: #ea6b00;}
#subit a:link {color: #ea6b00; border-bottom: 1px solid #fff; }
#subit a:visited {color: #ea6b00; border-bottom: 1px solid #fff; }
#subit a:hover {color: #296cbd; border-bottom: 1px solid #a4bcde; }

.switchcontent { 
width: 160px; 
border: 1px solid #ea6b00;}

#subit1 {
position: absolute; 
left: 50%;
margin-left: -358px; 
}


#subit2 {
position: absolute; 
left: 50%;
margin-left: -239px; 
}

#subit3 {
position: absolute; 
left: 50%;
margin-left: -116px; 
}

#subit4 {
position: absolute; 
left: 50%;
margin-left: -8px; 
}

#subit5 {
position: absolute; 
left: 50%;
margin-left: 114px; 
}

#subit6 {
position: absolute; 
left: 50%;
margin-left: 187px; 

}

#navi {
background: url('images/navigation.jpg') no-repeat top center;
margin: 0;
padding: 0;
position: relative;
width: 740px;
height: 36px;
}

#navi li {
display: block;	
list-style: none;
margin: 0;
padding: 0;
position: absolute;
}

#navi a { 
display: block; 
height: 36px;
text-decoration: none;
}

#navi span { 
font-size: 1.0em;
visibility: hidden; 
}

#products {
top: 0px;
left: 0px;
width: 123px;
}

#industries {
top: 0px;
left: 123px;
width: 124px;
}

#services {
top: 0px;
left: 247px;
width: 108px;
}

#download {
top: 0px;
left: 355px;
width: 120px;
}

#faqs {
top: 0px;
left: 475px;
width: 74px;
}

#aboutus {
top: 0px;
left: 549px;
width: 105px;
}

#products a:hover { background: url('images/navigation.jpg') no-repeat 0px -36px; }
#industries a:hover { background: url('images/navigation.jpg') no-repeat -123px -36px;}
#services a:hover { background: url('images/navigation.jpg') no-repeat -247px -36px;}
#download a:hover { background: url('images/navigation.jpg') no-repeat -355px -36px;}
#faqs a:hover { background: url('images/navigation.jpg') no-repeat -475px -36px;}
#aboutus a:hover { background: url('images/navigation.jpg') no-repeat -549px -36px;}
/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul .subfolderstyle {
background-color: #fefefe;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul li ul .subfolderstyle {
background-color: #fefefe;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }

#texter {float: left; 
width:580px;
border: 1px solid #c7c7c7; 
padding: 3px 0px 2px 3px;
height: 92px; 
margin-top: 8px; 
background: #EBEBEB; 
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}

#rotate { 
color: #828282; 
font: 12px arial; 
letter-spacing: 0.09em; 
text-align: justify; 
line-height: 20px; 
float: right;  
border: 1px solid #c7c7c7; 
padding: 3px 0px 2px 3px; 
margin-top: 8px;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
}

#rotate img {margin-left: 12px;}

#rotate strong { 
text-transform: uppercase; 
color: #f26f00; 
font: bold 11.3px arial; 
}
#text { 
width: 740px; 
color: #828282; 
font: 12px arial; 
letter-spacing: 0.09em; 
text-align: justify; 
line-height: 20px; 
}

#text h1 { 
background: url('images/texter.png') no-repeat top left; 
height: 31px; 
text-transform: uppercase; 
color: #2d6bbe; 
margin: 0px;
letter-spacing: 0.04em; font-style:normal; font-variant:normal; font-weight:bold; font-size:16px; font-family:arial; padding-left:40px; padding-right:0px; padding-top:3px; padding-bottom:3px 
}

#text h1:first-letter {color: #2d6bbe; font: bold 23px arial; }

#text h3 { 
text-transform: uppercase; 
color: #f26f00; 
font: bold 12px arial; 
letter-spacing: 0.04em; 
text-align: left; 
margin: 10px 0px 0px 0px;
padding: 2px 0px 3px 10px; 

}
#atmindex {
background: url(images/index-atm.png) no-repeat top;
width:120px; 
height: 306px; 
position: absolute; 
top: 340px;
left:50%;
margin-left: 240px; 
}
#header-image	{
background: url(images/header.jpg) repeat-x top left;
margin-top: 0px; 
padding: 0px 0px 0px 0px;
height:224px;
vertical-align:top;
}
#header-image img	{
vertical-align:bottom;
}

#flashalign {
background: url(images/header-index.jpg) repeat-x top left;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
z-index: 0;
height:288px;
}

#menusection	{
	background:url(images/head-nav.jpg) repeat-x top;
	margin: 0 auto 0 auto; 
}

h2 { 
height: 31px; 
text-transform: uppercase; 
color: #484848; 
margin: 0px;
font: bold 16px arial; 
padding: 0px; 
text-align: center; 
}

#footerwrap {
background: url('http://www.apexatm.com/images/vebotix/footerbg.jpg') repeat-x top; 
width: 100%; 
height: 150px
}

#footer {
background: url('http://www.apexatm.com/images/vebotix/footer.jpg') no-repeat top;
width: 740px;
height: 97px;
margin: 0 auto; 
font: 11.3px tahoma, arial; 
letter-spacing: 0.05em; 
color: #8f8f8f; 
}

#footer p { 
margin: 0px 5px 0px 0px; 
padding: 0px 0px 0px 0px; 
float: left; 
}
#footer form {float: left;}
#footer strong {float: left; margin-right: 5px; }

#search {  
float: left; 
width: 290px; 
padding: 43px 0px 0px 0px; 
}

#footertext { 
width: 740px; 
padding: 15px 0px 0px 0px; 
text-align: center; 
}

#footer a:active {color: #8f8f8f;}
#footer a:link {color: #8f8f8f;}
#footer a:visited {color: #8f8f8f;}
#footer a:hover {color: #767676;}


#footer input, select, option, textarea { 
color: #8f8f8f; 
background: #ffffff;
font: 9px verdana;
padding: 1px;
margin: 0px 0px 0px 0px; 
border: 1px solid #8f8f8f; 
letter-spacing: 0.3ex; 
}

#privacy {float: right; padding-top: 15px;}

h4 { 
background: url('http://www.apexatm.com/images/vebotix/h4.jpg') top left no-repeat; 
height: 28px; 
text-transform: uppercase; 
color: #828282; 
letter-spacing: 0.04em; 
text-align: left; 
float: left; 
font: bold 16px arial;  
margin-left:0px; margin-right:50px; margin-top:0px; margin-bottom:0px; padding-left:33px; padding-right:0px; padding-top:5px; padding-bottom:3px 
}