.shoponly { display: none; }

/* Header ================================================================================ */
.header-container { background:url(../images/bkg_header.jpg) 50% 0 repeat; }
.form-search { background:url(../images/bkg_form-search.gif) 0 0 no-repeat; }
.header .form-search button.button span { background:url(../images/btn_search.png) }
.middle { background:url(../images/bkg_main2.gif) no-repeat #fffffe; }

/* ======================================================================================= */

.breadcrumbs { width: auto !important; }

.breadcrumbs ul { display:inline; background: rgb(256,256,256); background: rgba(256,256,256,0.6); padding:3px; width: auto !important; }

.breadcrumbs { font-size:11px; line-height:1.25; margin:0 0 13px; }
.breadcrumbs li { display:inline; }
.breadcrumbs li strong, .breadcrumbs li a { font-weight:bold; color: black; }

/* ======================================================================================= */

/* .course-collateral { background:#faf7ee url(../images/bkg_course_collateral.gif) 0 0 repeat-x; padding:25px; } */

.course-collateral { background: rgb(250,247,238); background: rgba(250,247,238,0.7); padding:25px; }
.course-collateral h2 { font-weight:bold; font-size:15px; color:#e26703; border-bottom:1px solid #e5dcc3; padding:0 0 1px; margin:0 0 15px; }
.course-collateral .box-collateral { margin:0 0 25px; }

/* ======================================================================================= */

ul.coursecontent { 
    margin:0; 
    padding-left: 60px;
}

ul.coursecontent ul { 
    padding-left: 20px;
}

ul.coursecontent li {
    list-style-image: url(/images/icons/Tick.png);
}

ul.coursecontent li.no {
    list-style-image: url(/images/icons/Cross.png);
}

ul.coursecontent li.listen {
    list-style-image: url(/images/icons/Speech.png);
}

ul.coursecontent li.demo {
    list-style-image: url(/images/icons/Eye.png);
}

ul.coursecontent li.do {
    list-style-image: url(/images/icons/Hand.png);
}

ul.coursecontent li.listen_demo {
    list-style-image: url(/images/icons/Speech_Eye.png);
}
ul.coursecontent li.listen_do {
    list-style-image: url(/images/icons/Speech_Hand.png);
}
ul.coursecontent li.listen_demo_do {
    list-style-image: url(/images/icons/Speech_Eye_Hand.png);
}
/* ======================================================================================= */

.coursetopblock {
    display:block; 
    clear:both; 
    width: 100%;
    border: 1px solid green;
    padding: 50px;
}


/* ======================================================================================= */

.product-options-bottom .add-to-links {
    clear: both;
}

.product-options-bottom .add-to-links li {
    text-align: right;
}

.coursetitle { display:block; clear:both; }
.coursedetail { display:block; clear:both; }

.courseblurb-box {  
    float: right;
    clear: right;
    width: 400px;
    padding: 5px 5px 5px 10px;
    background: rgb(256,256,256); 
    background: rgba(256,256,256,0.6); 
}

.coursecontent-box { 
    float: left;
    clear: left;
    width: 400px;
    padding: 5px 5px 5px 10px;
    background: rgb(250,247,238);
    background: rgba(250,247,238,0.7); 
    border:1px solid #c4c6c8;
}

.twcourses { 
    float: left;
    clear: left;
    width: 620px;
    padding: 5px 5px 5px 10px;
    background: rgb(250,247,238);
    background: rgba(250,247,238,0.7); 
    border:1px solid #c4c6c8;
}

.twcourses ol { list-style-image:url("/images/icons/tick.gif"); padding-left:45px; }

.coursedetail h2, 
.twinfo h2, 
.twcourses h2, 
.coursecontent-box h2 { 
    font-weight:bold; 
    font-size:15px; 
    color:#e26703; 
    border-bottom:1px solid #e5dcc3; 
    padding:0 0 1px; 
    margin:0 0 15px; 
}

.images-left {  
    float: left;
    clear: left;
    width: 250px;
}

.images-right {  
    float: right;
    clear: right;
    width: 250px;
}

.coursevideo-box {  
    clear: both;
    padding: 10px 10px 10px 20px;
    align: center;
}

.courseoverall-box {  
    float: left;
    clear: both;
    padding: 20px;
    background: rgb(250,247,238);
    background: rgba(250,247,238,0.7); 
    border:1px solid #c4c6c8;
    margin-bottom: 10px;
}

.courseoverall-box h2 { font-weight:bold; font-size:15px; color:#e26703; border-bottom:1px solid #e5dcc3; padding:0 0 1px; margin:0 0 15px; }

.images-left img { float: left; padding: 0px 0px 20px 0px; clear: left; }
.images-right img { float: right; padding: 0px 0px 20px 0px; clear: right; }

.courseblurb-box p,
.courseoverall-box p { text-align: justify; }

.category-description p {
    padding-left: 10px;
    padding-right: 10px;
}

.twinfo {
    float: right;
    clear: right;
    margin: 10px;
    padding: 10px;
    background: rgb(250,247,238);
    background: rgba(250,247,238,0.7); 
    border:1px solid #c4c6c8;
    width: 600px;
}

.twinfo img {
    float: right;
    clear: right;
    padding: 5px 8px 5px 8px;
}

.breakout_wide {
    margin: 10px;
    padding: 10px;
    background: rgb(250,247,238);
    background: rgba(250,247,238,0.7); 
    border:1px solid #c4c6c8;
}

.breakout {
    margin: 10px;
    padding: 10px;
    background: rgb(250,247,238);
    background: rgba(250,247,238,0.7); 
    border:1px solid #c4c6c8;
    width: 50%;
}

.breakout ol {
    list-style-image:url("/images/icons/tick.gif"); 
    padding-left:25px; 
}

.breakout_wide ol { 
    list-style-image:url("/images/icons/tick.gif"); 
    padding-left:55px; 
}

table.courses {
    background:url("/images/plates/coursepage_back.png") 50% 50% repeat; 
    color: white;
    font-size:1.1em;;
}

table.courses td {
    vertical-align: middle;
    padding: 10px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

table.courses td.level,
table.courses td.duration,
table.courses td.prereq,
table.courses td.more {
    text-align: center;
}

table.courses strong {
    font-size:1.1em;;
    color:#CC6600;
    font-weight:bold;
}

table.courses strong.urban {
    color: #ffff00;
}

table.courses strong.youth {
    color: #de301e;
}

table.courses strong.coastal {
    color: #bee7f9;
}

table.courses .small {
    font-size:0.8em;;
}


.coursesinfo-box {  
    float: right;
    clear: right;
    width: 620px;
    padding: 5px 5px 5px 10px;
    background: rgb(256,256,256); 
    background: rgba(256,256,256,0.6); 
}

.courses-table {  
    float: left;
    clear: both;
    margin-bottom: 10px;
}