@charset "UTF-8";

.SlidingPanels {
	position: relative;
	width: 254px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	margin-left: 152px;
	margin-top: 10px;
	border: none;
	float: left;
}

.SlidingPanelsContentGroup {
	position: relative;
	width: 4250px;
	margin: 0px;
	padding: 0px;
	padding-top: -80px;
	border: none;
	float: left;
}

.SlidingPanelsContent {
	width: 256px;
	height: 600px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
}

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.SlidingPanelsCurrentPanel {
}

.SlidingPanelsFocused {
}


#slider {
	width: 256px;
  margin: 0 auto;
  position: relative;
}

.scroll {
	height: 600px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 0px;
  height: 600px;
  width: 288px; /* change to 560px if not using JS to remove rh.scroll */
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 2px;
    background-color: #f6f6f6;
}

ul.navigation a {
    padding: 10px;
    color: #222;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.slide01 {
  background: url(../img/Portfolio_Swatch1.jpg) no-repeat fixed center 30px; 
}
.slide02 {
  background: url(../img/Portfolio_Swatch2.jpg) no-repeat fixed center 30px; 
}
.slide03 {
  background: url(../img/Portfolio_Swatch3.jpg) no-repeat fixed center 30px; 
}
.slide04 {
  background: url(../img/Portfolio_Swatch4.jpg) no-repeat fixed center 30px; 
}
.slide05 {
  background: url(../img/Portfolio_Swatch5.jpg) no-repeat fixed center 30px; 
}
.slide06 {
  background: url(../img/Portfolio_Swatch6.jpg) no-repeat fixed center 30px; 
}
.slide07 {
  background: url(../img/Portfolio_Swatch7.jpg) no-repeat fixed center 30px; 
}
.slide08 {
  background: url(../img/Portfolio_Swatch8.jpg) no-repeat fixed center 30px; 
}
.slide09 {
  background: url(../img/Portfolio_Swatch9.jpg) no-repeat fixed center 30px; 
}
.slide10 {
  background: url(../img/Portfolio_Swatch10.jpg) no-repeat fixed center 30px; 
}
.slide11 {
  background: url(../img/Portfolio_Swatch11.jpg) no-repeat fixed center 30px; 
}
.slide12 {
  background: url(../img/Portfolio_Swatch12.jpg) no-repeat fixed center 30px; 
}
.slide13 {
  background: url(../img/Portfolio_Swatch13.jpg) no-repeat fixed center 30px; 
}
.slide14 {
  background: url(../img/Portfolio_Swatch14.jpg) no-repeat fixed center 30px; 
}
.slide15 {
  background: url(../img/Portfolio_Swatch15.jpg) no-repeat fixed center 30px; 
}
.slide16 {
  background: url(../img/Portfolio_Swatch16.jpg) no-repeat fixed center 30px; 
}
.slide17 {
  background: url(../img/Portfolio_Swatch17.jpg) no-repeat fixed center 30px; 
}
.slide18 {
  background: url(../img/Portfolio_Swatch19.jpg) no-repeat fixed center 30px; 
}
.confirm {
  background: url(../img/Portfolio_Swatch18.jpg) no-repeat fixed center 30px; 
}