/********************************************/
/* Step 1                                   */
/********************************************/

.bookmark 
{
    position: absolute;
    top: 14px;
    left: -104px;
    width: 123px;
    height: 42px;
    background: url('../images/layout/sticky-left.png') no-repeat 0 0;
    cursor: pointer;
}
#page2 .bookmark 
{
    width: 128px;
    height: 42px;
    left: auto;
    right: -111px;
    background: url('../images/layout/sticky-right.png') no-repeat 0 0;
}
.bookmarkOn 
{
    background-image: url('../images/layout/sticky-left-on.png');
}
#page2 .bookmarkOn 
{
    background-image: url('../images/layout/sticky-right-on.png');
}

* html .bookmark
{
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/sticky-left.png',sizingMethod='scale');
}
* html #page2 .bookmark
{
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/sticky-right.png',sizingMethod='scale');
}
* html .bookmarkOn
{
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/sticky-left-on.png',sizingMethod='scale');
}
* html #page2 .bookmarkOn 
{
    background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/sticky-right-on.png',sizingMethod='scale');
}

#page1 {
    background: url('../images/layout/step-1.jpg') no-repeat 13px 13px;
}
#page2 {
    background: url('../images/layout/step-1-doodle-2.jpg') no-repeat 51px 10px;
}
.page1 {
    position: absolute;
    left: 69px;
    top: 93px;
}
.page2 {
    position: absolute;
    left: 38px;
    top: 93px;
}
.photo 
{
    position: relative;
    overflow: visible;
    width: 187px;
    margin-bottom: 10px;
    background: url('../images/layout/photo-frame-medium.jpg') no-repeat 0px 0px;
    padding: 7px 8px 10px 11px;
}
#next-step {
    position: absolute;
    left: 153px;
    top: 447px;
}

#page1_1, #page2_1, #page1_2, #page2_2, #page1_3, #page2_3, 
#page1_4, #page2_4, #page1_5, #page2_5, #page1_6, #page2_6 {
    display: none;
}

.show1 #page1_1,
.show1 #page2_1,
.show2 #page1_2,
.show2 #page2_2,
.show3 #page1_3,
.show3 #page2_3,
.show4 #page1_4,
.show4 #page2_4,
.show5 #page1_5,
.show5 #page2_5,
.show6 #page1_6,
.show6 #page2_6 {
    display: block;
}

#previous {
   position: absolute;
   top: 419px;
   left: 59px;
   cursor: pointer;
}
#next {
   position: absolute;
   top: 420px;
   left: 208px;
   cursor: pointer;
}
#pages {
    position: absolute;
    top: 421px;
    left: 81px;
    cursor: default;
}
#pages img {
    float: left;
}
#paginate1,
#paginate2,
#paginate3,
#paginate4,
#paginate5,
#paginate6 
{
    height: 13px;
    float: left;
    cursor: pointer;
}

.divider
{
    height: 13px;
    width: 9px;
    float: left;
    background: url('../images/layout/paging-divider.jpg') no-repeat;
}

#paginate1 
{
    width: 12px;
    background: url('../images/layout/paging-1.jpg') no-repeat;
}

#paginate2 
{
    width: 13px;
    background: url('../images/layout/paging-2.jpg') no-repeat;
}

#paginate3 
{
    width: 12px;
    background: url('../images/layout/paging-3.jpg') no-repeat;
}

#paginate4 
{
    width: 14px;
    background: url('../images/layout/paging-4.jpg') no-repeat;
}

#paginate5 
{
    width: 12px;
    background: url('../images/layout/paging-5.jpg') no-repeat;
}

#paginate6 
{
    width: 13px;
    background: url('../images/layout/paging-6.jpg') no-repeat;
}

   
.show1 #paginate1,
.show2 #paginate2,
.show3 #paginate3,
.show4 #paginate4,
.show5 #paginate5,
.show6 #paginate6 {
    color: #000;
    cursor: default;
}

.show1 #paginate1 
{
    background: url('../images/layout/paging-1-on.jpg') no-repeat;
}

.show2 #paginate2 
{
    background: url('../images/layout/paging-2-on.jpg') no-repeat;
}

.show3 #paginate3 
{
    background: url('../images/layout/paging-3-on.jpg') no-repeat;
}

.show4 #paginate4 
{
    background: url('../images/layout/paging-4-on.jpg') no-repeat;
}

.show5 #paginate5 
{
    background: url('../images/layout/paging-5-on.jpg') no-repeat;
}

.show6 #paginate6 
{
    background: url('../images/layout/paging-6-on.jpg') no-repeat;
}

.show1 #previous,
.show6 #next {
  filter: alpha(opacity=25);
  -moz-opacity: .25;
  opacity: .25;
  cursor: default;
}

#step1_doodle1 
{
    position: absolute;
    top: 414px;
    left: 59px;
    width: 190px;
    height: 67px;
    background: url('../images/layout/step-1-doodle-1.jpg') no-repeat;
}

#nexttab 
{
    position: absolute;
    top: 355px; 
    left: 276px;
    height: 89px;
    width: 115px;
    background: url('../images/layout/next-step-base.jpg') no-repeat;
}

#ctl00_mainContent_nextstep1 
{
    position: absolute;
    display: block;
    top: 8px;
    left: 23px;
    height: 55px;
    width: 72px;
}
   
#more-photos 
{
    position: absolute;
    top: 440px;
    left: 88px;
}