/*

	NeoSkin 
	
	Authored by: Lansun + Scott
	Author: Jonathan Fricke
	Designed by: Aars | Wells
*/

body {
	background: #232323 url(../img/layout/bg_header.gif) repeat-x top;
	border-top: 5px solid #000;
	color: #bebebe;
	padding: 0;
	font: 12px Helvetica, Arial, sans-serif;
}
h2 {
	color:#fff;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#wrapper {
}


#header {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width:960px;
	
}
#plaque {
	margin-left:-5px
}
#logo {
	margin-left:5px;
}
#expanding-menu {
	margin-top:-8px;
}
#page {
	position: absolute;
	top: 110px;
	z-index: -2;
}
#footer {

}

#nav-panel {
	height: 133px;
	width:182px;
	color:#FFF;
	display:none;
	margin: 0 auto;
}



.slide {
	margin: 0;
	padding: 0;
	background:  url(../img/common/learn_more.png) no-repeat center top;

}
.learn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 189px;
	height: 20px;
	padding: 0px 0px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}


/***********************
		NAVIGATION
	***********************/
#util {
	
	margin-top:5px;
	height:15px;
}
/***********************
		COMPANY NAV
	***********************/
#nav-company {
	background: url(../img/common/company_nav.png) no-repeat;
	width:182px;
	height:162px;
	padding:0;
	padding-top:1px;
	z-index:5;
	
}
#nav-company li span {
	display: none;
}

#nav-company li {
	float:left;
	list-style:none;
	position:relative;
}

#nav-company li, #nav-company a {
	height:29px;    /* Each button must have the same height, define it here */
	display:block;
	margin:0;
	padding:0;
}
li#nav-info, li#nav-services, li#nav-news, li#nav-contact {
	margin-bottom:0px;
	width:170px;
}
li#nav-contact {
	margin:0;
}
#nav-info a:hover {
	background: url(../img/common/company_nav.png) -189px -1px no-repeat;
}
#nav-services a:hover {
	background: url(../img/common/company_nav.png) -189px -30px no-repeat;
}

#nav-news a:hover {
	background: url(../img/common/company_nav.png) -189px -59px no-repeat;
}
#nav-contact a:hover {
	background: url(../img/common/company_nav.png) -189px -88px no-repeat;
}



/***********************
		PRIMARY NAV
	***********************/

#nav-menu {
	background: url(../img/common/main_nav.jpg) no-repeat;
	width:727px;
	height:31px;
	margin:25px 0 0 -5px;
	padding:0;
}
#nav-menu li, #nav-menu a {
	height:31px;
	display:block;
}
#nav-menu li span {
	display:none;
}
#nav-menu li {
	float:left;
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
}
#nav-airless {
	width: 200px;
} /*Airless & Dip tube*/
#nav-jars {
	width: 89px;
} /*Jars*/
#nav-collections {
	width: 144px;
} /*Collections*/
#nav-new-products {
	width: 160px;
}
#nav-concepts {
	width: 134px;
}




#nav-color-cos {
	width: 170px;
}/*Color Cosmetics*/

#nav-plastic-bottles {
	width: 96px;
} /*Plastic Bottles*/
#nav-dispense {
	width: 144px;
}/*Dispensers and Closures*/


#nav-airless a:hover {
	background: url(../img/common/main_nav.jpg) 0px -31px no-repeat;
}
#nav-jars a:hover {
	background: url(../img/common/main_nav.jpg) -200px -31px no-repeat;
}

#nav-collections a:hover {
	background: url(../img/common/main_nav.jpg) -289px -31px no-repeat;
}
#nav-new-products a:hover {
	background: url(../img/common/main_nav.jpg) -433px -31px no-repeat;

}
#nav-concepts a:hover {
	background: url(../img/common/main_nav.jpg) -593px -31px no-repeat;

}
/*#nav-color-cos a:hover {
	background: url(../img/common/main_nav.jpg) -289px -31px no-repeat;
}#nav-plastic-bottles a:hover {
	background: url(../img/common/main_nav.jpg) -312px -31px no-repeat;
}
#nav-dispense a:hover {
	background: url(../img/common/main_nav.jpg) -408px -31px no-repeat;
}
*/


p{
	line-height: 15pt;
	font-size: 12px;
/*	background-color:#FFF;	*/
}
.innertube{
	margin-left:20px;	
}



/*HOME PAGE ROATOR*/
	#rotating-images {
  height: 1%;
  position:  relative;
  margin: 0;
  height: 650px;
  width: 650px;    
}
.img-rotate {
  position: absolute;
}

ol{
	
	margin-left:45px;
}
ol li{
	margin:40px	;
	line-height:15px;
}


/* 

	BREADCRUMB
	
*/

#breadcrumb{
	font-size:10px;
	color:#6D6E71;
	display:block;
}
#breadcrumb a{

	color:#6D6E71;
}
#breadcrumb a:hover{
	color:#fff;
	text-decoration:underline;
}
.crumb{
	display:block;
	float:left;
	padding:5px;
	margin:0;
	
}

.crumb_sub{
	background: url(../img/layout/bg_bc_separator.gif) no-repeat left center;
	padding-left:20px;
}

.crumb_last{
	background: url(../img/layout/bg_bc_separator.gif) no-repeat left center;
	padding-left:20px;
}


input, select, textarea
{
    border: 1px solid #333333;
    background-color: #C0C0C0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 84.5%;
}


#searchForm{

    padding:0;
    height:20px;
    margin:0;
  
}
#searchForm td{
  
}
#searchForm tr{
  
}
#searchForm input, #searchForm select
{
    border-style: solid;
    border-width: 1px;
    border-color: #3e3e3e #999999 #999999 #3e3e3e;
    margin-top:0;
     border: 1px solid #333333;
    background-color: #C0C0C0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 84.5%;
   
}

#goBtn{
    position:absolute;
    top:5px;
 
}

#searchImg{
    position:absolute;
    top:10px;
    
}


.new-brief h1{
    margin:0;
    font-size:14px !important ;   
    color:#b5b5b5;
}
.new-brief h2{
    margin:5px 0 5px 20px;
    font-size:14px !important;
    color:#ffffff;
}
.new-brief hr{
    margin:5px 0;
}
.new-brief.single hr{
    clear:both;
    margin-bottom:20px;
}
.new-brief li{
  
}
.new-brief ul{
    margin:5px;
    padding:0;
}
#news-fusion{
	width:890px; background-color:#323232; padding:10px; margin-left:5px;margin-top:17px;
}

.news-head{
 cursor:pointer;   
}

#debug-panel
{
    position: fixed;
    left: 40px;
    z-index: 1;
    width: 350px;
    height: 755px;
    background-color: #FFCC99;
    bottom: 40px;
    color: #660033;
    font-family: 'Courier New' , Courier, monospace;
    display:none;
   
}