@charset "UTF-8";

/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* DEFAULT */

body {
margin: 0;
padding: 0;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
background-color: #a0cedf;
}
#container {
position: relative;
margin: 0 auto 10px auto;
padding: 0;
width: 800px;
height: auto;
text-align: left;
background-color: #6fb4cf;
}
#header {
width: 800px;
height: 162px;
background: url(../images/header.jpg) no-repeat left top;
}
#icon_menu {
width: 800px;
height: 42px;
background: url(../images/icon_menu_bg.jpg) no-repeat left top;
}
#main_menu {
width: 800px;
height: 58px;
background: url(../images/menu_main_bg.jpg) no-repeat left top;
}
#menu_under_fooldal{
width: 600px;
height: 91px;
padding-right:200px;
background: url(../images/menu_under_bg.jpg) no-repeat left top;
}
#menu_under {
width: 600px;
height: 74px;
padding-top:17px;
padding-right:200px;
background: url(../images/menu_under_bg.jpg) no-repeat left top;
}
#wrapper {
width: 800px;
height: auto;
background: #6fb4cf url(../images/wrapper_bg.gif) repeat-y left top;
border-top: 1px solid #fff;
}
#content {
float: left;
width: 576px;
height: auto;
}
#sidebar {
float: left;
width: 224px;
}
#footer {
width: 800px;
height: 39px;
background: url(../images/footer_bg.gif) repeat-y left top;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.clear_left {
clear: left;
}
.clear_right {
clear: right;
}
.clear {
clear: both;
}

/* HEADER */

h1 {
position: relative;
margin: 0 auto;
padding-top: 12px;
width: 290px;
height: auto;
line-height: 110%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 32px;
color: #fff;
text-align: right;
}
p#p_header_table {
display: block;
position: absolute;
width: 186px;
height: auto;
top: 30px;
right: 28px;
font-size: 13px;
line-height: 130%;
color: #fff;
}
#p_header_bottom {
position: relative;
margin: 52px auto 0 auto;
font-size: 20px;
font-weight: bold;
line-height: 130%;
color: #fff;
text-align: center;
}

/* ICON MENU */

#icon_menu div {
position: relative;
top: 2px;
left: 0px;
width: 450px;
height: 34px;
background: url(../images/icon_menu_ul_bg.gif) repeat left top;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
ul#icon_nav, ul#icon_nav li {
list-style: none;
}
ul#icon_nav li {
display: inline;
float: left;
width: auto;
height: 34px;
}
ul#icon_nav li a {
display: block;
width: auto;
margin-left: 10px;
padding-right: 6px;
font-size: 12px;
font-weight: bold;
color: #fff;
text-decoration: none;
}
ul#icon_nav li a:hover {
color: #000;
cursor: pointer;
}
ul#icon_nav li a span#icon_m1, ul#icon_nav li a span#icon_m2, ul#icon_nav li a span#icon_m3, 
ul#icon_nav li a span#icon_m4, ul#icon_nav li a span#icon_m5, ul#icon_nav li a span#icon_m6 {
margin: 0;
padding: 0px 0px 0px 30px;
display: inline;
float: left;
width: auto;
height: 34px;
line-height: 34px;
vertical-align: middle;
}
ul#icon_nav li a span#icon_m1 {
background: url(../images/icon_menu_home.gif) no-repeat 0px 0px;
}
ul#icon_nav li a span#icon_m2 {
background: url(../images/icon_menu_mail.gif) no-repeat 0px 0px;
}
ul#icon_nav li a span#icon_m3 {
background: url(../images/icon_menu_faq.gif) no-repeat 0px 0px;
}
ul#icon_nav li a span#icon_m4 {
background: url(../images/icon_menu_newsletter.gif) no-repeat 0px 0px;
}
ul#icon_nav li a span#icon_m5 {
background: url(../images/icon_menu_forum.gif) no-repeat 0px 0px;
}
ul#icon_nav li a span#icon_m1:hover {
background: url(../images/icon_menu_home.gif) no-repeat 0px -34px;
}
ul#icon_nav li a span#icon_m2:hover {
background: url(../images/icon_menu_mail.gif) no-repeat 0px -34px;
}
ul#icon_nav li a span#icon_m3:hover {
background: url(../images/icon_menu_faq.gif) no-repeat 0px -34px;
}
ul#icon_nav li a span#icon_m4:hover {
background: url(../images/icon_menu_newsletter.gif) no-repeat 0px -34px;
}
ul#icon_nav li a span#icon_m5:hover {
background: url(../images/icon_menu_forum.gif) no-repeat 0px -34px;
}

/* MAIN MENU */

ul#main_nav, ul#main_nav li {
list-style: none;
}
ul#main_nav {
margin: 0px;
padding: 0px;
}
ul#main_nav li {
display: inline;
float: left;
width: auto;
}
ul#main_nav li a {
display: block;
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: none;
text-align: center;
}
li#m1 a, li#m2 a, li#m3 a, li#m4 a, li#m5 a, li#m6 a {
padding-top: 2px;
height: 55px;
line-height: 55px;
vertical-align: middle;
}
li#m1 a {
width: 71px;
text-indent: 13px;
background: url(../images/main_menu_m1.jpg) no-repeat left top;
}
li#m2 a {
width: 104px;
text-indent: 8px;
background: url(../images/main_menu_m2.jpg) no-repeat left top;
}
li#m3 a {
width: 65px;
text-indent: 7px;
background: url(../images/main_menu_m3.jpg) no-repeat left top;
}
li#m4 a {
width: 101px;
text-indent: 8px;
background: url(../images/main_menu_m4.jpg) no-repeat left top;
}
li#m5 a {
width: 106px;
text-indent: 7px;
background: url(../images/main_menu_m5.jpg) no-repeat left top;
}
li#m6 a {
width: 100px;
text-indent: 8px;
background: url(../images/main_menu_m6.jpg) no-repeat left top;
}
li#m1 a:hover {
width: 71px;
text-indent: 13px;
background: url(../images/main_menu_m1.jpg) no-repeat 0px -58px;
}
li#m2 a:hover {
width: 104px;
text-indent: 8px;
background: url(../images/main_menu_m2.jpg) no-repeat left -58px;
}
li#m3 a:hover {
width: 65px;
text-indent: 7px;
background: url(../images/main_menu_m3.jpg) no-repeat left -58px;
}
li#m4 a:hover {
width: 101px;
text-indent: 8px;
background: url(../images/main_menu_m4.jpg) no-repeat left -58px;
}
li#m5 a:hover {
width: 106px;
text-indent: 7px;
background: url(../images/main_menu_m5.jpg) no-repeat left -58px;
}
li#m6 a:hover {
width: 100px;
text-indent: 8px;
background: url(../images/main_menu_m6.jpg) no-repeat left -58px;
}
ul#main_nav li a:hover {
color: #ffa200;
}

/* MENU UNDER */

#menu_under_fooldal h2 {
font-size: 30px;
margin-left: 10px;
padding-top: 10px;
line-height: 120%;
}

#menu_under h2 {
font-size: 30px;
margin-left: 10px;
padding-top: 10px;
line-height: 120%;
}

/* CONTENT */

/* CONTENT >>> Home */

.two_col, .three_col {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.three_col {
background: #6fb4cf url(../images/three_col_bg.jpg) repeat-y left top;
}
.two_col {
background-color: #96c6da;
padding: 10px 0px;
}
.two_col_left {
display: inline;
float: left;
margin-left: 12px;
width: 260px;
height: auto;
}
.two_col_right {
display: inline;
float: right;
margin-right: 12px;
width: 260px;
height: auto;
}
.two_col_box {
width: 260px;
height: auto;
}
.two_col_heading {
width: 260px;
height: 70px;
background: #247d9f url(../images/two_cols_h2_heading.jpg) no-repeat left top;
}
.two_col_text_a {
width: 260px;
height: auto;
background-color: #247d9f;
}
.two_col_text_b {
width: 260px;
height: auto;
background-color: #96c6da;
}
.two_col_heading h2 {
font-size: 17px;
font-weight: bold;
color: #fff;
line-height: 115%;
text-align: left;
}
#two_cols_h2_left {
padding: 5px 0px 0px 64px;
}
#two_cols_h2_right {
padding: 5px 0px 0px 64px;
}
.two_col_text_a p, .two_col_text_b p {
padding: 3px 5px;
font-size: 13px;
color: #fff;
}
.two_col_text_a p a, .two_col_text_b p a {
display: block;
font-size: 13px;
font-weight: bold;
color: #fff;
text-decoration: none;
}
.two_col_text_a p a:hover, .two_col_text_b p a:hover {
display: block;
font-size: 13px;
font-weight: bold;
color: #222;
}
.two_col_left_pipe {
margin-left: 12px;
width: 260px;
height: 86px;
display: inline;
float: left;
background: #96c6da url(../images/big_pipe_left.jpg) no-repeat center;
}
.two_col_right_pipe {
margin-right: 12px;
width: 260px;
height: 86px;
display: inline;
float: right;
background: #96c6da url(../images/big_pipe_right.jpg) no-repeat center;
}
.two_col_left_pipe:hover, .two_col_right_pipe:hover {
cursor: pointer;
}
.h2_pipe_left {
height: auto;
padding: 20px 0px 0px 90px;
}
.h2_pipe_right {
height: auto;
padding: 28px 0px 0px 100px;
}
.h2_pipe_left a, .h2_pipe_right a {
display: block;
font-size: 14px;
font-weight: bold;
color: #fff;
text-decoration: none;
line-height: 120%;
}
.h2_pipe_left a:hover, .h2_pipe_right a:hover {
color: #222;
}
.three_col_left, .three_col_center, .three_col_right {
display: inline;
float: left;
width: 180px;
height: auto;
background-color: #96c6da;
}
.three_col_left {
margin-left: 0px;
}
.three_col_center {
margin-left: 8px;
}
.three_col_right {
margin-left: 8px;
}
.three_col_box {
width: 180px;
height: auto;
}
.three_col_heading {
width: 180px;
height: 78px;
background: #247d9f;
}
#heading_write_me {
background: #247d9f url(../images/heading_write_me.jpg) no-repeat left top;
}
#heading_call_me {
background:  #247d9f url(../images/heading_call_me.jpg) no-repeat left top;
}
#heading_login {
background:  #247d9f url(../images/heading_login.jpg) no-repeat left top;
}
.three_col_heading h3 {
font-size: 13px;
font-weight: bold;
color: #96c6d9;
}
#h3_write_me {
padding: 10px 0px 0px 90px;
line-height: 130%;
}
#h3_call_me {
padding: 10px 0px 0px 90px;
line-height: 130%;
}
#h3_login {
padding: 19px 0px 0px 65px;
line-height: 130%;
}
.three_col_box p {
padding: 5px;
font-size: 13px;
color: #1d4757;
line-height: 120%;
}
.three_col_box p a {
display: block;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-decoration: underline;
}
.three_col_box p a:hover {
display: block;
font-size: 13px;
font-weight: bold;
color: #222;
text-decoration: none;
}
#chat_box {
position: relative;
margin: 10px auto;
width: 178px;
height: 250px;
}
form#login {
margin: 0;
padding: 0;
}
form#login p label {
font-size: 13px;
font-weight: bold;
color: #1d4757;
}
form#login p input#login_name, form#login p input#login_password {
font-size: 13px;
color: #000;
border: 1px solid #96c6d9;
}
form#login p input#login_name {
width: 130px;
}
form#login p input#login_password {
width: 113px;
}
form#login p input#login_submit {
display: block;
position: relative;
margin: 0 auto;
padding: 1px 0px;
width: 156px;
font-size: 12px;
color: #333;
border: 1px solid #96c6d9;
background-color: #fff;
color: #1d4757;
text-align: center;
}
form#login p input#login_submit:hover {
cursor: pointer;
border: 1px solid #000;
}
#skype_icon a img {
display: block;
position: relative;
margin: 0 auto;
padding: 10px 0px;
text-align: center;
border: 0 none;
}

/* CONTENT >>> E-mail */

#e-mail_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
form#e-mail_form {
margin: 0;
padding: 10px 0px;
}
.e-mail_input_block_left label,
.e-mail_input_block_right label {
margin-left: 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
}
.e-mail_input_block_left {
display: inline;
float: left;
margin-left: 10px;
width: auto;
}
.e-mail_input_block_right {
display: inline;
float: right;
margin-right: 10px;
width: auto;
}
input#e-mail_name,
input#e-mail_mail {
width: 211px;
font-size: 13px;
color: #000;
border: 1px solid #96c6d9;
}
input#e-mail_submit {
display: block;
position: relative;
margin: 0 auto;
padding: 1px 0px;
width: 156px;
font-size: 12px;
color: #1d4757;
border: 1px solid #96c6d9;
background-color: #fff;
text-align: center;
}
input#e-mail_submit:hover {
cursor: pointer;
border: 1px solid #000;
}
#e-mail_textarea {
display: block;
position: relative;
margin: 10px auto;
padding: 10px;
width: 512px;
height: 310px;
line-height: 125%;
border: none;
color: #000;
}

/* CONTENT >>> FAQ */

#faq_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.faq_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
form#faq_form {
margin: 0;
padding: 10px 0px;
}
form#faq_form select {
position: relative;
margin: 0 auto;
padding: 0;
width: 536px;
display: block;
font-size: 11px;
color: #000;
}
form#faq_form select option {
margin: 0;
padding: 0;
}
.h3_faq {
margin: 0;
padding: 10px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: left;
text-transform: uppercase;
}
.p_faq {
padding: 0px 10px 10px 10px;
font-size: 14px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_faq a {
color: #1d4757;
text-decoration: underline;
}
.p_faq a:hover {
color: #222;
text-decoration: none;
}

/* CONTENT >>> Newsletter */

#newsletter_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.newsletter_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.h3_newsletter {
margin: 0;
padding: 10px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: center;
line-height: 130%;
text-transform: uppercase;
}
form#newsletter_form {
margin: 0;
padding: 10px 0px;
}
.newsletter_input_block_left label,
.newsletter_input_block_right label {
margin-left: 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
}
.newsletter_input_block_left {
display: inline;
float: left;
margin-left: 10px;
width: auto;
}
.newsletter_input_block_right {
display: inline;
float: right;
margin-right: 10px;
width: auto;
}
input#newsletter_name, input#newsletter_mail {
width: 211px;
font-size: 13px;
color: #1d4757;
border: 1px solid #96c6d9;
}
input#newsletter_submit {
display: block;
position: relative;
margin: 20px auto 0px auto;
padding: 1px 0px;
width: 156px;
font-size: 12px;
color: #1d4757;
border: 1px solid #96c6d9;
background-color: #fff;
text-align: center;
}
input#newsletter_submit:hover {
cursor: pointer;
border: 1px solid #222;
}

/* CONTENT >>> About me */

#about_me_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.about_me_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.h3_about_me {
margin: 0;
padding: 20px 10px 0px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-align: left;
}
.h4_about_me {
padding: 10px 10px 2px 10px;
font-size: 13px;
font-weight: normal;
color: #1d4757;
text-align: left;
}
.h5_about_me {
padding: 0px 10px;
font-size: 13px;
font-weight: normal;
color: #1d4757;
text-align: left;
}
#h3_vertical_space {
padding: 10px;
}
.p_about_me {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_about_me_phone {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_about_me_mail {
padding: 0px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
#p_about_me_first {
padding: 0px 10px 0px 10px;
}
.p_about_me a, .p_about_me_phone a, .p_about_me_mail a {
color: #1d4757;
text-decoration: underline;
}
.p_about_me a:hover, .p_about_me_phone a:hover, .p_about_me_mail a:hover {
color: #222;
text-decoration: none;
}

/* CONTENT >>> Class */

#class_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.class_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.h3_class {
margin: 0;
padding: 20px 10px 20px 10px;
font-size: 16px;
font-weight: bold;
color: #1d4757;
text-align: center;
}
.p_class {
padding: 0px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_class_name {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_class_description {
padding: 0px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_class_okj {
padding: 2px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_class_bottom_text {
padding: 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_class_bottom_text strong {
color: #1d4757;
font-weight: bold;
}
.p_class_name a {
color: #1d4757;
text-decoration: underline;
}
.p_class_name a:hover {
color: #222;
text-decoration: none;
}

/* CONTENT >>> Gallery */

#gallery_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.gallery_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
#ul_gallery, #ul_gallery li {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
#ul_gallery {
margin-left: 20px;
padding: 10px 0px; 
}
#ul_gallery li a {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #1d4757;
line-height: 150%;
text-transform: uppercase;
text-decoration: underline;
}
#ul_gallery li a:hover {
text-decoration: none;
color: #222;
}
#ul_gallery li:before {
content: "- ";
color: #1d4757;
}
.h3_gallery {
margin: 0;
padding: 20px 10px 20px 10px;
font-size: 16px;
font-weight: bold;
color: #1d4757;
line-height: 120%;
text-align: center;
}
.h4_gallery {
margin: 0;
padding: 10px 10px 0px 10px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
line-height: 120%;
text-align: left;
}
.h5_gallery {
margin: 0;
padding: 0px 10px 10px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
line-height: 120%;
text-align: left;
}
.p_gallery {
padding: 0px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_gallery_strong {
padding: 0px 10px 10px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_gallery img {
float: right;
display: inline;
margin: 0px 0px 10px 10px;
border: 2px solid #1d4757;
}

/* CONTENT >>> Gallery see */

.gallery_left_box, .gallery_right_box {
display: inline;
margin: 13px 33px 0px 37px;
width: 200px;
height:150px;
border: 3px solid #1d4757;
}
.gallery_left_box {
float: left;
}
.gallery_right_box {
float: right;
}
.gallery_left_box a, .gallery_right_box a {
display: block;
margin: 0;
padding: 0;
border: 0;
color: #1d4757;
}

/* CONTENT >>> Reference */

#reference_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.reference_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.p_reference {
padding: 20px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_reference_bottom {
padding: 10px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
ul#ul_reference, #ul_reference li {
display: block;
list-style: none;
font-size: 13px;
color: #1d4757;
}
ul#ul_reference, ol#ol_reference {
padding-bottom: 10px;
}
#ul_reference li {
padding: 0px 20px;
line-height: 125%;
}
#ul_reference li:before {
content: "- ";
color: #1d4757;
}
ol#ol_reference, #ul_reference li {
display: block;
list-style: none;
font-size: 13px;
color: #1d4757;
}
#ol_reference {
padding: 0px 20px;
}
#ol_reference li {
list-style-position: inside;
list-style-type: decimal-leading-zero;
padding: 0px;
line-height: 125%;
color: #1d4757;
}

/* CONTENT >>> Contact */

.contact_three_col {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background: #6fb4cf url(../images/three_col_bg.jpg) repeat-y left top;
}
.contact_three_col_left,
.contact_three_col_center,
.contact_three_col_right {
display: inline;
float: left;
width: 180px;
height: auto;
background-color: #96c6da;
}
.contact_three_col_left {
margin-left: 0px;
}
.contact_three_col_center {
margin-left: 8px;
}
.contact_three_col_right {
margin-left: 8px;
}
.contact_three_col_box {
width: 180px;
height: auto;
}
.contact_picture img {
border: 2px solid #fff;
}
.skype_picture a img, .msn_picture img {
display: block;
position: relative;
margin: 0 auto;
border: 0;
}
h3.h3_contact {
padding: 5px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: left;
}
.contact_three_col_box p {
padding: 5px;
font-size: 13px;
color: #1d4757;
line-height: 120%;
}
.contact_three_col_box p a {
display: block;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-decoration: underline;
}
.contact_three_col_box p a:hover {
display: block;
font-size: 13px;
font-weight: bold;
color: #222;
text-decoration: none;
}

/* CONTENT >>> Salesclerk */

#salesclerk_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.salesclerk_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.h3_salesclerk {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 16px;
font-weight: bold;
color: #1d4757;
text-align: center;
}
.h4_salesclerk {
margin: 0;
padding: 20px 10px 0px 10px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: left;
}
.h5_salesclerk {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_salesclerk_okj {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_salesclerk_description {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_salesclerk {
padding: 10px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: justify;
line-height: 125%;
}
.p_salesclerk_downloads {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 180%;
}
.p_salesclerk_downloads a {
color: #1d4757;
text-decoration: underline;
}
.p_salesclerk_downloads a:hover {
color: #222;
text-decoration: none;
cursor: pointer;
}
.p_salesclerk_modul_title {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_salesclerk_modul_description {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_salesclerk_adress {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_salesclerk_adress strong {
display: block;
font-weight: bold;
padding-top: 10px;
}
.p_salesclerk_modul_title strong,
.p_salesclerk_modul_description strong {
font-weight: bold;
}
.p_salesclerk_adress a {
text-decoration: underline;
color: #1d4757;
}
.p_salesclerk_adress a:hover {
text-decoration: none;
color: #222;
}
.p_salesclerk_class_description {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
ul.ul_salesclerk, .ul_salesclerk li {
display: block;
list-style: none;
font-size: 13px;
color: #1d4757;
}
ul.ul_salesclerk {
padding-bottom: 10px;
}
.ul_salesclerk li {
padding: 5px 20px;
line-height: 125%;
}
.ul_salesclerk li:before {
content: "- ";
color: #1d4757;
}
#div_salesclerk_books {
position: relative;
margin: 10px auto;
width: 418px;
}
ul#ul_salesclerk_books, #ul_salesclerk_book li {
list-style: none;
font-size: 13px;
color: #1d4757;
}
#ul_salesclerk_books li {
display: inline;
float: left;
margin-bottom: 10px;
margin-left: 10px;
}
#ul_salesclerk_books li a {
display: block;
margin: 0;
padding: 0;
border: 3px solid #1d4757;
}
#ul_salesclerk_books li a img {
margin: 0;
padding: 0;
border: 0;
}
#salesclerk_button {
position: relative;
margin: 10px auto;
width: 150px;
padding-bottom: 10px;
}
#salesclerk_button a {
display: block;
padding: 5px;
width: 150px;
height: 20px;
line-height: 20px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-decoration: underline;
text-align: center;
vertical-align: middle;
background-color: #eef;
}
#salesclerk_button a:hover {
text-decoration: none;
color: #222;
}

/* CONTENT >>> Salesclerk and Dealer */

#salesclerk_and_dealer_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.salesclerk_and_dealer_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.h3_salesclerk_and_dealer {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 16px;
font-weight: bold;
color: #1d4757;
text-align: center;
}
.h4_salesclerk_and_dealer {
margin: 0;
padding: 20px 10px 0px 10px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: left;
}
.h5_salesclerk_and_dealer {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_salesclerk_and_dealer_okj {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_salesclerk_and_dealer_description {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_salesclerk_and_dealer {
padding: 10px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_salesclerk_and_dealer_downloads {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 180%;
}
.p_salesclerk_and_dealer_downloads a {
color: #1d4757;
text-decoration: underline;
}
.p_salesclerk_and_dealer_downloads a:hover {
color: #222;
text-decoration: none;
cursor: pointer;
}
.p_salesclerk_and_dealer_modul_title {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_salesclerk_and_dealer_modul_description {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_salesclerk_and_dealer_adress {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_salesclerk_and_dealer_adress strong {
display: block;
font-weight: bold;
padding-top: 10px;
}
.p_salesclerk_and_dealer_modul_title strong,
.p_salesclerk_and_dealer_modul_description strong {
font-weight: bold;
}
.p_salesclerk_and_dealer_adress a {
text-decoration: underline;
color: #1d4757;
}
.p_salesclerk_and_dealer_adress a:hover {
text-decoration: none;
color: #222;
}
.p_salesclerk_and_dealer_class_description {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
ul.ul_salesclerk_and_dealer, .ul_salesclerk_and_dealer li {
display: block;
list-style: none;
font-size: 13px;
color: #1d4757;
}
ul.ul_salesclerk_and_dealer {
padding-bottom: 10px;
}
.ul_salesclerk_and_dealer li {
padding: 5px 20px;
line-height: 125%;
}
.ul_salesclerk_and_dealer li:before {
content: "- ";
color: #1d4757;
}
#div_salesclerk_and_dealer_books {
position: relative;
margin: 10px auto;
width: 418px;
}
ul#ul_salesclerk_and_dealer_books, #ul_salesclerk_and_dealer_book li {
list-style: none;
font-size: 13px;
color: #1d4757;
}
#ul_salesclerk_and_dealer_books li {
display: inline;
float: left;
margin-bottom: 10px;
margin-left: 10px;
}
#ul_salesclerk_and_dealer_books li a {
display: block;
margin: 0;
padding: 0;
border: 3px solid #1d4757;
}
#salesclerk_and_dealer_button {
position: relative;
margin: 10px auto;
width: 150px;
padding-bottom: 10px;
}
#salesclerk_and_dealer_button a {
display: block;
padding: 5px;
width: 150px;
height: 20px;
line-height: 20px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-decoration: underline;
text-align: center;
vertical-align: middle;
background-color: #eef;
}
#salesclerk_and_dealer_button a:hover {
text-decoration: none;
color: #222;
}

/* CONTENT >>> Dealer */

#dealer_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.dealer_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.h3_dealer {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 16px;
font-weight: bold;
color: #1d4757;
text-align: center;
}
.h4_dealer {
margin: 0;
padding: 20px 10px 0px 10px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: left;
}
.h5_dealer {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.h6_dealer {
margin: 0;
padding: 10px 10px 0px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_dealer_okj {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_dealer_description {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_dealer {
padding: 10px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_dealer_downloads {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 180%;
}
.p_dealer_downloads a {
color: #1d4757;
text-decoration: underline;
}
.p_dealer_downloads a:hover {
color: #222;
text-decoration: none;
cursor: pointer;
}
.p_dealer_modul_title {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_dealer_modul_description {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_dealer_adress {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_dealer_adress strong {
display: block;
font-weight: bold;
padding-top: 10px;
}
.p_dealer_modul_title strong,
.p_dealer_modul_description strong {
font-weight: bold;
}
.p_dealer_adress a {
text-decoration: underline;
color: #1d4757;
}
.p_dealer_adress a:hover {
text-decoration: none;
color: #222;
}
.p_dealer_class_description {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
ul.ul_dealer, .ul_dealer li {
display: block;
list-style: none;
font-size: 13px;
color: #1d4757;
}
ul.ul_dealer {
padding-bottom: 10px;
}
.ul_dealer li {
padding: 5px 20px;
line-height: 125%;
}
.ul_dealer li:before {
content: "- ";
color: #1d4757;
}
#div_dealer_books {
position: relative;
margin: 10px auto;
width: 418px;
}
ul#ul_dealer_books, #ul_dealer_book li {
list-style: none;
font-size: 13px;
color: #1d4757;
}
#ul_dealer_books li {
display: inline;
float: left;
margin-bottom: 10px;
margin-left: 10px;
}
#ul_dealer_books li a {
display: block;
margin: 0;
padding: 0;
border: 3px solid #1d4757;
}
#ul_dealer_books li a img {
margin: 0;
padding: 0;
border: 0;
}
#dealer_button {
position: relative;
margin: 10px auto;
width: 150px;
padding-bottom: 10px;
}
#dealer_button a {
display: block;
padding: 5px;
width: 150px;
height: 20px;
line-height: 20px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-decoration: underline;
text-align: center;
vertical-align: middle;
background-color: #eef;
}
#dealer_button a:hover {
text-decoration: none;
color: #222;
}

/* CONTENT >>> Food and chemical dealer */

#food_and_chemical_dealer_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.food_and_chemical_dealer_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.h3_food_and_chemical_dealer {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 16px;
font-weight: bold;
color: #1d4757;
text-align: center;
}
.h4_food_and_chemical_dealer {
margin: 0;
padding: 20px 10px 0px 10px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: left;
}
.h5_food_and_chemical_dealer {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.h6_food_and_chemical_dealer {
margin: 0;
padding: 10px 10px 0px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_food_and_chemical_dealer_okj {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_food_and_chemical_dealer_description {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_food_and_chemical_dealer {
padding: 10px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_food_and_chemical_dealer_downloads {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 180%;
}
.p_food_and_chemical_dealer_downloads a {
color: #1d4757;
text-decoration: underline;
}
.p_food_and_chemical_dealer_downloads a:hover {
color: #222;
text-decoration: none;
cursor: pointer;
}
.p_food_and_chemical_dealer_modul_title {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_food_and_chemical_dealer_modul_description {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_food_and_chemical_dealer_adress {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_food_and_chemical_dealer_adress strong {
display: block;
font-weight: bold;
padding-top: 10px;
}
.p_food_and_chemical_dealer_modul_title strong,
.p_food_and_chemical_dealer_modul_description strong {
font-weight: bold;
}
.p_food_and_chemical_dealer_adress a {
text-decoration: underline;
color: #1d4757;
}
.p_food_and_chemical_dealer_adress a:hover {
text-decoration: none;
color: #222;
}
.p_food_and_chemical_dealer_class_description {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
ul.ul_food_and_chemical_dealer, .ul_food_and_chemical_dealer li {
display: block;
list-style: none;
font-size: 13px;
color: #1d4757;
}
ul.ul_food_and_chemical_dealer {
padding-bottom: 10px;
}
.ul_food_and_chemical_dealer li {
padding: 5px 20px;
line-height: 125%;
}
.ul_food_and_chemical_dealer li:before {
content: "- ";
color: #1d4757;
}
#div_food_and_chemical_dealer_books {
position: relative;
margin: 10px auto;
width: 418px;
}
ul#ul_food_and_chemical_dealer_books, #ul_food_and_chemical_dealer_book li {
list-style: none;
font-size: 13px;
color: #1d4757;
}
#ul_food_and_chemical_dealer_books li {
display: inline;
float: left;
margin-bottom: 10px;
margin-left: 10px;
}
#ul_food_and_chemical_dealer_books li a {
display: block;
margin: 0;
padding: 0;
border: 3px solid #1d4757;
}
#ul_food_and_chemical_dealer_books li a img {
margin: 0;
padding: 0;
border: 0;
}
#food_and_chemical_dealer_button {
position: relative;
margin: 10px auto;
width: 150px;
padding-bottom: 10px;
}
#food_and_chemical_dealer_button a {
display: block;
padding: 5px;
width: 150px;
height: 20px;
line-height: 20px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-decoration: underline;
text-align: center;
vertical-align: middle;
background-color: #eef;
}
#food_and_chemical_dealer_button a:hover {
text-decoration: none;
color: #222;
}

/* CONTENT >>> Cashier */

#cashier_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.cashier_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.h3_cashier {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 16px;
font-weight: bold;
color: #1d4757;
text-align: center;
}
.h4_cashier {
margin: 0;
padding: 20px 10px 0px 10px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: left;
}
.h5_cashier {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_cashier_okj {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_cashier_description {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_cashier {
padding: 10px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_cashier_downloads {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 180%;
}
.p_cashier_downloads a {
color: #1d4757;
text-decoration: underline;
}
.p_cashier_downloads a:hover {
color: #222;
text-decoration: none;
cursor: pointer;
}
.p_cashier_modul_title {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_cashier_modul_description {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_cashier_adress {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_cashier_adress strong {
display: block;
font-weight: bold;
padding-top: 10px;
}
.p_cashier_modul_title strong,
.p_cashier_modul_description strong {
font-weight: bold;
}
.p_cashier_adress a {
text-decoration: underline;
color: #1d4757;
}
.p_cashier_adress a:hover {
text-decoration: none;
color: #222;
}
.p_cashier_class_description {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
ul.ul_cashier, .ul_cashier li {
display: block;
list-style: none;
font-size: 13px;
color: #1d4757;
}
ul.ul_cashier {
padding-bottom: 10px;
}
.ul_cashier li {
padding: 5px 20px;
line-height: 125%;
}
.ul_cashier li:before {
content: "- ";
color: #1d4757;
}
#div_cashier_books {
position: relative;
margin: 10px auto;
width: 418px;
}
ul#ul_cashier_books, #ul_cashier_book li {
list-style: none;
font-size: 13px;
color: #1d4757;
}
#ul_cashier_books li {
display: inline;
float: left;
margin-bottom: 10px;
margin-left: 10px;
}
#ul_cashier_books li a {
display: block;
margin: 0;
padding: 0;
border: 3px solid #1d4757;
}
#ul_cashier_books li a img {
margin: 0;
padding: 0;
border: 0;
}
#cashier_button {
position: relative;
margin: 10px auto;
width: 150px;
padding-bottom: 10px;
}
#cashier_button a {
display: block;
padding: 5px;
width: 150px;
height: 20px;
line-height: 20px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-decoration: underline;
text-align: center;
vertical-align: middle;
background-color: #eef;
}
#cashier_button a:hover {
text-decoration: none;
color: #222;
}

/* CONTENT >>> Canteen */

#canteen_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.canteen_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.h3_canteen {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 16px;
font-weight: bold;
color: #1d4757;
text-align: center;
}
.h4_canteen {
margin: 0;
padding: 20px 10px 0px 10px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: left;
}
.h5_canteen {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 13px;
font-weight: bold;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_canteen_okj {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_canteen_description {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_canteen_description_note {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
}
.p_canteen_first_at_us {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: center;
line-height: 125%;
letter-spacing: 0.5em;
}
.p_canteen {
padding: 10px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_canteen_downloads {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 180%;
}
.p_canteen_downloads a {
color: #1d4757;
text-decoration: underline;
}
.p_canteen_downloads a:hover {
color: #222;
text-decoration: none;
cursor: pointer;
}
.p_canteen_modul_title {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_canteen_modul_description {
padding: 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_canteen_adress {
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_canteen_adress strong {
display: block;
font-weight: bold;
padding-top: 10px;
}
.p_canteen_modul_title strong,
.p_canteen_modul_description strong,
.p_canteen_first_at_us strong {
font-weight: bold;
}
.p_canteen_adress a {
text-decoration: underline;
color: #1d4757;
}
.p_canteen_adress a:hover {
text-decoration: none;
color: #222;
}
.p_canteen_class_description {
padding: 10px 10px 0px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
ul.ul_canteen, .ul_canteen li {
display: block;
list-style: none;
font-size: 13px;
color: #1d4757;
}
ul.ul_canteen {
padding-bottom: 10px;
}
.ul_canteen li {
padding: 5px 20px;
line-height: 125%;
}
.ul_canteen li:before {
content: "- ";
color: #1d4757;
}
#div_canteen_books {
position: relative;
margin: 10px auto;
width: 418px;
}
ul#ul_canteen_books, #ul_canteen_book li {
list-style: none;
font-size: 13px;
color: #1d4757;
}
#ul_canteen_books li {
display: inline;
float: left;
margin-bottom: 10px;
margin-left: 10px;
}
#ul_canteen_books li a {
display: block;
margin: 0;
padding: 0;
border: 3px solid #1d4757;
}
#ul_canteen_books li a img {
margin: 0;
padding: 0;
border: 0;
}
#canteen_button {
position: relative;
margin: 10px auto;
width: 150px;
padding-bottom: 10px;
}
#canteen_button a {
display: block;
padding: 5px;
width: 150px;
height: 20px;
line-height: 20px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-decoration: underline;
text-align: center;
vertical-align: middle;
background-color: #eef;
}
#canteen_button a:hover {
text-decoration: none;
color: #222;
}

/* CONTENT >>> Registration */

#registration_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.registration_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.div_registration_adress {
display: block;
padding-bottom: 10px;
}
.h3_registration {
margin: 0;
padding: 20px 10px 10px 10px;
font-size: 16px;
font-weight: bold;
color: #1d4757;
text-align: left;
}
.p_registration {
padding: 0px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_registration_adress {
padding: 0px 20px;
font-size: 12px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.h3_registration a {
font-size: 13px;
color: #1d4757;
text-decoration: underline;
}
.h3_registration a:hover {
font-size: 13px;
color: #222;
text-decoration: none;
}









/* CONTENT >>> Claim of entry-form */

#claim_of_entry_form_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.claim_of_entry_form_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.h3_claim_of_entry_form {
margin: 0;
padding: 10px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: center;
line-height: 130%;
text-transform: uppercase;
}
form#claim_of_entry_form {
margin: 0;
padding: 10px 0px;
}
div.claim_of_entry_form_radio_div {
display: inline;
float: left;
margin: 0px 50px 0px 0px;
padding: 10px 0px;
}
#claim_of_entry_form_post {
display: block;
}
#claim_of_entry_form_mail,
#claim_of_entry_form_fax {
display: none;
}
form#claim_of_entry_form div label,
input#claim_of_entry_form_post_name,
input#claim_of_entry_form_post_address,
input#claim_of_entry_form_mail_name,
input#claim_of_entry_form_mail_mail,
input#claim_of_entry_form_fax_name,
input#claim_of_entry_form_fax_fax {
margin-left: 10px;
width: 211px;
font-size: 13px;
color: #1d4757;
}
#claim_of_entry_form_post,
#claim_of_entry_form_mail,
#claim_of_entry_form_fax {
clear: both;
}
input#post_name, input#post_address,
input#mail_name, input#mail_mail,
input#fax_name, input#fax_fax {
margin-left: 10px;
width: auto;
font-size: 13px;
color: #1d4757;
border: 1px solid #96c6d9;
}
input#claim_of_entry_form_submit {
clear: both;
display: block;
position: relative;
margin: 20px auto 0px auto;
padding: 1px 0px;
width: 156px;
font-size: 12px;
color: #1d4757;
border: 1px solid #96c6d9;
background-color: #fff;
text-align: center;
}
input#claim_of_entry_form_submit:hover {
cursor: pointer;
border: 1px solid #222;
}












/* CONTENT >>> Help the choose */

#help_the_choose_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
}
.help_the_choose_inner_box {
position: relative;
margin: 10px auto;
width: 556px;
height: auto;
background-color: #96c6da;
}
.help_the_choose_table {
position: relative;
margin: 10px auto;
padding: 0;
width: 536px;
height: auto;
border: 2px solid #222;
background-color: #fff;
}
#help_the_choose_row_1 {
background-color: #eef;
}
#help_the_choose_row_2, #help_the_choose_row_4, #help_the_choose_row_6 {
background-color: #1d4757;
}
#help_the_choose_row_3, #help_the_choose_row_5, #help_the_choose_row_7 {
background-color: #156e90;
}
.help_the_choose_col_1, .help_the_choose_col_2, .help_the_choose_col_3, .help_the_choose_col_4 {
margin: 0;
padding: 0;
text-align: center;
}
th.help_the_choose_col_1,
th.help_the_choose_col_2,
th.help_the_choose_col_3,
th.help_the_choose_col_4 {
height: auto;
line-height: 100%;
vertical-align: middle;
}
td.help_the_choose_col_1,
td.help_the_choose_col_2,
td.help_the_choose_col_3,
td.help_the_choose_col_4 {
height: auto;
line-height: 100%;
vertical-align: middle;
}
th.help_the_choose_col_1,
th.help_the_choose_col_2,
th.help_the_choose_col_3,
td.help_the_choose_col_1,
td.help_the_choose_col_2,
td.help_the_choose_col_3 {
border-right: 2px solid #222;
}
td.help_the_choose_col_1,
td.help_the_choose_col_2,
td.help_the_choose_col_3, 
td.help_the_choose_col_4 {
border-top: 2px solid #222;
}
th.help_the_choose_col_3 {
background: url(../images/table_cell_main_arrow.gif) no-repeat center;
}
td.help_the_choose_col_3 {
background: url(../images/table_cell_arrow.gif) no-repeat center;
}
.help_the_choose_col_1 {
margin-left: 2px;
margin-right: 2px;
width: 32%;
}
.help_the_choose_col_2 {
margin-right: 2px;
width: 32%;
}
.help_the_choose_col_3 {
margin-right: 2px;
width: 4%;
}
.help_the_choose_col_4 {
width: 32%;
}
.h3_help_the_choose {
margin: 0;
padding: 20px 10px 20px 10px;
font-size: 16px;
font-weight: bold;
color: #1d4757;
text-align: center;
}
.h4_help_the_choose {
margin: 0;
padding: 5px;
font-size: 14px;
font-weight: bold;
color: #1d4757;
text-align: center;
}
.p_help_the_choose {
padding: 0px 10px 10px 10px;
font-size: 13px;
color: #1d4757;
text-align: left;
line-height: 125%;
}
.p_help_the_choose strong{
font-weight: bold;
}
.p_cell_help_the_choose {
padding: 5px;
font-size: 13px;
color: #fff;
text-align: center;
line-height: 125%;
}
.help_the_choose_hr {
margin: 0;
padding: 0;
width: 100%;
height: 0px;
border: none;
border-top: 1px dashed #fff;
}

/* SIDEBAR */

.sidebar_box {
position: relative;
padding: 0px 10px;
margin: 0;
width: 204px;
border-bottom: 1px solid #87acbf;
}
.h2_sidebar {
padding: 10px 0px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.sidebar_date {
display: inline;
float: left;
width: auto;
height: 30px;
}
.sidebar_title {
display: inline;
float: right;
width: auto;
height: 30px;
}
.p_sidebar_date {
font-size: 11px;
color: #96c6d9;
text-align: left;
line-height: 30px;
vertical-align: middle;
}
.p_sidebar_title {
font-size: 14px;
color: #96c6d9;
text-align: left;
line-height: 30px;
vertical-align: middle;
}
.sidebar_img {
display: inline;
float: left;
width: 52px;
height: 52px;
}
.sidebar_text {
display: inline;
float: right;
width: 145px;
}
.p_sidebar_img {
margin: 0;
padding: 0;
}
.p_sidebar_text {
padding-bottom: 10px;
font-size: 12px;
color: #fff;
line-height: 130%;
}

/* FOOTER */

#footer_left {
display: inline;
float: left;
width: 576px;
}
#footer_right {
display: inline;
float: right;
width: 224px;
}

#footer_right a{
text-decoration:none;
color: #1d4757;
}

#footer_right a:hover{
text-decoration:none;
color:#000000;
}

#footer_left p, #footer_right p {
font-size: 13px;
color: #1d4757;
line-height: 39px;
text-align: center;
}