html {
    overflow-y: scroll;
}
body
{
	margin: 20px;
	margin-bottom: 100px;
    font-size: 9pt;
}

body, table, input, select, .button
{
	
	font-family: Verdana;
	color: #82888D;
}

.button, .buttonOrange, .buttonDarkGray, .buttonPlaceOrder
{
	border-right: medium none;
	border-top: medium none;
	font-size: 8pt;
	border-left: medium none;
	color: white;
	border-bottom: medium none;
	letter-spacing: 1pt;
	background-color: #003369;
	font-weight: bold;
    padding: 4px 6px;
    cursor: pointer;
    display: inline-block;
}

.buttonOrange, .buttonPlaceOrder
{
	background-color: #CC6633;
}

.buttonDarkGray
{
	background-color: #83888e;
}

a.button{
    text-decoration: none;
}

.buttonPlaceOrder
{
    font-size: 8pt;
    height: 23px;
    padding-left: 8pt;
    padding-right: 8pt;
}

A.mainNavLink
{	
	color: #696969;
	text-decoration: none;
	font-weight:bold;
}
A.mainNavLink:hover
{
	color: #003369;
}

.mainBorderColor
{
	border-color: #83888e;
	border-style: solid;
	border-width: 0px;
}

select, input[type="text"], input[type="password"], .textbox
{
    height: 18px;
    border: solid 1px #A9A9A9;
}
select
{	
	height: 20px !important;
}

 input[type="text"], input[type="password"], .textbox{
     padding-left: 3px;
     padding-right: 3px;
 }

A, .boldDarkBlue
{
	color: #003369;
	font-weight: bold;
}

.orangeHeader, .orangeSubHeader
{
	color: #CC6633;
}

/*.orangeHeader
{
	font-size: 14pt;
}*/

.dataListCell_off, .dataListCell_on
{
	border-width: 1px;
	border-color: white;
	border-style: solid;
	cursor: pointer;
}
.dataListCell_on
{
	border-color: #003369;
	background-color: whitesmoke;	
}

.GrayHeader
{
	background-color: WhiteSmoke;
	BORDER: #e5e5e5 1px solid;
}

.GrayHeader_NoBorder
{
	background-color: WhiteSmoke;
	BORDER: #e5e5e5 0px solid;
}

.subMenuClass1 tr td
{
    padding: 2px;
    border-top: solid 1px #aeb6c3;
}


.modalBackground, .modalBackground2 
{
    background-color:#FFFFFF;
    cursor:wait;
    display:block;
    height:100%;
    left:0;
    opacity:0.75;
    position:fixed;
    top:0;
    width:100%;
    z-index:999999;
    *filter: alpha(opacity=80);
}

.productdetail select
{
    width: 171px;
}

.error
{
    color: Red;
}

 /*Lower olark chat's z-index so that it does not show on top of pinterest*/
#habla_window_div { z-index: 100000;}

.print_btn {
    cursor: pointer;
}

.print_btn:hover { 
    opacity: 0.8;
}

.print_btn_large {
    background-image:url(../images/st_email.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin: 0 3px;
}

.chebox-inline input{
    margin: 0 5px;
}

.hoverlink{
    text-decoration: none;
}

.hoverlink:hover{
    text-decoration: underline;
}

.carousel .item{
    width: 100%;
   height: 350px;
}

.carousel .item .inner{
    margin: 50px auto 50px auto;
    width: 600px;
}



.carousel-indicators li{
    background-color: #9A9A9A;
    border-color: #9A9A9A;
}

.carousel .item .author{
    font-style: italic;
    text-align: right;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .2) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%);
}
.carousel-control.right {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .2) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);
}

.tile-container {
    display: flex;
    flex-wrap: wrap;
}

    .tile-container > .tile {
        text-align: center;
        margin-bottom: 35px;
        flex-basis: 33.3%;
    }

    .tile-container > .tile:hover {
        background-color: whitesmoke;
    }

    .tile-container > .tile > h2{
        padding: 25px;
		margin: 0;
    }

    .tile-container > .tile > img {
        padding: 0 25px 25px 25px;
		max-width: 100%;
    }