/* GENERAL STYLES */ /* CSS for SolarDrive.dk, media:screen */ /* Reset */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img {margin: 0; padding: 0;} h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;} ul,ol {list-style: none;} fieldset,img {border: none;} caption,th {text-align: left;} table {border-collapse: collapse; border-spacing: 0;} /* General html elements and fonts */ body {padding:10px; text-align:center; background:#ddd; /*background:#eceded url('/media/AppStract/CssImages/BackgroundRepeat.png') repeat-x top;*/ /*background:#454548 url('/media/AppStract/CssImages/BackgroundShadow.png') repeat-x top;*/} body, thead, tbody, h1, h2, h3 {font:10px verdana, arial, helvetica, sans-serif; color:#333} h1, h2, h3, h4 {padding:0px; margin:0px; color:#333; font-weight:bold;} h1, p {margin:0px} h1 {} h2 {font-size:1.3em;} h3 {font-size:1.2em;} h4 {font-size:1.1em;} p {padding:5px 0;} a {text-decoration:underline} a:hover {text-decoration:underline} a img {border:none} h2 a, h3 a, h4 a {text-decoration:none;} strong {font-weight:bold;} em {font-style:italic;} blockquote {padding-left:50px;} :focus{-moz-outline-style: none;} /* General document elements */ #container {width:980px; margin:0 auto; text-align:left;} #stage-top, #stage, #stage-bottom {width:934px; padding:0 56px 0 48px;} #stage-top {height:25px; overflow:hidden; background:url('/media/AppStract/CssImages/StageShadowTopWide.png') no-repeat; } #stage {background:url('/media/AppStract/CssImages/StageShadowWide.png') repeat-y; float:left;} #stage-bottom {height:30px; overflow:hidden; background:url('/media/AppStract/CssImages/StageShadowBottomWide.png') no-repeat; clear:both;} /* Header area */ #header {width:876px; height:63px; padding:0 0 24px; float:left; position:relative;} #header ul {width:656px; height:11px; padding:52px 0 0 0; float:left;} #header ul li {margin-right: 17px; float:left;} #header #logo {float:right; position:relative; right:-10px;} #content-container, #content-white {width:876px; min-height:298px; height:auto !important; height:298px;float:left;} #content-container {background:url('/media/AppStract/CssImages/StageBackground.png') repeat-y left;} #content-white {background:none;} #navigation, #news-list, #content {min-height:282px; height:auto !important; height:282px;} #navigation, #news-list {background:#404041 url('/media/AppStract/CssImages/ContentBackground.png') repeat-x top;} #navigation {width:146px; float:left;} #navigation ul {} #navigation ul li {} #navigation ul li a {width:130px; height:15px; overflow:hidden; display:block; margin-bottom:2px; padding:4px 8px; background:#404041 url('/media/AppStract/CssImages/MenuItemBackground.png') repeat-x top; color:#fff; text-decoration:none; line-height:1.3;} #navigation .last {margin-bottom:0;} #navigation ul li a:hover {color:#ffc425;} #navigation ul li.current a {color:#ffc425;} #navigation ul li.current li a {color:#fff;} #navigation .current ul a {width:122px; padding:4px 8px 4px 16px; background-image:none; background-color:transparent; margin-bottom:0;} /* Content elements */ #content, #frontpage {width:568px; padding:8px 8px 0; float:left; background:#fff url('/media/AppStract/CssImages/TextAreaBackground.png') repeat-x top; position:relative;} #content ul, #content-white ul {padding:5px 0 5px 20px; list-style:outside; list-style-type:disc;} #content li, #content-white li {margin:0 0 0 10px;} #content h2 {} #content h3 {padding-top:15px;} #content h4 {padding-top:10px;} #frontpage {width:584px; /*height:298px;*/ overflow:hidden; padding:0; position:relative;} #frontpage .slides {width:584px; height:425px; overflow:hidden;} #frontpage .slides .slide {position:absolute; top:0; left:0; display:none;} #frontpage .slides .slide .image {width:584px; height:425px; overflow:hidden; background:#fff url('/media/AppStract/CssImages/TextAreaBackground.png') repeat-x top;} #frontpage .slides .slide .description {margin-left:50px; padding:5px 40px 5px 10px; position:absolute; top:23px; right:0; text-align:right; } #frontpage .slides .slide .description h2 {font-size:20px; color:#fff; display:inline; /*background:#f8981d;*/} #frontpage .slides .has-link {cursor:pointer;} #frontpage .slides .slide a {display:none;} /* Footer elements */ #footer {width:876px; height:43px; overflow:hidden;padding:8px 0px; clear:both; text-align:center; font-size:9px;} /* Credits elements */ #credits {text-align:center; color:#bbb;} #credits a {color:#bbb; text-decoration:none;} /* Distributor specific */ #googlemap {width:568px; height:400px; margin:20px 0; } /* News specific */ #news-list {width:146px; float:left; color:#fff;} #news-list h2 {width:130px; height:15px; overflow:hidden; display:block; margin-bottom:2px; padding:4px 8px; background:#404041 url('/media/AppStract/CssImages/MenuItemBackground.png') repeat-x top; color:#fff; line-height:1.3; font-weight:normal; font-size:1.0em;} #news-list ul {padding:3px 8px;} #news-list li {padding:3px 0; border-top:1px solid #67686a; border-bottom:1px solid #353541;} #news-list li.last {padding-bottom:0px; border-bottom:none;} #news-list ul h3 a {color:#fff; font-weight:normal; font-size:12px;} #news-list ul h3 a:hover {color:#ffc425;} #news-list p {} #news-list a.more {color:#ffc425; text-decoration:none;} #news-list a.more:hover {text-decoration:underline;} #news-items {} #news-items ul {padding:0;} #news-items li {margin-bottom:10px; padding:0 0 10px; border-bottom:1px solid #ddd; list-style:none;} #news-items li h3 a {color:#f26532;} #news-items li h3 a:hover {text-decoration:underline;} #news-navigation {} #news-navigation ul {} #news-navigation li {float:left; border-bottom:none;} #news-navigation li a {color:#f26532; text-decoration:none;} #news-navigation li a:hover, #news-navigation li.current a {text-decoration:underline;} .news-calendar {} .news-calendar dl {} .news-calendar dt a {width:130px; height:15px; overflow:hidden; display:block; margin-bottom:2px; padding:4px 8px; background:#404041 url('/media/AppStract/CssImages/MenuItemBackground.png') repeat-x top; color:#fff; text-decoration:none; line-height:1.3;} .news-calendar dd a {width:122px; padding:4px 8px 4px 16px; background-image:none; background-color:transparent; margin-bottom:0; color:#fff; text-decoration:none; line-height:1.3; display:block;} .news-calendar a:hover {color:#ffc425;} /* Catalogue */ #catalogue {float:left;} #catalogue li {width:170px; height:120px; overflow:hidden; margin:0 10px 10px 0; float:left; list-style:none; background:#404041;} /* Hacks */ #stage-top, #stage, #stage-bottom {behavior: url('/iepngfix.htc')} .clear {clear:both;} /* Frontpage */ #intro {width:146px; height:67px; background:#f8981d; position:absolute; top:0; left:0; font-size:13px; line-height:47px;} #intro.intro-image {background-color:transparent;} #intro td {width:146px; height:67px; overflow:hidden; padding:0; vertical-align:middle; text-align:center;} #intro-text {display:none;} #frontpage .hover-text {margin:5px; padding:20px; color:#fff; position:absolute; line-height:1.3em; font-size:13px; z-index:999;} #frontpage .hover-text .content {width:534px; position:relative; z-index:1001; display:none;} #frontpage .hover-text .content h1, #frontpage .hover-text .content h2, #frontpage .hover-text .content h3 {color:#fff;} #frontpage .hover-text .background {background-color:#000; position:absolute; top:0; left:0; z-index:1000; overview:hidden;} #message-display {width:480px; height:67px; overflow:hidden; position:absolute; top:0; left:146px;} #message-display .message-panel {position:absolute; left:0; top:0;} #message-display .message {width:460px; overflow:hidden; padding:0 10px; font-size:13px; line-height:15px; position:absolute; top:0;} #message-display .message td {height:67px; vertical-align:middle;} #message-display .message a {text-decoration:none; color:#333;} #message-display .message a:hover {text-decoration:underline;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */