/* reset_common.css */
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, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
table,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 kills TinyMCE vertical alignment
vertical-align: baseline;*/
}
/* Always have a scrollbar to the right */
html { height: 100%; margin-bottom: 1px !important; overflow-y: scroll;}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}
address {
font-style: normal;
}
/* design_common.css */
/* Content common for Legacy and H24Design systems */
/* _________________________________________________________________ PRODUCT PRICE BLOCK ______________________ */
.h24_price_block_contents, .h24_price_block_contents .h24_price_li, .h24_price_block_contents .h24_price_li select {
max-width: 100%;
}
/* ____________________________________________________ Image Block */
.h24_image_block_align_center,
.h24_image_block_align_center .caption {
text-align: center !important;
}
.h24_image_block_align_left,
.h24_image_block_align_left .caption{
text-align: left !important;
}
.h24_image_block_align_right,
.h24_image_block_align_right .caption{
text-align: right !important;
}
/* ____________________________________________________ Flexbutton CSS3*/
.h24_flexbutton {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
.h24_flexbutton,
.h24_flexbutton:visited,
.h24_flexbutton:link,
.h24_flexbutton:active {
font-family: "Arial", "Helvetica", sans-serif;
background: #f8f8f8 url(../public/css/common/images/overlay_button.png) repeat-x;
display: inline-block;
padding: 8px 15px 8px;
overflow:visible;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
border: none !important;
position: relative;
cursor: pointer;
font-size: 85%;
}
.h24_flexbutton:hover, .h24_flexbutton:focus
{
background-color: #fff;
}
.h24_flexbutton_small.h24_flexbutton,
.h24_flexbutton_small.h24_flexbutton:visited,
.h24_flexbutton_small.h24_flexbutton:link,
.h24_flexbutton_small.h24_flexbutton:active
{
font-size: 10px;
line-height: 13px;
padding: 4px 12px 5px;
}
.h24_flexbutton_medium.h24_flexbutton,
.h24_flexbutton_medium.h24_flexbutton:visited,
.h24_flexbutton_medium.h24_flexbutton,
.h24_flexbutton_medium.h24_flexbutton:visited
{
font-size: 12px;
line-height: 12px;
}
.h24_flexbutton_large.h24_flexbutton,
.h24_flexbutton_large.h24_flexbutton:visited,
.h24_flexbutton_large.h24_flexbutton:link,
.h24_flexbutton_large.h24_flexbutton:active
{
font-size: 14px;
padding: 9px 14px 9px;
}
.h24_flexbutton.h24_flexbutton_xlarge,
.h24_flexbutton.h24_flexbutton_xlarge:visited
{
font-size: 16px;
line-height: 14px;
padding: 12px 20px 12px;
}
.h24_flexbutton_orange.h24_flexbutton, .h24_flexbutton_orange.h24_flexbutton:visited
{
background-color: #ff5c00;
color: #fff;
}
.h24_flexbutton_orange.h24_flexbutton:hover, .h24_flexbutton_orange.h24_flexbutton:focus
{
background-color: #ff9000;
}
.h24_flexbutton_red.h24_flexbutton, .h24_flexbutton_red.h24_flexbutton:visited
{
background-color: #d33;
color: #fff;
}
.h24_flexbutton_red.h24_flexbutton:hover, .h24_flexbutton_red.h24_flexbutton:focus
{
background-color: #f33;
}
.h24_flexbutton_green.h24_flexbutton, .h24_flexbutton_green.h24_flexbutton:visited
{
background-color: #59BD31;
}
.h24_flexbutton_green.h24_flexbutton:hover
{
background-color: #6dd145;
}
.h24_flexbutton_gray.h24_flexbutton, .h24_flexbutton_gray.h24_flexbutton:visited
{
background-color:#f5f5f5;
color: #555555 !important;
}
.h24_flexbutton_gray.h24_flexbutton:hover, .h24_flexbutton_gray.h24_flexbutton:focus
{
background-color:#fff;
color: #555555 !important;
}
.h24_flexbutton_blue.h24_flexbutton, .h24_flexbutton_blue.h24_flexbutton:visited
{
background-color:#3DADE8;
}
.h24_flexbutton_blue.h24_flexbutton:hover, .h24_flexbutton_blue.h24_flexbutton:focus
{
background-color:#5EB5E4;
}
/* ____________________________________________________ Text styles*/
.h24_dialog label.h24_bigLabel {
color:#222222;
font-family:'CartoGothicStdBold',arial;
font-weight:normal;
font-size: 22px;
}
.h24_small_grey {
color: #777777;
font-size: 11px;
line-height: 120%;
font-weight: normal;
}
/* ___ Simple gallery ____________________________________________________ */
/* Fix for IE6 */
div.simple_gallery_content .h24_sg_imagecontainer {
float:left;
}
/* Fix to make sure the negative margin does not disable clicking on content below the gallery */
.simple_gallery {
overflow: hidden;
}
/*__________________________________________________ H24CORE DIALOGS */
.h24_dialog_overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 10000px;
text-align: center;
background-image: url(../public/css/common/images/overlay-85.png);
}
.h24_transparent_overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 10000px;
text-align: center;
}
.h24_fixed_transparent_overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
/*__________________________________________ DIVIDER ______ */
.divider_block {
padding: 0 !important;
}
/*_____________________________________________________________________ LOADING OVERLAY___________________*/
#loading_overlay {
display:none;
position:absolute;
width: 100%;
height: 2000px;
top: 0;
background: transparent url(../public/css/common/images/alpha/bg_alpha_30_percent.png) repeat scroll left top;
left: 0;
z-index:99990;
}
input.h24_small_loading_spinner {
background: #ffffff url(../public/css/common/images/small-ajax-loader.gif) no-repeat scroll right center;
}
/*__________________________________________________ RSS-BlOCK */
.h24_block_rss_block .h24_feed_item_title {
font-weight:bold;
}
.h24_block_rss_block ul.h24_feed {
margin: 0px;
padding: 0px;
}
.h24_block_rss_block ul li.h24_feed_item {
list-style-type: none;
margin-bottom: 10px;
}
/*__________________________________________________ CustomerSurvey */
div#h24_customer_survey center > h2,
div#h24_customer_survey center > p {
text-align: center !important;
}
div#h24_customer_survey_dialogue > div.h24_survey_buttons {
width: 240px;
margin: 30px auto;
}
div#h24_customer_survey_dialogue > div.h24_survey_buttons > a > strong {
width: 220px;
text-transform: none;
}
#h24_customer_survey_dialogue a {
clear: both;
margin-top: 15px;
}
div#h24_customer_survey h2 {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
div#h24_customer_survey form {
width: 500px;
}
div#h24_customer_survey label {
font-weight: normal;
}
div#h24_customer_survey p > label {
font-weight: bold;
}
div#h24_customer_survey div.h24_survey_radio_scale {
display: inline-block;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 5px 0;
margin: 10px 0;
}
div#h24_customer_survey p.h24_survey_question{
font-weight: bold;
}
div#h24_customer_survey p.h24_question_explanation{
color: #666666;
}
div#h24_customer_survey ol > li {
margin-bottom: 20px;
}
div#h24_customer_survey div.h24_survey_radio_scale ul {
margin: 0;
display: inline;
padding: 0 15px;
}
div#h24_customer_survey ol {
padding: 0 20px;
}
div#h24_customer_survey ol > li.h24_hide_list_style {
list-style-type: none;
list-style-image: none;
margin-left: -20px;
}
div#h24_customer_survey div.h24_survey_radio_scale ul > li {
display: inline;
}
div#h24_customer_survey ul.h24_survey_radio_options {
margin: 0;
}
div#h24_customer_survey ul.h24_survey_radio_options > li {
list-style-type: none;
list-style-image: none;
}
div#h24_customer_survey div.h24_submit_cancel_buttons {
float: right;
}
div#h24_customer_survey div.h24_submit_cancel_buttons a {
margin-left: 10px;
}
div#h24_customer_survey textarea.h24_survey_comment {
width: 100%;
height: 80px;
}
div#h24_customer_survey input[type=text] {
width: 100%;
margin-top: 10px;
}
div#h24_customer_survey ol > li.h24_toggle_question {
display: none;
}
div#h24_customer_survey small {
font-size: 0.8em;
font-weight: normal;
}
div#h24_customer_survey .h24_mandatory_warning {
margin: -10px 0 0 470px;
}
/* ___________________________________________ Disabled button */
a.h24_disabled_button {
filter: alpha(opacity=60)! important;
-khtml-opacity: 0.6! important;
-moz-opacity: 0.6! important;
opacity: 0.6! important;
cursor: not-allowed !important;
}
a.h24_disabled_button strong, a.h24_disabled_button span, a.h24_disabled_button div{
cursor: not-allowed !important;
}
a.h24_disabled_link {
cursor: not-allowed !important;
}
a.h24_disabled_link strong, a.h24_disabled_link span, a.h24_disabled_link div{
color: #A2A2A2 !important;
cursor: not-allowed !important;
}
/* ___________________________________________ Video */
.h24_video_dialog_close_x {
background: url(../public/css/common/images/cc_close_button.png) no-repeat scroll left top transparent;
}
.h24_video_dialog_close_x:hover {
background-position: left -48px;
cursor: pointer;
}
/* ___________________________________________ Galleria - Classic Theme */
/*
* Galleria Classic Theme
* Copyright (c) 2010, Aino
* Licensed under the MIT license.
*/
.galleria-container {
position: relative;
overflow: hidden;
background: transparent; /* Modified from original theme. Previous #000 */
z-index: 0;
}
.galleria-container img {
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.galleria-stage {
position: absolute;
top: 10px;
bottom: 60px;
left: 10px;
right: 10px;
overflow:hidden;
}
.galleria-thumbnails-container {
height: 50px;
bottom: 0;
position: absolute;
left: 10px;
right: 10px;
z-index: 2;
}
.galleria-thumbnails { /* Modified from original theme. Added CSS. */
margin: 0 auto;
}
.galleria-carousel .galleria-thumbnails-list {
margin-left: 30px;
margin-right: 30px;
}
.galleria-thumbnails .galleria-image {
height: 40px;
width: 60px;
background: #000;
margin: 0 5px 0 0;
border: 1px solid #000;
float: left;
cursor: pointer;
}
.galleria-counter {
position: absolute;
bottom: 10px;
left: 10px;
text-align: right;
color: #fff;
font: normal 11px/1 arial,sans-serif;
z-index: 1;
}
.galleria-loader {
background: #000;
width: 20px;
height: 20px;
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
display: none;
background: url(../public/css/common/images/galleria/classic/classic-loader.gif) no-repeat 2px 2px;
}
.galleria-info {
width: 50%;
top: 15px;
left: 15px;
z-index: 2;
position: absolute;
}
.galleria-info-text {
background-color: #000;
padding: 12px;
display: none;
/* IE7 */ zoom:1;
}
.galleria-info-title {
font: bold 12px/1.1 arial,sans-serif;
margin: 0;
color: #fff;
margin-bottom: 7px;
}
.galleria-info-description {
font: italic 12px/1.4 georgia,serif;
margin: 0;
color: #bbb;
}
.galleria-info-close {
width: 9px;
height: 9px;
position: absolute;
top: 5px;
right: 5px;
background-position: -753px -11px;
opacity: .5;
filter: alpha(opacity=50);
cursor: pointer;
display: none;
}
.notouch .galleria-info-close:hover{
opacity:1;
filter: alpha(opacity=100);
}
.touch .galleria-info-close:active{
opacity:1;
filter: alpha(opacity=100);
}
.galleria-info-link {
background-position: -669px -5px;
opacity: .7;
filter: alpha(opacity=70);
position: absolute;
width: 20px;
height: 20px;
cursor: pointer;
background-color: #000;
}
.notouch .galleria-info-link:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.touch .galleria-info-link:active {
opacity: 1;
filter: alpha(opacity=100);
}
.galleria-image-nav {
position: absolute;
top: 50%;
margin-top: -62px;
width: 100%;
height: 62px;
left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
opacity: .3;
filter: alpha(opacity=30);
cursor: pointer;
width: 62px;
height: 124px;
position: absolute;
left: 10px;
z-index: 2;
background-position: 0 46px;
}
.galleria-image-nav-right {
left: auto;
right: 10px;
background-position: -254px 46px;
z-index: 2;
}
.notouch .galleria-image-nav-left:hover,
.notouch .galleria-image-nav-right:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.touch .galleria-image-nav-left:active,
.touch .galleria-image-nav-right:active {
opacity: 1;
filter: alpha(opacity=100);
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
cursor: pointer;
display: none;
background-position: -495px 5px;
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 23px;
z-index: 3;
opacity: .8;
filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
background-position: -578px 5px;
border-right: none;
right: 0;
left: auto;
}
.galleria-thumbnails-container .disabled {
opacity: .2;
filter: alpha(opacity=20);
cursor: default;
}
.notouch .galleria-thumb-nav-left:hover,
.notouch .galleria-thumb-nav-right:hover {
opacity: 1;
filter: alpha(opacity=100);
background-color: #111;
}
.touch .galleria-thumb-nav-left:active,
.touch .galleria-thumb-nav-right:active {
opacity: 1;
filter: alpha(opacity=100);
background-color: #111;
}
.notouch .galleria-thumbnails-container .disabled:hover {
opacity: .2;
filter: alpha(opacity=20);
background-color: transparent;
}
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
background-image: url(../public/css/common/images/galleria/classic/classic-map.png);
background-repeat: no-repeat;
}
/* design_common_h24d.css */
/* New H24 design system */
.float-right {
margin: 5px 0px 10px 20px;
}
.float-left {
margin: 5px 20px 10px 0px;
}
.h24_nowrap {
white-space: nowrap;
}
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/*__________________________________________________ do not use */
.clear_generic { /* generic container (i.e. div) for floating buttons */
width: 100%;
}
.clear_button { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
height: 40px;
}
/*__________________________________________________ do not use */
/* Float containers fix: http://www.csscreator.com/attributes/containedfloat.php */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*__________________________________________________ CLEAR FIX */
.clearer { clear: both; }
.clear { display:inline-block; }
.clear:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content: ".";
}
img.noborder, a img.noborder {
background: none;
border: 0;
padding: 0;
}
.hidden, a.hidden,.h24_dialog em.hidden
{
display:none;
}
.visibility_hidden {
visibility: hidden;
}
/*##########################################################################################################################*/
/*____________________________________________________________________________ DEFAULT CSS _____________________________________________________________ */
/*##########################################################################################################################*/
/*____________________________________________________________________________ FACE LIFT FLIR ____________________________________________________________ */
/* Hides the titles until they are replaced with facelift, to avoid jitter */
.h24_homepage_title span {
visibility: hidden;
}
.h24_homepage_title span.flir-replaced {
visibility: visible;
}
.blog_post_header_block span.flir_wrap_text,
.small_heading_block span.flir_wrap_text,
.big_heading_block span.flir_wrap_text{
overflow:visible;
line-height: 1.2;
}
.blog_post_header_block a,
.small_heading_block a,
.big_heading_block a{
text-decoration: none !important;
}
.blog_post_header_block span.flir-replaced,
.small_heading_block span.flir-replaced,
.big_heading_block span.flir-replaced{
line-height: normal;
overflow:hidden; /* Oversized flir-images will be hidden so that the layout does not crash */
visibility: visible;
display: inline !important; /* Fixes problem with IE6 and IE7 and linkable flir headings */
}
a.flir_link {
text-decoration:none;
font-weight:normal;
border: none;
}
a.flir_link:hover {
text-decoration:none;
font-weight:normal;
border: none;
}
/*____________________________________________________________________________ MIN HEIGHT ____________________________________________________________ */
#collection0 {
/* REMOVED, we use 100% height hack instead
min-height: 300px;
height: auto !important;*/
/* height: 300px; this in combination with overflow hidden will crash the design in ie6*/
}
/*____________________________________________________________________________ LAYOUT ____________________________________________________________ */
/* BLOCK CONTAINER */
.block_container {
padding: 0 0 10px 0;
margin: 0;
}
.standard_text_block {
padding: 0 0 20px 0;
}
/*____________________________________________________________________________ HEADINGS ____________________________________________________________ */
.h24_heading_right {
text-align: right;
}
.h24_heading_center {
text-align: center;
}
/*____________________________________________________________________________ TEXT STYLES ____________________________________________________________ */
.h24_blue_text,
.h24_dialog h1.h24_blue_text {
color: #1a6791;
}
strong {
font-weight: bold;
}
.text_content strong a {
font-weight: bold;
}
em {
font-style: italic;
}
.text_content em a {
font-style: italic;
}
.block_container p, .block_container td, .block_container th, .block_container ul, .block_container li {
text-align: left;
}
.block_container p {
margin: 0 0 0px 0;
}
/* No margin since TinyMCE uses p for new lines*/
body#tinymce p,
.text_content p,
.h24_footer_text p { /* Footer also */
margin:0;
}
/* Tiny uses span when changing font sizes, thus we need a line-height in text blocks */
body#tinymce span,
.text_content span {
/*line-height: 1.2;*/ /*Switched back to percentage due to customers design*/
line-height: 135%;
}
/* We set a bad line-height as a reminder to that the global line height has not been set*/
body#tinymce p,
body#tinymce li,
body#tinymce td,
body#tinymce th,
.block_container p,
.block_container li,
.block_container td,
.block_container th {
line-height: 120%;
}
.h24_content_container .big_heading_block .h24_heading,
.h24_content_container .small_heading_block .h24_heading {
text-decoration:line-through;
line-height: 10%;
}
.h24_collage_object_text {
line-height: 120%;
white-space: nowrap;
}
/*____________________________________________________________________________ LISTS ____________________________________________________________ */
/* UNORDERED LIST */
.block_container ul {
margin:10px 10px 10px 5px;
padding:0 20px;
}
.block_container ul li {
padding: 0;
margin-bottom: 7px;
list-style-type: disc;
list-style-position: outside;
}
/* ORDERED LIST */
.block_container ol {
margin:10px 10px 10px 10px;
padding:0 20px;
}
.block_container ol li {
padding: 0;
margin-bottom: 7px;
list-style-position: outside;
list-style-type: decimal;
}
/*__________________________________________________ Dialog Box */
.h24_dialogBox {
position: relative;
}
.h24_dialog_content_smallWidth,
.h24_dialog_content_normalWidth,
.h24_dialog_content_largeWidth {
margin: 0 auto;
}
.h24_dialog_content_smallWidth {
width: 340px;
}
.h24_dialog_content_normalWidth {
width: 500px;
}
.h24_dialog_content_largeWidth {
width: 800px;
}
.h24_dialogBox.h24_flapsToTheLeft,
.h24_dialogBox.h24_flapsToTheRight {
padding-top:32px;
}
.h24_dialogBox.h24_flapsToTheRight .cc_tr_uiDialogBox {
background-position: right -110px; /* Will make the top right corner sharp instead of rounded */
}
.h24_dialogBox.h24_flapsToTheRight .h24_dialogTopFlap {
margin-right:8px;
}
.h24_dialogBox.h24_flapsToTheLeft .cc_tr_uiDialogBox {
background-position: right -110px; /* Will make the top right corner sharp instead of rounded */
}
.h24_dialogBox.h24_flapsToTheLeft .cc_tl_uiDialogBox {
background-position: left -132px; /* Make the top left corner sharp instead of rounded if flaps are present */
}
.h24_dialogBoxFlaps {
height:36px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:10;
}
.h24_dialogBoxFlaps_right,
.h24_dialogBoxFlaps_left {
position:absolute;
top:0;
}
.h24_dialogBoxFlaps_right {
right:-4px;
}
.h24_dialogBoxFlaps_left {
left:6px;
}
/* Top Flap */
.h24_dialogTopFlap {
padding:0 6px 0 0; /* Width of right sliding door */
cursor:default;
float:left;
font-family: Helvetica,Arial,sans-serif;
border:0 none;
text-decoration:none;
clear:none;
margin:0 auto;
text-align:center;
position: relative;
}
/* Common for sliding doors elements*/
.h24_dialogTopFlap,
.h24_dialogTopFlap strong {
height: 36px; /* Height of element */
line-height: 36px;
background: transparent url(../public/css/common/images/h24_gui_sprite-live.png) no-repeat;
display:block;
}
a.h24_dialogTopFlap {
cursor:pointer;
}
a.h24_dialogTopFlap:hover {
text-decoration:none !important;
}
.h24_dialogTopFlap strong {
border:medium none;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
padding:0 24px 0 12px !important; /* Padding to the left */
text-align:center;
white-space:nowrap;
/* CSS3 */
text-shadow:0 1px 1px #333333;
}
.h24_flapWithNoIcon strong {
padding:0 6px 0 12px !important; /* Padding to the left */
}
/* Style 1 - Default*/
a.h24_dialogTopFlap:hover {
background-position: right -134px;
}
a.h24_dialogTopFlap:hover strong {
background-position: left -88px;
}
.h24_dialogTopFlap {
background-position: right -40px; /* Position of right element */
}
.h24_dialogTopFlap strong {
background-position:left 0px;
}
/* Flap Icons */
.h24_dialogTopFlap div {
position: absolute;
right:7px;
top:9px;
background: transparent url(../public/css/common/images/h24_gui_sprite-live.png) no-repeat scroll left top;
width: 20px; height: 20px;
background-position: 0 -182px;
}
.h24_dialogTopFlap div.h24_dialogCloseIcon {
background-position:-24px -182px;
}
.h24_dialogTopFlap div.h24_dialogHelpIcon {
background-position: -45px -183px;
}
.h24_dialogTopFlap div.h24_dialogMoveIcon {
background-position: -64px -183px;
}
/*____________________________________________________________________________ TOOLTIP ____________________________________________________________ */
#h24_tooltip {
display:none;
background:transparent url(../public/css/common/images/tooltip/black_arrow.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff;
z-index: 5000;
_background-color:#fff; /*IE6*/
}
/* tooltip styling */
.h24_tooltip_contents {
display:none;
background:url(../public/css/common/images/tooltip/black_arrow_big.png);
height:163px;
padding:40px 30px 10px 30px;
width:310px;
font-size:11px;
color:#fff;
z-index: 5000;
}
/* a .label element inside tooltip */
.h24_tooltip_contents .label {
color:yellow;
width:35px;
}
.h24_tooltip_contents a {
color:#789;
font-size:12px;
}
/*____________________________________________________________________________ BUTTON ____________________________________________________________ */
button {
cursor: pointer;
}
.block_container textarea{
overflow:auto;
}
/* _________________________________________________________________ BLOG / NEWS POST OVERVIEW ______________________ */
.h24_blog_tags {
text-align: left;
margin-top:20px;
}
.h24_blog_actions{
text-align: center;
margin-bottom: 10px;
}
.blog_post_header_block {
padding: 0 0 25px 0;
}
.blog_post_header_block ul {
padding: 0;
margin: 4px 0 0 0;
}
.blog_post_header_block ul li {
float:left;
padding: 0 0 0 18px;
margin: 0 10px 0 0;
display: inline;
background: transparent url(../public/css/common/images/famfamfam/comment.png) no-repeat 0 50%;
}
.blog_post_header_block ul li.h24_blog_comments {
background-image: url(../public/css/common/images/famfamfam/comment.png);
}
.blog_post_header_block ul li.h24_blog_timestamp {
background-image:url(../public/css/common/images/fugue/clock.png);
}
.blog_post_header_block ul li.h24_blog_back {
/*background-image:url(../public/css/common/images/fugue/arrow_180.png);*/
background-image: none;
padding: 0;
}
.blog_post_header_block ul li.h24_blog_rss {
float:right;
margin-right: 0;
background-image:url(../public/css/common/images/fugue/feed.png);
}
.blog_post_header_block ul li.h24_blog_facebook {
float:right;
margin-right: 10px;
background-image:url(../public/css/common/images/facebook.png);
}
.h24_post_container {
position: relative;
}
.h24_blog_buttons {
bottom:20px;
position:absolute;
right:0;
}
.h24_blog_prevnext {
margin-top: 5px;
}
/* Minimalist mode */
.h24_blog_minimalist {
margin-bottom: 5px;
}
.h24_blog_minimalist .h24_blog_buttons {
bottom: auto;
position: static;
right: auto;
display: inline;
}
.h24_blog_minimalist .h24_blog_buttons a {
color: red;
}
/* _________________________________________________________________ BLOG ARCHIVE & LATEST COMMENTS ______________________ */
.latest_comments_block ul li
{
list-style-type:square;
}
.blog_archive_block ul li
{
list-style-type: none;
list-style-image: none;
}
.blog_archive_block ul,
.blog_roll_block ul,
.latest_comments_block ul,
.blog_latest_posts_block ul
{
margin: 0;
}
.latest_comments_block ul
{
margin: 0;
padding: 0;
}
.latest_comments_block ul li
{
list-style-type: none;
list-style-image: none;
}
.blog_archive_block ul
{
padding: 0 0 0 5px;
}
.blogblock_goto
{
position: relative;
top: -10px;
}
/* _________________________________________________________________ TAG CLOUD BLOCK ______________________ */
.tag_cloud_block .h24_tag_links a,
.tag_cloud_block .h24_tag_links a:hover,
.tag_cloud_block .h24_tag_links a:visited
{
text-decoration: none;
font-weight: normal;
}
.tag_cloud_block p.h24_tag_links
{
text-align: justify;
}
/* _________________________________________________________________ FILE BLOCK ______________________ */
ul.h24_file_list,
ul.h24_file_list {
padding: 0;
margin: 0;
}
ul.h24_file_list a,
ul.h24_file_list a {
border: none;
}
ul.h24_file_list li.large,
ul.h24_file_list li.large {
background-position:0 0;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
min-height:50px;
height: auto !important;
height: 50px;
padding-bottom:0;
padding-left:50px;
padding-right:0;
padding-top:0;
}
ul.h24_file_list li.large em,
ul.h24_file_list li.large em {
font-size:10px;
font-style:normal;
line-height: 100%;
display: block;
margin-top: 3px;
}
ul.h24_file_list li.small,
ul.h24_file_list li.small {
background-position:0 0;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
min-height:20px;
height: auto !important;
height: 20px;
padding-bottom:0;
padding-left:30px;
padding-right:0;
padding-top:0;
}
ul.h24_file_list li.small em,
ul.h24_file_list li.small em {
font-size:10px;
font-style:normal;
line-height: 100%;
display: inline;
}
/* _________________________________________________________________ Contact form ______________________ */
.contact_form_block label {
margin-bottom: 5px;
}
/* _________________________________________________________________ SIMPLE COMMENT BLOCK AND GUEST BOOK ______________________ */
.h24_comment_block_comments, .comments, .ajax, .simple_comment_block {
height: 1%;
}
.block_container.simple_comment_block label{
display: block;
margin-bottom: 3px;
line-height:100%;
font-weight: bold;
}
.simple_comment_block input[type=text]{
margin-bottom: 5px;
width: 150px;
}
.simple_comment_block textarea {
height: 70px;
}
#h24_content_container button.submit {
float:right;
margin: 5px 0 0 0;
}
.h24_comment_block_comments em {
font-style: normal;
font-weight: normal;
color: #777777;
font-size: 11px;
display: block;
margin: 3px 0 3px 0;
line-height:100%;
}
.h24_comment_block_comments span.h24_comment_name{
font-style: normal;
font-weight: bold;
display: block;
line-height:100%;
}
.h24_comment_block_comments li,
.h24_comment_block_comments ul {
margin: 0 0 10px;
padding: 0;
list-style: none !important;
list-style-image: none !important;
display: block;
}
.h24_comment_block_comments li {
position: relative;
}
.h24_comment_block_comments li div.buttons button {
position: absolute;
top: 0;
right: 0;
}
.h24_comment_block_comments li div.buttons button.neutral {
right: 170px;
}
.h24_comment_block_comments li.h24_reply_editor {
display: none;
}
.h24_comment_block_comments li.h24_reply_editor textarea {
width: 350px;
}
.h24_comment_block_comments li.h24_reply_editor div.buttons {
height: 28px;
}
.h24_comment_block_comments li.h24_reply_editor div.buttons button, .h24_comment_block_comments li.h24_reply_editor div.buttons button.neutral {
position: relative;
right: 0;
}
.h24_comment_block_comments li.reply {
margin-left: 10px;
padding-left: 4px;
border-left: 4px solid #cccccc;
}
/* _________________________________________________________________ PRESENTATION IMAGE (SINGLE IMAGE) ______________________ */
.presentation_image_block span.caption{
display:block;
font-size:0.9em;
}
/* _________________________________________________________________ TEXT BLOCK IMAGE (SINGLE IMAGE) ______________________ */
.text_block_image_div span.caption{
display:block;
font-size:0.9em;
}
/* _________________________________________________________________ PRODUCT PRICE BLOCK ______________________ */
ul.h24_price_block_contents {
padding: 0;
margin: 0;
list-style: none;
float: left;
}
ul.h24_price_float_right {
float: right;
}
ul.h24_price_block_contents li.h24_price_li {
list-style: none;
float: left;
}
ul.h24_price_block_contents li.price {
padding-right: 15px;
}
ul.h24_price_block_contents span.h24_price_text {
font-size: 150%;
font-weight: bold;
line-height: 1.2;
}
ul.h24_price_block_contents li.quantity {
padding-right: 10px;
}
.product_price_block div.quantity select{
padding: 0px;
}
.product_price_block div.price span.product_price_text{
font-weight: normal;
/*color: #808080;*/
}
/* _________________________________________________________________ VIDEO BLOCK ______________________ */
.youtube_block .flowplayer_container {
position: relative;
cursor: pointer;
display:block;
}
.youtube_block .flowplayer_container div span {
text-decoration: none;
color: #eeeeee;
/*font-weight: bold;*/
}
.youtube_block .flowplayer_container div img {
border: none;
}
.youtube_block .flowplayer_container img.play_button, .youtube_block .flowplayer_container div.caption {
position: absolute;
z-index: 10;
}
.youtube_block .flowplayer_container div.caption {
min-height: 10px;
bottom: 0px;
left: 0px;
background-image: url(../public/css/common/images/transparent_caption_bg.png);
padding: 4px;
border: 1px solid #cccccc;
z-index: 9;
}
.youtube_block .flowplayer_container img.play_button:hover {
opacity: 0.8;
-moz-opacity: 0.8;
}
/*____________________________________________________________________________ SMALL SOFT BUTTON ____________________________________________________________ */
a.h24_soft_button_small,
.h24_soft_button_small,
.h24_soft_button_small strong,
.h24_soft_button_small input {
background: transparent url(../public/css/common/images/h24_soft_btn.png) no-repeat;
cursor:pointer;
display:block;
float:left;
font-family: Helvetica,Arial,sans-serif;
padding:0;
border:0 none;
text-decoration:none;
}
a.h24_soft_button_small:hover {
text-decoration:none !important;
}
.h24_soft_button_small, a.h24_soft_button_small {
border:0;
clear:none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0 24px 0 0;
text-align:center;
}
.h24_soft_button_small, a.h24_soft_button_small {
border: none;
color:#FFFFFF;
cursor:pointer;
display:block;
font-weight:bold;
height:25px;
margin:0 auto;
text-align:center;
text-transform:uppercase;
}
.h24_soft_button_small input,
.h24_soft_button_small strong {
font-size:12px;
border:none;
color:#FFFFFF;
font-weight:bold;
height:25px;
line-height:25px;
padding:0 0 2px 24px !important;
text-align:center;
text-shadow:0 1px 1px #333333;
text-transform:uppercase;
white-space:nowrap;
line-height:24px;
padding-bottom:2px;
}
/* Style 1 - Default*/
.h24_soft_button_small:hover {
background-position: right -37px;
}
.h24_soft_button_small:hover input,
a.h24_soft_button_small:hover strong {
background-position: left -1px;
}
.h24_soft_button_small,
a.h24_soft_button_small {
background-position: right -109px;
}
.h24_soft_button_small input ,
a.h24_soft_button_small strong {
background-position:left -73px;
}
/* Style 2 - Orange*/
.h24_btn_style2:hover {
background-position: right -181px;
}
.h24_btn_style2:hover input,
a.h24_btn_style2:hover strong {
background-position: left -145px;
}
.h24_btn_style2,
a.h24_btn_style2 {
background-position: right -253px;
}
.h24_btn_style2 input,
a.h24_btn_style2 strong {
background-position:left -217px;
}
/* Style 3 - Grey*/
a.h24_btn_style3 {
padding:0 9px 0 0;
height:32px;
}
a.h24_btn_style3 strong{
color:#3F3F3F;
font-size:14px;
font-weight:normal;
height:32px;
line-height:31px;
padding:0 0 3px 11px !important;
text-shadow:none;
text-transform:none;
}
a.h24_btn_style3 span.plusSign{
color:#4482a4;
font-weight: bold;
}
a.h24_btn_style3:hover {
background-position: right -1526px;
}
a.h24_btn_style3:hover strong {
background-position: left -1487px;
}
a.h24_btn_style3 {
background-position: right -1449px;
}
a.h24_btn_style3 strong {
background-position:left -1410px;
}
/* __________________________________ Style - Xtra Large GREEN*/
a.h24_soft_button_xl,
a.h24_soft_button_xl strong{
padding:0 8px 0 0;
height:61px;
position:relative; /*Since sub text is positioned absolute*/
}
a.h24_soft_button_xl strong{
font-size:22px;
height:61px;
line-height:61px;
padding:0 9px 2px 15px !important;
}
/* XL - Green default*/
.h24_soft_button_xl:hover {
background-position: right -391px;
}
a.h24_soft_button_xl:hover strong {
background-position: left -300px;
}
a.h24_soft_button_xl {
background-position: right -573px;
}
a.h24_soft_button_xl strong {
background-position:left -482px;
}
/* XL - BLUE */
.h24_soft_button_xl_blue:hover {
background-position: right -1338px;
}
a.h24_soft_button_xl_blue:hover strong {
background-position: left -1267px;
}
a.h24_soft_button_xl_blue {
background-position: right -1196px;
padding-right: 12px;
}
a.h24_soft_button_xl_blue strong {
background-position:left -1121px;
}
/* XL - Added sub-text below large message*/
a.h24_btn_subtext span {
bottom:9px;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
left:0;
position:absolute;
text-align:center;
text-transform:none;
width:100%;
}
/* XL - Subtext modification */
a.h24_btn_subtext strong {
line-height: 46px; /* Will put the large text higher up */
}
/* __________________________________ Style - Medium*/
a.h24_soft_button_medium,
a.h24_soft_button_medium strong{
padding:0 8px 0 0;
height:36px;
}
a.h24_soft_button_medium strong{
font-size:16px;
height:36px;
line-height:36px;
padding:0 7px 0 13px !important;
text-transform: none;
}
/* Medium - Blue default*/
.h24_soft_button_medium:hover {
background-position: right -806px;
}
a.h24_soft_button_medium:hover strong {
background-position: left -756px;
}
a.h24_soft_button_medium {
background-position: right -705px;
}
a.h24_soft_button_medium strong {
background-position: left -655px;
}
/* Medium - Green default*/
.h24_soft_button_medium_green:hover {
background-position: right -907px;
}
a.h24_soft_button_medium_green:hover strong {
background-position: left -856px;
}
a.h24_soft_button_medium_green {
background-position: right -1006px;
}
a.h24_soft_button_medium_green strong {
background-position: left -955px;
}
/* Contains an icon? */
a.h24_soft_button_medium.h24_containsAnIcon {
position:relative;
}
a.h24_soft_button_medium.h24_containsAnIcon img {
left:7px;
position:absolute;
top:10px;
}
a.h24_soft_button_medium.h24_containsAnIcon strong {
padding-left: 27px !important;
}
/*____________________________________________________________________________ SMALL BUTTON (USED IN WEB SHOP) ____________________________________________________________ */
ul.h24_small_button {
font-family:Arial,Tahoma,Verdana,Sans-Serif,FreeSans !important;
font-size:11px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:bold !important;
line-height:normal !important;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type: none !important;
margin:0 !important;
padding:0 !important;
}
ul.h24_small_button li {
background:transparent url(../public/css/common/images/smallbutton_green_left.png) no-repeat scroll left 0 !important;
cursor:pointer !important;
float:left !important;
height:21px !important;
margin:0 !important;
padding:0 5px 0 8px !important;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type: none !important;
}
ul.h24_small_button li p {
background:transparent url(../public/css/common/images/smallbutton_green_right.png) no-repeat scroll right 0 !important;
margin:0 !important;
padding:0 10px 0 0 !important;
}
ul.h24_small_button li p span {
background:transparent url(../public/css/common/images/smallbutton_green_middle.png) repeat-x scroll left 0 !important;
color:#FFFFFF !important;
display:block !important;
line-height:20px !important;
padding-bottom:1px !important;
padding-left:6px !important;
padding-right:2px !important;
text-decoration:none !important;
font-weight: bold !important;
}
ul.h24_small_button:hover li {
background-position:left -50px !important;
}
ul.h24_small_button:hover li p {
background-position:right -50px !important;
}
ul.h24_small_button:hover li p span {
background-position:left -50px !important;
}
ul.h24_small_button:active li {
background-position:left -100px !important;
}
ul.h24_small_button:active li p {
background-position:right -100px !important;
}
ul.h24_small_button:active li p span {
background-position:left -100px !important;
}
/* RED BUTTON */
ul.h24_small_button li.h24_red_button {
background-image: url(../public/css/common/images/smallbutton_red_left.png) !important;
}
ul.h24_small_button li.h24_red_button p {
background-image: url(../public/css/common/images/smallbutton_red_right.png) !important;
}
ul.h24_small_button li.h24_red_button p span {
background-image: url(../public/css/common/images/smallbutton_red_middle.png) !important;
}
/* RED CART BUTTON */
ul.h24_small_button li.cart_red {
background-image: url(../public/css/common/images/cart_red_left.png) !important;
padding:0 0 0 26px !important;
}
ul.h24_small_button li.cart_red p {
background-image: url(../public/css/common/images/cart_red_right.png) !important;
}
ul.h24_small_button li.cart_red p span {
background-image: url(../public/css/common/images/cart_red_middle.png) !important;
}
/* _________________________________________________________________ MISC ______________________ */
#loading_message p#h24_connection_problem {
font-size: 12px;
line-height: 140%;
display:none;
}
#loading_message p#h24_still_working {
font-size: 12px;
line-height: 140%;
display:none;
}
/* _________________________________________________________________ REMOVE BORDERS FROM LINKS ______________________ */
.presentation_image_block a,
.presentation_image_block a:visited,
.presentation_image_block a:focus,
.presentation_image_block a:hover,
.standard_text_block a.text_block_image,
.portfolio_block a,
.simple_gallery a
{
border: none;
}
/* _________________________________________________________________ Tiny MCE ______________________ */
/*Fix to make drop downs look better (especially for font sizes)*/
.defaultSkin .mceMenu .mceText {
line-height:1;
}
/*The following spans are no longer used since we moved to pixels*/
span.x_small{
font-size: 0.5em;
line-height: 1.5em;
}
span.small {
font-size: 0.8em;
line-height: 1.5em;
}
span.normal {
font-size: 1em;
line-height: 1.5em;
}
span.normal_plus {
font-size: 1.2em;
line-height: 1.3em;
}
span.medium {
font-size: 1.5em;
line-height: 1.3em;
}
span.large {
font-size: 2em;
line-height: 1.2em;
}
span.large_plus {
font-size: 2.5em;
line-height: 1.2em;
}
span.x_large {
font-size: 3em;
line-height: 1.2em;
}
/* _________________________________________________________________ Important messages (e.g. page not found) ______________________ */
#important_message {
background-color:#FFF6BF;
border:1px solid #FFD324;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
margin:10px;
padding:15px 20px 20px;
text-align:left;
}
#important_message h6 {
color: #ff0000;
font-size: 24px;
font-family: arial, sans-serif;
margin: 0px 0 10px 0;
line-height:120%;
}
#important_message a {
text-decoration: underline;
}
/*##########################################################################################################################*/
/*____________________________________________________________________________ DEFAULT DIALOG CSS _______________________ */
/*##########################################################################################################################*/
/* BASE _____________________________________________________________ */
.h24_dialog,
#ui-datepicker-div,
.h24_dialog textarea {
font-size:12px;
font-family: Verdana, Geneva, sans-serif;
line-height: 1.3;
color: #333333;
}
/* RESET _____________________________________________________________ */
.h24_dialog p, .h24_dialog em, .h24_dialog span {
text-align: left;
}
/* DIALOG BASE CSS ________________________________________________________ */
.h24_dialogBaseCss {
display: none;
position: absolute;
top: 17%;
left: 50%;
margin-left: -300px;
width: 600px;
}
.h24_dialogBaseCss.ui-draggable .h24_dialogBoxFlaps_left .h24_dialogTopFlap {
cursor: move;
}
/* DIALOG DESIGN _____________________________________________________________ */
.jqmWindow {
display: none;
position: absolute;
top: 17%;
left: 50%;
margin-left: -300px;
width: 600px;
background-color: #fff;
color: #333;
border:2px solid #77AC46;
padding: 0 0 45px;
-moz-border-radius:4px 4px 4px 4px;
-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
-webkit-border-radius:4px 4px 4px 4px;
-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}
.jqmWindow .header {
background:transparent url(../public/css/common/images/dialog_header.gif) repeat-x scroll 0 0;
color:#FFFFFF;
height:30px;
line-height:30px;
width:100%;
text-align: left;
}
.jqmWindow .header_blue {
background:transparent url(../public/css/common/images/dialog_header_blue.gif) repeat-x scroll 0 0;
color:#FFFFFF;
height:30px;
line-height:30px;
width:100%;
text-align: left;
}
.jqmWindow .header_red {
background:transparent url(../public/css/common/images/dialog_header_red.gif) repeat-x scroll 0 0;
color:#FFFFFF;
height:30px;
line-height:30px;
width:100%;
text-align: left;
}
.jqmWindow .header span{
font-family:arial, sans-serif;
font-size:14px;
font-weight:bold;
line-height:30px;
padding-left:10px;
}
.jqmWindow .header_blue span{
font-family:arial, sans-serif;
font-size:14px;
font-weight:bold;
line-height:30px;
padding-left:10px;
}
.jqmWindow .header_red span{
font-family:arial, sans-serif;
font-size:14px;
font-weight:bold;
line-height:30px;
padding-left:10px;
}
.jqmWindow a.close_X, .jqmWindow a.close_X:link, .jqmWindow a.close_X:active, .jqmWindow a.close_X:visited {
font-family: verdana, sans-serif;
color:#FFFFFF;
float:right;
font-size:18px;
font-weight:bold;
line-height:30px;
padding-right:8px;
text-decoration:none;
}
.jqmWindow a.close_X:hover {
color:#000000;
}
#jqmOverlay {
display:none;height: 100%; width: 100%; position: fixed; left: 0pt; top: 0pt; z-index: 2999; opacity: 0.5;background-color: #000;
}
/* LINKS _____________________________________________________________ */
.h24_dialog a {
color: #469C23;
font-weight:bold;
text-decoration:none;
}
.h24_dialog a:hover {
color: #F18209;
text-decoration:underline;
}
/* TEXT STYLES ____________________________________________________________ */
.h24_dialog em {
color:#545454;
display:block;
font-size:11px;
font-style:normal;
margin:3px 0 0;
}
.h24_dialog em a {
font-size: 11px;
font-style: bold;
}
.h24_dialog strong {
font-weight: bold;
}
.h24_dialog .highlight {
border-bottom:1px dashed;
}
.h24_dialog .center {
text-align: center;
}
/* HEADINGS _____________________________________________________________ */
@font-face {
font-family: 'CartoGothicStdBold';
src: url(../public/css/common/fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.eot);
src: local('?'), url(../public/css/common/fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.woff) format('woff'), url(../public/css/common/fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.ttf) format('truetype'), url(../public/css/common/fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.svg#webfontuvgRkG9V) format('svg');
font-weight: normal;
font-style: normal;
}
.h24_dialog h1, .h24_dialog h2, .h24_dialog h3, .h24_dialog h4 {
font-family: 'CartoGothicStdBold', arial;
color:#222;
font-weight:normal;
}
.h24_dialog h1 {
font-size:28px;
margin: 0 0 5px 0;
text-align: left;
}
.h24_dialog h2 {
font-size:20px;
margin: 0 0 5px 0;
text-align: left;
color: #1a6791;
}
.h24_dialog h3 {
font-size:18px;
margin: 0 0 5px 0;
text-align: left;
}
.h24_dialog h4 {
font-size:18px;
margin:0 0 5px;
text-align:left;
}
/* TABLE FIX _____________________________________________________________ */
.standard_text_block table {
margin-left:1px;
border-collapse: collapse;
}
/*_______________________________________________ FOOTER ____ */
.h24_footer_recommendation {
position: relative;
text-align: center;
width: auto;
margin: 0 auto;
margin: 15px 0 15px 0;
}
#h24_footer_recommendation_tooltip_container {
position: absolute;
display: none;
height: 170px;
width: 370px;
z-index: 500;
}
#h24_footer_recommendation_tooltip_container a,
#h24_footer_recommendation_tooltip_container em,
#h24_footer_recommendation_tooltip_container span,
#h24_footer_recommendation_tooltip_container p {
color: #333333;
font-family: Verdana,sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
letter-spacing: 0;
line-height: 140%;
text-align: left;
text-decoration: none;
text-transform: none;
word-spacing: 0;
}
#h24_footer_recommendation_tooltip_container a {
color: #469C23 !important;
text-decoration: none !important;
font-weight: bold !important;
}
#h24_footer_recommendation_tooltip_container a:hover {
text-decoration: underline !important;
}
#h24_footer_recommendation_tooltip_container em {
color: #767676 !important;
font-size: 12px !important;
font-style: italic;
}
#h24_footer_recommendation_tooltip_container .h24_tooltip {
display: block;
font-size: 14px;
height: auto;
line-height: 130%;
width: 353px;
}
.h24_footer_recommendation a {
color: #469C23;
font-weight: bold;
}
.h24_footer_recommendation a:hover {
color: #F18209;
}
/* LISTS _____________________________________________________________ */
/* UNORDERED LIST */
.h24_dialog ul {
margin:10px 10px 10px 5px;
padding:0 20px;
}
.h24_dialog ul li {
padding: 0;
margin-bottom: 7px;
list-style-type: disc;
list-style-position: outside;
}
/* ORDERED LIST */
.h24_dialog ol {
margin:10px 10px 10px 10px;
padding:0 20px;
}
.h24_dialog ol li {
padding: 0;
margin-bottom: 7px;
list-style-position: outside;
list-style-type: decimal;
}
/* Product details */
ul.product_details li {
font-size: 11px;
}
/* FORMS _____________________________________________________________ */
.h24_dialog form {
background:transparent none repeat scroll 0 0;
border: none;
}
.h24_dialog .form_item {
margin-bottom: 15px;
}
.h24_dialog .form_item_highlight1 {
margin-bottom: 15px;
/*background-color: #FAFAFA;*/
border: 1px solid #DDDDDD;
padding: 10px 15px 15px 15px;
text-align: left;
}
/* TEXT AREAS _____________________________________________________________ */
.h24_dialog textarea {
background:none repeat scroll 0 0 #FFFFFF;
border-color:#D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
border-style:solid;
border-width:1px;
font-size:11px;
overflow:auto;
padding:3px;
}
.h24_dialog textarea.dialog_field {
width: 200px;
height: 80px;
}
/* INPUT, SELECT __________________________________________________________ */
.h24_dialog select,
.h24_dialog input {
padding: 3px;
}
*+html .h24_dialog select, *+html .h24_dialog input{ /* ie 7 */
padding: 1px;
}
* html .h24_dialog select, * html .h24_dialog input{ /* ie 6 */
padding: 3px;
}
.h24_dialog input[type="text"] {
width: 112px; /* Width should be specified on an element basis, this is default */
}
.h24_dialog input.h24_long,
.h24_dialog input.long_textField,
.h24_dialog input.long_field,
.h24_dialog select.long_field
{
width: 200px;
}
.page_manager_item input[type="text"] {
height: 18px;
margin-right: 7px;
float: left;
}
/* LABEL __________________________________________________________ */
.h24_dialog label {
font-size: 12px;
color: #333;
margin: 0 0 3px 0;
display: block;
font-weight: bold;
}
.h24_dialog label[for] {
cursor: pointer;
}
/* CODE ____________________________________________________________ */
.h24_dialog code {
display: block;
background-color: #FFF6BF;
padding: 10px;
margin: 30px;
border: 1px dashed #ccc;
}
/* TABLE - FOR FORMS __________________________________________________________ */
table.form {
border-width: 0px 0px 0px 0px;
border-spacing: 0px;
border-style: none none none none;
border-color: gray gray gray gray;
border-collapse: collapse;
background-color: white;
}
table.form th {
border-width: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-style: none none none none;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
}
table.form td {
border-width: 0px 0px 0px 0px;
padding: 0 10px 10px 0;
border-style: none none none none;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
}
/* Password dialog __________________________________________________________ */
#password_protected_dialog {
padding: 0 !important;
}
/* Generic linking dialog __________________________________________________________ */
#generic_linking_dialog label {
display: inline;
}
#h24s_video h4 {
margin-top: 30px;
}
#h24s_video th {
padding-right: 20px;
padding-top: 5px;
font-weight: bold;
}
/* SCREENSHOT PREVIEW __________________________________________________________ */
#screenshot{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
font-family: arial, sans-serif;
text-align:center;
font-size: 12px;
font-style:normal;
line-height: 150%;
z-index: 5000;
}
.h24_dialog .scroller_div_container {
overflow: auto;
margin-bottom: 50px
}
.h24_dialog div.dialog_save_cancel_buttons {
/*height:41px;
position:absolute;
right:26px;
bottom:21px;
text-align:right;*/
height:41px;
padding-right:14px;
padding-top:15px;
text-align:right;
/*position: static;
padding:14px 15px 0 0;
position:static;
text-align: right;*/
}
.h24_dialog div.dialog_save_cancel_buttons a {
float:right !important;
}
div.dialog_adv_img_settings span a {
bottom:10px;
font-size:10px;
height:40px;
left:25px;
position:absolute;
text-align:left;
width:140px;
color: #555555;
text-decoration:underline;
}
/*****************************
portfolio_block BLOCK
*****************************/
.portfolio_block
{
/*margin: 0 auto;
padding: 0 12px 0 0;
margin-bottom: 10px;*/
}
.portfolio_block p
{
padding-top:10px;
}
.next_previous_portfolio_control {
background: none;
margin-left: 0px;
width:100%;
}
.next_previous_button_container
{
width: 280px;
margin: 0px auto;
margin-top: 0px;
}
#h24_content_container .thumbnails {
background-color:#222;
}
#h24_content_container .thumbnails_container {
/*background:#FAFAFA none repeat scroll 0% 0%;*/
background: none;
border:1px solid #DCDCDC;
padding:5px;
margin: 0px;
width: 100%;
}
#h24_content_container .thumbnail_container {
margin: 0; padding: 0;
border: none; border-width: 0;
}
#h24_content_container .thumbnail_container a:link,
#h24_content_container .thumbnail_container a:hover,
#h24_content_container .thumbnail_container a:visited,
#h24_content_container .thumbnail_container a:active {
text-decoration: none;
border: none;
border-width: 0;
margin: 0;
padding: 0;
}
#h24_content_container .thumbnails table {
border-collapse: collapse;
margin: 0px;
width: 100%;
}
#h24_content_container .thumbnails tr {
height: auto;
background: none;
/*background-color:#000000;*/
}
#h24_content_container .thumbnails td {
overflow:hidden;
background:none;
border: none;
border-width: 0;
padding: 10px 0 10px 0;
margin:0;
width: auto;
}
#h24_content_container .thumbnails a:link img,
#h24_content_container .thumbnails a:hover img,
#h24_content_container .thumbnails a:visited img,
#h24_content_container img.thumbnail_img {
background:none;
margin: 0;
padding:0;
border: none;
border-width: 0;
text-decoration: none;
}
.portfolio_nav .thumbnails a:hover {
border: none;
background: none;
}
.portfolio_nav .thumbnail_container {
width: 100%;
}
.portfolio_nav {
background-color:#333;
}
.portfolio_nav {
color: #CCCCCC;
FONT: 11px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
.portfolio_nav a,
.portfolio_nav a:link,
.portfolio_nav a:visited {
text-decoration: none;
color: #CCCCCC;
border: 0;
}
.portfolio_nav a:hover {
text-decoration: none;
color: #FFF;
border: 0;
}
div.portfolio_nav p {
padding: 10px;
margin: 0;
background-color:#333;
color: #ccc;
}
.portfolio_arrows {
height: 40px;
background-color: #333333;
position: relative;
clear:both;
}
#h24_content_container .left_active {
position: absolute;
top: 6px;
left:30px;
width: 28px;
height: 28px;
cursor: pointer;
background: url(../public/css/common/images/common-sprite-2.png) no-repeat;
background-position: 0 -30px; /* portfolio_block/left_active.gif */
}
#h24_content_container .left_inactive {
position: absolute;
top: 6px;
left:30px;
width: 28px;
height: 28px;
background: url(../public/css/common/images/common-sprite-2.png) no-repeat;
background-position: 0 -294px; /* portfolio_block/left_inactive.gif */
}
#h24_content_container .right_active {
position: absolute;
top: 6px;
right:30px;
width: 28px;
height: 28px;
cursor: pointer;
background: url(../public/css/common/images/common-sprite-2.png) no-repeat;
background-position: 0 -497px; /* portfolio_block/right_active.gif */
}
#h24_content_container .right_inactive {
position: absolute;
top: 6px;
right:30px;
width: 28px;
height: 28px;
background: url(../public/css/common/images/common-sprite-2.png) no-repeat;
background-position: 0 -134px; /* portfolio_block/right_inactive.gif */
}
/*****************************
portfolio_block BLOCK
*****************************/
/* ___ Simple gallery ____________________________________________________ */
div.simple_gallery_content > div {
float:left;
position: relative;
}
div.simple_gallery_content {
clear:both;
overflow:hidden;
width:100%;
}
/* _________________________________________________________________ STANDARD BUTTON ______________________ */
.buttons a {
color:#222 !important;
cursor:pointer !important;
border:0 none !important;
font-family:arial !important;
font-size:14px !important;
font-weight:bold !important;
position:relative !important;
background: url(../public/css/common/images/h24_soft_btn.png) no-repeat scroll right -1573px transparent !important;
}
.buttons a {
display:block;
float:left;
line-height:14px !important;
margin:0 7px 5px 0 !important;
padding:11px 10px 0 26px !important;
text-align:right !important;
text-decoration:none !important;
height:25px !important;
}
.buttons a img, .ui-dialog-content .buttons a img {
background:url(../public/css/common/images/h24_soft_btn.png) no-repeat scroll 0 -1620px #FFFFFF !important;
border:0 none !important;
float:left !important;
left:0 !important;
padding:10px 0 10px 7px !important;
position:absolute !important;
top:0 !important;
}
/* Hover & active state */
/*Hover*/
.buttons a:hover {
background-position: right -1665px !important;
}
.buttons a:hover img {
background-position: 0 -1712px !important;
}
/*Active*/
.buttons a:active {
background-position:right -1573px !important;
color:#3F3F3F !important;
}
.buttons a:active img {
background-position: 0 -1620px !important;
}
/*Disabled*/
.buttons a.h24_disabled:active,
.buttons a.h24_disabled:hover {
background-position: right -1573px !important;
}
.buttons a.h24_disabled:active img,
.buttons a.h24_disabled:hover img {
background-position: 0 -1620px !important;
}
/* Smaller version */
.editing_control_panel .buttons a,
.buttons a.h24_smallStandardButton {
background: url(../public/css/common/images/h24_soft_btn.png) no-repeat scroll right -1765px transparent !important;
font-size:12px !important;
font-weight:bold !important;
font-family: Tahoma, Geneva, sans-serif !important;
height:22px !important;
line-height:14px !important;
margin:0 7px 5px 0 !important;
padding:7px 10px 0 26px !important;
}
.buttons a.h24_disabled {
color:#777777 !important;
cursor: not-allowed !important;
}
.buttons a.h24_smallAndOnlyAnIcon {
padding-right: 3px !important;
}
.editing_control_panel .buttons a img,
.buttons a.h24_smallStandardButton img,
.ui-dialog-content .buttons a.h24_smallStandardButton img {
background:url(../public/css/common/images/h24_soft_btn.png) no-repeat scroll 0 -1805px #FFFFFF !important;
padding:6px 0 10px 6px !important;
}
/* SMALLER - Hover & active state */
/*Hover*/
.editing_control_panel .buttons a:hover,
.buttons a.h24_smallStandardButton:hover {
background-position: right -1840px !important;
}
.editing_control_panel .buttons a:hover img,
.buttons a.h24_smallStandardButton:hover img {
background-position: 0 -1880px !important;
}
/*Active*/
.editing_control_panel .buttons a:active,
.buttons a.h24_smallStandardButton:active {
background-position:right -1840px !important;
}
.editing_control_panel .buttons a:active img,
.buttons a.h24_smallStandardButton:active img {
background-position: 0 -1880px !important;
}
/* Disabled */
.buttons a.h24_smallStandardButton.h24_disabled:active,
.buttons a.h24_smallStandardButton.h24_disabled:hover {
background-position: right -1765px !important;
}
.buttons a.h24_smallStandardButton.h24_disabled:active img,
.buttons a.h24_smallStandardButton.h24_disabled:hover img {
background-position: 0 -1805px !important;
}
#h24_shortcuts_wrapper .buttons a.h24_smallStandardButton {
background-image: none !important;
color: #fff !important;
}
#h24_shortcuts_wrapper .buttons a.h24_smallStandardButton img {
background-image: none !important;
color: #fff !important;
}
/* Small with sliding door */
.buttons a.h24_smallWithSlidingDoor {
background-position:right -1916px !important;
height:29px !important;
padding:0 8px 0 0 !important;
}
.buttons a.h24_smallWithSlidingDoor span {
background: url(../public/css/common/images/h24_soft_btn.png) no-repeat scroll 0 -1956px transparent !important;
display:block;
height:29px;
line-height:28px;
padding:0 3px 0 10px !important;
}
.buttons a.h24_smallWithSlidingDoor:hover {
background-position:right -1993px !important;
}
.buttons a.h24_smallWithSlidingDoor:hover span {
background-position:left -2033px !important;
}
.buttons a.h24_revert_button {
display: none;
}
.h24_modified_settings .buttons a.h24_revert_button {
display: block;
}
/* Not sure what this is used for /Mikael */
.user_manager_item a.neutral{
height: 14px;
}
.user_manager_item a.arrow {
width: 14px;
}
.user_manager_item a.user {
border: 0pt none;
background: none;
float: left;
padding-left: 4px;
}
.user_manager_item a.move {
border: 0pt none;
background: none;
float: right;
cursor: move;
}
.user_manager_item a.user:hover, .user_manager_item a.move:hover {
background: none;
border: 0pt none;
}
/* INTERNET EXPLORER 6 MENU */
#nav_ie6 {
position: absolute;
right:40px;
top: 70px;
}
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding:6px 30px; }
#navlist a:link, #navlist a:visited
{
color:#444444;
font-size:18px;
font-weight:normal;
text-decoration:none;
}
#navlist li.current a:link, #navlist li.current a:visited
{
/*color: #fff;
background-color: #469C23;*/
font-weight: bold;
}
#navlist a:hover
{
/*color: #fff;
background-color: #469C23;
text-decoration: none;*/
}
/*##########################################################################################################################*/
/*____________________________________________________________________________ ALERT MESSAGES _________________________________________________________________ */
/*##########################################################################################################################*/
/*____________________________________________________________________________ ALERT COLOUR _______________________________________________________________ */
.error_marked {
background-color: #FFADAE !important;
}
/*____________________________________________________________________________ ALERT MESSAGE FOR ERRORS ___________________________________________________ */
p.alert_message,
#h24_content_container p.alert_message
{
background: #fff6bf url(../public/css/common/images/famfamfam/exclamation.png) no-repeat;
background-position: 15px 50%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
padding: 5px 20px 5px 45px;
border: 1px solid #ffd324;
margin: 10px 10px 10px 10px;
color: #333;
max-width:450px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
-moz-border-radius:4px 4px 4px 4px;
-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
-webkit-border-radius:4px 4px 4px 4px;
-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}
/*______________________________________________________________________________________ INFO MESSAGE __________________________________________________ */
p.info_message,
#h24_content_container p.info_message {
background: #fff6bf url(../public/css/common/images/famfamfam/information.png) no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;*/
border: 1px solid #ffd324;
margin: 0px auto 0px auto;
color: #333;
max-width:450px;
-moz-border-radius:4px 4px 4px 4px;
-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
-webkit-border-radius:4px 4px 4px 4px;
-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}
.h24_dialog p.dialog_box_message {
margin: 20px auto;
width: 300px;
}
/*______________________________________________________________________________________ WARNING MESSAGE __________________________________________________ */
p.warning_message,
#h24_content_container p.warning_message {
background: #fff6bf url(../public/css/common/images/fugue/exclamation_frame.png) no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #ffd324;
margin: 10px 10px 10px 10px;
color: #333;
max-width:450px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
-moz-border-radius:4px 4px 4px 4px;
-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
-webkit-border-radius:4px 4px 4px 4px;
-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}
/*______________________________________________________________________________________ WARNING MESSAGE __________________________________________________ */
p.help_message,
#h24_content_container p.help_message {
background: #fff6bf url(../public/css/common/images/famfamfam/help.png) no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #ffd324;
margin: 10px 10px 10px 10px;
color: #333;
max-width:450px;
margin-left:auto;
margin-right:auto;
-moz-border-radius:4px 4px 4px 4px;
-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
-webkit-border-radius:4px 4px 4px 4px;
-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}
/*______________________________________________________________________________________ ACCEPT MESSAGE FOR SUCCESS __________________________________________________ */
p.accept_message,
#h24_content_container p.accept_message {
background: #fff6bf url(../public/css/common/images/famfamfam/accept.png) no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #ffd324;
margin: 10px 10px 10px 10px;
color: #333;
max-width:450px;
margin-left:auto;
margin-right:auto;
-moz-border-radius:4px 4px 4px 4px;
-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
-webkit-border-radius:4px 4px 4px 4px;
-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}
/*__________________________________________________ WEBSHOP PANEL */
#h24_webshop {
bottom:0;
height:35px;
left:0;
overflow:hidden;
display:none;
padding-top:25px;
position:fixed;
width:100%;
z-index:899;
}
/*if ie6, lets simulate position:fixed*/
div#h24_webshop {
/* IE5.5+/Win - this is more specific than the IE 5.0 version */
position: absolute; left: 0px; bottom: 0px;
right: auto; bottom: auto;
left: expression( ( -00 - h24_webshop.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( -00 - h24_webshop.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#h24_webshop_wrapper IFRAME
{
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width:550px;/*must have for any big value*/
height:425px/*must have for any big value*/;
}
#h24_webshop_wrapper {
color: #333;
border:1px solid #666;
background: #FFFFFF none repeat scroll 0 0;
height:390px;
margin:0 auto;
padding:35px 0 0;
position:relative;
width:550px;
overflow: visible;
}
#h24_webshop_wrapper ul.h24_hide_show_cart {
position:absolute;
right:15px;
top:6px;
}
/* DEPRECATED */
#h24_webshop_wrapper ul.h24_empty_cart {
position:absolute;
right:50px;
top:6px;
}
#h24_webshop_wrapper ul.h24_small_button {
min-width: 130px;
float:right;
}
#h24_webshop_wrapper ul.h24_back_to_cart {
position:absolute;
right:15px;
top:6px;
}
#h24_webshop_content {
height:355px;
overflow:auto;
padding:15px 20px 15px 30px;
position: static;
text-align:left;
width:500px;
border-color:#CCCCCC;
border-style:solid none;
border-width:1px 0 0;
}
#h24_webshop_content h2,
#h24_webshop_content p {
font-weight: normal;
text-align: left;
}
#h24_webshop_content h2 {
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}
#h24_webshop_content span.h24_artNo {
font-size: 10px;
color: #888;
}
img#h24_webshop_toggle {
cursor:pointer;
left:0;
position:absolute;
top:-27px;
}
div#h24_webshop_toggle {
/*background:green url(../public/css/common/images/famfamfam/cart.png) no-repeat scroll 5px 50%;*/
background-color: green;
cursor:pointer;
height:16px;
left:-1px;
padding:3px 10px 0;
position:absolute;
top:-20px;
}
div#h24_webshop_toggle span {
color:#FFFFFF;
font-family:arial,sans-serif;
font-size:12px;
font-weight:bold;
line-height:100%;
vertical-align:baseline;
}
#h24_webshop_amount {
font-weight:bold;
left:15px;
padding-top:6px;
position:absolute;
top:3px;
}
#h24_webshop_wrapper table {
border-width: 1px 1px 1px 1px;
border-spacing: 0px;
border-style: solid;
border-color: #d9d9d9;
border-collapse: collapse;
background-color: white;
width: 470px;
}
#h24_webshop_wrapper table th {
border-width: 1px 1px 1px 1px;
padding: 6px;
border-style: inset inset inset inset;
border-color: #d9d9d9;
background-color: #ededed;
font-weight: normal;
}
#h24_webshop_wrapper table td {
border-width: 1px 1px 1px 1px;
padding: 6px;
border-style: inset inset inset inset;
border-color: #d9d9d9;
background-color: white;
}
#h24_webshop_wrapper table.h24_cart_summary {
width:auto;
}
#h24_webshop_wrapper table.h24_cart_summary th{
font-weight: bold;
text-decoration: none;
}
#h24_webshop_content, #h24_webshop_content div {
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size:12px;
line-height:130%;
}
#h24_webshop_content h1 {
font-weight: bold;
}
#h24_webshop_wrapper input.error {
background-color: #FF5555;
}
#h24_webshop_wrapper input.warning {
background-color: #FFEC60;
}
#h24_webshop_wrapper .buttons a {
color: #ffffff;
background-color:#04a408;
border:1px solid #000000;
white-space: nowrap;
}
#h24_webshop_wrapper .buttons a:hover {
background-color:#56c659;
}
.h24_webshop_text {
margin-bottom: 20px;
font-weight: normal;
text-align: left;
}
div#h24_webshop_shipping {
width: 475px;
margin: 15px 0 15px 0;
}
.h24_product_price_out_of_stock {
padding-top: 1px;
font-size: 13px;
font-family: Trebuchet MS,Arial,Verdana,Tahoma,Sans-Serif,FreeSans;
}
/*__________________________________________________ FLAG LIST */
#h24_flag_list {
position: absolute !important;
top: 0px;
width: auto;
padding: 0;
margin: 0;
z-index: 900;
}
#h24_flag_list_p {
white-space: nowrap;
}
#h24_flag_list ul#h24_flag_list_ul {
padding: 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#h24_flag_list ul#h24_flag_list_ul li {
background: transparent none no-repeat 0 50%;
padding-left:0px;
}
#h24_flag_list ul#h24_flag_list_ul li.h24_padding_left {
padding-left:20px;
}
#h24_flag_list a
{
border: 0;
}
#h24_flag_list_p a:hover,
#h24_flag_list ul#h24_flag_list_ul a:hover {
cursor: pointer;
border: 0;
}
#h24_flag_list ul#h24_flag_list_ul li.horizontal {
float: left;
margin-right: 5px;
}
#h24_flag_list .h24_flaglist_hover {
border: 1px solid #515151;
background-color: #e2e2e2;
color: #000000;
}
#hemsida24-login-table {
border: 0px;
margin-bottom: 40px;
}
#hemsida24-login-table td{
border: 0px;
}
#hemsida24-login-table th {
border: 0px;
}
/*_____________________________________________________________________ LOADING MESSAGE AND OVERLAY___________________*/
#loading_message
{
display:none;
position:fixed;
left:42%;
top:30%;
text-align:center;
background: transparent;
/*border: 1px solid;
border-color: #ccc #333 #333 #ccc;*/
z-index: 99991;
width: 260px;
height: 50px;
}
#loading_message p {
margin: 0; padding: 0;
font-weight: bold;
font-size: 14px;
font-family: "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
color: #333;
margin-top: 2px;
text-align: left;
}
/*if ie6, lets simulate position:fixed*/
* html #loading_message {
position: absolute;
top: expression(ignoreMe = document.documentElement &&
document.documentElement.scrollTop || document.body.scrollTop);
}
.drp_blur{
background-color: #ccc; /*shadow color*/
color: inherit;
margin-left: 4px;
margin-top: 4px;
}
.drp_shadow,
.drp_content{
position: relative;
bottom: 2px;
right: 2px;
}
.drp_shadow{
background-color: #666; /*shadow color*/
color: inherit;
}
.drp_content{
background-color: #fff; /*background color of content*/
color: #000; /*text color of content*/
border: 1px solid #000; /*border color*/
padding: 10px 10px 13px 15px;
}
/* __________________ Jquery tools OVERLAY */
/* the overlayed element */
.h24_jqt_simple_overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
font-family:arial;
width:675px;
min-height:200px;
border:1px solid #666;
/* CSS3 styling for latest browsers */
/* -moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000; */
}
/* close button positioned on upper right corner */
.h24_jqt_simple_overlay .close {
background: transparent url(../public/css/common/images/cc_close_button.png) no-repeat left top;
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
.h24_jqt_simple_overlay .close:hover {
background: transparent url(../public/css/common/images/cc_close_button.png) no-repeat left -48px;
}
/* the large image. we use a gray border around it */
#img {
border:1px solid #666;
}
/* "next image" and "prev image" links */
.h24_jqt_next, .h24_jqt_prev {
/* absolute positioning relative to the overlay */
position:absolute;
top:40%;
border:1px solid #666;
cursor:pointer;
display:block;
padding:10px 20px;
color:#fff;
font-size:11px;
/* upcoming CSS3 features */
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.h24_jqt_prev {
left:0;
border-left:0;
-moz-border-radius-topleft:0;
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;
-webkit-border-top-left-radius:0;
}
.h24_jqt_next {
right:0;
border-right:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
-webkit-border-top-right-radius:0;
}
.h24_jqt_next:hover, .h24_jqt_prev:hover {
text-decoration:underline;
background-color:#000;
}
/* when there is no next or previous link available this class is added */
.disabled {
visibility:hidden;
}
/* the "information box" */
.h24_jqt_info {
position:absolute;
bottom:0;
left:0;
padding:10px 15px;
color:#fff;
font-size:11px;
border-top:1px solid #666;
}
.h24_jqt_info strong {
display:block;
font-weight: bold;
}
/* progress indicator (animated gif). should be initially hidden */
.h24_jqt_progress {
position:absolute;
top:45%;
left:50%;
display:none;
}
/* everybody should know about RGBA colors. */
.h24_jqt_next, .h24_jqt_prev, .h24_jqt_info {
background:#333 !important;
background:rgba(0, 0, 0, 0.6) url(../public/css/common//img/global/gradient/h80.png) repeat-x;
}
/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
background-image:url(../public/css/common/images/overlay/transparent.png);
color:#fff;
}
/* OPACITY */
.h24_opacity_50 {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE7 */
opacity: 0.5; /* Web browsers */
}
/*__________________________ Tooltip _____________________________________________*/
.h24_tooltip {
background-color: #fff;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 5px 7px 25px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 7px 25px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 7px 25px rgba(0, 0, 0, 0.4);
border: 3px solid #469c23;
padding:12px 12px 13px;
position: absolute;
width: 250px;
z-index: 4000;
display:none;
}
#ap_links .h24_tooltip p,
.h24_tooltip p{
color:#333333 !important;
font-family:verdana !important;
font-size:12px;
line-height: 140% !important;
}
.h24_tooltip a,
.h24_tooltip a:visited,
.h24_tooltip a:active {
color:#469C23 !important;
text-decoration:underline !important;
}
.h24_tooltip a:hover {
color:#F18209 !important;
}
.h24_tooltip_arrow {
width: 17px;
height: 23px;
background: transparent url(../public/css/common/images/tooltip/tooltip_arrow_left.png) no-repeat scroll left top;
position: absolute;
}
/*Add class for left-arrow*/
.h24_tooltip_left .h24_tooltip_arrow {
left:-17px;
margin-top:-10px;
top:50%;
}
/*Add class for right-arrow*/
.h24_tooltip_right .h24_tooltip_arrow {
background: transparent url(../public/css/common/images/tooltip/tooltip_arrow_right.png) no-repeat scroll left top;
right:-17px;
margin-top:-10px;
top:50%;
}
/*Add class for top-arrow*/
.h24_tooltip_top .h24_tooltip_arrow {
background: transparent url(../public/css/common/images/tooltip/tooltip_arrow_top.png) no-repeat scroll left top;
top:-17px;
margin-left:-10px;
left:50%;
width: 23px;
height: 17px;
}
/*Add class for bottom-arrow*/
.h24_tooltip_bottom .h24_tooltip_arrow {
background: transparent url(../public/css/common/images/tooltip/tooltip_arrow_bottom.png) no-repeat scroll left top;
bottom:-17px;
margin-top:-10px;
left:50%;
width: 23px;
height: 17px;
}
.h24_tooltip_smallText p {
font-size: 12px;
font-weight:normal;
}
.h24_tooltip_warning {
background: url(../public/css/common/images/fugue/exclamation_frame.png) no-repeat scroll 15px 50% #FFFFFF;
padding-left: 45px;
}
.h24_tooltip_info {
background: url(../public/css/common/images/fugue/shadowless/information-frame.png) no-repeat scroll 15px 50% #FFFFFF;
padding-left: 45px;
}
.h24_tooltip_help {
background: url(../public/css/common/images/fugue/shadowless/question-frame.png) no-repeat scroll 15px 50% #FFFFFF;
padding-left: 45px;
}
/* Misc */
label.inline {
display: inline;
}
label.block {
display: block;
}
/* Google maps */
div.h24_do_print {
display: none;
}
/*__________________________________________________ FORM BLOCK */
.block_container .h24_form_ul_wrapper label {
display: block !important;
font-weight: bold;
padding-bottom:2px;
}
.h24_form_ul_wrapper label span.h24_subjectChooser {
color:red;
font-style:italic;
font-weight:normal;
}
.h24_form_ul_wrapper input[type=checkbox],
.h24_form_ul_wrapper input[type=radio],
.h24_form_ul_wrapper label[for] {
cursor: pointer;
}
.h24_form_ul_wrapper label.h24_inline_label {
display:inline !important;
font-weight:normal;
}
.h24_form_ul_wrapper label.h24_remove_bold {
font-weight:normal;
}
.h24_form_ul_wrapper input[type=hidden]{
display:none !important;
position:absolute;
}
.h24_form_ul_wrapper span.h24_form_field_red_star {
color: red;
font-weight: bold;
}
.h24_form_ul_wrapper ul li {
list-style-image:none !important;
list-style-type:none !important;
margin-bottom:0 !important;
padding-bottom:15px !important;
}
.h24_form_ul_wrapper ul {
list-style:none outside none !important;
margin:0 !important;
padding:0 !important;
}
.h24_form_ul_wrapper ul.h24_checkbox_list {
list-style-type:none !important;
margin:0px 0 0;
padding:0;
}
.h24_form_ul_wrapper .h24_checkbox_list label {
display: block;
padding-left: 0px;
text-indent: -0px;
}
.h24_form_ul_wrapper ul.h24_checkbox_list li {
list-style-type: none !important;
padding-bottom: 9px !important;
margin-bottom: 0px !important;
}
.h24_form_ul_wrapper input.h24_checkbox,
.h24_form_ul_wrapper input.h24_radio {
width: 13px;
height: 13px;
padding: 0;
margin:0 8px 0 0;
vertical-align: bottom;
position: relative;
top: -1px;
*overflow: hidden;
}
.h24_form_field_heading_helptext {
font-size: 12px;
}
.h24_form_field_error {
background-color: #FFB3B3;
}
.h24_form_field_error_color {
color: red;
font-weight: bold;
}
.h24_form_field_settings_helptext_div {
max-width:450px;
margin-bottom:3px;
}
/*__________________________________________________ COLLECTIONS */
.h24_collection {
float: left;
min-height: 1px;
}
div.h24_collection.first {
padding-left: 20px;
padding-right: 10px;
}
div.h24_collection.middle {
padding-left: 10px;
padding-right: 10px;
}
div.h24_collection.last {
padding-left: 10px;
padding-right: 20px;
}
div.h24_collection_newline {
clear: left;
padding-bottom: 20px;
}
div.h24_collection_newline.last {
clear: left;
padding-bottom: 0px;
}
/*__________________________________________________ OVERLAYS */
.h24_boxed_overlay {
background-image: url(../public/css/common/images/overlay-85.png);
position: absolute;
}
/*__________________________________________________ COLLAGES */
div.h24_collage_object {
position: absolute;
text-align: left;
}
div.h24_collage_object a {
text-decoration: none;
}
/*__________________________________________________ jQuery UI Datepicker */
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* Style manuelly added by Mikael*/
#ui-datepicker-div {
z-index: 3500;
background-color:#FFFFFF;
display:none; /*Hide until activated*/
}
.ui-datepicker.ui-corner-all,
.ui-datepicker .ui-corner-all{
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.ui-datepicker.ui-widget-content {
border:1px solid #B5B5B5;
color:#222222;
}
.ui-datepicker.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-datepicker.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-datepicker.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-datepicker .ui-datepicker-header {
padding:0.2em 0;
position:relative;
}
.ui-datepicker .ui-widget-header {
background:url(../public/css/common/images/datepicker/ui-bg_gloss-wave_75_50b029_500x100.png) repeat-x scroll 50% 50% #50B029;
border:1px solid #3F8623;
color:#FFFFFF;
font-weight:bold;
}
.ui-datepicker .ui-datepicker-prev {
left:2px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
height:1.8em;
position:absolute;
top:2px;
width:1.8em;
}
.ui-datepicker .ui-widget-header a {
color:#FFFFFF;
}
.ui-datepicker .ui-widget-header .ui-state-hover {
background: none;
border:none;
cursor: pointer;
}
.ui-datepicker .ui-widget-content a {
color:#222222;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display:block;
left:50%;
margin-left:-8px;
margin-top:-8px;
position:absolute;
top:50%;
}
.ui-datepicker .ui-widget-header .ui-icon {
background-image:url(../public/css/common/images/datepicker/ui-icons_ffffff_256x240.png);
}
.ui-datepicker .ui-widget-content .ui-icon {
background-image:url(../public/css/common/images/datepicker/ui-icons_7fbcda_256x240.png);
}
.ui-datepicker .ui-icon-circle-triangle-w {
background-position:-80px -192px;
}
.ui-datepicker .ui-icon-circle-triangle-e {
background-position:-48px -192px;
}
.ui-datepicker .ui-icon {
background-image:url(../public/css/common/images/datepicker/ui-icons_7fbcda_256x240.png);
height:16px;
width:16px;
}
.ui-datepicker .ui-icon {
background-repeat:no-repeat;
display:block;
overflow:hidden;
text-indent:-99999px;
}
.ui-datepicker .ui-datepicker-next {
right:2px;
}
.ui-datepicker table {
border-collapse:collapse;
font-size:0.9em;
margin:0 0 0.4em;
width:100%;
}
.ui-datepicker th {
border:0 none;
font-weight:bold;
padding:0.7em 0.3em;
text-align:center;
}
.ui-datepicker td {
border:0 none;
padding:1px;
}
.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-widget-content .ui-state-disabled,
.ui-datepicker .ui-widget-header .ui-state-disabled {
background-image:none;
opacity: .35; filter:Alpha(Opacity=35); background-image: none;
}
.ui-state-disabled {
cursor:default !important;
}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
border: 1px solid #77a9c5; background: #4c91b7 url(../public/css/common/images/datepicker/ui-bg_glass_45_4c91b7_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
border: 1px solid #f18209; background: #f18209 url(../public/css/common/images/datepicker/ui-bg_glass_55_f18209_1x400.png) 50% 50% repeat-x; color: #ffffff;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
border: 1px solid #f18209; background: #f18209 url(../public/css/common/images/datepicker/ui-bg_gloss-wave_50_f18209_500x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;
}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-header
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-header
.ui-datepicker .ui-state-focus {
border: 1px solid #7fbcda; background: #79c9ec url(../public/css/common/images/datepicker/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;
}
.ui-datepicker-trigger {
left:2px;
position:relative;
top:2px;
cursor: pointer;
}
/*________________________________________________ StoreProductBlock */
.h24_store_product_block_select_product_category {
width: 200px;
}
.h24_store_product_block_box {
width: 490px;
height: 500px;
overflow: auto;
border: 1px solid #999999;
padding: 10px;
}
.h24_store_product_block_product_list_product {
float: left;
margin: 10px;
width: 135px;
}
.h24_store_product_block_product_list_image {
position: relative;
width: 135px;
height: 135px;
border: 1px solid #CCCCCC;
}
.h24_store_product_block_product_list_product:hover, .h24_store_product_block_product_list_product:hover div.h24_store_product_block_product_list_overlay {
cursor: pointer;
display: block;
}
.h24_store_product_block_product_list_name {
width: 100%;
text-align: center !important;
margin-top: 5px;
}
.h24_store_product_block_product_list_overlay {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #000000;
filter: alpha(opacity=80); /* internet explorer */
-khtml-opacity: 0.8; /* khtml, old safari */
-moz-opacity: 0.8; /* mozilla, netscape */
opacity: 0.8; /* fx, safari, opera */
}
.h24_store_product_block_product_list_overlay p {
text-align: center !important;
padding: 5px 0;
color: #FFFFFF;
font-weight: bold;
}
.h24_store_product_block_settings_product_image {
width: 100px;
height: 100px;
border: 1px solid #CCCCCC;
float: left;
}
.h24_store_product_block_settings_product_name {
float: left;
margin-left: 10px;
}
.h24_store_product_block_small_image {
float: left;
margin-right: 5px;
}
p.h24_store_product_block_on_sale {
font-size: 18px;
color: #FF0000;
font-weight: bold;
display: inline;
}
.h24_block_template_block p {
line-height: inherit;
}
.h24_store_product_block_sale_left_column {
width: 70px;
float: left;
display: block;
clear: both;
min-height: 1px;
}
.h24_store_product_block_sale_right_column {
display: block;
margin-bottom: 5px;
margin-left: 75px;
}
.h24_store_product_block_compareat {
text-decoration: line-through;
}
.h24_store_product_block_price {
color: #FF0000;
font-weight: bold;
}
.h24_store_product_block_select_variant select {
max-width: 100%;
min-width: 123px;
}
.h24_store_product_block_instock {
color: #32CD32;
}
.h24_store_product_block_outofstock {
color: #FF0000;
}
.h24_store_product_block_sale_left {
/*width: 200px;
overflow: hidden;
float: left;*/ /*Removed so that the button shadow will show, added padding*/
float: left;
overflow: hidden;
padding: 0 0 5px 5px;
width: 195px;
}
.h24_store_product_block_sale_right {
width: 200px;
overflow: hidden;
float: right;
}
.h24_store_product_block_description_right {
float: right;
margin-top: 20px;
}
.h24_store_product_block_large_image {
text-align: center;
}
.h24_store_product_block_small_images {
margin-top: 5px;
}
.h24_store_product_block_price_minimal {
color: #FF0000;
font-weight: bold;
float: left;
margin-bottom: 5px;
margin-right: 10px;
}
.h24_store_product_block_select_variant_minimal select{
float: left;
margin-right: 10px;
max-width: 200px;
margin-bottom: 5px;
}
.h24_store_product_block_quantity_minimal {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.h24_store_product_block_cart_button_minimal {
float: left;
margin-bottom: 5px;
}
.h24_store_product_block_tax {
font-weight: bold;
font-size: 10px;
}
/*__________________________________________________ STORE PANEL */
#h24_store_panel {
bottom:0px;
left:0;
overflow:hidden;
position:fixed;
width:100%;
z-index:899;
height: 30px;
}
#h24_store_panel_wrapper {
height: 50px;
color: #333;
border:1px solid #666;
background: #F2F2F2;
margin:0 auto;
position:relative;
width:750px;
overflow: visible;
font-size: 12px;
}
#h24_store_panel_amount {
padding: 6px;
float: left;
font-weight: bold;
}
#h24_store_panel_buttons {
float: right;
height: 50px;
padding: 4px 4px 0 0;
}
/*
#h24_store_panel_button_cart {
float: left;
border-left: 1px solid #333;
border-right: 1px solid #333;
padding: 6px;
height: 100%;
background-color: #666666;
font-weight: bold;
}
#h24_store_panel_button_cart:hover {
cursor: pointer;
background-color: #444444;
}
#h24_store_panel_button_checkout {
margin-left: 5px;
margin-right: 10px;
float: left;
border-left: 1px solid #333;
padding: 6px;
height: 100%;
background-color: #FB068A;
font-weight: bold;
}
#h24_store_panel_button_checkout:hover {
cursor: pointer;
background-color: #D90068;
}
*/
/*__________________________________________________ STORE Cart / Checkout */
#h24_store_product_list, #h24_store_cart, #h24_store_checkout, #h24_store_product {
/*margin: 0 15px;*/
padding-bottom: 20px;
}
#h24_store_product_list h1 {
margin-bottom: 5px;
}
#h24_store_cart table.h24_dataTable td {
font-size: inherit;
}
#h24_content_container .h24_store_checkout_subheading {
font-weight: bold;
}
#h24_store_cart div.h24_store_cart_product_image {
float: left;
border: 1px solid #CCCCCC;
width: 100px;
height: 100px;
background-color: #3333;
}
#h24_store_cart div.h24_store_cart_product_description {
margin-left: 115px;
}
#h24_store_cart_table tr {
vertical-align: top;
}
#h24_store_cart_comment {
float: left;
}
#h24_store_cart_comment textarea{
width: 300px;
height: 100px;
}
#h24_store_cart_total {
float: right;
}
.h24_store_cart_total_left_column {
width: 250px;
text-align: right;
margin-right: 20px;
float: left;
display: block;
clear: both;
min-height: 1px;
font-weight: bold;
}
.h24_store_cart_total_right_column {
display: block;
margin-bottom: 10px;
float: right;
}
.h24_store_cart_comment {
margin-top: 5px;
}
.h24_store_checkout_product_image {
float: left;
border: 1px solid #CCCCCC;
width: 50px;
height: 50px;
background-color: #3333;
}
.h24_store_checkout_product_info {
margin-left: 65px;
}
.h24_store_checkout_product {
width: 33%;
float: left;
margin-bottom: 20px;
}
.h24_store_checkout_line {
border-top: 1px solid #999;
}
.h24_store_field_max_width {
width: 100%;
}
.h24_store_field_large_width {
width: 500px;
}
.h24_store_field_normal_extra_width {
width: 250px !important;
}
.h24_store_field_normal_width {
width: 150px !important;
}
.h24_store_field_small_width {
width: 100px !important;
}
.h24_store_field_very_small_width {
width: 55px !important;
}
.h24_store_checkout_box_title {
border: 1px solid #999;
border-bottom: 0 !important;
padding: 5px;
background-color: #333;
color: #FFF;
font-weight: bold;
padding-left: 10px;
}
.h24_store_checkout_box_content {
border: 1px solid #999;
padding: 20px;
border-top: 0px !important;
}
.h24_store_checkout_form_space {
clear: both;
padding-bottom: 10px;
}
.h24_store_checkout_vat_id_check {
width: 300px;
padding: 10px;
border: 1px solid #999;
}
.h24_store_checkout_form_error {
clear: both;
float: left;
margin: 5px 0;
}
.h24_store_error {
color: #FF0000 !important;
}
.h24_store_error_border {
border: 1px solid #FF0000 !important;
}
.h24_store_checkout_comment_edit_cart, .h24_store_cart_empty_cart {
float: left;
}
.h24_store_display_block {
display: block;
}
.h24_store_checkout_payment_method_instruction {
border: 1px solid #999;
margin: 10px;
padding: 5px;
}
.h24_store_checkout_helptext {
margin-left: 350px;
color: #999;
}
.h24_store_checkout_save_vat_id {
float: right;
margin-top: -4px;
}
.h24_store_checkout_vat_id {
width: 190px;
}
.h24_store_checkout_total_price_container {
margin: 10px 0;
}
iframe.h24_store_checkout_payment_agreements_iframe {
border: 1px solid #CCC;
width: 100%;
height: 200px;
}
#h24_store_checkout_terms {
margin: 10px 0;
}
#h24_store_checkout_terms .h24_store_checkout_box_content {
max-height: 235px;
overflow: auto;
}
#h24_store_cart_total_container {
width: 100%;
}
#h24_store_cart_total table td {
padding-bottom: 10px;
}
#h24_store_cart_total table td.h24_store_cart_total_description {
padding-right: 35px;
font-weight: bold;
}
/*__________________________________________________ STORE Product List */
#h24_store_product_list_products_container {
position: relative;
}
#h24_store_product_list_search_result {
right: 5px;
position: absolute;
top: -30px;
}
#h24_store_product_list_products {
position: relative;
width: 100%;
}
.h24_store_product_list_products_overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 99999;
background: url(../public/css/common/images/transparent-white-80.png);
text-align: center;
padding-top: 30px;
}
.h24_store_product_list_product {
text-align: center;
float: left;
overflow: hidden;
}
.h24_store_product_list_page_nav {
padding: 5px;
text-align: center;
}
.h24_store_product_list_top {
padding: 5px;
text-align: center;
}
.h24_store_product_list_bar {
border: 1px solid #999;
position: relative;
}
.h24_store_product_list_search_field {
width: 30%;
float: left;
}
.h24_store_product_list_sort {
float: right;
}
.h24_store_product_list_sort select {
width: 150px;
}
.h24_store_product_list_search_button {
/*float: left;
margin-left: 10px;
margin-top: 3px;*/
left: 33%;
margin-top: -11px;
position: absolute !important;
top: 50%;
}
.h24_store_product_list_product_price_price {
font-weight: bold;
}
.h24_store_product_list_product_price_compareat {
text-decoration: line-through;
}
#h24_store_product_list_settings .h24_store_product_list_settings_slider {
width: 250px;
float: left;
}
#h24_store_product_list_settings .h24_store_product_list_settings_slider_value {
width: 50px;
float: left;
margin-left: 20px;
margin-top: -5px;
}
#h24_store_product_list_settings_button {
position: absolute;
right: 30px;
margin-top: -40px;
display: none;
height: 50px;
z-index: 1;
}
#h24_store_product_list_settings .h24_store_product_list_settings_label_radio {
display: inline !important;
margin-right: 20px !important;
}
#h24_store_product .addthis_button_facebook_like {
margin-top: -2px;
}
#h24_store_product .addthis_button_facebook_like iframe {
}
/*__________________________________________________ DATA TABLE FOR STORE CART */
table.h24_dataTable {
border: 0;
border-collapse: collapse;
background-color: white;
}
table.h24_dataTable tr.odd,
table.h24_dataTable tr.h24_oddRow{
background: none ;
border-bottom:1px solid #E7E7E7;
}
table.h24_dataTable tr:hover{
background-image: none;
background-color: #ebebeb;
}
table.h24_dataTable tr,
table.h24_dataTable tr.h24_tableHeader:hover{
background: transparent url(../public/css/common/images/h24_table_settings_row_bg.png) repeat-x scroll left bottom;
}
table.h24_dataTable th {
padding: 10px;
border: 1px solid #E7E7E7;
}
table.h24_dataTable td {
border: 1px solid #E7E7E7;
font-size:11px;
padding:6px 10px;
}
#h24_form_entry_manager_table tr {
cursor: pointer;
}
.h24_dataTable th {
font-size: 12px;
font-weight: bold;
color: #1A6791;
vertical-align:top;
}
table.h24_dataTable th.top {
white-space: nowrap;
}
table.h24_dataTable td.first {
border-left: 1px solid #d4d4d4;
font-weight: bold;
text-align: center;
}
/*__________________________________________________ STORE Product */
#h24_store_product_view {
float: right;
}
#h24_store_product_images {
float: left;
}
#h24_store_product_sale_description {
float: left;
}
.h24_store_product_small_image {
float: left;
margin-right: 5px;
}
p.h24_store_product_on_sale {
font-size: 16px;
color: #FF0000;
font-weight: bold;
display: inline;
}
.h24_store_product_name {
/* display: inline; */
}
.h24_store_product_sale_left_column {
clear: both;
display: block;
float: left;
font-weight: bold;
min-height: 1px;
white-space: nowrap;
width: auto;
}
.h24_store_product_sale_right_column {
display: block;
margin-bottom: 5px;
margin-left: 90px;
}
.h24_store_product_compareat {
text-decoration: line-through;
}
.h24_store_product_price {
color: #FF0000;
font-weight: bold;
}
.h24_store_product_select_variant select {
max-width: 100%;
min-width: 139px;
}
.h24_store_product_instock , .h24_store_product_comingsoon {
/*color: #32CD32;*/
font-style: italic;
}
.h24_store_product_outofstock, .h24_store_product_soldout {
color: #FF0000;
}
.h24_store_product_large_image {
text-align: center;
}
.h24_store_product_small_images {
margin-top: 5px;
}
.h24_store_product_tax {
font-weight: bold;
font-size: 10px;
}
.h24_store_product_description {
overflow: hidden;
}
/*__________________________________________________ STORE */
#h24_store_category_menu {
width: 170px;
padding: 2px;
float: left;
margin-bottom: 30px;
}
.h24_store_category_menu_level_1 {
padding: 2px 2px 5px;
}
/* ___ Level 1 */
#h24_store_category_menu ul.h24_store_category_menu_level_1 > li > a {
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid transparent;
}
#h24_store_category_menu ul.h24_store_category_menu_level_1 > li > a.h24_store_category_menu_active {
background-color: transparent;
}
#h24_store_category_menu ul.h24_store_category_menu_level_1 > li > a:hover{
background-color: transparent;
}
/* ___ Subcategories */
#h24_store_category_menu ul.h24_store_category_menu_level_2 li a {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 11px;
background: url("../public/css/common/../../generate/triangle.php?c=777777&orientation=horizontal&t=2") no-repeat scroll 0 50% transparent
}
#h24_store_category_menu ul.h24_store_category_menu_level_2 li a.h24_store_category_menu_active {
}
#h24_store_category_menu ul.h24_store_category_menu_level_2 li a:hover {
}
#h24_store_category_menu ul li {
/*margin-top: 5px;*/
}
#h24_store_category_menu ul li.h24_store_category_manager_first {
margin-top: 0;
}
#h24_store_category_menu ul li a {
display: block;
}
/* Can't be modifed */
#h24_store_category_menu ul.h24_store_category_menu_level_2 > li > a{
margin-left: 15px;
}
#h24_store_category_menu ul.h24_store_category_menu_level_3 > li > a{
margin-left: 30px;
}
#h24_store_category_menu ul.h24_store_category_menu_level_4 > li > a{
margin-left: 45px;
}
#h24_content_container .h24_store_large_action_button {
background-color: #15930F;
}
#h24_content_container .h24_store_small_action_button {
background-color: #15930F;
}
#h24_content_container .h24_store_large_neutral_button {
background-color: #084288;
}
#h24_content_container .h24_store_small_neutral_button {
background-color: #084288;
}
/*__________________________________________________ Global tweak defaults */
#h24_content_container .h24_store_large_action_button {
background-color: #FF5D00;
}
#h24_content_container .h24_store_large_neutral_button {
background-color: #1C1C1C;
}
#h24_content_container .h24_store_small_action_button, #h24_store_panel_buttons .h24_store_small_action_button {
background-color: #FF5D00;
}
#h24_content_container .h24_store_small_neutral_button, #h24_store_panel_buttons .h24_store_small_neutral_button {
background-color: #1C1C1C;
}
/* global slot: 51 tweak: 1952075 */
#h24_content_container .h24_store_product_list_bar {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
/* global slot: 47 tweak: 1952065 */
#h24_content_container .h24_store_product_list_bar {
background: #f0f0f0 none repeat scroll 0% 0%;
}
/* global slot: 49 tweak: 1952067 */
#h24_content_container .h24_store_product_list_bar {
border:1px solid #C7C7C7;
}
/* global slot: 53 tweak: 1952099 */
#h24_store_panel_wrapper {
background: #F0F0F0 none repeat scroll 0% 0%;
}
/* global slot: 55 tweak: 1952101 */
#h24_store_panel_wrapper {
border:1px solid #B0B0B0;
}
/* global slot: 57 tweak: 1952105 */
#h24_store_panel_wrapper {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
/* global slot: 73 tweak: 1952103 */
#h24_content_container .h24_store_checkout_box_title {
border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
}
/* global slot: 75 tweak: 1952059 */
#h24_content_container .h24_store_checkout_box_title, #h24_content_container .h24_store_checkout_box_content {
border:1px solid #333333;
}
/* global slot: 105 tweak: 1952089 */
#h24_store_category_menu {
border: 1px solid #C7C7C7;
}
/* global slot: 101 tweak: 2193045 */
#h24_store_category_menu {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
/* global slot: 105 tweak: 2192841 */
.h24_store_category_menu_level_1 {
background: #F0F0F0 none repeat scroll 0% 0%;
}
#h24_store_cart_table {
background-color: transparent;
}
#h24_store_cart_table .h24_tableHeader,
#h24_store_cart_table tr:hover
{
background-image: none;
background-color: transparent;
}
#h24_store_checkout input,
#h24_store_checkout select,
#h24_store_cart input,
#h24_store_cart select,
#h24_store_product input,
#h24_store_product select,
#h24_store_product_list input,
#h24_store_product_list select
{
color: #222222;
}
#h24_content_container .h24_store_product_sale .h24_store_product_block_quantity select,
#h24_content_container .h24_store_product_sale .h24_store_product_block_select_variant select
{
color: #222222;
}
/*______________________________________________________ DESIGN MANAGER FONT PREVIEW */
#h24_dm_mfp_right_panel {
background-color: white;
width: 270px;
height: 100%;
position: fixed;
top: 0px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #6B7179;
box-shadow: black 3px 0px 10px;
padding-top: 10px;
z-index: 1011;
right: 0px;
opacity: 1;
}
#h24_dm_mfp_right_panel h2 {
font-weight:bold;
font-size:14px;
margin:12px 0 8px;
}
.h24_dm_mfp_form_content,
.h24_dm_mfp_form_content a,
.h24_dm_mfp_content,
.h24_dm_mfp_content a {
font-family: Verdana, Geneva, sans-serif;
color: #333;
font-size: 12px;
line-height: 15px;
}
.h24_dm_mfp_form_content a,
.h24_dm_mfp_content a,
.h24_dm_mfp_form_content a:visited,
.h24_dm_mfp_content a:visited {
color: #469C23;
font-weight: bold;
text-decoration: none;
}
.h24_dm_mfp_form_content a:hover,
.h24_dm_mfp_form_content a:active,
.h24_dm_mfp_content a:hover,
.h24_dm_mfp_content a:active {
color: #F18209;
text-decoration:underline;
}
.h24_dm_mfp_form_content p {
margin-bottom: 5px;
}
.h24_dm_mfp_form_content li {
list-style: none;
padding-bottom: 10px;
}
#h24_dm_mfp_right_panel_tab_0 li {
border-bottom: 1px dotted #CCC;
}
.h24_dm_mfp_form_content label {
text-align: right;
width: 120px;
display: inline-block;
margin-right: 8px;
}
#h24_dm_mfp_right_panel_tab_0 {
padding: 0 8px;
}
.h24_dm_mfp_form_content select {
max-width: 120px;
}
.h24_dm_mfp_form_content .h24_dm_mfp_fontface {
max-width: 190px;
}
.h24_dm_mfp_form_content input[type=text] {
width: 20px;
}
.h24_dm_mfp_form_content input[type=text].h24_dm_mfp_color {
width: 60px;
}
#h24_dm_mfp_right_panel_tab_0 input {
margin-right: 5px;
}
.h24_dm_mfp_content {
padding: 8px;
}
.h24_dm_mfp_form_content .h24_flexbutton_mini.h24_flexbutton
{
padding: 3px;
}
.h24_dm_mfp_form_content .h24_flexbutton_mini span {
display: inline-block;
font-weight: bold;
text-align: center;
width: 16px;
height: 16px;
line-height: 16px;
font-size: 14px;
text-indent: -999em;
}
.h24_dm_mfp_form_content .h24_dm_mfp_size_smaller.h24_flexbutton_mini.h24_flexbutton span,
.h24_dm_mfp_form_content .h24_dm_mfp_size_larger.h24_flexbutton_mini.h24_flexbutton span {
color: #4482A4 !important;
text-indent: 0;
}
.h24_dm_mfp_font_prev span {
background: url('../public/css/common/images/fugue3/control-180.png') no-repeat;
}
.h24_dm_mfp_font_next span {
background: url('../public/css/common/images/fugue3/control.png') no-repeat;
}
.h24_dm_mfp_color_picker span {
background: url('../public/css/common/images/famfamfam/color_wheel.png') no-repeat;
margin-right: 5px;
}
.h24_dm_mfp_color_preview {
position: relative;
top: 4px;
margin-right: 5px;
display:inline-block;
width:16px;
height:16px;
border:1px solid #000000;
}
/*.h24_v-separator {
background: url('../public/css/common/images/vertical_separator.png') no-repeat;
width:9px;
padding-top:22px;
display: inline-block;
vertical-align: top;
}
.h24_dm_mfp_content .h24_actions .buttons,
.h24_dm_mfp_content .h24_actions > a {
display: inline-block;
line-height: 41px;
vertical-align: text-top;
}*/
#h24_dm_mfp_preview_container {
border: 1px solid #AAA;
border-radius: 5px;
padding: 10px;
margin-top: 10px;
box-shadow: 0px 0px 9px #AAA;
}
/* boxbackgrounds_common.css */
/* _________________________________________________________________ CURVED CORNERS ______________________ */
/* _______________ CURVED CORNERS - UI Dialog ______________________ */
.cc_tl_uiDialogBox {
height: 22px;
}
.cc_bl_uiDialogBox {
height: 22px;
}
/*Top part*/
.cc_tr_uiDialogBox {
background: transparent url(../public/css/common/images/dialog/dialogbox-top_and_bottom.png) no-repeat right -22px; /*Pixel number should be where the top right corner is located on the Y-axis*/
padding-right: 22px; /*Padding right should be width of top right corner image*/
}
.cc_tl_uiDialogBox {
background: transparent url(../public/css/common/images/dialog/dialogbox-top_and_bottom.png) no-repeat left top;
}
/*Middle part*/
.cc_ml_uiDialogBox {
background: transparent url(../public/css/common/images/dialog/dialogbox-left_border.png) repeat-y left top;
clear:both;
width:100%;
}
.cc_mr_uiDialogBox {
background: transparent url(../public/css/common/images/dialog/dialogbox-right_border.png) repeat-y right top;
clear:both;
width:100%;
}
.cc_content_uiDialogBox {
padding: 0px 11px 0px 13px; /*Padding left and right should be the same as their border widths*/
}
.cc_content_bg_uiDialogBox {
background-color:#FFFFFF;
/*padding-bottom:56px; Created ugly bottom padding on elements with no save button */
padding-bottom:15px;
}
/*Bottom part*/
.cc_br_uiDialogBox {
background: transparent url(../public/css/common/images/dialog/dialogbox-top_and_bottom.png) no-repeat right -71px; /*Pixel number should be where the bottom right corner is located on the Y-axis*/
padding-right: 22px; /*Padding right should be width of bottom right corner image*/
clear:both;
}
.cc_bl_uiDialogBox {
background: transparent url(../public/css/common/images/dialog/dialogbox-top_and_bottom.png) no-repeat left -44px; /*Pixel number should be where the bottom wall is located on the Y-axis*/
}
/* _______________ CURVED CORNERS - White front page style ______________________ */
.cc_tl_whitefrontpage,
.cc_bl_whitefrontpage {
height: 7px; /*Height of top and bottom part*/
}
/*Top part*/
.cc_tr_whitefrontpage {
background: transparent url(../public/css/common/images/whitefrontpage_top_bottom.png) no-repeat right -9px; /*Pixel number should be where the top right corner is located on the Y-axis*/
padding-right: 5px; /*Padding right should be width of top right corner image*/
}
.cc_tl_whitefrontpage {
background: transparent url(../public/css/common/images/whitefrontpage_top_bottom.png) no-repeat left top;
}
/*Middle part*/
.cc_ml_whitefrontpage {
background: transparent url(../public/css/common/images/whitefrontpage_left.png) repeat-y left top;
clear:both;
width:100%;
}
.cc_mr_whitefrontpage {
background: transparent url(../public/css/common/images/whitefrontpage_right.png) repeat-y right top;
clear:both;
width:100%;
}
.cc_content_whitefrontpage {
padding: 0px 1px 0px 3px; /*Padding left and right should be the same as their border widths*/
}
.cc_content_bg_whitefrontpage {
background-color: #fff;
}
/*Bottom part*/
.cc_br_whitefrontpage {
background: transparent url(../public/css/common/images/whitefrontpage_top_bottom.png) no-repeat right -32px; /*Pixel number should be where the bottom right corner is located on the Y-axis*/
padding-right: 7px; /*Padding right should be width of bottom right corner image*/
clear:both;
}
.cc_bl_whitefrontpage {
background: transparent url(../public/css/common/images/whitefrontpage_top_bottom.png) no-repeat left -17px; /*Pixel number should be where the bottom wall is located on the Y-axis*/
}
/* _______________ CURVED CORNERS - Soft white style ______________________ */
.cc_tl,
.cc_bl {
height: 14px;
}
/*Top part*/
.cc_tr {
background: transparent url(../public/css/common/images/curves_top_bott.png) no-repeat right -17px;
padding:0 14px 0 0;
}
.cc_tl {
background: transparent url(../public/css/common/images/curves_top_bott.png) no-repeat left top;
}
/*Middle part*/
.cc_ml {
background: transparent url(../public/css/common/images/curves_left.png) repeat-y left top;
clear:both;
width:100%;
}
.cc_mr {
background: transparent url(../public/css/common/images/curves_right.png) repeat-y right top;
clear:both;
width:100%;
}
.cc_content {
padding: 3px 11px 3px 11px;
}
/*Bottom part*/
.cc_br {
background: transparent url(../public/css/common/images/curves_top_bott.png) no-repeat right -55px;
padding:0 14px 0 0;
clear:both;
}
.cc_bl {
background: transparent url(../public/css/common/images/curves_top_bott.png) no-repeat left -35px;
}
/* _______________ CURVED CORNERS - Black transparent style ______________________ */
.cc_tl_blacktrans,
.cc_bl_blacktrans {
height: 30px;
}
/*Top part*/
.cc_tr_blacktrans {
background: transparent url(../public/css/common/images/blacktrans_top_bottom.png) no-repeat right -39px;
padding:0 28px 0 0;
position: relative;
}
.cc_tl_blacktrans {
background: transparent url(../public/css/common/images/blacktrans_top_bottom.png) no-repeat left top;
}
/*Middle part*/
.cc_ml_blacktrans {
background: transparent url(../public/css/common/images/blacktrans_left.png) repeat-y left top;
clear:both;
width:100%;
}
.cc_mr_blacktrans {
background: transparent url(../public/css/common/images/blacktrans_right.png) repeat-y right top;
clear:both;
width:100%;
}
.cc_content_blacktrans {
padding: 0px 28px 0px 28px;
}
.cc_content_bg_blacktrans {
background: transparent url(../public/css/common/images/blacktrans_bg.png) repeat left top;
min-height:100px;
height: auto !important;
height: 100px;
}
.cc_content_bg_blacktrans img.cc_loader {
left:50%;
margin-left:-22px;
position:absolute;
top:60px;
}
.cc_content_bg_blacktrans a.h24_get_flash {
color:#999999;
font-family:arial;
font-size:12px;
left:50%;
margin-left:-115px;
position:absolute;
text-decoration:none;
top:110px;
}
/*Bottom part*/
.cc_br_blacktrans {
background: transparent url(../public/css/common/images/blacktrans_top_bottom.png) no-repeat right -118px;
padding:0 28px 0 0;
clear:both;
}
.cc_bl_blacktrans {
background: transparent url(../public/css/common/images/blacktrans_top_bottom.png) no-repeat left -79px;
}
/* default close button positioned on upper right corner */
.cc_closebutton_blacktrans {
background: transparent url(../public/css/common/images/cc_close_button.png) no-repeat left top;
cursor:pointer;
height:35px;
position:absolute;
right:-4px;
top:-2px;
width:35px;
}
.cc_closebutton_blacktrans:hover {
background: transparent url(../public/css/common/images/cc_close_button.png) no-repeat left -48px;
}
/* IE6 */
* html div.cc_tr_blacktrans,
* html div.cc_tl_blacktrans,
* html div.cc_ml_blacktrans,
* html div.cc_mr_blacktrans,
* html div.cc_br_blacktrans,
* html div.cc_bl_blacktrans
{
background-color: #000;
background-image: none;
}
* html div.cc_closebutton_blacktrans {
background: transparent url(../public/css/common/images/famfamfam/cross.png) no-repeat 50% 50%;
}
/* _________________________________________________________________ HIGHLIGHTED SECTIONS ______________________ */
.h24_highlight
{
padding: 15px;
background: #f9fdf7 url(../public/css/common/images/gradient_green.jpg) repeat-x !important;
border: 1px solid #bae79c !important;
}
/* _________________________________________________________________ FRAMES ______________________ */
/* Frame 1 - Round corner with shadow to bottom right */
.cc_tl_frame_1, .cc_bl_frame_1 {
height:8px;
}
.cc_tr_frame_1 {
background:url(../public/css/common/images/frames/frame_1_top_bottom.png) no-repeat scroll right -8px transparent;
padding-right:7px;
}
.cc_tl_frame_1 {
background:url(../public/css/common/images/frames/frame_1_top_bottom.png) no-repeat scroll left top transparent;
}
.cc_ml_frame_1 {
background:url(../public/css/common/images/frames/frame_1_left.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_1 {
background:url(../public/css/common/images/frames/frame_1_right.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_1 {
padding:0 5px 0 1px;
}
.cc_content_bg_frame_1 {
background-color:#f9f9f9;
}
.cc_br_frame_1 {
background:url(../public/css/common/images/frames/frame_1_top_bottom.png) no-repeat scroll right -26px transparent;
clear:both;
padding-right:8px;
}
.cc_bl_frame_1 {
background:url(../public/css/common/images/frames/frame_1_top_bottom.png) no-repeat scroll left -17px transparent;
}
/* Frame 2 - Fade down */
.fade_frame_2 {
min-height: 122px;
height: auto !important;
height: 122px;
}
.fade_r_frame_2 {
background:url(../public/css/common/images/frames/frame_2_right.png) no-repeat scroll right 0 transparent;
padding-right:8px;
height: 100%;
min-height: 122px;
}
.fade_l_frame_2 {
background:url(../public/css/common/images/frames/frame_2_left.png) no-repeat scroll left top transparent;
height: 100%;
}
.fade_content_frame_2 {
padding-top: 5px;
padding-left: 5px;
min-height: 122px;
}
/* Frame 3 - Round corner with small shadow - Light blue background */
.cc_tl_frame_3, .cc_bl_frame_3 {
height:11px;
}
.cc_tr_frame_3 {
background:url(../public/css/common/images/frames/frame_3_top_bottom.png) no-repeat scroll right -12px transparent;
padding-right:10px;
}
.cc_tl_frame_3 {
background:url(../public/css/common/images/frames/frame_3_top_bottom.png) no-repeat scroll left top transparent;
}
.cc_ml_frame_3 {
background:url(../public/css/common/images/frames/frame_3_left.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_3 {
background:url(../public/css/common/images/frames/frame_3_right.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_3 {
padding:0 3px 0 1px;
}
.cc_content_bg_frame_3 {
background-color:#f9f9f9;
}
.cc_br_frame_3 {
background:url(../public/css/common/images/frames/frame_3_top_bottom.png) no-repeat scroll right -33px transparent;
clear:both;
padding-right:8px;
}
.cc_bl_frame_3 {
background:url(../public/css/common/images/frames/frame_3_top_bottom.png) no-repeat scroll left -24px transparent;
}
/* Frame 4 - Round corner with inside shadow (top-bottom) */
.cc_tl_frame_4 {
height:13px;
}
.cc_bl_frame_4 {
height:11px;
}
.cc_tr_frame_4 {
background:url(../public/css/common/images/frames/frame_4_top_bottom.png) no-repeat scroll right -14px transparent;
padding-right:4px;
}
.cc_tl_frame_4 {
background:url(../public/css/common/images/frames/frame_4_top_bottom.png) no-repeat scroll left top transparent;
}
.cc_ml_frame_4 {
background:url(../public/css/common/images/frames/frame_4_side.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_4 {
background:url(../public/css/common/images/frames/frame_4_side.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_4 {
padding:0 1px 0 1px;
}
.cc_content_bg_frame_4 {
background-color:#ffffff;
}
.cc_br_frame_4 {
background:url(../public/css/common/images/frames/frame_4_top_bottom.png) no-repeat scroll right -40px transparent;
clear:both;
padding-right:4px;
}
.cc_bl_frame_4 {
background:url(../public/css/common/images/frames/frame_4_top_bottom.png) no-repeat scroll left -28px transparent;
}
/* Frame 5 - Round corner Bubble */
.cc_tl_frame_5 {
height:16px;
}
.cc_bl_frame_5 {
height:60px;
}
.cc_tr_frame_5 {
background:url(../public/css/common/images/frames/frame_5_top_bottom.png) no-repeat scroll right -16px transparent;
padding-right:18px;
}
.cc_tl_frame_5 {
background:url(../public/css/common/images/frames/frame_5_top_bottom.png) no-repeat scroll left top transparent;
}
.cc_ml_frame_5 {
background:url(../public/css/common/images/frames/frame_5_left.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_5 {
background:url(../public/css/common/images/frames/frame_5_right.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_5 {
padding:0 3px 0 1px;
}
.cc_content_bg_frame_5 {
background-color:#ffffff;
}
.cc_br_frame_5 {
background:url(../public/css/common/images/frames/frame_5_top_bottom.png) no-repeat scroll right -50px transparent;
clear:both;
padding-right:147px;
}
.cc_bl_frame_5 {
background:url(../public/css/common/images/frames/frame_5_top_bottom.png) no-repeat scroll left -32px transparent;
}
/* Frame 6 - Square with small shadow */
.cc_tr_frame_6 {
background:url(../public/css/common/images/frames/frame_6_top_bottom.png) no-repeat scroll right -9px transparent;
padding-right:11px;
}
.cc_tl_frame_6 {
background:url(../public/css/common/images/frames/frame_6_top_bottom.png) no-repeat scroll left top transparent;
height:8px;
}
.cc_ml_frame_6 {
background:url(../public/css/common/images/frames/frame_6_left.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_6 {
background:url(../public/css/common/images/frames/frame_6_right.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_6 {
padding:0 11px 0 1px;
}
.cc_content_bg_frame_6 {
background-color:#ffffff;
}
.cc_br_frame_6 {
background:url(../public/css/common/images/frames/frame_6_top_bottom.png) no-repeat scroll right -32px transparent;
clear:both;
padding-right:14px;
}
.cc_bl_frame_6 {
background:url(../public/css/common/images/frames/frame_6_top_bottom.png) no-repeat scroll left -17px transparent;
height:15px;
}
/* Frame 7 - Round corner - Round shadow down */
.cc_tr_frame_7 {
background:url(../public/css/common/images/frames/frame_7_top_bottom.png) no-repeat scroll right -20px transparent;
padding-right:3px;
}
.cc_tl_frame_7 {
background:url(../public/css/common/images/frames/frame_7_top_bottom.png) no-repeat scroll left top transparent;
height:20px;
}
.cc_ml_frame_7 {
background:url(../public/css/common/images/frames/frame_7_side.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_7 {
background:url(../public/css/common/images/frames/frame_7_side.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_7 {
padding:0 1px 0 1px;
}
.cc_content_bg_frame_7 {
background-color:#eeeeee;
}
.cc_br_frame_7 {
background:url(../public/css/common/images/frames/frame_7_top_bottom.png) no-repeat scroll right -51px transparent;
clear:both;
padding-right:86px;
}
.cc_bl_frame_7 {
background:url(../public/css/common/images/frames/frame_7_top_bottom.png) no-repeat scroll left -40px transparent;
height:11px;
}
/* Frame 8 - Dotted line inside green box */
.cc_tr_frame_8 {
background:url(frame_8_top_bottom.png) no-repeat scroll right -9px transparent;
padding-right:8px;
}
.cc_tl_frame_8 {
background:url(frame_8_top_bottom.png) no-repeat scroll left top transparent;
height:9px;
}
.cc_ml_frame_8 {
background:url(frame_8_left.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_8 {
background:url(frame_8_right.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_8 {
padding:0 8px 0 8px;
}
.cc_content_bg_frame_8 {
background-color:#b5c75d;
}
.cc_br_frame_8 {
background:url(frame_8_top_bottom.png) no-repeat scroll right -26px transparent;
clear:both;
padding-right:8px;
}
.cc_bl_frame_8 {
background:url(frame_8_top_bottom.png) no-repeat scroll left -18px transparent;
height:8px;
}
/* Frame 9 - Simple quotes. No background. */
.h24_quotes_frame_9_tl {
background:url(../public/css/common/images/frames/frame_9_quotes.png) no-repeat scroll top transparent;
width: 50px;
height: 36px;
}
.h24_quotes_frame_9_text {
margin-left: 50px;
}
/* Frame 10 - Quotes with background */
.cc_tr_frame_10 {
background:url(../public/css/common/images/frames/frame_10_top_bottom.png) no-repeat scroll right -62px transparent;
padding-right:12px;
}
.cc_tl_frame_10 {
background:url(../public/css/common/images/frames/frame_10_top_bottom.png) no-repeat scroll left top transparent;
height:54px;
}
.cc_ml_frame_10 {
background:url(../public/css/common/images/frames/frame_10_left.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_10 {
background:url(../public/css/common/images/frames/frame_10_right.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_10 {
padding:0 9px 0 8px;
}
.cc_content_bg_frame_10 {
background-color:#f6f6f6;
}
.cc_br_frame_10 {
background:url(../public/css/common/images/frames/frame_10_top_bottom.png) no-repeat scroll right -144px transparent;
clear:both;
padding-right:13px;
}
.cc_bl_frame_10 {
background:url(../public/css/common/images/frames/frame_10_top_bottom.png) no-repeat scroll left -121px transparent;
height:12px;
}
/* Frame 11 - Simple quotes. No background. */
.h24_quotes_frame_11_wrapper {
background:url(../public/css/common/images/frames/frame_11_quotes_right.png) no-repeat scroll right bottom transparent;
padding-right:40px;
}
.h24_quotes_frame_11_text_wrapper {
float: left;
background:url(../public/css/common/images/frames/frame_11_quotes_left.png) no-repeat scroll left top transparent;
padding-left:44px;
padding-top:8px;
}
.h24_quotes_frame_11_text {
}
/* Frame 12 - Dotted line inside grey box */
.cc_tr_frame_12 {
background:url(../public/css/common/images/frames/frame_12_top_bottom.png) no-repeat scroll right -9px transparent;
padding-right:8px;
}
.cc_tl_frame_12 {
background:url(../public/css/common/images/frames/frame_12_top_bottom.png) no-repeat scroll left top transparent;
height:9px;
}
.cc_ml_frame_12 {
background:url(../public/css/common/images/frames/frame_12_left.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_12 {
background:url(../public/css/common/images/frames/frame_12_right.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_12 {
padding:0 8px 0 8px;
}
.cc_content_bg_frame_12 {
background-color:#afacac;
}
.cc_br_frame_12 {
background:url(../public/css/common/images/frames/frame_12_top_bottom.png) no-repeat scroll right -26px transparent;
clear:both;
padding-right:8px;
}
.cc_bl_frame_12 {
background:url(../public/css/common/images/frames/frame_12_top_bottom.png) no-repeat scroll left -18px transparent;
height:8px;
}
/* Frame 14 - Shadow bottom edges */
.cc_tr_frame_14 {
background:url(../public/css/common/images/frames/frame_14_top_bottom.png) no-repeat scroll right -14px transparent;
padding-right:11px;
}
.cc_tl_frame_14 {
background:url(../public/css/common/images/frames/frame_14_top_bottom.png) no-repeat scroll left top transparent;
height:9px;
}
.cc_ml_frame_14 {
background:url(../public/css/common/images/frames/frame_14_left.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_14 {
background:url(../public/css/common/images/frames/frame_14_right.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_14 {
padding:0 11px 0 11px;
}
.cc_content_bg_frame_14 {
background-color:#f0f0f0;
}
.cc_br_frame_14 {
background:url(../public/css/common/images/frames/frame_14_top_bottom.png) no-repeat scroll right -38px transparent;
clear:both;
padding-right:40px;
}
.cc_bl_frame_14 {
background:url(../public/css/common/images/frames/frame_14_top_bottom.png) no-repeat scroll left -28px transparent;
height:15px;
}
/* Frame 16 - Big shadow bottom edges */
.cc_tr_frame_16 {
background:url(../public/css/common/images/frames/frame_16_top_bottom.png) no-repeat scroll right -24px transparent;
padding-right:24px;
}
.cc_tl_frame_16 {
background:url(../public/css/common/images/frames/frame_16_top_bottom.png) no-repeat scroll left top transparent;
height:24px;
}
.cc_ml_frame_16 {
background:url(../public/css/common/images/frames/frame_16_left.png) repeat-y scroll left top transparent;
clear:both;
width:100%;
}
.cc_mr_frame_16 {
background:url(../public/css/common/images/frames/frame_16_right.png) repeat-y scroll right top transparent;
clear:both;
width:100%;
}
.cc_content_frame_16 {
padding:0 17px 0 17px;
}
.cc_content_bg_frame_16 {
background-color:#FFFFFF;
}
.cc_br_frame_16 {
background:url(../public/css/common/images/frames/frame_16_top_bottom.png) no-repeat scroll right -85px transparent;
clear:both;
padding-right:262px;
}
.cc_bl_frame_16 {
background:url(../public/css/common/images/frames/frame_16_top_bottom.png) no-repeat scroll left -49px transparent;
height:36px;
}
/* Frame 17 - Quote down */
.h24_frame_frame_17_text {
background-color: #f0f0f0;
}
.h24_frame_frame_17_arrow {
background:url(../public/css/common/images/frames/frame_17.png) no-repeat scroll left transparent;
width: 50px;
height: 21px;
}
/* Personal frames */
.h24_frame_personal_1_style {
border: 1px solid rgb(207, 207, 207);
-moz-border-radius: 14px 14px 14px 14px;
background-color: rgb(245, 245, 245);
}
.h24_frame_personal_2_style {
position: relative;
border: 2px solid rgb(214, 214, 214);
background-color: rgb(250, 250, 250);
}
.h24_frame_personal_2_tape {
position: absolute;
top: -20px;
left: 50%;
margin-left: -70px;
background:url(../public/css/common/images/frames/tape.png) no-repeat;
width: 140px;
height: 38px;
}
.h24_frame_personal_2 {
padding-top: 19px;
}
.h24_frame_personal_3_gem {
position: absolute;
top: -8px;
left: -10px;
background:url(../public/css/common/images/frames/gem.png) no-repeat;
width: 41px;
height: 67px;
}
.h24_frame_personal_4_needle {
position: absolute;
top: -25px;
left: 50%;
margin-left: -12px;
background:url(../public/css/common/images/frames/needle.png) no-repeat;
width: 24px;
height: 38px;
}
.h24_frame_personal_5_style {
background:url(../public/css/common/images/frames/personal_5_quote.png) no-repeat;
}/* flora.css */
.ui-wrapper { border: none; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }
/* farbtastic.css */
.farbtastic {
position: relative;
}
.farbtastic * {
position: absolute;
cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
width: 195px;
height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
top: 47px;
left: 47px;
width: 101px;
height: 101px;
}
.farbtastic .wheel {
background: url(../public/js/jquery/farbtastic/wheel.png) no-repeat;
width: 195px;
height: 195px;
}
.farbtastic .overlay {
background: url(../public/js/jquery/farbtastic/mask.png) no-repeat;
}
.farbtastic .marker {
width: 17px;
height: 17px;
margin: -8px 0 0 -8px;
overflow: hidden;
background: url(../public/js/jquery/farbtastic/marker.png) no-repeat;
}
/* skin.css */
/**
* The "classic" theme CSS for Shadowbox.
*
* This file is part of Shadowbox.
*
* Shadowbox is an online media viewer application that supports all of the
* web's most popular media publishing formats. Shadowbox is written entirely
* in JavaScript and CSS and is highly customizable. Using Shadowbox, website
* authors can showcase a wide assortment of media in all major browsers without
* navigating users away from the linking page.
*
* Shadowbox is released under version 3.0 of the Creative Commons Attribution-
* Noncommercial-Share Alike license. This means that it is absolutely free
* for personal, noncommercial use provided that you 1) make attribution to the
* author and 2) release any derivative work under the same or a similar
* license.
*
* If you wish to use Shadowbox for commercial purposes, licensing information
* can be found at http://mjijackson.com/shadowbox/.
*
* @author Michael J. I. Jackson
* @copyright 2007-2008 Michael J. I. Jackson
* @license http://creativecommons.org/licenses/by-nc-sa/3.0/
* @version SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
*/
/*_____________________________________________________ container & overlay */
#shadowbox_container, #shadowbox_overlay {
top: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#shadowbox_container {
position: fixed;
display: block;
visibility: hidden;
z-index: 999;
text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
position: absolute;
}
/*_______________________________________________________________ shadowbox */
#shadowbox {
position: relative;
margin: 0 auto;
text-align: left; /* reset left alignment */
}
/*____________________________________________________________________ body */
#shadowbox_body {
position: relative;
margin: 0;
padding: 0;
border: 1px solid #333;
overflow: hidden;
}
#shadowbox_body_inner {
position: relative;
height: 100%;
}
#shadowbox_content.html {
height: 100%;
overflow: auto; /* make html content scrollable */
}
/*_________________________________________________________________ loading */
#shadowbox_loading {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
#shadowbox_body, #shadowbox_loading {
background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
float: left;
margin: 10px 10px 0 10px;
height: 32px;
width: 32px;
background-image: url(../public/js/shadowbox-IE6/skin/classic/loading.gif);
background-repeat: no-repeat;
}
#shadowbox_loading span {
font-family: 'Lucida Grande', Tahoma, sans-serif;
font-size: 10px;
float: left;
margin-top: 16px;
}
#shadowbox_loading a {
color: #ccc;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
color: #fff;
text-decoration: underline;
}
/*____________________________________________________________ title & info */
#shadowbox_title, #shadowbox_info {
position: relative;
margin: 0; /* these must have no vertical margin or padding */
padding: 0;
overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
position: relative;
font-family: 'Lucida Grande', Tahoma, sans-serif;
line-height: 16px;
}
#shadowbox_title {
min-width:26px;
width: auto !important;
width: 26px;
}
#shadowbox_title_inner {
font-size: 16px;
padding: 5px 0;
color: #fff;
}
#shadowbox_info {
height: 30px;
}
#shadowbox_info_inner {
font-size: 12px;
color: #fff;
}
/*_____________________________________________________________________ nav */
#shadowbox_nav {
float: right;
height: 16px;
padding: 2px 0;
width: 45%;
}
#shadowbox_nav a {
display: block;
float: right;
height: 27px;
width: 35px;
margin-left: 3px;
cursor: pointer;
}
#shadowbox_nav_close {
background-image: url(../public/js/shadowbox-IE6/skin/classic/icons/close.png);
background-repeat: no-repeat;
}
#shadowbox_nav_next {
background-image: url(../public/js/shadowbox-IE6/skin/classic/icons/next.png);
background-repeat: no-repeat;
}
#shadowbox_nav_previous {
background-image: url(../public/js/shadowbox-IE6/skin/classic/icons/previous.png);
background-repeat: no-repeat;
}
#shadowbox_nav_play {
background-image: url(../public/js/shadowbox-IE6/skin/classic/icons/play.png);
background-repeat: no-repeat;
}
#shadowbox_nav_pause {
background-image: url(../public/js/shadowbox-IE6/skin/classic/icons/pause.png);
background-repeat: no-repeat;
}
/*_________________________________________________________________ counter */
#shadowbox_counter {
float: left;
padding: 2px 0;
width: 45%;
}
#shadowbox_counter a {
padding: 0 4px 0 0;
text-decoration: none;
cursor: pointer;
color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
text-decoration: underline;
}
/*___________________________________________________________________ clear */
div.shadowbox_clear {
clear: both; /* clear floating counter & nav */
}
/*________________________________________________________________ messages */
div.shadowbox_message {
font-family: 'Lucida Grande', Tahoma, sans-serif;
font-size: 12px;
padding: 10px;
text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
color: #fff;
text-decoration: underline;
}
/* facebox.css */
#facebox .b {
background:url(b.png);
}
#facebox .tl {
background:url(tl.png);
}
#facebox .tr {
background:url(tr.png);
}
#facebox .bl {
background:url(bl.png);
}
#facebox .br {
background:url(br.png);
}
#facebox {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
text-align: left;
}
#facebox .popup {
position: relative;
}
#facebox table {
margin: auto;
border-collapse: collapse;
}
#facebox .body {
padding: 10px;
background: #fff;
width: 370px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
}
#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 3px;
text-align: center;
}
#facebox .info {
margin-top: 5px;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
color: #777;
line-height: 16px;
font-size: 11px;
}
#facebox .image_caption
{
text-align: center;
font-size: 12px;
color: #444;
padding-right: 20px;
}
#facebox .navigation {
float: left;
background: none!important;
border: none !important;
display: block !important;
height: auto !important;
line-height: 18px;
position: relative;
width: auto !important;
}
#facebox .close {
float: right;
}
#facebox .next, #facebox .prev {
font-size: 170%;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
/* jquery.lightbox.css */
/*
* jQuery Lightbox Plugin (balupton edition) - Lightboxes for jQuery
* Copyright (C) 2008 Benjamin Arthur Lupton
* http://jquery.com/plugins/project/jquerylightbox_bal
*
* This file is part of jQuery Lightbox (balupton edition).
*
* jQuery Lightbox (balupton edition) is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* jQuery Lightbox (balupton edition) is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with jQuery Lightbox (balupton edition). If not, see .
*
* @name jquery_lightbox: jquery.lightbox.css
* @package jQuery Lightbox Plugin (balupton edition)
* @version 1.3.0-rc1
* @date August 24, 2008
* @category jQuery plugin
* @author Benjamin "balupton" Lupton {@link http://www.balupton.com}
* @copyright (c) 2008 Benjamin Arthur Lupton {@link http://www.balupton.com}
* @license GNU Affero General Public License - {@link http://www.gnu.org/licenses/agpl.html}
* @example Visit {@link http://jquery.com/plugins/project/jquerylightbox_bal} for more information.
*/
html, body { margin: 0; padding: 0; height: 100%;}
#lightbox, #lightbox-overlay {
position: absolute;
top: 0px;
left: 0px;
bottom:auto;
right:auto;
z-index:100;
width:100%;
height:auto;
text-align:center;
color:#333333;
/* stop stupid conflicts */
margin:0px;
padding:0px;
border:none;
outline:none;
line-height:0;
/* general conflict stopper */
text-decoration:none;
background:none;
word-spacing:normal;
letter-spacing:normal;
float:none;
clear:none;
display:block;
}
#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover {
text-decoration:underline;
color:#999999;
}
#lightbox-overlay {
z-index: 90;
background-color:#000000;
height: 100%;
position:fixed;
}
#lightbox-overlay-text {
text-align: right;
margin-right: 20px;
margin-top: 20px;
color: white;
font-size: 12px;
cursor: default;
line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
color:white;
}
#lightbox-overlay-text span {
padding-left:5px;
padding-right:5px;
}
#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }
#lightbox-imageBox {
position:relative;
border:1px solid black;
background-color:white;
width:400px;
height:400px;
margin:0 auto;
}
#lightbox-imageContainer {
padding:1px;
}
#lightbox-loading {
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#lightbox-nav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
/* #lightbox-imageBox > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }*/
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
display:block;
width:49%;
height: 100%;
background:transparent url("../public/js/jquery/jquery_lightbox/sv/css/../images/blank.gif") no-repeat; /* Trick IE into showing hover */
/* cursor:pointer; */
zoom:1; /* who knows why? */
padding:0px;
margin:0px;
}
#lightbox-nav-btnPrev {
left:0;
right:auto;
float:left;
}
#lightbox-nav-btnNext {
left:auto;
right:0;
float:right;
}
/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover {
background:url("../public/js/jquery/jquery_lightbox/sv/css/../images/prev.gif") left 45% no-repeat;
}
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover {
background:url("../public/js/jquery/jquery_lightbox/sv/css/../images/next.gif") right 45% no-repeat;
}
*/
#lightbox-infoBox {
font:10px Verdana, Helvetica, sans-serif;
background-color:#FFFFFF;
margin:0 auto;
padding:0px;
/* width: 100%;
padding: 0 10px 0; */
}
#lightbox-infoContainer {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color:#666;
line-height:normal;
/* height:30px; */
}
#lightbox-infoHeader {
width:100%;
text-align:center;
}
#lightbox-caption {
text-align:justify;
}
#lightbox-caption-title {
font-weight:bold;
}
#lightbox-caption-description {
font-weight:normal;
}
#lightbox-infoFooter {
margin-top:3px;
color:#999999;
}
#lightbox-currentNumber {
display:block;
width:49%;
float:left;
text-align:left;
}
#lightbox-close {
display:block;
width:45%;
float:right;
text-align:right;
}
#lightbox-close-button{
padding-left:30%;
}
#lightbox-close-button:hover {
color:#666666;
}
#lightbox-infoContainer-clear {
clear:both;
visibility:hidden;
}body{
margin:0;
background:#f5f5f5;
color:#222;
font:11px Arial, Helvetica, sans-serif;
}
.page{
margin:19px auto 0;
padding:6px 0 0;
background:url(ext/h24-design.s3.amazonaws.com/19/335/bg-page.png) no-repeat;
width:912px;
}
#wrapper{
padding:0 6px;
background:url(ext/h24-design.s3.amazonaws.com/19/335/bg-wrapper.png) repeat-y;
width:900px;
}
#wrapper .container,
#footer .container{
padding:1px 1px 40px;
background:#fff;
}
#header{
position:relative;
z-index:15;
width:898px;
}
#header .holder{
height:170px;
}
.navigation{
border:solid #fff;
border-width:1px 0;
display: block;
height: 33px;
width: 100%;
line-height:18px;
background-image:url(ext/h24-design.s3.amazonaws.com/19/335/bg-nav.png);
background-repeat: repeat-x;
position: relative;
}
.navigation ul{
margin:0;
padding:0;
list-style:none;
}
#nav{
width:auto;
position: absolute;
left:0;
}
#nav:after{
display:block;
clear:both;
content:"";
}
.navigation, #nav li {
background-color:#3a6397;
}
#nav li {
background-image:url(ext/h24-design.s3.amazonaws.com/19/335/bg-nav.png);
background-repeat: repeat-x;
float:left;
padding:0 0 0 0;
position:relative;
}
#nav > li > a {
background: transparent url(ext/h24-design.s3.amazonaws.com/19/335/separator-nav.png) no-repeat scroll right top;
}
#nav > li > a:hover {
color: #FFFFFF;
}
#nav li:hover .drop,
#nav li.hover .drop{top:33px;}
#nav li:hover .drop .drop,
#nav li.hover .drop .drop{top:-9999px;}
#nav .drop li:hover .drop,
#nav .drop li.hover .drop{top:0px;}
#nav .active a {
color:#FFFFFF;
}
#nav li.active {
background-color: #4474b3;
}
#nav .drop a {
background:url(ext/h24-design.s3.amazonaws.com/19/335/separator-drop-nav.png) repeat-x 0 0;
}
#nav .drop > ul > li:first-child > a:first-child {
background-position: 0 -1px;
}
#nav a{
float:left;
padding:8px 18px 7px 19px;
color:#fff;
text-decoration:none;
cursor:pointer;
}
#nav a:hover{
text-decoration:none;
}
#nav li:hover ,
#nav li.hover {background-color:#497cbc;}
#nav .submenu{padding-right:11px;}
#nav .submenu span{
float:left;
padding:0 17px 0 0;
background:url("/public/generate/triangle.php?c=ffffff&orientation=vertical&t=2") no-repeat 100% 6px;
}
.drop{
position:absolute;
left:0;
top:-9999px;
border-top:1px solid #fff;
width:145px;
box-shadow: 0px 3px 8px #000;
-webkit-box-shadow: 0px 3px 8px #000;
-moz-box-shadow: 0px 3px 8px #000;
}
#nav ul .drop{
z-index:-1;
}
#nav .drop li{
float:none;
padding:0;
height:1%;
vertical-align:top;
}
#nav .drop a{
float:none;
display:block;
background-color:#497cbc;
width:108px;
color:#fff;
}
#nav .drop a:hover,
#nav .drop li.hover a,
#nav .drop .drop a:hover{background-color:#598ac8;}
#nav .drop .submenu{width:115px;}
#nav .drop .submenu span{
float:none;
display:block;
background-image:url("/public/generate/triangle.php?c=ffffff&orientation=horizontal&t=2");
}
#nav .drop .drop{
left:145px;
top:-9999px;
border:none;
}
#nav .drop li .drop a{background-color:#497cbc;}
#main{
position:relative;
padding:42px 40px 0;
width:818px;
min-height: 300px;
}
#content{
float:left;
width:490px;
}
#footer{
padding: 19px 6px 30px;
background:url(ext/h24-design.s3.amazonaws.com/19/613/bg-footer-trans.png) no-repeat;
width:900px;
position: relative;
top: -6px;
}
#footer .container{
margin:0 0 14px;
padding:0;
height:6px;
display:none;
}
* html .page{
_background:none;
filter:progid:dximagetransform.microsoft.alphaimageloader(src='ext/h24-design.s3.amazonaws.com/19/335/bg-page.png', sizingmethod='crop');
}
* html #wrapper{
_background:none;
filter:progid:dximagetransform.microsoft.alphaimageloader(src='ext/h24-design.s3.amazonaws.com/19/335/bg-wrapper.png', sizingmethod='scale');
}
* html #nav{
_background:none;
filter:progid:dximagetransform.microsoft.alphaimageloader(src='ext/h24-design.s3.amazonaws.com/19/335/bg-nav.png', sizingmethod='scale');
}
* html #footer{
_background:none;
filter:progid:dximagetransform.microsoft.alphaimageloader(src='ext/h24-design.s3.amazonaws.com/19/335/bg-footer.png', sizingmethod='crop');
}/* Collections */
.h24_first_collection {
padding-left: 0px;
padding-right: 10px;
}
.h24_middle_collection {
padding-left: 10px;
padding-right: 10px;
}
.h24_last_collection {
padding-left: 10px;
padding-right: 0px;
}
.h24_first_last_collection {
padding-left: 0px;
padding-right: 0px;
}
/* Fonts */
body#tinymce p, body#tinymce li, body#tinymce td, body#tinymce th, .standard_text_block p, .standard_text_block li, .standard_text_block td, .standard_text_block th, .standard_text_block label, .h24_normal_text, .h24_price_block_contents span, .h24_comment_block_comments, .blog_post_header_block li, .blog_archive_block li, .blog_latest_posts_block li, .blog_roll_block li, .blogblock_goto, .latest_comments_block li, .h24_feed, .h24_feed_title_default, #h24_store_category_menu a {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-style:normal;
letter-spacing:0px;
line-height:140%;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
#h24_content_container .presentation_image_block span.caption {
text-align:left;
}
.h24_form_ul_wrapper span.h24_form_field_red_star, #h24_store_checkout span.h24_form_field_red_star {
color:#FF0000;
font-weight:bold;
}
.h24_form_input_style textarea, .h24_form_input_style input[type="text"] {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-style:normal;
letter-spacing:0px;
line-height:140%;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
#h24_content_container .small_heading_block .h24_heading, #h24_content_container .small_heading_block .h24_heading a, #h24_content_container .h24_feed_title_small, .h24_small_heading {
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color:#82a305;
font-style:normal;
letter-spacing:0px;
line-height:120%;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
.h24_content_container a:hover, .h24_footer_content a:hover, .h24_footer_recommendation a:hover, #h24_store_category_menu a:hover {
color:#2f3b02;
text-decoration:underline;
}
.h24_content_container a, .h24_footer_content a, .h24_footer_recommendation a {
color:#82a305;
font-style:normal;
letter-spacing:0px;
word-spacing:0px;
text-transform:none;
text-decoration:underline;
font-weight:normal;
}
#h24_store_panel_amount {
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
font-style:normal;
letter-spacing:0px;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#h24_store_category_menu ul.h24_store_category_menu_level_1 > li > a {
font-family: Arial, Helvetica, sans-serif;
color:#222222;
font-size:14px;
font-style:normal;
letter-spacing:0px;
line-height:140%;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#h24_store_category_menu ul.h24_store_category_menu_level_1 > li > a.h24_store_category_menu_active {
font-style:normal;
letter-spacing:0px;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:underline;
font-weight:bold;
}
#h24_store_category_menu ul.h24_store_category_menu_level_1 > li > a:hover {
text-decoration:underline;
}
#h24_store_category_menu ul.h24_store_category_menu_level_2 li a {
font-family: Arial, Helvetica, sans-serif;
color:#222222;
font-size:12px;
font-style:normal;
letter-spacing:0px;
line-height:140%;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
#h24_store_category_menu ul.h24_store_category_menu_level_2 li a.h24_store_category_menu_active {
font-style:normal;
letter-spacing:0px;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:underline;
font-weight:normal;
}
#h24_store_category_menu ul.h24_store_category_menu_level_2 li a:hover {
text-decoration:underline;
}
.h24_newsblock_timestamp {
letter-spacing:0px;
line-height:130%;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#h24_content_container div.h24_store_product_outofstock, #h24_content_container div.h24_store_product_soldout {
color:#FF0000;
}
#h24_content_container div.h24_store_product_block_price, #h24_content_container .h24_store_product_price {
color:#FF0000;
font-weight:bold;
}
#h24_content_container .h24_store_product_list_product_price_onsale, #h24_content_container .h24_store_product_onsale {
color:#FF5300;
font-weight:bold;
}
#h24_content_container div.h24_store_product_tax {
font-family: Arial, Helvetica, sans-serif;
color:#777777;
font-size:11px;
font-style:normal;
letter-spacing:0px;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
#h24_content_container .h24_store_product_block_name {
font-size:16px;
font-style:normal;
letter-spacing:0px;
line-height:120%;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#h24_content_container .h24_feed_title_default {
font-weight:bold;
}
.block_container .h24_form_ul_wrapper label, .block_container.simple_comment_block label, .contact_form_block label, #h24_store_checkout label {
color:#000000;
font-size:12px;
font-style:normal;
letter-spacing:0px;
line-height:120%;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#h24_flag_list a:hover, #h24_flag_list a:hover span {
text-decoration:underline;
}
#h24_flag_list a, #h24_flag_list span {
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
font-style:normal;
letter-spacing:0px;
line-height:120%;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
#h24_content_container .big_heading_block .h24_heading, #h24_content_container .big_heading_block .h24_heading a, #h24_content_container .blog_post_header_block h2, #h24_content_container .blog_post_header_block h2 a, #h24_content_container .h24_feed_title_big, .h24_big_heading {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size:28px;
font-style:normal;
letter-spacing:0px;
line-height:120%;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
.h24_footer_content, .h24_footer_recommendation {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#737272;
font-style:normal;
letter-spacing:0px;
line-height:130%;
word-spacing:0px;
text-align:center;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
body a.h24_store_small_action_button, body a.h24_store_small_action_button:hover {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-style:normal;
letter-spacing:0px;
line-height:130%;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
body a.h24_store_small_neutral_button, body a.h24_store_small_neutral_button:hover {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-style:normal;
letter-spacing:0px;
line-height:130%;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
body a.h24_store_large_action_button, body a.h24_store_large_action_button:hover {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
font-style:normal;
letter-spacing:0px;
word-spacing:0px;
text-align:left;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
body a.h24_store_large_neutral_button, body a.h24_store_large_neutral_button:hover {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
font-style:normal;
letter-spacing:0px;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#h24_content_container .h24_store_cart_checkout_total_price {
color:#FF0000;
font-size:14px;
font-style:normal;
letter-spacing:0px;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:bold;
}
#nav .active a {
letter-spacing:0px;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
#nav > li > a:hover {
}
#nav a {
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13px;
font-style:normal;
letter-spacing:0px;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
#nav .drop a:hover {
}
#nav .drop a {
font-size:12px;
font-style:normal;
letter-spacing:0px;
word-spacing:0px;
text-transform:none;
text-decoration:none;
font-weight:normal;
}
#block_65880491 .text_content span {font-family: inherit !important;} #block_65880491 .text_content p, #block_65880491 .text_content li, #block_65880491 .text_content td, #block_65880491 .text_content th, #block_65880491 .text_content span, #block_65880491 .text_content label {
font-family: 'Dancing Script';
}
/* Tweaks */
#header .holder {
height: 169px;
}
#nav {
margin-left: 12px;
}
.navigation, #nav li {
background-color: #6a1010;
}
body {
/* background: #000000 url('ext/bcls.hemsida24.se/public/images/patterns/webb-komplexa-47.gif') repeat scroll 0% 0%; */
background: #000000 url('webb-komplexa-47.gif') repeat scroll 0% 0%;
}
#nav .drop a,#nav .drop li .drop a {
background-color: #99b23c;
}
#nav li.active {
background-color: #d61f25;
}
#nav .drop a:hover, #nav .drop li.hover a, #nav .drop .drop a:hover {
background-color: #7e9625;
}
.page {
margin-top: 60px;
}
#nav li:hover, #nav li.hover {
background-color: #7e9625;
}
.navigation { border-top-width:0px; }
/* Header collage 8650603 */
#header .holder {
background: #99b23c url("ext/h24-original.s3.amazonaws.com/73987/6156811-WkSMz.jpg") no-repeat scroll 0% 0%;
}