/*
  $Id: stylesheet.css,v 1.35 2001/12/20 14:45:32 dgw_ Exp $

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

  Copyright (c) 2001 osCommerce

  Released under the GNU General Public License
*/

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


BODY {
  background: #333333;
  color: #000000;
  margin: 0px;
  font-family:	Arial, Helvetica, sans-serif;
	overflow: auto;
	scrollbar-arrow-color:#ffffff;
	scrollbar-highlight-color:#cccccc; 
	scrollbar-shadow-color:#cccccc;
	scrollbar-3dlight-color:#cccccc; 
	scrollbar-darkshadow-color:#cccccc; 
	scrollbar-face-color:#cccccc; 
	scrollbar-track-color:#ffffff;

}


DIV.bodylayer {
	position:absolute; 
	width:800px; 
	height:520px; 
	z-index:1; 
	left: 0px; 
	top: 50%;
	margin-top: -225px; 
	background-color: #FFFFFF; 
}

DIV.headlayer {
	position:absolute; 
	width:760px; 
	height:65px; 
	z-index:2; 
	top: 50%;
	margin-top: -300px; 
	left: 20px;
}
DIV.headerinfolayer {
	position:absolute; 
	width:610px; 
	height:50px; 
	z-index:102; 
	top: 125px; 
	left: 150px;
}
DIV.headlogin {
	position:absolute; 
	width:100px; 
	z-index:3; 
	left: 535px;
	bottom: -2px;
	
}

DIV.headlogin2 {
	position:absolute; 
	width:100px; 
	z-index:3; 
	left: 590px;
	bottom: -2px;
	
}
DIV.headlogoff2 {
	position:absolute; 
	width:100px; 
	z-index:3; 
	left: 500px;
	bottom: -2px;
}
DIV.headcontact {
	position:absolute; 
	width:75px; 
	z-index:3; 
	left: 690px;
	bottom: -2px;
}
DIV.headlogoff {
	position:absolute; 
	width:100px; 
	z-index:3; 
	left: 400px;
	bottom: -2px;
}

DIV.footlayer {
	position:absolute; 
	width:800px; 
	height:20px; 
	z-index:2; 
	top: 50%;
	margin-top: 300px; 
	left: 0px;
}

TR.headerNavigation {
  background-color: #333333;
}

TD.headerNavigation {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight : bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

A.headerNavigation { 
  color: #FFFFFF;
  text-decoration:none;
}
A.headerNavigation:hover { 
  color: #FFFFFF; 
  text-decoration:none;
}

A.breadcrumbNavigation { 
  color: #333333;
  text-decoration:none;
}

A.breadcrumbNavigation:hover { 
  color: #333333;
  text-decoration:none;
}


DIV.textlayer {
	position:absolute; 
	width:360px;
	height: 440px; 
	z-index:3; 
	left: 20px; 
	top: 160px;
}

DIV.titlelayer {
	position:absolute; 
	width:360px;
	z-index:3; 
	left: 20px; 
	top: 110px;
	vertical-align:bottom;
}

DIV.cateroymenulayer {
	position:absolute;
	width:170px;
	z-index:3;
	left: 30px;
	top: 140px;
	vertical-align:top;
	word-spacing: 1.5px;
}

DIV.titlemainlayer {
	position:absolute;
	width:150px;
	height: 25px;
	z-index:3;
	left: 20px;
	top: 65px;
	word-spacing: 1.5px;
}

DIV.title2mainlayer {
	position:absolute;
	width:580px;
	height: 25px;
	z-index:3;
	left: 170px;
	top: 65px;
	vertical-align:top;
	word-spacing: 1.5px;
}

DIV.titlemainlayeraccount {
	position:absolute;
	width:540px;
	height: 25px;
	z-index:3;
	left: 200px;
	top: 65px;
	vertical-align:top;
	word-spacing: 1.5px;
}
DIV.cateroytitlelayer {
	position:absolute;
	width:580px;
	height: 25px;
	z-index:3;
	left: 220px;
	top: 80px;
	vertical-align:top;
	border-bottom-color:#666666;
	border-bottom-style:dotted;
	border-bottom-width:medium;
	word-spacing: 1.5px;
}

DIV.producttitlelayer {
	position:absolute;
	width:400px;
	height: 20px;
	z-index:3;
	left: 400px;
	top: 140px;
	vertical-align:top;
}
DIV.servicestitlelayer {
	position:absolute;
	width:400px;
	height: 20px;
	z-index:3;
	left: 220px;
	top: 140px;
	vertical-align:top;
}
DIV.productoptionlayer {
	position:absolute;
	width:175px;
	height: 280px;
	z-index:3;
	left: 218px;
	top: 140px;
	vertical-align:top;
	overflow:auto;
	scrollbar-arrow-color:#cccccc;
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#cccccc;
	scrollbar-3dlight-color:#cccccc; 
	scrollbar-darkshadow-color:#cccccc; 
	scrollbar-face-color:#ffffff; 
	scrollbar-track-color:#ffffff;
}

DIV.referenceimagelayer {
	position:absolute;
	width:170px;
	z-index:3;
	left: 218px;
	top: 90px;
	vertical-align:top;
}

DIV.incartlayer {
	position:absolute;
	width:150px;
	height: 40px;
	z-index:3;
	left: 218px;
	top: 490px;
	vertical-align:top;
}
DIV.productincartlayer {
	position:absolute;
	width:250px;
	height: 40px;
	z-index:3;
	left: 218px;
	top: 470px;
	vertical-align:top;
}

DIV.producttextlayer {
	position:absolute;
	width:380px;
	height: 320px;
	z-index:3;
	left: 400px;
	top: 160px;
	vertical-align:top;
	overflow: auto;
}

DIV.referencetextlayer {
	position:absolute;
	width:350px;
	z-index:3;
	left: 420px;
	top: 90px;
	vertical-align:top;
	overflow: auto;
}

DIV.servicestextlayer {
	position:absolute;
	width:560px;
	height: 315px;
	z-index:3;
	left: 220px;
	top: 165px;
	vertical-align:top;
	overflow: auto;
}

DIV.servicesoptionlayer {
	position:absolute;
	width:560px;
	height: 240px;
	z-index:3;
	left: 220px;
	top: 215px;
	vertical-align:top;
}

DIV.productpdflayer {
	position:absolute;
	width:350px;
	height: 40px;
	z-index:3;
	left: 400px;
	top: 490px;
	vertical-align:top;
}

DIV.pdflayer {
	position:absolute;
	width:340px;
	height: 40px;
	z-index:3;
	left: 435px;
	top: 470px;
	vertical-align:top;
}
DIV.maintextlayer {
	position:absolute;
	width:628px;
	height: 350px;
	z-index:3;
	left: 170px;
	top: 110px;
	vertical-align:top;
	overflow: auto;
}
DIV.maintextlayershopping {
	position:absolute;
	width:608px;
	height: 330px;
	z-index:3;
	left: 170px;
	top: 110px;
	vertical-align:top;
	overflow: auto;
}
DIV.maintextlayercheckout {
	position:absolute;
	width:608px;
	height: 375px;
	z-index:4;
	left: 170px;
	top: 90px;
	vertical-align:top;
	overflow: auto;
}

DIV.maintextlayeraccount {
	position:absolute;
	width:578px;
	height: 350px;
	z-index:3;
	left: 200px;
	top: 110px;
	vertical-align:top;
	overflow: auto;
}
DIV.maintextlayer2 {
	position:absolute;
	width:628px;
	height: 400px;
	z-index:3;
	left: 170px;
	top: 110px;
	vertical-align:top;
	overflow: auto;
}

DIV.maintextfootlayer {
	position:absolute;
	width:608px;
	height: 40px;
	z-index:4;
	left: 170px;
	top: 450px;
	vertical-align:top;
}

DIV.maintextfootlayercheckout {
	position:absolute;
	width:608px;
	height: 40px;
	z-index:3;
	left: 170px;
	top: 490px;
	vertical-align:top;
}

DIV.maintextfootlayeraccount {
	position:absolute;
	width:570px;
	height: 40px;
	z-index:3;
	left: 200px;
	top: 450px;
	vertical-align:top;
}
DIV.maintextfootlayer2 {
	position:absolute;
	width:610px;
	z-index:3;
	left: 170px;
	top: 450px;
}


DIV.imagelayer {
	position:absolute; 
	width:360px;
	height: 480px; 
	z-index:3; 
	left: 420px; 
	top: 20px;
}

TD.pageHeading, DIV.pageHeading {
	font-family: 'Arial', Helvetica, sans-serif;
  	font-size : 14px;
  	font-weight : bold;
  	color: #FF9900;
	text-transform: uppercase;
}

TD.pageHeadingsmall, DIV.pageHeadingsmall {
	font-family: 'Arial', Helvetica, sans-serif;
  	font-size : 14px;
  	font-weight : bold;
  	color: #FF9900;
}
TD.pageHeading2, DIV.pageHeading2 {
	font-family: 'Arial', Helvetica, sans-serif;
  	font-size : 13px;
  	font-weight : bold;
  	color: #333333;
}

TD.categoryHeading {
	font-family: 'Arial', Helvetica, sans-serif;
  	font-size : 14px;
  	font-weight : bold;
  	color: #669933;
	text-transform:uppercase;
}

TD.categoryHeadingServices {
	font-family: 'Arial', Helvetica, sans-serif;
  	font-size : 14px;
  	font-weight : bold;
  	color: #FF9900;
	text-transform:uppercase;
}
TD.productHeading, DIV.productHeading {
	font-family: 'Arial', Helvetica, sans-serif;
  	font-size : 12px;
  	font-weight : bold;
  	color: #000000;
	word-spacing: 1.5px;
}

TD.servicesHeading {
	font-family: 'Arial', Helvetica, sans-serif;
  	font-size : 12px;
  	font-weight : bold;
  	color: #000000;
	text-transform:uppercase;
	word-spacing: 1.5px;
}
TD.categorymenu {
	font-family: 'Arial', Helvetica, sans-serif;
  	font-size : 14px;
  	font-weight : bold;
  	color: #669933;
	word-spacing: 1.5px;
}

TD.categorymenuservices {
	font-family: 'Arial', Helvetica, sans-serif;
  	font-size : 14px;
  	font-weight : bold;
  	color: #FF9900;
	word-spacing: 1.5px;
}
A { 
  color: #000000; 
  text-decoration: none; 
}

A.whitelink { 
  color: #FFCC99; 
  text-decoration:none; 
}

A:hover { 
  color: #000000; 
  text-decoration: none; 
}

A:hover.whitelink { 
  color: #FFFFDF; 
  text-decoration:underline;
}

TR.header {
  background-color: #ffffff;
}


TR.headerError {
  background-color: #ffffff;
}

TD.headerError {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #FFFFFF;
  color: #FF0000;
  font-weight : normal;
}

TR.headerInfo {
  background-color: #ffffff;
}

TD.headerInfo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #FFFFFF;
  color: #FF0000;
  font-weight : normal;
}

TR.footer {
  background-color : #000080;
}

TD.footer {
  font-family: "Arial", Helvetica, sans-serif;
  font-size : 10px;
  background-color : #000080;
  color : #FFFFDF;
  font-weight : bold;
}

TABLE.infoBox {
  background-color: #ffffff;


}

TABLE.infoBoxContents {
  background-color: #ffffff;
}

TD.infoBoxHeading {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 10px;
  background-color : #000080;
  color: #FFFFDF;
}

TD.infoBox, SPAN.infoBox {
  font-family: "Arial", Helvetica, sans-serif;
  font-size : 10px;
  background-color : #ffffff;
}

TD.infoBoxContents {
  font-family: "Arial", Helvetica, 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-color : #FFFFFF;
}

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-color : #FFFFFF;
}

TR.productListing-heading {
}

TD.productListing-heading {
  font-family : "Arial", Helvetica, sans-serif;
  font-size : 12px;
  background-color : #FFFFFF;
  color : #000000;
  font-weight : bold;
  letter-spacing: 1px;
}

TD.productListing-heading-separator {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}


TD.productListing-data {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
}

TD.productListing-data2 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	padding-top: 10px;
	padding-bottom: 5px;
}


TR.subBar {
  background-color : #FFFFBB;
}

TD.subBar {
  font-family: "Arial", Helvetica, sans-serif;
  font-size : 10px;
  color : #460000;
}

TD.main, P.main, DIV.main {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
    line-height: 1.5;
}

TD.maincheckout, P.maincheckout, DIV.maincheckout {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
}
TD.mainproduct, P.mainproduct, DIV.mainproduct {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText{
  font-family: "Arial", Helvetica, sans-serif;
  font-size : 10px;
}

TD.smallTextListing {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
}
TD.accountCategory {
  font-family: "Arial", Helvetica, sans-serif;
  font-size : 13px;
  color : #800000;
}

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

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

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

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

CHECKBOX {
  font-family: "Arial", Helvetica, sans-serif;
	font-size: 10px;
	border: 5px solid #999999;
	background-color: #CCCCCC;
	text-align:left;
	margin-left: -4px;
}

CHECKBOX.mainradio {
  font-family: "Arial", Helvetica, sans-serif;
	font-size: 10px;
	border: 5px solid #999999;
	background-color: #CCCCCC;
	text-align:left;
	margin-left: -4px;
}
INPUT {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border: 0px;
}

INPUT.main {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	background-color: #CCCCCC;
	height: 15px;
	border: 0px;
	width: 154px;
}

INPUT.contact {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	background-color: #CCCCCC;
	height: 15px;
	border: 0px;
	width: 170px;
}
INPUT.mainaccount {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	background-color: #CCCCCC;
	height: 15px;
	border: 0px;
	width: 170px;
}
INPUT.mainradio {
margin-left: -4px;
}
RADIO {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 5px solid #999999;
	background-color: #CCCCCC;
}
RADIO.mainradio {
margin-left: -4px;
}

SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CCCCCC;
	border-color:#FFFFFF;
	border-style: solid;
	border-width: 1px;
	width: 154px;
	height: 15px;
}


TEXTAREA {
	font-family: Arial;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	overflow:hidden;
}

TEXTAREA.checkout {
	width: 100%;
	font-family: Arial;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	overflow:auto;
	scrollbar-arrow-color:#ffffff;
	scrollbar-highlight-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-darkshadow-color:#cccccc;
	scrollbar-face-color:#cccccc;
	scrollbar-track-color:#ffffff;
}

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

A.rightNavigation {
	font-family: "Arial Black" ;
	font-size: 12px;
	color: #669900;
	letter-spacing: 1.5px;
}
A.rightNavigation:hover {
	color: #669900;
}
A.leftNavigation {
	font-family: "Arial" ;
	font-size: 11px;
	color: #333333;
	line-height: 20px;
	word-spacing: 1.5px;
}
A.leftNavigation:hover {
	color: #333333;
}
A.leftNavigationSolutions1 {
	font-family: "Arial" ;
	font-size: 10px;
  	font-weight : bold;
	color: #669900;
	line-height: 15px;
	word-spacing: 1.5px;
}
A.leftNavigationSolutions1:hover {
	color: #669900;
}
A.leftNavigationSolutions1:active {
	color: #669900;
}

A.leftNavigationSolutions {
	font-family: "Arial" ;
	font-size: 11px;
	color: #669900;
	line-height: 15px;
	word-spacing: 1.5px;
}
A.leftNavigationSolutions:hover {
	color: #333333;
}
A.leftNavigationSolutions:active {
	color: #669900;
}

A.leftNavigationServices {
	font-family: "Arial" ;
  	font-size : 11px;
  	font-weight : bold;
	color: #FF9900;
	line-height: 15px;
	word-spacing: 1.5px;
}
A.leftNavigationServices:hover {
	color: #333333;
}
A.leftNavigationServices:active {
	color: #FF9900;
}
A.pageResults {
  color: #000000;
}

A.pageResults:hover {
  color: #000000;
}
A.SubrightNavigation {
	font-family: "Arial";
	font-size: 11px;
	color: #669900;
}
A.SubrightNavigation:hover {
	font-family: "Arial";
	font-size: 11px;
	color: #669900;
}
A.buynow {
	font-family: "Arial";
	font-size: 11px;
	color: #FF9900;
}
A.buynow:hover {
	font-family: "Arial";
	font-size: 11px;
	color: #FF9900;
}
A.contactus {
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-transform: uppercase;
	line-height: 20px
	word-spacing: 1.5px;
}
A.contactus:hover {
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-transform: uppercase;
}
A.shopping {
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
A.shopping:hover {
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

A.back {
	color: #FF9900;
	font-size: 10px;
	font-weight: bold;
}

A.back:hover { 
  	color: #FF9900; 
	font-size: 10px;
	font-weight: bold;
}
A.continue {
	color: #333333;
	font-size: 10px;
}

A.continue:hover { 
  	color: #333333; 
	font-size: 11px;
}

A.continueunderline {
	color: #000000;
	text-decoration: underline;
}

A.continueunderline:hover { 
  	color: #000000; 
	text-decoration: underline;
}

.inputRequirement { font-family: "Arial"; font-size: 11px; color: #FF9900; font-weight:bold }
.messageBox { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#FF9900; }
.messageStackSuccess { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #c76170; }
/* submit text */
.inputbuttonsolution {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-align: right;
	width: 120px;
	margin: 0px;
	padding: 0px;
} 

.inputbuttonshopping {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-align: right;
	width: 150px;
	margin: 0px;
	padding: 0px;
} 
.inputbuttonincart {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF9900;
	text-align: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
} 

.inputbuttonorange {
	font-family: "Arial";
	font-size: 10px;
	color: #FF9900;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	padding-left: -2px;
	font-weight: bold;
} 
.inputbuttonblack {
	font-family: "Arial";
	font-size: 11px;
	color: #000000;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
} 
.inputbuttoncheckout {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 15px;
	text-align: right;
} 

TABLE.formArea {
  background-color : #FFFFDF;
  border-color : #990000;
  border-style : solid;
  border-width : 1px;
}

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

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

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

TD.checkoutBar {
  font-family: "Arial", Helvetica, sans-serif;
  font-size : 10px;
  color: #800000;
}

.checkoutBarFrom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.checkoutBarTo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
/*The color & size of the text at the bottom of the checkout pages that shows what page
you are on */
.checkoutBarCurrent { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
}
SPAN.checkoutBarHighlighted {
  font-family: "Arial", Helvetica, sans-serif;
  font-size : 10px;
  color: #460000;
}

TD.tab {
	background-color: Navy;
  font-family: "Arial", Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: smaller;
	}
		
A.tab {
  font-family: "Arial", Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration : none;
	}
A.tab:hover {
  font-family: "Arial", Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #ffcc00;
	text-decoration : none;
}
TD.ontab {
	background-color: #6699ff;
  font-family: "Arial", Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: smaller;
	color: #ffffff;
	}

A.headerLink {
	background-color: #ffffff;
  font-family: "Arial", Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: smaller;
	color: #000099;
	text-decoration : none;
}
A.headerLink:hover {
  font-family: "Arial", Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: smaller;
	color: #99ccff;
	text-decoration : none;
}
TR.texttitela {
	font-size: 11px;
	color: #000000;
	line-height: 1.5;
	font-weight: bold;
	font-family: "Arial", Helvetica, sans-serif;
}
TR.text {
  	font-family:	Arial, Helvetica, sans-serif;
  	color: #000000;
  	font-size: 11px;
}
TD.text {
  	font-family:	Arial, Helvetica, sans-serif;
  	color: #000000;
  	font-size: 11px;
}
TR.textb {
  font-family:	Arial, Helvetica, sans-serif;
  	color: #000000;
  	font-size: 10px;
}

TD.textdetails {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
    line-height: 1.5;
  	color: #000000;
}


#absLayer1 {
	position:absolute;
	width:100%;
	z-index:1;
}

#absLayer2 {
	position:absolute;
	width:100%;
	z-index:1;
}
#absLayer3 {
	position:absolute;
	width:100%;
	z-index:1;
}
#absLayer4 {
	position:absolute;
	width:100%;
	z-index:1;
}

#absLayer5 {
	position:absolute;
	width:100%;
	z-index:1;
}



.home {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.5px;
}

/*
 * Menu container settings
 * Applies to second (or more) level menu containers
 */
.home ul {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 11px;
}

/*
 * Menu items settings
 * Applies to all menu items in all menu containers
 */
.home li {

	width: 144px;
	height: 15px;
	background-color: #0D0D0D;
}

/*
 * Menu items settings
 * Applies to second (or more) level menu items
 */
.home ul li {
	background-image: none;
	background-color: #333333;
 	width: 144px;
}

/*
 * Menu link settings
 * Applies to links that are to be found within the menu items, no matter the menu level
 */
.home a {
	text-decoration: none;
	color: #FFFFFF;
	line-height: 15px;
	cursor: pointer;
	text-align: center;
}

/*
 * Menu link settings
 * Applies to links located in the second (or more) level menu items
 */
.home ul a {
 	color: #FFFFFF;
	line-height: 15px;
}

/***************************************************************************
* In this section, we will define what happens when mouse-overing an item  *
***************************************************************************/
/*
 * Mouse over on menu items
 * Applies to all menu items in all menu containers
 */
.home li.hover {
	background-position: 0px 12px !important;
}
  
/*
 * Mouse over on menu items
 * Applies to second (or more) level menu items
 */
.home ul li.hover {
  	background-color: #333333;
  	background-image: none;
}

/*
 * Mouse over on links
 * Applies to all links in all menu items
 */
.home a.hover {
}

/*
 * Mouse over on links
 * Applies to links located in the second (or more) level menu items
 */
.home ul a.hover {
  	color: #FFFFFF !important;
}
/*****************************************************************************
* In this section, we will define what happens when a menu item is selected  *
*****************************************************************************/
/*
 * Selected menu item
 * Applies to selected menu items in all menu containers
 */
.home li.selected {
	background-position: 0px 22px;
}

/*
 * Selected menu item
 * Applies to second (or more) level selected menu items
 */
.home ul li.selected {
}

/*
 * Selected links
 * Applies to selected links in all menu items
 */
.home a.selected {
}

/*
 * Selected links
 * Applies to selected links located in the second (or more) level menu items
 */
.home ul a.selected {
	color: #FFFFFF;
}
/******************************************************************************
* In this section, we will define the menu arrows behavior                    *
* An arrow is inserted next to the menu item when the menu item has sub-menus *
******************************************************************************/

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus
 */
.home .arrow {
}

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus located in the second (or more) level
 */
.home .hover ul .arrow,
.home ul .arrow {
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus on mouse over
 */
.home .hover .arrow {
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus located in the second (or more) level on mouse over
 */
.home ul .hover .arrow {
}

.services {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 12px;
 	font-weight: bold;
}

/*
 * Menu container settings
 * Applies to second (or more) level menu containers
 */
.services ul {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 11px;
}

/*
 * Menu items settings
 * Applies to all menu items in all menu containers
 */
.services li {

	width: 144px;
	height: 15px;
	background-color: #FF9900;
}

/*
 * Menu items settings
 * Applies to second (or more) level menu items
 */
.services ul li {
	background-image: none;
	background-color: #FFCC66;
	width: 144px;
	height: 18px;
}

.services ul li ul li{
	background-image: none;
	background-color: #FFCC66;
	width: 200px;
	height: 18px;
}
/*
 * Menu link settings
 * Applies to links that are to be found within the menu items, no matter the menu level
 */
.services a {
	text-decoration: none;
	color: #FFFFFF;
	line-height: 15px;
	cursor: pointer;
	text-align:center;
	letter-spacing: 1.5px;
}

/*
 * Menu link settings
 * Applies to links located in the second (or more) level menu items
 */
.services ul a {
	color: #000000;
	line-height: 18px;
	vertical-align:middle;
	text-align:left;
	padding-left: 10px;
}

/***************************************************************************
* In this section, we will define what happens when mouse-overing an item  *
***************************************************************************/
/*
 * Mouse over on menu items
 * Applies to all menu items in all menu containers
 */
.services li.hover {
	background-position: 0px 12px !important;
}
  
/*
 * Mouse over on menu items
 * Applies to second (or more) level menu items
 */
.services ul li.hover {
  	background-color: #FFCC66;
  	background-image: none;
}

/*
 * Mouse over on links
 * Applies to all links in all menu items
 */
.services a.hover {
}

/*
 * Mouse over on links
 * Applies to links located in the second (or more) level menu items
 */
.services ul a.hover {
  	color: #000000 !important;
}
/*****************************************************************************
* In this section, we will define what happens when a menu item is selected  *
*****************************************************************************/
/*
 * Selected menu item
 * Applies to selected menu items in all menu containers
 */
.services li.selected {
	background-position: 0px 22px;
}

/*
 * Selected menu item
 * Applies to second (or more) level selected menu items
 */
.services ul li.selected {
}

/*
 * Selected links
 * Applies to selected links in all menu items
 */
.services a.selected {
}

/*
 * Selected links
 * Applies to selected links located in the second (or more) level menu items
 */
.services ul a.selected {
	color: #FFFFFF;
}
/******************************************************************************
* In this section, we will define the menu arrows behavior                    *
* An arrow is inserted next to the menu item when the menu item has sub-menus *
******************************************************************************/

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus
 */
.services .arrow {
}

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus located in the second (or more) level
 */
.services .hover ul .arrow,
.services ul .arrow {
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus on mouse over
 */
.services .hover .arrow {
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus located in the second (or more) level on mouse over
 */
.services ul .hover .arrow {
}





.solutions {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 12px;
 	font-weight: bold;
}

/*
 * Menu container settings
 * Applies to second (or more) level menu containers
 */
.solutions ul {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 11px;
}

/*
 * Menu items settings
 * Applies to all menu items in all menu containers
 */
.solutions li {

	width: 144px;
	background-color: #99CC33;
}

/*
 * Menu items settings
 * Applies to second (or more) level menu items
 */
.solutions ul li {
	background-image: none;
	background-color: #CCFF66;
 	width: 144px;
}

.solutions ul li ul li{
	background-image: none;
	background-color: #CCFF66;
 	width: 144px;
}
/*
 * Menu link settings
 * Applies to links that are to be found within the menu items, no matter the menu level
 */
.solutions a {
	text-decoration: none;
	color: #FFFFFF;
	line-height: 15px;
	cursor: pointer;
	text-align:center;
	letter-spacing: 1.5px;
}

/*
 * Menu link settings
 * Applies to links located in the second (or more) level menu items
 */
.solutions ul a {
	color: #000000;
	line-height: 18px;
	vertical-align:middle;
	text-align:left;
	padding-left: 10px;
}


/***************************************************************************
* In this section, we will define what happens when mouse-overing an item  *
***************************************************************************/
/*
 * Mouse over on menu items
 * Applies to all menu items in all menu containers
 */
.solutions li.hover {
	background-position: 0px 12px !important;
}
  
/*
 * Mouse over on menu items
 * Applies to second (or more) level menu items
 */
.solutions ul li.hover {
  	background-color: #CCFF66;
  	background-image: none;
}

/*
 * Mouse over on links
 * Applies to all links in all menu items
 */
.solutions a.hover {
}

/*
 * Mouse over on links
 * Applies to links located in the second (or more) level menu items
 */
.solutions ul a.hover {
  	color: #FFFFFF !important;
}
/*****************************************************************************
* In this section, we will define what happens when a menu item is selected  *
*****************************************************************************/
/*
 * Selected menu item
 * Applies to selected menu items in all menu containers
 */
.solutions li.selected {
	background-position: 0px 22px;
}

/*
 * Selected menu item
 * Applies to second (or more) level selected menu items
 */
.solutions ul li.selected {
}

/*
 * Selected links
 * Applies to selected links in all menu items
 */
.solutions a.selected {
}

/*
 * Selected links
 * Applies to selected links located in the second (or more) level menu items
 */
.solutions ul a.selected {
	color: #FFFFFF;
}
/******************************************************************************
* In this section, we will define the menu arrows behavior                    *
* An arrow is inserted next to the menu item when the menu item has sub-menus *
******************************************************************************/

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus
 */
.solutions .arrow {
}

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus located in the second (or more) level
 */
.solutions .hover ul .arrow,
.solutions ul .arrow {
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus on mouse over
 */
.solutions .hover .arrow {
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus located in the second (or more) level on mouse over
 */
.solutions ul .hover .arrow {
}











.referenzen {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 12px;
 	font-weight: bold;
	letter-spacing: 1.5px;
}

/*
 * Menu container settings
 * Applies to second (or more) level menu containers
 */
.referenzen ul {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 11px;
}

/*
 * Menu items settings
 * Applies to all menu items in all menu containers
 */
.referenzen li {

	width: 144px;
	background-color: #666666;
}

/*
 * Menu items settings
 * Applies to second (or more) level menu items
 */
.referenzen ul li {
	background-image: none;
	background-color: #666666;
 	width: 144px;
}

/*
 * Menu link settings
 * Applies to links that are to be found within the menu items, no matter the menu level
 */
.referenzen a {
	text-decoration: none;
	color: #FFFFFF;
	line-height: 15px;
	cursor: pointer;
	text-align:center;
}

/*
 * Menu link settings
 * Applies to links located in the second (or more) level menu items
 */
.referenzen ul a {
 	color: #FFFFFF;
	line-height: 15px;
}

/***************************************************************************
* In this section, we will define what happens when mouse-overing an item  *
***************************************************************************/
/*
 * Mouse over on menu items
 * Applies to all menu items in all menu containers
 */
.referenzen li.hover {
	background-position: 0px 12px !important;
}
  
/*
 * Mouse over on menu items
 * Applies to second (or more) level menu items
 */
.referenzen ul li.hover {
  	background-color: #666666;
  	background-image: none;
}

/*
 * Mouse over on links
 * Applies to all links in all menu items
 */
.referenzen a.hover {
}

/*
 * Mouse over on links
 * Applies to links located in the second (or more) level menu items
 */
.referenzen ul a.hover {
  	color: #FFFFFF !important;
}
/*****************************************************************************
* In this section, we will define what happens when a menu item is selected  *
*****************************************************************************/
/*
 * Selected menu item
 * Applies to selected menu items in all menu containers
 */
.referenzen li.selected {
	background-position: 0px 22px;
}

/*
 * Selected menu item
 * Applies to second (or more) level selected menu items
 */
.referenzen ul li.selected {
}

/*
 * Selected links
 * Applies to selected links in all menu items
 */
.referenzen a.selected {
}

/*
 * Selected links
 * Applies to selected links located in the second (or more) level menu items
 */
.referenzen ul a.selected {
	color: #FFFFFF;
}
/******************************************************************************
* In this section, we will define the menu arrows behavior                    *
* An arrow is inserted next to the menu item when the menu item has sub-menus *
******************************************************************************/

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus
 */
.referenzen .arrow {
}

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus located in the second (or more) level
 */
.referenzen .hover ul .arrow,
.referenzen ul .arrow {
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus on mouse over
 */
.referenzen .hover .arrow {
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus located in the second (or more) level on mouse over
 */
.referenzen ul .hover .arrow {
}





.simple {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 12px;
 	font-weight: bold;
}

/*
 * Menu container settings
 * Applies to second (or more) level menu containers
 */
.simple ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*
 * Menu items settings
 * Applies to all menu items in all menu containers
 */
.simple li {

	width: 144px;
	height: 15px;
	background-color: #999999;
}

/*
 * Menu items settings
 * Applies to second (or more) level menu items
 */
.simple ul li {
	background-image: none;
	background-color: #CCCCCC;
 	width: 144px;
}

/*
 * Menu link settings
 * Applies to links that are to be found within the menu items, no matter the menu level
 */
.simple a {
	text-decoration: none;
	color: #FFFFFF;
	line-height: 15px;
	cursor: pointer;
	text-align:center;
	letter-spacing: 1.5px;
}

/*
 * Menu link settings
 * Applies to links located in the second (or more) level menu items
 */
.simple ul a {
	color: #000000;
	line-height: 18px;
	vertical-align:middle;
	text-align:left;
	padding-left: 10px;
}

/***************************************************************************
* In this section, we will define what happens when mouse-overing an item  *
***************************************************************************/
/*
 * Mouse over on menu items
 * Applies to all menu items in all menu containers
 */
.simple li.hover {
	background-position: 0px 12px !important;
}
  
/*
 * Mouse over on menu items
 * Applies to second (or more) level menu items
 */
.simple ul li.hover {
  	background-color: #CCCCCC;
  	background-image: none;
}

/*
 * Mouse over on links
 * Applies to all links in all menu items
 */
.simple a.hover {
}

/*
 * Mouse over on links
 * Applies to links located in the second (or more) level menu items
 */
.simple ul a.hover {
  	color: #FFFFFF !important;
}
/*****************************************************************************
* In this section, we will define what happens when a menu item is selected  *
*****************************************************************************/
/*
 * Selected menu item
 * Applies to selected menu items in all menu containers
 */
.simple li.selected {
	background-position: 0px 22px;
}

/*
 * Selected menu item
 * Applies to second (or more) level selected menu items
 */
.simple ul li.selected {
}

/*
 * Selected links
 * Applies to selected links in all menu items
 */
.simple a.selected {
}

/*
 * Selected links
 * Applies to selected links located in the second (or more) level menu items
 */
.simple ul a.selected {
	color: #FFFFFF;
}
/******************************************************************************
* In this section, we will define the menu arrows behavior                    *
* An arrow is inserted next to the menu item when the menu item has sub-menus *
******************************************************************************/

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus
 */
.simple .arrow {
}

/* 
 * Define the arrow
 * Applies to all menu items that have sub-menus located in the second (or more) level
 */
.simple .hover ul .arrow,
.simple ul .arrow {
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus on mouse over
 */
.simple .hover .arrow {
}

/* 
 * Define the arrow on mouse over
 * Applies to all menu items that have sub-menus located in the second (or more) level on mouse over
 */
.simple ul .hover .arrow {
}

/*************************************************************************
* This is the LAYOUT style definition for the CSS menu                   *
* DO NOT alter this section, unless you know what you're doing           *
*************************************************************************/
div.horizontal {
	clear: both;
}
div.horizontal br {
	clear: both;
}
div.horizontal ul {
	margin: 0px;
	padding: 0px;
	display: block;

	float: left;
	clear: both;
}
div.horizontal li {
	list-style-type: none;
	display: block;
	float: left;
	clear: none;
	text-align: left;
    position: static;
}
div.horizontal li img {
	border: none;
}
div.horizontal a {
	clear: both;
	display: block;
	margin: 0px;
}
div.horizontal ul li ul {
	position: absolute;
	left: -5000px;
	top: -5000px;
	visibility: hidden;
	clear: both;
}
div.horizontal ul li ul li {
	clear: both; 
}
div.horizontal ul li ul li a {
	clear: both;
}
.hasImg,
.hasImg a {
	padding: 0px !important;
	margin:	0px	!important;
	border:	none !important;
	outline: none !important;
	background:	transparent !important;
	width: auto !important;
}
TABLE.menuhomelayer {
	position:absolute; 
	width:144px; 
	height:15px; 
	z-index:1; 
	left: 17px; 
	top: 0px;

}
TABLE.menuserviceslayer {
	position:absolute; 
	width:144px; 
	height:15px; 
	z-index:2; 
	left: 171px; 
	top: 0px;
}
TABLE.menusolutionslayer {
	position:absolute; 
	width:152px; 
	height:15px; 
	z-index:3; 
	left: 325px; 
	top: 0px;
}
TABLE.menureferenzlayer {
	position:absolute; 
	width:144px; 
	height:15px; 
	z-index:4; 
	left: 479px; 
	top: 0px;
}
TABLE.menuinfolayer {
	position:absolute; 
	width:144px; 
	height:15px; 
	z-index:5; 
	left: 633px; 
	top: 0px;
}