/* Title: Lucis */
/* Description:  Page design styles */
/* Copyright:    Copyright (c) Vision with Technology Ltd 1997-2005. All rights reserved<p> */
/* Company:      Vision with Technology Ltd */
/* Author:       Paul Forsyth (modified for Lucis by Sven Berg Ryen) */
/* Version:      $Id:$*/


img
{
    margin: 0px !important;
    padding: 0px !important;
}

.break
{
    clear: both;
}
.image-wrapper
{
    line-height: 0px;
    overflow: hidden;
}

#centered-page
{
 text-align: center;
}

#centered-page #content
{
    position: relative;
    margin: 0 auto;
    width: 750px;
    text-align: left;

}

body
{
    margin:0px;
    padding:0px;
}

.list tr th
{
    text-align: left;
}

.buttonblock
{
    clear: both;
}

#below-header
{
    position: absolute;
top	:85px;
z-index: 20;

}

/*<group=Header>*/

#top-menu
{
    white-space: nowrap;
    width: 750px;
}

div#header
{
    margin: 0px;
    padding: 0px;
    background: url('/design/plain/images/top-back.gif') no-repeat;
    height: 85px;
    z-index: 30;
    position: absolute;
}

#search-section
{
    position: absolute;
    top:   55px;
    right:  4px;
    z-index: 20001;

}

* html #search-section
{
    position: absolute;
    top:   56px;
    right:  4px;
    z-index: 20001;

}

#header-menu-1, #header-menu-2
{
    font-size: 0.85em;
}

#header-menu-2
{
    position:  absolute;
    right: 75px;
    top: 29px;
}
#header-menu-2 a, #header-menu-1 a
{
    color:  black;
}

#header-menu-1
{
    position:  absolute;
    right: 22px;
    top: 12px;
}

#search-form
{
    margin: 0px;
    padding: 0px;
}

#search-image
{


    position: relative;
    top: 4px;
}

* html #search-image
{


    position: relative;
    top: 3px;
}

#search-field
{
    border: 1px solid #7F9DB9;
    width: 98px;
    height: 16px;
    font: Arial 11px;
    position: relative;
    margin: 0;
}

/*</group>*/

/*<group=Footer>*/
.bottom-button, #footer div
{
    font-size: 0.92em;
}

.bottom-button
{
    float: left;
    background: #cccce8;
    margin: 4px 6px 4px 6px;
    white-space: nowrap;
    width: 200px;
    text-align: center;
}
.footer-section-1
{
    padding: 4px 12px;
    float:  right;
}
.footer-section-2
{
    padding: 4px 12px;
    float: left;
}
.footer-section-3
{
    padding: 13px 12px;
    clear:  both;
}

.footer-section-3 a
{
    color:  black;
    text-decoration: underline;
}

.footer-section-2 a, .footer-section-1 a, .bottom-button a
{
    color:  #009;
}

.inline-form
{
    display: inline;

}

/*</group>*/

/*<group=Index page>*/

#index-background {
    background-color: #F0F0FF;
}

#index-main-image
{
    padding: 4px;
    float: left;

}

#index-welcome {
    padding: 0px 10px 10px 10px;
    background-color: white;
    height: 147px;
    overflow: auto;
}

#index-welcome-wrapper {
    padding: 5px 0 0px 6px;
    width: 394px;
    float: left;
}

#index-image-wrapper {
    padding: 5px 0 0px 6px;
    width: 338px;
    float: left;
}

#index-calendar-section-1 {
    padding: 4px 7px 0px 9px;
    background-color: #D6DCFD;
}

#index-calendar-section-2 {
    padding: 0px 7px 4px 9px;
    background-color: #D6DCFD;
}

#index-calendar-wrapper {
    padding: 0px 0 6px 6px;
    width:  197px;
    float: left;
}

#button-next-to-calendar
{
    padding: 67px 0px 0px 20px;
}
#index-support-us {
    padding: 4px;
}

#index-highlights, #index-whatsnew {
    padding: 0px 10px 10px 10px;
    background-color: white;
}

#index-whatsnew {
    display: none;
}

#whatsnew, #highlights
{
    cursor: hand;
}

#index-highlights-wrapper {
    padding: 0px 0 6px 6px;
    width: 535px;
    float: left;
}

.index-highlight-section {
    width:236px;
    float:left;
}

.margin-spacer
{
    height: 2px;
    line-height:  1px;
    overflow: hidden;
}

.highlight-image
{
    float:  left;
    padding: 0px 10px 20px 0px;
    width: 63px;
}

.highlight-text-next-to-image
{
    float: left;
    width: 163px;
    font-size: 1em;
}

.highlight-text-next-to-image p
{
    font-size: 1em;
}


.highlight-right
{
    margin-left: 33px;
}

.highlight-left
{
    clear: left;
}

#support-us-image
{
}

.highlight-line-top
{
    background: url('/design/plain/images/home-page/dotted-line.gif') repeat-x;
    margin-top:  10px;
    padding-top: 5px;
}

.modified-date
{

    color: #666;
}

.index-text-section h2 {
    padding: 3px 0;
    margin: 0;
    font-size: 1.17em;
    font-weight: normal;
}

.index-text-section h3,
.index-text-section h4,
.index-text-section h5,
.index-text-section h6 {
    padding: 3px 0;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
}

.index-text-section div {
    margin: 0;
}

.index-text-section p {
    padding: 3px 0;
    font-size:0.93em;
    margin: 0;
}

#strapline
{
    position: relative;
    top: -2px;
}

/*</group>*/

/*<group=Article pages>*/

.lozenge
{
    width:100%;
    background: #fff;
    margin:6px;
}

.lozenge-topright
{
    width:100%;
    background: #fff;
    margin:0 6px 6px 6px;
}

.margin-inside-lozenge
{

    padding: 8px 12px;
}

.lozenge-section-line-below
{
    border-bottom:3px solid #f0f0ff;
    margin-bottom: 0;
}

.article-mid-section
{

    margin: 0 6px;
}

.article-section,
.class-article
{
    padding: 8px 12px;
}

#menu
{
    width:  148px;
}

.calendar
{
    padding: 0px 11px;
    width:  148px;
}

#index-calendar-wrapper .calendar
{
    float:  left;

}

#maincontent-wide
{
    padding-top:  1px;
    padding-left: 0px;
    width: 737px;
    height: 100%;
}



#maincontent
{
    padding-top:  1px;
    padding-left: 0px;
    width: 570px;
    height: 100%;
}


.page-title, .maincontentheader h1,
.margin-inside-lozenge h1
{
    font-size: 1.83em !important;
    color: #006;
    padding: 0px;
    font-weight: normal;
    margin: 0;
}

div#maincontent h1
{
    font-size: 1.33em;
    color: #006;
}

div#maincontent h2
{
    font-size: 1.27em;
    color: #339;
}

div#maincontent h3
{
    font-size: 1.27em;
    color: #66c;
}

.landing-recent-below
{

    padding-top: 12px;
}

/*</group>*/

/*<group=Calendar>*/

div.calendar
{
}

div.calendar table.calendar
{
    margin-top: .5em;
}

div.calendar table
{
    width: 100%;
}

div.calendar a
{
    border: 0;
}

div.calendar tr.calendar-navigator table.calendar-navigator div
{
    display: inline;
}

div.calendar tr.calendar-navigator div.calendar-previous
{
}

div.calendar tr.calendar-navigator div.calendar-next
{
}

div.calendar tr.calendar-navigator span.calendar-arrow
{
}

div.calendar tr.calendar-navigator div.calendar-date span
{
}

div.calendar tr.calendar-navigator div.calendar-date span.calendar-month
{
    text-align: left;
/*     font: bold 130% Georgia,Serif; */
}

div.calendar tr.calendar-navigator div.calendar-previous a, div.calendar tr.calendar-navigator div.calendar-next a
{
    text-decoration: none;
    border-bottom-width: 0;
}

div.calendar th
{
/*     font: 90% Georgia,Sans-serif; */
    color: #666;
    text-align: center;
}

div.calendar tr.calendar-day-names th
{
}

div.calendar tr.calendar-day-names th.calendar-day-sun, div.calendar tr.calendar-day-names th.calendar-day-sat
{
}

div.calendar td,
div.calendar th
{
    padding:0 2px;
    text-align:center;
    font-size: 0.85em;
}


div.calendar td.calendar-week
{
    padding:0 2px;
    border: 0px;
    text-align: center;
}

div.calendar tr.calendar-days td.calendar-day-today
{
    color:      #f00;
}

div.calendar tr.calendar-days td.calendar-day-selected
{
    border: 1px solid #369;
}

div.calendar tr.calendar-days td.calendar-day-selected-today
{
    color:      #f00;
}

div.calendar tr.calendar-days strong.calendar-day-highlight
{
    font-weight: normal;
    color:      #f00;
}

div.calendar div.selected
{
    border-color: #960;
    font-weight:  bold;
    color:        #000000;
}

div.calendar td a, div.calendar td a:visited, div.calendar td a:hover
{
    font-weight: bold;
    text-decoration: underline;
    border-bottom-width: 0;
}

/* Front page */
.index-text-section .calendar
{
    width: 120px;
    padding:0;
    margin:0;
}

/* Calendar event list */

.calendar-event-date
{
    color: #666;
}

.calendar-event-description p
{
    margin:  0;
    padding:  0;
}
/*</group>*/

/*<group=Shop>*/

.shop-basket , .shop-confirmorder , .shop-orderview
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.shop-basket  th, .shop-confirmorder th, .shop-orderview th
{
    padding: 3px;
    margin: 0px;
}

.shop-basket  td, .shop-confirmorder td, .shop-orderview td
{
    padding: 3px;
    margin: 0px;
}

.shop-basket .product-details, .shop-confirmorder .product-details, .shop-orderview .product-details
{
    border-bottom: 1px solid #9cf;
}

.shop-basket  .price-column, .shop-confirmorder  .price-column, .shop-orderview  .price-column
{
    text-align: right;
}

.shop-basket  .count-column, .shop-confirmorder  .count-column, .shop-orderview  .count-column
{
    text-align: center;
}

.shop-basket  .product-subtotal, .shop-confirmorder  .product-subtotal, .shop-orderview  .product-subtotal
{
    text-align: right;
    border-bottom: 1px solid #9cf;
}

/*</group>*/

/*<group=Search>*/
    .blue-separator
    {
    border-bottom: 3px solid #f0f0ff;
}
/*</group>*/

/*<group=Edit>*/
    .block-2
    {


    margin: 12px 0;
}
/*</group>*/

/*<group=Rounded image wells>*/

.rounded-bottom {
    height:0px;
}

.corner-4,
.corner-3 {
    position:relative;top:-4px;
}

.rounded-image
{
    position:relative;
}

.rounded-top
{
position:absolute;width:100%;top:0px;left:0px
}

/*</group>*/

/*<group=Rounded white lozenge area>*/

.lozenge-bottom {
    height:4px;
}

/*</group>*/