/* 										JUNGLE WAY CSS Style File: February 2006 

										Table of Contents:
											- Redefined HTML Tags
											- Custom Typography
											- Forms
											- Box Styles
											- Drop Down Menu Styles 
											- Nugget Point Header
											- CSS Page Container
											- CSS Buttons
											- Show Hint Script
											- Pausing up-down scroller 
											- CSS Popup Image Viewer
											- CSS Play Slide Pop-Up 										
																							*/
																							
																							

/* ---------------------------------------------------------------------------------------- */
/* Redefining HTML tags                         
/* ---------------------------------------------------------------------------------------- */

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:14px;
	background: #FFFFFF;
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:14px;
}


ul {
list-style-image: url(../images/icons/arrow.gif);
}


a {
	text-decoration:none;
	color:#cc2700;   /*#666666;*/
}

a:hover {
	color:#cc2700;
	text-decoration:underline;
}

#home {
	color:#000000;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#cc2700;
	font-weight:normal;
	display:inline;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	font-weight:normal;
	display:inline;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cc2700;
	font-weight:normal;
	display:inline;
	font-weight:bold;
}


h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#cc2700;
	display:inline;
	font-weight:normal;
	line-height:14px;
	
}

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	display:inline;
	font-weight:normal;
}

h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	display:inline;
	font-weight:bold;
}



/* ---------------------------------------------------------------------------------------- */
/* Custom Typography                          
/* ---------------------------------------------------------------------------------------- */


.noLink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#cc2700;
	font-weight:normal;
	display:inline;
	line-height:14px;
}

.smallt {
	font-size:9px;
}


.drop {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #CCCCCC;
	background-color:#EDEDEF;
	width:90px;
}


.topnav, .topnav a, .topnav a:hover {
	text-transform:uppercase;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	padding-right:5px;
	z-index:100;
}
.topnav a, .topnav a:hover {
	padding-right:11px;
}
.topnav a:hover {
	color:#cc2700;
}

.footer {
	/*width:713px;*/
	border-top: 2px solid #EAEAEB;
	font-size:10px;
}


.footerlinks a, .footerlinks a:hover {
	font-size:10px;
	color:#999999;
}

.footerlinks a:hover {
	color:#cc2700;
}

.top-border {
	border-top: 5px solid #D8561E;
}

.breadcrumb {
	padding-left:3px;
	padding-bottom:3px;
}

.blacktext {
	color:#000000;
}

.interwool {
	position:absolute;
	top:435px;
	left:620px;
}

.info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	font-size:10px;
	padding-left:15px;
	line-height:14px;
}

.hometext {
	font-size:9px;
	line-height:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.features {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:14px;
}

.greylinks, .greylinks a, .greylinks a:hover {
	color:#666666;
	text-decoration:none;
}

#mount_caption {
	font-family:Arial;
	font-size:9px;
	font-weight: bold;
	color:#000000;
	padding-top:8px;
}

.mount_thumb_text {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666 
}

.copyright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	display:inline;
}

.handcursor{
	cursor:pointer;
}

/* ---------------------------------------------------------------------------------------- */
/* Forms
/* ---------------------------------------------------------------------------------------- */


form, input {
	margin:0;
	padding:0;
	display:inline;
}

form {
	margin:0;
	padding:0;
}


.search {
	border: 1px solid #CCCCCC;
	width: 80px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#EDEDEF;
	padding-left:2px;
}

.formArea {
	border: 1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#EDEDEF;		
}

.formButton {
	border: 1px solid #6f0e1e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	background-color:#cc2700;
	cursor: pointer; /* cursor: hand; for IE5 */
}



/* ---------------------------------------------------------------------------------------- */
/* Box Styles
/* ---------------------------------------------------------------------------------------- */

/* main table settings for index only */
div.index table.main { 
	border: 0; 
}

div.index table.main td.left { 
	border: 1px solid #e3e3e3; 
}

div.index table.main td.content { 
	padding: 0; 
}

table.box { 
	margin: 6px 0 0 0; 
}

table.box td {
	margin: 0; 
}
 
table.topbox {
	margin: 0 0 6px 0; 
}
 
table.boxhead {
 	margin: 0 0 0 6px; 
 }
 
table.boxhead td { 
	padding: 0; 
}

table.boxhead td.l { 
	background: #e3e3e3; 
	background-image: url("../images/borders/menuBox/htl.gif"); 
	background-position: top left; 
	background-repeat: no-repeat; 
	white-space: nowrap; 
	width: 12px; 
}

table.boxhead td.c { 
	background: #e3e3e3; 
	color: #666666; 
	font-weight: normal; 
	padding: 3px 0 3px; 
	text-align: left; 
	vertical-align: middle; 
	white-space: nowrap;
}

table.boxhead td.r { 
	background: #e3e3e3; 
	background-image: url("../images/borders/menuBox/htr.gif"); 
	background-position: top right; 
	background-repeat: no-repeat; 
	white-space: nowrap; 
	width: 12px; 
}

table.boxhead td.space { 
}

table.boxbody { 
	margin: 0 0 0 6px; 
}

table.boxbody td { 
	padding: 0; 
	vertical-align: top; 
}

table.boxbody td.tl { 
	background-image: url("../images/borders/menuBox/tl.gif"); 
	background-position: top left; 
	width: 12px; 
	height: 12px; 
}

table.boxbody td.t { 
	background-image: url("../images/borders/menuBox/t.gif"); 
	background-position: top left; 
	height: 12px; 
}

table.boxbody td.tr { 
	background-image: url("../images/borders/menuBox/tr.gif"); 
	background-position: top left; 
	width: 12px; 
	height: 12px; 
}

table.boxbody td.cl { 
	background-image: url("../images/borders/menuBox/l.gif"); 
	background-position: top left; 
	width: 12px; 
}

table.boxbody td.c { 
	background: #ffffff; 
	color: #666666; 
	padding: 0; 
	text-align: left; 
	vertical-align: top; 
	height: 200px; 
}

table.woodframes td.c { 
	text-align: center; 
	vertical-align: middle; 
}

table.boxbody td.cr { 
	background-image: url("../images/borders/menuBox/r.gif"); 
	background-position: top left; 
	width: 12px; 
}

table.boxbody td.bl { 
	background-image: url("../images/borders/menuBox/bl.gif"); 
	background-position: top left; 
	width: 12px; 
	height: 12px; 
}

table.boxbody td.b { 
	background-image: url("../images/borders/menuBox/b.gif"); 
	background-position: top left; 
	height: 12px; 
}

table.boxbody td.br { 
	background-image: url("../images/borders/menuBox/br.gif"); 
	background-position: top left; 
	width: 12px; 
	height: 12px; 
}



/* ---------------------------------------------------------------------------------------- */
/* Drop Down Menu Styles                         
/* ---------------------------------------------------------------------------------------- */

.ddmenu {
	background-color:#FFFFFF; 
	position:absolute; 
	left:20px;
	top:3px; 
	display: none; 
	z-index:10000;
	padding-bottom:1px;
	padding-left:6px;
}

.ddmenu a {
	color:#666666;
}

.ddmenu a:hover {
	color:#cc2700;
}

.ddmenu2 {
	background-color:#F4F4F4; 
	position:absolute; 
    left:8px; 
	display: none; 
	z-index:10000;
	padding:0px;
	border-top:19px solid black;
/*	border-top-image: 19px transparent;	
	border-top-image: url('../images/nav/menu/spacer.gif') repeat-x;
	border-top: 19px solid;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
*/	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}


.ddmenu2 a {
	color:#666666;
}

.ddmenu2 a:hover {
	color:#cc2700;
}

a.navlink {
	display:block;
	width:168px;
	padding-left:12px;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
}

a:hover.navlink {
	display:block;
	width:168px;
	background-color:#cc2700;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
}

/* ---------------------------------------------------------------------------------------- */
/* CSS Page Container                              
/* ---------------------------------------------------------------------------------------- */


.clear {
	clear:both;
}


#container {
	width:823px;
	background:url(../images/borders/container/bg.gif) repeat-y;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding:0 0px 0 0px;
}

/*	top																									*/

#topmargin {
	width:823px;
	height: 112px;
	margin:  0;
	padding:  0;
	margin-left:0px;
	background:url(../images/borders/container/bgTop.jpg) no-repeat;
}


#menubg {
	width:823px;
	height: 73px;
	margin:  0;
	padding:  0;
	margin-left:0px;
	background:url(../images/borders/container/bgMenu.jpg) no-repeat;
}

/*	banner = logo, about us, home, etc																	*/

#banner	{
	margin: 5px;
	width: 745px;
	height: 60px;
	padding: 7px 202px 7px 12px;
}

/*content																								*/

#presentation, .content{
	margin:0px 0px 0px 50px;
	width:680px;
	padding-top:35px;
	text-align:left;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:20px;
}

/*	nav																									*/

#nav {
	background:url(../images/borders/container/bgNav.gif) repeat-x;
	width: 749px;
	height: 45px;
	margin:0 145px 0 36px;
	padding-top: 18px;
	padding-left: 0px;
	padding-bottom: 40px; 
	text-align: center;
	line-height: 20px;
}

#nav a {	
	color:#606060;
}

#nav a:hover {
	color :#cc2700;
}


/*	bottom																								*/

#bottom	{
	background: url(../images/borders/container/bgBottom.gif);
	width: 823px;
	height: 35px;
	margin:  0;
	margin-left:0px;
}


/* ---------------------------------------------------------------------------------------- */
/* CSS Buttons                              
/* ---------------------------------------------------------------------------------------- */


/* small button link */
a.link, a:hover.link {
	background-image: url(../images/frames/nav/catalogueBlock.gif);		/** frames catalogue image block mouse_off **/
	width:137px;
	height:33px;
	padding-left:17px;
	padding-top:4px;
	background-repeat: no-repeat;
	display:block;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	line-height:14px;
}

/* large button link */
a.link2, a:hover.link2, a.link2Active, a:hover.link2Active {
	background-image: url(../images/navmenu/descriptionButton.gif);
	width:425px;
	height:15px;
	padding-left:19px;
	padding-top:4px;
	background-repeat: no-repeat;
	display:block;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	line-height:14px;
}

/* tiny button link */
a.link3, a:hover.link3 {
	background-image: url(/images/but_tiny.gif);
	width:94px;
	height:15px;
	padding-left:19px;
	padding-top:4px;
	background-repeat: no-repeat;
	display:block;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	line-height:14px;
}

a:hover.link{
	background-position:left top;	
	background-image: url(../images/frames/nav/catalogueBlock_ovr.gif);	 /** frames catalogue image block mouse_over **/
	width:137px;
	height:33px;
}

a:hover.link2, a.link2Active, a:hover.link2Active, a:hover.link3 {
	background-position:left top;	
	background-image: url(../images/navmenu/descriptionButton_ovr.gif);	 /** description catalogue image block mouse_over **/
	width:425px;
	height:15px;
	padding-left:19px;
	padding-top:4px;
	background-repeat: no-repeat;
	display:block;
}



/* ---------------------------------------------------------------------------------------- */
/* Show Hint Script                              
/* ---------------------------------------------------------------------------------------- */


/***********************************************
* Show Hint script- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #FFFFFF;
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid #cc2700;
	font:normal 10px Verdana;
	color:#333333;
	line-height:14px;
	z-index:100;
	visibility: hidden;	
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	margin: 0px 0px;
}



/* ---------------------------------------------------------------------------------------- */
/* Pausing up-down scroller                      
/* ---------------------------------------------------------------------------------------- */

#pscroller1{
	width: 350px;
	height: 110px;
	border: none;
	top:45px;
	padding: 5px;
	text-align:left;
}

.someclass{
	padding-top:0px;
}

/* ---------------------------------------------------------------------------------------- */
/* CSS Popup Image Viewer                      
/* ---------------------------------------------------------------------------------------- */


/***********************************************
* CSS Popup Image Viewer - © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 500;
}

.thumbnail span{ 			/*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	left: -1000px;
	border: 0px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ 		/*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.thumbnail:hover span{ 		/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 20px;
	left: 0px; 				/*position where enlarged image should offset horizontally */

}


/* Code for all small photos aligned RIGHT on website*/

.thumbsII{
	position: relative;
	z-index: 0;
}

.thumbsII:hover{
	background-color: transparent;
	z-index: 1000;
}

.thumbsII span{ 			/*CSS for enlarged image*/
	position: absolute;
	background-color: #222222;
	padding: 5px;
	left: -1000px;
	border: 1px solid #666666;
	visibility: hidden;
	color: white;
	text-decoration: none;
}

.thumbsII span img{ 		/*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.thumbsII:hover span{ 		/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 10px;
	left: -310px; 				/*position where enlarged image should offset horizontally */

}

/* Code for text WITH border and caption*/

.thumbsIII{
	position: relative;
	z-index: 0;
}

.thumbsIII:hover{
	background-color: transparent;
	z-index: 1000;
}

.thumbsIII span{ 			/*CSS for enlarged image*/
	position: absolute;
	background-color: #222222;
	padding: 5px;
	left: -1000px;
	border: 1px solid #666666;
	visibility: hidden;
	color: white;
	text-decoration: none;
}

.thumbsIII span img{ 		/*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.thumbsIII:hover span{ 		/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 20px;
	left: 50px; 				/*position where enlarged image should offset horizontally */

}


/* ---------------------------------------------------------------------------------------- */
/* CSS Play Slide Pop-up                      
/* ---------------------------------------------------------------------------------------- */

/* ================================================================ 
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/menu/menu_gallery.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	font-family: verdana, sans-serif; 
	position:relative; 
	z-index:100;
	width:520px;
	margin:0 auto;
	height:50px;
	background:#222222;
	border-top:380px solid #444;
}

.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	width:355px;
	height:26px;
	background:#444;
	padding:5px;
	margin:5px 78px 0 78px;
	position:absolute;
	border:1px solid #999999;
}

.menu ul li {
	float:left;
	position:relative;
}

.menu ul li a img {border:0; float:left;}
* html .menu ul li a img {float:none;}

.menu ul li a, .menu ul li a:visited {
	float:left;
	width:32px;
	height:24px;
	margin:0 5px;
	text-decoration:none; 
	color:#000;
	border:1px solid #FFFFFF;
	cursor:default;
}

.menu ul li ul {
	position:absolute;
	top:-106px;
	left:-9999px;
}

.menu table {
	border-collapse:collapse;
	border:0; padding:0; margin:-4px;
}

.menu ul li:hover a,
.menu ul li a:hover {
	border:1px solid #999999;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
	position:absolute;
	left:-45px;
	width:124px; height:94px;
	border:0; padding:0; margin:0;
	background:#444;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
	position:absolute;
	top:-270px;
	left:-9999px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	text-decoration:none; 
	color:#FFF;
	border:1px solid #999999;
	width:120px;
	height:90px;
	background:#000;
}

.menu ul li:hover ul li a b,
.menu ul li a:hover ul li a b {
	display:block; 
	width:32px; 
	height:14px; 
	font-size:0; 
	background:#444 url(../images/icons/pointer.gif);
	position:absolute; 
	left:50px; top:92px; 		
	border-left:1px solid #999999; 
	border-right:1px solid #999999; 
	border-bottom:1px solid #999999;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	border:1px solid #666;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
	left:-24px; 
}
.menu ul li:hover ul li:hover ul.pos2,
.menu ul li a:hover ul li a:hover ul.pos2 {
	left:-68px; 
}
.menu ul li:hover ul li:hover ul.pos3,
.menu ul li a:hover ul li a:hover ul.pos3 {
	left:-112px; 
}
.menu ul li:hover ul li:hover ul.pos4,
.menu ul li a:hover ul li a:hover ul.pos4 {
	left:-156px; 
}
.menu ul li:hover ul li:hover ul.pos5,
.menu ul li a:hover ul li a:hover ul.pos5 {
	left:-200px; 
}
.menu ul li:hover ul li:hover ul.pos6,
.menu ul li a:hover ul li a:hover ul.pos6 {
	left:-244px; 
}
.menu ul li:hover ul li:hover ul.pos7,
.menu ul li a:hover ul li a:hover ul.pos7 {
	left:-288px; 
}
.menu ul li:hover ul li:hover ul.pos8,
.menu ul li a:hover ul li a:hover ul.pos8 {
	left:-332px; 
}

.menu ul li:hover span,
.menu ul li a:hover  span {
	display:none;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
	width:480px; 
	height:360px;
	border:1px solid #999999;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {
	border:1px solid #FFFFFF;
}

.menu ul li:hover ul li:hover ul li a:hover span,
.menu ul li a:hover ul li a:hover ul li a:hover span {
	display:block; 
	font-size:10px;
	position:absolute; 
	top:1px; 
	left:6px; 
	width:470px; 
	background:#222222; 
	padding:5px; 
	border-bottom:1px solid #FFFFFF;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.menu ul li:hover ul li:hover ul li a:hover span:first-line,
.menu ul li a:hover ul li a:hover ul li a:hover span:first-line {
	font-weight:bold; 
	font-size:14px; 
	color:#FFFFFF;
}