/* cST > CSS                                         */
/* style dla serwisu NajNajTaniej.pl                 */
/* powered by CATALIST - www.catalist.com.pl         */
/*                                                   */
/* dST, 2007/11/13                                   */

/*
	definicja kolorów
	-----------------
	black = #000
	pomarancz = #FF5A00
	text = #666
	bckMenu = #F6F5F3 / szare
	bckMenu = FFE6D8 / pomarańcz
	bckMenu = FCFDCF / żółty
*/



/* Basic styles */
html {height:100%}
body {height:100%; padding: 0px; margin: 10px; background:#fff; text-align:center; font-family : Arial, Tahoma, Verdana, "Trebuchet MS"; font-size:12px; color:#666; }
.black {color: #000;}
.red {color:#FF5A00;}
form {margin:0; padding:0;}
* img {border:none;}

a {text-decoration:underline; color:#666; font-weight:normal;}
a:hover {text-decoration:underline; color:#FF5A00;  font-weight:normal;}

hr { color:#BBB8B2;}
.adBox { margin:4px auto; text-align:center; font-size:8px; color:#CCCCCC; text-align:center;}

/* Basic SERVICE */

#pageWrapper, #headerWrapper  {margin:auto; width:970px; text-align:left; clear:both;}
* html #pageWrapper {
    /* */
        word-wrap: break-word;
    /* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#pageFooter { width:970px; clear:both;  margin:20px auto 0 auto; padding:6px; background:#F6F5F3; border-top:1px solid #D1D2CF; border-bottom:1px solid #D1D2CF; text-align:left;}
#pageFooter2 { width:970px; margin:0 auto 10px auto; padding:6px; border-bottom:1px solid #D1D2CF; text-align:center; font-size:10px; font-family:Tahoma;}

#headerWrapper div.headerLogo {float:left;}
#headerWrapper div.headerIco { text-align:right; float:right;}


#leftColumn {width:200px; margin:0; padding:0; float:left; background:#fff; overflow:hidden;}
#mainPage {width:760px; margin:0; padding:0; float:right; background:#FFF; margin-left:10px; overflow:hidden;}
#urlPath { margin-bottom:10px;}

/* Elementy */

#searchBig { width:690px; padding:20px; margin:0px auto; background:#E9E9E8; border:1px solid #BBB8B2; }
#searchBig div.searchQ {padding:0; height:55px; color:#000; background:url(i/bck_search.png); a-border:1px solid #FF0000; text-align:left;}
#searchBig div.searchQ input { margin:0; padding:0; vertical-align:middle; font-size:16px; }
#searchBig div.searchQ input.searchtext { height:20px; width:330px; border:none; margin:8px 20px 0 220px;}
#searchBig div.searchQ input.btn { font-size:16px; padding:0px 5px;; margin-top:4px; height:28px; }
#searchBig  div.searchLastResult { font-size:9px; font-family:Tahoma;}
#searchBigInfo { margin:2px auto 20px auto; font-size:9px; font-family:Tahoma; text-align:center;}


div.pageNr {padding:0px; background:#F6F5F3; border-top:1px solid #D1D2CF; border-bottom:1px solid #D1D2CF; text-align:left;}
div.pageNr .sel { font-weight:bold; color:#000;}



/* Body */

h1 {margin:0; padding:0; font-size:24px; font-weight:bold; color:#FF5A00; margin-bottom:10px; font-family:tahoma;}

#prodShortInfo {}
#prodShortInfo .prodValue {color:#000; }

#prodShortLink {}
#prodShortLink ul {list-style:none; margin:0; padding:0; margin-bottom:10px;}
#prodShortLink ul li {padding-left:20px; font-family:tahoma; font-size:11px; margin-bottom:4px;}
#prodShortLink .icoComment { background:url(i/comment_new.gif) left no-repeat;}
#prodShortLink .icoFav { background:url(i/icon_favourites.gif) left no-repeat;}
#prodShortLink .icoPrint { background:url(i/action_print.gif) left no-repeat;}
#prodShortLink .icoSend { background:url(i/icon_email.gif) left no-repeat;}

#prodBuy {clear:both; padding:6px; background:#F6F5F3; border-top:1px solid #D1D2CF; border-bottom:1px solid #D1D2CF; margin-bottom:10px; font-size:18px; height:auto; overflow:hidden; float:inherit;}
#prodBuy .price {color:#000; font-weight:bold; }
.priceInfo { float:left; }
.priceBuy { float:right; margin:0; padding:10px;}

#prodPriceInfo span.priceFrom{ color:#006600;}
#prodPriceInfo span.priceTo  { color:#990000;}

/* Article */
#artMenu { a-border:1px solid #0000FF;}
#artMenu ul {list-style:none; margin:0; padding:0; margin-bottom:10px;}
#artMenu ul li {font-weight:bold; margin-bottom:4px; padding:10px; background:#eee;}
#artMenu ul li.selected {background:#666;}
#artMenu ul li a { text-decoration:none; font-weight:bold;}
#artMenu ul li.selected a {color:#fff;}

#artBody { margin-bottom:60px;}
#artBody p { margin-bottom:60px;}


/* Body MENU */

#productMenu {}
#productMenu ul {list-style:none; margin:0; padding:0; margin-bottom:10px;}
#productMenu ul li {display:inline; padding:0; margin-right:6px; }
#productMenu a { color:#FFFFFF; font-weight:bold; padding:2px 8px; background:#9966FF; }
#productMenu a:hover { color:#fff; font-weight:bold; padding:2px 8px; background:#FF5A00; }
#productMenu .col1 { background:#5A6693;}
#productMenu .col2 { background:#9BA46C;}
#productMenu .col3 { background:#4E8D89;}
#productMenu .col4 { background:#85658D;}
#productMenu .col5 { background:#B8677C;}

table.tblAukcje tr.menu td { background:#F6F5F3;}
table.tblAukcje a {text-decoration:none;}
table.tblAukcje tr.menu td a { font-weight:bold; color:#000000; text-decoration:underline}
table.tblAukcje tr.menu td.sort a { color:#FF5A00;}
table.tblAukcje td {border-bottom:1px solid #BBB8B2; }
table.tblAukcje td.sort {padding-left:15px;}
table.tblAukcje td.desc { background:#F6F5F3 url(i/desc.gif) top left no-repeat !important;}
table.tblAukcje td.asc { background:#F6F5F3 url(i/asc.gif) top left no-repeat !important;}



/* Left menu */


div.boxMenu { margin-bottom:10px; padding:4px; border:1px solid #BBB8B2; }
div.boxMenu h2 { margin:0; padding:0; font-size:12px; font-weight:bold; color:#000; margin-bottom:6px;}
div.boxMenu h2.icoSearch { background:url(i/page_find.gif) right no-repeat;}
div.boxMenu h2.icoView { background:url(i/icon_history.gif) right no-repeat;}
div.boxMenu h2.icoKat { background:url(i/page_tree.gif) right no-repeat;}
div.boxMenu h2.icoNotepad { background:url(i/page_user.gif) right no-repeat;}
div.boxMenu h2.icoShop { background:url(i/icon_user.gif) right no-repeat;}
div.boxMenu div.more {text-align:right; }

div.boxMenu ul {list-style:none; margin:0; padding:0; margin-bottom:6px;}

div.boxMenu.menuKat * a { color:#000000; text-decoration:none;}
div.boxMenu.menuKat * a:hover { color:#FF5A00; text-decoration:underline;}
div.boxMenu.menuKat li.selected a { color:#FF5A00; text-decoration:none;}


div.boxMenu div.del {padding-left:20px; background:url(i/page_delete.gif) no-repeat; margin-top:10px;}
div.boxMenu div.del a { color:#CC6666; }
div.boxMenu div.del a:hover { color:#000; }

div.lastViewObj {text-align:center; margin-top:10px;}
div.lastViewObj img {padding:4px; background:#FFFFFF; border:1px solid #BBB8B2;}
div.lastViewObj a:hover img {border:1px solid #8F8267; background:#F6F5F3;}

div.boxGrey {background:#F6F5F3; }
div.boxOrange {background:#FFE6D8; }
div.boxYellow {background:#FCFDCF; }


/*_Filtry*/
.blok_filtry {background-color: #F6F5F3; border:1px solid #BBB8B2; width: 758px; min-height:10px; padding:0; font-size:10px; float:none; clear:both; margin-bottom:10px;}
.blok_filtry p {float:left; margin: 0}
.blok_filtry span {text-align:left; width: 180px; float:left; padding: 4px; display:block; font-weight: bold}
.blok_filtry select {background-color:#fff; font-size:9px; line-height: 13px; color: #333; border: 1px solid #AEAEAE; width: 170px}
.blok_filtry select.szukane {background-color:#eeeeCC;}
.blok_filtry .button {background-color:#666; color:#fff; font-weight:bold; font-size:12px; margin:0;}
.blok_filtry .szukaj {background-color:#FF5A00}



div.CST_Comment { background-color:#eee; color:#4D4D4D; text-align:left; overflow:hidden; padding:10px;}
#CommNew { padding:10px; margin-bottom:20px; background-color:#666; color:#fff; border-bottom:#A53129 solid 4px;}
div.CST_Comment h1 { margin-top:0; }
div.CST_Comment div.smallInfo { color:#888; font-size:11px; font-weight:normal; margin:0; padding:0; text-align:center;}
div.CST_Comment div.Info { text-align:center; margin:10px 0; font-weight:bold; font-size:12px; color:#A53129;}
div.CST_Comment div.CommNewLink {text-align:right; margin-bottom:20px; font-weight:bold;}
div.CST_Comment div.Comment { padding-bottom:10px; margin-bottom:30px; border-bottom:1px dashed #4D85B3;}
div.CST_Comment div.Comment span.CommUser { color:#000; float:left;}
div.CST_Comment div.Comment span.CommUserInfo { font-size:11px; float:right; color:#666;}
div.CST_Comment div.Comment span.CommBody { clear:both; padding-top:4px; display:block;}
div.CST_Comment div.CommMssgError {padding:10px; margin-bottom:20px; background-color:#CC0000; color:#fff;}
div.CST_Comment div.CommMssgError h1 { color:#FFFFFF; margin:0; background:none; }
div.CST_Comment div.CommMssgOk {padding:10px; margin-bottom:20px; background-color:#009900; color:#fff;}
div.CST_Comment div.CommMssgOk h1 { color:#FFFFFF; margin:0; background:none; }





/* ================ lightbox ============================== */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* ================ lightbox END ============================== */

/*===== rollbar START ======= */
div.rollbarcontent { width: 675px; overflow: hidden; margin:0 auto;} /* 675 = 135 x 5 */
div.rollbarinner { width: 6750px; margin: 0;}


.articleInfo { width:135px; text-align:center; color: #333333; }
.articleImg img {padding:4px; background:#FFFFFF; border:1px solid #BBB8B2;}
.articleImg a:hover img {border:1px solid #8F8267; background:#F6F5F3;}


.mcpanelart {
	float:left;
}
/*===== rollbar END ======= */