*
{
    margin:  0;
    padding: 0;
}

html, body
{
    background:        #FFFFFF;
    border:            0;
    text-align:        center;
    font:              12px arial, sans-serif;
    color:             #333333;
    height:            100%;
}

p, div
{
    font-weight:    normal;
    padding-bottom: 13px;
}

div
{
    padding-bottom: 0px;
    text-align:     left;
}

th
{
    vertical-align: top;
    padding-bottom: 3px;
    border:         0px;
    font-weight:    bold;
    color:          #333333;
    font:           helvetica, arial, san-serif;
}
td
{
    vertical-align: top;
    padding-bottom: 3px;
    border:         0px;
}
th.wide, td.wide
{
    padding-top:   3px;
    padding-left:  5px;
    padding-right: 5px;
}
th.wideA, td.wideA
{
    padding-top:      3px;
    padding-left:     5px;
    padding-right:    5px;
    background-color: #f5f5f5;
}
th.wideB, td.wideB
{
    padding-top:      3px;
    padding-left:     5px;
    padding-right:    5px;
    background-color: #f5f5f5;
}
td.compact
{
    padding:0px;
}

li
{
    padding-bottom: 12px;
    font-size:      12px;
}

img
{
    border: 0px;
}

a, a:link, a:active, a:visited
{
    color:           #005b00;
    font-weight:     bold;
}
a:hover
{
    color: #47b50d;
}
a.smalllink
{
    font-size:     9px;
}

h1, h2
{
    font-size:      24px;
    font-weight:    bold;
    color:          #333333;
    font:           helvetica, arial, san-serif;
    text-transform: uppercase;
}
h1
{
    margin-top:     0px;
    margin-bottom:  10px;
}
h3
{
    font-size:      14px;
    font-weight:    bold;
    font:           helvetica, arial, san-serif;
    color:          #333333;
    text-transform: uppercase;
}

hr
{
    border-color: #f9bf86;
    border-style: solid;
    border-width: 1px 0 0;
    margin:       19px 0px 19px 0px;
    height:       0px;
}

form
{
    margin:  0;
    border:  0;
    padding: 0;
}
input
{
    border:     1px solid #000000;
    background: url('../img/blue-inputbg.jpg') #FFFFFF;
    color:      #000000;
    padding:    0;
}
input.sidebar
{
    border:     1px solid #000000;
    background: #daedff;
    color:      #000000;
    padding:    0;
    font-size:  10px;
    width:      90px;
}
label input
{
    border:     0px;
    background: none;
}
input.btn
{
    padding:    5px;
    margin:     0px;
    cursor:     pointer;
}


#centrearea
{
    width:             961px;
    margin-left:       auto;
    margin-right:      auto;
}

.widecontent
{
    width: 750px !important;
}

#header
{
    width:          956px;
    margin-bottom:  4px;
}

#nav
{
    width:          958px;
    height:         31px;
    margin-left:    -1px;
    margin-bottom:  12px;
}

#maincontent
{
    width:          955px;
    margin-left:    3px;
    margin-bottom:  29px;
}

#footer
{
    clear:          both;
    width:          955px;
    height:         30px;
    margin:         0;
    padding-bottom: 26px;
    text-align:     center;
}

.footeredge
{
    width:      157px;
    height:     100%;
    text-align: center;
}

.navbutton, .tabitem
{
    background-color: #0C4BE0;
    background-image: url('../img/button-middle.png');
    height:           31px;
    float:            left;
    margin-left:      1px;
    margin-right:     1px;
    text-align:       center;
    vertical-align:   middle;
    line-height:      31px;
    font-size:        12px;
}
.coursebutton
{
    margin-left: 5px;
    clear: both;
    margin-bottom:  8px;
}

.tabitem
{

}
.tabs
{
    height: 30px;
    border-bottom: 1px solid #999999;
    
}

.tabcontent
{
    border: 1px solid #999999;
    border-top: 0;
    padding: 25px;
}

.navbutton a, .navbutton a:link, .navbutton a:active, .navbutton a:visited,
.tabitem a, .tabitem a:link, .tabitem a:active, .tabitem a:visited
{
    display:         block;
    height:          100%;
    width:           100%;
    color:           #FFFFFF;
    text-decoration: none;
}

.navselected   { background-color: #fff116; }
.navselected a, .navselected a:link, .navselected a:active, .navselected a:visited { color: #333333; }

.navgreen      { background-color: #56db0f; }
.navgreen a, .navgreen a:link, .navgreen a:active, .navgreen a:visited { color:#333333; }
.navblack      { background-color: #000000; margin-left: -1px; border-left:1px solid #e9e9e9; }
.navblack a, .navblack a:link, .navblack a:active, .navblack a:visited { color: #FFFFFF; }

.cornerleft
{
    float:left;
}

.cornerright
{
    float:right;
}

.navspaceeater
{
    background-color: #FFFFFF;
    background-image: url('../img/spaceeater-middle.png');
    height:           31px;
    float:            left;
    margin-left:      1px;
    margin-right:     1px;
    text-align:       center;
    vertical-align:   middle;
    line-height:      31px;
}



#contentpad
{
    width: 955px;
}

#leftside
{
    margin:        0;
    width:         788px;
    float:         left;
    margin-bottom: 30px;
}

/* Right column - blue background, courses selection */
#rightside, #rightlogin
{
    width:            172px;
    float:            right;
    background-color: #FFFFFF;
    margin-right:     -15px;
    margin-bottom:    30px;
}
#rightside h2, #rightlogin h2
{
    color: white;
    margin: 0;
}
#rightside a.btn_course
{
    margin:            0;
    display:           block;
    width:             157px;
    height:            158px;
    background-color:  white;
    background-repeat: no-repeat;
    text-decoration:   none;
    color:             black;
    text-indent:       -10000px;
    float:             left;
}
.btn_course * { display:none; }

a#course_advanced      { background-image: url('../img/products/courses-hazard-perception.png'); }
a#course_theory        { background-image: url('../img/products/courses-theory.png'); }
a#course_offer         { background-image: url('../img/products/courses-special-offer.png'); }
a#courses_mycourse     { background-image: url('../img/products/my-course.png'); }
a#courses_controlpanel { background-image: url('../img/products/control-panel.png'); }

/* Logged in status */
p.signinbar
{
    width:       956px;
    text-align:  right;
    font-weight: bold;
}
a.biglink
{
    background-image: url('../img/courses-whiteboxplain.jpg') !important;
    margin-top:       10px !important;
}
.fullwidth
{
    clear: both;
    margin: 19px 0px;
}


#left-a
{
    width: 277px;
    float: left;
    padding: 0px 19px;
}

/* Middle column - for free trial and theory demo items */
#left-b
{
    width:            318px;
    margin:           0px 4px 30px 0px;
    float:            left;
    background-color: #f5f5f5;
    background-image: url('../img/middlebar-middle.jpg');
}
#left-b h2
{
    margin-left: 21px;
    margin-top:  5px;
}
#left-b img.content
{
    display: block;
}
#left-b img.content
{
    margin: 10px 0px 9px 21px;
}
#left-b hr
{
    border-color: #f9bf86;
    border-style: solid;
    border-width: 1px 0 0;
    margin:       26px 19px 10px 19px;
    height:       0px;
}


#course-summary
{
    width:            598px;
    height:           213px;
    background-color: #333333;
    background-image: url('../img/course-summary-bg.jpg');
    color:            white;
    margin:           2px 0px 12px 0px;
}
#course-summary div.infobox
{
    float:      left;
    width:      118px;
    height:     126px;
    text-align: center;
}
#course-summary div.first { margin-left:3px; }
#course-summary div.buynow
{
    clear:            both;
    height:           43px;
    line-height:      43px;
    background-color: #56db0f;
    background-image: url('../img/blackbutton-middle.png');
    font-size:        14px;
}
.buynow a, .buynow a:link, .buynow a:active, .buynow a:visited { color: #333333; }
a.moreinfo, a.moreinfo:link, a.moreinfo:active, a.moreinfo:visited
{
    float:       left;
    width:       100px;
    margin-left: 20px;
    margin-top:  12px;
    color:       #FFFFFF;
}
a.moreinfo:hover { color: #fefe00; }

p.summary-title
{
    margin-top: 29px;
    font-size:   10pt;
    font-weight: bold;
    height:      30px;
}
p.summary-value
{
    font-size:   18pt;
    font-weight: bold;
}

#minheight
{
    float:  right;
    width:  1px;
    height: 530px;
}

#textbox
{
    padding: 3px;
}

#error
{
    border:       2px solid black;
    padding:      10px;
    margin-left:  auto;
    margin-right: auto;
    text-align:   center;
    width:        580px;
}

#scrolltext
{
    overflow: scroll;
    border:1px solid #333333;
}

.tinyheading
{
    font-weight:    bold;
    color:          #333333;
}

/* Payments page stuff */
p.rowItem
{
    clear:both;
    padding-top:5px;
}

div.leftCol
{
    float:left;
    width:23px;
}

div.rightCol
{
    float:left;
    width:250px;
}

input.radioBtn
{
    border:     0px;
    background: #003333;
}


/* Misc stuff */
ul.bullets
{
    margin:              0px 50px 0px 19px;
    list-style-type:     none;
    float:               left;
    clear:               left;
}
ul.bullets li
{
    background-image:    url('../img/bullet-general.jpg');
    background-position: left top;
    background-repeat:   no-repeat;
    padding-left:        30px;
}

.right
{
    float:         right;
    margin-left:   19px;
    margin-bottom: 19px;
}

.left
{
    float:         left;
    margin-left:   19px;
    margin-bottom: 19px;
}

.decorLeft
{
    float:  left;
    margin: 0px 19px 19px 0px;
}

.decorRight
{
    float:  right;
    margin: 0px 0px 19px 19px;
}

.btn-links
{
    float: left;
    width: 137px;
}
.btn-links-right
{
    float:     right;
    width:     438px;
    font-size: 11px;
    color:     #fd9e26;
}
.btn-links a
{
    margin-bottom: 10px;
    display:       block;
}

.tripcol
{
    width: 230px;
}

.centre
{
    width:      100%;
    text-align: center;
}

/* Video editing admin colours */
.videoOK
{
    
}

.videoEditDetails
{
    background-color:#FFCC00 !important;
}

.videoError
{
    background-color:#FF9D9D !important;
}

.videoEditMe
{
    background-color:#9DC4FF !important;
}

h2#products_header
{
    width:  171px;
    height: 36px;
    background-image: url('../img/products/products-header.png');
}

h2#loggedin_header
{
    width:  171px;
    height: 36px;
    background-image: url('../img/products/your-study-header.png');
}

.hidetext
{
    padding: 0;
    margin:  0;
    text-indent: -10000px;
}

.nomargin
{
    margin:  0 !important;
    padding: 0 !important;
}

.lessonchunk
{
    width:500px;
    float:left;
    margin-bottom:25px;
}

.coursetitle
{
    padding-top: 9px;
    font-weight: bold;
}

#course_specialoffer
{
    background-image:  url('../img/specialoffer-star.png');
    background-repeat: no-repeat;
    width:             330px;
    height:            70px;
    padding:           28px 25px 25px 25px;
    font-size:         120%;
    margin:            30px auto 0px auto;
    text-align:        center;
}

/* Buy a course page */
.buycourse_cost
{
    clear:       both;
    float:       left;
    width:       100px;
    font-size:   24px;
    font-weight: bold;
    margin:      0px 30px 20px 20px;
    text-align:  center;
}

.buycourse_title
{
    float:         left;
    width:         300px;
    height:        90px;
    padding-top:   5px;
    margin-right:  30px;
    margin-bottom: 30px;
}

.products_screenshot
{
    margin: 35px -35px 0px 0px;
}

.product_images
{
    float:  right;
    mrgin:  0px;
    width:  351px;
    height: 208px;
}

.product_images a img
{
    float: left;
    margin-left: 5px;
    margin-top:  5px;
}

.buynow
{
    clear:none !important;
    float:right !important;
    margin: 19px 30px 0px 0px;
}

div.moreinfo
{
    position:         relative;
    left:             23px;
    top:              24px;
    height:           31px;
    line-height:      31px;
    background-image: url('../img/smblackbutton-middle.png');
}

#course_screenshots
{
    float:      left;
    width:      178px;
    margin:     0px 10px 0px 0px;
    text-align: center;
}
#course_screenshots p
{
    margin-bottom:25px;
}

#course_screenshots li
{
    text-align:          left;
    line-height:         10px;
    margin:              3px 0px 0px 0px;
    padding:             0px;
    font-size:           11px;
    list-style-position: inside;
}

#course_content
{
    float:      left;
    width:      560px;
}

.tiny
{
    font-size:   10px;
    padding:     5px;
}

.asterisk
{
    color:       #7d2800;
    font-weight: bold;
}

#tutor_form
{
    float:left;
    width:500px;
}

.tutorMessage
{
    width:            468px;
    margin:           10px 0px 10px 0px;
    font-size:        14px;
}

.tutorResponse
{
    background-color: #d8d8d8;
}

.tutorQuestion
{
    background-color: #eeeeee;
}

.tutorTitle
{
    font-size:   12px;
    color:       #0c4be0;
    margin-left: 20px;
}

.tutorUnread
{
    font-weight:bold;
}

.tutorTime
{
    clear:       both;
    font-size:   10px;
    font-weight: bold;
    float:       right;
    text-align:  right;
    color:       #0c4be0;
    margin:      10px 12px 0px 0px;
    padding:     0px;
}

.tutorContent
{
    width:  330px;
    float:  left;
    margin: 10px 20px 10px 5px;
}

.tutorTextfield
{
    width: 466px;
}