body {
  margin-top: 20px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 10pt;
  line-height: 18px;
  color: #333333;
  min-width: 830px;
  height: 100%;
  overflow-y: auto;
  background: url('../images/kwikot_bg.jpg') #EEEEEE repeat left top;
}

/* sections */

#wrapper {
  width: 825px;
  margin: 0 auto;
  text-align: left;
  position:relative;
}
#breadcrumb {
 float: left;
 width: 810px;
 border-left: 1px solid #696468;
 border-right: 1px solid #696468;
 background: url('../images/breadcrumb_bg.jpg') no-repeat;
}
#mainColumn {
 float: left;
 width: 820px;
 border-left: 1px solid #696468;
 border-right: 1px solid #696468;
 background: #FFFFFF;
}
#bodyColumn_top {
 float: left;
 margin: 10px 0px 0px 10px;
 width: 800px;
 padding-top: 21px;
 background: url('../images/product_bg_t.gif') #FFFFFF no-repeat;
}
#bodyColumn {
 float: left;
 margin: 0px 0px 0px 10px;
 text-align: justify;
 width: 770px;
 padding: 5px 15px 0px 15px;
 background: url('../images/product_bg_m.gif') #FFFFFF repeat-y;
}
#bodyColumn_bottom {
 float: left;
 margin: 0px 0px 15px 10px;
 width: 800px;
 padding-top: 21px;
 background: url('../images/product_bg_b.gif') #FFFFFF no-repeat;
}
#sideColumn {
 float: left;
 text-align: left;
 line-height: 26px;
 border: 1px solid #CCCCCC;
 margin-left: 10px;
 margin-bottom: 10px;
 width: 180px;
 padding: 15px 10px 7px 7px;
}
#footer {
  clear: both;
  border-left: 1px solid #696468;
  border-right: 1px solid #696468;
  background: url('../images/breadcrumb_bg.jpg') no-repeat top;
  margin-bottom: 25px;
  margin-right: 3px;
  text-align: left;
  font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
  line-height: 22px;
  color: #FFFFFF;  
  padding: 0px 20px 0px 15px;
}

/* text */

.breadcrumb {
font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
color: #02B5FE;
padding: 5px;
}
.pageheader {
font: 20px "Trebuchet MS", Verdana, Arial, sans-serif;
padding: 2px 2px 2px 15px;
color: #FFFFFF;
margin-top: 45px;
margin-left: -8px;
display: block;
width: 560px;
background: url('../images/section_menu.jpg') #3333FF no-repeat right;
}
.sideheader {
font: 17px "Trebuchet MS", Verdana, Arial, sans-serif;
padding: 1px 2px 1px 10px;
color: #FFFFFF;
margin: -2px 0px 6px -8px;
display: block;
width: 178px;
height: 20px;
background: url('../images/side_menu.jpg') #3333FF no-repeat right;
}
.pagetitle {
font: 19px "Trebuchet MS", Verdana, Arial, sans-serif;
color: #666666;
letter-spacing: 0.25px;
line-height: 22px;
padding-bottom: 7px;
display: block;
}
.section {
font: 15px "Trebuchet MS", Verdana, Arial, sans-serif;
color: #3333FF;
letter-spacing: 0.25px;
line-height: 18px;
padding: 8px 0px 5px 0px;
display: block;
}
.title {
font: 15px "Trebuchet MS", Verdana, Arial, sans-serif;
color: #3333FF;
line-height: 22px;
border-bottom: 1px #CCCCCC solid;
display: block;
}
.bodytext {
font: 10pt "Trebuchet MS", Verdana, Arial, sans-serif;
color: #333333;
line-height: 18px;
}
.download {
font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
color: #666666;
padding-bottom: 2px;
border-bottom: 1px solid #666666;
display: block;
}
.list {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-style: italic;
font-size: 12px;
line-height: 28px;
color: #FF0000;
}
.red_note {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-style: bold;
font-size: 14px;
text-align: justify;
color: #FF0000;
}
.label {
font: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
color: #999999;
}
.footer_right {
float: right;
color: #02B5FE;
}

/* links */

a:link {
color: #656565;
text-decoration: none;
}
a:visited {
color: #656565;
text-decoration: none;
}
a:hover {
color: #02B5FE;
text-decoration: none;
}
a:active {
color: #656565;
text-decoration: none;
}

a.breadcrumb:link {
font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
color: #FFFFFF;
text-decoration: none;
}
a.breadcrumb:active {
color: #FFFFFF;
text-decoration: none;
}
a.breadcrumb:visited {
color: #FFFFFF;
text-decoration: none;
}
a.breadcrumb:hover {
color: #02B5FE;
text-decoration: none;
}

a.footer:link {
color: #FFFFFF;
text-decoration: none;
}
a.footer:active {
color: #FFFFFF;
text-decoration: none;
}
a.footer:visited {
color: #FFFFFF;
text-decoration: none;
}
a.footer:hover {
color: #02B5FE;
text-decoration: none;
}

/* lists */

ul.product {list-style-type: disc; list-style-position: outside; margin-top: 0px; margin-left: -25px;}

/* buttons */

.holder { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	margin-top: 30px;
}

a.button {
    background: transparent url('../Products/images/bg_button_1.jpg') no-repeat scroll top right;
    color: #4C4C4C;
    display: block;
    float: left;
    font: 13px "Trebuchet MS", Verdana, Arial, sans-serif;
    height: 26px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
	margin-left: 1px;
	width: 121px;
	text-align:left;
}
a.button span {
    background: transparent url('../Products/images/bg_button_2.jpg') no-repeat;
    display: block;
    line-height: 14px;
    padding: 6px 0 6px 13px;
}
a.button:active {
    background-position: bottom right;
    color: #3333FF;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 7px 0 5px 13px; /* push text down 1px */
}
a.button:hover {
	color: #3333FF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_download {
    background: transparent url('../Products/images/download.jpg') no-repeat scroll top right;
    display: block;
    float: left;
    height: 70px;
	width: 150px;
	margin: 25px 0px 0px 9px;
}
a.button_download:hover {
	background-position:center;
    outline: none; /* hide dotted outline in Firefox */
}
a.button_download:active {
    background-position: bottom right;
}

