﻿/*Breadcrumbs*/
#sampleQuickLinks{margin-top: 20px; background: #fff;}
.samples-header{font-size: 1.5em; margin-top: 20px; padding: 0 !important;}
.sample-breadcrumb{margin:0 !important; border: 1px solid #ccc; font-size: .9em;}
.sample-breadcrumb img{margin-right:5px;}
.breadcrumb-content div{padding: 5px 0}
.sample-icons{margin-left: 20px}
.separator{border-right:1px solid #cccccc; padding-right:10px;}
#ctrlQuickLinks_separator{margin-top:6px;}
#divSampleCart{padding-left: 10px;}

/*------------Sample Search------------*/


.search-sample-container {
    padding:10px;
    float:left;
}

.samples-header{font-size: 1.5em; margin-top: 20px;}

#sheets{float:right; display:inline; margin:0 15px;}

.searchTitle {color:#005a9f; font-weight:bold; font-size:1.2em; margin:30px 0 10px 0; display:block; padding-bottom:10px;}

.productTable{margin-bottom: 0;}

 .option-container {
    clear: both;
    background: #FAFAFA;
    border: 1px solid #CCC;
    padding: 12px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:20px 0 40px 0;
}
.option-container input{margin-top: 5px;}
.option-container .button{margin-bottom: 0}
.optionTitle {padding:4px 16px; display:block;}

.NoResults{text-align:center; color:Red; font-size:large; float:left; margin-bottom:15px;}

h2.tblName {
    background: #fafafa none repeat scroll 0 0;
    color: #111111;
    font-size: 1.3em;
    font-weight: bold;
    margin: 15px 0 0;
    padding: 10px;
}

 #findOptions{float:left; border:1px solid #cccccc; padding:8px 5px 10px 10px; width:290px; margin-bottom:20px;}

.enter-item-number {font-weight:bold; color:#333333;}       
.item-number-description {font-size:.9em; font-weight:normal; color:#777777;}
.return-without-adding{margin-top:10px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .slider-wrapper .bgimage, .exactslider-wrapper .bgimage {bottom:21px !important;}
}

@-moz-document url-prefix() {
    .slider-wrapper .bgimage, .exactslider-wrapper .bgimage {bottom:20px !important;}
}

#UpdatePanel{float:left;}

.productThumb{margin:0 24px 0 0;}

.printed-sample-container, .rolls-sample-container {
    padding:24px;
    margin:24px 0;
    float:left;
}


.requestMaterialBoxHeader {
font-size: 1.5em;
margin:0 0 20px 0;
border-bottom: 1px solid #ccc;
}

.printed-sample-container {
    background-color: #fafafa;
    border: 1px solid #dddddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:24px;
    margin:24px 0;
    float:left;
}

.requestMaterialBoxHeader {
font-size: 1.5em;
margin:0 0 20px 0;
border-bottom: 1px solid #ccc;
}

.selectMaterialBoxHeader {
margin:24px 0 8px 0;
font-weight:normal;
font-style:italic;
font-size: 1.1em;
}

#leftDetails{text-align: left;}
#leftDetails img{float: left;}

.orderSelectionTitle {
color:#333333;
font-size:1.4em;
font-weight:bold;
}

.materialScrollerBox {
background-color:#FFFFFF;
border:1px solid #B4B4B4;
overflow-x:hidden;
overflow-y:auto;
}

.materialScrollerBox input[type="checkbox"] {margin:4px 0 0 16px;}

.materialScrollerBox ul, #qtySelectBoxContent ul {
background-color:#FFFFFF;
list-style:none outside none;
margin:0;
padding:0;
}

.materialScrollerBox li {
border-bottom:1px solid #B4B4B4;
color:#666666;
font-size:0.85em;
}

.materialScrollerBox ul, #qtySelectBoxContent ul {
list-style:none outside none;
}

.materialScrollerBox li img {
border:1px solid #666666;
margin:0 16px;
vertical-align:middle;
}

.materialScrollerBox li a:link, .materialScrollerBox li a:visited {
color:#0000FF;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
}

.orderDrop{border:1px solid #ABABAB; margin-left:13px;}

#addCartBox{margin-top:24px;}

#Reference{float:left;}

.referenceDisclaimerS {margin:4px 20px 0 20px; font-size: .75em;}
.referenceDisclaimerS img {margin:0px;}

#goBack{margin-top:10px; display:none;}

.sampleLimit{border:#6dcff6 1px solid; background:#f6fbff; padding:10px; float:left; width:758px; margin-bottom:15px;}
#limitTxt{color:#EE8F13; font-weight:bold;}
#addCartBox img{float:left;}

#quantityDropdown {vertical-align:middle}
#cboQuantity{margin-bottom: 5px}
#lblUnits{margin-bottom: 5px}

.printedMaterial{
    font-size:1.1em;
    color:#000;
    font-weight:bold    
}

.invalid{display: block; margin-top: 10px;}

@media only screen and (max-width: 450px){
    .optionTitle label{font-size: .9em;}

    .printed-sample-container{padding: 24px 18px;}
    .materialScrollerBox a{display: none;}
 }

 @media only screen and (max-width: 480px){
    .optionTitle{padding-left: 0; padding-right: 0;}
    .optionTitle label{margin-right: 0 !important; font-weight: normal;}
 }

@media only screen and (max-width: 46em){
    .option-container .button{width: 100%;}
    #leftDetails{float: none; text-align: center; width: 100%}
    #leftDetails img{margin: 5px auto 15px auto; float: none;}
    .requestMaterialBoxHeader{border-bottom: none; margin-bottom: 10px;}
    .selectMaterialBoxText{text-align: left;}
    #addCartBox{margin:20px 0 0 0; width: 100%; text-align: center;}
    #addCartBox a{margin: 0 auto 10px auto; width: 100%;}
    .return-without-adding{text-align: center; width:100%;}
    .cmdReturn{float: none; margin-top: 0;}
}

/*------------Sample Product Page------------*/
.img-box{
	border: 1px solid #aaaaaa;
  border-radius: 3px;
  padding: 15px 8px;
  text-align: center;
}

/*Material Desc onHover*/
#materialInfoHover {
position:absolute;
display:none;
width: 443px;
height: 200px;
text-align:left;
}

#materialInfoTxt {
position:absolute;
top: 10px;
left: 10px;
width:402px;
height:80px;
padding: 10px;
background:#ffffff;
z-index:10;
font-size:.9em; 
line-height:1.4em;
}

#materialInfoShadow {
position:absolute;
width: 443px;
height: 121px;
opacity:0.4;
filter:alpha(opacity=40);
z-index:5;
}
#materialInfoIframe {
position:absolute;
top: 20px;
left: 0px;
width: 430px;
height: 100px;
display:none;
}

#UpdatePanel{float:left;}

#prodTitle {
margin-bottom: 15px;
}

#prodTitle h2 {
color:#666;
font-size:1.3em;
margin:0;
clear:both;
}

.mat-qty{
background: #eaeaea none repeat scroll 0 0;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  margin: 0 0 20px;
  padding: 10px;
  position: relative;
}

.mat-qty h2{font-size: 1.6em; margin-top: 0}

#selectMaterialBoxHeader, #qtySelectBox {
height:24px;
line-height:24px;
}

#selectMaterialBoxHeader h2 span, #qtySelectBox h2 span, #addCartBox h2 span {
position: relative;
display: block;
float: left;
height: 31px;
width: 31px;
margin: 0 10px 0 0;
text-indent: -9999px;
}

.numberStep {
left:-10px;
position:absolute;
top:-3px;
}

.orderSelectionTitle {
color:#333333;
font-size:1.4em;
font-weight:bold;
}

.materialScrollerBox {
background-color:#FFFFFF;
border:1px solid #B4B4B4;
margin:10px 0 10px 40px;
overflow-x:hidden;
overflow-y:auto;
}

.materialScrollerBox ul, #qtySelectBoxContent ul {
background-color:#FFFFFF;
list-style:none outside none;
margin:0;
padding:0;
}

.materialScrollerBox li {
border-bottom:1px solid #B4B4B4;
color:#666666;
font-size:0.85em;
padding:10px;
cursor: pointer;
}

.materialScrollerBox ul, #qtySelectBoxContent ul {
list-style:none outside none;
}

.materialScrollerBox li img {
border:1px solid #666666;
margin-right:10px;
vertical-align:middle;
}

.materialScrollerBox input{margin-bottom: 0}

.materialScrollerBox li a:link, .materialScrollerBox li a:visited {
color:#0000FF;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
}

.mobile-dropdown, .view-specs-mobile{display: none;}

.dropDownBox{
background-color:#ffffff;
padding:10px 0;
margin:10px 0 10px 40px;
border:1px solid #ABABAB;
}

.orderDrop{border:1px solid #ABABAB; margin-left:13px;}

#qtySelectBox{margin-top:10px;}
#quantityDropdown{margin-left:13px;}
#quantityDropdown select{margin-bottom: 0;}
#ltrUnits{font-size:0.85em;}
#addCartBox{margin-top:15px;}

#specsText {
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  margin: 15px 0;
}
#specsText ul{padding: .5rem .5rem 0 .5rem;}
h4.specsTitle {
border-bottom: 1px solid #cccccc;
  color: #005a9f;
  font-size: 0.85rem;
  font-weight: bold;
  margin: 0;
  padding: 7px;
}

#Reference{float:left;}

.referenceDisclaimerS {margin:4px 20px 0 20px; font-size: .75em;}
.referenceDisclaimerS img {margin:0px;}

#goBack{margin-top:10px; display:none;}

.sampleLimit{border:#6dcff6 1px solid; background:#f6fbff; padding:10px; float:left; width:758px; margin-bottom:15px;}
#limitTxt{color:#EE8F13; font-weight:bold;}
#addCartBox img{float:left;}

#quantityDropdown select{width:200px; margin-right: 5px;}	
#cboQuantity{margin-bottom: 5px}
#lblUnits{margin-bottom: 5px}

#mobile-specs, .mat-des-mobile{display: none;}

@media only screen and (max-width: 46.129em){
	.sample-breadcrumb{padding: 0;}
	.breadcrumb-content{text-align: center;}
	.breadcrumb-content a:link, .breadcrumb-content a:visited{padding: 5px 0; display:block;}

	#specsText, .mat-qty h2 span, .same-size-mobile, .referenceDisclaimerS{display: none !important;}
	#mobile-specs, .mobile-dropdown, .mat-des-mobile, .view-specs-mobile{display: block;}
	#mobile-specs h3{text-align: center;}
	#mobile-specs table{width: 100%;}

	h1, #prodTitle h2{text-align: center;}

 	.img-box{border: none; padding: 0;}
	.img-box img{margin-bottom: 25px;}

	.mobile-dropdown{margin-top: .5rem !important;}
	.dropDownBox{margin-left: 0;}

	#quantityDropdown {text-align: center;}
	#quantityDropdown select{width: 96%;}

	#addCartBox .button{width: 100%; margin-bottom: 0;}

	.mat-qty{background: #fafafa}

	.materialScrollerBox{margin-left: 0;}

 }
 @media only screen and (max-width: 1080px){
	.img-box img{max-width: 95%;}
 }

 /*------------Sample View Cart------------*/
#intro{margin-bottom:10px;}

 .product-row-header, .sample-info-row{margin: 0 !important}
 .product-info{font-size: 1em !important;}

 .center-sheets{text-align: center;}
 .center-sheets .middle-align-wrap{display: block; width: 100%; padding-top:56px; text-align: center;}

  #removeItem{float:left;}

  #actionButtons{margin:15px 0; width:100%; border: 0; float:left;}
  table td.request-samples{text-align: right;}

  div.product-row-info:last-of-type{border-bottom: none;}

  @media only screen and (max-width: 480px) {
      .product-info img{max-width:80px;}
      .product-info .middle-align-wrap}{vertical-align: top !important;}
  }

  @media only screen and (max-width: 46.125em) {
      .middle-align-wrap{height: 130px;}
      .product-row-info{padding: 20px 0;}
  }

/*------------Sample Shipping Method------------*/
#enterIntro{margin-bottom: 15px;}

.infoBox{
    border: 1px solid #cccccc;
  	margin-bottom: 15px;
  	width: 100%;
}

table#countryTable{margin:10px; color:#666666; border: none;}
table#countryTable tr{background: transparent!important;}
table#countryTable td{height:35px; font-size: 1em !important;}
tr.submit-row td{padding-top: 0;}
#countryTable select{margin: 0;}
#countryTable input.countryFields{width:210px; margin-bottom: 0}
#countryTable .button{margin:0 0 0 138px;}

h2.shippingHeaders{font-size: 1.3em; color: #666; margin: 30px 0 5px 0;}

.countryFields{width:210px; margin-left:5px;}

#regularMail, .options-row{border: 1px solid #ccc; margin:20px 0;}
#regularMail table, .options-row table{border: none; margin:0;}
 #regularMail table td, .options-row table td{font-size: 1em !important;}
#regularMail table input, .options-row table input{margin-left: 10px;}
#regularMail td{cursor: pointer;}
.options-row{border: 1px solid #ccc}

.radioBtns{width:50px;}
.ship-price{color:#318b00;}
.ship-description{color: #666; font-style: italic; line-height: 1.4em; margin: 5px 10px 0 0}
.shippingOptions{color:#4d4d4d; font-weight:bold;font-size:1.1em;}
.ShippingMethod{padding: 20px 0}

#shippingMethod, #ctl00_ctl00_main_content_main_column_regMailTable{width:100%; cursor:pointer;}

#shippingMessage{width:100%; float:left; margin-bottom:15px;}

.back-btn, .continue-btn{width: 50%;}
.back-btn{float: left}
.continue-btn{text-align: right; float: right;}

/*Sample Questions*/

#questionBox{width:100%; border:1px solid #cccccc;  float:left; margin-bottom:20px;}
.questionBoxContainer{margin:15px 15px 25px 15px;}

.asterisk{color:#ff0000;}

.questionBoxContainer label{margin-top: 25px;}
.questionBoxContainer select{display: block; width:50% !important; }
.dropDownQuestions{width:170px;}

.textNotes{width:745px; height:50px;}

#backButton{float:left; width:50%;}
#submitAnswer{float:right; margin-bottom:10px}

/*------------Samples Contact Form------------*/
#signInTitle{font-style:italic; color: #666;}
#selectAddress{margin-bottom:5px;}

#addressSelect .button{float: right}

table#contactBox{border: none; width: 100%; margin-top: 10px;}
table#contactBox tbody {
    background: none;
}
table#contactBox tr {
    background: none;
}
table#contactBox tr td{padding:.5625em 0;}
table#contactBox h2{display: none;}
#ctl00_ctl00_main_column_main_column_ctrlPhoneFax_pnlEmail .row.collapse > .column, #ctl00_ctl00_main_column_main_column_ctrlPhoneFax_pnlEmail .row.collapse > .columns{padding-left:0.9375rem; padding-right:0.9375rem;}


/*------------Samples Completed------------*/
.templates-printing .middle-align-wrap{padding-left: 11px; text-align: center;}
.middle-align-wrap .printed-sample{padding-left: 50px;}

.request-number{border:1px solid #ccc; background: #fafafa; margin-bottom: 10px;}
.request-number div{margin: 10px;}

#helpfulLinks{width: 100%;}
#helpfulLinks img{margin-top:4px;}
#helpfulLinks td{height:40px; font-size: 1em;}

#bullet1link{font-size:1.1em; font-weight:bold;}
#maestroContent{width:100%; border:1px solid #cccccc; padding:10px; margin:15px 0;}
#maestroImg{float:left; margin-right:10px;}

/*Shared button styles responsive*/
@media only screen and (max-width: 46.129em){
    .continue-btn{width: 100%; text-align: center;}
    .back-btn{float: none; width: 100%; text-align: center;}

    .continue-btn .button{width: 100%}
    .back-btn .button, .back-btn .button:visited{
      display: inline;
      background: #fff;
      border: none;
      font-weight: normal;
      color: #1978b8;
    }
    .back-btn .button:hover{
      text-decoration: underline;
      background: none;
      color: #1978b8;
    }
}