html, body {
    height:100%;
    padding:0;
    margin:0;
    }

body {
    font-family:Lucida Grande, "Helvetica Neue", Arial, Verdana, Tahoma, Sans-serif;
    color:#666666;
    background-color:#E0E0E0;
    background-image:url("../images/layout/backgrounds/body_gradient_bg.gif");
    background-position:left top;
    background-repeat:repeat-x;
    }

* { padding:0; margin:0; }
* html div { zoom:1; }
*+html div { zoom:1; }

p { text-align:justify; font-size:.875em; padding:0; margin:.5em 0 1em 0; line-height:1.5em;}

hr { padding:0; margin:1.5em 0; background-color:#CCC; border:none; height:1px;}

a, a:link { padding:0 1px; color:#0000CC; text-decoration:none; border-bottom:1px solid #CCC;}
a[name] { border:0; padding:0; margin:0; }
a[title] { border-bottom:1px dotted #CCC; }
a:active {}
a:visited { color:#0000CC;}
a:hover { cursor:pointer; text-decoration:none; border-bottom:1px solid; }
* html a:hover { border-bottom:1px solid #0000CC; }
a img { border:none; }
h1,h2,h3,h4,h5,h6 { color:#232323; margin:10px 0; }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { border-bottom:none; color:#232323;}
ul { margin:20px 30px; list-style:square;}
ol { margin:20px 30px; }
li { margin:.2em 0;}
/*
li a { display:inline-block; }
li a { display:block; }
*/

form { padding:0; margin:0; } /* for SOME reason...IE6/7 renders padding on forms. Crazy M$ */

label { cursor:pointer; }
code { display:block; padding:10px; margin:0; color:#000; background-color:#FFF;}
pre {}
code pre {}
del {}
q {}
blockquote { padding:0; margin:2em auto; width:80%;}
blockquote p { padding:0; margin:0; }
blockquote p.quote { padding:0; margin:0 0 10px 0; font-style:italic; }
blockquote p.author { padding:0; margin:0; text-align:right; }
cite {}
abbr { border-bottom:1px dotted #666; cursor:help; }
acronym{}
em {}
strong{}
kbd {} /* this is used for text which should be typed by the user (e.g., Please press the <kbd>Enter</kbd> key) */

dl {}
dl dt {}
dl dd {}

table {}
table[summary] {}
table caption {}
td[scope] {}

div#main_container {
    display:block;
    position:relative;
    clear:both;
    padding:0;
    margin:0 auto;
    width:752px;
    }
    
    div#header_container {
        display:block;
        position:relative;
        padding:10px 20px 0;
        margin:0 0 0 0;
        }
        div#header_container div#logo_container {
            float:left;
            height:50px;
            width:150px;
            background-image:url("../images/layout/logo.gif");
            background-repeat:no-repeat;
            }
            div#header_container div#logo_container a {
                display:block;
                height:50px;
                width:150px;
                border:none;
                text-indent:-1000px;
                }
    
    div#menu_container {
        display:block;
        position:relative;
        clear:both;
        padding:0 15px 0 15px;
        margin:0;
        border:1px solid #AAA;
        background-color:#FFF;
        /*background-image:url("../images/layout/backgrounds/menu_bg.gif");
        background-repeat:repeat-x;*/
        }
        * html #menu_container {
            height:2.5em;
            overflow:hidden;
            }
        *+html #menu_container {
            height:2.5em;
            overflow:hidden;
            }

        ul#menu {
            display:block;
            position:relative;
            list-style:none;
            padding:0;
            margin:0;
            }
            ul#menu li {
                display:block;
                position:relative;
                float:left;
                padding:0;
                margin:0;
                overflow:hidden;
                }
                ul#menu li a {
                    display:block;
                    position:relative;
                    padding:5px 10px;
                    margin:0;
                    font-size:12px;
                    font-family:"Lucida Grande", verdana, arial, sans-serif;
                    color:#666;
                    border-bottom:none;
                    }
                    ul#menu li a:hover {
                        background-color:#F9F9F9;
                        border-bottom:none;
                        /*background-image:url("../images/layout/backgrounds/menu_bg.gif");
                        background-repeat:repeat-x;*/
                        color:#000;
                        }
                    ul#menu li a strong {
                        display:block;
                        color:#505050;
                        }
                        ul#menu li a:hover strong {
                            color:#000;
                            }

    div#body_container {
        display:block;
        position:relative;
        padding:25px;
        margin:0 0 40px 0;
        background-color:#FFF;
        border:1px solid #AAA;
        border-top:none;
        }
        div#body_container div#page_header {
            display:block;
            position:relative;
            padding:0 0 10px 0;
            margin:0 0 20px 0;
            border-bottom:1px dotted #CCC;
            }
        div#body_container div#page_header.solid_border {
            border-bottom:1px solid #CCC;
            }
            div#body_container div#page_header h1,
            div#body_container > h1 {
                margin:0 0 10px 0;
                }

div#footer_container {
    display:block;
    position:relative;
    padding:0 0 20px 0;
    margin:0;
    }
    div#footer_container p.copyright {
        font-size:.6875em;
        text-align:center;
        }
        div#footer_container p.copyright a {
            color:#666;
            padding-bottom:0;
            text-decoration:none;
            }

        
body#todopaper a#tryLink,
body#todopaper a#buyLink { 
    display:block;
    position:relative;
    padding:10px;
    margin:10px 0;
    /*background-color:#C2E0FF;*/
    background-color:#D0D0D0;
    text-decoration:none;
    text-align:center;
    color:#000;
    border:3px double #FFF;
    }
/*a#buyLink { background-color:#C2FFE0;}*/
body#todopaper a#buyLink:hover,
body#todopaper a#tryLink:hover {
    background-color:#D3DF7D;
    }

div.product_section {
    display:block;
    position:relative;
    padding:0;
    margin:30px 0;
        }

span.highlight { background-color:#FFFF99; color:#000; }
span.highlight[title] { cursor:default; }
span.italic { font-style:italic; }

div.photo {
   display:block;
   position:relative;
   float:left;
   padding:10px;
   margin:10px 0;
   border:1px solid #CCC;
   text-align:center;
   overflow:hidden;
   }

div.photo p.caption {
    padding:0;
    margin:5px 0 0 0;
    font-size:.6875em;
    }

/* Products */ 
.product_links a {
    border:0px;
    padding:3px;
    background-color:#D0D0D0;
    margin-right:1px;
    color:#000;
    }
.product_links a:hover {
    background-color:#D3DF7D;
    }



/*FORMS*/
label { display:block;
        position:relative;
        width:200px;
        float:left;
        font-weight:normal;
        padding-top:3px;
        }
.input_section { padding:15px; margin-top:1px; background-color:#EEE; border-bottom:1px solid #CCC;}
.input_section:hover { background-color:#FFF6CF; }
.input_textbox, .input_select { clear:left; }
* html .input_textbox, * html .input_select { clear:none; float:left; }

span.required { margin-left:10px; color:#993333; font-size:1em; }

select.input_select {
    padding:4px;
    border:1px solid #CCC;
    }
    select.input_select option {
        padding:0 8px 0 4px;
        }
input.input_textbox { 
    padding:4px;
    width:250px;
    border:1px solid #CCC;
    }

textarea.input_textbox { 
    padding:4px;
    border:1px solid #CCC;
    width:400px;
    height:100px;
    }
    
.button_row {
    padding-left:215px;
    text-align:left;
    }
table#contact_methods_list {
    margin-bottom:15px;
    }
table#contact_methods_list td {
    padding:5px 10px;
    }
table#contact_methods_list td a {
    color:#666;
    }
p.message {
    padding:5px 15px;
    margin:0;
    }
p.highlight_yellow {
    background-color:#FFFABF;
    }
p.highlight_green {
    background-color:#E7FFDF;
    }
p.highlight_blue {
    background-color:#BFE2FF;
    }

a.round_button { 
    display:block;
    position:relative;
    height:19px;
    padding:0 0 0 16px;
    margin:0;
    background-color:#FFF;
    border:0;
    background-image:url("../images/layout/backgrounds/round_button_gate_left_bg.gif");
    background-position:left top;
    background-repeat:no-repeat;
    }
    
a.round_button span {
    display:block;
    position:relative;
    height:19px;
    padding:0 16px 0 0;
    line-height:19px;
    margin:0;
    background-color:#A5A5A5;
    background-image:url("../images/layout/backgrounds/round_button_gate_right_bg.gif");
    background-position:right top;
    background-repeat:no-repeat;
    color:#FFF;
    font-size:14px;
    font-weight:normal;
    }

button:hover { cursor:pointer; }

/* Notebook */
div.post { padding:10px 20px; margin:0 0 1px 0; background-color:#f0f0f0; border-bottom:1px solid #CCC; }
div.post p { font-size:12px; color:#000; line-height:19px; }
div.post p.details { font-size:11px; color:#666; }
div.post ul { color:#000; font-size:12px; list-style-type:circle; }
div.post ul li { line-height:20px;  }
div.post h2 a:hover { border-bottom:1px solid #000; }
div.prev { float:right; margin:10px; }
div.next { float:left; margin:10px; }

/* --| Globals |-- */
html body .sub { color:#777777; font-size:11px; font-weight:normal;}
html body .sub a, html body a.sub, html body a .sub { color:#009900; font-size:11px; font-weight:normal; text-decoration:none; }
html body .sub a:hover, html body a.sub:hover, html body a:hover .sub { color:#009900; font-size:11px; font-weight:normal; text-decoration:none; }
html body .half { width:49%; }
html body .wide { width:99%; }
html body .no_border { border:none !important; }
html body .centerText { text-align: center; }
html body .rightText { text-align: right; }
html body .leftText { text-align: left; }
html body .fright { float:right; }
html body .fleft { float:left; }
html body .fnone { float:none; }
html body .clearL { clear:left; }
html body .clearR { clear:right; }
html body .clearB { clear:both; }
html body .clearN { clear:none; }