@charset "utf-8";
/* CSS Document */

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFF;
	background-color: #FFF;
	text-align: left;	
}

/*Product Normal Text*/
.normalTextProduct {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #636363;
	text-align: left;
	line-height: 1.5;
}
.normalTextProduct9k {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #636363;
	text-align: left;
	line-height: 1.1;
}
.normalTextHeaderProduct {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #636363;
	text-align: left;	
	font-weight: bold;
}
/*Normal Text*/
.normalText {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #636363;
	text-align: left;	
}
.normalTextHeader {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #636363;
	text-align: left;	
	font-weight: bold;
}


/*White Normal Text*/
.normalTextWhite {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #fff;
	text-align: left;	
}
.normalTextHeaderWhite {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	text-align: left;	
	font-weight: bold;
}
/*agreement Text*/
.agreementTextWhite {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #e1e1e1;
	text-align: left;	
}
.agreementTextHeaderWhite {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #e1e1e1;
	text-align: left;	
	font-weight: bold;
}
/*White small Text*/
.smallNormalTextWhite {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	text-align: left;

}

/*product images selecter*/
	.imgSelecter {
	width: 75px;
	height: 75px;
	border: 1px solid #c8c8c8;
	}
		.imgSelecter:hover {
	width:100px;
	height:100px;
	border: 2px solid #313131;
	}

/*Header Type*/
	.headerType {
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: bold;
		color: #ffffff;
		}
/* background*/
	img.bg {
	/* Set rules to fill background */
			min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
			width: 100%;
	height: auto;
	/* Set up positioning */
			position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
/*Main Div*/
		#page-wrap {
	position: relative;
	width: 1040px;
	margin: 0px auto;
	padding: 0px;
	margin-top: -8px;
}
		p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; }

/*Navigation Menu BG*/
.nav_bg {
	background-image: url(../images/nav/nav_bg.png);
	background-repeat: no-repeat;
	}

/*home mid table BG*/
.home_mid_bg {
	background-image: url(../images/bg_home_mid.png);
	background-repeat: no-repeat;
	}
	
/*Products Menu BG*/
.product_nav_bg {
	background-image: url(../images/nav/bg_products_menu.png);
	background-repeat: no-repeat;
	}
	
/*40% grey BG*/
.lightGrey_bg {
	background-image: url(../images/bg_40grey.png);
	background-repeat: repeat;
	}

/*40% grey BG*/
.midGrey_bg {
	background-image: url(../images/bg_60grey.png);
	background-repeat: repeat;
	}

/*80% grey BG*/
.darkGrey_bg {
	background-image: url(../images/bg_80grey.png);
	background-repeat: repeat;
	}
	
/*Products Tables BG*/

.products_mid_bg {
	background-image: url(../images/bg_productPage_mid.png);
	background-repeat: repeat;
	}
	
.products_bottom_bg {
	background-image: url(../images/bg_productPage_bottom.png);
	background-repeat: repeat;
	}
	
	.products_ATCX_benefits_bg {
	background-image: url(../images/bg_ATCX_benefits.jpg);
	background-repeat: no-repeat;
	}
	.products_ATC9K_benefits_bg {
	background-image: url(../images/bg_ATC9K_benefits.jpg);
	background-repeat: no-repeat;
	}
	.products_ATCChameleon_benefits_bg {
	background-image: url(../images/bg_ATCChameleon_benefits.jpg);
	background-repeat: no-repeat;
	}
		.products_ATCCMini_benefits_bg {
	background-image: url(../images/bg_ATCMini_benefits.jpg);
	background-repeat: no-repeat;
	}

/*support BG*/

.support_bg {
	background-image: url(../images/bg_40grey.png);
	background-repeat: repeat;
	}
	
/* ################## Link ##################*/

a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size:12px;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #de8703;
	font-size:12px;
	/*font-size-adjust:inherit;
	text-shadow: #787878 1px 1px 1px;*/
	font-weight: bold;
	font-variant: normal;
	
}
a:active {
	text-decoration: none;
	font-size:12px;
	color: #FFFFFF;
	font-weight: bold;
}

/* ################## End Link ##################*/

/*css dropdown menu*/
.cssmenu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% 'Verdana', 'Helvetica', 'sans-serif';
	font-size:12px;
	font-weight:bold;
	}
.cssmenu ul{
		background:none;
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
	}
.cssmenu li{
	float:left;
	padding:0px;
	}
.cssmenu li a{
		background:none;
	color:#cccccc;
	display:block;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:0px 15px;
	text-align:center;
	text-decoration:none;
	}
.cssmenu li a:hover, .cssmenu ul li:hover a{
		background:none;
	color:#ffffff;
	text-decoration:none;
	}
.cssmenu li ul{
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:150px;
	z-index:200;	/*top:1em;
	/*left:0;*/
	background-image: url(../images/bg_halftone.png);
	}
.cssmenu li:hover ul{
	display:block;
	
	}
.cssmenu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:150px;
	}
.cssmenu li:hover li a{
	background:none;
	
	}
.cssmenu li ul a{
	display:block;
	height:30px;
	font-size:11px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 10px;
	text-align:left;
	}
.cssmenu li ul a:hover, .cssmenu li ul li:hover a{
	background: #de8703;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
.cssmenu p{
	clear:left;
	}	

/*Youtube table*/
.playerTable {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	background-image: url(../images/bg_youtubeTable.jpg);
}

/*Footer*/
.footer{
	font-size:11px;
	color: #2e2e2e;
}
.footer a:link {
	color: #2e2e2e;
	text-decoration: none;
	font-size:11px;
	font-weight: bold;
}
.footer a:visited {
	text-decoration: none;
	color: #2e2e2e;
	font-size:11px;
	font-weight: bold;
}
.footer a:hover {
	text-decoration: underline;
	color: #2e2e2e;
	font-size:11px;
	/*font-size-adjust:inherit;
	text-shadow: #787878 1px 1px 1px;*/
	font-weight: bold;

	
}
.footer a:active {
	text-decoration: none;
	font-size:11px;
	color: #2e2e2e;
	font-weight: bold;
}


#scrollbar1 { width: 230px; margin: 2px 0 10px; }
#scrollbar1 .viewport { width: 200px; height: 300px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }