﻿.slider-wrap { width: 379px;   position: relative; margin: 0 auto; left: 15px; }
.csw { width: 100%; height: 460px; background: #FFF; overflow: scroll; }
.stripViewer { position: relative; overflow: hidden; margin: auto; width: 379px;  height: 206px; clear: both; background: url(PanelContainer.jpg) left top no-repeat; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0;  }
.stripViewer .panelContainer .panel { float:left; height: 207px; width: 426px; }
.stripViewer .panelContainer .panel .wrapper { width: 379px; padding: 6px 6px 6px 7px;}

.stripViewer .panelContainer .panel .wrapper .gift, 
.stripViewer .panelContainer .panel .wrapper .gift1, 
.stripViewer .panelContainer .panel .wrapper .gift2,
.stripViewer .panelContainer .panel .wrapper .gift3,
.stripViewer .panelContainer .panel .wrapper .gift4,
.stripViewer .panelContainer .panel .wrapper .gift5,
.stripViewer .panelContainer .panel .wrapper .gift6,
.stripViewer .panelContainer .panel .wrapper .gift7,
.stripViewer .panelContainer .panel .wrapper .gift8,
.stripViewer .panelContainer .panel .wrapper .gift9,
.stripViewer .panelContainer .panel .wrapper .gift10 { width: 118px; height: 194px; float: left; margin-right: 6px; cursor: pointer; }

.stripViewer .panelContainer .panel .wrapper .gift { background: url(gift_03.jpg) left top no-repeat; } 
.stripViewer .panelContainer .panel .wrapper .gift1 { background: url(gift_05.jpg) left top no-repeat; } 
.stripViewer .panelContainer .panel .wrapper .gift2 { background: url(magicbeauty.jpg) left top no-repeat; } 
.stripViewer .panelContainer .panel .wrapper .gift3 { background: url(100.jpg) left top no-repeat; } 
.stripViewer .panelContainer .panel .wrapper .gift4 { background: url(101.jpg) left top no-repeat; } 
.stripViewer .panelContainer .panel .wrapper .gift5 { background: url(102.jpg) left top no-repeat; } 
.stripViewer .panelContainer .panel .wrapper .gift6 { background: url(103.jpg) left top no-repeat; } 
.stripViewer .panelContainer .panel .wrapper .gift7 { background: url(104.jpg) left top no-repeat; } 
.stripViewer .panelContainer .panel .wrapper .gift8 { background: url(105.jpg) left top no-repeat; } 
.stripViewer .panelContainer .panel .wrapper .gift9 { background: url(106.jpg) left top no-repeat; } 
.stripViewer .panelContainer .panel .wrapper .gift10 { background: url(107.jpg) left top no-repeat; } 

.stripViewer .panelContainer .panel .wrapper .gift .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift1 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift2 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift3 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift4 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift5 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift6 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift7 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift8 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift9 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift10 .giftbottom { padding-top: 169px; } 

.stripViewer .panelContainer .panel .wrapper .gift .giftbottom, 
.stripViewer .panelContainer .panel .wrapper .gift1 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift2 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift3 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift4 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift5 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift6 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift7 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift8 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift9 .giftbottom,
.stripViewer .panelContainer .panel .wrapper .gift10 .giftbottom p { color: #cb6b29; font-weight: bold; font-size: 11px; text-align: center; line-height: 20px; }

.stripNav { margin: auto;}
.stripNav ul { display: none; }
.stripNavL, .stripNavR { position: absolute; top: 86px; text-indent: -9000em; z-index: 3; }
.stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px;}
.stripNavL { left: -35px;}
.stripNavR { right: -35px; }
.stripNavL { background: url(slidearrowLeft.jpg) no-repeat center;}
.stripNavR { background: url(slidearrowRight.jpg) no-repeat center;}
		
.slider-wrap1 { width: 825px; margin-top: 35px; padding-bottom: 30px;  position: relative; left: 15px; }
.stripViewer1 { position: relative; overflow: hidden; width: 825px; height: 158px; clear: both; background: url(GalleryBottomBgrd_03.jpg) left top no-repeat; }
.stripViewer1 .panelContainer { position: relative; left: 0; top: 0;  }
.stripViewer1 .panelContainer .panel { float:left; height: 207px; width: 426px; }
.stripViewer1 .panelContainer .panel .wrapper { width: 379px; padding: 6px 6px 6px 7px;}