.arrow {
margin-bottom:1em
}
hr {
clear:right
}

/*--------------------------------------------------*/
/*-- Zebra Data Tables --*/

.zebra {
border-collapse:separate;
width:100%;
border-bottom:1px #ccc solid;
margin:2em 0
}

.zebra caption {
margin-top:0;
font-size:1.1em;
padding:.5em;
font-weight:700;
text-align:center;
border-top:1px #ccc solid;
border-left:1px #ccc solid;
border-right:1px #ccc solid
}

table:nth-of-type(2) {
margin:2em 0
}
table:nth-of-type(3) {
margin:2em 0
}
table:nth-of-type(4) {
margin:2em 0
}
table:nth-of-type(5) {
margin:2em 0
}



.zebra th:nth-child(2) {
border-left:none
}
.zebra th:nth-child(3) {
border-left:none
}
.zebra th:nth-child(4) {
border-left:none
}
.zebra th:nth-child(5) {
border-left:none
}
.zebra tr:nth-child(even) {
background:#f7f7f7
}
.zebra td {
font-size:.9em;
border-right:1px #ccc solid
}
.zebra td:first-child {
border-left:1px #ccc solid
}



@media all and (max-width:960px) {
    /* Force table to not be like tables anymore */
    .zebra, .zebra thead, .zebra tbody, .zebra th, .zebra td, .zebra tr { 
    display: block
    }
    .zebra {
    border-bottom:none;
    width:auto
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .zebra thead tr { 
    position:absolute;
    top:-9999px;
    left:-9999px;
    }
    .zebra tr {
    margin:1em 0;
    border:1px solid #ccc
    }
    .zebra caption {
    border-bottom:1px #ccc solid;
    display:block /*makes caption 100%*/
    }
    #content .zebra td { 
    /* Behave  like a 'row' */
    border:none;
    border-bottom:1px solid #eee; 
    position:relative;
    padding:.5em .5em .5em 50%;
    empty-cells:show
    }
    .zebra td:first-child {
    border-left:none
    }
    .zebra td:last-child {
    border-bottom:none
    }
    .zebra td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top:6px;
    left:6px;
    width:45%;
    padding-right:10px; 
    white-space:nowrap
    }
    .zebra td:empty {
    height:1.5em /*keep height of empty cells*/
    }
}
















.address {
background:#f7f7f7;
border:1px #ccc solid;
padding:1em;
margin:1em 0
}

h4 {
font-size:1.1em;
padding-bottom:1em;
margin-bottom:1em;
border-bottom:1px #ccc solid
}

dl {
margin:0;
}
dt {
font-weight:700;
width:5em;
clear:left;
float:left
}
dd {
margin:0 0 0 5em;
padding:0 0 1em 0
}

iframe {
border:1px #ccc solid
}








/*=========================================================*/
/*-- below styles used on sales page --*/
.column {
-webkit-columns:4 150px;
-moz-columns:4 150px;
columns:4 150px
}
.column li {
margin:.1em 0
}

.img-box {
display:table;
margin:1.9em auto 0
}
.img-box img {
padding-right:50px
}



/*css for modal windows, modal css used by jquery*/
.modal {
display: none;
width: 600px;
background: #fff;
border:1px #ccc solid;
padding:1em
}
.modal a.close-modal {
/*hides close button from jquery*/
display:none
}
.modal-spinner {
display: none;
width: 31px;
height: 31px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url(../img/loader.png) #fff no-repeat center center
}


/*== style for pop-out ==*/
.header {
background:url(/img/logo/glenair-logo.svg) no-repeat 100% 0;
width:100%;
height:85px;
border-bottom:1px #ccc solid;
padding-bottom:1em;
margin-bottom:1em
}
.modal h1 {
text-align:left;
padding-bottom:0
}
.modal h2 {
font-size:1.3em;
text-align:left
}

.controls {
position:absolute;
bottom:.2em;
right:.5em
}