/***************************************************************************/
/* banner*/
/***************************************************************************/

#anchors {
			height:64px;
			background:url(/images/bg_anchors.gif) repeat-x;
			overflow:hidden;
						}	

#home_banner { 
				background:url(/images/home_banner.gif) repeat-x;height:236px;
				}
				
#home_banner .center{   
						margin:0 auto;
						width:965px;
						}				



.banner_left { margin:0; padding:0; }
.banner_left .intro { float:left; width:480px; position:relative; margin:-170px 0 0 0; z-index:10; }
.fragment1 .banner_right img{float:right; margin:0; width:782px; height:236px; padding-top:0 ; }


/*
button
*/

.fragment1 a.more,.fragment1 a.buy ,.fragment2 a.buy,.fragment2 a.more,.fragment3 a.more,.fragment3 a.buy{display:block;float:left;width:105px;height:20px;margin:15px 30px 0px 5px;}

.fragment1 a.more,.fragment2 a.more,.fragment3 a.more{background:url(/images/btn_home_more.jpg) no-repeat; width:118px; height:27px;}
.fragment1 a.more:hover,.fragment2 a.more:hover,.fragment3 a.more:hover{background:url(/images/btn_home_more.jpg) no-repeat 0px -34px;}
.fragment1 a.more:active,.fragment2 a.more:active,.fragment3 a.more:active{background:url(/images/btn_home_more.jpg) no-repeat 0px -68px;}

.fragment1 a.buy,.fragment2 a.buy,.fragment3 a.buy{background:url(/images/btn_home_buy.jpg) no-repeat;width:118px; height:27px;}
.fragment1 a.buy:hover,.fragment2 a.buy:hover,.fragment3 a.buy:hover{background:url(/images/btn_home_buy.jpg) no-repeat 0px -34px;}
.fragment1 a.buy:active,.fragment2 a.buy:active,.fragment3 a.buy:active{background:url(/images/btn_home_buy.jpg) no-repeat 0px -68px;}


/*

Tabs - important styles to ensure accessibility in print

*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print {
    .anchors {
        display: none;
    }
}

/*

Tabs - not important for accessibility, just for the look of it...

*/



.fragment1,.fragment2,.fragment3 { height: 172px;}

.fragment2,.fragment3{ display:none;}

.fragment1 pre,.fragment2 pre,.fragment3  pre {margin:5px 0px 0px 5px; line-height:120%;color:white;font-size:12px;padding:0px; font-family:Arial, Verdana, sans-serif;}


ul.anchors { margin: 0 auto;width:965px;display:block; padding: 0; height: 64px;}

.anchors li { margin: 0; float: left;}

/* attaching active state to background of li for pre-loading */
.anchors .tab3 {	background: url(/images/home/anchors_flvplayer.gif) top left no-repeat; width: 322px;}
.anchors .tab2 {	background: url(/images/home/anchors_flvconverter2.gif) top left no-repeat; width: 322px;}
.anchors .tab1 {	background: url(/images/home/anchors_swfconverter2.gif)  no-repeat; width: 321px;}



.anchors li a {display: block; position: relative; top: 0px; left:0; z-index: 2; padding-right: 128px; color: #000; height: 64px;}


/* Tab Rollovers */
.anchors .tab3 a:link, .anchors .tab3 a:visited { background: url(/images/home/anchors_flvplayer.gif) top left no-repeat; width: 189px; position:static;}
.anchors .tab2 a:link, .anchors .tab2 a:visited { background: url(/images/home/anchors_flvconverter2.gif) top left no-repeat;width: 175px;position:static;}
.anchors .tab1 a:link, .anchors .tab1 a:visited { background: url(/images/home/anchors_swfconverter2.gif) top left no-repeat;width: 175px;position:static;}

/* Makes the text disappear */
.anchors span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}


.anchors .tabOn3 {	background: url(/images/home/anchors_flvplayer.gif) no-repeat 0px -64px; width: 322px;}
.anchors .tabOn2 {	background: url(/images/home/anchors_flvconverter2.gif) no-repeat 0px -64px; width: 322px;}
.anchors .tabOn1 {	background: url(/images/home/anchors_swfconverter2.gif) no-repeat 0px -64px; width: 321px;}
							 		 
/***************************************************************************/	
/* main      */
/***************************************************************************/

.guidelayer p,.resourcelayer p,.newslayer p{margin-bottom:2px;}
.guidelayer{
			float:left;
			width:640px;
			margin:10px 0 15px 0;
			padding-top:5px; 
			background:url(/images/home/guidelayer_bg.gif) no-repeat;
			}

.resourcelayer {
				float:right;
				width:315px;

				margin:0px 5px 15px 0px !important;margin:20px 0 15px 0px;
				padding-top:5px; 
				background:url(/images/home/resourcelayer_bg.gif) no-repeat;
				}

.newslayer {
			float:left;
			width:640px;
			margin:0px 0px 5px 0px;
			padding-top:5px;
 			background:url(/images/home/newslayer_bg.gif) no-repeat;
}

.guidelayer div{
				width:301px;margin:25px 5px 20px 0px;float:left;}
.guidelayer div img{
					float:left;
					margin:5px 10px 0px 0px;
					}
.guidelayer div p {margin-top:2px; line-height:140%;color:#666666;}

.resourcelayer div{
width:305px;margin:25px 3px 20px 7px;
					}
					
.resourcelayer div img{
					float:left;
					margin:5px 10px 0px 0px;
					}
.resourcelayer div p {margin-top:2px; line-height:140%;color:#666666;}

.newslayer ul {display:block;
			   margin:25px 0px 0px 10px;}

.newslayer ul li {line-height:150%;font-size:1.2em;color:#666666; list-style-image:url(/images/listimg3.gif);@list-style-image:url(/images/listimg4.gif);list-style-position:inside;}

.newslayer ul li a{color:#FF6600;}

.newslayer ul li a:hover {color:#333333;}

.newslayer #onlineservice {margin:150px 0px 0px 10px;}

a.blue {font-size:1.2em;line-height:150%;}

a.blue:hover { color:#FF6600;}

h2 a:hover  {color:#333333;}

a.more{margin-left:270px;}
a.more strong {margin-right:5px;font-size:1.2em;color:#FF6600; }

a.more:hover strong {color:#333333;}
.newslayer a.more strong,.guidelayer a.more strong{ margin-left:315px;}
	
#onlineservice {
				height:80px;
				width:230px;
				margin:40px 0px 0px 0px;
				}

#onlineservice a{
				margin:10px;
				height:61px;
				width:210px;
				display:block;
				background:url(/images/onlineservice.gif) no-repeat;
}


#onlineservice a:hover {
						display:block;
						background:url(/images/onlineservice.gif) no-repeat 0px -61px;
						}	
						
#home_products{height:160px;width:100%; margin:10px 0px;}
#home_products a img{float:left;}
#home_products .homepro{float:right; margin:0 5px;width:280px;height:150px;padding:5px 15px;background:url("/images/home/bg_homepro.gif") no-repeat;}
#home_products .homepro a img{margin-top:12px; float:left; }
#home_products .homepro h1{font-size:16px;}
#home_products .homepro p{margin-top:25px;line-height:120%;color:#666666; float:right;width:160px;}