/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
A {
  color: #AABBDD;
  text-decoration: none;
}

A:hover {
  color: black;
  text-decoration: underline;
}


h1
 {
 font-family: Arial Narrow, Arial, sans-serif; 
 font-stretch: condensed; 
 font-size: 16pt;
 color:#B2B2B2;
 margin-bottom:0px;
 margin-top:0px;
 }
 
h2
 {
 font-family: Arial Narrow, Arial, sans-serif; 
 font-stretch: condensed;
 font-weight: normal; 
 font-size: 14pt;
 color: grey;
 margin-bottom:0px;
 margin-top:0px;
 } 

h3
 {
 font-family: Arial Narrow, Arial, sans-serif; 
 font-stretch: condensed; 
 font-size: 11pt;
 font-weight: bold;
 color:#B2B2B2;
 margin-bottom:0px;
 margin-top:0px;
 }  

h4
 {
 font-family: Arial Narrow, Arial, sans-serif; 
 font-stretch: condensed; 
 font-size: 10pt;
 font-weight: none;
 color:#B2B2B2;
 margin-bottom:0px;
 margin-top:0px;
 } 

h5
 {
 font-family: Arial Narrow, Arial, sans-serif; 
 font-weight: normal; 
 font-size: 10pt;
 color: black;
 margin-bottom:0px;
 margin-top:0px;
 }    
 
 p
 {
 font-family: Arial Narrow, Arial, sans-serif; 
 font-stretch: condensed; 
 font-size: 12pt;
 color:rgb(114,112,111);
 margin-bottom:0px;
 margin-top:0px;
 }
 
 

 
 #mainWhitePage {
    box-shadow: 10px 10px 5px #888888;
    border-radius: 6px;    
    background: #FFFFFF;
    padding: 0px;
    width: 980px; 
  }

 #infoBox {
    box-shadow: 5px 5px 5px #888888;
    border-radius: 6px;    
    background-image: url("images/infoBoxBack.jpg");
    background-repeat: repeat-x;
    background-position: center bottom; 
    padding: 0px;
    width: 350px;
    height: 220px; 
  } 
 
 .infoBoxSmall {
    box-shadow: 5px 5px 5px #888888;
    border-radius: 6px;    
    background-color: grey;
    background-repeat: repeat-x;
    background-position: center bottom; 
    padding: 0px;
    width: 360px;
    height: 220px; 
    
  }
 
 .infoBoxSmallGrey {background-color: grey;} 
 .infoBoxSmallGreen {background-color: #BCD143;}
 
 #infoBoxSmallLightBlue {
    box-shadow: 5px 5px 5px #888888;
    border-radius: 6px;    
    background-color: lightblue;
    background-repeat: repeat-x;
    background-position: center bottom; 
    padding: 0px;
    width: 360px;
    height: 220px; 
    cursor:pointer;
  } 
  
  #infoBoxSmallLightBlueLong {
    box-shadow: 5px 5px 5px #888888;
    border-radius: 6px;    
    background-color: lightblue;
    background-repeat: repeat-x;
    background-position: center bottom; 
    padding: 0px;
    width: 100%;
    height: 120px; 
    cursor:pointer;
  } 
  
  #infoBoxSmallDarkBlue {
    box-shadow: 5px 5px 5px #888888;
    border-radius: 6px;    
    background-color: darkblue;
    background-repeat: repeat-x;
    background-position: center bottom; 
    padding: 0px;
    width: 360px;
    height: 220px;
    cursor:pointer; 
  } 
  
  #infoBoxVar {
    box-shadow: 5px 5px 5px #888888;
    border-radius: 6px;    
    background-color: #F7F7F7;
    padding: 0px; 
  } 
  
  #infoBoxHeading {
    border-radius: 6px 6px 0px 0px;    
    background-image: url("images/button_back_off.jpg");
    background-repeat: repeat-x;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    width: 450px;
    height: 34px;
    line-height: 34px;
    color: grey; 
  }
  
  
  
  #infoBoxHeadingSmall {
    padding: 0px;
    margin-left: 8px;
    width: 360px;
    height: 34px;
    line-height: 34px;
    color: white;
    font-family: Arial Narrow, Arial, sans-serif; 
    font-weight: bold; 
    font-size: 14pt; 
  }
  
  .button {
  background-color: grey; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}



.buttonSelect:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
 
 .buttonBlank {
    background-image: url("images/button_blank.jpg");
    background-repeat: repeat-x;
    color: white;
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 11pt;
 }    
  
 .button1Off {    
    background-image: url("images/button_1.jpg");
    background-repeat: repeat-x;
    color: white;
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 11pt;
 }  
 .button1Off:hover {
    background-image: url("images/button_hover.jpg");
    color: white;
    cursor:pointer;
 }

 .button2Off {    
    background-image: url("images/button_2.jpg");
    background-repeat: repeat-x;
    color: white;
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 11pt;
 }  
 .button2Off:hover {
    background-image: url("images/button_hover.jpg");
    color: white;
    cursor:pointer;
 }
 
 .button3Off {    
    background-image: url("images/button_3.jpg");
    background-repeat: repeat-x;
    color: white;
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 11pt;
 }  
 .button3Off:hover {
    background-image: url("images/button_hover.jpg");
    color: white;
    cursor:pointer;
 }
 
 .button4Off {    
    background-image: url("images/button_4.jpg");
    background-repeat: repeat-x;
    color: white;
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 11pt;
 }  
 .button4Off:hover {
    background-image: url("images/button_hover.jpg");
    color: white;
    cursor:pointer;
 } 
 
  .button5Off {    
    background-image: url("images/button_5.jpg");
    background-repeat: repeat-x;
    color: white;
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 11pt;
 }  
 .button5Off:hover {
    background-image: url("images/button_hover.jpg");
    color: white;
    cursor:pointer;
 } 
 
   .button6Off {    
    background-image: url("images/button_6.jpg");
    background-repeat: repeat-x;
    color: white;
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 11pt;
 }  
 .button6Off:hover {
    background-image: url("images/button_hover.jpg");
    color: white;
    cursor:pointer;
 }   
 
    .button7Off {    
    background-image: url("images/button_7.jpg");
    background-repeat: repeat-x;
    color: white;
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 11pt;
 }  
 .button7Off:hover {
    background-image: url("images/button_hover.jpg");
    color: white;
    cursor:pointer;
 }   
 
 .footer {
   background-color: #BCD143;
   color: black;
   font-family: helvetica,arial,sans-serif;
   font-size: 8pt;
 }
 
 #footerImage {
    box-shadow: 5px 5px 5px #888888;    
    padding: 0px;
    height: 100px;
  } 
  
  .infoBoxContent {
    font-family: Arial Narrow, Arial, sans-serif; 
    font-weight: bold; 
    font-size: 11pt; 
  }
  
  .infoBoxContentSmall {
    font-family: Arial Narrow, Arial, sans-serif; 
    font-size: 10pt; 
  }  
  
.btn-success {
  background: #21b826;
  background-image: -webkit-linear-gradient(top, #21b826, #05ff05);
  background-image: -moz-linear-gradient(top, #21b826, #05ff05);
  background-image: -ms-linear-gradient(top, #21b826, #05ff05);
  background-image: -o-linear-gradient(top, #21b826, #05ff05);
  background-image: linear-gradient(to bottom, #21b826, #05ff05);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 4px 15px 4px 15px;
  text-decoration: none;
}

.btn-success:hover {
  background: #befa3c;
  background-image: -webkit-linear-gradient(top, #befa3c, #e9f5a4);
  background-image: -moz-linear-gradient(top, #befa3c, #e9f5a4);
  background-image: -ms-linear-gradient(top, #befa3c, #e9f5a4);
  background-image: -o-linear-gradient(top, #befa3c, #e9f5a4);
  background-image: linear-gradient(to bottom, #befa3c, #e9f5a4);
  text-decoration: none;
  cursor: pointer;
} 

.btn-warning {
  background: #960000;
  background-image: -webkit-linear-gradient(top, #960000, #fa4e23);
  background-image: -moz-linear-gradient(top, #960000, #fa4e23);
  background-image: -ms-linear-gradient(top, #960000, #fa4e23);
  background-image: -o-linear-gradient(top, #960000, #fa4e23);
  background-image: linear-gradient(to bottom, #960000, #fa4e23);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 4px 15px 4px 15px;
  text-decoration: none;
}

.btn-warning:hover {
  background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #fc3c3c, #ed4e4e);
  background-image: -moz-linear-gradient(top, #fc3c3c, #ed4e4e);
  background-image: -ms-linear-gradient(top, #fc3c3c, #ed4e4e);
  background-image: -o-linear-gradient(top, #fc3c3c, #ed4e4e);
  background-image: linear-gradient(to bottom, #fc3c3c, #ed4e4e);
  text-decoration: none;
}

.btn-info {
  background: #bcd143;
  background-image: -webkit-linear-gradient(top, #bcd143, #ffea00);
  background-image: -moz-linear-gradient(top, #bcd143, #ffea00);
  background-image: -ms-linear-gradient(top, #bcd143, #ffea00);
  background-image: -o-linear-gradient(top, #bcd143, #ffea00);
  background-image: linear-gradient(to bottom, #bcd143, #ffea00);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: black;
  font-size: 13px;
  padding: 4px 15px 4px 15px;
  text-decoration: none;
}

.btn-info:hover {
  background: #f7ff0d;
  background-image: -webkit-linear-gradient(top, #f7ff0d, #faf171);
  background-image: -moz-linear-gradient(top, #f7ff0d, #faf171);
  background-image: -ms-linear-gradient(top, #f7ff0d, #faf171);
  background-image: -o-linear-gradient(top, #f7ff0d, #faf171);
  background-image: linear-gradient(to bottom, #f7ff0d, #faf171);
  text-decoration: none;
  cursor: pointer;
} 

/* info box */
.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ffffff; background-color: darkgreen; font-weight:bold; }
.infoBoxHeadingDash { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #ffffff; background-color: #B3BAC5; font-weight:bold;}
.infoBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #DEE4E8; }
.infoBoxContent2 { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; background-color: #DEE4E8; }
.infoBoxContent2:hover {background-color: #00CCFF; cursor:pointer;} 
.infoBoxContentDash { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; background-color: #DEE4E8; font-weight:bold;}
.infoBoxWhiteList:hover {background-color: #00CCFF; cursor:pointer;} 
.infoBoxWhiteList { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #ffffff; border-style:none;}
.infoBoxWhite { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; background-color: #ffffff; border-style:none;}
.infoBoxBid { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; background-color: #ffffff; border-style:none; font-weight:bold;}
.infoBoxRequired { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: rgb(250,87,98); border-style:none;}
.infoBoxGrey { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: rgb(244,244,244); border-style:none;}
.infoBoxOrange { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #FFE7D6; border-style:none;}
.infoBoxHover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: lightblue; border-style:none; cursor:pointer;}
.infoBoxRed { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: white; background-color: red; border-style:none;}
.productListing { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; background-color: #ffffff; border-style:none;}
.productListing:hover {background-color: #00CCFF; cursor:pointer;}

.errorMessage {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: red; font-weight: bold;}

.textInput {
  display: block;
  border-radius: 5px;
  border-style: solid; 
  line-height: 20px;
  font-size: 11pt;
  padding: 4px;
  background-color: rgb(235,235,235);
}

.hidden
  {
  position: absolute;
  left: -1500em;
  }
  
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: fixed;
	top: 19%;
	left: 25%;
	width: 50%;
	height: 62%;
	padding: 0px;
	border: 10px solid black;
	background-color: black;
  color:white;
	z-index:1002;
	overflow: auto;
}  

.normalButton {
  border: none;
  text-align: center;
  padding: 8px;
  background-color: #BCD143;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  font-size: 16px;
  border-radius: 5px;
}