/* * Impact Visual Arts * Master CSS * Author : MJAD Advertising + Design, http://masarjohnston.com/ * rev 20110406, msl */ /* Reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul, ol, ul, li { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; text-decoration: none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } s, strike, del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } .clear { clear:both; } .ui-tabs-hide { display:none; } br.clear{ margin:0; padding:0; } .clearfix { zoom:1; } /* IE6 */ .clearfix:before, .clearfix:after { display:block; visibility:hidden; content:"\0020"; height:0; font-size:0; clear:both; } *:first-child+html .clearfix { zoom:1; } /* IE7 */ /* ELEMENTS */ html { width:100%; height:100%; background-color:#000; } /* Embed webfonts */ @font-face { font-family:'Century Gothic'; font-style:normal; font-weight:normal; src:url('fonts/CenturyGothic.eot'); /* EOT = proprietary IE format */ src:local('CenturyGothic'), src:local('Century Gothic'), src:url('fonts/CenturyGothic.otf') format('embedded-opentype'), url('fonts/CenturyGothic.ttf') format('truetype'); } /* TYPOGRAPHY */ .wht { color:#fff; } .gry { color:#999; } .gld { color:#fc3; } .blk { color:#000; } .aqua { color:#00a7b6; } .magenta { color:#ff0099; } ::selection { background:#ff0099; color:#ffffff; } ::-moz-selection { background:#ff0099; color:#ffffff; } ::-webkit-selection { background:#ff0099; color:#ffffff; } /* PAGE LAYOUT */ #outer { position:absolute; top:0px; left:0px; width:100%; height:1px; overflow:visible; display:none; } #inner { background:#000 url('bg-v4.0.jpg') center top no-repeat; width:100%; margin:0; border-bottom:1px solid #ababab; } #header { width:960px; height:146px; padding:0; margin:0 auto; clear:both; } #logo { position:absolute; top:48px; width:125px; float:left; margin:0px 0px 11px 0px; } #cart { position:absolute; top:48px; width:960px; height:16px; float:right; margin:0 auto; padding:0; color:#fc3; font:12px Arial, Helvetica, sans-serif; text-align:right; vertical-align:middle; clear:both; } #cart a { color:#fc3; text-decoration:none; } #cart a:hover { color:#fff; } #bumper { width:100%; height:17px; margin:0; border-top:1px solid #ababab; } /* NAVIGATION */ nav, #nav { display:block; float:right; width:516px; margin:110px 0 0 0; text-align:left; z-index:900; } #navbar { float:right; height:32px; } #navbar .subnav { min-width:124px; display:none; } #navbar a, #navbar a:visited { color:#fff; font:300 12px 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-decoration:none; } #navbar a:hover { color:#fc3; } #navbar ul { position:absolute; top:36px; z-index:910; } #navbar li { float:left; position:relative; padding:9px; border-right:1px solid #ababab; } #navbar li:hover { visibility:inherit; } #navbar ul li a { display:block; position:relative; width:100%; } #navbar li li { margin:0; padding:0; border:none; width:100%; overflow:hidden; background:rgb(102,102,102); opacity:0.9; filter:alpha(opacity=90); background:rgba(102,102,102,0.9); z-index:920; } #navbar li li a { display:block; margin:0; font:200 10px 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; padding:5px; } #navbar li li a:hover { color:#fc3; background:#333; text-decoration:none; } /* ********** LIVEAREA ********** */ #livearea { background-color:#000; width:960px; min-height:430px; padding:9px; margin:0 auto; z-index:700; } #livearea h1 { color:#fff; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; margin-right:36px; padding:30px 36px 9px 0; text-align:left; } #livearea h1.media { position:absolute; top:118px; left:0px; float:left; z-index:102; } #left-column { width:320px; height:430px; padding:0; margin:0; float:left; } .ie6 #left-column { overflow:hidden; } .ie7 #left-column { overflow:hidden; } #left-column h1 { color:#fff; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; margin-right:36px; padding:30px 36px 9px 0; text-align:left; } #left-column p { color:#fff; font:0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; padding:9px 36px 6px 0; text-align:left; } ie7 #left-column p { font:200 0.6em 'Century Gothic', 'Myriad Pro', Myriad, Verdana, Arial, sans-serif; } ie7 #left-column p { font:200 0.6em 'Century Gothic', 'Myriad Pro', Myriad, Verdana, Arial, sans-serif; } #right-column { width:480px; height:430px; padding:0; margin:0; float:left; } /* Home page */ #left-column-home { width:480px; height:430px; padding:0; margin:0; float:left; } .ie6 #left-column-home { overflow:hidden; } .ie7 #left-column-home { overflow:hidden; } #left-column-home h1 { color:#fff; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; margin-right:36px; padding:30px 36px 9px 0; text-align:left; } #left-column-home p { color:#ccc; font:200 0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; padding:9px 36px 6px 0; text-align:left; } .ie6 #left-column-home p { font:200 0.6em 'Century Gothic', 'Myriad Pro', Myriad, Verdana, Arial, sans-serif; } .ie7 #left-column-home p { font:200 0.6em 'Century Gothic', 'Myriad Pro', Myriad, Verdana, Arial, sans-serif; } #right-column-home { width:480px; height:430px; background:#222 url('ajax-loader.gif') center center no-repeat; margin:0; padding:0; float:right; } /* About Us */ #left-column-about, #right-column-about { width:480px; height:480px; padding:0; margin:0; float:left; } .ie6 #left-column-about, .ie6 #right-column-about { overflow:hidden; } .ie7 #left-column-about, .ie7 #right-column-about { overflow:hidden; } #left-column-about h1, #right-column-about h1 { color:#fff; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; margin-right:36px; padding:30px 36px 9px 0; text-align:left; } #left-column-about p, #right-column-about p { color:#ccc; font:200 0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; padding:9px 36px 6px 0; text-align: left; } #left-column-about a, #right-column-about a { color:#fc3; text-decoration:none; } #left-column-about a:hover, #right-column-about a:hover { color:#fc3; text-decoration:underline; } /* Custom Art */ #left-column-custom-artwork { width:800px; padding:0; margin:0; float:left; } #left-column-custom-artwork h1 { color:#fff; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-transform:uppercase; padding:30px 0 9px 0; text-align:left; } #left-column-custom-artwork p { color:#ccc; font:200 0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; padding:0 0 4px 0; text-align:left; } .ie6 #left-column-custom-artwork p { font:200 0.6em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; } .ie7 #left-column-custom-artwork p { font:200 0.6em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; } #left-column-custom-artwork a { color:#fc3; font:200 0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; padding:0; } #left-column-custom-artwork a:hover { color:#fc3; text-decoration:underline; } /* Custom Art > Our Media */ #left-column-media { width:480px; height:430px; padding:0; margin:0; float:left; } #left-column-media .eco { background:transparent url('../../custom-art/images/ico-eco-friendly.png') center center no-repeat; } #left-column-media h1 { color:#fff; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; margin-right:36px; padding:30px 36px 9px 0; text-align:left; } #left-column-media p, #left-column-media ul li { color:#ccc; font:200 0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; padding:9px 36px 6px 0; text-align:left; } #left-column-media a { color:#fc3; font:200 0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; padding:9px 0 0 6px; } #left-column-media a:hover { color:#fc3; text-decoration:underline; } #right-column-media { width:480px; height:430px; background:#222 url('ajax-loader.gif') center center no-repeat; margin:0; padding:0; float:right; } /* Our Team */ #our-team td { vertical-align:bottom; padding-bottom:9px; } #our-team .name { color:#00a7b6; font:200 0.8em 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; padding:9px 0 0 6px; } #our-team .name a { color:#fc3; text-decoration:none; } #our-team .name a:hover { color:#fc3; text-decoration:underline; } #our-team .title { color:#fff; font:200 0.7em 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; padding:3px 0 0 6px; } #our-team .email { font:200 0.7em 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; padding:3px 0 0 6px; } #our-team .email a { color:#fc3; text-decoration:none; } #our-team .email a:hover { color:#fc3; text-decoration:underline; } /* The Buzz */ #buzz-hd { display:block; width:200px; height:72px; vertical-align:middle; clear:both; } #buzz-hd h3 { color:#fff; font:14pt 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; float:left; text-align:right; margin-top:18pt; } #buzz-hd h1 { color:#fdf000; font:40pt 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; float:left; text-align:left; padding-left:12px; text-shadow:0px 0px 12px #fdf000; } #buzz table { background:transparent; margin:0; padding:0; border:0; border-collapse:collapse; } #buzz td { margin:0; padding:0 9px 9px 0; vertical-align:top; } #buzz .buzzscreen { background:url('ajax-loader.gif') center center no-repeat;} #buzz .buzzthumb { width:42px; height:42px; } #buzz .buzzthumb img { opacity:0.6; filter:alpha(opacity=60); border:1px solid #46454a; } /* Collections */ #collections_nav { float:left; width:200px; padding-right:12px; z-index:810; display:block; } #collections_nav h1 { color:#fff; font:0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase; margin:30px 0 0 0; padding:0 0 9px 0; } #collections_nav p { color:#fff; font:0.7em 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; border-bottom:1px solid #666; } #collections_nav a, #collections_nav a:visited { color:#fc3; text-decoration:none; padding:4px 0 3px 0; display:block; } #collections_nav a:hover { color:#fc3; text-decoration:underline; } #collections_nav div p a, #collections_nav div p a:visited { color:#fff; text-decoration:none; padding:4px 0 3px 0; display:block; } #collections_nav div p a:hover { color:#fc3; text-decoration:none; } #collections { float:right; width:700px; padding:10px; margin:0; background-color:#fff; z-index:800; overflow:hidden; } #collections h1 { color:#00a7b6; font:0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase; padding:0 0 9px 0; } #collections h1 span.sml { color:#999; font:11px 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; } #collections h1 span.sml a, #collections h1 span.sml a:visited { color:#f09; text-decoration:none; } #collections h1 span.sml a:hover { color:#f09; text-decoration:underline; } #collections .hover_img { width:117px; white-space:nowrap; margin:0; padding:0; position:relative; z-index:801; } #collections .hover_img a, #collections .hover_img a:visited { display:block; text-decoration:none; z-index:801; } #collections .itm { min-width:117px; height:156px; margin:0; padding:0 18px 24px 0; text-align:left; vertical-align:middle; color:#444; font:10px 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; float:left; z-index:800; } #collections .itm a { color:#f09; text-decoration:none; z-index:800; } #collections .itm a:hover { color:#f09; text-decoration:underline; z-index:800; } #collections span.itm_info { width:100%; height:100%; position:absolute; top:0px; left:0px; background:transparent url('magnify.png') center center no-repeat; display:block; z-index:800; } #collections .prodinfo-acrylic, #collections .prodinfo-aluminum, #collections .prodinfo-archival-acrylic, #collections .prodinfo-archival-print, #collections .prodinfo-bamboo, #collections .prodinfo-canvas, #collections .prodinfo-framed-artwork { display:inline; } #collections .prodinfo-acrylic img, #collections .prodinfo-aluminum img, #collections .prodinfo-archival-acrylic img, #collections .prodinfo-archival-print img, #collections .prodinfo-bamboo img, #collections .prodinfo-canvas img, #collections .prodinfo-framed-artwork img { padding-right:2px; } #collections .prodinfo-acrylic img:hover, #collections .prodinfo-aluminum img:hover, #collections .prodinfo-archival-acrylic img:hover, #collections .prodinfo-archival-print img:hover, #collections .prodinfo-bamboo img:hover, #collections .prodinfo-canvas img:hover, #collections .prodinfo-framed-artwork img:hover { opacity:0.6; filter:alpha(opacity=60); } #collections .end { padding-right:0px; clear:right; } #collections .end a { color:#f09; text-decoration:none; } #collections .end a:hover { color:#f09; text-decoration:underline; } #tabs .tab_container ul { display:block; clear:both; list-style-type:none; border-bottom:1px solid #999; padding:0 0 31px 0; margin:0; } #tabs .tab_container ul li { display:inline; position:relative; float:left; width:102px; height:22px; padding:4px; margin:0 4px 0 0; border:1px solid #999; color:#00a7b6; font:normal 13px "Myriad Pro", Myriad, Arial, Helvetica, sans-serif; text-transform:uppercase; background:#eee url('grad-eee-d9d9d9.gif') bottom left repeat-x; } #tabs .tab_container ul li:hover { color:#fc3; text-decoration:none; cursor:pointer; } #tabs .tab_container ul li.active { border-bottom: 1px solid #fff;background: #fff url('grad-eee-fff.gif') top left repeat-x; } #tabs .panel_container { font:normal 0.8em "Myriad Pro", Myriad, Arial, Helvetica, sans-serif; padding:6px; } #tabs h1 { display:block; width:688px; color:#fff; background-color:#00a7b6; font:14px 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; padding:6px; } .options { color: #fc3; text-decoration: none; cursor: pointer; display: block; } .options:hover { text-decoration: underline; cursor: pointer; } /* Carousel */ #carousel_canvas, #carousel_aluminum { position:relative; float:left; clear:left; width:500px; height:80px; } #carousel_canvas .carousel_container, #carousel_aluminum .carousel_container { text-align:top; width:430px; overflow:auto; min-height:10em; margin:0; position:absolute; top:0; } #carousel_canvas .carousel_container ul, #carousel_aluminum .carousel_container ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:absolute; top:0; } #carousel_canvas .carousel_container ul li, #carousel_aluminum .carousel_container ul li { float:left; vertical-align:top; padding:0px; height:80px; width:106px; } #carousel_canvas .carousel_container ul li img, #carousel_aluminum .carousel_container ul li img { width:72px; height:72px; display:inline; vertical-align:top; border:1px solid #666; } .arrow { display:block; height:30px; width:37px; background:#fff url('arrow.png') no-repeat 0 0; text-indent:-999px; position:absolute; top:20px; cursor:pointer; } .forward { background-position:0 0; right:0; } .forward:hover { background-position:0 -36px;} .back { background-position:0 -72px; left:0; } .back:hover { background-position: 0 -108px; } .disclaimer { color:#666; font:normal 10px "Myriad Pro", Myriad, Arial, Helvetica, sans-serif; } /* Reseller Login */ #left-column-login { width:363px; height:400px; padding:0; margin:30px 0 0 0; float:left; border-right:1px solid #333; } #left-column-login h1 { color:#fff; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; margin-right:36px; padding:0 36px 9px 0; } #left-column-login h2 { color:#00a7b6; font:0.9em 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; padding:0 0 9px 0; } #left-column-login p, #left-column-login div { color:#ccc; font:0.75em Arial, Helvetica, sans-serif; text-align:left; padding:6px 0 0 0; } #right-column-login { width:520px; height:400px; padding:0; margin:30px 0 0 24px; float:left; } #right-column-login h1 { padding:0 36px 9px 0; color:#fff; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; margin-right:36px; } #right-column-login h2 { padding:0 0 9px 0; color:#00a7b6; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; } #right-column-login p { padding:6px 0 0 0; color:#ccc; font:200 0.75em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; } #right-column-login a { padding:6px 0 0 0; color:#fc3; font:200 0.75em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-decoration:none; } #right-column-login a:hover { color:#fc3; text-decoration:underline; } /* Print House */ #left-column-printhouse { width:486px; height:380px; padding:0; margin:0; float:left; } #left-column-printhouse h1 { color:#fff; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; padding:30px 12px 9px 0; text-align:left; } #left-column-printhouse h1 a { color:#fc3; text-decoration:none; } #left-column-printhouse h1 a:hover { text-decoration:underline; } #left-column-printhouse h2 { color:#00a7b6; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; padding:0 0 9px 0; } #left-column-printhouse p, #left-column-printhouse div, #left-column-printhouse li { color:#ccc; font:200 0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; padding:9px 36px 6px 0; text-align:left;} #right-column-printhouse { width:420px; height:380px; border-left:1px solid #333; padding:0 0 0 24px; margin:30px 0 9px 0; float:left; } #right-column-printhouse h2 { color:#00a7b6; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; margin:0; padding-bottom:9px; } #right-column-printhouse p, #right-column-printhouse div, #right-column-printhouse li { color:#ccc; font:200 0.8em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; padding:0 0 6px 0; text-align:left; } #right-column-printhouse div h2 { color:#00a7b6; font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; margin:0; padding:0; } #right-column-printhouse a { color:#fc3; text-decoration:none; } #right-column-printhouse a:hover { color:#fc3; text-decoration:underline; } #printhouse-prices { color:#fff; width:960px; padding:0; margin:30px 0 0 0; float:left; overflow:hidden; } #printhouse-prices .printhouse { display:inline; position:relative; float:left; width:228px; margin:6px 16px 0 0; } #printhouse-prices .twocol { width:472px; } #printhouse-prices .last { margin-right:0; } #printhouse-prices h1 { font:0.9em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; padding:0 0 9px 0; } #printhouse-prices table { width:100%; border-collapse:collapse; } #printhouse-prices th { color:#999; font:bold 0.75em 'Century Gothic', 'Myriad Pro', Myriad, Verdana, Arial, sans-serif; padding:2px; text-align:left; } #printhouse-prices th.lft { width:130px; } #printhouse-prices td { color:#000; font:200 0.75em 'Century Gothic', 'Myriad Pro', Myriad, Verdana, Arial, sans-serif; padding:2px; text-align:left; background-color:#eee; border-top:2px solid #3a393e; } #printhouse-prices td.gry { background-color:#ddd; } #printhouse-prices p { padding:9px 0 0 0; font:200 0.8em / 1.4em 'Century Gothic', 'Myriad Pro', Myriad, Verdana, Arial, sans-serif; text-align:left; } #printhouse-prices a, #printhouse-prices a:link { color:#fc3; text-decoration:none; } #printhouse-prices a:active, #printhouse-prices a:hover { color:#fc3; text-decoration:underline; } #printhouse-prices ul { padding:9px 0 0 0; } #printhouse-prices ul li { font:200 0.8em / 1.4em 'Century Gothic', 'Myriad Pro', Myriad, Verdana, Arial, sans-serif; text-align:left; padding:0 24px 3px 0; } /* SLIDESHOW */ #slideshow { position:relative; width:480px; height:430px; } #slideshow img { position:absolute; top:0; left:0; opacity:0.0; } #slideshow img.active { opacity:1.0; z-index:3; } #slideshow img.last-active { z-index:2; } /* FOOTER */ footer { background:#000 url('bg-v4.b.jpg') center top no-repeat; width:100%; min-height:165px; margin:0; padding:0; border-top:1px solid #333; clear:both; } #ftr { width:960px; margin:0 auto; padding:0; clear:both; } #ftr .col { display:block; float:left; width:228px; margin:6px 16px 0 0; } #ftr .last { width:140px; margin-right:0; } #copyright { float:right; color:#666; font:10px Arial, Helvetica, sans-serif; margin:9px 0; padding:0; clear:right; } #ivastatus { float:left; color:#fc3; font:10px Arial, Helvetica, sans-serif; margin:9px 0; padding:0; clear:left; } #ivastatus a, #ivastatus a:visited { color:#fc3; padding:0; } #ivastatus:hover { color:#fc3; } #footernav { color:#999; font:300 11px / 1.6em 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; margin:6px 0; padding:0; } #footernav a, #footernav a:visited { color:#999; padding:0; } #footernav a.ftrimg, #footernav a.ftrimg:visited { padding:0; } #footernav a:hover { color:#fc3; } .textheader a, a.infoheader { color:#fff; text-decoration:none; } .textheader a:hover, a.infoheader:hover { color:#C00; text-decoration:none; } /* FORMS */ form { color:#999; font:12px / 1.2em 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; padding:12px 0; } .formlabel { font-size:12px; padding:0 6px 0 0; text-align:right;white-space:nowrap; } .formdata { font-size:12px; text-align:left; } input[type=text], input[type=password] { font-size:14px; height:24px; padding:6px; margin:6px 6px 6px 0; outline:none; border-top:1px solid #666; border-right:1px solid #808080; border-bottom:1px solid #dedede; border-left:1px solid #808080; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:#444; text-shadow:0px 1px 1px #eee; background-color:#ccc; background-image:-moz-linear-gradient(top,#cccccc,#999999); background-image:-o-linear-gradient(top,#cccccc,#999999); background-image:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#999999)); background-image:-webkit-linear-gradient(top,#cccccc,#999999); background-image:linear-gradient(top,#cccccc,#999999); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc',EndColorStr='#999999'); } input[type=text]:hover, input[type=password]:hover { color:#000; background-color:#dedede; background-image:-moz-linear-gradient(top, #dedede, #c4c4c4); background-image:-o-linear-gradient(top, #dedede, #c4c4c4); background-image:-webkit-gradient(linear, left top, left bottom, from(#dedede), to(#c4c4c4)); background-image:-webkit-linear-gradient(top, #ffffff, #c4c4c4); background-image:linear-gradient(top, #ffffff, #c4c4c4); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#c4c4c4'); } .formsubmit { color:#fff; text-shadow:0px -1px 1px #960; background:#c90 !important; font-size:14px; font-weight:bold; text-align:center; height:36px; padding:6px; margin:6px 6px 6px 0; outline:none; border:1px solid #960; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; } .formsubmit:hover { background:#fc3 !important; } .error { color:#fff; font:1.0em 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; margin:12px 24px 12px 0; padding:10px 10px 10px 26px; background:#f09 url('ico_error.png') 6px 7px no-repeat; border:1px solid #906; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:block; clear:both; } .success { color:#fff; font:1.0em 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; text-align:left; margin:12px 24px 12px 0; padding:10px 10px 10px 26px; background:#00a7b6 url('ico_confirm.png') 6px 7px no-repeat; border:1px solid #008490; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:block; clear:both; } .formlabelerror input, .formdataerror input, .formlabelerror input:hover, .formdataerror input:hover { color:#906; } /* jQuery FancyBox Styles */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position:absolute; top:0; left:0; margin:0; padding:0px; z-index:1101; outline:none; display:none; } #fancybox-outer { position:relative; width:100%; height:100%; background:#fff; border:none; } #fancybox-content { width:0; height:0; margin:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; border:1px solid #666; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }