/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.bioscorp.com/
   TEMPLATE NAME:  BiosCorp
   DATE:           Aug-11th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #f2efe7 url('images/bg.jpg') no-repeat top center;
}

.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }

#header em, #mission em { display: none;}

/* ----------CART--------------------- */ 
font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; color: #e1e1e1; }
td { line-height: 20px; }
table b { color: #e1e1e1; }
table a, tr a, td a, font a, .content table a {color: #e1e1e1; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ee4591;}
table hr {border: none; border-bottom: 1px solid #e1e1e1; height: 0px;}
font img { border: 6px solid #e1e1e1; margin-right: 10px; } 

/* ----------Centered Container Or the Layout--------------------- */
#container { height: auto !important; height: 100%; margin: 0 auto; width: 940px;} 

/* --------------LABELS BUTTONS & FORMS-----------*/
label {
font: bold 13px Cambria, Georgia, 'Times New Roman', Serif; 
color: #777;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 13px Cambria, Georgia, 'Times New Roman', Serif; 
color: #86878b;
padding: 6px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 13px Cambria, Georgia, 'Times New Roman', Serif; 
color: #fff;      
background: #3a305e;
padding: 6px;
border: 1px solid #3a305e;
cursor: pointer
}

/* --------------HEADER------------- */
#header { height: 148px;}
#header .nav { float: right; width: 750px; height: 60px; background: url('/images/nav_bg.gif') repeat-x top center; margin-top: 85px; margin-right: 20px;}
#header .nav .left { float: left; background: url('/images/nav_left.gif') no-repeat; width: 32px; height: 60px;}

/* --------------TOPNAV------------------------------------------------------------- */
#header .nav .right { background-image: url('/images/nav_right.gif'); height: 60px; width: 22px; position: absolute; margin-left: 730px;}
#header .nav ul { margin: 0px; height: 60px; margin-top: 0px}
#header .nav ul li { display: inline; padding-left: 0px; padding-right: 0px; }
#header .nav ul li a { text-decoration: none; padding: 10px;}
#header .nav ul li a:hover { text-decoration: underline}

.suckertreemenu { height: 60px; padding-left: 10px;}

.suckertreemenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
z-index: 5;
padding-top: 22px;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
padding-right: 30px;
padding-left: 8px;
z-index: 5;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
color: #3a305e;
text-decoration:none;
cursor: pointer;
z-index: 5;
margin-right: 7px;
font: bold 13px Cambria, Georgia, 'Times New Roman', Serif; 
margin-top: -20px;
}


/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0em;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
text-decoration: none;
z-index: 5;
margin-top: -20px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{ display: list-item; float: none; z-index: 5; top: -1em}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
z-index: 5;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
margin: 0px;
display: block;
overflow: visible;
text-align: left;
font-family: “Lucida Grande”, sans-serif;
font-size: 12px;
width: 140px; /*width of sub menu levels*/
text-decoration: none;
padding: 0px;
border-top: 1px solid #eccf7a;
border-right: 1px solid #eccf7a;
border-left: 1px solid #eccf7a;
background-color: #c69202;
color: #fff;
z-index: 5;
font-weight: normal;
top: -12em;
}

.suckertreemenu ul li ul li a.last { border-bottom: 1px solid #eccf7a;}
.suckertreemenu ul li ul li a:hover{ text-decoration:underline; background-color: #e2c269; color: #795900; z-index: 5;}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 137px; height: 148px; float: left}
.logolink { background-image: url('/images/logo.gif'); background-repeat: no-repeat;}
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.gif); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------- */
#mission {background: url(/images/mission.png) no-repeat; height: 378px; margin-top: -15px; position: relative}
#mission .content { width: 400px; margin: 0px 0px 0px 70px; padding-top: 80px;}
#mission h1 { width: 370px; height: 67px; background: url(/images/mission_title.png) no-repeat; margin-bottom: 15px;}

#mission p {
color: white;
font-family: “Lucida Grande”, sans-serif;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
padding: 0px 0px 0px 15px;
}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background-image: url('/images/mainbg.png'); 
width: 878px;
margin: 0 auto;
margin-top: -10px;
}

#main a, #submain a { color: #746b96; font-weight: bold}

#main .content {
padding: 0px;
margin-left: 335px;
margin-right: 0px;
min-height: 300px; /* Height of Background Img */
height: auto;
padding-top: 24px;
font-family: “Lucida Grande”, sans-serif;
font-size: 12px;
line-height: 19px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
color: #515151;
}


#main .content .left {
width: 320px; 
height: 200px;  
float:left; 
clear: right; 
padding-right: 30px;
min-height: 100%; 
height: auto !important; 
height: 100%; 
 }


#main .content .services { width: 185px; height: 200px;  float: left; clear: right }
#main .content .services ul   { margin: 0px; padding: 0px;}

#main .content .services ul li {
color: #c69202;
font-family: Cambria, serif;
font-size: 13px;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
background: url('/images/icon_house.gif') no-repeat;
list-style-type: none;
padding-left: 28px;
margin-bottom: 6px;
margin-left: 4px;
}


#main h1, #submain h1 {
font-family: Cambria, serif;
font-size: 30px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
margin-bottom: 14px; 
color: #3a305e;
margin-top: 4px
}

#main h2, #submain h2 {
color: #3a305e;
font-family: “Lucida Grande”, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
margin-bottom: 14px;
}

#main p, #submain p {padding-bottom: 25px;}

#main .navleft {
float:left; 
width: 302px;
margin: 0px;
height: 370px;
border-right: 1px solid #d9dbcf;
margin-top: 24px;
padding-left: 15px; 
}

#main .navleft img, #submain .navleft img { padding-bottom: 10px; border: 0px}

/* --------------MAIN SUB----------------*/
#submain .navleft {
float:left; 
width: 302px;
margin: 0px;
height: 400px;
border-right: 1px solid #d9dbcf;
margin: 24px 26px 0px 20px;
}


#submain {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background-image: url('/images/submainbg.png'); 
width: 920px;
margin: 0 auto;
margin-top: 0px;
}

#submain .content {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
min-height: 300px; /* Height of Background Img */
height: auto;
padding-top: 24px;
font-family: “Lucida Grande”, sans-serif;
font-size: 12px;
line-height: 19px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
color: #515151;
}


#submain .content .left {
width: 530px; 
float:left; 
clear: right; 
padding-right: 30px;
min-height: 100%; 
height: auto !important; 
height: 100%; 
}

/* --------------Gallery------------- */

.gallery ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
z-index: 5;
padding-top: 22px;
width: 600px;
}

/*Top level list items*/
.gallery ul li{
position: relative;
display: inline;
float: left;
padding-right: 30px;
padding-left: 8px;
z-index: 5;
text-align: center;
padding-bottom: 10px;
}

/*Top level menu link items style*/
.gallery ul li a{
display: inline;
color: #3a305e;
text-decoration:none;
cursor: pointer;
z-index: 5;
margin-right: 7px;
font: bold 13px Cambria, Georgia, 'Times New Roman', Serif; 
margin-top: -20px;
}

/* --------------FOOTER------------- */
#footer { clear: both; width: 878px; left: 0; margin: 0 auto; position: relative;} 
#footer { height: 100px; height: auto; }
#footer .content { width: 878px; margin: 0 auto; position: relative; }
#footer .left { float: left; width: 500px;}
#footer .right { float: right; width: 350px; text-align: right; padding-top: 20px;}

#footer .right p {
font-family: Cambria, serif;
font-size: 13px;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
color: #c69202;
margin-bottom: 30px;
}

/* --------------FOOTER LINKS------------- */
#footer ul { padding: 0px; margin-top: 20px;}
#footer .links ul { margin: 0px; padding: 0px;}
#footer .links li { display: inline; list-style-type: none;}

#footer .links li a {
color: #524875;
text-decoration: underline;
font-family: “Lucida Grande”, sans-serif;
font-size: 10.4px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
padding: 10px 20px 10px 0px;
}

#footer .links li a:hover { text-decoration: underline; }

/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #000;
text-decoration: none;
padding: 0px 0px 0px 0px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
}


/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }