﻿
body {
	background-color:#1B1B1B;
	margin:0px;
}


/* These headers are to cover standard font sizes and styles that
I'm using throughout the site. */

h1 {
	font-size:large;
	font-weight:bold;
}


h2 {
	font-size:large;
	font-weight:normal;
}

h3 {
	font-size:medium;
	font-weight:normal;
}

h4 {
	font-size: small;
	font-weight:bold;
}

h5 {
	font-size: small;
	font-weight:normal;
}

h6 {
	font-size:x-small;
	font-weight:normal;
}
/* ------------------------------------------------------ */


/* Standard Link/Anchor Tag properties for whole document */
a {
	color:#4653AA;
}

a:visited {
	color:#4653AA;
}
/* ----------------------------------------------------- */


/* Standard image borders */
img {
	border-right: 3px #A4A4A4 solid;
	border-bottom: 3px #A4A4A4 solid;
	border-left: 3px #D8D8D8 solid;
	border-top: 3px #D8D8D8 solid;
}
/* ----------------------------------------------------- */


div#popup {
      background-color: black;
      color:white;
      display:none;
      font-size:small;
      font-weight: bold;
      margin-left: auto;
      margin-right: auto;
      padding:5px;
      position:fixed;
      text-align:center;
      width:736px;
      max-height: 520px;
      z-index:1;
}

div#popup img {
	border: 0px;
}

div#popuppicture2 {
	text-align:center;
}

div#popuppicture {
	float: left;
}


div#popuptext {
	float: right;
	text-align:center;
}

div#closebutton {
	float: right;
}
div#closebutton a {
	text-decoration: none;
	text-align: right;
	color: red;
	
}

/* Wrapper is the outermost div. It repeats a 2pixel Jpeg
gradient that is used as the background in the main site area. */

div#wrapper {
	background-image:url('images/bgsliver.jpg');
	background-repeat:repeat;
	margin: 10px auto 0px auto;
	width: 770px;
}
/* -------------------------------------------------------- */


/* Container is the second div and is contained inside wrapper. 
It repeats a 2 pixel background image vertically to provide
the frame on the left and right sides. The center part of the png
frame graphics file is set to transparent. */

div#container {
	background-image:url('images/frametile.gif');
	background-repeat:repeat-y;
	margin: 0px auto;
	width: 770px;
	font-family: Helvetica, Verdana, sans-serif;
}

/* -------------------------------------------------------- */


/* Frame holder for top 10 pixel frame image. */
div#frametop {
	width: 770px;
	height: 14px;
	background-image:url('images/frametop1.gif');
	background-repeat:no-repeat;
/* This overflow is to fix a bug in IE6 */
	overflow: hidden;
}
/* -------------------------------------------------------- */


/* Frame holder for bottom 10 pixel frame image. */
div#framebottom {
	width: 770px;
	height: 14px;
	background-image:url('images/framebottom1.gif');
	background-repeat:no-repeat;
	overflow: hidden;
}
/* -------------------------------------------------------- */


/* Holds the logo */
div#logo {
/* This DisplayInline is to fix the double margin bug in IE6 */
	display: inline;
	background-color: #B6B6B6;
	width: 400px;
	height: 112px;
	float: left;
	margin-bottom: 8px;
	margin-left: 16px;
	padding: 6px 1px 2px 6px;
	border-right: 3px #A4A4A4 solid;
	border-bottom: 3px #A4A4A4 solid;
	border-left: 3px #D8D8D8 solid;
	border-top: 3px #D8D8D8 solid;
}
/* -------------------------------------------------------- */


/* Some necessary (and not so necessary) logo properties */
div#logo img {
	border: none;
}

div#logo:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}
/* ----------------------------------------------------- */


/* The outermost wrapper for the right-hand text-based part
of the header. */
div#header1 {
	float: right;
	text-align: center;
	width: 320px;
	font-size: small;
	font-style: normal;
}
/* ---------------------------------------------------- */


/* A wrapper to hold the two columns, hdrlt and hdrrt,
since these properties need to apply to both. */
#hdrmain {
	letter-spacing: 2px;
	word-spacing: 3px;
	line-height: 22px;
}
/* ---------------------------------------------------- */


/* Header Left, left column on right hand side. */
#hdrlt {
	float: left;
	padding-right: 6px;
	border-right: 2px solid #A0A0A0;
	width: 158px;
	text-align: right;
}
/* ---------------------------------------------------- */


/* Header Right, right column on right hand side. */
#hdrrt {
	padding-left: 8px;
	float: left;
	width: 140px;
	text-align: left;
}
/* ---------------------------------------------------- */


/* Phone number */
#phoneno {
	float: right;
	font-size: large;
	width: 320px;
	margin-top: 6px;
	letter-spacing: 1.5px;
}
/* ---------------------------------------------------- */


/* Div to hold menu buttons. */
div#menucontent {
	text-align: center;
	clear: both;
	margin-bottom: 4px;
	margin-left: 6px;	
}
/* ---------------------------------------------------- */

/* Menubutton Class - Anchor Attributes (attributes applied when this
class is used as a link) */
div#menucontent a {
	color: white;
	text-decoration: none;
	font-size: small;
	background-color:#666666;
	width: 108px;
	height: 20px;	
	border-bottom:2px white solid;
	float:left;
	padding-top:5px;
}

div#menucontent a:hover {
	background-color: #1B1B1B;
	border-bottom: 2px #2E844A solid;
	cursor: hand;
}
/* ---------------------------------------------------- */


/* Applied to "Current Page Buttons", the button that links to the page you are on. 
This makes the button darker in color and also changes the text color.
Text contained in these blocks are not links since you wouldn't
want to link back to the very page you are on. */
.thispage {
	background-color:#484848;
	width: 110px;
	height: 20px;	
	border-bottom:2px white solid;
	float:left;
	padding-top:5px;
	color:#D6D6D6;
	text-decoration:none;
	font-weight:bold;
	font-size: small;
}
/* ---------------------------------------------------------------------------- */


/* Center column in the body. */
div#bodycontentcenter {
	display:inline;
	float: left;
	margin: 6px 0px 6px 0px;
	text-align:center;
	width:412px;
	min-height: 260px;
}
/* ---------------------------------------------------------------- */


/* Left column in the body. */
div#bodycontentleft {
	display:inline;
	float: left;
	margin: 6px 4px 6px 12px;
	text-align:center;
	width: 160px;
	min-height: 260px;
}
/* ----------------------------------------------------------------- */


/* Right column in the body. */
div#bodycontentright {
	float:right;
	display:inline;
	margin:6px 12px 6px 4px;
	text-align:center;
	width: 160px;
	min-height: 260px;
}
/* ---------------------------------------------------------------- */

div#singlecolumn {
	display: inline;
	float: left;
	width: 745px;
	min-height: 260px;
	margin: 20px 12px 6px 12px;	
}


/* Footer, no duh. */
div#footer {
	clear:both;
	font-size: x-small;
	text-align:center;
	margin: 4px 6px 0px 6px;
	height: 22px;
	background-color:#B5B5B5;
	border-top:2px #C1C1C1 solid;
	line-height: 28px;
	letter-spacing: 2px;
	word-spacing: 3px;
/* This overflow is to fix a bug in IE6 */
	overflow: hidden;
}
/* --------------------------------------------------------------- */


/* Internet Explorer Conditional Comment(s) */
div#IEalert {
/* This DisplayInline is to fix the double margin bug in IE6 */
	display: inline;
	color: white;
	width: 320px;
	margin-right: 16px;
	margin-bottom: 6px;
	float: right;
	font-size: x-small;
	text-align: center;
	overflow: hidden;
	background-color: #D50000;
}

.equipmentform {
	font-weight: bold;
}

table {
	/* font-family:"Courier New", Courier, monospace; */
    width: 630px;
	border-collapse: collapse;
    line-height: 1.5em;
    color: black;
    font-size: small;
    margin-left: auto;
    margin-right: auto;
}

.photo {
	width: 100px;	
}

.itemdesc {
	width: 420px;
}

.itemdesc2 {
	width: 320px;	
}

.itemdeleted {
	width: 420px;
	color: red;
}
.pricecells {
	width: 70px;
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	font-weight: bold;
}

.pricecellB {
	width: 100px;
	text-align: center;
	font-family:"Courier New", Courier, monospace;
	font-weight: bold;
}
.newusedcell {
	width: 70px;
	text-align:center;
	font-family:"Courier New", Courier, monospace;
	font-weight: bold;
}

.cellcolor1 {
    background-color: #FFFFFF;
}

.cellcolor2 {
    background-color: #E0E0E0;
}

th {
    font-weight: bold;
    font-size: small;
    color: white;
	background-color: #2E844A; /* 231F20 Green=#2E844A Red=#892E2E*/
    text-align: left;
}

