.bad-input {color: red; background: yellow}
.contact-1 {float: left}
table.price-and-description {border: 1px solid #888; width: 100%}
table.price-and-description td {border: 1px solid #888; padding: 5px; background: #f6f6f6}
.warning {color:red; width:auto; padding: 5px; text-align:center; font-weight:bold}
.error {color:red; border:red 1px dashed; width:auto; padding: 5px; text-align:center; font-weight:bold}
.done {color:green; border:green 1px dashed; width:auto; padding: 5px; text-align:center; font-weight:bold}
table.basket {width: 100%;}
table.basket thead th {background: #888; color: white;}
table.basket tbody td,
table.basket tbody th,
table.basket tfoot th,
table.basket tfoot td {background: #eee; color: black; border-bottom: 1px dashed #ccc; text-align: center;}
table.basket tfoot th,
table.basket tbody th {text-align: right;}
table.basket tbody td:first-child {text-align: left;}
td.unit_price_left {border-width: 1px 0px 1px 1px;}
td.unit_price_mid {border-width: 1px 0px 1px 0px;}
td.unit_price_right {border-width: 1px 1px 1px 0px;	text-align: right;}
.contact-1 table th {text-align: left;}
a:link img#check-cookie { border: none;}
a:visited img#check-cookie { border: none;}
a:hover img#check-cookie { border: none;}
.bottom-links span {font-size: smaller;}
.left-th th {text-align: left;}
input[type="text"], select {width:auto;}
.normal-input-width input[type="text"],
.normal-input-width select {width: auto;}
.dac-results-table {width: 100%; border: none;}
.basket .item-name {text-align: left;}
.basket tbody th {text-align: left;}
.basket tfoot th {text-align: left;}
/* h4 {font-size: 100%;} */ /* This is just to make MSIE more sane */

#t-add-ons, #t-basket, #t-your-account, #t-contact-support, #t-cookie-help, #t-customise-contact, #t-dac, #t-package-chooser, #t-front-page, #t-index, #t-login, #t-noprefs, #t-payment-options, #t-register, #t-remind-password, #t-renew, #t-result, #t-services, #t-services-add-ons, #t-services-domains, #t-services-hosting, #t-support-database, #t-template-error {text-align:left}

#menu{margin:0 auto; height:auto; width:766px; padding:9px 9px 9px 9px; background:#FFF; border:black 1px dotted; text-align:center}

.usermenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
text-align:center}

* html .usermenu{width:100%; text-align:center}
.usermenu a.aero{ /*aero button CSS*/
background: transparent url('media/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: x-small; /* Change 13px as desired */
font-weight: bold;
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.usermenu a.aero:link, .usermenu a.aero:visited, .usermenu a:active{
color: white; /*button text color*/
}

.usermenu a.aero span{
background: transparent url('media/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.usermenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1; -moz-opacity: 0.99}
.usermenu a.aero:hover span{color:lime}
.black a.aero{background-image: url('../images/aeroleftblack.gif')}
.black a.aero span{background-image: url('../images/aerorightblack.gif')}