HTML, BODY { background: #f4f4f4 url(bg01.gif); }
* HTML A { position: relative; }
UL { list-style: none; }
/* Layout */
#preload { position: absolute; top: -10000px; left: -10000px; }
#box01 { width: 980px; margin:0 auto;}
#box02 { height: 114px; background: url(bg02.gif) repeat-x; }
#box03 { padding: 0 0 0 15px; height: 39px; background: url(bg03.gif) repeat-x; }
#box04 { padding: 0 0 0 18px; height: 30px; background: url(bg04.gif) repeat-x; }
#box05 { height: 175px; background: url(bg07.jpg) no-repeat; }
#box06 { padding: 20px; background: #fff; }
#box07 { height: 49px; background: url(bg11.gif) repeat-x; }
/* Cols */
.col { float: left; min-height: 1px; }
* HTML .col { height: 1px; }
.col01 { width: 193px; padding: 0 20px 0 0; }
.col02 { width: 727px; }
.col03 { width: 211px; padding: 7px 23px 0 0; }
.col04 { width: 211px; padding: 7px 23px 0 0; }
.col05 { width: 211px; padding: 7px 0 0 0; }
.col06 { width: 345px; padding: 0 22px 0 0; font-size: 11px; color: #000; }
.col07 { width: 360px; font-size: 11px; color: #000; }
/* Menu01 */
#menu01 { margin: 0; padding: 0; }
#menu01 * { float: left; }
#menu01 LI { padding: 0 1px 0 0; background: url(bg05.gif) 100% 0 no-repeat; }
#menu01 A { padding: 8px 12px; color: #000; font-size: 13px; font-weight: bold; text-decoration: none !important; }
#menu01 A:hover,
#menu01 A.active { background: url(bg06.gif) repeat-x; color: #fff; }
/* Menu02 */
#menu02 { float: left; margin: 0; padding: 30px 0 0 18px; }
#menu02 LI { float: left; padding: 1px 0 0 1px; width: 105px; height: 123px; background: url(bg09.png) no-repeat; overflow: hidden; }
* HTML #menu02 LI { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg09.png', sizingMethod='crop'); }
#menu02 A { display: block; width: 100px; height: 118px; }
#menu02 A { background: url(bg08.gif) no-repeat; color: #000; font-size: 11px; font-weight: bold; line-height: 14px; text-align: center; text-transform: uppercase; text-decoration: none !important; }
#menu02 A:hover { color: #404040; }
#menu02 A SPAN { display: block; padding: 84px 0 0 0; }
#menu02 LI.item01 A { background-position: 0 0; }
#menu02 LI.item02 A { background-position: -110px 0; }
#menu02 LI.item03 A { background-position: -220px 0; }
#menu02 LI.item04 A { background-position: -330px 0; }
#menu02 LI.item05 A { background-position: -440px 0; }
#menu02 LI.item06 A { background-position: -550px 0; }
#menu02 LI.item07 A { background-position: -660px 0; }
#menu02 LI.item01 A:hover,
#menu02 LI.item01 A.active { background-position: 0 -128px; }
#menu02 LI.item02 A:hover,
#menu02 LI.item02 A.active { background-position: -110px -128px; }
#menu02 LI.item03 A:hover,
#menu02 LI.item03 A.active { background-position: -220px -128px; }
#menu02 LI.item04 A:hover,
#menu02 LI.item04 A.active { background-position: -330px -128px; }
#menu02 LI.item05 A:hover,
#menu02 LI.item05 A.active { background-position: -440px -128px; }
#menu02 LI.item06 A:hover,
#menu02 LI.item06 A.active { background-position: -550px -128px; }
#menu02 LI.item07 A:hover,
#menu02 LI.item07 A.active { background-position: -660px -128px; }
/* Menu03 */
#menu03 { margin: 0; padding: 10px; background: #fff8da; border: 1px solid #dfd197; }
#menu03 UL { margin: 1em 0 0 0; padding: 0; }
#menu03 UL LI { float: left; border-right: 1px solid #dfd197; padding: 0; background: none; }
#menu03 UL LI A { display: block; padding: 0 20px 0 20px; font-size: 11px; text-transform: uppercase; color: #404040; text-decoration: none !important; text-align: center; }
#menu03 UL LI A:hover,
#menu03 UL LI A.active { color: #6a6a6a; }
#menu03 UL LI A.empty { color: #cccbcb; }
#menu03 UL LI A SPAN { display: block; padding: 10px 0 10px 0;}
#menu03 UL.last { padding: 1em 0 0 0; border-top: 1px solid #dfd197; }
/* Footer */
#footer { margin: 0; padding: 15px 0 0 20px; color: #696969; font-weight: bold; }
#footer A { color: #696969; text-decoration: none; }
#footer A:hover { color: #696969; text-decoration: underline; }
#footer SPAN { padding: 0 3px; }
/* Styles */
#banner01 { margin: 0; padding: 12px 0 0 0; text-align: center; }
#langselect { float: left; margin: 0; padding: 10px 0 0 0; }
#langselect * { float: left; }
#langselect P { margin: 0; padding: 2px 0 0 0; color: #fff; font-weight: bold; }
#langselect LI { padding: 0 0 0 3px; }
#langselect A { padding: 2px; }
#langselect A:hover,
#langselect A.active { border: 2px solid #7e7e7e; padding: 0; }
#sort01 { float: left; padding: 0 0 0 24px; }
#sort01 * { float: left; }
#sort01 LABEL { padding: 12px 7px 0 0; color: #fff; font-weight: bold; }
#sort01 P { margin: 0; padding: 12px 0 0 0; }
#box03 .link { float: right; margin: 10px 15px; padding: 0; font-weight: bold; font-size: 16px; color: #fff; }
#logo { float: left; margin: 0; padding: 0 0 0 20px; }
P.banner02 { margin: 10px 0 0 0; }
DIV.leftbox01 { margin: 20px 0 0 0; background: #fff url(bg10.gif) repeat-x; border: 1px solid #e5e5e5; color: #000; }
DIV.leftbox01 P.heading { margin: 0; padding: 6px 0 0 20px; height: 23px; font-weight: bold; font-size: 14px; }
DIV.leftbox01 DIV.pad { padding: 20px; }
DIV.leftbox01 TABLE.form { margin: 0; width: auto; border: none; }
DIV.leftbox01 TABLE.form TH { padding: 5px 4px 5px 0; border: none; background: none; text-align: right; vertical-align: middle; }
DIV.leftbox01 TABLE.form TD { padding: 5px 0 5px 4px; border: none; background: none; white-space: nowrap; vertical-align: middle; }
DIV.leftbox01 TABLE.form INPUT.w30 { width: 30px; }
DIV.leftbox01 TABLE.form P.adv A { color: #000; text-decoration: underline; }
DIV.rightbox01 { margin: 20px 0 0 0; background: #fff5cb url(bg12.gif) no-repeat; color: #000; }
DIV.rightbox01 P.heading { margin: 0; padding: 8px 0 0 20px; height: 23px; font-weight: bold; font-size: 14px; color: #fff; }
DIV.rightbox01 DIV.pad { padding: 20px; }
DIV.rightbox01 DIV.colbox01 { padding: 2px; background: #000; color: #fff; font-weight: bold; }
DIV.rightbox01 DIV.colbox01 DIV.f-left { display:table-column; width: 56px; padding: 2px 0 0 4px; }
DIV.rightbox01 DIV.colbox01 SELECT { width: 129px; color: #000; }
DIV.rightbox01 DIV.colbox01 INPUT.w56 { width: 56px; }
DIV.rightbox01 DIV.adv { float: left; padding: 4px 0 0 4px; }
DIV.rightbox01 DIV.adv A { color: #000; text-decoration: underline; font-weight: bold; }
DIV.rightbox02 { margin: 20px 0 0 0; background: #f2f2f2 url(bg14.gif) no-repeat; color: #000; }
DIV.rightbox02 P.heading { margin: 0; padding: 8px 0 0 20px; height: 23px; font-weight: bold; font-size: 14px; color: #fff; }
DIV.rightbox02 P.heading A { padding: 0 11px 0 0; font-size: 11px; color: #fed732; text-decoration: none; }
DIV.rightbox02 P.heading A:hover { text-decoration: underline; }
DIV.rightbox02 DIV.pad { padding: 19px; }
DIV.rightbox03 { margin: 20px 0 0 0; background: #f2f2f2 url(bg14.gif) no-repeat; color: #000; }
DIV.rightbox03 P.heading { margin: 0; padding: 6px 0 0 15px; height: 25px; font-weight: bold; font-size: 14px; color: #fff; }
DIV.rightbox03 P.heading A, DIV.rightbox03 P.heading .setings { padding: 0 11px 0 0; font-size: 11px; color: #fed732; text-decoration: none; }
DIV.rightbox03 P.heading A:hover { text-decoration: underline; }
DIV.rightbox03 DIV.pad { padding: 15px; }
DIV.rightbox04 { margin: 20px 0 0 0; background: #fff5cb url(bg12.gif) no-repeat; color: #000; }
DIV.rightbox04 P.heading { margin: 0; padding: 6px 0 0 15px; height: 25px; font-weight: bold; font-size: 14px; color: #fff; }
DIV.rightbox04 DIV.pad { padding: 15px; }
UL.front-news { margin: 0; padding: 0; }
UL.front-news LI { float: left; width: 100%; clear: both; padding: 0 0 10px 0; }
UL.front-news LI.last { padding: 0; }
UL.front-news LI A { display: block; text-decoration: none; color: #000; font-weight: bold; }
UL.front-news LI A:hover { text-decoration: none; color: #000; }
UL.front-news LI A:hover SPAN.heading { text-decoration: underline; }
UL.front-news LI A SPAN.date { color: #717171; font-weight: normal; }
UL.front-news LI A SPAN.txt { font-weight: normal; }
DIV.print {
float: right;
margin: 17px 0 0 1em;
padding: 3px;
width: 30px;
color: #a4a4a4;
font-size: 11px;
text-align: right;
cursor:pointer;
background-image:url(print.gif);
background-repeat: no-repeat;
}
DIV.views { float: right; margin: 20px 0 0 1em; padding: 3px; width: 105px; background: #f6f6f6; border-left: 1px solid #dbdbdb; color: #a4a4a4; font-size: 11px; line-height: 13px; text-align: center; }
DIV.imagelist02 { margin: 1em 0 0 0; padding: 20px 0 0 0; background: url(bg17.gif) 0 0 repeat-x; }
DIV.imagelist02 DIV.a { float: left; padding: 0 21px 0 0; width: 345px; height: 264px; }
DIV.imagelist02 DIV.a A { display: block; padding: 2px; background: #fff; border: 1px solid #e1ddd6; }
DIV.imagelist02 DIV.a A:hover { border-color: #797979; }
DIV.imagelist02 DIV.a IMG { width: 339px; height: 258px; }
DIV.imagelist02 DIV.b { float: left; width: 361px; }
DIV.imagelist02 DIV.b UL { margin: 0; padding: 0; }
DIV.imagelist02 DIV.b UL * { float: left; }
DIV.imagelist02 DIV.b UL LI { padding: 0 7px 6px 0; background: none; width: 85px; height: 84px; }
DIV.imagelist02 DIV.b UL LI.row { padding: 0 0 6px 0px !important; margin-right: 7px; }
DIV.imagelist02 DIV.b UL LI A { width: 85px; height: 84px; background: url(bg18.gif) no-repeat; }
DIV.imagelist02 DIV.b UL LI A SPAN { padding: 1px 0 0 1px; }
DIV.imagelist02 DIV.b UL LI A SPAN IMG { width: 81px; height: 80px; }
DIV.imagelist02 DIV.b UL LI A:hover,
DIV.imagelist02 DIV.b UL LI A.active { width: 85px; height: 84px; background: url(bg19.gif) no-repeat; }
DIV.imagelist02 DIV.b UL LI A:hover SPAN,
DIV.imagelist02 DIV.b UL LI A.active SPAN { padding: 4px 0 0 4px; }
DIV.imagelist02 DIV.b UL LI A:hover SPAN IMG,
DIV.imagelist02 DIV.b UL LI A.active SPAN IMG { width: 75px; height: 74px; }
UL.imagelist03 { margin: 10px 0 0 0 !important; padding: 0 !important; }
UL.imagelist03 * { float: left; }
UL.imagelist03 LI { padding: 0 10px 0 0 !important; background: none !important; }
UL.imagelist03 LI A IMG { width: 80px; height: 80px; }
UL.imagelist03 LI A:hover IMG,
UL.imagelist03 LI A.active IMG { width: 74px; height: 74px; }
UL.imagelist03 LI A:hover,
UL.imagelist03 LI A.active { border: 3px solid #ffe368; }
DIV.sales-info { line-height: 16px; }
DIV.sales-info DIV.a { float: left; width: 99px; }
DIV.sales-info DIV.b { float: right; width: 226px; }
#front-car { width: 691px; height: 178px; }
#front-car DIV.back { float: left; padding: 1px 0 0 0; width: 18px; height: 176px; }
#front-car DIV.next { float: right; padding: 1px 0 0 0; width: 18px; height: 176px; }
#front-car DIV.back A,
#front-car DIV.next A { display: block; width: 18px; height: 176px; background: url(bg29.gif) no-repeat; }
#front-car DIV.back A { background-position: 0 0; }
#front-car DIV.back A:hover { background-position: -23px 0; }
#front-car DIV.back A.disabled { background-position: -23px 0; cursor: default; }
#front-car DIV.next A { background-position: -82px 0; }
#front-car DIV.next A:hover { background-position: -59px 0; }
#front-car DIV.next A.disabled { background-position: -59px 0; cursor: default; }
#front-car-cont { width: 645px; height: 178px; margin: auto; overflow: hidden; position:relative; }
#front-car UL { margin: 0; padding: 0; height: 178px; position:absolute;}
#front-car UL LI { float: left; width: 128px; height: 179px; padding: 0 1px 0 0; display: inline; }
#front-car UL LI A { display: block; width: 128px; height: 179px; background: url(bg30.gif) no-repeat; color: #000; text-decoration: none; }
#front-car UL LI A:hover { color: #000; text-decoration: none; }
#front-car UL LI A SPAN { display: block; }
#front-car UL LI A SPAN.img { padding: 4px 0 0 4px; }
#front-car UL LI A SPAN.img IMG { width: 118px; /*height: 118px;*/ }
#front-car UL LI A SPAN.name { padding: 5px 2px 0 2px; font-size: 11px; font-weight: bold; text-align: center; }
#front-car UL LI A:hover SPAN.name { text-decoration: underline; }
#front-car UL LI A SPAN.price { padding: 4px 2px 0 2px; font-size: 14px; font-weight: bold; color: #b40000; text-align: center; }
#front-car UL LI A SPAN.price_coming { padding: 4px 2px 0 2px; font-size: 11px; color: #b40000; text-align: center; }
/* Content */
.content { line-height: 19px; font-size: 12px; color: #181818; }
.content UL { margin: 1em 0 0 0; padding: 0 0 0 18px; }
.content UL LI { padding: 0 0 0 12px; background: url(dot01.gif) 0 6px no-repeat; }
.content UL UL { margin: 1em 0 1em 0; padding: 0 0 0 18px; }
.content UL UL LI { background: url(dot02.gif) 0 6px no-repeat; }
.content TABLE { width: 100%; }
.content TABLE TH { padding: 2px 8px; border: solid #fff; border-width: 2px; background: #f5c701 url(bg15.gif) repeat-x; font-weight: bold; color: #000; font-size: 12px; }
.content TABLE TD { padding: 2px 8px; border: solid #fff; border-width: 2px; background: #f1f1f1; font-size: 12px; }
.content TABLE TR.even TD { background: #e7e7e7; }
.content DIV.separator { margin: 1em 0 0 0; height: 2px; background: url(bg21.gif) repeat-x; }
.content DIV.separator02 { margin: 1em 0 0 0; height: 2px; background: url(bg22.gif) repeat-x; }
.content TABLE.type01 { margin: 1em auto 0 auto; padding: 0; width: auto; }
.content TABLE.type01 TH { margin: 0; padding: 2px 10px; background: none; border: none; font-size: 11px; text-align: right; font-weight: bold; line-height: 15px; }
.content TABLE.type01 TH.big { font-size: 14px; vertical-align: top; }
.content TABLE.type01 TD { margin: 0; padding: 2px 10px; background: none; border: none; font-size: 11px; line-height: 15px; }
.content TABLE.type01 SPAN.newprice { font-size: 14px; font-weight: bold; color: #b40000; }
.content TABLE.type01 SPAN.oldprice { font-size: 11px; color: #929292; text-decoration: line-through; }
.content TABLE.type01 SPAN.vat { font-size: 11px; color: #5b5b5b; }
.content TABLE.type01.morepad TH,
.content TABLE.type01.morepad TD { padding: 4px 10px; }
.content TABLE.type02 { margin: 1em auto 0 auto; padding: 0; width: auto; }
.content TABLE.type02 TH { margin: 0; padding: 2px 3px; background: none; border: none; vertical-align: middle; font-size: 11px; text-align: right; font-weight: bold; line-height: 15px; }
.content TABLE.type02 TH.big { font-size: 14px; vertical-align: top; }
.content TABLE.type02 TD { margin: 0; padding: 2px 3px; background: none; border: none; vertical-align: middle; font-size: 11px; line-height: 15px; }
.content TABLE.type02 SPAN.newprice { font-size: 14px; font-weight: bold; color: #b40000; }
.content TABLE.type02 SPAN.oldprice { font-size: 11px; color: #929292; text-decoration: line-through;}
.content TABLE.type02 SPAN.vat { font-size: 11px; color: #5b5b5b; }
.content TABLE.type03 { margin: 1em 0 0 0; padding: 0; width: auto; }
.content TABLE.type03 TH { margin: 0; padding: 1px 16px 2px 0; background: none; border: none; vertical-align: middle; font-size: 11px; text-align: left; font-weight: normal; line-height: 15px; }
.content TABLE.type03 TD { margin: 0; padding: 1px 16px; background: none; border: none; vertical-align: middle; font-size: 11px; line-height: 15px; }
.content TABLE.type04 { margin: 0; padding: 0; width: 100%; }
.content TABLE.type04 TH { padding: 4px 9px; background: none; border: solid #dbdbdb; border-width: 0 0 1px 0; font-size: 12px; line-height: 14px; color: #6e6e6e; font-weight: bold; text-align: left; }
.content TABLE.type04 TH SPAN { font-size: 9px; color: #9c9c9c; font-weight: normal; }
.content TABLE.type04 TH A { color: #6e6e6e; text-decoration: none; }
.content TABLE.type04 TH A.down { padding: 0 9px 0 0; background: url(ln02.gif) 100% 4px no-repeat; }
.content TABLE.type04 TH A.up { padding: 0 9px 0 0; background: url(ln03.gif) 100% 3px no-repeat; }
.content TABLE.type04 TH A:hover { color: #000; }
.content TABLE.type04 TD { padding: 10px; background: #fefefe url(bg23.gif) 0 100% repeat-x; border: none; vertical-align: middle; font-size: 12px; color: #000; line-height: 16px; }
.content TABLE.type04 TD A { color: #000; text-decoration: none; }
.content TABLE.type04 TR.even TD { background: #f7f7f7 url(bg24.gif) 0 100% repeat-x; }
.content TABLE.type04 TD SPAN.vat { font-size: 11px; color: #5b5b5b; }
.content TABLE.type04 TD SPAN.oldprice { font-size: 11px; color: #929292; text-decoration: line-through; }
.content TABLE.type04 TD SPAN.newprice { font-size: 12px; color: #b40000; font-weight: bold; }
.content TABLE.type04 TD.img A { display: block; width: 85px; height: 84px; background: url(bg27.gif) no-repeat; }
.content TABLE.type04 TR.even TD.img A { background: url(bg28.gif) no-repeat; }
.content TABLE.type04 TD.img A SPAN { display: block; padding: 1px 0 0 1px; }
.content TABLE.type04 TD.img A IMG { width: 81px; height: 80px; }
.content TABLE.type04 TD P.info01 { float: left; margin: 0 4px 5px 0; padding: 0 6px 3px 5px; font-size: 10px; color: #fff; background: url(bg25.gif) repeat-x; line-height: 16px; text-transform: uppercase; font-weight: bold; }
.content TABLE.type04 TD P.info02 { float: left; margin: 0 4px 5px 0; padding: 0 6px 3px 5px; font-size: 10px; color: #fff; background: url(bg25.gif) 0 -28px repeat-x; line-height: 16px; text-transform: uppercase; }
.content TEXTAREA.type01 { width: 310px; height: 49px; }
/* Path */
P.path { margin: 0; font-size: 11px; }
P.path A { padding: 0 10px 0 3px; background: url(ln01.gif) 100% 5px no-repeat; color: #777; text-decoration: none !important; }
P.path A.first { padding: 0 10px 0 0; }
P.path A.last { padding: 0 0 0 3px; background: none; }
P.path A:hover,
P.path A.active { color: #000; }
/* Actions */
.actions SPAN.btn01 { float: left; background: url(bg13.gif) no-repeat; margin: 0 5px 0 0; }
.actions SPAN.btn01 SPAN { float: left; background: url(bg13.gif) 100% 0 no-repeat; min-height: 22px; }
.actions SPAN.btn01 INPUT { float: left; border: none; background: transparent; overflow: visible; padding: 0 10px; color: #000; cursor: pointer; line-height: 14px; font-weight: bold; height: 22px; font-size: 12px; }
.actions SPAN.btn02 { float: left; background: url(bg13.gif) 0 -63px no-repeat; margin: 0 5px 0 0; }
.actions SPAN.btn02 SPAN { float: left; background: url(bg13.gif) 100% -63px no-repeat; min-height: 22px; }
.actions SPAN.btn02 INPUT { float: left; border: none; background: transparent; overflow: visible; padding: 0 10px; color: #000; cursor: pointer; line-height: 14px; font-weight: bold; height: 22px; font-size: 12px; }
.actions SPAN.btn03 { float: left; background: url(bg13.gif) 0 -95px no-repeat; margin: 0 5px 0 0; }
.actions SPAN.btn03 SPAN { float: left; background: url(bg13.gif) 100% -95px no-repeat; min-height: 22px; }
.actions SPAN.btn03 INPUT { float: left; border: none; background: transparent; overflow: visible; padding: 0 10px; color: #000; cursor: pointer; line-height: 14px; font-weight: bold; height: 22px; font-size: 12px; }
/* Messages */
P.msg-error { padding: 5px; background: #d30000; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
P.msg-error A { color: #fff !important; }
P.msg-ok { padding: 5px; background: #47932c; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
P.msg-ok A { color: #fff !important; }
P.msg-info { padding: 5px; background: #969696; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
P.msg-info A { color: #fff !important; }
/* Imagelist */
UL.imagelist { margin: 1em 0 0 0; padding: 0; }
UL.imagelist * { float: left; }
UL.imagelist LI { padding: 0 25px 26px 0; }
UL.imagelist LI.row { padding: 0 0 25px 0 !important; }
UL.imagelist LI A { padding: 2px; background: #fff; border: 1px solid #e1ddd6; }
UL.imagelist LI A:hover { border-color: #797979; }
UL.imagelist LI IMG { width: 94px; height: 94px; }
/* Pages */
UL.pages { margin: 1em 0 0 0; padding: 0; font-size: 14px; font-weight: bold; }
UL.pages * { float: left; }
UL.pages LI { padding: 0 1px 0 0; background: none; }
UL.pages LI.first { padding-left: 0 !important; }
UL.pages LI A { color: #6e6e6e; text-decoration: none; }
UL.pages LI A SPAN { padding: 1px 6px; }
UL.pages LI A:hover,
UL.pages LI A.active { background: url(bg13.gif) 0 -32px no-repeat; color: #000; text-decoration: none; }
UL.pages LI A:hover SPAN,
UL.pages LI A.active SPAN { background: url(bg13.gif) 100% -32px no-repeat; }
UL.pages LI.txt { font-weight: normal; color: #6e6e6e; padding: 0 20px; }
UL.pages LI.txt A:hover,
UL.pages LI.txt A.active { background: none !important; text-decoration: underline; }
UL.pages LI.txt A:hover SPAN,
UL.pages LI.txt A.active SPAN { background: none !important; }
/* Tabs */
UL.tabs { margin: 1em 0 0 0; padding: 0; font-weight: bold; background: url(bg16.gif) 0 100% repeat-x; }
UL.tabs * { float: left; }
UL.tabs LI { padding: 0 3px 0 0; background: none; }
UL.tabs LI A { padding: 2px 16px; background: #e7e7e7; color: #757575; text-decoration: none !important; }
UL.tabs LI A:hover,
UL.tabs LI A.active { padding: 1px 15px 2px 15px; border: solid #d8d8d8; border-width: 1px 1px 0 1px; background: #fff; color: #000; }
DIV.tabs-box { padding: 15px; background: #fff; border: solid #d8d8d8; border-width: 0 1px 1px 1px; font-size: 11px; color: #181818; }
/* Currency drop down */
.hide-drop { position: absolute; top: -5000px !important; left: -5000px !important; }
#currency-switch { position: absolute; top: 460px; left: 863px; width: 130px; padding: 10px; background: #dbdbdb; border: 1px solid #b8b8b8; font-size: 12px; }
#currency-switch P { padding: 5px 0 0 0; margin: 0; }
#currency-switch LABEL.active { font-weight: bold; }
/* Colorbox */
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{ background:url(colorbox/overlay.png) 0 0 repeat; }
#colorbox {}
#cboxTopLeft {}
#cboxTopRight {}
#cboxBottomLeft {}
#cboxBottomRight {}
#cboxMiddleLeft {}
#cboxMiddleRight {}
#cboxTopCenter {}
#cboxBottomCenter {}
#cboxContent { background: #000; padding: 10px; border: 10px solid #fff; }
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{ position:absolute; bottom: 12px; left:0; text-align: center; width: 100%; color: #fff; font-size: 18px; font-weight: bold; }
#cboxCurrent{ position:absolute; bottom: 12px; left: 10px; color: #ccc; font-size: 12px; }
#cboxSlideshow{ position:absolute; bottom:4px; right: 30px; color:#0092ef;}
#cboxPrevious{ position:absolute; top: 40%; left: 0; background:url(colorbox/back.png) no-repeat; width: 70px; height: 93px; text-indent: -9999px; }
#cboxPrevious.hover{ background:url(colorbox/back_h.png) no-repeat; }
#cboxNext{ position: absolute; top: 40%; right: 0; background:url(colorbox/next.png) no-repeat; width: 70px; height: 93px; text-indent: -9999px; }
#cboxNext.hover { background: url(colorbox/next_h.png) no-repeat; }
#cboxLoadingOverlay{background:url(colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;}
#cboxClose{ position:absolute; bottom: 7px; right: 10px; background: url(colorbox/close.png) no-repeat; width: 24px; height: 24px; text-indent:-9999px;}
#cboxClose.hover { background: url(colorbox/close_h.png) no-repeat; }
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/ie/borderTopLeft.png, sizingMethod='scale'); }
.cboxIE #cboxTopCenter { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/ie/borderTopCenter.png, sizingMethod='scale'); }
.cboxIE #cboxTopRight { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/ie/borderTopRight.png, sizingMethod='scale'); }
.cboxIE #cboxBottomLeft { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/ie/borderBottomLeft.png, sizingMethod='scale'); }
.cboxIE #cboxBottomCenter { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/ie/borderBottomCenter.png, sizingMethod='scale'); }
.cboxIE #cboxBottomRight { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/ie/borderBottomRight.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleLeft { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/ie/borderMiddleLeft.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleRight { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/ie/borderMiddleRight.png, sizingMethod='scale'); }