/********************************************************************
 FORGE CSS File
 Design: FORGE - Ryan Clark
 HTML/CSS: FORGE - Ryan Buttrey
--------------------------------------------------------------------
 CHANGE LOG:
   RDB:  01-28-10          File Creation

********************************************************************/


body {
     font-size: 62.5%;
     background: #252525;
     margin: 0 auto;
     color: #ddd;
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

img {
     border: none;
     margin: 0;
     padding: 0;
}

img.align-right {
     float: right;
     margin: 0 0px 6px 12px;
}

img.align-left {
     float: left;
     margin: 0 12px 6px 0;
}

/* fonts
--------------------------------------------------------------------------------*/

p {font-size: 1.3em; line-height: 1.8em; color: #ddd;}
h1 {font-size:2.5em}
h2 {font-size:1.9em}
h3 {font-size:1.4em; margin-bottom: 1.2em; margin-top: 2em;}
h4 {font-size:1.2em; margin-bottom: 1.2em;}
h5 {font-size:1.1em; margin-bottom: 1.2em;}
h6 {font-size:1.0em; margin-bottom: 1.2em;}
ol {list-style:decimal;}
ul {list-style:none;}
ul, ol, li {margin: 0; padding: 0;}
strong {font-weight: bold;}
a {color: #fff;}
p a {color: #c1c1c1; text-decoration: underline;}
a:hover {text-decoration: underline;}
blockquote {float: left; width: 100%;}

h1, h2, em, a, p, blockquote, cite, li {
     text-decoration: none;
     margin: 0;
     padding: 0;
     font-weight: normal;
}

fieldset, input, textarea {
     border: none;
     margin: 0;
     padding: 0;
}

#container {
     background: #ccc;
     float: left;
}





/* header
--------------------------------------------------------------------------------*/

#header {
     background: url(../images/header-bg.gif) top left repeat-x;
     position: relative;
     z-index: 100;
     float: left;
     width: 100%;
     border-top: 4px solid #e1e1e1;
}

.header-container {
     position: relative;
     padding-bottom: 20px;
}

     .header-container #logo-tag {
          padding: 12px;
          float: left;
          margin-bottom: 10px;
          width:362px;
     }
               
          .header-container #logo-tag a {
               display: block;
               font-weight: bold;
               font-size: 1.2em;
               width: 168px;
               height: 56px;
               overflow: hidden;
          }
               
          .header-container #logo-tag img {
               position: absolute;
               top: 12px;
               left: 12px;
          }
     
     .header-container .header-nav {
          float: right;
     }
     
          .header-container .header-nav li {
               float: left;
               padding: 5px 10px;
          }
          
          .header-container .header-nav li.partner {
               background: #e1e1e1;
               padding-top: 0;
               -moz-border-radius-bottomleft:  5px;
               -moz-border-radius-bottomright:  5px;
               -webkit-border-bottom-right-radius: 5px;
               -webkit-border-bottom-left-radius: 5px;
               color: #333;
          }
          
               .header-container .header-nav li.partner a {
                    text-transform: uppercase;
                    text-decoration: none;
               }
               
               .header-container .header-nav li.partner img {
                    margin-right: 5px;
               }
          
               .header-container .header-nav li a {
                    color: #555;
                    text-transform: lowercase;
               }
               
               .header-container .header-nav li a.partner-sign-in {
                    color: #333;
               }
               
               .header-container .header-nav li.partner .partner-only-navigation {
                    border-left: 1px solid #999;
                    margin-left: 5px;
                    padding-left: 10px;
               }
               
                    .header-container .header-nav li.partner .partner-only-navigation a {
                         background: url(../images/partner-nav-arrow.gif) right center no-repeat;
                         margin-right: 5px;
                         padding-right: 21px;
                         padding-top: 5px;
                    }
                    
                    /*
.header-container .header-nav li.partner:hover ul {
                         display: block;
                    }
*/
                                        
                    .header-container .header-nav li.partner ul {
                         position: absolute;
                         top: 2em;
                         right: 0;
                         background: #e1e1e1;
                         -moz-border-radius-bottomleft:  5px;
                         -moz-border-radius-bottomright:  5px;
                         -webkit-border-bottom-right-radius: 5px;
                         -webkit-border-bottom-left-radius: 5px;
                         padding: 5px 10px;
                         z-index: 4;
                    }
                    
                         .header-container .header-nav li.partner ul li {
                              clear: left;
                         }
                         
                              .header-container .header-nav li.partner ul li a:hover {
                                   color: #000;
                                   text-decoration: underline;
                              }
      
      .header-container .search-request-container {
            float: right;
            clear: right;
            margin-top: 15px;
            width: 480px;
      }
         
         .header-container #parts-request-header {      
              float: left;
              clear: left;
         }
         
         .header-container #quick-search {
              float: right;
              clear: right;              
         }
         
              .header-container #quick-search form {
                   background: #fff;
                   border: 3px solid #ccc;
                   width: 228px;
                   height: 22px;
                   padding: 5px;
                   -moz-border-radius: 15px;
                   -webkit-border-radius: 15px;
              }
                   
                   .header-container #quick-search form fieldset {
                        border: none;
                        margin: 0;
                        padding: 0;
                   }
              
                   .header-container #quick-search form input.searchButton {
                       /*  float: right; */
                        background: url(../images/search-bg.gif) top right no-repeat;
                        width: 23px;
                        height: 22px;
                        border: none;
                        cursor: pointer;
                   }
                   
                   .header-container #quick-search form #searchForm {
                        background: none;
                        border: none;
                        width: 200px;
                        color: #777777;
                        text-transform: lowercase;
                        font-size: 1.3em;
                   }

/* nav
--------------------------------------------------------------------------------*/



#tabs{
     width: 100%;
     background: #000;
     float: left;
     padding-top: 10px;
     position:relative; 
     z-index: 2;
}

     #tabs .part-requests-submit {
          float: right;
          margin-top: 5px;
     }






/* body
--------------------------------------------------------------------------------*/

#wrapper {
     position: relative;
     background: #000 url(../images/content-bg.gif) top left repeat-x;
     float: left;
     width: 100%;
     padding-bottom: 40px;
     z-index: 1;
}


     .feature-container {
         width: 100%;
         float: left;
         background: url(../images/feature-image-1-trans.png) bottom center no-repeat;
         /*padding: 20px 0 126px 0;*/
         padding: 40px 0 106px 0;
     }
     
     
          #spotlight {
               width: 960px;
               margin: 0 auto;
          }
          
          #spotlight img {
               display: block;
          }
          
          #spotlight img.feature {
               position: absolute;
               bottom: 0;
               right: 0;
          }
          
               #spotlight #img-desc {
                    margin: 0;
                    width: 554px;
                    float: left;
                    clear: left;
                    margin-left: 11px;
                    padding: 26px 0 97px 1px;
                    background: rgba(0, 0, 0, 0.6);
                    background-image: url(../images/feature-bg.png);
                    background-position: bottom right;
                    background-repeat: no-repeat;
                    -moz-border-radius: 15px;
                    -webkit-border-radius: 15px;
                    /* position: relative; */
               }
               
                    #spotlight #img-desc h6 {
                         font-size: 1.2em;
                         text-transform: uppercase;
                         color: #18b6b4;
                         margin-bottom: .4em;
                         padding: 0 40px 10px 20px;
                         border-bottom: 1px solid #565656;
                    }
                    
                         #spotlight #img-desc ul {
                              float: left;
                              margin-top: 0px;
                         }
               
                         #spotlight #img-desc ul li {
                              float: left;
                              width: 68px;
                              text-align: center;
                              margin-left: 21px;
                         }
                         
                              #spotlight #img-desc ul li span {
                                   padding-bottom: 1.5em;
                                   display: block;
                                   font-size: 1.2em;
                              }
     
     #body {
          position: relative;
     } 
          
          #body .section {
               margin-top: 20px;
               margin-bottom: 30px;
               float: left;
               width: 100%;
               background: url(../images/section-border-bottom.png) bottom left no-repeat;
               padding-bottom: 20px;
          }
          
          #body .contact {
               background: none;
               padding-bottom: 0;
          }
          
               #body .section h2, #body .results h2 {
                    background: url(../images/arrow.png) center left no-repeat;
                    padding-left: 30px;
                    font-size: 2em;
                    margin-bottom: 1em;
               }
               
                    #body .not-found {
                        padding-top: 55px;
                        padding-bottom: 70px;
                    }
                    
                        #body .not-found h2, #body .not-found p {
                            background: none;
                            padding-left: 0;
                            text-align: center;
                        }
                        
                        #wrapper .access-request h2 {
                            background: none;
                            margin-top: 1em;
                            float: left;
                            padding: 0;
                            width: 100%;
                        }
                        
                        #wrapper .access-request h3 {
                            margin-bottom: .5em;
                            float: left;
                            width: 100%;
                        }
                        
                        #wrapper .access-request p {
                            float: left;
                            margin-bottom: 1em;
                        }
                        
               #body .section h3, #body .results h3 {
                    padding-left: 30px;
                    color: #18B6B4;
                    font-size: 1em;
                    margin-bottom: 0.5em;
                    margin-top: 1.5em;
                    text-transform: uppercase;
                    float: left;
                    clear: left;
               }
               
               #body .results h3 {
                    float: none;
               }
               
               #body .results .rep {
                    font-weight: bold;
                    font-size: 1.8em;
                    float: left;
                    clear: left;
               }
               
                    #body .results .vcard, #body .vcard {
                         margin-top: 15px;
                         margin-left: 30px;
                         font-size: 1.4em;
                         line-height: 1.5em;
                         margin-bottom: 20px;
                    }  
                    
                    #body .results .vcard {
                        float: left;
                        clear: left;
                    }
                                      
                    #body .results .results-logo img {
                         margin-top: 30px;
                    }
                    
               #body .results p {
                    padding-left: 30px;
                    float: left;
                    clear: left;
                    font-size: 1.1em;
               }
               
               #body .section img {
                    margin: 0 5px 5px 5px;
               }
               
               #body .section #filter {
                    background: url(../images/where-to-buy-filter-bg.png) bottom left no-repeat;
                    float: left;
                    width: 913px;
                    padding: 10px 10px 30px 10px;
                    margin-left: 5px;
               }
               
                    #body #product-search-container .filter-elements {
                         margin-bottom: 20px;
                         /*float: left;*/
                    }
                    
                        #body #product-search-container .filter-elements form {
                             width: 600px;
                             margin-left: 55px;
                        }
                         
                              #body #product-search-container .filter-elements fieldset select {
                                   background: none repeat scroll 0 0 #FFFFFF;
                                   border: medium none;
                                   color: #666666;
                                   font-size: 1.3em;
                                   padding: 5px;
                                   float: left;
                              }
                              
                              #body #product-search-container .filter-elements fieldset label {
                                   color:#18B6B4;
                                   font-size:1em;
                                   margin-bottom:0.5em;
                                   margin-top:1.5em;
                                   text-transform:uppercase;
                                   width:100%;
                                   float: left;
                              }
                         
                              #body #product-search-container .filter-elements fieldset div {
                                   margin-bottom: 10px;
                                   float: left;
                                   width: 180px;
                                   margin-right: 10px;
                              }
                              
                              #body #product-search-container .filter-elements fieldset input {
                                   color: #777777;
                                   padding: 5px;
                                   margin: 0 5px 0 0;
                                   text-transform: lowercase;
                                   
                              }
                              
                              #body #product-search-container .filter-elements .searchButton {
                                   text-transform: uppercase;
                                   color: #fff;
                                   padding: 5px 8px;
                                   -moz-border-radius: 10px;
                                   -webkit-border-radius: 10px;
                                   margin-top: 35px;
                                   cursor: pointer;
                                   background:  #128887 url("../images/sign-in-bg.gif") repeat-x scroll left top;
                              }
          
          #body #iso-cert {
                margin-left: 32px;
                border: 5px solid #ccc;
          }
          
          #body .col {
               width: 240px; 
               float: right; 
               position: relative;
          }
          
               #body .col img {
                    float: none;
                    margin: 0;
               }
          
               #body .news .date {
                    margin-right: 10px;
                    color: #898989;
                    font-style: normal;
               }
               
          #body .features, #body .find-products {
               padding-right: 20px;
               float: left;
          }
          
          #body .find-products p 
          {
              margin-bottom: 1em;
          }
          
          #body .find-products h2 a strong 
          {
              color: White;
          }
          
          #body .find-products .productFinder 
          {
              margin-top: 0px;
          }
          
          #body .net-components 
          {
              margin-top: 18px;
          }
          
               #body .news h3, #body .features h3 {
                    padding-bottom: 5px;
                    font-size: 1.5em;
               }
               
               #body .news h3 {
                    border-bottom: 1px solid #303030;
               }
          
               #body .features .content {
                    background: url(../images/features-header-bg.png) top left no-repeat;
                    padding-top: 1.5em;
               }
                    
                    #body .features .content ul {
                         float: left;
                    }
               
                         #body .features .content .more {
                              margin-top: 10px;
                              float: left;
                              clear: left;
                              background: url(../images/carrot.png) center left no-repeat;
                              padding-left: 10px;
                         }
                         
                              #body .features .content .more a {
                                   color: #18b6b4;
                              }
          
                    #body .features .content h4 {
                         font-size: 2em;
                         margin: .5em 0 1em 0;
                    }
                    
                         #body .features .content h4 a {
                              background: url(../images/arrow.png) center right no-repeat;
                              padding-right: 30px;
                         }
          
                    #body .features .content img {
                         float: left;
                         border: 2px solid #fff;
                         margin: 15px 30px 10px 0;
                    }
          
          #body .news ul {
               margin-top: 1em;
               margin-bottom: 20px;
          }
          
               #body .news ul li {
                    margin-bottom: 10px;
                    padding-bottom: 10px;
                    border-bottom: 1px solid #6e6e6e;
               }
               
                    #body .news ul li a {
                         font-size: 1.3em;
                         color: #cccccc;
                    }
                    
          #body #form, #body #access-request {
              background: url(../images/form-bg.png) top left repeat-x;
              padding: 20px 40px;
              width: 660px;
              margin: 50px 0;
              float: left;
              -moz-border-radius: 15px;
              -webkit-border-radius: 15px;
          }
          
          #body #partners #form {
          	padding: 0;
          	background: none;
          	margin-top: 0;
          	/*width: 100%;*/
          }
          
               #body #partners #form table {
                   margin: 10px 0 75px;
               }
               
               #body #partners #form h4 {
                   width: 100%;
               }

          
               #body #form h2 {
                   color: #ccc;
                   font-size: 2.4em;
                   margin-bottom: 1em;
               }
               
               #body #form form .custom-input {
                    height:21px;
                    padding:3px;
                    width:228px;
                    color:#333;
                    font-size:1.3em;
                    float: left;
                    clear: left;
               }
               
               #body #form form .error {
                    color: #fff;
               }
               
               #body .error-text {
                    background: #b52e2e url(../images/error-bg.gif) top left repeat-x;
                    padding: 5px 10px;
                    color: #fff;
                    /*font-weight: bold;*/
               }
               
               #body .success {
                    margin-bottom: 20px;
                        font-size: 1.3em;
                        padding: .5em 1em;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                        -0-border-radius: 5px;
                        border-radius: 5px;
                        background: #005500;
                       
                        margin-top: 20px;
               }
               
               #body form .error {
                    background: #b52e2e url(../images/error-bg.gif) top left repeat-x;
                    color: #fff;
               }
               
                    #body #partners #form form .custom-input, #body #partners #form form select {
                         width: 170px;
                         /*padding: 5px;*/
                    }
                    
                    #body #partners #form form textarea {
                         width: 200px;
                         /*padding: 5px;*/
                    }
               
               #body #form form select {
                    /* background:#fff; */
                    border: none;
                  color:#333;
                  font-size:1.3em;
                  float: left;
                  padding: 5px;
                  width: 248px;
                  clear: left;
               }
               
               #body #form form .text-area {
                    background:#fff;
                    /*border: 3px solid #ccc;*/
                    height:175px;
                    padding:3px;
                    width:290px;
                    color:#333;
                    font-size:1.7em;
                    float: left;
                    clear: left;
                    /*-moz-border-radius: 15px;
                    -webkit-border-radius: 15px;*/
               }
               
                    #body #form form input, #body #form form label, #body #form form textarea {
                         float: left;
                         clear: left;
                    }
                    
                    #body #form form label {
                         color:#18B6B4;
                         font-size:1em;
                         margin-bottom:0.5em;
                         margin-top:1.5em;
                         text-transform:uppercase;
                         /* width: 100%; */
                    }
                    
                    #body #form form .searchButton, #content .partners #partners .submitButton {
                         text-transform: uppercase;
                         color: #fff;
                         padding: 5px 8px;
                         -moz-border-radius: 10px;
                         -webkit-border-radius: 10px;
                         margin-top: 20px;
                         cursor: pointer;
                         background:  #128887 url("../images/sign-in-bg.gif") repeat-x scroll left top;
                    }
                              	     
                #body #form a {
                    /* color:#18B6B4; */
                }
                
                #body #form .section1 {
                    background: url(../images/divider-bottom.png) bottom left no-repeat;
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                }
                     
                     #body #form .section1 a.forgot-password {
                         padding-left: 20px;
                         background: url(../images/question-mark.png) left center no-repeat;
                         width: 100%;
                         
                     }
                    
          #section1 {
               float: left;
          }     
          
               #sub-nav {
                    width: 226px;
                    margin: 20px 0 0 0;
                    padding: 0;
                    /* float: left; */
                    padding-right: 14px;
                    background: url(../images/subnav-arrow.png) top right no-repeat;
               }
               
                    #sub-nav ul {
                         background: rgba(0, 0, 0, 0.4);
                         -moz-border-radius: 15px;
                         -webkit-border-radius: 15px;
                    }
                    
                         #sub-nav ul li {
                              background: url(../images/active-nav-underline.png) bottom left no-repeat;
                              height: inherit;
                         }
                         
                         #sub-nav ul li.last {
                              background: none;
                         }
                         
                              #sub-nav ul li a {
                                   color: #999;
                                   margin-bottom: 0;
                                   text-indent: 0;
                                   font-size: 1.3em;
                                   padding: 1.2em 15px;
                                   display: block;
                              }
                              
                              #sub-nav ul li a.current {
                                   color: #fff;
                                   font-weight: bold;
                              }
                              
                              #sub-nav ul li a:hover {
                                   color: #fff;
                              }
                              
               #part-requests {
                    width: 226px;
                    margin: 20px 0 0 0;
                    padding: 0;
                    background: #888887;
                    padding-bottom: 10px;
                    float: left;
                    -moz-border-radius: 10px;
                    -webkit-border-radius: 10px;
               }
               
                    #part-requests h6 {
                         background: #000;
                         padding: 5px 10px;
                         font-size: 1.2em;
                         text-transform: uppercase;
                         -moz-border-radius-topleft: 10px;
                         -moz-border-radius-topright: 10px;
                         -webkit-border-top-left-radius: 10px;
                         -webkit-border-top-right-radius: 10px;
                         margin-top: 0;
                    }
                    
                    .part-requests-submit {
                         background: #3c3c3c url(../images/part-request-submit-bg.gif) top right no-repeat;
                         padding: 10px 35px 7px 10px;
                         margin-top: 3px;
                         margin-left: 10px;
                         float: left;
                         -moz-border-radius: 10px;
                         -webkit-border-radius: 10px;
                         -webkit-border-radius: 10px;
                         -webkit-border-radius: 10px;
                         text-transform: uppercase;
                    }
                    
                    #part-requests ul {
                         margin: 10px
                    }
                    
                         #part-requests ul li {
                              background: #747474 url(../images/part-request-list-bg.gif) top right repeat-x;
                              margin-bottom: 5px;
                              padding: 5px;
                              float: left;
                              width: 95%;
                              -moz-border-radius: 5px;
                              -webkit-border-radius: 5px;
                              margin-top: 0;
                         }
                         
                              #part-requests ul li a {
                                   font-size: 1.1em;
                                   padding-left: 25px;
                                   line-height: 1.5em;
                                   float: left;
                              }
                              
                              #part-requests ul li span.remove {
                                   float: right;
                                   padding: 0;
                                   cursor: pointer;
                              }
                              
                              #part-requests ul li a.sample {
                                   background: url(../images/sample-icon.png) left center no-repeat;
                              }
                              
                              #part-requests ul li a.quote {
                                   background: url(../images/quote-icon.png) left center no-repeat;
                              }
                                                            
          #content {
               width: 700px;
               float: left;
               margin: 35px 0 0 0;
               padding: 0;
               padding-left: 20px;
          }
          
               #content #head {
                    margin: 0 0 0 10px;
               }
               
               #content p.featured {
                    font-size: 1.5em;
                    color: #eee;
               }
               
               #content p {
                    margin-bottom: 1em;
               }
               
                    #product-main-image {
                         background: #575757 url(../images/product-main-img-bg.gif) top right no-repeat;
                         -moz-border-radius: 15px;
                         -webkit-border-radius: 15px;
                         text-align: center;
                         padding: 20px 0;
                         overflow: hidden;
                         width: 300px;
                    }
                    
                         #product-main-image img {
                              margin: 0 auto;
                              max-width:280px;
                         }
                    
                    #content .product-detail h2 {
                         color:#18B6B4;
                         font-size:1em;
                         margin-top:1.5em;
                         text-transform:uppercase;
                    }
                    
                    #content .product-detail #part-number {
                         font-size: 2.4em;
                         margin-bottom: .7em;
                         float: left;
                         width: 100%;
                    }
                    
                    #content .product-detail .detail {
                         background: url("../images/sidebar-bg.png") repeat-y scroll left top transparent;
                         margin-top: 10px;
                         -moz-border-radius-bottomleft: 10px;
                         -moz-border-radius-topleft: 10px;
                         -webkit-border-top-left-radius: 10px;
                         -webkit-border-bottom-left-radius: 10px; 
                         padding: 15px 0 0px 0px;
                    }
                    
                         #content .product-detail .detail img {
                              margin-left: 10px;
                              margin-bottom: 10px;
                              border: 1px solid #7e7e7e;
                              width: 48px;
                              background: #fff;
                         }
                         
                              #content .product-detail .detail img:hover {
                                   border: 1px solid #fff;
                              }
                         
                         #content .product-detail .detail ul li {
                              background:url("../images/active-nav-underline.png") no-repeat scroll left top transparent;
                         }
                         
                         #content .product-detail .detail ul li a, #content .product-detail .detail ul li span {
                              color: #fff;
                              display: block;
                              font-size: 1.3em;
                              margin-bottom: 0;
                              margin-left: 10px;
                              padding: 1.2em 15px 1.2em 25px;
                         }
                         
                         #content .product-detail .detail ul li span:hover {
                              text-decoration: underline;
                              cursor: pointer;
                         }
                         
                         #content .product-detail .detail ul li a.sample, #content .product-detail .detail ul li span.sample {
                              background: url(../images/sample-icon.png) left center no-repeat;
                         }
                         
                         #content .product-detail .detail ul li a.quote, #content .product-detail .detail ul li span.quote {
                              background: url(../images/quote-icon.png) left center no-repeat;
                         }
                         
                    #content .partners .product-detail {
                         text-align: center;
                    }
                    
                    #content .partners .part-information {
                         margin-top: 20px;
                         float: left;
                         margin-left: 10px;
                    }
                    
                         #content .partners .part-information #product-search-container {
                              background: url(../images/part-info-filter-bg.png) bottom left no-repeat;
                              padding: 10px 10px 25px 20px;
                              float: left;
                              width: 658px;
                         }
                         
                              #content .partners .part-information #product-search-container .seperator {
                                   float: left;
                                   margin-top: 4em;
                                   margin-left: 10px;
                                   text-transform: uppercase;
                                   font-weight: bold;
                                   font-size: 1.2em;
                              }
                              
                                   #content .partners .part-information #product-search-container .seperator p {
                                        color: #fff;
                                   }
                         
                         #content .partners .part-information h3 {
                              font-size: 1.2em;
                              text-transform: uppercase;
                              margin-top: 20px;
                         }
               
               #content .faq h2 {
                    margin-top: 5em;
               }
               
               #content .faq h3 {
                    color: #18B6B4;
               }
                              
               #content .faq a {
                    background:url("../images/arrow.png") no-repeat scroll left center transparent;
                    padding: 5px 0 5px 30px;
               }
               
               #content .faq ul li a {
                    color: #c1c1c1;
                    text-decoration: underline;
                    background: none;
                    padding: 0;
               }
               
               #content .faq .top {
                    color: #c1c1c1;
                    font-size: 1em;
                    text-transform: lowercase;
                    text-decoration: underline;
                    margin-bottom: 4em;
                    float: left;
                    width: 100%;
                    background: none;
                    padding: 0;
                    margin-top: 2px;
               }
               
               #content .main-content {
                    background: url(../images/content-divider.png) top left no-repeat;
                    margin-top: 20px;
                    padding: 20px 0;
                    float: left;
               }
                    
                    #content .main-content .inline-image {
                        float: left; 
                        margin: 10px 30px 0px -30px;
                    }
                    
                         #content .main-content .inline-image img {
                              border: 2px solid #fff;
                         }
                         
                         #content .main-content .inline-image p.caption, .caption {
                              background: url("../images/carrot.png") no-repeat scroll left center;
                              color: #18B6B4;
                              margin-top: 0px;
                              padding-left: 10px;
                              font-size: 1em;
                         }
                         
                    #content .main-content ul {
                         /* float: left;
                         width: 100%; */
                         margin-left: 30px;
                         margin-bottom: 20px;
                         list-style-type:disc;
                    }
                    
                        #content .main-content img {
                            margin-bottom: 10px;
                        }
                    
                        #content .main-content ul li {
                             /* float: left; */
                             margin-right: 3px;
                             line-height: 1.2em;
                             color: #c1c1c1;
                             font-size: 1.2em;
                             margin-top: .7em;
                             /* width: 100%; */
                        }
                        
                   #wrapper .main-content ol {
                         float: left;
                         margin-left: 30px;
                         margin-bottom: 20px;
                    }
                    
                        #wrapper .main-content ol li {
                             margin-right: 3px;
                             line-height: 1.5em;
                             color: #c1c1c1;
                             font-size: 1.3em;
                             margin-top: .7em;
                        }
               
               #content .main-content table, #products-narrow-search table, #orders-narrow-search table {
                    font-size:11px;
                    background: #454545;
                    width: 100%;
               }
               
               #products-narrow-search .order-container, #orders-narrow-search .order-container {
               	overflow: hidden;
               }
               
               #products-narrow-search table, #orders-narrow-search table {
                    -moz-border-radius-topright: 10px;
                    -moz-border-radius-topleft: 10px;
                    -webkit-border-top-left-radius: 10px;
                    -webkit-border-top-right-radius: 10px;
                    background: #181818;
                    border: none;
                    float: left;
               }
               
                    #products-narrow-search table thead, #orders-narrow-search table thead {
                         color: #fff;
                         float: left;
                         width: 100%;
                    }
                    
                    #products-narrow-search table thead tr th, #orders-narrow-search table thead tr th {
                         font-weight: normal;
                         padding: 5px 13px 5px 5px;
                         text-align: left;
                         width: 182px;
                    }
                    
                    #products-narrow-search table tbody, #orders-narrow-search table tbody {
                         height: 125px;
                         overflow: auto;
                         float: left;
                         width: 100%;
                    }
                    
                    #products-narrow-search table tbody tr, #orders-narrow-search table tbody tr {
                         background: #454545;
                    }
                    
                    #products-narrow-search table tbody tr td, #orders-narrow-search table tbody tr td {
                         width: 200px;
                         color: #fff;
                         cursor: pointer;
                    }
                    
                    #products-narrow-search table thead tr, #orders-narrow-search table thead tr {
                         position: relative;
                         left: 0px;
                    }
                    
                    #products-narrow-search td, #orders-narrow-search td {
                         padding: 8px 5px;
                         border-right:1px solid #000000;
                    }
                    
                    #content .main-content table tr.alt, #products-narrow-search table tr.alt, #content .main-content table tr.even, #products-narrow-search table tr.even, #orders-narrow-search table tr.even {
                         background: #656565;
                    }
                    
                         #content .main-content table tr td, #product-narrow-search table tr td, #orders-narrow-search table tr td {
                              padding: 5px;
                              /* width: 50%; */
                         }
                         
               
               .breadcrumbs {
                    width: 100%;
                    float: left;
                    margin-bottom: 15px;
               }
               
               
                    .breadcrumbs ul li {
                         float: left;
                         padding-right: 10px;
                         background: url(../images/breadcrumb-seperator.png) center right no-repeat;
                         margin-right: 10px;
                         color: #ddd;
                    }
                    
                    .breadcrumbs ul li.last {
                         background: none;
                         margin-right: 0;
                    }
                    
                         .breadcrumbs ul li a {
                              color: #ddd;
                         }
                         
                         .breadcrumbs ul li a.current {
                              color: #fff;
                              text-decoration: underline;
                              font-weight: bold;
                         }
                         
                         .breadcrumbs ul li.home a {
                            text-transform:uppercase;
                            padding-left:20px;
                            background: url(../images/house.gif) top left no-repeat;
                        }
                    
               #products-filter, #distributor-filter {
                    float: left;
                    background: url(../images/product-filter-bg.png) bottom left repeat-x;
                    padding-bottom: 20px;
                    width: 100%;
                    -moz-border-radius-bottomleft: 15px;
                    -moz-border-radius-bottomright: 15px;
                    -webkit-border-bottom-right-radius: 15px;
                    -webkit-border-bottom-left-radius: 15px; 
                    padding-bottom: 15px;
                    /* display: none; */
               }
               
               #distribution-filter #dist-logo {
                    display: none;
               }
               
               .partners #distributor-filter, .partners #products-filter {
                        background: none;
               }
               
                    #products-filter #product-search-container, #distributor-filter #product-search-container {
                         background: #000 url(../images/product-search-bg.gif) top left repeat-x;
                         padding: 10px 0;
                         -moz-border-radius: 10px;
                         -webkit-border-radius: 10px;
                         margin-bottom: 20px;
                         float: left;
                         width: 100%;
                    }
                    
                         .clear-search {
                              float: right;
                              margin-bottom: 5px;
                              cursor: pointer;
                         }
                         
                        
                    
                              #product-search-container fieldset {
                                   border: 0;
                                   float: left;
                                   margin-left: 10px;
                                   width: 28%;
                              }
                              
                                   #product-search-container .filter-elements fieldset {
                                         width: 100%;
                                   }
                                   
                                   #product-search-container #pui-part-number fieldset, #product-search-container #competitor-part-number fieldset {
                                        width: 95%;
                                   }
                                   
                              .partners .part-information #product-search-container fieldset {
                                   margin-bottom: 5px;
                                   margin-left: 0;
                              }
                              
                              .partners .part-information #product-search-container form {
                                   float: left;
                                   width: 45%;
                              }
                              
                                   .partners .part-information #product-search-container #competitor-part-number {
                                        float: right;
                                   }
                              
                                   .partners .part-information #product-search-container form #pui-search, .partners .part-information #product-search-container form #competitor-search, .partners .part-information #product-search-container form #order-number {
                                        color: #777777;
                                        padding: 5px;
                                        margin: 0 5px 0 0;
                                        text-transform: lowercase;
                                        width: 230px;
                                        float: left;
                                   }
                                   
                                   #body .section #filter .filter-elements input {
                                        color: #777777;
                                        padding: 7px 5px;
                                        margin: 0 5px 0 0;
                                        text-transform: lowercase;
                                   }
                              
                              #product-search-container div.product-searchButton, #product-search-container .product-searchButton {
                                   background:url("../images/search-bg.png") no-repeat scroll right top transparent;
                                   border:medium none;
                                   height:22px;
                                   width:23px;
                                   margin-top: 2px;
                                   cursor: pointer;
                                   float: right;
                              }
                              
                              div#product-listingReset 
                              {
                                  display: block;
                                  float: left;
                                  background-color: #900000;
                                  padding: .25em .5em;
                                  margin: 3px 0 0 15px;
                                  -moz-border-radius: 5px;
                                  -webkit-border-radius: 5px;
                                  cursor: pointer;
                                  text-transform: uppercase;
                              }
                              
                              #product-search-container  #product-searchForm {
                                   color: #777777;
                                   padding: 5px;
                                   margin: 0 5px;
                                   /*text-transform: lowercase;*/
                                   float: left;
                              }
                              
                         #label {
                              float: right;
                              width: 25%;
                              text-transform: uppercase;
                         }
                              
                              #label span {
                                   font-size: 1.5em;
                                   color: #18b6b4;
                              }
                              
                              #label p {
                                   margin-bottom: 0;
                              }
               
                    .internal-nav-container {
                         float: left;
                         width: 100%;
                         background: url(../images/internal-nav-bottom.png) center 85% no-repeat;
                         margin-bottom: 10px;
                    }
                              
                         .internal-nav {
                              width: 100%;
                              float: left;
                              background: url(../images/internal-nav-top-trans.png) top center no-repeat;
                         }
                         
                              #products-filter h2, #distributor-filter h2 {
                                        margin-bottom: 10px;
                                        margin-top: 10px;
                                 }
                              
                              #products-filter .internal-nav li, #distributor-filter .internal-nav li {
                                   /* float: left; */
                                   padding: 1.2em 15px 1.8em;
                                   text-transform: uppercase;
                                   cursor: pointer;
                                   color: #fff;
                              }
                              
                              .internal-nav li {
                                   float: left;
                                   text-transform: uppercase;
                              }
                              
                                   .internal-nav li a {
                                        padding: 1.2em 15px;
                                        float: left;
                                        
                                   }
                                   
                                   .internal-nav li:hover, .internal-nav li.current {
                                        background: url(../images/subnav-active.png) bottom center no-repeat;
                                        text-decoration: none;
                                         padding-bottom: .6em;
                                   }
                                   
                                   /*
.internal-nav li.current {
                                        background: url(../images/internal-nav-arrow.png) bottom center no-repeat;
                                        padding-bottom: .5em;
                                   }
*/
                                   
                    #products-narrow-search {
                         float: left;
                         padding: 5px 20px;
                         margin-top: 5px;
                    }
                    
                    #products-narrow-search #filter-options {
                        float: left;
                        clear: left;
                        display: none;
                    }
                    
                        
                    
                    #products-narrow-search #filter-options fieldset {
                        /*display: none;*/
                    }
                    
                    #products-narrow-search #part-search-message {
                        display: none;
                        margin-bottom: 20px;
                        font-size: 1.3em;
                        padding: .5em 1em;
                        float: left;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                        -0-border-radius: 5px;
                        border-radius: 5px;
                    }
                    
                        #products-narrow-search #part-search-message.good {
                            background-color: #005500;
                        }
                        
                        #products-narrow-search #part-search-message.bad {
                            background-color: #550000;
                        }
                    
                        #products-narrow-search #filter-options fieldset.filtered select {
                            border: 1px solid red;
                        }
                         
                         #products-narrow-search h3 {
                         	margin-bottom: 20px;
                         }
                         
                         #products-narrow-search fieldset {
                              margin-bottom: 10px;
                              float: left;
                              width: 100%;
                         }
                    
                              #products-narrow-search select {
                                   float: right;
                                   width: 150px;
                              }
                              
                              #products-narrow-search label {
                                   text-transform: uppercase;
                                   color: #ddd;
                                   line-height: 2em;
                                   float: left;
                              }
                              
                              #products-narrow-search img.logo {
                                   max-width: 300px;
                              }
               
               #content .desc {
                    margin-top: 30px;
                    float: left;
                    width: 350px;
               }
               
                    #content .desc h2 {
                         color: #cccccc;
                         font-weight: normal;
                    }
                                        
                    #content .desc h3 {
                         font-size: 1.1em;
                         color: #18B6B4;
                         text-transform: uppercase;
                         margin-top: 10px;
                         font-weight: normal;
                    }
               
               #wrapper .main-content .sidebar {
                    background: url(../images/sidebar-bg.png) top left repeat-y;
                    -moz-border-radius-bottomleft: 10px;
                    -moz-border-radius-topleft: 10px;
                    -webkit-border-top-left-radius: 10px;
                    -webkit-border-bottom-left-radius: 10px; 
                    padding: 15px 0 15px 10px;
                    margin-bottom: 30px;
               }
               
                    #wrapper .main-content .sidebar a {
                         float: left;
                         background: none;
                         padding: 0;
                    }
                    
                        #wrapper .main-content .sidebar a.download span {
                            font-size: 1.5em;
                            margin-top: .8em;
                            margin-left: 5px;
                            float: right;
                            width: 70%;
                        }
                        
                       #wrapper .main-content .sidebar a.download img {
                            float: left;
                        }
                        
                    #wrapper .main-content .sidebar img {
                         border: 0;
                         margin: 0;
                         margin-bottom: 5px;
                    }
                    
                    #wrapper .main-content .sidebar h3.question {
                        font-size: 1.5em;
                        float: left;
                        background: url(../images/question.png) top left no-repeat;
                        padding-left: 45px;
                        line-height: 1.4em;
                        height: 44px;
                    }
                    
                    #wrapper .main-content .sidebar h4 {
                         color:#18B6B4;
                         font-size:1em;
                         margin-top:1.5em;
                         text-transform:uppercase;
                         float: left;
                         width: 100%;
                    }
                    
                    #wrapper .main-content .sidebar ul {
                         float: left;
                         width: 100%;
                    }
                    
                         #wrapper .main-content .sidebar ul li {
                              float: left;
                              width: 100%;
                              margin-top: .5em;
                         }
                         
                              .main-content .sidebar ul li a {
                                   font-size: 1.2em;
                              }
                              
                    #wrapper .main-content .chamber-member-seal {
                         margin: 0 auto;
                         display: block;
                    }
                    
                    #wrapper .main-content .pull-quote {
                        color: #18B6B4;
                        font-size: 2em;
                        margin-top: 2em;
                        width: 250px;
                        float: right;
                        display: inline;
                        
                    }
                                                  
                    #wrapper .main-content .sidebar a.see-all {
                         float: left;
                         /*background:url(../images/subnav-active.gif) repeat-x left top #128887;*/
                         background-color: #128887;
                         text-transform: uppercase;
                         padding: 5px 10px;
                         margin-top: 20px;
                         margin-left: 5px;
                         -moz-border-radius: 5px;
                         -moz-border-radius: 5px;
                         -webkit-border-radius: 5px;
                         -webkit-border-radius: 5px; 
                    }
               
               #content .main-content .articles li {
                         margin-bottom: 15px;
                    }
                              
                         #content .main-content .articles li a {
                              font-size: 1.5em;
                              color: #c1c1c1;
                         }
                         
                         #content .main-content .articles li em {
                              color:#18B6B4;
                              font-size:1em;
                              margin-bottom:0.5em;
                              margin-top:1.5em;
                              text-transform:uppercase;
                              font-style: normal;
                              margin-left: 10px;
                         }
                    
          #content-products, #line-items {
               width: 890px;
               float: left;
               margin: 35px 0 0 0;
               padding: 0;
          }
          
          .partner #content-products, .partner #line-items {
               margin: 5px 0 0 0;
          }
                              
            .partner #content-products table td, .partner #line-items table td {
                cursor:pointer;
            }
                        
            .partner #content-products table tbody, .partner #line-items table tbody {
                 max-height:100px;
                 overflow-x: hidden;
                 overflow-y: scroll;
            }
            
            .partner #content-products .results, .partner #line-items .results {
                margin-top: 20px;
                float: left;
            }
            
          #partners {
               width: 98%;
               float: left;
               margin: 0;
               padding: 0;
               margin-left: 10px;
               
          }
          
               #content-products h2, #content-products h3, #line-items h2, #line-items h3 {
                    font-weight: normal;
                    margin-bottom: 20px;
                    margin-top: 20px;
                    float: left;
                    width: 100%;
               }
               
               #partners h3 {
                    font-weight: normal;
                    margin-bottom: 20px;
                    margin-top: 30px;
                    float: left;
                   
               }
               
               #body .section #distributor-listing h3 {
                    margin-top: 30px;
                    padding-left: 0;
                    font-size: 1.9em;
                    color: #c1c1c1;
                    text-transform: none;
                    margin-bottom: 20px;
               }
               
               #content-products table, #distributor-listing table, #line-items table {
                -moz-border-radius-topright: 10px;
                    -moz-border-radius-topleft: 10px;
                    -webkit-border-top-left-radius: 10px;
                    -webkit-border-top-right-radius: 10px; 
                    background: #222222;
                    width:890px; 
                    font-size:11px;
                    float: left;
               }
               
                    #content-products .pui-category, .unitedStates, .international {
                        display: none;
                    }
               
            #content-products h2, #line-items h2 {
                float: left;
                clear: left;
            }

            #content-products .no-results, #line-items .no-results 
            {
                float: left;
                clear: left;
                width: 100%;
            }
            
                #content-products .no-results h3, #line-items .no-results h3
                {
                    color: #18B6B4;
                    margin-top: 0;
                }

               
               #partners table {
                    -moz-border-radius-topright: 10px;
                    -moz-border-radius-topleft: 10px;
                    -webkit-border-top-left-radius: 10px;
                    -webkit-border-top-right-radius: 10px; 
                    background: #181818;
                    width:100%; 
                    font-size:11px;
                    float: left;
                    margin-bottom: 20px;
               }
                    #content-products .filter-loading, #distributor-listing .filter-loading{
                           text-align: center; 
                    }
               
                    #content-products thead, #partners thead, #distributor-listing thead, #line-items thead {
                         color:#FFF;
                    }
                    
                         #content-products thead th, #partners thead th, #distributor-listing thead th, #line-items thead th {
                              padding:5px 13px 5px 5px; 
                              text-align: left; 
                              font-weight: normal;
                         }
                         
                         #content-products thead tr .header, #partners thead tr .header, #distributor-listing thead tr .header, #line-items thead tr .header {
                              cursor: pointer;
                              background-image: url(../images/bg.gif);
                              background-position: right center;
                              background-repeat: no-repeat;
                         }
                         
                         #content-products thead tr th, #partners thead tr th, #distributor-listing thead tr th, #line-items thead tr th {
                              border-right: 1px solid #000;
                         }
                         
                         .main-content thead tr th {
                              background: #222;
                              padding: 5px;
                         }
                         
                         .main-content table.center tbody td {
                            text-align: center;
                         }
                         
                         #content-products thead tr .headerSortDown, #partners thead tr .headerSortDown, #distributor-listing thead tr .headerSortDown, #line-items thead tr headerSortDown {
                              background-image: url(../images/desc.gif); 
                              background-color: #171717; 
                              background-position: right bottom;
                              border-right: 1px solid #000;
                         }
                         
                         #content-products thead tr .headerSortUp, #partners thead tr .headerSortUp, #distributor-listing thead tr .headerSortUp, #line-items thead tr .headerSortUp {
                              background-image: url(../images/asc.gif); 
                              background-color: #171717; 
                              background-position: right bottom;
                              border-right: 1px solid #000;
                         }
          
                    #content-products tbody tr, #partners tbody tr, #distributor-listing tbody tr, #line-items tbody tr {
                         background: rgb(64, 64, 64);
                    }
                    
                         #content-products tbody tr:hover, #line-items tbody tr:hover, #line-items tbody tr.even:hover, #partners tbody tr:hover, #content-products tbody tr.alt:hover, #partners tbody tr.alt:hover, #distributor-listing tbody tr.alt:hover, #distributor-listing tbody tr:hover, #products-narrow-search table tbody tr:hover, #products-narrow-search table tbody tr.alt:hover, #orders-narrow-search table tbody tr:hover, #orders-narrow-search table tbody tr.alt:hover, #content-products tbody tr.even:hover, #partners tbody tr.even:hover, #distributor-listing tbody tr.even:hover, #products-narrow-search table tbody tr.even:hover  {
                              background: url("../images/subnav-active.gif") repeat-x scroll left top #128887;
                         }
                         
                         #content-products tbody tr.selected, #line-items tbody tr.selected, #line-items tbody tr.even.selected, #partners tbody tr.selected, #content-products tbody tr.alt.selected, #partners tbody tr.alt.selected, #distributor-listing tbody tr.alt.selected, #distributor-listing tbody tr.selected, #products-narrow-search table tbody tr.selected, #products-narrow-search table tbody tr.alt.selected, #orders-narrow-search table tbody tr.selected, #orders-narrow-search table tbody tr.alt.selected, #content-products tbody tr.even.selected, #partners tbody tr.even.selected, #distributor-listing tbody tr.even.selected, #products-narrow-search table tbody tr.even.selected  {
                              background: url("../images/subnav-active.gif") repeat-x scroll left top #128887;
                         }
                    
                    #content-products tbody tr.alt, #line-items tbody tr.even, #partners tbody tr.alt, #distributor-listing tbody tr.alt, #content-products tbody tr.even, #partners tbody tr.even, #distributor-listing tbody tr.even {
                         background: rgb(90, 90, 90);
                    }
                    
                         #content-products td, #partners td, #distributor-listing td, #line-items td {
                              border-right:1px solid #000; 
                              padding: 8px 5px; 
                              color: #FFF; 
                              text-align: left;
                         }
                         
                         #partners td.part-number {
                              width: 200px;
                         }
                         
                         #content-products td.part-number a, #line-items td.part-number a {
                              width: 150px;
                         }
                         
                         #content-products td.part-number a, #line-items td.part-number a {
                               float: left;
                         }
                         
                         #partners td.quantity, #partners td.quantity input {
                              width: 50px;
                         }
                         
                         #partners td.application, #partners td.application input {
                              width: 200px;
                         }
                         
                         #partners td.annual-usage, #partners td.request-type, #partners td.request-type select, #partners td.annual-usage input {
                              width: 100px;
                         }
                         
                         #partners td input {
                              color:#333;
                              margin:0 5px;
                              padding:2px 5px;
                              text-transform:lowercase;
                         }
                         
                         #partners td select {
                              background:#fff;
                              border: none;
                              color:#666;
                              text-transform:lowercase;
                              float: left;
                              padding: 2px 5px;
                         }
                         
                         .viewLogo {
                              cursor: pointer;
                         }
                         
                         .viewLogo img {
                              width: 100px;
                         }               
               
               




/* footer
--------------------------------------------------------------------------------*/

#footer {
     background: #252525 url(../images/footer-bg.gif) top center no-repeat;
     position: relative;
     float: left;
     width: 100%;
     padding: 40px 0 10px 0;
}

    .footer-container {
        position: relative;
    }
    
     .footer-container .main {
         
          padding: 20px 10px 30px 10px;
          width: 135px;
          -moz-border-radius-topright: 15px;
          -moz-border-radius-bottomright: 15px;
          -webkit-border-bottom-right-radius: 15px;
          -webkit-border-top-right-radius: 15px;
     }
    
          .footer-container .main li a {
               font-size: 1.2em;
               line-height: 1.5em;
          }
    
          .footer-container ul li {
               line-height: 1.5em;
          }
    
    .footer-container .copyright {
          float: left;
          margin: 20px 0;
          font-size: .9em;
          color: #888888;
          width: 960px;
    }
    
     .footer-container .vcard {
          margin-bottom: 15px;
     }
          
          .footer-container .vcard .label {
               text-transform: uppercase;
               color: #18b6b4;
               margin-right: 5px;
               font-style: normal;
               font-weight: bold;
          }
    
     .footer-container .vcard .adr {
          margin-bottom: 15px;
     }
    
    #footer h5 {
          text-transform: uppercase;
          font-size: 1em;
          margin-bottom: .5em;
          margin-top: 1.5em;
          color: #18b6b4;
    }
    
    .forge-footer {
        text-align: center;
        width: 100%;
        float: left;
    }















/*
960px grid system ~ Core CSS.
24 Columns ~ Margin left: 10px ~ Margin right: 10px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.01
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* =Containers
--------------------------------------------------------------------------------*/
.container_24
{
     margin-left: auto;
     margin-right: auto;
     width: 960px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_6-5, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
     display: inline;
     float: left;
     position:relative;
     margin-left: 10px;
     margin-right: 10px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .grid_1 {width: 20px;}
.container_24 .grid_2 {width: 60px;}
.container_24 .grid_3 {width: 100px;}
.container_24 .grid_4 {width: 140px;}
.container_24 .grid_5 {width: 180px;}
.container_24 .grid_6 {width: 220px;}
.container_24 .grid_6-5 {width: 230px; float: left; position: relative;}
.container_24 .grid_6-5 .last {width: 240px; float: right;}
.container_24 .grid_7 {width: 260px;}
.container_24 .grid_8 {width: 300px;}
.container_24 .grid_9 {width: 340px;}
.container_24 .grid_10 {width: 380px;}
.container_24 .grid_11 {width: 420px;}
.container_24 .grid_12 {width: 460px;}
.container_24 .grid_13 {width: 500px;}
.container_24 .grid_14 {width: 540px;}
.container_24 .grid_15 {width: 580px;}
.container_24 .grid_16 {width: 620px;}
.container_24 .grid_17 {width: 660px;}
.container_24 .grid_18 {width: 700px;}
.container_24 .grid_19 {width: 740px;}
.container_24 .grid_20 {width: 780px;}
.container_24 .grid_21 {width: 820px;}
.container_24 .grid_22 {width: 860px;}
.container_24 .grid_23 {width: 900px;}
.container_24 .grid_24 {width: 940px;}

/* =Prefix Extra Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .prefix_1 {padding-left: 40px;}
.container_24 .prefix_2 {padding-left: 80px;}
.container_24 .prefix_3 {padding-left: 120px;}
.container_24 .prefix_4 {padding-left: 160px;}
.container_24 .prefix_5 {padding-left: 200px;}
.container_24 .prefix_6 {padding-left: 240px;}
.container_24 .prefix_7 {padding-left: 280px;}
.container_24 .prefix_8 {padding-left: 320px;}
.container_24 .prefix_9 {padding-left: 360px;}
.container_24 .prefix_10 {padding-left: 400px;}
.container_24 .prefix_11 {padding-left: 440px;}
.container_24 .prefix_12 {padding-left: 480px;}
.container_24 .prefix_13 {padding-left: 520px;}
.container_24 .prefix_14 {padding-left: 560px;}
.container_24 .prefix_15 {padding-left: 600px;}
.container_24 .prefix_16 {padding-left: 640px;}
.container_24 .prefix_17 {padding-left: 680px;}
.container_24 .prefix_18 {padding-left: 720px;}
.container_24 .prefix_19 {padding-left: 760px;}
.container_24 .prefix_20 {padding-left: 800px;}
.container_24 .prefix_21 {padding-left: 840px;}
.container_24 .prefix_22 {padding-left: 880px;}
.container_24 .prefix_23 {padding-left: 920px;}

/* =Suffix Extra Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .suffix_1 {padding-right: 40px;}
.container_24 .suffix_2 {padding-right: 80px;}
.container_24 .suffix_3 {padding-right: 120px;}
.container_24 .suffix_4 {padding-right: 160px;}
.container_24 .suffix_5 {padding-right: 200px;}
.container_24 .suffix_6 {padding-right: 240px;}
.container_24 .suffix_7 {padding-right: 280px;}
.container_24 .suffix_8 {padding-right: 320px;}
.container_24 .suffix_9 {padding-right: 360px;}
.container_24 .suffix_10 {padding-right: 400px;}
.container_24 .suffix_11 {padding-right: 440px;}
.container_24 .suffix_12 {padding-right: 480px;}
.container_24 .suffix_13 {padding-right: 520px;}
.container_24 .suffix_14 {padding-right: 560px;}
.container_24 .suffix_15 {padding-right: 600px;}
.container_24 .suffix_16 {padding-right: 640px;}
.container_24 .suffix_17 {padding-right: 680px;}
.container_24 .suffix_18 {padding-right: 720px;}
.container_24 .suffix_19 {padding-right: 760px;}
.container_24 .suffix_20 {padding-right: 800px;}
.container_24 .suffix_21 {padding-right: 840px;}
.container_24 .suffix_22 {padding-right: 880px;}
.container_24 .suffix_23 {padding-right: 920px;}

/* `Push Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .push_1 {left: 40px;}
.container_24 .push_2 {left: 80px;}
.container_24 .push_3 {left: 120px;}
.container_24 .push_4 {left: 160px;}
.container_24 .push_5 {left: 200px;}
.container_24 .push_6 {left: 240px;}
.container_24 .push_7 {left: 280px;}
.container_24 .push_8 {left: 320px;}
.container_24 .push_9 {left: 360px;}
.container_24 .push_10 {left: 400px;}
.container_24 .push_11 {left: 440px;}
.container_24 .push_12 {left: 480px;}
.container_24 .push_13 {left: 520px;}
.container_24 .push_14 {left: 560px;}
.container_24 .push_15 {left: 600px;}
.container_24 .push_16 {left: 640px;}
.container_24 .push_17 {left: 680px;}
.container_24 .push_18 {left: 720px;}
.container_24 .push_19 {left: 760px;}
.container_24 .push_20 {left: 800px;}
.container_24 .push_21 {left: 840px;}
.container_24 .push_22 {left: 880px;}
.container_24 .push_23 {left: 920px;}

/* `Pull Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .pull_1 {left: -40px;}
.container_24 .pull_2 {left: -80px;}
.container_24 .pull_3 {left: -120px;}
.container_24 .pull_4 {left: -160px;}
.container_24 .pull_5 {left: -200px;}
.container_24 .pull_6 {left: -240px;}
.container_24 .pull_7 {left: -280px;}
.container_24 .pull_8 {left: -320px;}
.container_24 .pull_9 {left: -360px;}
.container_24 .pull_10 {left: -400px;}
.container_24 .pull_11 {left: -440px;}
.container_24 .pull_12 {left: -480px;}
.container_24 .pull_13 {left: -520px;}
.container_24 .pull_14 {left: -560px;}
.container_24 .pull_15 {left: -600px;}
.container_24 .pull_16 {left: -640px;}
.container_24 .pull_17 {left: -680px;}
.container_24 .pull_18 {left: -720px;}
.container_24 .pull_19 {left: -760px;}
.container_24 .pull_20 {left: -800px;}
.container_24 .pull_21 {left: -840px;}
.container_24 .pull_22 {left: -880px;}
.container_24 .pull_23 {left: -920px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
     clear: both;
     display: block;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
     clear: both;
     content:' ';
     display: block;
     font-size: 0;
     line-height: 0;
     visibility: hidden;
     width: 0;
     height: 0;
}

.clearfix {
     display: inline-block;
}

* html .clearfix {
     height: 1%;
}

.clearfix {
     display: block;
}