html, body { height: 100%; }
form  { min-height: 100%; height: 100%;	 }
body { min-height: 100%; height: 100%; background: #FFF; color: #333; font: 10pt Tahoma; }

* { padding: 0;	margin: 0; }

/* links */
a {color: #006699; }
a:visited {color: #993399;}
a:hover {color: #cc0000;}
a:active {color: #cc0000;}
a:active, a:focus, img 
{    
    -moz-outline:none;
	outline:none;
	ie-dummy:expression(this.hideFocus=true);
}

/* headers */
h1 { font-size: 120%; }
h2 { font-size: 110%; }

fieldset { border: solid 1px #CCC; padding: 0px 20px 10px 20px; margin-bottom: 20px; }
fieldset legend { font-size: 120%; padding: 0px 3px; margin-left: -3px; color: #333; }
* html fieldset legend {margin-left: -8px;}
/* p */
p { margin: 0px; padding: 0px;}

/* img */
img { padding: 0px; margin: 0px; border-width: 0px; }

/* table */
table { border-collapse: collapse; }
table td { vertical-align: top;}

.hr { border-bottom: solid 1px #E6E6E6; height: 1px; margin-bottom: 20px; }

/* common class */
.service-message { font-size: 110%; color: #252525; }
.input { background: #FFF; border: solid 1px #CCC; width: 200px; color: #333; }
.input.l { width: 400px; }
a.CommandButton { font-size: 90%; color: #cc3300; }
a:visited.CommandButton { color: #cc3300; }
a:hover.CommandButton { color: #000; }
* html .checkbox { margin-left: -4px; }
*:first-child+html .checkbox { margin-left: -4px; }
.multi-input { border: solid 1px #CCC; width: 350px; height: 250px; }

/* layout */
#page { min-height:100%; padding: 0px; margin: 0px 0px -180px 0px; }

* html #page { height: 100%; }

#page .header { height: 272px; position: relative; background: #333333 url(header-img-lexus.jpg) left top no-repeat; }
#page .header.bmw { background-image: url(header-img-bmw.jpg); }
#page .header.porshce { background-image: url(header-img-porshce.jpg); }
#page .header.mb { background-image: url(header-img-mb.jpg); }
#page .header .site-nm { position: absolute; top: 197px; left: 47px; font-size: 1.7em; color: #FFF; }
#page .header #autoport-logo { position: absolute; left: 65px; top: 80px; background: Transparent url(logo.png) center center no-repeat; width: 115px; height: 115px;}
* html #page .header #autoport-logo { filter: expression(DIY.helpers().fixPNG(this)); }
#page .header #autoport-logo .home-logo-lnk { display: block; width: 115px; height: 115px; }
#page .header #add-nav-pane {position: absolute; right: 45px; top: 23px; width: 94px; height: 11px; }

#page #columns { /* height: 1%; */ width: 100%; }

/* header car menu */
#page #columns #auto-menu { height: 70px; background: #000; display: block; margin-bottom: 60px; border-bottom: solid 4px #3F3F3F; position: relative; width: 100%; }
#l-m-h { background: Transparent url(sm-gr.png) no-repeat -148px center; position: absolute; left: 0px; top:0px; width: 148px; height: 70px; }
#r-m-h { background: Transparent url(sm-gr.png) no-repeat 0 center; position: absolute; right: 0px; top:0px; width: 148px; height: 70px; }
/* * html #r-m-h { right: -1px; } */
* html #l-m-h { background: Transparent url(sm-gr-l.png) no-repeat left center; }
* html #r-m-h, * html  #l-m-h { filter: expression(DIY.helpers().fixPNG(this)); }
#page #columns #auto-menu a#btn-scroll-left { display: none; position: absolute; top: 29px; left: 35px; width: 12px; height: 13px; background: #000 url('scroll-btns.gif') 0px 0px no-repeat; }
#page #columns #auto-menu a:hover#btn-scroll-left { background: #000 url('scroll-btns.gif') -24px 0px no-repeat; }
#page #columns #auto-menu #wrapper { overflow: hidden; width: 100%; }
#page #columns #auto-menu a#btn-scroll-right { display: none; position: absolute; top: 29px; right: 35px; width: 12px; height: 13px; background: #000 url('scroll-btns.gif') -12px 0px no-repeat; }
#page #columns #auto-menu a:hover#btn-scroll-right { background: #000 url('scroll-btns.gif') -36px 0px no-repeat; }


#page #columns #auto-menu #wrapper #logos { background: #000 url('car-logos.jpg') left top no-repeat; height: 70px; width: 3000px; }

#page #columns #auto-menu #wrapper #logos dd a { border-left: solid 1px #000; border-right: solid 1px #000; height: 70px; display: inline-block; float: left; }

#page #columns #auto-menu #wrapper #logos #acura { width: 55px; margin-left: 150px; }
#page #columns #auto-menu #wrapper #logos a#acura:hover { background: #000 url('car-logos.jpg') -150px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #audi { width: 111px; margin-left: 103px; }
#page #columns #auto-menu #wrapper #logos a#audi:hover { background: #000 url('car-logos.jpg') -310px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #bmw { width: 59px; margin-left: 100px; }
#page #columns #auto-menu #wrapper #logos a#bmw:hover { background: #000 url('car-logos.jpg') -523px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #bentley { width: 108px; margin-left: 100px; }
#page #columns #auto-menu #wrapper #logos a#bentley:hover { background: #000 url('car-logos.jpg') -684px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #infiniti { width: 98px; margin-left: 102px; }
#page #columns #auto-menu #wrapper #logos a#infiniti:hover { background: #000 url('car-logos.jpg') -896px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #mercedes { width: 56px; margin-left: 96px; }
#page #columns #auto-menu #wrapper #logos a#mercedes:hover { background: #000 url('car-logos.jpg') -1092px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #toyota { width: 72px; margin-left: 98px; }
#page #columns #auto-menu #wrapper #logos a#toyota:hover { background: #000 url('car-logos.jpg') -1248px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #lexus { width: 72px; margin-left: 98px; }
#page #columns #auto-menu #wrapper #logos a#lexus:hover { background: #000 url('car-logos.jpg') -1420px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #honda { width: 58px; margin-left: 100px; }
#page #columns #auto-menu #wrapper #logos a#honda:hover { background: #000 url('car-logos.jpg') -1594px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #volkswagen { width: 58px; margin-left: 100px; }
#page #columns #auto-menu #wrapper #logos a#volkswagen:hover { background: #000 url('car-logos.jpg') -1754px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #chevrolet { width: 100px; margin-left: 100px; }
#page #columns #auto-menu #wrapper #logos a#chevrolet:hover { background: #000 url('car-logos.jpg') -1914px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #porsche { width: 54px; margin-left: 100px; }
#page #columns #auto-menu #wrapper #logos a#porsche:hover { background: #000 url('car-logos.jpg') -2116px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #subaru { width: 90px; margin-left: 98px; }
#page #columns #auto-menu #wrapper #logos a#subaru:hover { background: #000 url('car-logos.jpg') -2270px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #nissan { width: 56px; margin-left: 100px; }
#page #columns #auto-menu #wrapper #logos a#nissan:hover { background: #000 url('car-logos.jpg') -2462px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #mazda { width: 55px; margin-left: 100px; }
#page #columns #auto-menu #wrapper #logos a#mazda:hover { background: #000 url('car-logos.jpg') -2620px -70px no-repeat;}

#page #columns #auto-menu #wrapper #logos #landrover { width: 78px; margin-left: 97px; }
#page #columns #auto-menu #wrapper #logos a#landrover:hover { background: #000 url('car-logos.jpg') -2774px -70px no-repeat;}

/* columns */
#page #columns .left-pane { float: left; width: 350px; padding: 0px 45px 0px 45px; //margin-right: -100%; }
#page #columns .content-pane { margin: 0px 20px 0px 440px; //display: inline; //float: left; }
#page #columns .content-bottom-pane { //display: inline-block; }
/* ? */
/* #page #columns .content-bottom-pane { display: none } */

#page #columns .content-bottom-pane { position:relative; overflow:hidden; padding: 10px 0; }
#page #columns .content-bottom-pane .content { padding: 10px 20px; background: #FFF; border-right: solid 3px #f7f7f0; border-left: solid 3px #f7f7f0; }
#page #columns .content-bottom-pane .content table { width: 100%; }
#page #columns .content-bottom-pane .content .l { width: 50%; border-right: solid 2px #ebe4d9; border-right-style: dotted; padding-right: 20px; }
#page #columns .content-bottom-pane .content .r { width: 50%; padding-left: 20px; }
#page #columns .content-bottom-pane .cn { position:absolute; width:20px; height:20px; left:-10px; top:-10px; background:url(r-s-sh-lemo.png); }
* html #page #columns .content-bottom-pane .cn { filter: expression(DIY.helpers().fixPNG(this)); }
#page #columns .content-bottom-pane .cn.bl, #page #columns .content-bottom-pane .cn.br { top: auto }
#page #columns .content-bottom-pane .cn.tr, #page #columns .content-bottom-pane .cn.br { margin-left:100%; }
#page #columns .content-bottom-pane .cn.tl, #page #columns .content-bottom-pane .cn.bl { width:100%; }

#page #page-empty { height: 250px; clear: both; }

#footer { height: 180px; position: relative; color: #333333; background: Transparent url(dotted-border.gif) repeat-x left top; }
#footer table { width: 100%; font-size: 11pt; }
#footer table td { padding-top: 25px; }
#footer #copyright { width: 445px; }
#footer #copyright .copy { margin-left: 43px; }
#footer #copyright .count { margin: 10px 0 0 43px; }
#footer #contacts { font-size: 10pt; }
#footer #contacts .label { display: block; margin-bottom: 3px; }
#footer .infopolis { font-size: 10pt; }
#footer .infopolis .outside { background: Transparent url(http://www.infopolis.com.ua/favicon.ico) no-repeat left center; padding-left: 20px; display: block; margin-bottom: 12px; }

#page .c-panel { padding: 0px 20px 50px 45px; }
#page .c-panel .module td { padding: 0px 10px 5px 0px; }
#page .c-panel a.CommandButton, #page .c-panel a.CommandButtonDisabled { font-size: 90%; color: #cc3300; display: block; padding-bottom: 10px; text-decoration: none; }
#page .c-panel a:hover.CommandButton { color: #000; }
* html #page .c-panel .checkbox { margin-left: -4px; }
*:first-child+html .c-panel .checkbox { margin-left: -4px; }
* html #page .c-panel .input { float: left; display: inline-block; }



/* main navigation menu */
#header-navigation { position: absolute; left: 45px; top: 12px; }
#header-navigation .Navigator {list-style-type: none; margin: 0px; padding: 0px; }
#header-navigation .Navigator li { float: left; text-align: left; position: relative; margin-right: 70px; padding-left: 11px; background: Transparent url(menu-ln.gif) no-repeat left 4px; }
#header-navigation .Navigator li .CommandButton { color: #e9e9e9; text-decoration: underline; font-size: 1.1em; }
#header-navigation .Navigator li .SelectedMenuItem {color: #f4f4cc; text-decoration: underline; font-size: 1.1em; cursor: default; }
#header-navigation .Navigator li .CommandButton.Root { background: Transparent url(root-menu-arrow.gif) right 65% no-repeat; padding-right: 10px; }
#header-navigation .Navigator li ul { display: none; position: absolute; left: 10px; top: 16px; list-style-type: none; }
#header-navigation .Navigator li:hover ul { display: block; }
#header-navigation .Navigator li.over ul { display: block; }
#header-navigation .Navigator li ul li { margin: 4px 0px 2px 0px; padding: 2px 5px; float: none; width: 170px; background: #5f6a6c; border-bottom: solid 1px #333; }
#header-navigation .Navigator li ul li a.CommandButton { display: block; width: 100%; color: #e9e9e9; }

/* skins object — additional-navigation */
.additional-navigation { background: url('add-nav.gif') left top no-repeat; width: 120px; height: 11px; position: relative; }
.additional-navigation.logout { background-position: left -22px; }
.additional-navigation a.homelnk { position: absolute; top: 0px; left: 0px; width: 15px; height: 11px; font-size: 1px; }
.additional-navigation a.homelnk:hover { background: transparent url('add-nav.gif') left -11px no-repeat; }
.additional-navigation a.maillnk { position: absolute; top: 0px; left: 42px; width: 14px; height: 11px; font-size: 1px; }
.additional-navigation a.maillnk:hover { background: transparent url('add-nav.gif') -42px -11px no-repeat; }
.additional-navigation a.sitemap { position: absolute; top: 0px; left: 82px; width: 11px; height: 11px; font-size: 1px; }
.additional-navigation a.sitemap:hover { background: transparent url('add-nav.gif') -82px -11px no-repeat; }
.additional-navigation a.enterlnk { position: absolute; top: 0px; left: 110px; width: 12px; height: 11px; font-size: 1px; }
.additional-navigation a.enterlnk:hover { background: transparent url('add-nav.gif') -110px -11px no-repeat; }
.additional-navigation.logout a.enterlnk:hover { background: transparent url('add-nav.gif') -82px -33px no-repeat; }


/* skins object — login form */
#login-form  { position: relative; background: Transparent url('login-key.gif') no-repeat left top; width: 100%; height: 170px; }
#login-form .login-button { position: absolute; top: 90px; left: 130px; padding: 0px; margin: 0px; cursor: pointer; cursor: hand; border-style: none; background: Transparent; color: #006699; font-size: 132%; text-align: left; text-decoration: underline; }
#login-form .login-button.hover { color: #cc0000; }
#login-form .pwd-fgt-lnk { position: absolute; left: 120px; top: 125px; font-size: 9pt; background: Transparent url(ln.gif) no-repeat left 65%; padding-left: 10px; }
#login-form .pwd-fgt-lnk:-moz-any-link { left: 122px; }
#login-form .reg-lnk  { position: absolute; left: 120px; top: 145px; font-size: 9pt; background: Transparent url(ln.gif) no-repeat left 65%; padding-left: 10px; }
#login-form .reg-lnk:-moz-any-link { left: 122px; }
#login-form .remeb-me { position: absolute; top: 94px; color: #626262; font-size: 8pt; }
#login-form .remeb-me input { margin-right: 5px; }
#login-form .login { border-style: none; background: transparent; position: absolute; width: 114px; top: 20px; left: 8px; padding: 0px 2px; font-size: 9pt; }
#login-form .pwd { border-style: none; background: transparent; position: absolute; width: 114px; top: 35px; left: 8px; padding: 0px 2px; font-size: 9pt; }


/* containers — simple container */
.simple-container { margin-bottom: 50px; width: 100%; }
.simple-container .module-title { font-size: 120%; margin-bottom: 20px; }
.simple-container p { margin: 0px; padding: 0px; line-height: 150%; }
.simple-container .module-administration { padding: 10px 30px 0px 20px;  }
.left-pane .simple-container .module-administration { padding: 10px 30px 0px 0px; }
.simple-container .module-administration a.CommandButton { text-decoration: none; padding-right: 7px; font-size: 80%; color: #cc3300; }
.simple-container .module-administration a:hover.CommandButton { color: #000; }
/* for content-pane */
.content-pane .simple-container .module-title { padding: 0px 30px 0px 0px; }
#page #columns .left-pane #modile-separator { padding: 25px 0px; background: Transparent url(module-separator.gif) no-repeat left center; }
/* for left pane */
#page #columns .left-pane .simple-container { margin-bottom: 0px; }


/* for connet bottom left (CBL) */
#page #columns .content-bottom-pane .content .simple-container { margin: 0px; }
#page #columns .content-bottom-pane .content .simple-container .module-title { padding: 0px 0px 0px 24px; margin: 0px 0px 15px 0px; font-size: 120%; }
#page #columns .content-bottom-pane .content .l .simple-container .module-title { background: Transparent url(green-header-marker.gif) left center no-repeat; }
#page #columns .content-bottom-pane .content .r .simple-container .module-title { background: Transparent url(blue-header-marker.gif) left center no-repeat; }
#page #columns .content-bottom-pane .content .simple-container .module-content { margin: 0px; padding: 0px; }
#page #columns .content-bottom-pane .content .simple-container .module-administration { padding: 10px 0px 0px 0px; }



/* containers — products-line */
.products-line { margin-bottom: 50px; width: 100%; }
.products-line .module-title { padding: 30px 0px 0px 70px; margin-bottom: 20px; font-size: 150%; font-weight: 500; color: #c54100; background: Transparent url(products-icon.gif) left bottom no-repeat; }

* html .products-line .module-title { margin-bottom: 0px; }
*:first-child+html .products-line .module-title { margin-bottom: 0px; }
.products-line p { margin: 0px; padding: 0px; }
.products-line .module-administration { padding: 10px 0px 0px 0px; }
.products-line .module-administration a.CommandButton { text-decoration: none; padding-right: 7px; font-size: 80%; color: #cc3300; }
.products-line .module-administration a:hover.CommandButton { color: #000; }
/* for left pane */
#page #columns .left-pane .products-line { margin-bottom: 0px; }

/* containers — rounded star */
.r-star{ position:relative; overflow:hidden; padding: 10px 0; background:#f8f4ee; }
* html .r-star { float: left; }
.r-star .content { padding:10px 20px; line-height: 150%; }
.r-star .content .module-title { margin-bottom: 20px; }
.r-star .cn { position:absolute; width:20px; height:20px; left:-10px; top:-10px; background:url(r-star.png); }
* html .r-star .cn { filter: expression(DIY.helpers().fixPNG(this)); }
.r-star .cn.tr, .r-star .cn.br { margin-left:100%; }
.r-star .cn.bl, .r-star .cn.br { top:auto; }

/* containers — shape rounded star */
.r-star-shape{ position:relative; overflow:hidden; padding: 10px 0; }
/* * html .r-star-shape { float:left; } */
.r-star-shape .content { padding: 10px 20px; background: #f8f4ee; border-left: solid 1px #f4eada; border-right: solid 1px #f4eada; }
.r-star-shape .content .module-title { margin-bottom: 20px; }
.r-star-shape .module-actions-pnl { padding: 0 20px; background: #f8f4ee; border-left: solid 1px #f4eada; border-right: solid 1px #f4eada; }
.r-star-shape .module-actions-pnl a.CommandButton { text-decoration: none; padding-right: 7px; font-size: 80%; color: #cc3300; }
.r-star-shape .module-actions-pnl a:hover.CommandButton { color: #000; }
.r-star-shape .cn { position:absolute; width:20px; height:20px; left:-10px; top:-10px; background:url(r-star-shape.png); }
* html .r-star-shape .cn { filter: expression(DIY.helpers().fixPNG(this)); }
.r-star-shape .cn.bl, .r-star-shape .cn.br { top:auto; }
.r-star-shape .cn.tr, .r-star-shape .cn.br { margin-left:100%; }
.r-star-shape .cn.tl, .r-star-shape .cn.bl { width:100%; }

/* containers — shape rounded star grey */
.roundede-border-container { position: relative; width: 100%; margin-bottom: 40px; }
* html .roundede-border-container { float: left; }
.roundede-border-container .module-title { background: #FFF url(red-header-marker.gif) 5px 65% no-repeat; padding: 0px 5px 0px 27px; font-size: 140%; position: absolute; z-index: 100; top: -13px; left: 11px; }
.roundede-border-container .r-star-shape{position:relative; overflow:hidden; padding: 10px 0; width: 100%; }
/** html .roundede-border-container .r-star-shape { float:left; }*/
.roundede-border-container .r-star-shape .content {padding: 20px 15px; background: Transparent; border: none 0px Transparent; }
.roundede-border-container .r-star-shape .module-actions-pnl { padding: 0px 20px; background: Transparent; border: none 0px Transparent; }
.roundede-border-container .r-star-shape .module-actions-pnl a.CommandButton { text-decoration: none; padding-right: 7px; font-size: 80%; color: #cc3300; }
.roundede-border-container .r-star-shape .module-actions-pnl a:hover.CommandButton { color: #000; }
.roundede-border-container .r-star-shape .cn { position:absolute; width:20px; height:20px; left:-10px; top:-10px; background:url(r-star-shape-grey-border.png); }
* html .roundede-border-container .r-star-shape .cn { filter: expression(DIY.helpers().fixPNG(this)); }
.roundede-border-container .r-star-shape .cn.bl, .roundede-border-container .r-star-shape .cn.br { top:auto; }
.roundede-border-container .r-star-shape .cn.tr, .roundede-border-container .r-star-shape .cn.br { margin-left:100%; }
.roundede-border-container .r-star-shape .cn.tl, .roundede-border-container .r-star-shape .cn.bl { width:100%; }

/* containters — rounded shape star, RShapeGrey.ascx */
.r-shape-star-lgr { position: relative; padding: 10px 0; overflow:hidden; width: 100%; }
* html .r-shape-star-lgr { float: left; }
.r-shape-star-lgr .module-title { background: #FFF url(red-header-marker.gif) left 65% no-repeat; padding: 0px 0px 0px 25px; font-size: 140%; }
.r-shape-star-lgr .content { padding: 10px 15px; border-left: solid 3px #f4f4f4; border-right: solid 3px #f4f4f4; }
.r-shape-star-lgr .curve { position:absolute; width:20px; height:20px; left:-10px; top:-10px; background:url(r-s-sh-lightgrey.png); }
* html .r-shape-star-lgr .curve{ filter: expression(DIY.helpers().fixPNG(this)); }
.r-shape-star-lgr .curve.bl, .r-shape-star-lgr .curve.br { top:auto; }
.r-shape-star-lgr .curve.tr, .r-shape-star-lgr .curve.br {  margin-left:100%; }
.r-shape-star-lgr .curve.tl, .r-shape-star-lgr .curve.bl { width: 100%; }

.m-act-pnl { padding: 0 15px; margin-bottom: 40px; }
.m-act-pnl a.CommandButton { text-decoration: none; padding-right: 7px; font-size: 80%; color: #cc3300; }
.m-act-pnl a:hover.CommandButton { color: #000; }

/* desktop modules — announces */
#page #columns .left-pane .announces { width: 270px; border-left: solid 5px #f5efe8; padding-left: 15px; }
#page #columns .content-bottom-pane .content .l .date { display: none }
#page #columns .content-bottom-pane .content .r .date { display: none }
#page #columns .content-bottom-pane .content .l .summary { width: 281px; }
#page #columns .content-bottom-pane .content .r .summary { width: 281px; }
.announces .date { font-size: 105%; color: #808080; }
.announces .title { padding-bottom: 5px; display: none; }
.announces .summary { padding-bottom: 20px; }
.announces .summary a p, #announces .summary a { font-size: 110%; line-height: 125%; text-decoration: underline; }
.announces .summary .edit-commands { padding-top: 5px; }
.announces .summary .edit-commands a { margin-right: 10px; font-size: 75%; color: #cc3300; }
.announces .summary .edit-commands a:hover { color: #000; }
.announces a.all-news-link {background: url('all-news-arrow.gif') no-repeat left center; padding-left: 35px; font-size: 90%; display: block; }
#page #columns .content-bottom-pane .content .announces { margin-bottom: -20px; }
/* desktop modules — edit news */
.news-edit-form { width: 100%; }
.news-edit-form td { }
.news-edit-form td .input { width: 98%; }

/* desktop modules — products-type-tree */
.products-type-tree UL { list-style-type: none; margin: 0; padding: 0; }
.products-type-tree UL UL { margin: 0px 0px 0px 15px; }
.products-type-tree UL LI { margin: 1px 0px; padding: 0; }
.products-type-tree UL LI TD { vertical-align: bottom; }
.products-type-tree .tree-node { display: block; width: 11px; height: 11px; text-decoration: none; padding-right: 7px; margin-bottom: 4px; }
* html .products-type-tree .tree-node { margin-bottom: 0px; }
.products-type-tree .tree-node.e { background: Transparent url(tree-e-icon.gif) left top no-repeat; }
.products-type-tree .tree-node.c { background: Transparent url(tree-c-icon.gif) left top no-repeat; }
.products-type-tree .tree-node.l { background: Transparent url(tree-l-icon.gif) left top no-repeat; }
.products-type-tree li ul li .tree-node.l { background: Transparent url() left top no-repeat; width: 0px; padding-right: 10px;}
.products-type-tree a.lButton { text-decoration: underline; color: #006699; font-size: 132%; }
.products-type-tree li ul li a.lButton { color: #505050; font-size: 120%; text-decoration: underline; }
.products-type-tree a:hover.lButton { color: #cc0000 }

.products-type-tree .ExtTreeSelectedNode { text-decoration: none; color: #000; font-size: 132%; color: #aa2005; }
.products-type-tree li ul li .ExtTreeSelectedNode { font-size: 131%; }
/* desktop modules — best proposition */

.floats { margin: -3em 0 0 -5em; position: relative; display: inline-block; clear: both; }
.floats .left { position: relative; float: left; display: inline; overflow: hidden; margin: 3em 0 0em 5em; /*width: 16em; min-width: 250px;*/ }
.floats .left .r { position: absolute; top: 0; left: 0; width: 100%; }
.floats .left .r h3 { margin: 0px; padding: 0px; font-size: 12pt; }
.floats .left .min { margin: 0 0 150px 0; height: 1.5em; width: 200px; }
.all-products { font-size: 11pt; background: Transparent url('r-arrow.gif') no-repeat; padding-left: 20px; }

/* caps-lock-alert */
.caps-lock-alert-messagebox { white-space: nowrap; background: Transparent url('bubble_corner.gif') 0px 0px no-repeat; padding: 5px 0px 0px 0px; }
.caps-lock-alert-messagebox SPAN { margin: 0px; padding: 5px 14px 4px 11px; background-color: #202020; border: solid 1px #393939; font-size: 65%; color: #FFF; display: block; }
/* caps-lock-alert */




/* user.ascx */
/* edit-user-form-pwd */
.prop-edit { padding-top: 20px; padding-right: 20px; font-size: 100%; }
.prop-edit p { padding: 0px; margin: 0px 0px 7px 0px; float: none; clear: both; }
.prop-edit p .label { width: 180px; display: block; float: left; overflow: hidden; white-space: nowrap; }
.prop-edit p .input { padding: 1px 4px 1px 4px; margin: 0px 10px 0px 0px; }
.prop-edit p .required-field { font-size: 100%; color: #F00;}
.prop-edit p .regex-validator { font: 100%; }
* html .prop-edit p .checkbox { margin-left: -4px; }
*:first-child+html .prop-edit p .checkbox { margin-left: -4px; }
#edit-user-form-pwd { margin-bottom: 20px; }
#edit-user-form-pwd p { padding: 0px; margin: 0px 0px 7px 0px; float: none; clear: both; }
#edit-user-form-pwd p .label { width: 180px; display: block; float: left; overflow: hidden; white-space: nowrap; }
#edit-user-form-pwd p .input { padding: 1px 4px 1px 4px; margin: 0px 10px 0px 0px; }

#edit-user-form-pwd p .pwd-valid-mess { font-size: 95%; }
/* edit-user-form-pwd */


/* RestorePassword.ascx */
#password-recowery-form td { padding: 0px 0px 10px 0px; }
#password-recowery-form td .input { margin: 0px 10px 0px 0px; }

/* modulemessage.ascx */
.module-mess { margin: 20px 0; }
.module-mess .module-mess-icon { margin-right: 7px; }
.module-mess .module-mess-heading { font-size: 130%; }
.module-mess .module-mess-text { display: block; padding-top: 10px;}

/* users.ascx */
.portal-users { font-size: 90%; width: 100%; }
.portal-users td { padding-right: 2em; }
.portal-users .t-header { font-size: 125%; }
.portal-users a { color: #cc3300; }
.portal-users a:visited { color: #cc3300; }
.portal-users a:hover { color: #000; }
* html .portal-users .checkbox { margin-left: -4px; }

/* membership.ascx */
.membership-form .CommandButton { margin-right: 10px; }
* html .membership-form .prop-edit p .checkbox, *:first-child+html .membership-form .prop-edit p .checkbox { margin-left: -4px; }

/* admin — sitesettings.ascx */
.site-settings { margin-top: 10px; }
.site-settings td { padding: 0px 20px 10px 0px; }

/* admin — languages.ascx */
.supported-localization { margin-top: 10px; }
.supported-localization td { padding: 0px 20px 10px 0px; } 


/* admin — tabsmanager.ascx */
.move-tabs td { background: #FFF; padding: 3px; border: solid 2px #666; }
.move-tabs td input { padding: 7px; }


/* admin — roles.ascx */
.portal-roles td { padding: 0px 20px 10px 0px; }
.portal-roles td a { font-size: 90%; color: #cc3300; }
.portal-roles td a:visited {color: #cc3300; }
.portal-roles td a:hover {color: #000;}

/* admin — role.ascx */
.edit-role td { padding: 0px 20px 10px 0px; }
* html .edit-role td .checkbox { margin-left: -4px; }
.edit-role td .multi-input { height: 100px; width: 200px; border: solid 1px #CCC; padding: 1px 2px 1px 2px; }

/* admin — resourceeditor.ascx */
.resource-editor-form { width: 100%; }
.resource-editor-form td { vertical-align: top; padding: 0px 20px 0px 0px; }
.resource-editor-form td .multi-input { background: #FFF; border: solid 1px #CCC; width: 100%; height: 100px; color: #333; padding: 1px 4px 1px 4px; margin: 5px 0px 30px 0px; }
.resource-editor-form td .resource-key { font-size: 100%; }
.resource-editor-form .resource-editor { width: 100%; }

.resource-editor-form .resource-tree UL { list-style-type: none; margin: 0; padding: 0px; }
.resource-editor-form .resource-tree UL UL { margin: 0px 0px 0px 15px; }
.resource-editor-form .resource-tree UL LI { margin: 0px 0px 0px 0px; padding: 0px; }

.resource-editor-form .resource-tree table { margin: 0px; padding: 0px; }
.resource-editor-form .resource-tree table td { margin: 0px; padding: 0px; vertical-align: middle; }

.resource-editor-form .resource-tree .tree-node { display: block; width: 9px; height: 9px; text-decoration: none; padding-right: 5px; margin-top: 7px; }
.resource-editor-form .resource-tree .tree-node.e { background: Transparent url(tree-p-icon.gif) left top no-repeat; }
.resource-editor-form .resource-tree .tree-node.c { background: Transparent url(tree-m-icon.gif) left top no-repeat; }
.resource-editor-form .resource-tree .tree-node.l { background: Transparent url(tree-n-icon.gif) left top no-repeat; }
.resource-editor-form .resource-tree a.lButton, .resource-editor-form .resource-tree span.lButton { text-decoration: none; color: #000; font-size: 11pt; }
.resource-editor-form .resource-tree a.ExtTreeSelectedNode { text-decoration: none; color: #000; font-size: 11pt; color: #aa2005; }

/* admin — modulesettings.ascx */
.module-settings { margin-top: 10px; }
.module-settings td { padding: 0px 20px 10px 0px; }
.communicator-settings { margin-top: 10px; }
.specific-settings { margin-top: 10px; }
.specific-settings table td { padding: 0px 20px 10px 0px; }



/* desctop modules — eshop — products */
#photogallary
{
display: block; margin: 0 0 15px 0; cursor: pointer; color: #CC0000; font-size: 110%; text-decoration: underline; background: transparent url(blank.gif) no-repeat 0 4px; padding: 0 0 0 24px;
}

#photogallary:hover {color: #000000;}

.eshop-product { margin-bottom: 20px; width: 100%; border-bottom: solid 1px #E6E6E6;}
.eshop-product td { vertical-align: top; }
.eshop-product .description { width: 100%; padding-left: 20px; }
.eshop-product td .lnk-arrow { display: block; background: Transparent url(arrow.gif) 0% 63% no-repeat; padding-left: 10px; font-size: 100%; margin: 3px 0px 3px 0px; white-space: nowrap; }
.eshop-product .product-nm { font-size: 120%; font-weight: 700; margin: 0 0 35px 0;  }
.eshop-product td .pict-small { border: solid 1px #CCC; padding: 5px; margin-bottom: 10px; }
.eshop-product td .sale { display: block; position: absolute; margin: 6px 0 0 6px; font-size: 1px; width: 50px; height: 16px; background: #ffcc33 url(sale.gif) no-repeat left center; }
.eshop-product td .reserv { display: block; position: absolute; margin: 6px 0 0 6px; font-size: 1px; width: 81px; height: 16px; background: #ffcc33 url(reserve.gif) no-repeat left center; }

.eshop-product td .pict-big { padding-bottom: 10px; }
.eshop-product .attributes { width: 100%; }
.eshop-product .attributes .attributes-group-name { font-size: 125%; font-weight: 400; padding-bottom: 5px; }
.eshop-product .attributes .ptoduct-attributes { margin-bottom: 1.2em; border-collapse: collapse; width: 100%; font-size: 1em; }
.eshop-product .attributes .ptoduct-attributes td { padding-bottom: 0.2em }
.eshop-product .attributes .ptoduct-attributes .attribute-name { width: 40%; }
.eshop-product .attributes .ptoduct-attributes .attribute-name span {background-color:#FFFFFF; position:relative; top:0.3em; z-index:2; color: #777; }
.eshop-product .attributes .ptoduct-attributes .attribute-name .dots {background:#666 url(dotted.gif) repeat-x scroll 0 0; display:block; height:1px; overflow:hidden; }
.eshop-product .attributes .ptoduct-attributes .attribute-value span { background-color:#FFFFFF; position:relative; top:0.3em; z-index:2; font-weight: 500; color: #444; }

/* desktop modules — eshop — edit product */
.eshop-product-edit-form{}
.eshop-product-edit-form p .command-button { padding-right: 20px; }
.eshop-product-edit-form .product-editor td { padding: 12px 0; }
.eshop-product-edit-form .product-editor td .ed-ico { background: #FFF url(edit-ico.gif) no-repeat left top; display: inline-block; width: 16px; height: 16px; margin-right: 10px; }
.eshop-product-edit-form .product-editor td .ed-ico.dis { background-position: left bottom; }
.eshop-product-edit-form .required-flag { color: #ff3333; font-size: 100%; font-family: Tahoma; position: relative; top: 3px; margin-left: 4px; }
.eshop-product-edit-form .product-editor td .upload { font-size: small; }
.eshop-product-edit-form .product-editor .attributes td { vertical-align: top; padding-right: 20px; }
.eshop-product-edit-form .product-editor .tov-pict td { vertical-align: top; padding-right: 10px; }
* html .eshop-product-edit-form .product-editor .tov-pict .delete-pict { margin-left: -4px; margin-top: 10px; }
.eshop-product-edit-form .product-editor .input { border: solid 1px #CCC; color: #333; margin: 0px 0px 0px 0px; padding: 2px 4px 2px 4px; width: 350px; }
.eshop-product-edit-form .CommandButton { margin-right: 10px; }

/* desktop modules — eshop — variable-editor */
.variable-editor { }
.variable-editor p { margin-bottom: 60px; }
.variable-editor .label { margin-right: 20px; display: inline-block; width: 150px; overflow: hidden; }
.variable-editor .label.bullet { background: Transparent url(ln.gif) no-repeat left center; padding-left: 15px; width: 135px; }
.variable-editor .input { padding: 1px 3px; margin: 3px 0;}
* html .variable-editor .input { margin: 2px 0; }
.variable-editor .sp { margin: 0 15px 0px 3px; }
.variable-editor .checkbox { margin-left: 10px ; display: inline-block; }
* html .variable-editor .radio { margin-left: -4px; }

/* desctop modules — eshop — VariableOptionPictures.ascx */
.opt-picts { margin-bottom: -30px; float: none; clear; both; }
.opt-picts .p { margin-bottom: 30px; clear: both; }
.opt-picts .p img { margin: 0 15px 0 0; }
.opt-picts .p select { width: 150px; margin: 0 0 0 15px; }
.f-uploader { }

/* send-email-form */
#send-email-form { margin-top: 20px; }
#send-email-form td { padding: 0px 20px 10px 0px; text-align: left; vertical-align: top; }
#send-email-form td .input { background: #FFF; border: solid 1px #CCC; width: 200px; color: #333; padding: 1px 2px 1px 2px; font-size: 90%; }

#send-email-form td .multi-input { background: #FFF; border: solid 1px #CCC; width: 90%; height: 150px; color: #333; padding: 1px 2px 1px 2px; font-size: 90%; }


/* desktop modules — eshop — order.ascx */
#order-form td { padding: 0px 15px 10px 0px; text-align: left; vertical-align: top; }
#order-form td .tov-nm { font-size: 140%; }
#order-form td .input { background: #FFF; border: solid 1px #CCC; width: 200px; color: #333; padding: 0px 2px 0px 2px; font-size: 90%; }
#order-form td .input-multi { background: #FFF; border: solid 1px #CCC; width: 100%; height: 100px; color: #333; padding: 0px 2px 0px 2px; font-size: 90%; }

/* admin — tabmanager */
.tabmanager td { padding: 0 20px 15px 0px; }

.ed-ico { background: #FFF url(edit-ico.gif) no-repeat left top; display: block; padding-left: 20px; white-space: nowrap; margin-top: 5px; }


/* sitemap */
.sitemap { list-style: none; }
.sitemap li { margin-left: 20px; list-style: none; }

/* containers — simple container with bg */ 
.simple-bg { margin-bottom: 50px; width: 100%; background: #f3f3e8; }
.simple-bg .module-title { margin: 20px 0px 20px 0px; font-size: 120%; }
.simple-bg p { margin: 0px; padding: 0px; line-height: 150%; }
.simple-bg .module-administration { padding: 10px 30px 0px 20px;  }
.left-pane .simple-bg .module-administration { padding: 10px 30px 0px 0px; }
.simple-bg .module-administration a.CommandButton { text-decoration: none; padding-right: 7px; font-size: 80%; color: #cc3300; }
.simple-bg .module-administration a:hover.CommandButton { color: #000; }