html, body {
height: 100%;
padding: 0px;
margin: 0px;
background:#D7DBE2;
}
body{
width:950px;
margin:0 auto;
font-family:Calibri, Tahoma,Arial, Helvetica, sans-serif;
font-size:100%;
line-height:25px;
}
.dropshadow {
-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */
}
.tinytxt
{
padding-left:240px;
font-size:12px;
font-weight:bold;
}
#ods
{
padding:20px;
}
#ods h2
{
color:#333333;
font-size:10px;
font-weight:bold;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
#oldcontainervalues
{
height: 100%;
height: auto !important;
min-height: 100%;
margin-bottom: -100px;
}
div#container {
margin-top:10px;
width:950px;
border:1px solid #CDCDCD;
background: #FFFFFF;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
box-shadow:0px 0px 10px #B5B5B5;
-webkit-box-shadow:0px 0px 10px #B5B5B5;
-moz-box-shadow:0px 0px 10px #B5B5B5;
}
div#header {
height: auto;
background: #FFFFFF;
border-bottom:0px solid #333333;
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
box-shadow:0px 0px 10px #B5B5B5;
-webkit-box-shadow:0px 0px 10px #B5B5B5;
-moz-box-shadow:0px 0px 10px #B5B5B5;
padding:3px;
}
#header h2
{
color:#000;
font-size:14px;
font-weight:bold;
font-style:italic;
letter-spacing:5px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
div#body {
overflow: hidden;
height: 100%;
}
div#content {
width:610px;
padding-left:5px;
padding-right:5px;
border-right:1px solid #333;
}
#content h2
{
color:#333333;
font-size:14px;
font-weight:bold;
letter-spacing:2px;
text-transform:uppercase;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
#content h3
{
color:#000;
font-size:16px;
font-weight:bold;
text-decoration:underline;
letter-spacing:3px;
text-transform:uppercase;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.tender
{
padding:3px;
border:1px solid #333333;
background:#FF0000;
color:#FFFFFF;
font-weight:bold;
font-size:15px;
letter-spacing:2px;
text-transform:uppercase;
text-decoration:blink;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-webkit-border-top-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
-moz-border-radius-topright: 9px;
-moz-border-radius-topleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
border-top-right-radius: 9px;
border-top-left-radius: 9px;
box-shadow:0px 0px 10px #B5B5B5;
-webkit-box-shadow:0px 0px 10px #B5B5B5;
-moz-box-shadow:0px 0px 10px #B5B5B5;
}
.statelisting a:link, .statelisting a:active, .statelisting a:visited
{
width:160px;
padding:5px;
float:left;
display:block;
}
div#content a
{
color: #FF8023;
text-decoration:underline;
}
div#content a:hover
{
color: #000000;
text-decoration:underline;
}
div#left-sidebar {
width:150px;
padding: 5px;
}
div#right-sidebar {
width:150px;
padding:5px;
}
#left-sidebar h2
{
color:#333333;
font-size:10px;
font-weight:bold;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
div#footer-push {
height: 100px;
}
div#footer {
height: 185px;
background: #232323;
color:#FFF;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
box-shadow:0px 0px 10px #B5B5B5;
-webkit-box-shadow:0px 0px 10px #B5B5B5;
-moz-box-shadow:0px 0px 10px #B5B5B5;
border-top: 0px solid #333333;
padding: 20px;
}
.sold
{
background-image:url('images/sold-watermark.png');
background-repeat:no-repeat;
}
div#footer a
{
font-size: 12px;
font-weight:bold;
color: #FFFFFF;
text-decoration:none;
}
div#footer a:hover
{
font-size: 12px;
font-weight:bold;
color: #FFFFFF;
text-decoration:underline;
}
/* TOP NAV */
#topnav
{
background:#19C1FF;
height:30px;
width:950px;
padding-left:20px;
padding-right:20px;
}
.navlink2 a:link, .navlink2 a:visited, .navlink2 a:active {
font-weight:bold;
COLOR:#FFFFFF;
text-decoration:none;
padding-left:10px;
padding-right:10px;
background:#44A5C9;
height:24px;
width:125px;
padding-top:5px;
display:block;
float:left;
margin:1px;
}
.navlink2 a:hover {
font-weight:bold;
COLOR:#FFFFFF;
text-decoration:none;
padding-left:10px;
padding-right:10px;
padding-top:5px;
background:#1B5063;
display:block;
height:24px;
width:125px;
float:left;
margin:1px;
}
.navactive a:link {
font-weight:bold;
COLOR:#FFFFFF;
text-decoration:none;
padding-left:10px;
padding-right:15px;
padding-top:5px;
background:#1B5063;
display:block;
height:24px;
width:150px;
float:left;
margin:1px;
}
.navlink a:link, .navlink a:visited, .navlink a:active {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #9D9DBD; PADDING-RIGHT:5px; DISPLAY: block; PADDING-LEFT:5px; PADDING-BOTTOM:5px; PADDING-TOP:5px; TEXT-ALIGN: center; TEXT-DECORATION: none;BACKGROUND-COLOR: #D1D1E0; }
.navlink a:hover {
COLOR:#FFFFFF; BACKGROUND-COLOR: #9D9DBD; TEXT-DECORATION: none;font-size:10px;
FONT-WEIGHT: bold; FONT-SIZE: 16px;PADDING-RIGHT:5px; DISPLAY: block; PADDING-LEFT:5px; PADDING-BOTTOM:5px; PADDING-TOP:5px; TEXT-ALIGN: center; TEXT-DECORATION: none;
}
/* TOP NAV */
/* INPUT FIELDS */
.buts2 {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
background:#1B5063;
background: -moz-linear-gradient(19% 65% 90deg,#1B5063, #1B5063, #1B5063 51%);
background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#1B5063), to(#1B5063));
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#1B5063')";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#1B5063');/* IE 5.5 - 7 */
color:#f0f0f0;
float:left;
font-size:14px;
font-weight:bold;
padding:5px 20px;
text-shadow:0 1px 1px #333;
border: 1px solid #333;
cursor:pointer;
}
.buts2:hover {
background: -moz-linear-gradient(19% 65% 90deg,#1B5063, #1B5063, #1B5063 51%);
background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#1B5063), to(#1B5063));
color: #FFF;cursor:pointer;
}
#currency_select select {
width: 150px;
BACKGROUND-COLOR:#FFFFFF;
COLOR:#4F9AF4;
font-size:12px;
font-weight:bold;
border-top:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
padding:3px;
}
.iput {
BACKGROUND-COLOR:#FFFFFF;
COLOR:#4F9AF4;
font-size:12px;
font-weight:bold;
border-top:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
padding:3px;
}
.iput:hover{
background-color:#EFF6FF;
padding:3px;
}
.iput:focus{
background-color:#EFF6FF;
padding:3px;
}
/* INPUT FIELDS */
/* PAGINATION */
.paginate {
background:#FFF;
font-size: 12px;
-moz-border-radius: 12px;
border-radius:12px;
-webkit-border-radius: 12px;
behavior: url(border-radius.htc);
}
a.paginate {
background:#FFF;
border: 1px solid #118BD3;
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #118BD3;
-moz-border-radius: 12px;
border-radius:12px;
-webkit-border-radius: 12px;
behavior: url(border-radius.htc);
}
.paginate a:hover {
background-color: #118BD3;
color: #FFF;
text-decoration: underline;
-moz-border-radius: 12px;
border-radius:12px;
-webkit-border-radius: 12px;
behavior: url(border-radius.htc);
}
select.paginate {
background:#FFF;
border: 1px solid #118BD3;
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #118BD3;
-moz-border-radius: 12px;
border-radius:12px;
-webkit-border-radius: 12px;
behavior: url(border-radius.htc);
}
a.pcurrent {
border: 1px solid #118BD3;
font: bold 12px Tahoma,Helvetica,sans-serif;
padding: 2px 6px 2px 6px;
cursor: default;
background:#118BD3;
color: #FFF;
text-decoration: none;
-moz-border-radius: 12px;
border-radius:12px;
-webkit-border-radius: 12px;
behavior: url(border-radius.htc);
}
span.inactive {
background:#FFF;
border: 1px solid #999;
font-size: 12px;
padding: 2px 6px 2px 6px;
color: #999;
cursor: default;
-moz-border-radius: 12px;
border-radius:12px;
-webkit-border-radius: 12px;
behavior: url(border-radius.htc);
}
/* PAGINATION */
/* IMAGE STYLES */
.dropshadow {
-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */
}
/* IMAGE STYLES */
/* GENERAL STYLES */
.table1 td
{
padding-right:3px;
}
.hrline
{
border-top:1px dotted #999797;
}
.wlink, .wlink a:link, .wlink a:active, .wlink a:visited
{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.wlink a:hover
{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
#blink a
{
color:#333333;
font-weight:bold;
font-size:12px;
text-decoration:none;
letter-spacing:5px;
text-transform:uppercase;
}
#blink .arrow
{
color:#333333;
font-weight:bold;
font-size:12px;
text-decoration:none;
letter-spacing:5px;
text-transform:uppercase;
}
#currency a
{
color:#93C88C;
font-weight:bold;
font-size:10px;
text-decoration:none;
letter-spacing:0px;
text-transform:uppercase;
}
#blink a:hover
{
color:#4796E5;
font-weight:bold;
font-size:12px;
text-decoration:underline;
letter-spacing:5px;
text-transform:uppercase;
background:#FFFFFF;
}
#currency a:hover
{
color:#333333;
font-weight:bold;
font-size:10px;
text-decoration:none;
letter-spacing:0px;
text-transform:uppercase;
}
.whitebox
{
color:#000000;
padding:0 10px 10px 10px;
margin:5px;
background: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.8)
}
.whitebox_grey
{
color:#000000;
padding:0 10px 10px 10px;
margin:5px;
background: #EDEDCE; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.8)
}
.whitebox_blue
{
color:#000000;
padding:0 10px 10px 10px;
margin:5px;
background: #E5E8E6; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.8)
}
.whitebox_blue2
{
width:300px;
color:#000000;
padding:10px 10px 10px 10px;
margin:5px;
font-size:25px;
font-weight:bold;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
background: #D2FFA5; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.8)
}
/* GENERAL STYLES */
/* CART */
.trow2 {
font-size: 12px;
font-weight:bold;
color: #FFFFFF;
background-color: #4F7DB6;
height:25px;
}
.trow4 td{
font-size: 12px;
font-weight:normal;
color: #0E0C0D;
background-color: #F1F1F1;
padding:7px;
}
.trow5 td {
font-size: 12px;
font-weight:normal;
color: #0E0C0D;
background-color: #F8F8F8;
padding:7px;
}
.trow3 td{
font-weight:bold;
padding:7px;
}
.hline
{
border:1px solid #4F9AF4;
}
#alert
{
overflow: hidden;
width: 800px;
text-align:right;
height: 0;
color: #FFFFFF;
font-style:italics;
letter-spacing:3px;
font-size:20px;
text-decoration:blink;
font-weight:bold;
padding-right:50px;
z-index:1000;
}
.alert
{
color:#FF6E05;
}
.red
{
color:#FF6E05;
}
/* CART */
/* Blue Nav Bar */
ul#nav-bar-blue {
position:absolute;top:150px;
width:910px;
background: #E5E5E5; /* old browsers */
background: -moz-linear-gradient(top, #E5E5E5 0%, #C4C4C4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#C4C4C4)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#C4C4C4',GradientType=0 ); /* ie */
border:1px solid #757575;
border-bottom:3px solid #207ce5;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
padding:10px 20px;
cursor:default;
}
ul#nav-bar-blue li {
display:inline;
margin-right:-4px;
list-style-type:none;
}
ul#nav-bar-blue li a {
text-decoration:none;
font-weight:bold;
color:#1d1d1d;
border-left:1px solid #6f6f6f;
padding:10px 20px;
}
ul#nav-bar-blue li:first-child a {
border-left:none;
}
ul#nav-bar-blue li:nth-child(2) a {
border-left:none;
}
ul#nav-bar-blue li a:hover {
background:rgba(0, 0, 0, 0.1);
}
ul#nav-bar-blue li a.active {
padding:20px 20px 12px 20px;
background: #499bea; /* old browsers */
background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* ie */
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
-moz-box-shadow:0px -1px 5px #000000;
-webkit-box-shadow:0px -1px 5px #000000;
box-shadow:0px -1px 5px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=0, direction=0, color='#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=0, Direction=0, Color='#000000')";
color:#fff;
}
/* Blue Nav Bar */
/* CALENDAR */
.calpadding
{
border:1px solid #9B9B9B;
}
.orange {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #FFFFFF;
background-color:#FF9900;
padding-left:10px;
}
.bbox {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #0E0C0D;
background-color: #F1F1F1;
border:1px solid #333333;
}
.gbox {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #0E0C0D;
background-color: #D6EFD1;
border:1px solid #333333;
}
.hbox {
font-family: "Georgia",Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #FFFFFF;
background-color: #adaaa4;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding-left:5px;
text-transform:uppercase;
text-align:left;
}
/* CALENDAR */