/****************************************************************************** 
 * 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: #F3DDB8;margin: 0px;background-image: url(../_images/bgd/bgd.jpg);background-repeat: no-repeat;}
.Headline {font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size: 60px;font-weight: bolder;line-height: 1;}

/****************************************************************************** 
 * 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;}
.Box120 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 120px;border: 1px solid #666666;}
.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;}


/****************************************************************************** 
 * TOP SECTION                                                                *
 ******************************************************************************/

.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;}

/* Homepage */
#Rotator {float: left; padding: 0; margin: 15px 0px 1px 0px;}
.RotatorNav { clear: both; float: left; width: 624px; height: 20px; padding: 5px 5px 0 5px; margin: 0 0 0 0; background-color:#000; color: #FFF; text-align: right; }
.RotatorNav > a { padding: 3px 8px 3px 8px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-decoration: none; }
.RotatorNav > a:hover { background-color: #444; }
a.activeSlide { background-color: #333; }

/****************************************************************************** 
 * 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: 7px;}
.SpacerLeft {padding-left: 7px;}
.SpacerRight {padding-right: 7px;}
.SpacerLeftRight {padding-left: 7px;padding-right: 7px;}
.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;}

.MarginLeft {margin-left: 7px;}
.MarginRight {margin-right: 7px;}

.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;}
.Txt50 {font-size: 50px;}
.Txt60 {font-size: 60px;}

.Bold {font-weight: bold;}
.LineHeight14 {line-height: 1.4;}
.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;}

.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-LineSolid  {background-image: url(../_images/bgd/hLineSolid.gif);background-repeat: repeat-x;height: 15px;}
.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;}

.BlankLine4 {background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 4px;}
.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; font-weight: bold;}
A.LinkGrayBlack:visited{color:#666666;text-decoration:none; font-weight: bold;}
A.LinkGrayBlack:hover{color:#000000;text-decoration:none; font-weight: bold;}
A.LinkGrayBlack:active{color:#000000;text-decoration:none; font-weight: bold;}

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}

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

A.LinkBlueGray:link{color:#0571ba;text-decoration:none}
A.LinkBlueGray:visited{color:#0571ba;text-decoration:none}
A.LinkBlueGray:hover{color:#999;text-decoration:none}
A.LinkBlueGray:active{color:#999;text-decoration:none}


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

.BgdOn   {cursor: pointer; background-image: url(../_images/bgd/alpha_yellow.gif);}
.BgdOff  {cursor: pointer;}


/**********************************************************
 *  CURSER STYLES                                         *
 **********************************************************/
.CursorCros {cursor:crosshair;}
.CursorHand {cursor:pointer;}
.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;}

/* VIDEOS */
.OldLink {height: auto; padding: 10px 0; margin: 10px 0; border-top: 1px solid #666; border-bottom: 1px solid #666;}


/**********************************************************
 * EASY SLIDER                                             *
 **********************************************************/
#slider ul, #slider li { list-style:none; }
#slider ul { margin:0; padding:0;}
#slider {overflow: hidden; margin: 10px 0 -180px 0; width: 850px !important; height: 350px; border: none; }
#slider li { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
span#prevBtn { display:block;position: relative; top: -100px; left: -60px; height: 101px; width: 54px; margin: 0px; padding: 0px; z-index: 98; }
span#prevBtn a { display:block; height: 101px; width: 54px; border: none; text-decoration: none; background-image: url(../_images/buttons/sliderPrev.png); background-repeat: no-repeat; outline: none; }
span#nextBtn { display:block; position: relative; top: -200px; left: 854px; height: 101px; width: 54px; margin: 0px; padding: 0px; z-index: 99; }
span#nextBtn a {display:block; height: 101px; width: 54px; border: none; text-decoration: none; background-image: url(../_images/buttons/sliderNext.png); background-repeat: no-repeat; outline: none; }
.sliderposter { margin: 1px; width: 168px; height: 248px; border: none; }
.sliderItem { overflow: hidden; padding: 0; margin:0; width: 170px; height: 375px; }