* {margin:0px; padding:0px;} .clear {clear:both} p {font-family:Arial, Helvetica, sans-serif;} a {cursor:pointer;} a img {border:0px;} #header-container {background:url(/images/fci/dtw/misc/header-bg-rp.gif) repeat-x; height:313px; position:relative; z-index:30;} #header-container.support {height:101px; background:url(/images/fci/dtw/misc/header-bg-rp-support.gif) repeat-x;} #header-container #header-inner {width:890px; margin:0px auto; position:relative;} #header-container #header-inner h1 {display:block; background:url(/images/fci/dtw/misc/logo2.png) no-repeat; width:278px; height:129px; position:absolute; top:0px; left:30px; text-indent:-9999px;} #header-container #header-inner h2 {display:none;} #header-container #navigation {height:33px; width:890px; background:url(/images/fci/dtw/misc/nav-bg.jpg) no-repeat;} #header-container #navigation ul {display:block; margin-left:310px; padding-top:4px; list-style:none; position:relative;} #header-container #navigation ul li {display:block; float:left; position:relative;} #header-container #navigation ul li:hover ul.subnav {left:auto;} #header-container #navigation ul li a {display:block; height:23px; background-image:url(/images/fci/dtw/misc/navigation.png); text-indent:-9999px;} #header-container #navigation ul li a#home {width:52px;} #header-container #navigation ul li a#about {width:67px; background-position:-52px 0px;} #header-container #navigation ul li a#services {width:93px; background-position:-119px 0px;} #header-container #navigation ul li a#contact {width:79px; background-position:-212px 0px;} #header-container #navigation ul li a#tips {width:98px; background-position:-291px 0px;} #header-container #navigation ul li a#diy {width:38px; background-position:-389px 0px;} #header-container #navigation ul li a#shop {width:124px; background-position:-427px 0px;} #header-container #navigation ul li a#home:hover {background-position:0px -22px;} #header-container #navigation ul li a#about:hover {background-position:-52px -22px;} #header-container #navigation ul li a#services:hover {background-position:-119px -22px;} #header-container #navigation ul li a#contact:hover {background-position:-212px -22px;} #header-container #navigation ul li a#tips:hover {background-position:-291px -22px;} #header-container #navigation ul li a#diy:hover {background-position:-389px -22px;} #header-container #navigation ul li ul.subnav {position:absolute; margin:0px; padding-top:10px; left:-999em; width: 170px;} #header-container #navigation ul li ul.subnav li a {text-indent:0px; width:150px; padding:5px 15px 5px 5px; background:#976230; color:#FFFFFF; text-decoration:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; height:auto; display:block;} #header-container #navigation ul li ul.subnav li a:hover {background:#b67939;} #header-container #nav2 {float:left; padding-left:310px; padding-top:6px; position:relative;} #nav2 td.padme {padding:0px 2px;} #content-container {width:890px; margin:0px auto; background:url(/images/fci/dtw/misc/content-bg.jpg) repeat-x #f9f4f9;} /*SIDEBAR*/ #content-container #sidebar {width:310px; float:left; margin:-45px 0px 0px 0px; position:relative; z-index:40; padding:0px 0px 0px 20px;} #content-container #sidebar.support {margin:0px 0px 0px 0px; padding:0px 0px 0px 20px;} #content-container #sidebar h3#title {display:block; margin:30px 0px 20px 20px; width:235px; padding:10px; font-size:22px; color:#47271a; border-bottom:solid 2px #b67939;} /*FIND LOCATION*/ #content-container #sidebar #find-location {height:66px; padding:48px 0px 0px 30px; background:url(/images/fci/dtw/misc/find-loca-bg.png) no-repeat 1px 0px; margin-bottom:17px;} #content-container #sidebar #find-location h3 {display:none;} #content-container #sidebar #find-location form {font-size:14px; color:#FFFFFF; font-family:"Times New Roman", Times, serif;} #content-container #sidebar #find-location form input {} #content-container #sidebar #find-location form input#find-submit {display:inline-block; cursor:pointer; width:37px; height:16px; background:url(/images/fci/dtw/misc/find.png) no-repeat 0px 2px; border:none; text-indent:-9999px;} #content-container #sidebar #find-location form input#gobutton {display:inline-block; height:16px; width:37px; background:url(/images/fci/dtw/misc/find.png) no-repeat; border:none; text-indent:-999em; margin:-3px 0px 0px 5px;} #content-container #sidebar #find-location form input.zipSearch {width:90px; font-size:12px; color:#846F60; border:1px solid #ABA556; padding:2px 2px 2px 3px; margin-left:70px;} /*STORE INFO*/ #content-container #sidebar #store-info {background:url(/images/fci/dtw/misc/store-info-bg3.png) no-repeat; width:255px; height:auto; padding:10px 0px 55px 28px;} #content-container #sidebar #store-info.support {background:url(/images/fci/dtw/misc/store-info-bg3.png) no-repeat 0px 0px; height:auto; padding-bottom:64px;} #content-container #sidebar #store-info * {padding-bottom:2px;} #content-container #sidebar #store-info h3 {color:#47271a; font-size:17px; font-weight:bold;} #content-container #sidebar #store-info h4 {color:#47271a; font-size:16px; font-weight:bold; line-height:20px;} #content-container #sidebar #store-info ul {list-style:none;} #content-container #sidebar #store-info ul li {float:left; padding-right:5px;} #content-container #sidebar #store-info ul li a {color:#b67939; padding-right:5px; font-size:13px; font-family:Arial, Helvetica, sans-serif;} #content-container #sidebar #store-info p {clear:both; font-size:13px; color:#846f60; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px;} #content-container #sidebar #store-info p#phone {padding-top:4px;padding-bottom:8px;} #content-container #sidebar #store-info a {color:#B67939; padding:0px;} #content-container #sidebar #store-info span.pipe {padding:0px 5px 0px 5px;} #content-container #sidebar #store-info #our-store {background:#cfcfcb; border:solid 3px #cfcfcb; width:237px;} #content-container #sidebar #store-info #our-store h4 {color:#FFFFFF; font-size:20px; float:left; padding:0px 0px 0px 7px; font-weight:normal;} #content-container #sidebar #store-info #our-store a#see-more {display:block; float:right; background:url(/images/fci/dtw/misc/see-more.png) no-repeat; width:66px; height:8px; text-indent:-9999px; margin:12px 2px 0px 0px;} #content-container #sidebar #store-info #our-store img {border:solid 2px #FFFFFF; margin-bottom:0px; padding-bottom:0px;} /*SERVICES LIST*/ #content-container #sidebar #services-list {width:260px; margin:30px 0px 0px 20px;} #content-container #sidebar #services-list h3 {color:#47271a; font-size:20px; font-weight:normal; margin-bottom:5px; padding-left:10px;} #content-container #sidebar #services-list ul {list-style:none; display:block;} #content-container #sidebar #services-list ul li {display:inline-block; width:100%;} #content-container #sidebar #services-list ul li a {display:block; width:245px; border-top:solid 2px #efe3b9; padding:2px 0px 2px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#b67939; text-decoration:none; background:url(/images/fci/dtw/misc/services-list-bg.gif) 0px 5px no-repeat;} #content-container #sidebar #services-list ul li a:hover {color:#754d1d; background:url(/images/fci/dtw/misc/services-list-bg.gif) 0px -12px no-repeat;} #content-container #sidebar #services-list ul li a.active {color:#754d1d; background:url(/images/fci/dtw/misc/services-list-bg.gif) 0px -12px no-repeat;} /*SHOP FOR ART LINK*/ /* #content-container #sidebar a#shop-for-art {} */ /*FREQUENT FRAMERS*/ #content-container #sidebar #frequent-framers {background:url(/images/fci/dtw/misc/green-bg.png) repeat-y; margin-top:-69px; padding:69px 0px 0px 0px;} #content-container #sidebar #frequent-framers h3 {display:block; width:294px; height:59px; background:url(/images/fci/dtw/misc/frequent.gif) no-repeat; text-indent:-9999px; margin-left:14px;} /*#content-container #sidebar #frequent-framers p {display:block; width:294px; height:59px; background:url(/images/fci/dtw/misc/frequent.gif) 0px -59px no-repeat; text-indent:-9999px; margin-left:14px;}*/ #content-container #sidebar #frequent-framers p.joinmailinglist {position:relative; padding:10px 35px 10px 30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#FFFFFF;} #content-container #sidebar #frequent-framers p.joinmailinglist a {color:#47271A; font-weight:normal;} #content-container #sidebar #frequent-framers form {display:block; float:left; clear:both; width:230px; padding-left:40px;} #content-container #sidebar #frequent-framers label {display:inline-block; margin-right:10px; color:#FFFFFF; font-weight:bold; font-size:14px; width:35px;} #content-container #sidebar #frequent-framers input {} #content-container #sidebar #frequent-framers input.joinTextbox {width:200px; font-size:12px; color:#846F60; border:1px solid #5A5B50; padding:2px 2px 2px 3px;} #content-container #sidebar #frequent-framers input#frequent-submit {display:block; clear:both; width:90px; height:22px; background:url(/images/fci/dtw/misc/frequent-submit.png); text-indent:-9999px; margin:5px 0px 0px 60px; border:none;} #content-container #sidebar #frequent-framers #giftcard {text-align:center; margin-left:0px; padding:18px 0px 0px 14px; width:266px;} #content-container #sidebar #frequent-framers #giftcard form {clear:none;display:inline;float:none;padding-left:10px;width:auto;} #content-container #sidebar #frequent-framers #giftcard img {border:1px solid #5A5B50; padding:1px;} #content-container #sidebar #frequent-bottom {width:294px; height:40px; background:url(/images/fci/dtw/misc/frequent-bottom.png) no-repeat;} /*CONTENT*/ #content-container #home-content {padding:20px 20px 20px 10px; float:left; width:530px; overflow:hidden; font-size:13px; color:#846f60; font-family:Arial, Helvetica, sans-serif;} #content-container #home-content h3 {font-size:24px; color:#47271a; line-height:30px; margin:0px 0px 20px 0px;} #content-container #home-content h3.homeHdrText {text-align:center;} #content-container #home-content h4 {color:#b67939; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal;} #content-container #home-content p {font-size:13px; color:#846f60; margin-bottom:10px; line-height:18px;} #content-container #home-content a {color:#b67939; text-decoration:none;} #content-container #home-content ul {margin-left:15px;} #content-container #home-content ul li {color:#846f60; width:340px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:5px;} #content-container #home-content.locationsmain {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#846f60; width:525px; margin-left:0px; padding:20px 5px 20px 0px;} #content-container #home-content.locationsmain a {color:#B67939; text-decoration:underline;} #content-container #home-content.locationsmain .locationsText {color:#B67939;} #content-container #home-content.locationsmain .searchbar {background-color:#EDEDE6; border:1px solid #B67939;} #content-container #home-content.locationsmain h5 {color:#B67939;font-size:16px; margin:5px 0px 5px 0px;} #content-container #home-content #diy {} #content-container #home-content #diy h5 {margin:15px 0 10px; color:#846F60; font-size:14px;} #content-container #home-content #diy .addr {padding-bottom:20px; margin-left:50px; color:#846F60;} #content-container #home-content #diy .addr a {text-decoration:underline;} #content-container #home-content div.dtwUnderlineLinks a {text-decoration:underline;} /*STORE UPDATES*/ #content-container #home-content #store-updates {padding:15px 30px 15px 30px; background:#f7f2f4; margin-top:20px;} #content-container #home-content #store-updates h3 {color:#47271a; font-size:20px; font-weight:normal; margin-bottom:0px; padding-bottom:10px;} #content-container #home-content #store-updates ul {list-style:none; display:block; margin:0px;} #content-container #home-content #store-updates ul li {display:inline-block; clear:both; padding:0px; width:450px; margin-bottom:0px;} #content-container #home-content #store-updates ul li a {display:block; width:100%; border-top:solid 2px #efe3b9; padding:4px 0px 4px 15px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#b67939; text-decoration:none;} #content-container #home-content #store-updates ul li a:hover {background:#f0eced; color:#754d1d;} #content-container #home-content #store-updates a#all-updates {display:block; width:119px; height:14px; background:url(/images/fci/dtw/misc/all-updates.png); text-indent:-9999px; margin:15px 0px 0px 10px; font-size:1px;} /*SERVICES LIST LARGE*/ #content-container #home-content #services-list-large {margin-top:30px; float:left; clear:both;} #content-container #home-content #services-list-large ul {list-style:none; display:block; width:490px;} #content-container #home-content #services-list-large ul li {padding:15px 0px 15px 0px; border-top:dashed 2px #e2e0c4; display:block; float:left; clear:both; width:490px;} #content-container #home-content #services-list-large ul li img {display:block; float:left; margin-right:10px; border:none;} #content-container #home-content #services-list-large ul li h4 a {font-size:20px; color:#b67939; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:3px; text-decoration:none;} #content-container #home-content #services-list-large ul li p {font-size:13px; color:#846f60; margin-bottom:3px; line-height:18px; font-weight:normal;} #content-container #home-content #services-list-large ul li p.hasimg {padding-left:192px;} #content-container #home-content #services-list-large ul li a {font-size:13px; color:#b67939; font-weight:normal;} /*SLIDESHOW*/ #content-container #home-content #image-slideshow {width:475px; height:324px; margin:0px auto 20px auto; background:url(/images/fci/dtw/misc/slideshow-bg.png) no-repeat; padding:0px;} #content-container #home-content #image-slideshow ul#image-nav {list-style:none; display:block; float:left; width:75px; height:270px; margin:35px 30px 0px 5px;} #content-container #home-content #image-slideshow ul#image-nav li {margin:0px auto 10px auto; display:block; width:45px;} /*#content-container #home-content #image-slideshow ul#image-nav li a.activeSlide {outline:solid 2px #b67939;}*/ #content-container #home-content #image-slideshow ul#image-nav li img {border:none;} /*#content-container #home-content #image-slideshow ul#main-slideshow {list-style:none; display:block; float:left; background-color:#EDEDE6; margin:35px 0px 0px 0px; width:330px; height:270px; text-align:center;}*/ #content-container #home-content #image-slideshow ul#main-slideshow {list-style:none; display:block; float:left; background-color:#EDEDE6; margin:35px 0px 0px 0px; width:330px; height:270px; text-align:center;} #content-container #home-content #image-slideshow ul#main-slideshow li {display:block; width:330px; max-height:270px;} #content-container #home-content #image-slideshow ul#main-slideshow li img {display:inline; max-width:330px; width: expression((this.scrollWidth > 329)? "330px" : "auto"); max-height:270px; height: expression( this.scrollHeight > 269 ? "270px" : "auto" );} /*#content-container #home-content #image-slideshow ul#main-slideshow li img {display:block; width:330px; max-width:330px; width:auto !important; max-height:270px; height:auto !important; height:270px;}*/ /*FOOTER*/ #footer {width:870px; margin:0px auto; background:#f5eff2; padding:10px;} #footer p {font-size:13px; font-family:Times New Roman, Times, serif; color:#a7a39d; float:left; padding-top:0px; display:inline;} /* #footer p#franchise-opportunities {float:right;} #footer a#franchise-click {display:inline-block; float:right; width:110px; height:39px; background:url(/images/fci/<%'= fciComp %>/misc/click-here.png) no-repeat; text-indent:-9999px;} */ #footer p#franchise-opportunities {float:right; display:inline-block; font-weight:bold;} #footer a#franchise-click {float:right; display:block; width:110px; height:39px; background:url(/images/fci/dtw/misc/click-here.png) no-repeat; text-indent:-9999px;} #footer table {width:850px; margin:0px 0px 0px 10px; padding:0px;} #footer table td {padding-right:0px;} #footer p span.copypipe {padding:0px 7px 0px 7px;} #footer p a {color:#B67939;} /*JCAROUSEL * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container {position: relative; width:490px; height:120px; background:url(/images/fci/dtw/misc/carousel-bg.png) no-repeat center 16px; margin:0px auto 20px auto;} .jcarousel-clip {z-index:60; padding:0; margin:0px auto 0px auto; overflow:hidden; position:relative; width:420px;} #content-container #home-content ul.jcarousel-list {z-index:50; overflow:hidden; position:relative; top:0; left:0; margin:0px; padding:0px;} /* We set the width/height explicitly. No width/height causes infinite loops. */ #content-container #home-content ul.jcarousel-list li, .jcarousel-item {float:left;list-style:none; width:105px; height:120px; position:relative;} #content-container #home-content ul.jcarousel-list li img {display:block; margin:7px auto 5px auto;} #content-container #home-content ul.jcarousel-list li a {display:block; line-height:120%; width:85px; margin:0px 10px 0px 10px; position:absolute; text-align:center; font-size:12px; text-decoration:none; color:#aba556; font-weight:bold; font-family:Arial, Helvetica, sans-serif; height:30px;} /*The buttons are added dynamically by jCarousel before the