/* Dicoll Stylesheet */
body, p, td, tr, th, input, h1, h2, h3, h4, h5, h6, select, option, textarea, li, ol, ul {
font-family: verdana, sans-serif;
} 
body {
margin:0px;
padding:0px;
color:#275C96;
background:#20130B url(images/background.jpg) repeat top left;
}
p {
font-size:0.8em;
line-height:1.4em;
margin:2px 20px;
padding:2px 4px;
}
form {
margin:0;
padding:0;
display:inline;
}
textarea {
font-size:1.0em;
}
td {}
th {
font-weight:bold;
}
h1 {
font:1.4em arial, verdana, sans-serif;
color:#275C96;
margin:0px 18px 4px 18px;
padding:10px 4px 2px 4px;
}
h2 {
font:bold 1.0em arial, verdana, sans-serif;
color:#275C96;
margin:4px 20px;
padding:0px 4px 0px 4px;
}
h2 a {
font:bold 0.9em arial, verdana, sans-serif;
color:#422716;
text-decoration:none;
}
h3 {
font:bold 0.9em arial, verdana, sans-serif;
text-decoration:underline;
color:#275C96;
margin:2px 20px;
padding:0px 4px 0px 4px;
}
li {
font-size:0.75em;
line-height:1.6em;
}
li ul li, li ol li {
font-size:1.0em;
line-height:1.6em;
}
ul, ol {
margin:2px 15px 2px 55px;
padding:2px;
}

a, a:link, a:active {
color:#4474A2;
text-decoration:underline;
font-weight:normal;
}
a:visited {
color:#4474A2;
text-decoration:underline;
font-weight:normal;
}
a:hover {
color:#4474A2;
text-decoration:none;
font-weight:normal;
}

a.flink, a.flink:link, a.flink:active, a.flink:visited, a.flink:hover {
color:#4474A2;
font-weight:normal;
text-decoration:none;
}

/*ID's*/
#redframe {
position:relative;
margin:0 auto;
padding:0;
width:973px;
border-left:1px solid #282828;
border-right:1px solid #282828;
background:#ffffff;
}
#header {
height:100px;
padding:0px;
margin:0;
}
#header img {
padding:25px 0 0 37px;
margin:0;
}
#logo {
position:absolute;
right:40px;
top:15px;
color:#1A579B;
font:bold 1.1em arial;
text-align:right;
}
#logo a {
color:#1A579B;
font:bold 1.1em arial;
text-decoration:none;
}
#logo .number {
color:#5F9AD3;
font:bold 1.7em arial;
}
#maincontent {
/*position:relative;*/
border-top:1px solid white;
background:#ffffff url(images/content.jpg) repeat-x top left;
padding:0;
/*margin:0px auto 0px auto;*/
margin:0;
}
#content {
padding:21px 26px 0 26px;
margin:0px auto 0px auto;
}

#footer {
font:0.6em Arial, verdana;
text-align:right;
color:#4474A2;
padding:16px 0 16px 0;
margin:0;
border-top:1px solid #CFCFCF;
line-height:1.4em;
}

#productsearch {
/*position:static;
float:left;*/
background:#184F8C;
width:210px;
height:200px;
margin:0px 0 5px 0;
padding:0px;
}
#productsearch h2 {
font:1.2em arial, verdana, sans-serif;
color:#FFFFFF;
margin:0px;
padding:12px 20px 3px 20px;
}
#productsearch p {
font:bold 0.8em arial, verdana, sans-serif;
color:#FFFFFF;
margin:0px;
padding:4px 20px;
}
#productsearch select {
margin:0px 0px 0 20px;
font:0.7em arial, verdana, sans-serif;
width:180px;
}
#productsearch #search {
margin:0px 0px 0 20px;
font:1.2em arial, verdana, sans-serif;
color:#FFFFFF;
background:transparent url(images/arrow.png) no-repeat top left;
border:none;
}
#productquery {
/*float:left;*/
background:transparent url(images/blue-box.jpg) no-repeat bottom left;
width:210px;
height:40px;
font:1.2em arial, verdana, sans-serif;
color:#FFFFFF;
margin:0px;
padding:10px 0px 0 0;
text-align:center;
}
#productquery a { 
color:#FFFFFF;
text-decoration:none;
}

#banner {
float:right;
}
#leftads {
width:210px;
float:left;
margin: 0;
padding: 0;
background:transparent;
}

#rightads {
width:210px;
float:right;
margin: 0;
padding: 0;
background:transparent;
}
#textcontent {
width:490px;
margin-left:210px;
}
#maintextcontent {
width:690px;
margin-left:210px;
}

#leftads #touchscreens, #leftads #kiosks, #leftads #casestudies, #leftads #videos, #leftads #bespoke, #leftads #more, #rightads #touchscreens, #rightads #kiosks, #rightads #casestudies, #rightads #videos, #rightads #bespoke, #rightads #twitter {
width:210px;
height:122px;
background:transparent url(images/box-background.jpg) no-repeat top left;
padding:0;
margin:8px 0;
}
#leftads #touchscreens h2, #leftads #kiosks h2, #leftads #casestudies h2, #leftads #videos h2, #leftads #bespoke h2, #leftads #more h2, #rightads #touchscreens h2, #rightads #kiosks h2, #rightads #casestudies h2, #rightads #videos h2, #rightads #bespoke h2, #rightads #twitter h2 {
font:1.1em arial, verdana, sans-serif;
color:#275C96;
margin:0px;
padding:8px 0px 2px 10px;
}
#leftads #more h2 a {
text-decoration:none;
font-weight:bold;
} 
#leftads #touchscreensimg, #rightads #touchscreensimg {
background:transparent url(images/touchscreen.png) no-repeat top right;
height:122px;
}
#leftads #kiosksimg, #rightads #kiosksimg {
background:transparent url(images/kiosk.png) no-repeat top right;
height:122px;
}
#leftads #casestudiesimg, #rightads #casestudiesimg {
background:transparent url(images/casestudies.png) no-repeat top right;
height:122px;
}
#leftads #twitterimg, #rightads #twitterimg {
background:transparent url(images/twitter.png) no-repeat top right;
height:122px;
}
#leftads #videosimg, #rightads #videosimg {
background:transparent url(images/videos.png) no-repeat top right;
height:122px;
}
#leftads #bespokeimg, #rightads #bespokeimg {
background:transparent url(images/bespoke.png) no-repeat top right;
height:122px;
}
#leftads #moreimg {
background:transparent url(images/contact.png) no-repeat top right;
height:122px;
}
#leftads #touchscreens p, #leftads #kiosks p, #leftads #casestudies p, #leftads #videos p, #leftads #bespoke p, #leftads #more p, #rightads #touchscreens p, #rightads #kiosks p, #rightads #casestudies p, #rightads #videos p, #rightads #bespoke p, #rightads #twitter p {
color:#275C96;
margin:0px;
padding:8px 0px 2px 10px;
width:120px;
font-size:0.7em;
}
#calltoactionsml {
/*float:right;
width:150px;*/
}
















/*NAVS*/
#headernav {
color: #E1E9F2;
text-align: center;
height:33px;
background:#225F9F url(images/nav.jpg) repeat-x top left;
}
#headernav {
}
#headernav a {
font:bold 0.75em Arial;
color: #E1E9F2;
text-decoration: none;
line-height:29px;
padding:3px 16px 6px 5px;
margin:0px 3px 0 3px;
border-right:1px solid black;
}
#headernav a:hover {
color: #FFFFFF;
}
#headernav a.ht {
}
/*end of navs*/


/*classes*/
p.breadcrumb {
font-size:0.6em;
}
.imageR {
float:right;
padding:5px;
margin:5px;
border:1px solid #275C96;
}

.tabular {
float:left;
border:1px solid #CFCFCF;
margin:2px 3px;
padding:2px 3px;
width:150px;
/*height:150px;*/
}
div.float {
float: left;
width:335px;
/*height:260px;*/
margin:0 1px;
padding:0;
}
div.float p {
font-size:0.7em;
margin:2px 3px;
padding:2px 3px;
/*width:305px;*/
}
div.float span.smallertext {
font-size:0.8em;
}
div.float h2 {
font:bold 0.9em arial, verdana, sans-serif;
color:#FFFFFF;
margin:3px 3px;
padding:3px 3px;
background:#004C98;
text-align:left;
}
.partnerimage {
/*float:right;*/
border:1px solid #CFCFCF;
margin:2px 3px;
padding:2px 3px;
}
.drawline {
border-top:1px solid #CFCFCF;
}
.sidebuttons {
float:right;
width:165px;
text-align:center;
margin:0 5px 10px 5px;
}





div.floatnew {
float: left;
width:165px;
/*height:260px;*/
margin:0 1px;
padding:0;
}
div.floatnew p {
font-size:0.7em;
margin:2px 3px;
padding:2px 3px;
/*width:305px;*/
}
div.floatnew h2 {
font:bold 0.9em arial, verdana, sans-serif;
color:#FFFFFF;
margin:3px 3px;
padding:3px 3px;
background:#004C98;
text-align:center;
height:30px;
}
.fade {
background:#ececec;
}