/* Body */
body {font-family:verdana,arial,sans-serif; font-size:18px; color:#3596B7; background:#DBDBDB url('../interface/theme_01/background.gif') repeat-x;}
body a:link, a:visited {color:#0000FF;}
body a:hover, a:active {color:#0080FF;}
body a {text-decoration:none;}
body.twoColLayout #primaryContent {float:left; width:700px; padding:0 5px 0 0; box-sizing:border-box; margin:0 0 20px 260px;}
body.twoColLayout #secondaryContent {float:left; width:260px; padding:0; box-sizing:border-box; margin:0 0 20px -960px;}
/* Upper bar */
#upper_bar {position:fixed; display:block; width:100%; height:40px; left:0; top:0; padding:5px; box-sizing:border-box; z-index:101; 
background-image:url('../interface/theme_01/upper_bar_background.gif');}
#upper_bar span {color:#DBDBDB;}
/* Wrapper */
#wrapper {position:absolute; width:960px; left:50%; top:0; margin:40px auto auto -480px; background:url('../interface/theme_01/middle_wrapper.gif') repeat-y;}
/* Header */
#header {width:100%; height:140px; color:#FFFFFF; background:url('../interface/theme_01/header.gif') no-repeat top left;}
#canvas {width:100%; max-width:950px; height:100%; margin-left:5px; background-color:#3596B7;}
#logo {position:relative; display:block; width:180px; height:60px; top:40px; left:30px; background:url('../interface/logo.png') no-repeat;}
#left_arrow {position:absolute; width:20px; height:100px; top:15px; left:6px; border:none; opacity:0.5;}
#right_arrow {position:absolute; width:20px; height:100px; top:15px; left:930px; border:none; opacity:0.5;}
#left_arrow:hover, #left_arrow:active {border:2px solid #FFFFFF; background:url('../interface/arrow_left.gif') no-repeat;}
#right_arrow:hover, #right_arrow:active {border:2px solid #FFFFFF; background:url('../interface/arrow_right.gif') no-repeat;}
#progress_bar {position:absolute; width:100%; max-width:950px; height:5px; top:135px; left:5px; background:#80FFFF; opacity:0.5;}
/* Horizontal navigation bar */
#navigation_bar {width:100%; min-height:40px; background:url('../interface/theme_01/navigation_bar.gif') repeat-y;}
#navigation_bar ul {width:100%; height:auto; margin:0; padding:10px 0 0 300px; list-style:none; background:transparent;}
#navigation_bar ul li {display:inline; font-size:14px;}
#navigation_bar ul a {padding:0 5px 0 5px; background:url('../interface/theme_01/divider.gif') repeat-y;}
#navigation_bar ul .first a {background:none;}
#navigation_bar ul a:link, #navigation_bar ul a:visited {color:#DBDBDB; text-decoration:none;}
#navigation_bar ul a:hover, #navigation_bar ul a:active {color:#FFFFFF; text-decoration:underline;}
body#register #mainNav a#register, body#login #mainNav a#login, body#search #mainNav a#search, body#users_list #mainNav a#users_list,
body#account #mainNav a#account, body#user_profile #mainNav a#user_profile, body#messages_list #mainNav a#messages_list, body#inventory #mainNav a#inventory, 
body#index #mainNav a#index, body#logout #mainNav a#logout {text-decoration:underline; color:#FFFFFF;}
/* Footer */
#upper_footer {width:100%; height:40px; clear:both; text-align:center; background:url('../interface/theme_01/upper_footer.gif') repeat-y;}
#footer {width:100%; min-height:40px; clear:both; padding:5px 5px 20px 5px; box-sizing:border-box; text-align:center; color:#FFFFFF; 
background:url('../interface/theme_01/footer.gif') repeat-y;}
#footer span {display:inline-block; font-size:12px; color:#DBDBDB;}
#footer a:link span, #footer a:visited span {color:#DBDBDB; text-decoration:none;}
#footer a:hover span, #footer a:active span {color:#FFFFFF; text-decoration:underline;}
/* Side links bar */
#secondaryContent ul.side_menu_collapsible {list-style-type:none; margin:0 auto 20px 5px;}
#secondaryContent ul.side_menu_collapsible#first {margin:5px auto 0 5px;}
#secondaryContent li.side_menu_collapsible {margin:0 auto auto -35px;}
#secondaryContent label {margin-bottom:-2px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#3596B7; background:#DBDBDB;}
#secondaryContent input[type=checkbox] {display:none;}
#secondaryContent input[type=checkbox] ~ ul {max-height:0; max-width:0; opacity:0; overflow:hidden; white-space:nowrap;
-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
#secondaryContent input[type=checkbox]:checked ~ ul {max-height:100%; max-width:100%; margin-top:10px; opacity:1;}
#secondaryContent input[type=checkbox] + label {display:inline-block; width:29px; height:17px; background:url('../interface/theme_01/collapsible_node.gif'); cursor:pointer;}
#secondaryContent input[type=checkbox] + label {background-position:0 0;}
#secondaryContent input[type=checkbox]:checked + label {background-position:29px 0;}
/* Content boxes */
.boxBg {padding:5px; box-sizing:border-box; background:transparent;}
.boxTitle {display:none; width:100%; padding:5px 0 5px 0; box-sizing:border-box; text-transform:uppercase; text-align:center; font-size:larger; color:#FFFFFF; 
background:url('../interface/theme_01/box_title_bg.gif') repeat-y;}
.boxTitle h2 {display:inline; font-size:14px; line-height:24px; text-transform:uppercase;}
.boxTop {width:100%; height:35px; margin-bottom:10px; background:url('../interface/theme_01/top2c.gif') no-repeat left top;}
.boxMiddle {width:100%; background:url('../interface/theme_01/middle2c.gif') repeat-y;}
.boxMiddle p {padding:0 10px 0 10px; box-sizing:border-box;}
.boxMiddle h3 {display:inline; font-size:18px;}
.boxBottom {width:100%; height:35px; margin-top:10px; background:url('../interface/theme_01/bottom2c.gif') no-repeat right top;}
.boxExtensionDark {width:100%; color:#DBDBDB; background:#3596B7;}
.boxExtensionClear {width:100%; color:#DBDBDB; background:#47A9C9;}
.boxExtensionClear li {margin-left:-10px;}
/* Images and Pictures */
img.avatar_user {display:inline; float:left; width:100px; height:100px; margin-right:10px; border:solid 5px white; background:#808080;}
img.ad_image {display:inline; float:left; width:100px; height:100px; margin-right:10px; border:solid 5px white; background:#808080;}
img.ad_image_large {display:block; width:75%; height:auto; margin:10px auto 10px auto; border:none; border-radius:5px;}
div.ad_image_thumbnail {display:inline-block; float:left; width:100px; height:100px; margin-right:10px; border:none;}
div.ad_image_monoblock {display:block; width:75%; height:250px; margin:5px auto 20px auto; border:none;}
div.ad_image_twin {display:inline-block; width:49%; height:150px; margin:5px auto 20px auto; border:none;}
div.ad_image_banner {display:block; width:98%; height:150px; margin:5px auto 20px auto; border:none;} 
div.ad_image_thumbnail, div.ad_image_monoblock, div.ad_image_twin, div.ad_image_banner {background-color:#DBDBDB; background-size:contain; background-position:center; 
background-repeat:no-repeat;}
img.light {display:block-inline; width:9px; height:9px; margin-bottom:1px; border:none;}
img.img-wrapper {position:relative; left:3px; background:url('../interface/theme_04/shadow-grid.gif');}
img.img-wrapper img {display:block; position:relative; left:-3px; top:-3px; border:solid 5px white; height:auto;}
/* Icons */
img.ad_icon {width:24px; height:24px; border:none; content:url('../interface/theme_01/ad_icon.gif');}
img.user_icon {width:24px; height:24px; border:none; content:url('../interface/theme_01/user_icon.gif');}
img.renew {width:24px; height:24px; border:none; content:url('../interface/theme_01/renew_icon.gif');}
img.delete {width:24px; height:24px; border:none; content:url('../interface/theme_01/delete_icon.gif');}
img.edit {width:24px; height:24px; border:none; content:url('../interface/theme_01/edit_icon.gif');}
img.block {width:32px; height:32px; border:none; content:url('../interface/theme_01/block_icon.gif');}
img.bookmark {width:32px; height:32px; border:none; content:url('../interface/theme_01/bookmark_icon.gif');}
img.inventory {width:32px; height:32px; border:none; content:url('../interface/theme_01/inventory_icon.gif');}
img.message {width:32px; height:32px; border:none; content:url('../interface/theme_01/message_icon.gif');}
img.rating {width:32px; height:32px; border:none; content:url('../interface/theme_01/rating_icon.gif');}
img.report {width:32px; height:32px; border:none; content:url('../interface/theme_01/report_icon.gif');}
img.unblock {width:32px; height:32px; border:none; content:url('../interface/theme_01/unblock_icon.gif');}
img.unbookmark {width:32px; height:32px; border:none; content:url('../interface/theme_01/unbookmark_icon.gif');}
img.failure {width:30px; height:18px; border:none; content:url('../interface/theme_01/failure_bullet.gif');}
img.success {width:30px; height:18px; border:none; content:url('../interface/theme_01/success_bullet.gif');}
img.sold {width:180px; height:60px; border:none; content:url('../interface/theme_01/sold.gif');}
img.padlock {width:32px; height:32px; border:none; content:url('../interface/theme_01/padlock.gif');}
/* Text */
span.italic {font-style:italic;}
span.bold {font-weight:bold;}
span.underline {text-decoration:underline;}
span.font_smaller {font-family:verdana,arial,sans-serif; font-size:14px;}
span.font_larger {font-family:verdana,arial,sans-serif; font-size:20px;}
span.code {font-family:verdana,arial,sans-serif; font-size:14px; color:#0080C0;}
span.featured_ad {font-size:14px; text-transform:uppercase; color:#FFFFFF; padding:0 5px 0 5px; border-radius:5px; background:#3596B7;}
p, span {word-wrap:break-word;}
p.text, li {font-size:14px;}
p a:link, a:visited {color:#0000FF;}
p a:hover, a:active {color:#0080FF;}
/* Links */
a.styled_link {display:inline-block; padding:2px 5px 2px 5px; margin:5px; font-size:14px; font-weight:bold; text-transform:uppercase; border-radius:5px; 
background:#3596B7;}
a.styled_link:link, a.styled_link:visited {color:#DBDBDB;}
a.styled_link:hover, a.styled_link:active {color:#FFFFFF;}
/* Forms */
ul.error {margin-left:-20px;}
form {width:95%; padding:5px; border:2px solid #3596B7; border-radius:10px; margin:auto;}
input, select, textarea {margin:2px; padding:2px; border:2px solid #3596B7; border-radius:6px;}
input[type=text], input[type=password], select {font-size:16px;}
input[type=submit] {padding:5px; margin-top:20px; color:#3596B7; font-size:16px; font-weight:bold; text-transform:uppercase; border:2px solid #3596B7; 
border-radius:6px; cursor:pointer;}
input[type=submit]:hover, input[type=submit]:active {background-color:#E8E8E8;}
input[name=captcha] {width:95px; margin-top:5px;}
textarea {width:95%; min-height:100px; resize:vertical; margin:auto;}
div.flat_box form {margin-top:0;}
/* Pagination */
a.pagination {display:inline-block; width:50px; padding:4px; font-size:16px; font-weight:bold; text-align:center; border:2px solid #3596B7; border-radius:6px; color:#3596B7; background:#DBDBDB;}
a.pagination#first {margin-left:10px;}
div.flat_box a.pagination#first {margin-left:0;}
a.pagination#last {margin-right:10px;}
form.go_to_page {display:inline-block; width:200px; padding:2px; border:none;}
input[name=go_to_page] {width:40px; padding:2px;}
input.go_to_page {padding:5px; margin:0;}
/* Divs */
div.flat_box {width:95%; border:2px solid #3596B7; border-radius:10px; margin:5px auto auto auto; padding:5px;}
div.light_box {width:95%; border-bottom:2px solid #3596B7; margin: 5px auto auto auto; padding:5px;}
/* Insert Text buttons */
div.insert_text_button {display:inline-block; width:32px; height:32px; padding:0; margin:2px; border:2px solid #3596B7; border-radius:4px; cursor:pointer;}
div.insert_text_button#domicile {background:url('../interface/theme_01/house_icon.gif');}
div.insert_text_button#phone {background:url('../interface/theme_01/phone_icon.gif');}
div.insert_text_button#mobile {background:url('../interface/theme_01/mobile_icon.gif');}
div.insert_text_button#e-mail {background:url('../interface/theme_01/e-mail_icon.gif');}
div.insert_text_button#bank_transfer {background:url('../interface/theme_01/bank_icon.gif');}
div.insert_text_button#cash_on_delivery {background:url('../interface/theme_01/cash_on_delivery_icon.gif');}
div.insert_text_button#cash {background:url('../interface/theme_01/cash_icon.gif');}
div.insert_text_button#e-payment {background:url('../interface/theme_01/e-payment_icon.gif');}
/* Insert Text buttons */
img.insert_text_button {display:inline-block; width:32px; height:32px; padding:0; margin:2px; border:none; border-radius:4px; cursor:default;}
img.insert_text_button#domicile {content:url('../interface/theme_01/house_icon.gif');}
img.insert_text_button#phone {content:url('../interface/theme_01/phone_icon.gif');}
img.insert_text_button#mobile {content:url('../interface/theme_01/mobile_icon.gif');}
img.insert_text_button#e-mail {content:url('../interface/theme_01/e-mail_icon.gif');}
img.insert_text_button#bank_transfer {content:url('../interface/theme_01/bank_icon.gif');}
img.insert_text_button#cash_on_delivery {content:url('../interface/theme_01/cash_on_delivery_icon.gif');}
img.insert_text_button#cash {content:url('../interface/theme_01/cash_icon.gif');}
img.insert_text_button#e-payment {content:url('../interface/theme_01/e-payment_icon.gif');}
/* Other elements */
.form_display {position:relative; margin:auto; margin-bottom:10px; border:1px solid grey; width:92%; padding:10px;}
.code_display {position:relative; margin:auto; margin-bottom:10px; border:1px solid grey; width:92%; padding:10px; background:#80FF80;}
.result_display {position:relative; margin:auto; border:1px solid grey; width:92%; padding:10px; background:#FFFF80;}
.note {color:#800000; font-family:cursive; padding-left: 10px;}
p.warning {font-size:18px; text-align:left;}
/* Advertising */
div.adsense_adaptable_desktop {position:sticky; width:90%; top:50px; margin:10px auto 10px auto;}
div.adsense_adaptable_mobile {position:relative; display:none; width:100%; max-width:720px; margin:10px auto 10px auto; box-sizing:border-box;}
div.adsense_adaptable_list {position:relative; width:90%; margin:20px auto 20px auto;}
/* Media queries */
@media screen and (max-width:1400px) {
    #upper_bar {font-size:16px;}
}
@media screen and (max-width:1250px) {
    #upper_bar {font-size:14px;}
}
@media screen and (max-width:1100px) {
    #upper_bar {font-size:12px;}
}
@media screen and (max-width:960px) {
    body {background:#DBDBDB url('../interface/theme_01/mobile/background.gif') repeat-x;}
    body.twoColLayout #primaryContent {width:73%; margin:0;}
    body.twoColLayout #secondaryContent {float:right; width:27%; min-width:190px; margin:0;}
    #wrapper {width:100%; margin:40px auto auto -50%; background:url('../interface/theme_01/mobile/middle_wrapper.gif') repeat-y;}
    #header {height:100px; background:url('../interface/theme_01/mobile/header.gif') no-repeat;}
    #canvas {margin-left:0;}
    #logo {top:20px; left:25px;}
    #progress_bar, #left_arrow, #right_arrow {display:none;}
    #navigation_bar {background:url('../interface/theme_01/mobile/navigation_bar.gif') repeat-y;}
    #navigation_bar ul {padding:5px 0 0 10px; box-sizing:border-box;}
    #navigation_bar ul li {display:inline-block; padding:5px 0 10px 0; font-size:18px;}
    #navigation_bar ul a {background:none;}
    #upper_footer {background:url('../interface/theme_01/mobile/upper_footer.gif') repeat-y;}
    #footer {background:url('../interface/theme_01/mobile/footer.gif') repeat-y;}
    form, div.flat_box, div.light_box {width:100%; box-sizing:border-box;}
    div.boxBg {padding:0;}
    input[type=text], input[type=password], select {min-height:24px; font-size:18px;}
    textarea {font-size:16px;}
    input[type=file] {max-width:95%; font-size:16px;}
    input[type=checkbox] {width:18px; height:18px; vertical-align:bottom;}
    a.styled_link {font-size:18px;}
    span.font_smaller, p.text, li {font-size:16px;}
    #secondaryContent ul.side_menu_collapsible {margin:0 auto 20px 0;}
    #secondaryContent ul.side_menu_collapsible#first {margin:10px auto 0 0;}
}
@media screen and (max-width:840px) {
    body.twoColLayout #secondaryContent {float:right; width:27%; min-width:180px; margin:0;}
    #secondaryContent ul.side_menu_collapsible#first {margin:10px auto 20px 0;}
    #secondaryContent label {margin-bottom:-4px; font-size:12px;}
    #secondaryContent a.styled_link {font-size:12px;}
}
@media screen and (max-width:720px) {
    body.twoColLayout #secondaryContent {float:right; width:27%; min-width:160px; margin:0;}
}
@media screen and (max-width:640px) {
    body.twoColLayout #primaryContent {float:none; width:100%; padding:0; margin:0;}
    body.twoColLayout #secondaryContent {float:none; width:100%; padding:0; margin:0;}
    #secondaryContent ul.side_menu_collapsible#first {margin:10px auto 10px 0;}
    #secondaryContent label {margin-bottom:-2px; font-size:16px;}
    #secondaryContent a.styled_link {font-size:16px;}
    div.adsense_adaptable_desktop {display:none;}
    div.adsense_adaptable_mobile {display:block;}
}
@media screen and (max-width:500px) {
    #upper_bar span#headline {display:none;}
}
@media screen and (max-width:250px) {
    #upper_bar span.cookie_notice {display:none;}
}
/* Viewport */
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}