body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, img { margin: 0; padding: 0; border: 0; } body { font: 70%/1.6em Tahoma, Verdana, Arial, sans-serif; color: #333; background: #1d1c1d; min-width: 974px; } h1 { padding: 0 0 10px 0; font: 100 2em/1em Tahoma, Verdana, Arial, sans-serif; color: #333; } h2 { padding: 0 0 3px 0; font: 100 1.6em Tahoma, Verdana, Arial, sans-serif; color: #333; } h3 { padding: 0 0 1px 0; font: 900 1.2em Tahoma, Verdana, Arial, sans-serif; color: #333; } a { color: #c11720; } /* 29b0e3 */ a:hover { text-decoration: none; } h2 a { color: #333; text-decoration: none; } h2 a:hover { text-decoration: underline; } /* blockquote { font: italic 900 1.5em/1.2em Georgia; background: url(/inc/images/drapergroupltd/icon_quote.gif) top left no-repeat; margin: 0; padding: 18px 40px 20px 60px;}*/ p { padding: 0 0 12px 0; } ul, ol { padding: 0 0 12px 24px; } ul ul, ul ol, ol ol, ol ul { padding: 0 0 0 24px; } form {} fieldset {} legend { display: none; } input, textarea, select, button { font: 1em tahoma, Verdana, Arial, sans-serif; } input, textarea, select { border: 1px solid #ccc; padding: 4px;} .buttons { clear: both; padding-top: 10px; } .linked { cursor: pointer; } .img { padding: 0 0 10px 0; height: 1%; clear: both; } .img:after { content: "."; display: block; clear: both; height: 0; position: relative; visibility: hidden; } .img img { display: block; float: left; } .img.left { float: left; padding-right: 10px; padding-top: 3px; } .img.right { float: right; padding-left: 10px; padding-top: 3px; } .img p { font-size: .9em; line-height: 1.2em; color: #999; margin: 0; padding: 2px 0 0 0; clear: both; } .content { width: 990px; } .section-header { clear: both; background: #232021 url(/inc/images/drapergroupltd/bg_section_header_tl.png) top left no-repeat; margin: 0; padding: 0; font-size: 1em; font-weight: bold; line-height: 2.2em;} .section-header span { display: block; background: url(/inc/images/drapergroupltd/bg_section_header_tr.png) top right no-repeat; color: #fff; padding: 0;} .section-header span span { background: url(/inc/images/drapergroupltd/bg_section_header_bl.png) bottom left no-repeat; padding: 0;} .section-header span span span { background: url(/inc/images/drapergroupltd/bg_section_header_br.png) bottom right no-repeat; padding: 0 10px; } body#frontpage #secondary-content { width: 310px; padding-left: 28px; float: left;} body#frontpage #scene { width: 572px; float: right; } body#frontpage #scene-container { width: 572px; float: right; } body#frontpage .section-header { line-height: 1.6em; font-size: 1.6em; font-weight: normal;} body#product-start #scene { padding-left: 28px; width: 962px;} body#product-start #scene-container { width: auto; } body#product-group #scene { padding-left: 45px; width: 774px;} body#product-group #scene-container { width: auto; } body#product-list #scene { padding-left: 45px; width: 774px;} body#product-list #scene-container { width: auto; } body#product-view #scene { width: 541px; padding: 0;} #head { background: #fcfcfc url(/inc/images/drapergroupltd/bg_head.png) left bottom repeat-x; border-bottom: 1px solid #fff; min-height: 105px;} #head .content { padding-left: 244px; width: 746px; } #logo { position: absolute; padding-left: 28px; } #navigation-level1-container { background: #47474f url(/inc/images/drapergroupltd/bg_navigation_level_1.png) top left repeat-x; height: 1%; } #navigation-level1-container:after { content: "."; height: 0; clear: both; display: block; position: relative; visibility: hidden; } #navigation-level2-container { background: #5f5f6a; height: 1%; white-space: nowrap;} #navigation-level2-container:after { content: "."; height: 0; clear: both; display: block; position: relative; visibility: hidden; } #search { float: right; background: url(/inc/images/drapergroupltd/bg_search_l.png) top left no-repeat; margin-top: 6px; width: auto !important; width: 180px; max-width: 170px;} #search-form { background: url(/inc/images/drapergroupltd/bg_search_r.png) top right no-repeat; } #search-form fieldset { margin: 0 5px; display: block; background: #71707a; } #search-form input { border: 0; float: right; color: #fff;background: #71707a; width: 100px; } #search-form button { background: #71707a; border: 0; color: #b0b0b5; line-height: 1.7em; } #navigation { } #navigation ul { margin: 0; padding: 0; border-right: 1px solid #50505c; float: left;} #navigation ul:after { content: "."; display: block; clear: both; height: 0; position: relative; visibility: hidden; } #navigation ul li { margin: 0; padding: 0; list-style: none; border-right: 1px solid #07070a; border-left: 1px solid #50505c; display: block; float: left; padding: 6px 4px 0 4px; } #navigation ul li.first { border-left: 0; } #navigation ul li a { color: #fff; display: block; float: left; text-decoration: none; font-size: 1.1em; cursor: pointer; } #navigation ul li a span { display: block; float: left; padding: 4px 10px 7px 10px; cursor: pointer; } #navigation ul li a:hover span,#navigation ul li a.active-parent span { text-decoration: underline; } #navigation ul li a.active,#navigation ul li a.active-parent { background: url(/inc/images/drapergroupltd/tab_navigation_l1_tr.png) top right no-repeat; padding-right: 5px; } #navigation ul li a.active span,#navigation ul li a.active-parent span { background: url(/inc/images/drapergroupltd/tab_navigation_l1_tl.png) top left no-repeat; padding-right: 5px; } #navigation-level2 { } #navigation-level2 ul { margin: 0; padding: 0; } #navigation-level2 ul li { margin: 0; padding: 0; list-style: none; display: block; float: left; padding: 5px 0px 0 10px;} #navigation-level2 ul li a { color: #fff; display: block; float: left; text-decoration: none; cursor: pointer; } #navigation-level2 ul li a span { display: block; float: left; padding: 5px 5px; cursor: pointer; } #navigation-level2 ul li a:hover span { text-decoration: underline; } #navigation-level2 ul li a.active,#navigation-level2 ul li a.active-parent { background: url(/inc/images/drapergroupltd/tab_navigation_l2_tr.png) top right no-repeat; padding-right: 5px; color: #303030; font-weight: bold;} #navigation-level2 ul li a.active span,#navigation-level2 ul li a.active-parent span { background: url(/inc/images/drapergroupltd/tab_navigation_l2_tl.png) top left no-repeat; padding-right: 0px; } #main { background: #fefefe url(/inc/images/drapergroupltd/bg_path.png) top left repeat-x; height: 1%; clear: both;} #main:after { content: "."; display: block; clear: both; height: 0; position: relative; visibility: hidden; } #path { height: 1%; color: #1c1c1c; padding-top: 5px; min-height: 40px; } #path .content { padding-left: 28px; width: 962px; padding-top: 10px;} #path:after { content: "."; display: block; clear: both; height: 0; position: relative; visibility: hidden; } #path a { color: #1c1c1c; } #path span { display: block; float: left; background: url(/inc/images/drapergroupltd/icon_path.png) center left no-repeat; padding-left: 15px; font-weight: normal; } #path ul { display: block; float: left; margin: 0; padding: 0; } #path ul li { display: block; float: left; background: url(/inc/images/drapergroupltd/bg_path_li.gif) center left no-repeat; padding: 0 7px 0 13px;} #path ul li.first { background: none; } #sub-navigation { width: 171px; float: left; } #sub-navigation ul { margin: 0; padding: 0; height: 1%;} #sub-navigation ul:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; } #sub-navigation ul li { display: block; background: url(/inc/images/drapergroupltd/bg_subnavigation_b.png) bottom no-repeat; margin: 0 0 1px 0; padding: 0; float: left; width: 100%; clear: both;} #sub-navigation ul li a { color: #fff; display: block; background: url(/inc/images/drapergroupltd/bg_subnavigation_t.png) no-repeat; text-decoration: none; padding: 6px 11px;} #sub-navigation ul li a span { display: block; background: url(/inc/images/drapergroupltd/icon_subnav_inactive.gif) left center no-repeat; padding-left: 10px; } #sub-navigation ul li.active,#sub-navigation ul li.active-parent { background-image: url(/inc/images/drapergroupltd/bg_subnavigation_b_active.png); } #sub-navigation ul li a.active,#sub-navigation ul li a.active-parent { background-image: url(/inc/images/drapergroupltd/bg_subnavigation_t_active.png); } #sub-navigation ul li a.active span,#sub-navigation ul li a.active-parent span{ background-image: url(/inc/images/drapergroupltd/icon_subnav_active.gif); } #sub-navigation ul ul li a span { background: none } #sub-navigation ul ul li a.active span { background: none } #sub-navigation ul li a.active { font-weight: bold;} #sub-navigation ul li.active a { color: #333; } #sub-navigation ul a:hover { text-decoration: underline; } #sub-navigation ul a.active { color: #9cf; text-decoration: underline; } #sub-navigation ul ul { padding: 0 0 10px 0; } #sub-navigation ul ul li { background: none; } #sub-navigation ul ul li a.active { background: none; } #sub-navigation ul ul a { background: none; padding: 0 10px 0 22px;} #sub-navigation ul ul ul { padding: 0 0 10px 10px; } #scene-container { float: right; width: 774px; } #scene { float: left; width: 541px; } #frontpage #scene p { font-size: 1em; } #scene p { font-size: 1.1em; } #scene .dealer-zone-link { border-top: 1px solid #ebebed; padding: 10px 0;} #scene .dealer-zone-link p { padding: 0; margin: 0; } #scene .dealer-zone-link a { display: block; font-weight: bold;} #scene .dealer-zone-link span { display: block; font-weight: bold;} .news-item { padding-top: 15px; } .news-item span.date { display: block; } .news-item h2 { margin: 0; padding: 0; } .news-item p { padding: 0; } #product-list {} .product-item { width: 151px; float: left; margin: 0 10px 10px 0; height: 250px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-right: 20px; padding-left: 10px;} .product-item.first-in-row { clear: both; } .product-item h2 { font-weight: bold; font-size: 1em; padding-top: 5px;} #frontpage-product-category-list { color: #fff; padding: 12px; } #frontpage-product-category-list:after { content: "."; display: block; clear: both; height: 0; position: relative; visibility: hidden; } #frontpage-product-category-list h1 { } #frontpage-product-category-list .content-column { width: 50%; } .product-category-item { width: 260px; float: left; padding: 5px 0; border-bottom: 1px solid #dededf;} .product-category-item.even { float: right; clear: right;} .product-category-item.odd { float: left; clear: left;} .product-category-item img { float: right; } .product-category-item h2 { font-size: 1.5em; line-height: 1.1em;} .product-category-item p { padding: 0; } .product-category-item p a { display: block; background: url(/inc/images/drapergroupltd/icon_arrow.png) center left no-repeat; padding-left: 15px; color: #C11720 ; } /* 00a8e0 */ .product-category-item p a span { text-transform: lowercase; } #product-group .content-column { width: 373px; } #product-group .product-group-content { width: 237px; } #product-group .product-group-content a span { text-transform: lowercase; } .content-column { width: 460px; float: left; } .content-column.last { float: right; } .product-group { padding: 10px 0 20px 10px; height: 1%;} .product-group:after { content: "."; display: block; clear: both; height: 0; position: relative; visibility: hidden; } .product-group .img { margin-right: 20px; float: left; } .product-group-content { width: 324px; float: left; padding-left: 0px; } .product-group-content ul { margin: 0; padding: 0; } .product-group-content li { margin: 0; padding: 0; list-style: none;} .product-group-content li a { background: url(/inc/images/drapergroupltd/icon_arrow.png) center left no-repeat; padding-left: 20px; } .product-group-content li.all a { background: none; padding-left: 0; } .product-group-content li.all a span { text-transform: lowercase; background: none; padding-left: 0; } #product-images { padding: 10px 0 0 0; height: 1%; clear: both; } #product-images:after { content: "."; display: block; clear: both; height: 0; position: relative; visibility: hidden; } #product-images a { display: block; float: left; padding: 15px 0 0 11px; } #product-images a.first { padding: 15px 0 0 2px; } #product-accessories { padding: 10px 0 0 0; } #product-accessories a { display: block; float: left; padding: 10px 0 0 11px; font-size: 1em; color: #303030; text-decoration: none; width: 99px; overflow: hidden;} #product-accessories a.first-in-row { padding: 10px 0 0 1px; clear: both;} #product-accessories a strong { height: .9em; display: block; line-height: 1.2em;} #frontpage-teaser { width: 350px; padding-top: 20px;} #frontpage-teaser h1 { font-size: 1.5em; } #frontpage-teaser a { background: url(/inc/images/drapergroupltd/icon_arrow.png) center left no-repeat; padding-left: 15px; color: #C11720; } /* 00a8e0 */ #secondary-content { float: left; width: 149px; padding-left: 28px;} #frontpage-text { padding: 20px 0; } #frontpage-text h1 { font-size: 1.6em; } #frontpage-text p { font-size: 1.1em; } #teaser-list {} #teaser-list .teaser-item { background: url(/inc/images/drapergroupltd/bg_teaser.png) top left no-repeat; padding: 17px 22px; margin-bottom: 20px; height: 1%;} #teaser-list .teaser-item:after { content: "."; display: block; clear: both; height: 0; position: relative; visibility: hidden; } #teaser-list .teaser-item h1 { color: #333; font-size: 1.6em; padding-bottom: 4px;} #teaser-list .teaser-item p { padding: 0; } #teaser-list .teaser-item a { display: block; float: left; clear: both; background: url(/inc/images/drapergroupltd/icon_arrow.png) center left no-repeat; padding-left: 15px; color: #C11720; } /* 00a8e0 */ #resources { width: 166px; padding: 17px 12px; float: right; background: url(/inc/images/drapergroupltd/bg_resources.png) top left no-repeat; min-height: 200px;} #resources .resource-section { } #resources .resource-section ul { margin: 0; padding: 0 0 12px 0; } #resources .resource-section ul li { list-style: none; } #resources .resource-section ul li a { display: block; padding-left: 18px; background: url(/inc/images/drapergroupltd/icon_arrow.png) center left no-repeat;} #resources .resource-section ul li a.pdf { background-image: url(/inc/images/drapergroupltd/icon_pdf.png); padding-left: 26px;} form.login-logout { background: #ebebed; padding: 10px;} form.login-logout legend { display: inline; color: #000; font-weight: bold; line-height: 1.2em; } #foot { background: #1d1c1d url(/inc/images/drapergroupltd/bg_foot.png) top left repeat-x; color: #999; min-height: 215px; border-top: 100px solid #fff;} #foot .content { padding: 28px 0 0 28px; width: 962px; } #foot-contact { float: left; border-right: 1px solid #454545;} #foot-products { float: right; width: 500px;} #foot a { color: #999; } #foot strong { display: block; } #foot p { width: 200px; float: left; line-height: 1.4em; } #foot ul { padding: 0; margin: 0; } #foot ul li { display: block; float: left; width: 30%;} #foot ul li a { display: block; float: left; background: url(/inc/images/drapergroupltd/icon_arrow.png) center left no-repeat; padding-left: 20px; }