*
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a
{
    color: #67308f;
}

/*html {
    overflow-y: scroll;
}*/

body
{
    /*  font: 12px Arial; /*     color: #666; } p {     line-height: 1.4em; /* font: 12px Arial; */
}

h2
{
    color: #67308f;
    font-size: 12px;
}

h2.LeftHeader span
{
    padding: 9px 10px 0 10px;
    display: block;
}

div.base
{
    position: relative;
    overflow: hidden; /*  width: 980px; 1024px;*/
    margin: 20px auto;
}

div.BarContainer
{
   /*  margin-left: 20px; margin-top: 110px; */
    float: left;
    display: inline;
    overflow: hidden;
    width: 160px; /*221*/
}

div.elContent
{
    float: left;
    display: inline;
    overflow: hidden;
  /*  margin-left: 15px; */
    background: url(images/right_bg.gif) no-repeat;
    background-position: top right;
    min-height: 700px;
    width: 756px; /*740px; */
    overflow: hidden;
}

div.RightBarContainer
{
    float: left;
    display: inline;
    overflow: hidden;
}

span.LeftMenuTop, span.LeftMenuBottom
{
    display: block;
    width: 221px;
    height: 7px;
}

span.LeftMenuTop
{
    background: url(images/left_top.gif) no-repeat;
}
#content table
{
    float: none;
}
span.LeftMenuBottom
{
    background: url(images/left_bottom.gif) no-repeat;
}

div.LeftMenu
{
    padding-left: 7px;
    background: url(images/left_bg.gif) repeat-y;
}
div.LeftMenu h2
{
    float: none;
}
div.LeftMenu ul
{
    padding-top: 10px;
}

h2.LeftHeader
{
    /*  width: 206px; */
    padding-bottom: 3px;
    height: 45px;
    background: url(images/left_top_header.gif) no-repeat;
}

h2.LeftHeader.Basket
{
    background: url(images/basket_bg.gif) no-repeat;
    width: 206px;
    height: 34px;
}
h2.LeftHeader.Deposit
{
    background: url(images/right_sub_header.gif) no-repeat;
    width: 206px;
    height: 34px;
}
#BookingBasketTotal
{
    font-weight: bold;
}

h2.LeftHeader.Suggestions
{
    background: url(images/suggestions_header.gif) no-repeat !important;
    height: 47px !important;
    width: 160px !important;
}

span.LeftMenuInnerTop, span.LeftMenuInnerBottom
{
    width: 160;
    height: 11px;
    display: block;
}

span.LeftMenuInnerTop
{
    margin-top: 7px;
    background: url(images/left_grey_top.gif) no-repeat;
}

span.LeftMenuInnerBottom
{
    background: url(images/left_grey_bottom.gif) no-repeat;
}

ul.Menu
{
    /* width: 206px; why? */
    background: #e9e6f4;
    overflow: hidden;
}

ul.Menu li
{
    margin-left: 10px;
    padding-bottom: 4px;
}

div.SubMenu
{
    /*  margin-top: 15px; */
}

div.SubMenu span.LeftMenuTop
{
    background: url(images/left_sub_top.gif) no-repeat;
}

div.SubMenu h2.LeftHeader
{
    background: url(images/left_sub_header.gif) no-repeat;
    height: 42px;
}

div.SubMenu h2.LeftHeader span
{
    color: #62511b;
    font-weight: bold;
    width: 120px;
}

div.SubMenu div.LeftMenu
{
    background: url(images/left_sub_bg.gif) repeat-y;
}

div.SubMenu div.LeftMenu span.LeftMenuInnerTop
{
    background: none;
    height: auto;
    width: auto;
}

div.SubMenu div.LeftMenu span.LeftMenuInnerBottom
{
    background: url(images/left_sub_inner_bottom.gif) no-repeat;
}

div.SubMenu div.LeftMenu ul.Menu
{
    background-color: #faf0df;
    width: 147px;
}

div.SubMenu div.LeftMenu ul.Menu li a
{
    color: #62511b;
    text-decoration: none;
    font-size: .9em;
    padding-bottom: 8px;
}
div.SubMenu div.LeftMenu ul.Menu li a:hover
{
    text-decoration: underline;
}

h1.header
{
    color: #5f9d5f;
    font-size: 2.1em;
}

ul.progressbar
{
    margin: 15px 0 20px 2px;
    width: 525px;
    height: 35px;
}

ul.progressbar li
{
    float: left;
    display: inline;
}

ul.progressbar li.Current span, ul.progressbar li.Current span a
{
    color: #fff;
    text-decoration: none;
}
ul.progressbar li.Current span a:hover
{
    text-decoration: underline;
}
ul.progressbar li span a.active
{
    text-decoration: underline; /*matt said */
}
ul.progressbar li.Step1 span
{
    margin-left: 18px;
}

ul.progressbar li.Step1
{
    background: url(images/coursedetails.gif) no-repeat;
    width: 125px;
    height: 35px;
}

ul.progressbar li.Step2
{
    background: url(images/dates.gif) no-repeat;
    width: 83px;
}

ul.progressbar li.Step2.Current
{
    background: url(images/dates_on.gif) no-repeat;
}

ul.progressbar li.Step3
{
    background: url(images/starterkits.gif) no-repeat;
    width: 102px;
}

ul.progressbar li.Step3.Current
{
    background: url(images/starterkits_on.gif) no-repeat;
}

ul.progressbar li.Step4
{
    background: url(images/qualifications.gif) no-repeat;
    width: 119px;
}

ul.progressbar li.Step4.Current
{
    background: url(images/qualifications_on.gif) no-repeat;
}

ul.progressbar li.Step5
{
    background: url(images/checkout.gif) no-repeat;
    width: 91px;
}
ul.progressbar li.Step5.Current
{
    background: url(images/checkout_on.jpg) no-repeat;
}

ul.progressbar li.Step2, ul.progressbar li.Step3, ul.progressbar li.Step4, ul.progressbar li.Step5
{
    height: 35px;
}
ul.progressbar li span
{
}

ul.progressbar li span
{
    padding-top: 9px;
    display: block;
    text-align: left;
    color: #b8b8b8;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 8px;
}

ul.progressbar li span a
{
    text-decoration: none;
    color: #b8b8b8;
    cursor: default;
}
ul.progressbar li.Current span a
{
    color: #fff;
    cursor: pointer;
}

ul.progressbar li span a:hover
{
    text-decoration: none;
}
ul.progressbar li span a.active:hover
{
    text-decoration: underline;
}

ul.progressbar li.Step1 span
{
    margin-left: 0px;
}

ul.progressbar li.Step1 span a
{
    color: #fff; /* margin-left: -20px; */
}

div.elContent h2
{
    font-size: 1.3em;
}

div.tabbox
{
    width: 525px;
    position: relative;
    overflow: hidden;
}

div.tabbox div.header
{
    background: url(images/tabbox_header.gif) no-repeat;
    width: 710px;
    height: 52px;
}

div.tabbox div.body
{
    background: url(images/tabbox_bg.gif) repeat-y;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
}
div.tabbox ul li
{
  /*  margin-left: 15px; */
    list-style: disc;
   /* text-align: center; */
}
div.body ul li
{
    margin-left:55px;
    list-style:disc;
    text-align:left;
}
div.tabbox div.bottom
{
    background: url(images/tabbox_bottom.gif) no-repeat;
    width: 710px;
    height: 12px;
    padding-bottom: 10px;
}

div.tabbox div.header ul.tabs
{
    position: absolute;
    top: 0;
    left: 0;
}

div.tabbox div.header ul.tabs li
{
    background: url(images/details.gif) no-repeat;
    width: 152px;
    height: 46px;
    float: left;
    display: inline;
    border: none;
    padding: 0px;
}

div.tabbox div.header ul.tabs li.current
{
    background: url(images/available_dates.gif) no-repeat;
    border: none;
    width: 177px;
}

div.tabbox div.header ul.tabs li.current span
{
    font-weight: bold;
    cursor: default;
}

div.tabbox div.header ul.tabs li span
{
    color: #67308f;
    line-height: 46px;
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
}

div.tabbox div.header ul.tabs li a
{
    text-decoration: none;
}

div.tabbox div.body ul.datebox li
{
    float: left;
    width: 150px;
    height: 127px;
    display: block;
    border: 1px solid #d6d0ea;
    margin-left: 0;
    margin-right: 11px;
    margin-top: 5px;
    margin-bottom: 20px;
    background: #fff;
}

div.tabbox div.body ul.datebox li.lowestprice
{
    border: 1px solid #9267b6;
    background: url(images/lowestprice.gif) no-repeat right;
}

div.tabbox div.body ul.datebox li.earlybird
{
    border: 1px solid #9267b6;
    background: url(images/earlybird.gif) no-repeat right;
}

div.tabbox div.body ul.datebox li.lateavailability
{
    border: 1px solid #9267b6;
    background: url(images/lateavailability.gif) no-repeat right;
}

div.tabbox div.body ul.datebox li.lowestprice h3, div.tabbox div.body ul.datebox li.lowestprice input, div.tabbox div.body ul.datebox li.lowestprice p, div.tabbox div.body ul.datebox li.earlybird h3, div.tabbox div.body ul.datebox li.earlybird input, div.tabbox div.body ul.datebox li.earlybird p, div.tabbox div.body ul.datebox li.lateavailability h3, div.tabbox div.body ul.datebox li.lateavailability input, div.tabbox div.body ul.datebox li.lateavailability p
{
    width: 124px;
}

div.tabbox div.body ul.datebox li.lowestprice h3, div.tabbox div.body ul.datebox li.earlybird h3, div.tabbox div.body ul.datebox li.lateavailability h3
{
    border-bottom: 1px solid #9267b6;
}

div.tabbox div.body ul.datebox li h3
{
    width: 150px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #d6d0ea;
    height: 32px;
    line-height: 32px;
}

div.tabbox div.body ul.datebox li input
{
    width: 100%;
    margin-left: 58px;
    margin-top: 7px;
}

div.tabbox div.body ul.datebox li p
{
    text-align: center;
    margin-top: 4px;
    margin: 6px 0;
}

div.tabbox div.body ul.datebox li p.limited
{
    font-weight: bold;
    color: #9168b4;
}

a.continue_button
{
    width: 103px;
    height: 30px;
    background: url(images/continue.gif) no-repeat;
    display: block;
    clear: both;
    float: right;
    margin: 5px 15px 0 0;
}

a.monthdropdown
{
    background: url(images/downarrow.gif) no-repeat center right;
    padding-right: 14px;
    margin-right: 100%;
    margin-bottom: 10px;
    text-decoration: none;
    clear: both; /*  display: block;    width: 67px; */
}

img.rightimage
{
    float: right;
    display: inline; /*  margin-right: 10px; */
    margin-top: 12px;
    padding-left: 10px;
}

p.smallheader
{
    color: #67308f;
    font-weight: bold;
}

p.firstpara
{
    margin-top: 12px;
}

.bItem
{
    background-image: url(/bookings/images/product_list_box.gif);
    background-repeat: no-repeat;
    clear: both;
    height: 140px;
    margin: 0 0 7px;
    padding: 10px; /* width: 505px; */
}
.bThumb
{
    float: right;
    margin-right: 10px;
    margin-top: -140px;
    text-align: center;
 /*   width: 125px; this and the nagative margin where a great idea */
}

.bHeader
{
    text-align: left;
    margin-left: 135px;
}
.bDesc
{
    line-height: 1.3em; /* height: 90px; */
    width: 345px;
}
.bPrice
{
    margin-right: 10px;
    margin-top: -40px;
    color: #67308f;
    float: right;
    text-align: right;
}


div.starterkitsbox
{
    width: 525px;
}

div.starterkitsbox div.header
{
    background: url(images/purple_header.gif) no-repeat; /* width: 565px; */
    height: 8px;
    display: block;
}

div.starterkitsbox div.footer
{
    background: url(images/purple_footer.gif) no-repeat;
    width: 565px;
    height: 22px;
    display: block;
}

div.starterkitsbox div.body
{
    padding: 10px 20px;
    overflow: hidden;
    background: url(images/purple_bg.gif) repeat-y;
}
/*
div.starterkitsbox div.body a.continue_button
{
    margin-right: 28px;
    clear: none;
    margin-top: 20px;
}

div.starterkitsbox div.body h2
{
    font-size: 1.6em;
    font-weight: normal;
    padding-right: 20px;
}

div.starterkitsinner
{
    margin: 20px 0;
    width: 671px;
    float: left;
    display: inline;
    background: url(images/starterkits_inner_bg.gif) repeat-y;
}

div.starterkitsinner div.innerheader, div.starterkitsinner div.innerfooter
{
    width: 671px;
    height: 12px;
}

div.starterkitsinner div.innerbody
{
    padding: 10px;
    overflow: hidden;
}

div.starterkitsinner div.innerheader
{
    background: url(images/starterkits_inner_top.gif) no-repeat;
}

div.starterkitsinner div.innerfooter
{
    background: url(images/starterkits_inner_bottom.gif) no-repeat;
}

div.starterkitsinner div.innertextheader
{
    overflow: hidden;
    border-bottom: 1px solid #d6d0ea;
    padding: 0 10px 10px 10px;
}

div.starterkitsinner div.innertextheader span.right
{
    float: right;
    display: inline;
    font-weight: bold;
}

div.starterkitsinner div.innertextheader p
{
    font-weight: bold;
    float: left;
    display: inline;
}

/*div.starterkitsinner.qualifications div.innerbody img
{
    padding-right: 10px;
    float: left;
    display: inline;
}

/*div.starterkitsinner.qualificationsdiv.innerbody p
{
    float: left;
    display: inline;
    width: 376px;
    margin-left: 19px;
}*/

ul.Menu.Basket
{
    color: #67308f;
    padding-bottom: 4px;
}

ul.Menu li.description
{
    padding-top: 5px;
    width: 128px;
    float: left;
    display: inline;
    font-weight: bold;
}

span.basketdate
{
    font-weight: normal;
}

ul.Menu li.price
{
    float: right;
    display: inline;
    margin-right: 10px;
    font-weight: bold;
}
f ul.Subtotal
{
    border-top: 1px solid #fff;
    padding-top: 12px;
}

div.bookmoneyoff
{
    margin-top: 15px;
    width: 220px;
    height: 90px;
    background: url(images/book.gif) no-repeat;
}

div.bookmoneyoff p
{
    font-size: 1.5em;
    width: 220px;
    text-align: center;
    color: #62511b;
    padding-top: 23px;
}

div.priceaddcontainer
{
    float: right;
    margin-right: 6px;
    text-align: center;
}

div.priceaddcontainer .price
{
    width: 86px;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
    font-size: 1.25em;
}

div.priceaddcontainer a.add
{
    width: 86px;
    height: 30px;
    background: url(images/add.gif) no-repeat;
    display: block;
}

div.LeftMenu a.proceed
{
    background: url(images/proceedtocheckout.gif) no-repeat;
    width: 207px;
    height: 55px;
    display: block;
    margin-top: 7px;
}


div.checkout h2
{
    font-size: 1.4em;
    background-color: White;
    padding: 4px;
    margin-left: 10px;
    margin-bottom: -12px;
    float: left;
    z-index: -1;
}

div.softborder
{
    clear: left;
    border: thin solid #C0C0C0;
    padding: 4px;
    padding-left: 10px;
    padding-top: 10px; /*margin-top: 40px;*/
    margin-bottom: 20px;
}
td
{
    padding: 2px;
    vertical-align: text-top;
}

td input[type="text"]
{
    height: 22px;
}