/* ---------------------------------------------------------------------------------- */ /* CSS created by Creation Force LLC - ALL RIGHTS RESERVED /* Duplication or alteration without prior written permission is strictly prohibited. /* ---------------------------------------------------------------------------------- */ /* ------------------------------- */ /* HTML Tag Reset /* ------------------------------- */ body, h1, h2, h3, p, ul, li, form {border: 0; margin: 0px; padding: 0px;} /* ------------------------------- */ /* Body /* ------------------------------- */ body {background-color: #FFFFFF;} img {display:block;} h1 {color: #494949; font-family: Arial, Helvetica, sans-serif; font-size: 22px;} /* ------------------------------- */ /* Layout Divs /* ------------------------------- */ #header_wrapper {margin: 0 auto; position: relative; background-image: url(Header-Background.jpg); background-position: center top; background-repeat: repeat-x;} #title_wrapper {margin: 0 auto; position: relative; background-image: url(Title-Background.jpg); background-position: center top; background-repeat: no-repeat; height: 295px;} #logo_wrapper {margin: 0 auto; position: relative; width: 900px;} #logo_content {width: 167px; float: left; position: relative;} #menu_wrapper {width: 525px; float: right; margin-right: 14px; margin-top: 56px;} #featured_wrapper {margin: 0 auto; position: relative; width: 900px;} #featured_content {width: 860px; float: left; position: relative; left: 21px;} #main_wrapper {clear: both; background-color: #FFFFFF;} #main_content {margin: 0 auto; position: relative; width: 900px;} #footer_wrapper { clear: both; margin: 0 auto; } #footer_content { margin: 0 auto; position: relative; width: 900px; border-top: solid #cccccc 1px; } #copyright_wrapper {clear: both;} #copyright_content {margin: 0 auto; position: relative; width: 900px;} /* ------------------------------- */ /* Wraps /* ------------------------------- */ .wrap1 {margin:0px;} .wrap2 {margin:5px;} .listing-wrap {margin:10px 5px 0px 5px; border: solid #c5c5c5 1px;} .title-wrap {margin:0px; border-bottom: solid #cccccc 1px;} .title-desc {margin:4px; background-color: #FFF9F0; padding: 2px;} .download-wrap {margin:4px; background-color: #FF6600; padding: 2px; border: solid #D95700 1px;} .pricing-wrap {margin:5px; border: solid #cccccc 1px; background-color: #F5F5F5;} .admin-menu-wrap {margin:5px; border: solid #0D0D0D 1px; background-color: #333333;} .client-login-wrap { width: 106px; margin-top: 0px; margin-right: 0px; float: right; } /* ------------------------------- */ /* Table Borders /* ------------------------------- */ .border_px2 {border:solid #F4F4F4 2px;} /* ------------------------------- */ /* Menu Nav /* ------------------------------- */ #menu_nav {list-style: none; float: left; width: 619px; margin: 0; padding: 0;} #menu_nav li {margin: 0; padding: 0; float: left; height: 40px;} #menu_nav li a {display: block; height: 40px; background-color: transparent;} #menu_nav a:hover {background-position: 0 -40px;} #menu_nav a.on {background-position: 0 -40px;} #home {width: 66px; background-image: url(../images/menu-home.gif);} #digital {width: 67px; background-image: url(../images/menu-digital.gif);} #fulfillment {width: 93px; background: url(../images/menu-fulfillment.gif);} #legal {width: 62px; background: url(../images/menu-legal.gif);} #onsite {width: 127px; background: url(../images/menu-onsite.gif);} #photobooks {width: 103px; background: url(../images/menu-photobooks.gif);} #about {width: 101px; background: url(../images/menu-about.gif);} /* ------------------------------- */ /* Topography /* ------------------------------- */ .p1 {color: #666666; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.7em;} .p1 a:link, .p1 a:visited, .p1 a:active {color: #666666;} .p1 a:hover {color: #FF6600;} .p2 {color: #666666; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .p2 a:link, .p2 a:visited, .p2 a:active {color: #666666;} .p2 a:hover {color: #FF6600;} .p3 {color: #666666; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .p3 a:link, .p3 a:visited, .p3 a:active {color: #666666;} .p3 a:hover {color: #FF6600;} .listing {color: #49809C; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .listing a:link, .listing a:visited, .listing a:active {color: #666666;} .listing a:hover {color: #54AFE7;} .archived {color: #FF0000; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .details_title {color: #3A8DA5; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-left: 5px; font-weight: bold;} .pagenum {color: #666666; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} .pagenum a:link, .pagenum a:visited, .pagenum a:active {color: #999999;} .pagenum a:hover {color: #368BA7;} .form-font {color: #6B6B6B; text-align: right; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .fineprint_red {font-size: 10px; color: #FF0000;} .footer {color: #3085AD; text-align: center; margin: 10px 0 0 0; padding: 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;} .footer a:link, .footer a:visited, .footer a:active {color: #AEA897;} .footer a:hover {color: #1A8CFF;} .blue_header {color: #0066CC; padding-left: 10px;} .tab-active {color: #446d9d; text-align: center; font-weight: bold; font-size: 14px; padding-top: 15px; font-family: Arial, Helvetica, sans-serif;} .tab-active a:link, .tab-active a:visited, .tab-active a:active {color: #446d9d;} .tab-active a:hover {color: #1A8CFF;} .tab-passive {color: #ffffff; text-align: center; font-weight: bold; font-size: 14px; padding-top: 15px; font-family: Arial, Helvetica, sans-serif;} .tab-passive a:link, .tab-passive a:visited, .tab-passive a:active {color: #ffffff;} .tab-passive a:hover {color: #333333;} .cart-title {color: #333333; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;} .download-title {color: #FFFFFF; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;} .photobook-title {color: #FFFFFF; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;} .p-download {color: #FFFFFF; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .p-download a:link, .p-download a:visited, .p-download a:active {color: #FFFFFF;} .p-download a:hover {color: #999999;} .admin-p1 {color: #F2F2F2; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .admin-p1 a:link, .admin-p1 a:visited, .admin-p1 a:active {color: #F2F2F2;} .admin-p1 a:hover {color: #0099cc;} h2 {color: #F99500; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 10px;} h3 {color: #FFFFFF; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 40px;} UL {font-size : 12px; font-family : Arial, Helvetica, sans-serif; color : #666666; list-style-image: url(/images/bullet.gif); padding-left: 25px; margin-left: 10px; line-height: 20px;} /* ------------------------------- */ /* NAV DROP DOWN /* ------------------------------- */ .dropmenudiv { position: absolute; top: 0px; left: 10px; font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Verdana, sans-serif; font-size: .8em; line-height: 1em; text-align: left; z-index: 100; background-color: #fff; width: 120px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ border-color: #E88D21; border-width: 0 1px 1px 1px; border-style: solid; } .dropmenudiv a { width: auto; display: block; border-bottom: #D4D4D4; padding: 8px; text-decoration: none; color: #e88d21; border-width: 0 0 1px 0; border-style: none none solid none; } * html .dropmenudiv a {/*IE only hack*/width: 100%;} .dropmenudiv a:hover {color: #636363; background-color: #EEE;}