* {
        margin: 0;
        padding: 0;
        border: none;
}
body {
        font-family: arial, sans-serif;
        font-size: small;
        color: #4a370f;
        background: #fbf4b9;
        text-align: center;
}       
a {     
        color: #151515;
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
}

br.clear {
        height: 0;
        width: 0;
        clear: both;
}

select {
     background-color: #A58B51;
     color: white;
     font-weight: bold; 
}

div.join_fields {
   width: 420px;
}

dl.join_fields dt {
   padding-top: 10px;
   padding-bottom: 5px;
   float: left;
   clear: left;
   display: block;
   width: 100px;
   padding-left: 10px;
}

dl.join_fields dd {
   float: left;
   padding-top: 10px;
   padding-bottom: 5px;
   width: 300px;
}

div.join_fields input.text {
   border: 1px solid #A58B51;
   padding-left: 2px;
   width: 300px;
}

div.join_fields input.submit {
   clear: both;
   margin: 10px 0px 10px 200px;
}
div.join_fields span.error {
   color: red;
   width: 300px;
   display: block;
   padding-bottom: 5px;
   font-style: italic;
}


h1 {
        font-size: 130%;
        padding-bottom: 15px;
}

h2 {
        font-size: 1.1em;
        padding-bottom: 5px;
}

h3 {
        font-size: 1em;
        padding-bottom: 5px;
}

div#page {
        width: 787px;
        margin: 0 auto;
        padding-bottom: 20px;
        background-color: #fbf4b9;
        background-image: url(img/background.jpg);
        background-repeat: no-repeat;
        background-position: top;
        position: relative;
        border: 0px;
        height: auto;
        text-align: left;

}

div#logo {
        position: absolute;
        top: 50px;
        left: 14px;
}

div#accesslinks {
        display: none;
}

div#title {
        background-image: url(img/title.gif);
        background-repeat: no-repeat;
        position: absolute;
        top: 60px;
        right: 16px;
        width: 422px;
        height: 26px;
        text-indent: -3000px;
}

div#mainNav {
        position: absolute;
        top: 164px;
        height: 2em;
        right: 0px;
        padding-top: 2px;
        padding-right: 15px;        
}

div#subNav {
       position: absolute;
       top: 189px;
       right: 13px;
       text-align: right;
       width: 581px;
       border-bottom: 1px solid #C29D52;
}

div#subNav ul {
       float: right;
}

div#subNav li {
        float: left;
        color: #faf8e7;
        font-size: 95%;
        font-weight: bold;  
        border-right: 1px solid #C29D52;
        height: 17px; 
        padding-right: 1em;
        padding-left: 1em;
        padding-top: 3px;
        font-size: 0.8em;
        padding-top: 3px;
        list-style: none;
}

div#subNav li.selected {
         background-color: #F5E986;
}


div#subNav li a:hover {
        background-color: #F5E986;
        display: block;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-top: -3px;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: -10px;
        margin-left: -10px;
        
}



div#mainNav h3 {
        display: none;
}


div#mainNav ul {
}
div#mainNav li {
        float: left;
        color: #faf8e7;
        font-size: 93%;
        font-weight: bold;  
        border-right: 1px solid #f5e986;   
        list-style: none;        
}

div#mainNav li.first {
        border-left: 1px solid #f5e986;
}

div#mainNav li.last {
        border-right: none;
}
div#mainNav a {
        color: white;
        display: block;
        height: 16px;
        width: 60px;
        padding-left: 10px;
        text-align: center;
        padding-right: 10px;
}

html>body div#mainNav a {
        padding-top: 1px;
}

div#mainNav li.selected a,
div#mainNav li a:hover {
        background-color: #A58B51;
        width: 58px;
        margin-left: 1px;
        padding-left: 10px;
        text-align: center;
        padding-right: 11px;
}

div#cdSearch {
        position: absolute;
        right: 20px;
        top: 125px;
        width: 295px;
}

div#cdSearch legend {
        display: none;
}

div#cdSearch input.inputText {
       width: 200px;
       height: 19px;
       margin-right: 27px;
       border: 1px solid black;
       background-color: #fbf4b9;
}
div#cdSearch input.submit {
       position: absolute;
       right: 0px;
}
div#cdSearch label {
       display: block;
       float: left;
       font-weight: bold;
       margin-right: 7px;
       padding-top: 2px;
       font-size: 13px;
}

div#content {
       width: 787px;
       border: 0px solid black;
       position: relative;
       top: 191px;
       background-image: url(img/content_background.jpg);
       background-repeat: repeat-y; 
}

div#mainContent {
       background-image: url(img/mainContent_background.gif);
       background-repeat: no-repeat;
       background-position: 424px 32px;
       width: 578px;
       float: left;
       padding-bottom: 10px;
}

div#mainContent h2,
div#mainContent p {
       padding-left: 10px;
       padding-right: 5px;
}

div#mainContentFull {
       width: 570px;
       float: left;
       padding-bottom: 10px;
       padding-left: 8px;
       padding-top: 30px;
}

div#mainContentCatalogue {
       width: 570px;
       float: left;
       padding-bottom: 10px;
       padding-left: 8px;
       padding-top: 20px;
}


div#mainContentCatalogue h1,
div#mainContentFull h1 {
       padding-left: 8px;
}

div#mainContentCatalogue h1 {
       padding-bottom: 20px;
}

div#mainContentCatalogue p {
       padding-left: 10px;
       padding-right: 5px;
}


div#mainContentFull img.inline {
       float: left;
       margin-left: 10px;
       margin-right: 10px;
       margin-top: 5px;
       margin-bottom: 5px;
}

div#mainContentFull p
 {
    margin: 0 10px 10px 10px;
    line-height: 1.6em;
}


div#mainContentFull ul
 {
    margin: 0 10px 10px 25px;
    line-height: 1.6em;
}

div#mainContent .left {
       float: left;
       width: 422px;
       padding-top: 5px;
}

div#mainContent .left .mainContentSplit {
    padding-top: 5px;
    width: 100%;
    overflow: hidden;
}

div#mainContent .left .mainContentSplit .left {
    float: left;
    width: 175px;
    padding-left: 10px;
}

div#mainContent .left .mainContentSplit .left img {
    border: 1px solid black;
    padding: 0;
    margin: -5px 0 0 0;
}

div#mainContent .left .mainContentSplit .right {
    float: right;
    width: 225px;
    padding-left: 10px;
}

div#mainContent .left .mainContentSplit .right li {
    list-style: none;
    margin-bottom: 6px; 
    font-size: 85%;
    font-weight: bold;
    padding-bottom: 8px;
    background-image: url(img/links_background.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

div#mainContent .left .mainContentSplit .right li a {
    display: block;
    width: 199px;
    border: 1px solid;
    padding-left: 4px;
}

div#mainContent .left .mainContentSplit .right li.last {
    margin-bottom: 0;
}


div#mainContent .left .dualPromotion {
    background-color: #d1af64;
    width: 405px;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 10px;
    padding-bottom: 5px;
}


div#mainContent .left .dualPromotion .left,
div#mainContent .left .dualPromotion .right {
    border: 1px solid #fbf4b9;
    float: left;
    width: 186px;
    margin: 5px 5px 0 5px;
    background-color: #fbf4b9;
    padding: 0;
    position: relative;
}

div#mainContent .left .dualPromotion h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center;
    padding: 5px 5px 5px 7px;
    display: block;
}

div#mainContent .left .dualPromotion .desc {
    background-color: #d5ba7e;
    border-top: 1px solid #fbf4b9;
    min-height: 140px;
    text-align: center;
    padding-top: 10px;
    line-height: 160%;
}

div#mainContent .left .dualPromotion .desc a {
    color: #4A370F;
}

div#mainContent .left .dualPromotion .right {
    float: right;
}

div#mainContent .left .dualPromotion .right .special {
    border: 0px solid blue;
    background-image: url(img/special-star-right.gif);
    background-repeat: no-repeat;
    position: absolute;
    height: 115px;
    left: -15px;
    top: 2em;
    width: 121px;
}

div#mainContent .left .dualPromotion .right .special strong {
   position: relative;
   top: 39px;
   left: 28px;
   font-size: 14px;
   width: 50px;
   display: block;
   border: 0px solid black;
   text-align: center;
}

div#mainContent .left .dualPromotion .right .desc .specialdesc {
    width: 180px;
    font-weight: bold;
    bottom: 0px;
    text-align: right;
    padding: 0;
    margin: 0;
    padding-bottom: 5px;   
    height: 100px;
}

div#mainContent .left .dualPromotion .right .desc .specialdesc img {
    float: right;
    border: 1px solid #A78337;
    
}

div#mainContent .left .dualPromotion .right .desc .specialdesc p {
  float: right;
  width: 169px;
  margin-right: -5px;
  padding-top: 10px;
  line-height: 140%;
  font-weight: normal;
  background-color: #D5BA7E;

}

div#mainContent .right {
       float: right;
       width: 154px;
}

div#mainContent .right h2 {
       background-color: #a58b51;
       color: #faf8e7;
       font-size: 1em;
       text-align: center;
       text-transform: uppercase;
       padding-top: 5px;
       margin-top: 1px;
       margin-bottom: 5px;
}
div#mainContent .right .rightContainer {
       background-color: #e8d797;
       overflow: hidden;
       width: 100%;
}
div#mainContent .item {
       clear: both;
       width: 100%;
       overflow: hidden;
       padding-bottom: 5px;
       margin-top: 10px;
}
div#mainContent .right .rightContainer .item img {
       float: left;
       width: 70px;
       margin: 0 3px 3px 3px;
       border: 1px solid black;
}

div#mainContent .right .rightContainer .item .desc {
       float: right;
       width: 70px;
       font-size: 0.8em;
       padding-right: 3px;
       padding-left: 3px;
       height: 70px;
       min-height: 70px;
}

html>body div#mainContent .right .rightContainer .item .desc {
      height: auto;
}

div#mainContent .right .rightContainer .item .desc .highlight {
       display: block;
       font-size: 105%;
       padding-top: 2px;
       font-weight: bold;
}

div#mainPromo {
       float: left;
       width: 164px;
       padding-right: 10px;
       background-image: url(img/background.jpg);
       background-position: 0px -190px;
       background-repeat: no-repeat;
       padding-top: 69px;
       padding-left: 18px;
       padding-bottom: 8px;
}



div#mainPromo .promo1,
div#mainPromo .promo2 {
    float: left;
    width: 100%;
    margin: 4px 0px 0px 2px;
    background-color: #fbf4b9;
    padding: 0;
    text-align: center;
    margin-bottom: 5px;
}

div#mainPromo .promo1 div.adminMenu li {
    list-style: none;
    text-align: left;
    padding: 0.5em 0 0.5em 0.5em;
    border: 1px solid #A58B51;
}


div#mainPromo .promo1 div.adminMenu li a {
    display: block;
}

div#mainPromo .promo2 {
    width: 162px;
  
}

div#mainPromo .promo1 h3,
div#mainPromo .promo2 h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center;
    padding: 5px 0px 5px 0px;
    display: block;
    background-color: #a58b51;
    color: #faf8e7;
}

div#mainPromo .promo1 h3 {
    margin-bottom: 5px;
}

div#mainPromo .promo2 {
    border: 1px solid #a58b51;
}

div#mainPromo .promo2 h3 {
    background-color: #fbf4b9;
    color: #57441c;
}

div#mainPromo .promo1 img,
div#mainPromo .promo2 img {
    float: left;
}

div#mainPromo .promo2 .desc,
div#mainPromo .promo1 .desc {
    background-color: #e8d797;
    line-height: 1.5em;
    font-size: 0.9em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-right: 0.3em;
    padding-left: 0.3em;
    
}

div#mainPromo .promo1 .desc label {
    font-weight: bold;
    font-size: 105%;
    float: left;
    padding-left: 0;
    margin-top: 4px;
}
div#mainPromo .promo1 .desc input.inputText {
    border: 1px solid #57441c;
    background-color: #e8d797;
    float: left;
    width: 115px;
    margin-left: 5px;
    margin-top: 4px;
}


div#mainPromo .promo1 .desc .submit {
    clear: both;
    display: block;
    text-align: right;
    font-weight: bold;
    font-size: 105%;
    padding-top: 2px;
    background-image: url(img/arrow-right-promo1.gif);
    background-repeat: no-repeat;
    background-position: right 3px;
    margin-right: 3px;
}

div#mainPromo .promo1 .desc .submit input {
    padding-right: 10px;
    background-color: transparent;
    font-family: arial;
    font-weight: bold;
    color: #4A370F;
    font-size: 95%;
}


div#mainPromo .promo1 .desc .imgsubmit {
    float: right;
    padding-top: 3px;
    padding-right: 3px;
}

div#mainPromo .promo1 .desc input.inputSubmit {
    margin-top: 5px;
    margin-bottom: 5px;
}

div#footer {
      clear: both;
      background-image: url(img/content_background.jpg);
      background-repeat: repeat-y;
}

div#footerContent {
      background-color: #c29d52;
      margin-left: 14px;
      margin-right: 13px;
      text-align: right;
      padding-top: 3px;
      padding-bottom: 4px;
      width: 760px;
}

div#footerContent div.address {
     text-align: center;
     color: #faf8e7;
     font-size: 85%; 
     font-weight: bold;
     line-height: 150%;
  
}

div#footerContent li {
     display: inline;
     padding-left: 20px;
     padding-right: 10px;
}

div#footerContent li a {
     color: #faf8e7;
     text-decoration: underline;
}

div.center {
     margin-left: auto;
     margin-right: auto;
     text-align: center;
}

div.center img {
     padding-top: 5px;
     padding-bottom: 5px;
}

div.left {
     float: left;
}
div.right {
     float: right;
}

select.selectCountry {
     margin-left: 10px;    
}
input.buttonView {
     margin-bottom: -15px;
}