* { 
margin: 0px; 
padding: 0px; 
}

body {
background: #d8d3b1 url(../images/bg.headerRepeatx2.gif) repeat-x scroll center top; 
}

a { 
outline:none; 
}

/*
---------------- Fejlec es kepek -----------------------
-------------------------------------------------------- */	

a.link {
	font: 12px Arial, Helvetica, sans-serif;
	color: #e9e6d2;	
	position: absolute;
}

#fejlec {
	margin: 0px auto;
	width: 900px;
	height: 57px;
	position: relative;
	}
	
#fejlec h1 {
	text-indent: -9999px;
	background: url(../images/logo.strohm.png) no-repeat scroll left top;
	position: absolute;
	left: 5px;
	top: 5px;
	height: 92px;
	width: 426px;
	}

#fejlec h1 a {
	background: url(../images/img.logo.gif) no-repeat scroll left top;
	height: 46px;
	width: 242px;
	text-indent: -9999px;
	display: block;
	}
	
#fejlszov {
	position: absolute;
	right: 5px;
	bottom: 78px;
	}
	
#fejlszov a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #e9e6d2;
	padding-left: 19px;
	background: url(../images/icon.learnmoreArrow.jpg) no-repeat scroll 3px 1px;
	text-decoration: none;
	}

#fejlszov a:hover {
	background: #000000 url(../images/icon.learnmoreArrow.jpg) no-repeat scroll 3px 1px;
	}
	
#indexKep {
	float:right;
	position: absolute;
	right: -28px;
	z-index: 1;
	top: 55px;
	}
	
/*
---------------- BANNER --------------------------------
-------------------------------------------------------- */	
	
#bannerDiv {
	height: 254px;
	width: 100%;
	background: url(../images/bg.bannerRepeatx.jpg) repeat-x scroll center top;
	}
	
#banner {
	margin: 0px auto;
	width: 900px;
	height: 213px;
	background: url(../images/img.banner.jpg) no-repeat scroll center top;
	}

/*
---------------- tartalmi cuccok -----------------------
-------------------------------------------------------- */	
	
#tartalom {
	width: 100%;
	padding: 20px 0px;
	background: #E7E2C0;
	float: left;
	}
	
#inside #tartalom {
	width: 100%;
	padding: 20px 0px;
	background: #E7E2C0 url(../images/bg.insideFullWidthTOP.gif) repeat-x scroll left top;
	float: left;
	}
	
#tartalomElem {
	margin: 0px auto;
	width: 890px;
	}	
		
#tartalomElem h2 {
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #933d16;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#tartalomElem h4 {
	font: bold 18px/22px Arial, Helvetica, sans-serif;
	color: #333333;
	margin-bottom: 5px;
	border-bottom: 1px dotted #C7C2A0;
	padding-bottom: 5px;
	margin-top: 27px;
	}
	
/*#productDetail h4 {
	margin-top: 0px;
	background: none;
	}*/
	
#tartalomElem p {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #2b2a23;
	margin-bottom: 10px;
	}
#tartalomElem ul {
	margin-bottom: 10px;
	}
	
#tartalomElem li {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #2b2a23;
	list-style: circle inside;
	}
	
#sajatTartalom {
	float: right;
	width: 610px;
	margin: 10px 0px 0px 0px;
	}
#tartalom #oldalMenu img {
	float: left;
	padding-right: 13px;
	}

img.left {
	float: left;
	padding: 4px;
	margin: 4px 10px 4px 0px;
	border: 1px solid #7F7657;
	}
	
img.right {
	float: right;
	padding: 4px;
	margin: 4px 0px 4px 10px;
	border: 1px solid #7F7657;
	}
	
#sajatTartalom h3 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 25px;
	text-transform: uppercase;
	background: url(../images/img.headerUnderline.gif) no-repeat scroll left bottom;
	padding-bottom: 0px;
	font-weight: bold;
	margin-bottom: 10px;
	}	
	
#globalTartalom {
	width: 890px;
	float: left;
	}
	
#tartalom a, #lablecTartalom a {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px dotted #B17B38;
	}
	
#tartalom a:hover, #lablecTartalom a:hover {
	color: #933D16;
	background: #E7E2C0;
	border: none;
	}
	
/*
---------------- SIDEBAR
-------------------------------------------------------- */	

#tartalom #oldalMenu {
	width: 198px;
	background: #d8d3b1 url(../images/bg.catColumntop.gif) no-repeat scroll left top;
	padding: 20px 20px 20px 20px;
	float: left;
	}

#tartalom #oldalMenu ul {
	width: 198px;
	float: left;
	}
	
#tartalom #oldalMenu li {
	list-style: none;
	width: 198px;
	float: left;
	display: inline;
	}
	
#tartalom #oldalMenu a {
	display: block;
	padding: 18px 10px 15px 15px;
	border: 0px;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	background: url(../images/img.catSep.gif) no-repeat scroll left top;
	}
	
#tartalom #oldalMenu p {
	margin-bottom: 10px;
	}
	
#tartalom #oldalMenu a:hover {
	display: block;
	padding: 18px 10px 15px 15px;
	border: 0px;
	color: #923C15;
	}	
	
#tartalom #oldalMenu li#currentPage a {
	display: block;
	padding: 18px 10px 15px 10px;
	border: 0px;
	color: #923C15;
	background: #E7E2C0 url(../images/img.catSepON.gif) no-repeat scroll left top;
	}

/*
---------------- PRODUCT LIST
-------------------------------------------------------- */	
/*
#productContainer {
	float: left;
	}*/
	
#tartalomElem #productContainer a, #tartalomElem #productContainer a img, #tartalomElem #productContainer a:hover {
	border-width: 0px;
	background:none;
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
.productItem {
	float: left;
	height: 209px;
	width: 177px;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	padding-right: 26px;
	margin-bottom: 30px;
	}
	
#tartalomElem #sajatTartalom #productContainer a.productListImg {
	background: #FF0000 url(../images/_products/bg.detailImgBg.gif) no-repeat scroll left top;
	height: 146px;
	width: 177px;
	float: left;
	display: block;
	}
	
a.buyNow {
	display: block;
	height: 35px;
	width: 177px;
	background: #2A281D url(../images/_products/btn.buyNow.jpg) no-repeat scroll left top;
	float: left;
	text-indent: -9999px;
	}
	
.productName {
	width: 177px;
	margin-top: 5px;
	float: left;
	}

#tartalomElem #sajatTartalom .productName a {
	color: #933D16;
	text-decoration: none;
	border-bottom: 1px dotted #B17B38;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	}
	
#tartalomElem #sajatTartalom .productName a:hover {	
	color: #222222;
	background: #F7F7EA;
	border: none;
	}
	
/*
---------------- szolgaltatasok resz -------------------
-------------------------------------------------------- */	
/*	
#productDetail {
	float: left;
	width: 610px;
	background: #d8d3b1;
	}

#productDetail h4 {
	font: bold 24px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #943D16;
	padding: 30px 0px 10px 30px;
	background: url(none);
	}
	
#productDetail p {
	padding-left: 30px;
	width: 343px;
	text-align: justify;
	}
#productDetail .small {
	font-size: 11px;
	background: url(../images/icon.recommended.gif) no-repeat scroll 30px 3px;
	padding-left: 48px;
}
#acceptedPayment {
	margin: 10px 0px;
	float: left;
	width: 550px;
}
	
#detailBG {
	float: right;
	margin-top: 30px;
	padding-right: 30px;
	margin-bottom: 20px;
	padding-left: 20px;
	}
	
.browseDrop {
	margin-bottom: 10px;
	float: left;
}
.browseDrop form {
	background: #E7E2C0;
	border-top: 1px dashed #898670;
	border-bottom: 1px dashed #898670;
	padding: 12px 10px;
}
.browseDrop select {
	width: 178px;
}
	
#mainContent form {
	background: url(../images/_products/btn.formactionsBG.gif) no-repeat scroll left top;
	height: 78px;
	width: 550px;
	padding-right: 30px;
	padding-left: 30px;
	clear: both;
	}
ul#browse {
	background: url(../images/img.liSep.gif) no-repeat scroll center bottom;
}
	
#productDetail select {
	width: 180px;
	float: left;
	margin-top: 31px;
	}
	
#productDetail #detailPrice {
	float: left;
	height: 73px;
	line-height: 73px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	margin-top: 5px;
	text-align: right;
	width: 120px;
	}
	
#productDetail input {
	float: right;
	margin-top: 22px;
	}
	*/
/*
---------------- fo ------------------------------------
-------------------------------------------------------- */	

#foTartalom {
	width: 890px;
	background: url(../images/bg.fauxColumns.gif) repeat-y scroll center top;
	float: left;
	position: relative;
	}
	
.blokk {
	padding: 25px 8px 5px 4px;
	margin-bottom: 15px;
	}

.blokk2 {
              padding: 20px 8px 5px 8px;
	margin-bottom: 15px;
	}		
	
.blokk3 {
	padding: 0px 10px 10px 8px;
	margin-bottom: 15px;
	margin-right: 7px;
	}	
	
img.articleImg {
	float: left;
	padding: 5px 10px 0px 0px;
	}
	
#bal {
	width: 280px;
	background: url(../images/bg.columntop.gif) no-repeat scroll left top;
	float: left;
}

#kozep {
	width: 238px;
	float: left;
	margin: 0px 28px;
	background: url(../images/bg.columntop2.gif) no-repeat scroll left top;
	}

#jobb {
	
	width: 255px;
	background: url(../images/bg.columntop2.gif) no-repeat scroll right top;
	float: right;
}
	
#jobb p {
	margin-bottom: 0px;
	font-size: 17px;
	}
	
#jobb h4 {
	font-size: 19px;
}	
	
#BemutKep {
	position: absolute;
	top: -34px;
	left: 170px;
	}

#cleartire {
	float: right;
	height: 30px;
	width: 70px;
	}
	/*
h2#browseProduct {
	background: url(../images/h.browseCat.gif) no-repeat scroll left top;
	height: 32px;
	width: 165px;
	margin: 10px 0px;
	text-indent: -9999px;
	border: none;
	}
	
h2#browseSize {
	background: url(../images/h.browseTireSize.gif) no-repeat scroll left top;
	height: 33px;
	width: 125px;
	margin: 20px 0px 10px 0px;
	text-indent: -9999px;
	}*/
	
h2#thanks {
	background: url(../images/h.thanks.gif) no-repeat scroll left top;
	text-indent: -9999px;
	height: 36px;
	width: 169px;
	margin: 5px 0px 15px 0px;
	}
	
h2#categories {
	background: url(../images/h.categories.gif) no-repeat scroll left top;
	text-indent: -9999px;
	height: 34px;
	width: 141px;
	margin: 5px 0px 0px 0px;
	}
	
h2#udv  {
	background: url(../images/h.welcome.png) no-repeat scroll center;
	padding: 25px 25px 5px 35px;
	text-indent: -9999px;
	height: 34px;
	width: 157px;
}
	
h2#szolgaltatasok {
	background: url(../images/h.products.png) no-repeat scroll center top;
	text-indent: -9999px;
	height: 16px;
	width: 217px;
	}

h2#lab {
	background: url(../images/h.dealerprogram.png) no-repeat scroll center top;	
	text-indent: -9999px;
	height: 15px;
	width: 203px;
	}
	
h2#process {
	background: url(../images/h.process.png) no-repeat scroll center top;
	text-indent: -9999px;
	height: 16px;
	width: 153px;
	margin-top: 20px;
	}
	
ul#szolgfelsor {
	width: 238px;
	float: left;
	}
	
#szolgfelsor li {
	list-style: none;
	background: url(../images/img.liSep.gif) no-repeat scroll center top;
	width: 238px;
	padding: 8px 0px 10px 0px;
	float: left;
	}
	
#szolgfelsor li:hover {
	background: #dfdbba url(../images/img.liSep.gif) no-repeat scroll center top;
	padding: 8px 0px 10px 0px;
	}
	
#szolgfelsor span.szolgelem a {
	height: 54px;
	width: 81px;
	margin-top: 4px;
	float: left;
	display: block;
	border-width: 0px;
	margin-left: 3px;
	}
	
html>body #szolgfelsor span.szolgelem a {
	margin-left: 2px;
	}
	
#szolgfelsor img {
	border-width: 0px;
	}
	
#szolgfelsor .szolgInfo {
	width: 134px; 
	float: left;
	display: block;
	padding: 8px 0px 0px 10px;
	}
	
#szolgfelsor strong a {
	font: bold 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	}
	
#szolgfelsor strong a:hover {
	color: #933D16;
	}
	
#szolgfelsor p {
	line-height: 16px;
	margin-bottom: 0px;
	font-size: 10px; //11
	}

/*
---------------- Menusor -------------------------------
-------------------------------------------------------- */	

ul#menusor  {
	left: 0px;
	top: 7px;
	height: 50px;
	width: 800px;
	z-index: 11;
	position: absolute;
        visibility: visible;
	}
	
#menusor li {
	display: inline;
	float: left;
	list-style: none;
	visibility: visible;
	}
	
#menusor li a {
	display: block;
	height: 50px;
	float: left;
	text-indent: -9999px;
	visibility: visible;
	}

/*
---------------- Fooldal gomb --------------------------
-------------------------------------------------------- */	

#menusor li#Fo {
	background: url(../images/menu/fooldal.gif) no-repeat left top;
	width: 123px;
	}
	
#menusor li#Fo a {
	background: url(../images/menu/fooldal.gif) no-repeat left top;
	width: 123px;
	}
	
#menusor li#Fo a:hover {
	background: url(../images/menu/fooldal.gif) no-repeat left -50px;
	width: 123px;
	}

#menusor li#Fokijelolt a, #menusor li#Fokijelolt {
	background: url(../images/menu/fooldal.gif) no-repeat left -100px;
	width: 123px;
	}
	
/*
---------------- Szolgaltatas gomb ---------------------
-------------------------------------------------------- */	

#menusor li#Szolg {
	background: url(../images/menu/szolgaltatasok.gif) no-repeat scroll left top;
	width: 179px;
	}
	
#menusor li#Szolg a {
	background: url(../images/menu/szolgaltatasok.gif) no-repeat left top;
	width: 179px;
	}
	
#menusor li#Szolg a:hover {
	background: url(../images/menu/szolgaltatasok.gif) no-repeat left -50px;
	width: 179px;
	}
#menusor li#Szolgkijelolt a, #menusor li#Szolgkijelolt {
	background: url(../images/menu/szolgaltatasok.gif) no-repeat scroll left -100px;
	width: 179px;
	}
	
/*
---------------- rolunk gomb ---------------------------
-------------------------------------------------------- */	

#menusor li#rolunk {
	background: url(../images/menu/rolunk.gif) no-repeat scroll left top;
	width: 123px;
	}
	
#menusor li#rolunk a {
	background: url(../images/menu/rolunk.gif) no-repeat left top;
	width: 123px;
	}
	
#menusor li#rolunk a:hover {
	background: url(../images/menu/rolunk.gif) no-repeat left -50px;
	width: 123px;
	}

#menusor li#rolunkkijelolt a, #menusor li#rolunkkijelolt {
	background: url(../images/menu/rolunk.gif) no-repeat left -100px;
	width: 123px;
	}
	
/*
---------------- kapcsolat gomb ------------------------
-------------------------------------------------------- */	

#menusor li#kapcsolat {
	background: url(../images/menu/kapcsolat.gif) no-repeat scroll left top;
	width: 123px;
	}
	
#menusor li#kapcsolat a {
	background: url(../images/menu/kapcsolat.gif) no-repeat left top;
	width: 123px;
	}
	
#menusor li#kapcsolat a:hover {
	background: url(../images/menu/kapcsolat.gif) no-repeat left -50px;
	width: 123px;
	}

#menusor li#kapcsolatkijelolt a, #menusor li#kapcsolatkijelolt {
	background: url(../images/menu/kapcsolat.gif) no-repeat left -100px;
	width: 123px;
	}
	
/*
---------------- kepek gomb ------------------------
-------------------------------------------------------- */	

#menusor li#kepek {
	background: url(../images/menu/kepek.gif) no-repeat scroll left top;
	width: 123px;
	}
	
#menusor li#kepek a {
	background: url(../images/menu/kepek.gif) no-repeat left top;
	width: 123px;
	}
	
#menusor li#kepek a:hover {
	background: url(../images/menu/kepek.gif) no-repeat left -50px;
	width: 123px;
	}

#menusor li#kepekkijelolt a, #menusor li#kepekkijelolt {
	background: url(../images/menu/kepek.gif) no-repeat left -100px;
	width: 123px;
	}

/*
---------------- linkek gomb ------------------------
-------------------------------------------------------- */	

#menusor li#linkek {
	background: url(../images/menu/linkek.gif) no-repeat scroll left top;
	width: 123px;
	}
	
#menusor li#linkek a {
	background: url(../images/menu/linkek.gif) no-repeat left top;
	width: 123px;
	}
	
#menusor li#linkek a:hover {
	background: url(../images/menu/linkek.gif) no-repeat left -50px;
	width: 123px;
	}

#menusor li#linkekkijelolt a, #menusor li#linkekkijelolt {
	background: url(../images/menu/linkek.gif) no-repeat left -100px;
	width: 123px;
	}

/*
---------------- lablec --------------------------------
-------------------------------------------------------- */	
	
#cl {
	clear: both;
	}
	
#lablecTartalom {
	width: 100%;
	background: url(../images/bg.footerRepeatx.gif) repeat-x scroll left top;
	clear: both;
	float: left;
	}
	
#lablec {
	margin: 0px auto;
	width: 890px;
	padding: 20px 0px;
	}
	
#lablec p {
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	color: #2b2a23;
	margin-bottom: 18px;
	text-align: center;
	}

/*
---------------- sIFR - if need be
-------------------------------------------------------- */	

.sIFR-active h3 {
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	}
	
.sIFR-active h3 {
	font-size: 21px;
	color: #933d16;
	}