html {background-color: black; color: white;}
body {font-family:serif; }
p, fieldset, div.errors, td, dl { font-size:108%; }
h1,h2 { text-align: center; vertical-align: middle;  }
h1 {font-size:197%;}
h2 {font-size:138.5%;}
h3 { margin-top: 0px; font-size:108%;}
h1,h2,h3,h4 {
	margin:1em 0; 
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold;color: #999999;font-family: sans-serif;
}
h1 {
    color: white;
}
.form { border: 1px solid #009ac8; background-color: white; color: black; float:left; width:100%; padding: 0.5em 0.5em; }
p {padding-bottom: 0.7em;}
input.text { border: 1px solid #ff9933; font-weight: normal; color: black; background-color: #FFFFCC; font-size: 90%; width: 16em; }
select { border: 1px solid #ff9933; font-weight: normal; color: black; background-color: #FFFFCC; font-size: 90%; }
textarea {border: 1px solid #ff9933; font-family: sans-serif;  font-weight: normal; color: black; background-color: #FFFFCC; }
input.button { background-color: #FFFF66; color: black; }
form { margin: 0px; }
a { color: #ff9933; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
td { vertical-align: top; }

fieldset { margin: 0.3em 0em 1em 0em; padding:0.3em 0em 0.3em 0em ; border: 1px solid #009ac8; float:left; clear: left; width: 100%; }
legend { margin-left:1em; color: #999999; font-family: sans-serif; font-size: 108%; font-weight: bold; }
fieldset ol {padding: 1em 1em 0 1em; }
fieldset ol {
	padding: 1em 1em 0 1em; 
	margin-bottom: 1em;
}
fieldset ol li {
	padding-bottom: 0.5em; 
	float:left; 
	clear: left; 
	width: 100%; 
	*margin-bottom: -1em;
}

label {position: relative; float:left; width: 8em; margin-right: 0.7em;}
label strong {position: absolute; left: 28em; top: 0.2em; color: #CC0000; font-size: 85%; font-weight: normal; text-transform: uppercase; width: 30em;}
fieldset fieldset legend label {float:none;width:auto;margin-left:0.4em;}
fieldset fieldset legend { margin-left:0em; padding-left:0.4em; color: black; font-family: sans-serif; font-size: 100%; font-weight: normal; }
fieldset ol input, fieldset ol select {float:left;}
fieldset.submit { border: 0 none #fff;
    float: none; width: auto;
    padding-left: 1em;}
.submit input { font-weight: bold; width:14em;}

ol.fontChoice {float:left;padding: 1em 0 0 1em; width:auto; }
ol.fontChoice li {width:auto;*width:225px;display: inline; margin-bottom:0em; }
ol.fontChoice label {width:auto;margin-right:0em; }
ol.fontChoice input {margin-top: 9px; margin-right:0.2em;}

div.clearleft {clear:left;}
div.nav { clear:left; margin-top:10px; margin-right: 5px; border: 1px solid #009ac8; padding: 0px 5px; margin-bottom: 10px; background-color: white; color: black; }
.nav p { font-family: sans-serif; font-size: 90%; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; }
.footer p { text-align: center; font-size: small; font-style: italic; padding-top: 15px }

div.search { text-align: right; }
div.promo { float:left; width:100%; margin-bottom: 10px; }
.floatright  { float:right; margin-left: 10px; font-family: "Comic Sans MS" }
.floatleft { float:left; margin-right: 10px; font-family: "Comic Sans MS" }
p.more { text-align: right; }
.number { float: left; font-size:197%; font-family: sans-serif; color: #009ac8; font-weight:bold; padding: 0.7em; margin: 0; }

.validationError {border:3px solid red; text-align:left;}

.colourChoice { margin: 0.5em; }
.colourChoice li {float:left; clear:none; width:5.5em; height:4.1em; text-align: center; padding-top:3px;font-family: sans-serif;font-size: 95%;}
.colourChoice label { float:none; width:auto; margin-right: 0; }
.lightText { color:white; }
.darkText { color:black; }

.note { padding: 1em 1em 0.5em 1em; font-size: 100%; font-style:italic;} 

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0; 
}
div.errors li {
    background: url(../images/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

dl {position:relative;float:left;}
dl dt {float:left; }
dl dd {float: left; clear:right;}

.cartitem img.thumbnail { float:right; }
.cartitem dl.pricing { float: right; width: 8em; margin-left: 0.4em; margin-bottom:1em;}
.cartitem dl.pricing dt {width: 4em; float:left;}
.cartitem dl.pricing dd input.text {width: 2em; }
.clear { clear:both; }

dl.itemdetails { }

.orderTop dl.itemDetails { width: 23.5em; }
.orderTop dl.itemDetails dt {width: 6.5em; }
.orderTop dl.itemDetails dd {width: 17em; }

.colourSample {border: 1px solid black;}

.iconOptions li {width:8.5em; height:5em; position:relative; float:left; clear:none;}
.iconOptions li img {position:absolute; top:0em; left:1.4em; }
.iconOptions li input {position:absolute; top:3.5em; left:0em; }
.iconOptions li label {position:absolute; top:3.5em; left:1.4em; }

ul.list li {list-style-type: disc;list-style-position:inside;}
.list li {padding-left: 2em;}