
.loginbox {
    position:fixed;
    border:1px solid black;
    border-radius:4px;
    padding:10px;
    background:white;
    color:black;
    bottom:10px;
    right:10px;
    z-index:100;
}
.loginbox:hover .loginboxform,
.loginbox:hover .loginboxoptions {
    display:block;
}
.loginbox:hover { background:#eee; }
.loginboxform {
    display:none;
    padding:20px;
    text-align:center;
}
.loginboxform h2 { font-size:24px; }
.loginboxform input { font-size:32px; max-width:75vw; }
.tinyd { font-size:10px; }

div.nav{
    background:#44444444;
    border-radius:4px;
    display:inline-block;
    position:fixed;
    top:2px;
    right:2px;
    padding:10px;
}

div.nav li{
    list-style:none;
    display:inline;
    padding:5px;
    border-radius:4px;
    
}

div.nav li:hover{
    background:#99999999;
}

div.nav:hover{
    background:#000000; 
} 
div.nav:hover a{
    color:white;
} 

.tinytext
{
    font-size:smaller;
    font-style: italic;
}
body{
    text-align:center;
}
div.form-content{
    background:#dff5df;
}
div.form-content th{
    white-space:nowrap;
}
div.form-content table tr:nth-child(odd) {
    background:#11111111;
    
}
div.form-content table input[type=text]
,div.form-content table input[type=email]
,div.form-content table textarea

{
    width:100%;
    font-size:20px
    
}

div.form-content table {
    border:1px solid #11111111;
    border-radius:10px;
    padding:10px;
    
}
div.content
{
    text-align:center;
    max-width:600px;
    display:inline-block;
    min-width:51%;
    
    border:1px solid #11111111;
    margin:10px;
    padding:10px;
    border-radius:10px;
}
div.content ul
,div.content ol
{
    display:inline-block; 
}
div.content ul li
,div.content ol li
{
    text-align:left;
} 
div.sock-item img
{
    max-width:400px;
}
div.sock-item 
{
    width:100%;
    position:relative;
}
div.sock-wrap:nth-child(odd) 
{
    background:#11111111;
}
div.sock-wrap:hover
{
    background:#11111144;
}
div.sock-wrap 
{
    display:inline-block;
    border:1px solid #333333; 
    padding:10px;
    margin:10px;
    border-radius:4px;
    max-width:400px;
}
.sock-item table
{
    width:100%;
}
.sock-item table tr
{
    display:;
}
.sock-item table.shipform tr:not(.disp)
{
    display:none;
}
.sock-item table th
{
    width:33%; 
    text-align:center;
}
.sock-item table td
{
    width:33%; 
}
.sock-item table td a
{
    background:#333;
    padding:5px;
    display:inline-block;
    border-radius:2px;
    font-size:smaller;
    color:white;
    text-decoration:none;
    
}
.sock-item table td a:hover
{
    color:blue;
    
}
.sock-item textarea
{
    width:95%;
    
}
.answerrequest img
{
    max-width:400px;
}