.foo { /* W3C Likes this so it validates */ }

/*
********************************************************
Intuition Media - Default CSS Stylesheet
Created on: 07/10/2008
Version: 1.0
Development by: Intuition Media Ltd
Developer: Gavin Davies
Email: gavin@tiarc.co.uk
*******************************************************
*/

/* Common tag elements */
* {padding: 0; margin: 0}
body { background-color:#95112C; color:#333333; background-image: url(../../library/images/bg/winter-by-space.jpg); background-repeat:no-repeat; text-align:center; height:100%; font-family: Arial, Verdana, sans-serif; font-size: 80%; font-weight:normal; margin:0; padding:0; }

/* global margins */
p,
ul,
dl,
input,
textarea,
textbox,
select {margin:0.8em 1.4em 0.9em 1.4em; font-family: Arial, Verdana, sans-serif; }

/* paragraphs */
table p,
dl p {margin:0.4em 0;}
hr { height:1px; margin:8px 0 8px 0; display:block; }

/* headings */
h1,
h2, 
h3, 
h4,
h5 {padding:0; margin:0.3em 0 0.8em 0; color:#042246; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; line-height:140%; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; font-weight:normal; }
h5 { font-size: 0.9em; }

/* inputs */
input,
select,
textarea {font-size:1em;}
dl input,
dl select {margin:0;}
fieldset { border: none; margin: 0; padding: 2px 0 3px 0;}
label { float:left; width:120px; display:block; padding-top:3px; }

p { font-size: 100%; line-height: 140%; margin: 0.1em 0 1.3em 0; }
a:link, a:visited { color:#95112C; text-decoration:none; }
a:hover, a:active { text-decoration: underline; }
img { border:none; vertical-align:bottom; }
img.fl { padding:0 10px 10px 0px; }
img.fr { padding:0 0 10px 10px; }

/* lists */
ul {padding:0; margin-left: 1.8em;}
li {list-style-position:outside; margin:0.3em 0 0 0; list-style-type:square; }
ol {padding:0; margin-left: 0.5em; margin-bottom:10px;}
ol li {list-style-position:inside; margin:0.3em 0 0 0; list-style-type:decimal }

/* definition lists */
dl {margin-bottom:0; clear:both;}
dt {float:left; margin-bottom:0.2em; clear:both; font-weight:bold; }
dd {margin-left:13em; margin-bottom:0.3em;}

/* tables */
table {margin:0 0 0.8em 0; width:100%; border-collapse:collapse; padding:0; }
td,
th {padding:0.em 0.4em 0.4em 1em; margin:0; text-align:left;}
tbody th { font-weight:normal;}
caption { display:none; }

/* common CSS classes */
    /* colours */
    .alt {color:#2c79b6;}
    .warning {color:red;}
    .red {color:red !important;}
    .important {font-weight:bold;}
    .error {color:red; }
    .strike {text-decoration: line-through;}
    .save_price {color:red; font-weight:bold;}
    
    /* icons */
    .pdf { padding-left:22px; background-image: url(../../../library/images/icon_pdf.gif); background-position:left center; background-repeat:no-repeat; }
    .links { margin-left:0.3em; }
    .links li { list-style-type:none; }

    /* floats */
    .fl {float:left;}
    .fr {float:right;}
    .fn {float:none;}

    /* clears */
    .cb {clear:both;}
    .clearfix:after {content: "."; display: block; height: 0; margin:0; padding:0; clear: both; visibility: hidden;}
    .clearfix { position:relative; display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

    /* text-align */
    .tal {text-align:left; }
    .tac {text-align:center; }
    .tar {text-align:right; }
    .nowrap { white-space:nowrap; }
    .bold {font-weight:bold;}
    .normal { font-weight:normal;}
    .strike-out { text-decoration: line-through; }

    /* display */
    .hidden {display:none;}
    .invisible {visibility:hidden;}
    .hide {position:absolute; left:-9000px; top:0; z-index:20}

    /* handles the alpha transparacy for PNG graphics in IE5.5/IE6 */
    * html .png { behavior: url(/2009-version/library/javascript/iepngfix.htc); }

/* site structure */
#parent { position:absolute; top:0px; left:0px; top:50%; width:100%; margin-top:-319px; text-align:center; }
#main { position:relative; text-align:left; width:928px; margin:0 auto 0 auto; padding:0; }
#content-wrap { position:relative; margin:0; padding:0; }
#content-header { margin:0; padding:0; height:19px; background-image: url(../images/main_header.png); background-position:left top; background-repeat:no-repeat; }
#content-footer { margin:0; padding:0; height:30px; background-image: url(../images/main_footer.png); background-position:left bottom; background-repeat:no-repeat; }
#content-main { margin:0; padding:0; background-image: url(../images/main_middle_footer.png); background-position:right bottom; background-repeat:repeat-y; }
#content-left { position:relative; float:left; width:356px; margin:0 17px 0 23px; padding:0; }
#content-left .logo { padding:0 0 11px 0; }
#content-left strong { color:#95112C; }
#content-right { position:relative; float:left; width:520px; margin:0; padding:0; }
#content-right h2 { margin:0; padding:42px 35px 3px 0; color:#95112C; font-size:2em; text-align:right }
#content-right .lnk { margin:0; padding:0 35px 0 0; color:#666666; font-size:1.3em; font-weight:bold; text-align:right; display:block; }
#content-right .client_header { padding:50px 0 10px 53px; color:#666666; margin:0; font-weight:normal; font-size:0.95em; text-align:left; }
#content-right .client_main { position:relative; background-image: url(../images/bg/bg_monitor.jpg); padding:0 0 8px 0; height:489px; background-position:left top; background-repeat:no-repeat; }
#content-right .client_main ul { margin:0 0 0 46px; padding:0; }
#content-right .client_main li { list-style-type:none; float:left; padding:0 0 25px 0; margin:0 4px 0 4px; width:95px; }
#content-right .client_main li a  { padding:0; margin:0; display:block; width:95px; height:95px; background-image: url(../images/item_square.png); background-position:left top; background-repeat:no-repeat; }
#content-right .client_main li a:hover  { background-image: url(../images/item_square-3px.png); }
#content-right .client_main li img { padding:15px 0 15px 3px; }
#content-right .client_main li.last { margin-right:0; }


/* Popup - Directions / How to Find Us */
#directions { padding:0; margin:0; width:730px; overflow:hidden; text-align:left; }
#directions .title { margin:0 0 10px 0; padding:5px 0 0 10px; height:36px; background-color:#95112C; }
#directions .title h1 { margin:0; padding:5px 0 5px 40px; color:#ffffff; font-weight:normal; background-image: url(../images/icons/icon-directions.gif); background-position:0px 0px; background-repeat:no-repeat; }
#directions .title a { position:absolute; top:8px; right:14px; margin:0; padding:0 20px 0 0; color:#042246; z-index:99; background-image: url(../images/ajax-close15x15.gif); background-position:right center; background-repeat:no-repeat; }
#directions p { padding:5px 10px 1px 20px; }
#directions .location { padding:5px; margin:0 0px 10px 0px; color:#ffffff; background-color:#95112C; }
#directions .location li { padding:0 2px 0 2px; float:left; margin:0; list-style-type:none; }
#directions .location label { padding:2px 8px 0 10px; margin:0; width:auto; }
#directions .location input { padding:0; margin:0 10px 0 0; width:65px; text-transform:uppercase; }
#directions .location a { color:#ffffff; text-decoration:none; }
#directions .location a:hover { text-decoration:underline; }
#directions .location .to { padding:2px 10px 0 0; margin:0; }
#directions .location .btn { padding:0; margin:0 10px 0 0; width:auto; }
#directions .location .download { padding:3px 0 0 3px; margin:0; }
#directions .location .print { padding:0 0 0 265px; margin:0; }
#directions .location .print a { color:#ffffff; text-align:right; display:block; padding:2px 24px 2px 0; background-image:url(../images/icons/global-icons-print.gif); background-repeat:no-repeat; background-position:right top; }
#directions .map { position:relative; background-color:#ffffff; vertical-align:top; margin:0 5px 0 0px; }
#directions .map .googledir { width:300px; padding:0 0 0 0px; }
#directions #map_large { padding:0; margin:0; height:440px; width:730px; }
#directions #route { float:left; width:300px; margin:0; padding:0; height:440px; overflow:auto; font-size:0.85em; }
#directions #map_canvas { width:380px; height:440px; float:left; margin:0; }

/* Copyright */
#copyright { padding:0; font-size:0.85em; text-align:center; color:#ffffff; }
#copyright a { color:#ffffff; text-decoration:underline; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* {padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666;}
#TB_window a:link {color: #ffffff; text-decoration:none; }
#TB_window a:visited {color: #ffffff;}
#TB_window a:hover {color: #ffffff; text-decoration:underline;}
#TB_window a:active {color: #ffffff;}
#TB_window a:focus {color: #ffffff;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {position: fixed; z-index:100; top: 0px; left: 0px;	height:100%; width:100%;}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {	background-color:#000000; filter:alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65;}
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window { position: fixed; z-index: 102; padding:0; margin:0; color:#000000; display:none; background-color:#95112C; border: 3px solid #95112C; border-right: 2px solid #95112C; text-align:left; top:50%; left:50%;}
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image { display:block; margin: 45px 0 0 15px; padding:0; }
#TB_caption { position:absolute; top:0px; left:0px; z-index:5; height:0px; padding:7px 20px 3px 20px; color:#ffffff; font-weight:bold; font-size:120%;}
#TB_closeWindow { position:absolute; color:#ffffff; top:0px; left:0px; height:28px; z-index:0; margin:0; text-align:right; padding:5px 0px 30px 0; background-color:#042246; width:100%;}
#TB_closeAjaxWindow { padding:7px 10px 0px 0; margin-bottom:0px; text-align:right; float:right;}
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px;}
#TB_title { background-color:#042246; height:35px; display:none; color:#ffffff; font-size:0.95em; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent.TB_modal { padding:15px;}
#TB_ajaxContent p { padding:5px 0px 5px 0px;}
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */
position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%;	width:100%;}
* html #TB_HideSelect { /* ie6 hack */  position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent { clear:both; border:none; margin:0 0 0 0; _margin-bottom:0px; }
#TB_closeWindowButton { padding:3px 30px 0px 0; color:#ffffff; font-weight:bold; font-size:120%; display:block; margin:0 5px 0 0; background-image: url(../../../library/images/close_ajax.gif); background-position:right top; background-repeat:no-repeat; }