body {
    margin: 0 !important;
    padding: 0 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #343535;
    background: #b71803 url('http://www.sugarjatszohaz.hu//images/top_bg.jpg') repeat-x top left scroll;
}

* {
	margin: 0;
	padding: 0;
}

em {
    font-weight: bold;
    font-style: normal;
    color: #343535;
}

p {
    color: #343535;
    line-height: 18px;
}

h2 {
    font-size: 18pt;
}

h3 {
    font-size: 16pt;
    
}

input[type=text], textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
	background-color: #FFFFFF ;
}

#top_yellow {
}

#container {
	margin: -40px auto auto auto;
	width: 943px;
    position: relative;
}

#container_inside {
    z-index: 5 !important;
	margin: 0 auto auto auto;
	width: 943px;
    position: relative;
}

#header_container {
    width: 1100px;
    margin: 0 auto;
    /*height: 599px;*/
    overflow: hidden;
    position: relative;
}
#header {
    width: 1100px !important;
    margin: 0 auto 0 auto !important;
    z-index: 9 !important;
}
#menu {
    z-index: 10 !important;
    position: relative;
    top: -30px;
    left: 45px;
    width: 929px !important;
    height: 40px !important;
}

#page_body {
    width: 943px;
}

#content {
	width: 943px;
	margin: 0;
    margin-top: 10px;
	padding: 0;
	position: relative;
}

#main_content {
	margin-left: 20px;
	padding: 0;
	padding-top: 20px;
}

#footer {
	position: relative;
	margin: auto auto auto auto;
	width: 943px;
	color: #FFF;
	padding-top: 35px;
	padding-bottom: 30px;
	font-size: 7.6pt;
}
#footer ul {
    display: inline;
}
#footer ul li.first {
    display: inline;
    list-style: none;
}

#footer ul li {
    display: inline;
    list-style: disc;
}

#footer a {
	color: #ffcf00;
	text-decoration: none;
	font-weight: 0;
}
#footer span.submenu, #footer ul.submenu {
	color: #FFFFFF;
	position: absolute;
	right: 3px;
}
#footer ul.submenu li {
	color: #FFFFFF;
	display: inline;
	list-style-type: circle;
	list-style-position: inside;
	margin: 0 0 0 20px;
}
#footer img.bullet {
    margin: 5px 5px 2px 7px;
    background: #B71803;
    width: 3px;
    height: 3px;
}
#footer span.copyright {
	color: #FFFFFF;
	width: 288px;
	padding: 0 150px 0 10px; 
}

a img {
    border: 0px;
}

IMG.img {
	margin: 3px;
	background-color: #FFFFFF;
	border: 3px solid #FFFFFF !important;
}

.clear {
	clear: both;
}

.left {
    float: left;
}
/*
    Content specific styling
*/
/* Fooldal content */
#fooldal_topbox {
    height: 200px;
}
#fooldal_bottom {
    margin-top: 10px;
    position: relative;
    height: 420px;
}
#fooldal_bottom .fooldal_bottombox {
    width: 256px;
    height: 388px;
}
#fooldal_bottomleft {
    position: absolute;
    top: 0;
    left: 0;
    width: 308px;
    margin-right: 10px;
}
#fooldal_top_image {
    position: absolute !important;
    right: 10px;
    bottom: 10px;
    z-index: 10;
}
#fooldal_bottom_left_image {
    z-index: 10 !important;
    position: absolute;
    bottom: 70px;
    right: 18px;
    margin: 0 !important;
/*    position: absolute !important;
    right: 0;
    bottom: 16px;
    z-index: 10;
*/
}

#fooldal_bottom_right_image {
    position: absolute !important;
    right: 10px;
    bottom: 12px;
    z-index: 10;
}

#fooldal_bottomcenter {
    position: absolute;
    top: 0;
    left: 318px;
    width: 308px;
    margin-right: 10px;

}
#fooldal_bottomright {
    position: absolute;
    top: 0;
    left: 636px;
    width: 308px;
}

/* Araink content */
#araink {
    margin-top: 10px;
    position: relative;
    height: 650px;
}
#araink_left_box {
    width: 574px;
    height: 782px;
}
#araink_right_box {
    width: 256px;
    height: 782px;
}
#araink_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 626px;
    margin-right: 10px;
    height: 288px;
}
#araink_right {
    position: absolute;
    top: 0;
    left: 636px;
    width: 308px;
    height: 288px;
}


/* menu content */
#menu_page {
    margin-top: 10px;
    position: relative;
    height: 550px;
}
#menu_left_box {
    width: 892px;
    height: 517px;
}
#menu_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 944px;
    margin-right: 10px;
    height: 288px;
}


/* megrendeles content */
#megrendeles {
    margin-top: 10px;
    position: relative;
    height: 550px;
}
#megrendeles_left_box {
    width: 574px;
    height: 517px;
}
#megrendeles_right_box {
    width: 256px;
    height: 517px;
}
#megrendeles_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 626px;
    margin-right: 10px;
    height: 288px;
}
#megrendeles_right {
    position: absolute;
    top: 0;
    left: 636px;
    width: 308px;
    height: 288px;
}



/* otletek content */
#otletek {
    margin-top: 10px;
    position: relative;
    height: 550px;
}
#otletek_left_box {
    width: 574px;
    height: 517px;
}
#otletek_right_box {
    width: 256px;
    height: 517px;
}
#otletek_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 626px;
    margin-right: 10px;
    height: 288px;
}
#otletek_right {
    position: absolute;
    top: 0;
    left: 636px;
    width: 308px;
    height: 288px;
}






/* Kapcsolat content */
#kapcsolat {
    margin-top: 10px;
    position: relative;
    height: 488px;
}
#kapcsolat .kapcsolat_box {
    width: 288px;
    height: 458px;
}
#kapcsolat_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 308px;
    margin-right: 10px;
}
#kapcsolat_center {
    position: absolute;
    top: 0;
    left: 318px;
    width: 308px;
    margin-right: 10px;
}
#kapcsolat_right {
    position: absolute;
    top: 0;
    left: 636px;
    width: 308px;
}
#kapcsolat_nameinput, #kapcsolat_emailinput {
    width: 250px;
    border: 1px solid #d26d60;
    margin: 3px 0;
    padding: 3px;
    color: #343535;
}
#kapcsolat_messageinput {
    width: 250px;
    border: 1px solid #d26d60;
    margin: 3px 0;
    padding: 3px;
    color: #343535;
}
#kapcsolat_buttonbox {
    width: 266px;
    margin: 0 !important;
}
#kapcsolat_clearbutton {
}
#kapcsolat_sendbutton {
}

/* Hazirend content */
#hazirend {
    margin-top: 10px;
    position: relative;
    height: 540px;
}

#hazirend_left_box {
    width: 892px;
    height: 507px;
}
#hazirend_right_box {
    width: 256px;
    height: 507px;
}
/*#hazirend_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 626px;
    margin-right: 10px;
    height: 400px;
}
#hazirend_right {
    position: absolute;
    top: 0;
    left: 636px;
    width: 308px;
    height: 400px;
}
*/

/* szuletesnapok content */
#szuletesnapok_topbox {
    height: 200px;
    width: 891px;
    position: absolute;
    top: 10px;
}
#szuletesnap_top_left_box {
    float: left;
    width: 601px;
}
#szuletesnap_top_right_box {
    float: left;
    width: 290px;
    height: 193px;
}
#szuletesnapok_bottom {
    margin-top: 10px;
    position: relative;
    height: 608px;
}
#szuletesnapok_bottom .szuletesnapok_bottombox {
    width: 256px;
    height: 576px;
}
#szuletesnapok_bottomleft {
    position: absolute;
    top: 0;
    left: 0;
    width: 308px;
    margin-right: 10px;
}
#szuletesnapok_bottomcenter {
    position: absolute;
    top: 0;
    left: 318px;
    width: 308px;
    margin-right: 10px;

}
#szuletesnapok_bottomright {
    position: absolute;
    top: 0;
    left: 636px;
    width: 308px;
}
#szuletesnapok_top_image {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* jatekok content */
#jatekok {
    margin-top: 10px;
    position: relative;
    height: 417px;
}
#jatekok_left_box {
    width: 256px;
    height: 385px;
}
#jatekok_right_box {
    width: 574px;
    height: 385px;
}
#jatekok_right {
    position: absolute;
    top: 0;
    left: 318px;
    width: 626px;
    margin-right: 10px;
}
#jatekok_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 308px;
}
#jatekok_left ul li {
    cursor: pointer;
}
.jatekok_column {
    float: left;
    width: 270px;
}



.box_container {
    z-index: 5 !important;
    background: url('http://www.sugarjatszohaz.hu//images/border_transparent.png') repeat top left;
    padding: 10px 10px 10px 10px !important;
    position: relative;

}
.box {
    padding: 16px 16px 16px 16px !important;
    /*z-index: 6 !important;*/
    background-color: #FFFFFF;
    position: relative;
    overflow: hidden;
}
.boxbutton_container {
    position: absolute;
    bottom: 16px;
    left: 16px;
    height: 54px;
}
.green_container {
    background: url('http://www.sugarjatszohaz.hu//images/green_buttonbg.jpg') repeat top left;
}
.blue_container {
    background: url('http://www.sugarjatszohaz.hu//images/blue_buttonbg.jpg') repeat top left;
}
.red_container {
    background: url('http://www.sugarjatszohaz.hu//images/red_buttonbg.jpg') repeat top left;
}

/*
    padding helpers
*/
.tp5 {
    padding-top: 5px !important;
}
.tp10 {
    padding-top: 10px !important;
}
.tp15 {
    padding-top: 15px !important;
}
.tp20 {
    padding-top: 20px !important;
}
.bp5 {
    padding-bottom: 5px !important;
}
.bp10 {
    padding-bottom: 10px !important;
}
.bp15 {
    padding-bottom: 15px !important;
}
.bp20 {
    padding-bottom: 20px !important;
}
.rm5{
    margin-right: 5px !important;
}
.rm10 {
    margin-right: 10px !important;
}
.rm15 {
    margin-right: 15px !important;
}
.rm20 {
    margin-right: 20px !important;
}
.lm5{
    margin-left: 5px !important;
}
.lm10 {
    margin-left: 10px !important;
}
.lm15 {
    margin-left: 15px !important;
}
.lm20 {
    margin-left: 20px !important;
}

/*
    color helpers
*/
.cyan {
    color: #00d8e8;
}

.purple {
    color: #ea1059;
}

.green {
    color: #8be504;
}

.red {
    color: #EE0000; 
}
#debug-table {
	table-layout: fixed;
	border-collapse: collapse;
	width: 738px;
	background-color: #e6e6e6;
	color: #000;
	border: 1px solid #000000;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 11px;
	text-align: left;
}

#debug-table th {
	padding: 5px;
}

#debug-table td {
	border: 1px solid #000000;
	padding: 5px;
}

#debug-table ul {
	margin: 0 0 0 15px;
	padding: 0;
}

#debug-table li {
	list-style: none;
}