/* CSS Document */
* { margin: 0 auto; padding: 0; }
#container { background: none; }
#content { float: left; clear: both; width:937px; }
#nav { border-bottom: none; }
#pagebody-course-list { border: solid 1px #dee2ed; border-top: solid 1px #ffffff; min-height: 500px;}
#pagebody-course-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#pagebody-course-list a { text-decoration: none; }

/* SUB NAVIGATION ==============================================================*/
#courselist-subnav { width: 937px; height: 40px; background: url(../images/courses/bg-subnav.gif) repeat-x center 0; }
#courselist-subnav ul { float: right;	margin-left: 0; }
#courselist-subnav li { list-style: none; display: inline; margin: 10px 0 0 0; padding-top: 5px; }
#courselist-subnav li a { display: block; float: left; text-indent: -3000px; overflow: hidden; position:relative; }

#courselist-subnav li#adobe-courses a { display: block; float: left; width: 198px; height: 29px; margin: 11px 0 0 0; background: url(../images/courses/subnav-adobe.gif) repeat-x center 0; }	
#courselist-subnav li#apple-courses a { display: block; float: left; width: 193px; height: 29px; margin: 11px 0 0 0; background: url(../images/courses/subnav-apple.gif) repeat-x center 0; }	
#courselist-subnav li#packages a { display: block; float: left; width: 172px; height: 29px; margin: 11px 0 0 0; background: url(../images/courses/subnav-packages.gif) repeat-x center 0; }	
#courselist-subnav li#adobe-courses.active a, #courselist-subnav li#apple-courses.active a, #courselist-subnav li#packages.active a { background-position: 0 -56px; }
#courselist-subnav li#adobe-courses a:hover, #courselist-subnav li#apple-courses a:hover, #courselist-subnav li#packages a:hover { background-position: 0 -28px; }

/* COURSE LIST PANEL ==============================================================*/
#course-list-panels { width: 912px; margin: 10px 12px 0 12px; font-size: .9em; }
.panel-wrapper{ display: block; width: 304px; min-height: 700px; float: left; background: transparent url(../images/courses/bg-course-list-panel-bottom.gif) no-repeat 0 bottom; text-align: left; }
#panel1, #panel2, #panel3 { display: block; padding: 30px 0 0 0; width: 304px; height: 700px; float: left; background: transparent url(../images/courses/bg-course-list-panel-top.gif) no-repeat 0 0; text-align: left; }
#panel1.apple, #panel2.apple, #panel3.apple { display: block; height: 820px; }
.panel-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


#course-list-panels h2 { width: 248px; height: 210px; margin-left: 26px; }

#panel1.adobe h2 { background: transparent url(../images/courses/course-panel-title-print.jpg); }
#panel2.adobe h2 { background: transparent url(../images/courses/course-panel-title-web.jpg); }
#panel3.adobe h2 { background: transparent url(../images/courses/course-panel-title-video.jpg); }

#panel1.apple h2 { background: transparent url(../images/courses/course-panel-title-proapps.jpg); }
#panel2.apple h2 { background: transparent url(../images/courses/course-panel-title-macos.jpg); }
#panel3.apple h2 { background: transparent url(../images/courses/course-panel-title-macstarter.jpg); }

#panel1 h2, #panel2 h2, #panel3 h2 { background-position: 0 0; background-repeat:no-repeat;}

#course-list-panels h2 span { display: none; }


#course-list-panels #panel1 div, #course-list-panels #panel2 div, #course-list-panels #panel3 div{ display: block; clear: both; width: 266px;}
#course-list-panels #panel1 ul, #course-list-panels #panel2 ul, #course-list-panels #panel3 ul{ width: 246px; list-style:none; padding-top: 0; padding-bottom: 5px;   background: transparent url(../images/courses/dotted-h.gif) repeat-x 0 bottom; }


#panel1 li, #panel2 li, #panel3 li{ margin-left: 0; padding: 2px 0 2px 0;}
#panel1.apple li, #panel2.apple li, #panel3.apple li{ margin-left: 0; padding: 2px 0 2px 0; }
#panel1.packages li, #panel2.packages li, #panel3.packages li{ margin-left: 10px; padding: 2px 0 2px 0; }
#panel1.packages p, #panel2.packages p, #panel3.packages p{ margin-left: 30px; width: 250px; padding: 2px 0 2px 0; }
#panel1.packages h3, #panel2.packages h3, #panel3.packages h3{ margin-left: -35px; }

#panel1 ul { }
/*#panel1 ul#courses-photoshop{ background: transparent url(../images/courses/ps_cs4_appicon.gif) no-repeat 0 6px; }
#panel1 ul#courses-illustrator{ background: transparent url(../images/courses/ai_appicon.gif) no-repeat 0 6px; }
#panel1 ul#courses-indesign{ background: transparent url(../images/courses/id_cs4_appicon.gif) no-repeat 0 6px; }
#panel1 ul#courses-acrobat{ background: transparent url(../images/courses/icon-ac.gif) no-repeat 0 6px; }
#panel2 ul#courses-dreamweaver{ background: transparent url(../images/courses/dw_cs4_appicon.gif) no-repeat 0 6px; }
#panel2 ul#courses-flash{ background: transparent url(../images/courses/fl_cs4_appicon.gif) no-repeat 0 6px; }
#panel2 ul#courses-coldfusion{ background: transparent url(../images/courses/icon-cf.gif) no-repeat 0 6px; }
#panel3 ul#courses-aftereffects{ background: transparent url(../images/courses/ae_appicon.gif) no-repeat 0 6px; }
#panel3 ul#courses-premiere{ background: transparent url(../images/courses/pr_cs4_appicon.gif) no-repeat 0 6px; }*/

#panel li.coming-soon {color: red;}

#panel1.packages h3 span, #panel2.packages h3 span{ padding-left: 40px; background-image: none;}


#pagebody-course-list .intro { font-size: 1.2em; line-height: 1.5em;}
#pagebody-course-list .left { display: block; float: left; width: 410px; padding: 40px 40px 40px 45px;}
#pagebody-course-list .right { display: block; float: left; width: 410px; padding: 40px 0 40px 0;}
#pagebody-course-list #people img { width: 88px; float: left; margin-right: 10px;}
#pagebody-course-list #people p { font-size: .9em; width: 312px; float: left;}
#pagebody-course-list h4 { margin-top: 30px; padding-bottom: 10px;}
#pagebody-course-list ul { margin-bottom: 15px; margin-left: 15px;}
#pagebody-course-list li { margin-bottom: 5px;}
#pagebody-course-list .smalltext { font-size: .9em; }
#pagebody-course-list .large { font-size: 1.4em; line-height: 1.5em;}

#pagebody-textpage .buttons li {margin-bottom: 20px;}

/* DISCOUNTS PAGE */

.discounts-panels {  margin: 10px 10px 0 12px; font-size: .9em; }
.discounts-panels .panel-wrapper{ min-height: 850px;  }
*html #discounts-panels .panel-wrapper{ height: 860px;  }

.disc-panel { display: block; clear: both; padding: 30px 0 0 0; width: 304px; height: 235px; float: left; background: transparent url(../images/discounts/bg-discounts-panel.gif) no-repeat 0 0; text-align: left;  margin-left: 26px;}
*html .disc-panel { width: 254px;  margin-left: 16px;}

.disc-panel h2 {font-face: "Myriad Pro", Arial, Helvetica, sans serif; font-size: 1.5em; margin: -18px 0 0 14px;}
.disc-panel h2 a {color: #2c395e; text-decoration:none; }
.disc-panel h2 a:hover {color: #627cc1; text-decoration:none; }

.disc-description { display: block; clear: both; width: 220px; margin: 16px 0 0 14px; font-size: 1em;}
.disc-title-link {display: block; clear: both; margin: 3px 0 5px 14px; width: 210px;}

.icon-row {display: block; clear: both; margin: 0 0 0 14px;}
.disc-icon {display: block; width: 55px; height: 35px; float: left; font-size: .8em;}
.disc-caption {display: block; width: 55px; height: 15px; float: left; font-size: .8em;}
.certified {display: block; width: 60px; height: 20px; padding-top: 10px; float: left; }

.disc-price {display: block; clear: both; width: 115px; font-size: 1.5em; color: #333; padding: 10px 0 0 14px; float: left;}
*html .disc-price {padding-top: 0;}
.disc-price span {font-size: .7em; color: red; font-weight: normal; padding-left: 0px;}

.enquire a{display: block; width: 104px; height: 24px; float: left; background: transparent url(../images/discounts/butt-enquire.gif) no-repeat 0 0px; margin-top: 5px;}
.enquire a:hover{background-position: 0 -24px;}
.enquire span{display: none;}