/****************************************************************************** 
 * STYLESHEET - COPYRIGHT 2005 (C) XILLENT CORP.                              *
 ******************************************************************************/
 
/****************************************************************************** 
 * BODY                                                                       *
 ******************************************************************************/
A:link{color:#000000;text-decoration:none}
A:visited{color:#000000;text-decoration:none}
A:hover{color:#000000;text-decoration:underline}
A:active{color:#000000;text-decoration:underline}

body {background-color: #999999;margin: 0px;background-image: url(../_images/bgd/bgd.jpg);background-repeat: repeat-x;}

/****************************************************************************** 
 * BOXES AND BUTTONS                                                          *
 ******************************************************************************/
.Button {font-family: Trebuchet, Arial, Helvetica, sans-serif;font-size: 10px;color: #000000;font-weight: bold;}
.Box25  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 25px;border: 1px solid #666666;}
.Box50  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 50px;border: 1px solid #666666;}
.Box75  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 75px;border: 1px solid #666666;}
.Box100 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 100px;border: 1px solid #666666;}
.Box130 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333; width: 130px;}
.Box160 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 160px;border: 1px solid #666666;}
.Box200 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333; width: 190px;}
.Box350 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333; width: 350px;}
.Box560 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333; width: 560px;}


/****************************************************************************** 
 * TOP SECTION                                                                *
 ******************************************************************************/
.TopNav {background-image: url(../_images/nav/top.jpg);background-repeat: no-repeat;}
.AdContainer {position: absolute;top: 0;left:0;height: 1px;width: 1px;z-index: 10;visibility: visible;}
.AdContainerRight {position:relative; top: 150px; height: 120px; width: 120px; z-index: 20; visibility: visible; left: 970px;}
.VerticalAd {background-color: #DAC8A4;padding: 5px; border: 1px solid #333333;}

/****************************************************************************** 
 * MIDDLE SECTION                                                             *
 ******************************************************************************/
.MainBox {background-image: url(../_images/bgd/bgd2.jpg);background-repeat: repeat-y;}

.LeftSubHdr   {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #333333; font-weight: bold; padding-bottom: 3px;}
.LeftSubTxt   {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF; font-weight: bold; padding: 0px 20px;}
.LeftSubTxtSm {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #666666; padding: 0px 5px;}

.SpacerLg {padding: 16px;}
.SpacerLeftLg {padding-left: 21px;}
.SpacerRightLg {padding-right: 16px;}
.SpacerLeftRightLg {padding-left: 16px;padding-right: 16px;}
.SpacerTopLg {padding-top: 16px;}
.SpacerBottomLg {padding-bottom: 16px;}
.SpacerTopBottomLg {padding-top: 16px; padding-bottom: 16px;}

.Spacer {padding: 8px;}
.SpacerLeft {padding-left: 8px;}
.SpacerRight {padding-right: 8px;}
.SpacerLeftRight {padding-left: 7px;padding-right: 8px;}
.SpacerTop {padding-top: 8px;}
.SpacerBottom {padding-bottom: 8px;}
.SpacerTopBottom {padding-top: 8px; padding-bottom: 8px;}

.SpacerSm {padding: 4px;}
.SpacerLeftSm {padding-left: 4px;}
.SpacerRightSm {padding-right: 4px;}
.SpacerLeftRightSm {padding-left: 4px;padding-right: 4px;}
.SpacerTopSm {padding-top: 4px;}
.SpacerBottomSm {padding-bottom: 4px;}
.SpacerTopBottomSm {padding-top: 4px; padding-bottom: 4px;}

.SpacerRight50 {padding-right: 50px;}

.Picture 	  {border: 1px solid #000000;}
.PictureThick {border: 3px solid #222222;}
.PictureLight {border: 1px solid #E4E4E4;}
.PictureGrey  {border: 1px solid #CCCCCC;}
.PictureWhite {border: 1px solid #FFFFFF;}
.PictureBlack {border: 1px solid #666666;}
.PictureInActive {border: 1px solid #999999; filter: alpha(opacity=50); -moz-opacity: 50; opacity: 50;}

/****************************************************************************** 
 * FOOTER SECTION                                                             *
 ******************************************************************************/
.BotBox {background-image: url(../_images/nav/bot.jpg);background-repeat: no-repeat;}

/****************************************************************************** 
 * TEXT AND LINKS                                                             *
 ******************************************************************************/
.Txt9  {font-size: 9px;}
.Txt10 {font-size: 10px;}
.Txt11 {font-size: 11px;}
.Txt12 {font-size: 12px;}
.Txt13 {font-size: 13px;}
.Txt14 {font-size: 14px;}
.Txt15 {font-size: 15px;}
.Txt16 {font-size: 16px;}
.Txt17 {font-size: 17px;}
.Txt18 {font-size: 18px;}
.Txt20 {font-size: 20px;}
.Txt30 {font-size: 30px;}
.Txt40 {font-size: 40px;}

.Bold {font-weight: bold;}
.LineHeight14 {line-height: 1.3; !important}
.Breit {letter-spacing: 5px;}
.Block {text-align: justify;}
.UpperCase {text-transform: uppercase;}

.Arial {font-family: Arial, Helvetica, sans-serif;}
.Verdana {font-family: Verdana, Arial, Helvetica, sans-serif;}
.Trebuchet {font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}

.Black {color: #000000;}
.Blue {color: #004995;}
.Gray {color: #666666;}
.LightGray {color: #CCCCCC;}
.DarkGray {color: #444444;}
.Red {color: #B9001D;}
.White {color: #FFFFFF;}

.BgdWhite {background-color: #FFFFFF;}
.BgdGreen {background-color: #0C6C02;}

.Text   		{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;}
.Header 		{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #000000;font-weight: bold;}
.HeaderSm 		{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;font-weight: bold;}
.HeaderLg 		{font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #000000;font-weight: bold;}
.HeaderRed 		{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #CC0000;font-weight: bold;}
.HeaderMain 	{font-family: Arial, Helvetica, sans-serif;font-size: 18px;color: #000000;font-weight: bold;}

.Error {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #CC0033;font-weight: bold;}

.H-Line {background-image: url(../_images/bgd/h-line.gif);background-repeat: repeat-x;height: 3px;background-position: 0px;}
.H-LineDotted {background-image: url(../_images/bgd/hLine.gif);background-repeat: repeat-x;height: 17px;}
.H-LineDottedRed {background-image: url(../_images/bgd/hldotred.gif);background-repeat: repeat-x;height: 3px;background-color: #B10606;}
.V-LineDotted {background-image: url(../_images/bgd/v-line-dot.gif);background-repeat: repeat;width: 3px;}
.V-LineDotted2 {background-image: url(../_images/bgd/v-line-dot.gif);background-repeat: repeat;width: 3px;background-position: 0px 1px;}
.DoubleLineTop {border-top-width: 3px; border-top-style: double; border-top-color: #333333;}
.DoubleLineBot {border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: #333333;}

.BlankLine3 {background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 3px;}
.BlankLine8 {background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 8px;}
.BlankLine10 {background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 10px;}
.BlankLine20 {background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 20px;}
.LineBot{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666666;}
.LineBotDotted {border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #666666;}
.LineTop{border-top-width: 1px;border-top-style: solid;border-top-color: #666666;}
.LineLeft{border-left-width: 1px;border-left-style: solid;border-left-color: #666666;}
.LineRight{border-right-width: 1px;border-right-style: solid;border-right-color: #666666;}
.LineRightDotted{border-right-width: 1px;border-right-style: dashed;border-right-color: #666666;}

A.LinkGrayBlack:link{color:#666666;text-decoration:none}
A.LinkGrayBlack:visited{color:#666666;text-decoration:none}
A.LinkGrayBlack:hover{color:#000000;text-decoration:none}
A.LinkGrayBlack:active{color:#000000;text-decoration:none}

A.LinkGrayWhite:link{color:#CCCCCC;text-decoration:none}
A.LinkGrayWhite:visited{color:#CCCCCC;text-decoration:none}
A.LinkGrayWhite:hover{color:#FFFFFF;text-decoration:none}
A.LinkGrayWhite:active{color:#FFFFFF;text-decoration:none}

A.LinkBlackGray:link{color:#000000;text-decoration:none}
A.LinkBlackGray:visited{color:#000000;text-decoration:none}
A.LinkBlackGray:hover{color:#666666;text-decoration:none}
A.LinkBlackGray:active{color:#666666;text-decoration:none}

A.LinkBlackWhite:link{color:#000000;text-decoration:none; font-weight: bold;}
A.LinkBlackWhite:visited{color:#000000;text-decoration:none; font-weight: bold;}
A.LinkBlackWhite:hover{color:#FFFFFF;text-decoration:none; font-weight: bold;}
A.LinkBlackWhite:active{color:#FFFFFF;text-decoration:none; font-weight: bold;}

A.LinkBlackRed:link{color:#000000;text-decoration:none}
A.LinkBlackRed:visited{color:#000000;text-decoration:none}
A.LinkBlackRed:hover{color:#CC0000;text-decoration:none}
A.LinkBlackRed:active{color:#CC0000;text-decoration:none}

A.LinkRedBlack:link{color:#CC0000;text-decoration:none}
A.LinkRedBlack:visited{color:#CC0000;text-decoration:none}
A.LinkRedBlack:hover{color:#000000;text-decoration:none}
A.LinkRedBlack:active{color:#000000;text-decoration:none}

A.LinkRedWhite:link{color:#CC000;text-decoration:none}
A.LinkRedWhite:visited{color:#CC0000;text-decoration:none}
A.LinkRedWhite:hover{color:#FFFFFF;text-decoration:none}
A.LinkRedWhite:active{color:#FFFFFF;text-decoration:none}

A.LinkRed:link{color:#CC0000;text-decoration:none}
A.LinkRed:visited{color:#CC0000;text-decoration:none}
A.LinkRed:hover{color:#CC0000;text-decoration:none}
A.LinkRed:active{color:#CC0000;text-decoration:none}

A.LinkBlack:link{color:#000000;text-decoration:none}
A.LinkBlack:visited{color:#000000;text-decoration:none}
A.LinkBlack:hover{color:#000000;text-decoration:none}
A.LinkBlack:active{color:#000000;text-decoration:none}

A.LinkBlack:link{color:#000000;text-decoration:none}
A.LinkBlack:visited{color:#000000;text-decoration:none}
A.LinkBlack:hover{color:#000000;text-decoration:none}
A.LinkBlack:active{color:#000000;text-decoration:none}

A.LinkBold:link{color:#000000;text-decoration:none; font-weight: bold;}
A.LinkBold:visited{color:#000000;text-decoration:none; font-weight: bold;}
A.LinkBold:hover{color:#000000;text-decoration:none; font-weight: bold;}
A.LinkBold:active{color:#000000;text-decoration:none; font-weight: bold;}

A.LinkWhiteBlack:link{color:#FFFFFF;text-decoration:none}
A.LinkWhiteBlack:visited{color:#FFFFFF;text-decoration:none}
A.LinkWhiteBlack:hover{color:#000000;text-decoration:none}
A.LinkWhiteBlack:active{color:#000000;text-decoration:none}


/**********************************************************
 * TOGGLE BOX ELEMENTS                                    *
 **********************************************************/
.ToggleOn {}
.ToggleOff {display: none;}


/**********************************************************
 * COURSER STYLES                                         *
 **********************************************************/
.CursorCros {cursor: crosshair;}
.CursorHand {cursor: hand;}
.CursorHour {cursor: wait;}
.CursorHelp {cursor: help;}


/**********************************************************
 * PRODUCT RELATED                                        *
 **********************************************************/
.ProdOptAvail {border:1px solid #999999;cursor: pointer;float:left;margin-right:2px;width: 25px;font-size:10px;text-align:center;padding: 2px;
	background-color: #FFFFFF;color: #333333;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
.ProdOptNotAvail {border:1px solid #999999;float:left;margin-right:2px;width: 25px;font-size:10px;text-align:center;padding: 2px;
	background-color: #D6D6D6;color: #666666;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
.ProdOptActive {border:1px solid #129208;cursor: pointer;float:left;margin-right:2px;width: 25px;font-size:10px;text-align:center;padding: 2px;
	background-color: #FFFFFF;color: #129208;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}

A.ProdOptAvail:link {color:#333333;text-decoration:none}
A.ProdOptAvail:visited {color:#333333;text-decoration:none}
A.ProdOptAvail:hover {border:1px solid #129208;color:#129208;text-decoration:none;background-color: #E4E4E4;}
A.ProdOptAvail:active {border:1px solid #129208;color:#129208;text-decoration:none;background-color: #E4E4E4;}

A.ProdOptActive:link {color:#129208;text-decoration:none}
A.ProdOptActive:visited {color:#129208;text-decoration:none}
A.ProdOptActive:hover {text-decoration:none;background-color: #E4E4E4;}
A.ProdOptActive:active {text-decoration:none;background-color: #E4E4E4;}


/**********************************************************
 * TOOL TIP / DYNAMIC CONTEXT                             *
 **********************************************************/
#dhtmltooltip {position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 2px;background-color:#FFFFFF;visibility: hidden;z-index: 100;}
#dhtmlpointer {position:absolute;left: -300px;z-index: 101;visibility: hidden;}

.balloonstyle{position:absolute;top: -500px;left: 0;padding: 5px;visibility: hidden;border:1px solid black;font:normal 12px Verdana;line-height: 18px;z-index: 100;
background-color: white;width: 200px;}

#arrowhead{z-index: 99;position:absolute;top: -500px;left: 0;visibility: hidden;}


/**********************************************************
 * SLIDE SHOW                                             *
 **********************************************************/
.SlideShowImg {border: 0 none; filter: alpha(opacity=99); -moz-opacity: 99; opacity: 99;}


/****************************************************************************** 
 **  CURSER STYLES                                                           **
 ******************************************************************************/
.CursorCros {cursor:crosshair;}
.CursorHand {cursor:pointer;}
.CursorHour {cursor:wait;}
.CursorHelp {cursor:help;}