html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
* {
font-family: Arial, Helvetica, sans-serif;
}
a{
outline:none;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif; /* 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: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #000;
	/*background-image: url(../../../../../../images/background.png);*/
	background-repeat: repeat-x;
	background-position: left top;
}
body, td, th, input, textarea, select, a {
font-size: 12px;
}
form {
padding: 0;
margin: 0;
display: inline;
}
input, textarea, select {
margin: 3px 0px;
font-size: 14px;
padding: 2px;
}
a, a:visited {
color: #000000;
text-decoration: none;/*text-decoration: underline;*/
cursor: pointer;
}
#content .middle a, #content .middle a:visited {
color: #ffffff;
text-decoration: underline;
cursor: pointer;
}
#content .middle a:hover {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
	border: 0px solid #947A5E;
}
a img .noframe{
	border: 2px solid #ff0000;
}
#menu a img {
	border: none; 
}
p {
margin-top: 0px;
}
/* layout */
#container {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 35px;
	padding-left: 5px;
	border: 1px solid #808080;
	background-image: url(../image/container_back.png);
	background-repeat: repeat-y;
}
#menu {
	position:relative;
	vertical-align: top;
	width:990px;
	height:40px;
	z-index:4;
	right: 0px;
	border: 0px solid #000;
	overflow:hidden;
	background-image: url(../../../../../button_back.png);
	background-repeat: repeat;
	background-position: left bottom;
	padding-top:3px;
}
#todaydate {
	position:absolute;
	width:160px;
	height:40px;
	color:#cecece;
	top: 17px;
	right:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	z-index: 5;
}
#header .div1{
/*background-color: #5081B3;*/
width:990px;
padding-left: 0;
padding-right: 0;
}
#header .div2 {
position: relative; bottom: 3px;
}
#header .div3 {
display: none;
/* not used in this layout*/
float: right;
padding-top: 7px;
height: 38px;
/* not used in this layout*/
}
#header .div3 a {
display: none;
/* not used in this layout*/
margin-left: 20px;
padding-left: 20px;
background-repeat: no-repeat;
/* not used in this layout*/
}
#header .div4 {
margin-top: 18px;
margin-left: 10px;
margin-right: 10px;
clear: both;
}
#header .div4 .left {
background: url('../image/header_1_left.png') no-repeat;
width: 5px;
height: 40px;
float: left;
}
#header .div4 .right {
background: url('../image/header_1_right.png') no-repeat;
width: 5px;
height: 40px;
float: right;
}
#header .div4 .center {
background: url('../image/header_1_center.png') repeat-x;
height: 40px;
margin-left: 5px;
margin-right: 5px;
}
#header .div5 {
float: left;
width: 500px;
height: 38px;
margin: 0 0 0 1em;
border: solid 0px red;
}
#header .div5 h2 {
margin:3px 0 1px 0;
padding: 0;
letter-spacing: 1px;
}
#header .div5 h2 a {
float: left;
height: 19px;
margin: 0;
/*width: 100px;*/
padding:0.7em 1em 0 1em;
/*background: url('../image/tab_1.png') no-repeat;*/
text-align: center;
color: #fff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
position: relative;
z-index: 1;
}
#header .div5 h2 a:hover {
color: #000;
background-color: #ddf;
padding-bottom: 0.5em;
}
#header .div5 h2 a.selected {
/*background: url('../image/tab_2.png') no-repeat;*/
color: #000;
background-color: #1CCA73;
padding-bottom: 0.5em;
z-index: 3;
}
#header .div6 {
clear: both;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
#header .div6 .left {
background: url('../image/header_2_left.png') no-repeat;
width: 5px;
height: 32px;
float: left;
}
#header .div6 .right {
background: url('../image/header_2_right.png') no-repeat;
width: 5px;
height: 32px;
float: right;
}
#header .div6 .center {
background: url('../image/header_2_center.png') repeat-x;
height: 32px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
#header .div7 {
float: right;
padding-top: 2px;
visibility:hidden;
}
#search {
float: right;
padding-top: 7px;
padding-left: 5px;
color: #FFF;
font-weight: bold;
}
#search select {
border: 1px solid #0A5391;
padding: 1px;
}
#search a {
color: #FFF;
}
#search input {
border: 1px solid #0A5391;
padding: 2px;
}
#breadcrumb {
float: left;
padding-top: 7px;
padding-bottom: 11px;
height: 13px;
margin-bottom: 10px;
color: #999;
}
.switcher {
float: right;	
margin-top: 3px;
margin-left: 10px;
}
.switcher a {
text-decoration: none;
display: block;
}
.switcher .selected {
background: #FFFFFF url('../image/switcher.png') repeat-x;
}
.switcher .selected a {
border: 1px solid #CCCCCC;
background: url('../image/arrow_down.png') 116px center no-repeat;
color: #666666;
padding: 2px 5px 2px 5px;
width: 121px;
}
.switcher .selected a:hover {
background: #F0F0F0 url('../image/arrow_down.png') 116px center no-repeat;
}
.switcher .option {	
position: absolute;
z-index: 3;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #EEEEEE;
display: none;
width: 125px;
padding: 3px;
}
.switcher .option a {
color: #000;
padding: 3px 5px 3px 5px;
}
.switcher img {
position: relative;
top: 1px;
}
#column_left {
float: left;
width: 200px;
margin-left: 9px;
margin-right: 11px;
margin-top:7px;
clear: left;
}
#column_right {
float: right;
width: 200px;
margin-left: 11x;
margin-right: 9px;
margin-top:7px;
clear: right;
}
#content {
	margin-left: 225px;
	/*margin-right: 225px;*/
	margin-right: 5px;
	margin-bottom: 10px;
	color: #ffffff;
}
#content .top .left {
/*background: url('../image/content_top_left.png') no-repeat;*/
width: 5px;
height: 32px;
float: left;
}
#content .top .right {
/*background: url('../image/content_top_right.png') no-repeat;*/
width: 5px;
height: 32px;
float: right;
display: none;
}
#content .top .center {
/*background: url('../image/content_top_center.png') repeat-x;*/
margin-left: 5px;
margin-right: 5px;
}
#content .top h1 {
padding: 12px 0px 12px 7px;
}
#content h1, .heading {
	color: orange;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AC6F36;
}
#content h1, .headingmiddle {
color: #1CCA73;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
}
.heading {
border-bottom: 1px solid #DDDDDD; csik szine
padding-bottom: 3px;
margin-bottom: 10px;
}
#content .middle {
	/*border-left: 3px solid #111;
border-right: 3px solid #111;*/
/*	background: url('../image/w70.png') repeat;*/
/*background: #ffffff;*/
padding: 10px 10px 1px 10px;
min-height: 380px;
}
#content .bottom .left {
/*background: url('../image/content_bottom_left.png') no-repeat;*/
width: 5px;
height: 5px;
float: left;
}
#content .bottom .right {
/*background: url('../image/content_bottom_right.png') no-repeat;*/
width: 5px;
height: 5px;
float: right;
}
#content .bottom .center {
/*background: url('../image/content_bottom_center.png') repeat-x;*/
height: 5px;
margin-left: 5px;
margin-right: 5px;
}
.box {
margin-bottom: 10px;
background: url('../image/box_top.png') no-repeat;
}
.box .top {
padding: 8px 0px 8px 7px;
color: #1CCA73;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.box .top img {
float: left;
margin-right: 5px;
}
.box .middle {
	border-left: 1px solid #947A5E;
	border-right: 1px solid #947A5E;
/*background: url('../image/w70.png') repeat;*/
padding: 3px;
	background-color: #aaaaaa;
}
.box .bottom {
height: 5px;
background: url('../image/box_bottom.png') no-repeat;
}
.box_white {
margin-bottom: 10px;
background: url('../image/box_top.png') no-repeat;
}
.box_white .top {
padding: 8px 0px 8px 7px;
color: #1CCA73;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.box_white .top img {
float: left;
margin-right: 5px;
}
.box_white .middle {
border-left: 3px solid #111;
border-right: 3px solid #111;
background: #fff;
padding: 3px;
}
.box_white .bottom {
height: 5px;
background: url('../image/box_bottom.png') no-repeat;
}
.box_kc {
margin-bottom: 10px;
background: url('../image/box_top.png') no-repeat;
}
.box_kc .top {
padding: 8px 0px 8px 7px;
color: #1CCA73;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.box_kc .top img {
float: left;
margin-right: 5px;
}
.box_kc .middle {
border-left: 3px solid #111;
border-right: 3px solid #111;
/*	background: #ff3333;*/
background: url('../image/w70_kc.png') repeat;
padding: 3px;
}
.box_kc .bottom {
height: 5px;
background: url('../image/box_bottom.png') no-repeat;
}
.box_ro {
margin-bottom: 10px;
background: url('../image/box_top.png') no-repeat;
}
.box_ro .top {
padding: 8px 0px 8px 7px;
color: #dcab3d;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.box_ro .top img {
float: left;
margin-right: 5px;
}
.box_ro .middle {
border-left: 3px solid #111;
border-right: 3px solid #111;
/*	background: #ff3333;*/
background: url('../image/w70_ro.png') repeat;
padding: 3px;
}
.box_ro .bottom {
height: 5px;
background: url('../image/box_bottom.png') no-repeat;
}
.success {
padding: 5px 0px;
margin-bottom: 10px;
background: #E4F1C9;
border: 1px solid #A5BD71;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
color:#070;
font-weight:bold;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	font-weight: bold;
	background-color: #900;
}
.wait {
padding: 5px 0px;
margin-bottom: 10px;
background: #FBFAEA;
border: 1px solid #EFEBAA;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.required {
color: #f63;
font-weight: bold;
}
.error {
color: #f63;
font-weight:bold;
font-size:10px;
display: block;
}
.help {
cursor: pointer;
}
.tooltip {
border: 1px solid #FDDA5C;
background: #FBFF95;
padding: 5px;
font-size: 11px;
width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
.button {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button_left.png') top left no-repeat;
text-decoration: none;
color:#FFF;
}
.button span {
color: #fff;
display: block;
padding: 4px 10px 5px 2px;
background: url('../image/button_right.png') top right no-repeat;
}
.buttons {
/*background: #F8F8F8;*/
/*border: 1px solid #DDDDDD;*/
padding: 5px;
margin-bottom: 10px;
}
.buttons input {
padding: 0px;
margin: 0px;
}
.buttons table {
width: 100%;
border-collapse: collapse;
}
.buttons table td {
vertical-align: middle;
}
.content {
	border: 1px solid #947A5E;
	padding: 10px 2px 10px 4px;
	margin-top: 3px;
	margin-bottom: 10px;
	background-color: #5a5a5a;
}
.list {
margin-bottom: 10px;
width: 100%;
}
.list td {
text-align: center;
vertical-align: top;
padding-bottom: 10px;
}
.sort {
	margin-bottom: -30px;
	height: 30px;
	width: 100%;
	position: relative;
	left: 111px;
	bottom:50px;
	display: none;	
}

.sort .div1 {
float: right;
margin-left: 5px;
padding-top: 6px;
padding-right: 9px;
}
.sort .div2 {
text-align: right;
padding-top: 9px;
}
.sort select {
font-size: 11px;
margin: 0;
padding: 0;
}
.pagination {
display: inline-block;
width: 100%;
margin-bottom: 10px;
margin-top: 5px;
}
.pagination .links, .pagination .results {
padding: 7px;
}
.pagination .links {
float: left;
}
.pagination .links a {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000000;
}
.pagination .links b {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000000;
background: #FFFFFF;
}
.pagination .results {
float: right;
color: #1CCA73;
font-weight: bold;
}
.tabs {
width: 100%;
height: 31px;
margin-bottom: 0px;
}
.tabs a {
float: left;
display: block;
padding: 6px 15px 7px 15px;
margin-right: 2px;
/*border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;*/
/*background: #FFFFFF url('../image/tab_3.png') repeat-x;*/
color: #1CCA73;
font-weight: bold;
font-size: 12px;
text-decoration: none;
z-index: 1;
position: relative;
top: 1px;
}
.tabs a.selected {
/*background: #FFFFFF url('../image/tab_3.png') repeat-x;*/
border-bottom: 0px;
padding-bottom: 8px;
z-index: 3;
}
.tab_page {
/*border: 1px solid #DDDDDD;*/
/*background: #eee;*/
padding: 10px;
display: block;
z-index: 2;
margin-bottom: 10px;
}
#footer {
width: 100%;
clear: both;
padding-top: 0px;
border-top: 1px solid #aaaaaa;
}
#footer .div1 {
	padding-top:10px;
	padding-left:12px;
	color: #aaa;
	float: left;
	text-align: left;
	background-color: #222222;
	height: 25px;
	width: 978px;
}
#footer .div2 {
float: right;
padding-top:1px;
padding-right:8px;
color: #aaa;
text-align: right;
}
#category ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('../image/bullet_1.png');
}
#category li {
margin-top: 15px;
margin-bottom: 15px;
}
#category li b {
	color: #600;
	text-decoration:none; //a kivalasztott kategoria szine
}
#information ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('../image/bullet_2.png');
}
.cart {
border-collapse: collapse;
width: 100%;
/*border: 1px solid #EEEEEE;*/
margin-bottom: 10px;
}
.cart th {
/*background: #EEEEEE;*/
padding: 5px;
font-weight: normal;
}
.cart td {
padding: 5px;
}
.button_add_small, a.button_add_small:visited {
margin-top: 3px;
background: url('../image/button_add_small.png') no-repeat left center transparent;
padding:5px;
text-decoration: none;
cursor:pointer;
}
#headerpic_for_webshop {
	position:relative;
	width:990px;
	/*height:204px;*/
	z-index:10;
	clear: both;
	text-align: right;
	padding-top: 0px;
	bottom:1px;
}
.bb td {
     border-bottom: 1px solid black !important;
}
.cc td {
     border-bottom: 0px solid red !important;
}
.basketup {
	position:relative;
	bottom:5px;
}
.googleplus {
	width:240px;
	position:relative;
	margin-right:4px;
	margin-bottom:4px;
	text-align: right;
}
.progress_bar {
	position:relative;
	right:4px;
	margin-top:5px;
}
#meretezo {
	position:relative;
	width:530px;
	height:500px;
	right:5px;
	z-index:1;
	background-image: url(http://localhost/legrugoshop/image/data/cikkek/garazskapumeretezo.jpg);
	background-repeat: no-repeat;
}
#szemoldok_magassag {
	position:absolute;
	width:55px;
	height:22px;
	z-index:2;
	left: 270px;
	top: 99px;
}
#nyilas_magassaga {
	position:absolute;
	width:55px;
	height:22px;
	z-index:2;
	left: 212px;
	top: 155px;
}
#nyilas_szelessege {
	position:absolute;
	width:55px;
	height:22px;
	z-index:2;
	left: 277px;
	top: 222px;
}
#bal_oldali_hely {
	position:absolute;
	width:48px;
	height:22px;
	z-index:2;
	left: 117px;
	top: 211px;
}
#jobb_oldali_hely {
	position:absolute;
	width:48px;
	height:22px;
	z-index:2;
	left: 369px;
	top: 215px;
}
#garazs_hossza {
	position:absolute;
	width:49px;
	height:22px;
	z-index:2;
	left: 52px;
	top: 233px;
}
#tovabbi_mezok {
	position:absolute;
	width:508px;
	height:150px;
	z-index:2;
	left: 0px;
	top: 395px;
	background-color: #5a5a5a;
	padding: 10px;
	border: 1px solid #947a5e;
}
.valasztoszoveg {
	font-size:14px;
	margin-top:20px;
	/*font-weight:bold;*/
}
.valasztoszoveg-red {
	font-size:14px;
	margin-top:20px;
	/*font-weight:bold;*/
	color:#F63;
}
.category-selector {
	/*margin-left:170px;
	margin-top:30px;*/
}
.linktosearch {
	font-size:14px;
}
.frontcategories {
	margin: 0px 0;
	font-size:11px;
}
.categoryviewtitle {
	margin: 0px 0;
	line-height:16px;
	color: #1CCA73;
	font-size: 12px;
}
.gyariszamkiemeles {
	color:#fff;
	font-size:12px;
}
.noborder {
	border-bottom:none;
}

.garancia {
	color:#fff;
}

.categoryviewtitle span {
	color:rgb(0, 0, 0) !important;
}