table.v3 tr:nth-child(2n) td {
	background: #ccc;
}

table.v3 .altrow td {
	background: #ccc;
}

tr.valid, tr.valid td{
	background-color: #cf6;
}

tr.invalid, tr.invalid td{
	background-color: #f66;
}

/*******************************
This is not the production css thing but a tester to use whilst sorting out the productMaterix  Helprt
*/

.quantity{
    background-color: #fff;   
    vertical-align: top;    
}

.quantity .details{
    background-color: #ddd;
    width: 100%;
    height: 10px;
    font-size: 9px;
    border-bottom: 1px solid #bbb;
    font-family: Arial, Georiga, sans-serif;
    color: #444;
    top: 0px;
}

.quantity .details .size{
    float: left;
    padding-left: 3px;
}

.quantity .details .indicator{
    float: right;
    width: 6px;
    height: 6px;
    margin-right: 1px;
    margin-top: 1px;
}

.quantity .details .valid{
    background-color: #aacc66;
    border: 1px solid green;
}

.quantity .details .invalid{
    background-color: #ee8888;
    border: 1px solid red;
}

/* not the best place here, but it is in hacks anywya so hey ho (product summaries per status */

div#productSummarySelectStatus
{
}

div#productSummarySelectStatus span{
    font-family: arial;
    background-color: white;
    border: 1px solid red;
    color: red;
    font-size: 14px;
    margin: 6px;
    padding: 2px;
    text-decoration: none;
}

div#productSummarySelectStatus span a, div#productSummarySelectStatus span a:visited{
    text-decoration: none;
    color: red;
}

div#productSummarySelectStatus span a.selected, div#productSummarySelectStatus span a.selected:visited{
    text-decoration: underline;
    color: green;
    font-size: 18px;
}