@charset "UTF-8";
/* CSS Document */

/* -------------- PAGE SETUP -------------- */


* {padding: 0; margin: 0;}
body {font-family: arial,verdana, helvetica, sans-serif; background-image:url(../images/background.gif); background-repeat:repeat; padding: 0;}

#container {
width: 800px;
margin:0 auto; /* center, not in IE5 */
background-color: #FFFFFF;
padding: 0;
}

#header { height:140px; background:#999; padding: 0; margin: 0; border: 0; }
div.tenpadder{padding: 0 10px 0 10px;}
.mainbox{overflow: auto;}
.features-screenshots{margin-top: 10px; margin-bottom: 0; padding-bottom: 0;}

/* -------------- PANELS -------------- */

#leftpanel{width: 490px; float: left; overflow: hidden; padding: 0px 0 0 0; border-right: 1px solid #CCCCCC;}
#rightpanel{width: 309px; float: right; overflow: hidden; padding: 0 0 0 0;}

.stuffdiv{width: 490px; padding: 0px 0 0px 0; background-image: url(../images/divback.jpg); background-position:bottom ; background-repeat: no-repeat;}
.stuffdivfull{width: 800px; padding: 0px 0 0px 0; background-image: url(../images/divback.jpg); background-position:bottom ; background-repeat: repeat-x; overflow: auto;}
.stuffdivright{padding: 0px 10px 0px 10px;}

#rightpanel .rightseptop{height: 1px; margin: 4px 0 0px 0;}
#rightpanel .rightsep{height: 1px; margin: 0 0 0 0; background-image:url(../images/orangedot.gif); background-repeat: repeat-x;}


/* -------------- PARAGRAPHS -------------- */

h1 { font-size: 1.3em; padding: 15px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; }
.fronthead { font-size: 1em; padding: 0px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; }
h2 { font-size: 1.2em; padding: 15px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; margin-top: 0.5em;}
h3 { font-size: 1em; padding: 15px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; }
h4 { font-size: 0.8em; padding: 10px 0 0px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; }
p { padding: 0 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.8em; }
li { line-height: 1.6em;font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif;  }

#container li {font-size: 0.8em; line-height: 1.6em; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; }
ul{margin: 0px 0 0 30px;}
#container p{font-size: 0.8em; line-height: 1.6em;font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; }
.warning{color: #CC0000;}
.support-table{margin: 0px 0 10px 0; padding: 0; }
.support-table-td{vertical-align: top; width: 260px;}

.support-table-td h3{margin-top: 0; padding-top: 0;}

/* -------------- NAVIGATION -------------- */

#menu{padding: 3px 0 5px 0; text-align: center; background-image: url(../images/menu-background.gif); background-repeat:repeat-x; vertical-align: middle; background-position:center;}
ul#menuul{padding: 0; margin: 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; line-height: normal;}
#menuul li{padding: 0px; margin: 0; display: inline; list-style-type:none; color: #FF9900; line-height: normal;}
#menuul li.space{padding: 0px 0px 0 0px; margin: 0; display: inline; list-style-type:none; color: #FF9900; line-height: normal;}

/* -------------- FOOTER -------------- */

#footer { background-image: url(../images/footer.jpg); background-repeat: no-repeat; background-position: bottom center; clear: both; width: 800px;}

#footer p{font-size: 0.6em; color: #bcd5d7; margin: 0 10px 0 10px; padding: 10px 0 10px 0; line-height:normal; }

/* -------------- FEATURES -------------- */

/* DIVS */
.features-thumb-div{float: right; width: 220px;}
.clearing{clear: both;}

/* PARAGRAPHS */
.features-bigthumb{text-align: center;}
.clearing ul, clearing li{width: 530px;}

/* IMAGES */
.features-thumb{border: 1px solid #000000; margin: 0 0 10px 10px;}

.features-enquiries{width: 580px; margin-top: 0; padding-top: 0;}
#features-full-enquiries, #features-full-contacts, #features-full-digital, #features-full-webgall, #features-full-orders, #features-full-customise, #features-full-pleasure{width: 780px; margin-top: 0; padding-top: 0; padding-bottom: 10px; clear: both;}
.right-image{float: right; border: 5px solid #dbd7cc; margin: 0 0 10px 10px;}
.left-image{float: left; border: 5px solid #dbd7cc; margin: 0 10px 10px 0px;}

.features-enquiries p{margin-top: 0; padding-top: 0;}
.features-p{margin-bottom: 0; padding-bottom: 0; font-weight: bold;}

/* -------------- FORMS -------------- */

div.row {clear: both; padding-top: 10px;}

div.formseptop{clear: both; height: 1px; margin: 4px 0 0px 0;}
div.formsep{height: 1px; margin: 0 0 0 0; background-color: #84c0c1;}
div.formsepbot{height: 1px; margin: 0px 0 9px 0;}
div.row span.label {float: left; text-align: right; width: 120px;}
div.row span.formw {width: 302px; float: right; text-align: left;}  
div.row .formtext, .formfieldtext{width: 300px; border: 1px solid #000000; padding: 2px;} 
div.row .formtextsmall, .formfieldtextsmall, div.row .color, .color{width: 150px; border: 1px solid #000000; padding: 2px;} 
div.row .formtextarea, .formfieldtextarea{width: 300px; height: 150px; border: 1px solid #000000; padding: 2px;}
div.row .select{width: 300px; border: 1px solid #000000;}
div.formdiv{width: 435px; padding-bottom: 1em;}
.rightcol-field {width: 150px; border: 1px solid #000000; padding: 2px;} 

/* -------------- LINKS -------------- */

a:link, a:link:visited, a:visited{color: #cc6600; text-decoration: none;}
a:hover, a:link:visited:hover, a:visited:hover{color: #cc6600; text-decoration: underline;}

#footer a:link, #footer a:link:visited, #footer a:visited{color: #bcd5d7; text-decoration: none;}
#footer a:hover, #footer a:link:visited:hover, #footer a:visited:hover{color: #bcd5d7; text-decoration: underline;}

.warning a:link, .warning a:link:visited, .warning a:visited{color: #cc0000; text-decoration: underline;}
.warning a:hover, .warning a:link:visited:hover, .warning a:visited:hover{color: #cc0000; text-decoration: none;}

.menuitemon {color: #FF9900;}
.menuitemon a:link, .menuitemon a:link:visited, .menuitemon a:visited{color: #FF9900; text-decoration: none;}
.menuitemon a:hover, .menuitemon a:link:visited:hover, .menuitemon a:visited:hover{color: #FF9900; text-decoration: underline;}

.menuitem {color: #FFFFFF;}
.menuitem a:link, .menuitem a:link:visited, .menuitem a:visited{color: #FFFFFF; text-decoration: none;}
.menuitem a:hover, .menuitem a:link:visited:hover, .menuitem a:visited:hover{color: #FFFFFF; text-decoration: underline;}



/* See also Navigation for the menu links. */

/* -------------- IMAGES -------------- */
.homepage-image{ margin: 0 0 10px 10px; float: right;}
.features-icon{border: 0; margin: 0 0 10px 10px; float: right;}
.header-image{border: 0;}
.downloadimage{border: 0; padding: 10px 0 0 0;}
.about-image{border: 1px solid #000000; margin: 10px 0 0 0; float: right;}


/* -------------- ODDS & SODS -------------- */
hr{clear: both; margin-top: 1em;}
li {list-style: disc;}