/* base styling */ body { margin: 20px 0px 10px 0px; padding: 0px; text-align: center; background: #d0cdcd url(../images/bg/bg-page.png) repeat-x top left; } body, div, span, p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } p { margin: 0px; padding: 4px 0px; } p.no-padding { padding: 0px; } p.no-padding-top { padding-top: 0px; } a { color: #b81010; text-decoration: underline; } a:hover { text-decoration: none; } .cancel_text { font-size: 1px; line-height: 1px; } /* remove influence of text size and line height of important cells */ .clear { clear: both; font-size: 1px; line-height: 1px; } .bottom-spacer { height: 10px; } img.spacer { height: 1px; width: 1px; } /* ------ */ /* dimensions */ #main-content, #banner div img { width: 784px; } /* width of subpage main content and banner image */ body#homepage #banner div img { width: 760px; } /* previous width - 24px */ #sidebar-content { width: 184px; } /* width of right sidebar content */ .sidebar-item img { width: 172px; } /* width of right sidebar - 12px */ #tbl-sidebar { margin-top: 55px; } /* top margin of sidebar */ #left-column { width: 210px; } /* width of left column at homepage */ #menu, #menu .bar-left { height: 46px; } /* height of menu */ #footer, #footer .bar-left { height: 30px; } /* height of footer */ a.homepage-box { width: 166px; } /* width of boxes at bottom of homepage */ a.homepage-box .image { height: 54px; } /* height of images at homepage boxes */ /* ------ */ body#manufacturer #banner { display: none; } body#manufacturer #tbl-sidebar { display: none; } body#manufacturer #main-right { width: 19px; } #manufacturer_iframe { width: 1020px; height: 1000px; border: 1px solid #b81010; padding: 1px; background: #FFFFFF; margin-bottom: 10px; } /* various */ #left-column { padding: 0px; } #content { padding: 0px 12px 0px 12px; } body#homepage #content { padding-left: 20px; } #footer { margin-top: 8px; } #main-topleft, #main-top, #main-topright { height: 9px; } /* height of main-row-1 */ #main-bottomleft, #main-bottom, #main-bottomright { height: 20px; } /* height of main-row-3 */ #main-topleft, #main-left, #main-bottomleft, #main-topleft img { width: 11px; } /* width of main-col-1 */ #sidebar-topleft, #sidebar-topleft img { width: 19px; } /* width of sidebar-col-1 */ #sidebar-topright, #sidebar-topright img { width: 22px; } /* width of sidebar-col-3 */ /* ------ */ /* main structure elements */ #main-logo { background: url(../images/logo.png) no-repeat 12px 0px; height: 47px; } #main-topleft { background: url(../images/bg/bg-1.1-shape-topleft.png) no-repeat top left; } #main-top { background: url(../images/bg/bg-1.2-shape-top.png) repeat-x top left; } #main-topright { background: url(../images/bg/bg-1.3-shape-topright.png) no-repeat top left; } #main-left { background: url(../images/bg/bg-1.4-shape-left.png) repeat-y top right; } #main-content { background: #FFFFFF; text-align: left; } #main-right { background: url(../images/bg/bg-1.5-shape-right-with-top_v2.png) no-repeat top left; } #main-bottomleft { background: url(../images/bg/bg-1.6-shape-bottomleft.png) no-repeat top right; } #main-bottom { background: url(../images/bg/bg-1.7-shape-bottom-with-left.png) no-repeat top left; } #main-bottomright { background: url(../images/bg/bg-1.8-shape-bottomright.png) no-repeat top left; } #sidebar-topleft { background: url(../images/bg/bg-2.2-sidebar-left.png) repeat-y top left; height: 12px; } #sidebar-top { background: url(../images/bg/bg-3.1-sidebar-top.png) repeat-x top left; } #sidebar-topright { background: url(../images/bg/bg-3.2-sidebar-topright.png) no-repeat top left; height: 12px; } #sidebar-right { background: url(../images/bg/bg-3.3-sidebar-right.png) repeat-y top left; } #sidebar-left { background: url(../images/bg/bg-2.2-sidebar-left.png) repeat-y top left; } #sidebar-content { background: #183f53; } #sidebar-bottomleft { background: url(../images/bg/bg-2.3-sidebar-bottomleft.png) no-repeat top left; height: 20px; } #sidebar-bottom { background: url(../images/bg/bg-3.4-sidebar-bottom.png) repeat-x top left; } #sidebar-bottomright { background: url(../images/bg/bg-3.5-sidebar-bottomright.png) no-repeat top left; } #flame-container { background-repeat: no-repeat; background-position: 47px 0px; } /* ------ */ /* bar shapes */ .bar-shape, .bar-shape2 { background: url(../images/bg/color-183f53.png) repeat top left; } .bar-shape .bar-left { background: transparent url(../images/layout/corner-blue-bottomleft.png) no-repeat bottom right; width: 5px; } .bar-shape .bar-left div { background: transparent url(../images/layout/corner-blue-topleft.png) no-repeat top right; width: 5px; height: 5px; } .bar-shape .bar-right { background: transparent url(../images/layout/corner-blue-bottomright.png) no-repeat bottom left; width: 5px; } .bar-shape .bar-right div { background: transparent url(../images/layout/corner-blue-topright.png) no-repeat top left; width: 5px; height: 5px; } .bar-shape2 .bar-top { background: transparent url(../images/layout/corner-blue-topleft.png) no-repeat top left; height: 5px; } .bar-shape2 .bar-top div { background: transparent url(../images/layout/corner-blue-topright.png) no-repeat top right; height: 5px; } .bar-shape2 .bar-bottom { background: transparent url(../images/layout/corner-blue-bottomleft.png) no-repeat bottom left; height: 5px; } .bar-shape2 .bar-bottom div { background: transparent url(../images/layout/corner-blue-bottomright.png) no-repeat bottom right; height: 5px; } /* ------ */ /* box gray */ .box-gray { background: url(../images/layout/graybox-left.png) repeat-y top left; display: block; float: left; text-decoration: none; font-size: 11px; color: #3d3d3d; } .box-gray .top { background: url(../images/layout/graybox-topleft-top.png) no-repeat bottom left; height: 6px; } .box-gray .top span { background: url(../images/layout/graybox-topright.png) no-repeat bottom right; height: 6px; display: block; } .box-gray .content { background: url(../images/layout/graybox-right.png) repeat-y top right; padding: 0px 11px 5px 11px; } .box-gray .bottom { background: url(../images/layout/graybox-bottomleft-bottom.png) no-repeat top left; height: 6px; } .box-gray .bottom span { background: url(../images/layout/graybox-bottomright.png) no-repeat top right; height: 6px; display: block; } a:hover.box-gray { background: url(../images/layout/graybox-hover-left.png) repeat-y top left; text-decoration: none; } a:hover.box-gray .top { background-image: url(../images/layout/graybox-hover-topleft-top.png); } a:hover.box-gray .top span { background-image: url(../images/layout/graybox-hover-topright.png); } a:hover.box-gray .content { background-image: url(../images/layout/graybox-hover-right.png); } a:hover.box-gray .bottom { background-image: url(../images/layout/graybox-hover-bottomleft-bottom.png); } a:hover.box-gray .bottom span { background-image: url(../images/layout/graybox-hover-bottomright.png); } .box-gray .text { color: #3D3D3D; font-size: 11px; line-height: 13px; padding: 4px 0px 7px 0px; } /* ------ */ /* banner */ body#homepage #banner { background: url(../images/layout/banner-homepage-bottomleft.gif) no-repeat bottom left; } body#homepage #banner div { background: url(../images/layout/banner-homepage-topleft.gif) no-repeat top left; padding: 8px 0px 8px 24px; } #banner { background-image: none; clear: both; } #banner div { background-image: none; padding: 8px 0px; } /* ------ */ /* various */ body#homepage #menu .bar-left { background-image: none; } #left-column { display: none; } body#homepage #left-column { display: table-cell; } body#homepage #left-column .bar-top { background-image: none; } img.red { padding: 1px; background: #ffffff; border: 1px solid #be0c10; } /* ------ */