﻿html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: white;
	font-family: Arial, Tahoma, Helvetica, Sans-Serif;
}

form {
	position: relative;
	min-height: 100%;
}

H1, H2, H3, H4, H5, H6 {
	margin: 0px;
	display: inline;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.vtop {
	vertical-align: top;
}

.vbottom {
	vertical-align: bottom;
}

.vmiddle {
	vertical-align: middle;
}

.width100 {
	width: 100%;
}

.leftPad10 {
	padding-left: 10px;
}

.topPad10 {
	padding-top: 10px;
}

.rightPad10 {
	padding-right: 10px;
}

.bottomPad10 {
	padding-bottom: 10px;
}

.clear {
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

.error {
	color: #C00000;
	font-weight: bold;
	font-size: 10pt;
	padding: 2px 0px 6px 30px;
	background: url(img/remove_a.png) top left no-repeat;
}

.errorframe {
	margin: 20px;
}

.errordescription {
	padding-left: 40px;
	font-size: 10pt;
}

A {
	color: #002080;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

/* ajax messages */

DIV#loadingPanel, DIV.msgInfoPanel, DIV.msgErrorPanel, DIV.msgWarningPanel {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 200;
	height: 123px;
	margin-top: -62px;
}

DIV#loadingPanel DIV, DIV.msgInfoPanel DIV, DIV.msgErrorPanel DIV, DIV.msgWarningPanel DIV {
	margin: 30px 30px 30px 103px;
	line-height: 63px;
	text-align: center;
	font-size: 12pt;
}

DIV#loadingPanel {
	width: 290px;
	margin-left: -145px;
	background: url(img/loading.png) no-repeat center center;
}

DIV.msgInfoPanel, DIV.msgErrorPanel, DIV.msgWarningPanel {
	width: 415px;
	margin-left: -208px;
}

DIV.msgInfoPanel {
	background: url(img/msg_i.png) no-repeat center center;
}

DIV.msgErrorPanel {
	background: url(img/msg_e.png) no-repeat center center;
}

DIV.msgWarningPanel {
	background: url(img/msg_w.png) no-repeat center center;
}

/* Page */

TABLE#Container {
	background: url(img/menu.jpg) top center no-repeat;
	width: 780px;
	margin: 0px auto 30px auto;
	padding-bottom: 30px;
}

A#homelink {
	display: block;
	width: 310px;
	margin: 0px 10px;
	color: Black;
	height: 110px;
}

#contactlabel {
	float: right;
	width: 345px;
	height: 55px;
	font-size: 9pt;
	margin-top: 3px;
}

/* menu */

#menurow {
	height: 30px;
}

#menu {
	margin: 0px 10px;
}

#menu A {
	display: block;
	height: 30px;
	color: Black;
}

A#menuMain {
	width: 105px;
	background: url(img/fooldal.png) center center no-repeat;
}

A#menuMain.active, A#menuMain:hover {
	background: url(img/fooldal_a.png) center center no-repeat;
}

A#menuInformation {
	width: 121px;
	background: url(img/informacio.png) center center no-repeat;
}

A#menuInformation.active, A#menuInformation:hover {
	background: url(img/informacio_a.png) center center no-repeat;
}

A#menuNewsletter {
	width: 97px;
	background: url(img/hirlevel.png) center center no-repeat;
}

A#menuNewsletter.active, A#menuNewsletter:hover {
	background: url(img/hirlevel_a.png) center center no-repeat;
}

A#menuContact {
	width: 118px;
	background: url(img/kapcsolat.png) center center no-repeat;
}

A#menuContact.active, A#menuContact:hover {
	background: url(img/kapcsolat_a.png) center center no-repeat;
}

#InfoSubmenu {
	height: 0px;
	width: 0px;
	position: relative;
	visibility: hidden;
	z-index: 100;
}

#InfoSubmenu.visible {
	visibility: visible;
}

#InfoSubmenu TABLE {
	position: absolute;
}

#InfoSubmenu TABLE TR DIV.ph {
	width: 16px;
	height: 16px;
}

#InfoSubmenu TABLE .l {
	background: url(img/submenu_l.png) center right repeat-y;
}

#InfoSubmenu TABLE TD.c {
	background: white;
	white-space: nowrap;
	padding-top: 5px;
}

#InfoSubmenu TABLE TD.c A {
	height: auto;
	font-size: 10pt;
}

#InfoSubmenu TABLE TD.c A:hover {
	color: #002080;
	text-decoration: none;
}

#InfoSubmenu TABLE TD.c .itemsep {
	margin: 3px 0px;
}

#InfoSubmenu TABLE TD.r {
	background: url(img/submenu_r.png) center left repeat-y;
}

#InfoSubmenu TABLE TD.bl {
	background: url(img/submenu_bl.png) top right no-repeat;
}

#InfoSubmenu TABLE TD.b {
	background: url(img/submenu_b.png) top center repeat-x;
}

#InfoSubmenu TABLE TD.br {
	background: url(img/submenu_br.png) top left no-repeat;
}

/* path */

DIV#path {
	padding: 10px 30px 10px 38px;
	font-size: 12pt;
}

DIV#path .pathitem {
	color: Black;
	text-decoration: none;
}

DIV#path .pathitem:hover {
	text-decoration: underline;
}

DIV#path IMG {
	padding: 2px 6px;
}

/* cart */

A#cart {
	display: block;
	float: right;
	padding: 0px 0px 10px 40px;
	background: url(img/cart.png) top left no-repeat;
	font-size: 10pt;
	color: Black;
}

A#cart:hover {
	color: #002080;
}

#CartItems .header {
	font-size: 10pt;
	font-weight: bold;
}

#CartItems .button IMG {
	width: 24px;
	height: 22px;
	border: none;
	vertical-align: middle;
}

#CartItems .button .plus {
	background: url(img/plus.png) center center no-repeat;
}

#CartItems .button:hover .plus {
	background: url(img/plus_a.png) center center no-repeat;
}

#CartItems .button .minus {
	background: url(img/minus.png) center center no-repeat;
}

#CartItems .button:hover .minus {
	background: url(img/minus_a.png) center center no-repeat;
}

#CartItems .button .remove {
	background: url(img/remove.png) center center no-repeat;
}

#CartItems .button:hover .remove {
	background: url(img/remove_a.png) center center no-repeat;
}

/* panels */

.panel {
	background: url(img/ip_c.png) center center repeat-y;
}

.activepanel {
	background: url(img/ap_c.png) center center repeat-y;
}

.panel, .activepanel {
	width: 260px;
	vertical-align: top;
	font-size: 10pt;
}

.panel .bottom, .activepanel .bottom {
	height: 30px;
}

.panel .top, .activepanel .top {
	padding: 0px 30px;
}

.panel .top {
	background: url(img/ip_t.png) top center no-repeat;
}

.panel .bottom {
	background: url(img/ip_b.png) bottom center no-repeat;
}

.activepanel .top {
	background: url(img/ap_t.png) top center no-repeat;
}

.activepanel .bottom {
	background: url(img/ap_b.png) bottom center no-repeat;
}

.panel .paneltitle, .activepanel .paneltitle {
	height: 50px;
	font-size: 12pt;
	font-weight: bold;
	line-height: 50px;
}

.paneltitle H2 {
	font-size: 12pt;
}

.panel .panelheightfixer, .activepanel .panelheightfixer {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 210px;
	width: 0px;
}

.panel .offerlink, .activepanel .offerlink {
	padding: 3px 0px;
	border-bottom: solid 1px #e5e5e5;
}

.panel .widthList, .activepanel .widthList {
	width: 50px;
}

.panel .profileList, .activepanel .profileList {
	width: 50px;
}

.panel .sizeList, .activepanel .sizeList {
	width: 40px;
}

.separator {
	height: 1px;
	background: black;
	margin: 10px 0px;
}

.panel A IMG {

	border: none;
}

.panel .expanderArrow {
	height: 10px;
	background: url(img/expander.png) center center no-repeat;
}

.activedesk {
	background: url(img/ad_c.png) center center repeat-y;
}

.activedesk .top {
	background: url(img/ad_t.png) top center no-repeat;
}

.activedesk .bottom {
	background: url(img/ad_b.png) bottom center no-repeat;
	padding: 0px 30px 30px 30px;
}

.inactivedesk {
	background: url(img/id_c.png) center center repeat-y;
}

.inactivedesk .top {
	background: url(img/id_t.png) top center no-repeat;
}

.inactivedesk .bottom {
	background: url(img/id_b.png) bottom center no-repeat;
	padding: 0px 30px 30px 30px;
}

.activedesk .deskheightfixer, .inactivedesk .deskheightfixer {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 240px;
	width: 0px;
}

.activedesk .desktitle, .inactivedesk .desktitle {
	height: 50px;
	font-size: 12pt;
	font-weight: bold;
	line-height: 50px;
}

.desktitle H1, .desktitle H3 {
	font-size: 12pt;
}

.activedesk .desktitle .view {
	float: right;
	height: 50px;
	font-size: 10pt;
	font-weight: normal;
}

.activedesk .desktitle .view .listview, .activedesk .desktitle .view .detailview {
	display: block;
	height: 23px;
	width: 28px;
}

.activedesk .desktitle .view A.listview {
	background: url(img/list.png) center center no-repeat;
}

.activedesk .desktitle .view A.listview:hover, .activedesk .desktitle .view IMG.listview {
	background: url(img/list_a.png) center center no-repeat;
}

.activedesk .desktitle .view A.detailview {
	background: url(img/detail.png) center center no-repeat;
}

.activedesk .desktitle .view A.detailview:hover, .activedesk .desktitle .view IMG.detailview {
	background: url(img/detail_a.png) center center no-repeat;
}

.activedesk .deskframe, .inactivedesk .deskframe {
	margin: 20px;
}

DIV#searchTyreIcon {
	background: url(img/icon_ga.png) top left no-repeat;
	width: 34px;
	height: 50px;
	float: right;
}

DIV#searchWheelIcon {
	background: url(img/icon_f.png) top left no-repeat;
	width: 49px;
	height: 47px;
	float: right;
}

DIV#searchExpander {
	position: relative;
}

DIV#searchExpander A {
	position: absolute;
	bottom: 0px;
	display: block;
	height: 90px;
	width: 780px;
	color: Black;
}

/* parameters */

#parameters {
	margin: 10px 20px;
	font-size: 10pt;
}

#parameters TD {
	text-align: left;
	vertical-align: top;
	padding: 0px 10px;
}

#parameters DIV {
	font-size: 12pt;
}

#parameters SPAN {
	white-space: nowrap;
	line-height: 20px;
}

#parameters .parameter {
	margin-right: 20px;
}

/* result */

.tablehead {
	font-size: 10pt;
	color: Black;
}

.tablehead SPAN, .tablehead A:hover {
	text-decoration: underline;
}

.tablehead A {
	color: Black;
	text-decoration: none;
}

.headsep {
	height: 1px;
	background-color: Black;
}

.category, .salecategory {
	color: White;
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	width: 355px;
	background: url(img/category_t.png) top center no-repeat;
}

.category H2, .salecategory H2 {
	font-size: 10pt;
}

.category DIV, .salecategory DIV {
	padding: 3px 5px;
	background: url(img/category_b.png) bottom center no-repeat;
}

.category {
	background-color: #383837;
}

.salecategory {
	background-color: #800000;
}

.item, .saleitem {
	font-size: 10pt;
}

.item H3, .saleitem H3 {
	font-size: 10pt;
}

.detailitem {
	border: solid 1px #e5e5e5;
	padding: 5px;
}

.detailitem .itemImage {
	width: 100px;
	text-align: center;
}

.itemsep {
	height: 1px;
	background-color: #e5e5e5;
}

.item .name, .saleitem .name {
	/*margin: 0px 0px 0px 10px;*/
	font-weight: bold;
	text-decoration: none;
}

.item .fullname, .saleitem .fullname {
	font-weight: bold;
	text-decoration: none;
	font-size: 14pt;
}

.item .fullname H3, .saleitem .fullname H3 {
	font-size: 14pt;
}

.item .name:hover, .saleitem .name:hover {
	text-decoration: underline;
}

.item .fullname:hover, .saleitem .fullname:hover {
	text-decoration: underline;
}

.thumbnail, .thumbnailActive {
	position: relative;
}

.thumbnail {
	display: none;
}

.thumbnail DIV, .thumbnailActive DIV {
	position: absolute;
	padding: 5px;
	top: 0px;
	left: 100px;
	border: solid 1px #e5e5e5;
	border-top: 0px;
	background: white;
}

.item .price, .item .sumprice, .saleitem .price, .saleitem .sumprice {
	font-weight: bold;
}

.item .name, .item .price, .item .sumprice, .item .fullname {
	color: #002080;
}

.saleitem .name, .saleitem .price, .saleitem .sumprice, .saleitem .fullname {
	color: #800000;
}

/* pager */

.pager {
	font-size: 12pt;
	text-align: center;
	padding: 10px 0px;
}

.pager A.page {
	border: solid 1px black;
	padding: 3px 5px;
}

.pager .act {
	font-weight: bold;
}

.pager .prev {
	float: left;
}

.pager .next {
	float: right;
}

/* add cart */

.addbox {
	text-align: right;
	width: 30px;
}

.addcart {
	display: block;
	width: 24px;
	height: 20px;
	margin-left: 5px;
	background: url(img/addcart.png) center center no-repeat;
}

.addcart:hover {
	background: url(img/addcart_a.png) center center no-repeat;
}

/* product page */

.itemTop {
	font-size: 14pt;
	border-bottom: solid 1px #e5e5e5;
}

.itemTop H1 {
	font-size: 14pt;
}

.itemImage {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}

.itemImage IMG {
	border-width: 0px;
}

.itemDetailTitle {
	font-size: 12pt;
}

.itemDetail {
	margin: 5px;
	font-size: 10pt;
}

.itemPrice {
	margin: auto 0px auto auto;
}

.itemBottom .itemPrice {
	font-size: 14pt;
	color: Black;
}

.itemBottom .itemPrice .saleprice {
	color: #800000;
}

.itemBottom {
	border-top: solid 1px #e5e5e5;
	padding-top: 5px;
}

/* info page */

.infolink {
	font-size: 12pt;
}

.infolink IMG {
	padding: 2px 6px;
}

.infodetail {
	font-size: 10pt;
}

.infoTitle {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 10px;
}

.infoTitle H2 {
	font-size: 14pt;
}

.infoHtml {
	margin: 10px 10px;
}

/* newsletter */

#NewsletterPage {
	font-size: 10pt;
}

#NewsletterPage .form {
	margin: 10px 0px;
}

#NewsletterPage .email {
	width: 300px;
}

#NewsletterPage .captcha {
	width: 200px;
}

/* contact */

#ContactPage {
	font-size: 10pt;
}

#ContactPage .form {
	margin: 10px 0px;
}

#ContactPage .email {
	width: 300px;
}

#ContactPage .captcha {
	width: 200px;
}

#ContactPage .message {
	width: 100%;
	height: 150px;
}

/* order */

#OrderPage {
	font-size: 10pt;
}

#OrderPage .email {
	width: 300px;
}

#OrderPage .phone, #OrderPage .name, #OrderPage .city {
	width: 200px;
}

#OrderPage .address {
	width: 400px;
}

#OrderPage .postalcode {
	width: 40px;
}

#OrderPage .message {
	width: 400px;
	height: 100px;
}

#OrderPage .option {
	padding-left: 20px;
}

#OrderPage .description {
	font-style: italic;
	margin: 5px 0px 0px 40px;
}

#OrderPage #ConfForm {
	margin: 40px 0px 0px 0px;
}

/* lightbox */

#lightbox
{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: url(img/lightbox.png) repeat top left;
	z-index: 150;
}

#lightbox td
{
	text-align: center;
}

#lightbox table
{
	margin: auto;
}

#lightbox .tl,
#lightbox .tr,
#lightbox .l,
#lightbox .r,
#lightbox .bl,
#lightbox .br
{
	width: 40px;
}

#lightbox .tl,
#lightbox .t,
#lightbox .tr,
#lightbox .bl,
#lightbox .b,
#lightbox .br
{
	height: 40px;
}

#lightbox .tl
{
	background: url(img/lb_tl.png) no-repeat bottom right;
}

#lightbox .t
{
	background: url(img/lb_t.png) repeat-x bottom center;
}

#lightbox .tr
{
	background: url(img/lb_tr.png) no-repeat bottom left;
}

#lightbox .l
{
	background: url(img/lb_l.png) repeat-y center right;
}

#lightbox .r
{
	background: url(img/lb_r.png) repeat-y center left;
}

#lightbox .bl
{
	background: url(img/lb_bl.png) no-repeat top right;
}

#lightbox .b
{
	background: url(img/lb_b.png) repeat-x top center;
}

#lightbox .br
{
	background: url(img/lb_br.png) no-repeat top left;
}

#lightbox .c
{
	background-color: White;
}

#lightbox .imageclose
{
	position: relative;
	top: 10px;
	text-align: right;
	height: 22px;
}

#lightbox .imageclose A
{
	height: 22px;
	color: Black;
	font-size: 10pt;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	cursor: pointer;
}

#lightbox .imageclose A:hover
{
	color: #002080;
}

#lightbox .imageclose A IMG
{
	vertical-align: middle;
	height: 22px;
	width: 24px;
	border: 0px;
	background: url(img/remove.png) no-repeat left top;
}

#lightbox .imageclose A:hover IMG
{
	background: url(img/remove_a.png) no-repeat left top;
}

/* common */

.comment {
	margin: 5px 20px;
	font-size: 10pt;
	text-align: center;
}

.brandtitle {
	font-size: 10pt;
	font-weight: bold;
}

.brandlist {
	margin: 5px 10px 0px 10px;
	font-size: 9pt;
}

A.brand {
}

A.brand:hover {
}

.addcartpanel {
	margin: auto 0px auto auto;
}

#brands .itemsep {
	margin: 10px 0px;
}

#copyright {
	background-color: #303030;
	font-size: 8pt;
	color: White;
	margin-top: 10px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#copyright TABLE {
	width: 720px;
	padding: 3px 0px;
	margin: 0px auto;
}

