@charset "utf-8";
/*code by halley*/
/*product struct*/

#product{ background:transparent url(/images/common/bg-prod-info.jpg) left bottom no-repeat; min-height:352px; width:710px; _height:350px;color:#fff;}
	#prduct-demo{ float:left; padding-bottom:10px; text-align:center; width:329px;}
		#product-img-play{ height:45px; margin:0 auto; width:210px;}
			#product-img-play p{ height:20px; padding-left:15px; line-height:20px;}
			#product-img-play a{ float:left;}
	#prduct-info{ float:left; width:381px;min-height:310px;_height:310px;}
	#product-tabs{ float:left; display:inline; margin-top:19px; width:480px;}
	#product-related{ border:2px solid #6a6a6a; display:inline; float:left;  margin:39px 0px 0px 10px; width:216px;background-color:#262626;}
/*product detail up part*/
#product-info{ background:transparent url(/images/common/bg-prod-info.png) left bottom no-repeat; min-height:350px; _height:350px; width:710px;color:#fff; }
	#prduct-info span{ color:#cbcbcb; font-weight:bold; font-size:.917em; margin-right:20px;background-color:transparent;}
		#prduct-info span p{ clear:both; margin-bottom:9px;width:360px;}
	#prduct-info ul{float:left; display:inline; margin:0px 15px; padding-bottom:11px;}
		#prduct-info li{ background:transparent url(/images/common/ico-square.gif) left 5px no-repeat; display:inline; float:left; padding-left: 10px; margin-bottom:7px; width:155px;color:#fff;}
		#prduct-info li.singleLine{ width:310px;}
	#prduct-info table{ font-size:1em; font-weight:bold; width:372px;margin-bottom:9px;}
		#prduct-info td{  background:transparent url(/images/common/ico-relsquare.gif) left 4px no-repeat; padding:0 12px 0 6px; vertical-align:top; width:48%;color:#CBCBCB;}
	#prduct-info table.tb td{ background:transparent url(/images/common/ico-square.gif) left 4px no-repeat; font-size:1em; padding-left: 10px; margin-bottom:7px;color:#CBCBCB;}
/*yellow hr*/
.hrTop-O{ background:transparent url(/images/common/bg-line-1.png) left top no-repeat; clear:both; color:inherit;height:4px; margin-top:3px; padding-bottom:7px; overflow:hidden; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/images/common/bg-line-1.png");color:#fff;}
.hrUnder-O{ background:transparent url(/images/common/bg-line-2.png) center top no-repeat; clear:both; color:inherit;margin:0 10px; height:4px;overflow:hidden; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/images/common/bg-line-2.png");color:#fff;}
/*green hr*/
.hrTop-G{ background:transparent url(/images/common/bg-line-3.png) left top no-repeat; clear:both; color:inherit;height:4px; margin-top:3px; padding-bottom:7px; overflow:hidden;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/images/common/bg-line-3.png");color:#fff;}
.hrUnder-G{ background:transparent url(/images/common/bg-line-4.png) center top no-repeat; clear:both;margin:0 10px; height:4px; overflow:hidden;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/images/common/bg-line-4.png");color:#fff;}
#prduct-info .hrCG-G{ background:transparent url(/images/common/bg-charge-g-l.gif) left top no-repeat;clear:both; height:11px; padding-bottom:5px; font-size:.75em; font-weight:bold; text-indent:8px; /*overflow:hidden;*/ color:#fff; padding-left: 8px;}
#prduct-info .hrCG-G-Close{background:transparent url(/images/common/bg-charge-g-r.gif) right top no-repeat;display:block; float:left; font-weight:normal;line-height:11px; padding-right:8px; height:11px;}
#prduct-info .hrCG-O{background:transparent url(/images/common/bg-charge-o-l.gif) left top no-repeat; clear:both;height:11px; padding-bottom:5px; font-size:.75em; font-weight:bold; text-indent:6px; /*overflow:hidden;*/color:#fff;}
#prduct-info .hrCG-O-Close{background:transparent url(/images/common/bg-charge-o-r.gif) right top no-repeat; display:block;float:left; font-weight:normal; line-height:11px; padding-right:8px; height:11px;color:#fff;}


.CatTitle{ height:11px;}
.ProductTitle{ margin:5px 0 8px -7px;}

#product a.viewall{margin:0px 6px 0 0px; display:inline; font-weight:bold; color:#fd7e00; font-size:.917em; float:right;background-color:transparent;}
#product a.compare{margin:0px 20px 0 0px; display:inline; font-weight:bold; color:#fd7e00; font-size:.917em; float:right;background-color:transparent;}
#product .spaceline{ clear:both; height:15px; width:710px;}

/*product detail under part*/
.tabCont{ border:1px solid #fd7e00; display:none; width:478px;}
.tabContInner{padding:0 8px; height:600px; overflow-y:auto; width:462px;}
.tabContUnder{ background:transparent url(/images/common/bg-sline.gif) left top repeat-x; height:18px; line-height:18px;color:#fff;}
	.tabCont h3{ background:transparent url(/images/common/bg-dot-o.gif) left bottom repeat-x; font-size:1em; font-weight:bold; padding-top:25px; padding-bottom:2px;color:#E59303;}
	.tabCont h4{ color:#ffffff; font-size:.917em; padding-top:12px; text-transform:uppercase;background-color:transparent;}
	.tabCont p{ color:#ffffff; font-size:.833em; font-weight:bold; padding-top:12px;background-color:transparent;}
	.tabCont span{ color:#ffffff; display:block; font-size:.833em; font-weight:bold; padding:12px 0px;background-color:transparent;}
	.tabCont ul{ font-size:.833em; font-weight:bold; padding:12px 0px 0px; list-style:square; margin-left:25px;}
	.tabCont ol{ font-size:.833em; font-weight:bold; padding:12px 0px 0px; list-style:decimal; margin-left:25px;}
		.tabCont li{ color:#ffffff; padding-bottom:12px;background-color:transparent;}
UL#product-tabs-header{ height:20px; width:454px;}	
UL#product-tabs-header LI{ border-right:1px solid #000000; background-color:#4f4f4f; cursor:pointer; color:#ffffff; float:left; font-weight:bold; font-family: "Franklin Gothic Medium", Arial, HelveticaNeue, sans-serif; font-size:1.083em; height:20px; line-height:20px; text-align:center;/* width:88px;*/padding:0px 9px;}
UL#product-tabs-header LI.on{background-color:#fd7e00; color:#2b2b2b;}
#donw-pdf{ background:transparent url(/images/common/ico-pdf-down.gif) left center no-repeat; color:#fd7e00; font-size:.917em; font-weight:bold; margin-left:5px; padding-left:15px;color:#fff;}
.tabShow{ display:block;}


/*DataList Style for related*/
.DataList{}
	#product-related h2{ color:#ffffff; font-size:1.167em; font-weight:bold; padding:7px 18px;background-color:transparent;}
	.DataList li.hr{ border-bottom:1px dashed #939393; display:inline; float:left; height:1px; overflow:hidden; margin:0 5px; width:206px; }
	.DataList li.ListItem{ clear:both; min-height:110px;  float:left; padding:7px 0px 10px; width:216px; _height:110px;}

		.DataImg{float:left; height:60px; width:60px; margin:0px 9px; display:inline;}
		.DataInfo{float:right; width:138px; font-size:.833em; overflow:hidden;}
			.DataInfo h3{color:#fd7e00; line-height:15px; font-size:.833em;background-color:transparent;}
			.DataInfo h3 img{margin-left:-5px;}
			.DataImg img{height:60px; width:60px;}
			.DataInfo p{color:#ffffff; font-weight:bold; margin-right:20px;background-color:transparent;}
			.DataInfo a{font-weight:bold; color:#fd7e00; font-size:.917em; float:left; margin-top:8px;background-color:transparent;}
			.DataInfo a.viewall{margin:14px 0px 0 0px; position:absolute; display:block;}
			.DataInfo a.compare{margin:14px 0px 0 90px; position:absolute; display:block;}
			.DataInfo a.overview{margin:14px 0px 0 0px; position:absolute; display:block;}
			.DataInfo a.demos{margin:14px 0px 0 90px; position:absolute; display:block;}
			.DataInfo a img{margin:0px 0 0 5px;}

/*scroll*/

#main div.scrollable {float:left; position:relative; overflow:hidden; width: 187px; height:29px; text-align:left;} 
#main div.scrollable div.items { clear:both; position:absolute; width:2000em; } 
#main div.scrollable div.items img {width:23px;	height:23px; border:1px solid #a1a1a1;float:left;margin:2px 6px;cursor:pointer;} 
#main div.scrollable div.items img.active { border:2px solid #e18b04;background-color:#fff; }
#main div.scrollable div.items img.blankImg { border:none; cursor:default;background:none;}

.left{float:left; margin:8px 0 8px 4px; display:inline; cursor:pointer;}
.right{float:left; margin:8px 0; clear:right; cursor:pointer;}
.disabled{cursor:default;}

/*--ADDED--*/
.gridcontainer{width:442px;border:1px solid #f29400;padding:20px 18px;border-top:0px;_border:0px;background-color:#262626;color:#fff;float:left;overflow:hidden;}
.gridcontainer h1{font-family:Arial, Helvetica, sans-serif;font-size:1.5em;color:#f29400;font-weight:bold;background-color:none;margin:0px;ppadding:0px 0px 10px 0px;}
 .gridcontainer h3{font-family:Arial, Helvetica, sans-serif;font-size:1.167em;color:#f29400;font-weight:bold;background-color:none;}
.headingSecond h3 {	width:442px;font-family:Arial, Helvetica, sans-serif;font-size:1.167em;color:#f29400;margin:0px;font-weight:bold;
	background:url(/images/common/orangedotted-line.gif) right bottom repeat-x;padding:0px 0px 10px 0px;}
 
.description {font-family:Arial, Helvetica, sans-serif;	font-size:0.833em;color:#fff;font-weight:bold;color:#fff;background-color:none;}
.subdescription{width:100%;float:left;background:transparent url(/images/common/mygrid-dottedline.gif) right bottom no-repeat;color:#fff;padding:10px 0 20px;}
#subtitle{font-family:Arial, Helvetica, sans-serif;font-size:1.167em;color:#f29400;font-weight:bold;}
#subtitle p{font-family:Arial, Helvetica, sans-serif;font-size:0.769em;font-weight:bold;margin:0px 0px 0px 10px;color:#ffffff;}
a.leanrMoreLink{font-family:Arial, Helvetica, sans-serif;color:#f29400;font-size:1em;font-weight:bold;margin:0px 0px 0px 5px;background-color:none;}
.learnmore{width:100%;color:#fff;float:left;margin-top:19px;padding-bottom:20px;}
 
.howtoUse{float:left;width:468px;padding:5px;}
.howtoUse p{background-color:transparent;color:#FFFFFF;font-size:1em;font-weight:bold;padding-top:12px;}
.subdescriptionList{width:100%;float:left; }
.subdescriptionList ul{margin:0px;padding:0px 0px 0px 10px; }
.subdescriptionList ul li {display:inline;width:144px;float:left;font-family:Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold;list-style:none; color:#ffff;background-color:none;margin:0px;padding:0px;}
.heading h2 {width:442px;float:left;font-family:Arial, Helvetica, sans-serif;font-size:1.167em;color:#f29400;margin:0px;font-weight:bold;	background:url(/images/common/orangedotted-line.gif) right bottom repeat-x;padding:30px 0px 10px 0px;}
#loginEmailErrorMessage{background-color:transparent;color:#Fd0000;font-size:0.8em;font-weight:bold;font-family:arial,verdana,helvatica,tahoma;} 
.normalTextEmail{font-family:Arial, Helvetica, sans-serif;font-size:1.333em;color:#fff;background-color:inherit;} 
#monthErrorMessage{background-color:transparent;color:#Fd0000;font-size:1.2em;font-weight:bold;font-family:arial,verdana,helvatica,tahoma;padding-right:20px;}
#yearErrorMessage{background-color:transparent;color:#Fd0000;font-size:1.2em;font-weight:bold;font-family:arial,verdana,helvatica,tahoma;}
.ErrorMessage,.error{float:left;display:inline;background-color:transparent;color:#Fd0000;font-size:1em;font-weight:bold;font-family:arial,verdana,helvatica,tahoma;}
.paswordErrorMessage{background-color:transparent;color:#Fd0000;font-size:0.833em;font-weight:bold;font-family:arial,verdana,helvatica,tahoma;}
td.question{font-family:arial,verdana,tahoma,helvatica;font-size:1em;color:#fff;background-color:inherit;}
.normalTextforgot{font-family:Arial, Helvetica, sans-serif;font-size:0.89em;color:#fff;background-color:inherit;}