body { 
margin:0; 
padding:0; 
height:100%; /* this is the key! */ 
} 

form { 
   margin-top : 0 ; 
   margin-bottom : 0 ; 
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}



#background { 
z-index:1;
position:absolute; 
left:0; 
top:0; 
padding:0; 
width:100%; 
height:100%; /* works only if parent container is assigned a height value */ 
} 


.inputtext{
color: #000000;
background-color: #f0f7f3;
border: 1px solid #666666; 
}



#top {


}
.top {
color: #ffffff;
font-family:arial,sans-serif;
font-size: 12px;
text-align: right;
vertical-align: bottom;
}

.top a {
color: #ffffff;
text-decoration:none;
}

.inner{
background-color:#f0f7f3;
height:600px;
vertical-align: top;
}


.menu {
color: #ffffff;
font-family: arial,sans-serif;
font-size: 17px;
padding-left:10px;
background-image: url(../images/menubg.png);
height: 30px;
width: 876px;
}

.menu a {
color: #ffffff;
text-decoration: none;
}

.login{
color: #ffffff;
font-family:arial,sans-serif;
font-size: 12px;
text-align: right;
vertical-align: center; 
}


#content {
padding-left:10px;
}

#footer {
text-align: center;
color: #ffffff;
font-family:arial,sans-serif;
font-size: 12px;
}


.content { 
margin-left:220px; 
margin-right:220px; 
margin-bottom:20px; 
color:#333; 
background:#ffc; 
border:1px solid #333; 
padding:0 10px; 
} 

#right { 
position:absolute; 
right:0; 
top:0; 
padding:0; 
width:200px; 
height:100%; /* works only if parent container is assigned a height value */ 
color:#333; 
background:#eaeaea; 
border:1px solid #333; 
} 

#left p { 
padding:0 10px; 
} 
#right p { 
padding:0 10px; 
} 
p.top { 
margin-top:20px; 
} 


div.box {
  background: url(../images/topleft.png) 0 0 no-repeat;
  padding: 0;
}
 
div.box div {
  background: url(../images/buttomleft.png) 0 100% no-repeat;
  margin: 0;
  border: 0;
}
 
div.box div div{
  background: url(../images/topright.png) 100% 0 no-repeat;
}
 
div.box div div div {
  background: url(../images/buttomright.png) 100% 100% no-repeat;
}

div.box div div div div {
overflow: auto;
height: 390px;
  background: none;
}


div.ybox {
  background: url(../images/ytopleft.png) 0 0 no-repeat;
  padding: 0;
}
 
div.ybox div {
  background: url(../images/ybuttomleft.png) 0 100% no-repeat;
  margin: 0;
  border: 0;
}
 
div.ybox div div{
  background: url(../images/ytopright.png) 100% 0 no-repeat;
}
 
div.ybox div div div {
  background: url(../images/ybuttomright.png) 100% 100% no-repeat;
}

div.ybox div div div div {
overflow: auto;
height: 180px;
  background: none;
}



.tdtopleft {
vertical-align: top;
}

.newsheader{
font-size: 25px;
font-family: Helvetica;
font-weight: bold;
}

.news{
font-size: 16px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
text-decoration: none;
}

.news a{
font-size: 16px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
text-decoration: none;
}

.newscontent{
font-size: 16px;
font-family: Helvetica;
color: #3e3d40;
text-decoration: none;
}


.newsdate{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #707173;
text-decoration: none;
}

.newsdate a{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #707173;
text-decoration: underline;
}

.contactheader{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
}

.contact{
font-size: 10px;
font-family: Helvetica;
color: #3e3d40;
}

.contact a{
font-size: 10px;
font-family: Helvetica;
color: #3e3d40;
}

.downloadMainCat a{
font-size: 16px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
text-decoration: none;
}

.downloadCat a{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #707173;
text-decoration: none;
}

.dlContent0 {
font-size: 14px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
}

.dlContent0 a{
font-size: 14px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
}

.dlContent1 {
font-size: 14px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
}

.dlContent1 a{
font-size: 14px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
}

.dlContentSmall0{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #707173;
background-color: #bed2d2;
text-decoration: none;
}

.dlContentSmall0 a{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #707173;
background-color: #bed2d2;
text-decoration: none;
}


.dlContentSmall1{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #707173;
background-color: #e7ecee;
text-decoration: none;
}

.dlContentSmall1 a{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #707173;
background-color: #e7ecee;
text-decoration: none;
}

.dlContentDL0 {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
}

.dlContentDL0 a{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
}

.dlContentDL1 {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
}


.dlContentDL1 a{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
}

.shopheader{
font-size: 25px;
font-family: Helvetica;
font-weight: bold;
}

.shopMainCat {
font-size: 14px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
text-decoration: none;
cursor: pointer;
cursor: hand;
}

.shopMainCat a {
font-size: 14px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
text-decoration: none;
cursor: pointer;
cursor: hand;
}


.shopSubCat {
font-size: 11px;
font-family: Helvetica;
font-weight: bold;
color: #707173;
text-decoration: none;
}

.shopSubCat a {
font-size: 11px;
font-family: Helvetica;
font-weight: bold;
color: #707173;
text-decoration: none;
}
.shopSubCat a:hover {
text-decoration:underline;
}

.shopSubCatHighLight a {
font-size: 11px;
font-family: Helvetica;
font-weight: bold;
color: #cc6600;
text-decoration: none;
}
.shopSubCatHighLight a:hover {
text-decoration:underline;
}


.shopItemsHeader{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #000000;
text-decoration: none;
}

.shopItemsHeaderRight{
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #000000;
text-decoration: none;
text-align: right;
}

.innerbody{
overflow: auto;
height: 370px;
}

.collapseblock {display:none} 
.expandblock {display:inline}

.imgcollapse{
background-image: url(../images/u.gif) no repeat;
}


.shopContent0 {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
}

.shopContent1 {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
}

.shopContentRight0 {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
text-align: right;
}

.shopContentRight1 {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
text-align: right;
}

.shopContentRight0 a {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
text-align: right;
}

.shopContentRight1 a {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
text-align: right;
}

.shopContentSmall {
font-size: 10px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
text-decoration: none;
}

.shopContentSmall0 {
font-size: 10px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
}

.shopContentSmall1 {
font-size: 10px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
}

.shopContentSmall0 a {
font-size: 10px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
}

.shopContentSmall1 a {
font-size: 10px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
}

.shopContent0 a {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
}

.shopContent1 a {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
}


.shopContentDesc0 {
font-size: 12px;
font-family: Helvetica;
color: #3e3d40;
background-color: #bed2d2;
text-decoration: none;
}

.shopContentDesc1 {
font-size: 12px;
font-family: Helvetica;
color: #3e3d40;
background-color: #e7ecee;
text-decoration: none;
}

.shopinput{
color: #000000;
background-color: #f0f7f3;
border: 1px solid #666666; 
width: 20px;
text-align: right;
}

.shopBasket {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
text-decoration: none;
}

.shopFokusContent {
font-size: 12px;
font-family: Helvetica;
font-weight: bold;
color: #3e3d40;
text-decoration: none;
}

.shopPrint{
font-size: 16px;
font-family: Helvetica;
color: #3e3d40;
text-decoration: none;
}

.shopPrintRight{
font-size: 16px;
font-family: Helvetica;
color: #3e3d40;
text-align: right;
text-decoration: none;
}