@charset "utf-8";
/* CSS Document */
*:focus{
	outline:none;
}
#fp{
	margin:0px;
}

body{
	margin:5px 0px 0px 0px; padding:0px;
	font: normal 14px  "Trebuchet MS", Georgia, "Times New Roman"; color:#818181; text-align: justify;
	background:#3a3840;
}
div, h1, h2, h3, h4, img, span, label, p, a, ul{ margin:0px; padding:0px; border:none; }
#outerWrapper{margin:0px auto; width:960px; }
#wrapper{ float:left; padding:0px 0px 7px 0px; width:960px; background:#fff; }
#wrapper #header{ padding:16px 22px 0px 22px; width:916px; height:96px; background:url(../images/bg.header.gif) repeat-x top; }
#wrapper #header h1{float:left; margin:0px 120px 0px 0px; }
#wrapper #header form{ float:left; margin:48px 0px 0px 0px; padding:0px; }
#wrapper #header form input{
	float:left;
	margin:1px 5px 0px 0px;
	padding:0px 0px 0px 5px;
	width:165px;
	height:18px;
	border:1px solid #333;
	font: italic 12px  "Trebuchet MS", Georgia, "Times New Roman";
	color:#333;
	text-align: left;
}
#wrapper #menu{ margin:1px 0px 7px 0px; height:30px; background:url(../images/bg.menu.gif) repeat-x top; }

#wrapper #courseMain{ float:right; margin:-142px 0px 0px 0px; padding:0px 6px 0px 0px; width:357px; }
#wrapper #courseMain h1{ padding:13px 13px 0px 13px; width:332px; margin:0px; font-size:13px; font-weight:bold; background:url(../images/bg.courseMainTop.gif) no-repeat top left; color:#125d88; }
#wrapper #courseMain h3{
	padding:13px 13px 0px 13px;
	width:332px;
	margin:0px;
	font-size:17px;
	font-weight:bold;
	background:url(../images/bg.courseMainTop.gif) no-repeat top left;
	color:#000000;
}
#wrapper #courseMainInside{ float:left; padding:0px 13px 0px 13px; width:332px;  background:url(../images/bg.courseMainBottom.gif) no-repeat bottom; color:#125d88; }
#wrapper #courseMainInside p{ margin:12px 0px; }
/* ===============  ProductDetails ================ */
#wrapper #courseMain #productDetails{
	float:right;
	margin:6px 0px 10px 0px;
	width:358px;
	font-size:11px;
	text-align:center;
}
#wrapper #courseMain #productDetails h1{
	float:left;
	margin:0px 0px 1px 0px; padding:4px 0px 3px 15px; width:343px;
	background:#4784c3 url(../images/bg.blueHeading.gif) repeat-x bottom;
	font-size:14px; font-weight:normal; color:#fff; text-align:left;
}
#wrapper #courseMain #productDetails h2{
	float:left;
	margin:0px 0px 1px 0px; padding:4px 0px 3px 15px; width:343px;
	background:#4784c3 url(../images/bg.blueHeading.gif) repeat-x bottom;
	font-size:14px; font-weight:normal; color:#fff; text-align:left;
}
#wrapper #courseMain #productDetails p{
	float:left;
	width:358px;
	background:#e5eef7 url(../images/bg.tutorialDetails.gif) repeat-y top;
	border-bottom:1px solid #fff;
	color:#416c9d;
	text-align:left;
	font-size:14px;
	padding-bottom: 3px;
}
#wrapper #courseMain #productDetails p label{
	float:left; margin:0px 5px 0px 0px; padding:2px 0px 4px 10px; width:100px;
	text-align:left; font-weight:normal; font-size:14px; color:#000;
	background:#c5d9ed; 
}
.reduced{
	color:#F00;
	
}



/* ===============  Benefits ================ */
#wrapper #courseMain .benefitsRight{
	float:right;
	margin:5px 0px 0px 0px;
	width:358px;
	color:#000;
}
#wrapper #courseMain .benefitsRight h1{
	margin:0px; padding:2px 0px 0px 15px; width:auto; height:26px;
	background:url(../images/bg.blueHeading.gif) repeat-x top;
	font-size:16px; font-weight:normal; color:#fff; text-align:left;
}
#wrapper #courseMain .benefitsRight h3{
	margin:0px; padding:2px 0px 0px 15px; width:auto; height:26px;
	background:url(../images/bg.blueHeading.gif) repeat-x top;
	font-size:16px; font-weight:normal; color:#fff; text-align:left;
}
#wrapper #courseMain .benefitsRight ul{ margin:2px 0px 0px 0px; padding:10px 15px; width:auto; background:#e5eef7; border:1px solid #c4d0dd; }
#wrapper #courseMain .benefitsRight ul li{ padding:5px 0px; list-style:none; font-size:13px; }
#wrapper #courseMain .benefitsRight ul li a{ text-decoration:none; font-size:13px; font-weight:normal; color:#416c9d; }
#wrapper #courseMain .benefitsRight ul li a:hover{ text-decoration:none; font-size:13px; font-weight:normal; color:red; }

#wrapper #container{ float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; width:584px;border: none;}
/* ===============  CourseDetails ================ */
#wrapper #container #aboutCourse{ float:left; margin:0px 0px 7px 0px; padding:0px 0px 15px 0px; width:584px; color:#636262; font-size:13px; background:url(../images/bg.courseDetails.gif) repeat-x bottom; }
#wrapper #container #aboutCourse h1{ float:left; padding:5px 0px 2px 10px; width:574px; font-size:16px; font-weight:bold; color:#000; background:#eee; border-bottom:1px solid #fff; }
#wrapper #container #aboutCourse #details{ float:left; margin:0px 0px 8px 0px; padding:5px 15px; width:554px; background:#f4f4f4; }
#wrapper #container #aboutCourse #details a.hide{
	display:block; margin:0px 0px 5px 0px; padding:0px 0px 0px 20px;
	font-size:14px; text-decoration:none; color:#4784c3;
	background:url(../images/ico.hide.gif) no-repeat 0px 3px;
}
#wrapper #container #aboutCourse #details a.show{
	display:block; margin:0px 0px 5px 0px; padding:0px 0px 0px 20px;
	font-size:14px; text-decoration:none; color:#4784c3;
	background:url(../images/ico.show.gif) no-repeat 0px 3px;
}

#wrapper #container #aboutCourse #titleShowDetails{display:none;float:left; margin:0px 0px 0px 0px; padding:5px 15px 15px 15px; width:554px; background:#f4f4f4; }
#wrapper #container #aboutCourse #titleShowDetails p{ width:100%; color:#000000; }

#wrapper #container #aboutCourse #details p{ width:100%; color:#828181; }
#wrapper #container #aboutCourse span{ float:left; width:110px; height:200px; text-align:center; }
#wrapper #container #aboutCourse p{ float:left; width:455px; margin:0px 0px 0px 10px; }
#wrapper #container #aboutCourse p b{
	float:left;
	margin:0px 0px 15px 10px;
	font-weight:bold;
	color:#549426;
	font-size:14px;
}
#wrapper #container #aboutCourse h2{ float:left; margin:15px 0px 0px 0px; width:455px; font-weight:normal; color:#549426; font-size:16px; }
/* ===============  Contents ================ */
#wrapper #container #contentLeft{
	float:left;
	width:215px;
	color:#000;
}
#wrapper #container #contentLeft h1{ float: left; padding:2px 0px 2px 15px; width:200px; background:#4784c3 url(../images/bg.blueHeading.gif) repeat-x bottom; font-size:16px; font-weight:normal; color:#fff; text-align:left;  }
#wrapper #container #contentLeft h3{
	float: left;
	padding:2px 0px 2px 15px;
	width:200px;
	background:#4784c3 url(../images/bg.blueHeading.gif) repeat-x bottom;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	text-align:left;
}

#wrapper #container #contentLeft ul{ float:left;margin:1px 0px 5px 0px; padding:5px 10px 10px 10px; width:195px; background:#e5eef7; }
#wrapper #container #contentLeft ul li{
	margin:5px 0px;
	list-style:none;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}
#wrapper #container #contentLeft ul li.testy{
	margin:5px 0px;
	list-style:none;
	text-align:left;
	font-size:12px;
	font-weight:normal;
}
#wrapper #container #contentLeft ul li a{ text-decoration:none; font-size:13px; font-weight:normal; color:#416c9d; }
#wrapper #container #contentLeft ul li a:hover{ text-decoration:none; font-size:13px; font-weight:normal; color:red; }
#wrapper #container #contentLeft ul.list{ margin:1px 0px 5px 0px; padding:5px 10px 10px 10px; width:195px; background:#e5eef7;  }
#wrapper #container #contentLeft ul li.listlink{ margin:5px 0px; list-style:none; text-align:left; font-size:12px; font-weight:bold; }
#wrapper #container #contentLeft ul li.listlink a{ text-decoration:none; font-size:13px; font-weight:normal; color:#416c9d; }
#wrapper #container #contentLeft ul li.listlink a:hover{ text-decoration:none; font-size:13px; font-weight:normal; color:red; }
/*============bundle List=======================*/
#wrapper #container #bundleList{float:right; padding:0px 1px; width:355px;border:1px solid #ccc;}
#wrapper #container #bundleList h1{float:left;width:345px; margin:0px 0px 10px 0px; padding:5px 0px 0px 10px;  background:#eee; color:#000; font-weight:bold; font-size:14px; }
#wrapper #container #bundleList ul.bunList{float:left; width:auto;}
#wrapper #container #bundleList ul.bunList li{float:left; padding:3px 10px 0px 15px; width:350px; color:#4b8513; list-style:none; font-size:12px; }
#wrapper #container #bundleList ul.bunList li a{ display:block; text-decoration:none; color:#417611; font-weight:bold; }

/* ===============  Tutorial list ================ */
#wrapper #container #tutorialList{ float:right; padding:0px 1px; width:355px; background:url(../images/bg.selectFormat.gif) no-repeat top; border:1px solid #ccc; }

#wrapper #container #tutorialList #selectFormat{ float:left; padding:5px 0px 0px 5px; width:350px; height:50px; color:#000;background:url(../images/bg.selectFormatwithSticker.gif) no-repeat top; font-size:13px; font-weight:bold; text-align:left;}
#wrapper #container #tutorialList #selectFormat span{ float:left; margin:5px 25px 8px 0px; font-weight:normal; }
#wrapper #container #tutorialList #selectFormat span img{ margin:5px 5px 0px 5px; }
/*#wrapper #container #tutorialList #selectFormat p{ float:left; padding:20px 0px 0px 0px; width:340px; height:60px; font-size:16px; font-weight:normal; color:#54942;border:1px solid red;}*/
#wrapper #container #tutorialList h1{ float:left; padding:5px 0px 0px 15px; width:340px; height:23px; background:url(../images/bg.greenHeading.gif) repeat-x top; font-size:14px; font-weight:normal; color:#fff; }
#wrapper #container #tutorialList h3{ float:left; padding:5px 0px 0px 15px; width:340px; height:23px; background:url(../images/bg.greenHeading.gif) repeat-x top; font-size:14px; font-weight:normal; color:#fff; }
#wrapper #container #tutorialList strong{ float:left; padding:5px 0px 0px 15px; width:340px; height:23px; background:url(../images/bg.greenHeading.gif) repeat-x top; font-size:14px; font-weight:normal; color:#fff; display:block; }
#wrapper #container #tutorialList h4{ float:left;margin:10px 0px 15px 0px; padding:5px 0px 0px 15px; width:340px; height:23px;  background:#eee; font-size:14px; font-weight:normal; color:#000; }

#wrapper #container #tutorialList p.Sticker{ float:right; }
#wrapper #container #tutorialList p.tryFreeSticker{ float:left; padding:15px 0px 0px 5px; width:250px; height:40px; font-size:14px; font-weight:normal; color:#000000; }
/* ===============  Tutorial list - QuickTime ================ */
#wrapper #container #tutorialList ul.quickTime{ float:left; margin:10px 0px; }
#wrapper #container #tutorialList ul.quickTime li{ float:left; width:325px; padding:0px 0px 3px 30px; list-style:none; color:#6f6f6f;background:url(../images/ico.quickTime_Paid.gif) no-repeat 5px 2px; }
#wrapper #container #tutorialList ul.quickTime li.iconQuickActive{
	float:left;
	padding:0px 0px 3px 30px;
	list-style:none;
	color:#4784c3;
	background:url(../images/ico.lesson.gif) no-repeat 5px 2px;
	width: 325px;
	text-align: left;
}
#wrapper #container #tutorialList ul.quickTime li.iconQuickInactive {float:left; width:325px; padding:0px 0px 3px 30px; list-style:none; color:#6f6f6f; background:url(../images/ico.lessonInactive.gif) no-repeat 5px 2px; text-align:left; }
#wrapper #container #tutorialList ul.quickTime li.iconQuickActive a{
	float:left;
	text-decoration:none;
	color:#4784c3;
}
#wrapper #container #tutorialList ul.quickTime li.iconQuickActive a:hover{
	float:left;
	text-decoration:none;
	color:red;
	text-align: left;
}



/* ===============  Tutorial list - Flash ================ */
#wrapper #container #tutorialList ul.quickTime{ float:left; margin:10px 0px; }
/*#wrapper #container #tutorialList ul.quickTime li{ float:left; with:325px; padding:0px 0px 0px 30px; height:20px; list-style:none; color:#6f6f6f; background:url(../images/ico.flash_Paid.gif) no-repeat 5px 2px; border:1px solid blue; }*/
#wrapper #container #tutorialList ul.quickTime li.iconFlvActive{padding:0px 0px 3px 30px; list-style:none;color:#4784c3; background:url(../images/ico.lessonFlash.gif) no-repeat 5px 2px}
#wrapper #container #tutorialList ul.quickTime li.iconFlvInactive {padding:0px 0px 3px 30px; list-style:none; color:#6f6f6f;background:url(../images/ico.lessonFlashInactive.gif) no-repeat 5px 2px;}
#wrapper #container #tutorialList ul.quickTime li.iconFlvActive a{ text-decoration:none; color:#4784c3; }
#wrapper #container #tutorialList ul.quickTime li.iconFlvActive a:hover{ text-decoration:none; color:red; }

#wrapper #container #tutorialList p.add2cart{ float:left; margin:0px 0px 10px 0px; padding:10px 11px 6px 11px; width:331px; background:#dceecb; border:1px solid #c1e0a2; color:#000; }
#wrapper #container #tutorialList p.add2cart span{ display:block; margin:7px auto 0px auto; height:31px; width:230px; text-align:center; font-size:16px; font-weight:bold; }
#wrapper #container #tutorialList p.add2cart span a{ float:left; margin:0px 10px 0px 0px; padding:0px; }
#wrapper #container #tutorialList p.add2cart span a:hover{ float:left; margin:0px 10px 0px 0px; padding:0px; color:red; }
#seoffer{
margin: 0px 5px 5px 10px; 
padding:5px; 
background-color:#ffffff; 
border: 1px dashed #F1BF38; 
font-size:120%; 
color:#FF0000; 
text-align:center;
}
.reduced{
color:#F00; font-size:90%;
	
}

/* =========== FOOTER ======== */
#footer{ margin:4px auto 0px auto; padding:20px 0px 0px 0px; width:960px; height:40px; background:#3a3840 url(../images/bg.footer.jpg) no-repeat top; text-align:center; font-size:13px; color:#767380; }
#stock {
	color:#F00;
	font-size:14px;
	width:30%;
	padding:0px 0px 0px 0px;
	margin:auto;
	font-weight: bold;
}

#wrapper #address{ float:left; margin:10px 0px 0px 0px; width:100%; color:#616162; font-size:13px; background:url(../images/bg.address.gif) repeat-y; }
#wrapper #address p{ float:left; padding:15px 0px 15px 90px; width:300px; } 
#wrapper #address span{ float:right; padding:15px 90px 15px 0px; width:400px; text-align:right; } 
#wrapper #address a{ text-decoration:none; color: #06C; }
#wrapper #address a:hover{ text-decoration:none; color: red; }