/* Copyright Digital:Idiom c2002 - 2011 - 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 ###### */

/* Reset main tags to zero */
html, *, div, body, table, th, td, p, h1, h2, h3, h4, img, form, ul, ol, object {
margin:0; padding:0; border:0;
}

.printOnly {
position:absolute;
top:-2000px;
left:-2000px;
}

body {
font: normal 0.8em/1.5em verdana, arial, sans-serif;
background-color:#161616;
color:#CCC;
}

#page {
width:960px;
margin:0 auto 0 auto;
border:12px solid #FFF;
border-top:4px solid #FFF;
background-color:#FFFFFF;
color:#CCC;
}

#sitelinks {
text-align:right;
padding:3px 0px;
background-color:#EEE;
color:#999;
}

#header {
width:960px;
height:340px;
background:transparent url('images/bg-masthead.jpg') 0px 10px no-repeat;
color:#999;
}

#logo {
padding-top:14px;
margin-left:20px;
}

#slogan {
float:right;
text-align:right;
width:400px;
margin-top:10px;
margin-right:10px;
font: normal 15px/1.5em verdana, arial, sans-serif;
background-color:transparent;
color:#333;
}


#content {
margin:46px 30px 10px 0px;
float:right;
width:640px;
min-height:350px;
font: normal 0.9em/1.5em verdana, arial, sans-serif;
background-color:#FFFFFF;
color:#444;
}

#sidebar {
margin:25px 0px 10px 15px;
padding:10px;
width:220px;
border-right:1px dashed #CCC;
background-color:#FFF;
color:#330000;
}

#footer {
clear:both;
margin-top:6px;
padding:6px 0px;
text-align:center;
font: normal 9px/10px verdana, arial, sans-serif;
background-color:#000;
color:#CCC;
}

/* TEXT IMAGES STYLES ###### */
.blue {color:#6699CC;}
.grey {color:#999;}
.red {color:#FF3300;}
.larger {font-size:130%;}

p {
margin:4px 0 20px 0;
}

p.intro {
font-weight:bold;
}

.strong {font-weight:bold;}

.txtRight {
text-align:right;
}

.center {text-align:center;}

H1 {
font: normal 20px verdana, arial, sans-serif;
margin:0 0 10px 0; padding:0; border:0;
background-color:#FFF;
color:#0578B0;
}

H2 {
margin:0 0 14px 0;
font: bold 16px verdana, arial, sans-serif;
color:#333;
}

#sidebar H2 {
width:220px; height:64px; overflow:hidden;
padding:4px 0 0 0;
text-align:center;
font:bold 18px  arial, verdana, sans-serif;
background: transparent url('images/bg-sidebar-header.png') no-repeat;
color:#FFF;
}

H3 {
margin:0; padding:0; border:0;
padding-left:12px;
font: bold 14px verdana, arial, sans-serif;
background: transparent url('images/icon-H3-diamond.gif') no-repeat;
color:#300;
}

H4 {
margin:0 0 10px 0;
font: bold 13px verdana, arial, sans-serif;
border-bottom:1px solid #CCC;
color:#F30;
}

#promo {
background-color:transparent;
color:#333;
}

img {border:0;}
.imgRight {float:right; margin-left:10px;}
.imgLeft {float:left; margin-right:10px;}


#sidebar ul, #content ul, #content ol {
margin:8px 0px 10px 20px;
}

#content li {
padding:5px 0px 0px 0px;
}

ul.topticklist li {
font: normal 1.2em/1.6em verdana, arial, sans-serif;
list-style-image: url('images/icon-red-tick.gif');
color:#333;
}

ul.ticklist li {
list-style-image: url('images/icon-red-tick.gif');
}

.checklist {
padding: 4px;
font-weight:normal;
font-size:120%;
line-height:1.8em;
margin-bottom:20px;
border-bottom:1px dashed #CCC;
background-color: transparent;
color:#333;
}

.note {
font-size:84%;
color:#999;
}

.boxed {
margin:0px 0px 20px 0px;
border:1px solid #DDD;
background-color:#F6F6F6;
padding:2px;
}

.sidebox {
width:220px;
float:right;
margin:0px 0px 0px 30px;
border:1px solid #AAA;
padding:6px;
background-color:#EFF;
}

/* NAVIGATION STYLE ######## */
/* LISTOMATIC MENU ******************************************** */
#navcontainer {
width:960px;
height:32px;
text-align:center;
background-color:#000;
color:#999;
}

#navcontainer ul
{
padding-top:7px;
background-color:transparent;
color: #666;
}

#navcontainer ul li {
display: inline;
font: normal 13px verdana, arial, sans-serif;
}

#navcontainer ul li a
{
padding: 0px 6px 0px 6px;
text-decoration: none;
font-weight:bold;
border-left: 1px solid #FFF;
background-color: transparent;
color: #FFF;
}


#navcontainer ul li a:hover
{
color: #6699CC;
}

ul.subnav li {
list-style-image: url('images/icon-link-arrow.gif');
font: bold 13px/20px verdana, arial, sans-serif;
}

ul.subnav li a:link, ul.subnav li a:visited{
color:#333;
}

/* LINK STYLES ####### */

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

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

#footer a:link, #footer a:visited {color:#CCC; 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;
}

optgroup.shade {background-color:#F6F6F6;}

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;
}