/* CSS Document */

body 
{
text-align: justify;
}

a:link {
	color: #868686;
	text-decoration:none;
}
a:visited {
	color: #868686;
	text-decoration:none;
}
a:hover {
	color: #008C87;
	text-decoration:none;
}
a:active {
	color: #868686;
	text-decoration:none;
}

h2
{
text-decoration:none;
text-align: left;
font-family: arial;
font-size: 12px;
color:#008C87;
font-weight:bold;
margin-left:20px;
margin-top: 20px;
}

ul
{
text-align: left;
margin-top: 2px;
}

li 
{
display: inline;
}

ul.sidebar
{text-align:left;
font-family: arial;
font-size: 11px;
margin-left: 0px;
padding-left: 0px;
line-height: 14px;
}

li.sidebar
{display:block;
list-style-type:none;
margin-left: 0px;
padding-left: 0px;
}

li.sidebar2
{display:block;
list-style-type:none;
font-size:10px;
margin-left: 4px;
padding-left: 4px;
}

ul.features
{text-align:left;
font-family: arial;
color: #FF0000;
font-size: 11px;
line-height: 130%;
text-indent: -.75em;
}

li.features
{display: block;
list-style-type:none;
}

a
{border:none;
}

/* Top horizontal menu bar*/
a.top
{
text-align: center;
font: bold 11px arial;
text-decoration: none;
padding: 8px 14px;
Color:#FFFFFF;
}

a.top:hover 
{
color:#BFFF71;
}

a.top:active
{
color: white;
}

a.side
{
text-decoration:none;
text-align: left;
font-family: arial;
font-size: 11px;
color:#000000;
line-height:120%;
font-weight:bold;
padding: 0;
}

a.side:hover
{
color:#666666;
}

a.sidetwo
{
text-decoration:none;
text-align: left;
font-family: arial;
font-size: 10px;
color:#000000;
line-height:120%;
padding: 0;
}

a.sidetwo:hover
{
color:#666666;
}

a.featurelist
{
text-decoration:none;
text-align: left;
font-family: arial;
font-size: 10px;
color:#000000;
line-height:130%;
font-weight:bold;
}

a.featurelist:hover
{
color:#666666;
}

a.misc
{
font-family: arial;
font-size: 10px;
color:#666666;
text-decoration: none;
}

/*For the top nav strip on products pages*/
a.navigation
{
font-family: arial;
font-size: 10px;
color:#666666;
text-decoration: none;
}

a.navigation:hover
{
font-family: arial;
font-size: 10px;
color:#000000;
}

/*For the main text area on products pages*/
div#bodymain
{ 
position: absolute; 
top: 0px;
left: 200px;
width: 220px;
margin: 10px; 
} 

/*For the main text area on products pages*/
div#bodymain2
{ 
position: absolute; 
top: 18px;
left: 200px;
width: 220px;
margin: 10px; 
} 

/*Main container centering the page*/
div#cent
{
width: 700px; height: 420px; margin: 0px auto;
position: relative;
}

/*Main container centering cart page below header*/
div#cent2
{
width: 660px; height: 420px; margin: 0px auto;
position: relative;
}

div#header
{position: absolute;
width: 510px; height: 80px; 
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
}

div#footer
{position: absolute;
top: 600px;
left: 0px;
text-align: center;
padding: 0.5em;
font-family: arial;
font-size: 10px;
color:#000000;
}

div#sidebar
{position: absolute;
width: 200px;
height: 695px;
background-color:#CCCCCC;
z-index: 3;
}

div#sidebartext
{position: absolute;
top: 25px;
left: 25px;
width: 150px;
height: 555px;
}

/*Top horizontal menu bar*/
div#topmenu
{position: absolute;
top:100px;
left: 10px;
width: 667px;
height: 25px;
background-color: #000000;
}

/*Secondary container. Page boundary with black rule*/
div#main
{
	position: absolute;
	top: 125px;
	width: 665px;
	height: 695px;
	margin-left: 10px;
	margin-right: 10px;
	border:solid;
	border-width: 1px;
	border-color:#000000;
	background-image:url(images/shadow.jpg);
	background-repeat:no-repeat;
}
/*For main showcase image*/
div#image
{position: absolute;
top: 40px;
left: 435px;
width: 200px;
height: 2600px;
}

/*For main showcase image on Outpost Line Signs - to give more room or input box*/
div#imageshort
{
	position: absolute;
	top: 20px;
	left: 435px;
	width: 200px;
	height: 120px;
}

div#hover
{
position: absolute;
top: 285px;
left: 470px;
width: 143px;
height: 11px;
z-index: 1;
}

div#click
{
position: absolute;
top: 275px;
left: 470px;
width: 143px;
height: 11px;
text-align: center;
z-index: 1;
}

div#related
{
position: absolute;
top: 520px;
left: 472px;
width: 143px;
height: 150px;
}

div#related2
{
position: absolute;
top: 310px;
left: 472px;
width: 143px;
height: 150px;
}

/*For the top nav strip on products pages*/
div#topnav
{ 
position: absolute; 
top: 0px;
left: 200px;
width: 440px;
Height: 15px;
margin: 10px; 
z-index:1;
} 

/*For the top nav strip on products pages*/
p.topnav
{
text-align: left;
font-family: arial;
font-size: 10px;
color:#666666;
margin-left: 10px;
margin-top: 5px;
Margin-bottom: 0px;
line-height: 100%
}
/*div for thumbnail gallery. The following are the styles creating the rollover effects*/
div#minis
{
position: absolute;
top: 325px;
left: 470px;
width: 143px;
height: 143px;
}

div#minis a:click
{background:white;}

div#minis a img.cutoutbig
{height: 0px; width: 0px; border-width: 0; background:#FFFFFF;}

div#minis a:click img.cutoutbig
{
position: absolute;
top: -290px;
left: -35px;
width: 200px;
height: 258px;
border: none;
z-index: 1;
background:#FFFFFF;
}

img.cutoutbig
{
position: absolute;
top: 20px;
left: 435px;
border: none;
z-index: 1;
background:#FFFFFF;
}

div#minis a img.cutoutbig2
{height: 0px; width: 0px; border-width: 0; background:#FFFFFF;}

div#minis a:click img.cutoutbig2
{
position: absolute;
top: -280px;
left: -35px;
width: 200px;
height: 258px;
border: none;
z-index: 1;
background:#FFFFFF;
}

img.cutoutbig2
{
position: absolute;
top: 20px;
left: 435px;
border: none;
z-index: 1;
background:#FFFFFF;
}

p 
{
text-align: left;
font-family: arial;
font-size: 11px;
line-height: 200%;
margin: 20px;
}

p.caption
{
text-align: left;
font-family: arial;
font-size: 10px;
font-style:italic;
margin: 0px;
line-height: 100%;
}

p.main
{
text-align: left;
font-family: arial;
font-size: 11px;
line-height: 130%;
margin: 20px;
}

p.related
{
text-align: left;
font-family: arial;
font-size: 11px;
color:#333333;
line-height:95%;
Margin: 0px;
}

p.small
{
text-align: left;
font-family: arial;
font-size: 10px;
color:#FFFFFF;
}

p.click
{
text-align: center;
font-family: arial;
font-size: 10px;
line-height:100%;
color:#999999;
vertical-align:top;
}

img
{border: none;}

img.cutout
{
position:relative;
left:485px;
top: -305px;
z-index: 1;
}

img.order
{border: none;
margin-left: 15px;
}

img.mini
{border:solid;
border-width: 2px;
border-color: #FFFFFF;
}

hr
{
width: 700px;
height: 1px;
color: #999999;
}

input.asformButton {
	background-image: url(images/button.jpg);
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	color: #FFFFFF;
	cursor: pointer;
	padding: 5px;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	margin-left: 20px;
}

input.asformButton:hover
{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

/*Alternate page border for Cartweaver Cart pages no black rule*/
div#alternatemain
{
	position: absolute;
	top: 125px;
	width: 667px;
	height: 29px;
	margin-left: 10px;
	margin-right: 10px;
	border-style:none;
	background-image:url(images/shadow.jpg);
	background-repeat:no-repeat;
}

/*Alternate container for Cartweaver Cart pages*/
div#alternatecent
{
width: 700px; height: 180px; margin: 0px auto;
position: relative;
}

/*Alternate header for Cartweaver Cart pages*/
div#headerforcart
{position: absolute;
width: 510px; height: 80px; 
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
}

/*For the main text area on products pages: extra indent for Choose Boses*/
div#bodymain2
{ 
position: absolute; 
top: 18px;
left: 200px;
width: 220px;
margin: 15px; 
} 

input.formButton {
	background:none;
	margin-top: 1px;
	padding-right: 0px;
	border:none;
    font-size: 13px;
    color:#999999;
    cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

input.formButton:hover
{
color:#339999;
}
div#searchbox
{
position: absolute;
top: 12px;
left: 527px;
font-family: arial;
font-size: 11px;
font-weight:bold;
color:#999999;
width: 150px; height: 50px;
text-align:right;
z-index: 1;
line-height: 150%;
}