@charset "utf-8";
/* CSS Document */

/* IMPORTANT NOTES - Please read below */

/* This is where you write rules for Classes and IDs created specifically for a certain page or 'Course' */
/* You ussually make a copy of this file and rename. For example: rename 'styles_[courseName].css' to: 'styles_course007.css' if the parent file is named 'course007.php' */
/* If you're going to use images especially created for this page, be sure those images reside in 'simpleology_images/images_[courseName]/*.*' */



/* /////////////////////////////////////////////////////////////// */



/* import common style */
@import "/css/styles_common.css";

.grayFrameContent li{
font-size:14px;
}

.thinContent{
width:550px;
margin:0;
}
.thinContent li{
padding-left:10px;
margin-left:20px;
list-style:disc;
}
.grayFrameContent ul{
margin-bottom:1.2em;
}
.grayFrameContent li{
font-size:14px;
}
table.excerptsLeft{
margin-right:10px;
margin-bottom:0em;
float:left;
}
table.excerptsRight{
margin-left:10px;
margin-bottom:0em;
float:right;
}
table.excerptsLeft img{
margin:0;
}
table.excerptsRight img{
margin:0;
}
.excerpts{
margin:0;
font-family:Arial, Helvetica, sans-serif;
padding:5px;
font-size:12px;
}
.excerpts p{
text-align:center;
font-size:11px;
}
.excerpts img{
margin:10px;
}
.yellowBox{
width:450px;
background-color:#ffffcc;
border-top:#FFFFFF 1px solid;
border-left:#FFFFFF 1px solid;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding:10px 20px 10px 20px;
margin-bottom:1.2em;
}
.yellowBox p{
font-size:12px;
text-align:center;
}
.priceRight p{
text-align:center;
}
.bonanza td{
padding:0px 30px 10px 30px;
}
.bonanza p, .bonanza img{
text-align:center;
}

.excerptsIMG{
margin:0;
font-family:Arial, Helvetica, sans-serif;
padding:5px;
font-size:12px;
}
.excerptsIMG p{
text-align:left;
}
.excerptsIMG img{
text-align:center;
margin-bottom:5px;
float:none;
}
/* bonus box */
.bonusBox{
width:438px;
margin-bottom:1.6em;
}
.bonusHead{
width:438px;
height:140px;
background-image:url(/images/images_common/tbl_header.jpg);
background-repeat:no-repeat;
}
.bonusContent{
width:398px;
padding:10px 20px 0px 20px;
background-image:url(/images/images_common/tbl_bg.gif);
background-repeat:repeat-y;
}
.bonusFooter{
width:438px;
height:58px;
background-image:url(/images/images_common/tbl_footer.jpg);
background-repeat:no-repeat;
}
.bonusLeft{
width:80px;
float:left;
}
.bonusRight{
width:308px;
padding-left:10px;
float:left;
}
.bonusRight p, .bonusRight li{
font-size:12px;
}
.bonusRight li{
margin-bottom:0;
}


.ooops{
width:350px;
padding:10px 10px 0px 10px;
border:#333333 1px double;
margin-bottom:1.6em;
}

li, li p{
margin-bottom:3px;
}
.whiteFrameContent li{
margin-bottom:10px;
}


.grayBox{
width:500px;
border:#CCCCCC 1px solid;
margin:0px 20px 20px 20px;
padding:20px 40px 10px 40px;
}

.blueBullet{
margin-top:30px;
}
.blueBullet li{
margin-bottom:10px;
}


.iconnedTexts td{
vertical-align:top;
}
.iconnedTexts{
margin-bottom:20px;
}
.iconnedTexts ul img{
margin-bottom:0px;
}


/* paymentFrom */
.formInputCenter{
width:400px;
margin:0px auto 20px auto;
}
.formInput{
width:400px;
margin-bottom:5px;
float:left;
}
.formName{
width:150px;
margin-right:10px;
float:left;
}
.formField{
width:240px;
float:left;
}
.itemBarCenter{
width:540px;
height:80px;
margin:0px auto 20px auto;
}
.itemBar{
width:540px;
float:left;
}
.itemBar p{
margin:10px 0px 0px 10px;
font-size:12px;
}
.itemBarTop{
width:540px;
height:34px;
padding-top:10px;
background-image:url(/images/images_common/template/itemBarTop.gif);
background-repeat:no-repeat;
float:left;
}
.itemBarMid{
width:540px;
background-image:url(/images/images_common/template/itemBarMid.gif);
background-repeat:repeat-y;
float:left;
}
.itemBarBot{
width:540px;
height:10px;
background-image:url(/images/images_common/template/itemBarBot.gif);
background-repeat:no-repeat;
float:left;
}
.itemCode{
width:137px;
float:left;
}
.itemName{
width:320px;
float:left;
}
.itemPrice{
width:80px;
float:left;
}
/* Form Box */
.formBoxCenter{
width:527px;
margin:0px auto 15px auto;
}
.formBox{
width:527px;
float:left;
}
.formBoxTop{
width:527px;
height:48px;
background-image:url(/images/images_common/template/formBoxTop.png);
background-repeat:no-repeat;
float:left;
}
.formBoxTopTall{
width:527px;
height:65px;
background-image:url(/images/images_common/template/formBoxTopTall.png);
background-repeat:no-repeat;
float:left;
}
.formBoxMid{
width:487px;
background-image:url(/images/images_common/template/formBoxMid.png);
background-repeat:repeat-y;
padding:20px 20px 10px 20px;
float:left;
}
.formBoxBot{
width:527px;
height:18px;
background-image:url(/images/images_common/template/formBoxBot.png);
background-repeat:no-repeat;
float:left;
}

.formHeader{
color:#FFFFFF;
font-size:18px;
font-weight:bold;
margin:18px 0px 0px 26px;
}

.indentLeft{margin-left:93px;}