html, body {
width: 100%; text-align: left; margin: 0; padding: 0;
font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11pt; background-color: #ffffff;
}
img { border: 0; }
#center { text-align: center; margin: 0 auto; width: 1145px; }
/*ff6600*/
a { text-decoration: none; color: #e18730; font-weight: none; }
a:hover { text-decoration: underline; color: #e18730; font-weight: none; }
h1 { margin: 0; padding: 0 0 12px 12px; font-size: 22px; font-weight: bold; color: #666666; background-color: inherit; font-family: Times New Roman, Times, serif; }
h3 { margin: 0; padding: 10px 0 12px 0; font-size: 9pt; font-weight: bold; color: #707070; background-color: inherit; font-family: Times New Roman, Times, serif; }
h4 { margin: 0; padding: 0; font-size: 9pt; font-weight: bold; color: #666666; background-color: inherit; font-family: Times New Roman, Times, serif; }
td.catBG { vertical-align: top; width: 912px; background-image: url('http://www.sunglobe.net/images/bg_cat.gif'); background-repeat: repeat-x; }
td.catBGtxt { vertical-align: middle; width: 912px; }
td.catBGtxt h1 { padding-left: 15px; padding-top: 15px; padding-bottom: 10px; font-weight: bolder; font-family: Times New Roman, Times, serif; font-size: 14pt; color: #666666; }
td#topbg { background-image: url('http://www.sunglobe.net/2010/_img/topbg.jpg'); background-repeat: no-repeat; }
div#cartBG { background-image: url('http://www.sunglobe.net/2010/_img/cart_bg.png'); background-repeat: no-repeat; height: 147px; }
/* *** topnavi *** */
ul#sg_topnavi { float: left; margin: 0 0 0 0; padding: 0 0 0 0; list-style: none;
background-image: url('http://www.sunglobe.net/2010/_img/topnavi_bg.png'); background-repeat: no-repeat; width: 1145px; height: 46px; }
ul#sg_topnavi li { float: left; display: block; padding: 14px 0 15px 15px; }
ul#sg_topnavi li.first { float: left; display: block; padding: 14px 0 15px 30px; }
a.a_topnavi { color: #fff; text-decoration: none; font-weight: bold; }
a.a_topnavi:hover { color: #fff; text-decoration: underline; font-weight: bold; }
/* *** LEFT NAVI *** */
div#leftnavi { margin-top: 2px; text-align: left; width: 225px; border: 1px solid #d1d1d1; background-color: #fbfbfb; }
ul#l_navi { margin: 0 0 0 0; padding: 1px 0 1px 1px; list-style: none; }
li.naviMAIN { background-color: #e6e5e5; background-position: bottom center; /* background-image: url('http://www.sunglobe.net/2010/_img/nav_l_bg.png'); */
background-repeat: repeat-x; width: 215px; padding: 3px 3px 0 5px; vertical-align: top; margin-bottom: 1px; }
li.naviMAIN_open { padding: 0px 0px 0 5px; }
a.nm_l { text-decoration: none; color: #666; font-weight: bold; font-size: 10pt; }
a.nm_l:hover { text-decoration: none; color: #e18730; font-weight: bold; font-size: 10pt; }
a.nm_l_ac { text-decoration: none; color: #e18730; font-weight: bold; font-size: 10pt; }
a.nm_l_ac:hover { text-decoration: none; color: #e18730; font-weight: bold; font-size: 10pt; }
/* *** subs *** */
a.nl_open { text-decoration: none; color: #e18730; font-weight: none; font-size: 9pt; }
a.nl_open:hover { text-decoration: underline; color: #e18730; font-weight: none; font-size: 9pt; }
a.nl_open_ac { text-decoration: underline; color: #e18730; font-weight: none; font-size: 9pt; }
a.nl_open_ac:hover { text-decoration: underline; color: #e18730; font-weight: none; font-size: 9pt; }
div.nmopen { padding-bottom: 4px; padding-top: 4px; padding-left: 4px;}
div.ln { padding-bottom: 4px;}
/* ***************************************** */
td.frontTARJOUS { vertical-align: top; width: 907px; height: 295px; background-image: url('http://www.sunglobe.net/images/bg_tarjoukset.gif'); background-repeat: repeat-x; }
td.frontTARJOUS { vertical-align: top; width: 907px; height: 295px; background-image: url('http://www.sunglobe.net/images/bg_tarjoukset.gif'); background-repeat: repeat-x; }
td.frontTARJOUStxt { vertical-align: top; width: 907px; }
/* padding-left: 15px; padding-top: 0px; padding-bottom: 0px; font-weight: bolder; font-family: Times New Roman, Times, serif; font-size: 13pt; color: #666666; */
td.frontTARJOUStxt h1 { }
a.home-prod { color: #e18730; font-size: 9pt; text-decoration: none; }
a.home-prod:hover { color: #e18730; font-size: 9pt; text-decoration: underline; }
div.tarjousBG { margin-top: 10px; padding: 0px 0px 0px 0px; width: 159px; height: 230px; background-image: url('http://www.sunglobe.net/images/tarjous_bg.png'); background-repeat: no-repeat; }
div.tarjousKUVA { margin-top: 10px; margin-left: 9px; border: 1px solid #c4c4c4; width: 132px; height: 105px; /* height: 88px;*/ background-color: #ffffff; text-align: center; vertical-align: middle; }
div.tarjousTXT { margin-top: 7px; margin-left: 9px; margin-right: 9px; font-size: 9pt; }
/*
div.tuoteBGlist { margin-top: 4px; padding-left: 10px; padding-top: 4px; width: 159px; height: 230px; background-image: url('http://www.sunglobe.net/images/tuote_bg.png'); background-repeat: no-repeat; }
*/
div.tuoteBGlist { margin-top: 10px; padding: 10px 0px 5px 0px; width: 159px; height: 230px; background-image: url('http://www.sunglobe.net/images/tuote_bg.png'); background-repeat: no-repeat; }
div.tuoteBGlistX { margin-top: 0px; padding: 0px 0px 5px 0px; width: 159px; height: 230px; background-image: url('http://www.sunglobe.net/images/tuote_bg.png'); background-repeat: no-repeat; }
div.tuoteBGlist_2 { margin-top: 10px; padding: 10px 0px 5px 0px; width: 159px; height: 230px; background-image: url('http://www.sunglobe.net/images/tuote_2_bg.png'); background-repeat: no-repeat; }
div.tuoteBGlist h2 { font-family: Times New Roman, Times, serif; font-size: 9pt; color: #666666; padding-top: 3px; margin-top: 3px; padding-bottom: 5px; margin-bottom: 5px; }
div.tuoteBGlist_2 h2 { padding-left: 12px; font-family: Times New Roman, Times, serif; font-size: 9pt; color: #666666; padding-top: 3px; margin-top: 3px; padding-bottom: 5px; margin-bottom: 5px; }
div.tuoteBG { margin-top: 10px; padding: 10px 0px 0px 0px; width: 159px; height: 200px; background-image: url('http://www.sunglobe.net/images/tuote_bg.png'); background-repeat: no-repeat; }
div.tuoteBGcat { margin-top: 10px; padding: 10px 0px 0px 0px; width: 159px; height: 200px; background-image: url('http://www.sunglobe.net/images/tuote_bg.png'); background-repeat: no-repeat; }
div.tuoteBG h2 { font-family: Times New Roman, Times, serif; font-size: 9pt; color: #666666; padding-top: 5px; margin-top: 5px; padding-bottom: 5px; margin-bottom: 5px; }
div.tuoteKUVA { margin-top: 10px; margin-left: 9px; border: 1px solid #c4c4c4; width: 132px; height: 105px; /* height: 88px;*/ background-color: #ffffff; text-align: center;
vertical-align: middle;
}
div.tuoteTXT { margin-top: 7px; margin-left: 9px; font-size: 9pt; }
div.tuoteTXTemail { margin-top: 0px; margin-left: 12px; font-size: 9pt; }
div.tuoteTXTlist { margin-top: 0px; margin-left: 12px; font-size: 9pt; }
div.tuoteTXTlist_2 { margin-top: 0px; margin-left: 0px; font-size: 9pt; }
div.tuotehakuBG { margin-top: 10px; padding: 0px 0px 0px 0px; width: 416px; height: 230px; background-image: url('http://www.sunglobe.net/images/haku_bg.png'); background-repeat: no-repeat; }
div.tuotehakuKUVA { margin-top: 10px; margin-left: 9px; border: 1px solid #c4c4c4; width: 132px; height: 88px; background-color: #ffffff; text-align: center; vertical-align: top; }
div.tuotehakuTXT { margin-top: 7px; margin-left: 9px; font-size: 9pt; }
div.tuotehakuTXT h2 { font-family: Times New Roman, Times, serif; margin-top: 7px; margin-left: 9px; font-size: 13pt; color: #666666; }
/* ************************************ */
#homeTXT {
padding: 10px; margin: 0 0 10px 0px; font-size: 10pt; color: #333; height: 182px;
background-image: url('http://www.sunglobe.net/2010/_img/txt_home.png'); background-repeat: no-repeat;
}
#hometxt { font-weight: bolder; font-family: Times New Roman, Times, serif;
padding: 0px 0px 0 2px; margin: 0; line-height: 26pt;
font-size: 14pt; color: #333;
}
/* for footer f3f3f3*/
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -172px; }
.footerNU { height: 272px; }
.push { height: 72px; }
a.footerLINK { font-size: 10pt; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #999; text-decoration: underline; line-height: 18pt; }
a.footerLINK:hover { font-size: 10pt; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #999; text-decoration: underline; line-height: 18pt; }
#footerSPACE { height: 7px; }
.footerHD { font-size: 9pt; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #889f00; }
#footerNORMAL { font-size: 8pt; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #eaeaea; text-align: left; }
div.footerNU { font-size: 10pt; text-align: center; width: 100%; min-height: 120px; background-color: #ccc; border-top: 3px solid #ccc; /*position:absolute; bottom: 0%; left: 0%;*/ }
div.footerCON { font-size: 10pt; text-align: center; width: 90%; background-color: red; }
#white { width: 100%; height: 2px; background-color: #ffffff; }
span.footer_menu { width: 900px; font-size: 9pt; text-align: left; padding-top: 22px; padding-left: 25px; text-decoration: none; color: #666666; line-height: 18pt; }
div.footerNU h3 { font-size: 1.0em; color: #333; padding-bottom: 4px; }
div.footerNU a.flHD { font-size: 1.0em; color: #333; text-decoration: none; }
div.footerNU a.flHD:hover { font-size: 1.0em; color: #333; text-decoration: underline; }
div.footerNU a.fl { font-size: 10pt; color: #333; padding-left: 4px; text-decoration: none; line-height: 14pt; }
div.footerNU a.fl:hover { font-size: 10pt; color: #333; padding-left: 4px; text-decoration: underline; line-height: 14pt; }
/* for footer #fff */
/* LIGHTBOX */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }