/* general styles */
html, body{
  margin: 0px;
  padding: 0px;
  font-family: arial;
  font-size: 11px;
  color: #FFFFFF;
  min-height: 100%;
  width: 100%;
  background-color: #a7a7a7;
  overflow-x: hidden;
}

body{
  overflow-y: scroll;
}

div.mainAnchor{
  position: absolute;
  left: 50%;
  min-height: 100%;
}
div.leftBg{
  position: absolute;
  left: -800px;
  top: 250px;
  width: 432px;
  height: 405px;
}
div.rightBg{
  position: absolute;
  left: 150px;
  top: 250px;
  width: 699px;
  height: 503px;
}
div.anchor{
  position: absolute;
  left: -500px;
  width: 1000px;
  min-height: 100%;
}
div.anchorBG{
  position: fixed;
  width: 1000px;
  background-image: url("../images/transparent.png");
  background-repeat: repeat;
  min-height: 100%;
}

div.mainContent{
  position: absolute;
  margin-left: 18px;
  margin-right: 18px;
  height: 100%;
  width: 964px;
  background-color: #FFFFFF;
}
table.mainTable{
  height: 100%;
  width: 964px;
}
td.contentHolder{
  width: 964px;
  height: 537px;
}
td.subContent{
  background-color: #FFFFFF;
}

/* --- header & menu --- */
td.header{
  background-image: url("../images/mysticker.jpg");
  width: 964px;
  height: 173px;
}
div.headerHolder{
  position: relative;
  width: 964px;
  height: 173px;
}
div.homelink{
  position: absolute;
  width: 370px;
  height: 160px;
  left: 0px;
  bottom: 0px;
}
div.contactInfo{
  position: absolute;
  width: 370px;
  height: 50px;
  right: 10px;
  top: 65px;
  text-align: right;
  font-size: 14px;
  color: #FFFFFF;
}
div.contactInfo h2{
  font-weight: bold;
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  color: #cceb00;
}
div.contactInfo a{
  color: #FFFFFF;
  text-decoration: none;
}
div.contactInfo a:hover{
  text-decoration: underline;
}
div.menuHolder{
  position: absolute;
  width: 454px;
  height: 42px;
  left: 375px;
  bottom: 0px;
}
td.menuItem{
  padding: 0px;
}
div.socialHolder{
  position: absolute;
  width: 114px;
  height: 34px;
  left: 840px;
  bottom: 7px;
}
td.socialItem{
  padding-right: 6px;
}

/* --- main content --- */
td.content{
  background-image: url("../images/contentbg.jpg");
  background-repeat: no-repeat;
  width: 964px;
  height: 364px;
}
div.mainContentHolder{
  position: relative;
  top: 0px;
  margin: 0px;
  padding: 0px;
  width: 964px;
  height: 364px;
}
div.mainContentHolder h1{
  margin: 0px;
  padding: 0px;
  margin-left: 70px;
  margin-top: 30px;
  width: 600px;
  font-size: 30px;
}
div.mainContentHolder p{
  margin: 0px;
  padding: 0px;
  margin-left: 70px;
  margin-top: 10px;
  width: 500px;
  font-size: 12px;
}
div.mainContentHolder p a{
  color: #FFFFFF;
}
div.mainContentHolder ul{
  margin: 0px;
  padding: 0px;
  margin-left: 85px;
  font-size: 12px;
}
div.mainContentHolder ul li{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}
div.pageButton{
  position: absolute;
  top: 210px;
  right: 60px;
  width: 326px;
  height: 77px;
}
div.mainContentHolder table{
  margin: 0px;
  padding: 0px;
  margin-left: 70px;
  font-size: 12px;
}
div.mainContentHolder table tr td a{
  color: #FFFFFF;
}
td.contentBlank{
  width: 964px;
  font-size: 12px;
  color: #555555;
  background-color: #FFFFFF;
}
td.contentBlank h1{
  margin: 0px;
  padding: 0px;
  margin-left: 70px;
  margin-top: 30px;
  width: 650px;
  font-size: 30px;
}
td.contentBlank p{
  margin: 0px;
  padding: 0px;
  margin-left: 70px;
  margin-top: 10px;
  width: 650px;
  font-size: 12px;
}

/* --- contactform --- */
div.contactForm{
  position: relative;
  margin-left: 70px;
  margin-top: 20px;
  width: 500px;
  height: 250px;
}
div.inputLabel{
  position: absolute;
  left: 0px;
  font-size: 12px;
}
div.inputData{
  position: absolute;
  left: 0px;
  font-size: 12px;
}
input.inputText, input.inputTextError{
  width: 230px;
  font-size: 12px;
  height: 16px;
  border: solid 0px #FFFFFF;
  background-color: #FFFFFF;
  padding: 1px;
}
input.inputTextError{
  background-color: #FF0000;
  color: #FFFFFF;
}

textarea.inputArea{
  width: 480px;
  font-size: 12px;
  height: 50px;
  font-family: arial;
  border: solid 0px #a7a7a7;
  background-color: #FFFFFF;
  padding: 1px;
}

input.inputGreyText, input.inputGreyTextError{
  width: 340px;
  font-size: 12px;
  height: 16px;
  border: solid 1px #bebebe;
  background-color: #FFFFFF;
  padding: 1px;
}
input.inputGreyTextError{
  background-color: #FF0000;
  color: #FFFFFF;
}
textarea.inputGreyArea{
  width: 285px;
  font-size: 12px;
  height: 50px;
  font-family: arial;
  border: solid 1px #bebebe;
  background-color: #FFFFFF;
  padding: 1px;
}

/*  OrderForm   */
td.inputLabel{
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 4px;
  font-size: 12px;
}
td.inputData{
  font-size: 12px;
  padding-bottom: 10px;
}
td.inputNote{
  padding-bottom: 10px;
  font-size: 10px;
  font-style: italic;
}
td.orderRadio{
  padding-right: 5px;
}
/* --- sub content --- */
td.subContentHolder{
  padding-left: 29px;
  width: 100%;
  background-color: #FFFFFF;
}
td.subContentHolder table.subContentTable{
  width: 100%;
}
td.subItem{
  width: 302px;
}
td.subItem p{
  margin: 0px;
  padding: 0px;
  margin-left: 17px;
  margin-right: 40px;
  margin-bottom: 30px;
}
td.subItem p a{
  text-decoration: none;
  color: #000000;
}
td.footerLinks{
  text-align: center;
  padding-top: 20px;
  padding-right: 20px;
}
td.footerLinks a{
  color: #000000;
  text-decoration: none;
}
td.footerLinks a:hover{
  text-decoration: underline;
}