/* -----------------------------------------------
   CSS Framework v2.0
   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:#231F20; background-color:#EBECED; font-size:0.9em; 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 { display:block!important; }
embed, object { display:block; }

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

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

h1 { color:#C02555; font-size:1.5em; font-weight:lighter; line-height:1em; margin:0 0 0.5em 0; }
h2 { color:#C02555; font-size:1.3em; font-weight:lighter; line-height:1em; margin:0 0 0.5em 0; }
h1.title { font-size:1.5em; }
h2.title { font-size:1.3em; }
h3 { color:#C02555; font-size:1.1em; font-weight:lighter; margin-top:0; /*margin:0 0 0.5em 0;*/ }
h4,
h5,
h6 { color:#C02555; font-size:1.0em; }

a,
a:visited { color:#C02555; text-decoration:underline; }
a:hover { color:#231F20; 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 5px 15px; }
.photoQuote { float:right; margin:3px 0 5px 5px; }
.photoLeft { float:left; margin:3px 15px 5px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }
.underline { text-decoration:underline; }

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

.project-left { width:437px; float:left; }
.project-right { width:160px; float:right; }

.nomargin { margin:0!important; }
.nomargins { margin:0!important; padding:0!important; }
.notopmargin { margin:0 0 10px 0; }
.larger { font-size:1.1em; }

.hardware-left { width:298px; float:left; margin-bottom:15px; }
.hardware-right { width:298px; float:right; margin-bottom:15px; }
.hardware-left p,
.hardware-right p { margin:0; }
.hardware-left p img,
.hardware-right p img { margin-bottom:15px; }

.footnote {font-size: 10px; }

/*.hardware-right-box { height:342px; }*/

.protection { unicode-bidi:bidi-override; direction:rtl; }  

.didyouknowitem,
.clientsayitem { display:none; padding-bottom:16px; }

.quote_start { padding:6px 0 0 32px; background:url("quote/start.gif") top left no-repeat; display:inline; }
.quote_end { padding:0 32px 6px 0; background:url("quote/end.gif") bottom right no-repeat; display:inline; }

.minimumorder { font-weight:bold; font-style:italic; font-size:0.9em; padding-top:6px; }
.nominimumorder { font-weight:bold; font-style:italic; font-size:0.9em; padding-top:6px; }

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

#container { width:899px; margin:0 auto; background-color:#FFFFFF; padding-top:20px; }
#container_sub { width:821px; margin:0 39px 0 39px; }

#container_home { width:1108px; margin:0 auto; padding-top:20px; background:#FFFFFF url("sidebar_background.gif") 875px bottom no-repeat; }
#container_home_sub { width:821px; margin:0 15px 0 39px; float:left; }
#container_home_sidebar { width:194px; float:right; margin-right:39px; }
.sidebar_home_footer { background:#EBECED url("sidebar_footer.gif") left bottom no-repeat; border-bottom:2px solid #FFF; }
.sidebar_home_header { padding:13px 13px 1px 13px; background:url("sidebar_header.gif") left top no-repeat; margin-bottom:2px;   }

#header { width:821px; height:87px; overflow:hidden; margin:0 39px 20px 39px; /*46px*/ }
#header_home { width:1030px; height:87px; overflow:hidden; margin:0 39px 20px 39px; /*46px*/ }
#header_left { width:254px; height:87px; float:left; background:url("touch4.gif") left top no-repeat; overflow:hidden; }
#header_left p { margin:0; padding:0; }
#header_left p a,
#header_left p a:visited { width:254px; height:87px; display:block; }
#header_left p a span { display:none; }
#header_right { width:402px; height:55px; float:right; background:url("header.gif") left top no-repeat; overflow:hidden; margin-top:20px; }

#nav ul { list-style:none; margin:0; padding:0; z-index:100; }
#nav ul li { float:left; position:relative; }
#nav ul li a,
#nav ul li a:visited { display:block; height:54px; }
#nav ul li a:hover,
#nav ul li:hover a,
#nav ul li.active a { background-position:left bottom; }
#nav ul li a span { display:none; }
#nav ul li div { padding:0; display:none; }

/* < IE6 */
#nav ul li:hover div { display:block; position:absolute; top:54px; left:-7px; width:237px; background:url("dropdown_cap.png") left top no-repeat; font-size:1.23em; font-weight:normal!important; }
#nav ul li:hover div ul { display:block; width:189px; padding:7px 24px 28px 24px; margin-top:10px; background:url("dropdown.png") left bottom no-repeat; }
#nav ul li:hover div ul li { float:none; background-color:#FFF; }
#nav ul li:hover div ul li a,
#nav ul li:hover div ul li a:visited { display:block; background:none; color:#4E5343; padding:3px 4px 2px 4px; margin-bottom:2px; width:178px; height:auto; text-decoration:none; }
#nav ul li:hover div ul li a:hover { text-decoration:none; background:url("menu-item.gif") left top no-repeat; color:#4E5343; }
#nav ul li:hover div ul li a:active { color:#000; }

.lineabove { margin-top:4px; padding-top:4px; border-top:2px solid #D1D2D4; }


#nav_home { width:54px; height:54px; margin:0 15px 15px 0; }
#nav_home a { width:54px; background:#DCDDDF url("nav_home.gif") left top no-repeat; }
#nav_hardware a { width:144px; background:#F1F2F2 url("nav_hardware.gif") left top no-repeat; }
#nav_software a { width:107px; background:#F1F2F2 url("nav_software.gif") left top no-repeat; }
#nav_bespoke a { width:107px; background:#F1F2F2 url("nav_bespoke.gif") left top no-repeat; }
#nav_faqs a { width:84px; background:#F1F2F2 url("nav_faqs.gif") left top no-repeat; }
#nav_project a { width:92px; background:#F1F2F2 url("nav_project.gif") left top no-repeat; }
#nav_support a { width:110px; background:#F1F2F2 url("nav_support.gif") left top no-repeat; }
#nav_contact a { width:108px; background:#F1F2F2 url("nav_contact.gif") left top no-repeat; }

#article { width:612px; float:right; }
#article_padding { padding:0 0 1px 0; /*text-align:justify;*/ line-height:130%; }

#article_padding ul { margin:0 0 16px 16px; padding:0 0 0 13px; /*font-size:0.93em;*/ }
#article_padding ul.dotted { list-style:none; margin:0 0 16px 13px; padding:0 0 0 0; }
#article_padding ul.dotted li { background:url("dot.gif") left 3px no-repeat; padding:0 0 2px 20px; }
#article_padding ul.dotted li ul { list-style:none; margin:0 0 16px 13px; padding:0 0 0 0; }
#article_padding ul.dotted li ul.compact { list-style:none; margin:0 0 0 13px!important; padding:0 0 0 0; }

#article_padding ul.examples { list-style:none; margin:0 0 16px 0; padding:0 0 0 0; }
#article_padding ul.examples li { padding:0 0 0 0; }
#article_padding ul.examples li a,
#article_padding ul.examples li a:visited { text-decoration:none; }
#article_padding ul.examples li a:hover { text-decoration:underline; }

#flash_header { margin-bottom:29px; }

#sidebar { width:194px; float:left; }
.sidebar_footer { background:#EBECED url("sidebar_footer.gif") left bottom no-repeat; }
.sidebar_header { padding:13px 0 1px 13px; margin-bottom:2px; background:url("sidebar_header.gif") left top no-repeat; }
.moreside_margin { margin-bottom:10px; /*margin-bottom:87px;*/ /*102px*/ }

#sidebar ul { list-style:none; margin:0 0 16px 0; padding:0; }
#sidebar ul li { letter-spacing:-1px; }
#sidebar ul li.showmemore a { font-weight:normal!important; /*letter-spacing:normal;*/ }
#sidebar ul li a,
#sidebar ul li a:visited { color:#4E5343; width:157px; /*181*/ padding:0 4px 2px 20px; background:url("dot-small.gif") 9px 6px no-repeat; display:block; font-weight:bold; text-decoration:none; }
#sidebar ul li a:hover { color:#C02555!important; background:#D1D2D4 url("sidebar_rollover.gif") left top no-repeat; }
#sidebar ul li.active a { color:#FFF; background:#D1D2D4 url("sidebar_rollover.gif") left top no-repeat; }

/*link*/
#sidebar_asksomeone { width:157px; height:32px; overflow:hidden; }
#sidebar_asksomeone a,
#sidebar_asksomeone a:visited { width:157px; height:32px; background:url("sidebar_asksomeone.gif") left top no-repeat; display:block; text-indent:-9000px; }

#sidebar_byindustry { width:73px; height:14px; background:url("sidebar_byindustry.gif") left top no-repeat; overflow:hidden; margin:0 0 5px 0; }
#sidebar_byindustry span { display:none; }

#sidebar_byuse { width:45px; height:14px; background:url("sidebar_byuse.gif") left top no-repeat; overflow:hidden; margin:0 0 5px 0; }
#sidebar_byuse span { display:none; }

#sidebar_bykiosktype { width:88px; height:14px; background:url("sidebar_bykiosktype.gif") left top no-repeat; overflow:hidden; margin:0 0 5px 0; }
#sidebar_bykiosktype span { display:none; }

#sidebar_showmeexamples { width:160px; height:33px; background:url("sidebar_showmeexamples.gif") left top no-repeat; overflow:hidden; }
#sidebar_showmeexamples span { display:none; }

#footer { width:821px; background:#EBECED url("footer.gif") left top no-repeat; font-size:0.8em; }
#footer_padding { padding:10px 5px; /*15px*/ }
#footer_padding a,
#footer_padding a:visited { text-decoration:none; }
#footer_padding a:hover { text-decoration:underline; }
#footer_padding p { margin:0; }
#footer_left { float:left; width:55%; }
#footer_right { float:right; width:40%; text-align:right; }


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

.kiosk { text-align:center; /*margin:50px 0 35px 0;*/ }
.hardware_background { background:url("hardware_background.gif") left top no-repeat; width:298px; height:298px; margin-bottom:10px; }
.hardware_background p { margin:0; }
.hardware_background p img { display:block; margin:16px; }

#kioskbox001 { background:url("../images/kioskbox001.jpg") 281px bottom no-repeat; }
#kioskbox002 { background:url("../images/kioskbox002.jpg") 281px bottom no-repeat; }
#kioskbox003 { background:url("../images/kioskbox003.jpg") 281px bottom no-repeat; }
#kioskbox004 { background:url("../images/kioskbox004.jpg") 281px bottom no-repeat; }
#kioskbox005 { background:url("../images/kioskbox005.jpg") 281px bottom no-repeat; }

.box-header { width:255px; background:url("box-header.gif") left top no-repeat; overflow:hidden; padding:12px 132px 6px 16px; }
.box-footer { width:403px; background:url("box-footer.gif") left bottom no-repeat; overflow:hidden; margin-bottom:16px; }
.box-footer p { font-size:0.8em; line-height:normal; margin-bottom:0.5em; }
.box-footer a,
.box-footer a:visited { color:#C02555; text-decoration:none; }
.box-footer a:hover { color:#231F20; text-decoration:underline; }

.quote { font-size:1.4em; color:#C02555; font-weight:lighter; text-align:left; line-height:normal!important; }
.quote-padding { font-size:1.4em; color:#C02555; font-weight:lighter; text-align:left; line-height:normal!important; padding-top:42px; }
.quote a,
.quote a:visited { text-decoration:none; }
.quote a:hover { text-decoration:underline; }
.quote-message { margin:0 0 5px 0; }
.quote-source { font-size:0.6em; font-weight:bold!important; }

#clientlogos { margin:15px 0 15px 0; }
#clientlogos ul { list-style:none; margin:0; padding:0; }
#clientlogos ul li { float:left; margin-right:5px; }
#clientlogos ul li.end { float:left; margin-right:0!important; }

#formoreinformation { margin-bottom:16px; width:194px; height:243px; }

.minibox-left { width:193px; float:left; }
.minibox-right { width:193px; float:right; }

#contactform { margin:15px 0; }
#contactform_header { width:612px; height:4px; background:url("contact_header.gif") left top no-repeat; overflow:hidden; _font-size:1px; }
#contactform_content { background-color:#EBECED; }
#contactform_padding { padding:11px 15px; }
#contactform_footer { width:612px; height:4px; background:url("contact_footer.gif") left top no-repeat; overflow:hidden; _font-size:1px; }


/* ----------------------
   Tables (TBC)
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table_ol { margin-bottom:16px; width:100%; border-collapse:collapse; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; }
.table_sm { margin-bottom:10px; width:100%; border-collapse:collapse; }
.table_nm { width:100%; border-collapse:collapse; }
.rowstrong td { border-bottom:2px solid #999999; font-weight:bold; vertical-align:bottom; padding:3px; }
.rowstrong td a,
.rowstrong td a:visited { text-decoration:none; }
.rowstrong td a:hover { text-decoration:underline; }
.rowstrong th { border-bottom:2px solid #999999; font-weight:bold; vertical-align:bottom; text-align:left; padding:3px; }
.rowstrong th a,
.rowstrong th a:visited { text-decoration:none; }
.rowstrong th a:hover { text-decoration:underline; }
.row td { border-bottom:1px solid #CCCCCC; padding-bottom:3px; padding-top:3px; vertical-align:top; }
.row:hover td { background-color:#DBDBDB; }
.rowalt td { background-color:#E3E3E3; border-bottom:1px solid #CCCCCC; padding-bottom:3px; padding-top:3px; vertical-align:top; }
.rowalt:hover td { background-color:#D0D0D0; }


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

.highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; }
.highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#F1F2F2; color:#4E5343; 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"); }


/* ----------------------
   Contact Form (TBC)
---------------------- */

.form { font-size:0.93em; }
.form .row { float:left; padding-bottom:5px; width:582px; }
.form .row .field { float:left; width:120px; padding-top:3px; font-weight:bold; }
.form .row .data { float:left; width:462px; }
.form .row .data .checkbox { clear:both; float:left; width:25px; }
.form .row .data .label { float:left; width:263px; padding-top:2px; }

input.std_input,
textarea.std_input { width:456px; border:1px solid #999; background-color:#F9F9F9; padding:2px; }
select.std_input { border:1px solid #999; background-color:#F9F9F9; padding:2px; }
textarea.std_input { height:80px; width:456px; }

/*
#form { width:582px; 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:400px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1.1em; }
#form textarea { float:right; margin:0; padding:4px; width:402px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1.1em; }
#form small { color:#666; }
#form .submit { float:right; width:414px; display:block; margin-bottom:16px; }
#form .submit input { margin:0; padding:0; }
.formerror { color:#D28E8E; }
*/