File: /var/www/vhosts/pgkdistribution.com.au/citisolar.com.au/templates/citisolar/style.css
* {
margin: 0;
padding: 0;
}
.blog-featured {
width: 100%;
overflow: hidden;
}
.clear {
clear: both;
font-size: 0%;
line-height: 0%;
height: 0;
}
input, select {
vertical-align: middle;
font-weight: normal;
}
img {
border: 0;
vertical-align: top;
text-align: left;
}
ul, ol {
list-style: none;
}
object {
vertical-align: top;
outline: none;
}
a {
outline: none;
color: #f44703;
}
a:hover {
text-decoration: none;
}
html {
min-width: 980px;
}
body {
background: #f3f3f3 url(../images/body-tail.gif) repeat-x 50% 0%;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1em;
color: #8d8d8d;
}
h2 {
background: url(../images/title-line.gif) repeat-x 0% 100%;
margin: 0 0 26px 0;
padding: 0 0 5px 0;
line-height: 1.2em;
font-size: 2.5em;
font-weight: 400;
color: #1e1e1e;
}
h2.extra {
margin: 0 0 21px 0;
}
h3 {
padding: 0 0 19px 0;
letter-spacing: 2px;
line-height: 1.25em;
font-size: 2.333em;
font-weight: 400;
text-transform: uppercase;
color: #1e1e1e;
}
h3 em {
display: block;
margin: 0 0 -6px 0;
font-style: normal;
}
h3 i {
display: block;
margin: 0 0 -5px 0;
font-style: normal;
}
h3 span {
letter-spacing: 1px;
}
h5 {
padding: 0 0 18px 0;
line-height: 1.5em;
font-size: 1em;
font-weight: normal;
color: #f44703;
}
h5 a {
color: #f44703;
}
h6 {
padding: 0 0 18px 0;
line-height: 1.5em;
font-size: 1em;
color: #2c2c2c;
}
h6 strong {
display: block;
padding: 0 0 7px 0;
}
.fleft {
float: left;
}
img.fleft {
margin: 5px 27px 0 1px;
}
img.fleft1 {
float: left;
margin: 5px 27px 27px 1px;
}
.fright {
float: right;
}
ul.fright {
padding: 0 53px 28px 0;
}
ul.fright1 {
float: right;
padding: 0 42px 18px 0;
}
.column-1, .column-2, .column-3, .column-4 {
float: left;
overflow: hidden;
}
.block-1, .block-2, .block-3, .block-4 {
float: left;
overflow: hidden;
}
#line {
background: url(../images/line.gif) no-repeat 50% 58px;
}
#main-bg-bot {
background: url(../images/main-bg-bot.gif) no-repeat 50% 100%;
}
#main-bg {
background: url(../images/content.png) no-repeat 50% 472px;
width: 100%;
}
#main {
width: 972px;
margin: 0 auto;
font-size: 0.75em;
}
#header {
position: relative;
height: 360px;
padding-top:115px;
z-index:5
}
#logo {
background: url(../images/logo-bg.png) no-repeat 0% 0%;
width: 272px;
height: 139px;
overflow: hidden;
position: absolute;
top: 2px;
left: -3px;
z-index:10
}
#logo img {
position: absolute;
top: 39px;
left: 20px;
}
#search-form {
background: url(../images/search-input.gif) no-repeat 0% 0%;
width: 239px;
height: 23px;
overflow: hidden;
position: absolute;
top: 20px;
left: 731px;
}
.search label{
display: none;
}
#search-form input {
background: none;
width: 200px;
height: 16px;
padding: 4px 6px 3px 6px;
border: none;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000;
}
#search-form input.button {
background: url(../images/search-submit.gif) no-repeat right top;
width: 24px;
height: 23px;
margin: 0 0 0 3px;
padding: 0;
border: none;
float: left;
cursor: pointer;
font-size: 0px;
}
.menu {
position: absolute;
top: 76px;
right: 0;
z-index:10;
}
.menu li {
float: left;
padding: 0 0 4px 27px;
line-height: 1.2em;
font-size: 1.417em;
color: #878787;
}
.menu li a {
text-decoration: none;
color: #878787;
}
.menu li a:hover {
border-bottom: 1px solid #f67441;
color: #f44703;
}
.menu li.active a {
border-bottom: 1px solid #f67441;
color: #f44703;
}
#slogan {
position: absolute;
top: 291px;
left: 475px;
z-index:10
}
#content {
width: 100%;
position:relative;
z-index:20;
padding-top:3px;
margin-top:-3px;
background: url(../images/content.png) no-repeat 50% 0px;
}
#content .indent {
padding: 28px 28px 75px 27px;
}
#content p {
padding: 0 0 20px 0;
line-height: 1.5em;
font-size: 1em;
color: #8d8d8d;
}
#content p.extra {
padding: 0 0 25px 0;
}
#content p.extra1 {
padding: 0 0 12px 0;
}
#content blockquote p {
background: url(../images/mark.gif) no-repeat 100% 100%;
margin: 0 0 15px 0;
padding: 0 0 4px 0;
line-height: 1.643em;
font-size: 1.167em;
font-style: italic;
color: #5e5e5e;
}
.link {
background: url(../images/link-tail.gif) repeat-x 0% 0%;
display: inline-block;
height: 29px;
float: right;
overflow: hidden;
line-height: 26px;
text-decoration: none;
font-size: 1.333em;
font-weight: 400;
color: #474646;
}
.link span {
background: url(../images/link-left.gif) no-repeat 0% 0%;
display: inline-block;
}
.link span span {
background: url(../images/link-right.gif) no-repeat 100% 0%;
display: inline-block;
height: 29px;
padding: 0 11px 0 12px;
}
.link:hover span span {
cursor: pointer;
color: #000;
}
.link-1 {
background: url(../images/link-tail.gif) repeat-x 0% 0%;
display: inline-block;
height: 29px;
float: right;
overflow: hidden;
line-height: 26px;
text-decoration: none;
font-size: 1.333em;
font-weight: 400;
color: #474646;
}
.link-1 span {
background: url(../images/link-left1.gif) no-repeat 0% 0%;
display: inline-block;
}
.link-1 span span {
background: url(../images/link-right1.gif) no-repeat 100% 0%;
display: inline-block;
height: 29px;
padding: 0 11px 0 12px;
}
.link-1:hover span span {
cursor: pointer;
color: #000;
}
.link-indent {
margin: 0 0 20px 0;
}
.list {
overflow: hidden;
}
.list li {
background: url(../images/marker.gif) no-repeat 0% 9px;
padding: 0 0 0 19px;
line-height: 2em;
font-size: 1em;
color: #1e1e1e;
}
.list li a {
text-decoration: none;
color: #1e1e1e;
}
.list li a:hover {
text-decoration: underline;
}
.list-1 {
overflow: hidden;
margin: 0 0 -8px 0;
line-height: 1.5em;
font-size: 1em;
color: #8d8d8d;
}
.list-1 dt {
color: #2c2c2c;
}
.list-1 dt img {
margin: 0 0 15px 0;
}
.list-1 dt strong {
display: block;
}
.list-1 dt strong a {
margin: 0 0 0 3px;
font-weight: normal;
color: #f44703;
}
.list-1 dd {
padding: 0 0 29px 0;
}
.list-2 {
width: 100%;
padding: 0 0 17px 0;
overflow: hidden;
}
.list-2 li {
background: url(../images/line-hor.gif) repeat-x 0% 100%;
width: 100%;
margin: 0 0 8px 0;
padding: 0 0 9px 0;
overflow: hidden;
vertical-align: top;
line-height: 1.5em;
font-size: 1em;
color: #8d8d8d;
}
.list-2 li b {
display: block;
float: right;
padding: 7px 15px 0 0;
font-size: 1.5em;
font-weight: normal;
color: #2c2c2c;
}
.list-2 li span {
display: block;
width: 36px;
height: 27px;
padding: 0 0 0 10px;
float: left;
overflow: hidden;
line-height: 1.2em;
font-size: 2.333em;
color: #f44703;
}
.list-2 li p {
overflow: hidden;
float: left;
padding: 0 !important;
line-height: 1.5em !important;
font-size: 1em !important;
color: #8d8d8d !important;
}
.list-2 li p strong {
display: block;
margin: 0 0 -3px 0;
color: #2c2c2c;
}
.list-2 li p strong a {
text-decoration: none;
color: #2c2c2c;
}
.list-2 li p strong a:hover {
text-decoration: underline;
}
.list-3 {
padding: 2px 0 1px 0;
overflow: hidden;
line-height: 1.5em;
font-size: 1em;
color: #8d8d8d;
}
.list-3 dt {
color: #f44703;
}
.list-3 dt a {
color: #f44703;
}
.list-3 dd {
padding: 0 0 21px 0;
}
.list-4 {
width: 100%;
margin: 0 0 -19px 0;
overflow: hidden;
}
.list-4 li {
width: 100%;
overflow: hidden;
padding: 0 0 29px 0;
vertical-align: top;
}
.list-5 {
padding: 0 0 8px 0;
overflow: hidden;
}
.list-5 li {
padding: 0 0 18px 0;
line-height: 1.5em;
font-size: 1em;
color: #8d8d8d;
}
.list-5 li a {
color: #f44703;
}
.list-6 {
overflow: hidden;
line-height: 1.5em;
font-size: 1em;
color: #8d8d8d;
}
.list-6 dt {
font-weight: bold;
color: #2c2c2c;
}
.list-6 dd {
width: 100%;
padding: 0 0 22px 0;
overflow: hidden;
}
.list-6 dd small {
float: right;
padding: 0 29% 0 0;
font-size: 1em;
}
.list-6 dd a {
margin: 0 0 0 9px;
}
.list-indent {
padding: 0 0 13px 0 !important;
}
.list-indent1 {
padding: 0 0 15px 0 !important;
}
.box {
background: #fff;
margin: 0 0 14px 0;
border: 1px solid #ccc;
}
.box .inner {
padding: 20px 26px 30px 26px;
}
.box .inner-1 {
padding: 20px 26px 24px 26px;
}
.box .inner-2 {
padding: 20px 20px 30px 26px;
}
.box-1 {
background: #f23b02 url(../images/box-tail.gif) repeat-x 0% 0%;
width: 100%;
}
.box-1 .inner {
padding: 18px 27px 30px 26px;
}
.box-1 h3 {
color: #fff;
}
.box-1 p {
padding: 0 !important;
line-height: 1.5em !important;
font-size: 1em !important;
font-weight: bold !important;
color: #fff !important;
}
.box-1 p small {
float: right;
padding: 0 4% 0 0;
font-size: 1em;
}
.box-1 p a {
color: #fff !important;
}
.pic-indent {
margin: 0 0 13px 0;
}
.pic-indent1 {
margin: 0 0 25px 0;
}
.pic-indent2 {
margin: 0 0 15px 0;
}
.name {
padding: 5px 0 0 0;
line-height: 1.5em;
font-size: 1em;
font-weight: bold;
color: #2c2c2c;
}
#subscribe-form {
background: url(../images/subscribe-input.gif) no-repeat 0% 0%;
width: 224px;
height: 24px;
overflow: hidden;
}
#subscribe-form input {
background: none;
width: 184px;
height: 18px;
padding: 3px 7px 3px 7px;
border: none;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.083em;
color: #8d8d8d;
}
#subscribe-form input#subscribe-submit {
background: url(../images/subscribe-submit.gif) no-repeat 0% 0%;
width: 24px;
height: 24px;
margin: 0 0 0 2px;
padding: 0;
border: none;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #2c2c2c;
cursor: pointer;
}
.no-indent {
margin: 0 !important;
padding: 0 !important;
}
#contact-form {
width: 224px;
}
#contact-form label {
display: block;
width: 100%;
height: 40px;
overflow: hidden;
}
#contact-form input {
background: none;
width: 210px;
height: 18px;
padding: 1px 5px 1px 5px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.083em;
color: #8d8d8d;
}
#contact-form textarea {
background: none;
width: 210px;
height: 118px;
padding: 1px 5px 1px 5px;
float: left;
overflow: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.083em;
color: #8d8d8d;
}
#contact-form a {
background: url(../images/link-tail.gif) repeat-x 0% 0%;
display: inline-block;
height: 29px;
float: right;
margin: 24px 0 0 20px;
overflow: hidden;
line-height: 26px;
text-decoration: none;
font-size: 1.333em;
font-weight: 400;
color: #474646;
}
#contact-form a span {
background: url(../images/link-left1.gif) no-repeat 0% 0%;
display: inline-block;
}
#contact-form a span span {
background: url(../images/link-right1.gif) no-repeat 100% 0%;
display: inline-block;
height: 29px;
padding: 0 11px 0 12px;
}
#contact-form a:hover span span {
cursor: pointer;
color: #000;
}
.privacy {
width: 100%;
}
.privacy h2 {
margin: 0 0 21px 0 !important;
}
.privacy p {
padding: 0 0 18px 0 !important;
}
.privacy p.no-indent {
padding: 0 !important;
}
.privacy p span {
display: block;
padding: 0 0 11px 0;
}
#footer {
height: 52px;
overflow: hidden;
}
#footer p {
float: right;
padding: 0 28px 0 0;
line-height: 54px;
color: #8d8d8d;
}
#footer p span {
padding: 0 6px 0 0;
}
#footer p span strong {
text-transform: uppercase;
color: #2c2c2c;
}
#footer p a {
margin: 0 0 0 6px;
text-decoration: none;
color: #8d8d8d;
}
#footer p a:hover {
text-decoration: underline;
}
#icons {
float: left;
padding: 12px 5px 0 18px;
overflow: hidden;
}
#icons li {
float: left;
padding: 0 7px 0 0;
}
#menu-bot {
float: left;
padding: 19px 0 0 0;
overflow: hidden;
}
#menu-bot li {
background: url(../images/divider.gif) repeat-y 0% 4px;
float: left;
margin: 0 0 0 -1px;
padding: 0 11px 0 12px;
word-spacing: 3px;
line-height: 1.417em;
font-size: 1em;
color: #8d8d8d;
width: 70px;
}
#menu-bot li li {
background: none;
}
#menu-bot li a {
text-decoration: none;
color: #8d8d8d;
}
#menu-bot li a:hover {
color: #2c2c2c;
}
#menu-bot li.act a {
color: #2c2c2c;
}