/* LAYOUT ONLY!! */
html, body, #wrapper, #container { height:100%; margin: 0 auto; padding: 0; text-align: center; border-style: none; scrollbar-3dlight-color: #bbbbaa; scrollbar-arrow-color: #411818;;
scrollbar-darkshadow-color: #aaaa99; scrollbar-face-color: #ffffdd; scrollbar-highlight-color: #ddc; scrollbar-shadow-color: #411818; scrollbar-track-color: bba; }
#wrapper { width: 800px; border: solid 1px gray; padding: 0; /*10px;*/
background-color: #ffe; margin: 0 auto; }
#container { width: 800px; border: solid 1px gray; padding: 0; /*10px;*/
background-color: #ffe; margin: 0 auto; }
#header { color: #ffffff; font-weight: 400; text-align: center; width: 800px; height: 150px; margin: 0 0 7px; }
#content { float: right; width: 665px; display: inline; overflow: auto; margin-top: 0; margin-right: 5px; margin-bottom: 10px; padding: 0; }
#inline { width: 660px; margin: 0; padding: 0; border: solid 1px #c0c0c0; display: block; }
#footer { text-align: center; clear: both; }
/* THE TOP MENU */
#topleftside { width: 200px; height: 150px; float: left ; margin-top: 0; }
#topleftside a.velux1 { font-family: Verdana; font-weight: bold; text-align: center; vertical-align: middle; margin-right: auto; margin-left: auto; border-color: #f00; }
#topleftside a.velux1 img { margin-top: 25px; border-width: 0; }
#topleftside a.velux2 { color: #000; font-size: 25px; font-family: Verdana; font-weight: bold; margin-top: 10px; }
#nav1 { margin-top: 0; margin-bottom: 28px; margin-left: 90px; }
#nav1 ul {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
#nav1 a { color: #777; font-size: 12px; font-weight: bold; text-decoration: none; text-align: center; width: 120px; padding-top: 5px; padding-bottom: 6px; display: block; border: solid 1px #c0c0c0; }
#nav1 a:hover { color: #d04a10; background-color: #feb; border: solid 1px #f00; }
#nav1 li { width: 120px; height: 20px; float: left; clear: right; margin: 0 4px 0 0; display: block; }
/* THE LEFT MENU */
#nav2 { position: relative; left: 0; z-index: 1; float: left; margin-top: 61px; }
#nav2 ul { text-align: left; width: 110px; margin: 0; padding: 0; list-style-type: none
}
#nav2 li { width: 110px; height: 20px; margin-bottom: 7px; display: block; }
#nav2 li a { display: block; font-weight: 700; font-size: 11px; color: #08348d; background-color: #f1f9fc; text-decoration: none
; width: 110px; padding: 4px 6px 5px 10px; border-color: #c3e4ff; border-style: solid; border-width: 1px 1px 1px 0; }
#nav2 li a:hover { color: #eff6ff; background-color: #08348d; border-color: #000; border-style: solid; border-width: 1px 1px 1px 0; }
#nav2 li ul { position: absolute
; width: 200px; visibility: hidden; margin: 0 0 0 126px; padding: 0; }
#nav2 li ul li { width: 180px; height: 20px; margin-top: 0; margin-bottom: 3px; padding-top: 0; padding-bottom: 0; }
#nav2 li ul li a { display: block; font-weight: 700; font-size: 11px; color: #000; background-color: silver; text-decoration: none
; width: 180px; margin-top: 0; margin-bottom: 0; padding: 4px 6px 5px 15px; border-color: #999 silver; border-style: solid; border-width: 1px 1px 1px 0; }
#nav2 li ul li a:hover { color: #ffe; background-color: #000; border-color: #000; border-style: solid; border-width: 1px 1px 1px 0; }
#nav2 li:hover ul { visibility: visible; }
#nav2 li.sfhover ul { visibility: visible; }
#nav2 li:hover ul ul { visibility: hidden; }
#nav2 li.sfhover ul ul { visibility: hidden; }
#nav2 li ul ul { position: absolute; width: 220px; height: 20px; margin: 0 0 0 202px; padding: 0; }
#nav2 li ul ul li { width: 220px; height: 20px; margin-top: 0; margin-bottom: 3px; padding-top: 0; padding-bottom: 0; }
#nav2 li ul ul li a { display: block; font-weight: 700; font-size: 11px; color: #000; background-color: #cde; text-decoration: none
; width: 220px; margin-top: 0; margin-bottom: 0; padding-top: 4px; padding-right: 6px; padding-left: 15px; border-color: #999 silver; border-style: solid; border-width: 1px 1px 1px 0; }
#nav2 li ul ul li a:hover { color: #fff; background-color: #33517a; border-color: #000; border-style: solid; border-width: 1px 1px 1px 0; }
#nav2 li ul li:hover ul { visibility: visible; }
#nav2 li ul li.sfhover ul { visibility: visible; }
/* THIS IS USED TO DISPLAY A SELECTED GROUP IN THE MENU */
#active a:link, #active a:visited, #active a:hover
{ color: #eff6ff; background-color: #08348d; border: solid 1px #000; }
/* TEXT MAKEUP AND OTHER COSMETICS HERE!!! */
#hideable {
background-color: white;
}
/* image properties */
.imgleft {
float: left;
padding: 6px 10px 6px 0px;
}
.imgright {
float: right;
padding: 6px 0px 6px 10px;
}
img {
border-width: 0px;
}
/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg {
border-style:solid;
border-color: #D6DDE6;
border-width:1px;
}
/* general settings */
html {
height: 100%;
}
body { height: 100%;
font: 11px Verdana, Tahoma, Arial, sans-serif;
background: #999; margin: 0;
}
/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7
{
margin: 0px;
padding: 0px;
color: black;
}
h1 {
/* left menu */
font-size: 13px;
font-weight: bold;
color: #33517A;
}
h2 { /* page headers */
font-size: 14px;
font-weight: bold;
}
h3 { /* slogan under logo */
font-size: 15px;
font-weight: bolder;
position: relative;
}
h4 { /* back to admin options, and other text links like that */
font-size: 12px;
text-align: center;
font-weight: normal;
}
h5 { /* product id in details.php */
font-size: 12px;
font-weight: bold;
}
h6 { /* the headers in editsettings.php */
font-size: 13px;
text-align: center;
font-weight: bold;
color: black;
border: 1px solid #808080;
background: url(images/h6_bg.png) #d9dffb;
}
/* how the links should behave (apart from the menu) */
a { text-decoration: underline; }
a:link { width: 800px; margin-right: auto; }
a:visited { color: #003366; }
a:active { color: #003366; }
a:hover { color: #0D4D89; }
/* a link class that is pretty plain */
a.plain { text-decoration: none; }
a.plain:link { color: black; }
a.plain:visited { color: black; }
a.plain:active { color: black; }
a.plain:hover { color: black; }
/* single pixel borders on input boxes */
input, textarea
{
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: black;
}
/* text in tables */
td, th {
font: 11px Verdana,Tahoma,Arial,sans-serif;
}
/* tables of this class have no border */
table#borderless {
border-collapse: collapse;
border-style: hidden;
}
table.borderless th,
table.borderless td { text-align: left; border: hidden 0; padding: 5px; vertical-align: top; }
table.borderless caption {
font-size: 14px;
font-weight: bold;
color: #33517A;
text-align: left;
padding-top: 3px;
padding-bottom: 8px;
margin-left: auto;
margin-right: auto;
}
#main { font-family: Verdana; background-color: #fff; margin: 10px 10px 15px; padding: 10px; border: solid 1px #000; }
#welcome{ color: #000; font-size: 16px; font-family: Verdana; font-weight: bold; text-align: left; margin-top: 10px; margin-bottom: 20px; margin-left: 40px; }
#mapDilsen { width: 640px; height: 368px; margin: 20px auto 15px; }
/* a class that describes how tables should look */
.datatable {
border: 1px solid #666677;
border-collapse: collapse;
margin-left:auto;
margin-right:auto;
}
.datatable td { padding: 4px; text-align: left; vertical-align: top; background-color: #ffffff; border: solid 1px #999; }
.datatable th {
font-weight: bold;
color: #666677;
text-align: left;
padding: 4px;
border: solid 1px #808080;
background: #d9dffb url(images/h6_bg.png);
}
.datatable caption {
font-size: 14px;
font-weight: bold;
color: #33517A;
text-align: left;
padding-top: 3px;
padding-bottom: 8px;
margin-left: auto;
margin-right: auto;
}
.datatable tr.altrow {
background-color: #E9EEF5;
color: #000000;
}
/*.datatable tr:hover, .datatable tr.hilite {
background-color: #dff;
color: #000000;
}*/
.datatable td.product { font-weight: bold; text-align: left; padding-left: 10px; }
.datatable td.left { font-weight: bold; text-align: left; padding-left: 10px; }
.datatable td.varia { text-align: center; }
.datatable td.code { color: #128d00; font-weight: bold; text-align: center; }
.datatable td.price { text-align: right; padding-right: 30px; }
.datatable td.HR { color: #667; font-size: 11px; font-weight: bold; line-height: 12px; text-align: left; padding-left: 10px; background-color: #eeffff; width: 100%; height: 12px; }
.datatable td.empty { background-color: white; width: 100%; height: 18px; margin: 0; padding: 0; }
.datatable th.left { text-align: left; padding-left: 10px; }
.datatable th.varia { text-align: center; }
/* (?) popup properties */
a.info{
position:relative; /*this is the key*/
z-index:24; background-color:red;
color:#000;
text-decoration:none;
font-size: 11px;
font-weight: normal;
}
a.info:hover{z-index:90; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
z-index: 90;
top:2em; left:1em; width:25em;
border:1px solid #0cf;
background-color:#cff; color:#000;
text-align: left
}
#velux { font-family: Verdana; background-color: #ffffff; text-align: left; padding-left: 5px; }
#velux .defaultbold { font-size: 11px; font-weight: bold; padding-bottom: 10px; }
#velux .default { font-size: 10px; }
#velux li { font-size: 9px;}
#velux h3 { margin-left: 15px; margin-top: 10px; }
#velux hr { margin-bottom: 10px; margin-top: 10px; }
#velux a { color:#128d00; }
#velux p { margin-left: 30px; margin-right: 30px; }
#velux .tb { width: 600px; }
#skylux { background-color: #fff; width: 580px; margin-top: 0; margin-right: 25px; margin-left: 25px; }
#skylux h1 { color: #000; font-size: 14px; font-family: Verdana; line-height: 24px; text-align: left; margin-top: 10px; margin-bottom: 5px; }
#skylux h2 { color: #000; font-size: 13px; font-family: Verdana; line-height: 16px; text-align: left; }
#skylux p { color: #000; font-size: 11px; font-family: Verdana; margin-top: 5px; }
#skylux table { width: 100%; margin: 0; padding: 0; }
#skylux th { color: #000; font-size: 10px; font-family: Verdana; margin: 0; padding: 0; }
#skylux td { color: #000; font-size: 10px; font-family: Verdana; margin: 0; padding: 0; }
#skylux ul { margin-top: 0; margin-bottom: 20px; }
#skylux li { color: #000; font-size: 10px; font-family: Verdana; margin-bottom: 3px; margin-left: -10px; list-style-type: disc; }
#skylux img { margin-left: 20px; }
#skylux a:link {
font-weight: bold; color: #128d00; line-height: 125%; text-decoration: none
}
#skylux a:visited {
font-weight: bold; color: #008948; line-height: 125%; text-decoration: none
}
#skylux a:hover {
font-weight: bold; color: #f00; line-height: 125%; text-decoration: none
}
#skylux a:active {
font-weight: bold; color: #128d00; line-height: 125%; text-decoration: none
}