/* GENERAL STYLES */
html, body{
background: url(/img/bg.jpg) #FAF9F9 repeat-x;
margin: 0;
border: 0;
padding: 0;
font-family: 'Trebuchet MS';
font-size: 13px;
color: #333;
}
a{
color: #333;
text-decoration: underline;
}
/*** Billeder **/
a img {
border: none;
}
a:hover img {
border: none;
}
.easyprint{
float:right;
text-align: right;
}
/********** Headers **********/
.h1 {
font-family:arial;
text-transform:uppercase;
color: #000000;
font-size: 20px;
font-weight: normal;
}
.h2 {
font-family:arial;
color: #808080;
font-size: 30px;
font-weight: bold;
}
.h3 {
text-transform:uppercase;
color: #FFFFFF;
font-size: 20px;
font-weight: normal;
padding-bottom: 16px;
padding-left: 15px;
}
.h4 {
color: #FFFFFF;
font-size: 20px;
font-weight: normal;
}
.h4 a{
color: #FFFFFF;
font-size: 20px;
font-weight: normal;
text-decoration: none;
}
.h4 a:hover{
color: #FFFFFF;
font-size: 20px;
font-weight: normal;
text-decoration: none;
}
.h4 a:visited{
color: #FFFFFF;
font-size: 20px;
font-weight: normal;
text-decoration: none;
}
.h4 a:visited:hover{
color: #FFFFFF;
font-size: 20px;
font-weight: normal;
text-decoration: none;
}
/*** Wrappers ***/
#bodywrap{
width: 989px;
margin: 0 auto;
}
#contenttop{
background-image: url(/img/earthquakesound_top.jpg);
height: 288px;
margin: 0 auto;
}
#menuholder{
width: 989px;
margin: 0 auto;
}
#menuholder_left{
background-image: url(/img/menu_left.jpg);
float: left;
width: 18px;
height: 60px;
}
#menuholder_center{
background-image: url(/img/menu_bg.jpg);
float: left;
width: 953px;
height: 60px;
margin: 0 auto;
}
#menuholder_center_1{
float: left;
width: 700px;
}
#menuholder_center_2{
float: left;
width: 253px;
text-align: right;
}
#menuholder_right{
background-image: url(/img/menu_right.jpg);
float: left;
width: 18px;
height: 60px;
}
#contentmainhead{
float: left;
background-image: url(/img/content_top.jpg);
height: 24px;
width: 989px;
overflow: hidden;
}
#contentmaincenter{
float: left;
background-image: url(/img/content_bg.jpg);
width: 989px;
overflow:hidden;
display: inline;
}
#contentmain_content{
width: 945px;
float: left;
margin-left: 22px;
margin-right: 22px;
padding-top: 5px;
font-size: 13px;
overflow: hidden;
display: inline;
}
#contentmainbottom{
float: left;
background-image: url(/img/content_bottom.jpg);
height: 24px;
width: 989px;
overflow: hidden;
}
#contentbottom{
width: 989px;
height: 62px
}
#contentbottom_left{
float: left;
background-image: url(/img/bottom_left.jpg);
height: 62px;
width: 18px;
}
#contentbottom_center{
background-image: url(/img/bottom_bg.jpg);
float: left;
width: 953px;
height: 62px;
margin: 0 auto;
overflow: hidden;
}
#contentbottom_right{
float: left;
background-image: url(/img/bottom_right.jpg);
height: 62px;
width: 18px;
}
#bottomcontent{
width: 953px;
height: 62px;
}
#bottomcontent_left{
float: left;
height: 62px;
text-align: left;
width: 250px;
margin-top: 21px;
}
#bottomcontent_center{
float: left;
height: 62px;
text-align: center;
width: 453px;
margin-top: 21px;
}
#bottomcontent_right{
float: right;
height: 62px;
text-align: right;
width: 250px;
margin-top: 19px;
}
#latest_wrap{
margin: 0 auto;
padding-top: 20px;
overflow: hidden;
}
#latest_news{
float: left;
width: 450px;
margin-right: 45px;
}
#latest_products{
float: left;
width: 450px;
}
#zd{
float: right;
font-size: 10px;
color: #B6B6B6;
margin-right: 5px;
}
#zd a{
text-decoration: none;
color: #B6B6B6;
}
#zd a:hover{
text-decoration: none;
color: #CACACA;
}
/*** Menu ***/
.chromestyle{
width: 700px;
font:normal 16px arial;
font-weight: bold;
height: 60px;
}
.chromestyle:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.chromestyle ul{
height: 60px;
float: left;
background: url(/img/menu_bg.jpg) center center repeat-x;
padding:0px 0px;
margin: 0px;
text-align: left;
overflow:hidden;
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
float: left;
color: #FFF;
padding: 14px 20px;
text-decoration: none;
margin-top: 6px;
border-right: 1px solid #FFF;
}
.chromestyle ul li a:hover{
background: url(/img/blockactive.gif) center center repeat-x;
text-decoration: none;
}
.chromestyle ul li a[rel]:after{
}
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB;
border-bottom-width: 0;
font-size:13px;
font-family:'Trebuchet MS';
text-decoration: none;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 5px;
font-size:13px;
font-family:'Trebuchet MS';
border-bottom: 1px solid #BBB;
padding: 5px 12px;
text-decoration: none;
font-weight: normal;
color: #000;
BACKGROUND: url(/img/navi_point.gif) no-repeat;
BACKGROUND-POSITION: 5px 9px;
VERTICAL-ALIGN: middle;
}
* html .dropmenudiv a{
width: 100%;
}
.dropmenudiv a:hover{
background-color: #F2F2F2;
BACKGROUND-image: url(/img/navi_point.gif);
color: #000;
BACKGROUND-POSITION: 5px 9px;
VERTICAL-ALIGN: middle;
}
/*** Forms ***/
.FormTextField{
COLOR: #333;
FONT-FAMILY: 'Trebuchet MS';
FONT-SIZE: 11px;
background-image: url(/img/search_field.jpg);
margin-top: 18px;
height: 18px;
padding-top: 5px;
padding-left: 28px;
border:0px solid;
width:150px;
}
/*** Spans ***/
.beadcrumb{
margin-top: 8px;
margin-left: 22px;
font-size: 11px;
color: #999;
}
.beadcrumb a{
font-size: 11px;
color: #999;
text-decoration: none;
}
.bottomtxt{
color: #FFF;
font-size: 13px;
}
.bottomtxt a{
color: #FFF;
font-size: 13px;
text-decoration: none;
}
.bottomtxt a:hover{
color: #FFF;
font-size: 13px;
text-decoration: underline;
}
.normal{
color: #000;
font-size: 13px;
font-weight: normal;
line-height: 1.4;
}
.normal a{
color: #000;
font-size: 13px;
font-weight: normal;
text-decoration: underline;
line-height: 1.4;
}
.normal a:hover{
color: #000;
font-size: 13px;
font-weight: normal;
text-decoration: underline;
line-height: 1.4;
}
.normal a:visited{
color: #000;
font-size: 13px;
font-weight: normal;
text-decoration: underline;
line-height: 1.4;
}
.normal a:visited:hover{
color: #000;
font-size: 13px;
font-weight: normal;
text-decoration: underline;
line-height: 1.4;
}
.price{
FONT-WEIGHT: bold;
FONT-SIZE: 25px;
COLOR: #FFF;
TEXT-DECORATION: none;
padding-bottom: 18px;
}
.f_left{
float: left;
width: 10px;
height: 47px;
background-image: url(/img/f_left.jpg);
}
.f_right{
float: left;
width: 10px;
height: 47px;
background-image: url(/img/f_right.jpg);
}
.f_center{
float: left;
height: 47px;
background-image: url(/img/f_bg.jpg);
width: 430px;
}
.f_txt{
padding-left: 5px;
color: #FFF;
font-size: 13px;
font-weight: bold;
line-height: 1.8;
}
.f_links{
color: #333;
font-size: 13px;
margin-left: 15px;
}
.f_links a{
text-decoration: none;
color: #333;
background: url(/img/navi_point.gif) no-repeat;
background-position: 0px 3px;
vertical-align: middle;
padding-left: 15px;
}
.f_links a:hover{
text-decoration: underline;
color: #333;
}
.f_more{
margin-top: 15px;
text-align: right;
float: right;
}
/********** Sitemap **********/
.sitemap {
line-height: 23px;
}
.sitemap LI {
list-style-image: url(/img/navi_point.gif);
vertical-align: middle;
}
/***** HighSlide *****/
.highslide {
cursor: url(/img/zoomin.cur), pointer;
outline: none;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide img {
border: 1px solid white;
}
.highslide:hover img {
border: 1px solid white;
}
.highslide-wrapper {
background: white;
}
.highslide-image {
border: 3px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 3px solid white;
border-top: none;
font-family: arial;
font-size: 12px;
padding: 5px;
background-color: white;
}
.highslide-loading {
display: block;
color: black;
font-size: 10px;
font-family: arial;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
padding-left: 22px;
background-image: url(/img/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-full-expand {
background: url(/img/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
/* These must always be last */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
/********** Search **********/
#xsltsearch {margin: 0; padding: 10px 0 0 0;}
.xsltsearch_result p {margin: 0; padding: 0;}
.xsltsearch_result:hover {background: #f6f6f6;}
.xsltsearch_ordinal {font-weight: bold; font-size: 100%;}
.xsltsearch_title {font-weight: bold;}
.xsltsearch_score {font-size: 90%; color:#808080;}
p.xsltsearch_result_description {padding-bottom: 14px;}
.xsltsearch_description strong {background: #FFFFFF;} /* highlighting */
#xsltsearch_navigation {text-align: center;}
#xsltsearch_navigation .disabled {color: #999;}
#xsltsearch_stats {font-size: 100%; color: #808080;}
/***** Img holder *****/
div.holder{
width:110px;
height:110px;
background:#FFFFFF;
text-align:center;
display:table-cell;
vertical-align:middle;
float: left;
border:2px solid #343A3E;
}
div.holder img {
margin: 0 auto;
padding:4px;
}
/*** LightWindow ***/
#lightwindow_overlay {
display: none;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 500;
}
#lightwindow {
display: none;
visibility: hidden;
position: absolute;
z-index: 999;
line-height: 0px;
}
#lightwindow_container {
display: none;
visibility: hidden;
position: absolute;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
* html #lightwindow_container {
overflow: hidden;
}
#lightwindow_contents {
overflow: hidden;
z-index: 0;
position: relative;
border: 10px solid #fff;
background-color: #fff;
}
#lightwindow_loading {
height: 100%;
width: 100%;
top: 0px;
left: 0px;
z-index: 9999;
position: absolute;
background-color: #f0f0f0;
padding: 10px;
}
#lightwindow_loading_shim {
display: none;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
}
#lightwindow_loading span {
font-size: 12px;
line-height: 32px;
color: #444;
float: left;
padding: 0 10px 0 0;
}
#lightwindow_loading span a,
#lightwindow_loading span a:link,
#lightwindow_loading span a:visited {
color: #09F;
text-decoration: none;
cursor: pointer;
}
#lightwindow_loading span a:hover,
#lightwindow_loading span a:active {
text-decoration: underline;
}
#lightwindow_loading img {
float: left;
margin: 0 10px 0 0;
}
#lightwindow_navigation {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
#lightwindow_navigation_shim {
left: 0px;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
}
#lightwindow_navigation a,
#lightwindow_navigation a:link,
#lightwindow_navigation a:visited,
#lightwindow_navigation a:hover,
#lightwindow_navigation a:active {
outline: none;
}
#lightwindow_previous,
#lightwindow_next {
width: 49%;
height: 100%;
background: transparent url(/img/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#lightwindow_previous {
float: left;
left: 0px;
}
#lightwindow_next {
float: right;
right: 0px;
}
#lightwindow_previous:hover,
#lightwindow_previous:active {
background: url(/img/prevlabel.gif) left 15% no-repeat;
}
#lightwindow_next:hover,
#lightwindow_next:active {
background: url(/img/nextlabel.gif) right 15% no-repeat;
}
#lightwindow_previous_title,
#lightwindow_next_title {
display: none;
}
#lightwindow_galleries {
width: 100%;
position: absolute;
z-index: 50;
display: none;
overflow: hidden;
margin: 0 0 0 10px;
bottom: 0px;
left: 0px;
}
#lightwindow_galleries_tab_container {
width: 100%;
height: 0px;
overflow: hidden;
}
a#lightwindow_galleries_tab,
a:link#lightwindow_galleries_tab,
a:visited#lightwindow_galleries_tab {
display: block;
height: 20px;
width: 77px;
float: right;
line-height: 22px;
color: #fff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
font-size: 11px;
color: #ffffbe;
background: url(/img/black-70.png) repeat 0 0 transparent;
}
* html a#lightwindow_galleries_tab,
* html a:link#lightwindow_galleries_tab,
* html a:visited#lightwindow_galleries_tab {
background: none;
background-color: #000000;
opacity: .70;
filter: alpha(opacity=70);
}
a:hover#lightwindow_galleries_tab,
a:active#lightwindow_galleries_tab {
color: #ffffbe;
}
#lightwindow_galleries_tab_span {
display: block;
height: 20px;
width: 63px;
padding: 0 7px 0 7px;
}
#lightwindow_galleries_tab .up {
background: url(/img/arrow-up.gif) no-repeat 60px 5px transparent;
}
#lightwindow_galleries_tab .down {
background: url(/img/arrow-down.gif) no-repeat 60px 6px transparent;
}
#lightwindow_galleries_list {
background: url(/img/black-70.png) repeat 0 0 transparent;
overflow: hidden;
height: 0px;
}
* html #lightwindow_galleries_list {
background: none;
background-color: #000000;
opacity: .70;
filter: alpha(opacity=70);
}
.lightwindow_galleries_list {
width: 200px;
float: left;
margin: 0 0 10px 0;
padding: 10px;
}
.lightwindow_galleries_list h1 {
color: #09F;
text-decoration: none;
font-weight: bold;
cursor: pointer;
padding: 10px 0 5px 0;
font-size: 16px;
}
.lightwindow_galleries_list li {
margin: 5px 0 5px 0;
list-style-type: none;
}
.lightwindow_galleries_list a,
.lightwindow_galleries_list a:link,
.lightwindow_galleries_list a:visited {
display: block;
line-height: 22px;
color: #fff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
padding: 0 0 0 10px;
font-size: 11px;
}
.lightwindow_galleries_list a:hover,
.lightwindow_galleries_list a:active {
background: #000000;
color: #ffffbe;
border-left: 3px solid #ffffbe;
padding: 0 0 0 7px;
}
#lightwindow_data {
position: absolute;
}
#lightwindow_data_slide {
position: relative;
}
#lightwindow_data_slide_inner {
background-color: #ffffff;
padding: 0 10px 10px 10px;
}
#lightwindow_data_caption {
padding: 10px 0 0 0;
color: #666666;
line-height: 25px;
background-color: #ffffff;
clear: both;
}
#lightwindow_data_details {
background-color: #f0f0f0;
padding: 0 10px 0 10px;
height: 20px;
}
#lightwindow_data_author_container {
width: 40%;
text-align: right;
color: #666666;
font-style: italic;
font-size: 10px;
line-height: 20px;
float: right;
overflow: hidden;
}
#lightwindow_data_gallery_container {
font-size: 10px;
width: 40%;
text-align: left;
color: #666666;
line-height: 20px;
float: left;
overflow: hidden;
}
#lightwindow_title_bar {
height: 25px;
overflow: hidden;
}
#lightwindow_title_bar_title {
color: #FFF;
font-size: 14px;
line-height: 25px;
text-align: left;
float: left;
}
a#lightwindow_title_bar_close_link,
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link {
float: right;
text-align: right;
cursor: pointer;
color: #fff;
font-weight: bold;
line-height: 25px;
padding: 0;
margin: 0;
}
a:hover#lightwindow_title_bar_close_link,
a:active#lightwindow_title_bar_close_link {
color: #fff;
font-weight: bold;
}
#lightwindow p {
color: #000000;
padding-right: 10px;
}
.ea_price{
padding-top:3px;
color:#FFF;
text-align:center;
overflow:hidden;
font-weight:normal;
font-size:18px;
}
.ea_readmore{
text-align:right;
padding-top:9px;
margin-right:20px;
font-weight:bold;
color:#FFF;
}
.ea_readmore a, .ea_readmore a:visited{
font-weight:bold;
color:#FFF;
text-decoration: none;
}
.ea_readmore a:hover, .ea_readmore a:visited:hover{
font-weight:bold;
color:#FFF;
text-decoration: underline;
}
/* EDITOR PROPERTIES */