/* * Impact Visual Arts * Master CSS * Author : MJAD Advertising + Design, http://masarjohnston.com/ * rev 20121218, V5.1 */ /* 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; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; } 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; } b, strong { font-weight:bold; font-weight:800; } 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 { background-color:#000; } body { width:100%; height:100%; overflow:hidden; padding:0; margin:0; } /* TYPOGRAPHY */ .wht { color:#fff; } .gry { color:#999; } .gld { color:#fc3; } .blk { color:#000; } .red { color:#da5132; } .aqua { color:#00a7b6; } .magenta { color:#ff0099; } ::selection { background:#ff0099; color:#ffffff; } ::-moz-selection { background:#ff0099; color:#ffffff; } ::-webkit-selection { background:#ff0099; color:#ffffff; } @font-face { font-family:'Genericons'; src:url('/assets/fonts/genericons/genericons-regular-webfont.eot'); src:url('/assets/fonts/genericons/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/genericons/genericons-regular-webfont.woff') format('woff'), url('/assets/fonts/genericons/genericons-regular-webfont.ttf') format('truetype'), url('/assets/fonts/genericons/genericons-regular-webfont.svg#genericonsregular') format('svg'); font-weight:normal; font-style:normal; } [class*="genericon"] { display:inline; font-weight:normal; font-style:normal; font-family:'Genericons'; vertical-align:baseline; -webkit-font-smoothing:antialiased; } /* IE7 (IE inline-block bugfix) */ [class*="genericon"] { *overflow:auto; *zoom:1; *display:inline; } .arrow-up:before { content: '\f500'; } .arrow-right:before { content: '\f501'; } .arrow-down:before { content: '\f502'; } .arrow-left:before { content: '\f503'; } .icn-search:before { content: '\f400'; } /* PAGE LAYOUT */ #bgimg { position:absolute; top:0; left:0; margin:0; padding:0; z-index:-1; } #outer { position:absolute; top:0; left:0; margin:0; padding:0; width:100%; height:100%; overflow:auto; } #bgimg, #outer { display:none; } #inner { background:transparent; width:100%; margin:0; border-bottom:1px solid #fff; } #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:20px; float:right; margin:0; padding:0; text-align:right; vertical-align:middle; font:12px Helvetica, Arial, sans-serif; } #shopping-cart { float:right; display:inline; height:20px; color:#fc3; margin:0; padding:0; } #shopping-cart a { color:#fc3; text-decoration:none; } #shopping-cart a:hover { color:#fff; } #ivastatus { float:right; display:inline; color:#fc3; margin:0; padding:5px 15px; filter:DropShadow(Color=#000, OffX=1, OffY=1, Positive=1); text-shadow:1px 1px 2px #000; } #ivastatus a { color:#fc3; text-decoration:none; } #ivastatus a:hover { color:#fff; } #bumper { width:100%; height:17px; margin:0; border-top:1px solid #fff; } #content { width:100%; min-height:448px; margin:0; padding:0; background-color:#000; } #livearea { color:#fff; font:0.8em / 1.4em Helvetica, Arial, sans-serif; background-color:#000; width:960px; min-height:430px; padding:9px; margin:0 auto; z-index:700; } #livearea h1 { color:#fff; font:0.9em Helvetica, Arial, sans-serif; padding:30px 36px 9px 0; text-align:left; } #livearea h1.media { position:absolute; top:118px; left:0px; float:left; z-index:102; } #livearea a, #livearea a:visited { color:#fff; text-decoration:none; } #livearea a:hover { color:#fc3; } #header2 { color:#fff; font:0.9em Helvetica, Arial, sans-serif; padding:9px 0; text-align:left; } #header2 a, #header2 a:visited { color:#fff; text-decoration:none; } #header2 a:hover { color:#fc3; } #livearea dl { background-color:#333; padding:12px; margin:12px 0 0 0; text-align:left; clear:both; } #livearea dt { color:#00a7b6; text-transform:uppercase; margin-bottom:12px; } /* 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:200 12px Helvetica, Arial, sans-serif; text-decoration:none; text-shadow:1px 1px 2px #000; } #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 #fff; } #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-size:10px; padding:5px; } #navbar li li a:hover { color:#fc3; background:#333; text-decoration:none; } /* ********** LIVEAREA ********** */ #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:1.0em Helvetica, Arial, sans-serif; margin-right:36px; padding:30px 36px 9px 0; text-align:left; } #left-column p, #left-column td { color:#fff; font:0.9em Helvetica, Arial, sans-serif; padding:9px 36px 6px 0; text-align:left; } ie6 #left-column p, ie6 #left-column td { font:200 0.8em Helvetica, Arial, sans-serif; } ie7 #left-column p, ie7 #left-column td { font:200 0.8em Helvetica, 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:1.0em Helvetica, Arial, sans-serif; margin-right:36px; padding:30px 36px 9px 0; text-align:left; } #left-column-home p { color:#ccc; font:200 0.9em Helvetica, Arial, sans-serif; padding:9px 36px 6px 0; text-align:left; } .ie6 #left-column-home p { font:200 0.7em Helvetica, Arial, sans-serif; } .ie7 #left-column-home p { font:200 0.8em Helvetica, Arial, sans-serif; } #left-column-home a, #left-column-home a:visited { color:#fc3; text-decoration:none; } #left-column-home a:hover, #left-column-home a:active { color:#fff; } #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 { width:320px; height:480px; padding:0; margin:0; float:left; } #middle-column-about { width:300px; padding:0; margin:0; float:left; margin-top:60px; } #right-column-about { width:280px; padding:0; margin:0; float:left; margin-top:60px; } .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:1.0em Helvetica, Arial, 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.9em Helvetica, Arial, sans-serif; padding:9px 36px 6px 0; text-align: left; } .ie6 #left-column-about p, .ie6 #right-column-about p { font:200 0.8em Helvetica, Arial, sans-serif; } .ie7 #left-column-about p, .ie7 #right-column-about p { font:200 0.8em Helvetica, Arial, sans-serif; } #left-column-about a, #right-column-about a { color:#fc3; text-decoration:none; } #left-column-about a:hover, #right-column-about a:hover { color:#fff; text-decoration:underline; } /* ********** Our Team ********** */ #our-team td { vertical-align:top; padding-right:3px; padding-bottom:3px; } #our-team td img { width:68px; height:68px; opacity:1.0; filter:alpha(opacity=100); border:1px solid #46454a; cursor:pointer; } #right-column-about .name { color:#00a7b6; font:200 0.8em Helvetica, Arial, sans-serif; text-transform:uppercase; text-align:left; padding:9px 0 0 6px; } #right-column-about .name a { color:#fc3; text-decoration:none; } #right-column-about .name a:hover { color:#fff; text-decoration:underline; } #right-column-about .title { color:#fff; font:200 0.7em Helvetica, Arial, sans-serif; text-align:left; padding:3px 0 0 6px; } #right-column-about .email { font:200 0.7em Helvetica, Arial, sans-serif; text-align:left; padding:3px 0 0 6px; } #right-column-about .email a { color:#fc3; text-decoration:none; } #right-column-about .email a:hover { color:#fff; 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 Helvetica, Arial, sans-serif; text-transform:uppercase; padding:30px 0 9px 0; text-align:left; } #left-column-custom-artwork p { color:#ccc; font:200 0.8em Helvetica, Arial, sans-serif; padding:0 0 4px 0; text-align:left; } .ie6 #left-column-custom-artwork p { font:200 0.6em Helvetica, Arial, sans-serif; } .ie7 #left-column-custom-artwork p { font:200 0.6em Helvetica, Arial, sans-serif; } #left-column-custom-artwork a { color:#fc3; font:200 0.8em Helvetica, Arial, sans-serif; text-transform:uppercase; text-align:left; padding:0; } #left-column-custom-artwork a:hover { color:#fff; 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 Helvetica, Arial, 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 Helvetica, Arial, sans-serif; padding:9px 36px 6px 0; text-align:left; } #left-column-media a { color:#fc3; font:200 0.8em Helvetica, Arial, sans-serif; text-transform:uppercase; text-align:left; padding:9px 0 0 6px; } #left-column-media a:hover { color:#fff; 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; } /* ********** The Buzz ********** */ #buzz-hd { display:block; width:200px; height:72px; vertical-align:middle; clear:both; } #buzz-hd h3 { color:#fff; font:14pt Helvetica, Arial, sans-serif; float:left; text-align:right; margin-top:18pt; } #buzz-hd h1 { color:#fdf000; font:40pt Helvetica, Arial, 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:200 0.9em Helvetica, Arial, sans-serif; text-align:left; text-transform:uppercase; margin:30px 0 0 0; padding:0 0 9px 0; } #collections_nav p { color:#fff; font:200 0.8em Helvetica, Arial, sans-serif; text-align:left; border-bottom:1px solid #666; } #collections_nav a, #collections_nav a:visited { color:#fff; text-decoration:none; padding:4px 0 3px 0; display:block; } a#lnk-open-eds.gld, a#lnk-ltd-eds.gld { color:#fc3; } a#lnk-open-eds.wht, a#lnk-ltd-eds.wht { color:#fff; } #collections_nav a:hover, a#lnk-open-eds:hover, a#lnk-ltd-eds:hover { color:#fc3; text-decoration:none; } #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; } /* ********** DISPLAY ********** */ #collections { float:right; width:700px; padding:10px; margin:0; background-color:#fff; z-index:800; overflow:hidden; } #collections h1 { color:#00a7b6; font:0.8em Helvetica, Arial, sans-serif; text-align:left; text-transform:uppercase; padding:0 0 9px 0; } #collections h1 span.sml { color:#999; font:11px Helvetica, Arial, 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 Helvetica, Arial, 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; } #div-product-wrapper { position:relative; float:left; clear:both; width:100%; zoom:1; } #div-product-images { position:relative; float:left; clear:left; vertical-align:top; width:500px; margin:0; padding:0; } #div-product-images img { position:absolute; left:0; top:0; width:100%; height:auto; } #div-product-details { position:relative; float:left; clear:right; vertical-align:top; margin:0; padding:0 10px; } #social-media-counters { position:relative; width:170px; height:70px; margin:0; padding:20px 0 0 0; } #social-media-counters .fb-like { display:inline; float:left; width:50px; height:70px; margin:0 5px 0 0; padding:0; } #social-media-counters .twitter-share { display:inline; float:left; width:60px; height:70px; margin:0 5px 0 0; padding:0; } #social-media-counters .pinit-btn { display:inline; float:left; width:48px; height:70px; margin:0; padding:0; } #tabs { clear:both; overflow:hidden; } #tabs .media_panel { position:relative; float:left; display:none; width:100%; padding:0; margin:0; } #tabs .media_panel h1 { display:block; width:100%; height:18px; color:#fff; background-color:#fc3; font-size:12px; line-height:18px; font-family:Helvetica, Arial, sans-serif; text-align:left; vertical-align:middle; padding:6px; text-transform:uppercase; } #tabs .media_panel h1 span { display:inline;float:right; } #tabs .panel_container { width:100%; height:160px; margin:0 0 6px; padding-left:0; font:normal 0.8em Helvetica, Arial, sans-serif; } #tabs .tab_options { display:block; float:left; width:32%; margin:2px 10px 2px 0px; } #tabs .last { margin-right:0px; } #tabs .tab_head { display:block; clear:both; width:100%; color:#fff; background:#999; border:2px solid #999; margin:0; padding:0; } #tabs .tab_head .tab_h1_lft { float:left; text-align:left; padding:4px; font-style:italic; } #tabs .tab_head .tab_h1_ctr { float:none; text-align:center; padding:4px; margin:0 auto; } #tabs .active { background:#676867; border:2px solid #fc3; } #tabs .active .tab_h1_lft { color:#c2c3c1; } #tabs .prices_panel { position:relative; display:block; float:none; clear:both; width:100%; height:auto; text-align:right; border-top:1px solid #999; border-bottom:1px solid #999; margin:0; padding:5px 0; } #order { clear:both; } #order a.btn-info { display:inline; color:#fff; background:#676867; height:12px; font-size:10px; line-height:12px; text-shadow:0px 1px 1px #000000; text-transform:none; text-decoration:none; text-align:center; vertical-align:baseline; padding:2px 16px; margin:0 0 0 18px; outline:none; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; cursor:pointer; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; } #order a.btn-info:hover { color:#fff; text-shadow:0px -1px 1px #999; background:#c2c3c1 !important; } /* 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 Helvetica, Arial, sans-serif; } /* ********** Portfolio ********** */ #portfolio_nav { width:200px; padding-right:16px; margin:0; float:left; } #portfolio_nav h1 { color:#fff; font:200 1.0em Helvetica, Arial, sans-serif; text-align:left; text-transform:uppercase; margin:30px 0 0 0; padding:0 0 9px 0; } #portfolio_nav p { color:#fff; font:200 0.8em Helvetica, Arial, sans-serif; text-align:left; border-bottom:1px solid #666; } #portfolio_nav p.first { border-top:1px solid #666; } #portfolio_nav a, #portfolio_nav a:visited { color:#fff; text-decoration:none; padding:4px 0 3px 0; display:block; } #portfolio_nav a:hover { color:#fc3; text-decoration:none; } #portfolio_nav div p a, #portfolio_nav div p a:visited { color:#fff; text-decoration:none; padding:4px 0 3px 0; display:block; } #portfolio_nav div p a:hover { color:#fc3; text-decoration:none; } /* ********** Portfolio > Media Pages ********** */ #left-column-portfolio { width:260px; height:380px; margin:45px 0 0 0; float:left; font:200 12px / 16px Helvetica, Arial, sans-serif; overflow:hidden; } #left-column-portfolio h1 { color:#fff; font-size:0.9em; padding:0x 16px 9px 0; text-align:left; } #left-column-portfolio p, #left-column-portfolio ul li { color:#ccc; padding:9px 16px 6px 0; text-align:left; } #left-column-portfolio ul li { margin-left:0; padding-left:6px; text-indent:-8px; font-style:italic; } #left-column-portfolio ul li:before { content: "* "; } #left-column-portfolio a { color:#fc3; text-transform:uppercase; text-align:left; padding:9px 0 0 6px; } #left-column-portfolio a:hover { color:#fc3; text-decoration:underline; } #right-column-portfolio { width:480px; height:430px; background:#222 url('ajax-loader.gif') center center no-repeat; margin:0; padding:0; float:right; } #right-column-portfolio #slideshow { overflow:hidden; } /* Industry PRO 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:1.0em Helvetica, Arial, sans-serif; text-align:left; margin-right:36px; padding:0 36px 9px 0; } #left-column-login h2 { color:#00a7b6; font:0.9em Helvetica, Arial, sans-serif; text-align:left; padding:0 0 9px 0; } #left-column-login p, #left-column-login div { color:#ccc; font:0.8em Helvetica, Arial, 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:1.0em Helvetica, Arial, sans-serif; text-align:left; margin-right:36px; } #right-column-login h2 { padding:0 0 9px 0; color:#00a7b6; font:0.9em Helvetica, Arial, sans-serif; text-align:left; } #right-column-login p { padding:6px 0 0 0; color:#ccc; font:200 0.8em Helvetica, Arial, sans-serif; text-align:left; } #right-column-login a, #right-column-login a:visited { padding:6px 0 0 0; color:#fc3; font:200 0.8em Helvetica, Arial, sans-serif; text-decoration:none; } #right-column-login a:hover, #right-column-login a:active { color:#fff; } /* Print House */ #left-column-printhouse { width:486px; height:380px; padding:0; margin:0; float:left; } #left-column-printhouse h1 { color:#fff; font:0.9em Helvetica, Arial, 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 Helvetica, Arial, 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 Helvetica, Arial, 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 Helvetica, Arial, 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 Helvetica, Arial, sans-serif; padding:0 0 6px 0; text-align:left; } #right-column-printhouse div h2 { color:#00a7b6; font:0.9em Helvetica, Arial, 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 Helvetica, Arial, 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 Helvetica, Arial, sans-serif; padding:2px; text-align:left; } #printhouse-prices th.lft { width:130px; } #printhouse-prices td { color:#000; font:200 0.75em Helvetica, 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 Helvetica, 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 Helvetica, Arial, sans-serif; text-align:left; padding:0 24px 3px 0; } /* FORMS */ form { color:#999; font:12px / 1.2em Helvetica, Arial, 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; } #searchcoll-wrapper, 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 #bbb; border-bottom:1px solid #bbb; border-left:1px solid #888; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:#444; background-color:#ccc; background-image:-moz-linear-gradient(top,#eeeeee,#cccccc); background-image:-o-linear-gradient(top,#eeeeee,#cccccc); background-image:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#cccccc)); background-image:-webkit-linear-gradient(top,#eeeeee,#cccccc); background-image:linear-gradient(top,#eeeeee,#cccccc); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',EndColorStr='#cccccc'); -moz-text-shadow:0px 1px 1px #eee; -webkit-text-shadow:0px 1px 1px #eee; text-shadow:0px 1px 1px #eee; -moz-box-shadow:inset 0px 0px 6px #ffffff; -webkit-box-shadow:inset 0px 0px 6px #ffffff; box-shadow:inset 0px 0px 6px #ffffff; } 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'); } input#sc { font-size:12px; height:12px; padding:0; margin:6px; outline:none; border:none; -moz-border-radius:none; -webkit-border-radius:none; border-radius:none; color:#444; background-color:transparent; background-image:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } input#sc:hover, input#sc:hover { color:#000; background-color:transparent; background-image:none; } .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; } .formsubmitsml { color:#fff; text-shadow:0px -1px 1px #960; background:#c90 !important;font-weight:bold; font-size:10px; text-align:center; padding:3px; margin:0; outline:none; border:1px solid #960; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; } .formsubmitsml:hover { background:#fc3 !important; } a.btnsubmit { display:block; clear:both; color:#fff; text-shadow:0px -1px 1px #960; background:#c90 !important; font-size:14px; font-weight:bold; text-decoration:none; text-align:center; height:36px; padding:12px; margin:20px 0; outline:none; border:1px solid #960; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; } a.btnsubmit:hover { color:#fff; background:#fc3 !important; } .error { color:#fff; font:1.0em Helvetica, Arial, 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 Helvetica, Arial, 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; } /* ********** NAVIGATION WIDGETS AND BUTTONS ********** */ .togglebtn { width:200px; clear:both; color:#fff; background:#000; margin-bottom:9px; padding:4px 6px; font-weight:normal; font-weight:200; cursor:pointer; } .togglebtn:hover { color:#fc3; text-decoration:none; } .togglebtng { width:200px; clear:both; color:#fc3; background:#000; margin-bottom:9px; padding:4px 6px; font-weight:normal; font-weight:200; cursor:pointer; } .togglebtng:hover { color:#fc3; text-decoration:none; } /* ********** Print Studio ********** */ #print_nav { width:200px; padding-right:16px; margin:0; float:left; z-index:800; } #print_nav h1 { color:#fff; font:200 1.0em Helvetica, Arial, sans-serif; text-align:left; text-transform:uppercase; margin:30px 0 0 0; padding:0 0 9px 0; } #print_nav p { color:#fff; font:200 0.8em Helvetica, Arial, sans-serif; text-align:left; border-bottom:1px solid #666; } #print_nav p.first { border-top:1px solid #666; } #print_nav a, #print_nav a:visited { color:#fff; text-decoration:none; padding:4px 0 3px 0; display:block; } #print_nav a:hover { color:#fc3; text-decoration:none; } #print_nav div p a, #portfolio_nav div p a:visited { color:#fff; text-decoration:none; padding:4px 0 3px 0; display:block; } #print_nav div p a:hover { color:#fc3; text-decoration:none; } #print_nav .pro_login { display:block; clear:both; float:right; padding:16px; } #print_nav .pro_login p { font:200 0.7em Helvetica, Arial, sans-serif; font-style:italic; padding:0; border:0; text-align:right; } #print_nav .pro_login a { color:#fc3; text-decoration:none; } #print_nav .pro_login a:hover { color:#fff; } #printstudio { float:right; width:700px; padding:16px; margin:0; background-color:#fff; z-index:800; } #printstudio, #printstudio form { color:#000; font-weight:200; font-size:12px; line-height:16px; font-family:Helvetica, Arial, sans-serif; } #printstudio h1 { color:#000; font:normal 200 2em Helvetica, Arial, sans-serif; margin:12px 0 0 0; padding:0; } #printstudio h2 { color:#000; font:normal 200 1.75em Helvetica, Arial, sans-serif; margin:12px 0 0 0; padding:0; } #printstudio h3 { color:#000; font:normal 200 1.5em Helvetica, Arial, sans-serif; margin:12px 0 0 0; padding:0; } #printstudio a { color:#000; text-decoration:none; } #printstudio a:hover { color:#fc3; } #left-column-studio { width:340px; padding:0 16px 0 0; margin:0; text-align:left; float:left; } #printstudio .left-column-studio { width:340px; padding:0 16px 0 0; margin:0; text-align:left; float:left; } #left-column-studio h1 { color:#000; font:normal 200 2em Helvetica, Arial, sans-serif; margin:12px 0 0 0; padding:0; } #left-column-studio h2 { color:#000; font:normal 200 1.75em Helvetica, Arial, sans-serif; margin:12px 0 0 0; padding:0; } #left-column-studio h3 { color:#000; font:normal 200 1.5em Helvetica, Arial, sans-serif; margin:12px 0 0 0; padding:0; } #left-column-studio p { color:#000; padding:6px 0 0 0; } #right-column-studio { width:340px; padding:0; margin:0; text-align:left; float:right; } #printstudio .right-column-studio { width:340px; padding:0; margin:0; text-align:left; float:right; } #right-column-studio h1 { color:#000; font:normal 200 1.5em Helvetica, Arial, sans-serif; padding:0; } #right-column-studio p { color:#000; padding:6px 0 0 0; } /* PRICE TABLES */ table.media { width:85%; font-size:0.8em; margin-bottom:1.5em; } table.media th { color:#fff; background:#000; padding:4px 6px 4px 6px; font-weight:normal; font-weight:200; } #livearea table.media th a { color:#fff; } #livearea table.media th a:hover { color:#fc3; } table.media td { color:#000; background:#fff; padding:4px 6px 0px 6px; } #livearea table.media td a { color:#000; } #livearea table.media td a:hover { color:#fc3; } table.media .left { text-align:left; } table.media .right { text-align:right; } table.media .desc { text-align:left; } table.media .weight { font-weight:100; font-style:italic; } table.media .cost { text-align:right; } table.discounts { width:auto; font-size:0.8em; margin:1.5em 0; } table.discounts th { color:#fff; background:#000; padding:4px 6px 4px 6px; font-weight:normal; font-weight:200; } #livearea table.discounts th a { color:#fff; } #livearea table.discounts th a:hover { color:#fc3; } table.discounts td { color:#000; background:#fff; padding:4px 6px 0px 6px; } #livearea table.discounts td a { color:#000; } #livearea table.discounts td a:hover { color:#fc3; } table.discounts .left { text-align:left; } /* 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:transparent; width:100%; min-height:165px; margin:0; padding:0; border-top:1px solid #fff; 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:#fff; font:10px Helvetica, Arial, sans-serif; filter:DropShadow(Color=#000, OffX=1, OffY=1, Positive=1); text-shadow:1px 1px 2px #000; margin:9px 0; padding:0; clear:right; } #copyright a, #copyright a:visited { color:#fff; } #copyright a:hover { color:#fc3; } #footernav { color:#fff; font:300 11px / 1.8em Helvetica, Arial, sans-serif; filter:DropShadow(Color=#000, OffX=1, OffY=1, Positive=1); text-shadow:1px 1px 2px #000; margin:6px 0; padding:0; } #footernav a, #footernav a:visited { color:#fff; 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; } /* 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'); }