/* ----------[ RESET-FONTS-GRIDS ]---------- */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ /*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} /*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{_margin-left:1.2%;*margin-left:1.7%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{margin-left:2%;width:32%;float:right;*width:31.8%;}.yui-gb div.first{margin-left:0;*margin-right:1px;float:left;}.yui-gb .yui-gb div.first{*margin-right:0;width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first{float:left;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-gb .yui-gc .yui-u,.yui-g .yui-gc .yui-u{_float:right;width:32%;_width:29.9%;}.yui-gb .yui-gc div.first{width:66%;*width:64.5%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:1px;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{_width:48.1%;*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} /* ----------[ /RESET-FONTS-GRIDS ]---------- */ /* ----------[ CLEARFIX FLOAT FIX ]---------- */ .clrfx {zoom:1;} .clrfx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* ----------[ /CLEARFIX FLOAT FIX ]---------- */ /* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */ body {color: #222; text-align:center; background-color: #fff; font-family:"Lucida Grande",Arial,Helvetica;} #custom-doc {width:822px; margin: 0 auto; padding-top: 12px; text-align:left;} /* Change top spacing here */ a, a:visited {text-decoration: underline; color: #ff0000; } a:hover {text-decoration: none; } #janezic {position: relative; margin:auto; width: 264px; min-height: 500px; height:auto; _height:500px; background:transparent url(../gfx/janezic.gif) center center no-repeat; overflow: hidden; font-height:0px; font-size:0px; text-indent:-10999px;} /* ----------[ GLOBALHEADER STYLES ]---------- */ #hd {position: relative; margin: 0 auto; width: 822px; height: 135px; background:transparent url(../gfx/bg_menu.gif) center 0 no-repeat; } #bd {margin: 0; padding: 0; min-height: 432px; _height:432px;} #rail {padding-top: 25px;} /* ----------[ /GLOBALHEADER STYLES ]---------- */ /* ----------[ NAVIGATION STYLES ]---------- */ #logo {position: relative; margin:0 auto; background: transparent url(../gfx/janezic.hd.gif) center center no-repeat; height: 102px; width: 101px;font-height:0px; font-size:0px;text-indent:-9999px;} #nav {position: relative; margin:0 auto; width: 822px; height:33px; border-bottom:1px solid #999;} #gnav {width: 414px;}/* {position: absolute; top:33px; right:20px; text-align: right;} */ #gnav h4 {display:none;} #nav ul {margin:0 auto; padding:0;} #nav ul li {float: left; margin: 0 19px; text-align:left; font-height:0px; font-size:0px;text-indent:-9999px;} #nav ul li.first {float: left; margin: 0; margin-right: 19px; text-align:left;} #nav ul li a {display:block; height: 25px; color: #000; margin:0; padding: 0 0 0 13px; font-weight: normal; font-size: 100%; font-family: "Lucida Grande",Arial,Helvetica; text-decoration: none;} #nav ul li a:hover, #nav ul li a.active {background: transparent url(../gfx/bg_nav.gif) 0 0 no-repeat; color:#ff0000;} #nav ul li.navon {} /* onstate */ #collection {background: transparent url(../gfx/mnu.collection.gif) 0 0 no-repeat; width:68px;} #stockists {background: transparent url(../gfx/mnu.stockists.gif) 0 0 no-repeat; width:56px;} #press {background: transparent url(../gfx/mnu.press.gif) 0 0 no-repeat; width:33px;} #about {background: transparent url(../gfx/mnu.about.gif) 0 0 no-repeat; width:36px;} #contact {background: transparent url(../gfx/mnu.contact.gif) 0 0 no-repeat; width:46px;} /* ----------[ /NAVIGATION STYLES ]---------- */ #submnu {width: 822px; height: 19px;} #pg {width: 822px; height: 413px;} /* ----------[ SUBNAVIGATION STYLES ]---------- */ #subnav {position: relative; margin:0 auto; width: 822px; height:17px;} #snav {width: 353px;}/* {position: absolute; top:33px; right:20px; text-align: right;} */ #snav h4 {display:none;} #subnav ul {margin:0 auto; padding:0;} #subnav ul li {float: left; margin: 0 13px; text-align:left; font-height:0px; font-size:0px;text-indent:-9999px;} #subnav ul li.first {float: left; margin: 0; text-align:left;} #subnav ul li a {display:block; height: 21px; color: #000; margin:0;padding: 0 0 0 12px; font-weight: normal; font-size: 100%; font-family: "Lucida Grande",Arial,Helvetica; text-decoration: none;} #subnav ul li a:hover, #nav ul li a.active {background: transparent url(../gfx/bg_nav.gif) 0 0 no-repeat; color:#ff0000;} #subnav ul li.navon {} /* onstate */ #aw07 {background: transparent url(collection/aw07/../gfx/aw07/title.gif) 0 center no-repeat; width:33px;} #ss07 {background: transparent url(collection/ss07/../gfx/ss07/title.gif) 0 center no-repeat; width:33px;} /* ----------[ /SUBNAVIGATION STYLES ]---------- */ /* ----------[ FOOTER STYLES ]---------- */ #ft {position: relative; height: 46px; width: 822px; border-top:1px solid #999; background: transparent url(../gfx/copy.gif) center 0 no-repeat; font-height:0px; font-size:0px;text-indent:-9999px;} /* ----------[ /FOOTER STYLES ]---------- */ #main {position: relative; margin:0 auto; margin-top: 1px; width: 825px; min-height:410px; _height:410px;} #main h2 {display:none; height: 18px; text-align: right; margin-bottom:8px;} #main .title {display:none; font-height:0px; font-size:0px; text-indent:-9999px;} .ab-img {background: transparent url(../gfx/ab_img.gif) center center no-repeat; width: 822px; height: 432px; font-height:0px; font-size:0px;text-indent:-9999px;} .cn-img {background: transparent url(../gfx/cn_img.jpg) no-repeat; width: 388px; height: 490px;} .hm-img {background: transparent url(../gfx/hm_img.jpg) center center no-repeat; width: 822px; height: 432px;} .st-img {background: transparent url(../gfx/st_img.jpg) no-repeat; width: 388px; height: 490px;} /* ----------[ PIC/INFO PAGE STYLES ]---------- */ #main .lgrt {float: right; width:374px;} #main .smlt {width: 456px;} /* ----------[ /PIC/INFO PAGE STYLES ]---------- */ /* ----------[ VIEWER STYLES ]---------- */ .thmb {clear: both; cursor:pointer;} .brdr {border: 1px solid #777;} /* Press */ #main .vwr-rt {float: left; width: 270px; height: 432px;} /* Viewer container */ #main .vwr-rt .desc {width: 257px;} #main .vwr-rt-nav {float: left; width: 44px; height: 432px;} #main .vwr-rt-pg {position: absolute; top: 405px;} /* Nav container */ #main .vwr-rt .lg-cont {margin-top: 15px; height: 400px; width: 270px;} /* Pic container */ #main .thmb-lt {float: left; width: 505px; height: 432px;} /* Thumb container */ #main .thmb-lt-pg {width: 490px; height: 21px;} #mainOLD .thmb-lt-desc {position: absolute; top: 395px; right: 334px;} #main .thmb-lt-desc {} #main .thmb-lt .thmb-cont {float: left; padding:0; margin:0; margin-top: 15px; margin-right:8px; height: 122px; width: 88px;} /* Collection (4 per row) */ #main .vwr-title {margin-top: 15px;} #main .vwr-list {margin-top: 10px;} #main .vwr-desc {margin-top: 181px;} #main .thmb4-lt {float: left; width: 394px; height: 432px;} /* Thumb container */ #main .thmb4-lt .thmb4-cont {float: left; padding:0; margin:0; margin-top: 15px; margin-right:14px; height: 122px; width: 82px;} #main .thmb4-lt .lst {margin-right:0;} #main .vwr4-rt {float: left; width: 282px; height: 432px;} /* Viewer container */ #main .vwr4-rt-nav {float: left; width: 144px; height: 432px;} /* Nav container */ #main .vwr4-rt .lg-cont {margin-top: 15px; height: 400px; width: 270px;} /* Pic container */ /* Collection (3 per row) */ #main .thmb3-lt {float: left; width: 341px; height: 432px;} /* Thumb container */ #main .thmb3-lt .thmb3-cont {float: left; padding:0; margin:0; margin-top: 15px; margin-right:13px; height: 122px; width: 98px;} #main .thmb3-lt .lst {margin-right:0;} #main .vwr3-rt {float: left; width: 338px; height: 432px;} /* Viewer container */ #main .vwr3-rt-nav {float: left; width: 144px; height: 432px;} /* Nav container */ #main .vwr3-rt .lg-cont {margin-top: 15px; height: 400px; width: 325px;} /* Pic container */ /* ----------[ /VIEWER STYLES ]---------- */ #img_pre {width:0px; height:0px; display:none; } #pr {cursor:pointer;} #nx {cursor:pointer;} /* ----------[ ICONS STYLES ]---------- */ .icon-docs {background: transparent url(/../gfx/icon/icon_docs.png) top center no-repeat; _background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/../gfx/icon/icon_docs.png',sizingMethod='crop');} .icon-turtle {background: transparent url(/../gfx/icon/icon_turtle.png) top center no-repeat; _background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/../gfx/icon/icon_turtle.png',sizingMethod='crop');} .icon-sio {background: transparent url(/../gfx/bg_sio.jpg) top center no-repeat;} /* ----------[ ICONS STYLES ]---------- */ .hide {display: none;} /* ----------[ SCROLL STYLES ]---------- */ #scroller {margin: 0 auto; margin-top: 1px; position: relative; width: 310px; height: 412px; overflow: hidden;} #scr_up {background: transparent url(../gfx/arw_up.gif) 0 0 no-repeat; width: 10px; height: 9px; cursor: pointer; font-height:0px; font-size:0px; text-indent:-9999px;} #scr_dn {background: transparent url(../gfx/arw_dn.gif) 0 0 no-repeat; width: 10px; height: 9px; margin-top: 10px; cursor: pointer; font-height:0px; font-size:0px; text-indent:-9999px;} .scr_cntr {position: absolute;} .scr_vert {position: absolute; top: 394px; right: 230px;} /* ----------[ /SCROLL STYLES ]---------- */