/* 
  Master.css
  Main CSS file for biospec.com
  Author: Steve Collins, PDG+Creative Bartlesville, OK
*/

/* contents:
    - overall styles
    - basic elements
    - div-specific styles
    - layout
    - navigation
    - additional styles
*/


body {
 background: #fff;
 font-family: Trebuchet MS, lucida grande, Tahoma, sans-serif;
 behavior: url(/assets/css/csshover.htc);
  }

 * {
   margin: 0;
   padding: 0;
   }

/* Basic Elements
*********************************/
 
p {
  color: #1c1b1b;
  }
  
a {
  color: #2f6fa6;
  }
  
h2 {
  color: #1c1b1b; 
  font-size: 22px;
 }  
  
h3 {
  color: #2F6FA6;
  font-size: 19px;
  }
  
h4 {
  color: ##2F6FA6;
  font-size: 15px;
  }
  
h6 {
  font-size: 12px;
  color: #d96328;
  }
  
/* Div-specific styles
************************************/

/* utilities */
#utilities ul {
 background: url(/images/bg_topbar.png) repeat-x;
 height: 28px;
 }

#utilities li {
 list-style: none;
 float: left;
 }

#utilities a {
  font-size: 11px;
  color: #1c1b1b;
  float: left;
  display: block;
  text-decoration: none;
  margin: 8px 4px;
}

/* contact */
#contact p{
  color: #fff;
  text-align: right;
  }
 
/* top_nav */
#main_nav label {
  color: #fff;
  font-size: 13px;
  } 
  
/* search */
#main_nav #search_bttn {
  background: url(/images/bttn_search.png) no-repeat;
  height: 46px;
  width: 46px;
  float: right;
  margin-top: 0px;
  position: absolute;
  left: 168px;
  top: 0px;
  cursor:pointer;
}

#main_nav #search_term {
 float: left;
}

#main_nav input {
  margin-top: 12px;
  width: 131px;
  border: none;
  height: 22px;
  background: url(/images/bg_search.gif) no-repeat;
  padding-top: 3px;
  padding-left: 4px;
  }
  
#search p {
  font-size: 13px;
  margin: 16px 3px 0px 0px;
  float: left;
  color: #fff;
}

  
/* about */  
#about p {
  font-size: 14px;
  line-height:22px;
  margin: 5px 14px;
 }
 
/* featured */
#featured img {
 border: 1px solid #cecdcd;
 padding: 4px;
 margin-right: 5px;
 float: left;
 }
 
#featured h2 {
 margin-left: 20px;
 }

#featured h6 a {
  margin: 3px 0px 0px 0px;
  font-size: 12px;
  color: #d96328;
  text-decoration: none;
} 

#featured p {
  font-size: 12px;
  margin: 3px 0px 0px 4px;
  }

 
 /* bot_cont */
#bot_cont h2 {
  border-bottom: 1px solid #cecdcd;
  padding-top: 10px;
  }
  
 /* product_list */
.product_list li {
  list-style: none;
  }
.product_list a {
  font-size: 12px;
  background: url(/images/lrArrow.gif) no-repeat 0 50%;
  padding-left: 15px;
  margin-left: 7px; 
  }
  
.product_list h3 a {
  color: #d96328;
  font-size: 16px;
  background: none;
  text-decoration: none;
  margin-left: 0;
  padding-left: 0;
  }
  
/* footer */
#footer p {
  color: #fff;
  font-size: 10px;
  text-align: center;
  padding-top: 15px; 
 }

/* Layout
************************************/

#top_area {
  height: 141px;
  background: url(/images/bg_top_area.jpg) repeat-x;
}

  #top_wrap {
    margin-left: auto;
    margin-right: auto;
    width: 924px;
  }
  
  #util_bar {
   height: 28px;
   padding-top: 5px;
  }
     #utilities {
       background: url(/images/topbar_right.png) no-repeat right;
       height: 28px;
       float: right;
       padding: 0px 13px;
      }
      #util_wrap {
        background: url(/images/topbar_left.png) no-repeat left;
        height: 28px;
        padding-left: 13px;
      }
     
    #logo {
      background: url(/images/logo.png) no-repeat;
      height: 64px;
      width: 546px;
      
     }
     
    #contact {
      clear: both;
      float: right;
    }
  
  #nav_wrap {
    margin-left: auto;
    margin-right: auto;
    width: 924px;
  }  
    #main_nav {
      height: 34px;
      position: relative;
      background: #2f6fa6;
    }
    
    #search {
      position: relative;
      height: 46px;
      width: 210px;
      float: right;
      margin-top: -6px;
    }
    
 
   /* Content */
   
#top_cont {
 background: #efefef;
}
  #top_cont_wrap {
    width: 924px;
    margin-left: auto;
    margin-right: auto;
    }
    
   #about {
     margin: 21px 0px 15px 0px;
     width: 332px;
     height: 262px;
     float: left;
     background: url(/images/bg_about.gif) repeat-y;     
   }
     #about_wrap {
       background: url(/images/about_bot.gif) no-repeat bottom;
       height: 6px;
       height: 262px;
       width: 332px;
     }
     #about_top {
       background: url(/images/about_top.gif) no-repeat;
       height: 6px;
       width: 332px;
     }
    
   #featured {
     margin: 15px 0px;
     width: 587px;
     height: 262px;
     float: right;
     background: url(/images/bg_featured.gif) repeat-y;     
   }
    #featured_wrap {
      height: 262px;
      background: url(/images/featured_bot.gif) no-repeat bottom;
      }
      
     #featured_top {
       background: url(/images/featured_top.gif) no-repeat;
       height: 6px;
       width: 587px;
     }
     #featured_bot {
       background: url(/images/featured_bot.gif) no-repeat;
       height: 6px;
       width: 587px;
     }
     
       .feat_product {
         float: right;
         margin:9px 17px 13px 0;
		 width:265px;
		 height:92px;
		 }
		 
  
#bot_cont {
  background: #ffffff url(/images/bg_bot_cont.gif) repeat-x;
  }
  #bot_cont_wrap {
    width: 924px;
    margin-left: auto; 
    margin-right: auto;
    }
    
    .product_row {
      margin: 10px 0px 20px 0px;;
      width: 924px;
    }
    
    .product_list {
      width: 211px;
      margin: 0px 10px;
      float: left;
    }
    
    
#footer {
  height: 120px;
  margin-top: 40px;
  background: #2f6fa6;
}
  #footer a {
    color: #fff;
    text-decoration: none;
  }
  #footer a:hover {
    color: #fff;
  }
    
    
/* Navigation
************************************/

#main_nav ul {
 float: left;
 }
 
#maiin_nav, #main_nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 34px;
}

#main_nav a {
	display: block;
	font-size: 15px;
    color: #fff;
    padding-right: 9px;
    padding-left: 9px;
    margin-right: 7px;
    display: block;
    float: left;
    line-height: 34px;
    text-decoration: none;
}

  #main_nav ul ul a {
    width: 163px;
    font-size: 12px;
    z-index:400;
    padding: 3px 0px 3px 5px;
    line-height: 18px;
    margin: 3px 0px 3px 0px;
    display: block;
    }
   

  #main_nav a:hover {
    background: #fff;
    color: #d96328;
    }
    
	#main_nav li { /* all list items */
		float: left;
		 list-style: none;
	 }
   	

	#main_nav ul li {
		list-style: none;
		display: block;
		float: left;
		font-size: 14px;
		position: relative;
		z-index:99;
	}
	
		#main_nav ul ul {
			display:none;
		}
	
		#main_nav ul li:hover ul {
			display:block;
			position:absolute;
			left:0px;
			top:34px;
			z-index:9999;
			background:#2f6fa6;
		}
		
			#main_nav ul li:hover ul ul {
				display:none;
			}
		
			#main_nav  ul ul li {
				display:block;
				clear:both;
				position:relative;
				z-index:9999999;
			}
			
			
	#main_nav ul ul li:hover ul {
		display:block;
		left:168px;
		top: 0px;
	}
	
		#main_nav ul ul ul {

		}




     
/* Additional Styles
***********************************/

.clear {
  clear: both;
 }
 
.clear_left {
  clear: left;
  }
  
.hide {
  display: none;
  }

.no_bullets {
  list-style: none;
  }