 /**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**************************************************/

/************ TOP NAVIGATION MENU ************/

body.cms-products-html #nav li.nav-products-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-area-of-discomfort-html #nav li.nav-products-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-therion-awards-html #nav li.nav-products-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-customer-testimonials-html #nav li.nav-products-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-professional-endorsements-html #nav li.nav-products-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-therion-difference-html #nav li.nav-products-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-magnet-therapy-html #nav li.nav-magnet-therapy-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-what-can-use-magnets-for-html #nav li.nav-magnet-therapy-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-magnetic-therapy-faq-html #nav li.nav-magnet-therapy-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-magnetic-therapy-articles-html #nav li.nav-magnet-therapy-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-magnetic-therapy-research-html #nav li.nav-magnet-therapy-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-company-information-html #nav li.nav-company-information-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-about-therion-html #nav li.nav-company-information-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-contacts #nav li.nav-home-company-information-contacts { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-wholesale-programs-html #nav li.nav-company-information-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-affiliate-program-about-html #nav li.nav-company-information-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-link-to-us-html #nav li.nav-company-information-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-dealer-login-html #nav li.nav-company-information-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-site-map-html #nav li.nav-company-information-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-privacy-policy-html #nav li.nav-company-information-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }
body.cms-terms-conditions-html #nav li.nav-company-information-html { background: url(../images/nav_ahover.png) repeat-x bottom right; }

.navigation {width: 710px; height:40px; font-size:13px; }
#nav p{margin: 0px;padding:0px;}
#nav { float:left; border-right:1px solid #a61a19; }

/************** HIDDEN CATEGORIES  *************/ 
#nav li.nav-mattress-pads { display:none; }
#nav li.nav-pads-wraps { display:none; }
#nav li.nav-supports-braces { display:none; }
#nav li.nav-pillows-cushions { display:none; }
#nav li.nav-shoe-insoles { display:none; }
#nav li.nav-single-magnets { display:none; }
#nav li.nav-for-pets { display:none; }
#nav li.nav-shoulder-pain { display:none; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav	{ z-index:999; }
#nav li { position:relative; text-align:left; bottom:0px;	}
#nav li.over { }
#nav a,
#nav a:hover { display:block; line-height:1.5em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; bottom:0px; height:40px; border-left:1px solid #a61a19; border-right:1px solid #ca3a3a;}
#nav a { float:left; padding:9px 22px 17px 22px; font-size:1em; font-weight:bold; text-transform:none; }
#nav a.ds { float:left; padding:9px 20px 17px 20px; font-size:1em; font-weight:bold; text-transform:none;  }
#nav li a {color: #fff;} /*When mouse is over any part of the li (except a)*/
/*#nav li a:hover {color: #3e3e3f;} */ /*When mouse is over text within the li - when combined with the above covers enter li region*/
#nav li:hover { bottom:0px; height:40px; background: url(../images/nav_ahover.png) repeat-x bottom left; border-right:1px double #ca3a3a; }
#nav li.active { margin-bottom:0px; padding-top:0px; height:40px; border-right:1px double #ca3a3a; background: url(../images/nav_ahover.png) repeat-x bottom right; } 
/*#nav li.active { top: 5px; height: 40px; background: url(../images/nav_ahover.png) repeat-x bottom left; border-right:1px solid #ca3a3a; }*/
#nav li.active.parent a { margin-top: 0px; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; border:none; padding:0px; padding-bottom:1px; text-transform:none; }
#nav ul li.over { float:none; border:none; background:none; padding:0px; padding-bottom:1px; text-transform:none; }
#nav ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 40%; }
#nav ul li.parent.active { background:url(../images/nav_parent_arrow_w.gif) no-repeat 100% 40%; }
#nav ul li.last { padding-bottom:0px; }
#nav ul li.active { margin:0; margin-top:-13px; margin-bottom:-3px; padding:0; border:0px; background:none; }
#nav ul a,
#nav ul a:hover { float:none; padding:0px; background:none; font-size:1em; font-weight:normal !important; text-transform:none; }
#nav ul li:hover{background: none; border-right:none;}

/************ 2ND LEVEL ************/
 #nav ul { position:absolute; width:16em; top:40px; left:-10000px; border:1px solid #bbb;  padding:6px 8px; background:#fcfcfc; font-size:12px; }
 
/* Show menu */
#nav li.over > ul { left:-2px; z-index:999; }
#nav li.active > ul { top:40px; }
#nav li.over > ul li,
#nav li.active > ul li { margin-top:0px; margin-bottom:-17px; padding:0px; }
#nav li.active > ul li.active { padding:0; }  
#nav li.over > ul li.over > ul { left:113px; }
#nav li.over ul ul { left:-10000px; top:5px;}

#nav ul li a { padding:0; color:#000 !important; }
#nav ul li a:hover { padding:0; color:#c81e1e !important; }
#nav ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 20%; }
#nav ul li.parent:hover { background:url(../images/nav_parent_arrow_aqd.gif) no-repeat 100% 20%; }

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; margin-left:60px; margin-top:-15px;}

/**************************************************/

/************ LEFT VERTICAL NAVIGATION MENU ************/

/**************************************************/

/************** HIDDEN CATEGORIES  *************/ 
/* #nav_vert li.nav-clearance-center { display:none; } */

/* Left Column Vertical Category Menu */ 

.vertical-nav-container {
	width:191px;
	height:30px; 
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:0;
}
.vertical-nav-container .head { 
	height:28px;
	background:#f0f0f0 url(../images/box_header_bg.gif) repeat-x left;
	border-top:1px outset #fff;
	padding:1px 2px 0; 
}
.vertical-nav-container .head h4 {
    line-height:1.2em;
    font-size:13px;
	padding: 7px 6px 3px; 
    color:#b91e1e;
	text-transform:uppercase;
	font-weight:bold;
    font-size:1em;
}
#nav_vert {
	margin-top:0;
	width:193px;
	padding:0;
	font-size:12px; 
	color:#000;
	z-index:999; 
}	

/* ALL LEVELS */ /* Style consistent throughout all nav levels */

#nav_vert li { width:191px; background:none; list-style:none; text-align:left; border-top:none; padding:0 3px; }
#nav_vert li:last-child { border-bottom:1px solid #999; }
#nav_vert li.over { z-index:999; }
#nav_vert li.active { z-index:999; } /* to prevent the li separator from showing through on mouseover on li */

#nav_vert a { line-height:1.3em; }
#nav_vert a, #nav_vert a:hover { display:block; font-size:1.1em; text-decoration:none; }
#nav_vert span { display:block; cursor:pointer; }

/************ 0 LEVEL  ***************/

#nav_vert li { float:left; background:#fff; width:185px; height:29px; margin-right:1px; border-bottom:1px solid #c6c6c6; border-left:1px solid #999; border-right:1px solid #999; }
#nav_vert li.parent { background:#ffffff url(../images/nav_parent_arrow.gif) no-repeat 97% 51%;}
#nav_vert li a { padding:7px 12px 4px 8px; font-size:100%; color:#000; font-weight:bold; text-decoration:none; }
#nav_vert li a:hover { font-size:100%; color:#c81e1e; }
#nav_vert li.active, 
/*#nav_vert li.active:hover { background-color:#666; }*/ 

#nav_vert li:hover {  }
#nav_vert li.active a,
#nav_vert li.active a:hover { color:#1e7ec8; font-weight:bold; text-decoration:none; } 

/************ 1ST LEVEL ************/

#nav_vert ul li,
#nav_vert ul li.active,
#nav_vert ul li.over { width:12em; float:none; border:none; background:none; padding:0px; padding-bottom:1px; text-transform:none; }
#nav_vert ul li.last { padding-bottom:0px; }
#nav_vert ul li.active { margin:0; margin-top:-13px; margin-bottom:-3px; padding:0; border:0px; }
#nav_vert ul li.active:hover { background:none; }
#nav_vert ul a,
#nav_vert ul a:hover { float:none; padding:0px; font-size:100%; font-weight:normal !important; }
#nav_vert ul li:hover { border-right:none; }

/************ 2ND LEVEL ************/

#nav_vert ul { position:relative; top:0px; left:-10000px; border:1px solid #bbb;  padding:6px 8px 16px 8px; font-size:12px; }


/* Show menu */

#nav_vert li.over > ul { z-index:999; background:#fff; width:12em; top:-60px; left:150px; }
#nav_vert li.active > ul { top:-60px; }
#nav_vert li.over > ul li,
#nav_vert li.active > ul li { margin-top:-7px; margin-bottom:-20px; padding-top:10px; border:none; }
#nav_vert li.active > ul li.active { padding-top:10px; background:url(../images/nav_arrow_active.png) no-repeat 95% 45%; }  
#nav_vert li.active > ul li.parent { padding-top:10px; background:url(../images/nav_parent_arrow.gif) no-repeat 95% 50%;}
#nav_vert li.active > ul li.parent:hover { padding-top:10px; background:url(../images/nav_parent_arrow.gif) no-repeat 95% 50%;}
#nav_vert li.over > ul li.over > ul { left:45px; }
#nav_vert li.over ul ul { left:-10000px; top:-10px;}

#nav_vert ul li a { padding:0; font-weight:normal !important; color:#000 !important; }
#nav_vert ul li a:hover { padding:0; color:#c81e1e !important; background:none; }
#nav_vert ul li.active a { padding:0; font-weight:bold !important; color:#1e7ec8 !important; }

/************ 3RD+ LEVEL ************/

#nav_vert ul ul { margin-top:-15px; margin-left:70px; }

/* Fix for the IE bug */

#nav_vert iframe { position: absolute; left: -1px; top: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }

/**************************************************/

/************ RIGHT VERTICAL NAVIGATION MENU ************/

/**************************************************/

/************** HIDDEN CATEGORIES  *************/ 
#nav_vertrtcol li.nav-about-therion { display:none; }

/* Right Column Vertical Category Menu */ 
.verticalrtcol-nav-container {
	width:211px;
	height:30px; 
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:0;
}
.verticalrtcol-nav-container .headrtcol { 
	height:28px; 
	background:#f0f0f0 url(../images/box_header_bg.gif) repeat-x left;
	border-top:1px outset #fff;
	padding:1px 2px 0; 
}

.verticalrtcol-nav-container .headrtcol h4 {
    line-height:1.2em;
    padding: 7px 6px 3px; 
    font-size:13px;
	color:#b91e1e;
	text-transform:uppercase;
	font-weight:bold;
    font-size:1.1em;
}

#nav_vertrtcol {
	margin-top:0;
	width:213px;
	padding:0;
	font-size:12px;
	color:#000;
}	

/* ALL LEVELS */ /* Style consistent throughout all nav levels */
#nav_vertrtcol li { width:211px; background:none; list-style:none; text-align:left; border-top:none; padding:0 3px; }
#nav_vertrtcol li:last-child { border-bottom:1px solid #999; }
#nav_vertrtcol li.over { z-index:999; }
#nav_vertrtcol li.active { z-index:999; } /* to prevent the li separator from showing through on mouseover on li */
#nav_vertrtcol a { line-height:1.3em; }
#nav_vertrtcol a, #nav_vertrtcol a:hover { display:block; font-size:1.1em; text-decoration:none; }
#nav_vertrtcol span { display:block; cursor:pointer; }

/************ 0 LEVEL  ***************/
#nav_vertrtcol li { float:left; background:#fff; width:205px; height:29px; margin-right:1px; border-bottom:1px solid #c6c6c6; border-left:1px solid #999; border-right:1px solid #999; }
#nav_vertrtcol li.parent { background:#ffffff url(../images/nav_parent_arrow_l.gif) no-repeat 10% 50%;}
#nav_vertrtcol li a { padding:8px 0px 3px 25px; color:#000; font-size:1em; font-weight:bold; text-decoration:none; text-transform:uppercase; }
#nav_vertrtcol li a:hover { color:#b91e1e; font-size:1em; }
#nav_vertrtcol li.active, 
/*#nav_vert li.active:hover { background-color:#666; }*/ 
#nav_vertrtcol li:hover {  }
#nav_vertrtcol li.active a,
#nav_vertrtcol li.active a:hover { color:#1e7ec8; font-weight:bold; text-decoration:none; } 

/************ 1ST LEVEL ************/
#nav_vertrtcol ul li,
#nav_vertrtcol ul li.active,
#nav_vertrtcol ul li.over { width:13em; float:none; border:none; background:none; padding:0px; padding-bottom:1px; text-transform:none; }
#nav_vertrtcol ul li.last { padding-bottom:0px; border:none; }
#nav_vertrtcol ul li.active { background:none; margin:-13px 0 -3px 0; padding:0; border:0px; }
#nav_vertrtcol ul li:hover {  }
#nav_vertrtcol ul a,
#nav_vertrtcol ul a:hover { float:none; padding:0px; font-weight:normal !important; }
#nav_vertrtcol ul li:hover { border:none; }

/************ 2ND LEVEL ************/
#nav_vertrtcol ul { position:relative; top:0px; left:-10000px; background:#fff; border:1px solid #bbb;  padding:6px 8px 11px 8px; font-size:12px; }

/* Show menu */
#nav_vertrtcol li.over > ul { z-index:999; background:#fff; width:12em; top:-29px; left:-135px; }
#nav_vertrtcol li.active > ul { top:-28px; }
#nav_vertrtcol li.over > ul li,
#nav_vertrtcol li.active > ul li { margin:-7px 0 -12px -25px; padding-top:10px; }
#nav_vertrtcol li.active > ul li.active { padding-top:10px; background:url(../images/nav_arrow_active.png) no-repeat 100% 50%; }  
#nav_vertrtcol li.active > ul li.parent { padding-top:10px; background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%;}
#nav_vertrtcol li.active > ul li.parent:hover { padding-top:10px; background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%;}
#nav_vertrtcol li.over > ul li.over > ul { left:-205px; }
#nav_vertrtcol li.over ul ul { left:-10000px; top:-10px;}
#nav_vertrtcol ul li a { margin-left:30px; padding:0; font-weight:normal !important; color:#000 !important; }
#nav_vertrtcol ul li a:hover { padding:0; color:#c81e1e !important; background:none; }
#nav_vertrtcol ul li.active a { padding:0; font-weight:bold !important; color:#c81e1e !important; }

/*
#nav_vertrtcol li.over > ul { z-index:999; background:#fff; width:15em; top:-29px; left:-200px; }
#nav_vertrtcol li.active > ul { top:-28px; }
#nav_vertrtcol li.over > ul li,
#nav_vertrtcol li.active > ul li { margin-top:-7px; margin-bottom:-12px; padding-top:10px; }
#nav_vertrtcol li.active > ul li.active { padding-top:10px; background:url(../images/nav_parent_arrow_l.gif) no-repeat 70% 50%; }  
#nav_vertrtcol li.active > ul li.parent { padding-top:10px; background:url(../images/nav_parent_arrow_l.gif) no-repeat 70% 50%;}
#nav_vertrtcol li.active > ul li.parent:hover { padding-top:10px; background:url(../images/nav_parent_arrow_l.gif) no-repeat 70% 50%;}
#nav_vertrtcol li.over > ul li.over > ul { left:-250px; }
#nav_vertrtcol li.over ul ul { left:-10000px; top:-10px;}
*/
#nav_vertrtcol ul li a { padding:0; font-weight:normal !important; color:#000 !important; }
#nav_vertrtcol ul li a:hover { padding:0; color:#c81e1e !important; background:none; }
#nav_vertrtcol ul li.active a { padding:0; font-weight:bold !important; color:#c81e1e !important; }


/************ 3RD+ LEVEL ************/
#nav_vertrtcol ul ul { margin-top:-15px; margin-left:70px; }

/* Fix for the IE bug */
#nav_vertrtcol iframe { position: absolute; left: -1px; top: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }  

/************************************  URGENT ****************************************************************************/

/*********** WATCH OUT FOR 8,192 BYTE FILE SIZE INCREMENTS AS THEY WILL CAUSE DREAMWEAVER TO CRASH **********************/
