html,body {
margin:0;
padding:0;
height:100%;
font-family: Arial, sans-serif;
font-size: 12px;
background-color:#ffffff;
}
a{font-family:arial;font-size:12px;margin:0;display:inline;color:#007388;text-decoration:none;font-weight:normal;}
a:hover{color:#EEB310;text-decoration:underline;}
.social a[href^="http:"] {
display: inline-block;
padding-right: 5px;
text-decoration:none;}
.social img {border:0px;width:25px;}
/* Kopfzeile (header.php)*/
.noscript {margin-left:20%;margin-right:20%;font-weight:bold;border:1px solid #F91313;padding:10px;}
.noscript span{color:#F91313;}
.headlogo {width:155px;margin-top:0px;vertical-align:middle;}
.headlogo img{width:124px;height:20px;margin:0;padding:0;}
.finder {text-align:right;font-size:12px;}
.finder h4{margin:0px;padding:0px;text-align:right;font-size:12px;color:#000000;font-weight:bold;}
.finder input{font-size:12px;}
.bar img {margin-left:5px;width:110px;}
.bar {width:100%;border-bottom:3px solid #D3D3D3;margin-bottom:10px;vertical-align:middle;}
.bar li{display:inline;margin:5px;}
.bar a{color:#007388;text-decoration:none;font-weight:bold;}
.bar a:hover{color:#EEB310;text-decoration:underline;}
.bar ul{margin-left:0px;padding-left:0px;line-height:1.2;}
.bar p{display:inline;color:#EEB310;font-weight:bold;}
#navilexikon .bar .lexikon a{color:#EEB310;text-decoration:none;font-weight:bold; letter-spacing: 0.1px;}
#navilexikon .bar .www {display:none;}
#navilexikon .bar .detail {display:none;}
#naviklein .bar .www {display:none;}
#naviklein .bar .detail {display:none;}
#naviklein .bar .klein a{color:#EEB310;text-decoration:none;font-weight:bold; letter-spacing: 0.1px;}
#navigross .bar .detail {display:none;}
#navigross .bar .klein a{color:#EEB310;text-decoration:none;font-weight:bold; letter-spacing: 0.1px;}
#navihersteller .bar .www {display:none;}
#navihersteller .bar .detail {display:none;}
#navihersteller .bar .hersteller a{color:#EEB310;text-decoration:none;font-weight:bold; letter-spacing: 0.1px;}
#naviwww .bar .lexikon {display:none;}
#naviwww .bar .detail {display:none;}
#naviwww .bar .www a{color:#EEB310;text-decoration:none;font-weight:bold; letter-spacing: 0.1px;}
#navidetail .bar .detail {font-size:12px;}
#laden .bar .lexikon {display:none;}
#laden .bar .detail {display:none;}
#laden .bar .start a{color:#EEB310;text-decoration:none;font-weight:bold; letter-spacing: 0.1px;}
dl.meImghok { float: right; margin-right: 1em; }
// verhindert das Einrücken und
// den Abstand nach oben
dl.meImghok dt {padding:0; margin: 0 0 0 0; }
dl.meImghok dd {padding:0;font-size:11px; margin:2px 0 0 20px; }
dl.meImghokrh {border: 2px solid #D3D3D3;padding-bottom:10px;float:left;margin-right: 1em; float:left;}
// verhindert das Einrücken und
// den Abstand nach oben
dl.meImghokrh dt {padding:0; margin: 0 0 0 0; }
dl.meImghokrh dd {padding:0;font-size:11px; margin:2px 40px 0 10px;align:top; }
dl.meImghokrh dd img{float:left;padding:0 0 0 0;font-size:11px; margin:10px 10px 0 25px; }
/* MainBody Standardseite*/
.hok {padding-top:0px;vertical-align:top;font-family:arial;text-align:left;width:500px;margin-left:auto;margin-right:auto;}
.hok h2{padding:1px;font-size:12px;margin:20px 0 5px 0;}
.hok p{font-family:arial;font-size:12px;margin:0;padding:0 0 10px 0;display:block;line-height:1.5;}
.hok img {margin:20px 0 0 20px;}
.legende img {float:left;margin-right:15px;}
#navilexikon .legende img {float:left;margin-right:15px;border:0;width:7px;height:7px;}
.legende h4 {font-size:13px;margin-bottom:10px;}
.legende h3{padding:1px;font-size:12px;margin-top:12px;}
.legende h2{padding:1px;margin:0px;font-size:12px;margin-top:0px;}
.legende h1{text-align:left;color:#EEB310;font-weight:bold;font-family:arial;font-size:14px;margin:0;padding:5px 0px 15px 0px;line-height:1.0;}
.legende hr{color:#63BEC1;height:3px;margin:5px auto 5px auto;background-color:#D3D3D3;border:0px;}
#navidetail .legende h1{padding:5px 0px 0px 0px;}
.legende p{font-family:arial;font-size:12px;margin:0;padding:1px;display:inline;line-height:1.5;}
.legende a{font-family:arial;font-size:12px;margin:0;padding:1px;display:inline;color:#007388;line-height:1.5;}
.legende a:hover{color:#EEB310;}
.legende {padding-top:0px;vertical-align:top;font-family:arial;text-align:left;width:500px;margin-left:auto;margin-right:auto;}
.legende ul{font-size:12px;margin:0;padding:1px;margin-left:20px;}
.legende li {line-height:1.5;margin-bottom:5px;}
.detaille h1{text-align:left;color:#EEB310;font-weight:bold;font-family:arial;font-size:14px;margin:0;padding:5px 0px 0px 0px;line-height:1.0;}
#navihersteller table.welcome {border-spacing:0px;}
#navihersteller .welcome {width:500px;border:1px;}
#navipresse .legende p{display:block;}
#navilexikon .legende p{display:block;line-height:20px;}
#navilexikon .legende h2{padding:1px;font-size:12px;margin-top:12px;}
#navigross .legende{width:880px;padding-top:0px;}
#navigross .legende p{display:block;}
#naviklein .legende{width:880px;padding-top:0px;}
#naviklein .legende p{display:block;}
/* MainBody Startseite*/
.nobrWWW {width:200px;border:1px solid #D3D3D3;}
.nobrWWW a{color:#007388;}
.nobrDB {vertical-align:top;height:230px;width:200px;border:1px solid #D3D3D3;margin:0;padding:0;}
.nobrDB a{color:#007388;margin:0px;padding:0px;text-align:left;padding-left:5px;}
.indi1 {border:1px solid #D3D3D3;height:230px;font-weight:bold;}
.indi1 p,li{font-weight:normal;}
.indi1 a{color:#007388;}
.action p{font-size:12px;}
.welcome input{font-size:12px;}
.welcome h3{padding:1px;font-size:12px;margin-top:2px;margin-left:400px;margin-bottom:5px;}
.welcome h2{margin-bottom:0px;margin-top:0px;font-size:12px;background: #eeeeee;border-bottom: 1px solid #888888;border-right: 0px solid #888888;background-image: url('/images/steel.png');background-repeat: repeat-x;text-align:left;padding:5px;}
.welcome h1{padding:1px;margin:0px;font-size:12px;color:#EEB310;text-align:right;}
.welcome a{line-height:1.6;text-decoration:none;}
.welcome a:hover {color:#EEB310;text-decoration:underline;}
.welcome p{float: left;font-size:12px;margin:0;padding:5px;display:inline;line-height:1.5;}
.welcome form{padding-left:5px;padding-top:5px;}
.welcome {border-spacing:10px;font-family:arial;text-align:left;width:773px;margin-left:auto;margin-right:auto;}
.welcome ul{font-size:12px;margin:0;padding:1px;margin-left:420px;line-height:17px;margin-right:5px;}
#navihersteller .welcome td{border:1px solid #D3D3D3;}
#navihersteller .welcome p{margin:0px;padding:2px 40px 2px 5px; float:right;}
.welcome td{vertical-align:top;border:0px solid #D3D3D3;}
.welnor a{font-size:12px;color:#007388;padding:5px;}
#navihersteller .welcome a{font-size:12px;color:#007388;margin:0px;padding:0 0 0 5px;}
#navihersteller .welcome {font-size:12px;}
#navihersteller .welcome h2{height:30px;}
#navihersteller .welcome sup{font-size:8px;}
#navihersteller table{padding-top:10px;}
#navipreis .welcome {width:280px;}
/* Startseite Logozeile*/
.wel h1{letter-spacing: 0.1px;padding:1px;margin:0px;font-size:14px;color:#EEB310;text-align:right;}
.wel {font-family:arial;text-align:left;width:753px;margin-left:auto;margin-right:auto;margin-top:10px;}
.wel img {height:30px;width:184px;}
/* Fu?zeilen (footer22.php und footer2.php) */
#footen p{font-size:12px;margin:0;padding:1px;display:inline;}
#footen a{font-weight:bold;text-decoration:none;color:#007388;font-size:12px;margin:0;padding:1px;display:inline;padding-right:5px;padding-left:5px;}
#footen a:hover{color:#EEB310;text-decoration:underline;}
#footen {text-align:center;border:2px;padding-top:0px;padding-bottom:10px;vertical-align:top;font-family:arial;width:100%;}
#footen img {border:0px solid #000000;margin-left:auto;margin-right:auto;}
table#footen {border-bottom:3px solid #D3D3D3; margin-bottom:5px;}
.footagb {padding:1px;font-family:arial;width:886px;font-size:12px;margin: 10px auto 0 auto;}
.footagb p{padding:5px;}
.footagb hr{color:#63BEC1;height:3px;margin:5px auto 5px auto;background-color:#D3D3D3;border:0px;}
#navihersteller .footagb {width:500px;}
#footen .social img {width:25px;height:25px;}
#footen .social a[href^="http:"]{padding-right:4px;background:none;}
#footen .social hr{color:#63BEC1;height:3px;margin:5px auto 5px auto;background-color:#D3D3D3;border:0px;}
/* externe Links */
#laden a[href^="http:"] {background:none;}
a[href^="http:"] {
display: inline-block;
padding-right: 14px;
background: transparent url("/images/icons/icon_external_link2.png") center right no-repeat;
}
#footen a[href^="http:"] {
display: inline-block;
padding-right: 15px;
background: transparent url("/images/icons/icon_external_link2.png") center right no-repeat;
}
#navidetail a[href^="http:"] {
display: inline-block;
padding-left:0px;
background: transparent url("/images/icons/icon_external_link2.png") center right no-repeat;
}
/* Bild Startseite */
.img-shadow {
float:left;background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
background: url(/images/shadow.gif) no-repeat bottom right;margin: 10px 0 0 10px !important;
margin: 5px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
/* Button Startseite */
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
color: #007388;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
margin-left:30px;
margin-top:5px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.button:hover{color:#EEB310;}
a.button span {
background: transparent url('/images/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #007388;
outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
background-position: bottom left;
padding: 5px 0 5px 18px; /* push text down 1px */
}
/* Button zum Angebot */
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.butt {
background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
color: #007388;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 0px;
margin-left:0px;
margin-top:5px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
font-weight:bold;}
a.butt span {
background: transparent url('/images/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 2px;
margin:0px;
}
a.butt:active {
background-position: bottom right;
color: #007388;
outline: none; /* hide dotted outline in Firefox */
}
a.butt:active span {
background-position: bottom left;
padding: 5px 0 5px 18px; /* push text down 1px */
}
/* MainBody Auswahlseiten*/
.umfragebig {padding-left:330px;padding-bottom:8px;}
.umfragebig a {text-decoration:underline;}
.umfrage {padding-left:180px;padding-bottom:8px;}
.umfrage a {text-decoration:underline;}
.passtie {border-spacing:0px;width:880px;margin-left:auto;margin-right:auto;background-color:#ffffff;}
.passtie p{font-family:arial;font-size:12px;margin:0;padding:1px;}
.passtie h1{color:#EEB310;font-weight:bold;font-family:arial;font-size:14px;margin:0;padding:5px 0px 15px 0px;line-height:1.0;}
.passtie a{font-family:arial;font-size:12px;margin:0;padding:1px;display:inline;color:#007388;}
.passtimgie {vertical-align:top;width:200px;height:16px;margin:0;padding:0;}
.passtappletie {vertical-align:top;margin:0px;padding:0px;background-color:#ffffff;}
.passtmainie {vertical-align:top;border:1px solid #909090;width:197px;height:355px;margin:0px;padding:0px;}
.passtpicie {padding-top:10px;vertical-align:top;width:197px;height:170px;border-bottom:1px solid #909090;border-right:1px solid #909090;border-left:1px solid #909090;}
#naviklein .passtmainie {height:371px;}
#naviklein .passtdie {height:20px;border:none;}
.passtdie {width:200px;height:200px;margin:0;padding:0px;vertical-align:top;}
.preview {font-family: Arial, sans-serif;letter-spacing: 0px;background-image: none;font-size:12px;margin-bottom: 0;
padding-bottom: 0;
}
.preview td{padding:2px 0px 2px 2px;margin:0;font-weight:bold;}
.preview a{letter-spacing: 0px;font-size:12px;font-family:arial;color:#007388;margin:0;}
.preview a:hover{text-decoration:underline;color:#EEB310;}
.lict { letter-spacing: 0.1px; font-family:arial,sans-serif; font-size:8pt; line-height:16px; padding-left:5px;}
.prepreis {text-align:right;letter-spacing: -0.5px;
}
.scraper {vertical-align:top;border:0;}
.scraper p{vertical-align:top;display:block;margin:0 0 0 0;padding:0 0 2px 10px;}
.scraper hr {color:#D3D3D3;}
#navidetail .scraper a[href^="http:"] {background: none;padding:0;margin:0;}
#navidetail .scraper a{background: none;padding:0;margin:0;border:0;}
.nobackground {
background-image: none;
}
.td-bold {
font-weight: normal;color:#000000;padding-left:0px;width:141px;
}
.td-bold p{
font-size:12px;font-weight: normal;color:#000000;padding-left:0px;margin-right:0px;
}
.td-bolda p{
font-size:12px;font-weight: normal;color:#000000;padding-left:0px;margin-right:0px;
}
.td-bold a{
font-weight: normal;line-height:1.5;
}
.td-sma {
font-weight: normal;
}
.td-smaa p{
font-weight: normal;font-size:12px;
}
.td-sma p{
font-weight: normal;font-size:12px;
}
.td-bolda {background-color:#F6F6F6;
font-weight: normal;color:#000000;padding-left:0px;width:141px;
}
.td-bolda a{
font-weight: normal;line-height:1.5;
}
.td-smaa {background-color:#f6f6f6;
font-weight: normal;
}
.td-bold legend{
font-weight: bold;
}
.small-hint {
font-size: 10px;
color: #555555;
font-family: Arial,sans-serif;
}
.texte ul{padding-left:10px;margin-left:10px;margin-right:5px;}
.texte li{padding-bottom:2px;letter-spacing: 0.1px;font-weight:normal;font-size:11px;font-family:Arial,sans-serif;line-height:1.3;padding-left:5px;padding-right:3px;}
.texte p{text-align:justify;font-weight:normal;font-size:11px;font-family:Arial,sans-serif;line-height:1.5;letter-spacing: 0.1px;padding-left:3px;padding-right:3px;}
.texte h4{font-size:12px;font-family:Arial,sans-serif;font-weight: bold;line-height:1.3;padding-left:3px;padding-right:3px;text-align:left;}
.texte h3{font-size:12px;font-family:Arial,sans-serif;font-weight: bold;line-height:1.3;padding-left:3px;padding-right:3px;text-align:left;}
/* Ladeseite*/
.ladeseite {margin-left:167px;background-color:#ffffff;display:block;border:1px solid #ffffff;width:700px;height:790px;z-index:1000;position:absolute;}
.ladeseite p{line-height:1.5;}
#aussen
{
background-color: #fff;
border: 1px solid #D3D3D3;
padding: 2px;
width: 200px;
}
#innen
{
background-color: #EEB310;
width: 5px;
}
/* Modellinformationen - Preisvergleich*/
.mileg {color:#000000;}
.modelist {vertical-align:top;color:#000000;}
.modelthumb {text-align:center;}
.modelthumb img{float:left;padding:4px;margin:3px; border: 1px solid #a9a9a9;}
.modelhead h1{padding-left:0px;text-align:left;font-size:14px;color:#EEB310;margin-top:2px;padding-top:0;letter-spacing: 0.1px;}
.modelhead p{font-size:12px;padding-bottom:0px;margin-bottom:0px; padding-left:0px;line-height:1.5;letter-spacing: 0.1px;padding-right:100px;}
.modelhead {width:300px;}
.modelimg {width:270px;}
.modelimg a{font-size:12px;color:#007388;font-weight:normal;line-height:1.5;}
.modelimgs {border:0;text-align:center;}
.modelimgs img{border:0;}
.minfo h2, .minfodex h2 {line-height:1;padding:5px 0px 5px 5px;margin:0;font-size:12px;background: #eeeeee;border-bottom: 1px solid #888888;border-right: 0px solid #888888;background-image: url('/images/steel.png');background-repeat: repeat-x;text-align:left;}
#navidetail .minfo, .minfodex {width:253px;line-height:1.5;text-align:left;margin-top:10px;border:1px solid #D3D3D3;border-spacing:0;margin-left:auto;margin-right:auto;padding:0px;}
.minfo hr{padding:0;margin:0;}
.minfodex img{padding-top:5px;}
.minfodex span{vertical-align:middle;line-height:1.8;}
.minfo img{vertical-align:bottom;}
.minfo p{font-family:Arial,sans-serif;letter-spacing: 0.1px;line-height:1.2;font-weight:normal;text-align:left;padding-left:5px;margin-top:0px;font-size:12px;padding-bottom:3px;padding-top:3px;margin-bottom:0px;}
.minfodex p{vertical-align:center;font-family:Arial,sans-serif;letter-spacing: 0.1px;line-height:1.5;font-weight:normal;text-align:left;padding-left:5px;font-size:12px;padding-bottom:5px;}
.minfo a{padding-bottom:0px;margin-bottom:0px;line-height:1.2;}
.minfobig {margin-top:10px;width:261px;text-align:center;border:1px solid #D3D3D3;border-spacing:0;margin-left:auto;margin-right:auto;padding:0px;}
.minfobig img{border:0;margin-top:10px;margin-right:2px;}
.minfobig a{padding-left:auto;padding-right:auto;}
.minfobig h1{line-height:1.2;padding:10px 0px 10px 5px;margin:0;font-size:12px;background: #eeeeee;border-bottom: 1px solid #888888;border-right: 0px solid #888888;background-image: url('/images/steel.png');background-repeat: repeat-x;text-align:left;}
.minfobig table{}
.ratesc p{font-size:12px;text-align:right;}
/* Testberichte Flaggen*/
.flagge img{margin:0;padding:1px 4px 1px 0px;height:16px;width:16px;vertical-align:middle;
}
/* Angebotslistung - Preisvergleich*/
#table-preview {margin-left:auto;margin-right:auto;}
#table-preview .legende {margin:0px;padding:0px;}
#table-preview h3{margin-top:0px;margin-bottom:0px;}
#table-preview .modelinfo-odd a{font-size:12px;color:#007388;}
#table-preview .modelinfo-odd p{display:inline;}
#table-preview .modelinfo-odd img{margin-left:10px;}
#table-preview .modelinfo-odd td{vertical-align:middle;padding-bottom:3px;padding-top:3px;font-size:12px;}
#table-preview .modelinfo-odd div{text-align:center;}
#table-preview .modelinfo-even a{font-size:12px;color:#007388;}
#table-preview .modelinfo-even p{display:inline;}
#table-preview .modelinfo-even img{margin-left:10px;}
#table-preview .modelinfo-even td{background: #f6f6f6;vertical-align:middle;padding-bottom:3px;padding-top:3px;font-size:12px;}
#table-preview .modelinfo-even div{text-align:center;}
/* Angebotslistung?berschrift - Preisvergleich*/
.modelinfo-head span{color:#EEB310;}
.modelinfo-head td{font-family:arial;}
.modelinfo-head h3{background: #eeeeee;border-bottom: 1px solid #888888;border-right: 0px solid #888888;background-image: url('/images/steel.png');background-repeat: repeat-x;}
.modelinfo-head a{text-align:left;color:#007388;font-size:12px;font-weight:bold;}
.modelinfo-head a:hover{color:#EEB310;}
.modelinfo-smead a{color:#000000;text-decoration:none;font-size:12px;display:inline;font-weight:bold;line-height:1;}
.modelinfo-smead td{font-family:arial;vertical-align:middle;color:#000000;}
.modelinfo-smead h3{line-height:1.0;background: #eeeeee;border-bottom: 1px solid #888888;border-right: 0px solid #888888;background-image: url('/images/steel.png');background-repeat: repeat-x;}
.modelinfo-blead a{margin-left:5px;margin-right:5px;color:#000000;text-decoration:none;font-size:12px;font-weight:bold;line-height:1.2;}
.modelinfo-blead tr{border: 1px solid #888888;}
.productListing tr{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background-image: url('/images/steel_list.png');background-repeat: repeat-x;
border: 1px solid #888888;
color: #007388;height:35px;
font-weight: normal;line-height:1.1;text-align:left;
}
.productListing-heading {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background-image: url('/images/steel.png');background-repeat: repeat-x;
color: #007388;
font-weight: normal;line-height:1.2;
}
.productListing-tab-top {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;line-height:1.2;
text-align: center;
border: 1px solid #D3D3D3;
border-bottom: 0 solid #D3D3D3;
padding:2px 0 2px 10px;
margin:10px 0 0 0;
text-align:left;}
.productListing-tab-selected {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background-image: url('/images/steel.png');background-repeat: repeat-x;
color: #007388;
font-weight: normal;line-height:1.2;
text-align: center;
border: 1px solid #D3D3D3;
border-bottom: 0 solid #D3D3D3;
padding:1px 0 1px 0;}
.productListing-tab-unselected {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #007388;
font-weight: normal;line-height:1.2;
text-align: center;
border: 1px solid #D3D3D3;
border-bottom: 0 solid #D3D3D3;
padding:1px 0 1px 0;}
.infoBox {
background: #ffffff;
border:1px solid #D3D3D3;
}
/**/
TABLE.productListing {
border: 1px solid #D3D3D3;
border-spacing: 0px;
}
TD.smallText, SPAN.smallText, P.smallText {color: #444444;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;line-height:1.5;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #ffffff;background-image:none;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #f6f6f6;
}
TD.productListing-data {
font-family: Arial, Verdana, sans-serif;color:#000000;
font-size: 12px;line-height:1.5;
}
/*lightbox*/
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbOverlay.red { background-color: #330000; }
#lbOverlay.green { background-color: #003300; }
#lbOverlay.blue { background-color: #011D50; }
#lbOverlay.gold { background-color: #666600; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbOuterContainer.red { border: 3px solid #DD0000; }
#lbOuterContainer.green { border: 3px solid #00B000; }
#lbOuterContainer.blue { border: 3px solid #5F89D8; }
#lbOuterContainer.gold { border: 3px solid #B0B000; }
#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetailsData.red { color: #620000; }
#lbDetailsData.green { color: #003300; }
#lbDetailsData.blue { color: #01379E; }
#lbDetailsData.gold { color: #666600; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
#lbClose.red { background: url(images/close_red.png) no-repeat; }
#lbClose.green { background: url(images/close_green.png) no-repeat; }
#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
#lbClose.gold { background: url(images/close_gold.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
#lbPlay.red { background: url(images/play_red.png) no-repeat; }
#lbPlay.green { background: url(images/play_green.png) no-repeat; }
#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
#lbPause.red { background: url(images/pause_red.png) no-repeat; }
#lbPause.green { background: url(images/pause_green.png) no-repeat; }
#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }
/*autocomplete*/
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font: menu;
font-size: 12px;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
background-color: #eee;
}
.ac_over {
background-color: #0A246A;
color: white;
}
/*superfish*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #CFDEFF;
padding: .75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #13a;
}
.sf-menu li {
background: #BDD2FF;
}
.sf-menu li li {
background: #AABDE6;
}
.sf-menu li li li {
background: #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #CFDEFF;
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('../images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/*superfish_navbar*/
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
/*background: #BDD2FF;*/
height: 10px;
padding-bottom: 21px;
position: relative;
/*background: #eeeeee;*/
/*border-bottom: 1px solid #888888;*/
/*border-right: 1px solid #888888;*/
}
.sf-navbar li {
/*background: #AABDE6;*/
position: static;
background: #f5f4f4;
border: 1px solid #cccccc;
background-image: url("/images/gradient-tall.png");
background-repeat: repeat-x;
}
.sf-navbar a {
border-top: none;
color: #070720;
font-weight: bold;
}
.sf-navbar li ul {
/*width: 100%;*/
width: 55em; // IE6 soils itself without this
}
.sf-navbar li li {
/*background: #BDD2FF;*/
position: relative;
background: #e0e0e0;
border: 1px solid #cccccc;
background-image: url("/images/gradient-tall.png");
background-repeat: repeat-x;
}
.sf-navbar li li ul {
width: 13em;
}
.sf-navbar li li li {
width: 100%;
}
.sf-navbar ul li {
width: auto;
float: left;
}
.sf-navbar a, .sf-navbar a:visited {
border: none;
color: #070720;
font-weight: bold;
}
.sf-navbar li.current {
background: #BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
background: #BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
background: #D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
background: #E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
left: 0;
top: 1.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
top: -999em;
}
.sf-navbar li li.current > a {
font-weight: bold;
}
/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
background: transparent;
padding: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
}