/* generated by csscreator.com */ 
@import url("css/roundedbox_ui.css");
@import url("css/frame_ui.css");
html, body{margin:0; padding:0;} 
#pagewidth{width:1000px;}
#header{position:relative; background-color:#FFFFFF; width:100%;} 
#leftcol{background-color:#FFFFFF; width:218px; float:left; position:relative; }
#maincol{background-color: #FFFFFF; background-image:url(images/contentbg01.jpg); background-repeat:repeat-x; width:639px; float: right; display:inline; position: relative; min-height:688px;}
#rightcol{background-color: #FFFFFF; background-image:url(images/contentbg01.jpg); background-repeat:repeat-x; width:143px; float: right; display:inline; position: relative; min-height:688px;}
#footer{height:150px; background-color:#FFFFFF; clear:both;} 

/* --- Float containers fix: --- */ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
/*printer styles*/ 
 @media print{ 
/*hide the left-right column when printing*/ 
#leftcol{display:none;}
#rightcol{display:none;}  
#twocols, #maincol{width:100%; float:none;}
}

/* -- Class Style -- */ 
font,body,td {font-family: Ms Sans Serif, Helvetica, Tahoma, Sans Serif; font-size: 10px;color: #222222;}
a:link {color: #1D82CD;}
a:visited {color: #186CAB;}
a:hover {color: #FF9900;}
.smallfont {font-size:7px;}

#mainflash {width:639px; /*height:177px; background-image:url(images/mainflashbg.gif); background-repeat:repeat-x;*/}
#homebar {width:639px; height:33px;}
#homebar1 {width:164px; height:33px; background-image:url(images/homebg_01.gif); background-repeat:repeat-x; float:left; color:#FFFFFF; font-size:14px; padding-top:9px; text-align:right;}
#homebar1 a:link, #homebar1 a:visited{color:#FFFFFF; font-size:14px; text-decoration:none; font-weight:bold;}
#homebar2 {width:475px; height:33px; background-image:url(images/homebg_02.gif); background-repeat:repeat-x; float:right; color:#000000; font-size:14px; padding-top:9px;}
.preload{ background: url(images/preload.gif) no-repeat 50% 50%; }
.producttable td {text-align:center; font-size:12px; color:#333333;}
#productcontent {width:633; background-color:#FFFFFF; border:1px solid #AAAAAA; margin:3px; padding:15px 25px 25px 25px;}
#productcontent h2 {font-size:24px; margin:0px;}
#productcontent h3 {font-size:18px; margin:0px;}
#productcontent .icon {background-color:#000000; padding:5px; border:0px none; float:right; margin:10px;}

	/* -- sub-head & content in main page -- */ 
	.hotnewhead {text-align:left;}
	.hotnewhead h2 {width:639px; height:40px; margin:0; padding:0; overflow:hidden;}
	.hotnewhead h2 span {background:url(images/content_hotnew.gif) no-repeat left top; display:block;width: 100%; height: 100%;}
	.bestsellerhead {text-align:left;}
	.bestsellerhead h2 {width:639px; height:64px; margin:0; padding:0; overflow:hidden;}
	.bestsellerhead h2 span {background:url(images/content_bestseller.gif) no-repeat left top; display:block;width: 100%; height: 100%;}
	.hotnew {background-color:#FFFFFF; padding:15px;}
	.bestseller {background-image:url(images/content_bg.gif); background-repeat:repeat-y; padding:15px;}
	.contentfooter {width:639px; height:33px; background-image:url(images/content_footer.gif);} 
	.dottedtd {border:1px dotted #DDDDDD; padding:3px;}

	/* -- iContent -- */ 
		.contentset {margin:0px;}
		.contentset fieldset {
		margin:0px; border:1px solid #BBBBBB; -moz-border-radius: 5px; 
		text-align:left; padding:5px 5px;
		}
		.contentset legend {font-weight:bold;}
		#content2 {margin:5px 0px 0px 5px; display:table;}
		#iLearning {width:460px; position:relative; float:left; margin-left:25px;}
		#digitalMovie {width:460px; position:relative; float:left; margin-left:20px;}
		#content3 {width:950px; clear:both; margin:10px 0px 0px 25px; display:table;}
		.imediaset {width:308px; margin:2px; position:relative; float:left;}
		.servicelist ul {margin:-15px 0px 0px 0px; padding:0px;}
		.servicelist li {list-style: square inside; color:#FFCC00; margin:0px 0px 0px -25px; padding:0px;}
		.servicelist li span{color:black;}
		.advantagelist ol {margin:-15px 0px 0px 0px; padding:0px;}
		.advantagelist li {color:#003399; margin:0px 0px 0px -5px; padding:0px; font-weight:bold;}
		.advantagelist li span{color:black; font-weight:normal;}

	/* -- Right Boxes -- */ 
	.rboxAheader {background-image:url(images/homebg_01.gif); width:126px; padding:3px; color:#FFFFFF;}
	.rboxA {background-color:#888888; width:126px; margin-top:0px; padding:2px;}
	.rboxA1 {background-color:#FFFFFF; width:106px; text-align:left; margin-top:5px; margin-bottom:5px; padding:10px; color:#333333;}
	.rboxA1 h5 {font-size:12px; margin:0px; margin-top:3px;}
	.rboxB {background-color:#555555; width:126px; border:1px solid #DDDDDD; margin-top:0px; padding:3px;}
	.rboxB1 {background-color:#FFFFFF; width:120px; text-align:left; margin:3px 0px 3px 0px; color:#FFFFFF;}
	.rboxB1 h5 {font-size:12px; margin:0px;}

/* -- Left menu list -- */ 
	#leftnav {width:218px; margin:0px;}
	ul.vert-one{margin:0px;padding:0px;list-style-type:none;display:block; line-height:1px; font:normal 12px Tahoma, sans-serif; width:218px;}
	ul.vert-one li{margin:0px;padding:0px; background-image:url(images/leftmenubg.jpg); background-repeat:no-repeat; height:42px;}
	ul.vert-one li a{display:block;text-decoration:none; padding:9px 0px 0px 45px; width:160px; height:5px; color:#000000; text-decoration:none; font-weight:bold;}
	ul.vert-one li a:link{text-decoration:none;}
	ul.vert-one li a:hover{color:#0099CC;}
	.vert-one-text{text-decoration:none; width:160px; color:#555555; text-decoration:none; font-weight:normal;}
	#leftbg1 {background-image:url(images/leftbg01.jpg); width:218px; height:438px;}
	#loginbox {width:210px; color:#FFFFFF;}
	#loginbox form {margin:0px; padding:0px;}
	#loginbox fieldset {
		width:170px; margin:0px; border:1px solid #999999; -moz-border-radius: 5px; 
		text-align:left; background-color:#003366; padding:0px 10px 5px 15px;
		filter: Alpha(Opacity=75); -moz-opacity: 0.75; opacity: 0.75;
	}
	#loginbox legend {width:170px; font-weight:bold; color:#FFCC00; background-color:#003366;}
	.memberForm {font-size:10px; color:#000000; border:0;}
	#memberbox {
		width:175px; color:#FFFFFF; margin:0px; border:1px solid #999999; -moz-border-radius: 5px; 
		text-align:left; background-color:#003366; padding:10px 10px 10px 15px;
		filter: Alpha(Opacity=75); -moz-opacity: 0.75; opacity: 0.75;
	}
	#memberbox font {color:#FFFFFF;}
	#memberbox a {color:#99FFFF;}
	#memberbox a:hover {color:#FFCC00;}
	
/* -- button -- */
.greybutton {margin:15px 5px 5px 5px; background-color:#CCCCCC; border:1px solid; border-top-color:#EEEEEE; border-left-color:#EEEEEE; border-right-color:#AAAAAA; border-bottom-color:#AAAAAA; padding:5px; color:#000000; text-decoration:none;}
.greybutton a:link, a:visited, a:hover {color:#000000;}