/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* Spinner */
#spinner
{
    display: none;
}
.clickTxt {
    font-weight: bold;
    cursor: pointer;
}
.delete {
    color:red;
}
.delete:hover {
    color:white;
    background-color:red;
}

.errorBox {
    background-color:red;
    color:white;
}

.spinnerBackground
{  
    background: #333333;
    filter: alpha(opacity = 70);
    opacity: 0.8;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 9998;
}

.spinnerForeground
{
    background-color: #CCCCCC;
    left: 50%;
    top: 50%;
    min-width: 100px;
    min-height: 70px;
    margin-left: -50px;
    margin-top: -35px;
    padding: 10px;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    z-index: 9999;
}

.localSpinner
{
    position: absolute;
    z-index: 9999;
}

.localSpinner div
{
    background: #FDFDFD;
    left: 50%;
    top: 150px;
    margin-left: -50px;
    margin-top: -35px;
    min-width: 100px;
    min-height: 70px;
    padding: 10px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
}

.localSpinner img
{
    padding: 20px 10px 10px 10px;
}

.alpha25 
{
    filter: alpha(opacity = 25);
    opacity: 0.25;
}

/* Validation styles */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    display: block;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    color: #e80c4d;
}

.validation-summary-item {
    cursor: pointer;
    padding: 3px;
}

.validation-summary-valid {
    display: none;
}

.validation-nav-item {
    cursor: pointer;
    font-weight: bold;
}


.ccImg 
{
    display: none;
}

.ccv
{
    width: 3em;   
}

th {
	background-color: #ddd8c9;
    border: 1px solid #c9c2b0;
    padding: 3px;
    text-align: left;
    color: #333;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}


.removeQtyRow {
	width:100%;
	text-align: right;
	margin-top: 20px;
}

.cartSection
{
    border: solid 1px #ddd8c9;
    border-radius:5px;
    padding: 2px;
    margin-top:10px;
}






  .thumbnailImg
  {
    position: absolute;
    width: 50px;
    height: 50px;
  }
  .productDescDiv
  {
    margin-left: 50px;
  }

  
  .addToCartBtn
  {
    background-image: url('@Url.Content("~/images/add_cart_btn.gif")');
    border: 1px solid black;
    padding: 2px 4px 2px 19px;
    cursor: pointer;
    background-repeat: no-repeat; 
    background-position: 5px 4px;
    background-color: white;
    font-size: 12px;
  }
  

.price
  {
    display: inline-block;
    font-weight: bold;
    text-align: right;
    width: 60px;
  }
  
  .bgBox
  {
      background-color: #f9f8ef; 
      border: 1px solid #ddd8c9; 
      border-radius: 5px;
      margin: 2px;
      padding: 3px;
  }
  
  .bgBox label, .bgBox input
  {
      display: inline; 
      vertical-align: middle;
  }
  
  .productCode {
	font-size:75%;
}
  
  
  
#socialMediaIcons {
	margin:0 0 10px 0;
	vertical-align: top;
    width: 100%;
    display: inline-block;
}
.pinButtonOuter {
	vertical-align:top;
	display:inline-block;
	margin: 0 3px 0 3px;
}
.fbLikeButtonOuter {
	vertical-align:top;
	display:inline-block;
	margin: 0 3px 0 3px;
}


.productImg {
    /*float: left;*/
    margin: 0 5px 5px 0;
    vertical-align: top;
}

.productTabTitle {
	font-weight: bold;
	font-size: 120%;
}

.reviewText {
	font-style:italic;	
}

.ui-datepicker-trigger {
    cursor: pointer;
    margin-left: 2px;
}

/*JH: these styles are meant to mimic Ektron styles from this page: http://staging.aorn.org/Benefits/ */
h5.subhd { color: #2571b0; font-size: 140%; font-family: arial, sans-serif; font-weight: bold; padding-bottom: 0.2em; padding-top: 0.2em; }
h5.subhd > a { text-decoration: none; }
p.description { line-height: 150% ;margin-top: 5px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
ul.linklist { margin-bottom: 1%; margin-left: 1.5em; line-height: 130% }

.smallBoldLabel { font-family: arial, sans-serif;font-size: 10px;font-weight: bold;color: #000000; }
.normalBoldLabel { font-family: arial, sans-serif;font-size: 12px;font-weight: bold;color: #000000; }

.prog-border {
	height: 10px;
	width: 150px;
	background: #fff;
	border: 1px solid #000;
	padding: 2px; 
	font-family: verdana,arial,sans-serif; font-size: 10px; color: #000;
    display: inline-block;
    vertical-align: middle;
}

.prog-bar { 
	height: 10px;
	padding: 0;
	background: #2571b0; 
	font-family: verdana,arial,sans-serif; font-size: 10px; color: #000;
} 

  .adminListStyling {
    width: 100%;
  }

  .adminListStyling td, th {
    padding: 5px;
    vertical-align: top;
  }

    .cssTable {
    display: inline-table;
  }
  .cssTableRow {
    display: table-row;
    margin-bottom: 5px;
  }
  .cssTableCellHeader {
    display: table-cell;
    padding-right: 10px;
    padding-bottom: 5px;
    font-weight: bold;
  }
  .cssTableCell {
    display: table-cell;
    padding-right: 10px;
    padding-bottom: 5px;
  }

.resultsBox {
    height: 250px;
    width: 300px;
    border: 1px solid #000;
    overflow-y: scroll;
}

.payment-images {
    border: 2px solid #337ca1;
    cursor: pointer;
}

.credit-cards {
    height: 54px;
    width: 320px;
}

.paypal-image {
    padding: 8px 12px;
}

.bh-image {
    padding: 8px 12px;
}

.alignLeft
{
    text-align:left;
}

.bgColor {
    background-color: #00877c;
}

.bordered-form {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}