

.chromestyle{
width: 100%;
font-weight: bold;
align; center;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg2.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #fff;
padding: 4px 7px;
margin: 0;
text-decoration: none;
font:bold 13px Arial;
border-right: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
background: url(chromebg2-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
color: #000;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #FFC;
}




color: #c00
}
h3 {
font-size: 15px;
}
h4 {
font-size: 13px;
}
/* new styles */

#infoIcon {
position: absolute;
right: 10px;
top: 0px;
}
.imagePM {
text-align: center;
}

/* new styles */

/* test and additional styles */
body, div, td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
a {
	text-decoration: none;
	color: #000000;
}
a:hover {
text-decoration: underline;
color: #e00;
}
form {
display: inline;
}
#categoriesBox .infoBoxContentsFL, #informationBox .infoBoxContentsFL, #accountBox .infoBoxContentsFL {
text-align: left;
}
/* ??? */
div#product_notificationsBox table {
text-align: center;
}

img
{  border-style: none;
}

img#logo {
position: absolute;
left: 20px;
bottom: 10px;
}
div#imageNav {
position: absolute;
right: 20px;
bottom: 5px;
}

div.infoBoxFL {
background-color: #FFFFFF;
border: 0px solid #0078B3;
position: relative;
margin-top: 1px;
padding: 0px;
line-height: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666;
  padding: 0px 0px 0px 20px;

}
.infoBoxHeadingFL, .infoBoxHeading, .productListing-heading {
	background-color: #FFFFFF;
	padding: 0px;
	font-weight: bold;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;

}
.infoBoxHeadingFL {
border-bottom: 1px solid #ddd;
}

tr.productListing-even td.productListing-data {
background: #f6f6f6;
}

div.navBarContent {
border: 0px solid black;
border-width: 0px;
height: 22px;
4
}

div.breadCrumb, div.date {
float: left;
margin: 4px;
}

div.navAcc {
float: right;
margin: 4px;
}


div#contentsContent {
margin-top: 15px;
margin-bottom: 15px;
padding: 0px;
text-align: left;
border: 1px green dotted;
}

.productSpecialPrice, .greetUser, .errortext {
color: #c30;
font-weight: bold;
}
.productSpecialPrice, td.pageHeading {
font-size: larger;
}
table.infoBox {
border: 1px solid black;
}



/* hide corner gif's */
td.infoBoxHeading img {
display: none;
}
.boxLink img {
display: block !important;
position: absolute;
right: 5px;
top: 7px;

}

#copyRight {
margin: 10px auto;
padding: 0;
}

span.cBoxE {
color: #e00;
}
#shopping_cartBox .infoboxHeadingFL {
color: #ff9;
}
/* end test styles */

/* import from osC */
.inputRequirement {
color: red;
}

  
TD.headerError, TD.headerInfo, SPAN.markProductOutOfStock, TD.formAreaTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #ffffff;
color: #3678E4;
font-weight : bold;
text-align : center;
}
TD.headerInfo {
background: #00ff00;
color: #ffffff;
}
TD.formAreaTitle {
}
SPAN.markProductOutOfStock {
color: #c76170;
}
TD.main, P.main {
font-size: 11px;
line-height: 1.5;
}
TD.footer {
background: #bbc3d3;
color: #ffffff;
font-weight: bold;
}
TD.accountCategory {
font-size: 13px;
color: #aabbdd;
}
TD.fieldKey, TD.tableHeading {
font-size: 12px;
font-weight: bold;
}
TD.fieldValue {
font-size: 12px;
}
SPAN.newItemInCart {
color: #ff0000;
}
TEXTAREA {
width: 100%;
font-size: 12px;
}
/* ie text under pageheading */
.smallText {
  font-family: Arial, sans-serif;
  font-size: 11px;
}
.messageStackError, .messageStackWarning {
font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5;
}
/* end import from osC */

/* prijs */
#headingPricePM {
white-space: nowrap;
}
h1 s {
font-size: 14px;
color: blue;
}
.productSpecialPrice {
color: #c00;
display: block;
}
#headingPricePM h1:first-letter {
padding-right: 0.1em;
}
.productSpecialPrice:first-letter {
padding-right: 0.1em;
}
s:first-letter {
text-decoration: none !important; /* prevent euro sign strike through */
/* padding-right: 0.1em !important;  does not work? */
}
/* end prijs */
div.centerIE {
text-align: center;
}
/* product info tabellen */
table.pcDataPM td, table.pcDataPM th, table.prodDataPM td, table.prodDataPM th {
font-size: 9px;
border: 1px solid #ddd;
padding: 1px 3px;
}
table.pcDataPM, table.prodDataPM {
margin-right: auto;
margin-left: auto;
background-color: #ffe;
border: 1px solid #666;
}
table.prodDataPM td {
text-align: center;
}
table.pcDataPM th {
text-align: right;
}
/* product info tabellen */
span.osCPOWERED {
font-size: 9px
}
span.osCPOWERED a {
color: black;
}
span.osCPOWERED a:hover {
color: black;
text-decoration: none;
}

span.greetUser {
color: #c00;
font-weight: bold;
}


/* adding some new styles 2003-12 */
#faqPM .tekstInfoPM {
font-style: italic;
}
p.questionPM {
color: blue;
font-weight: bold;
}
div#welkomPM {
border: 1px black solid;
padding: 10px 4px;
}


.prijsPerPM {color: red;}

BODY.popupImage {
    background: #FFFFFF;
    color: #000000;
    text-align: center;
    padding: 0;
    margin: 0;
}

.screenshotsBlock {
    border: 1px solid #bbc3d3;
    background: #f8f8f9;
    text-align: center;
    padding: 0;
    margin: 0;
}

.screenshotsHeaderText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
    text-align: left;
    background: url("images/infobox/corner_left.gif") top left no-repeat;
    padding: 0 0 0 15px;
    margin: 0;
}

.screenshotsHeader {
    background: #bbc3d3 url("images/infobox/corner_right.gif") top right no-repeat;
    padding: 0;
    margin: 10px 0 0 0;
}

.screenshots {
    float: left;
    width: 25%; /* the width sets the number of images per row (i.e., 50% = 2 per row, 33% = 3 per row, 25% = 4 per row, 20% = 5 per row, etc) */
    text-align: center;
    padding: 5px 0 5px 0;
    margin: 0;
}

.screenshots a:hover {
    text-decoration: none;
}

.screenshots IMG {
    border: 3px double #bbc3d3;
}

.clearScreenshots {
    clear: both;
    height: 1px;
    width: 100px;
}

.clearScreenshots hr {
    display: none;
}

.noScreenshots {
    text-align: center;
    padding: 15px 0 15px 0;
    margin: 0;
}


