/* How To Place An Order Screen CSS Document */

.step-panel { width: 315px; float: left; }

.step-panel .caption { width: 280px; padding: 1px 0 1px 35px;
    background-position: center left; background-repeat: no-repeat;
    height: auto !important; /* for modern browsers */
    height: 40px; /* for IE5.x and IE6 */
    min-height: 40px; /* for modern browsers */
}

.step-panel .caption p { color: #0b2972;  font-size: 80%; line-height: 1.2em; }
.step-panel .caption p.lines-1 { margin: .9em 0 .9em 0; }
.step-panel .caption p.lines-2 { margin: .4em 0 .2em 0; }

.step-panel .caption span { display: none; visibility: hidden; }


.step-panel .step-1 { background-image: url(../../images/step_1.gif); }
.step-panel .step-2 { background-image: url(../../images/step_2.gif); }
.step-panel .step-3 { background-image: url(../../images/step_3.gif); }
.step-panel .step-4 { background-image: url(../../images/step_4.gif); }
.step-panel .step-5 { background-image: url(../../images/step_5.gif); }
.step-panel .step-6 { background-image: url(../../images/step_6.gif); }
.step-panel .step-7 { background-image: url(../../images/step_7.gif); }
.step-panel .step-8 { background-image: url(../../images/step_8.gif); }
.step-panel .step-9 { background-image: url(../../images/step_9.gif); }
.step-panel .step-10 { background-image: url(../../images/step_10.gif); }

.step-panel .image img { border: 1px solid #0b2972; }

.storyboard-panel .text-4lines{ text-align: center; background-color: #e9e9e9;
padding: 10px; vertical-align: middle; font-size: 80%; color: #535353; }
.storyboard-panel .text {
    height: auto !important; /* for modern browsers */
    height: 40px; /* for IE5.x and IE6 */
    min-height: 40px; /* for modern browsers */
}
.stor