/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px; font-size:16px;}
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { width: 710px; position: relative; min-height: 350px; }
	.coda-slider { width: 680px; position: relative; min-height: 310px; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider{ width: 710px } 
	.coda-slider .panel { width: 710px } 
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 705px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a { position:relative; top:-30px; left:5px;}
	.coda-nav-right a { position:relative; left:585px;top:-30px;z-index:99;}
	
	/* Tab nav */
	.coda-nav a.current { 
	background:url(../images/product_over230.gif) repeat-y;
	/* background: #39c;  */
	}

	/* Panel padding */
	.coda-slider .panel-wrapper { padding-left: 5px;padding-right: 5px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav {width:710px;}
	.coda-nav ul { clear: both;  margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline;}
	.coda-nav ul li a { color: #0070b9;  float: left; text-decoration: none;margin-left:1px;margin-top:10px; }
	.coda-nav ul li a:hover { background:url(../images/product_over230.gif) repeat-y;}

	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto;}
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	div.search{
	float:left;
	padding:7px 0 0 7px;
}


div.search div.form{
	background:url(../images/search.gif) no-repeat 0 0;
	float:left;
	width:170px;
	height:20px;
}
div.search input.field{
	float:left;
	background:none;
	border:none;
	width:135px;
	padding:2px 0 0 10px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#0070b9;
	position:relative;
}
div.search input.submit{
	float:left;
	background:url(../images/magnifer.gif) no-repeat 0 0;
	border:none;
	display:inline;
	width:16px;
	height:13px;
	padding:0;
	margin:3px 0 0 3px;
	cursor:pointer;
}

#sidenav { 
 width: 202px; 
 padding:0px;
} 
#sidenav ul { 
 border-top: 1px solid  #f4f4f4; 
 list-style: none; 
 margin: 0px; 
 padding-left:0px;
 
} 

#sidenav ul ul li{ padding-left:15px;z-index:99;

 }
 
#sidenav ul ul li a:hover{ 
color:#0099FF;
 }
 
#sidenav li { 
 border-bottom: 1px solid  #f4f4f4; 
} 
#sidenav li a:hover{ 
 color:#000000;
 background:#F6FBFF;

} 
#sidenav li a:link, #sidenav li a:visited  { 

 display: block; 
 padding: 0.4em 0 0.4em 0.5em; 
 border-left: 0px solid #025295;
 border-right: 0px solid #025295;

}
.small {font-size:9px;color:#0070b9;line-height:1.2em;}
a, a:visited { color:#0070b9;}

.productbox {
background:url(../images/box.gif) no-repeat;
height:350px;}
#mycustomscroll {height: 240px;overflow:hidden;}