@import url("mpReset.css");
@import url("pixelReset.css");

body{
	padding-top: 9px;
	font: 10pt Tahoma, sans-serif;
	color: #515151;
	background: url("../images/bg.gif") no-repeat top center;
}

#container{
	width: 940px;
	margin: 0 auto;
}

#header{
	width: 940px;
	position: relative;
}

h1 a{
	text-indent: -9999em;
	display: block;
	width: 320px;
	height: 60px;
	background: url("../images/logo.gif");
}

#mapaSerwisu{
	position: absolute;
	left: 547px;
	top: 32px;
	background: url("../images/siteMap.gif") no-repeat;
	color: #7c796d;
	font-size: 8pt;
	text-indent: 20px;
}

#mapaSerwisu:hover{
	text-decoration: none;
	color: #898577;
}

#menu, #menuL{
	display: block;
	width: 657px;
	height: 30px;
	margin-top: 15px;
	background: url("../images/menuBg.gif");
}
#menuL{
  width: 637px;
  padding-left: 20px;
}

ul#menu li{
	float: left;

}


ul#menuL a:link, ul#menuL a:visited, ul#menuL a:active, ul#menuL a:hover, #loginBar a:link, #loginBar a:visited, #loginBar a:active, #loginBar a:hover{
	float: left;
	margin: 9px 15px 0 0;
  color: #fff;
  font: 11px Verdana;
  font-weight: bold;
  display: block;

}
ul#menu li a{
	height: 30px;
	display: block;
	float: left;
	text-indent: -9999em;
	margin: 0px;
}
#loginBar a:link, #loginBar a:visited, #loginBar a:active, #loginBar a:hover{ float: right;}

#stronaGlowna{
	margin-left: 9px;
	width: 113px;
	background: url("../images/menu.gif") 0px 0px;
}

#stronaGlowna[id]{
	margin-left: 18px;
}

#stronaGlowna:hover{
	background: url("../images/menu.gif") -113px 0px;
}

#programMotoVIP{
	width: 133px;
	background: url("../images/menu.gif") 0px -30px;
}

#programMotoVIP:hover{
	background-position: -133px -30px;
}

#jakZostacKlientem{
	width: 144px;
	background: url("../images/menu.gif") 0px -60px;
}

#jakZostacKlientem:hover{
	background-position: -144px -60px;
}

#coOtrzymujesz{
	width: 119px;
	background: url("../images/menu.gif") -226px 0px;
}

#coOtrzymujesz:hover{
	background-position: -288px -60px;
}

#faq{
	width: 46px;
	background: url("../images/menu.gif") -345px 0px;
}

#faq:hover{
	background-position: -391px 0px;
}

#kontakt{
	width: 71px;
	background: url("../images/menu.gif") -266px -30px;
}

#kontakt:hover{
	background-position: -337px -30px;
}

#splashImage{
	width: 657px;
	height: 180px;
	background: url("../images/splash.jpg");
}
#splashImageL{
	width: 657px;
	height: 100px;
}

form#szukaj{
	width: 283px;
	height: 75px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: url("../images/searchBg.gif");
}
#logged{
	width: 243px;
	height: 30px;
	display: block;
	padding: 45px 20px 0px;
	position: absolute;
	right: 0;
	top: 0;
	background: url("../images/logged.gif");
	text-align: left;
	font: 12px Tahoma, Arial;
	color: #7b7366;
}

#logged a:link, #logged a:visited, #logged a:active, #logged a:hover {
  font-weight: bold;
} 

#szukajLabel{
	width: 39px;
	height: 13px;
	display: block;
	background: url("../images/szukajLabel.gif");
	text-indent: -9999em;
	position: absolute;
	left: 21px;
	top: 33px;
	line-height: 13px;
}

#szukajInput{
	/*background: url("../images/inputBg.gif");*/
	width: 155px;
	height: 19px;
	position: absolute;
	left: 71px;
	top: 31px;
	border: 0;
}

#szukajButton{
	width: 35px;
	height: 22px;
	background: url("../images/szukajButton.gif");
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	left: 226px;
	top: 28px;
}

#szukajButton:hover{
	background: url("../images/szukajButton.gif") 35px 0px;
}

#loginForm{
	width: 283px;
	height: 210px;
	position: absolute;
	right: 0px;
	top: 75px;
	background: url("../images/loginFormBg.gif") 0 30px;
}
#loginForm input{border: 0;}
#loginForm h4{
	display: block;
	width: 283px;
	height: 30px;
	background: url("../images/login.gif");
	text-indent: -9999em;
}
#loginBar{
	display: block;
	width: 283px;
	height: 30px;
  position: absolute;
	right: 0px;
	top: 75px;
	background: url("../images/loginBar.gif");
	text-align: right;
}

#loginForm form .hideMe{
	display: none;
}

#login, #pass{
	width: 228px;
	height: 22px;
	position: absolute;
}

#login{
	left: 26px;
	top: 47px;
}

#pass{
	left: 26px;
	top: 79px;
}

#loginCheckbox{
	position: absolute;
	left: 27px;
	top: 112px;
}

#log_checkLabel{
	font-size: 8pt;
}

#zmienDane{
	width: 116px;
	height: 30px;
	background: url("../images/zmienDane.gif");
	text-indent: -9999em;
	position: absolute;
	top: 5px;
	right: 00px;
	display: block;

}

#zmienDane:hover{
	background: url("../images/zmienDane.gif") -116px 0px;
}

#zapisz, .submit-zapisz, .submit-disabled  {
	width: 116px;
	height: 34px;
	background: url("../images/zapisz.gif");
	text-indent: -9999em;
	margin: 10px auto;
	display: block;
  cursor: pointer;
  border: 0;
}

.submit-disabled {
    background: url("../images/zapisz-disabled.gif");
}

#zapisz:hover, .submit-zapisz :hover {
	background: url("../images/zapisz.gif") -116px 0px;
}

#loginButton{
	width: 116px;
	height: 30px;
	background: url("../images/loginButton.gif");
	text-indent: -9999em;
	position: absolute;
	top: 106px;
	left: 145px;

}

#loginButton:hover{
	background: url("../images/loginButton.gif") -116px 0px;
}

#createAccountLabel{
	width: 98px;
	height: 25px;
	background: url("../images/createAccountLabel.gif") no-repeat;
	text-indent: -9999em;
	position: absolute;
	left: 20px;
	top: 168px;
}

#createAccountButton{
	display: block;
	width: 116px;
	height: 30px;
	background: url("../images/createAccountButton.gif");
	text-indent: -9999em;
	position: absolute;
	left: 145px;
	top: 162px;
}

#createAccountButton:hover{
	background: url("../images/createAccountButton.gif") -116px 0px;
	display: block;
	width: 116px;
	height: 30px;
}

#products{
	width: 940px;
	height: 150px;
}

#mainPageProductsShadow{
	width: 940px;
	height: 15px;
	background: url("../images/productsShadow.gif") 0 0;
	font-size: 1px;
}

#subPageProductsShadow{
	width: 940px;
	height: 15px;
	background: url("../images/productsShadow.gif") 0 -15px;
	font-size: 1px;
}

#mainPageContent{
	width: 940px;
	background: url("../images/mainContentBg.gif");
	position: relative;
}

#subPageContent{
	width: 940px;
	background: url("../images/mainContentBg.gif") -940px 0;
	position: relative;
}

#mainPageContent #sidebar{
	width: 428px;
	float: left;
}

#subPageContent #sidebar{
	width: 240px;
	float: right;
	margin: 0 22px 0 16px;
	display: inline;
	padding-bottom: 15px;
}

#subPageContent #content{
	width: 608px;
	float: right;
	margin: 0 25px 0 29px;
	display: inline;
	float: left;
	position: relative;
}

#content h2{
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  font-size: 10pt !important;
  color: #a50000 !important;
  font-weight: normal !important;
}

#content p{
  text-align: justify !important;
}

#content{
  padding-bottom: 20px !important;
}

#content ul{
  padding-bottom: 10px !important;;
}

#content .faqQuestion{
  font-weight: bold !important;
  padding-top: 10px;
}

#content .faqAnswer{
  margin-bottom: 5px !important;
  text-align: justify !important;
}

#sidebar ul{
  margin-top: 10px !important;
}

#zebyZostacKlientemMV{
	width: 417px;
	height: 147px;
	margin-left: 6px;
	background: url("../images/zebyZostacKlientemMVBg.gif");
	position: relative;
}

#zebyZostacKlientemMV h2{
	width: 208px;
	height: 51px;
	background: url("../images/zebyZostacKlientemMVLabel.gif");
	position: absolute;
	top: 10px;
	left: 154px;
	text-indent: -9999em;
}

#zebyZostacKlientemMV ol li{
	display: block;
	height: 24px;
	text-indent: -9999em;
	position: absolute;
	left: 156px;
}

#zebyZostacKlientemMV #listItem1{
	width: 138px;
	background: url("../images/zebyZostacKlientemMVListItems.gif") 0 0;
	top: 72px;
}

#zebyZostacKlientemMV #listItem2{
	width: 196px;
	background: url("../images/zebyZostacKlientemMVListItems.gif") -138px 0;
	top: 98px;
}

#iJuzMozeszZaczacKorzystacZ{
	width: 417px;
	height: 164px;
	background: url("../images/iJuzMozeszZaczacKorzystacZBg.gif") bottom repeat-x;
	margin-left: 6px;
	position: relative;
}

#iJuzMozeszZaczacKorzystacZ h2{
	display: block;
	width: 254px;
	height: 21px;
	text-indent: -9999em;
	position: absolute;
	top: 21px;
	left: 24px;
	background: url("../images/iJuzMozeszZaczacKorzystacZLabel.gif");
}

#iJuzMozeszZaczacKorzystacZ h3{
	display: block;
	width: 261px;
	height: 18px;
	text-indent: -9999em;
	position: absolute;
	top: 63px;
	left: 123px;
	background: url("../images/likwidacjiSzkodKomunikacyjnychLabel.gif");
}

#zebyZostacKlientemMVFlash{
	width: 380px;
	height: 100px;
	position: relative;
	top: 25px;
	left: 9px;
}

#iJuzMozeszZaczacKorzystacZ p{
	text-align: justify;
	width: 270px;
	margin-left: 122px;
	padding-top: 86px;
}

#wNaszejOfercie{
	position: relative;
	padding-top: 35px;
}

#wNaszejOfercie h2{
	background: url("../images/iJuzMozeszZaczacKorzystacZLabel.gif") 0px -21px;
	text-indent: -9999em;
	display: block;
	width: 373px;
	height: 17px;
	position: absolute;
	top: 20px;
	left: 29px;
}

#wNaszejOfercie ul{
	margin-left: 22px;
	margin-bottom: 15px;
}

#wNaszejOfercie ul li{
	list-style-image: url("../images/bullet.gif");
	margin-left: 23px;
}

#korzysciJakieDajeMotoVIP{
	width: 512px;
	float: left;
	padding-bottom: 10px;
}

#korzysciJakieDajeMotoVIP h2{
	display:  block;
	width: 274px;
	height: 37px;
	text-indent: -9999em;
	background: url("../images/korzysciJakieDajeMotoVip.gif");
}

#tableHeader{
	width: 461px;
	height: 5px;
	font-size: 1px;
	margin-left: 23px;
	background: url("../images/tableHeaderBg.gif");
	margin-top: 20px;
}

#tableContainer{
	margin-left: 23px;
	background: url("../images/tableContainerBg.gif");
	width: 461px;
}

#tableContainer table, #korzysciJakieDajeMotoVIP table th{
	border: 0;
}

#tableContainer table{
	width: 457px;
	background: #FFF;
	margin-left: 2px;
}

#tableContainer table th{
	width: 18%;
	height: 26px;
	text-indent: -9999em;
}

#tableContainer table td{
	width: 18%;
	height: 26px;
	background-image: url("../images/tdSpacer.gif");
	background-repeat: repeat-y;
}

#korzysci{
	background: #d9d6cd url("../images/korzysci.gif");
}

#motovip{
	background: #d9d6cd url("../images/motovip.gif");
}

#aso{
	background: #d9d6cd url("../images/aso.gif");
}

#naso{
	background: #d9d6cd url("../images/naso.gif");
}

#tu{
	background: #d9d6cd url("../images/tu.gif");
}

.firstColumn{
	width: 24% !important;
}

.alternativeRowColor{
	background: #f7f7f5
}

.firstColumnAlternativeRowColor{
	width: 24% !important;
	background: #f7f7f5
}

#tableContainer table td span{
	width: 100%;
	text-align: center;
	display: block;
	text-indent: -9999em;
	height: 26px;
}

#przeglady{
	background: url("../images/tableFields.gif") 0 0;
}

#naprawyGwarancyjne{
	background: url("../images/tableFields.gif") 0 -26px;
}

#assistance{
	background: url("../images/tableFields.gif") 0 -52px;
}

#ubezpieczenia{
	background: url("../images/tableFields.gif") 0 -78px;
}

#obsluga24h{
	background: url("../images/tableFields.gif") 0 -104px;
}

#dostepOnline{
	background: url("../images/tableFields.gif") 0 -130px;
}

#motokalendarz{
	background: url("../images/tableFields.gif") 0 -156px;
}

.yesCheck{
	background: url("../images/check.gif") center center no-repeat;
}

#tableFooter{
	width: 461px;
	height: 4px;
	font-size: 1px;
	margin-left: 23px;
	background: url("../images/tableFooterBg.gif");
	margin-bottom: 8px;
}

#korzysciJakieDajeMotoVIP p{
	margin: 0 25px 25px 25px;
}

.cl{
	clear: both;
}

#mainPageFooter{
	clear: left;
	width: 940px;
	background: url("../images/footerBg.gif") no-repeat;
	padding-top: 15px;
}

#subPageFooter{
	clear: left;
	width: 940px;
	background: url("../images/footerBg.gif") -940px 0 no-repeat;
	padding-top: 15px;

}

#mainPageFooter div, #mainPageFooter div a, #subPageFooter div, #subPageFooter div a{
	font-size: 8pt;
}

#copyright{
	margin: 0 0 15px 0;
	text-indent: 30px;
	float: left;
}

#createdBy{
	margin: 0 0 5px 0;
	text-align: right;
	margin-right: 30px;
	float: right;
}
#korzysciJakieDajeMotoVIP p{
	margin-bottom: 10px;
	text-align: justify;
	margin-right: 30px;
}

#subPageContent ul{
	list-style-image: url("../images/bullet.gif");
	margin-left: 20px;
	font: 10pt Tahoma;
	color: #a50000;
}

#subPageContent ul li{
	color: #515151;
}

#subPageContent #motoVIPcontact{
	font: 12pt Tahoma;
	color: #a50000;
	text-align: center;
	font-weight: bold;
}

#subPageContent #motoVIPcontact a{
	color: #a50000;
	text-decoration: underline;
	font-size: 12pt;
	font-weight: bold;
}

#subPageContent #motoVIPcontact a:hover{
	text-decoration: none;
}

#content h2{
margin-bottom: 10px !important;
display: block;
height: 21px;
width: 300px;
text-indent: -9999em;
}

.hProgramMotoVIP{
background: url("http://motovip.pl/cms/images/headers.gif") 0 0 no-repeat;
}

.hJakZostacKlientem{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -21px no-repeat;
}

.hCoOtrzymujesz{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -42px no-repeat;
}

.hFaq{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -63px no-repeat;
}

.hKontakt{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -84px no-repeat;
}

.hWynikiWyszukiwania{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -105px no-repeat;
}
.hDaneSamochodu{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -126px no-repeat;
}
.hWykonaneUslugi{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -147px no-repeat;
}
.hInfoUbezp{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -168px no-repeat;
}
.hFormularzKontaktowy{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -189px no-repeat;
}
.hDaneUzytkownika{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -210px no-repeat;
}
.hEdycjaProfilu{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -231px no-repeat;
}
.hRejestracja{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -253px no-repeat;
}
.hAktualnosci{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -273px no-repeat;
height: 17px !important;
}
.hOfertaSpecjalna{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -290px no-repeat;
}
.hAktualnosciMotoVIP{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -311px no-repeat;
}
.hAktualnosciMoto{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -332px no-repeat;
}
.hPrzypomnienieHasla{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -354px no-repeat;
}
.hLogowanie{
background: url("http://motovip.pl/cms/images/headers.gif") 0 -374px no-repeat;
}
.subTitle{
font-weight: bold;
color: #a50000;
}

#subPageContent #content table, #subPageContent #content th{
border: none;
text-indent: 0;
font-weight: normal;
}

#subPageContent #content #tableHeader{
margin: 0;
width: 605px;
background: url("http://motovip.pl/cms/images/tableHeader.gif") no-repeat !important;
}

#subPageContent #content #tableFooter{
margin: 0;
width: 605px;
background: url("http://motovip.pl/cms/images/tableFooter.gif") no-repeat !important;
}

#content #tableContainer{
width: 100% !important;
margin-left: 0px !important;
background: url("http://motovip.pl/cms/images/tableBg.gif") repeat-y !important;
}

#content table{
width: 601px;

margin-right: 50px !important;
}

#subPageContent #content table td{
	height: 32px;
}

#subPageContent #content table td .yesCheck{
	height: 32px;
}

#subPageContent #content table #korzysci{
	background: #d9d6cd url("../images/tkorzysci.gif");
	text-indent: -9999em;
}

#subPageContent #content table #motovip{
	background: #d9d6cd url("../images/tmotovip.gif");
	text-indent: -9999em;
}

#subPageContent #content table #aso{
	background: #d9d6cd url("../images/taso.gif");
	text-indent: -9999em;
}

#subPageContent #content table #naso{
	background: #d9d6cd url("../images/tnaso.gif");
	text-indent: -9999em;
}

#subPageContent #content table #tu{
	background: #d9d6cd url("../images/ttu.gif");
	text-indent: -9999em;
}


.quoteContainer{
width: 600px;
margin-top: 20px;
height: 60px;
margin-left: 2px;
}

#quote1{
background: url("../images/quoteIcons.gif") 0 0 no-repeat;
}

#quote2{
background: url("../images/quoteIcons.gif") 0 -60px no-repeat;
}

#quote3{
background: url("../images/quoteIcons.gif") 0 -120px no-repeat;
}

#quote4{
background: url("../images/quoteIcons.gif") 0 -180px no-repeat;
}

#quote5{
background: url("../images/quoteIcons.gif") 0 -240px no-repeat;
}

#quote6{
background: url("../images/quoteIcons.gif") 0 -300px no-repeat;
}

.quoteContainer h3{
margin-left: 75px;
color: #fba900;
font-size: 14pt;
}

.quoteContainer div{
margin-left: 75px;
}

#basicAccountContainer{
width: 257px;
float: right;
border-left: 1px solid #e8e8e8;
}

#basicAccountContainer p{
margin: 0 0 10px 13px;
}

#basicAccountContainer .accountContainer{
margin-left: 14px;
height: 329px;
background: #f8f7f4 url("../images/createMvAccountBg.gif");
margin-top: 10px;
position: relative;
}

#basicAccountContainer .accountContainer a{
position: absolute;
left: 22px;
top: 163px;
width: 196px;
height: 47px;
display: block;
background: url("../images/createAccountButton.gif") -36px -34px;
text-indent: -9999em;
}

#basicAccountContainer .accountContainer a:hover{
background: url("../images/createAccountButton.gif") -36px -81px;
}

#promoAccountContainer{
width: 350px;
float: right;
}

#promoAccountContainer p{
margin: 0 14px 10px 0px;
}

#promoAccountContainer .accountContainer{
height: 103px;
margin-right: 14px;
margin-top: 10px;
position: relative;
}

#promoAccountContainer .accountContainer p{
display: none;
}

#promoAccountContainer .accountContainer a{
display: block;
position: absolute;
width: 116px;
height: 47px;
left: 201px;
top: 28px;
text-indent: -9999em;
background: url("../images/createAccountButton.gif") -232px 0;
}

#promoAccountContainer .accountContainer a:hover{
background: url("../images/createAccountButton.gif") -232px -47px;
}

#promoAccountContainer .accountContainer .logo{
display: none;
}

#automapa{
background: #f8f7f4 url("../images/createPremiumAccountBg.gif");
}

#citiBp{
background: #f8f7f4 url("../images/createPremiumAccountBg.gif") 0px -103px;
}

#autotu{
background: #f8f7f4 url("../images/createPremiumAccountBg.gif") 0px -206px;
}

#jakZostacKlientemFooter{
float: left;
margin-top: 15px;
width: 608px;
}

#contactForm .formElement{
margin-bottom: 10px;
margin-left: 70px;
}

#contactForm .formElement .formElementLabel{
width: 180px;
background: #FFF;
float: left;
}

#contactForm .formElement .formElementWidget{
width: 320px;
background: #FFF;
float: left;
}

#contactForm input, #contactForm textarea, input{
border: 1px solid #ccc;
padding: 2px;
width: 250px;
font: 10pt Tahoma, sans-serif;
}

#sendButton{
border: 0px !important;
width: 116px !important;
height: 34px;
background: url("http://www.motovip.pl/cms/images/createAccountButton.gif") 0px -128px;
/*text-indent: -9999em;*/
font-size: 72px !important;
margin-left: 250px;
cursor: pointer;
}

#sendButton:hover{
background: url("http://www.motovip.pl/cms/images/createAccountButton.gif") -116px -128px;
}

div.error{
	color: #a50000;
	margin-top: 20px;
}

#contactForm .error{
	border-color: #a50000;
	color: #a50000;
}

.required{
	color: #ffa200;
}

/*polowa row'a*/
.half{
  float: left;
  width: 290px;
  padding: 10px 0px 3px 10px;
  text-align: left;
}

.checkbox{width: auto; border: 0;}