/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */ /*** GLOBAL ***/ body, html, div, ul, li, a, span { padding:0;margin:0;outline:0; } html { background:#FFFFFF; } body { color:#2F2F2F;background:#fff url('images/body_bg.png') repeat-x;font:76% Arial, Helvetica, sans-serif; } a { color:#CC3333;text-decoration:none; } table { font-size:1em;border-collapse:collapse; } tbody { border:0; } td { vertical-align:top; } h1 { font-size:1.7em; } h2 { font-size:1.8em;margin:25px 0; } h4 { border-bottom:1px solid #000000;padding-bottom:5px; } h4, h3 { font-size:1.6em;margin:20px 0; } h5 { font-size:1.2em;margin:10px 0; } p { margin-top:0.5em;margin-bottom:0.9em; } fieldset { border:1px solid #CCCCCC; } pre { background-color:#EEEEEE;padding:0.75em 1.5em;font-size:12px;border:1px solid #ddd; } hr { border:none;border-top:1px solid #EBEBEB;height:0; } h1,h2,h3,h4,h5,h6 { color:#000000;font-weight:normal; } img { border:none;margin:15px; } ul { margin-left:20px; } /*** CLASSES ***/ .center { width:1000px;margin:0 auto; } .clear { clear:both; } .floatright { float:right; } .floatleft { float:left; } /*** HEADER ***/ div#header div.floatright { width:45%;overflow:hidden;max-height:120px; } div#block-menu-menu-headerlinksaut, div#block-menu-menu-headerlinks { float:left;clear:both; } div#block-menu-menu-headerlinksaut h2, div#block-menu-menu-headerlinks h2 { display:none; } div#block-menu-menu-headerlinksaut a, div#block-menu-menu-headerlinks a { font-weight:bold; } div#block-menu-menu-headerlinksaut ul, div#block-menu-menu-headerlinks ul { margin:3px 15px 0 0; } div#block-menu-menu-headerlinksaut ul li, div#block-menu-menu-headerlinks ul li { list-style:none;padding:5px 0;display:inline;margin:0; } div#block-menu-menu-headerlinksaut ul li a, div#block-menu-menu-headerlinks ul li a { border-right:1px solid #CCCCCC;padding:0 5px;font-size:.8em; } div#block-menu-menu-headerlinksaut ul li.last a, div#block-menu-menu-headerlinks ul li.last a { border:none; } #logo { vertical-align:middle;border:0; } #logo img { float:left;padding:0 1em;border:0;margin:10px 0; } /*** TEXT SIZE SWITCHER ***/ div#block-textsize-0 { text-align:right;padding-top:15px;margin-bottom:70px; } div#block-textsize-0 a span, div#block-textsize-0 h2 { display:none; } div#block-textsize-0 a { display:block;width:20px;height:20px;float:left;padding:0;border:1px solid #CCCCCC;margin:0 1px; } div#block-textsize-0 a:hover { border:1px solid #000000; } div#block-textsize-0 a.textsize_increase { background:url('images/big.png') no-repeat 2px 2px !important; } div#block-textsize-0 a.textsize_decrease { background:url('images/small.png') no-repeat 2px 2px !important; } div#block-textsize-0 a.textsize_normal { background:url('images/normal.png') no-repeat 2px 2px !important; } div#block-textsize-0 ul { float:right;padding:0; } div#block-textsize-0 p { float:right; } div#block-textsize-0 ul li { display:inline; } /*** PRIMARY MENU ***/ div#menu { background:#000000;padding:10px 15px;border-bottom:1px solid #000000; } div#menu ul li { padding:10px 15px;border-left:1px solid #4D4D4D; } div#menu ul li.first { border:0; } div#menu ul li a { color:#FFFFFF;text-transform:uppercase; } div#menu ul li a:hover, div#menu ul li.active-trail a, div#menu ul li a.active { color:#FECC00; } /*** FORMS ***/ form#search-theme-form { float:right; } form#search-theme-form label { display:none; } form#search-theme-form #edit-search-theme-form-1 { border-top:1px solid #ABADB3;border-left:1px solid #E2E3EA;border-bottom:1px solid #E3E9EF;border-right:1px solid #DBDFE6; } form#search-theme-form #edit-submit { width:56px;height:19px;background:url('images/button_black.png') no-repeat;border:none;color:white;font-size:.8em;text-transform:lowercase;cursor:pointer; } form#user-login { margin:0 auto;width:50%;background:url('images/lock.png') no-repeat right center; } form#user-login input[type=password], form#user-login input[type=text] { width:50%; } /*** FOOTER ***/ div#footer { color:#666666;font-size:.9em;padding-top:25px; } div#footer div.center { padding-top:25px; } div#footer div#block-menu-menu-footerlinks { float:right; } div#footer div#block-menu-menu-footerlinks h2 { display:none; } div#footer div#block-menu-menu-footerlinks ul li { display:inline;margin:0;padding:0; } div#footer div#block-menu-menu-footerlinks ul li a { color:#CC3333;border-right:1px solid #FDA6A6;padding:0 5px; } div#footer div#block-menu-menu-footerlinks ul li.last a { border:none; } div#block-views-customer-block_1 { overflow:hidden;background:url('images/banner_white_left.png') no-repeat left center;height:121px;padding:0 0 0 20px;margin-bottom:25px; } div#block-views_customer-block_1 div { padding:0;margin:0; } div#block-views-customer-block_1 .content { background:url('images/banner_white_right.png') no-repeat right center;height:121px;padding:0 20px 0 0; } div#block-views-customer-block_1 .view-customer { background:url('images/banner_white_middle.png') repeat-x ;height:121px;padding:0; } div#block-views-customer-block_1 h2 { display:none; } div#block-views-customer-block_1 ul li { display:inline;margin:0;padding:0; } div#block-views-customer-block_1 ul li img { display:inline;margin:25px 0;padding:0 25px;border-left:1px solid #DDDDDD;width:65px;height:65px; } div#block-views-customer-block_1 ul li.views-row-first img { border:none; } div#block-views-customer-block_1 div.item-list > a { float:left;height:121px;width:10px;text-indent:-999px;cursor:pointer; } div#block-views-customer-block_1 div.item-list > a.previous { background:url('images/grey_arrow_left.png') no-repeat left center; } div#block-views-customer-block_1 div.item-list > a.next { background:url('images/grey_arrow_right.png') no-repeat right center; } div#slider { position:relative;float:left;width:97%;overflow:hidden; } div#slider ul#slider_list { height:121px; } /*** YELLOW BUBBLES BANNER ***/ div#yellow_bubbles { min-height:259px;background:url('images/yellow_bubbles.png') repeat-x; } div#yellow_bubbles div.center { min-height:259px;background:url('images/image_01.png') no-repeat right center; } div#yellow_bubbles h2 { margin:0;padding-top:25px;font-weight:normal;font-size:2.1em; } div#yellow_bubbles ul { margin:10px 0 0 0;padding:0; } div#yellow_bubbles ul li { padding:10px 0;list-style:none;margin:0;border-bottom:1px solid #E3A700; } div#yellow_bubbles ul li.views-row-last { border:none; } div#yellow_bubbles ul li span a { text-transform:uppercase;color:#654C00; } div#yellow_bubbles #block-views-characteristics-block_1 { padding-right:500px; } div#yellow_bubbles div.item-list ul.pager { text-align:left;height:auto;border:0;margin:0;padding:0; } div#yellow_bubbles div.item-list ul.pager li { color:#FFFFFF;border:none;margin-right:1px;padding:0;font-weight:bold; } div#yellow_bubbles div.item-list ul.pager li.pager-current { background:#000000;padding:2px 5px; } div#yellow_bubbles div.item-list ul.pager li a { background:#FFFFFF;color:#999999;padding:2px 5px; } div#yellow_bubbles div.item-list ul.pager li.pager-previous, div#yellow_bubbles div.item-list ul.pager li.pager-first, div#yellow_bubbles div.item-list ul.pager li.pager-last, div#yellow_bubbles div.item-list ul.pager li.pager-next { display:none; } /*** HOME BANNER 2 ***/ div#home_banner_2 { border-bottom:1px dotted #CCCCCC; } div#home_banner_2 td { vertical-align:top;padding:10px; } div#home_banner_2 td.left { /*vertical-align:middle;*/padding:72px 0 0 0; } div#home_banner_2 td.left img { margin:0; } div#home_banner_2 td.left h2 { display:none; } div#home_banner_2 td.right h2.title { background:#000000;color:white;float:left;padding:3px 10px;font-size:1.3em;margin:20px 0 10px 10px; } div#home_banner_2 td.right .views-field-view-node { text-align:right; } div#home_banner_2 td.right .views-field-title a { color:#000000;text-transform:uppercase;font-size:1.1em; } div#home_banner_2 div.content { clear:both; } /*** BREAD CRUMBS ***/ #crumbs, #crumbs li { list-style-type:none;padding:0;margin:0; } #crumbs { height:2.3em;border-bottom:1px solid #dedede;background:#FFFFFF; } #crumbs li { float:left;line-height:2.3em;color:#777;padding-left:.75em; } #crumbs li a { background:url(images/crumbs.gif) no-repeat right center;display:block;padding:0 15px 0 0; } #crumbs li a:link, #crumbs li a:visited { color:#777;text-decoration:none; } #crumbs a:link, #crumbs a:visited, #crumbs li a:hover, #crumbs li a:focus { color:#dd2c0d; } /*** CONTENT ***/ table#content_table { width:1000px;margin-top:15px; } table#content_table td#middle { vertical-align:top;border:1px solid #DEDEDE;background:#FBFBFB; } div.content { font-size:1.1em; } div#middle_content { padding:0 10px 10px 10px;min-height:300px;font-size:1.05em; } div#middle_content ul { margin:10px 0 10px 20px; } div#middle_content .tabs ul { margin:0; } div#middle_content .tabs ul li { line-height:1em; } div#middle_content ul li { line-height:1.3em; } /*** SEARCH ***/ div#middle_content dl.search-results { border:1px solid #DEDEDE; } div#middle_content dl.search-results dd, div#middle_content dl.search-results dt { padding:5px;margin:0; } div#middle_content dl.search-results dt { padding-top:15px;border-top:1px dashed #DEDEDE; } div#middle_content dl.search-results dt:first-child { border-top:none; } /*** TABS ***/ div.tabs ul.primary { margin:0;padding:.4em; } div.tabs ul.primary li a { padding:.4em 1em; } div.tabs ul.primary li.active a { background:#FBFBFB;border-bottom:1px solid #FBFBFB; } div.tabs_sub { overflow:hidden;padding:10px;border:1px solid #CCCCCC;border-top:0; } /*** NEWS ***/ div.view-Plastic-Fuel-Tank-News div.views-row { margin-bottom:20px;border-bottom:1px solid #EBEBEB;padding-bottom:10px; } div.view-Plastic-Fuel-Tank-News div.views-row-last { border:none; } div.view-Plastic-Fuel-Tank-News div.views-field-title { margin-bottom:5px; } div.view-Plastic-Fuel-Tank-News div.views-field-title a { font-size:1.5em; } div.view-Plastic-Fuel-Tank-News div.views-field-name, div.view-Plastic-Fuel-Tank-News div.views-field-field-category-value, div.view-Plastic-Fuel-Tank-News div.views-field-created { font-size:.8em;padding:0;margin:0 0 10px 0;float:left; } div.view-Plastic-Fuel-Tank-News div.views-field-body { clear:both; } div.view-Plastic-Fuel-Tank-News div.views-field-field-category-value, div.view-Plastic-Fuel-Tank-News div.views-field-name { padding-left:5px; } div#home_banner_2 td.right .views-field-view-node, div.view-Plastic-Fuel-Tank-News div.views-field-view-node { text-align:right;font-size:.8em; } div.view-Plastic-Fuel-Tank-News div.view-header p, div.view-Plastic-Fuel-Tank-News div.view-header br { display:none;line-height:0 } div#news_banner { background:url('images/gradient_01.png') repeat-x;border-bottom:1px dotted #CCCCCC; } div#news_banner h2 { display:none; } div#news_banner div { margin:0;padding:0; } div#news_banner div.center { margin:0 auto; } div#news_banner div.center > a { float:left; } div#news_banner div.center > a >img { margin:15px 15px 0 0; } div#news_banner table { font-size:.45em;height:44px; } div#news_banner table td { padding:.5em 0;vertical-align:middle; } div#news_banner table td a { display:block;border-right:1px solid #FDA6A6;padding:0 10px;font-size:2em; } div#news_banner table td.col-3 a { border:none; } div#news_banner table td a:hover { text-decoration:underline; } div#news_banner .block { float:right;width:925px; } /*** LEFT SIDEBAR ***/ #sidebar-left { width:16em;padding:29px 10px 10px 10px;vertical-align:top; } #sidebar-left h2.title { display:none; } #sidebar-left ul.menu { width:16em;border-top:1px solid #EEEEEE;margin:0;padding:0;list-style:none;background:#FAFAFA;border-left:1px solid #EEE;border-right:1px solid #EEE; } #sidebar-left ul.menu li { border-bottom:1px solid #EEEEEE;list-style:none;margin:0;padding:0;background:url('images/triangle.png') no-repeat right center; } #sidebar-left ul.menu li a { color:#000000;display:block;margin:0;padding:10px 0 10px 5px; } #sidebar-left ul.menu li a.active, #sidebar-left ul.menu li a:hover { background:#F4F4F4 url('images/triangle.png') no-repeat right center;color:#CC3333; } /*** RIGHT SIDEBAR ***/ #sidebar-right { width:20em;padding:10px;vertical-align:top; } /*** HOMEPAGE ***/ .home #sidebar-right { padding-top:0; } .home #sidebar-right h2 { background:#000000;color:white;float:left;padding:3px 10px;font-size:1.3em;margin:10px 0 0 0; } .home #sidebar-right img { margin:0; } .home table#content_table td#middle { border:none; } .home div#footer div.center { border-top:1px solid #EBEBEB; } /*** TINY MCE ***/ table.mceItemTable td { border:1px solid #DEDEDE; } /*** PAGERS ***/ #content div.item-list ul.pager { position:relative;height:22px;background:#f8f8f8;border:1px solid #ccc;padding-right:80px;margin:10px 0; } #content ul.pager li, #content ul.pager li a { float:left; } #content ul.pager li.pager-ellipsis, #content ul.pager li.pager-current, #content ul.pager li a { color:#666;font-weight:normal;padding:4px 10px; } #content ul.pager li { border-right:1px solid #ccc;line-height:1em;padding:0;margin:0; } #content ul.pager li.pager-current { background:#fff; } #content ul.pager li.pager-first a, #content ul.pager li.pager-previous a, #content ul.pager li.pager-next a, #content ul.pager li.pager-last a { font-size:11px;font-weight:bold;width:79px;padding:4px 0px;text-align:center;background:#eee; } #content ul.pager li.pager-next, #content ul.pager li.pager-last { border-left:1px solid #ccc;border-right:0px;float:right; } #content ul.pager li a:hover { background:#999;color:#fff; } #content ul.pager li.last { position:absolute; right:0px; } #content ul.pager li.pager-current, #content ul.pager li.pager-item { position:static; }