* { margin: 0; padding: 0; }

body {
	line-height: 1.4em; 
	color: #888888;
	background-color: #1F1F1F;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

div, p {vertical-align: top; padding: 0; margin: 0;}
			
input, select, textarea, button {color: #000000;}


a {color: #AAAAAA; text-decoration: none; cursor: pointer;}
a:hover {color: #FFFFFF; text-decoration: underline;}
a {outline: none;}
img {border: 0px;}
b, strong {color: #BBBBBB}

/* ---------------------------------------------------------------------------*/
div.mCol1{ width: 48%; float: left;}
div.mCol2{ width: 48%; float: right;} 

.contentCol1 { width: 130px; float: left;}
.contentCol2 { width: 760px; float: right;}


.mainBodyBg {width: 100%; position: relative; border-top: 10px solid #000000;
			background: #1F1F1F url(/pimages/cybertotem/cybertotem_top_bg.jpg) top center no-repeat;
			}
  
.mainBodyBox {width: 840px; margin: 0 auto; padding-bottom: 0px; 
			 position: relative;
			 border: 0px solid #F1F1F1;
			 }
			 
.mainTopBox  {margin-top: 0px; position: relative; height: 70px;}
.mainTopRight {height: 130px; padding-left: 150px;}
.mTopMainMenu {z-index: 201; width: 500px;  text-align: center; position: absolute; left: 330px; top: 0px; }
.mTopMainMenuBg {background: #000000; height: 25px; line-height: 25px;}

.mLogo {position: absolute; top: 0px; left: 30px; z-index: 10;}

.mainSearchBox {position: absolute; top: 4px; left: 550px; width: 220px; text-align: right; font-size: 11px;}

.mainTopBarBg {background-color: #000; vertical-align: middle; height: 25px; line-height: 25px; border-top: 1px solid #000000;}
.mainTopBar {width: 840px; margin: 0 auto; padding-top: 0; color: #444444}
.mainTopBar a {color: #444444 !important;}


/* START LoginBox ------------------------------------------ */
.mainLoginBg {background-color: #000;}
.mainLoginBarBg {background-color: #000; vertical-align: middle;}
.mainLoginBarBox {width: 840px; margin: 0 auto; padding-top: 20px; color: #F1F1F1;}
#ajxLoginMsgBox {text-align: left; position: absolute; left: 280px; top: 0; width: 180px; height: 63px; color: #FFCC00;}

#imainTopLoginBarBtn  {background: #000000; line-height: 28px; width: 120px;  height: 28px; position: relative; top: 0; left: 780px; }
#imainTopLoginBarBtn  .lleftCorner {background: url(/pimages/cybertotem/topbarBtn_left1.jpg) top left no-repeat;  padding:0; margin: 0; height: 28px;}
#imainTopLoginBarBtn  .lrightCorner {background: url(/pimages/cybertotem/topbarBtn_right1.jpg) top right no-repeat; padding:0; margin: 0; height: 28px; text-align: center;}
#imainTopLoginBarBtn a {line-height: 28px; display: block; text-align: center; text-decoration: none; color: #CCCCCC;}
#imainTopLoginBarBtn a:hover {color: #FF9920;}	

.mainLoginBarBox .mCol2 {width: 50%; border-left: 1px solid #555555; padding-left: 20px; position: relative;}
.mainLoginBarBox .mCol1 {width: 40%; padding-right: 20px; position: relative;}

#frm1LoginForm  .iLoginBtn_{
	margin-top: 3px;
	width: 70px;
	height: 19px;
	cursor: pointer;
	border: none;
	background: transparent url(/pimages/cybertotem/loginBtn3.jpg) no-repeat 0 0;
}

#frm1LoginForm  input.textIn {
	font-size: 11px;
	height: 16px;
	line-height: 16px;
	background-color: #999999; border:0;  width:200px;
    margin:3px; padding:0;
}

#frm1LoginForm  input.textIn:focus { background-color: #CCCCCC; outline:0;}

#imainLogoutMsg {float: right; width: 250px; height: 30px;}

/* END LoginBox ------------------------------------------ */


.mainSlideBox {background-color: #555555; }
.mSlideBox {margin: 0 10px 0 10px; color: #CCCCCC;}
.mainContentBox {
				position: relative;
			    }

.mContentBox {padding: 0; }


 
.mFooterBox { color: #444444; text-align: left; margin: 0 auto; margin-top: 50px; width: 840px; border-top: 0px solid #242424;  background-color: #121212; }
.mFooterBox a {color: #444444}
.mFooterBox a:hover {color: #FFFFFF}
.mBannerBox {width: 840px; overflow: hidden; position: relative}

.mFooterLicenseBox {color: #666666; text-align: left; margin: 0 auto; margin-top: 20px; width: 840px; }
.mFooterLicenseBox a {color: #888888}
.mFooterLicenseBox a:hover {color: #FFFFFF}
.mFooterLicenseBox img {float: left; margin: 15px 15px 15px 0;}

/*...............................................................*/
#icmsDocSlideList  .icmsDocSlideListToogler {text-decoration: none; display: block;  background-color: #E0E0E0; color: #444444; padding: 4px 10px 4px 10px; margin-bottom: 1px;}
div.icmsDocSlideListBlock{background: #F1F1F1; margin-bottom: 1px; color: #555555; padding-bottom: 20px;}
div.icmsDocSlideListBlock span{font-size: 11px; color: #AAAAAA; font-weight: bold; display: block; padding: 1px 0 1px 0;}
/*...............................................................*/


/* --- Slimbox z listą produktów */ 
a.sibProdList,
a.sibProdList:hover {color: #F9F9F9; text-decoration: none; display: block; float: left; width: 450px; margin-right: 30px; border-bottom: 1px solid #AAAAAA; line-height: 20px;}
a.sibProdList:hover {color: #FFCC00; background-color: #777777;}
#idProdListSlideBox {height: 150px;}

/* -------------------------------------------------------------------------- */
.docListItem {margin: 0px 0px 0px 0px; float: none;}
.docListItem  img {float: left; border: 0px solid #CCCCCC; padding: 3px; margin: 0 15px 15px 0;}
.docListItem a {font-weight: bold; font-size: 14px;}
.docListItemDescr a {font-size: 14px;}
.docListItemAttr {text-align: right; color: #777777; font-size: 12px;}
.docListItemAttr a  {font-size: 12px;}

.docListItem_0 {display: block; background-color: #F1F1F1; color: #333333; font-weight: normal; font-size: 12px; padding: 5px 10px 5px 15px; margin-bottom: 1px;}
.docListItem_1 {display: block; background-color: #E3E3E3; color: #333333; font-weight: normal; font-size: 12px; padding: 5px 10px 5px 15px; margin-bottom: 1px;}

.redFav div.docListItemText {padding-left: 10px; padding-right: 20px;}
.redFav div.docListItemText a b{font-weight: normal}

div.catListItem {margin: 10px 0px 10px 0px; float: none;}
div.catListItemIcon {float: left; text-align: right; padding: 0px 0px 0px 0px; border: 0px solid #0E8ACA;}
div.catListItemIcon img {border: 0px solid #DDDDDD}
div.catListItemText {padding: 5px 5px 5px 5px;  overflow: hidden;}
div.catListItemText a b {font-size: 15px;}

div.catListItemBox {width: 150px; height: 140px; margin: 0px 10px 20px 0px; float: left; text-align: center; border-right: 0px solid #E8E8E8; border-top: 0px dotted #E8E8E8;}
div.catListItemBox div.catListItemIcon {float:none; text-align: center; padding: 4px; border: 1px solid #A1A1A1; margin: 0px; vertical-align: bottom;}
div.catListItemBox div.catListItemIcon img {float:none; display: inline; vertical-align: bottom;}
div.catListItemBox div.catListItemText {float:none; padding: 0px; overflow: hidden; border-top: 0px solid #FF0000; margin: 0px;}
div.catListItemBox div.catListItemText a b {font-size: 12px;}
div.catListItemBox div.catListItemText a {color: #000000; text-decoration: none; display: block; padding: 8px 4px 0px 4px; text-align: left; font-size: 12px; font-weight: bold; }
div.catListItemBox div.catListItemText a:hover {background-color: #000000; color: #FFFFFF;}

div.menuListItem {width: 240px; margin: 10px 20px 15px 0px; float: left;}
div.menuListItemIcon {float: left; text-align: right; padding: 0px 10px 5px 0px; border: 0px solid #F8F8F8;}
div.menuListItemIcon img {border: 0px solid #777777;}
div.menuListItemText {display: inline; padding-left: 0px; overflow: hidden; font-size: 12px;}
div.menuListItemText a {font-size: 12px;}
div.menuListItemText a b{font-size: 14px;}


/* Menu sortowania listy dokumentow -------------- */
div.dlistPgMenu {font-size: 11px; vertical-align: middle; /*width: 610px; */ margin: 15px 0px 0px 0px; padding: 0px; float: none; /*background-color: #F0F0F0; */ color: #777777;}
div.manufacturerComboboxForm {font-size: 11px; text-align: left; vertical-align: middle; float: left; width: 200px; font-size: 11px; border: 0px solid #00FF00;}
div.sortDocForm {font-size: 11px; text-align: left; vertical-align: middle; float: left; width: 200px; font-size: 11px; border: 0px solid #FF0000;}
div.manufacturerComboboxForm select, div.sortDocForm select {font-size: 11px;}

div.docPgMenu {padding: 6px 0px 6px 0px; font-weight: normal; font-size: 11px; text-align: right; color: inherit; margin-bottom: 5px;}
.docPgMenu a {color: #00A3F0; text-decoration: none;}
a#selPgMenuItem {color: #111111;}
.sortDocForm {vertical-align: middle; float: right;  color: inherit;}

/* -------------------------------------------------------------------------- */
.clear{clear: both; height: 0px; line-height: 0px; overflow: hidden;}

/* -------------------------------------------------------------------------- */
span.red {color: #FF0000}

/* -------------------------------------------------------------------------- */
/* docImg - szeroko¶ć miniatury zdjęcia - .docImg o 10 większa od szerokosci ikonki */
.docImgBottom .docImg {width: 114px; float: left; margin: 0px 10px 10px 0px; padding: 0px;}
.docImgRightCol .docImg {vertical-align: bottom; width: 130px; float: left; margin: 0px 0px 30px 0px; padding: 0px;}

.docImgBottom .docIconBox {width: 120px; float: left; margin: 0px 20px 30px 0px; padding: 0px;}
.docImgBottom .docIconBox .docImg {width: 120px; float: none; margin: 0px 0px 10px 0px; padding: 0px;}

.docImgRightCol {float: right; width: 130px; margin: 0px 0px 0px 10px; text-align: center;}
.docImgBottom, .docIconBottom {margin: 10px 0px 10px 0px;}
.docIconBottom {vertical-align: top;}


/*
.docIconBottom a {font-weight: normal; vertical-align: bottom; text-align: left; text-decoration: none; width: 150px; display: block; float: left; font-size: 11px; margin-bottom: 20px; padding: 0px 0px 0px 0px; overflow: hidden}
.docIconBottom a:hover {text-decoration: none}
*/

.docImgBottom  {padding-left: 0}
.docImgBottom  img {float: left; background-color: #666666; padding: 3px; margin: 0 15px 15px 0;}




/* -------------------------------------------------------------------------- */
h1 {font-family: arial, tahoma, verdana, helvetica, sans-serif; line-height: 28px;}
h2,h3 {font-family: arial, verdana, tahoma, helvetica, sans-serif;}
h1 {font-size: 25px; font-weight: normal; color: #AAAAAA; padding-bottom: 8px}
h2 {color: #999999; font-size: 18px; margin-bottom: 5px; padding: 1px 1px 1px 1px;}
h3 {color: #888888; font-size: 14px;}

/* bez nadanej szerokości w docData, był bug w ie - znikał tekst... */
.docData {width: 100%; position: relative;} 

.leftSmallImg {display: block; margin: 5px 10px 5px 0px; float: left; color: #999999; text-decoration: none; font-size: 10px;}
.rightSmallImg {display: block; margin: 5px 0px 5px 10px; float: right; color: #999999; text-decoration: none; font-size: 10px;}
.centerImg {width: 100%; text-align: center; vertical-align: top; margin: 0px 0px 0px 0px; display: block; color: #999999; text-decoration: none; font-size: 10px;}
.galleryImg {display: block; margin: 5px 0px 5px 0px; text-decoration: none; font-size: 10px; border: 0px solid #AAAAAA;}


.docAttr {color: #555555; font-size: 11px;}
.docAttrLabel {color: #555555; font-size: 11px;}

.formTable .docAttr {font-size: 11px; color: #555555}
.docAttrPriceN  {font-weight: bold; color: #555555; font-size: 13px;}
.docAttrPriceNR {font-weight: bold; color: #CC0000; font-size: 13px;}
.docAttrPriceB  {font-weight: bold; color: #555555; font-size: 13px;}
div.docListS1 span.docAttrPriceNR {font-weight: bold; color: #FF0000;}





/* ------------------------------------------------ */
#CartContentForm td{font-size: 11px;}
#CartContentForm td small {font-size: 11px;}

#orderCommList0 {}
#orderCommList1 {background-color: #E0E0E0}


/* ------------------------------------------------ */
div.docFileListBox {padding: 20px 0px 20px 0px;}
.docFileListBox H2 {color: #999999; font-size: 14px; border-bottom: 1px solid #D1D1D1; }
.docFileListBox LI {list-style-image: url(/pimages/i_article.gif);}

/* ------------------------------------------------ */
div.docCommentListBox {margin-top: 30px; padding: 0px 0px 20px 0px; background-color: #F5F5F5;}
.docCommentListBox .listH  {color: #999999; font-size: 15px; background-color: #E1E1E1; font-weight: bold; padding:2px 5px 2px 5px;}
.listH .addDocComment {display: block; float: right; font-weight: bold; font-size: 12px; text-align: right; width: 200px;}
.docCommentListBox LI {list-style-image: url(/pimages/forum1u.gif);}
.docCommentListBox .docCommentAttr {font-weight: bold; color: #999999;}


/* ------------------------------------------------ */
.formTable {border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF}
.formTable td, .formTable td p {font-family:  arial, tahoma, verdana, helvetica, sans-serif; font-size: 12px;}
.formTable td {vertical-align: top; padding: 2px 5px 2px 5px; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF}
td.tHeader  {background-color: #0099CC; color: #FFFFFF; font-weight: bold; text-align: left; text-align: left; padding-top: 8px;  padding-bottom: 8px; font-size: 12px;}
tr.trHeader  {background-color: #0099CC; background-position: 0px 0px; background-repeat: no-repeat; }
tr.trHeader td.tHeaderDL  {color: #FFFFFF; font-weight: bold; text-align: left; text-align: left; padding-top: 5px;  padding-bottom: 5px; font-size: 12px; border-width: 0px;}
td.tlHeader   {background-color: #EEEEEE; color: #000000; font-weight: normal; text-align: right; padding-right: 5px;}
td.tlHeader_0 {background-color: #F1F1F1; color: #000000; font-weight: normal; font-size: 12px; padding-bottom: 4px;}
td.tlHeader_1 {background-color: #E4E4E4; color: #000000; font-weight: normal; font-size: 12px; padding-bottom: 4px;}
td.tBody {text-align: left; background-color: #F5F5F5; color: #111111; font-weight: normal; vertical-align: top;}
td.tFooter {color: #000000; background-color: #E8E8E8; text-align: right;}

.formTable tr.tRowHeader td{background-color: #FF6600; color: #FFFFFF; font-weight: bold; text-align: left; text-align: left; padding-top: 8px;  padding-bottom: 8px; font-size: 12px;}
.formTable tr.tRowHHeader td{background-color: #CCCCCC; color: #000000; font-weight: normal; text-align: center; vertical-align: middle; font: 9px/normal Tahoma, Arial, Helvetica, sans-serif;}
.formTable tr.tRowVHeader td{background-color: #CCCCCC; color: #000000; font-weight: normal; text-align: right; padding-right: 5px; font: 9px/normal Tahoma, Arial, Helvetica, sans-serif;}
.formTable tr.tRow_0 td{background-color: #F1F1F1; color: #000000; font-weight: normal; font-size: 9px; padding-bottom: 4px; font: 9px/normal Tahoma, Arial, Helvetica, sans-serif; vertical-align: middle}
.formTable tr.tRow_1 td{background-color: #F5F5F5; color: #000000; font-weight: normal; font-size: 9px; padding-bottom: 4px; font: 9px/normal Tahoma, Arial, Helvetica, sans-serif; vertical-align: middle}
.formTable tr.tRowFooter td{background-color: #CCCCCC; color: #FFFFFF; font-weight: bold; text-align: left; text-align: left; padding-top: 8px;  padding-bottom: 8px; font-size: 10px; font: 10px/normal Tahoma, Arial, Helvetica, sans-serif;}





/* Forum ...............................................................*/
.icmsForum{padding-bottom: 30px;}
.icmsForumComment{padding-bottom: 30px;}

div.docCommentListBox {margin-top: 0px; padding: 0px 0px 0px 0px; background-color: #F5F5F5;}
.docCommentListBox .listH  {color: #999999; font-size: 15px; background-color: #E1E1E1; font-weight: bold; padding:2px 5px 2px 5px;}
.listH .addDocComment {display: block; float: right; font-weight: bold; font-size: 12px; text-align: right; width: 200px;}
.docCommentListBox LI {list-style-image: url(/pimages/forum1u.gif);}
.docCommentListBox .docCommentAttr {font-weight: bold; color: #999999;}

#newCommentFormId {position: relative; height: 0px; display: none; overflow: hidden;}
#newCommentFormId div {color: #777777; font-weight: normal; font-size: 11px;}
a.formHeaderLink {color: #FFFFFF}
a.formHeaderLink:hover {color: #FF0000}

#newForumFormId {}
#newForumFormId div {color: #777777; font-weight: normal; font-size: 11px;}

#btnForumNewThread {width: 200px; float: right; background-color: #000000;}
#btnForumNewThread a {text-decoration: none;}

#idsNewForumThreadFrm {background-color: #F0F0F0; padding: 15px;}

.forumListHd {color: #FFF; padding-left: 10px; line-height: 20px; background-color: #0099CC;}
.forumListHd a#btnForumNewThread,
.forumListHd a#btnForumNewComment {color: #FFF; background-color: #11C4FF; width: 170px; text-indent: 10px; font-weight: bold; float: right; line-height: 20px;}
.forumListHd a#btnForumNewThread:hover,
.forumListHd a#btnForumNewComment:hover {background-color: #000000;}
#idsNewForumThreadFrm {}

.commentListItemHd {font-size: 11px; font-family: tahoma, arial;   color: #666666; padding: 5px 10px 5px 10px; }
.commentListItemHd  .adminWorkMenu {display: inline}
.commentListItemBody {font-size: 12px; color: #333333; font-family: arial, tahoma;  padding: 0px 10px 20px 10px;}

#idsNewForumThreadFrm,
#idsNewForumCommentFrm {padding: 10px; background-color: #DDDDDD;}
.forumThreadData h2 {margin-bottom: 2px; padding: 0}

/* ---------- AJAX ---------------------------------------------------------- */

#ajxDocDataBlock {
	overflow: hidden;
	position: relative;
}


#log_res {
	overflow: auto;
}
 
.ajax-loading , .ajax-loading-blue,
.ajax-loading-bw-lf, .ajax-loading-wb-lf,
.ajax-loading-bw, .ajax-loading-wb,
.ajax-loading-bw2, .ajax-loading-wb2 ,
.ajax-loading-wo, .ajax-loading-ow,
.ajax-loading-wo2, .ajax-loading-ow2
{  
  background-image: url(/pimages/ajax-loader-blueOnWhite.gif); 
  background-repeat: no-repeat;
  background-position: center center;  
}

.ajax-loading-blue {background-image: url(/pimages/ajax-loader-whiteOnBlue.gif);}
.ajax-loading-bw-lf{background-image: url(/pimages/cybertotem/ajax-loader_bw.gif); background-position: left center;  }
.ajax-loading-wb-lf {background-image: url(/pimages/cybertotem/ajax-loader_wb.gif); background-position: left center;  }
.ajax-loading-bw {background-image: url(/pimages/cybertotem/ajax-loader_bw.gif);}
.ajax-loading-wb {background-image: url(/pimages/cybertotem/ajax-loader_wb.gif);}
.ajax-loading-bw2{background-image: url(/pimages/cybertotem/ajax-loader_bw2.gif);}
.ajax-loading-wb2{background-image: url(/pimages/cybertotem/ajax-loader_wb2.gif);}
.ajax-loading-wo2{background-image: url(/pimages/cybertotem/ajax-loader_wo2.gif);}
.ajax-loading-ow2{background-image: url(/pimages/cybertotem/ajax-loader_ow2.gif);}
.ajax-loading-wo{background-image: url(/pimages/cybertotem/ajax-loader_wo.gif);}
.ajax-loading-ow{background-image: url(/pimages/cybertotem/ajax-loader_ow.gif);}


.ajxShdBlock{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  background-image: url(/pimages/ajaxSpinner.gif); 
  background-repeat: no-repeat;
  background-position: center 30px;
  background-color: #FFFFFF;
  
  width: 100%;
  height: 1500px;
  opacity: 0.8;
	-moz-opacity: 0.8;
	/*filter: alpha(opacity=80); */
}

#transpBlock {
  opacity: 0.6;
	-moz-opacity: 0.6;
	/* filter: alpha(opacity=60); */
}

  

/* ---------- question form ---------------------------------------------------------- */
#frm1QuestionForm {width: 400px;}
.tabForm div{margin-bottom: 4px;}
#frm1QuestionForm label {float: left; width: 90px; color: #555555;}
.tabFormRowFooter {float: right; padding-right: 10px;}
.questionMsgBoxBg {
    width: 400px;
    background-color: #FF9920;
    color: #000000;
	display: none;}

.questionMsgBox{padding: 20px 10px 10px 10px;}

.questionFormBg{
		width: 400px;
		background-color: #F0F0F0;}

.questionFormBg .mSubmitBtn {outline: none; border: none; background: url(/pimages/cybertotem/sendBtn.gif) 0 0 no-repeat; width: 74px; height: 24px;}




/*--Admin Work Menu ------------------------------------------------------------------- */
.icrmAdmWorkMenuBox {position: relative; height: 20px; width: 200px; border: 0px solid #FF0000; z-index: 10;}
.icrmAdmWorkMenuBtn {display: block; line-height: 20px; font-weight: bold; padding-left: 5px; text-decoration: none; width: 80px; height: 20px; background-color: #0099CC; color: #FFF;}
.icrmAdmWorkMenuBtn:hover {text-decoration: none; color: #006C91; background-color: #9FE8FF;}
.icrmAdmWorkMenu {background-color: #0099CC; color: #FFF; padding: 10px 10px 20px 10px;}
.icrmAdmWorkMenu a {color: #FFF; text-decoration: none; display: block; line-height: 20px; border-bottom: 1px solid #FFF; margin: 0 5px 0 5px;}
.icrmAdmWorkMenu a:hover {color: #006C91; background-color: #9FE8FF; text-decoration: none; display: block; line-height: 20px; border-bottom: 1px solid #FFF;}



/*--Order Form ------------------------------------------------------------------------ */
#idsOrderSteps {}
.orderStepToggler {padding: 3px; line-height: 20px; margin: 0 0 1px 0; font-size: 18px;}
.orderStepElem {}


fieldset {margin-bottom: 10px;} 
legend {}
label {display: block; /*width: 100px; float: left; */}
.cOrderForm {}
.cOrderForm div {margin-bottom: 5px;}



/* --Add2Cart Link Box-------------------------------------------------------------------------*/
.docAdd2CartBoxBg {
    width: 100%;
    background-color: #F0F0F0;    
}

.docAdd2CartBox {
    margin-top: 10px;
    padding: 10px;         
	}

.docAdd2CartMsgBoxBg {
    width: 100%;
    background-color: #FF9920;
    color: #000000;
	display: none;
}

.docAdd2CartMsgBox{padding: 20px 10px 10px 10px;}

.docAdd2CartBox  div {padding: 3px 0 3px 0; border-bottom: 1px solid #F4F4F4;}
.docAdd2CartBox  label {width: 100px; float: left;}

.docAdd2CartBoxBg .mSubmitBtn {outline: none; border: none; background: url(/pimages/cybertotem/add2cartBtn.gif) 0 0 no-repeat; width: 141px; height: 24px;}

.docAdd2CartMsgBox a {color: #333333; text-decoration: underline;}
.docAdd2CartMsgBox a:hover {color: #000000; text-decoration: underline;}

/* --Załączniki-------------------------------------------------------------------------------------*/
.docFileBox {margin: 10px 0 10px 0;}
.docFileItem {padding: 10px 0 0 0; font-size: 11px; color: #555555}
.docFileItem  a.docFile{font-weight: bold; font-size: 12px;}
.docFileAttr {}




/* -- UL OL -------------------------------------------------------------------------------------*/
.docData OL {padding-left: 20px; margin-left: 10px; list-style-type: decimal}
.docData UL {padding-left: 20px; margin-left: 10px;}
.docData LI {padding-bottom: 4px;}


/* -- Lista linków -------------------------------------------------------------------------------------*/
.docLinkListBox{}
.docLinkListBox ul{}
.docLinkListBox li{}

.docDataLinkList{}
.docDataLinkList h4 {background-color: #FF6600; color: #FFFFFF; font-weight: bold; text-align: left; text-align: left; padding: 4px 10px 4px 10px;   padding-bottom: 4px; font-size: 12px;}
.docDataLinkList ul{list-style-type: none; padding: 0; margin: 0;}
.docDataLinkList li a {display: block; padding: 3px 10px 5px 10px; background-color: #F6F6F6; margin-bottom: 1px;}
.docDataLinkList li a:hover {display: block; padding: 3px 10px 5px 10px; background-color: #EAEAEA; margin-bottom: 1px;}

.docDataParentLinkList{}
.docDataParentLinkList h4 {background-color: #BBBBBB; color: #FFFFFF; font-weight: bold; text-align: left; text-align: left; padding: 4px 10px 4px 10px; font-size: 12px;}
.docDataParentLinkList ul{list-style-type: none; padding: 0; margin: 0;}
.docDataParentLinkList li a {display: block; padding: 3px 10px 5px 10px; background-color: #F6F6F6; margin-bottom: 1px;}
.docDataParentLinkList li a:hover {display: block; padding: 3px 10px 5px 10px; background-color: #EAEAEA; margin-bottom: 1px;}



/*
#docDataShop .docDataParentLinkList .docLinkListBox {background-color: #F5F5F5; padding: 20px;}
#docDataProduct .docDataParentLinkList .docLinkListBox {background-color: #F5F5F5; padding: 20px;}

#docDataShop .docDataParentLinkList .docLinkListBox {background-color: #F1F1F1; padding: 20px;}
#docDataProduct .docDataParentLinkList .docLinkListBox {background-color: #F1F1F1; padding: 20px;}
*/
/* -- Slideshow btn -------------------------------------------------------------------------------------*/
.mSlideshowBox {margin-bottom: 10px;}

#icmsSlidePlayBtn {background:url(/pimages/cybertotem/i_play1.gif) 0 0 no-repeat; display: block; width: 15px; height: 15px; float: left; margin-right: 3px;}
.playBtnOff {background:url(/pimages/cybertotem/i_play1g.gif) 0 0 no-repeat !important;}
.playBtnOff:hover {background:url(/pimages/cybertotem/i_play1.gif) 0 0 no-repeat !important;}

#icmsSlideStopBtn {background:url(/pimages/cybertotem/i_stop1.gif) 0 0 no-repeat; display: block; width: 15px; height: 15px; float: left; margin-right: 3px;}
a.stopBtnOff {background:url(/pimages/cybertotem/i_stop1g.gif) 0 0 no-repeat !important;}
a.stopBtnOff :hover {background:url(/pimages/cybertotem/i_stop1.gif) 0 0 no-repeat !important;}

#icmsSlidePauseBtn {background:url(/pimages/cybertotem/i_pause1.gif) 0 0 no-repeat; display: block; width: 15px; height: 15px; float: left; margin-right: 3px;}
a.pauseBtnOff {background:url(/pimages/cybertotem/i_pause1g.gif) 0 0 no-repeat !important;}
a.pauseBtnOff:hover {background:url(/pimages/cybertotem/i_pause1.gif) 0 0 no-repeat !important;}

#icmsSlidePrevBtn {background:url(/pimages/cybertotem/i_prev1.gif) 0 0 no-repeat; display: block; width: 15px; height: 15px; float: left; margin-right: 3px;}
a.prevBtnOff {background:url(/pimages/cybertotem/i_prev1g.gif) 0 0 no-repeat !important;}
a.prevBtnOff:hover{background:url(/pimages/cybertotem/i_prev1.gif) 0 0 no-repeat !important;}

#icmsSlideNextBtn {background:url(/pimages/cybertotem/i_next1.gif) 0 0 no-repeat; display: block; width: 15px; height: 15px; float: left; margin-right: 3px;}
a.nextBtnOff {background:url(/pimages/cybertotem/i_next1g.gif) 0 0 no-repeat !important;}
a.nextBtnOff:hover {background:url(/pimages/cybertotem/i_next1.gif) 0 0 no-repeat !important;}

.slideshowNavBar {padding: 10px 10px 0 20px;  margin-bottom: 10px;}

/* -- Formularz zamówienia -------------------------------------------------------------------------------------*/
.idsOrdStepContent{ padding:10px;}
.idsOrdStepContent fieldset {padding:10px; background-color: #F0F0F0; border-color: #E1E1E1;}

.idsOrdStepContent legend {padding:5px; background-color: #0099CC; color: #FFFFFF}
#orderConfirmationBox  {background-color: #FF9920;}




/* -- DocList... -------------------------------------------------------------------------------------*/
.docListItem  {padding: 5px 0 5px 0; border-bottom: 0px solid #F1F1F1;}
.docListItem  .docListItemDescr {display: inline;}
.docListItem a {font-weight: bold; color: #AAAAAA; font-size: 14px;}
.docListItem a:hover  {color: #CCCCCC;}
.docListItem  a.docListSeeMore {display: block; color: #CCCCCC;  font-size: 12px; font-weight: bold}
.docListItem  .docIcon {border-width: 0; margin: 0 10px 10px 0; border: 0px solid #333333; background-color: #444444; padding: 3px;}
.docListItem  a:hover .docIcon {border-width: 0; margin: 0 10px 10px 0; border: 0px solid #333333; background-color: #888888; padding: 3px;}
.docIcon {margin: 0 10px 10px 0; border: 1px solid #F0F0F0; background-color: #666666; padding: 3px;} 
.docListItemAttr {text-align: right; color: #777777; font-size: 12px;}
.docListItemAttr  a.docListSeeMore {display: inline}
.docListItemAttr a  {font-size: 12px;}

.docListItem b {color: #BBBBBB}

.icmsDocList2 .docListItem  {border-bottom: 1px solid #E1E1E1;}

/* -- docListSearchFilter... -------------------------------------------------------------------------------------*/
.docListSearchFilter  {padding: 10px; background-color: #FFE26F; color: #333333; margin-bottom: 25px;}
.docListSearchFilter label {float: left; width: 90px; color: #333333;}
.docListSearchFilter div {padding: 2px 0 2px 0;}
div.docListSearchFilterContent {padding: 20px;}

/* -- docData... -------------------------------------------------------------------------------------*/
.docData {}
.docData  div.mCol1{ width: 48%; float: left;}
.docData  div.mCol2{ width: 48%; float: right;} 
.docData .mCol1 .mColContent {padding: 0 0 10px 0}
.docData .mCol2 .mColContent {padding: 0 0 10px 0}

/* -- path -------------------------------------------------------------------------------------*/
.pathToDoc {font-size: 11px; color: #999999; height: 17px; line-height: 17px; margin-bottom: 10px; padding-left: 0}
.pathToDoc a {color: #999999;  text-decoration: none;} 
.pathToDoc a:hover {color: #000000;  text-decoration: none;} 

.docListItem .pathToDoc {border-bottom: 0px solid #D1D1D1;}


/* -- LangVer -------------------------------------------------------------------------------------*/
.icrmLangVerMenuBox {height: 20px; width: 150px; z-index: 10; position: absolute; left: 750px; top: 0;}
.icrmLangVerMenuBtn {display: block; line-height: 27px; font-weight: normal; padding-right: 10px; text-align: right; text-decoration: none; width: 150px;  color: #CCCCCC;}
.icrmLangVerMenuBtn:hover {text-decoration: none; color: #FFFFFF;}
.icrmLangVerMenu {position: absolute; left: 290px; top: 8px; width: 30px;}
.icrmLangVerMenu a {font-size: 12px; color: #000000; text-decoration: none; display: block; line-height: 20px; margin: 0 5px 0 5px;}
.icrmLangVerMenu a:hover {font-size: 12px; color: #FFFFFF; text-decoration: none; display: block; line-height: 20px;}

/* -- LoginBar -------------------------------------------------------------------------------------*/
.mainLoginBarBox .mCol1 {width: 50%;}
.mainLoginBarBox .mCol2 {width: 41%;}

/* -- Home doclist -------------------------------------------------------------------------------------*/
.docIcon {margin: 0 10px 10px 0; border: 0px solid #282828; background-color: #666666; padding: 3px;}

.imcsHomeShortDocList {}


/* -- media -------------------------------------------------------------------------------------*/
.icmsMediaAudioPlayerContainer {padding: 5px 0 10px 0; z-index: 0}
.icmsMediaAudioPlayerContainer  embed,
.icmsMediaAudioPlayerContainer  object
 {z-index: 0}
.icmsMediaVideoPlayerContainer {padding: 5px 0 20px 0; z-index: 0}
.icmsMediaVideoPlayerContainer  embed,
.icmsMediaVideoPlayerContainer  object  {z-index: 0}


/* -- docData ----------------------------------------------------------------------------------------- */
#icmsDocData15  .mSlideshowBox {margin: 0 20px 20px 0; padding-bottom: 20px; float: left;}
#icmsDocData22  .mSlideshowBox {margin: 0 0 20px 20px; padding-bottom: 20px; float: right;}


/* -- docData ----------------------------------------------------------------------------------------- */
.icmsSiteMapMenu {padding-left: 10px; }
.icmsSiteMapSubmenu {padding-left: 20px;}
.icmsSiteMapDocList {padding-left: 30px;}

.icmsSiteMapMenu  li {line-height: 18px; font-size: 15px; font-weight: bold;}
.icmsSiteMapMenu  li  ul.icmsSiteMapSubmenu li{font-size: 12px !important; font-weight: bold !important;}
.icmsSiteMapMenu  li  ul.icmsSiteMapDocList li{font-size: 12px !important; font-weight: normal !important;}






/* -- top bottom icon -------------------------------------------------------------------------------------*/
.topbtmIcon, .topbtmIconSel {display: block; border: 2px solid #333333; width: 60px; height: 45px; overflow: hidden; padding: 0; margin: 0px 10px 10px 0px; float:left; text-align: center; vertical-align: bottom;}
.topbtmIconSel {border: 2px solid #555555;}
.topbtmIconBoxHide_more {display: block}
.topbtmIconBoxHide_1 {display: none}
.topbtmBigImgBox{text-align: left; border-bottom: 0px solid #E1E1E1;  margin: 0}
.topbtmBigImgLupa {margin-top: 15px; margin-bottom: 10px; font-size: 10px; color: #AAAAAA;}
.topbtmImgBox {padding-right: 0px; margin: 0 0 20px 0;  border-right: 0px solid #AAAAAA;}
.topbtmIconBox {padding-top: 15px;}

#searchFilterTable .tHeader {background: #F9F7B0; color: #87AF34}


/* -- mmenu ------------------------------------------------------------------------------------- */
.mMenuBox {text-align: center; padding: 0 10px 10px 10px}
.mMenuBox a{color: #555555; text-decoration: none; font-size: 12px; font-weight: bold;}
.mMenuBox a:hover {color: #999999;}
.mMenuBox a#selectedItem ,
.mMenuBox a.mmSel{color: #888888;}

/* -- slideshow --------------------------------------------------------------------------------------- */
/* .mSlideshowBox img {border: 2px solid #3B3B3B} */
.mSlideshowBox  {/*background-color: #3B3B3B;*/ padding: 4px;}
.slideshow img,
.mSlideshowBox a {cursor: default !important}


a.iLogo {position: absolute; top: 0; left: 0; display: block; z-index: 9; width: 200px; height: 65px; text-decoration: none;}

ul {padding-left: 0}
li  {margin-left: 30px;}