* { margin: 0; padding: 0; }

body {
	color: #CCCCCC;
	font: 12px/normal Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	line-height: 1.5em; 
	background-color: #EEEEEE;
	background-image: url(/pimages/off/off_bodyBg_v3.jpg );
	background-repeat: repeat-x;  
	background-position: top left;	
}

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


a {color: #0099CC; text-decoration: none; cursor: pointer;}
a:hover {color: #FF6600; text-decoration: none;}
a {outline: none;}
img {border: 0px;}


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


div.mainTopBoxPadd{padding: 0 10px 0 10px;}


.mainBodyBg {width: 100%; position: relative; 
 background-image: url(/pimages/off/off_conBg_v3.jpg);
 background-repeat: repeat-y;  
 background-position: top center;
 }

.mainBodyBg1 {
 background-image: url(/pimages/off/off_conBtmBg_v3.jpg);
 background-repeat: no-repeat;  
 background-position: bottom center;  
 padding-bottom: 14px;
}

.mainBodyBg2 {
 background-image: url(/pimages/off/off_topBg_v4.jpg);
 background-repeat: no-repeat;  
 background-position: top center;   
}

* html .mainBodyBg2 {zoom: 1;}

  
.mainBodyBox {width: 900px; margin: 0 auto; /*overflow: hidden; */}
.mainBodyBoxPadd {padding: 0 20px 0 20px; border: 0px solid #00FF00;				
}

.mainTopBox  {margin-top: 0px; position: relative; height: 140px; border: 0px solid #FF0000; z-index: 20;}

.mainTopRight {height: 120px; padding-left: 150px;}
.mTopMainMenu {z-index: 301; width: 800px; position: absolute; left: 100px; top: 10px;}

.mLogo {position: absolute; top: 0; left: 0; width: 400px; height: 100px;
		/*background-image: url(/pimages/off/off_logo7.png);	
		background-repeat: no-repeat;  
		background-position: top left;*/}
/*		
*html .mLogo {background-image: url(/pimages/off/off_logo7.gif);}
*/

.mainTopBarBg {vertical-align: middle; height: 30px; border-top: 0px solid #000000; padding-top: 10px;}
.mainTopBar {width: 920px; margin: 0 auto; padding-top: 0; color: #777777; position: relative; z-index: 200;}


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


.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/off/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: #E9E9E9; }
.mSlideBox {margin: 0 10px 0 10px; color: #CCCCCC;}


.mainContentBox {color: #222222; 				
				border: 0px solid #FF0000;
				position: relative;
			}
.mContentBox {padding: 10px 20px 30px 20px; border: 0 solid #FF0000;}

.mainFooterBg {
	width: 100%; position: relative; 
	color: #444444;
	border: 0px solid #FF0000;
	padding-top: 20px;
 }
.mFooterBox {width: 920px; margin: 0 auto; 
			color: #444444;}

/*			
.mFooterBox div.mCol1 {width: 450px; color: #444444;}
.mFooterBox div.mCol2 {width: 380px; color: #444444;}
.mFooterBox div.mCol3 {width: 380px; color: #444444;}
*/

/*
.mFooterBox a {}
.mFooterBox a:hover{}
*/

.mBannerBox {width: 920px; overflow: hidden; position: relative}


/*...............................................................*/
#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: 1px solid #CCCCCC; padding: 7px; margin: 0 15px 15px 0;}
.docListItem a {font-weight: bold;}



.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;}

/* -------------------------------------------------------------------------- */
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 5px 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  img {float: left; background-color: #EAEAEA; padding: 5px; margin: 0 20px 30px 0;}




/* -------------------------------------------------------------------------- */
h1 {font-family: arial, "Trebuchet MS", tahoma, verdana, helvetica, sans-serif;}
h2,h3 {font-family: arial, "Trebuchet MS", verdana, tahoma, helvetica, sans-serif;}
h1 {font-size: 22px; font-weight: normal; color: #000000; padding-bottom: 5px; line-height: 26px;}
h2 {color: #333333; font-size: 16px; margin-bottom: 5px; padding: 1px 1px 1px 1px;}
h3 {color: #777777; font-size: 14px;}

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

.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: #444444; font-size: 11px;}
.docAttrLabel {color: #444444; 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;}



/*--------------------------------------------------------------- */


/*
.mMenuBox a{padding-left: 10px; color: #9FA685; text-decoration: none; display: block; background: url(/pimages/ek_mdot.gif) 0px 5px no-repeat; }
.mMenuBox a:hover {color: #3399CC; text-decoration: underline; background: url(/pimages/ek_mdot1.gif) 0px 5px no-repeat;}
.mMenuBox a#selectedItem {color: #9FA685; background: url(/pimages/ek_mdot1.gif) 0px 5px no-repeat;}
*/



/* ------------------------------------------------ */
#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 {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-size: 11px; padding-bottom: 10px; padding-top: 10px; vertical-align: top;}
.formTable tr.tRow_1 td{background-color: #E4E4E4; color: #000000;  font-size: 11px; padding-bottom: 10px; padding-top: 10px; vertical-align: top;}
.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;}


.formTable tr.tRowHeader_s1 td{background-color: #E1E1E1; color: #888888; font-weight: bold;}
.formTable tr.tRow_s1 td{background-color: #E8F3F9;}
.formTable tr.tRow_s2 td{background-color: #F7FBFD;}





/* Forum ...............................................................*/
.icmsForum{padding-bottom: 30px;}
.icmsForumComment{background-color: #F1F1F1}

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;}


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

.forumListHd {color: #444444; font-size: 15px; margin-top: 20px; padding-left: 10px; line-height: 30px; background-color: #EAEAEA; border-bottom: 1px solid #DDDDDD;}
.forumListHd a#btnForumNewThread,
.forumListHd a#btnForumNewComment {color: #0099CC; text-decoration: underline; font-size: 14px; font-weight: bold;}
.forumListHd a#btnForumNewThread:hover,
.forumListHd a#btnForumNewComment:hover {color: #CC0000;}
#idsNewForumThreadFrm {}

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

.forumCmmListItem_0 {display: block; background-color: #F6F6F6; color: #222222; font-weight: normal; font-size: 12px; padding: 10px 10px 10px 15px; margin-bottom: 1px;}
.forumCmmListItem_1 {display: block; background-color: #EBEBEB; color: #222222; font-weight: normal; font-size: 12px; padding: 10px 10px 10px 15px; margin-bottom: 1px;}
.forumCmmMsgBox {color: #999999; padding: 2px 10px 2px 10px;}

#idsNewForumThreadFrm,
#idsNewForumCommentFrm {padding: 10px; background-color: #E4F3FC;}
#idsNewForumCommentFrm label {font-weight: bold; color: #555555; font-size: 11px;}

.forumThreadData h2 {margin-bottom: 2px; padding: 0}
.forumThreadDocLink {font-weight: bold; padding: 5px 0 10px 0;}

.icmsForumUsernameAttr {font-weight: bold; font-size: 11px; color: #36A800;}
.icmsForumAuthorAttr{font-weight: bold; font-size: 11px;}
.icmsForumAnonymousAttr {}
.icmsForumCommentListMsgBox {display: none; padding: 10px; font-weight: bold; color: #CC0000; background-color: #F1F1F1;}
.icmsForumDateAttr {font-size: 11px;}

.icmsForumCmmFormBg {background-color: #EAEAEA;}
/* ---------- 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/off/ajax-loader_bw.gif); background-position: left center;  }
.ajax-loading-wb-lf {background-image: url(/pimages/off/ajax-loader_wb.gif); background-position: left center;  }
.ajax-loading-bw {background-image: url(/pimages/off/ajax-loader_bw.gif);}
.ajax-loading-wb {background-image: url(/pimages/off/ajax-loader_wb.gif);}
.ajax-loading-bw2{background-image: url(/pimages/off/ajax-loader_bw2.gif);}
.ajax-loading-wb2{background-image: url(/pimages/off/ajax-loader_wb2.gif);}
.ajax-loading-wo2{background-image: url(/pimages/off/ajax-loader_wo2.gif);}
.ajax-loading-ow2{background-image: url(/pimages/off/ajax-loader_ow2.gif);}
.ajax-loading-wo{background-image: url(/pimages/off/ajax-loader_wo.gif);}
.ajax-loading-ow{background-image: url(/pimages/off/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: 430px;}
.tabForm div{margin-bottom: 4px;}
#frm1QuestionForm label {float: left; width: 90px; color: #555555;}
.tabFormRowFooter {float: right; padding-right: 10px;}
.questionMsgBoxBg {
    width: 430px;
    background-color: #FF9900;
    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/off/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;    
}
.docAdd2CartBoxHd {
    margin-top: 20px;
	margin-bottom: 1px;
	background-color: #0099CC;    
	color: #FFFFFF;
	font-weight: bold;
	padding: 8px 10px 8px 10px;
}


.docAdd2CartBox {
    padding: 10px;         
	}

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

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

.docAdd2CartBox  div {padding: 3px 0 3px 0; border-bottom: 1px solid #E9E9E9;}
.docAdd2CartBox  label {width: 140px; float: left; font-size: 11px;}
.docAdd2CartBox input, 
.docAdd2CartBox select {font-size: 11px}

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

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

/* --Załączniki-------------------------------------------------------------------------------------*/
.docFileBox {}
.docFileItem {}
.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: 8px;}
.docData UL LI {padding-bottom: 4px;}



/* -- Lista linków -------------------------------------------------------------------------------------*/
.docLinkListBox{}
.docLinkListBox ul{}
.docLinkListBox li{padding: 0;}

.docDataLinkList{margin: 10px 0 20px 0; padding: 0 10px 10px 10px;  background-color: #F0F0F0;}
.docDataLinkList h4 {background-color: #FF6600; color: #FFFFFF; font-weight: bold; text-align: left; text-align: left; padding: 8px 10px 8px 10px; font-size: 12px;}
.docDataLinkList h3 {color: #333333; font-weight: bold; text-align: left; text-align: left; padding: 8px 10px 8px 10px; font-size: 12px;}
.docDataLinkList ul{}
.docDataLinkList li{}
.docDataLinkList li a {font-weight: bold;}
.docDataLinkList li a:hover {font-weight: bold;}

.docDataParentLinkList{margin: 10px 0 10px 0;}
.docDataParentLinkList h4 {background-color: #FF6600; color: #FFFFFF; font-weight: bold; text-align: left; text-align: left; padding: 8px 10px 8px 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: #F0F0F0; margin-bottom: 1px; font-weight: bold;}
.docDataParentLinkList li a:hover {display: block; padding: 3px 10px 5px 10px; background-color: #EAEAEA; margin-bottom: 1px; font-weight: bold;}



/*
#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/off/i_play1.gif) 0 0 no-repeat; display: block; width: 15px; height: 15px; float: left; margin-right: 3px;}
.playBtnOff {background:url(/pimages/off/i_play1g.gif) 0 0 no-repeat !important;}
.playBtnOff:hover {background:url(/pimages/off/i_play1.gif) 0 0 no-repeat !important;}

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

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

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

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

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

.mSlideshowBox .slideshow{background-color: #F1F1F1;}
.icmsSlideshowNav1{padding: 10px;}
.icmsSlideshowNavBar1 {width: 85px; float: left; margin-bottom: 40px;}
.icmsSlideshowCaptions {color: #676767; font-size: 11px; display: inline;}


/* -- 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: #FF9900;}



/* -- DocList... -------------------------------------------------------------------------------------*/
.docListItem  {padding: 10px 0 5px 0; border-bottom: 1px solid #F0F0F0; margin-bottom: 10px;}
.docListItem  .docListItemDescr {display: inline;}
.docListItem a {font-weight: bold; font-size: 16px; text-decoration: none;}
.docListItemAttr {text-align: right; color: #777777; font-size: 12px;}
.docListItemAttr a  {font-size: 12px;}
/*
.docListItem  a.docListSeeMore {display: block; width: 100px; float: right; font-weight: normal}
*/
.docListItem   .docListItem  .docIcon {border-width: 0; margin: 0; padding: 0; border: 1px solid #FFFFFF;}
.docListItem   .docListItem  a:hover .docIcon {border-width: 0; margin: 0; padding: 0; border: 1px solid #FF9900;}

.docListShop2  .docListItem {width: 200px; float: left; margin-right: 20px; margin-bottom: 20px;}
.docListShop2   .docListItemDescr {padding: 0; text-align: center;}
.docListShop2   .docListItemDescr a {font-weight: bold; font-size: 13px; text-decoration: none;}
.docListShop2   .docListItemDescr a {padding: 3px;}
.docListShop2   .docListItem  .docIcon {border-width: 0; margin: 0; padding: 0; border: 1px solid #FFFFFF;}
.docListShop2   .docListItem  a:hover .docIcon {border-width: 0; margin: 0; padding: 0; border: 1px solid #FF9900;}


/* -- docListSearchFilter... -------------------------------------------------------------------------------------*/
.docListSearchFilter  {background-color: #F4F4F4; border-bottom: 1px solid #D0D0D0; color: #555555; margin-bottom: 25px; font-size: 11px;}
.docListSearchFilter label {display: inline; color: #555555; font-size: 11px;}
.docListSearchFilter div {padding: 2px 0 2px 0;}
div.docListSearchFilterContent {padding: 20px;}
.docListSearchFilter input, .docListSearchFilter select  {font-size: 11px;}
.docListSearchFilter select  {width: 100px;}

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

/* -- path -------------------------------------------------------------------------------------*/
.pathToDoc {font-size: 11px; color: #AAAAAA; height: 20px; line-height: 20px; margin-bottom: 5px;}
.pathToDoc a {color: #AAAAAA;  text-decoration: none;} 
.pathToDoc a:hover {color: #FF6600;  text-decoration: none;} 

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


/*---Shop Menu --- */
.mShopMenu  {color: #AAAAAA; height: 28px; line-height: 28px; z-index: 11; width: 220px;  position: absolute; left: 610px; top: 2px; text-align: right;}
.mShopMenu  a {color: #AAAAAA;}
.mShopMenu  a:hover {color: #FFF;}


/* -- LangVer -------------------------------------------------------------------------------------*/
.icrmLangVerMenuBox {width: 90px; z-index: 10; position: absolute; left: 830px; top: 10px; text-align: right}
/*
.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 {background-color: #AAAAAA; border-bottom: 2px solid #777777;  border-left: 1px solid #999999; border-right: 2px solid #777777; color: #000000; padding: 5px}
.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%;}



/* -- top bottom icon -------------------------------------------------------------------------------------*/
.topbtmIcon, .topbtmIconSel {display: block; border: 3px solid #E1E1E1; width: 60px; height: 45px; overflow: hidden; padding: 0; margin: 0px 10px 10px 0px; float:left; text-align: center; vertical-align: bottom;}
.topbtmIconSel {border: 3px solid #FFCC00;}

/* -- 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}

.icmsMediaVideoPlayerContainer {background-image: url(/pimages/off/ajax-loader_bw.gif); background-position: center center; background-repeat: no-repeat}


/* -- docData ----------------------------------------------------------------------------------------- */
#icmsDocData15  .mSlideshowBox {margin: 0 20px 20px 0; padding-bottom: 20px; float: left;}
#icmsDocData16  .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;}



/* -- newsletter form  ----------------------------------------------------------------------------------------- */
.icmsNewsletterSubscribeMsgBox {color: #FFCC00;}


/* -- imcs main search  ----------------------------------------------------------------------------------------- */
.mainSearchBoxBg{position: absolute; top: 104px; left: 714px; width:182px; height:22px; vertical-align: top; z-index: 10;}
.mainSearchBoxBg div.mSearchBoxContent{width:182px; height:22px; background: url('/pimages/off/off_topSearchBtnBg_v3.gif') no-repeat top left;}
.mainSearchBoxBg div.mSearchBoxContent input{float: left; height:18px; border:0; background:#FFFFFF;}
.mainSearchBoxBg div.mSearchBoxContent input#icmsMainSearchTxt1{padding:3px 0px 0px 3px; margin:1px 0 0 4px; font: normal 12px arial,tahoma sans-serif; color:#888888; width:142px; background: transparent;}
.mainSearchBoxBg div.mSearchBoxContent input#icmsMainSearchTxt1:focus{outline: none !important;}
.mainSearchBoxBg div.mSearchBoxContent input#icmsMainSearchBtn1{ margin-top:0; padding:0; cursor: pointer; width:24px; height:22px; background: transparent;}
.mainSearchBox {margin: 0; padding: 0; width:172px; height: 22px; position: absolute; top: 0; left: 0;  }


#icmsHomePg .mainContentBox {overflow: hidden; }
#icmsHomePg .mContentBox  {overflow: hidden;  padding: 10px; border: 0px solid #00FF00;}
#icmsHomePg  #icms2ColHomeData {overflow: hidden;}
#icmsHomePg #icms2ColHomeData  div.mCol1{width: 510px; float: left; border: 0px solid #FF0000;}
#icmsHomePg #icms2ColHomeData div.mCol2{width: 370px; float: left; border: 0px solid #00FF00;} 
#icmsHomePg #icms2ColHomeData div.mCol2 .mColContent{padding: 10px;}
#icms2ColHomeData div.mCol2 li{padding-bottom: 0;} 
#icms2ColHomeData div.mCol2 ul{margin-bottom: 5px;} 
#icmsHomePg  .mSlideshowBox {margin-bottom: 0;}

/*
#icms2ColHomeC1{border: 1px solid #FF0000; position: absolute; top: 0; left: 0;}
#icms2ColHomeC2{border: 1px solid #00FF00; position: absolute; top: 0; left: 530px;}
*/


.docImgBottom_SQIcon .itemDocIconSQ{width: 80px; height: 80px; text-align: center; background: #E9E9E9; overflow: hidden; border: 5px solid #E9E9E9; float: left; margin: 0px 10px 10px 0px; padding: 0px;}


/* -- home program List------------------------------------------------------------------ */
.icmsOffHomeProgList a {color: #555555; display: block; border-bottom: 1px solid #CCCCCC; padding: 4px 10px 4px 5px;}
.icmsOffHomeProgList a:hover {color: #0099CC;}

/* -- Home doclist -------------------------------------------------------------------------------------*/
.docIcon {margin: 0 10px 10px 0; border: 1px solid #F0F0F0; background-color: #FFFFFF; padding: 3px;}
.mFooterBox  h2,h3{font-size: 14px; font-weight: bold; color: #999999; margin-bottom: 5px; border-bottom: 1px solid #999999;}
.mFooterBox  .mCol1 h2 {border-bottom: 4px solid #2EADD8;}
.mFooterBox  .mCol1 h3 {border-bottom: 4px solid #d19bba;}
.mFooterBox  .mCol2 h2 {border-bottom: 4px solid #99CC00;}
.mFooterBox  .mCol3 h2 {border-bottom: 4px solid #FD9A1D;}

.mFooterBox   .docListItemDescr a,
.mFooterBox  a{font-size: 12px; font-weight: normal; color: #0099CC; text-decoration: none;}
.mFooterBox   .docListItemDescr {font-size: 11px; color: #777777;}
.mFooterBox   .docListItemDescr a:hover, .mFooterBox  a:hover{text-decoration: underline; color: #0099CC;}

.mFooterBox  .docIcon {margin: 0 10px 10px 0; border: 0px solid #FF9900; background-color: #FFFFFF; padding: 5px;}
.mFooterBox .docListItem  a.docListSeeMore {font-weight: normal; color: #0099CC;}

.mFooterBox .docListItemAttr,
.mFooterBox .docListItemAttr a {color: #999999 !important;}

.mFooterBox  .icmsFootDocList2{}
.mFooterBox  .icmsFootDocListItem {padding: 3px 0 3px 0;}
.icmsFooterFilmBox {margin-top: 10px;}
.icmsFooterFilmBox UL {padding-left: 10px; margin-left: 10px; color: #AAAAAA;}

/* -- square Icon doc List ------------------------------------------------------------------ */
.icmsDocList_squareIcon  .docIconBox {width: 70px; height: 70px; display: block; overflow: hidden; border: 5px solid #E9E9E9; background-color: #E9E9E9; text-align: center; margin: 6px; padding: 0;}
.icmsDocList_squareIcon  .docIconBox .docIcon {margin: 0; padding: 0}
.icmsDocList_squareIcon  .docListItem {width: 90px; float: left; border-bottom-width: 0px; margin-bottom: 0; padding: 0; margin-top: 0;}
.icmsDocList_squareIcon  .docListItem  .docListItemDescr,
.icmsDocList_squareIcon  .docListItem  .docListItemDescr  a {text-align: center; font-size: 11px; font-weight: normal; }
.icmsDocList_squareIcon  .docListItem  .docListItemDescr {padding-bottom: 10px;}

.docDataStreetArt  h1{font-size: 18px; font-weight: bold;}
.docDataStreetArt  .docAttr {font-size: 12px;}

.mCol2 UL {padding-left: 20px; margin-left: 10px;}

.mFooterBox .icmsDocList_squareIcon  .docIconBox {border: 5px solid #FFFFFF;}
.mFooterBox .icmsDocList_squareIcon .docListItem {height: 145px;  text-align: center}
.mFooterBox .icmsDocList_squareIcon  .docListItem  .docListItemDescr,
.mFooterBox .icmsDocList_squareIcon  .docListItem  .docListItemDescr  a {text-align: center; font-size: 11px; font-weight: normal; }
.mFooterBox .icmsDocList_squareIcon  .docListItem  .docListItemDescr  a :hover{text-align: center !important; font-size: 11px; font-weight: normal; }

.mFooterBox .docListItemAttr {font-size: 11px; color: #999999}

/* -- Newsletter form -------------------------------------------------------------------------------------*/
.mFooterBox #icmsNewsletterFormBox1 {background-color: #DDDDDD; color: #666666; }
.mFooterBox #icmsNewsletterFormBox1 h2 {color: #777777; border-bottom: 1px solid #999999;}


/* -- slideshow --------------------------------------------------------------------------------------- */
.icms_rcorner10_tl {z-index: 100; width: 10px; height: 10px; position: absolute; left: 0; top: 0; background: url(/pimages/off/rc10px_lt.png) no-repeat 0 0;}
.icms_rcorner10_tr {z-index: 100; width: 10px; height: 10px; position: absolute; right: 0; top: 0; background: url(/pimages/off/rc10px_rt.png) no-repeat 0 0;}
.icms_rcorner10_bl {z-index: 100; width: 10px; height: 10px; position: absolute; left: 0; bottom: 0; background: url(/pimages/off/rc10px_lb.png) no-repeat 0 0;}
.icms_rcorner10_br {z-index: 100; width: 10px; height: 10px; position: absolute; right: 0; bottom: 0; background: url(/pimages/off/rc10px_rb.png) no-repeat 0 0;}

* html  .icms_rcorner10_tl {display: none;}
* html  .icms_rcorner10_tr {display: none;}
* html  .icms_rcorner10_bl {display: none;}
* html  .icms_rcorner10_br {display: none;}


/* -- Stopka inti -------------------------------------------------------------------------------------*/

.intiCFooter {margin-top: 30px; border-top: 1px solid #CCCCCC; padding: 20px 0 20px 0; color: #999999}
.intiCFooter  a, a.intiFLink {color: #999999 !important;}
.intiCFooter  a:hover, a.intiFLink:hover{color: #0099CC !important;}



.icmsLogoutBox {width: 200px; height: 40px; text-align: right; position: absolute; top: 76px; left: 680px; font-size: 11px; color: #FAFAFA;}

.icmsFilmListItem {padding: 4px 5px 10px 5px;}
.icmsFilmListItem .docIcon {padding: 3px; float: left;}