/* CSS Reset */
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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html{background:url(images/bg_html.png) 0 0 repeat-x #e6e6e6; padding-top:3px;}
body {font:11px/1.5 verdana,arial,helvetica,sans-serif; color:#000; width:990px; margin:auto; position:relative; background:#fff; padding-top:66px;}

a{color:#00509B; text-decoration:none;}
p{margin-bottom:15px;}
h1, h2, h3{font-size:24px; color:#000; margin-bottom:10px; line-height:1; font-weight:normal;}
h1{color:#fff; margin-bottom:3px;}
h3{font-size:17px; color:#AA4500; margin-top:-10px;}
strong{font-weight:bold;}
ul{position:relative;}
li{padding-left:12px; padding-bottom:2px; background:url(images/bg_bullet.png) 0 0 no-repeat; position:relative;}

#content{padding:28px 15px 15px 15px; overflow:auto; height:1%;}
#footer{padding:7px 14px; background:#fff; overflow:auto; height:1%;}
#footer p{float:right; margin:0;}
#footer span{color:#000;}

#logo{position:absolute; top:0; left:0; width:145px; height:56px; background:url(images/scherer_logo.png) 0 0 no-repeat; text-indent:-9999px;}
#nav{position:absolute; top:0; right:0;}
#nav li{float:left; background:none; padding:0;}
#nav a{display:block; width:90px; height:24px; background:url(images/bg_navigation.png) 0 0 no-repeat; text-indent:-9999px;}

li#nav_home a{width:61px; background-position:-95px 0;}
li#nav_about a{width:66px; background-position:-95px -25px;}
li#nav_suppliers a{width:76px; background-position:-95px -50px;}
li#nav_contact a{width:73px; background-position:-95px -75px;}

li#nav_home a:hover{width:61px; background-position:-190px 0;}
li#nav_about a:hover{width:66px; background-position:-190px -25px;}
li#nav_suppliers a:hover{width:76px; background-position:-190px -50px;}
li#nav_contact a:hover{width:73px; background-position:-190px -75px;}

li#nav_home a.current{width:61px; background-position:0px 0;}
li#nav_about a.current{width:66px; background-position:0px -25px;}
li#nav_suppliers a.current{width:76px; background-position:0px -50px;}
li#nav_contact a.current{width:73px; background-position:0px -75px;}

#description{background:url(images/bg_bar.png) 0 0 no-repeat; width:960px; height:74px; padding:15px;}
#description p{font-size:14px; font-style:italic; color:#B3B3B3; margin:0;}

/* PAGE SPECIFIC CSS */
.column{padding:15px; background:#fff; border-top:3px solid #FFCE00; margin-top:-18px;}

#page_home .column, #page_contact .column{-moz-opacity:.9; filter:alpha(opacity=90); opacity:.9;}

#page_contact{background:url(images/contact.jpg) 0 0 no-repeat #fff;}
    #contact_us{position:relative; width:510px; margin-left:-15px; overflow:auto;}
        #contact_us textarea{width:494px;}
    #contact_info{float:right; padding-top:13px; width:240px;}

#page_home{background:url(images/home.jpg) 0 0 no-repeat #fff;}
    #products{width:510px; float:left; margin-left:-15px; display:inline;}
        #products ul{float:left; width:295px}
        #products ul.first{width:205px;}
    #requests{width:400px; float:right; margin-right:-15px; display:inline;}

#page_suppliers{}
    #suppliers{margin-left:-10px;}
    #suppliers li{width:220px; height:130px; margin-bottom:15px; margin-left:10px;
                    overflow:hidden; border:1px solid #E1E1E1; float:left; background:none;
                    padding:5px; overflow:auto; background:#EDEDED;}
    #suppliers a{font-size:12px;}
    #suppliers span{font-style:italic;}
    #suppliers img{width:220px; height:70px; display:block; margin-bottom:5px;}
    
#page_about{}
    #page_about .column{float:right; width:350px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;
        margin-top:0px; margin-left:15px; margin-bottom:15px;}
    #page_about .column p{margin:0;}

/* FORMS */
form p{margin-bottom:0;}
input{width:235px;}
input, textarea{padding:3px; border:1px solid #ccc; margin-bottom:10px; font:11px/1.5 verdana,arial,helvetica,sans-serif;}
input:focus, textarea:focus{border:1px solid #999;}

#radio{overflow:hidden; height:25px;}
#radio input{width:auto; outline:none; float:left; border:none;}
#radio div{float:left;}
#radio span{display:block; float:left; padding-right:10px;}

textarea{width:385px; height:100px;}
.submit{background:#F2F2F2; width:auto; cursor:pointer; padding:2px 8px; float:left; display:block; outline:none; overflow: visible;}
.submit:hover{background-color:#EEF8FF;}

#email_status{display:inline; margin:0;}
#email_status p{margin-left:59px; margin-top:4px; padding-left:20px;}

p.email_loading{background:url(images/ajax-loader.gif) 0 0 no-repeat;}
p.email_sent{background:url(images/email_sent.gif) 0 0 no-repeat;}
p.email_fail, p.email_error{background:url(images/email_failed.gif) 0 0 no-repeat;}