/*CSS reset by way of http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Begin Accuri CSS */

body {
    background: white url('/images/2008/background.jpg') repeat-y scroll top center;
    font: 12px/1.5em Helvetica, Arial, sans-serif;
}

p { margin-bottom: 1em;}

a:link, a:visited, a:hover, a:active {
    text-decoration: underline;
    color: #D9011B;
    font-weight: bold;
}

ul {
    list-style-type: square;
}

ol { list-style-type: decimal;}

ul, ol {
    margin-bottom: 1em;
}

li { margin-left: 4em;}


small { font-size: .9em;
        line-height: 1.2em;}

h1 { 
    font-size: 1.5em; 
    line-height: 1.5em;
    }

h2 { 
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 1em 0 .25em;
    }

code {
    font: 16px/1.5em Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #7DBEE8;
}

th { 
    border-bottom: 1px solid black;
    vertical-align: bottom;
    text-align: left;
    }

th, td { border-right: .5em solid white;}

td.subhead { font-style: italic; padding: 1em 0; font-weight: bold;}

div#accuri {
    width: 846px;
    margin: 0em auto;
}

div#copy {
    width: 680px;
}

div#copy > table { float: left; }

#navigation {}

    #navigation a { text-decoration: none;}
    #navigation a:hover { text-decoration: underline;}
    #navigation div#global { 
        margin: .5em 0 1em;
        color: #888;
    }

        #navigation div#global a {
            color: #5D5B5B;
            /*font-weight: bold;*/
            padding-left: 7px;
        }

        #navigation div#global a.minor {
            color: #7DBEE8;
            font-weight: normal;
        }

        #navigation div#category {
            width: 150px;
            position: relative;
            float: left;
            padding-top: 1em;
            border-top: 10px #D9011B solid;
            top: -0.4em;
        }
        
            #navigation div#category ul li a {
                margin-right: 1.5em;
            }

            #navigation div#category ul li {
                border-bottom: 1px #DDD solid;
            }

            #navigation div#category ul li ul li a{
                font-size: 0.95em;
                font-weight: bold;
                color: #000;
                padding-left: 10px;
            }

            #navigation div#category ul li ul li ul{
                margin-bottom: 0;
            }
            #navigation div#category ul li ul li ul li a{
                font-size: 0.90em;
                font-weight: normal;
                color: #777;
                padding-left: 20px;
            }


            #navigation div#category ul li ul li {
                border-bottom: none;
            }

            #navigation div#category ul li {
                list-style: none;
                margin: 0;
                padding: 0;
            }
            
            #navigation div#category a {
            	display: block;
            	padding-left: 5px;
            }
            

div#hometext {
    position: relative;
}

div#footer {
    text-align: center;
    /*border-top: 1px solid #D9011B;*/
    padding-top: .5em;
    margin: 2em 0 1em;
    color: #5D5B5B;
    width: 846px;
    float: right;
}
    div#footer a {color: #FFF; padding: 3px; margin-left: 5px;}
    div#footer a#download_white_paper{ background: url('/images/2009/footer/whitepaper.png'); padding-left: 20px;}
    div#footer a#newsletter_sign_up{ background: url('/images/2009/footer/newsletter.png'); padding-left: 30px;}
    div#footer a#pricelist{ background: url('/images/2009/footer/pricelist.png'); padding-left: 25px; padding-right: 5px;}
    div#footer a#demo{ background: url('/images/2009/footer/demo.png'); padding-left: 22px;}
    div#footer a#request_quote{ background: url('/images/2009/footer/quote.png'); padding-left: 20px;}
    div#footer a#contact_us{ background: url('/images/2009/footer/contact.png'); padding-left: 30px; padding-right: 5px;}
    div#footer p{ margin-top: 20px;}
    div#footer strong {color: #D9011B;}
    div#footer p.privacypolicy a {color:#777; font-weight: normal; text-decoration: none;}
div.column {
    width: 255px;
    display: block;
/*    border: 1px solid red;*/
    padding: 10px;
}

div#hometext div.products {
    position: absolute;
    top: 10px;
}
    div.products strong { color: #5D5B5B;}


div#hometext div.news {
    position: absolute;
    top: 10px;
    left: 287px;
}
    div.news strong { color: #7DBEE8;}

div#hometext div.grants {
    position: absolute;
    top: 10px;
    left: 575px;
}
    div.grants strong { color: #FFB323;}

div#hometext div strong {
    font-size: 1.4em;
}

div.column h3 { 
    font-size: 2em;
    margin-bottom: 20px;
    margin-left: 3px;
}

    div.column h3 a:link, div.column h3 a:visited,
    div.column h3 a:hover, div.column h3 a:active {
        color: white;
        font-weight: normal;
    }

form.webtoload br {
	margin-bottom: .5em;
}

form.webtolead label {
	display: block;
	width: 9em;
	float: left;
	text-align: right;
	padding-right: .5em;
}

form.webtoload input#sub {
}

	span.req {
	color: #E7001E !important;
}

td.price, th.price { text-align: right; }

img#thumbslide {
    position: absolute;
    top: 496px;
    padding-left: 639px;
}

object p, object blockquote { display: none;}

ul#pullquotes {
    margin-top: .7em;
    font-size: 2.5em;
    line-height: 1.2em;
    list-style: none;
}

    ul#pullquotes li {
        margin-left: 0;
    }
    
    ul#pullquotes li strong {
        color: #D9011B;
    }

span.benefit { color: green;}
span.drawback { color: red;}

tr.fade1 td { color: #777;}
tr.fade1 span.benefit { color: #7f7;}
tr.fade1 span.drawback { color: #f77;}

tr.fade2 td { color: #aaa;}
tr.fade2 span.benefit { color: #afa;}
tr.fade2 span.drawback { color: #faa;}

table.landing tr td, table.landing tr th { text-align: center;}

table#pricelist td {
    padding-right: 1em;
}

    table#pricelist td.price { 
        padding-right: 0;
    }

table#pricelist td small {
/*    border: 1px solid red;*/
    display: block;
    margin: 0 2em .5em 0;
    text-align: justify;
}

img.thumbleft {
    margin: 1em 2em 1em 0;
    float: left;
    border: 1px solid #888;
}

img.thumbright {
    margin: 0 1em 1em 2em;
    float: right;
    border: 1px solid #888;
}

h2, h3 {
    clear: left;
}

strong {
    font-weight: bold;
    font-style: italic;
}

b {
    font-weight: bold;
}

h1.brochure {
    font-size: 3em;
}

    h1#powerful { color: #D9001F;}
    h1#affordable { color: #FCB62E;}
    h1#simple {color: #8FC7EC;}


div.countryselect {
    background: #FCB62E;
    display: block;
    float: right;
    margin-top: 4px;
    padding: 2px 4px;
}

    div.countryselect a { color: black;}

/* lightboxing */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	font-family: Helvetica, Arial, sans-serif;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	}

br { display: none; }
    td br, form br, p br, div#footer br { display: block;}
    table#pricelist br { display: none !important;}

blockquote {

    background: #FFF url("/images/site_images/quote.jpg") no-repeat top left;
    /*background: #C9E1F4;
    border: 1px solid #7BBDF3;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;*/
    width: 330px;
    padding: 20px 10px 0;
    margin-left: 10px;
    margin-bottom: 10px;
    float: right;
}

blockquote p {
    color: #777;
    font-size: 1.25em;
}

blockquote p cite {
    /*color: #D9011B;*/
	color: #000;
    display: block;
    font-size: 0.80em;
    font-style: normal;
    text-indent: -1.2em;
    margin-left: 1.2em;
}

blockquote p a:link, blockquote p a:visited {
    color: #777;
    font-size: 0.80em;
    text-decoration: none;

}

sup {
    font-size: 80%;
    position:relative;
    bottom: 0.5em;
}

.float_right{
    float: right;
}

#bannerad{
            width: 150px;
            position: relative;
            float: left;
            padding-top: 1em;
            border-top: 10px #D9011B solid;
            top: -0.4em;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/
#navigation-list{
	list-style:none;
	font-weight:bold;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index: 5;
	*/
}
#navigation-list li{
	float:left;
	margin:0;
	position:relative;
}
#navigation-list ul li:hover{
	background-color: #DDD;
}


#navigation div#category a:hover{
	text-decoration:underline;
}


/*--- DROPDOWN ---*/
#navigation-list ul{
    background: #FFF;
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index: 9999;
}

#navigation-list ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	width: 100%;
	border-top: 1px solid #DDD;
	background-color: #EEE;
	padding: 2px 5px;
	float:none;
}
#navigation-list ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	font-weight: normal;
}
#navigation-list li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	padding-top: 13px;
	background-image: url("/images/site_images/arrow_15x15.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}
#navigation-list li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration: underline;
}
#navigation-list li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#navigation-list li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#ddd;
	text-decoration: underline;
}

#navigation-list li a:hover { text-decoration: underline; }

a.current { background-color: #DDD; }