html {
width: 100%;
min-height: 100%;
margin: 0em;
padding: 0em;
}
body {
width: 100%;
min-height: 100%;
margin: 0em;
padding: 0em;
color:#000;
background:#ddd url(../img/background.gif) repeat;
font-family: 'Verdana', Arial, sans-serif;
font-size:62.5%;
text-align: center;
}
* html body {
height: 100%;
}
form {
margin:0;
padding:0
}
img {
border:none
}
a {
text-decoration:none;
color:#646464
}
input {
vertical-align:middle
}
select {
font:11px tahoma,arial,sans-serif;
}
.clear {
clear:both
}
.floatleft {
float:left
}
.floatright {
float:right
}
.bold {
font-weight:bold
}
#main-bg {
width:100%;
min-height: 100%;
}
#main {
position: relative;
width:80.1em;
margin: 0em auto 0em auto;
}
#header {
width:80.1em;
max-width:100%;
height:11em;
background-color: #fff;
border-bottom:1px solid #666;
text-align: left;
}
#logo {
width:21em;
}
#header h5 img {
width:218px;
height:61px;
padding:1.7em 0 0 1.8em;
}
#header ul {
margin:0;
padding:0;
position:absolute;
top:9em;
left:1em;
font-weight:bold;
border-left:1px solid #7E7E7E;
border-top:1px solid #7E7E7E;
}
#header ul li {
float:left;
margin:0;
padding:0;
list-style:none;
font-size:1.3em;
border-left:1px solid #fff;
border-right:1px solid #7E7E7E;
position:relative;
height:1em;
}
#header ul li.products {
background-position:0 0;
color:#fff;
background:#CC0000;
height: 1.9em;
}
#header ul li.offers {
background-position:0 0;
color:#fff;
background:#FFCC00;
height: 1.9em;
}
#header ul li.contact {
color:#fff;
background-position:0 0;
background:#006600;
height: 1.9em;
}
#header ul li.why {
color:#fff;
background-position:0 0;
background:#000099;
height: 1.9em;
}
#header ul li a {
float:left;
display:block;
height:1.9em;
line-height:1.8em;
padding:0 3.33em;
color:#fff;
background:url(../img/bg-top-nav.gif) repeat-x 0 -80em
}
#header ul li a:hover,
#header ul li .active {
background-color:#E0E1E1;
background-position:0 0
}
#header ul li ul {
display:none;
position:absolute;
top:2.8em;
left:-2px;
border:1px solid #555;
width:10em;
padding:1px;
margin:0;
background:#fff
}
#header ul li ul li {
border:0;
margin:0 0 1px 0;
height:auto
}
#header ul li ul li a {
float:none;
border:1px solid #ccc;
background:none;
height:auto;
line-height:18px;
padding:0 7px;
width:144px;
font-size:11px
}
#header ul li ul li a:hover {
background:none;
color:#09f;
}
#header ul li:hover ul,
* html #header ul li.hover ul {
display:block
}
#middle {
float:left;
width:80.1em;
max-width:100%;
background:#fff url(../img/top-gradient.gif) repeat-x top;
border-left:1px solid #666;
border-right:1px solid #666;
padding:0 0 16px 0;
}
#visual {
padding:0.7em 2em 2em 1.3em;
height:23em;
max-width:100%;
text-align: left;
}
div#visual h4 img {
height:23em;
width:77.5em;
}
*div#visual h4 img {
height:14em;
width:50.5em;
}
#top-image {
padding:0.1em 1em 0 2em;
height:20em;
width:76em;
max-width:100%;
}
*#top-image {
padding:0.1em 0em 0 2em;
height:20em;
width:46em;
}
#visual h1 {
color:#fff;
margin:0;
padding:187px 0 0 26px;
font-size:2em;
font-weight:normal
}
.content {
float:left;
padding:0 11px 0 20px;
width:77em;
text-align: left;
background:url(../img/bg-pixel-wt.gif) repeat-y 526px 0
}
.main-column {
float:left;
width:76em;
text-align: left;
}
.content a {
text-decoration:underline
}
.content a:hover {
text-decoration:none
}
h2,
h3 {
background:#C8E0F1;
border-top:1px solid #B5B5B5;
border-bottom:1px solid #B5B5B5;
height:1.6em;
line-height:24px;
font-size:14px;
padding:0 0 0 10px;
margin:0 0 9px 0;
text-align: left;
}
h3 {
background-position:50% 50%
}
h2 span,
h3 span {
color:#09f
}
.content p {
margin:13px 6px 14px 10px;
font-size:1.1em;
line-height:1.3em
}
p.go {
margin:-10px 0 14px 10px;
width:265px;
text-align:right
}
.image-right {
float:right;
padding:0 10px 10px 10px
}
.image {
margin:-5px 0 3px 0
}
a.link {
position:relative;
display:block;
margin:-10px 0 10px 8px;
font-size:12px;
color:#0049AA;
font-weight:bold
}
#footer {
float:left;
width:100%;
margin:0 0 3em 0;
background:#666 url(../img/bg-footer.gif) repeat-x top;
height:2em;
line-height:2em;
color:#fff;
font-size:1em
}
#footer div {
float:left;
padding:0 0 0 14px
}
#footer ul {
float:right;
padding:0 10px 0 0;
margin:0
}
#footer ul li {
display:inline;
margin:0;
padding:0;
list-style:none
}
#footer ul li a {
color:#fff;
background:url(../img/bg-border-footer.gif) no-repeat right;
padding:0 15px 0 12px
}
#footer ul li.last a {
padding:0 7px 0 12px;
background:none
}
#footer ul li a:hover {
text-decoration:underline
}