.iphone-frame {
height: 505px;
width: 274px;
padding: 0;
margin: 0;
float:left;
background: url(iphone-frame.png) no-repeat center top;
}
.svwp {
/*preloader stuff. do not modify!*/
height: 258px;
width: 203px;
margin: 70px 0 0 38px;
padding: 168px 0 0 0;
text-align: center;
background: none;
}
.svwp ul{
/*preloader stuff. do not modify!*/
position: relative; 
left: -999em;
}
.svwp ul li{
list-style-image: none;
}

.slideViewer { 
position: relative;
overflow: hidden; 
margin: 82px 0 0 24px;
padding: 0;
background: #070707;
}

.slideViewer ul { 
/*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-image: none;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
list-style-image: none;
}

/*typographic info*/
.slideViewer span.typo{ 
margin: 0; /* dynamically adjusted via script*/
padding: 3px 6px;
background: #908F8F;
color: #fff;
font: bold 9px Verdana;
}

.thumbSlider {
/*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr {
/* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{
}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}