/************** Standard components **************/

.content A { text-decoration: underline; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: 1px solid #eee; padding: 5px 10px; background: #e5e6e7; font-weight: bold; }
.content TABLE TD { line-height: normal; border: 1px solid #eee; padding: 5px 10px; }
.content TABLE TD P.heading { margin: 0; font-weight: bold; }
.content TABLE TD P.heading A { color: #fff; text-decoration: none; }
.content TABLE TD P.heading A:hover { text-decoration: underline; }
.content TABLE TD P.lead { font-size: 10px; margin: 2px 0 0 0; }
.content TABLE TD P.lead A { text-decoration: none; }
.content TABLE TD P.lead A:hover { text-decoration: underline; }
.content TABLE TD.actions { text-align: right; white-space: nowrap; }
.content TABLE TD.actions A { background: #aaa; color: #fff; text-decoration: none; }
.content TABLE TD.actions A:hover { background: #f60; }
.content TABLE TR.even TD { background: #fafafa; }
.content TABLE TD.red { color: #f00; font-weight: bold; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot02.gif) 0 5px no-repeat; padding: 0 0 0 12px; }

/* Form */

DIV.form { border: 5px solid #a5a8ad; padding: 5px; margin: 1em 0 0 0; }
DIV.form TABLE.form { margin: 0; }

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 10px 5px 10px; border-width: 1px 0; background: #fff; text-align: right; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 10px; border-width: 1px 0; }
TABLE.form TD.data { padding: 5px 10px; font-weight: normal; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form .max { width: 310px; }
TABLE.form .default { width: 210px; }
TABLE.form .min { width: 60px; }
TABLE.form INPUT.max,
TABLE.form TEXTAREA.max { width: 304px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 204px; }
TABLE.form INPUT.min,
TABLE.form TEXTAREA.min { width: 54px; }
TABLE.form TH.subheading { text-align: center; color: #f60; padding: 20px 10px 5px 10px; background: #fff url(bg11.gif) 0 100% repeat-x; }
TABLE.form A { color: #777; text-decoration: underline; }
TABLE.form A:hover { color: #e40000; }
TABLE.form TD.conditions { padding: 0; }
TABLE.form INPUT[type="radio"],
TABLE.form INPUT[type="checkbox"] { vertical-align: normal; }
*:first-child+HTML TABLE.form INPUT[type="radio"],
*:first-child+HTML TABLE.form INPUT[type="checkbox"] { vertical-align: normal; margin-top: -1px; }

/* Action buttons */

P.actions { line-height: normal; padding: 10px 0 0 0; background: url(bg09.gif) repeat-x; }
P.actions BUTTON,
P.actions INPUT { float: left; margin: 0 5px 0 0; padding: 2px 15px; border: 1px solid; border-color: #c6c7c8 #787878 #787878 #c6c7c8; font-weight: bold; overflow: visible; cursor: pointer; background: #fff; color: #f60; }
P.actions SPAN.btn { background: url(bg08.gif) 0 0 no-repeat; float: left; margin: 0 5px 0 0; }
P.actions SPAN.btn SPAN { background: url(bg08.gif) 100% 0 no-repeat; float: left; }
P.actions SPAN.btn INPUT { border: none; background: transparent; overflow: visible; padding: 2px 15px 3px 15px; cursor: pointer; font-weight: bold; color: #f60; text-transform: uppercase; margin: 0; text-transform: none; }


/* Messages */

P.msg-error { border: 2px solid #e40000; color: #e40000; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-ok { border: 2px solid #4ca82e; color: #4ca82e; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-info { border: 2px solid #dad4a6; color: #807f48; padding: 8px 12px; background: #fdfbe2; line-height: normal; text-align: center; }
P.msg-info A { color: #807f48; text-decoration: underline; }

/* News */

UL.news { margin: 0; padding: 0; line-height: normal; list-style: none; border-bottom: 1px dotted #eee; }
UL.news LI { margin: 0; padding: 0; background: none; display: inline; }
UL.news A { text-decoration: none; }
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: bold; padding: 3px 0; border-top: 1px dotted #eee; }
UL.news P.lead { line-height: 16px; margin: 0; padding: 0 0 5px 5.6em; }
UL.news SPAN.date { color: #555; font-weight: normal; margin: 0 5px 0 0; }

/* Pagination */

UL.pages { margin: 1em 0 0 0; padding: 2px; background: #e5e6e7; line-height: normal; }
UL.pages LI { float: left; background: none; padding: 0; margin: 0; }
UL.pages LI.label { padding: 2px 10px; }
UL.pages LI A { float: left; text-decoration: none; padding: 2px 5px; color: #000; }
UL.pages LI A:hover { background: #a5a8ad; color: #fff; }
UL.pages LI A.active { color: #fff; background: #f60; }
UL.pages LI.nextprev { float: right; }
UL.pages LI.nextprev A { border-left: 1px solid #fff; }

/* Shop */

DIV.cart { padding: 0; margin: 0 0 10px 0; background: url(bg10.gif) repeat-x; padding: 2px 0 0 0; }
DIV.cart P.heading { background: #fff url(bg11.gif) 0 100% repeat-x !important; color: #000 !important; }
DIV.cart TABLE { margin: 0; }
DIV.cart TABLE TD { background: #fff url(bg09.gif) 0 100% repeat-x; padding: 5px; vertical-align: middle; }
DIV.cart TABLE TD.price { text-align: right; white-space: nowrap; }
DIV.cart TABLE TR.total TD { font-weight: bold; }
DIV.cart P.action { margin: 0; padding: 10px; font-weight: bold; }
DIV.cart P.action A { background: url(bg08.gif) 0 0 no-repeat; float: right; }
DIV.cart P.action A SPAN { background: url(bg08.gif) 100% 0 no-repeat; cursor: pointer; padding: 3px 15px 5px 15px; float: left; }

DIV.product-col1 { float: left; width: 416px; min-height: 1px; overflow: hidden; margin-right: 20px; }
DIV.product-col2 { float: left; width: 254px; min-height: 1px; overflow: hidden; }
DIV.product-col2 P.img A { border: 1px solid #eee; padding: 1px; display: block; }
DIV.product-col2 DIV.smallpics { width: 254px; overflow: hidden; }
DIV.product-col2 DIV.smallpics UL { width: 260px; padding: 0; margin: 0; cursor: default; }
DIV.product-col2 DIV.smallpics UL LI { float: left; padding: 0; margin: 0; background: none; margin: 6px 6px 0 0; }
DIV.product-col2 DIV.smallpics UL LI A { display: block; border: 1px solid #eee; padding: 1px; }
DIV.product-col2 DIV.smallpics UL LI A IMG { width: 55px; height: 55px; }
DIV.product-col2 DIV.smallpics UL LI A:hover { border-color: #aaa; }

TABLE.cart TH { padding: 4px 8px; }
TABLE.cart TD { padding: 5px 8px; }
TABLE.cart TD.input { padding: 3px 10px; }
TABLE.cart TD.sum { font-weight: bold; text-align: right; }
TABLE.cart TR.total1 TD { border-top-width: 3px; }
TABLE.cart DIV.amountblock { width: 130px; cursor: default; }
TABLE.cart INPUT.amount { width: 40px; float: left; border: 1px solid #aaa; margin-right: 5px; padding: 1px 5px; }
TABLE.cart A.plusminus { float: left; background: #666; color: #fff; text-decoration: none; border: 1px solid; border-color: #aaa #444 #444 #aaa; font-size: 10px; font-family: "Courier New", monospace; padding: 1px 4px; margin: 1px 5px 0 0; }
TABLE.cart A.plusminus:hover { background: #888; }
TABLE.cart A.del { float: left; background: #f60; color: #fff; text-decoration: none; border: 1px solid; border-color: #ff9a56 #ad4500 #ad4500 #ff9a56; font-size: 10px; font-family: "Courier New", monospace; padding: 1px 4px; margin: 1px 0 0 0; }
TABLE.cart A.del:hover { background: #fa3e50; }

/* Sitemap */

#sitemap-tree { font-weight: bold; font-size: 12px; }
#sitemap-tree A { text-decoration: none; color: #555; }
#sitemap-tree A:hover { text-decoration: underline; }
#sitemap-tree UL { padding: 8px 0 8px 20px !important; margin: 0; font-weight: normal; font-size: 11px; }
#sitemap-tree UL A { color: #f60; }
#sitemap-tree UL UL { font-size: 10px; }

/************** Layout **************/

BODY, HTML { background: #92cdd3; text-align: center; }
BODY { padding: 0 0 10px 0; }

#box01 { background: url(bg01.gif) 50% 0 repeat-y; width: 988px; margin: auto; text-align: left; }
#box02 { background: url(bg02.gif) 50% 100% no-repeat; padding: 0 8px 8px 8px; }
#box03 { background: url(bg05.gif) repeat-y; margin: 3px 0 0 0; }
#box04 { padding: 10px; }

#footer { background: #f60; text-align: center; color: #fff; font-size: 12px; padding: 10px; font-weight: bold; margin: 2px 0 0 0; }
#footer A { color: #fff; }
#footer B,
#footer STRONG { font-size: 15px; border-right: 1px solid #ff8f44; padding-right: 10px; margin-right: 8px; }

#header { background: #f60; padding: 0 0 0 35px; }
#slogan { float: right; margin: 0; padding: 33px 42px 0 0; }
#logo { margin: 0; }

#menu1 { padding: 0; margin: 2px 0; background: #2f2b2b url(bg03.gif) repeat-x; font-size: 14px; font-weight: bold; list-style: none; }
#menu1 LI { float: left; background: url(bg04.gif) 100% 0 repeat-y; padding: 0 2px 0 0; }
#menu1 LI A { float: left; color: #fff; padding: 6px 22px; }
#menu1 LI A.active,
#menu1 LI A:hover { background: #f60 url(bg03.gif) 0 -100px repeat-x; text-decoration: none; }

#menu2 { padding: 0 0 2px 0; margin: 0; background: url(bg10.gif) 0 100% repeat-x; font-weight: bold; list-style: none; font-size: 12px; }
#menu2 LI { display: inline; }
#menu2 LI A { display: block; background: #a5a8ad url(dot03.gif) 10px 8px no-repeat; padding: 4px 12px 4px 20px; border-bottom: 1px solid #fff; color: #fff; }
#menu2 LI A.active { background: #f60 url(dot03.gif) 10px 8px no-repeat; }
#menu2 UL { padding: 7px 10px 7px 20px; margin: 0; list-style: none; font-weight: normal; }
#menu2 UL LI A { padding: 2px 0 2px 10px; background: url(dot02.gif) 0 6px no-repeat; border: none; color: #000; }
#menu2 UL LI A.active { background: url(dot01.gif) 0 6px no-repeat; color: #f60; }

DIV.stripe1 { background: #f60; height: 5px; overflow: hidden; }
DIV.stripe2 { background: #bdbdbd; height: 3px; overflow: hidden; margin: 3px 0 0 0; }
DIV.stripe3 { background: url(bg09.gif) repeat-x; height: 1px; overflow: hidden; }

DIV.col01 { float: left; min-height: 1px; overflow: hidden; width: 220px; margin-right: 8px; }
DIV.col01 P.heading { background: #a5a8ad; color: #fff; margin: 0; padding: 7px 12px; font-weight: bold; font-size: 12px; }
DIV.col01 DL { padding: 8px 12px; margin: 0; font-weight: bold; line-height: 14px; }
DIV.col01 DL DT { margin: 0; padding: 0; }
DIV.col01 DL DD { margin: 0; padding: 0 0 0 16px; background: url(dot01.gif) 6px 4px no-repeat; }
DIV.col02 { float: left; min-height: 1px; overflow: hidden; width: 740px; padding: 5px 0; }

DIV.col03 { float: left; min-height: 1px; overflow: hidden; width: 370px; margin-right: 20px; }
DIV.col04 { float: left; min-height: 1px; overflow: hidden; width: 300px; }

DIV.col05 { float: left; min-height: 1px; overflow: hidden; width: 497px; margin-right: 20px; }
DIV.col06 { float: left; min-height: 1px; overflow: hidden; width: 180px; }

DIV.col07 { float: left; min-height: 1px; overflow: hidden; width: 345px; margin-right: 20px; }
DIV.col08 { float: left; min-height: 1px; overflow: hidden; width: 345px; }

.search { padding: 10px; }
.search INPUT { float: left; }
.search SPAN { float: left; }
.search INPUT.default { border: 1px solid #a5a8ad; font-size: 12px; padding: 2px 4px; width: 120px; margin: 0 5px 0 0; }
.search SPAN.btn { background: url(bg08.gif) 0 0 no-repeat; }
.search SPAN.btn SPAN { background: url(bg08.gif) 100% 0 no-repeat; }
.search SPAN.btn INPUT { border: none; background: transparent; overflow: visible; padding: 2px 15px 3px 15px; cursor: pointer; font-weight: bold; color: #f60; text-transform: uppercase; }

#front01 { margin: 10px 0 0 0; background: url(bg06.png) 0 100% no-repeat; padding-bottom: 10px; }
#front01 H2 { margin: 0; padding: 8px 20px; background: url(bg07.png) no-repeat; color: #fff; font-size: 12px; }
#front01 DIV.pad { padding: 5px 20px 10px 20px; line-height: 15px; }
#front01 DIV.pad P { margin: 0; padding: 10px 0 0 0; }

DIV.front02 { padding: 10px; font-weight: bold; }
DIV.front02 A { float: right; background: url(bg08.gif) 0 0 no-repeat; }
DIV.front02 A SPAN { float: left; background: url(bg08.gif) 100% 0 no-repeat; cursor: pointer; padding: 3px 15px 5px 15px; }

#front03 { margin: 10px 0 0 0; background: url(bg06.png) 0 100% no-repeat; padding-bottom: 10px; width: 500px; }
#front03 H2 { margin: 0; padding: 8px 20px; background: url(bg07.png) no-repeat; color: #fff; font-size: 12px; }
#front03 DIV.pad { padding: 5px 20px 10px 20px; line-height: 15px; }
#front03 DIV.pad P { margin: 0; padding: 10px 0 0 0; }

DIV.summer { background: url(ico_summer.gif) 17px 8px no-repeat; }
DIV.winter { background: url(ico_winter.gif) 17px 8px no-repeat; padding-bottom: 5px !important; }

DIV.front-col1 { float: left; min-height: 1px; overflow: hidden; width: 240px; margin: 0 10px 0 0; }
DIV.front-col2 { float: left; min-height: 1px; overflow: hidden; width: 240px; margin: 0 10px 0 0; }
DIV.front-col3 { float: left; min-height: 1px; overflow: hidden; width: 240px; }

DIV.block01 { background: url(bg12.gif) repeat-y; }
DIV.block01a { background: url(bg13.gif) 0 100% no-repeat; }
DIV.block01b { padding: 15px; }
DIV.block01c { background: url(bg15.gif) 0 0 no-repeat; padding: 20px 23px 23px 20px; }
DIV.block01d { padding: 0 23px 23px 20px; }
DIV.block01 H2 { margin: 0; padding: 8px 20px; background: url(bg14.png) no-repeat; color: #fff; font-size: 12px; }
DIV.block01 P.help { float: right; background: url(ico_help.gif) 0 9px no-repeat; margin: 0; padding: 8px 20px 0 17px; }
DIV.block01 P.help A { color: #fff; text-decoration: underline; }
DIV.block01 DIV.tire { background: url(illustration08.gif) 20px 0 no-repeat; min-height: 70px; padding-left: 100px; }
* HTML DIV.block01 DIV.tire { height: 70px; }
DIV.block01 DIV.rim { background: url(illustration11.gif) 10px 0 no-repeat; min-height: 70px; padding-left: 100px; }
* HTML DIV.block01 DIV.rim { height: 70px; }
DIV.block01 P.action { float: left; margin: 0; padding: 25px 0 0 10px; }
DIV.block01 P.action SPAN.btn { background: url(bg08.gif) 0 0 no-repeat; float: left; }
DIV.block01 P.action SPAN.btn SPAN { background: url(bg08.gif) 100% 0 no-repeat; float: left; }
DIV.block01 P.action SPAN.btn INPUT { border: none; background: transparent; overflow: visible; padding: 2px 15px 3px 15px; cursor: pointer; font-weight: bold; color: #f60; }
DIV.block01b TABLE { margin: 0; }

DIV.block02 { background: url(bg12.gif) repeat-y; }
DIV.block02a { background: url(bg13.gif) 0 100% no-repeat; }
DIV.block02b { padding: 15px; }
DIV.block02c { background: url(bg15.gif) 0 0 no-repeat; padding: 1em 2em 2em 2em; }

TABLE.tiresearch { float: left; margin: 0; }
TABLE.tiresearch TH { padding: 5px 10px 5px 0; }
TABLE.tiresearch TD { padding: 1px 20px 1px 0; }
TABLE.tiresearch SELECT { width: 90px; }

TABLE.tiresearch2 { float: left; margin: 0; }
TABLE.tiresearch2 TH { padding: 2px 5px 2px 0; }
TABLE.tiresearch2 TD { padding: 2px 5px 1px 0; }
TABLE.tiresearch2 SELECT { width: 100px; }

TABLE.tires { width: 100%; margin: 0; }
TABLE.tires TD { width: 20%; border: 5px solid #fff; padding: 0; text-align: center; }
TABLE.tires TD.empty { background: #fff; }
TABLE.tires DIV.img { padding: 5px; background: #fff; border: solid #eee; border-width: 0 1px; }
TABLE.tires DIV.text { background: #eee; padding: 0 10px; }
TABLE.tires P { padding: 5px 0 0 0; margin: 0; }
TABLE.tires P A { font-weight: bold; }
TABLE.tires DIV.starter { background: url(bg17.gif) no-repeat; height: 10px; overflow: hidden; }
TABLE.tires DIV.starter DIV { background: url(bg17.gif) 100% 0 no-repeat; height: 10px; overflow: hidden; }
TABLE.tires DIV.ending { background: url(bg17.gif) 0 -10px no-repeat; height: 10px; overflow: hidden; }
TABLE.tires DIV.ending DIV { background: url(bg17.gif) 100% -10px no-repeat; height: 10px; overflow: hidden; }

UL.tabs { margin: 1em 0 0 0; padding: 0 0 0 0; list-style: none; background: url(bg15.gif) 0 100% no-repeat; }
UL.tabs LI { float: left; padding: 0; margin: 0 1px 0 0; background: none; }
UL.tabs LI A { float: left; background: url(bg16.gif) no-repeat; text-decoration: none; color: #fff; }
UL.tabs LI.first A { background-position: 0 -300px; }
UL.tabs LI A SPAN { float: left; padding: 7px 13px 31px 10px; background: url(bg16.gif) 100% 0 no-repeat; cursor: pointer; }
UL.tabs LI A.active { background-position: 0 -200px; color: #333; }
UL.tabs LI A.active SPAN { background-position: 100% -100px; }
UL.tabs LI.first A.active { background-position: 0 -100px; color: #333; }

DIV.tabs-content { border: solid #eee; border-width: 0 1px 1px 1px; padding: 5px; }

S { color: #aaa; }

UL.services { padding: 0; margin: 1em 0 0 0; }
UL.services LI { padding: 0; margin: 0; background: none; display: inline; }
UL.services LI A { display: block; padding: 17px 0 18px 60px; margin: 0; font-weight: bold; text-decoration: none; }
UL.services LI A:hover { text-decoration: underline; }
UL.services LI A.service01 { background: url(service01.jpg) 0 50% no-repeat; }
UL.services LI A.service02 { background: url(service02.jpg) 0 50% no-repeat; }
UL.services LI A.service03 { background: url(service03.jpg) 0 50% no-repeat; }
UL.services LI A.service04 { background: url(service04.jpg) 0 50% no-repeat; }
UL.services LI A.service05 { background: url(service05.jpg) 0 50% no-repeat; }
UL.services LI A.service06 { background: url(service06.jpg) 0 50% no-repeat; }
UL.services LI A.service07 { background: url(service07.jpg) 0 50% no-repeat; }
UL.services LI A.service08 { background: url(service08.jpg) 0 50% no-repeat; }
UL.services LI A.service09 { background: url(service09.jpg) 0 50% no-repeat; }
UL.services LI A.service10 { background: url(service10.jpg) 0 50% no-repeat; }
UL.services LI A.service11 { background: url(service11.jpg) 0 50% no-repeat; }
UL.services LI A.service12 { background: url(service12.jpg) 0 50% no-repeat; }

UL.services2 { padding: 0; margin: 0; line-height: 15px; }
UL.services2 LI { padding: 0; margin: 1em 0 0 0; float: left; width: 50%; height: 50px; overflow: hidden; }
UL.services2 LI.service01 { background: url(service01.jpg) no-repeat; }
UL.services2 LI.service02 { background: url(service02.jpg) no-repeat; }
UL.services2 LI.service03 { background: url(service03.jpg) no-repeat; }
UL.services2 LI.service04 { background: url(service04.jpg) no-repeat; }
UL.services2 LI.service05 { background: url(service05.jpg) no-repeat; }
UL.services2 LI.service06 { background: url(service06.jpg) no-repeat; }
UL.services2 LI.service07 { background: url(service07.jpg) no-repeat; }
UL.services2 LI.service08 { background: url(service08.jpg) no-repeat; }
UL.services2 LI.service09 { background: url(service09.jpg) no-repeat; }
UL.services2 LI.service10 { background: url(service10.jpg) no-repeat; }
UL.services2 LI.service11 { background: url(service11.jpg) no-repeat; }
UL.services2 LI.service12 { background: url(service12.jpg) no-repeat; }
UL.services2 LI A { display: block; padding: 0 0 0 60px; margin: 0; text-decoration: none; color: #000; }
UL.services2 LI A B,
UL.services2 LI A STRONG { font-size: 13px; color: #f60; display: block; padding-bottom: 4px; }
UL.services2 LI A:hover { color: #f60; }
UL.services2 LI A:hover B,
UL.services2 LI A:hover STRONG { text-decoration: underline; }

/* Booking */

TABLE.book { margin: 0; border-top: 5px solid #fff; }
TABLE.book TH { padding: 5px; line-height: 14px; font-weight: normal; font-size: 11px; text-align: center; border: 1px solid #fff; }
TABLE.book TH.time { background: #f5f5f5; border: 1px solid #fff; color: #aaa; padding: 1px 5px; }
TABLE.book TD { padding: 0; line-height: 14px; font-weight: normal; font-size: 11px; text-align: center; border: 1px solid #fff; }
TABLE.book TD DIV { background: #eee; padding: 1px; cursor: default; }
TABLE.book TD A { display: block; background: #cce5a7; padding: 1px; text-decoration: none; }
TABLE.book TD A:hover { background: #a3c96a; }
TABLE.book TR.fullhour TH { border-top: 5px solid #fff; color: #555; font-weight: bold; }
TABLE.book TR.fullhour TD { border-top: 5px solid #fff; }

#smallcalendar {}
#smallcalendar TABLE { margin: 0; width: 100%; }
#smallcalendar TABLE TH { border: solid #fff; border-width: 5px 1px 1px 1px; padding: 5px 0; text-align: center; font-weight: bold; background: #e5e6e7; }
#smallcalendar TABLE TD { border: 1px solid #fff; padding: 0; text-align: center; width: 14%; }
#smallcalendar TABLE A { display: block; padding: 5px 0; color: #777; text-decoration: none; background: #cce5a7; }
#smallcalendar TABLE A:hover { background: #a3c96a !important; color: #fff !important; text-decoration: none; }
#smallcalendar TABLE DIV { padding: 5px 0; color: #bbb; }
#smallcalendar TABLE TD { background: #f3f3f3; }
#smallcalendar TABLE TD.weekend { background: #f7eaea; }
#smallcalendar TABLE TD.other A { color: #ddd; }
#smallcalendar TABLE TD.today { font-weight: bold; }
#smallcalendar TABLE TD.selected A { color: #fff; background: #ff6600 !important; }

DIV.cal-heading { background: #6e6f73; font-weight: bold; color: #fff; border: 1px solid #fff; font-size: 11px; font-weight: bold; line-height: 14px; margin: 1em 0 0 0; }
DIV.cal-heading A { padding: 4px 8px; background: #8f8f8f; color: #fff; text-decoration: none; }
DIV.cal-heading A:hover { background: #ff6600; }
DIV.cal-heading A.left { float: left; }
DIV.cal-heading A.right { float: right; }
DIV.cal-heading DIV { display: block; text-align: center; padding: 4px 5px; }
DIV.cal-heading A.selected { background: #fff; color: #ff6600; }

/* Legend */

UL.legend { padding: 5px 0 0 0; margin: 9px 0 0 0; list-style: none; line-height: normal; }
UL.legend LI { float: left; padding: 0 0 3px 0; margin: 0; background: none; clear: both; }
UL.legend LI SPAN { float: left; white-space: nowrap; }
UL.legend LI SPAN.color { width: 20px; height: 12px; border: 1px solid #ddd; }
UL.legend LI SPAN.text { padding: 0 10px 0 5px; }
UL.legend LI SPAN.closed { background: #eee; }
UL.legend LI SPAN.open { background: #cce5a7; }
UL.legend LI SPAN.selected { background: #ff6600; }

DIV.conditions { height: 150px; overflow: auto; }
DIV.conditions DIV { padding: 0 1em 1em 1em; line-height: 16px; }

UL.banklink { padding: 0 0 5px 10px; margin: 0; list-style: none; background: #f4f2d0; border: 1px solid #d6d3aa; }
UL.banklink * { float: left; }
UL.banklink LI { margin: 5px 10px 0 0; background: none; padding: 0; }

/* Process steps */

UL.steps { margin: 0; background: url(bg14.png) no-repeat; color: #fff; padding: 7px; line-height: 14px; list-style: none; }
UL.steps * { float: left; }
UL.steps LI { margin: 0 5px 0 0; background: url(bg18.gif) no-repeat; font-weight: bold; }
UL.steps LI DIV { padding: 3px; background: url(bg18.gif) 100% 0 no-repeat; }
UL.steps LI B { width: 14px; text-align: center; color: #fff; }
UL.steps LI SPAN { padding: 0 5px; }
UL.steps LI.active { background-position: 0 -30px; }
UL.steps LI.active DIV { background-position: 100% -30px; color: #f60; }