/* Copyright Digital:Idiom c2002 - 2010 - Contact thewebteam @ digitalidiom.co.uk */
/* www.digitalidiom.co.uk for professional web design to world standards */
/* NO copy or use of original material by digital:idiom without permission */

/* DIV CONTAINER STYLES ###### */

html, *, div, body, ul, li {
margin:0; padding:0; border:0;
}

.print {
position:absolute;
top:-1000px;
left:-1000px;
}

body {
font: normal 11px/1.5em verdana, arial, sans-serif;

}

#page {
width:600px;
margin:0 auto 0 auto;
background-color:#FFFFFF;
border:12px solid #FFF;
border-top:2px solid #FFF;
}

#masthead {
width:600px;
height:154px;
background-color:#FFFFFF;
color:#333;
padding-bottom:6px;
}

#logo {
text-align:right;
border:0;
}

#content {
background-color:#FFFFFF;
color:#333;
width:580px;
font: normal 11px/1.5em verdana, arial, sans-serif;
}

#sidebar {
display:none;
}

#footer {
clear:both;
border-top:1px solid #CCC;
padding-top:4px;
background-color:#333;
text-align:center;
font: normal 9px/10px verdana, arial, sans-serif;
color:#FFFFCC;
}

/* TEXT IMAGES STYLES ###### */

p {
margin:4px 0 20px 0;
}

p.intro {
font-weight:bold;
}

strong {
font-weight:bold;}

.txtRight {
text-align:right;
}

.center {text-align:center;}

H1 {
margin:0 0 10px 0; padding:0; border:0;
font: bold 16px verdana, arial, sans-serif;
color:#0578B0;
}

H2 {
margin:0 0 4px 0;
font: bold 15px verdana, arial, sans-serif;
color:#444;
}

H3 {
margin:0; padding:0; border:0;
font: bold 14px verdana, arial, sans-serif;
color:#300;
}

H4 {
margin:0 0 10px 0;
font: bold 13px verdana, arial, sans-serif;
color:#F30;
border-bottom:1px solid #CCC
}

img {border:0;}
.imgRight {float:right; margin-left:10px;}
.imgLeft {float:left; margin-right:10px;}


#sidebar ul, #content ul {
margin:4px 0px 10px 24px;
}

#content li {
padding:5px 0px 0px 0px;
}

ul.ticklist li {
list-style-image: url('images/icon-red-tick.gif');
}

.checklist {
padding: 4px;
font-weight:bold;
font-size:120%;
margin-bottom:20px;
border-bottom:1px dashed #CCC;
}

.note {
font-size:84%;
color:#999;
}

.boxed {
margin:0px 0px 20px 0px;
border:1px solid #CCC;
background-color:#EEE;
padding:2px;
}

.sidebox {
width:240px;
float:right;
margin:0px 0px 0px 30px;
border:1px solid #AAA;
padding:6px;
background-color:#EFF;
}

/* NAVIGATION STYLE ######## */
/* LISTOMATIC MENU ******************************************** */
#navcontainer {
display:none;
}

#navcontainer ul
{
display:none;
}

#navcontainer ul li {
display:none;
}

#navcontainer ul li a
{
display:none;
}


/* LINK STYLES ####### */
a:link, a:visited {color:#633; text-decoration: none;}
a:hover {color:#C30; text-decoration: underline;}

#footer a:link, #footer a:visited {color:#FFD; text-decoration: none;}
#footer a:hover {color:#F30; text-decoration: underline;}

/* ###### FORMS ############################# */

form {
border:1px solid #CCC;
padding:4px;
}

fieldset /* boxed form style */ {
border:1px solid #CCC;
background-color:#FFF;
color:#036;
margin:0px;
padding:6px;
}

legend {
font-weight:bold;
background-color: transparent;
color:#06C;
font-size:110%;
border:1px solid #CCC;
padding:2px;
margin-left:-5px;
margin-bottom:10px;
}

th {
background-color:#E9E9E9;
text-align:left;
font-weight:bold;
}

label {
display:block; font-weight:bold; margin-top:10px;
}

select, input, textarea
{
border:1px solid #999;
width:260px;
}

input.qty {width:20px;}

input.chk,input.rad
{
border:0px solid #036;
float:left; position:relative; top:0px;
}

input.submit {
color:#FFF;
background-color:#06C;
font-weight:bold;
width:auto;
margin:0px;
float:right;
}
input.emph {
font-weight:bold;
font-size:130%;
color:#393;
background-color: transparent;
}
