/* CSS Document */

/* body and container and ffscrollbarfix*/

body {
	font-size: 12px;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	color:#ccc;
	background:#2B2B2B;
	margin:0px;
	margin-top:0px;
	padding:0px;
	height:100%;
	width:100%;
	text-align:center;
}

#container {
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	width:887px;
	position:relative;
	background:#2B2B2B;
	text-align:left;
}

#header {
	padding:0px;
	margin:0px 5px 0px 5px;
	width:877px;
	height:118px;
	position:relative;
	background:#2B2B2B;
}

#header div#flash {
	padding:0px;
	margin:0px 0px 0px 0px;
	width:43px;
	height:43px;
	background:#999;
	position:absolute;
	top:51px;
	left:0px;
	background: url(../images/drop.gif) no-repeat;
}

#header h1 {
	padding:0px;
	margin:0px 0px 0px 18px;
	width:170px;
	height:43px;
	position:absolute;
	top:51px;
	left:43px;
	background:url(../images/techvision.gif) no-repeat;
}

#header h1 a {
	padding:6px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:170px;
	height:43px;
	display:block;
	color:#fff;
	font-size:24px;
	text-decoration:none;
	font-weight:normal;
}

#header h1 a span {
	display:none;
}

#header ul#menu {
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
	font-size:12px;
	position:absolute;
	top:75px;
	right:0px;
}

#header ul#menu li a {color:#999;text-decoration:none;}
#header ul#menu li a:hover {color:#ccc;text-decoration:none;}

#header ul#navi {
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
	font-size:11px;
	position:absolute;
	top:10px;
	right:0px;
}

#header ul#navi li a {color:#ccc;text-decoration:none;}
#header ul#navi li a:hover {color:#fff;text-decoration:none;}


#header ul li {
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	display:block;
	float:left;
	border-right:1px solid #999;
}

#header ul li.last {
	padding:0px 0px 0px 10px;
	border-right:0px solid #999;
}

#slider_cont {
	padding:0px;
	margin:0px 0px 0px 0px;
	width:887px;
	height:377px;
	position:relative;
	background: url(../images/range/slider_bk.gif) no-repeat;
}

.fadein { position:relative; height:377px; width:887px;padding:0px;margin:0px;}
.fadein img { position:absolute; left:0; top:0; }




#main {
	padding:0px;
	margin:0px 0px 0px 0px;
	width:887px;
	position:relative;
	top:-50px;
	left:0px;
	line-height:16px;
}

#main h2 {
	padding:0px 0px 8px 0px;
	margin:20px 18px 16px 18px;
	color:#999;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #666;
}

#main h2 a {
	color:#999;
	text-decoration:none;
}

#main p {
	padding:0px 0px 0px 0px;
	margin:0px 18px 16px 18px;
}

#main p.stock_logo {
	height:50px;
}

#main p.stock_logo span.text {
	float:left;
}

#main p.stock_logo span.text a {
	padding-top:18px;
	display:block;
}

#main p.stock_logo span.image {
	width:50px;
	height:50px;
	float:right;
	border:1px solid #666;
}

#main p a {
	color:#fff;
	text-decoration:none;
}

#main p a:hover {
	color:#ccc;
	text-decoration:none;
}

#main p.news_arch {
	padding:0px 0px 8px 0px;
	margin:0px 18px 8px 18px;
	border-bottom:1px solid #444;
}

#main p.news_arch span {
	float:right;
	color:#666;
}

#main p.links {
	padding:0px 0px 0px 0px;
	margin:0px 18px 8px 18px;
}

#main h3.support {
	padding:0px 0px 8px 0px;
	margin:30px 18px 16px 18px;
	color:#666;
	font-size:14px;
	font-weight:normal;
	border-bottom:1px solid #555;
}

#main h4.support {
	padding:0px 0px 0px 0px;
	margin:10px 18px 10px 18px;
	color:#666;
	font-size:12px;
	font-weight:normal;
}

#main h4.support a {
	color:#999;
}

#main h4.support a:hover {
	color:#fff;
	text-decoration:none;
}

#main div.left_col {
	padding:0px;
	margin:0px 0px 0px 5px;
	width:583px;
	float:left;
}

#main div.right_col {
	padding:0px;
	margin:0px 5px 0px 5px;
	width:289px;
	background:#3E3E3E url(../images/right_banner_299.gif) no-repeat bottom center;
	float:left;
}

#main div.left_col ul {
	
}

#main div.left_col ul li {
	padding:4px 0px 4px 0px;
}

#main div.left_col ul li a {
	color:#ccc;
	text-decoration:none;
}

#main div.left_col ul li a:hover {
	color:#666;
	text-decoration:none;
}

#main div.left_col ul ul {
	padding-left:22px;
	list-style-type:disc;
}


#main div.right_col img.product {
	padding:0px 0px 0px 0px;
	margin:0px 18px 9px 18px;
	width:251px;
	height:181px;
	border:1px solid #555;
}


#main div.right_col h4 {
	padding:0px 0px 0px 0px;
	margin:0px 18px 9px 18px;
	color:#fff;
	font-size:12px;
	font-weight:normal;
}

#main div.right_col h4 a {
	color:#ccc;
	text-decoration:none;
}

#main div.right_col h4 a:hover {
	color:#fff;
	text-decoration:none;
}

#main div.right_col p.news_text {
	color:#999;
}

#main div.right_col p.news_link {
	padding:0px 0px 8px 0px;
	color:#666;
	border-bottom:1px solid #555;
}

#main div.right_col p.news_link a {
	color:#ccc;
	text-decoration:none;
}

#main div.right_col p.news_link a:hover {
	color:#fff;
	text-decoration:none;
}

#main div.right_col p.news_link_last {
	padding:0px 0px 0px 0px;
	color:#666;
	text-align:right;
}

#main div.right_col p.news_link_last a {
	color:#ccc;
	text-decoration:none;
}

#main div.right_col p.news_link_last a:hover {
	color:#fff;
	text-decoration:none;
}

#banners {
	padding:0px;
	margin:0px 0px 0px 0px;
	width:887px;
	height:180px;
	clear:both;
	background: url(../images/footer.gif) no-repeat;
}

#banners div {
	padding:0px;
	margin:0px 0px 0px 0px;
	width:299px;
	float:left;
}

#banners div.center{
	width:289px;
}

#banners div h3 {
	padding:0px 0px 8px 0px;
	margin:20px 18px 16px 18px;
	color:#999;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #666;
}

#banners div h3 a {
	color:#999;
	text-decoration:none;
}

#banners div img {
	padding:0px;
	margin:0px 18px 0px 18px;
	float:left;
}

#banners div p {
	padding:0px;
	margin:0px 20px 0px 0px;
}

#banners div p.link {
	padding:0px;
	margin:15px 18px 0px 18px;
	clear:both;
}

#banners div p.link a {
	color:#999;
	text-decoration:none;
}

#banners div p.link a:hover {
	color:#999;
	text-decoration:underline;
}

#footer {
	border-top:1px solid #666;
	padding:0px 0px 0px 0px;
	margin:20px 18px 0px 18px;
	width:851px;
	clear:both;
}

#footer div {
	padding:0px 0px 50px 0px;
	margin:0px 0px 0px 0px;
	width:263px;
	float:left;
}

#footer div.center{
	width:253px;
	margin:0px 36px 0px 36px;
}

#footer div.last{
}

#footer div h4 {
	padding:0px;
	margin:20px 0px 15px 0px;
	font-size:12px;
	color:#999;
	font-weight:normal;
}

#footer div h4 a {
	color:#999;
	text-decoration:none;
}

#footer div h4 a:hover {
	color:#999;
	text-decoration:none;
}

#footer div p {
	padding:0px;
	margin:0px 0px 0px 0px;
	color:#666;
}

#footer div p a {
	color:#666;
	text-decoration:none;
}

#footer div p a:hover {
	color:#666;
	text-decoration:underline;
}

#footer div p.facebook {
	padding:12px 0px 0px 30px;
	margin:8px 0px 0px 0px;
	color:#555555;
	font-size:9px;
	background: url(../images/social/24x24/facebook.png) no-repeat left;
	height:24px;
}

#footer div p.twitter {
	padding:0px 0px 0px 30px;
	margin:0px 0px 0px 0px;
	color:#555555;
	font-size:9px;
	background: url(../images/social/24x24/twitter.png) no-repeat left;
	height:24px;
}

#footer div p.twitter a {
	padding:7px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:block;
}

#tbb_link {
	padding:5px 0px 0px 24px;
	font-size:9px;
	color:#555;
	height:27px;
	display:block;
	background: url(../images/tbb_logo.gif) no-repeat left;
}

#tbb_link a.tbb {
	color:#555;
}

#tbb_link a.tbb:hover {
	color:#999;
	text-decoration:none;
}

#tbb_link a.tbb_lite {
	color:#999;
}

#tbb_link a.tbb_lite:hover {
	color:#ccc;
	text-decoration:none;
}

#ffscrollbarfix {
	position:absolute;
	top:0;
	bottom:1px;
	width:1em;
	z-index:-1;
}