/* -----------------------------------------------
   CSS Framework v2.2
   Copyright to James Kirby - www.jameskirby.me.uk
   Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/)
----------------------------------------------- */

html { margin:0; padding:0; }
body { margin:0; padding:0; color:#000000; background:#FFFFFF url("background.gif") center top no-repeat; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }

form { margin:0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin:20px 0; border-top:1px solid #99B0C4; height:0; }
p { padding:0; margin:0 0 10px 0; }

dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1,
h2 { color:#000000; font-size:1.8em; margin:0 0 10px 0; font-weight:normal; }
h3 { color:#000000; font-size:1.4em; font-weight:normal; }
h4, h5, h6 { color:#000000; font-size:1em; }

a,
a:visited { color:#293C4D; text-decoration:underline; }
a:focus,
a:hover { color:#000000; text-decoration:underline; }
a:active { color:#000000; text-decoration:underline; }

.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.border-bottom { border-bottom:1px solid #99B0C4; padding-bottom:20px; margin-bottom:24px; }
.border-center { width:512px; background:url("border-center.gif") center bottom repeat-y; }
.border-center-alt { width:512px; background:url("border-center-alt.gif") center bottom repeat-y; }

.article-left { width:226px; float:left; }
.article-right { width:226px; float:right; }
.article-rightalt { width:226px; float:right; text-align:right; }

.protection { unicode-bidi:bidi-override; direction:rtl; }  
.right20px { margin-left:20px; }

/* ----------------------
   Interface CSS
---------------------- */

#container { width:898px; margin:0 auto; }

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; }

#header { margin:30px 0 20px 0; }
#header_left { width:300px; height:79px; float:left; background:#FFFFFF url("onei.gif") left top no-repeat; }
#header_left h1 { margin:0; padding:0; }
#header_left h1 a,
#header_left h1 a:visited { width:300px; height:79px; display:block; text-indent:-9000px; }
#header_right { width:410px; float:right; padding-top:59px; }
#header_right p { margin:0; text-align:right; font-weight:bold; }

#nav { width:898px; height:29px; background:url("nav.gif") left top no-repeat; overflow:hidden; }
#nav ul { list-style:none; margin:0; padding:0; }
#nav ul li { float:left; margin:3px 0 0 3px; }
#nav ul li.alt { float:right; margin-right:3px; }
#nav ul li.end { border-right:none; }
#nav ul li a,
#nav ul li a:visited { background:url("nav_left.gif") left bottom no-repeat; color:#FFFFFF; padding-left:12px; font-size:1.1em; height:26px; display:-moz-inline-stack; display:inline-block; text-decoration:none; font-weight:bold; }
#nav ul li a span,
#nav ul li a:visited span { background:url("nav_right.gif") right bottom no-repeat; padding:5px 12px 5px 0; display:-moz-inline-stack; display:inline-block; }
#nav ul li a:focus,
#nav ul li a:hover { background-position:left top; color:#293C4D; }
#nav ul li a:hover span { background-position:right top; }
#nav ul li.active a,
#nav ul li a:active { color:#000000; background-position:left top; }
#nav ul li.active a span,
#nav ul li a:active span { background-position:right top; }

.home_image { width:898px; height:219px; background:#FFFFFF url("header.jpg") left top no-repeat; overflow:hidden; }
.header_digitalsignagesolutions { width:898px; height:219px; background:#FFFFFF url("header_digitalsignagesolutions.jpg") left top no-repeat; overflow:hidden; }

#content { width:898px; background:#FFFFFF url("content_background.gif") left top repeat-y; }
#content_footer { width:898px; height:23px; background:#FFFFFF url("content_footer.gif") left top no-repeat; overflow:hidden; }

#article { width:572px; float:right; margin-bottom:16px; color:#FFFFFF; }
#article h1,
#article h2 { color:#FFFFFF; }
#article h3 { color:#FFFFFF; }
#article h4, #article h5, #article h6 { color:#FFFFFF; }
#article a,
#article a:visited { color:#EDAC7E; text-decoration:underline; }
#article a:focus,
#article a:hover { color:#EC761F; text-decoration:underline; }
#article a:active { color:#EC761F; text-decoration:underline; }
#article_padding { padding:30px 30px 14px 30px; line-height:130%; }

#sidebar { width:326px; float:left; margin-bottom:16px; }
#sidebar_padding { padding:0 30px 14px 30px; }

.sidebar_panel { width:266px; background:#FFFFFF url("sidebar_panel.gif") left bottom no-repeat; margin-bottom:20px; }
.sidebar_panel a,
.sidebar_panel a:visited { color:#EC761F; text-decoration:none; }
.sidebar_panel a:focus,
.sidebar_panel a:hover { color:#EC761F; text-decoration:underline; }
.sidebar_panel a:active { color:#EC761F; text-decoration:underline; }
.sidebar_panel_padding { padding:0 20px 4px 20px; color:#507798; font-weight:bold; }
.sidebar_panel_padding span { font-size:1.8em; color:#EC761F; font-weight:normal; }

#footer { width:898px; overflow:hidden; color:#507798; font-weight:bold; }
#footer a,
#footer a:visited { color:#507798; text-decoration:none; }
#footer a:focus,
#footer a:hover { color:#507798; text-decoration:underline; }
#footer a:active { color:#507798; text-decoration:underline; }
#footer_left { width:326px; float:left; }
#footer_left .padding { padding:16px 0 16px 20px; }
#footer_right { width:542px; float:right; }
#footer_right .padding { padding:6px 130px 16px 0; }

#tradecounter { width:213px; height:47px; background:#FFFFFF url("tradecounter.gif") left top no-repeat; text-indent:-9000px; }

/* ----------------------
   Content CSS
---------------------- */

#googleMap { border:2px solid #000000; margin-bottom:16px; }

#jameskirby { width:174px; height:49px; }
#jameskirby a,
#jameskirby a:visited { width:174px; height:49px; display:block; background:url("jameskirby.gif") left top no-repeat; text-decoration:none; }
#jameskirby a:focus,
#jameskirby a:hover { background-position:left bottom; text-decoration:none; }
#jameskirby a span { visibility:hidden; }

/* ----------------------
   Flash
---------------------- */

.flash p { margin:0; padding:15px; text-align:center; }
.flash p a,
.flash p a:visited { text-decoration:none; }
.flash p a:hover,
.flash p a:active { text-decoration:underline; }

/* ----------------------
   HighSlide
---------------------- */

.highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; }
.highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#333333; color:#FFF; font-weight:bold; text-align:center; }
.highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; }
.highslide-display-block { display:block; }
.highslide-display-none { display:none; }
.closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); }

/* ----------------------
   Tables
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #B4B4B4; padding:3px 0 3px 3px; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; }
.table tbody tr:hover { /*background-color:#E8E8E8;*/ }
.table tbody tr.alt { background-color:#E8E8E8; }
.table tbody tr.alt:hover { /*background-color:#D1D1D1;*/ }

/* ----------------------
   Contact Form
---------------------- */

#form { width:512px; clear:both; }
#form p { clear:both; }
#form label { width:150px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:15px; }
#form input.field { float:right; margin:0; padding:3px; width:336px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form select.field { float:right; margin:0; padding:3px; width:346px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form textarea { float:right; margin:0; padding:4px; width:338px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form small { color:#E1E8F0; }
#form .submit { float:right; width:350px; display:block; margin-bottom:16px; }
#form .submit input { margin:0; padding:0; }
.form-error { color:#D20000; margin-left:166px; font-size:0.87em; font-weight:bold; padding:2px 0 0 0; }