/* CSS layout for INSTALDOM 2009
   @created: 27.01.2009
   @last edited: 27.01.2009
   @author: Arkadiusz Kondas <ak88@wp.pl>
*/

/* global styles */
html, body, a, p, h1, h2, h3, h4, ul, li, div, hr, img, fieldset, form {margin:0; padding:0; border:0;}
body {background:url(layout/bgBody.jpg) top repeat-x; background-color:#F3F5F4; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* header styles */
#idHeader {width:973px; height:218px; margin:8px auto 0 auto; background:url(layout/bgHeader.jpg) top no-repeat;}

/* content styles */
#idContentWrapper {width:973px; margin:0 auto; position:relative; z-index:10;}
#idContentLeft {width:253px; float:left; padding-bottom:20px;}
#idContentRight {width:720px; float:right; padding-top:5px;}
#idContent {width:705px; float:right;}
#idContent h2 {font-size:17px; color:#0C5673; padding:7px 0;}
#idLeftFix {position:relative; z-index:2;}

/* products list styles */
#idCategoryTree {color:#0C5673; font-size:12px; font-family:tahoma; margin:7px 0;}
#idCategoryTree a {color:#0C5673;}
.idProductsList {width:342px; float:left; margin:0 7px 7px 0; position:relative; border:1px solid #D0D1D2; background:#FFF; padding-bottom:8px;}
#idContent .idProductsList h2 {padding:0; padding-left:8px; font-size:12px; height:29px; line-height:29px; color:#FFF; background:#0C5673; border-bottom:1px solid #D0D1D2;}
.idProductsList h2 a {color:#FFF;}
.idProductsList p {padding:7px 5px 6px 2px;}
.idProductsList p.idPrice {padding:9px 0 0 0; font-family:tahoma;}
.idProductsList p.idNewPrice {padding:0 0 7px 0; font-weight:bold; font-family:tahoma;}
.idProductsList p.idNewPrice span {color:#F00;}
.idProductsLink { position:absolute; bottom:5px; right:5px;}
.idProductsLink a {float:left;}
.idProductsFoto {width:150px; float:left; text-align:center;}
#idPages {margin-bottom:10px; clear:both;}

/* product more styles */
#idProductMore { border:1px solid #D0D1D2; background:#FFF; padding-bottom:8px;}
#idProductMore h2 {padding-left:8px; font-size:12px; height:29px; line-height:29px; color:#FFF; background:#0C5673; border-bottom:1px solid #D0D1D2;}
#idPMLeft {width:160px; float:left; padding-top:5px; text-align:center;}
#idPMRight {width:190px; float:right; padding-top:40px; text-align:center; font-size:13px; line-height:22px; color:#333;}
#idPMCenter {padding-top:10px; font-size:12px; font-family:tahoma; line-height:16px; margin-left:160px; width:338px;}

/* top menu styles */
#idMenuTop {width:100%; height:46px; background:url(layout/bgMenuTop.gif) top repeat-x;}
#idMenuTop ul {float:right; list-style:none;}
#idMenuTop ul li {float:left;}
#idMenuTop ul li a {display:block; height:46px; padding:0 18px 0 18px; line-height:36px; font-weight:bold; background:url(layout/bgMenuInactive.gif) top repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
#idMenuTop ul li a:hover {background:url(layout/bgMenuActive.gif) top repeat-x; text-decoration:none;}
#idMenuTop ul li.spacer {width:1px; height:46px; background:url(layout/bgMenuSpacer.gif) top no-repeat;}
#idSerachBox {width:344px; float:left; padding-top:10px;}
#idLoginBox {width:356px; float:right; padding-top:10px; font-family:tahoma;}
#idLoginBox p {font-family:tahoma; color:#797979; font-size:11px; padding-top:10px;}
#idLoginBox p a {color:#797979; font-weight:bold; text-decoration:underline;}

/* left menu styles */
#idMenuLeft {width:100%; padding-bottom:30px; background:url(layout/bgMenu.jpg) top repeat-y;}
#idMenuLeft ul {list-style:none; padding-top:10px;}
#idMenuLeft ul li {background:url(layout/lineMenu.gif) no-repeat bottom left; padding:5px 0 5px 10px; width:100%;}
#idMenuLeft ul li a {background:url(layout/arrowDown.gif) no-repeat 0 50%; padding-left:15px; font-family:tahoma; font-size:12px; color:#FFF;}
#idMenuLeft ul li.idSubList a {background:url(layout/arrowRight.gif) no-repeat 0 50%; margin-left:30px;}

/* form styles */
input {font-size:11px; font-family:tahoma;}
.textInput {width:110px; background:#EFEFEF; border:1px solid #FFF; height:17px; padding:7px 5px 0 5px; color:#797979;}
.submitOrangeInput, .submitBlueInput {border:1px solid #FFF; background:#FF8204; color:#FFF; height:26px; margin:0 0 0 15px;}
.submitBlueInput {background:#27718E;}

/* registration and profile styles */
.bkRegTable {width:280px;}
.bkRegTable th {text-align:left; padding:8px 0;}
.bkRegTable td {padding:8px 0;}
.bkRegTable td input {width:180px; background:#D6D8DA; border:none; padding-top:5px; height:19px; border-top:1px solid black; border-left:1px solid black;}

/* basket styles */
#idBasket {float:right; text-align:right; margin-top:23px; color:#797979; font-family:tahoma; line-height:20px;}
#idBasket strong {color:#FF9935; font-size:13px;}
.idContentWhite {border:1px solid #D0D1D2; background:#FFF; padding:10px; margin-bottom:10px;}
.idContentWhite p {padding-bottom:7px;}
#bkBasket {margin-top:20px;}
#bkBasket th {font-size:12px; font-weight:bold; color:#0C5673; padding:10px 0 10px 0;}
#bkBasket td.left, #bkBasket td.right, #bkBasket td.inner {background:#EFEFEF; color:#333; padding:8px 0 8px 0; border-top:1px solid #C4C4C4; font-size:12px; text-align:center; border-bottom:1px solid #C4C4C4;}
#bkBasket td.left {border-left:1px solid #C4C4C4; text-align:left; padding-left:7px;}
#bkBasket td.left a, #bkBasket td.right a {color:#0C5673; font-weight:bold;}
#bkBasket td.right {border-right:1px solid #C4C4C4;}
#bkBasket td.footLeft, #bkBasket td.footRight {background:#EFEFEF; text-align:right; padding:8px 10px 8px 0; border-top:1px solid #4D4F4F; border-bottom:1px solid #4D4F4F;}
#bkBasket td.footLeft {border-left:1px solid #4D4F4F;}
#bkBasket td.footRight {border-right:1px solid #4D4F4F;}
#bkBasket th.footLeft, #bkBasket th.footRight {background:#666; color:#FFF;}

/* other styles */
.idWhiteLine {height:10px; width:100%; border-bottom:1px solid #FFF; clear:both;}
.idLinkBlue, .idLinkOrange {width:93px; display:block; height:21px; line-height:21px; color:#FFF; font-weight:bold; text-align:center; background:#0C5673;}
.idLinkOrange {background:#FF8204; margin-left:3px; margin-right:3px;}
#print {color:#000; padding-top:20px; display:block;}
#error {padding:60px 0 20px 0; font-weight:bold; text-align:center; font-size:14px; font-family:tahoma;}
#ok {text-align:center; font-size:12px; font-family:tahoma; padding:40px 0;}
#error a, #ok a {color:#0F7298; font-size:14px;}
.mark {color:#F00; margin-left:5px; font-weight:bold;}
.hrLine {border-top:1px solid #FF8204; width:600px; height:5px; margin:5px 0 1px 0; clear:both;}
#idPhotos img {width:100px; padding:10px;}
#uLoginH p {margin:0; line-height:7px;}

/* footer styles */
#idFooterWrapper {background:#B7B7B7; height:46px; color:#FFF; clear:both;}
#idFooter {width:973px; height:30px; padding-top:16px; margin:0 auto;}
#idFooter a {color:#FFF;}
#idFooter ul {list-style:none;}
#idFooter ul li {float:left; margin:0 5px;}
#idFooterLeft {float:left; width:265px;}
#idFooterRight {float:right; width:200px; text-align:right;}

/* thickbox settings */
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }