/* Base CSS style for web-T::CMS */
html,body{
width: 100%; height: 100%;
padding: 0px;
margin: 0px;
}

input, textarea{font-family: Arial, serif; font-size: 100%;}

body{
    background: url(/skin/img/project/bg_html.png) center center no-repeat #d0d2d2;
}

/* define fonts */
/*@font-face {
font-family: 'PFBeauSansProSemiBold';
src: url('/lib/fonts/PFBeauSansPro-SeBold.eot');
src: local('PF BeauSans Pro'), local('PFBeauSansPro-SemiBold'), url('/lib/fonts/PFBeauSansPro-SeBold.woff') format('woff'), url('/lib/fonts/PFBeauSansPro-SeBold.ttf') format('truetype'), url('/lib/fonts/PFBeauSansPro-SeBold.svg#PFBeauSansPro-SemiBold') format('svg');
} */ 

/* base classes */

.clr{ clear: both; display: block; font-size: 1px; }
.i-clr{display:block; width: 100%; height: 1px; clear: right; font-size: 1px}
.h {display: none}
.imggray {filter: gray;}
.imgcolor {filter: none;}
.pointer{cursor: pointer}


.flt-left {float: left; display: inline}
.flt-rght {float: right; display: inline}

.centerd{text-align: center;}
.nowrap{white-space: nowrap;}

.blck{
width: auto;
display: block;
float: none;
clear: both;
}

.abs{position: absolute;}

/* inputs */
input.text,
.b-input,
textarea.text,
select.text{
}

.helptext{
    color: #c0c0c0;
}

input.text,
.b-input{
	width: 152px;
	height: 16px;
	font-size: 11px;
	color: #000;
	border: 0px none;
}

textarea.text,
textarea.b-input{
height: 90px;
border: 1px solid #E2DEDD;
resize: none;
margin-bottom: 5px;
padding: 4px;}

input.b-input-warning,
textarea.b-input-warning,
select.b-input-warning{background: #ffdfe0;}


input.b-input-bad,
textarea.b-input-bad,
select.b-input-bad{background: #ffdfe0;}

/*input.b-input-mandatory,
textarea.b-input-mandatory,
select.b-input-mandatory{background: #dcf7e5;}*/



.input-maxlength, .input-maxlength-error{
	/*float: left;
	padding: 6px;*/
	padding-right: 10px;
	color: #999;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
	display: block;
}
.input-maxlength-error{
color: #C00;
}

.not-helptext{
    color: #000;
}

/** unique results check **/
.b-used{
/*float: left;
margin-left: 10px;
width: 30px;
height: 26px;
background: url("/skin/img/project/warning.png") center center no-repeat; */
}

.b-not-used{
/*width: 19px;
height: 19px;
background: url("../img/ok_button2.png") center center no-repeat; */
}

/* redirect page */
.b-redirect{
position: absolute;
left: 50%;
top: 50%;
width: 400px;
height: 150px;
margin: -105px 0 0 -230px;
padding: 30px;
line-height: 150%;
text-align: center;
color: #999;
border: 1px solid #00AEEF;
}

	.b-redirect .inner{
	display: table-cell;
	vertical-align: middle;
	}


	


/* text style */
.u {text-decoration: underline !important}
.no-u {text-decoration: none !important}
.b {font-weight: bold}

sup{font-size: 50%; vertical-align:top;}
sub{font-size: 50%; vertical-align:bottom;}

/* margin and padding styles and blocking*/
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}
.i0{border: none; margin: 0; display: block;}

/* font-size */
.fsize-1px{font-size: 1px;}
.fsize-2px{font-size: 2px;}
.fsize-3px{font-size: 3px;}
.fsize-4px{font-size: 4px;}
.fsize-5px{font-size: 5px;}
.fsize-6px{font-size: 6px;}
.fsize-7px{font-size: 7px;}
.fsize-8px{font-size: 8px;}
.fsize-9px{font-size: 9px;}
.fsize-10px{font-size: 10px;}
.fsize-11px{font-size: 11px;}
.fsize-12px{font-size: 12px;}
.fsize-13px{font-size: 13px;}
.fsize-14px{font-size: 14px;}
.fsize-15px{font-size: 15px;}
.fsize-16px{font-size: 16px;}
.fsize-17px{font-size: 17px;}
.fsize-18px{font-size: 18px;}
.fsize-19px{font-size: 19px;}
.fsize-20px{font-size: 20px;}
.fsize-38px{font-size: 30px;}

/* opacity */
.img-op-100 {filter: none; -moz-opacity:1.0; opacity: 1.0}
.img-op-70 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7}
.img-op-60 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6} 
.img-op-50 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5} 
.img-op-0 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity:0; opacity: 0} 


/* links */
a,
a:link,
a:visited,
a:hover,
a:active{
}

a:hover{
text-decoration: underline;
}

a.ajx,
a.ajx:link,
a.ajx:visited,
a.ajx:hover,
a.ajx:active{
text-decoration: none;
border-bottom: 1px dashed #376CC2;
}

a.ajx:hover{
text-decoration: none;
border-bottom: 1px dashed #376CC2;
}


/* loader */
.loader{
position: relative;
text-align: center;
}


.loader-abs{
position: absolute;
z-index: 100	;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 150%;
}


	.loader-abs div{
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5; -moz-opacity:50%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
	background: #fff;
	}

	.loader .ldr {
	padding: 0px 0 0px 10px;
	}
	
	.loader-abs .ldr {
	position: absolute;
	z-index: 2000;
	top: 50%;
	left: 50%;
	margin: -27px 0 0 -12px;
	padding: 0px;
	}
	
	.loader-abs img {
	/*width: 200px;
	height: 157px;	*/
	}
	
	
/* bg clickable layer */
.bg-clickable{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*opacity: 0.5; -moz-opacity:50%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
/*background: url(/skin/img/project/bg_lightbox.png) left top repeat;*/
}	

/** headers **/
/*h1{
margin: 0 0 10px 0;
font-size: 195%;
line-height: 120%;
color: black;
}*/
	
/* lightbox */
.b-lightbox{
position: absolute;
z-index: 2000000;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

	.b-lightbox img{
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*opacity: 0.5; -moz-opacity:50%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	background: url(/skin/img/project/bg_lightbox.png) left top repeat; */
	}
	
	div.b-lightbox-outer {
	position: fixed;
	z-index: 3000000;
	width: 648px;
	height: 250px;	
	top: 50%;
	left: 50%;
	margin: 0 0 0 -324px;
	/*background: url(/skin/img/project/bg_lightbox_top.png) center top no-repeat;*/
	}
	
		div.b-lightbox-outer .b-lightbox-inner{
		/*background: url(/skin/img/project/bg_lightbox_bottom.png) center bottom no-repeat;*/
		}
		
		div.b-lightbox-outer .b-no-p{
		padding: 0;
		}
	
		div.b-lightbox-outer div.close,
		div.close{
			position:absolute;
			z-index: 200;
			top:30px;
			right:30px;
			width:19px;
			height:19px;
			cursor: pointer;
			background-image:url(/skin/img/project/close_bg.png);
			background-repeat: no-repeat;
		}
		
		div.b-lightbox-outer .close:hover,
		div.close:hover {
			background-position:-19px 0;
		}
		
		.b-lightbox-lt{
		float: left;
		display: inline;
		/*width:24px;
		height: 24px;
		background: url(/skin/img/project/popup_lt2.png) left top no-repeat; */
		}

		.b-lightbox-rt{
		/*height: 24px;
		margin-left: 24px;
		background: url(/skin/img/project/popup_rt2.png) right top no-repeat; */
		}

		.b-lightbox-lc{
		/* padding-left: 24px;
		background: url(/skin/img/project/popup_lc2.png) left bottom repeat-y; */
		}

		.b-lightbox-rc{
		/* padding: 0px 50px 10px 20px;
		background: url(/skin/img/project/popup_rc2.png) right bottom repeat-y; */
		}

		.b-lightbox-lb{
		float: left;
		display: inline;
		/* width: 24px;
		height: 33px;
		background: url(/skin/img/project/popup_lb2.png) left top no-repeat; */
		}

		.b-lightbox-rb{
		/*height: 33px;
		margin-left: 24px;
		background: url(/skin/img/project/popup_rb2.png) right top no-repeat; */
		}
	
		div.b-lightbox-outer h1{
		/*display: block;
		margin-bottom: 11px;
		padding: 0px 0 14px;
		font: bold 160%/120% Arial;
		color: #444; */
		/*border-bottom: 2px solid #ccc;*/
		}
		
		div.b-lightbox-outer h1.login{
		padding-bottom: 0px;
		}
		
		
		div.b-lightbox-outer .content{
		position: relative;
		margin: 0;
		padding: 0;
		/*overflow: auto;
		font-size: 140%;
		background: #fff; */
		}
		
		
/** popup **/
.b-lay-popup{
position: absolute;
display: block;
background: url(/skin/img/project/bg_popup_lt.png) left top no-repeat;
}

	.b-lay-popup .inner-c{
	color: #fff;
	background: #07509a;
	}

	.b-lay-popup .inner-t ins,
	.b-lay-popup .inner-b ins{
	display: block;
	height: 4px;
	margin-left: 4px;
	background: url(/skin/img/project/bg_popup_rt.png) right top no-repeat;
	}

	.b-lay-popup .inner-b{
	display: block;
	height: 4px;
	background: url(/skin/img/project/bg_popup_lb.png) left top no-repeat;
	}

	.b-lay-popup .inner-b ins{
	background: url(/skin/img/project/bg_popup_rb.png) right top no-repeat;
	}
	

	.b-lay-popup ul{
	display: block;
	font-size: 90%;
	}

	.b-lay-popup li{
	display: block;
	}

		.b-lay-popup li a{
		display: block;
		padding: 4px 10px;
		color: #fff;
		font-size: 95%;
		text-decoration: none;
		}

		.b-lay-popup li a:hover{
		background: #0092d7;
		}

/** autocomplete **/
.auto_complete{
position: absolute;
display: block;
width: 160px;
padding: 0px;
/*background: url(/skin/img/project/bg_popup_t.png) left top no-repeat;*/
}

	.auto_complete ul{
	display: block;
	color: #fff;
	padding: 0 0 3px 0;
	border: 1px solid #C8C8C8;
	background: #f2f2f2;
	/*background: url(/skin/img/project/bg_popup_b.png) left bottom no-repeat;*/
	}

	.auto_complete li{
	display: block;
	}

		.auto_complete li a{
		display: block;
		padding: 4px 10px;
		color: #000;
		font-size: 140%;
		text-decoration: none;
		}

		.auto_complete li.active a,
		.auto_complete li a:hover{
		background: #E84847;
		color: #fff;
		}



/* file types */
.b-file{
padding-left: 22px; 
}

.file-doc{
background: url(/skin/img/types/doc.png) left top no-repeat;
}

.file-xls{
background: url(/skin/img/types/xls.png) left top no-repeat;
}

.file-pdf{
background: url(/skin/img/types/pdf.png) left top no-repeat;
}

.file-ppt{
background: url(/skin/img/types/ppt.png) left top no-repeat;
}

.file-zip{
background: url(/skin/img/types/zip.png) left top no-repeat;
}

.file-mp3{
background: url(/skin/img/types/mp3.png) left top no-repeat;
}

.file-txt{
background: url(/skin/img/types/txt.png) left top no-repeat;
}

.file-png{
background: url(/skin/img/types/png.png) left top no-repeat;
}

.file-gif{
background: url(/skin/img/types/gif.png) left top no-repeat;
}

.file-jpg{
background: url(/skin/img/types/jpg.png) left top no-repeat;
}

.file-other{
background: url(/skin/img/types/other.png) left top no-repeat;
}

.b-files{
margin-top: 20px;
padding-top: 12px;
border-top: 1px solid #ccc;
}

	.b-files li{
	padding: 0 0 7px 24px;
	}

		.b-files li a{
		color: #0099cc;
		text-decoration: underline;
		}


/* icons */
.b-ico-video{
float: left;
display: inline;
width: 14px;
height: 13px;
background: url(/skin/img/project/ico_video.png) left center no-repeat;
}


/** social **/
.b-ico-rss,
.b-ico-subscribe,
.b-ico-twitter,
.b-ico-facebook,
.b-ico-vk,
.b-ico-linkedin{
display: block;
height: 16px;
padding: 0 0 0 25px;
line-height: 16px;
background: url(/skin/img/social/ico_soc_rss.png) left center no-repeat;
}

.b-ico-twitter{
background: url(/skin/img/social/ico_soc_twitter.png) left center no-repeat;
}

.b-ico-facebook{
background: url(/skin/img/social/ico_soc_facebook.png) left center no-repeat;
}

.b-ico-linkedin{
background: url(/skin/img/social/ico_soc_linkedin.png) left center no-repeat;
}

.b-ico-vk{
background: url(/skin/img/social/ico_soc_vkontakte.png) left center no-repeat;
}

.b-ico-subscribe{
background: url(/skin/img/social/ico_email.png) left center no-repeat;
}

.b-ico-facebook-paste{
float: right;
height: 16px;
padding: 0 0 0 25px;
line-height: 16px;
color: #999;
background: url(/skin/img/social/ico_soc_facebook.png) left center no-repeat;
}

	.b-ico-facebook-paste:link,
	.b-ico-facebook-paste:visited,
	.b-ico-facebook-paste:hover,
	.b-ico-facebook-paste:active{
	color: #999;
	}
	

.b-more{
float: right;
display: inline;
height: 13px;
font-size: 90%;
padding-right: 17px;
line-height: 13px;
background: url(/skin/img/project/ico_more.png) right bottom no-repeat;
}



.b-ico-twitter-big,
.b-ico-facebook-big,
.b-ico-vk-big{
float: left;
display: inline;
width: 50px;
height: 50px;
margin: 0 20px 0 0;
background: url(/skin/img/social/ico_soc_facebook_big.png) left center no-repeat;
}

.b-ico-twitter-big{
background: url(/skin/img/social/ico_soc_twitter_big.png) left center no-repeat;
}

.b-ico-vk-big{
background: url(/skin/img/social/ico_soc_vkontakte_big.png) left center no-repeat;
}



/** info boxes **/
.b-message-box{
    position: relative;
}

.b-error-message,
.b-ok-message,
.b-alert-message,
.b-info-message,
.b-error-message{
display: block;
min-height: 17px;
margin: 0 0 40px 0;
padding: 10px 30px;
vertical-align: middle;
font-size: 13px;
font-weight: normal;
line-height: 110%;
text-align: center;
color: #fff;
}

	.b-error-message .inner,
	.b-ok-message .inner,
	.b-alert-message .inner,
	.b-info-message .inner{
	display: table-cell;
	vertical-align: middle;
	}

.b-lightbox-inner .b-ok-message{
	padding: 0;
	border:none;
	background: none;
	margin-bottom:20px;
	color:#5A5A5A;
}
.b-ok-message{
	display: none;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	/*border: 1px solid #c39999;
	background: #edbaba;*/
}
.b-alert-message{
color: #e8a505;
text-align: center;
border: 1px solid #fadfa0;
background: #fff3d6;
}
.b-info-message{
text-align: center;
color: #666;
border: 1px solid #ccc;
background: #eee;
}

.b-error-message{
	display: none;
	position: absolute;
	left: 181px;
	top: 28px;
	color: #da0000;
	text-align: center;
	border: 1px solid #f6caca;
	background: #fce0e0;
}

.b-close-alert{
    position: absolute;
    diplay: block;
    z-index: 48;
    top: 10px;
    right: 12px;
    width: 19px;
    height: 19px;
    cursor: pointer;
    background-image: url(/skin/img/project/close_bg.png);
    background-repeat: no-repeat;
}

.b-close-alert:hover{
background-position: -19px 0;
}

/* form container */
.b-button{
float: left;
clear: both;
height: 31px;
padding-left: 4px;
background: url(/skin/img/project/btn_l.png) left bottom no-repeat;
}

	.b-button input,
	.b-button a{
	float: left;
	height: 31px;
	margin: 0;
	padding: 0 17px 0 15px;
	font-size: 110%;
	line-height: 31px;
	color: #714407;
	border: 0px none;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	background: url(/skin/img/project/btn_r.png) right bottom repeat-x;
	}

	.b-button a:link,
	.b-button a:link,
	.b-button a:link,
	.b-button a:link{
	color: #fff;
	text-decoration: none;
	}
	
/* clip */
.b-clip{
}

	.b-clip h3{
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 140%;
	color: #444;
	border-bottom: 1px dotted #999;
	}

.b-content{
    padding: 30px;
}

    .b-content img{
        max-width: 100%;
    }


/*			PROJECT STYLES			*/
.g-container{
    position: relative;
    display: block;
    width: 708px;
    height: 627px;
    margin: 0 auto;
    font-family: Ubuntu,Arial;
    background: url(/skin/img/project/bg.png) center center no-repeat;
}

.g-services {
    width: 903px;
    height: 821px;
    background: url(/skin/img/project/bg_services.png) center center no-repeat;
}

.g-seo {
    width: 458px;
    height: 451px;
    background: url(/skin/img/project/bg_seo.png) center center no-repeat;
}


    .g-container .section{
        position: absolute;
        z-index: 1;
        color: #1a1a1a;
        font-size: 10px;
        line-height: 13px;
    }

    .g-container .section:hover{
        color: #fff;
    }
    
        .g-container .section h5{
        	display: block;
        	font-size: 13px;
        	font-weight: bold;
        	color: #333;
        }
        
        .g-container .section li{
        	display: block;
        	color: #fff;
        	font-size: 10px;
        }

        .g-container a{
            color: #1a1a1a;
            text-decoration: none;
        }

        .g-container a:hover,
        .g-container div.section:hover a{
            color: #fff;
        }




    .g-container .logo{
        left: 126px;
        top: 64px;
    }
    
    .g-services .logo{
    	left: 205px;
        top: 157px;
    }

        .g-container .logo h1{
            font-size: 2px;
            color: #ed1c24;
        }

        .g-container .logo img{
            z-index: 3;
            position: absolute;
        }

        .presentation{
	        display: block;
            left: 448px;
            top: 48px;
            width: 80px;
            padding-left: 25px;
            text-transform: uppercase;
            background: url(/skin/img/project/ico_mouse.png) left 2px no-repeat;
        }

        .presentation:hover{
            background: url(/skin/img/project/ico_mouse_act2.png) left 2px no-repeat;
        }
        
        .section .presentation{
        	margin: 7px auto 0;
        }
        
        

        .bolt{
            left: 590px;
            top: 135px;
            width: 100px;
            padding-top: 41px;
            background: url(/skin/img/project/ico_bolt.png) center top no-repeat;
        }

        .bolt:hover{
            background: url(/skin/img/project/ico_bolt_act.png) center top no-repeat;
        }


        .email{
            left: 605px;
            top: 440px;
            width: 100px;
            padding-top: 36px;
            background: url(/skin/img/project/ico_messages.png) center top no-repeat;
        }

        .email:hover{
            background: url(/skin/img/project/ico_messages_act.png) center top no-repeat;
        }

        .g-container .construct{
            left: 474px;
            top: 502px;
            width: 107px;
            color: #fff;
            font-size: 13px;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        	.g-container .construct a{
        		color: #fff;
            }    

        .ideas{
            left: 211px;
            top: 502px;
            width: 112px;
            padding-top: 19px;
            background: url(/skin/img/project/ico_idea.png) 83% top no-repeat;
        }

        .ideas:hover{
            background: url(/skin/img/project/ico_idea_act.png) 83% top no-repeat;
        }

        .phone{
            left: 116px;
            top: 427px;
            padding-top: 42px;
            background: url(/skin/img/project/ico_phone.png) center top no-repeat;
        }

        .phone:hover{
            background: url(/skin/img/project/ico_phone_act.png) center top no-repeat;
        }

        .address{
            left: 11px;
            top: 267px;
            width: 108px;
            padding-top: 25px;
            background: url(/skin/img/project/ico_mail.png) center top no-repeat;
        }

        .address:hover{
            background: url(/skin/img/project/ico_mail_act.png) center top no-repeat;
        }

        .g-container .main{
            left: 249px;
            top: 285px;
            font-size: 23px;
            font-weight: bold;
            line-height: 26px;
            color: #404041;
        }
        
        .g-services .main{
            left: 346px;
            top: 403px;
			color: #fff;        	
        }

        .g-container .main:hover{
            color: #404041;
        }

            .g-container .main p{
                color: #fff;
                font-weight: normal;
            }

/** serve page blocks **/
.marketing-search{
	left: 512px;
	top: 57px;
	width: 197px;
}

	.marketing-search .presentation{
		margin-top: 12px;
	}
	
.creative{
	right: 22px;
	top: 225px;
	width: 174px;	
}

	.creative .presentation{
		margin-top: 12px;
	}

.marketing{
	right: 60px;
	top: 570px;
	width: 141px;
}

	.marketing .presentation{
		margin-top: 12px;
	}



.seo{
	right: 221px;
	top: 652px;
	width: 185px;	
}

	.g-container .seo h5{
		margin-bottom: 12px;
		color: #fff;
	}

	.seo h5 strong{
		font-size: 23px;
		color: #fff;
	}
	
	.seo ol{
		margin: 0 0 0 10px;
		list-style-position: inside;
		list-style: decimal;
	}
	
	.g-container .seo li{
		display: list-item;
		margin: 0 0 0 11px;
		padding: 0 0 13px;
		font-size: 14px;
		font-weight: bold;
	}
	
	.seo form{
		display: block;
		position: relative;
	}
	
		.seo form .text,
		.seo form select{
			width: 142px;
			padding: 0 5px;
			color: #000;
			font-size: 11px;
			background: #fff;
			border: 0px none;
		}
		
		.seo form input.error{
			background: #ffe6e6;
		}
		
		.seo form select{
			width: 152px;
		}
	
		.seo form .submit{
			display: block;
			width: 88px;
			margin: 0 auto;
			font-size: 11px;
			color: #333;
			border: 0px none;
			background: none;
		}

.technologies{
	left: 251px;
	top: 640px;
	width: 176px;
}

	.technologies .presentation{
		margin-top: 11px;
	}

.g-services .phone{
	left: 192px;
	top: 535px;
}

.reklama{
	left: 25px;
	top: 376px;
	width: 180px;
}


.g-seo .logo{
	left: 53px;
	top: 27px;
}

	.g-seo .download-present{
		left: 58px;
		top: 375px;
	}

	.g-seo .seo{
		right: 17px;
		top: 221px;
	}
	
	.g-seo .powered-by{
		right: 43px;
		top: 404px;
		color: #9e9fa2;
	}
	
	.g-seo .powered-by:hover{
		color: #9e9fa2;
	}
	
		.g-seo .powered-by strong{
			font-weight: bold;
			color: #333;
		}
		
	#b-promo-code{
		position: absolute;
		right: -235px;
		top: -67px;
		display: none;
		opacity: 0;
		overflow: hidden;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
		-moz-opacity:0; 
		width: 0px;
		height: 24px;
		padding: 0 12px 0 6px;
		line-height: 22px;
		color: #fff;
		font-size: 11px;
		vertical-align: middle;
		background: url(../../skin/img/project/bg_promo_code.png) left top no-repeat;
	}
	
	#b-promo-code.active{
		background: url(../../skin/img/project/bg_promo_code_act.png) left top no-repeat;
	}
	
		#b-promo-code input{
			width: 124px;
			height: 20px;
			margin-top: 2px;
			margin-left: 4px;
			margin-right: 7px;
			padding: 0px 2px;
			border: 0px none;
		}
		
		#b-promo-code #step-ok,
		#b-promo-code #step-error{
			display: none;
		}
		
		#b-promo-code #check-promo{
			color: #fff;
			font-size: 15px;
			vertical-align: bottom;
		}
		
		#b-promo-code #step-ok{
		}
		
		#b-promo-code #step-error #reload-promo{
			float: right;
			width: 16px;
			height: 15px;
			margin-top: 4px;
			margin-right: 9px;
			background: url(/skin/img/project/ico_promo_reload.png) left top no-repeat;
		}