body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(tlo_.png);
	background-repeat: repeat-y;
	background-position: 50%;
	background-color: #FFFFFF;
}

ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.twoColFixLtHdr #container {
	width: 935px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #aa0000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #ffffff;
}
.twoColFixLtHdr #header {
	background-color: #000000;
	padding-top: 0;
	padding-bottom: 0;
	background-image: url(russianhair_logo.jpg);
	background-repeat: no-repeat;
	height: 322px;
	width: 932px;
	position: relative;
}

.twoColFixLtHdr #Button1 {
	padding-top: 0;
	padding-bottom: 0;
	height: 20px;
	width: 76px;
	position: absolute;
	top: 301px;
	left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}

#Button1  a {
	text-decoration:none;
	color:#FFFFFF
}

#Button1  a:hover {
	text-decoration:underline;
} 

#Button2  a {
	text-decoration:none;
	color:#FFFFFF
}

#Button2  a:hover {
	text-decoration:underline;
} 

#Button3  a {
	text-decoration:none;
	color:#FFFFFF
}

#Button3  a:hover {
	text-decoration:underline;
} 

#Button4  a {
	text-decoration:none;
	color:#FFFFFF
}

#Button4  a:hover {
	text-decoration:underline;
} 

#Button5  a {
	text-decoration:none;
	color:#FFFFFF
}

#Button5  a:hover {
	text-decoration:underline;
} 


.twoColFixLtHdr #Flasz {
	padding-top: 0;
	padding-bottom: 0;
	height: 20px;
	width: 85px;
	position: absolute;
	top: 149px;
	left: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}

.twoColFixLtHdr #Button2 {
	padding-top: 0;
	padding-bottom: 0;
	height: 20px;
	width: 85px;
	position: absolute;
	top: 301px;
	left: 117px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.twoColFixLtHdr #Button3 {
	padding-top: 0;
	padding-bottom: 0;
	height: 32px;
	width: 76px;
	position: absolute;
	top: 300px;
	left: 212px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.twoColFixLtHdr #Button4 {
	padding-top: 0;
	padding-bottom: 0;
	height: 20px;
	width: 79px;
	position: absolute;
	top: 301px;
	left: 302px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.twoColFixLtHdr #Button5 {
	padding-top: 0;
	padding-bottom: 0;
	height: 20px;
	width: 78px;
	position: absolute;
	top: 300px;
	left: 382px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}





.twoColFixLtHdr #header h1 {
	padding-right: 0;
	padding-left: 0;
	top: 205px;
	position: relative;
	left: 130px;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;
}
.twoColFixLtHdr #mainContent {
	margin: 0;
	padding: 0;
	width: 932px;
}
.twoColFixLtHdr #footer {
	padding: 8px 10px 0 20px;
	color: #000;
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(stopkarus.jpg);
	background-position: center;
	font-weight: bold;
		
}

.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
}

.footer.a:active,footer a:link,.footer a:visited {
	color:#000000;
	font-size:12px;
}
.footer.a:hover {
	color:#990000;
	font-size:12px;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}







H1 {
	color: #254827;
	display:inline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
H2 {
	color: #254827;
	line-height:normal;
	display:inline;
	font-family:  Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
H3 {
	color: #F9F4A3;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}


H4
{
	color: #ffffff;
	display:inline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}

H5 {
	color: #FCE5D3;
	display:inline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
H6 {
	color: #FFFFFF;
	display:inline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

H7 {
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
H8 {
	color: #FFF;
}
#hr1{
	clear:both;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}


/*
	obramowanie strony
*/


#HairsprayNews {
	position:relative;
	left:0px;
	top:0px;
	width:732px;
	height:285px;
	background-color: #D3CCC1;
	clear: none;
	float: left;
}

#hairspray-news-top_ {
position:absolute;
left:0px;
top:0px;
width:637px;
height:31px;
}

#print-information_ {
position:absolute;
left:637px;
top:0px;
width:95px;
height:31px;
}

#hairspray-info_ {
	position:absolute;
	left:0px;
	top:31px;
	width:732px;
	height:235px;
	background-image: url(hairspray_data/hairspray_info.gif);
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-repeat: repeat-y;
	text-align: justify;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#end-box_ {
	position:absolute;
	left:0px;
	top:266px;
	width:732px;
	height:19px;
	background-image: url(hairspray_data/end_box.gif);
}


#news_txt {
	position:relative;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	font-weight:normal;
	text-align:justify;
	color: #000000;
	vertical-align: middle;

	width: 692px;
	height: 100%;

}

#Animation {
	position:relative;
	left:0px;
	top:0px;
	width:732px;
	height:299px;
	float: left;
	clear: left;
}

#hairspray-news-top_ {
position:absolute;
left:0px;
top:0px;
width:708px;
height:39px;
}

#okono-shop-animation-02_ {
position:absolute;
left:708px;
top:0px;
width:24px;
height:39px;
}

#buy_ {
position:absolute;
left:0px;
top:39px;
width:13px;
height:229px;
}

#hairspray-animation_ {
	position:absolute;
	left:13px;
	top:39px;
	width:346px;
	height:229px;
	background-color: #000000;
}

#shoppnine_ {
position:absolute;
left:359px;
top:39px;
width:373px;
height:229px;
}

#price_ {
position:absolute;
left:0px;
top:268px;
width:732px;
height:31px;
}


#HMenu {
	position:relative;
	left:0px;
	top:0px;
	width:200px;
	height:461px;
	clear: both;
	float: left;
}

#menu-top_ {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:60px;
}

#menu_ {
	position:absolute;
	left:0px;
	top:60px;
	width:200px;
	background-color:#FFFFFF;
	background-image: url(_menu/menu.gif);
	background-repeat: repeat-y;
	padding: 0px;
	height: 330px;
}

#end-menu_ {
	position:absolute;
	left:0px;
	top:391px;
	width:200px;
	height:30px;
}

#menu_link {
	width:180px;
	padding-left: 11px;
	padding-top: 8px;
}
.menu_link ul {
	display:inline;
	margin:0px;
}
.menu_link li {
	list-style: none;
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #302F2E;
}
.menu_link li:hover {
	list-style: none;
	padding:5px;
	background-color:#4F0B0D;
}

.menu_link.a:active,.menu_link a:link,.menu_link a:visited {
	color:#FFFFCC;
	font-size:12px;
}
.menu_link.a:hover {
	color:#FFFF99;
	font-size:12px;
}

#normal_txt {
	position:relative;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-weight:normal;
	text-align:justify;
	color: #FEE6C4;
	vertical-align: middle;

	width: 715px;

}

#ContactUs {
	position:relative;
	clear: both;
	float: left;
left:0px;
top:0px;
width:732px;
height:308px;
}

#contact-hairspray_ {
position:absolute;
left:0px;
top:0px;
width:732px;
height:72px;
}

#contact-1_ {
position:absolute;
left:0px;
top:72px;
width:17px;
height:236px;
}

#contact-us_ {
	position:absolute;
	left:17px;
	top:72px;
	width:502px;
	height:182px;
	background-image: url(hairspray_layout/contact_us.jpg);
	background-repeat: no-repeat;
}

#contact-2_ {
position:absolute;
left:519px;
top:72px;
width:213px;
height:182px;
}

#contact-salon_ {
position:absolute;
left:17px;
top:254px;
width:715px;
height:54px;
}


							
							
#product-box { float:left;
			   width: 203px;
			   height: 165px;
			   padding: 10px 10px 10px 10px;

}							

#product-box .topprod {  width: 203px;
					height: 23px;
					background-image: url(../images/boxtop_bg.jpg);
					

				}


#product-box .toptext { text-align:center;
						padding-top:4px;
						color:#FFFFFF;
						font-weight:bold;


}


#product-box .middle {	width:201px;
						height:140px;
						border: 1px solid #2476c9;
						background-image: url(../images/middle_bg.jpg);

				}
				
#product-box .thumb { text-align:center;
		 padding: 6px 6px 3px 6px;
		

}				

.buynow { color: #f25074;
		  text-align: center;
		  font-weight: bold;
}


#MakeUp {
	position:relative;
	left:0px;
	top:0px;
	width:672px;
	height:335px;

}

#cosmetic_ {
	position:absolute;
	left:0px;
	top:0px;
	width:672px;
	height:20px;
}

#lipsticks_ {
	position:absolute;
	left:0px;
	top:20px;
	width:672px;
	height:26px;
}

#eyeliner_ {
	position:absolute;
	left:0px;
	top:46px;
	width:672px;
	height:30px;
}

#make-up_ {
	position:absolute;
	left:0px;
	top:76px;
	width:672px;
	height:37px;
}

#foundation_ {
	position:absolute;
	left:0px;
	top:113px;
	width:52px;
	height:222px;
}

#blusher_ {
	position:absolute;
	left:52px;
	top:113px;
	width:76px;
	height:222px;
}

#mascara_ {
	position:absolute;
	left:128px;
	top:113px;
	width:80px;
	height:222px;
}

#brushes_ {
	position:absolute;
	left:208px;
	top:113px;
	width:82px;
	height:222px;
}

#dublin_ {
	position:absolute;
	left:290px;
	top:113px;
	width:366px;
	height:204px;
	background-image:url(../make-up/dublin.gif);
}

#eyelashes_ {
	position:absolute;
	left:656px;
	top:113px;
	width:16px;
	height:222px;
}

#hairspray_ {
	position:absolute;
	left:290px;
	top:317px;
	width:366px;
	height:18px;
}
#BUY_BOX {
	position:relative;
	left:0px;
	top:0px;
	width:230px;
	height:290px;
	background-image: url(hairspray_layout/produkt_BOX_rus.png);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
}
#PROD-tytul_ {
	position:absolute;
	left:14px;
	top:16px;
	width:208px;
	height:21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}
#PROD-foto_ {
	position:absolute;
	left:14px;
	top:41px;
	width:208px;
	height:199px;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
}

#PROD-cena_ {
	position:absolute;
	left:139px;
	top:216px;
	width:83px;
	height:21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

#PROD-buy_ {
	position:absolute;
	left:14px;
	top:248px;
	width:209px;
	height:26px;
	overflow: hidden;
}
#Spanish_Weft_BOX {
	position:relative;
	left:0px;
	top:0px;
	width:307px;
	height:265px;
	background-image: url(russian_weft/wet_PRODUCT_box.jpg);
	background-repeat: repeat;
	float: left;
}


#spanish-weft-PHOTO_ {
	position:absolute;
	left:19px;
	top:30px;
	width:269px;
	height:152px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}


#spanish-weft-TITLE_ {
	position:absolute;
	left:16px;
	top:194px;
	width:136px;
	height:54px;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 10px;
	font-weight: bold;
}


#spanish-weft-BUY_ {
	position:absolute;
	left:139px;
	top:216px;
	width:164px;
	height:58px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}


#spanish-weft-PRICE_ {
	position:absolute;
	left:192px;
	top:186px;
	width:95px;
	height:27px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 16px;
}
#formatka_kontakt {
	position:relative;
	left:30px;
	top:0px;
	width:876px;
	height:387px;
	background-image: url(formatka.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
}


#russ-phot_ {
	position:absolute;
	left:615px;
	top:17px;
	width:254px;
	height:362px;
}

#russ-name_ {
	position:absolute;
	left:133px;
	top:74px;
	width:240px;
	height:26px;
}


#russ-mail_ {
	position:absolute;
	left:133px;
	top:105px;
	width:240px;
	height:24px;
}

#russ-tel_ {
	position:absolute;
	left:133px;
	top:134px;
	width:240px;
	height:27px;
}

#russ-tresc_ {
	position:absolute;
	left:52px;
	top:180px;
	width:521px;
	height:149px;
}

#russ-wyslij_ {
	position:absolute;
	left:215px;
	top:336px;
	width:181px;
	height:30px;
}
#CCCP {
	position:relative;
	left:0px;
	top:0px;
	width:935px;
	height:263px;
	float: left;
	overflow: hidden;
	background-image: url(russian-hair-logo.jpg);
	background-repeat: no-repeat;
}


#cccp-logo_ {
	position:absolute;
	left:21px;
	top:104px;
	width:754px;
	height:153px;
}

#cccp-menu_ {
	position:absolute;
	left:36px;
	top:228px;
	width:664px;
	height:35px;
}

ul#menu-nav 				{
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
ul#menu-nav li				{
	width:166px;
	float:left;
	list-style:none;
	height:34px;
	text-align:center;
	vertical-align:middle
}
ul#menu-nav li a:hover 			{
	color:#841100;
	text-decoration:none;
	display:list-item;
	height:34px;
	padding:15px 0px 0px 0px;
	background-image: url(menu_p2_russian.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
ul#menu-nav li a		{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	height:34px;
	padding:11px 0px 4px 0px;
	background-image: url(menu_p1_russian.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#TOTALPRICES {
	position:relative;
	left:0px;
	top:0px;
	width:924px;
	height:79px;
	background-image: url(totalprices_box.png);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
}


#total-prices_ {
	position:absolute;
	left:735px;
	top:24px;
	width:104px;
	height:31px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}


	
#VAT_lista_ {
	position:relative;
	left:0px;
	top:0px;
	width:930px;
	height:41px;
	background-image: url(vat_lista.png);
	background-repeat: no-repeat;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 0px;
}

#vat-lista_ {
	position:absolute;
	left:18px;
	top:11px;
	width:32px;
	height:23px;
	font-size: 14px;
}


#vat-nazwa_ {
	position:absolute;
	left:11px;
	top:9px;
	width:326px;
	height:24px;
	font-size: 12px;
	overflow: hidden;
}


#vat-opis_ {
	position:absolute;
	left:351px;
	top:9px;
	width:244px;
	height:24px;
	overflow: hidden;
}

#vat-ilosc_ {
	position:absolute;
	left:615px;
	top:8px;
	width:56px;
	height:24px;
	font-size: 16px;
	text-align: center;
}

#vat-cena_ {
	position:absolute;
	left:681px;
	top:8px;
	width:61px;
	height:24px;
	font-size: 14px;
	text-align: center;
}

#vat-wartosc_ {
	position:absolute;
	left:739px;
	top:8px;
	width:72px;
	height:24px;
	font-size: 14px;
	text-align: center;
}

#vat-edit_ {
	position:absolute;
	left:826px;
	top:3px;
	width:110px;
	height:31px;
	overflow: hidden;
}
#vat-delete_ {
	position:absolute;
	left:953px;
	top:3px;
	width:91px;
	height:31px;
	overflow: hidden;
}

#Order_TOP {
	position:relative;
	left:0px;
	top:0px;
	width:920px;
	height:132px;
	background-image: url(order_top.png);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
	margin-left: 30px;
}


#order-top-adres_ {
	position:absolute;
	left:620px;
	top:25px;
	width:180px;
	height:90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
}	
#order-top-link_ {
	position:absolute;
	left:83px;
	top:90px;
	width:400px;
	height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ACACAC;
	text-align: right;
	overflow: hidden;
}	


#BOXmail {
	position:relative;
	left:0px;
	top:0px;
	width:930px;
	height:420px;
	background-image: url(_okienko_maila2.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
}

#mail-name_ {
	position:absolute;
	left:155px;
	top:5px;
	width:274px;
	height:26px;
}

#mail-adres_ {
	position:absolute;
	left:158px;
	top:46px;
	width:145px;
	height:26px;
}
#mail-post_ {
	position:absolute;
	left:158px;
	top:84px;
	width:274px;
	height:26px;
}
#mail-tel_ {
	position:absolute;
	left:155px;
	top:171px;
	width:160px;
	height:26px;
}
#mail-tel2_ {
	position:absolute;
	left:155px;
	top:214px;
	width:160px;
	height:26px;
}
#mail-country_ {
	position:absolute;
	left:159px;
	top:125px;
	width:268px;
	height:26px;
}
#mail-email_ {
	position:absolute;
	left:155px;
	top:247px;
	width:280px;
	height:27px;
}

#mail-info_ {
	position:absolute;
	left:47px;
	top:297px;
	width:419px;
	height:97px;
}

#mail-wyslij_ {
	position:absolute;
	left:144px;
	top:370px;
	width:600px;
	height:43px;
}
input.wysylka {
	color:#000000;
	background-color:#ececec;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	} 
	input.wysylka2 {
	color:#dd0000;
	background-color:#ececec;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	}
	
textarea.wysylka {
	color:#000000;
	background-color:#ececec;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	} 	
