/* ---------------------*/
#productcontenttop {
  background: url(/gfx/product-content-top.jpg) no-repeat;
  height: 5px;
}
#productcontentbg{
  background: url(/gfx/product-content-bg.jpg) repeat-y;
  padding-bottom: 20px;
  padding-top: 20px;
}
#productcontentbottom {
  height: 16px;
  background: url(/gfx/product-content-bottom.jpg)  no-repeat;
}

#shophelmen {
  background-color: #fff000;
  border: 30px;
}

#shophelmettemp {
padding-left: 120px;
padding-top: 30px;
}

/* ---------------------*/
#productcontent {
  width: 652px;
  padding-left: 65px;
  border-right: 1px solid #aba6a8;
  padding-right: 15px;
  line-height: 18px;
  font-size: 11px;
}

#productcontenttussen { padding-top: 50px;}

#productcontent p { padding-bottom: 20px;}

#productcontent h1 {
  font-size: 14px;
  color: #61656a;
}

#productcontent h1.paars {
  margin-bottom: 10px;
  color: #623b63;
  font-size: 19px;
}

#productcontent h2 {
  font-size: 12px;
  color: #696b70;
  margin-top: 25px;
}

.producttd1 {
  width: 25px;
  background: url(/gfx/product-specs-td1-bg.jpg) 8px 6px no-repeat;
}
.producttd2 { width: 220px; }
.producttd3 { width: 420px; }

.line {
  margin: 5px 0px 5px 0px;
  height: 1px;
  border-top: 1px solid #aba6a8;
}

#productcontent .titel {
  text-align: center;
}

.submitproductsmall {
  margin: 0px 10px 0px 0px;
  width: 70px;
  height: 22px;
  color: #fff;
  border: 0px;
  font-size: 10px;
  padding-bottom: 3px;
  cursor: pointer;
  background: url(/gfx/buy-small.jpg)  no-repeat;
}
.submitproductbig {
  margin: 0px 0 0 20px;
  width: 126px;
  height: 40px;
  color: #fff;
  border: 0px;
  font-size: 17px;
  padding-bottom: 3px;
  cursor: pointer;
  background: url(/gfx/buy-big.jpg)  no-repeat;
}

/* ---------------------*/
/* ---------------------*/

*{ margin: 0px; padding: 0px; }
body,html { text-align:center; margin:0;  font-family:  Verdana,Arial; font-size: 12px; background:url(gfx/body-bg.jpg) repeat-x; }
#supercontainer { margin:0 auto; padding:0; width: 990px; text-align: left; }
#header { height: 114px; background:url('gfx/header-bg.jpg') no-repeat; }

#flags { height: 20px; }
#flags img { border: 0px; margin-left: 2px; margin-right: 2px; }

#search{
  float: right;
}

.toptd1 {
  padding-top: 25px;
  padding-left: 45px;
}
.toptd2 {
  text-align: right;
  padding-right: 40px;
  padding-top: 5px;
}

#logo {
  background: url(/gfx/logo.png) no-repeat;
  width: 137px;
  height: 37px;
  margin-left: 38px;
  margin-top: 23px;
}

#innerlogo {
  position:absolute;
  width: 137px;
  height: 37px;
  cursor:pointer;
}

#content {
  clear: left;
  min-height: 424px;
}

a:link,a:visited,a:active { color: #623b63; text-decoration: none; }
a:hover { color: #301d30; text-decoration: underline;}

.pichome { background: url(/gfx/pic-home02.jpg) no-repeat; height: 424px; }
.picjones { background: url(/gfx/pic-jones.jpg) no-repeat; }
.picnews { background: url(/gfx/pic-news.jpg) no-repeat; }
.picpages { background: url(/gfx/pic-pages.jpg) no-repeat; }

#homeproducts {
  margin-left: 33px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.product {
  width: 213px;
  height: 182px;
  float: left;
  text-align: center;
  background: url(/gfx/home-pic-bg.jpg) no-repeat;
  padding-top: 10px;
  font-weight: bold;
  color: #61656a;
}

.producttrans {
  filter:alpha(opacity=35);
  -moz-opacity:.35;
  opacity:.35;
}

.producttrans:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

.product a {
 text-decoration: none; color: #61656a;
}

.product img { margin-bottom: 37px; border: 0px; margin-top: 25px;}

.producttussen {
  float: left;
  background: url(/gfx/product-tussen.jpg) repeat-y;
  margin: 10px 11px 0px 11px;
  height: 132px;
  width: 1px;
}

/* ------------------- START menu right ------------ */
#contentrightmenu {
 float: right;
 margin-top: 30px;
 width: 218px;
 margin-right: 39px;
 _margin-right: 15px;
}

#contentrightmenu h2 {
  margin-left: 15px;
  margin-bottom: 5px;
  margin-top: 20px;
  color: #626263;
  font-size: 12px;
}

#contentrightmenu ul,#contentrightmenu li {
  list-style: none;
}
#contentrightmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#contentrightmenu li a {
  display: block;
  font-size: 11px;
  width: 198px;
  padding: 5px 15px 5px 15px;
  color: #707072;
  text-decoration: none;
}

#contentrightmenu li a:hover,
#contentrightmenu li.highlight a {
  color: #623b63;
  background: url(/gfx/right-menu-li-bg.png) repeat-y;
}
/* ------------------- END menu right ------------- */


/* ------------------- START NIEUWS --------------- */
#newswrapper {
  padding-top: 25px;
  padding-left: 70px;
}

#newscontent {
  width: 541px;
  height: 372px;
  background: url(/gfx/nieuws-content-bg.png) no-repeat;
  padding: 30px 40px 20px 40px;
  line-height: 18px;
  font-size: 11px;
}
#newscontent h1 {
  font-size: 19px;
  color: #623b63;
}

.newsitem {
  padding: 10px 10px 10px 0px;
  border-bottom: 1px solid #a5a1a4;
}

.newsitem h3{
  color: #61656a;
  font-style:italic;
  margin-bottom: 5px;
  font-size: 12px;
}

.newsitem p {

}

.small {
font-size: 10px;
}

.newspic {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #623b63;
}
.messagepic {
  float: left;
  margin: 15px 10px 10px 0px;
  border: 1px solid #623b63;
}
/* ------------------- END NIEUWS ----------------- */


/* ------------------- START NIEUWS ARCHIEF ------- */
#newsarchive {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 90px;
  padding-right: 330px;
  font-size: 11px;
}
#newsarchive h2 {
  color: #bbbfc3;
  font-size: 19px;
}

#newsarchive a:link,#newsarchive a:visited,#newsarchive a:active { color: #696b70; text-decoration: none; }
#newsarchive a:hover { color: #3a3b3e; text-decoration: underline;}

#newsarchive ul,#newsarchive li {
  list-style: none;
}
#newsarchive ul { margin-top: 20px; _margin-top: 10px; margin-left: 10px; }

#newsarchive li {
  margin-top: 5px;
  padding-left: 10px;
  background: url(/gfx/news-li-bg.jpg) 0px 6px no-repeat;
}
/* ------------------- END NIEUWS ARCHIEF --------- */


/* ------------------- START PAGES ---------------- */
#pagewrapper {
  padding-top: 25px;
  padding-left: 70px;
  font-size: 11px;
  line-height: 18px;
}

#pagecontent {
  width: 541px;
  min-height: 372px;
  padding: 30px 40px 20px 40px;
}

#pagecontent {

}

#pagewrapper h1,#pagewrapper h2,#pagewrapper h3 {
  color: #623b63;
}

#pagewrapper h1 { font-size: 19px; }
#pagewrapper h2 { font-size: 17px; margin-top: 10px; color: #61656a;}
#pagewrapper h3 { font-size: 15px; margin-top: 10px; color: #61656a;}

#pagewrapper a:link,#pagewrapper a:visited,#pagewrapper a:active { text-decoration: underline; }
#pagewrapper a:hover { }

#pagewrapper p {
  padding: 10px 0px 10px 0px;
}

#pagewrapper ul {
  margin-left: 30px;
}

/* ------------------- END PAGES ------------------ */


/* ------------------- START Colors --------------- */
.purple { color: #623b63; }
/* ------------------- END Colors ----------------- */

.linedotted {
  height: 1px;
  margin-top: 5px;
  background: url(/gfx/news-line-dotted.png) repeat-x;
}


/* ------------------- START Jones sport ---------- */
#jonestxt p {
  width: 400px;
  padding-top: 250px;
  padding-left: 93px;
  line-height: 18px;
  font-size: 11px;
  color: #eae6e9;
}
/* ------------------- END Jones sport ------------ */


/* ------------------- Search Form----------------- */
.searchinput {width: 90px; float: left; height: 15px; font-size: 10px; }
.searchsubmit { height: 20px; font-size: 10px; }

/* ------------------- Top Menu ------------------- */
#menu {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  margin-top: 9px;
  margin-right: 39px;
  _margin-right: 20px;
  clear: right;
}
#menu li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu li a {
  background: url(/gfx/top-menu-tussen1.jpg) 0px 2px no-repeat;
  display: block;
  font-size: 11px;
  height:10px;
  padding: 3px 15px 7px 15px;
  float: left;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

#menu li a:hover,
#menu li.highlight a {
color: #fff;
background: none;
background-color: #623b63;
text-decoration: none;
}
/* ------------------- End Top Menu ------------------- */

/* ------------------- PRODUCT SLIDESHOW -------------- */
#slideshow { margin-left: 150px; min-height: 260px; margin-top: 10px;  }
#slideshow .pics img { width: 350px; height: 260px; }
#nav { margin: 5px }
#nav li {
  width: 110px;
  height: 78px;
  float: left;
  margin: 7px;
  list-style: none ;
}
#nav a {
  display: block;
  width: 110px;
  height: 78px;
  background: url(/gfx/product-preview-normal.jpg) no-repeat;
  padding: 1px 3px 3px 7px;
}
#nav a.activeSlide {
  background: url(/gfx/product-preview-bold.jpg) no-repeat;
}
#nav a:focus { outline: none; }
#nav img { border: none; display: block; }
#nav li img {
  margin-left: 5px;
  margin-top: 5px;
}
/* ------------------- END PRODUCT SLIDESHOW ---------- */

.small { font-size: 10px; }
.grey { color: #82848a; }
.green { color: #62c769; }
.red { color: #c70c0d; }

/* ------------------- Footer ------------------------- */
#footer {
  clear: left;
  background:url('/gfx/footer-bg.jpg') repeat-x;
  font-size: 10px;
  height: 53px;
  padding: 10px 20px 0px 0px;
  text-align: right;
  margin: 0px 35px 0px 35px;
}

#footer a:link,#footer a:visited,#footer a:active { color: #82848a; padding-left: 10px; text-decoration: none; }
#footer a:hover { color: #3a3b3e; text-decoration: none;}

#footerpayments { text-align: center; }
#footerpayments img { margin-right: 0px; }
/* ------------------- End Footer --------------------- */

.melding,#melding {
  margin: 10px 0px 10px 0px;
  padding: 5px;
}

.goed {
  border: 1px solid #25d431;
  background-color: #d3f6d6;
}

.fout {
  border: 1px solid #d2160d;
  background-color: #ffb9b9;
}

.contactformtd1 { width: 100px; }
.formfield {width: 250px; }