html, body, #wrapper {
    min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
    margin: 0;
    padding: 0;
    }

html>body, html>body #wrapper {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
    } 

#wrapper {
    position: absolute;
    top: 0;
    left: 0;
    text-align:center;
    }
 
#main {
    height: auto;
    padding: .5em;
    padding-bottom: 10em;   /*Keeps content above footer. Originally
                           used margin, but a bug in Opera7 seemed
                           to add spurious margin, pushing the
                           footer beyond the viewport even with
                           short content. */
    }   

#header {text-align:center;}
h1 {line-height:1.2em; padding-top:0.5em;}
h2 {line-height:0.2em;}
h3 {text-transform:uppercase; font-weight:normal}
h4 {text-transform:uppercase; font-weight:normal;}
h5 {font-size:14pt;}
#nav {font-size: 14pt;}


#caja {margin: 0 auto; width:500px;}
#caja p {text-align:left;}
#caja .input {text-align:left;}

#logos p {display:inline;}


 
#footer {
	font-size: 14pt;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    }



#product_box h3 {text-align:center;}
#product_box .product {float:left; padding-right:1em; padding-bottom:1em;}
#product_box form {text-align:left; clear:both;}
#product_box p.price {display:inline;}

a:link, a:visited, a:active {text-decoration: underline;}
a:hover {text-decoration: underline;}

img {border:0px}
img.frame {border: 4px double #666;}

.tag {font-size:16pt; font-weight:bold;}

form.form {font-size: 12px;}
form.form label.mandatory {font-style: italic; font-size: 11px;}
form.form label.optional {font-style: italic; font-size: 11px;}
form.form em {color: #333; font-style: normal; font-weight: bold; font-size: 12px;}
form.form input, form.form label, form.form textarea { display: block;}
form.form input, form.form textarea { margin-bottom: 10px; width: 268px;}
form.form select {margin-bottom: 10px; min-width: 150px;}
form.form input.checkbox {display: inline; margin: 0 5px 0 0; vertical-align: baseline; width: auto;}
form.form label.checkbox {display: inline; vertical-align: top;}
form.form .image_input {width: auto; margin-top: 20px; }


#footer h4 {text-transform:uppercase; font-weight:normal}
#footer h5 {text-transform:none; font-weight:normal}


.twitter {
    background-image: url(/images/twitter.gif);
    background-repeat: no-repeat;
    padding-left: 19px;
}

.facebook {
    background-image: url(/images/facebook.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
}

p.copy {font-size:10pt; display:none;}