/* @override http://mabb:8888/wp-content/themes/makeupAndBeautyBlog/css/coda-slider-2.0.css */

/*
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 
}

noscript div { 
	background: #ccc; 
	border: 1px solid #900; 
	margin: 20px 0; 
	padding: 15px 
}

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

.coda-slider-wrapper { 
	float: left;
	display: inline;
	width: 647px;
	height: 150px;
	margin-left: 4px;
	overflow: hidden;
}

.coda-slider { 
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

.coda-slider-no-js .coda-slider { 
	height: 150px; 
	overflow: hidden; 
	padding-right: 20px 
}

/* Change the width of the entire slider (without dynamic arrows) */

.coda-slider, .coda-slider .panel { 
	width: 647px 
}

/* Change margin and width of the slider (with dynamic arrows) */

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
	width: 647px 
}

.coda-slider-wrapper.arrows { 
}

/* Arrow styling */

.coda-nav-left a, .coda-nav-right a { 
}

/* Tab nav */

.coda-nav ul li a.current { 
	background: #39c 
}

/* Panel padding */

.coda-slider .panel-wrapper { 
	padding: 0 
}

/* 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 ul { 
	clear: both; 
	display: block; 
	margin: auto; 
	overflow: hidden 
}

.coda-nav ul li { 
	display: inline 
}

.coda-nav ul li a { 
	background: #000; 
	color: #fff; 
	display: block; 
	float: left; 
	margin-right: 1px; 
	padding: 3px 6px; 
	text-decoration: none 
}

/* Miscellaneous */

.coda-slider-wrapper { 
	position: relative;
	clear: both; 
	overflow: hidden; 
}

.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 { 
	position: absolute;
	float: left;
	width: 20px;
	height: 21px;
	top: 64px;
	text-indent: -5000px;
}

.coda-nav-left { 
	left: 0;
	z-index: 9999;
}

.coda-nav-right { 
	right: 0; 
}

.coda-nav-left a, .coda-nav-right a { 
	display: block;
	width: 20px;
	height: 21px;
	background: #000;
}

.coda-nav-left a { 
	background: url(../images/slider-nav.gif) no-repeat 0 0; 
}

.coda-nav-right a { 
	background: url(../images/slider-nav.gif) no-repeat 100% 0; 
}