table {
	width: 98%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #fff;
	font-size: 12px;
}
th, td {
	padding: 0.2em;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

th {
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #f93;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
tr:hover {
	background-color: #FFFF99;
	color: #393;
}


.bad-input {color: red; background: yellow}
.contact-1 {float: left}
table.price-and-description {border: 1px solid #888; width: 95%}
table.price-and-description td {border: 1px solid #888; padding: 5px;background: #f6f6f6}
.error {color: red}
table.basket {
	width: 95%;
}
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: left;
}

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: 200px;}
.normal-input-width input[type="text"],
.normal-input-width select {width: auto;}

.dac-results-table {
	width: 98%;
	background-image: url(../i/grey_box_bg.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #f93;
	font-size: 12px;
}
.dac-results-table th, td {
	padding: 0.2em;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

.dac-results-table th {
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #f93;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
.dac-results-table tr {
	color: #666;
	background-color: #FFFFFF;
}
.dac-results-table tr:hover {
	color: #393;
	background-color: #FFFF66;
}

.basket .item-name {text-align: left;}
.basket tbody th {text-align: left;}
.basket tfoot th {text-align: left;}

/* This is just to make MSIE more sane */
h4 {font-size: 100%;}


/* Clementines Customisation */

#logopanel {
	padding: 0px;
	width: 800px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 0px;
}
#customerpanel {
	width: 780px;
	text-align: right;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #339933;
	text-decoration: none;
}
#customerpanel a:link {
	color: #339933;
	text-decoration: none;
}
#customerpanel a:hover {
	color: #339933;
	text-decoration: underline;
}
#customerpanel a:visited {
	color: #339933;
	text-decoration: none;
}
.wrapper {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 801px;
	margin-bottom: 15px;
}
.whitespacer {
	padding-top:10px;
	padding-bottom:10px;
}

.navbar {
	background-image: url(../i/images/nav_bg_03.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-width: 4px;
	border-top-color: #339933;
	border-top-style: solid;
	height: 35px;
	padding-top: 0px;
}


/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

/* For the HTML, just add a class of .clearfix to any element containing a float needing to be cleared, */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.columnContainer {
		padding-top: 10px;
}

#bottompanel {
	background-image: url(../i/bottom_panel_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 4px;
	border-top-color: #339933;
	border-top-style: solid;
}
.whitebox {
	float: left;
	border: 1px dotted #f93;
	position: relative;
	width: 256px;
	margin-right: 9px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background-image: url(../i/white-box-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.whitebox p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-right: 10px;
	margin-left: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 17px;
}

.whitebox h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color: #FF9933;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 12px;
	margin-bottom: 0px;
	font-weight: normal;
}

.whitebox p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-right: 10px;
	margin-left: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 17px;
}

.whitebox a:link {
	text-decoration: none;
	color: #FF9933;
}
.whitebox a:visited {
	text-decoration: none;
	color: #FF9933;
}
.whitebox a:hover {
	color: #339933;
	text-decoration: none;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	padding: 5px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
}
.footer a {
	text-decoration: none;
	color: #333;
}
.footer a:hover {
	text-decoration: underline;
}

/* Basic Tag Styling */


h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	font-weight: bold;
	color: #393;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: lighter;
	color: #393;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #f93;
	font-weight: lighter;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #393;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
p a {
	color: #393;
	text-decoration: none;
}
p a:link {
	color: #393;
	text-decoration: none;
}
p a:hover {
	color: #393;
	text-decoration: underline;
}
p a:visited {
	color: #393;
	text-decoration: none;
}