/*
$Id: main_e.css 769 2010-05-06 11:15:41Z martin $
*/

* {
    margin: 0;
    padding: 0; /* border: none */
}

.easterbasket
{
    font-weight: bold; text-align: center; margin-top:5px; padding:3px; background-color: #8ecf12; color: #fff;
}

#upperinset
{
    height: 50px;
    background: transparent url( '/_gfx/schoolpromo.gif' ) 0 0 no-repeat;
}

.nonameyet a:hover { background-color: #fff; }

.tfsearch
{
    width: 155px;
    height:18px;
    border: none;
    margin: 0;
    padding: 0;
    float: left;
    
}

.searchbutton
{
    float: right;
}

#searchslot
{
    height: 18px;
    width: 180px;
    position: relative;
    top: 32px;
    float: right;
    right: 20px;
    padding: 0;
    margin: 0;
    display: block;
}

img {
    border: none;
}

form {
    display: inline; /* prevents a form being handled as block element which is wasting (vertical) space */
}

hr {
    width: 620px;
    height: 1px;
    color: #fff;
    border: none;
    background: #fff url( '/_gfx/dotted.gif' ) 0 0 repeat-x;
    float: left;
}

#page {
    width: 850px;
    text-align: center;
    margin: 0 auto; /* background-color: #EEF4FE; */
    font: 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

#uppermessage {
    margin: 5px 0;
    height: 40px; 
}

#uppermessage p {
    font-size: 10px;
    font-weight: normal;
    color: #ff0000; /* background-color: #ff0000; */
    font-size: 12px;
    padding: 2px 0 2px 0;
}

#uppermessage p.easterhead
{
    width:  850px;
    padding: 3px 0px;
    font-size: 14px;
    background-color: #8ecf12;
    color: #fff;
    font-weight: bold;
}

#homelink {
    width: 620px;
    height: 90px;
    position: absolute;
}

#homelink a:hover {
    background: none;
    text-decoration: none;
}

#quicknavi {
    height: 20px;
    position: relative;
    top: 32px;
    float: right;
    right: 20px;
}

.quicknavi {
    width: 180px;
    font-size: 10px;
}

.quicknavi2 {
    width: 100px;
    font-size: 10px;
}

.quicknavi206 {
    width: 206px;
    font-size: 10px;
}

#currentlogo {
    width: 200px;
    height: 100px;
    position: absolute;
    top: 120px;
    padding-left: 10px;
}

#headerthemelist {
    width: 560px;
    height: 70px;
    font-size: 9px;
    text-align: right;
    line-height: 150%;
    position: absolute;
    top: 130px;
    padding-left: 270px;
    overflow: hidden;
}

#themename {
    text-align: left;
    font-size: 18px;
    line-height: 150%;
    color: #000066;
    position: absolute;
    padding-left: 270px;
    top: 200px;

}

#themename h1 {
    font-size: 18px;
    font-weight: bold;
}

#pagebodymain {
    text-align: left;
    width: 620px;
    float: left;
    position: relative;
}

/* container w/o right bar */
#pagebodymainwide {
    text-align: left;
    width: 810px;
    /* float: left;
    position: relative; */
}

#navi_top {
    width: 620px;
    float: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
}

#navi_bottom {
    width: 620px;
    float: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 3px;

}

#leftframe {
    width: 180px;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
}

#leftframe h1 {
    font-size: 20px;
    text-align: left;
    color: #000066
}

#leftframe .introtext {
    font-size: 9px;
    line-height: 150%;
    text-align: justify;
}

#leftframe .introtext a {
    font-size: 110%;
    line-height: 150%;
}

#leftframe .introtext span.smallgrey {
    font-size: 9px;
    color: #555
}

#leftframe select {
    width: 180px;
    font: 10px / 100% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#maingfxframe {
    width: 440px;
    height: 420px;
    float: left;
    margin: 0;
    padding: 0;
}

#pagebodymain .box620 div.left {
    height: 18px;
    width: 620px;
    padding-top: 8px;
    padding-left: 10px;
}

#pagebodymain .box620 div.last2 {
    font-size: 1px;
    line-height: 1px;
    height: 14px;
    clear: both;
}

#pagebodyrightbar {
    position: relative;
    width: 180px;
    float: right;
}

#pagebodyrightbar .box table {
    width: 160px;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: none;
    border-collapse: collapse;
    border-spacing: 0
}

#pagebodyrightbar .box table td {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: none;
}

#pagebodyrightbar .box tr:hover {
    background-color: #fff;
}

#pagebodyrightbar .box div.left {
    height: 18px;
    width: 160px;
    padding-top: 8px;
    padding-left: 10px;
}

#pagebodyrightbar .box div.list {
    width: 160px;
    margin-top: 8px;
    padding-left: 10px;
    font-size: 9px;
}

#pagebodyrightbar .box div.list a {
    text-decoration: none
}

#pagebodyrightbar .box div.ad {
    width: 170px;
    margin-top: 8px;
    padding-left: 5px;
    font-size: 9px;
    text-align: left;
}

#pagebodyrightbar .box div.sum {
    width: 160px;
    font-size: 11px;
    color: red;
    text-align: right;
    padding-right: 0;
    border-top: 1px solid red;
}

#pagebodyrightbar .box div select {
    font: 10px / 100% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    width: 160px;
    margin-top: 0;
}

#pagebodyrightbar .box div input.tf {
    float: left;
    padding: 0;
    margin: 0;
    width: 135px; /* border: none; */
    font: 11px / 100% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#pagebodyrightbar .box div input.sb {
    float: right;
    padding: 0;
    width: 18px;
    height: 18px;
    border: 0; /* vertical-align: -20% */
}

#pagebodyrightbar .box div.last1 {
    font-size: 1px;
    line-height: 1px;
    height: 12px;
}

#pagebodyrightbar .box div.last2 {
    font-size: 1px;
    line-height: 1px;
    height: 14px;
}

#pagebodyrightbar2 {
    margin-top: -10px;
    width: 180px;
    text-align: left;
    float: right;
}

#footernew {
    float: left;
    padding: 0 20px 0 20px;
    position: relative;
    text-align: left;
}

div .clearer {
    height: 10px;
}

#matrix {
    width: 620px;
    text-align: justify;
    float: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 3px;
}

#matrix table {
    width: 620px;
    background: #fff;
    border-collapse: collapse;
    border: none;
}

#matrix table tr td {
    width: 206px;
    text-align: center;
}

#matrix table tr td p.img {
    padding-top: 10px;
}

#matrix table tr td p.img a:hover {
    background: none;
}

#matrix table tr td p.name {
    font-size: 9px;
}

#matrix table tr td p.price {
    font-size: 11px;
    color: #000066;
    font-weight: bold;
    padding: 5px 0 5px 0;
}

#matrix table tr td p.deliverynote {
    color: red; font-weight: bold; font-size: 9px;
}

#matrix table tr td p.deliveryok {
    color: #000066; font-weight: normal; font-size: 9px;
}

#matrix table tr td p.deliverylater {
    color: red; font-weight: bold; font-size: 9px;
}

#item {
    width: 620px; /* height: 380px; */
    /* height: 335px; */
    text-align: justify;
    float: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 3px;
}

#item p.img a:hover {
    background: none;
}

#item p.alert {
    font-weight: bold;
    color: #ff0000;
}

#item p.deliveryok {
    font-weight: normal;
    color: #000;
}

#item p.deliverylater {
    font-weight: bold;
    color: #ff0000;
}

#item h2 {
    padding-bottom: 10px;
    padding-top: 10px;
    color: #000066;
    font-size: 14px
}

#item p.price {
    color: red;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0;
}

#basket {
    width: 620px; /* height: 380px; */
    text-align: justify;
    float: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 3px;
}

#login {
    width: 620px; /* height: 380px; */
    text-align: justify;
    float: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 3px;
}

input.b {
    font-size: 9px;
}

p.breadcrump {
    font-size: 9px;
    font-weight: bold;
    color: #555;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 5px 0 5px 0;
    margin-bottom: 3px;
    text-align: left;
}

.picleft {
    float: left;
    margin: 0 10px 1px 0;
}

.picleftborder {
    float: left;
    margin: 0 10px 150px 0;
    border: none;
}

table.ctab {
    font-size: 10px;
    color: #000;
}

table.ctab tr.head {
    background-color: #000;
    font-weight: bold;
}

table.ctab tr.even {
    background-color: #ccc;
    font-weight: normal;
}

table.ctab tr.odd {
    background-color: #ddd;
    font-weight: normal;
}

table.ctab tr.odd td, table.ctab tr.even td {
    padding: 2px;
}

table.ctab tr.odd td.fee, table.ctab tr.even td.fee {
    text-align: right;
}

table.ctab tr.head td {
    padding: 2px;
    color: #fff;
}

table.ctab tr.head td.id {
    width: 100px;
}

table.ctab tr.head td.country {
    width: 200px;
}

table.ctab tr.head td.fee {
    width: 100px;
    text-align: right;
}

#leftcol {
    text-align: left;
    width: 310px;
    float: left;
    font-size: 9px;
    line-height: 150%
}

#leftcol hr {
    width: 100%;
    height: 1px;
    color: #fff;
    border: 0;
    border-top: 1px dotted #aaa;
}

#leftcol h2 {
    padding: 20px 10px 10px 10px;
    font-size: 16px;
    color: #555
}

#leftcol p.justified {
    font-size: 10px;
    line-height: 150%;
    padding: 0 10px 0 10px;
    text-align: justify
}

#leftcol ol {
    padding: 10px 30px 10px 30px
}

#leftcol .bigbox input#loginemail, #leftcol .bigbox input#loginpassword, #leftcol .bigbox input#nlname, #leftcol .bigbox input#nlemail {
    width: 270px;
    font-size: 14px;
    padding: 2px;
    margin-bottom: 10px;

}

#leftcol .bigbox label {
    display: block;
    font-weight: bold;
    font-size: 10px;
    padding-bottom: 5px;
    color: #555;
}

#leftcol .bigbox div.left {
    padding: 10px;
}

#rightcol {
    text-align: left;
    width: 310px;
    float: right;
    font-size: 9px;
    line-height: 150%
}

#rightcol hr {
    width: 100%;
    height: 1px;
    color: #fff;
    border: 0;
    border-top: 1px dotted #aaa;
}

#rightcol h2 {
    padding: 20px 10px 10px 10px;
    font-size: 16px;
    color: #555
}

#rightcol p.justified {
    font-size: 10px;
    line-height: 150%;
    padding: 0 10px 0 10px;
    text-align: justify
}

#rightcol p.red {
    color: red;
}

#rightcol table.ship {
    font-size: 10px;
    margin: 10px;
    width: 290px;
    padding: 0 0 0 0;
    border-collapse: collapse;
    border-spacing: 0
}

#rightcol table.ship tr:hover {
    background-color: #ccc
}

#rightcol table.ship td {
    padding: 3px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    color: #333
}

#rightcol table.ship td.na {
    text-align: left;
}

#rightcol table.ship td.sf {
    text-align: right
}

#rightcol .bigbox div.left {
    padding: 10px;
}

/* largebasket */
div#largebasket {
    width: 620px;
    border: 1px solid #82aed1;
    margin: 10px 0;
}

div#largebasket table {
    font: normal 10px / 150% 'Lucida Grande', Verdana;
    width: 620px;
    border-collapse: collapse;
    text-align: left
}

div#largebasket table thead tr {
    background-color: #82aed1;
    color: #fff;
}

div#largebasket table thead tr th {
    padding: 3px 5px 3px 5px;
}

div#largebasket table thead tr th.num {
    width: 30px;
}

div#largebasket table thead tr th.itm {
    width: 180px;
}

div#largebasket table thead tr th.pic {
    width: 100px;
}

div#largebasket table thead tr th.txt {
    width: 150px;
}

div#largebasket table thead tr th.spr {
    width: 70px;
    text-align: right
}

div#largebasket table thead tr th.sum {
    width: 70px;
    text-align: right
}

div#largebasket table tbody tr {
    color: #000;
    border-top: 1px solid #82aed1;
}

div#largebasket table tbody tr td {
    padding: 3px 5px 3px 5px;
    vertical-align: top
}

div#largebasket table tbody tr td.num {
    width: 30px
}

div#largebasket table tbody tr td.itm {
    width: 180px;
    font-weight: bold
}

div#largebasket table tbody p.warn {
    color: red;
    font-weight: bold
}

div#largebasket table tbody p.deliverylater {
    color: red;
    font-weight: bold
}
div#largebasket table tbody p.deliveryok {
}

div#largebasket table tbody p.norm {
    color: #000
}

div#largebasket table tbody tr td.pic {
    width: 100px
}

div#largebasket table tbody tr td.txt {
    width: 150px
}

div#largebasket table tbody tr td.spr {
    width: 70px;
    text-align: right
}

div#largebasket table tbody tr td.sum {
    width: 70px;
    text-align: right
}

div#largebasket table tbody tr td.pic img {
    width: 100px;
    height: 100px;
}

div#largebasket table tbody tr td.pic img.catalogue {
    width: 76px;
    height: 100px;
}

div#largebasket .col1 {
    background: #f2f6fb
}

div#largebasket .col2 {
    background: #fff
}

div#largebasket .easter {
    background: #8ecf12;
    color:      #000;
}

div#largebasket div#bcontainer {
    padding-top: 20px
}

div#largebasket table tbody tr form {
    display: inline
}

div#largebasket table tbody input.num {
    width: 20px
}

div#largebasket table tbody input.btn {
    width: 60px;
    float: left;
}

div#largebasket table tfoot tr {
    background-color: #82aed1;
    color: #fff;
    border-top: 1px solid #fff;
}

div#largebasket table tfoot tr td {
    padding: 3px 5px 3px 5px;
    vertical-align: top
}

div#largebasket table tfoot tr td.tax {
    text-align: right;
}

div#largebasket table tfoot tr td.sum {
    text-align: right;
    font-weight: bold;
}

div#largebasket table tfoot tr td.note {
    font-size: 9px;
    text-align: center;
    background-color: #f2f6fb;
    color: #000
}

div#largebasket table tfoot tr td.bold {
    font-weight: bold
}

div#searchresults {
}

div#searchresults p {
    font-size: 10px;
    line-height: 150%
}

div#searchresults h2 {
    font-size: 14px;
    line-height: 150%;
    color: red
}

div#searchresults p span {
    font-weight: bold;
    color: #555
}

div#searchresults div.hititem {
    width: 610px;
    height: 57px;
    background: #bad3e6;
    margin-bottom: 5px;
    padding: 5px;
}

div#searchresults div.hititem p img {
    width: 55px;
    height: 55px;
    float: left;
    margin-right: 10px;
    border: 1px solid #fff;
}

div#searchresults div.hititem p img:hover {
    border: 1px solid #000066;
}

div#searchresults div.hititem p span {
    float: right;
    text-align: right;
    color: #fff;
}

/*
a.login {
    color: #000066;
    font-weight: bold;
}

a.login:hover {
    color: #fff;
    background-color: #000066;
}
*/

/* additional stuff */
div#customeroverview {
/* border: 1px solid #dbd; */
    background: #bad3e6;
    padding: 10px;
    margin: 10px 0 10px 0;
}

div#customeroverview div.c1 {
    width: 270px;
    float: left;
}

div#customeroverview div.c2 {
    width: 270px;
    float: right;
}

div#customeroverview div.oc {
    width: 600px;
    float: right;
    margin: 10px 0 10px 0;
}

div#customeroverview div.c1 p {
    font-weight: bold;
    line-height: 150%
}

div#customeroverview div.c2 p {
    font-weight: bold;
    line-height: 150%
}

div#customeroverview div.c1 p span {
    text-align: right;
    font-weight: bold;
}

div#customeroverview div.c2 p span {
    text-align: right;
    font-weight: bold;
}

div#customeroverview div.c1 h2 {
    font-size: 12px;
    padding-bottom: 10px;
    color: #000066;

}

div#customeroverview div.c2 h2 {
    font-size: 12px;
    padding-bottom: 10px;
    color: #000066
}

div#customeroverview div.c2 p a {
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px dotted blue
}

div#customeroverview div.clearer {
    clear: both
}

div#proceedOrder div.clearer {
    clear: both
}

div#basketdeliverynote
{
    background: #bad3e6;
    padding: 10px;
    margin: 10px 0 10px 0;
}

div#basketdeliverynote h2
{
    font-size: 12px;
    padding-bottom: 10px;
    color: #000066;
}

div#paymentnote
{
    background: red;
    padding: 10px;
    margin: 10px 0 10px 0;
}

div#paymentnote p { color: #fff }

div#paymentnote p span.nemail { font-size: 12px; color: #fff; font-weight: bold; padding: 10px 0}

div#paymentnote h2
{
    font-size: 12px;
    padding-bottom: 10px;
    color: #fff;
}

div#basketoverview {
/* border: 1px solid #dbd; */
    background-color: #bad3e6;
    padding: 10px;
    margin: 10px 0 10px 0;
}

div#basketoverview table {
    border-collapse: collapse;
}

div#basketoverview h2 {
    font-size: 12px;
    padding-bottom: 10px;
    color: #000066
}

div#basketoverview th {
    padding: 3px;
}

div#basketoverview th {
    text-align: left
}

div#basketoverview th.num {
    width: 60px;
}

div#basketoverview th.itm {
    width: 340px;
}

div#basketoverview th.spr {
    width: 100px;
    text-align: right;
}

div#basketoverview th.sum {
    width: 100px;
    text-align: right;
}

div#basketoverview td {
    padding: 3px;
}

div#basketoverview td.num {
    width: 60px;
}

div#basketoverview td.itm {
    width: 340px;
}

div#basketoverview td.spr {
    width: 100px;
    text-align: right;
}

div#basketoverview td.sum {
    width: 100px;
    text-align: right;
}

div#basketoverview td.easter {
    background-color: #8ecf12;
}

.col1 {
    background-color: #fff;
}

.col2 {
    background-color: #bad3e6;
}

.col3 {
    background-color: #000066;
    font-weight: bold;
}

.stripe {
    background-color: #000;
    height: 1px
}

.fat {
    font-weight: bold;
    color: #fff
}

div#proceedOrder {
/* border: 1px solid #dbd; */
    background: #bad3e6;
    padding: 10px;
    margin: 10px 0 10px 0;
}

div#proceedOrder h2 {
    font-size: 12px;
    padding-bottom: 10px;
    color: #000066
}

div#proceedOrder div.c1 {
    width: 370px;
    float: left;
}

div#proceedOrder div.c1 p {
    margin: 0;
    padding: 0
}

div#proceedOrder div.c2 p {
    margin: 0;
    padding: 0
}

div#proceedOrder div.c1 p legend {
    display: inline;
    padding-left: 10px;
}

div#proceedOrder div.c2 {
    width: 170px;
    float: right;
}

/* register new */
form#mainform {
    padding: 0;
    margin: 0
}

form#mainform fieldset div p label {
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
    color: #555;
}

form#mainform fieldset div p label.alert {
    color: red;
}

form#mainform fieldset {
    border: none;
    /*
    background: #fff url( '/_gfx/formback.gif' ) 0 0 no-repeat;
    background-image: url( '/_gfx/formback.gif' );
    */
    background-color: #bad3e6;
    margin: 20px 0 20px 0;
    padding: 0px 10px 20px 10px;
}

form#mainform fieldset legend {
    font-size: 12px;
    font-weight: bold;
    color: #000066; /* background-color: #fff; */
    padding-top: 5px;
    padding-bottom: 20px;
    margin-bottom: 0px;

}

form#mainform fieldset legend span {
    padding-left: 10px;
    font-size: 12px;
}

form#mainform fieldset div.c1 {
    width: 270px;
    float: left;
}

form#mainform fieldset div.c2 {
    width: 275px;
    float: right;
}

form#mainform fieldset div p {
    margin: 0px 0 0px 0;
}

form#mainform fieldset div div p input {
    width: 270px;
    font-size: 14px; /* border: 1px solid #bad3e6; */
    padding: 2px;

}

form#mainform fieldset div div p input.zip {
    width: 60px
}

form#mainform fieldset div div p input.city {
    width: 180px;
}

form#mainform fieldset div div p input.password {
    width: 120px;
}

div.clearer {
    clear: both;
    height: 1px
}

p.error {
    color: red;
    font-weight: bold;
    font-size: 12px;
    clear: both;
}

p.error2 {
    color: red;
    font-weight: bold;
    font-size: 12px;
    clear: both;
    padding-top: 10px;
}

.alert {
    color: red
}

select {
    width: 120px;
}

select#p_method {
    width: 200px;
}

#mainform a {
    font-weight: bold;
}

div#flashcontent {
    height: 60px;
}