/* ##############################
    GENERAL CSS 
   ##############################  */

* {
    margin: 0;
    border: 0;
    padding: 0;
}
.bold {
    font-weight: bold;
}
.clear_both {
    clear: both;
}

.center {
    text-align: center;
}
.justify {
    text-align: justify;
}

/* ##############################
    PDF
   ##############################  */

   
a[href$='.pdf'] 
{  
    padding-left: 24px; /* or the width of your icon */
    background-image: url(../images/pdf/pdficon_small.png);
    background-repeat: no-repeat;
    background-position: left center; /* Adjust if needed */
}   
.pdf {
    font-size: 120%;
}
    .diplexer_pdf {
        font-size: 120%;
        width: 100%;
        text-align: center;
    }
body {
    background-color: #C0C0BC; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* Georgia, "Times New Roman", serif;   font-family: Verdana, Arial, Helvetica, sans-serif;   font-family: Arial, Helvetica, sans-serif; */
    font-size: 14px; 
}

#main_container {
    width: 960px;
    margin: 0 auto;
}

.header {
    position: relative;
    width: 940px;
    background-color: #e9e9e1; 
    padding: 0 10px 10px 10px;
    margin: 10px 0 10px 0;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    
    /* ALLOWS ROUNDED CORNERS IN IE 6, 7, & 8 */
    behavior: url(css/PIE-1.0.0/PIE.htc);
}
    .header h2 {
        font-size: 200%;
        padding: 20px 0 0 0;
        font-family: Georgia, "Times New Roman", serif;
        letter-spacing: 1px;
        word-spacing: 7px;
    }
    .header p {
        padding: 10px 0 10px 0;
    }
    .header_antenna_img {
        position: absolute;
        top: 0px;
        right: 15px;
    }
    
/* ##############################
    LINKS
   ##############################  */ 
a:link {
    color: #1E786C;
}
a:visited {
    color: #1E786C;
}
a:hover {
    text-decoration: none; 
    color: #1E786C;
}
a:active {
    text-decoration: none;
    color: #1E786C;
}

/* ##############################
    NAVIGATION
   ##############################  */  
.nav {
    float: left;
    background-color: #9BB7FE; 
    width: 100%;
    
/*
	MAKES THE NAV BAR AN ISLAND WITH ROUNDED CORNERS
	margin: 0 0 10px 0;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
*/    
    
    
    -moz-border-radius: 1em 1em 0 0;
    -webkit-border-radius: 1em 1em 0 0;
    border-radius: 1em 1em 0 0;
    
    /* ALLOWS ROUNDED CORNERS IN IE 6, 7, & 8*/
    behavior: url(css/PIE-1.0.0/PIE.htc);
}

/* ##############################
    NAVIGATION TOP MENU
   ##############################  */ 
  
.top_menu li {
    position: relative;
    display: block;
    float: left;
    list-style: none;
    padding: .5em 0;
    margin: 0 0 0 .5em;    
}  
    .top_menu a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 2em;
        display: block;
        padding: 0 1em;
        text-decoration: none;
        background-color: #B7CBFE;
        -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em;
        
        /* ALLOWS ROUNDED CORNERS IN IE 6, 7, & 8*/
        behavior: url(css/PIE-1.0.0/PIE.htc);
    }
    .top_menu a:link {
        color: #000000;
    }
    .top_menu a:visited {
        color: #000000;
    }
    .top_menu a:hover {
        color: #006400; 
        background-color: #CBD9FE; 
    }
    .top_menu a:active {
        color: #000000;
    }

   
/* ##############################
    NAVIGAION SUB MENU 
   ##############################  */
.sub_menu {
    position: absolute;
        left: -9000em;
}
    .sub_menu li {
        float: none;
        list-style: none;
        text-decoration: none;
        white-space: nowrap; 
        padding: 0;
    }
    .top_menu li:hover ul {
        left: -.5em;
    }
    .sub_menu a { 
        line-height: 2em;
        padding: 0 1em;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        
        /* ALLOWS ROUNDED CORNERS IN IE 6, 7, & 8*/
        behavior: url(css/PIE-1.0.0/PIE.htc);    
    }
    .sub_menu a:link {
        color: #000000;
    }
    .sub_menu a:visited {
        color: #000000;
    }
    .sub_menu a:hover {
        color: green;
        background-color: #9BB7FE;
    }
    .sub_menu a:active {
        color: #000000;
    }

    body#index #nav_home, body#products #nav_products, body#contact #nav_contact,
        #directions #nav_directions {
        background-color: #335CD6;
        color: white;
        cursor: default;
}

/* ##############################
    NAVIGAION SUB MENU  
   ##############################  */
  
body#hand_held_antenna_kit #nav_hand_held_antenna_kit a, body#man_pack_antenna_kit #nav_man_pack_antenna_kit a, body#uhf_satcom_diplexer #nav_uhf_satcom_diplexer a,
body#low_profile_satcom_on_the_move_antenna #nav_low_profile_satcom_on_the_move_antenna a {   
    color: #FFFFEF; 
    background-color: #335CD6;  
    cursor: default;
} 

/* ##############################
    SECTION GENERAL
   ##############################  */   

.section {   
    min-height: 400px;
    background-color: #e9e9e1;
    padding: 20px 0 20px 0;
}
    .section p {
        margin: 10px 0 10px 0;
        line-height: 1.5em;
    }
    .section h1 {
        text-align: center;
        font-size: 25px;
        font-family: Georgia, "Times New Roman", serif;
        letter-spacing: .5px;
        word-spacing: 7px;
        font-variant: small-caps;
        margin: 0px 0 20px 0;
    }
#contact .section, #directions .section {
    background-color: #e9e9e1;
}
        
/* ##############################
    INDEX PAGE
   ##############################  */ 
   
#index_content {
    float: left;
    width: 62%;
    padding: 0 10px 0 42px;
}
#index_aside {
    float: right;
    width: 27%;
    padding: 25px 25px 0 0;
    text-align: center;
}
    .index_aside_personel {
        font-family: Georgia, "Times New Roman", serif;
        font-weight: bold;
        letter-spacing: .5px;
        font-size: 115%;
    }
    .index_aside_titles {
        font-size: 90%;
        font-variant: small-caps;
    }
    .index_aside_image {
        text-align: center;
    }

/* ##############################
    PRODUCT PAGE
   ##############################  */  
   
#products .section {
    padding: 20px;
}
    #products .section table {
        width: 100%;
    }
    #products .section table tr td {
        width: 25%;
        vertical-align: bottom;
        text-align: center;
    }

    
/* ##############################
    DIRECTIONS AND HOURS
   ##############################  */ 

#directions_content h2 {
    margin: 30px 0 0 0;
}       
#directions_content {
    float: left;
    width: 45%;
    padding: 0 20px;
    text-align: center;
}
#directions_aside {
    float: right;
    width: 45%;
    padding: 0 20px;
    text-align: center;         
}
    #get_directions form {
        text-align: center;
    }
    #get_directions .link {
        text-decoration: underline;
        color: blue;
        font-size: 90%;
    }
    #get_directions .link:hover {
        text-decoration: none;
        cursor: pointer;
    }
    #get_directions .text_field {
        width: 400px;
        height: 20px;
        color: #000000;
        border-top: 2px solid #999; 
        border-left: 2px solid #999;
        background-color: #F3F7FF;
        padding: 2px;
    }
    #get_directions {
        min-height: 0;
    }
#directions table {
    margin: 20px auto 0 auto;
}
    #directions td {
        padding: 5px;        
    }
    #directions td.left {
        text-align: right;
    }
    #directions td.right {
        text-align: left;
    }

/* ##############################
    CONTACT RF CONCEPTS
   ##############################  */ 
   
#contact .section {
    text-align: center;
}
#contact_address_block {}

    #contact_address_block p {
    text-align: center;        
    }

/* ##############################
    DETAIL PAGES
   ##############################  */ 
       
#detail_content {
    float: left;
    width: 60%;
    padding: 0 20px;
}
    #detail_content p {
        margin: 25px 0 0 0;
    }
    
#man_pack_detail_content {
    float: left;
    width: 60%;
    padding: 0 20px;
}
    #man_pack_detail_content p {
        margin: 0;
    }
.aside {
    float: right;
    width: 30%;
    padding: 0 20px;
    text-align: center;         
}
    #detail_aside p {
        margin: 0 0 20px 0;
    }
    .content_image_div {
        float: left;
        margin: 0 0 0 10px;
    }
   
.variations_table td:first-child {
    text-align: right;
    font-weight: bold;
}

.bottom_images table {
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
}
    .bottom_images td {
        width: 20%;
        vertical-align: bottom;
    }

/* ##############################
    MAN-PACK 
   ##############################  */
  
.man_pack_bottom_images table {
        width: 100%;
        text-align: center;
        margin: 20px 0 10px 0;
    }    
    .man_pack_bottom_images td {
        width: 20%;
        vertical-align: bottom;
        text-align: center;
    }

/* ##############################
    DIPLEXER
   ##############################  */
  
.diplexer_bottom_images table {
        width: 100%;
        text-align: center;
        margin: 20px 0 10px 0;
    }    
    .diplexer_bottom_images td {
        width: 25%;
        vertical-align: bottom;
        text-align: center;
    }
.diplexer_two_versions {
    margin: 20px 20px;
}       
    #diplexer_detail_content {
        float: left;
        width: 60%;
        padding: 0 20px;
    }
        #diplexer_detail_content p {
            margin: 0;
        } 
    .diplexer_variations_table .td_one {
        width: 80px;
    } 
    .diplexer_variations_table .td_two {
        text-align: center;
        width: 20px; 
    } 
    .diplexer_variations_table .td_three {
        
    }   
    .diplexer_variations_table td:first-child {
        text-align: right;
        font-weight: bold;
    }

/* ##############################
    LOW PROFILE SATCOM ON THE MOVE ANTENNA
   ##############################  */
  
.low_pro_bottom_images table {
        width: 100%;
        text-align: center;
        margin: 20px 0 10px 0;
    }    
    .low_pro_bottom_images td {
        width: 25%;
        text-align: center;
        vertical-align: bottom;
    }

/* ##############################
    FOOTER 
   ##############################  */

.footer {
    width: 960px;
    text-align: center;
    font-size: 12px;
    margin: 0 auto 10px auto;
    padding: 1em 0 1em 0;
    background-color: #9BB7FE; /*#70AAFF;*/
    color: #000; 
    -moz-border-radius: 0 0 1em 1em;
    -webkit-border-radius: 0 0 1em 1em;
    border-radius: 0 0 1em 1em;
    
    /* ALLOWS ROUNDED CORNERS IN IE 6, 7, & 8*/
    behavior: url(css/PIE-1.0.0/PIE.htc);
}