/*overduecards.com CSS*/

body 
{
background-color: #ffffff; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family: courier new;
}

img 
{
border: none;
}

p
{
font-family: courier new; 
font-size: 12pt; 
text-align: left; 
color: #000000;
}

div#bookmark
{
position: absolute;
top: 0px;
left: 150px;
height: 100%;
width: 140px;
background-color: #fefccc;
float: left;
clear: none;
}

div#oproducts
{
position: absolute;
top: 1060px;
left: 200px;
}

div#oplogo
{
position: absolute;
top: 990px;
left: 200px;
}


div#libcard
{
position: absolute;
top: 325px;
left: 200px;
}

div#odcard
{
position: absolute;
top: 325px;
left: 640px;
}

div#pocket
{
position: absolute;
top: 665px;
left: 200px;
}

div#smalljournal
{
position: absolute;
top: 665px;
left: 640px;
}

div#notebook
{
position: absolute;
top: 1060px;
left: 780px;
}

div#logoimg
{
position: relative;
right: 500px;
top: 10px;
}

div#bag
{
position: absolute;
left: 490px;
top: 1060px;
}

img#logo
{
z-index: 8;	
}
	
div#logoleft
{
position: absolute;
left: 50px;
top: 60px;
}

div#secondleft
{
position: absolute;
left: 95px;
top: 135px;
z-index: 3;
}

div#homeright
{
position: absolute;
left: 200px;
top: 100px;
z-index: 3;
text-align: right;
}

div#mainimgright
{
position: absolute;
left: 400px;
top: 250px;
z-index: 0;	
}
	
div#rollimg 
{
position: absolute;
right: 100px;
top: 110px;
height: 530px;
}

div#productlines
{
position: absolute;
top: 100px;
left: 250px;
z-index: 6;
width: 300px;
}

div#thumbmenu
{
position: absolute;
top: 250px;
left: 200px;
height: 400px;
width: 190px;
overflow: auto;
z-index: 6;
}

div.thumb {
clear: both;
margin-bottom: 20px;
}
	
div#contenthome
{
position: absolute;
top: 100px;
left: 200px;
width: 550px;		
}

div#content
{
position: absolute;
top: 220px;
left: 250px;
width: 450px;		
}
	
div#footer
{
float: none;
clear: both; 
height: 90px;
position: absolute;
top: 1px;
left: 175px;
width: 100px;
}

div#footerbughome
{
float: none;
clear: both; 
position: relative;
bottom: 10px;
width: 100%;
z-index: 3;
text-align: center;
font-family: courier new; 
font-size: 8pt; 
color: #000000;
}

.productline, .productline a 
{
color: #d52222;
font-family: Courier New;
font-size: 24px;
line-height: 32px;
/* width: 190px; */
}

.label
{
font-family: courier new; 
font-size: 12pt; 
text-align: right; 
color: #000000;
white-space: nowrap;
}

input.inq
{
width: 250px;
background: #f8f8f8;
}

textarea
{
background: #f8f8f8;
}

.error
{
color: #d52222;
}

div#footerint
{
float: none;
clear: both; 
height: 90px;
position: absolute;
top: 700px;
width: 100%;
background-color: #c0c0c0;
z-index: 1;
}

div#footerbug
{
float: none;
clear: both; 
position: absolute;
top: 795px;
width: 100%;
z-index: 1;
text-align: center;
font-family: courier new; 
font-size: 8pt; 
color: #000000;
height: 80px;
}

div#findtitle
{
position: absolute;
top: 150px;
left: 250px;
}

div#aboutod
{
position: absolute;
top: 150px;
left: 250px;
}

div#contacttitle
{
position: absolute;
top: 150px;
left: 250px;
}

div#order
{
position: absolute;
top: 150px;
left: 250px;
}