body {margin-top: 48; margin-bottom:48; padding: 0; font-family: trebuchet, tahoma, sans-serif; background-color: #999999;}

h1 {font-style: bold; font-size: 140%}
h2 {font-style: bold; font-size: 120%}

p {text-align: left}
p.right {text-align: right;}
p.center {text-align: center;}
p.centersmall {font-size: 70%; text-align: center;}

p.quote {text-align: left; margin-left:64; margin-right:64}

div.error {color: #FF4433;}

td.itemtitle {font-size: 110%; font-weight: bold;}
td.itemname {font-size: 90%; text-align: center}
td.itemprice {font-size: 80%; text-align: center}
td.itemstock {font-size: 80%; text-align: center}
td.itemsold {font-size: 90%; color: #FF3333; text-align: center}
td.itemmore {font-size: 80%; text-align: center}
td.itemdesc {font-size: 90%; text-align: center}

td.commissionpay {vertical-align: bottom; text-align: center;font-size: 80%}

td.detailstock {font-size: 90%}
td.detailsold {font-size: 120%; color: #FF3333}
td.detailcode {font-size: 90%; text-align: right}
td.detailcolour {font-size: 90%; text-align: center}
td.detailmedium {font-size: 90%; text-align: center}
td.detailsize {font-size: 90%; text-align: center}

table.banner {vertical-align: middle; margin-left: auto; margin-right:auto; border-top-width: 2px; border-bottom-width: 2px; border-left-width: 0px; border-right-width: 0px; border-style: solid; border-color: #000000;border-collapse: separate; background-color: #000000; }

table.greybanner {vertical-align: middle; margin-left: auto; margin-right:auto; border-top-width: 2px;  border-bottom-width: 2px; border-left-width: 0px; border-right-width: 0px; border-style: solid; border-color: #000000;border-collapse: separate; background-color: #CCCCCC; }

table.centrebanner {vertical-align: middle; margin-left: auto; margin-right:auto; border-top-width: 2px;  border-bottom-width: 2px; border-left-width: 0px; border-right-width: 0px; border-collapse: separate; }

table.box {vertical-align: middle; margin-left: auto; margin-right:auto; border-width: 2px; border-style: solid; border-color: #CCCCCC;border-collapse: separate; }

table.page {vertical-align: middle; margin-left: auto; margin-right:auto; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 2px; border-right-width: 2px; border-style: solid; border-color: #000000;border-collapse: separate; background-color:  font-size: 90%; height; 100%}

table.center {margin-left: auto; margin-right:auto;}
table.topcenter {vertical-align: top; margin-left: auto; margin-right:auto;}

table.itemcat {vertical-align: middle; margin-left: auto; margin-right:auto; border-width: thin; border-style: solid; border-color: #999999;border-collapse: separate;}
table.commission {vertical-align: middle; margin-left: auto; margin-right:auto; border-width: thin; border-style: solid; border-color: #999999;border-collapse: separate; height; 100%}

th {text-align: left}

td {text-align: left}
td.centerpage {text-align: center; background-color: #DDDDDD}
td.center {text-align: center}
td.right {text-align: right}

td.top {vertical-align: top; }
td.topcenter {vertical-align: top; text-align: center;}
td.topright {vertical-align: top; text-align: right;}

td.bottom {vertical-align: bottom; }
td.bottomcenter {vertical-align: bottom; text-align: center;}
td.bottomright {vertical-align: bottom; text-align: right;}

td.middle {vertical-align: middle; }
td.middlecenter {vertical-align: middle; text-align: center;}
td.middleright {vertical-align: middle; text-align: right;}
td.middlerightgrey {vertical-align: middle; text-align: right; background-color: #CCCCCC;}
td.middlecentergrey {vertical-align: middle; text-align: center; background-color: #CCCCCC;}
td.middlecenterlightgrey {vertical-align: middle; text-align: center; background-color: #DDDDDD;}

td.shaded {vertical-align: middle; background-color: #DDDDDD;}
td.shadedtitle {font-size: 110%; font-weight: bold; vertical-align: middle; background-color: #DDDDDD;}

td.rightshaded {vertical-align: middle; text-align: right; background-color: #DDDDDD;}

td.centershaded {vertical-align: middle; text-align: center; background-color: #DDDDDD;}

td.lightshaded {vertical-align: middle; background-color: #EEEEEE;}
td.lightshadedtop {vertical-align: top; background-color: #EEEEEE;}

td.rightlightshaded {vertical-align: middle; text-align: right; background-color: #EEEEEE;}

td.centerlightshaded {vertical-align: middle; text-align: center; background-color: #EEEEEE;}

td.error {vertical-align: middle; text-align: center; color: #FF4433;}
td.lefterror {vertical-align: middle;  color: #FF4433; font-size: 90%;}
p.smerror {vertical-align: middle;  color: #FF4433; font-size: 90%;}
p.smpageerror {vertical-align: middle; color: #FF4433; text-align: center;}
p.smpagemessage {vertical-align: middle; color: #FF4433; text-align: center;}

select.text {vertical-align: middle; }
input.button {vertical-align: middle; text-align: center}
input.number {vertical-align: middle; width: 100%; text-align: right}
input.fixednumber {vertical-align: middle; text-align: right}
input.text {vertical-align: middle; width: 100%; text-align: left}
textarea.text {width: 100%; text-align: left}
input.fixed {vertical-align: middle; text-align: left}
input.postcode {vertical-align: middle; text-align: left}
input.phone {vertical-align: middle; text-align: left}

label.input {vertical-align: middle; text-align: right}

form {margin: 0; display:inline; }
div {display:inline; }

img {border: none}

a {text-decoration: none; color: #7F0000; }
a:link {text-decoration: none; color: #7F0000; }
a:visited {text-decoration: none; color: #BF0000; }
