body,td,p{
	font-size: 10px; 
	font-weight:normal;
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

body {
	background-color: #ffffff;
 	margin: 0; 
 	padding: 25px;
 	/*
   text-align: center; 
   */
}

/* centered by using 50% relative positioning and negative margins... */
#maincontent {
	width:890px; min-height:675px; 
	position:relative; top:50%; left:50%; 
	margin-left:-445px; margin-top:-331px;
	background-image: url(gfx/bg_with_border_and_logo.gif); 
	background-repeat: no-repeat;	
	z-index: 2; 
}	

#maincontent-index {
	width:890px; min-height:615px; 
	position:relative; top:50%; left:50%; 
	margin-left:-445px; margin-top:-307px;
}	

b{
	font-weight:bold;
}	

TH      {font:          bold    14px
                Verdana, Geneva, Helvetica, Arial, sans-serif;
        color:      		#000000;
        background:     #ffffff;
        border-color:	black;
        }


A {
			font-weight:    bold;
			color: #111111;
			text-decoration: none;
			font-family: Verdana, Helvetica, Arial, sans-serif;
	}

A:link 
        {
        color:          #000000;
         }

A:visited
        {	
        color:          #111111;
         }

A:active
        {
	    color:        #000000;
         }

A:hover {
		text-decoration: underline;		
    }


A.menulink, A.menulink:link, A.menulink:visited, A.menulink:active, A.menulink:hover {
	color: #000000;
	font-weight: bold;
	font-size: 10px; 
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}


H1      {

   font:          bold 14px Verdana, Geneva, Helvetica, Arial, sans-serif;      
        color:           #000000;
		text-align: 	left;  
		margin-top:		5px;	
		margin-bottom:	5px;	
      margin-left:   0px; 
		
      }

H2      {font:         bold 12px Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-weight:    bold;
        margin-top:		5px;	
  		  margin-left:  	0px; 
  		  margin-bottom:  3px; 
        color:          #000000;
        padding:        0px;
        text-align: 	left; 
        }

H3      {font:          bold  10px
                Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-weight:    bold;
        color:          #000000;
        text-align: 	left; 
  		  margin-top:  5px; 
  		  margin-bottom:  4px; 
  		  margin-left:  0px; 
  		  
        }

/** changed to make this symmetrical */
p { margin-top: 6px ;    margin-right: 2px; 
	 margin-bottom: 6px; margin-left: 0px; }

input, textarea, checkbox, select {
	font-family:verdana,arial;
	font-size:10px;
	background: #ffffff;
   border-right: #000000 1px solid;
   padding-right: 2px;
   border-top: #000000 1px solid;
   padding-left: 2px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #000000 1px solid;
	padding-top: 2px;
	border-bottom: #000000 1px solid
}

.radio{
	border: 0; margin:0; padding: 0;
}

textarea {
    scrollbar-face-color: #000000;
    font: 10px verdana, geneva, helvetica, arial, sans-serif;
    scrollbar-highlight-color: #dddddd;
    scrollbar-shadow-color: #222222;
    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #333333;
    scrollbar-3d-light-color: #444444;
    scrollbar-dark-shadow-color: #222222

}


#toplevelbox {
	border: #000000 solid 1px;
	width: 816px;
	min-height: 670px;
	background-image: url(gfx/bg_patternright.gif); 
	background-repeat: no-repeat;	
	background-position: top right;
	background-color: #E2E2E2;
	margin: 0;
	padding:0;
	text-align: left;	
}

/*workaround for mozilla firefox, padding seems to expand toplevelbox... */


#toplevelbox2 {
	padding-left: 30px;
	padding-right: 23px;
	padding-bottom: 23px;
	padding-top: 15px;
	margin: 0;
}

#menubox {
	border: #000000 solid 1px;
	width: 766px;
	height: 20px;
	background-color: white; 
	padding: 2px;
	margin: 0;
	margin-top: 12px;
	text-align: left;	
}

#maincontentbox {
	border: #000000 solid 1px;
	width: 766px;
	min-height: 503px; 
	background-color: white; 
	padding: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 16px;
	text-align: left;	
}

#headerbox{
	width: 766px;
	height: 46px;
	padding-top:  12px;
	padding-left: 15px;	
}

#shopheaderbox{
	width: 764px;
	height: 47px;
	padding:  0px;
	margin: 0px;
	margin-left:  2px;
	margin-top:   2px;
	background-image: url(gfx/grey_vertical_with_black_lastpix.gif); 	
}

.contentboxinside{
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	width: 100%;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
}

.contentboxinsidewebshop {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	margin-left: 2px;
	margin-top: 1px;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
/*skipped min-height*/	
	
}


/*	overflow: auto; should be set on individual pages' DIV elements removed from here to avoid double scrollbars in firefox (must set explicit width/height to get expected behaviour in IE)*/	

#textbasedcontent {
	padding: 15px;
	height: 100%;
	width: 90%;
}

.borderedwhite {
	border-style: solid; 
	border-color: #cccccc; 
	border-width: 1px; 
	background-color: white;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
}

.borderedgrey {
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	background-color: #EAEAEA;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
}

.shadowbox {
  background-color: #848383;
  position: relative;
  top: 2px;
  left: 2px;
}

.shadowbox div{
  position: relative;
  top: -2px;
  left: -2px;
}

.error{
	color: red;
}

#msgbox{
	position: absolute;
	top: 20%; left: 30%;
	z-index: 10;
	padding: 20px;
	width: 300px;
	height: 250px;
	visibility: hidden;
	background-color: white;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
}

.presspicture{
	float: left;
	padding: 5px;	
	height: 170px;
	width: 110px;
}

.nomargins{
	margin: 0px;
	padding: 0px;	
}