/* CSS Document */

HTML
{
	height: 100%;
}

BODY
{
	font-family: Verdana;
	font-size: 10pt;
	color: #000000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	height: 100%;
}

IMG
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

TD
{
	font-family: Verdana;
	font-size: 10pt;
}


/*

kleuren van de linken nog aanpassen naar nieuwe!!

*/






.blacklink:link, .blacklink:visited, .blacklink:active 
{
	font : verdana;
	font-size: 8pt;
	color : #000000;
	text-decoration : none;
	}

.blacklink:hover
{
	font : verdana;
	font-size: 8pt;
	color : #000000;
	text-decoration : none;
}



.bigtitlecell
{
	background-color: #E1E1E1;
	vertical-align: top;
	font-size: 12pt;
	color:#1C3361;
	font-weight: 900;
	padding: 5px;
	padding-bottom: 5px;
	border: 0px solid;
}


.titlecell
{
	background-color: #d8d8d8;
	vertical-align: top;
	font-size: 10pt;
	font-weight: bold;
	color:#6FB3E2;
	padding: 5px;
	padding-top: 5px;
	padding-bottom: 5x;
	border: 0px solid;
}
.MarqueeCell
{
	height: 220px;
	background-repeat: no-repeat;
}
.datacell
{
	background-color: #E1E1E1.
	vertical-align: top;
	font-size: 8pt;
	font-weight: normal;
	padding: 5px;
	padding-bottom: 5px;
	border: 0px solid;
}

.titel_eventstable
{
	background-color: #4A99D3;
	color: #000000;
	font-weight: bold;
	font-size: 10pt;
	height: 20px;
	padding-left: 0px;
	text-align: center;
	border: 0px solid #000000;
	
}

.datacell_eventstable
{
	background-color: #d8d8d8;
	border: 0px solid #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
}
div#gimmick {
    position: relative;
    width: 674px;
    height: 225px;
    margin-top: 9px;
}
div#gimmick div.anim {
    position: absolute;
    top: 0;
    left: 0;
    height: 194px;
}

#gmap {
    width: 528px;
    height: 344px;
    border: 1px solid #999;
}

:focus {
	outline: 0
}





ul.pagemenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.pagemenu li {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 5px;
    display: block;
float: left;
width: 300px;
}

ul.pagemenu li ul {
    padding: 0;
    margin: 0;
}


ul.pagemenu li ul li {
    margin: 0;
    padding: 0;
}

ul.pagemenu li a {
    font-weight: bold;
    text-decoration: none;
}

ul.pagemenu li ul li a {
    font-weight: normal;
    text-decoration: none;
}


img {
    border: 0;
}
ul {
    list-style-position: inside;
}
dt {
    font-style: italic;
}

div#page {
    width: 920px;
    margin: 0 auto;
    }
	
div#top, div#home-top {
    height: 117px;
    background: transparent url(http://www.hpsindustrial.nl/skin/vervolg_content-top.png) right top no-repeat;
}

div#bottom {
    clear: both;
    height: 20px;
    padding: 15px 10px 10px 0;
    background: #454c56 url(http://www.hpsindustrial.nl/skin/back_content-bottom.png) right top no-repeat;
    font: italic 11px Arial, sans-serif;
    text-align: right;
    color: #fff;
}
div#bottom a {
    color: #fff;
    text-decoration: underline;
}

div#bottom a:hover {
    text-decoration: none;
}
div#sitenav {
    position: relative;
    height: 32px;
    padding: 68px 10px 0 0;
    background: transparent url(http://www.hpsindustrial.nl/skin/logo.png) 82px 20px no-repeat;
    color: #9A9A9A;
    text-align: right;
}
div#sitenav a#homelink {
    position: absolute;
    top: 0;
    left: 82px;
    width: 245px;
    height: 80px;
}
div#sitenav a {
    color: #9A9A9A;
    font: bold 11px Arial, sans-serif;
    text-decoration: none;
}
div#sitenav a:hover {
    text-decoration: underline;
}

div#left {
    float: left;
    width: 180px;
}
div#left form#search div {
    margin: 0 0 10px 0;
    padding-left: 24px;
}
div#left form#search input[type="text"] {
    width: 125px;
    border: 1px inset;
}

div#left form#search input[type="submit"] {
    width: 19px;
    height: 13px;
    border: 0;
    background: #FFF url(http://www.hpsindustrial.nl/skin/zoek-button.gif) top left no-repeat;
    cursor: pointer;
}
div#left h1 {
    margin: 20px 0 5px 0;
    color: #000;
    font: bold 12px Verdana, sans-serif;
    text-transform: uppercase;
}
div#left ul#productnav {
    margin: 0;
    padding: 40px 0 0;
    list-style: none;
    background: url(/design/fix1.gif)  repeat;
}
div#left ul#productnav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#left ul li ul {
    margin: 0;
    padding: 0;
}

div#left ul li ul li {
    margin: 0;
    padding: 3px 0 2px;
    background: #EDEDED;
}


div#left ul#productnav  li  a {
    display: block;
	padding: 5px 0 5px 24px;
    margin: 0;
    border-bottom: 1px dotted #676767;
    background:  url(/design/fix1.gif) left bottom repeat;
    color: #6FB3E2;
    font: bold 14px Arial, sans-serif;
    text-decoration: none;
}

div#left ul#productnav  li  a:hover {
    background:  url(/design/fix1.gif)  top repeat;
    color: #FFF;
}

div#left ul#productnav ul.menucat {
    border-bottom: 1px dotted #676767;
    padding: 0;
}
div#left ul#productnav ul.menucat li a {
    display: block;
	padding: 2px 0 2px 10px;
    border: 0;
    background: url(/design/fix1.gif);
    color: #6FB3E2;
    font: bold 11px/16px Arial, sans-serif;
    text-decoration: none;
}
div#left ul#productnav ul.menucat li a:hover {
    background: url(/design/fix1.gif);
	color: #666;
}
div#left ul#productnav ul.menucat li a.active {
    background: url(/design/fix1.gif);
	color: #666;
}
div#left ul#productnav ul.menusubcat li a {
    display: block;
	padding: 2px 0 2px 30px;
    border: 0;
    background: url(/design/fix1.gif);
    color: #fff;
    font: 11px/13px Arial, sans-serif;
    text-decoration: underline;
}
div#left ul#productnav ul.menusubcat li a:hover {
    background: url(/design/fix1.gif);
}
div#left ul#productnav ul.menusubcat li a.active {
    background: url(/design/fix1.gif);
    font-weight: bold;
    text-decoration: none;
}

div#left ul#productnav ul.menusubcat li ul.menusubsubcat a:hover {
    background: url(/design/fix1.gif);
	color: #666;
}


div#left ul#productnav ul.menusubcat li ul.menusubsubcat li a {
    display: block;
	padding: 2px 0 2px 40px;
	border: 0;
    background: url(/design/fix1.gif);
    color: #666;
    font: 11px/13px Arial, sans-serif;
    text-decoration: underline;
}

div#left ul#productnav ul.menusubcat li ul.menusubsubcat li ul.menusubsubsubcat li a {
     display: block;
	padding: 2px 0 2px 50px;
	border: 0;
    background: url(/design/fix1.gif);
    color: #6FB3E2;
    font: 11px/13px Arial, sans-serif;
    text-decoration: underline;
	
}

div#left ul#productnav ul.menusubcat li ul.menusubsubcat li ul.menusubsubsubcat a:hover {
    background: url(/design/fix1.gif);
	color: #fff;
}






div#left div#livechat {
   background: url(http://www.hpsindustrial.nl/skin/livechat_back.jpg) 0 0 no-repeat;
    width: 193px;
    height: 110px;
    border-top: 1px dotted #000;
    margin: 20px 0 0;
}

div#left div#livechat h2 {
    text-indent: -799em;
    height: 0;
    margin: 0;
    padding: 0;
}

div#left div#livechat p {
    margin-top: 0;
}

div#left div#livechat img {
    margin-top: 74px;
}



div#content, div#home-content {
    float: left;
    width: 800px;
    padding: 10px 10px 0 40px;
    margin-top: 0px;
}

body#home div#content {
    background: url(http://www.hpsindustrial.nl/skin/foto_home.jpg) 30px 0 no-repeat;
}

body#industrial-pcs div#content {
    background: url(http://www.hpsindustrial.nl/skin/foto_industrial.jpg) 33px 0 no-repeat;
}

body#rackmount-servers div#content {
    background: url(http://www.hpsindustrial.nl/skin/foto_rackmount.jpg) 33px 0 no-repeat;
}

body#minipcs div#content {
    background: url(http://www.hpsindustrial.nl/skin/foto_minipc.jpg) 33px 0 no-repeat;
}

body#panelpcs div#content {
    background: url(http://www.hpsindustrial.nl/skin/foto_panelpc.jpg) 33px 0 no-repeat;
}

body#maritieme-pcs div#content {
    background: url(http://www.hpsindustrial.nl/skin/foto_maritiem.jpg) 33px 0 no-repeat;
}

body#embedded-computing div#content {
    background: url(http://www.hpsindustrial.nl/skin/foto_embedded.jpg) 33px 0 no-repeat;
}

div#content div#productgroepen ul {
    list-style: none;
    padding: 0;
margin-left: -5px; 
}

div#content div#productgroepen ul li {
    float: left;
}

div#content div#productgroepen ul li.industrial a {
    background: url(http://www.hpsindustrial.nl/skin/5prodbut1.jpg) 0 0 no-repeat;
    height: 163px;
    width: 162px;
    text-indent: -999em;
    display: block;
}

div#content div#productgroepen ul li.rackmount a {
    background: url(http://www.hpsindustrial.nl/skin/5prodbut2.jpg) 0 0 no-repeat;
    height: 163px;
    width: 164px;
    text-indent: -999em;
    display: block;
}

div#content div#productgroepen ul li.mini a {
    background: url(http://www.hpsindustrial.nl/skin/5prodbut3.jpg) 0 0 no-repeat;
    height: 163px;
    width: 164px;
    text-indent: -999em;
    display: block;
}

div#content div#productgroepen ul li.panel a {
    background: url(http://www.hpsindustrial.nl/skin/5prodbut4.jpg) 0 0 no-repeat;
    height: 163px;
    width: 162px;
    text-indent: -999em;
    display: block;
}

div#content div#productgroepen ul li.maritiem a {
    background: url(http://www.hpsindustrial.nl/skin/5prodbut5.jpg) 0 0 no-repeat;
    height: 163px;
    width: 162px;
    text-indent: -999em;
    display: block;
}
div#content div#productgroepen ul li.embedded a {
    background: url(http://www.hpsindustrial.nl/skin/7prod_6.jpg) 0 0 no-repeat;
    height: 169px;
    width: 93px;
    text-indent: -999em;
    display: block;
}



div#content div#kijkookbij h2 {
    display: none;
}


div#content div#kijkookbij ul {
    list-style: none;
    padding: 0;
margin-left: -5px; 
}

div#content div#kijkookbij ul li {
    float: left;
}

div#content div#kijkookbij ul li.industrial a {
    background: url(http://www.hpsindustrial.nl/skin/kijk_industrial.png) 0 0 no-repeat;
    height: 113px;
    width: 164px;
    text-indent: -999em;
    display: block;
}

div#content div#kijkookbij ul li.industrial.active a {
    background: url(http://www.hpsindustrial.nl/skin/kijk_industrial_active.png) 0 0 no-repeat;
    
}

div#content div#kijkookbij ul li.rackmount a {
    background: url(http://www.hpsindustrial.nl/skin/kijk_rackmount.png) 0 0 no-repeat;
    height: 113px;
    width: 161px;
    text-indent: -999em;
    display: block;
}

div#content div#kijkookbij ul li.rackmount.active a {
    background: url(http://www.hpsindustrial.nl/skin/kijk_rackmount_active.png) 0 0 no-repeat;
}

div#content div#kijkookbij ul li.mini a {
    background: url(http://www.hpsindustrial.nl/skin/kijk_mini.png) 0 0 no-repeat;
    height: 113px;
    width: 161px;
    text-indent: -999em;
    display: block;
}

div#content div#kijkookbij ul li.mini.active a {
    background: url(http://www.hpsindustrial.nl/skin/kijk_mini_active.png) 0 0 no-repeat;
}

div#content div#kijkookbij ul li.panel a {
    background: url(http://www.hpsindustrial.nl/skin/kijk_panel.png) 0 0 no-repeat;
    height: 113px;
    width: 161px;
    text-indent: -999em;
    display: block;
}

div#content div#kijkookbij ul li.panel.active a {
    background: url(http://www.hpsindustrial.nl/skin/kijk_panel_active.png) 0 0 no-repeat;
}


div#content div#kijkookbij5 h2 {
    padding: 0;
}


div#content div#kijkookbij5 ul {
    list-style: none;
    padding: 0 0 40px;
    margin: 0 0 0 -3px; 
}

div#content div#kijkookbij5 ul li {
    float: left;
}






div#content div#kijkookbij5 ul li a {
padding: 0 5px;
border-right: 1px solid #000;
}


div#content div#kijkookbij5 ul li a:hover, div#content div#kijkookbij5 ul li.active a {
    color: #000;
    text-decoration: none;
}




div#content h1 {
    color: #5A83A1;
    font: normal bold 15px/20px Arial, sans-serif;
}
div#content h2 {
    color: #000;
    font: normal bold 13px/16px Arial, sans-serif;
    padding: 10px 0 0;
}
div#content h2.productname {
    color: #666;
    font: normal bold 13px/18px Arial, sans-serif;



}
div#content h3 {
    color: #000;
    margin: 0;
    padding: 0;
    font: bold 11px/15px Arial, sans-serif;
}


body#industrial-pcs div#content h1 {
    background:  url(http://www.hpsindustrial.nl/skin/kop_industrial.png) 0 34px no-repeat;
    text-indent: -799em;
    width: 207px;
    height: 56px;
}

body#rackmount-servers div#content h1 {
    background:  url(http://www.hpsindustrial.nl/skin/kop_rackmount.png) 0 34px no-repeat;
    text-indent: -799em;
    width: 194px;
    height: 56px;
}

body#minipcs div#content h1 {
    background:  url(http://www.hpsindustrial.nl/skin/kop_mini.png) 0 34px no-repeat;
    text-indent: -799em;
    width: 98px;
    height: 56px;
}

body#panelpcs div#content h1 {
    background:  url(http://www.hpsindustrial.nl/skin/kop_panel.png) 0 34px no-repeat;
    text-indent: -799em;
    width: 110px;
    height: 56px;
}
body#maritieme-pcs div#content h1 {
    background:  url(http://www.hpsindustrial.nl/skin/kop_maritiem.png) 0 34px no-repeat;
    text-indent: -799em;
    width: 110px;
    height: 56px;
}

body#embedded-computing div#content h1 {
    background:  url(/skin/kop_embedded.png) 0 34px no-repeat;
    text-indent: -999em;
    width: 216px;
    height: 56px;
}


body#home div#content h1 {
    background:  url(http://www.hpsindustrial.nl/skin/kop_home.png) 0 26px no-repeat;
    text-indent: -799em;
    width: 383px;
    height: 56px;
    margin: 0;
padding: 0;
}



div#introblok, div.introblok {
    height: 144px;
    overflow: auto;
    padding: 10px 10px 0 229px;
    width: 402px;
}

body#home div#introblok, body#home div.introblok {
    height: 194px;
    margin-top: 20px;
}

div#content img.introfoto {
    margin: 4px 0 0 2px;
}


div#content img.content {
    margin: 2px;
    border: 1px solid #DFDFDF;
}
div#content div.para {
    margin-right: 40px;
}
div#content a {
    color: #022770;
    text-decoration: underline;
}
div#content a:hover {
    text-decoration: none;
}
div#content a.external {
    color: #7EAFCD;
    font: normal bold 13px/18px Arial, sans-serif;
}

.but1, .but2 {
    padding-right: 10px;
}




div#content ul.vervolgtabs {
    margin: 16px 0 0;
    padding: 8px 0 0;
    border-top: 1px dotted #000;
    list-style: none;
}

div#content ul.vervolgtabs li {
    float: left;
    font: bold 16px Verdana, Arial, sans-serif;
    color: #4c2432;
    padding: 0px 10px;
    border-right: 2px solid #a7abaf;
}

div#content ul.vervolgtabs li a {
    text-decoration: none;
    color: #a7abaf;
}

div#content ul.vervolgtabs li a:hover, div#content ul.vervolgtabs li a.active {
    color: #4c2432;
}


div#content div#nieuws {
    clear: both;
}

body#home div#content div#nieuws {
    margin: 20px 0 0;
    padding: 0 10px 0 0;
    width: 310px;
    float: left;
    border-right: 1px dotted #000;
}


body#home div#content div#klanten {
    margin: 20px 0 0;
    padding: 0;
    width: 690px;
    float: right;
}

body#home div#content div#klanten img {
    padding: 0 12px 6px 0;
}

div#content div#nieuws h2 {
    padding: 10px 0 0 10px;
    margin: 0;
    color: #1d3a4b;
    font-size: 14px;
    font-weight: bold;
}

body#home div#content div#nieuws h2 {
    padding: 0px 0 0 10px;
    margin: 0;
    color: #4c2432;
    font-size: 16px;
    font-weight: bold;
}

body#home div#content div#nieuws h3 {
    padding: 10px 0 0 10px;
    margin: 0;
    color: #1d3a4b;
    font-size: 12px;
    font-weight: bold;
}

body#home div#content div#nieuws h4 {
    padding: 10px 0 0 10px;
    margin: 0;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

body#home div#content div#klanten h2 {
    padding: 0;
    margin: 0;
    color: #7eb0cd;
    font-size: 16px;
    font-weight: bold;
}

div#content div#nieuws p {
    padding: 0 0 10px 10px;
    margin: 0;
}

div#content div#nieuws p.home_meer_nieuws {
    border-bottom: 1px dotted #000;
}



#nieuws p.rss a:hover {
    background-position:0 -100px;
}
#nieuws p.rss a {
    background:transparent url(rss.png) no-repeat scroll 0 0;
    padding-left:20px;
}




div.nieuws {
    position: relative;
    width: 665px;
    margin-bottom: 10px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/config-center.gif) left top repeat-y;
}
div.nieuws p {
    margin-left: 5px;
    margin-right: 40px;
}
div#content div.nieuws img {
    border: 0;
    margin: 0 10px 10px 1px
}
div#content div.nieuws h2 {
    margin: 0;
    padding: 8px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/config-top.gif) left top no-repeat;
    color: #FFF;
    font: bold 12px/15px Arial, sans-serif;
    text-align: center;
}
div.nieuws h3 {
    font-size: 15px;
    margin: 0 1px;
    clear: both;
    padding: 4px;
    background-color: #DFDFDF;
    color: #5A83A1;


    font: bold 12px/15px Arial, sans-serif;
    text-align: left;
}
div.nieuws > div.nieuws-bottom {
    position: absolute;
    left: 0;

    bottom: 0;
    width: 665px;
    height: 4px;
    margin: 0;
    background: #FFF url(http://www.hpsindustrial.nl/skin/config-bottom.gif) left bottom no-repeat;
}
div.nieuws img {
    float: left;
    margin: 0 10px 10px 10px;
}
div.nieuws div.nieuwsitem {
}
p.separator {
    clear: both;
}

div#crumbs {
    margin-bottom: 20px;
    color: #333;
    font: normal 11px Arial, sans-serif;
}
div#crumbs a {
    color: #333;
    font: normal 11px Arial, sans-serif;
}
div#customer {
    width: 106px;
    position: relative;
    left: 802px;
    top: 102px;
    margin-top: -17px;
    z-index: 100;
}
div#customer a {
    display: block;
    width: 106px;
    height: 17px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/customerlogin_button.gif) 0 0 no-repeat;
}
div#customer a:hover {
    background-position: 0 -17px;
}

div.pager {
    margin: 10px 0;
    color: #333;
    font: 12px/18px Arial, sans-serif;
}
div.pager a {
    color: #333;
    font: 12px/18px Arial, sans-serif;
}

div.product {
    overflow: hidden;
    position: relative;
    width: 650px;
    margin: 0 10px 5px 0;
    padding: 0;
    background: #FFF url(http://www.hpsindustrial.nl/skin/prodback_center.gif) left top repeat-y;
}
div.productsea {
    overflow: hidden;
    position: relative;
    width: 650px;
    margin: 0 10px 5px 0;
    padding: 0;
    background: #FFF url(http://www.hpsindustrial.nl/skin/prodback_center.gif) left top repeat-y;
}
div.product a {
    position: relative;
    color: #444;
    font: 11px/15px Arial, sans-serif;
    text-decoration: none;
}

div.product-data {
    overflow: hidden;
}

div#content div.product-data a {
    text-decoration: none;
}

div.product-data a.configurator {
    display: block;
    left: 69px;
    top: 5px;
    width: 85px;
    height: 26px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/configuratie.gif) 0 0 no-repeat;
}
* html div.product-data a.configurator {

    height: 28px;
}
div.product-data a.configurator:hover {
    background: #FFF url(http://www.hpsindustrial.nl/skin/configuratie.gif) 0 -18px no-repeat;
}
div#content div.product-data img {
    float: left;
    position: relative;
    left: 1px;
    border: 0;
    padding: 5px;
}
div.product-data p {
    margin: 0 8px 0 8px;
    color: #444;
    font: 11px/15px Arial, sans-serif;
}
div#content div.product-data h2 {
    margin: 0;
    padding: 8px 0 0 0;
    color: #666;
    font: bold 12px/15px Arial, sans-serif;
}
div#content div.product-data h2.productname {
    margin: 0;
    padding: 8px 0 0 0;
    color: #666;
    font: bold 13px/18px Arial, sans-serif;
}
div.product-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 650px;
    height: 3px;
    background: transparent url(http://www.hpsindustrial.nl/skin/prodback_top.gif) left top no-repeat;

}
div.productsea-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 650px;
    height: 3px;
    background: transparent url(http://www.hpsindustrial.nl/skin/prodback_top.gif) left top no-repeat;

}
div.product-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 650px;
    height: 3px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/prodback_bottom.gif) left top no-repeat;
}
div.productsea-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 650px;
    height: 3px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/prodback_bottom.gif) left top no-repeat;
}

p#homebut {
    width: 650px;
    margin-left: -3px;
}

div.homeproduct {
    overflow: hidden;
    position: relative;
    float: left;
    width: 153px;
    height: 213px;
    margin: 5px 11px 10px 0;
    padding-bottom: 4px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/back_homeprod-center.gif) left top repeat-y;
}
div.homeproduct a {
    color: #444;
    font: 11px/15px Arial, sans-serif;


    text-decoration: none;
}
div.homeproduct-data {
    overflow: hidden;
    margin: 2px 8px 2px 8px;
    text-align: center;
}
div.homeproduct-data > p {
    color: #444;
    font: 11px/15px Arial, sans-serif;
    text-align: left;
}
div#content div.homeproduct-data img {
    border: 0;
}
div#content div.homeproduct h2 {
    margin: 0 0 4px 0;
    padding: 8px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/back_homeprod-top.gif) left top no-repeat;
    color: #FFF;
    font: bold 12px/15px Arial, sans-serif;
    text-align: center;
}
div.homeproduct-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 153px;
    height: 4px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/back_homeprod-bottom.gif) left top no-repeat;
}

div.viewproduct {
    overflow: hidden;
    position: relative;
    float: right;
    width: 197px;
    height: 213px;
    margin: 0 15px 10px 5px;
    padding-bottom: 4px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/product-center.gif) left top repeat-y;
}

div.viewproductimg {
    overflow: hidden;

}

div.viewproductimg > div {

    height: 160px;
    margin: 2px 8px 2px 8px;
    padding-top: 70px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
div#content div.viewproduct h2 {
    margin: 0 0 4px 0;
    padding: 8px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/product-top.gif) left top no-repeat;
    color: #FFF;
    font: bold 11px/15px Arial, sans-serif;
    text-align: center;
}
div.viewproduct-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 197px;
    height: 4px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/product-bottom.gif) left top no-repeat;
}

div.configproduct {
    position: relative;
    width: 665px;
    margin-bottom: 10px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/config-center.gif) left top repeat-y;
}
div.configproduct > p, div.configproduct > div, div.configproduct > ul,
div.configproduct > ol, div.configproduct > dl {
    margin-left: 5px;
    margin-right: 5px;
}
div#content div.configproduct h2 {
    margin: 0;
    padding: 8px;
    background: #FFF url(http://www.hpsindustrial.nl/skin/config-top.gif) left top no-repeat;
    color: #FFF;
    font: bold 12px/15px Arial, sans-serif;
    text-align: center;
}
div.configproduct h3 {
    padding: 4px;
    background-color: #DFDFDF;
    color: #5A83A1;
    font: bold 12px/15px Arial, sans-serif;
    text-align: left;
}
div.configproduct > div.configproduct-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 665px;
    height: 4px;
    margin: 0;
    background: #FFF url(http://www.hpsindustrial.nl/skin/config-bottom.gif) left bottom no-repeat;
}
div#content div.configproduct img {
    margin: 0 10px 10px 10px;
    border: 0;
}
div.configproduct h3 {
    margin: 0 1px;
    clear: both;
}
div.configproduct dl {
}
div.configproduct dt {
    float: left;
    width: 160px;
    font-style: normal;
    font-weight: normal;
    line-height: 17px;
}
div.configproduct dd {
    line-height: 17px;
    margin-left: 160px;
}


table.config {
    border-collapse: collapse;
    margin: 0 1px 10px 1px;
    width: 663px;
}
table.config th {


    padding: 4px;
    background-color: #DFDFDF;
    color: #5A83A1;
    text-align: left;
}
div#content table.config h2 {
    margin: 0;
    padding: 0;
    background-image: none;
    color: #5A83A1;
    font-size: 110%;
    text-align: right;
}
table.config td {
    padding: 4px;
}
table.config tr.component td {
    border-bottom: 1px solid #B4B4B4;
}
table.config td.label {
    font-weight: bold;
}
table.config select {
    border: 1px solid #B4B4B4;
}
table.config select.article {
    width: 440px;
}

form#mailto {
    text-align: center;
}
div.configproduct p#note {
    clear: both;
    padding: 0 5px 10px 5px;
    font-style: italic;
}

form#offerte {
}
form#offerte table {
    border-collapse: collapse;
    margin: 0 10px 10px 10px;
    width: 643px;
    background-color: #E6E6E6;
}
form#offerte table td {
    padding: 4px;
}
form#offerte input[type="text"] {
    width: 400px;

    border: 1px solid #B4B4B4;
}
form#offerte textarea {
    width: 633px;
    border: 1px solid #B4B4B4;
}
form#offerte textarea {
    height: 500px;
    font: 12px Arial, sans-serif;
}

form#expectmail table {
    border-collapse: collapse;
    margin: 0 0 10px;
    width: 663px;
    background-color: #E6E6E6;
    border-top: 1px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
}
form#expectmail table td {
    padding: 10px;
vertical-align: middle;
}
form#expectmail input[type="text"] {
    width: 300px;
    border: 1px solid #B4B4B4;
margin-right: 10px;
}


p#offerte-result {
    padding: 10px;
    background-color: #E6E6E6;
    font-weight: bold;
}

div#searchform {
    margin-bottom: 20px;
}
div#searchform input[type="text"], div#searchform select {
    border: 1px solid #B4B4B4;
}
div#searchform input[type="submit"] {
    width: 54px;
    height: 18px;
    border: 0;
    background: #FFF url(zoeken.gif) 0 0 no-repeat;
    cursor: pointer;
}
div#searchform input[type="submit"]:hover {
    background: #FFF url(zoeken.gif) 0 100% no-repeat;
}

div.match {
    margin-bottom: 20px;
}


input#expectsend, input#expecthide, input#send, input#hide, input#showform, input#showprice, input#showexpect {
    height: 18px;

    margin: 3px 0;
    border: 0;
    cursor: pointer;
}
input#send, input#expectsend {
    width: 73px;

    background: #FFF url(verzenden.gif) 0 0 no-repeat;
}
input#hide, input#expecthide {
    width: 73px;
    background: #FFF url(verbergen.gif) 0 0 no-repeat;
}
input#showform {
    width: 112px;
    margin-top: 3px;
    background: #FFF url(vraag_offerte.gif) 0 0 no-repeat;
}
input#showprice {
    width: 100px;
    background: #FFF url(vraag_prijs.gif) 0 0 no-repeat;
}
input#showexpect {
    width: 67px;
    background: #FFF url(verwacht.gif) 0 0 no-repeat;
}
input#expectsend:hover, input#expecthide:hover, input#send:hover, input#hide:hover, input#showform:hover, 
input#showprice:hover, , input#showexpect:hover {
    background-position: 0 100%;
}


div#login {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
}
div#login form {
    display: inline;
}
div#login label {
    line-height: 160%;
}
div#login input[type="text"], div#login input[type="password"] {
    padding: 1px;
    border: 1px solid #B4B4B4;
}

form#contact, form#rma {
    clear: both;
}
form#contact div, form#rma div {
    width: 400px;
    margin: 10px;
    text-align: right;
}
form#contact label, form#rma label {
    display: block;
    text-align: right;
    line-height: 160%;
    white-space: nowrap;
}
form#contact input[type="text"], form#contact input[type="password"], 
form#rma input[type="text"], form#rma input[type="password"] {
    width: 250px;
    padding: 1px;
    border: 1px solid #B4B4B4;
}
form#rma select {
    width: 250px;
    border: 1px solid #B4B4B4;
}
form#rma textarea {
    vertical-align: top;
    width: 250px;
    height: 60px;
    padding: 1px;
    border: 1px solid #B4B4B4;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
form#rma textarea.wide {
    width: 100%;
    padding: 1px 0;

}
form#rma h3 {
    margin: 4px 0 0 0;
    color: #5A83A1;
}
form#rma p {
    margin: 4px 0 0 0;
}
#validateerror {
    color: #C00;
    font-weight: bold;
}

form table {
	margin-bottom: 8px;
	width: 646px;
}

form table td {
	border-bottom: 1px solid #b2b2b2;
	padding: 5px 5px 3px 0;
        color: #444;
}

form table tr#configsearch td {
	border-bottom: none;
}

form table td.criterium {
	font-weight: bold;
	width: 100px;
	white-space: nowrap;	
}

dt {
    float: left;
    width: 180px;
    line-height: 140%;
    white-space: nowrap;
}
dd {
    line-height: 140%;
    margin-left: 180px;
}

ul.pagemenu {
    clear: both;

}

img.feedlogo {
    float: left;
    margin: 0 4px 0 0;
}

ul.categorynav {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.categorynav li {
    display: inline;
}

div#content ul.categorynav li a {
    text-decoration: underline;
}

div#content ul.categorynav li a:hover {
    text-decoration: none;
    color: #000;
}

#homeBanner {
	margin-top: 6px;
	width: 776px;
	height: 250px;
	background: url(images/banner-marine.jpg) no-repeat;
}

#homeContent {
	
}
#homeLeft {
	float: left;
	width: 420px;	
	margin-right: 10px;
	margin-top: 15px;
}
#homeRight {
	float: left;
	width: 327px;	
}

h1 {
	font-size: 16pt;
	color: #00b4f7;
}
h2 {

}
h3 {
	font-size: 9pt;
	color: #4d4d4d;
}

.blue {
	color: #0071d0;
}
.blueRpt {
	background: url(img/blue-rpt.gif) repeat-x;
}
.blueLeft {
	background: url(img/blue-left.gif) no-repeat left;
}
.blueRight {
	background: url(img/blue-right.gif) no-repeat right;
	height: 33px;
	padding-top: 9px;
	font-size: 16pt;
	font-weight: bold;
	color: #fff;
}
/* short blue banner */
.shortBlueRpt {
	background: url(img/short-blue-rpt.gif) repeat-x;
}
.shortBlueLeft {
	background: url(img/short-blue-left.gif) no-repeat left;
}
.shortBlueRight {
	background: url(img/short-blue-right.gif) no-repeat right;
	height: 29px;
	padding-top: 6px;
	font-size: 14pt;
	color: #fff;
}
#categoryContainerLeft{
	float: left;
	padding: 18px 25px 0 5px;
	width: 715px;
}


#categoryContainerRight {
	float: left;
	margin: 18px 0 0 0;
	width: 309px;
}
#categoryModelsTitle, .pageSubHeader {
	font-size: 14pt;
	margin-bottom: 8px;
}
.categoryBox {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.container {
	width: 1001px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}
.mainContent {
	width: 994px;
	margin-left: 4px;
}

#productSectionIntroBox {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}


#productSectionIntroDescriptionTitle {
	margin-top: 3px;
	height: 34px;
}
#productSectionIntroDescriptionSubHeader{
	margin-bottom: 5px;
}
#productSectionIntroDescriptionOptions {
	margin-bottom: 8px;
}

.productSectionHeaderImage {
	position: absolute;
	height: 73px;
	width: 780px;
	text-align: right;
}
	.productSectionHeaderContainer {
	margin: 25px 0 8px 0;
}
.productSectionHeader {
	padding-left: 9px;
}

#productSectionIntroBox {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#productSectionIntroImage {
	float: left;
	text-align: center;
	width: 100px;
	padding: 8px 6px 2px 6px;
}


#greyRpt, .greyRpt {
	background: url(images/grey-rpt.gif) repeat-x;
}
#greyLeft, .greyLeft {
	background: url(images/grey-left.gif) no-repeat left;
}
#greyRight, .greyRight {
	background: url(images/grey-right.gif) no-repeat right;
	height: 30px;
	padding: 5px 6px 0 9px;
	font-size: 12pt;
	color: #0071d0;
}
#contactArea {
	padding-bottom: 30px;
}

.contactContainerLeft {
	float: left;
	padding: 18px 25px 0 5px;
	width: 765px;
}

.contactContainerRight {
	float: left;
	margin: 18px 0 0 0;
	width: 250px;
}

.clearer {
	clear: both;
	overflow: hidden;
	height: 0px;
}


.subcatTable td {
	width:33%;
	padding:10px;
	font-size:9px;
}

.subcatTable h1 {
	display:none;
}

.subcatTable h3 {
	color:#003871;
}




div#producten {
	min-height: 91px;
    margin: 16px 0 0;
    padding: 8px 0 0;
    border-top: 1px dotted #000;
	clear: both;
}


div.producten {
	width: 121px;
	float: left;
	background: url(/img/producten_top.png);
	text-align: center;
	min-height: 91px;
	margin: 0 10px 10px 0
}

div#content div.producten h2 {
    padding: 10px 0 0;
	margin: 0;
	line-height: 13px;
	margin-bottom: 5px;
	min-height: 30px;
}

div#content div.producten h2 a {
	color: #666;
    font: normal bold 13px/13px Arial, sans-serif;
	text-decoration: none;
         padding: 1px 2px;
}

div#content div.producten h2 a:hover {
	text-decoration: underline;
}

div.plaatje {
	background: url(/img/producten_bottom.png) no-repeat 0 bottom;
	height: 47px;
	
}


div.plaatje .plaatje2 {
	width: 121px;
	height: 46px;
	display: block;
}

div.plaatje img {
	margin:0 0 2px;
	vertical-align:bottom;
}


form#brochure ul {
    padding: 0;
}



form#brochure input[type="text"] {
    border:1px solid #333333;
    margin:0;
    padding: 1px 3px;
    width:200px;
}

form#brochure div.geslacht {
    margin: 5px 0;
}

form#brochure input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 5px 2px 0;
}

form#brochure  label {
    display: block;
    padding: 3px 0;
}

form#brochure div.geslacht label {
    display: inline;
}


form#brochure input[type="submit"] {
    margin: 10px 0 0 120px;
}

form#brochure .formveldnaam {
    width: 120px;
    display: inline-block;
}

form#brochure table td {
    border: none;
    vertical-align: top;
}

div#searchform {
    margin-bottom: 20px;
}
div#searchform input[type="text"], div#searchform select {
    border: 1px solid #B4B4B4;
}
div#searchform input[type="submit"] {
    width: 54px;
    height: 18px;
    border: 0;
    background: #FFF url(zoeken.gif) 0 0 no-repeat;
    cursor: pointer;
}
div#searchform input[type="submit"]:hover {
    background: #FFF url(zoeken.gif) 0 100% no-repeat;
}