/* long titles sometimes hide behind riders */

.riders, .pageriders {
filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
}






/* shop layout -------------------------------------------- */


IMG.picture_large {
  border: 0px solid #ddd;
  background-color: white;
  padding: 5px;
  float: right;
}


IMG.picture_small {
  border: 0px solid #ddd;
  padding: 0;
  float: none;
  vertical-align: bottom;

}




DIV.shopdetails DIV.description{
  width: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
}


DIV.subdetails {
  position: relative;
  height: 100px;
  width: 250px;
  margin-bottom: 10px;
}


DIV.subdetails DIV.text, DIV.details DIV.text {
  float: left;
  position: relative;
  bottom: 75px;
  left: 110px;
  width: 290px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 5px 0px ;

}

DIV.details DIV.text  {
  bottom: 0;
  left: 0;
}

DIV.subdetails DIV.image {
  width: 100px; height: 100px;
}


INPUT.amountfield {
  width: 30px;
  border: 1px inset #CCC;
  height: 20px;
  padding: 0;
  text-align: center;
  float: right;
  margin-top: 6px;
}

A.addtocart {
   margin: 7px;
} 

INPUT.amountfield:focus {
  background-color: #f1f1f1;
}



TABLE.cart {
   border-collapse: collapse;
   width: 100%;
   margin-top: 30px;
} 

TABLE.cart TR TH {
  text-align: left;
}

TABLE.cart TR.header TH {
  border-bottom: 1px solid #CCC;
  font-size: 9px;
}

TABLE.cart TR TD.price, TABLE.cart TR TH.price {
  text-align: right;
}

TABLE.cart TR TD.center, TABLE.cart TR TH.center {
  text-align: center;
}

TABLE.cart INPUT.cartamount {
  width: 30px;
  border: 1px inset #CCC;
  height: 20px;
  padding: 0;
  text-align: center;
}

TR.total TD {
  font-weight: bold;
  border-top: 1px solid #CCC;
  border-bottom: 2px solid #CCC;
}

DIV.methods, DIV.orderinfo, DIV.orderhistory {
  margin-top: 25px;
  border: 1px solid #CCC;
  padding: 8px;
  height: 90px;
  float: left;
  width: 160px;
}

DIV.orderinfo {
  width: 320px;
  height: 150px;
}

DIV.orderhistory {
  width: 720px;
  height: auto !important;
}

DIV.separator {
  width: 20px; height: 10px;
  float: left;
}

DIV.rightfloat {
  float: right;
}

DIV.actionrequired {
  background-color: orange;
  border: 1px solid red;
}

DIV.methods H3 , DIV.address H3, DIV.orderinfo H3, DIV.orderhistory H3 {
  font-size: 9px;
  position: relative;
  margin-top: -22px;
  margin-left: -7px;
  border: 0;
  line-height: 11px;
  height: 11px;
  font-family: helvetica, arial, sans;
  font-weight: bold;
  color: black;
}

DIV.methods A.editbutton , DIV.address A.editbutton {
  float: right;  
  position: relative;
  top: -27px;
  left: 8px;
}

A.editbutton IMG {
  border: 0;
}

A.ccstarter {
  border: 1px outset #CCC;
  text-align: center;
  margin: 5px 10px;
  padding: 2px;
  display: block;
  background-color: #FFFFCC;
}

A.ccstarter IMG {
  border: 0;
}

A.ccstarter:hover {
  background-color: #FFFF55;
}

DIV.address {
  margin-top: 25px;
  border: 1px solid #CCC;
  padding: 8px;
  height: 90px;
  float: right;
  width: 300px;
}

DIV.address H3 {
  font-size: 9px;
  position: relative;
  margin-top: -22px;
  margin-left: -7px;
}

DIV.address A {
  text-decoration: underline;
}

DIV.pagecart, #pageorderadmin {
  right: 5px;
  top: 5px;
  background-color: white;
  width: 92px;
  height: 92px;
  text-align: center;
  position: absolute;
  background: url(/localmedia/cartbackground.gif) top left no-repeat; 
  font-size: 10px;
}

#pageorderadmin {
  left: 5px;
}

#pageorderadmin DIV.inner {
  padding: 10px;
  padding-top: 20px;
}

#pageorderadmin H4 {
  font-size: 12px;
  border: none;
  margin: 0;
}

#pagecart IMG {
  margin-top: 11px;
  border: 0;
}

#pagecart {
  position: absolute;
  background-color: white;
  width: 85px;
  height: 85px;
  top: 3px;
  left: 3px;
}

UL.methodchooser {
  margin: 0;
  padding: 0;
  list-style: outside url(/defaultlayout/media/arrowbullet.png);
}
UL.methodchooser LI {
   margin: 0; padding: 0; 
   margin-left: 20px;
   padding-left: 3px;
}



LI.active {
  font-weight: bold;
}


DIV.message {
  padding: 25px;
  margin: 20px 140px;
  padding-left: 45px;
  border: 1px outset #5FF;
  background: url(/localmedia/info.png)  10px 15px no-repeat;
}


DIV.rootlistitem {
  width: 150px;
  height: 150px;
  margin-right: 30px;
  margin-bottom: 30px;
  text-align:center;
  border: 1px solid #DDD;
  position: relative;
}

DIV.rootlistitem A {
  display: block;
  width: 150px;
  height: 150px;
}

DIV.rootlistitem A SPAN.title {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 150px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-family: osb, verdana, helvetica, sans-serif;  
  font-size: 15px;
  color: #333;
  z-index: 999;
}

DIV.rootlistitem A DIV.title {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 150px;
  height: 25px;
  background-color: #CCC;
  filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}

DIV.rootlistitem A:hover DIV.title {
  color: #333;
  background-color: white;
  filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}

DIV.breadcrumbs {
  border: 1px solid #EEE;
  padding: 5px;
  margin-top: -16px;
}



/* General layout ------------------------------------------ */




H1, H2, H3 {
  font-size: 36px;
  font-weight: normal;
  font-family: osb, verdana, helvetica, sans-serif;  
  line-height: 45px;
  height: 45px;
  border-bottom: 1px solid #EEE;
  margin-bottom: 15px;
  margin-top: 15px;
  text-align: left;
  color: #111;
  white-space: nowrap;
  overflow: hidden; 
}  

H1 {
  border: none;
  text-align: center;
  font-size: 48px;
  height: 55px;
  margin-top: 40px;
}

H2 LABEL {
  line-height: 45px;
  height: 45px;
}

H3 {
  clear: both;
  font-size: 18px;
  line-height: 20px;
  height: 20px;
}

DIV.pageriders {
  margin-top: -33px;
  height: 17px;
  overflow: hidden;
}

LI.pdf, LI.jpg, LI.jpeg, LI.x-zip, LI.msword {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}

LI.pdf A, LI.jpg A, LI.jpeg A, LI.x-zip A, LI.msword A {
  display: block;
  padding-left: 20px;
  height: 16px; 
  line-height: 16px;
}

LI.pdf A { background: url(/media/icons/16x16/application/pdf.png) top left no-repeat; }
LI.jpg A, LI.jpeg A { background: url(/media/icons/16x16/image/jpeg.png) top left no-repeat; }
LI.x-zip A, LI.msword A { background: url(/media/icons/16x16/file.png) top left no-repeat; }


DIV.rightdocuments {
  width: 180px;
  float: right;
  border: 1px solid #DDD;
  padding: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}

IMG.title {
  margin-bottom: 20px;
}

P.content {
  text-align: left;
}

#footer {
  color: #003366;
  border-top:4px solid #f9f9f9;

  font-size: 9px;
}



SPAN.vat {
   font-size: 7px;
   vertical-align: super;
}

/* page layout -------------------------------------------- */

body {
  background:#f9f9f9 url(/localmedia/lightbg.gif) top center repeat-y;
}

#menubar {
     background: #fff url(/localmedia/menushader.gif) top right no-repeat;$
     height: 450px;
}

#wrap {
  margin:0 auto;
  padding: 0;
  background: url(/localmedia/karo.gif) top left repeat-x;
  width:980px;
  text-align: left;
  position: relative;
}

#logo {
  text-align: center;
  margin:0 0 10px 0;
  height: 107px;
}

#logo IMG {
  display: inline;
  margin-top: 15px;
  border: 0;
}

#content {
  border: 0;
  margin-left: 29px;
  border: 0px solid red;
}


/* menu bars ---------------------------------------------- */

DIV.topmenu {
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  font-family: osb, verdana, helvetica, sans-serif;
}

DIV.topmenu A {
  color: #666;
}


DIV.topmenu A.active,  DIV.topmenu A:hover {
  color: #003366;
}

DIV.topmenu SPAN.spacer {
  padding: 0px 5px;
  color: #666;
}


DIV.topmenu IMG {
  display: inline;
  border: 0px;
}

#status {
  height: 18px;
  text-align: center;
  position: absolute;
  z-index: 999;
  width: 700px;
  height: 32px;
  line-height: 32px;
  left: 140px;
  top: 80px;
}

#status SPAN {
  display: block;
  border: 1px solid green;
  background: #EFE url(/media/smallicons/accept.png) 10px center  no-repeat;
  filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
}

#status SPAN.error {
  border: 1px solid red;
  background: #FEF url(/media/smallicons/error.png) 10px center  no-repeat;
}

#upperpart { /* second level menu */
  margin-top: 36px;
  min-height: 400px;
}


UL.level2, #metamenu {
  list-style: none;
  padding: 0; margin: 0;
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 11px;
  z-index: 50;
}

UL.level2 LI, #metamenu LI {
  list-style: none;
  padding: 0; margin: 0;
}

UL.level2 LI A {
  display: block;
  height: 24px;
  line-height: 24px;  
  border-bottom: 1px solid #EEE;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

UL.level2 LI.active A, UL.level2 LI A:hover {
  color: #003366;
}

#metamenu, #facebooktag {
  border: 0px solid green;
  position: absolute;
  clear: both;
  width: 160px;
  height: 100px;
  top: 480px;
  padding: 0;
  left: 10px;
  margin: 0;
  float: left;
}

#metamenu LI A {
  display: block;
  height: 24px;
  line-height: 24px;
  border-top: 1px solid #DDD;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

#buttons {
  text-align: center;
}


SPAN.success {
  color: darkgreen;
}

SPAN.error {
  color: darkred;
}

#statusholder {
   position: absolute;
   margin-top: 6px;
   width: 740px;
   text-align: right;
}

#saferpay {
  width: 580px;
  height: 400px;
}


TABLE.history {
  border-collapse: collapse;  
}

TABLE.history TD.text {
  vertical-align: top;
  border-bottom: 1px solid #DDD;
}

TABLE.history TD.date  {
  width: 150px;
  vertical-align: top;
  font-size: 9px;
  color: #AAA;
  border-bottom: 1px solid #DDD;
}


DIV.pagebuttons {
  position: relative;
  top: -7px;
}

#footer {
  border: none;
  border-top: 1px solid #DDD;
}

SPAN.addressfooter {
  height: 20px;
}


#rightgallery {
  width: 370px;
  float: right;
  margin-left: 15px;
}

DIV.thumbnail, DIV.squarethumbnail {
  float: left;
  width: 176px;
  height: 123px;
  position: relative;
}

DIV.squarethumbnail {
  height: 176px;
}

DIV.thumbnail A {
  border: 1px solid #ccc;
  display: block;
}

DIV.thumbnail IMG {
  border: 3px solid #FFF;
}

DIV.thumbnail DIV.description {
  padding: 10px;
  position: absolute;
  bottom: 5px;
  font-size: 11px;
  width: 160px;
}

DIV.thumbnail DIV.description SPAN.title {
  display: block;
  font-weight: bold;
}

DIV.shadow, DIV.floatshadow {
  background: url(/localmedia/thumbnailshader.gif) top left no-repeat;
  padding-left: 8px;
}

DIV.floatshadow {
  float: left;
}

DIV.team DIV.shadow {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

DIV.teammember, DIV.teamgroup, DIV.imageborder {
  border: 1px solid #ccc;
  padding: 3px;
  text-align: center;
}


DIV.teammember IMG {
  display: block;
  width: 150px;
  margin-bottom: 4px;
}

DIV.teamgroup IMG {
  margin-bottom: 4px;
  width: 330px;
}

DIV.admin {
  width: 355px;
  float: left;
}

DIV.leftimage {
  float: left;
}

DIV.righttext {
  float: right;
  width: 300px;
}

DIV.vcards DIV.shadow {
  float: left;
}

DIV.vcards H3 {
  clear: both;
}

DIV.vcard {
  border: 1px solid #ccc;
  padding: 8px;
  width: 210px;
  height: 160px;
  overflow: hidden;
  white-space: nowrap;
  background: url(/files/picts/vcardbg.jpg) top right no-repeat;
}

DIV.vcard LABEL, LABEL.inline {
  float: none;
  margin: 0;
  padding: 0;
  width: 40px;
  text-align: left;
  font-size: 9px;
  display: inline-block;
}


DIV.widget {
  float: left;
  width: 180px;
  min-height: 180px;
  border: 1px solid #CCC;
  padding: 8px;
}

DIV.widget H3 {
  margin: 0; margin-bottom: 10px;
}

DIV.shadow {
  float: left;
}

UL.orderlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

UL.orderlist LI {
   margin-bottom: 6px;
}

UL.orderlist LI SPAN.date {
  font-size: 9px;
}

TABLE.data {
}

TABLE.data TD {

}


#fbbreadcrumb {
  float: right;
  margin-top: -3px;
  text-align: right;
}

#fbbreadcrumb iframe {
  text-align: right;
  float: right;
}

DIV.team IMG.mailicon {
  width: 16px;
  height: 16px;
  display: inline;
  position: absolute;
  margin-left: 5px;
}