/* ---------------------------
BidItUp
Official Color Scheme:
#FFFFFF: (WHITE, logo)
#5279B8: (BLUE, logo)
#1B3F78: (DARK BLUE, page background)
#B5C7E5: (LIGHT BLUE, page background)
#FFE063: (BEIGE, bars)
#FFEB9A: (LIGHT BEIGE, nav hover)
#FFA263: (ROSE, highlights)
#E20F28: (RED, titles)
#999999: (GREY, image borders)
--------------------------- */

/* ===================================================================== */
/* Redefine standard HTML tags */
html {overflow-y: scroll}	/* Force scrollbar in all browsers */
* {							/* Set margin & padding of all elements to 0 */
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 auto;
	background-image: url(images/page-bg.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #5279B8;
/*	cursor: default; */ /* Prevent "text" cursor */
}

a {text-decoration: underline}	/* All links */
a:link,
a:visited {color: #0000FF}		/* Default */
a:hover,
a:active  {color: #0066FF}		/* Hover */


/* ===================================================================== */
/* Set styles for browser consistency */
p, ul, ol {margin: 0 0 12px}/* Set paragraph and list margin      */
a img {border-width: 0}		/* Remove border from image links     */
ul {list-style-type: disc}	/* Set bullet type for unordered list */
ul, ol {text-align: left}	/* Set left alignment for all lists   */
li {margin-left: 20px}		/* Set left margin for list elements  */


/* ===================================================================== */
/* Absolutely positioned elements */
.position {							/* AP container */
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
}
.position * {position: absolute}	/* AP elements */
.position * * {position: relative}	/* AP nested elements */


/* ===================================================================== */
/* Set up basic table form structure */
table td.value span.zip,
table td.field {
	font-weight: bold;
	text-align: right;
}
table td.value {
	text-align: left;
}
table td.value span.zip {
	display: inline-block;
	width: 75px;
	margin-right: 5px;
}
b.req {color: #D1202A}	/* Required form fields color */

td.submit input,
div.submit input {
	width: 80px;
	font-size: 11px;
}


/* ===================================================================== */
/* Redefine header tags */
h1, h2, h3 
{font-family: Verdana, Arial, Helvetica, sans-serif}

h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 8px 0 10px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0 5px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0 3px;
}
hr {
	border: 0;
	color: #999999;
	background-color: #999999;
	height: 2px;
	width: 100%;
	text-align: left;
}

h3#auction-type {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin: 0 0 10px;
}


/* ===================================================================== */
/* Auction links */
div.auction-listing {
}
a.auction-bidnow {
	display: inline-block;
	top: -52px;
	left: 570px;
}
a.auction-more-info {
	display: inline-block;
	top: -60px;
	left: 25px;
}
a.auction-link {
	clear: both;
	display: block;
	min-height: 200px;
	font-size: 15px;
	text-decoration: none;
	margin-top: 3px;
	padding-bottom: 14px;
	border-left-width: 9px;
	border-left-style: solid;
	border-bottom: 1px solid #999999;
}
a.auction-link:link,
a.auction-link:visited {
	color: #1B3F78;
	background-image: none;
	background-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
a.auction-link:hover,
a.auction-link:active  {
	color: #000000;
	background-image: url(images/auction_link-corner.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #FFEB9A;
	border-left-color: #1B3F78;
}
a.auction-link img {
	float: left;
	clear: left;
	margin: 7px 5px 10px 15px;
}
a.auction-link img.placeholder {margin-top: 32px}
a.auction-link span {margin-left: 220px}

a.auction-link span.auction-type {
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-top: 6px;
	margin-left: 14px;
}

a.auction-link span.auction-company {
	display: block;
	color: #E20F28;
	font-weight: bold;
	padding-top: 28px;
}
a.auction-link span.auction-date {
	display: block;
	margin-top: 8px;
}
a.auction-link span.auction-location {
	display: block;
	font-size: 14px;
	margin-top: 8px;
	font-style: italic;
}
a.auction-link span.auction-location b {
	font-style: normal;
}
a.auction-link span.auction-company-description {
	display: block;
	font-size: 12px;
	margin-top: 8px;
}
a.auction-link-bidnow span.auction-location,
a.auction-link-bidnow span.auction-company-description {
	width: 330px;
}


/* ===================================================================== */
/* Item links */
div.item-listing {
	display: inline-block;
	width: 345px;
	margin: 0 5px 5px 0;
}
a.item-bidnow {
	display: inline-block;
	top: -38px;
	left: 208px;
}
a.item-link {
	clear: both;
	display: inline-block;
	width: 345px;
	font-size: 15px;
	text-decoration: none;
	border: 1px solid #999999;
}
a.item-link:link,
a.item-link:visited {
	background-color: #FFFFFF;
}
a.item-link:hover,
a.item-link:active  {
	background-color: #FFEB9A;
}

a.item-link span.item-photo {
	display: table-cell;
	width: 345px;
	height: 345px;
	text-align: center;
	vertical-align: middle;
}
a.item-link span.item-name {
	display: block;
	height: 60px;
	color: #1D3C6A;
	font-weight: bold;
	padding: 0 14px;
	margin-top: 10px;
}
a.item-link span.item-sale-price {
	display: block;
	height: 33px;
	color: #E20F28;
	font-weight: bold;
	padding: 0 14px;
}


/* ===================================================================== */
/* Machine links */
h3.machine_category {
	text-decoration: underline;
	padding: 7px 10px;
	margin-top: 12px;
	margin-bottom: 1px;
	border-top: 1px solid #000000;
	background-color: #FFFFCC;
}

a.machine_link {
	clear: both;
	display: block;
	font-size: 13px;
	text-decoration: none;
	padding: 4px 8px;
	margin-left: 14px;
	border-top: 1px solid #999999;
	border-left-width: 9px;
	border-left-style: solid;
}
div.machine_list a.odd:link,
div.machine_list a.odd:visited  {background-color: #FFFFFF}
div.machine_list a.even:link,
div.machine_list a.even:visited {background-color: #EEEEEE}

div.machine_list a.odd:link,
div.machine_list a.odd:visited,
div.machine_list a.even:link,
div.machine_list a.even:visited {
	color: #1B3F78;
	border-left-color: #FFFFFF;
}
div.machine_list a.odd:hover,
div.machine_list a.odd:active,
div.machine_list a.even:hover,
div.machine_list a.even:active {
	color: #000000;
	background-color: #FFEB9A;
	border-left-color: #1B3F78;
}

a.machine_link span.number {
	color: #E20F28;
	font-weight: bold;
}
a.machine_link span.product_description {
}


/* ===================================================================== */
/* Rigger links */

/* -- TEMP -- */
div.rigger_div {
	clear: both;
	display: block;
	font-size: 15px;
	margin-top: 1px;
	padding: 4px 0 4px 14px;
	border: 1px solid #999999;
	background-color: #FFEB9A;
}
div.rigger_div span {
	display: inline-block;
}
div.rigger_div span.company {
	width: 420px;
	font-size: 16px;
	font-weight: bold;
}
div.rigger_div span.state {
	width: 120px;
	text-align: right;
}
div.rigger_div span.phone {
	font-weight: bold;
}
/* ---------- */

a.rigger_link {
	clear: both;
	display: block;
	font-size: 15px;
	margin-top: 3px;
	padding-bottom: 14px;
	border-bottom: 1px solid #999999;
	border-left-width: 9px;
	border-left-style: solid;
}
a.rigger_link span {
	display: inline-block;
}
a.rigger_link span.company {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
}
a.rigger_link span.phone {
	width: 100px;
	font-weight: bold;
}
a.rigger_link span.state {
	width: 300px;
}


/* ===================================================================== */
/* Button links */
div.buttons {
	text-align: center;
	margin: 6px auto 24px;
}
div.buttons a {
	margin: 0 2px;
}
div.buttons a,
a.button {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 17px;
	border-width: 2px;
	border-style: solid;
	outline: none;
}

div.buttons a:link,		a.button:link,
div.buttons a:visited,	a.button:visited {
	color: #333333;
	border-color: #5279B8;
	background-color: #FFEB9A;
}
div.buttons a:hover,	a.button:hover,
div.buttons a:active,	a.button:active {
	color: #000000;
	border-color: #1B3F78;
	background-color: #FFE063;
}
div.buttons a.current {
	color: #000000;
	border-color: #1B3F78;
	background-color: #FFE063;
}

div#item-intro {
	color: #1B4077;
	font-size: 16px;
	margin: 0 12px;
}


/* ===================================================================== */
/* Nav links */
table#nav {width: 100%}
table#nav td#nav-login,
table#nav td#nav-top {height: 30px}

table#nav a {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 27px 4px;
	background-position: top;
	background-repeat: repeat-x;
	outline: none;
}
table#nav a:link,
table#nav a:visited {
	color: #000000;
	background-image: url(images/bar-top-bg-default.jpg);
}
table#nav a:hover,
table#nav a:active  {
	color: #FFFFFF;
	background-image: url(images/bar-top-bg-hover.jpg);
}
table#nav a.current {
	color: #FFFFFF;
	background-image: url(images/bar-top-bg-current.jpg);
}

td#navLeft {
	background-image: url(images/sidebar-bg.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
td#navLeft ul {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 8px;
	list-style-type: none;
}
td#navLeft ul li {margin-left: 0}
td#navLeft ul li a {
	display: block;
	width: 153px; /* total 176px with padding */
	height: 25px;
	color: #000000;
	text-decoration: none;
	padding: 12px 3px 0 25px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	outline: none;
}
td#navLeft ul li a.double {
	height: 33px;
	padding-top: 4px;
}
/*
td#navLeft ul li a:link,
td#navLeft ul li a:visited {background-color: #FFFFFF}
td#navLeft ul li a:hover,
td#navLeft ul li a:active  {background-color: #FFEB9A}
td#navLeft ul li a.current {background-color: #FFE063}
*/

td#navLeft div.buttons a {
	width: 170px;
	font-size: 13px;
	padding: 5px 0;
	margin-bottom: 5px;
	border-color: #222222;
}

div#ebay {
	text-align: center;
	margin-top: 14px;
}
div#join-mailing-list {
	text-align: center;
	margin: 3px auto 10px;
}

div#share {
	padding: 6px 0 6px 10px;
	text-align: center;
	background-color: #FFFFFF;
	margin: 0 16px;
}

div#intro-package {
	text-align: center;
	margin-top: 14px;
}
div#intro-package a {
	font-size: 15px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	outline: none;
}

div#flags {
	text-align: center;
	margin-top: 12px;
}


/* ===================================================================== */
/* Define all global styles */
table#main {
	margin: 0 auto 12px;
	text-align: left;
	background-color: #FFFFFF;
}

td#header {height: 99px}

td#content,
td#navLeft {
	height: 600px;
	padding: 12px 0;
}

td#content div#header-icons {
	margin: 5px 17px 0;
	padding: 10px 5px 11px;
	background: url(/images/nav-icons-bg.png) left top no-repeat;
}
td#content div#header-icons table {
}
td#content div#header-icons a {outline: none}
td#content div#content-box {
	padding: 12px 20px;
}

div#header-logo {
	top: 14px;
	left: 30px;
}
div#call-now,
div#header-phone {
	left: 502px;
	width: 300px;
	text-align: right;
}
div#call-now {
	top: 11px;
	color: #527AB8;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
div#header-phone {
	top: 36px;
	color: #626061;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#social-networking {
	top: 21px;
	left: 634px;
	width: 300px;
	text-align: right;
}

div#search-bar {
	top: 66px;
	left: 549px;
	width: 400px;
	text-align: right;
}
div#search-bar input {
	height: auto !important;
	font-size: 13px !important;
	padding: 3px 6px !important;
}

td#edge-left {background: url(images/edge-left.jpg) right repeat-y}
td#edge-right {background: url(images/edge-right.jpg) left repeat-y}
td#edge-bottom {background: url(images/edge-bottom.jpg) left top no-repeat}

td#bar-top {
	height: 30px;
	background-image: url(images/bar-top-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

td#bar-right {
	background-image: url(images/mini-sidebar-bg.jpg);
	background-position: right;
	background-repeat: repeat-y;
}

td#bar-bottom {
	height: 20px;
	background-image: url(images/bar-bottom-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
td#bar-bottom div {margin-top: 2px}

td#bar-bottom a {text-decoration: none}
td#bar-bottom a:link,
td#bar-bottom a:visited {color: #000000}
td#bar-bottom a:hover,
td#bar-bottom a:active  {color: #0066FF}

td#footer {
	font-weight: bold;
	padding: 6px 0 4px;
}

td#footer a {text-decoration: none}
td#footer a:link,
td#footer a:visited {color: #000000}
td#footer a:hover,
td#footer a:active  {color: #0066FF}

td#copyright {
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	padding-bottom: 6px;
}
td#copyright,
a.mauk:link,
a.mauk:visited,
a.mauk:hover,
a.mauk:active,
a.mauk:link    span,
a.mauk:visited span {color: #000000}	/* Copyright line default color  */
a.mauk:hover   span,
a.mauk:active  span {color: #D1202A}	/* Rollover color for "mauk" */

div.add-record a,
table.edit-records a {
	color: #000000;
	text-decoration: none;
}

.example {
	color: #999999;
}