body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

/*MISC*/
/*trademark*/
.tm {
	font-size:x-small;
	position:relative;
	top:-5px;
	left:-2px;	
}

.inline {display:inline;}



/*SAMPLE KITS*/
.arrow {position:absolute; 
	height: 62px; 
	width:62px; 
	background-image: url(images/arrow.png);	
}

#arrow1 {	
	top:40px;
	right:5px;
	display:none;
}

#arrow2, #arrowSheets {
	top:10px;
	right:30px;
	display:inline;
	opacity:1;
}


#arrowSheets {top:0px; right:10px;}
#success {display:none;}
#nd2 {display:block;}

.resetform {
	position:absolute;
	bottom: 20px;
	right: 20px;
}

.notice-div > button  {
    position:absolute;
	bottom: 65px;
	right: 20px;
}

#sampleAddButton1, #sampleAddButton2, #sampleAddButton3  {display:none;}


.button {
	border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.notice {width:98%; margin:0 auto;}

#sample-list {
	width:95%; 
	margin:20px auto 0 auto;
	font-weight:bold;
	font-size:120%
}

.s-table-div {
	float:right; 
	width:55%; 
	margin-right:0;
	position:relative;
}

.notice-div {
	width:38%; 
	float:left; 
	margin: 25px 1% 25px 0;
	border: 2px solid #81d742;
	box-shadow: 1px 1px 10px 2px #ccc inset;
    padding: 15px;
    background-color: #eee;
	font-family: arial;
    font-size: 120%;
    line-height: 140%;
	min-height:240px;
	overflow:visible;
	position:relative;
}

.productTable.sampleTable {
	width:100%!important; 
	margin:25px 0!important;
	border:none;
}

.quote-button.confirm-button  {
	display:block;
	margin: 5px 0;
	font-size:14px;
	padding:5px;
}

.sampleTable tr th, .sampleTable tr td {width:15%; padding: 2% 4%; border: 1px solid #ddd;}
.sampleTable h2, .noticeDiv h2, .productTable h2 {margin:0;}
.page-top {width:98%; margin: 0 auto;} 
.listTableDiv {width:70%;}
#listTable  form  input.quote-button {margin:5px;} 
#listTable th, #listTable td  {width:25%; padding: 5px 20px; } 
#productCell {width:50%;}
/*end sample kits*/


/*PRODUCT TABLE PAGES*/
.cartText {margin-bottom:20px;}
.greetext {font-size:18px; font-family: "Open Sans", Arial, sans-serif;}

.productTable {
	border: 1px solid #ddd;
	border-collapse:collapse;
	width:98%;
	margin:0 auto;	
}

.checkOutLink {width:98%; margin:10px auto;}

table.nopcart {
	width:70%;
	max-width:750px;
	margin:0;	
	border-collapse:collapse;
}

table.checkout td {background-color: transparent;}

.productTable td, th {
	border-top: 1px solid #ddd;
    padding: 5px 0;
	text-align:left;
	width:15%;
}


td {background-color: #eee;}

table.nopcart td {
	padding:5px 0 5px 20px;
	text-align:left;
	border-top: 1px solid #ddd;
}

td.nopheader {
	background-color: #fff;
	border:none;
}

td.alignRight {text-align:right;}
 
 

/*first column */
table tr th:nth-child(1), table tr td:nth-child(1) {padding-left:20px;}

/*last column */
.productTable th:nth-child(6), .productTable td:nth-child(6) {
	white-space:nowrap;
	width:auto;
	min-width:145px;
}

.productTable th:nth-child(7), .productTable td:nth-child(7) {
	white-space:nowrap;
	width:auto;
	min-width:100px;
}

.sheetsTable th:nth-child(6), .sheetsTable td:nth-child(6) {
	min-width:0;
}


th {font-weight:bold;}


/*RadientFlex table adjustments */
.rf-table-title {
	width:65%;
	margin: 10px 0 0 10px;
}

#rf-table {margin-top:10px;}


.rf-table-title h2 {
	display:inline;	
	color: #333;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 26px;
    font-weight: 500;
}

/*RF columns*/
#rf-table th {vertical-align:bottom;}

#rf-table th:nth-child(4), #rf-table th:nth-child(5) {min-width: 40px;}

#rf-table th:nth-child(6), #rf-table td:nth-child(6) {min-width: 75px;}

#rf-table td:nth-child(6) {padding-left:3px;}

#rf-table th:nth-child(7), #rf-table td:nth-child(7) {min-width: 100px;}

#rf-table td:nth-child(7) {padding-left:10px;}

#rf-table td:nth-child(8) {padding-right:15px; min-width: 145px; text-align:right;}

select#QUANTITY {width:35px; margin-right:10px;}
/*RF columns*/

input#QUANTITY {margin-right:20px;}

.quantityCell, #quantityCell {display:none; }


/*buttons*/

input.add-button, input.quote-button {
   -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: Arial;
  font-size: 12px;
  padding: 5px 6px ; 
  text-decoration: none;
  cursor:pointer;
}

input.yellow-button {
  background: #ffbf00;
  background-image: -webkit-linear-gradient(top, #ffbf00, #ffdd00);
  background-image: -moz-linear-gradient(top, #ffbf00, #ffdd00);
  background-image: -ms-linear-gradient(top, #ffbf00, #ffdd00);
  background-image: -o-linear-gradient(top, #ffbf00, #ffdd00);
  background-image: linear-gradient(to bottom, #ffbf00, #ffdd00);
  color: #000000;
  border: solid #ebb617 1px;
  display:inline;
}

input.green-button {
  background: #3adb04;
  background-image: -webkit-linear-gradient(top, #3adb04, #47a324);
  background-image: -moz-linear-gradient(top, #3adb04, #47a324);
  background-image: -ms-linear-gradient(top, #3adb04, #47a324);
  background-image: -o-linear-gradient(top, #3adb04, #47a324);
  background-image: linear-gradient(to bottom, #3adb04, #47a324);
  color: #fff;
  border: solid #47a324 1px;
  display:none;
}

input.red-button {
  background: #3adb04;
  background-image: -webkit-linear-gradient(top, #ff0006, #b63336);
  background-image: -moz-linear-gradient(top, #ff0006, #b63336);
  background-image: -ms-linear-gradient(top, #ff0006, #b63336);
  background-image: -o-linear-gradient(top, #ff0006, #b63336);
  background-image: linear-gradient(to bottom, #ff0006, #b63336);
  color: #fff;
  border: solid #b63336 1px;
  display:none;
}

input.quote-button {
  background: #5580d7;
  background-image: -webkit-linear-gradient(top, #5580d7, #355dae);
  background-image: -moz-linear-gradient(top, #5580d7, #355dae);
  background-image: -ms-linear-gradient(top, #5580d7, #355dae);
  background-image: -o-linear-gradient(top, #5580d7, #355dae);
  background-image: linear-gradient(to bottom, #5580d7, #355dae);
  color: #fff;
  border: solid #355dae 1px;
  display:none;
}

input.co-button {
  background: #ffbf00;
  background-image: -webkit-linear-gradient(top, #ffbf00, #ffdd00);
  background-image: -moz-linear-gradient(top, #ffbf00, #ffdd00);
  background-image: -ms-linear-gradient(top, #ffbf00, #ffdd00);
  background-image: -o-linear-gradient(top, #ffbf00, #ffdd00);
  background-image: linear-gradient(to bottom, #ffbf00, #ffdd00);
  color: #000000;
  border: solid #ebb617 1px;
  border-radius: 2px;
  font-size:18px;
  padding:6px;
  width:140px;
  height:35px;
}

.back-button, input.back-button {
  background: #5580d7;
  background-image: -webkit-linear-gradient(top, #5580d7, #355dae);
  background-image: -moz-linear-gradient(top, #5580d7, #355dae);
  background-image: -ms-linear-gradient(top, #5580d7, #355dae);
  background-image: -o-linear-gradient(top, #5580d7, #355dae);
  background-image: linear-gradient(to bottom, #5580d7, #355dae);
  color: #fff;
  border: solid #355dae 1px;
  border-radius: 2px;
  font-size:18px;
  padding:6px;
  width:140px;
  height:35px;
}

input.add-button:hover, input.co-button:hover { background: #fce23c;   text-decoration: none;}
input.quote-button:hover, .back-button:hover { background: #6993ea;   text-decoration: none;}
input.green-button:hover { background: #62e132;   text-decoration: none;}
input.red-button:hover { background: #ff0006;   text-decoration: none;}
input.button:hover {border-color:#000; text-decoration: none;}



/*display quote buttons in >1kg rows*/
input.quote-button {display:none;}
tbody > tr:nth-child(8) > td:nth-child(6) > form > input.quote-button {display:inline;}
tbody > tr:nth-child(16) > td:nth-child(6) > form > input.quote-button {display:inline;}
tbody > tr:nth-child(24) > td:nth-child(6) > form > input.quote-button {display:inline;}
tbody > tr:nth-child(32) > td:nth-child(6) > form > input.quote-button {display:inline;}
tbody > tr:nth-child(40) > td:nth-child(6) > form > input.quote-button {display:inline;}
tbody > tr:nth-child(48) > td:nth-child(6) > form > input.quote-button {display:inline;}
tbody > tr:nth-child(56) > td:nth-child(6) > form > input.quote-button {display:inline;}
tbody > tr:nth-child(64) > td:nth-child(6) > form > input.quote-button {display:inline;}
tbody > tr:nth-child(72) > td:nth-child(6) > form > input.quote-button {display:inline;}



/*hide add buttons in >1kg rows*/
input.add-button {display:inline;}
tbody > tr:nth-child(8) > td:nth-child(6) > input.add-button {display:none;}
tbody > tr:nth-child(16) > td:nth-child(6) > input.add-button {display:none;}
tbody > tr:nth-child(24) > td:nth-child(6) > input.add-button {display:none;}
tbody > tr:nth-child(32) > td:nth-child(6) > input.add-button {display:none;}
tbody > tr:nth-child(40) > td:nth-child(6) > input.add-button {display:none;}
tbody > tr:nth-child(48) > td:nth-child(6) > input.add-button {display:none;}
tbody > tr:nth-child(56) > td:nth-child(6) > input.add-button {display:none;}
tbody > tr:nth-child(64) > td:nth-child(6) > input.add-button {display:none;}
tbody > tr:nth-child(72) > td:nth-child(6) > input.add-button {display:none;}

/*rf-table hide add buttons in Bulk rows*/
#rf-table input.add-button {display:inline; margin-top:5px;}
#rf-table > tbody > tr:nth-child(8) > td:nth-child(8) > input.add-button {display:none;}
#rf-table > tbody > tr:nth-child(16) > td:nth-child(8) > input.add-button {display:none;}
#rf-table > tbody > tr:nth-child(24) > td:nth-child(8) > input.add-button {display:none;}
#rf-table > tbody > tr:nth-child(32) > td:nth-child(8) > input.add-button {display:none;}

/*rf-table display quote buttons in bulk rows*/
#rf-table  > tbody > tr > td > form > input.quote-button {display:none; margin:-7px 0 14px 0;}

#rf-table > tbody > tr:nth-child(8) > td:nth-child(8) > form > input.quote-button  {display:inline;}
#rf-table > tbody > tr:nth-child(16) > td:nth-child(8) > form > input.quote-button {display:inline;}
#rf-table > tbody > tr:nth-child(24) > td:nth-child(8) > form > input.quote-button {display:inline;}
#rf-table > tbody > tr:nth-child(32) > td:nth-child(8) > form > input.quote-button {display:inline;}


/*hide display table spacer rows*/
.hide {display:none;}
tbody > tr:nth-child(9).hide {visibility:hidden; display:table-row;}
tbody > tr:nth-child(17).hide {visibility:hidden; display:table-row;}
tbody > tr:nth-child(25).hide {visibility:hidden; display:table-row;}
tbody > tr:nth-child(33).hide {visibility:hidden; display:table-row;}
tbody > tr:nth-child(41).hide {visibility:hidden; display:table-row;}
tbody > tr:nth-child(49).hide {visibility:hidden; display:table-row;}
tbody > tr:nth-child(57).hide {visibility:hidden; display:table-row;}
tbody > tr:nth-child(65).hide {visibility:hidden; display:table-row;}

/*hide quantity in >1kg rows*/
tbody tr:nth-child(8) #QUANTITY {visibility:hidden;}
tbody tr:nth-child(16) #QUANTITY {visibility:hidden;}
tbody tr:nth-child(24) #QUANTITY {visibility:hidden;}
tbody tr:nth-child(32) #QUANTITY {visibility:hidden;}
tbody tr:nth-child(40) #QUANTITY {visibility:hidden;}
tbody tr:nth-child(48) #QUANTITY {visibility:hidden;}
tbody tr:nth-child(56) #QUANTITY {visibility:hidden;}
tbody tr:nth-child(64) #QUANTITY {visibility:hidden;}
tbody tr:nth-child(72) #QUANTITY {visibility:hidden;}



#cartButton {
	margin: -10px 0 10px;
	background-image:url(images/cards.gif); 
	background-repeat:no-repeat;
	background-position: 	80px 15px; 
}
	
#cartButton img {opacity:.8; width:60px; height:60px; }
#cartButton img:hover {opacity:1;}
#link-ds {
	float: right;
    text-align: right;
    margin: 21px 13px 0 0;
	font-size: 16px;
}

#cart {
	background-color:transparent; 
	border:none; 
	border-color:transparent;
	padding-right:280px;
	cursor:pointer;
}

#rflex-p-logo {
	height:47px!important; 
	width:250px!important; 
	opacity:1!important;
	float:right;
	margin-top:15px;
}

/*alert  mobi */
.swipe-alert {display:none;}

/*links */
a, a:visited  {color:#0668c9!important; text-decoration:none;}
a:hover {text-decoration:underline;}


@media screen and (max-width: 980px) {
	
.s-table-div {width:50%;}

.listTableDiv {width:100%;}

#listTable {display:table;}

#arrow2 {right:60px;}
}

@media screen and ( max-width: 850px ) {
	#rflex-p-logo {display:none;}
}

@media screen and (max-width: 640px) {
	.productTable {
		overflow-x: scroll;
		display: block;
	}
	
	.productTable td, .productTable th {padding: 8px 9px;}
	
	
	
	#cartButton {
	border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
 	}
	
	
	.s-table-div {
		float:none;
		width:100%;
	}
	
	.notice-div {
		float:none;
		margin-right:0;
		padding-right:0;		
		width:97%;
	}

	#arrow1 {top:0;}
	#arrow2 {right:30px;}	
	#arrowSheets {display:none;}

}

@media screen and (max-width: 479px) {
		
	/*alert  mobi */
	.swipe-alert {
		display:block;
		margin: 25px 0 0 5px;
    	font-weight: bold;
    	color: red;
	}
	
	.s-table-div {
		float:none;
		width:100%;
	}
	
	.notice-div {
		float:none;
		width:96%;
	}
	
	#listTable {display:inherit;}

	#arrow2 {display:none;}

}