@charset "utf-8";
/* CSS Document */

body{
	margin:0; 
	padding:0;
}
a {color:#808080;text-decoration:none;}
a:hover {color:#cccccc;text-decoration:none}

#tabMenu {margin:0;padding:0 0 0 0px;list-style:none;}
#tabMenu li {float:left;height:32px;width:110px;cursor:pointer;cursor:hand}

li.news {background:url(../images/tabNews.gif) no-repeat 0 -32px;}
li.popular {background:url(../images/tabPopular.gif) no-repeat 0 -32px;}
li.newitems {background:url(../images/tabNew.gif) no-repeat 0 -32px;}
li.specials {float:right;background:url(../images/tabSpecials.gif) no-repeat 0 -32px;}

li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -32px;}
li.selected {background-position:0 -64px;}

.box {width:440px}
.boxTop {background:url(../images/boxTop.gif) no-repeat;height:11px;width:440px;clear:both}
*html .boxTop {margin-bottom:-2px;}
.boxBody {
	background-color:#e0e0e0;
	border:#808080;
	border-right-style:solid;
	border-left-style:solid;
	border-left-width:1px;
	border-right-width:1px;
}
.boxBottom {background:url(../images/boxBottom.gif) no-repeat;height:11px;}

.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody #news a {display:block;}
.boxBody #popular a {display:block;}
.boxBody #newitems a {display:block;}
.boxBody #specials a {display:block;}

.boxBody div ul {margin:0 20px 0px 25px;padding-left:20px;padding-bottom:8px;width:365px;list-style-image:url(../images/bull-ora.gif)}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
.boxBody div li {border-bottom:1px none #e5e5e5; padding:5px 0;cursor:hand;cursor:pointer;}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}


blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}


#wrapper{
	width:765px;
	overflow:hidden;
	margin:0 auto;
	padding:30px 0 0;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	background:#e5e5e5 url(../images/bg-body.jpg) repeat-y 50% 0;
}

#fnav .footer {
	width:100%;
	overflow:hidden;
	padding:3px 0 0 5px;	
	background:url(../images/ftestbkg.gif) repeat-y 50% 0;
}

#fnav .fListBox{
	float: left; 
	width: 20%;
}
#fnav .flist{
	list-style-type: none;
	list-style: none;	
	color:#030;
}
#fnav .flist a{
	list-style-type: none;
	list-style: none;	
	color:#030;
}
#fnav .flist a:hover{
	list-style-type: circle;
	list-style: circle;	
	color:#090;
}


#slidedown_top {
height: 30px;
background-color:#666;
}

#slidedown_bottom {
position: absolute;
width: 100%;
height:100%;
background-color:#e5e5e5;
}

#slidedown_content {
position: absolute;
width: 100%;
height: 200px;
top: -165px;
text-align:center;
background:url(../bg.gif) repeat-x 0 bottom;
z-index:999;
} 

#slidedown_content .content {
margin:0 auto; 
width:830px;
height:180px;
}

/* Styles for content */

#slidedown_content .content .block {
float:left; 
width:250px;
padding:0 4px 0 4px; 
margin: 0 4px 0 4px;

text-align:left;
font-family:georgia; 
font-size:11px; 
color:#ccc; 
}

#slidedown_content .footer {
height:10px;
}

#slidedown_content .content li {
padding:0; 
margin:2px 0
}

.clear {clear:both}

form,fieldset,img{margin:0;padding:0;border:none;}

/*-- rounded corner --*/
/*-- purple --*/
.roundedcornr_box_719027 {
   background: #836d9c;
}
.roundedcornr_top_719027 div {
   background: url(../images/roundedcornr_purple_tl.png) no-repeat top left;
}
.roundedcornr_top_719027 {
   background: url(../images/roundedcornr_purple_tr.png) no-repeat top right;
}
.roundedcornr_bottom_719027 div {
   background: url(../images/roundedcornr_purple_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_719027 {
   background: url(../images/roundedcornr_purple_br.png) no-repeat bottom right;
}

.roundedcornr_top_719027 div, .roundedcornr_top_719027, 
.roundedcornr_bottom_719027 div, .roundedcornr_bottom_719027 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_719027 { margin: 0 10px; }


/*-- sky blue --*/
.roundedcornr_box_skblue {
   background: #c5def3;
   margin: 0px;
   border: 1px;
   border-color: #c5def3;
}
.roundedcornr_top_skblue div {
   background: url(../images/roundedcornr_skblue_tl.png) no-repeat top left;
}
.roundedcornr_top_skblue {
   background: url(../images/roundedcornr_skblue_tr.png) no-repeat top right;
}
.roundedcornr_bottom_skblue div {
   background: url(../images/roundedcornr_skblue_bl.png) no-repeat bottom left;
   margin: 0px;
   border: 0;
}
.roundedcornr_bottom_skblue {
   background: url(../images/roundedcornr_skblue_br.png) no-repeat bottom right;
   margin: 0px;
   border: 0;
}

.roundedcornr_top_skblue div, .roundedcornr_top_skblue, 
.roundedcornr_bottom_skblue div, .roundedcornr_bottom_skblue {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_skblue { margin: 0 10px; }

/*-- green --*/
.roundedcornr_box_grn {
   background: #6F9C6D;
}
.roundedcornr_top_grn div {
   background: url(../images/roundedcornr_grn_tl.png) no-repeat top left;
}
.roundedcornr_top_grn {
   background: url(../images/roundedcornr_grn_tr.png) no-repeat top right;
}
.roundedcornr_bottom_grn div {
   background: url(../images/roundedcornr_grn_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_grn {
   background: url(../images/roundedcornr_grn_br.png) no-repeat bottom right;
}

.roundedcornr_top_grn div, .roundedcornr_top_grn, 
.roundedcornr_bottom_grn div, .roundedcornr_bottom_grn {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_grn { margin: 0 10px; }

/*-- red --*/
.roundedcornr_box_red {
   background: #9C6D6F;
}
.roundedcornr_top_red div {
   background: url(../images/roundedcornr_red_tl.png) no-repeat top left;
}
.roundedcornr_top_red {
   background: url(../images/roundedcornr_red_tr.png) no-repeat top right;
}
.roundedcornr_bottom_red div {
   background: url(../images/roundedcornr_red_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_red {
   background: url(../images/roundedcornr_red_br.png) no-repeat bottom right;
}

.roundedcornr_top_red div, .roundedcornr_top_red, 
.roundedcornr_bottom_red div, .roundedcornr_bottom_red {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_red { margin: 0 10px; }

/*-- greyish blue --*/
.roundedcornr_box_grblue {
   background: #6D869C;
}
.roundedcornr_top_grblue div {
   background: url(../images/roundedcornr_impblue_tl.png) no-repeat top left;
}
.roundedcornr_top_grblue {
   background: url(../images/roundedcornr_impblue_tr.png) no-repeat top right;
}
.roundedcornr_bottom_grblue div {
   background: url(../images/roundedcornr_impblue_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_grblue {
   background: url(../images/roundedcornr_impblue_br.png) no-repeat bottom right;
}

.roundedcornr_top_grblue div, .roundedcornr_top_grblue, 
.roundedcornr_bottom_grblue div, .roundedcornr_bottom_grblue {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_grblue { margin: 0 10px; }

/*-- end rounded corner --*/

/*-- header --*/
#header{
	width:100%;
	overflow:hidden;
}
h1{
	width:100%;
	height:79px;
	overflow:hidden;
	text-indent:-9999px;
	padding: 0 0 0 0;
	margin:0 0 0 0px;
	/*-- background: url(../images/logo.gif) no-repeat;--*/
	background: url(../images/bg-headerlogo.gif) no-repeat;
	line-height:65px;
	font-size:12px;
	text-align:right;
	color: #666666;
	
}
h1 a{
	display:block;
	height:100%;
}
.prodlist {
	font-size:12px;
	
}
td {
	font-size:11px;
	
}
.prodlist a{
	font-size:12px;
	color:#030;
}
.prodlist a:hover{
	font-size:12px;
	color:#060;
}
#header .menu{
/*--	width:100%;
	height:45px;
	margin:8px 0 0;
	padding:21px 0 0;
	overflow:hidden; --*/
	
}
#navigation{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
	line-height:39px;
	font-size:12px;
	text-align:center;
}
#navigation li{
	float:left;
	
}
#navigation a{
	background-image:url(../images/bg-navigation.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	overflow: hidden;
	color:#d1d3d4;
	float:left;
	height:43px;
	width: 100%;
	padding:0 0 8px 0;
}
#navigation a.home{
	width:99px;
	background-position:0 0;
}
#navigation a.about-us{
	width:124px;
	background-position:-99px 0;
}
#navigation a.manufacturing{
	width:161px;
	background-position:-223px 0;
}
#navigation a.packaging{
	width:135px;
	background-position:-384px 0;
}
#navigation a.service{
	width:121px;
	background-position:-519px 0;
}
#navigation a.contact-us{
	width:125px;
	background-position:-640px 0;
}
#navigation a.home:hover,
#navigation li.active a.home{
	width:99px;
	background-position:0 -51px;
}
#navigation a.about-us:hover,
#navigation li.active a.about-us{
	width:124px;
	background-position:-99px -51px;
}
#navigation a.manufacturing:hover,
#navigation li.active a.manufacturing{
	width:161px;
	background-position:-223px -51px;
}
#navigation a.packaging:hover,
#navigation li.active a.packaging{
	width:135px;
	background-position:-384px -51px;
}
#navigation a.service:hover,
#navigation li.active a.service{
	width:121px;
	background-position:-519px -51px;
}
#navigation a.contact-us:hover,
#navigation li.active a.contact-us{
	width:125px;
	background-position:-640px -51px;
}
#navigation li.active a{
	color:#edb25d;
}
#header .overview{
	padding:0 15px;
	font-size:15px;
	margin:5px 0 0;
	color:#fff;
	line-height:28px;
	overflow:hidden;
	height:1%;
	background: url(../images/bg-overview.gif) no-repeat;
}
#header .overview strong{
	font-weight:normal;
	float:left;
}
#header .overview .list-overview{
	float:right;
	padding:0 2px 0 5px;
	background: url(../images/bg-list-overview.jpg) no-repeat;
}
#header .overview ul{
	margin:0;
	padding:0 4px 0 0;
	background: url(../images/bg-overview-right.jpg) no-repeat 100% 0;
	list-style:none;
	float:left;
	font-size:10px;
	font-weight:bold;
}
#header .overview ul a{
	text-decoration:none;
	color:#b8b9bc;
	float:left;
	padding:0 0 0 13px;
	background-image:url(../images/bg-overview-link.jpg);
	background-repeat:no-repeat;
}
#header .overview ul a span{
	float:left;
	background-image:url(../images/bg-overview-link.jpg);
	background-repeat:no-repeat;
	background-position:100% 0;
	padding:0 13px 0 0;
	cursor:pointer;
}
#header .overview ul a:hover{
	background-position:0 -28px;
}
#header .overview ul a:hover span{
	background-position:100% -28px;
}
#header .overview ul li.active a{
	color:#edb25d;
	background-position:0 -56px !important;
}
#header .overview ul li.active a span{
	background-position:100% -56px !important;
}
#header .overview ul li{
	float:left;
}
/*-- content --*/
#content{
	width:100%;
	overflow:hidden;
	margin:9px 0 0;
	background: url(../images/bg-box.jpg) repeat-y;
}
#content .content-area{
	width:100%;
	overflow:hidden;
	padding:0 0 26px;
	background: url(../images/bg-box-area.jpg) no-repeat 0 100%;
}
#content .holder-content{
	overflow:hidden;
	padding:4px 5px 0 4px;
	min-height:375px;
	background: url(../images/bg-holder-box.jpg) no-repeat;
}
* html #content .holder-content{
	height:375px;
	overflow:visible;
}
.holder-image{
	float:right;
	margin:15px 15px 0px 0px;
	display: inline;  /* <---Solution for bug IE6 */ 
}
.holder-image-0{
	float:right;
	margin:0px 0px 0px 0px;
	display: inline;  /* <---Solution for bug IE6 */ 
}
.holder-image img{display:block;}

#content .post{
	overflow:hidden;
	color:#333;
}
.text-bar{
	overflow:hidden;
	padding:0 25px 0 25px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
* html .text-bar{
	height:1%;
	overflow:visible;
}

.text-bar ul{
	margin:15px;
	padding:0px 0px 0px 0px;
}

.text-bar li{
	margin:0 0 3px 0;
}


.text-bar1{
	overflow:hidden;
	padding:0 25px 0 25px;
}
* html .text-bar1{
	height:1%;
	overflow:visible;
}

.text-bar1 div{
	margin:15px 0 0 0;
	margin:8px 0 0 0;
}


.text-bar1 div p{
	text-align:center;
}

.text-bar1 div p a{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

.text-bar1 div p a:hover{
	text-decoration:underline;
}


.text-bar1 div.learnbutton{
	text-align:right;
	padding:0 0 20px 550px;
	height:10px
}
.text-bar1 .textfield{
	
	
	
}

#content h2{
	color:#004d4c;
	font-size:33px;
	line-height:39px;
	margin:15px 0 0;
	font-weight:normal;
}
#content h2 a{
	color:#808080;
	text-decoration:none;
}
#content h2 a:hover{
	text-decoration:underline;
}
#content .post p{
	margin:5px 0;
	line-height:14px;
}
#content a.more{
	float:left;
	line-height:25px;
	outline:0;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	padding:0 28px 0 15px;
	margin:10px 0 0 -5px;
	background: url(../images/bg-more.gif) no-repeat;
}
#content a.more:hover{
	text-decoration:none;
}
#content .slide-block{
	background:#6d6e71;
	min-height:19px;
	width:100%;
	overflow:hidden;
	color:#fff;
}

#content .slide-block li{
	margin:0 0 3px 0;
}

* html #content .slide-block{
	height:19px;
	overflow:visible;
	padding:0;
}
#content .slide-block a{
	color:#fff;
	text-decoration:none;
}
#content .slide-block a:hover{
	text-decoration:underline;
}
#content .slide-block .block{
	padding:5px 0 5px 0;
	overflow:hidden;
	width:696px;
	position:relative;
}

#content .slide-block .block div.blockcontent{
	color:#e5e5e5;
	padding:0 45px 45px 20px;
}

#content .slide-block .holder-image{
	float:left;
	width:179px;
	margin:0 15px 0 0;
}
#content .slide-block h2{
	color:#e5e5e5;
	font-size:28px;
	font-weight:normal;
	margin:0;
}
#content .slide-block h3{
	color:#e5e5e5;
	font-size:21px;
	font-weight:normal;
	margin:0;
}
#content .slide-block h3 a{
	color:#e5e5e5;
	text-decoration:none;
}
#content .slide-block h3 a:hover{
	text-decoration:underline;
}
#content .slide-block p{
	margin:0 0 23px;
	line-height:13px;
}

#content .extended-copy{
	overflow:hidden;
	padding:0 45px 45px 20px;
}
/*-- footer --*/
#footer{
	width:765px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
}
#footer .down-overview{
	margin:0 3px;
	overflow:hidden;
	height:1%;
	padding:0 0 7px;
	list-style:none;
	line-height:44px;
	border-bottom:1px solid #b6b6b6;
}
#footer .down-overview li{
	float:left;
	padding:0 19px;
	/* border-left:1px solid #b6b6b6; */
	margin:0 0 0 -1px;
}
#footer .down-overview a{
	color:#b6b6b6;
	text-decoration:none;
}
#footer .down-overview a:hover,
#footer .down-overview li.active a{
	color:#000;
}

#footer .down-overview li.home a{
	clear:both;
}
#footer .copy{
	width:100%;
	overflow:hidden;
	padding:10px 0 0;
	color:#666666;
	margin:auto;
}
#footer .copy p{
	float:left;
	width:100%;
	margin:auto;
	line-height:14px;
	text-align:right;
}
#footer .copy ul{
	margin:auto;
	padding:0;
	list-style:none;
	line-height:14px;
	overflow:hidden;
	height:1%;
}
#footer .copy ul a{
	color:#666666;
	text-decoration:none;
}
#footer .copy ul li{
	float:left;
	border-left:1px solid #b6b6b6;
	padding:0 8px;
}
#footer .copy ul a:hover{
	text-decoration:underline;
}
.copyright {
	width:100%;
	margin:auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
}
.required {
	color: #CC3333;
}
.phtml {
	margin-top:10px;
	background-color:#fffffa;
	border: 1px solid #444444;
	padding:4px;
	width:100%;
	overflow:auto;
}
/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(../images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(../images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 32px;}

.tTip {width: 200px; position: absolute; cursor: pointer; color: #666; font-weight: bold;}
.tip {color: #333;}


/*-----------------------------------------------------------------------------------------------*/
/*                                    Testimonials/Quotes BLUE STYLES                            */
/*-----------------------------------------------------------------------------------------------*/
#testimonials {
  margin-top: 5em;
}

#testimonials p {
}


.testimonial {
  background-color: #c5def3; /*#FAAF40;  #c1e5cc;  #edb25d; */
  padding: 0.5em 1.5em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  clear: left;
}

p.author {
  margin: 0px;
  padding: 0px 1em 0px 1.5em;
}

p.author a {
    text-decoration: none;
    margin: 0px;
    padding: 0.7em 0px 2em 2.5em;
    float: left;
    text-align: left;
    background: transparent url(../images/speach3.gif) no-repeat left top;
}

span.testimonialName {
  text-decoration: underline;
  font-weight: bold;	
}

span.testimonialUrl {
  color: #666;
  font-size: 0.8em;
  margin-left: 0.5em;
}

.importantlink {
font-weight:bold;text-decoration:underline;color:#FFF;	
}

/*-----------------------------------------------------------------------------------------------*/
/*                                    Important Information Block ORANGE/ STYLES                 */
/*-----------------------------------------------------------------------------------------------*/
#importantorange {
  margin-top: 5em;
}

#importantorange p {
}

.importantorange {
	/* color:#FFF; */
  	background-color: #edb25d;   /*#FAAF40;  #c1e5cc;  #edb25d; */
  	padding: 0.5em 1.5em;
  	-webkit-border-radius: 8px;
  	-moz-border-radius: 8px;
  	/* font-size: 1.1em; */
  clear: left;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                    Important Information Block PURPLE/ STYLES                 */
/*-----------------------------------------------------------------------------------------------*/
#importantpurple {
  margin-top: 5em;
}

#importantpurple p {
}

.importantpurple {
	color:#FFF;
  	background-color: #836D9C;   /*#FAAF40;  #c1e5cc;  #edb25d; */
  	padding: 0.5em 1.5em;
  	-webkit-border-radius: 8px;
  	-moz-border-radius: 8px;
  	/* font-size: 1.1em; */
  clear: left;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                    Important Information Block BLUE/ STYLES                   */
/*-----------------------------------------------------------------------------------------------*/
#importantblue {
  margin-top: 5em;
}

#importantblue p {
}

#importantblue p a{
	  color:#FFF;
}

.importantblue{
  color:#FFF;
  background-color: #6D869C;   /* #6d869c; */
  padding: 0.5em 1.5em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  	/* font-size: 1.1em; */
  clear: left;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                    Important Information Block RED/ STYLES                    */
/*-----------------------------------------------------------------------------------------------*/
#importantred {
  margin-top: 5em;
}

#importantred p {
}

.importantred {
  color:#FFF;
  background-color: #9C6D6F;   /* #c25151; */
  padding: 0.5em 1.5em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  	/* font-size: 1.1em; */
  clear: left;
}
/*-----------------------------------------------------------------------------------------------*/
/*                                    Important Information Block GREEN/ STYLES                   */
/*-----------------------------------------------------------------------------------------------*/
#importantgreen {
  margin-top: 5em;
}

#importantgreen p {
}

.importantgreen {
    color:#FFF;
  	background-color: #6F9C6D;    /**/
 	padding: 0.5em 1.5em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  	/* font-size: 1.1em; */
  	clear: left;
}
/*-----------------------------------------------------------------------------------------------*/
/*                                    Important Information Block LtBlue/ STYLES                 */
/*-----------------------------------------------------------------------------------------------*/
#importantltblue {
  margin-top: 5em;
}

#importantltblue p{
}



.importantltblue {
	color:#FFF;
  	background-color: #B6C3CD;   /*#FAAF40;  #c1e5cc;  #edb25d; */
  	padding: 0.5em 1.5em;
  	-webkit-border-radius: 8px;
  	-moz-border-radius: 8px;
  	/* font-size: 1.1em; */
  clear: left;
}