/*
This CSS file is a combination of several files in order to reduce HTTP requests.
Created 22.03.2019 - 19:27:04

*/

/*

-------------------------------------------------



File: application/../assets/css/style.css 



-------------------------------------------------

*//* Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* End reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

@media only screen and (max-width: 960px) {
	/* Style adjustments for viewports 500px and less go here */
}


/* -----------------------------------------------------------

	Clear floats

----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }
.clear { clear: both; }

/*--------------------------------------------8<--------------------------------------------*/
/*

-------------------------------------------------



File: application/../assets/css/dff.css 



-------------------------------------------------

*//**
 * @package	Design Forum Finland
 * @author	Activeark JWT
 * @date	26.03.2013
 */

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/graphik/Graphik-Regular-Web.eot');
    src: url('../fonts/graphik/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),
    url('../fonts/graphik/Graphik-Regular-Web.woff') format('woff'),
    url('../fonts/graphik/Graphik-Regular-Web.ttf') format('truetype'),
    url('../fonts/graphik/Graphik-Regular-Web.svg#Graphik-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Web';
    src: url('../fonts/graphik/Graphik-Semibold-Web.eot');
    src: url('../fonts/graphik/Graphik-Semibold-Web.eot?#iefix') format('embedded-opentype'),
    url('../fonts/graphik/Graphik-Semibold-Web.woff') format('woff'),
    url('../fonts/graphik/Graphik-Semibold-Web.ttf') format('truetype'),
    url('../fonts/graphik/Graphik-Semibold-Web.svg#Graphik-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

body {
    font-size: 13px;
    font-family: 'Graphik Web', sans-serif;
    font-weight: 400;
}
img {
    max-width: 100%;
}

body.shop {
    border-left: solid 20px #000;
    border-right: solid 20px #000;
}

::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }

#container,
.center {
    width: 80%;
    max-width: 925px;
    margin: 0 auto;
}
#container {
    padding: 0;
}

a {
    color: inherit;
}
a.active {
    font-weight: 600;
}

p {
    padding: 10px 0;
}

p,
.teaser_block_body {
    line-height: 21px;
}
small {
    font-size: 11px;
    display: inline-block;
    line-height: 15px;
}

.ingress {
    font-weight: 600;
    padding-bottom: 20px;
    line-height: 21px;
}

h1, h2, h3, h4 {
/*text-transform: uppercase;*/
}

h1 {
    // font-family: 'Capsa W01 Roman';
	font-size: 36px;
	padding-bottom: 20px;
	line-height: 40px;
	font-weight: 600;
}
h2 { padding: 20px 0; padding-top: 0; }
h3 { padding: 15px 0; }
h4 { padding: 12px 0; }

.main_heading {
    font-size: 32px;
    font-weight: 600;
}

hr {
    border: none;
    height: 1px;
    background: #ccc;
    margin: 20px 0;
}

.list_anchors ul {
    list-style: none;
}
.list_anchors ul li a {
    display: block;
    background: url('../img/bullet.gif') 0 5px no-repeat;
    padding-left: 20px;
    text-decoration: none;
    padding-bottom: 4px;
}

#page_content {}
#page_content.shop {
/*padding-top: 113px;*/
/*background: url('../img/shop/shop_header_title.gif') top center no-repeat;*/
}
#common_shop_header_logo {
    display: block;
    padding-bottom: 40px;
}
#common_shop_header_logo_mobile {
    display: none;
}

.back_footer a {
    background: url('../img/bullet_reversed.gif') 0 2px no-repeat;
    padding-left: 13px;
    text-decoration: none;
    font-weight: 600;
}

.pagination {
    list-style: none;
    text-align: center;
}
.pagination li,
.pagination li a {
    display: inline-block;
}
.pagination li a {
    font-size: 16px;
    padding: 0 12px;
    text-decoration: none;
}

form.style {
    max-width: 400px;
    border-top: solid 5px #000;
    padding-top: 42px;
}
form.style h1 {
    font-size: 28px;
    // font-family: 'Capsa W01 Roman';
    line-height: 33px;
}
form.style h3 {
    font-size: 20px;
    // font-family: 'Capsa W01 Roman';
    line-height: 33px;
    padding-top: 30px;
}
form.style p {
    clear: both;
    padding: 15px 0;
}
form.style input[type=text],
form.style textarea,
form.style input[type=email] {
    float: right;
    height: 40px;
    /*line-height: 40px;*/
    text-indent: 10px;
    width: 237px;
    background: transparent;
    border: solid 1px #000;
    border-radius: 5px;
}
form.style h5 {
    font-size: 20px;
    padding-bottom: 5px;
}
form.style input[type=checkbox] {
    margin-right: 5px;
}
form.style label.checkbox {
    display: inline-block;
    padding: 5px 0;
}
form.style textarea {
    min-height: 100px;
    float: none;
    width: 98.5%;
}
form.style p.secondary label textarea {
    /**/
    min-height: 60px;
    max-height: 60px;
}
form.style label {
    font-weight: 600;

}
form.style h4 {
    font-size: 16px;
    font-weight: 600;

    text-transform: none;
}

form.style input[type=submit] {
    background: #000;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;

    text-transform: uppercase;
    text-align: center;
    min-width: 180px;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
    // font-family: 'Asap';
    border: none;
    float: right;
}

#newsfeed_sidebar_handle {
    /*float: left;*/
    margin-left: -70px;
    position: absolute;
    margin-top: 10%;
    display: block;
    width: 50px;
    height: 136px;
    text-indent: -9000px;
}
#newsfeed_sidebar_handle.fi {
    background: url(../img/Sivupalkki_SUOMI.png) 0 0 no-repeat;
}
#newsfeed_sidebar_handle.en {
    background: url(../img/Sivupalkki_ENGLANTI.png) 0 0 no-repeat; /* TODO! */
}
#newsfeed_sidebar_closer {
    float: right;
    text-decoration: none;
    font-size: 30px;
}
#newsfeed_sidebar_slider_wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 98%;
    /*max-width: 1024px;*/
    min-width: 300px;
    background: #fff;
    padding: 20px;
    color: #000;
    min-height: 100%;
    z-index: 100;
    border-left: solid 1px #000;
}
.content_filter_bar {
    background: url(../img/DFF_logo.png) 20px 10px no-repeat;
    padding-bottom: 30px;
}
.content_filter_bar.archive {
    background: none;
    padding-bottom: 0;
}
.content_filter_bar .content {
    padding: 20px;
    padding-left: 220px;
    padding-bottom: 0;
}
.content_filter_bar.archive .content {
    padding-left: 0;
    padding-bottom: 0;
}
.content_filter_bar .content h3 {
    font-size: 16px;
    font-weight: 600;

    margin-top: 0;
    padding-top: 0;
}
.content_filter_bar .content .filter_form,
.content_filter_bar .content .filter_search_form {
    float: left;
    width: 50%;
}
.content_filter_bar .content .filter_form .category_nav {
    list-style: none;
}
.content_filter_bar .content .filter_form .category_nav li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    width: 180px;
    padding-bottom: 5px;
}
.content_filter_bar .content .filter_form .category_nav li input[type=checkbox] {
    margin-right: 5px;
}

.content_filter_bar .content .filter_search_form {
    margin-top: -10px;
}
.content_filter_bar .content .filter_search_form input[type=text] {
    line-height: 40px;
    height: 40px;
    border: solid 1px #000;
    width: 290px;
    text-indent: 15px;
    border-radius: 5px;
}
.content_filter_bar .content .filter_search_form input[type=submit] {
    width: 30px;
    line-height: 40px;
    background: url(../img/search_toggler_icon.gif) center center no-repeat transparent;
    text-indent: -9000px;
    border: 0;
    margin-left: -45px;
    cursor: pointer;
}

#sidebar_dynamic_content_area {
    height: 100%;
    overflow: auto;
    padding: 40px;
    padding-top: 0;
}
#sidebar_content_wrapper {
    max-width: 960px;
    margin: 0 auto;
}
#sidebar_content_wrapper h3#sidebar_newsfeed_common_header {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    padding: 0;
    margin: 0;
    clear: both;
/*padding-left: 40px;*/
}

#sidebar_feed_list {
    list-style: none;
    padding-top: 42px;
    max-width: 960px;
/*padding-left: 40px;*/
}
#sidebar_feed_list li {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: solid 1px #000;
}
#sidebar_feed_list li .timestamp {
    float: left;
    font-size: 36px;
    line-height: 36px;
    // font-family: 'Capsa W01 Roman';
}
#sidebar_feed_list li .content {
    width: 80%;
    float: right;
}
#sidebar_feed_list .content .body {
    float: left;
    width: 50%;
}
#sidebar_feed_list .content .image {
    float: right;
    width: 40%;
}

#sidebar_feed_list li .content h3 {
    font-weight: 600;

    text-transform: uppercase;
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
}
#sidebar_feed_list li .content h2 {
    font-size: 16px;
    font-weight: 600;

    text-transform: uppercase;
}
#sidebar_feed_list li .content h2 a {
    text-decoration: none;
}
#sidebar_feed_list li .content .category {
    font-weight: 600;

    text-transform: uppercase;
}
#sidebar_feed_list li .content h4.title {
    font-size: 16px;
    font-weight: 600;

    text-transform: uppercase;
}
#sidebar_feed_list li .read_more_link_paragraph {
    clear: both;
}
#sidebar_feed_list li .content .button {
    margin-top: 20px;
}


#search_toggler {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    background: url(../img/search_toggler_icon.gif) center center no-repeat;
    text-indent: -9000px;
    margin-top: -5px;
}

.mobile_header,
.mobilenav_toggler,
#mobile_home_link {
    display: none;
}
#header_tools {
    float: right;
    margin-top: -34px;
}
#header_tools a {
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 10px;
    font-size: 11px;
}
#search_form_area_wrapper {
    position: absolute;
    background: #fff;
    margin-top: -2px;
    margin-left: -148px;
    z-index: 20;
}
#search_form_area_wrapper input[type=text] {
    line-height: 20px;
    height: 20px;
    border: solid 1px #000;
    width: 150px;
    text-indent: 10px;
    border-radius: 5px;
    vertical-align: bottom
}
#search_form_area_wrapper input[type=submit] {
    display: inline-block;
    line-height: 24px;
    height: 24px;
    border: 0;
    padding: 0;
}
#nav_container {
    padding-top: 45px;
}
#main_nav {
    margin-bottom: 80px;
    width: 100%;
    min-width: 930px;
    float: left;
    background: url('../img/nav_bars.gif') 0 0 repeat-y;
}
#main_nav ul {
    width: 211px;
    float: left;
    list-style: none;
    /*border-left: solid 1px #000;*/
    padding-left: 15px;
    min-height: 82px;
}
#main_nav > ul {
}
#main_nav ul.last {
/**/
}
#main_nav ul li {}
#main_nav ul li a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 12px;
}
#main_nav ul li a:hover,
#main_nav ul li.active > a,
#main_nav ul li.active ul li.active a {
    font-weight: 600;
}
#main_nav ul li ul {
    display: none;
    width: 100%;
    min-height: auto;
}
#main_nav ul li ul li a {
    font-size: 11px;
    text-indent: 10px;
}
#main_nav ul li.active ul,
#main_nav ul li:hover ul {
    display: block;
    padding-left: 0;
    border: 0;
}

#nav_home_button {
    display: block;
    float: left;
    width: 200px;
    height: 50px;
    text-indent: -9000px;
    background: url(../img/DFF_logo.png) 0 0 no-repeat;
    margin-right: 35px;
}

#header_some_nav {
    position: absolute;
    margin-left: 67px;
    margin-top: 11px;
}
#header_some_nav a {
    display: block;
    line-height: 25px;
    width: 25px;
    text-indent: -9000px;
    background: url('../img/some_sprite.png') 0 0 no-repeat;
}
#header_some_nav a.facebook { background-position: 0 0; }
#header_some_nav a.twitter { background-position: 0 -65px; }

.form_toggler {
    margin: 30px 0;
    padding: 0 10px;
}

.feed_item_list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.feed_item_list div.column {
    /*width: 33.333%;*/
    width: 32%;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}
.feed_item_list div.column.first {
    margin-right: 2%;
}
.feed_item_list div.column.second {}
.feed_item_list div.column.last {
    margin-left: 2%;
}
.feed_item_list div.column a {
    display: block;
    text-decoration: none;
}
.feed_item_list div.item {
    margin-bottom: 25px;
}
.feed_item_list div.item img {
    max-width: 100%;
    margin-bottom: 10px;
}
.feed_item_list div.item h2,
.feed_item_list div.item h3,
.feed_item_list div.item p {
    padding: 7px 0;
    padding-top: 0px;
}

.feed_item_list div.item h3 {
    font-size: 13px;
    font-weight: 600;

    text-transform: none;
}
.feed_item_list div.item h2 {
    font-size: 13px;
    font-weight: 600;

    text-transform: uppercase;
    padding-top: 0;
}
.feed_item_list div.item p {}

.static_item {
    text-align: center;
    margin-bottom: 24px;
}
.static_item h1 {
    font-size: 28px;
    font-weight: 600;

    line-height: 33px;
}
.static_item .button {
    width: 60%;
    margin: 0 auto;
}

.static_item_cta {
    background: #000;
    border-radius: 5px;
    display: block;
    font-weight: 600;

    text-transform: uppercase;
    text-align: center;
    width: 50%;
    margin: 0 auto !important;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
}
.static_item_cta:hover {
    background: #333333;
}

.button {
    background: #000;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;

    text-transform: uppercase;
    text-align: center;
    min-width: 140px;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
}
.button:hover {
    background: #333333;
}

#main_footer {
    padding: 20px 0;
    margin: 20px 0;
    margin-bottom: 0;
}

section.newsletter {
    padding-top: 72px;
    text-align: center;
    border-top: solid 5px #000;
}
section.newsletter h4 {
    font-weight: 600;

    font-size: 16px;
}
section.newsletter form input[type=email] {
    width: 340px;
    text-indent: 30px;
    line-height: 42px;
    height: 42px;
    background: transparent;
    border: solid 1px #000;
    border-radius: 4px;
    display: inline-block;
}
section.newsletter form .submit_button {
    border: 0;
    font-size: 13px;
}

section.partners,
section.partners_custom {
    border-top: solid 1px #000;
    text-align: center;
}
section.partners ul,
section.partners_custom ul {
    list-style: none;
}
section.partners ul li a {
    display: block;
    width: 25%;
    float: left;
    line-height: 140px;
    text-indent: -9000px;
}
section.partners ul li a.armi { background: url(../img/partners/armi.jpg) center center no-repeat; }
section.partners ul li a.icsid { background: url(../img/partners/icsid.jpg) center center no-repeat; }
section.partners ul li a.ornamo { background: url(../img/partners/ornamo.jpg) center center no-repeat; }
section.partners ul li a.beda { background: url(../img/partners/beda.jpg) center center no-repeat; }

section.partners_custom ul {
    /*text-align: left;*/
    position: relative;
}
section.partners_custom ul li {
    display: inline-block;
    /*line-height: 140px;*/
    /*height: 140px;*/
    padding: 30px 0;
}
section.partners_custom ul li img {
/*position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.logobar_delete_logo_link {
    text-decoration: none;
    float: right;
    display: block;
    padding: 5px;
    font-weight: 600;

}

section.closure {
    text-align: center;
    padding-top: 40px;
    font-size: 11px;
}
section.closure nav {}
section.closure nav ul {
    list-style: none;
}
section.closure nav ul li {
    display: inline;
}
section.closure nav ul li a {
    text-decoration: none;
    display: inline-block;
    padding: 0 10px;
    border-right: solid 1px #000;
}
section.closure nav ul li a.last_link {
    border: none;
}
section.closure nav ul li.copyright {
    padding-left: 40px;
}

/****************************************************************************/

.competition_form {
    padding: 20px 0;
    display: none;
}
.competition_form div.field {
    padding-bottom: 10px;
}
.competition_form input[type=text],
.competition_form input[type=email],
.competition_form textarea,
.competition_form select {
    display: block;
    width: 100%;
}
.competition_form select,
.style select {
    display: block;
    width: 100%;
    min-height: 40px;
    line-height: 40px;
    border: solid 1px #000;
    padding: 10px;
    border-radius: 5px;
}
.competition_form select option {}

/****************************************************************************/

#designer_list_wrapper {}
#designer_list_wrapper .alphabetic_section {
    padding: 40px 0;
    margin: 40px 0;
    border-top: solid 1px #000;
}
#designer_list_wrapper .alphabetic_section h4 {
    width: 10%;
    float: left;
    font-size: 36px;
    line-height: 38px;
    padding: 0;
    margin: 0;
}
#designer_list_wrapper .list_wrapper {
    width: 90%;
    float: right;
}
#designer_list_wrapper ul {
    float: left;
    width: 20%;
    padding-left: 0;
    list-style: none;
}
#designer_list_wrapper ul li {
    padding: 4px 0;
}

/****************************************************************************/

.regular_customer_template {}
.regular_customer_template .content {
    width: 300px;
    float: left;
}
.regular_customer_template aside {
    float: right;
}
.regular_customer_template form {
    max-width: 300px;
}
.regular_customer_template form .text_fields p {
    clear: both;
}
.regular_customer_template form .text_fields label span {
    float: left;
    width: 28%;
    line-height: 40px;
    display: block;
    font-weight: 600;

}
.regular_customer_template form .text_fields input[type=text],
.regular_customer_template form .text_fields input[type=email] {
    display: block;
    width: 70%;
    line-height: 40px;
    height: 40px;
    border: solid 1px #000;
    text-indent: 15px;
    border-radius: 5px;
    float: right;
}
.regular_customer_template form input[type=submit] {
    border: none;
    width: 180px;
    float: right;
    margin-top: 25px;
    cursor: pointer;
    margin-bottom: 42px;
}
.regular_customer_template .checkboxes {
    padding-left: 30%;
    padding-top: 20px;
}
.regular_customer_template .checkboxes h4 {
    font-weight: 600;

    font-size: 16px;
}
.regular_customer_template .checkboxes ul {
    list-style: none;
}

.spreadsheet_table {}
.spreadsheet_table td,
.spreadsheet_table th {
    font-size: 11px;
    padding: 4px;
}
.spreadsheet_table th {
    font-weight: 600;

}

/****************************************************************************/

#FDY1213_form_wrapper, #showroom_form_wrapper, #fenniaprize_form_wrapper {
    display: none;
    padding-top: 30px;
}
.username_field {
    display: none;
}

/****************************************************************************/

.downloadble_images_public_box {
    border-top: solid 5px #000;
    padding-top: 42px;
    margin-top: 0px;
}
.downloadble_images_public_box h2 {
    font-size: 28px;
    padding-bottom: 42px;
    padding-top: 0;
    margin-top: 0;
}
.downloadble_images_public_box .image {
    float: left;
    max-width: 320px;
    width: 40%;
}
.downloadble_images_public_box aside {
    float: left;
    width: 50%;
}
.downloadble_images_public_box aside h4 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;

    margin: 0;
    padding: 0;
}
.downloadble_images_public_box .downloadables_box_thumbs {
    list-style: none;
}
.downloadble_images_public_box .downloadables_box_thumbs li {
    display: inline-block;
    width: 129px;
    overflow: hidden;
    margin-right: 27px;
    margin-bottom: 27px;
}
.downloadble_images_public_box .downloadables_box_thumbs li:nth-child(6n) {
    margin-right: 0;
}
.downloadables_box_dynamic_image_area {}
.downloadables_box_dynamic_image_area ul {
    list-style: none;
    padding: 10px 0;
}
.downloadables_box_dynamic_image_area ul li a {
    background: url('../img/bullet.gif') center left no-repeat;
    line-height: 30px;
    padding-left: 15px;
    text-decoration: none;
    font-weight: 600;

}

.downloadable_preview_image {}
.downloadable_preview_box_closer {
    float: right;
    font-size: 30px;
    text-decoration: none;
}

#downloadable_image_dynamic_body {
    padding-bottom: 25px;
}
#downloadables_admin_add_images_form,
#logobar_admin_add_images_form {
    display: none;
}

/****************************************************************************/

#public_custom_sitemap ul {
    list-style: none;
}
#public_custom_sitemap ul a {
    text-decoration: none;
}
#public_custom_sitemap ul > li a {
    font-size: 14px;
    font-weight: 600;

    line-height: 30px;
}
#public_custom_sitemap ul ul {
    padding-left: 2%;
}
#public_custom_sitemap ul ul li a {
    font-size: 12px;
    background: url('../img/bullet.gif') center left no-repeat;
    padding-left: 15px;
    font-weight: normal;
}

/****************************************************************************/

.sortable_components {
/*width: 100%;*/
/*background: red;*/
}

.person_block_component {
    margin: 30px;
    margin-right: 60px;
    margin-left: 0;
    position: relative;
    float: left;
    display: block;
    text-align: center;
    width: 185px;
    height: 215px;
    padding-bottom: 20px;
}
#staff_item_wrapper {
/*padding-bottom: 30px;*/
}
#staff_item_wrapper .q2_component_wrapper:nth-child(4n) .person_block_component {
    margin-right: 0;
}
body.admin_logged .person_block_component {
    height: 285px;
    float: none;
}
.person_block_component img {
    margin-bottom: 20px;
}
.person_block_component h2 {
    font-size: 13px;
    font-weight: 600;

    margin: 0;
    padding: 0;
    text-transform: uppercase;
    line-height: 20px;
}
.person_block_body {
    text-transform: uppercase;
}

/****************************************************************************/

.teaser_block_component {
    padding-bottom: 40px;
}
.teaser_block_component .teaser_left {
    float: left;
    width: 30%;
    padding-right: 8%;
    min-height: 1px;
    padding-top: 3px;
}
.teaser_block_component .teaser_right {
    float: left;
    width: 50%;
}
.teaser_block_component .teaser_right h2 {
    font-size: 16px !important;
    font-weight: 600;
    text-transform: uppercase !important;
}
.teaser_block_component .teaser_right h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 0;
    margin-top: 0;
}
.teaser_block_component .teaser_block_body {
    min-height: 57px;
}
.teaser_block_component .teaser_block_body p {
    margin-top: 0;
    padding-top: 0;
}
.teaser_block_component .teaser_right .teaser_block_cta_link p a {
    background: #000;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;

    text-transform: uppercase;
    text-align: center;
    min-width: 140px;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
}
.teaser_block_component .teaser_right .teaser_block_cta_link p a:hover {
    background: #333333;
}

/****************************************************************************/

.footer_teasers {
    padding-top: 50px;
    text-align: center;
}
.footer_teasers p {
    padding: 0;
}
.footer_teasers div.a,
.footer_teasers div.b,
.footer_teasers div.c {
    float: left;
    width: 26.90%;
    width: 32%;
    margin-right: 2%;
}
.footer_teasers div.c {
    margin-right: 0;
}
.footer_teasers .teaser_block_body {
    padding-top: 20px;
    text-align: center;
    /*height: 60px;*/
    /*overflow: hidden;*/
    padding-bottom: 20px;
}
.footer_teasers .teaser_block_body a {
    display: block;
    text-transform: uppercase;
    font-weight: 600;

    font-size: 13px;
    text-decoration: none;
}

/****************************************************************************/

#search_results_page {}
#search_results_page h1 {}
#search_results_page ul {
    list-style: none;
    padding-top: 30px;
}
#search_results_page ul li a {
    display: block;
    padding-left: 20px;
    text-transform: uppercase;
    text-decoration: none;
    background: url('../img/bullet.gif') center left no-repeat;
    font-weight: 600;

    line-height: 30px;
}

/****************************************************************************/

.expandable_component {
    border-top: solid 1px #000;
    padding: 10px 0;
}
.expandable_component h4 {
    font-weight: 600;

    font-size: 16px;
}
.expandable_component .content_toggler {
    background: url('../img/toggler_icon.gif') 0 8px no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9000px;
    float: right;
}
.expandable_component .content_toggler.open {
    background-position: 0 -36px;
}
.expandable_component .expandable_body {
    display: none;
}
.expandable_component .expandable_body img {
    margin-left: 8%;
}

/****************************************************************************/

div.ingress,
div.body {
    width: 49%;
    line-height: 20px;
}

/****************************************************************************/

#landing_page_template {}
#landing_page_template h2 {
    line-height: 22px;
}
#shop_facebook_feed {
    min-height: 400px;
}

/****************************************************************************/

#basic_template {}
#basic_template .image_wrapper img {
    padding-top: 20px;
    padding-bottom: 30px;
}
#basic_template h2 {
    font-size: 28px;
    // font-family: 'Capsa W01 Roman';
}
#basic_template .left {
    float: left;
    width: 49%;
}
#basic_template .right {
    float: left;
    width: 50%;
/*border: solid 1px yellow;*/
}
#basic_template .body {
/*width: 100%;*/
}

/****************************************************************************/

#release_landing_template {}
#release_landing_template .release_list {
    list-style: none;
    padding-top: 42px;
}
#release_landing_template .release_list li {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: solid 1px #000;
}
#release_landing_template .release_list li .timestamp {
    float: left;
    font-size: 36px;
    line-height: 36px;
    // font-family: 'Capsa W01 Roman';
}
#release_landing_template .release_list li .release_teaser_content {
    width: 80%;
    float: right;
}
#release_landing_template .release_list li .release_teaser_content h2 {
    font-size: 16px;
    font-weight: 600;

    // font-family: 'Asap';
    text-transform: uppercase;
}
#release_landing_template .release_list li .release_teaser_content h2 a {
    text-decoration: none;
}
#release_landing_template .release_list li .release_teaser_content .teaser_body {
    float: left;
    width: 50%;
}
#release_landing_template .release_list li .release_teaser_content .teaser_image {
    float: right;
    width: 40%;
}
#release_landing_template .release_list li .release_teaser_content .button {
    margin-top: 20px;
}

/****************************************************************************/

#release_template {}
#release_template h1 {
    font-size: 36px;
    text-transform: none;
    max-width: 50%;
}
#release_template .timestamp {
    font-weight: 600;

}

/****************************************************************************/

#archive_template {}
#archive_template .archive_list {}
#archive_template .archive_list li {
    font-weight: 600;

    padding: 20px 0;
    margin: 20px 0;
    border-bottom: solid 1px #000;
}
#archive_template .archive_list li h2 {
    padding-top: 15px;
}
#archive_template .archive_list li h2 a {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    background: url('../img/bullet.gif') center right no-repeat;
    padding-right: 15px;
}
#archive_template .archive_list .meta span {
    display: inline-block;
    padding: 0 4px;
}

/****************************************************************************/

#contact_template {}
#contact_template .cta_para a {
    width: 70%;
}
#contact_template .column_wrapper {
    text-align: center;
}
#contact_template .column_wrapper .column {
    width: 29%;
    /*float: left;*/
    display: inline-block;
    text-align: center;
}
#contact_template .column_wrapper .column div {
    line-height: 21px;
}
#contact_template .column_wrapper .content {
    min-height: 180px;
}
#contact_template .column_wrapper h2 {
    margin: 0;
    padding: 0;
    font-weight: 600;

    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

/****************************************************************************/

#contact_subpage_template {}
#contact_subpage_template {
    line-height: 20px;
}
#contact_subpage_template .columns a,
#contact_subpage_template .body a {
    text-decoration: none;
    font-weight: 600;

    background: url('../img/small_link_bullet.png') center left no-repeat;
    padding-left: 15px;
}
#contact_subpage_template .columns .column_a {
    float: left;
    width: 37.2%;
}
#contact_subpage_template .columns .column_a h1 {
    font-size: 36px;
    line-height: 40px;
    // font-family: 'Capsa W01 Roman';
    text-transform: none;
    margin-top: 0;
    padding-top: 0;
}
#contact_subpage_template .columns .column_b {
    float: left;
    width: 26%;
    text-align: center;
    margin-right: 4%;
}
#contact_subpage_template .columns .column_c {
    float: left;
    width: 30%;
    padding-top: 70px;
}
#contact_subpage_template .wide_image {
    padding: 30px 0;
}
#contact_subpage_template h3 {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;

}

/****************************************************************************/

#timeline_template {}
#timeline_template h1 {
    line-height: 40px;
}
#timeline_template .body {
    float: left;
    width: 50%;
}
#timeline_template .teaser_left {
    width: 40%;
}
#timeline_template .teaser_right {
    width: 50%;
}
#timeline_template .timeline {
    float: left;
    width: 40%;
    margin-left: 10%;
    line-height: 21px;
/*text-transform: uppercase;*/
}
#timeline_template .timeline .left {
    float: left;
    width: 40%;
    border-right: solid 1px #000;
    padding-right: 20px;
}
#timeline_template .timeline .right {
    float: right;
    width: 40%;
    /*padding-left: 20px;*/
    padding-top: 45px;
}
#timeline_template .timeline h2 {
    font-size: 28px;
    // font-family: 'Capsa W01 Roman';
    padding-top: 30px;
}

/****************************************************************************/

#prizes_landing_template {}
#prizes_landing_template h3 {
    font-size: 28px;
    // font-family: 'Capsa W01 Roman';
    padding: 60px 0;
}
#prizes_landing_template .body {
    width: 100%;
    float: none;
}
#prizes_landing_template aside {
    width: 40%;
    float: right;
}
#prizes_landing_template .ingress {
    padding-bottom: 40px;
}

/****************************************************************************/

#competition_template {}
#competition_template section.first .left {}
#competition_template section.first .right {
    float: right;
    width: 50%;
    padding-bottom: 50px;
}
#competition_template section.first .right img {
    padding-left: 30px;
}
#competition_template h2 {
    // font-family: 'Capsa W01 Roman';
		font-size: 28px;
}

/****************************************************************************/

#projects_landing_template {}
#projects_landing_template h1 {
    padding-bottom: 40px;
}
#projects_landing_template .ingress {
    width: 40%;
}
#projects_landing_template h2 {
    // font-family: 'Capsa W01 Roman';
		font-size: 28px;
		clear: both;
		padding-top: 60px;
}
#projects_landing_template .body {
    width: 100%;
}
#projects_landing_template .ingress {
    padding-bottom: 60px;
}
#projects_landing_template .body ul {
    list-style: none;
    clear: both;
}
#projects_landing_template .body ul li {
    padding-bottom: 30px;
    clear: both;
}
#projects_landing_template .body ul li .left {
    float: left;
    width: 35%;
}
#projects_landing_template .body ul li .right {
    float: left;
    width: 40%;
}

/****************************************************************************/

#not_found {
    width: 400px;
    height: 442px;
    // background: url('../img/404_bg.png') center center no-repeat;
    color: black;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
}
#not_found h1 {
    font-size: 36px;
    // font-family: 'Capsa W01 Roman';
    padding-top: 100px;
    padding-bottom: 30px;
}
#not_found h1 small {
    display: block;
    font-size: 20px;
    padding-top: 20px;
}
#not_found ul {
    list-style: none;
    text-align: left;
    width: 70%;
    margin: 0 auto;
}
#not_found ul li a {
    display: inline-block;
    background: url('../img/bullet.gif') 0 7px no-repeat;
    padding-left: 20px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;

    text-transform: uppercase;
    line-height: 30px;
}

/****************************************************************************/

@media only screen and (max-width: 1024px) {
    #nav_home_button {
	margin-right: 50px; /*TODO*/
    }
    #main_nav {
	background: none; /*TODO*/
    }

    /* Portrait tablet - Front pages */
    .feed_item_list div.column {
	width: 32% !important;
	float: left !important;
    }
    .feed_item_list div.column img {
	max-width: 80%;
    }

}

@media only screen and (max-width: 925px) { /* Smaller screens starts */

    .feed_item_list div.column {
	width: 50%;
	float: left;
    }

    #container {
	min-width: auto;
    }

    iframe {
	max-width: 100%;
    }

    h1 { font-size: 30px; }
    h2 { font-size: 20px; }
    h3 { font-size: 15px; }

    .mobile_header {
	display: block;
	padding-top: 20px;
	padding-bottom: 42px;
	text-align: center;
    }
    .mobile_header img {
	float: left;
	padding-left: 3%;
    }

    .mobilenav_toggler {
	position: absolute;
	top: 20px;
	left: 10px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../img/mobilenav_toggler.gif') 0 0 no-repeat;
	text-indent: -9000px;
    }
    body.shop .mobilenav_toggler {
	left: 25px;
    }
    .mobilenav_closer {
	position: relative;
	display: none;
	float: right;
	width: 22px;
	height: 22px;
	background: url('../img/mobilenav_closer.gif') center center no-repeat;
	text-indent: -9000px;
	z-index: 201;
	margin-top: -5px;
	margin-right: -20px;
    }

    #header_tools {
	float: none;
	margin-left: 30px;
	padding-top: 10px;
    }

    #nav_home_button {
	margin: 0;
	float: none;
	display: block;
	width: 100%;
	height: 20px;
	background: url('../img/home_icon.png') 4px 0 no-repeat;
	text-indent: -9000px;
	margin-left: 15px !important;
	margin-top: 20px !important;
	border-bottom: solid 1px #000;
    }

    #header_some_nav {
	display: none; /* TODO? */
    }

    #nav_container {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 200;
	min-height: 100%;
    }
    #main_nav {
	min-width: auto;
	width: 90%;
	background: none;
    }
    #main_nav ul {
	float: none;
	width: 100%;
	margin: 0 auto;
	min-height: auto;
	border-left: 0;
    }
    #main_nav a {
	border-bottom: solid 1px #000;
	padding: 0;
	padding: 10px 0;
	margin: 0;
    }
    #main_nav ul li ul {
	display: none;
    }
    #main_nav ul li:hover ul {
	display: none;
    }
    #main_nav ul li.active:hover ul {
	display: block;
    }

    #release_landing_template {}
    #release_landing_template .release_list {}
    #release_landing_template .release_list li {
	padding-bottom: 40px;
	margin-bottom: 40px;
    }
    #release_landing_template .release_list li .timestamp {
	width: 100%;
	float: none;
	font-size: 20px;
    }
    #release_landing_template .release_list li .release_teaser_content,
    #release_landing_template .release_list li .release_teaser_content .body,
    #release_landing_template .release_list li .release_teaser_content .teaser_body,
    #release_landing_template .release_list li .release_teaser_content .teaser_image {
	width: 100%;
	float: none;
    }
    #release_landing_template .release_list li .release_teaser_content .teaser_image {
	margin-top: 20px;
    }

}

@media only screen and (max-width: 500px) { /* Mobile starts */

    #page_content.shop {
	padding-top: 50px;
    /*background: url('../img/shop/shop_header_title.gif') top center no-repeat;*/
    /*background-size: cover;*/
    }

    #common_shop_header_logo {
	display: none;
    }
    #common_shop_header_logo_mobile {
	display: block;
    }

    .mobile_header img {
	float: none;
    }

    .body img {
	float: none;
    }
    div.ingress,
    p.ingress,
    div.body {
	padding: 0;
	width: 100%;
	float: none;
    }

    body.shop {
	border-left: solid 10px #000;
	border-right: solid 10px #000;
    }

    .center {
	max-width: 100%;
    }

    form {
	max-width: 320px;
    }
    form input[type=text],
    form textarea,
    form input[type=email],
    form input[type=submit] {
	display: block;
	float: none !important;
	height: 40px;
	line-height: 40px;
	text-indent: 10px;
	width: 80% !important;
    }
    form .checkboxes {
	width: 100% !important;
	float: none !important;
	padding: 0 !important;
    }

    .feed_item_list div.column {
	width: 100% !important;
	float: none;
    }

    .feed_item_list div.column img {
	max-width: 100%;
    }

    #newsfeed_sidebar_handle,
    #newsfeed_sidebar_slider_wrapper {
	display: none;
    }

    section.partners ul li a {
	display: block;
	width: 50%;
	float: left;
	line-height: 70px;
	text-indent: -9000px;
    }

    section.newsletter form input[type=email] {
	width: 80%;
    }

    section.closure nav ul li.copyright {
	padding-left: 0;
	clear: both;
	display: block;
	padding-top: 10px;
    }

    #basic_template {}
    #basic_template .left {
	float: none;
	width: 100%;
	padding-right: 0;
    }
    #basic_template .right {
	float: none;
	width: 100%;
	padding-right: 0;
    }
    #basic_template .body {
	width: 100%;
    }

    #contact_template .column {
	float: none !important;
	width: 100% !important;
	padding-bottom: 30px;
	border-bottom: solid 1px #000;
	margin-bottom: 30px;
    }

    #prizes_landing_template .body,
    #prizes_landing_template aside {
	width: 100%;
	float: none;
    }

    #competition_template {}
    #competition_template section.first .right,
    #competition_template section.first .left {
	float: none;
	width: 100%;
    }
    #competition_template h2 {
	// font-family: 'Capsa W01 Roman';
		font-size: 28px;
    }
    #timeline_template {}
    #timeline_template .body {
	float: none;
	width: 100%;
    }
    #timeline_template .timeline {
	float: none;
	width: 100%;
    }
    #timeline_template .timeline .left {
	float: left;
	width: 40%;
	border-right: solid 1px #000;
	padding-right: 20px;
    }
    #timeline_template .timeline .right {
	float: right;
	width: 40%;
	padding-left: 20px;
    }
    #timeline_template .timeline h2 {
	font-size: 28px;
	// font-family: 'Capsa W01 Roman';
	padding-top: 30px;
    }

    #contact_subpage_template {}
    #contact_subpage_template .columns {}
    #contact_subpage_template .columns .column_a {
	float: none;
	width: 100%;
    }
    #contact_subpage_template .columns .column_a h1 {
	font-size: 36px;
	// font-family: 'Capsa W01 Roman';
	text-transform: none;
    }
    #contact_subpage_template .columns .column_b {
	float: none;
	width: 100%;
	text-align: center;
    }
    #contact_subpage_template .columns .column_c {
	float: none;
	width: 100%;
	padding-top: 10px;
    }
    #contact_subpage_template .wide_image {
	padding: 30px 0;
    }
    #contact_subpage_template h3 {
	text-transform: none;
	font-size: 16px;
	font-weight: 600;

    }

    #not_found {
	width: 100%;
	height: auto;
	background: none;
	color: #000;
	margin-bottom: 0;
    }
    #not_found h1 {
	padding-top: 10px;
	padding-bottom: 20px;
    }
    #not_found ul li a {
	background: url('../img/bullet.gif') 0 7px no-repeat;
    }

    .footer_teasers {
	margin-left: 10%;
	padding-top: 30px;
    }
    .footer_teasers p {
	padding: 0;
    }
    .footer_teasers div.a,
    .footer_teasers div.b,
    .footer_teasers div.c {
	float: none;
	width: 100%;
	margin-right: 0;
    }
    .footer_teasers .teaser_block_body {
	padding-top: 10px;
	text-align: center;
	height: auto;
	padding-bottom: 20px;
    }
    .footer_teasers .teaser_block_body a {
	display: block;
	text-transform: uppercase;
	font-weight: 600;

	font-size: 13px;
	text-decoration: none;
    }

    #designer_list_wrapper .alphabetic_section h4 {
	width: 100%;
	float: none;
	padding: 0;
    }
    #designer_list_wrapper .list_wrapper {
	width: 100%;
	float: none;
    }
    #designer_list_wrapper ul {
	width: 100%;
	float: none;
	padding-left: 0;
	list-style: none;
    }
    #designer_list_wrapper ul li {
	padding: 4px 0;
    }
    #search_form_area_wrapper {
	/*padding: 20px;*/
	margin-top: 5px;
	margin-left: 3px;
	z-index: 20;
    }
    #search_form_area_wrapper input[type=text] {
	width: 80%;
	text-indent: 5px;
	border-radius: 5px;
    }
    #search_form_area_wrapper input[type=submit] {
	width: 80%;
	height: 24px;
	border: 0;
    }

    .expandable_component .expandable_body img {
	margin-left: 1% !important;
	float: none !important;
	display: block !important;
	margin-top: 10px !important;
    }
}

/*--------------------------------------------------------------------------*/

.mceLayout {
    position: relative;
    z-index: 8000;
}
#q2_new_subpage_form {}
#q2_new_subpage_form input[type=text] {
    display: block;
    width: 60%;
}

/*--------------------------------------------------------------------------*/

/**
 * Custom messages
 */
.custom_message {
    position: absolute;
    position: fixed;
    top: 250px;
    left: 50%;
    margin-left: -275px;
    width: 450px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;

    cursor: pointer;
    /*box-shadow: 0px 1px 3px 0px #000;*/
    background: #000;
    color: #fff;
    padding: 40px 50px;
    text-transform: uppercase;
}
.custom_message p {
    padding: 0;
    margin: 0;
    text-align: center;
}
.custom_message.positive {
/*color: #25631d;*/
}
.custom_message.neutral {
/*color: #000;*/
}
.custom_message.negative {
/*color: #801224;*/
}


/* EOF/*

-------------------------------------------------



File: application/libraries/user_module/assets/css/user_module.css 



-------------------------------------------------

*/
#user_module_manage_users {
	padding: 20px;
	background: #fff;
	color: #000;
}
#user_module_manage_users .confirm {
	color: red;
	text-decoration: none;
	padding-left: 10px;
}
#user_module_manage_users hr {
	height: 1px;
	border: 0;
	background: #ccc;
}
#user_module_manage_users h1 {
	font-size: 25px;
}
#user_module_manage_users h2 {
	font-size: 16px;
	font-weight: bold;
}
#user_module_manage_users ul {
	list-style: square;
	margin-left: 20px;
}
#user_module_manage_users ul li {
	font-weight: bold;
}
#user_module_manage_users ul ul {
	margin-left: 20px;
}
#user_module_manage_users ul ul li {
	font-weight: normal;
}
#user_module_manage_users form input[type=text], #user_module_manage_users form input[type=email], #user_module_manage_users form textarea {
	display: block;
	width: 500px;
}
/*

-------------------------------------------------



File: application/libraries/utils/modal/assets/merge/css/modal.css 



-------------------------------------------------

*/
#modal {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	width: 350px;
	height: 80px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 10px 2px #000;
	-moz-box-shadow: 1px 1px 10px 2px #000;
	box-shadow: 1px 1px 10px 2px #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	padding: 20px;
}

#modal_dimmer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
	filter:alpha(opacity=70);
	z-index: 100;
}

#modal_close {
	text-decoration: none;
	float: right;
	margin-top: -15px;
	margin-right: -15px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/*

-------------------------------------------------



File: application/libraries/form_validation_module/assets/merge/css/form_validation_module.css 



-------------------------------------------------

*/
.form_validation_module_warner {
	position: absolute;
	display: block;
	min-width: 60px;
	background: red;
	color: #fff;
	border-radius: 1px;
	padding: 3px;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, sans-serif;
}/*

-------------------------------------------------



File: application/libraries/sitemap_module/assets/css/sitemap_module.css 



-------------------------------------------------

*/
/* Admin */

#sitemap_module_admin_list {
	margin: 20px 0;
	font-size: 15px;
}
#sitemap_module_admin_list ul {
	font-size: 13px;
	margin-left: 10px;
	list-style: disc;
}
#sitemap_module_admin_list ul ul {
	font-size: 11px;
}
#sitemap_module_admin_list ul ul ul {
	font-size: 9px;
}

#sitemap_module_admin_area input[type=text], #sitemap_module_admin_area textarea {
	display: block;
	width: 100%;
}
#sitemap_module_admin_area textarea {
	height: 250px;
}/*

-------------------------------------------------



File: application/libraries/colorbox_module/assets/merge/css/colorbox.css 



-------------------------------------------------

*//*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{
    background: #000;
}
#colorbox{}
    #cboxContent{
        margin-top: 32px;
        overflow: visible;
        background: #fff;
    }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}

        #cboxLoadedContent{
            background: #fff;
            padding: 50px;
            /*border: solid 1px #ccc;*/
            width: 500px;
            min-height: 50px;
            max-height: 500px;
        }

        /*#cboxLoadingGraphic{background:url(../../application/libraries/colorbox_module/assets/img/loading.gif) no-repeat center center;}*/
        #cboxLoadingGraphic{background:url(../../application/libraries/colorbox_module/assets/img/ajax-loader.gif) no-repeat center center;}
        #cboxLoadingOverlay{
            background: #fff;
        }
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../application/libraries/colorbox_module/assets/img/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        #cboxClose {
            top: 0;
        }
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}