.yoursofadivider { height:10px; width:1px; background-color:#c6c097; } .imageholder { background-color:#FFFFFF; width: 80px; height: 80px;} #yourSofaContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: #b7bfa2 url(../images/ys_bg_home_02.jpg) no-repeat; z-index:100;} #yourSofaCopy { position: absolute; top: 283px; left: 17px; width: 680px; text-align: left;} .emphasis { color:#945e18; font-weight:bold; font-size:11px; line-height:14px;} #nav1, #nav2, #nav3, #nav4, #nav5, #nav6 { position: absolute; width: 72px; height: 72px; background-color:#ffffff; padding: 3px 3px 3px 3px;} #nav1 { top: 20px; left: 532px; } #nav2 { top: 20px; left: 617px; } #nav3 { top: 105px; left: 532px; } #nav4 { top: 105px; left: 617px; } #nav5 { top: 190px; left: 532px; } #nav6 { top: 190px; left: 617px; } /* Arms & Sides */ #TopCopy { position: absolute; top: 12px; left: 17px; width: 407px; text-align: left;} #longTopCopy { position: absolute; top: 0px; left: 17px; width: 407px; text-align: left;} #otherTopCopy { position: absolute; top: 35px; left: 16px; width: 407px; text-align: left;} #TopCopy p { font-size: 11px; line-height: 13px; text-align: left;} #BottomCopy { position: absolute; top: 283px; left: 17px; width: 405px; text-align: left;} #armsContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_arms.jpg) no-repeat; z-index:100;} #arms1, #arms2, #arms3, #arms4, #arms5 { position: absolute; width: 74px; height: 102px; background-color:#ffffff; padding: 3px 3px 3px 3px; z-index: 100; } #arms6, #arms7 { position: absolute; width: 74px; height: 45px; background-color:#ffffff; padding: 3px 3px 3px 3px;} #arms1 { top: 35px; left: 444px; } #arms2 { top: 35px; left: 537px; } #arms3 { top: 35px; left: 630px; } #arms4 { top: 187px; left: 444px; } #arms5 { top: 187px; left: 537px; } #arms6 { top: 187px; left: 630px; } #arms7 { top: 243px; left: 630px; } #capContainer { position: absolute; top: 150px; left: 444px; width: 266px; height: 32px; background:transparent; } #capContainer p { text-align: left; font-weight:bold; } .selected { background-color:#945e18;} /* changes the background colour of the padding around the thumbnail images on the Arms & Sides page */ /* Cushions */ #cushionsContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_cushions.jpg) no-repeat; z-index:100;} #cushionsBottomCopy { position: absolute; top: 246px; left: 445px; width: 265px; text-align: left;} /* Seating */ #seatingContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_seating.jpg) no-repeat; z-index:100;} #chair1Copy { position: absolute; top: 188px; left: 52px; width: 165px; text-align: center; font-size:9px;} #chair2Copy { position: absolute; top: 302px; left: 226px; width: 165px; text-align: center; font-size:9px;} #seatingCopy { position: absolute; top: 35px; left: 445px; width: 274px; text-align: left;} #seatingCopy p { font-size: 11px; line-height: 13px;} /* Legs */ #legsContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_legs.jpg) no-repeat; z-index:100;} #legs1, #legs2, #legs3, #legs4, #legs5, #legs6 { position: absolute; width: 72px; height: 72px; background-color:#ffffff; padding: 3px 3px 3px 3px; z-index: 100; } #legs1 { top: 35px; left: 444px; } #legs2 { top: 35px; left: 537px; } #legs3 { top: 35px; left: 630px; } #legs4 { top: 146px; left: 444px; } #legs5 { top: 146px; left: 537px; } #legs6 { top: 146px; left: 630px; } #legsCapContainer { position: absolute; top: 122px; left: 444px; width: 266px; height: 32px; background:transparent; } #legsCapContainer p { text-align: left; font-weight:bold; } #legsNextBack { position:absolute; top:308px; left:548px; width:166px; height:26px; } /* Sofas */ #sofasContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_sofas.jpg) no-repeat; z-index:100;} #sofas1, #sofas2, #sofas3, #sofas4, #sofas5, #sofas6 { position: absolute; width: 74px; height: 102px; background-color:#ffffff; padding: 3px 3px 3px 3px; z-index: 100; } #sofas1.selected, #sofas2.selected, #sofas3.selected, #sofas4.selected, #sofas5.selected, #sofas6.selected { background-color:#945e18; } #sofas1 { top: 35px; left: 444px; } #sofas2 { top: 35px; left: 537px; } #sofas3 { top: 35px; left: 630px; } #sofas4 { top: 180px; left: 444px; } #sofas5 { top: 180px; left: 537px; } #sofas6 { top: 180px; left: 630px; } #sofacap1, #sofacap2, #sofacap3, #sofacap4, #sofacap5, #sofacap6 { position: absolute; width:74px; height:18px; background:transparent; text-align: center;} #sofacap1 p, #sofacap2 p, #sofacap3 p, #sofacap4 p, #sofacap5 p, #sofacap6 p { color:#FFFFFF; font-weight: normal;} #sofacap1 p.textSelected, #sofacap2 p.textSelected, #sofacap3 p.textSelected, #sofacap4 p.textSelected, #sofacap5 p.textSelected, #sofacap6 p.textSelected { font-weight: bold; color: #464646;} #sofacap1 { top: 145px; left: 446px; } #sofacap2 { top: 145px; left: 537px; } #sofacap3 { top: 145px; left: 632px; } #sofacap4 { top: 290px; left: 446px; } #sofacap5 { top: 290px; left: 537px; } #sofacap6 { top: 290px; left: 632px; } /* Toss Pillows */ #tossContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_toss.jpg) no-repeat; z-index:100;} #toss1, #toss2, #toss3, #toss4, #toss5, #toss6 { position: absolute; width: 122px; height: 88px; background-color:#945e18; padding: 2px 2px 2px 2px; z-index: 100; } #toss1 { top: 35px; left: 16px; } #toss2 { top: 35px; left: 152px; } #toss3 { top: 35px; left: 288px; } #toss4 { top: 180px; left: 16px; } #toss5 { top: 180px; left: 152px; } #toss6 { top: 180px; left: 288px; } #tosscap1, #tosscap2, #tosscap3, #tosscap4, #tosscap5, #tosscap6 { position: absolute; width:126px; height:18px; background:transparent; text-align: center;} #tosscap1 p, #tosscap2 p, #tosscap3 p, #tosscap4 p, #tosscap5 p, #tosscap6 p { font-weight: bold; color: #945e18;} #tosscap1 { top: 132px; left: 17px; } #tosscap2 { top: 132px; left: 154px; } #tosscap3 { top: 132px; left: 290px; } #tosscap4 { top: 277px; left: 18px; } #tosscap5 { top: 277px; left: 154px; } #tosscap6 { top: 277px; left: 290px; } /* Wood Finishes */ #woodContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_wood.jpg) no-repeat; z-index:100;} #wood1, #wood2, #wood3, #wood4, #wood5, #wood6, #wood7, #wood8, #wood9, #wood10 { position: absolute; width: 50px; height: 80px; background-color:#945e18; padding: 2px 2px 2px 2px; z-index: 100; } #wood1 { top: 35px; left: 132px; } #wood2 { top: 35px; left: 190px; } #wood3 { top: 35px; left: 248px; } #wood4 { top: 35px; left: 306px; } #wood5 { top: 35px; left: 364px; } #wood6 { top: 140px; left: 132px; } #wood7 { top: 140px; left: 190px; } #wood8 { top: 140px; left: 248px; } #wood9 { top: 140px; left: 306px; } #wood10 { top: 140px; left: 364px; } #woodCapContainer { position: absolute; top: 35px; left: 17px; } #woodcap1, #woodcap2, #woodcap3, #woodcap4, #woodcap5, #woodcap6, #woodcap7, #woodcap8, #woodcap9, #woodcap10 { position: absolute; width:122px; height:18px; background:transparent; text-align: left;} #woodcap1 p, #woodcap2 p, #woodcap3 p, #woodcap4 p, #woodcap5 p, #woodcap6 p, #woodcap7 p, #woodcap8 p, #woodcap9 p, #woodcap10 p, #woodcap11 p { font-weight: normal; color: #cccccc; text-align:left} #woodcap1 .textSelected, #woodcap2 .textSelected, #woodcap3 .textSelected, #woodcap4 .textSelected, #woodcap5 .textSelected, #woodcap6 .textSelected, #woodcap7 .textSelected, #woodcap8 .textSelected, #woodcap9 .textSelected, #woodcap10 .textSelected { font-weight: 500; color: #945e18; text-align:left; } /* Trim */ #trimContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_trim_01.jpg) no-repeat; z-index:100;} #trimcap { top: 327px; left: 152px; position: absolute; width:126px; height:21px; background:transparent; text-align: center; } #trimcap p { font-weight: bold; color: #945e18;} /* Sectionals */ #sect_2015Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_2015.jpg) no-repeat; z-index:100;} #sect_8806Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_8806.jpg) no-repeat; z-index:100;} #sect_2408Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_2408.jpg) no-repeat; z-index:100;} #sect_2407Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_2407.jpg) no-repeat; z-index:100;} #sect_8451Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_8451.jpg) no-repeat; z-index:100;} #sect_8807Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_8807.jpg) no-repeat; z-index:100;} #sectional1Copy { position: absolute; top: 283px; left: 28px; width: 395px; text-align: left; font-size:9px; height: 45px; } #sectional2Copy { position: absolute; top: 308px; left: 44px; width: 165px; text-align: center; font-size:9px;} #sectional3Copy { position: absolute; top: 215px; left: 253px; width: 165px; text-align: center; font-size:9px;} /* Seating Depth */ #seatingdepthContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_seatingdepth.jpg) no-repeat; z-index:100;} /* Fringes etc. */ #fringesContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_fringes.jpg) no-repeat; z-index:100;} .yoursofadivider { height:10px; width:1px; background-color:#c6c097; } .imageholder { background-color:#FFFFFF; width: 80px; height: 80px;} #yourSofaContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: #b7bfa2 url(../images/ys_bg_home_02.jpg) no-repeat; z-index:100;} #yourSofaCopy { position: absolute; top: 283px; left: 17px; width: 680px; text-align: left;} .emphasis { color:#945e18; font-weight:bold; font-size:11px; line-height:14px;} #nav1, #nav2, #nav3, #nav4, #nav5, #nav6 { position: absolute; width: 72px; height: 72px; background-color:#ffffff; padding: 3px 3px 3px 3px;} #nav1 { top: 20px; left: 532px; } #nav2 { top: 20px; left: 617px; } #nav3 { top: 105px; left: 532px; } #nav4 { top: 105px; left: 617px; } #nav5 { top: 190px; left: 532px; } #nav6 { top: 190px; left: 617px; } /* Arms & Sides */ #TopCopy { position: absolute; top: 12px; left: 17px; width: 407px; text-align: left;} /* #longTopCopy { position: absolute; top: 0px; left: 17px; width: 407px; text-align: left;} */ #otherTopCopy { position: absolute; top: 35px; left: 16px; width: 407px; text-align: left;} #TopCopy p { font-size: 11px; line-height: 13px; text-align: left;} #BottomCopy { position: absolute; top: 283px; left: 17px; width: 405px; text-align: left;} #armsContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_arms.jpg) no-repeat; z-index:100;} #arms1, #arms2, #arms3, #arms4, #arms5 { position: absolute; width: 74px; height: 102px; background-color:#ffffff; padding: 3px 3px 3px 3px; z-index: 100; } #arms6, #arms7 { position: absolute; width: 74px; height: 45px; background-color:#ffffff; padding: 3px 3px 3px 3px;} #arms1 { top: 35px; left: 444px; } #arms2 { top: 35px; left: 537px; } #arms3 { top: 35px; left: 630px; } #arms4 { top: 187px; left: 444px; } #arms5 { top: 187px; left: 537px; } #arms6 { top: 187px; left: 630px; } #arms7 { top: 243px; left: 630px; } #capContainer { position: absolute; top: 150px; left: 444px; width: 266px; height: 32px; background:transparent; } #capContainer p { text-align: left; font-weight:bold; } .selected { background-color:#945e18;} /* changes the background colour of the padding around the thumbnail images on the Arms & Sides page */ /* Cushions */ #cushionsContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_cushions.jpg) no-repeat; z-index:100;} #cushionsBottomCopy { position: absolute; top: 246px; left: 445px; width: 265px; text-align: left;} /* Seating */ #seatingContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_seating.jpg) no-repeat; z-index:100;} #chair1Copy { position: absolute; top: 188px; left: 52px; width: 165px; text-align: center; font-size:9px;} #chair2Copy { position: absolute; top: 302px; left: 226px; width: 165px; text-align: center; font-size:9px;} #seatingCopy { position: absolute; top: 35px; left: 445px; width: 274px; text-align: left;} #seatingCopy p { font-size: 11px; line-height: 13px;} /* Legs */ #legsContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_legs.jpg) no-repeat; z-index:100;} #legs1, #legs2, #legs3, #legs4, #legs5, #legs6 { position: absolute; width: 72px; height: 72px; background-color:#ffffff; padding: 3px 3px 3px 3px; z-index: 100; } #legs1 { top: 35px; left: 444px; } #legs2 { top: 35px; left: 537px; } #legs3 { top: 35px; left: 630px; } #legs4 { top: 146px; left: 444px; } #legs5 { top: 146px; left: 537px; } #legs6 { top: 146px; left: 630px; } #legsCapContainer { position: absolute; top: 122px; left: 444px; width: 266px; height: 32px; background:transparent; } #legsCapContainer p { text-align: left; font-weight:bold; } #legsNextBack { position:absolute; top:308px; left:548px; width:166px; height:26px; } /* Sofas */ #sofasContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_sofas.jpg) no-repeat; z-index:100;} #sofas1, #sofas2, #sofas3, #sofas4, #sofas5, #sofas6 { position: absolute; width: 74px; height: 102px; background-color:#ffffff; padding: 3px 3px 3px 3px; z-index: 100; } #sofas1.selected, #sofas2.selected, #sofas3.selected, #sofas4.selected, #sofas5.selected, #sofas6.selected { background-color:#945e18; } #sofas1 { top: 35px; left: 444px; } #sofas2 { top: 35px; left: 537px; } #sofas3 { top: 35px; left: 630px; } #sofas4 { top: 180px; left: 444px; } #sofas5 { top: 180px; left: 537px; } #sofas6 { top: 180px; left: 630px; } #sofacap1, #sofacap2, #sofacap3, #sofacap4, #sofacap5, #sofacap6 { position: absolute; width:74px; height:18px; background:transparent; text-align: center;} #sofacap1 p, #sofacap2 p, #sofacap3 p, #sofacap4 p, #sofacap5 p, #sofacap6 p { color:#FFFFFF; font-weight: normal;} #sofacap1 p.textSelected, #sofacap2 p.textSelected, #sofacap3 p.textSelected, #sofacap4 p.textSelected, #sofacap5 p.textSelected, #sofacap6 p.textSelected { font-weight: bold; color: #464646;} #sofacap1 { top: 145px; left: 446px; } #sofacap2 { top: 145px; left: 537px; } #sofacap3 { top: 145px; left: 632px; } #sofacap4 { top: 290px; left: 446px; } #sofacap5 { top: 290px; left: 537px; } #sofacap6 { top: 290px; left: 632px; } /* Toss Pillows */ #tossContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_toss.jpg) no-repeat; z-index:100;} #toss1, #toss2, #toss3, #toss4, #toss5, #toss6 { position: absolute; width: 122px; height: 88px; background-color:#945e18; padding: 2px 2px 2px 2px; z-index: 100; } #toss1 { top: 35px; left: 16px; } #toss2 { top: 35px; left: 152px; } #toss3 { top: 35px; left: 288px; } #toss4 { top: 180px; left: 16px; } #toss5 { top: 180px; left: 152px; } #toss6 { top: 180px; left: 288px; } #tosscap1, #tosscap2, #tosscap3, #tosscap4, #tosscap5, #tosscap6 { position: absolute; width:126px; height:18px; background:transparent; text-align: center;} #tosscap1 p, #tosscap2 p, #tosscap3 p, #tosscap4 p, #tosscap5 p, #tosscap6 p { font-weight: bold; color: #945e18;} #tosscap1 { top: 132px; left: 17px; } #tosscap2 { top: 132px; left: 154px; } #tosscap3 { top: 132px; left: 290px; } #tosscap4 { top: 277px; left: 18px; } #tosscap5 { top: 277px; left: 154px; } #tosscap6 { top: 277px; left: 290px; } /* Wood Finishes */ #woodContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_wood.jpg) no-repeat; z-index:100;} #wood1, #wood2, #wood3, #wood4, #wood5, #wood6, #wood7, #wood8, #wood9, #wood10 { position: absolute; width: 50px; height: 80px; background-color:#945e18; padding: 2px 2px 2px 2px; z-index: 100; } #wood1 { top: 35px; left: 132px; } #wood2 { top: 35px; left: 190px; } #wood3 { top: 35px; left: 248px; } #wood4 { top: 35px; left: 306px; } #wood5 { top: 35px; left: 364px; } #wood6 { top: 140px; left: 132px; } #wood7 { top: 140px; left: 190px; } #wood8 { top: 140px; left: 248px; } #wood9 { top: 140px; left: 306px; } #wood10 { top: 140px; left: 364px; } #woodCapContainer { position: absolute; top: 35px; left: 17px; } #woodcap1, #woodcap2, #woodcap3, #woodcap4, #woodcap5, #woodcap6, #woodcap7, #woodcap8, #woodcap9, #woodcap10 { position: absolute; width:122px; height:18px; background:transparent; text-align: left;} #woodcap1 p, #woodcap2 p, #woodcap3 p, #woodcap4 p, #woodcap5 p, #woodcap6 p, #woodcap7 p, #woodcap8 p, #woodcap9 p, #woodcap10 p, #woodcap11 p { font-weight: normal; color: #cccccc; text-align:left} #woodcap1 .textSelected, #woodcap2 .textSelected, #woodcap3 .textSelected, #woodcap4 .textSelected, #woodcap5 .textSelected, #woodcap6 .textSelected, #woodcap7 .textSelected, #woodcap8 .textSelected, #woodcap9 .textSelected, #woodcap10 .textSelected { font-weight: 500; color: #945e18; text-align:left; } /* Trim */ #trimContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_trim_01.jpg) no-repeat; z-index:100;} #trimcap { top: 327px; left: 152px; position: absolute; width:126px; height:21px; background:transparent; text-align: center; } #trimcap p { font-weight: bold; color: #945e18;} /* Sectionals */ #sect_2015Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_2015.jpg) no-repeat; z-index:100;} #sect_8806Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_8806.jpg) no-repeat; z-index:100;} #sect_2408Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_2408.jpg) no-repeat; z-index:100;} #sect_2407Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_2407.jpg) no-repeat; z-index:100;} #sect_8451Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_8451.jpg) no-repeat; z-index:100;} #sect_8807Container { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_8807.jpg) no-repeat; z-index:100;} #sectional1Copy { position: absolute; top: 283px; left: 28px; width: 395px; text-align: left; font-size:9px; height: 45px; } #sectional2Copy { position: absolute; top: 308px; left: 44px; width: 165px; text-align: center; font-size:9px;} #sectional3Copy { position: absolute; top: 215px; left: 253px; width: 165px; text-align: center; font-size:9px;} /* Seating Depth */ #seatingdepthContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_seatingdepth.jpg) no-repeat; z-index:100;} /* Fringes etc. */ #fringesContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_fringes.jpg) no-repeat; z-index:100;} /* Sofa Construction */ #sofaconstContainer { position:relative; top:0px; left:0px; width:730px; height:350px; background: url(../images/ys_bg_other.jpg) no-repeat; z-index:100;} #sofaconstTopCopy { position: absolute; top: 15px; left: 17px; width: 407px; text-align: left;} #sofaconstImages { position: absolute; top: 78px; left: 9px; width: 314px; height: 165px; text-align: left;} #sofaconstTopCopy p { font-size: 11px; line-height: 13px; text-align: left;} #sofaconstBottomCopy { position: absolute; top: 256px; left: 18px; width: 405px; text-align: left;} #constructNav { position: absolute; top: 78px; left: 325px; z-index: 10; text-align: left;}