/* ************************************************* Mandors General Screen Styles ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; } body { background: #bec5d7 url(../images/moo_moo_organdy.jpg); font: 70% 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; } input,select,textarea { font-size: 1em; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #444; } a { color: #369; text-decoration: none; } a:hover { text-decoration: underline; } img { border: 0; } img.icon { vertical-align: middle; } hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1em 0; } .clear { clear: both; } /*------------------------------------------- Wrap -------------------------------------------*/ #wrapWrap { background: url(../images/bg1.png) 50% 100% no-repeat; padding-bottom: 15px;} #wrap { width: 780px; margin: 0 auto; text-align: left; } /*------------------------------------------- Header -------------------------------------------*/ #headerWrap { height: 100px; width: clear: both; background: #fff; padding: 5px 0; background: #fff url(../images/dash-horiz.png) 0 100% repeat-x; } #header { } #utils { width: 400px; float: right; } #utils p { color: #888; font-size: 1.1em; text-align: right; margin: 10px 20px 0 0; line-height: 1.4em; } #logoWrap { } #logo { width: 300px; float: left; margin: 5px 0 0 75px; } /*------------------------------------------- Left -------------------------------------------*/ #left { width: 190px; float: left; } #nav1 { list-style: none; font-size: 1.1em; line-height: 1.4em; color: #666; padding: 10px 10px; } #nav1 li { margin: 0; border-bottom: 1px solid #eee; } #nav1 li a { text-decoration: none; color: #666; display: block; padding: 2px 5px; margin: 2px 0; } #nav1 li.sel a { color: #333; font-weight: bold; } #nav1 li a:hover { text-decoration: none; background: #eee; } #left hr { display: none; height: 3px; background: url(../images/dash-horiz.png) repeat-x; margin: 0 0 1em 0; } .ad { margin: 5px 10px 10px 10px; } .storeLoc { width: 170px; padding-top: 114px; background: url(../images/visitstore1.jpg) 0 0px no-repeat; margin-bottom: 30px; } .storeLoc h2 { background: #636067; font-size: 1.2em; padding: .25em 10px 0 10px; } .storeLoc p { background: #636067; padding: 0 10px .5em 10px; } .storeLoc a { color: #fff; } /*------------------------------------------- Content -------------------------------------------*/ #content { width: 570px; float: left; padding: 0 0 0 10px; background: url(../images/dash-vert.png) 0 0 repeat-y; } #content a { text-decoration: none; } #content a:hover { text-decoration: underline; } #content hr { clear: both; height: 3px; background: url(../images/dash-horiz.png) repeat-x; margin: .5em 5px .5em 5px; } #content h1 { font-size: 2.2em; font-weight: normal; margin: 15px 0 .5em 15px; } #content h1#decorum { text-indent: -9999px; background: url('../images/decorum-interiors.gif') no-repeat; height: 72px; } #main { margin: 0 0 20px 0px; float: left; width: 400px; } #main h2 { color: #222; font-size: 1.3em; line-height: 1.4em; margin: 1em 1em .25em 15px; } #main h3 { color: #333; font-size: 1.2em; line-height: 1.4em; margin: 1em 1em 0 15px; } #main p { color: #444; font-size: 1.2em; line-height: 1.4em; margin: 0 1em .5em 15px; } #main ul { font-size: 1.2em; line-height: 1.4em; color: #444; margin: .5em 1em .5em 30px; } #main ul.links { line-height: 1.4em; margin: 0 0 .5em 0; } #main ul.links li { list-style: none; background: url(../images/linkarrow.png) 0 50% no-repeat; padding-left: 12px; font-weight: bold; } /*------------------------------------------- Home -------------------------------------------*/ #homeBanner { overflow: hidden; width: 560px; height: 326px; margin: 10px 0 .25em 5px; /*background: url(../images/home-promo-curtains.jpg) no-repeat; */ } #homeBanner a { display: block; background: url(../images/homeBannerBg.png); height: 60px; margin-top: 246px; padding: 10px 15px; text-decoration: none; } #homeBanner a:hover { text-decoration: none; } #homeBanner h1 { color: #fff; font-size: 2em; font-weight: normal; margin: 0; } #homeBanner p { color: #fff; font-size: 1.1em; margin: 0; color: #ccc; } p.link { font-size: 1em; color: #999; padding: .25em 0 0 5px; clear: both; } p.link a { color: #999; } #newsTicker { height: 33px; background: #f2f1e9; margin: 9px 5px 10px 5px; } #newsTicker p { padding: .6em 0; font-size: 1.2em; color: #444; text-align: center; } .shortcutWrap { width: 24%; float: left; margin: 0 0 15px 0; padding: 0 0 0 1%; background: url(../images/dash-vert.png) 98% 0 repeat-y; } .shortcutWrap .shortcut .image { width: 120px; height: 100px; overflow: hidden; } .shortcutWrap .shortcut .image img { width: 120px; } .shortcutWrap .shortcut h2 { font-size: 1.2em; line-height: 1.3em; height: 55px; font-weight: bold; margin: 5px 10px .1em 0; padding-top: 0; color: #444; } .shortcutWrap .shortcut p { font-size: 1em; line-height: 1.3em; margin: 0 10px .5em 0; color: #666; } .shortcutWrap p.link { padding-left: 0; line-height: 1.3em; margin-right: 1em; } .shortcutWrap2 { width: 49%; float: left; margin: 0 0 15px 0; padding: 0 0 10px 1%; background: url(../images/dash-vert.png) 98% 0 repeat-y; } .shortcutWrap2 .shortcut .image { width: 255px; height: 120px; overflow: hidden; } .shortcutWrap2 .shortcut .image img { width: 255px; } .shortcutWrap2 .shortcut h2 { font-size: 1.4em; line-height: 1.3em; font-weight: bold; margin: 5px 15px .25em 0; padding-top: 0; color: #444; } .shortcutWrap2 .shortcut p { font-size: 1.2em; line-height: 1.3em; margin: 0 15px .25em 0; color: #666; } .shortcutWrap2 p.link { padding-left: 0; line-height: 1.3em; margin-right: 1em; } .storeInfo { width: 570px; height: 240px; background: url(../images/dash-horiz.png) 0 100% repeat-x; padding: 10px 0; } .col2 { float: left; width: 49% } #main .col2 h2 { margin-top: 0; } .col2 iframe { margin-top: .5em; padding: 5px; border: 1px solid #ccc; } .promo { background: #f6f2ef; padding: 10px 15px 13px 15px; margin: 1.5em 1.5em 1.5em 10px; } .contactPromo { margin: .5em 1.5em 1.5em 10px; width: 520px; } #content .promo h2 { margin: 0 0 .5em 0; font-weight: normal; font-size: 1.8em; line-height: 1.3em; color: #333; } #content .promo h3 { margin: 0 0 .5em 0; font-size: 1.2em; line-height: 1.4em; color: #333; } #content .promo p { color: #666; margin: 0 0 .5em 0; line-height: 1.4em; } .news { background: #f6f2ef; padding: 10px 15px 13px 15px; margin: 1.5em 1.5em 1.5em 10px; } .promo p.head,.news p.head { text-transform: uppercase; color: #918f8d !important; letter-spacing: .1em; font-size: .9em !important; font-weight: normal; margin: 3px 0 .75em 0 !important; } #content .news h2 { margin: 0 0 .5em 0;font-family: Georgia; font-weight: normal; font-size: 1.8em; line-height: 1.3em; color: #333; } #content .news p { color: #666; margin: 0 0 .5em 0 } .action { background: #e5d5b7; padding: 15px 15px 13px 15px; margin: 1.5em 1.5em 3em 15px; } .about-mandors { padding-left: 140px; background: #e5d5b7 url(../images/visit-bg-about.jpg) 0 50% no-repeat; } .dressmaking-fabrics { padding-left: 140px; background: #e5d5b7 url(../images/visit-bg-dress.jpg) 0 50% no-repeat; } .curtainmaking-furnishings-fabrics { padding-left: 140px; background: #e5d5b7 url(../images/visit-bg-curtains.jpg) 0 50% no-repeat; } .decorum-interiors-designer-wallpapers { padding-left: 140px; background: #e5d5b7 url(../images/visit-bg-wallpaper.jpg) 0 50% no-repeat; } .haberdashery-quilting-patchwork-fabrics { padding-left: 140px; background: #e5d5b7 url(../images/visit-bg-haberd.jpg) 0 50% no-repeat; } .bridal-eveningwear-fabrics { padding-left: 140px; background: #e5d5b7 url(../images/visit-bg-bridal.jpg) 0 50% no-repeat; } .knitting-yarns-needles { padding-left: 140px; background: #e5d5b7 url(../images/visit-bg-knitting.jpg) 0 50% no-repeat; } #content .action h2 { margin: 0 0 .5em 0; color: #222; } #content .action p { color: #444; margin: 0 0 .5em 0 } #content p.desc { color: #777; line-height 1.3em; padding-top: .5em; margin: 0 0 1.5em 5px; } #sidebar { float: left; margin: 0 0 10px 0; background-color: #cec9d7; width: 164px; /* background: url(../images/sidebar.gif) no-repeat; */ } .scurtains { background: #cec9d7 url(../images/ruth.jpg) 0 100% no-repeat; padding-bottom: 175px; } .squilting { background: #cec9d7 url(../images/tip_quilting.gif) 0 100% no-repeat; padding-bottom: 160px !important; } .sbridal { background: #cec9d7 url(../images/tip_bridal.gif) 0 100% no-repeat; padding-bottom: 160px !important; } .sdressmaking { background: #cec9d7 url(../images/tip_dressmaking.gif) 0 100% no-repeat; padding-bottom: 160px !important; } .sgeneral { background: #cec9d7 url(../images/ruth.jpg) 0 100% no-repeat; padding-bottom: 175px; } .sknitting { background: #cec9d7 url(../images/tip_knitting.gif) 0 100% no-repeat; padding-bottom: 155px; } .swallpaper { background: #cec9d7 url(../images/tip_wallpaper.gif) 0 100% no-repeat; padding-bottom: 155px; } #sidebar h2 { font-size: .95em; font-weight: normal; color: #fff; text-transform: uppercase; margin: 10px 10px .25em 10px; line-height: 1.4em; } #sidebar h3 { font-family: Georgia; font-weight: normal; font-size: 1.65em; color: #636763; margin: 0 10px .25em 10px; line-height: 1.2em; } #sidebar h4 { color: #636763; margin: 0 10px 0 10px; line-height: 1.4em; } #sidebar p { color: #636763; margin: 0 10px .5em 10px; line-height: 1.4em; } #sidebar blockquote { } /*------------------------------------------- Footer -------------------------------------------*/ #footerWrap { clear: both; padding: 0 0 60px 0; } #footer { margin-top: 0 } #footer a { color: #fff; } #footer p { font-size: 1em; margin: 0 0 1em 0; color: #666; } #footerWrap .footerP { background: #999; color: #fff; padding: 0 .1em; } #footerWrap .thisFabric { background: #333; color: #fff; padding: 0 .1em; } #footerWrap .byDKDO { color: #444; margin: 1em 0; } #footerWrap .byDKDO a { color: #444; text-decoration: underline; } #footerWrap .byDKDO a:hover { color: #444; background: #eee; text-decoration: underline; }