/****************************************************************************** 
 * STYLESHEET - COPYRIGHT 2005 (C) XILLENT CORP.                              *
 ******************************************************************************/
 
/****************************************************************************** 
 * BODY                                                                       *
 ******************************************************************************/

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

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

/****************************************************************************** 
 * BOXES AND BUTTONS                                                          *
 ******************************************************************************/
.Button {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;}
.Box40  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 40px;border: 1px solid #999999;}
.Box50  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 50px;border: 1px solid #999999;}
.Box75  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 75px;border: 1px solid #999999;}
.Box100 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 100px;border: 1px solid #999999;}
.Box140 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 140px;border: 1px solid #999999;}
.Box150 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 150px;border: 1px solid #999999;}
.Box200 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 200px;border: 1px solid #999999;}
.Box204 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 204px;border: 0px solid #999999;}
.Box180 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 180px;border: 1px solid #999999;}
.Box300 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 300px;border: 1px solid #999999;}

.Clock {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #333333;background-color: #E8E1D6;width: 75px;border: 1px solid #E8E1D6;}


/****************************************************************************** 
 * SPACERS                                                                    *
 ******************************************************************************/
.SpacerLg {padding: 16px;}
.SpacerLeftLg {padding-left: 16px;}
.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: 8px;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;}

.SpacerSs {padding: 1px;}
.SpacerLeftSs {padding-left: 1px;}
.SpacerRightSs {padding-right: 1px;}
.SpacerLeftRightSs {padding-left: 1px;padding-right: 1px;}
.SpacerTopSs {padding-top: 1px;}
.SpacerBottomSs {padding-bottom: 1px;}
.SpacerTopBottomSs {padding-top: 1px; padding-bottom: 1px;}

.MarginTop {margin-top: 8px;}

/****************************************************************************** 
 * TEXT AND LINKS                                                             *
 ******************************************************************************/
.Txt5  {font-size: 5px;}
.Txt7  {font-size: 7px;}
.Txt8  {font-size: 8px;}
.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;}
.Italic {font-style: italic;}
.LineHeight14 {line-height: 1.4;}
.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;}
.Georgia {font-family: Georgia, "Times New Roman", Times, serif;}

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

.HeaderBar {font-family: Arial, sans-serif;font-size: 12px; text-transform: uppercase; color: 000000; padding-left: 5px; background-image: url(../_images/nav/btn_off.jpg);font-weight: bold;}

.Header {font-family: Arial, Helvetica, sans-serif;font-size: 15px;color: #333333;font-weight: bold;}
.HeaderSm {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;font-weight: bold;background-color: #ddd;}
.HeaderSm2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;font-weight: bold;background-color: #fff;}
.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: #222222;font-weight: bold;}
.HeaderSub {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #222222;font-weight: bold;background-image: url(../_images/nav/hdr_orange.gif);background-repeat: repeat-x;padding-left: 8px;}

.Error {font-family: Trebuchet, Arial, Helvetica, sans-serif;font-size: 11px;color: #CC0000;font-weight: bold;}
.ErrorWhite {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FFFFFF;background-color: #FF0000;padding-top: 4px;padding-right: 8px;padding-bottom: 4px;padding-left: 8px;}


.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: solid 1px #a9adb1;}
.LineBotDotted 	 {border-bottom: dotted 1px #a9adb1;}
.LineTop 		 {border-top: solid 1px #a9adb1;}
.LineTopWhite 	 {border-top: solid 1px #FFFFFF;}
.LineTopGray 	 {border-top: solid 1px #DDDDDD;}
.LineTopDotted 	 {border-top: dotted 1px #a9adb1;}
.LineLeft 		 {border-left: solid 1px #a9adb1;}
.LineLeftDotted  {border-left: dotted 1px #a9adb1;}
.LineLeftGray 	 {border-left: solid 1px #CCCCCC;}
.LineRight 		 {border-right: solid 1px #a9adb1;}
.LineRightDotted {border-right: dotted 1px #a9adb1;}

.Picture {border: solid 1px #666666;}
.PictureWhite4 {border: solid 4px #FFFFFF;}
.PictureWhite {border: solid 1px #FFFFFF;}



/**********************************************************
 * LINKS                                                  *
 **********************************************************/
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:#666666;text-decoration:none}
A.LinkGrayWhite:visited{color:#666666;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.LinkOrangeBlack:link{color:#ff6632;text-decoration:none}
A.LinkOrangeBlack:visited{color:#ff6632;text-decoration:none}
A.LinkOrangeBlack:hover{color:#000000;text-decoration:none}
A.LinkOrangeBlack:active{color:#000000;text-decoration:none}

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.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.LinkWhiteGray:link{color:#FFFFFF;text-decoration:none}
A.LinkWhiteGray:visited{color:#FFFFFF;text-decoration:none}
A.LinkWhiteGray:hover{color:#CCCCCC;text-decoration:none}
A.LinkWhiteGray:active{color:#CCCCCC;text-decoration:none}

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


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


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


/**********************************************************
 * TOOL TIP / DYNAMIC CONTEXT                             *
 **********************************************************/
#dhtmltooltip {position: absolute;left: -300px;width: 100px;height: 100px;padding: 5px;visibility: hidden;z-index: 100;background-image: url(../_images/buttons/icon_white.gif);
	background-repeat: no-repeat;font-family: Arial, Helvetica, sans-serif;font-size: 9px;text-transform: uppercase;color: #333333;}
#dhtmlpointer {position:absolute;left: -300px;z-index: 101;visibility: hidden;}

.IconActive {filter: alpha(opacity=100); -moz-opacity: 100; opacity: 100;}
.IconInActive {filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}


/**********************************************************
 * TOP NAV                                                *
 **********************************************************/
.TopNavText {font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size: 11px; width: 300px; height: auto; padding: 8px; float:right; text-align:right;}
.TopNavBgd	{background-image: url(../_images/nav/top.jpg);border-left: solid 1px #a9adb1;border-right: solid 1px #a9adb1;background-repeat: no-repeat;height: 105px;}
.TopNavBar {background-image: url(../_images/nav/btn_off.jpg);border-left: solid 1px #a9adb1;border-right: solid 1px #a9adb1;background-repeat: repeat-x;height: 45px;}

.TopNavOn, .TopNavOff {font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;text-transform: uppercase;cursor:pointer;cursor:hand;text-align: left;padding-left: 6px; padding-bottom: 3px; vertical-align:bottom;}
.TopNavOn  {color: #FFFFFF; background-image: url(../_images/nav/btn_on.jpg); width: 106px; }
.TopNavOff {color: #333333; background-image: url(../_images/nav/btn_off.jpg); width: 106px; }

.TopNavShadow {font-size: 0px;background-image: url(../_images/nav/top_nav_shadow.gif);background-repeat: repeat-x;Height: 15px;border-left: solid 1px #a9adb1;border-right: solid 1px #a9adb1;}

/**********************************************************
 * MAIN                                                   *
 **********************************************************/
.MainBox {background-color: #FFFFFF; border-left: solid 1px #a9adb1; border-right: solid 1px #a9adb1; border-bottom: solid 1px #a9adb1;}

.PageOn  {height:16px;width:16px;border:1px solid #999999;background-color: #DDDDDD;text-align: center;	vertical-align: middle;	font-weight: bold;	color: #000000;	padding-top: 0px;	padding-right: 4px;	padding-bottom: 0px;	padding-left: 4px;}
.PageOff {height: 16px;width: 16px;border: 1px solid #999999;background-color: #F4F4F4;text-align: center;vertical-align: middle;color: #333333;padding-top: 0px;padding-right: 4px;padding-bottom: 0px;padding-left: 4px;} 

.SpecialHeader1 {background-image: url(../_images/headers/blackandwhite.jpg);background-repeat: repeat-x;height: 31px;text-align: right;padding-left: 8px; padding-right: 8px;}
.SpecialHeader1b{background-image: url(../_images/headers/blackandwhite.jpg);background-repeat: repeat-x; height: 30px; text-align: right; padding-left: 8px;	padding-right: 8px;	background-position: 0px -1px;}
.SpecialHeader2 {background-image: url(../_images/headers/graystar.jpg);background-repeat: repeat-x;height: 31px;text-align: right;padding-left: 8px; padding-right: 8px;}
.SpecialHeader2b{background-image: url(../_images/headers/graystar.jpg);background-repeat: repeat-x;height: 30px;text-align: center;padding-left: 8px; padding-right: 8px;background-position: 0px -1px;}
.SpecialHeader3 {background-image: url(../_images/headers/orangeflower.jpg);background-repeat: repeat-x;height: 31px;text-align: left;padding-left: 8px; padding-right: 8px;}
.SpecialHeader3b {background-image: url(../_images/headers/orangeflower.jpg);background-repeat: repeat-x;height: 30px;text-align: left;padding-left: 8px; padding-right: 8px;background-position: 0px -1px;}
.SpecialHeader4 {background-image: url(../_images/headers/redflower.jpg);background-repeat: repeat-x;height: 31px;text-align: left;padding-left: 8px; padding-right: 8px;}

.ProductsListOut {width: 100%;height: 175px;overflow-x: hidden;overflow:auto;margin-rigth: 20px}
.ProductsListIn  {width: 95%;float: left;}


 /**********************************************************
 * FOOTER                                                   *
 **********************************************************/
 .Footer  {font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; background-color: #E4E4E4; border-top: solid 3px #999999; border-left: solid 1px #a9adb1; border-right: solid 1px #a9adb1;}

 /**********************************************************
 * MAIN CENTER TILE                                      *
 **********************************************************/
.CollageTrigger {
	background-color: #dddddd;
	border: solid 1px #D4D4D4; 
	color: #333333;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

.CollageTriggerHover {
	background-color: #ff6632;
	border: solid 1px #333333;
	color: #FFFFFF; 
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

 /**********************************************************
 * HOVER MENUS                                             *
 **********************************************************/
.ActiveHover 		 {background-color: #e4e4e4;color: #000000;}
._company_menu_hover {background-color: #ff6632;}
._other_menu_hover 	 {background-color: #e4e4e4;}

.CenNavShadow {
	font-size: 0px;
	background-image: url(../_images/nav/top_nav_shadow.gif);
	background-repeat: repeat-x;
	Height: 2px;
}

 /**********************************************************
 * MAIN youtube                                            *
 **********************************************************/
.dottedbottom{
	border-bottom:1px dotted #BBBBBB;
	padding-bottom:10px;
}

._youtube_tiles {
	background-color: #e4e4e4;
}

/****************************************************************************** 
 * CALENDAR                                                                   *
 ******************************************************************************/

.DayAvailable 			{display: block;margin: 0px;padding: 0px;width: 72px;height: 30px;font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;line-height: 1.6;color:#000000;}
.DayAvailable a:link	{display: block;background-color: #FFCC66;color:#FFFFFF;}
.DayAvailable a:visited	{display: block;background-color: #FFCC66;color:#FFFFFF;}
.DayAvailable a:hover	{display: block;background-color: #65B34A;color:#000000;}
.DayAvailable a:active	{display: block;background-color: #65B34A;color:#000000;}

.DaySelect 				{display: block;margin: 0px;padding: 0px;width: 72px;height: 30px;font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;
						line-height: 1.6;color:#000000;background-color: #E65C5C;color:#000000;}
.DaySelect a:link		{display: block;background-color: #E65C5C;color:#000000;}
.DaySelect a:visited	{display: block;background-color: #E65C5C;color:#000000;}
.DaySelect a:hover		{display: block;background-color: #E65C5C;color:#000000;}
.DaySelect a:active		{display: block;background-color: #E65C5C;color:#000000;}

.CalPur {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #620179;background-color: #620179;border: 1px solid #620179;}
.CalGry {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;background-color: #E4E4E4;border: 1px solid #E4E4E4;}
.CalLht {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;background-color: #F4F4F4;border: 1px solid #F4F4F4;}
.CalWht {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;background-color: #FFFFFF;border-left: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.CalRed {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;background-color: #FDCF91;border: 1px solid #FFFFFF;}
.CalGre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;font-weight: bold;background-color: #339900;border: 1px solid #FFFFFF;}
.CalBlu {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;font-weight: bold;background-color: #0F57B1;border: 1px solid #FFFFFF;}
.CalYel {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;background-color: #FFCC00;border: 1px solid #FFFFFF;}
.CalOra {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;background-color: #FF6633;border: 1px solid #000000;}
.CalTur {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;background-color: #33CCCC;border: 1px solid #FFFFFF;}


.Newsletter {background-image: url(../_images/pictures/newsletter_poststick.jpg);background-repeat: no-repeat;}