body {
display : block;
text-align : center;
background-color : #252525;
color : #ffffff;
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
behavior:url("/css/csshover.htc");
}
img {
border : 0 solid transparent;
}
div#container-page {
position : relative;
width : 993px;
height : auto;
background-color : black;
margin : auto;
}
div#container-upperline {
width : 100%;
height : 35px;
background : transparent url(../images/upperline.gif) repeat-x left top;
}
div#container-logos {
position : absolute;
top : 35px;
left : 0;
width : 100%;
height : 110px;
background-color : black;
}
div.flow {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 59px;
}
.dj {
background : transparent url(../images/flow_dj.gif) no-repeat left top;
}
.hfi {
background : transparent url(../images/flow_hfi.gif) no-repeat left top;
}
.pro {
background : transparent url(../images/flow_pro.gif) no-repeat left top;
}
.neutral {
background : transparent url(../images/flow_neutral.gif) no-repeat left top;
}
div#logo {
position : absolute;
bottom : 10px;
left : 80px;
z-index : 70;
}
div#model-lines {
position : absolute;
height : 59px;
width : auto;
left : 180px;
top : 35px;
background-color : transparent;
z-index : 90;
text-align : left;
}
div#mainmenu {
position : absolute;
display : inline;
right : 100px;
bottom : 10px;
}
div#mainmenu a {
display : inline;
margin-right : 15px;
}
div#container-line {
display : block;
position : absolute;
top : 148px;
left : 1px;
width : 100%;
height : 30px;
background-color : #666666;
}
div#container-content {
display : block;
background-color : #000000;
width : 100%;
position : absolute;
margin : 0;
top : 175px;
left : 0;
}
div#container-return {
display : block;
position : absolute;
background-color : black;
top : 0;
left : 0;
height : 1em;
width : 100%;
padding : 0.4em 0;
}
div#container-return span {
font-size : 0.8em;
}
div#container-maincontent {
display : block;
position : absolute;
top : 1.6em;
left : 0;
width : 100%;
margin : 0;
height : auto;
}
div#container-catalog {
display : none;
position : absolute;
width : 250px;
height : auto;
top : 145px;
background-color : #252525;
left : 615px;
text-align : left;
z-index : 90;
border : 3px solid white;
}
div#container-catalog a {
text-decoration : none;
}
div#container-banner {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 200px;
background-color : black;
}
div#banner {
margin : 15px auto;
height : 164px;
width : 611px;
background-color : #000000;
}
div#banner img {
margin : 0;
}
div#container-catalog div {
display : block;
width : 230px;
cursor : pointer;
}
div#container-catalog div:hover {
background-color : black;
}
div#container-catalog img {
margin : 5px 10px;
}
div#container-show-photos {
display : block;
position : absolute;
bottom : 20px;
left : 190px;
width : auto;
padding : 5px 20px;
margin : 0;
cursor : pointer;
background-color : #252525;
text-decoration:none;
}
div#container-photos {
display:none;
width:auto;
height : 100px;
left : 190px;
background-color : white;
position : absolute;
padding : 10px;
top : 179px;
z-index : 3;
}
div#container-photos img {
height : 100px;
margin-right : 10px;
}
.cat-model-head {
font-size : 1em;
font-weight : bold;
padding-left : 20px;
padding-bottom : 5px;
}
.orange {
color : #f7b218;
}
.pink {
color : #fc1192;
}
.blue {
color : #1b9cc8;
}
div#container-descr {
position : absolute;
top : 200px;
width : 100%;
left : 0;
background-color : black;
}
div#container-descr p {
text-align : left;
margin : 5px 50px;
}
div#container-descr ul li {
text-align : left;
margin : 0 50px;
}
div#gallery img {
margin : 10px 5px 20px 5px;
}
table#compare {
margin : 20px 1%;
background-color : #252525;
}
p#model-choice {
text-align : left;
margin-left : 30px;
text-decoration : underline;
}
div#chars {
margin : 5px;
float : left;
width : 20%;
background-color : #252525;
}
.compare-item {
float : left;
width : 20%;
}
#cats {
background-color : black;
}
h4 {
font-size : 1em;
font-weight : bold;
margin-top : 10px;
text-align : left;
margin-bottom : 5px;
margin : 10px 30px;
}
table#maintable {
width : 70%;
margin : 10px 15%;
text-align : left;
border : 2px solid white;
}
table#maintable img {
padding : 5px 20px;
}
table#maintable p {
margin-left : 5px;
}
table#maintable tr:hover {
background-color:#252525;
}
table#modelstable {
width : 70%;
margin : 10px 15%;
border : 2px solid white;
text-align : left;
}
table#modelstable tr {
vertical-align : middle;
margin:0;
padding:0;
height : 1.6em;
}
table#modelstable tr:hover {
background-color:#252525;
}
table#modelstable p {
margin : 5px;
text-decoration:none;
}
table#modelstable tr td img {
width : 100px;
margin : 10px;
}
table#modelstable tr td a h3 {
text-decoration : underline;
}
h3 {
font-size : 1.2em;
margin : 5px;
}
div#footer {
display : block;
height : 80px;
width : 100%;
background : transparent url(../images/upperline.gif) repeat-x left bottom;
margin : 0;
}
div.inmain {
width:100%;
margin:0;
padding:0;
cursor:pointer;
text-decoration:none;
}
.right {
text-align:right;
}
.left {
text-align:left;
}