@charset "utf-8";
/*Marilyn Laudadio 9/28/2015 HEICO Aerospace*/
/* CSS Document for Cart*/

/*
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.428571429;
  color: 414146;
  Titles: 07359a;
  Page Title: 0C4db8;
  Breadcrumb color: 50678d;
  Customer Border:  border-bottom: 1px solid #BCBCBC;
  field border: 838080;
  table border: 0f397d;
  shaded area: e8e8e8; (232,232,232);   
  shaded border 240,240,240   
  f0f0f0

*/

ul,ol{
	margin: 1.2em;
}
.mainpage {
	width: 1170px;
	padding: 10px;
	margin: 0 auto;
	background:#fff;
}
.maincontainer {
	width: 767px;
	padding: 15px;
	margin: 0 auto;
	background: #fff;
}
.breadcrumb {
	margin-left: 15px;	
}
.clearboth {
	clear:both;	
}
.ind20 {margin-left: 20px;}
.ind30 {margin-left: 30px;}
.ind40 {margin-left: 40px;}
.ind40 {margin-left: 50px;}
.indr40 {margin-right: 40px;}
.top20 {margin-top: 20px;}
.top40 {margin-top: 40px;}
.top60 {margin-top: 60px;}
.top110 {margin-top: 110px;}
.botM10 { margin-bottom: -10px;}
.hidden {display:none;}
.nothidden {display:block;}

.fmt-top {vertical-align:top;}
.fmt-middle {vertical-align:middle;}
.fmt-bottom {vertical-align:bottom;}

.fmt-left {text-align:left;	padding-left:2px;	}
.fmt-right {text-align:right;	padding-right:2px;	}
.fmt-center { text-align:center; }
.floatleft150 {float:left; width:250px;};

.pad5 { padding: 5px;}
.pb10 { padding-bottom: 10px;}
.bw100 {width:100px;}
.width90 { width:90%; margin: 0 auto;}
.width80 { width:80%; margin: 0 auto;}
.width70 { width:70%; margin: 0 auto;}
.width60 { width:60%; margin: 0 auto;}
.width90 { width:90%; margin: 0 auto;}
.width250 { width:250px;}
.width200 {width:200px;}
.btn150  { width:150px;}
.btn125  { width:125px;}
.btn100 { width:100px;}
.w100 {width:100px;	margin-bottom:5px;}
.bgclear {background-color:transparent;}

.mainwrapper {
	width: 1170px;
	background-color: #CCC;
}

.CustomerHeader {
	width: 80%;
}
.CustomerHeader h2 {
	font-family: Arial, sans-serif;
	font-size: 27px;
	font-weight: normal;
	color: #0C4DB8;
	border-bottom: 1px solid #BCBCBC;
	margin-bottom: 20px;
	padding-bottom: 18px;
	float: left;
}
/*CART SNAPSHOT*/
.CartSnapshot {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 10px;
	color: #544d9d;
	border: none;
}
	.CartSnapshot .CartRight {
		position:relative;
		width: 45%;
		text-align:right;
		height: 46px;
		vertical-align: top;		
		font-size: 11px;
		float: right;		
		background:url(../search/store/images/Cart.gif) no-repeat top right;
	}
	.CartSnapshot .CartLeft {
		width: 45%;
		height: 46px;
		vertical-align: top;
		text-align: left;
		font-size: 14px;
		float: left;
		font-weight: bold;		
	}
#CartTotal {
	position:absolute;
	height: 46px;
	width: 45%;
	right: 62px;
	top: 2px;
	font-size: 19px;
	font-weight: bold;
	color:#003399;
}
#CartSummary {
	z-index: 2000;
	float:right;
	
}
.SearchSection {
	width: 100%;
	padding: 10px 0px;
	float: left;
	text-align: left;
	vertical-align: top;
}
	.SearchSection form {
		width: 80%;
		text-align: center;
	 	margin 0 auto;
	}
	.SearchSection .button-row {
		width: 100%;
		padding-top: 20px;
	}
	
	.SearchSection legend {
		text-align:left;		
	}
	
	.SearchSection fieldset {		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;   
		border-radius: 5px;		
		background-color: rgba(153,153,153,.2);
		border:thin #DCDCDC solid;
		padding: 10px; 
		margin:0;!important
	}
	.SearchSection .optiontext {
		font-style:italic;
		color: #414146;
		font-size:11px;
		text-align:center;	
	}
	
	.SearchSection ul>li {
		font:inherit;
		font-size:110% !important;	
		list-style:disc !important;	
	}

	
 .errors,
 .sideerrors { 
 		width: 80%;
		margin: 10px 25px;
		font-style:italic;
		color:#F00;
		font-size:11px;
		/*text-align:center;*/	
		margin: 9px 15px;		
	}
	
#searchOrders .button {
	position:relative;
	left: 50%;
	margin-left:-40px;
}

/*BUTTON FORMATTING */
	.button-row .button,
	#searchOrders .button,
	.cart .button,
	#popUpBtns .button {
	  background:#06328f;
	  -webkit-border-radius: 7;
	  -moz-border-radius: 7;
	  border-radius: 7px;
	  font-family: Arial;
	  color: #FFF;
	  font-size: 13px;
	  padding: 5px 15px;
	  border: solid #5da0fc 1px;
	  text-decoration: none; 	   
	}
	.greenbutton {
	  background:#3C0;
	  -webkit-border-radius: 7;
	  -moz-border-radius: 7;
	  border-radius: 7px;
	  font-family: Arial;
	  color: #FFF;
	  font-size: 13px;
	  padding: 3px 15px;
	  border: solid #0C0 1px;
	  text-decoration: none; 
	}
	.tablebutton {
		width: 104px;
		height: 30px;	
	}
	.button-row .button:hover,
	#searchOrders  .button:hover,
	.cart .button:hover,
	#popUpBtns .button:hover {
	  background: #9db5e8;
	  color: #06328f;
	  border: solid #06328f 1px;
	  text-decoration: none;
	}
	
	.button-row .button:disabled,
	#searchOrders .button:disabled,
	.cart .button:disabled,
	#popUpBtns .button:disabled  {
	  background: #cdd1d4;
	  -webkit-border-radius: 7;
	  -moz-border-radius: 7;
	  border-radius: 7px;
	  font-family: Arial;
	  color: #FFF;
	  font-size: 13px;
	  padding: 5px 15px;
	  border: solid #cdd1d4 1px;
	  text-decoration: none;	  
	}
/*CART*/
.cart{
	clear:both;
	width: 100%;
	vertical-align:text-top;	
	margin-top: 80px;
	float:left;
}
	.cart .cart-left{
		width: 70%;
		padding: 4px 15px 10px 0px;		
		float:left;
		margin-left: 40px;
		min-height:
	}
	.cart .cart-right {
		width: 270px;
		margin: 0 auto;
		padding-top: 4px;
		float:right;
		padding-bottom: 30px;
	}
	.cart fieldset {
		border:none;
		/*margin:20px;*/
	}
	.cart label {
		color: #888;	
		margin-bottom: -10px;
	}
	.cart input[type="text"], 
	.cart input[type="email"], 
	.cart input[type="number"], 
	.cart input[type="password"], 	 
	.cart select{
		display:inline-block;
		font-size:12px;	   
		border: solid #838080 1px;
		color: #838080;
		height: 2.2em;
		line-height:1.2em;
		margin:2px;
		outline: 0 none;
		padding: 5px 0px 5px 5px;
		width: 80%;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;    
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}
	
	.cart textarea {
		display:inline-block;
		font-size:12px;	   
		border: solid #838080 1px;
		color: #838080;		
		line-height:1.2em;
		margin:2px;
		outline: 0 none;
		padding: 5px 0px 5px 5px;
		width: 80%;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;    
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}
	.cart h2 {
		font-size: 130%;
		color: #0c4db8;
		font-weight:normal;
		margin-left: -13px;
		/*padding: 0;*/	
	}
	.cart h3 {
		font-size: 120%;
		color: #0c4db8;
		font-weight:normal;
		margin-top: 5px;
		/*margin-left: -13px;*/
		/*padding: 0;*/	
	}		
	#cartmessage {	
		font-style:italic;
		color:#414146;
		margin:5px 35px;
	}	
	.cart .tblList {	
		margin-left: 10px;
		list-style:none;
	}
	.cart p {
		margin: 3px 10px 6px 10px;
		line-height: 1.2em;
		font-size: 100%;
	}
	.cart .desc {
		margin-left: 25px;
		line-height: 1.2em;
		font-size: 100%;
	}
	.cart ul>li {
		list-style-type: disc;
		display: block;
		font-size: 90%;
	}	
	.cart .pdf {
		height:75px;
		vertical-align:middle;	
		padding: 0px 20px;
	}
	.cart .cart-pdf{
		font-size:12px;
		font-weight:bolder;
		color: #414146;
		text-decoration:underline;
		background:url(../images/icon-pdf.jpg) no-repeat 0 0;
		padding:15px 45px;
		margin-right: 10px;
	}
	.cart .addrow {
		height:50px;
		padding-top: 20px;		
		text-align:right;
		padding-right: 15px;
	}
	.cart table {
		width:100%;
		font-size: 11px;
		font-family:Verdana, Geneva, sans-serif;
		font-style: normal;
		line-height: 1.4em;
		background-color:#fff;
	}
	.cart .shaded-section {
		border-radius: 5px;
		width: 95%;
		/*margin-left: 30px;*/
		background-color: rgba(153,153,153,.2);
		border:thin #dcdcdc solid;
		padding:10px;	
		margin-bottom: 20px;
	}
		.cart .shaded-section table{
			margin-bottom: 0px;
		}		
	.cart .item {
		margin-left:40px;
		text-align: left;
		float:left;
		width: 20%;	
		font-weight: bold;
	}	
	.cart .value {
		text-align: left;
		width: 50%;
		float: left;
	}
	
	.cart .pageMessage {
		width: 90%;
		font-size: 11px;
		font-style:italic;
		font-weight:normal;
		color:#414146;
		margin: 10px;		
	}
	
	.cart .warehouse {
		font-style:italic;
		font-size: 10px;
		color:#00F;
	}
	.cart .content-editable {
		color:#00C!important;
		font-style:normal;		
		min-height: 25px;
		line-height: 1.2em;	
		border:none;	
		max-width:534px;
	}
	
/* 
widths according to page 
	<col width="17%" />';
	'<col width="17%" />';
	'<col width="15%" />';
	'<col width="9%" />';
	'<col width="9%" />';
	'<col width="9%" />';
	'<col width="9%" />';
	'<col width="15%" />';
*/

.tw-search th:nth-child(1) { 	width: 17%; }
.tw-search th:nth-child(2) { 	width: 17%; }
.tw-search th:nth-child(3) { 	width: 15%; }
.tw-search th:nth-child(4) { 	width: 9%; }
.tw-search th:nth-child(5) { 	width: 9%; }
.tw-search th:nth-child(6) { 	width: 9%; }
.tw-search th:nth-child(7) { 	width: 9%; }
.tw-search th:nth-child(8) { 	width: 15%; }

.product-header {
	width: 90%;
	height:auto;
	min-height:60px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;	
	font-size: 15px;
	line-height: 1.4em;
	margin: 10px 20px 15px 20px;	
}
	.product-header .label {	
		color: #0C4db8;
		font-weight:normal;	
		clear:left;	
		float:left;
		width: 20%;		
	}
	.product-header .data {
		color:#333;
		font-weight:normal;	
		float:left;
		width: 70%;
	}

.shadow {
  -webkit-box-shadow: 3px 3px 18px rgb(180,180,180);
  -moz-box-shadow:    3px 3px 18px rgb(180,180,180);
  box-shadow: 		  3px 3px 18px rgb(180,180,180);
}
/*MY ACCOUNT*/
.my-account{
	position:relative;
	width: 250px;
	min-height: 450px;
	margin-left: 20px;
	margin-top: 10px;	
	background-color: rgb(255, 255, 255);
     background:url(../images/my-account-bg.jpg) no-repeat ;
     background-size:cover;    
     padding: 28px 15px;
     border: navy solid 1px;
     z-index: 1;	
}
	.my-account .title {
		position:relative;
		top:0px;
		left: -25px;
		z-index: 10;
	}	
.my-account-menu{
	position:relative;	
	font-size: larger;
	color: #4d5356;
	/*font-weight:bold;*/
}
		.my-account-menu ol {			
			padding:15px 10px 10px 10px;
			list-style-type: none;	
		}
		.my-account-menu li {
			line-height: 2em;
		}
		.my-account-menu li a,
		.my-account-menu li a:active{			
			text-decoration:none;
		}
		
		.my-account-menu li a:hover{			
			text-decoration:underline;
		}

#searchOrders{
	width: 80%;
	margin: 0  auto;
	padding-top: 1em;	
	color: navy;
	font-weight:bold;	
}
	#searchOrders label  {
		display: block;
		text-align:center;	
	}
	#searchOrders input[type="text"] {
	  position:relative;
	  height: 30px;
	  margin-bottom: 8px;
	  margin-left: -15px;
	  width: 230px;	 
	}
	#searchOrders input[type="radio"]{
		position:relative;	
		margin-left: 50px;	
	}
.relatedParts-header {
	width: 100%;	
	margin: 20px 0 0x 0;
	
}
.relatedParts-header h3 {
	font-size: 16px;
	color:#0C4db8;	
	font-weight:normal;
}

.relatedParts {	
	padding: 5px 0px;
	width: 100%;
	height: 125px;
	background: #fff;
	overflow-x: scroll;
	overflow-y: hidden;
}
	.relatedParts  ul{	
		margin: 0 auto;	
		height: 90%;	
		background: #fff;
		padding: 5px;	
		list-style:none;
	}
	.relatedParts  li{		
		float:left;
		width: 220px;
		height: 125px;	
	}
	.relatedParts a {
		display:block;
		width: 90%;
		height: 90%;
		padding: 5px 10px;
		background: #fff;	
	}
	

/*BUTTON BAR*/
.acct-button-bar,
.button-bar {
	border-radius: 5px;
	width: 765px;	
	background-color: rgba(153,153,153,.2);
	border:thin #dcdcdc solid;	
	vertical-align:middle;
	text-align:center;	
	margin-bottom: 30px;
}

	.button-bar ol,
	.button-bar ul,
	.acct-button-bar ol,
	.acct-button-bar ul {
		list-style-type:none;
		margin-top: 10px;	
		margin-left:-10px!important;
		margin-bottom: 10px;
					
	}
	.button-bar ul>li,
	.acct-button-bar  ul>li {
		 display: inline;
		 list-style-type: none;
		 padding-right: 6px;
	}
.PageHeader {
	position:relative;
	width: 100%;	
}
	.PageHeader h2{
		color: #0c4db8;
		border-bottom: #bcbcbc solid 1px;
		margin-bottom: 20px;
		padding-bottom: 10px;
		font-weight: normal;
		font-size:27px;
		
	}
	.PageHeader .user {
		position:absolute;
		font-style: normal;
		width: 100%;		
		font-size: 20px;
		color: #0C4db8;		
		z-index: 100;
		float: left;
		padding: 5px 25px;
	}
	.PageHeader .CartBanner {
		position:relative;	
		color: black;
		width:100%;
		vertical-align:top;
		float:left;
		z-index: 110;
		cursor: pointer;
		background-color:transparent;
	}	
	.PageHeader .CartIcon {
		float:right;
		position:absolute;
		right: 0px;
		width:100px;	
		height:46px;
		z-index: 111;
		cursor: pointer;
		background-color:transparent;
	}	
	.PageHeader .CartNumber {
		float:right;
		position:absolute;
		text-align:center;
		top:3px;
		margin-right:55px;
		margin-left:8px;
		margin-top:5px;
		right: 0;
		width:43px;	
		height:23px;	
		color: black;
		font-size:1.1em;
		font-style:normal;
		font-weight:bold;	
		z-index: 112;
		cursor: pointer;
		background-color:transparent;
		color: #0C4db8;
		overflow:hidden;
		
	}	
	.PageHeader .CartIcon:Hover  {
		cursor: hand;
	}	
	.PageHeader img {
		position:absolute;
		vertical-align:text-bottom;
		right: 10px;
	}
	.PageHeader .pageMessage {
		width: 60%;
		font-size: 11px;
		font-style:normal;
		font-weight:normal;
		color:#414146;
		margin: 10px 10px 20px 10px;
	}
	.PageHeader .user ul  {	
			list-style-type:disc!important;
			margin-top: -20px;
		}
     .PageHeader .user ul>li  {			
			font-size: 11px!important;
			font-style:normal!important;
			font-weight:normal!important;
			color:#AAA!important;	
		}	
	.PageHeader .CartSummary {
		width: 250px;
		background-color:#89A0BC;
		text-align: center;	
		position:relative;
		z-index: 1000;
		box-shadow: 5px 5px 5px grey;
		float: right;
		top: 20px;
	}
		.CartSummary  table{
			margin: 0 auto;
			width: 100%;
			padding: 5px;	
			border:none;	
			background-color:#fff;
		}
		.CartSummary table thead{
			margin-top: 10px;
			border-bottom:thin solid #C6C7D0;	
		}
		.CartSummary h3 {
			padding-top: 8px;		
		}
		.CartSummary table tbody>tr:nth-child(odd) {
			background-color:#C6C7D0;
		}
		.CartSummary table tr>td:first-child,
		.CartSummary table tr>td:last-child {
			text-align:right;
			padding-right: 5px;	
		}
		.CartSummary table tfoot{
			font-weight:900;
			border-top:thin solid #C6C7D0;	
		}
		.CartSummary input[type="button"] {
			color:black;
			width: 100px;
			background-color:#C6C7D0;
			border:#5A6983 thin solid;
			margin-bottom: 10px;
		}
		.CartSummary input[type="button"]:hover {
			color#C6C7D0;
			background-color:#89A0BC;
		}


.formwrapper label {
	clear:left;
	text-align: left;
	float:left;
	width: 150px;
	margin-bottom: 10px;	
}
	.formwrapper fieldset {
		padding: 2px 10px 2px 10px;
	}
	.formwrapper input[type="text"],
	.formwrapper input[type="email"],
	.formwrapper input[type="date"],
	.formwrapper select {	
		width: 400px;
		float: left;
	}
.pwrules{
	margin-left:50px;	
	font-style:italic;
	color: #666;
}

.pwrules ul>li {
	list-style-type:disc;	
	margin: 3px 1.5em 3px 1.5em;
	display:list-item;
}

#cartPopup {
	position:absolute;
	font-family: Verdana, Geneva, sans-serif;
	font: small;
	color: navy;
	background-color: #BCC2CC;
	opacity: 1;	
	width: 400px;	
	vertical-align: top;
	text-align: center;
	-webkit-border-radius: 7;
	-moz-border-radius: 7;
	border-radius: 7px;
	border: thin #06328f solid;	
	display:none;
	top: 60px;
	right: 0px;
	z-index: 500;
}
	#cartPopup h3 {
		font-size: 14px;
		color: navy;
		text-align: center;
	}
	#cartPopup table {
		width: 90%;
		font-size: smaller;		
		vertical-align: top;
		margin: 0 auto;
		padding: 0;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#cartPopup table thead {
		width: 90%;	
		vertical-align: top;
		margin: 0 auto;
		font-weight: bold;
	}
	#cartPopup tr>td:nth-child(3), #cartPopup tr>td:nth-child(4) {
		text-align: right;
		padding: 2px;
	}
	#cartPopup tbody>tr:nth-child(odd) {
		background-color: #C5C6CF;
	}
	#cartPopup tfoot {
		border-top: thin navy solid;
		border-bottom: thin navy solid;
	}
	#cartPopup tfoot tr>td {
		padding: 2px;
		text-align: right;
		font-style: italic;
	}
	#popUpBtns {
		width: 100%;
		text-align: center;
		padding-top: 8px;
		padding-bottom: 5px;
	}
	.empty {
		font-size:larger;
		font-style:italic;
		height: 90px;
		vertical-align:middle;
		text-align:center;
		background-color: #C5C6CF;
	}
	
.paymentsummary {
	/*table*/
	font-size: 110%!important;;
	width: 90%;
	background-color:transparent!important;
	margin: -10px 20px 8px 20px!important;	
}

.foot-links:  {
	width:100%;
	margin:0 auto;
		
}
.loginfrm {
	width: 60%;	
	padding: 10px;	
}

#qaMessage {
	font-style:italic;
	color: #03F;
	font-size: 100%;
	margin: 6px 20px 6px 20px;
	text-align:center;
}

.transaction {
	font-size: smaller;
	font-style:italic;
	color:#333;
	text-align:center;
	paddng: 10px 5px;
		
}
#StartDate,
#EndDate,
#DueDate{
	width: 200px;	
}

/*required */
.req {
	color:red !important;
	font-weight: bold;
}

.formathint{
	margin: 5px 10px -5px 10px;
	font-style:italic;
	color:#666;
	font-size:smaller;
}
.terms {
	width: 80%;
	margin: 25px;
	font-style:italic;
	color:#666;
	font-size:smaller;
	
}
#hbuttons {
	margin-left: 1px;	
}