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


p, ul { margin:5px 0px 0px 0px; }
li { margin:0px 0px 5px 0px; }

.captions { text-align:left; font: 11px/1.3 Verdana, Arial, Helvetica, sans-serif; color: #000;  padding:0px; margin:0px;}
ul.captions {margin: 3px 0 0 17px; padding-left: 3px; }
p.captions {margin: 10px 0 0 0;}

/*.h3 {font-size:14px; font-weight:normal; margin:10px 20px 20px 10px;}*/
.h3 a:hover {font-weight:bold;  color:#000;}

/* HOME MESSAGE */
#message { width: 760px; height: 66px; margin: 0px auto; position: relative; }

/* IMAGE HOME */
#imagecontainer { width: 760px; height: 310px; margin: 0px auto; padding-left: 0px; position: relative; z-index: 9001;  }
/*#imagecontainer { width: 760px; height: 310px; margin: 0px auto; position: 14px -20px; z-index: 9992; overflow: auto; }*/

/*======================================================================================
MAIN NAVIGATION*/

/* GLOBALHEADER */
#globalheader { width: 760px; height: 66px; margin: 0px auto; position: relative; z-index: 9000; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
/*#globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }*/
#globalheader #globalnav li a { float: left; height: 0; padding-top: 66px; overflow: hidden; }
#globalheader #globalnav li a { background-image: url(../images/mfa_main_nav-3.jpg); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-mfa a { width: 210px; background-position: 0 0; }
#globalheader #globalnav li#gn-spacer a { width: 121px; background-position: -210px 0; }
#globalheader #globalnav li#gn-products a { width: 110px; background-position: -335px 0; }
#globalheader #globalnav li#gn-press a { width: 80px; background-position: -444px 0; }
#globalheader #globalnav li#gn-buy a { width: 69px; background-position: -523px 0; }
#globalheader #globalnav li#gn-about a { width: 78px; background-position: -591px 0; }
#globalheader #globalnav li#gn-contact a { width: 92px; background-position: -668px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-mfa a:hover { width: 210px; background-position: 0 -66px; }
#globalheader #globalnav li#gn-spacer a:hover { width: 121px; background-position: -210px 0; }
#globalheader #globalnav li#gn-products a:hover { background-position: -335px -66px; }
#globalheader #globalnav li#gn-press a:hover { background-position: -444px -66px; }
#globalheader #globalnav li#gn-buy a:hover { background-position: -523px -66px; }
#globalheader #globalnav li#gn-about a:hover { background-position: -591px -66px; }
#globalheader #globalnav li#gn-contact a:hover { background-position: -668px -66px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-products a:active { background-position: -335px -132px; }
#globalheader #globalnav li#gn-press a:active { background-position: -444px -132px; }
#globalheader #globalnav li#gn-buy a:active { background-position: -523px -132px; }
#globalheader #globalnav li#gn-about a:active { background-position: -591px -132px; }
#globalheader #globalnav li#gn-contact a:active { background-position: -668px -132px; }

/* ON STATES */
/*#globalheader.products #globalnav li#gn-products a:hover { background-position: 0 -198px; cursor: default; }*/
#globalheader.products #globalnav li#gn-products a { background-position: -335px -198px !important; }
#globalheader.press #globalnav li#gn-press a { background-position: -444px -198px !important; }
#globalheader.buy #globalnav li#gn-buy a { background-position: -523px -198px !important; }
#globalheader.about #globalnav li#gn-about a { background-position: -591px -198px !important; }
#globalheader.contact #globalnav li#gn-contact a { background-position: -668px -198px !important; }




/*======================================================================================
SUB NAVIGATION*/

/* SUBNAVHEADER */
#subnavheader { width:760px; height:34px; margin: 0px auto; position: relative; z-index: 5000; }
#subnavheader #subnav { margin: 0; padding: 0; }
#subnavheader #subnav li { display: inline; }
#subnavheader #subnav li a { float: left; height: 0; padding-top: 34px; overflow: hidden; }
#subnavheader #subnav li a { background-image: url(../images/product_subnav.jpg); background-repeat: no-repeat; }


/* BUTTONS */
#subnavheader #subnav li#gn-okset a { width: 184px; background-position: 0 0; }
#subnavheader #subnav li#gn-pocketkit a { width: 188px; background-position: -184px 0; }
#subnavheader #subnav li#gn-refills a { width: 183px; background-position: -372px 0; }
#subnavheader #subnav li#gn-coldpack a { width: 205px; background-position: -555px 0; }

/* OVER STATES */
#subnavheader #subnav li#gn-okset a:hover { background-position: 0 -34px; }
#subnavheader #subnav li#gn-pocketkit a:hover { background-position: -184px -34px; }
#subnavheader #subnav li#gn-refills a:hover { background-position: -372px -34px; }
#subnavheader #subnav li#gn-coldpack a:hover { background-position: -555px -34px; }

/* PRESSED STATES */
#subnavheader #subnav li#gn-okset a:active { background-position: 0 -68px; }
#subnavheader #subnav li#gn-pocketkit a:active { background-position: -184px -102px; }
#subnavheader #subnav li#gn-refills a:active { background-position: -372px -68px; }
#subnavheader #subnav li#gn-coldpack a:active { background-position: -555px -102px; }

/* ON STATES */
/*#globalheader.products #globalnav li#gn-products a:hover { background-position: 0 -198px; cursor: default; }*/
#subnavheader.okset #subnav li#gn-okset a { background-position: 0 -68px !important; }
#subnavheader.pocketkit #subnav li#gn-pocketkit a { background-position: -184px -102px !important; }
#subnavheader.refills #subnav li#gn-refills a { background-position: -372px -68px !important; }
#subnavheader.coldpack #subnav li#gn-coldpack a { background-position: -555px -102px !important; }

/*======================================================================================
SUB NAVIGATION PRESS*/

/* SUBNAVPRESS */
#subnavpress { width:760px; height:34px; margin: 0px auto; position: relative; z-index: 5000; }
#subnavpress #subnav { margin: 0; padding: 0; }
#subnavpress #subnav li { display: inline; }
#subnavpress #subnav li a { float: left; height: 0; padding-top: 34px; overflow: hidden; }
#subnavpress #subnav li a { background-image: url(../images/press_subnav.jpg); background-repeat: no-repeat; }


/* BUTTONS */
#subnavpress #subnav li#gn-magazines a { width: 184px; background-position: 0 0; }
#subnavpress #subnav li#gn-blogs a { width: 188px; background-position: -184px 0; }
#subnavpress #subnav li#gn-awards a { width: 183px; background-position: -372px 0; }
#subnavpress #subnav li#gn-resources a { width: 205px; background-position: -555px 0; }

/* OVER STATES */
#subnavpress #subnav li#gn-magazines a:hover { background-position: 0 -34px; }
#subnavpress #subnav li#gn-blogs a:hover { background-position: -184px -34px; }
#subnavpress #subnav li#gn-awards a:hover { background-position: -372px -34px; }
#subnavpress #subnav li#gn-resources a:hover { background-position: -555px -34px; }

/* PRESSED STATES */
#subnavpress #subnav li#gn-magazines a:active { background-position: 0 -68px; }
#subnavpress #subnav li#gn-blogs a:active { background-position: -184px -102px; }
#subnavpress #subnav li#gn-awards a:active { background-position: -372px -68px; }
#subnavpress #subnav li#gn-resources a:active { background-position: -555px -102px; }

/* ON STATES */
/*#globalheader.products #globalnav li#gn-products a:hover { background-position: 0 -198px; cursor: default; }*/
#subnavpress.magazines #subnav li#gn-magazines a { background-position: 0 -68px !important; }
#subnavpress.blogs #subnav li#gn-blogs a { background-position: -184px -102px !important; }
#subnavpress.awards #subnav li#gn-awards a { background-position: -372px -68px !important; }
#subnavpress.resources #subnav li#gn-resources a { background-position: -555px -102px !important; }

/*======================================================================================
SUB NAVIGATION BUY*/

/* SUBNAVBUY */
#subnavbuy { width:760px; height:34px; margin: 0px auto; position: relative; z-index: 5000; }
#subnavbuy #subnav { margin: 0; padding: 0; }
#subnavbuy #subnav li { display: inline; }
#subnavbuy #subnav li a { float: left; height: 0; padding-top: 34px; overflow: hidden; }
#subnavbuy #subnav li a { background-image: url(../images/buy_subnav.jpg); background-repeat: no-repeat; }


/* BUTTONS */
#subnavbuy #subnav li#gn-online a { width: 372px; background-position: 0 0; }
#subnavbuy #subnav li#gn-stores a { width: 388px; background-position: -372px 0; }


/* OVER STATES */
#subnavbuy #subnav li#gn-online a:hover { background-position: 0 -34px; }
#subnavbuy #subnav li#gn-stores a:hover { background-position: -372px -34px; }

/* PRESSED STATES */
#subnavbuy #subnav li#gn-online a:active { background-position: 0 -68px; }}
#subnavbuy #subnav li#gn-stores a:active { background-position: -372px -102px; }

/* ON STATES */
/*#globalheader.products #globalnav li#gn-products a:hover { background-position: 0 -198px; cursor: default; }*/
#subnavbuy.online #subnav li#gn-online a { background-position: 0 -68px !important; }
#subnavbuy.stores #subnav li#gn-stores a { background-position: -372px -102px !important; }



/*================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/mini_tabbed_pages.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*#tabs {width:760px; text-align:center; margin:30px 0 0 100px; position:relative; z-index:500; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}*/
#tabs {width:760px; text-align:center; margin:5px auto; position:relative; z-index:9992; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#tabs ul {padding:0; margin:0; width:760px; list-style:none; position:relative;}
#tabs ul li {float:left; display:inline; width:189px; height:30px; margin:0px;}

#tabs ul li a.outer { display:block; width:190px; height:30px; text-align:center; line-height:28px; text-decoration:none; color:#777; margin-bottom:1px; font-size:12px;}
#tabs ul li a.one {background:#fff url(../images/home_bottom-nav-bar-back.jpg) top left no-repeat;}
#tabs ul li div {background:#fff; display:none;}

#tabs ul li:hover {padding-bottom:95px; color:#000; margin-bottom:0;}
#tabs ul li:hover > a.outer {color:#000;}

#tabs ul li:hover div {display:block; padding:0px; position:absolute; left:0px; top:26px; width:760px; height:58px; border-bottom:3px solid #fff;}
#tabs ul li a:hover div {display:block; padding:0px; position:absolute; left:0px; top:30px; width:760px; height:58px; border-bottom:3px solid #fff;}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}
#tabs span.base {display:block; text-align:center; height:20px; font-size:10px; color:#444;}
#tabs div h5 {font-size:12px; margin-bottom:10px; font-weight:bold }
#tabs div p {font-weight:normal; text-align:center; color:#000; margin:10px;}
#tabs div a img {border:0;}
#tabs div img.image {float:left; border:0; margin-top:-35px; margin-right:5px;}
#tabs div a.unlock {background:url(icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs div a:hover.unlock img {visibility:hidden;}
#tabs p.bold {color:#069; padding-top:5px;}

/*================================================================ */
/* FOOTER */

#footer {width:760px; text-align:left; padding-left:0px; margin:0px 0px 0px 0px; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#footer img.floatLeft {float:left;  margin:0px;}
#endmatter {
	width:400px;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#available-at {
	width:290px;
	padding:0;
	float:right;
	margin-top: -34px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#available-txt {
	width:50px;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#available-img {
	float:right;
	width:230px;
	padding:0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
/*#addthis-btn {width:200px;  padding:0; margin: -20px 15px 0 0; float:right;}*/
#addthis-btn {width:240px;  padding:0; margin:0; float:right;}


/*================================================================ */
/* /* PRODUCT PAGE */ 
#splashcontent {text-align: center; margin: 0px auto; padding: 30px; border:0; width: 750px; height: 350px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#splashcontent div a img {border:0;}
#splashcontent a {text-decoration:none; font-weight:normal;  color:#777;}	
#splashcontent a:hover {color:#000; font-weight:bold;}	
#content-left { float: left; width: 375px;  margin: 0 0 15px 0;}
#content-right { float: left; width: 375px; margin: 0 0 15px 0;}

/* PRODUCT SUB PAGES */
#productcontent {text-align: left; margin: 0px auto; padding:10px; border:0; width: 750px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#productcontent div a img {border:0;}
#productcontent a {text-decoration:none; font-weight:normal;  color:#777;}	
#productcontent a:hover {color:#000; font-weight:bold;}	

#productcontent-left { float: left; width: 342px;  margin: 0 25px 15px 8px;}
#productcontent-right { float: left; width: 375px; margin: 0 0 15px 0;}


/* BUY PAGE */
#buycontent {text-align: left; margin: 20px auto; padding:0px; border:0; width: 750px; height: 300px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#buycontent div a img {border:0;}
#buycontent a {text-decoration:none; font-weight:normal;  color:#777;}	
#buycontent a:hover {color:#000; font-weight:bold;}	

#buycontent-left { float: left; width: 230px;  margin: 20px 0px 0px 20px;}
#buycontent-middle { float: left; width: 230px; margin: 20px 0px 0px 20px;}
#buycontent-right { float: left; width: 230px; margin: 20px 0px 0px 20px; }


/* ABOUT PAGE */
#aboutcontent { text-align: left; margin: 4px auto; padding: 0px; border:0; width: 760px; height: 260px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5em; }
#aboutcontent span.h2 {font-size:14px; font-weight:bold; line-height:2em;}

#aboutcontent-left { float: left; width: 330px;	margin: 0 0 15px 0;	padding: 20px; }
#aboutcontent-center { float: left;	width: 193px; background:#693; margin: 0 0 15px 0; padding: 20px; }
#aboutcontent-right { float: right;	width: 330px; margin: 0 0 15px 0; padding: 20px; }

/* CONTACT PAGE */
#contactcontent {text-align: left; margin: 0px auto; padding:0; border:0; width: 750px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#contactcontent div a img {border:0;}
#contactcontent span.h2 {font-size:14px; font-weight:bold; line-height:2em;}
#contactcontent a {text-decoration:none; font-weight:normal;  color:#777;}	
#contactcontent a:hover {color:#000; font-weight:bold;}	

#contactcontent-left { float: left; width: 434px;  margin: 0;}
#contactcontent-right { float: left; width: 266px; margin: 120px 0 0 50px;}

/* PRESS PAGE */
#presscontent1 { text-align:left; margin:0; padding: 0px; border:0;}
#presscontent1 span.h2 { font-size:14px; font-weight:bold; line-height:2em; margin: 0 0 0 10px;}
#presscontent1 span.h3 { font-size:12px; font-weight:normal; line-height:2em; margin: 0 0 0 10px;}
#presscontent1 tab a img {border:0; text-decoration:none; font-weight:normal;  color:#777;}	

/* PRESS PAGE */
#presscontent { text-align:left; margin: 20px auto; padding: 0px; border:0; width: 760px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5em; }
#presscontent span.h2 { font-size:14px; font-weight:bold; line-height:2em; margin: 0 0 0 20px;}
#presscontent p.h3 { font-size:12px; font-weight:normal; line-height:2em; margin: 0 0 0 20px;}
#presscontent tab a img {border:0;}

#presscontent-left { text-align:center; float: left; width: 253px;	margin: 0 0 20px 0;	padding: 0px; }
#presscontent-center { text-align:center; float: left; width: 253px; margin: 0 0 20px 0; padding: 0px; }
#presscontent-right { text-align:center; float: right;	width: 253px; margin: 0 0 20px 0; padding: 0px; }


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {width:375px; position:relative; height:00px; padding-top:470px; margin:auto;}


#gallery ul {list-style:none; padding:0px; margin:10px auto 0px 70px; float:left; background:#fff;}
#gallery ul li {display:block; width:36px; height:36px; float:left; margin:0 4px; cursor:pointer;}

#gallery ul li.th1 {background:#f63; border:2px solid #f63; }
#gallery ul li.th2 {background:#19e; border:2px solid #19e; }
#gallery ul li.th3 {background:#e29; border:2px solid #e29; }
#gallery ul li.th4 {background:#6d5; border:2px solid #6d5; }
#gallery ul li:hover {border:2px solid #fff;}

/* remove visibility:hidden; if you want to use the original images as thumbnails 
#gallery ul li img {visibility:hidden; display:block; width:36px; height:36px;}*/
#gallery ul li img {display:block; width:36px; height:36px;}
#gallery img {border:0px;}

#gallery ul li span {display:none; position:absolute; left:0px; top:546px; width:375px; font-family:verdana, arial, sans-serif; color:#666; font-size:11px; text-align:center; }
#gallery ul li.chosen {border:10px solid #fff; cursor:default;}

/*#gallery ul li.chosen div {position:absolute; left:0; top:0; width:375px; height:470px;}*/
#gallery ul li.chosen div {position:absolute; left:0; top:0; }
/*#gallery ul li.chosen div i {width:375px; height:470px; display:table-cell; vertical-align:middle; text-align:center;} */
#gallery ul li.chosen div i { display:table-cell; vertical-align:middle; text-align:center;}
 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:0px solid #aaa; margin:0 auto;}
#gallery ul li.chosen span {display:block; z-index:6000; }


/* ================================================================ 
CPSIA box
=================================================================== */

#cpsia  { width:310px; margin-left:0; padding:10px; background-color:#DFF0FF; border:1px solid #cee0ee; color:#444; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
/*#cpsia ul li {margin-left:0; position:relative; left: 0px; }*/