/* Layout */ body {background: #d0c6b4 url(../images/layout_body_bg.jpg); margin: 0; padding: 0} body, table {font: bold 12px/18px trebuchet ms, verdana, arial; color: #3f3826} #container {width: 718px; margin: 0 auto} #head {width: 718px; height: 81px} #nav {width: 415xp; margin-top: 67px; float: right} #nav a {height:13px; display: block; float: left; cursor: hand} #content_wrap {margin: 10px 0 0 0; padding: 0; width: 718px; height: 100%;} #home_text {width: 275px; float: left; margin: 20px 0 0 5px} #sub_text {width: 705px; margin: 20px 5px} #form_wrap {width: 708px; margin: 20px 5px} #thumbs {margin-top: 20px} #footer {width: 718px; height: 150px} #footer_logos {margin-top: 10px; float: left} #footer_links {margin-top: 15px; float: right} .clear {clear: both} .fade_line {margin: 0 auto; display: block; margin-top: 20px} #pricing_key {background: url(../images/pricing_key.gif) no-repeat; width: 222px; height: 114px; margin-left: 15px; padding: 5px 10px 10px 15px; float: left; line-height: 14px} /* Forms */ .hide {display: none} .show {display: block} .swatch {display: none; width: 30px; height: 20px; border: solid 1px #000; float: left; margin-right: 10px} /* Links */ a:link, a:visited {color: #3f3826; text-decoration: underline} a:hover {color: #a82d2f} a.page:link, a.page:visited {font: bold 12px/18px trebuchet ms, verdana, arial; color: #3f3826; text-decoration: none; margin-left: 5px} a.page:hover {color: #a82d2f} a.active {font-weight: bold; color: #a82d2f; cursor: default; text-decoration: none; margin-left: 5px} .details a.red {background: url(../images/mag_glass.gif) no-repeat; padding-left: 25px; margin-top: 3px; font: 12px trebuchet ms, verdana, arial; color: #3f3826; text-decoration: none; float: left} .details a.red:hover {color: #a82d2f; cursor: hand} #footer_links a:link, #footer_links a:visited {font: 10px trebuchet ms, verdana, arial; color: #7a7b7f; text-decoration: none; margin: 0} #footer_links a:hover {color: #a82d2f} .order_1 a:link, .order_1 a:visited {background: url(../images/cart.gif) no-repeat; padding-left: 30px; margin-top: 3px; font: bold 12px trebuchet ms, verdana, arial; color: #3f3826; text-decoration: none; float: right} .order_1 a:hover {color: #a82d2f; cursor: hand} .back a {margin-top: 10px; text-decoration: none; float: right} /* Text */ .required {font-size: 22px; color: #a82d2f; vertical-align: bottom} .title {color: #a82d2f; text-transform: uppercase; margin-bottom: 10px; display: block} .logo_title {font: bold 16px trebuchet ms, verdana, arial; color: #a82d2f; text-decoration: none; display: block} .answer {margin-left: 15px; display: block} .quote {width: 275px; margin: 20px 0 0 5px; font: italic 11px/18px trebuchet, verdana, arial; float: left} .quote2 {font: italic 11px/18px trebuchet ms, verdana, arial; font-weight: bold} .quote .name, .quote2 .name {font-style: normal; font-weight: bold; float: right; text-align: right} .big_red {font-weight: bold; font-style: italic; font-size: 16px; color: #a82d2f; margin-bottom: 10px} .red_10 {font-size: 10px; font-weight: normal; color: #a82d2f} .red_12 {font-size: 12px; font-weight: bold; color: #a82d2f} .black_10 {font-size: 10px; font-weight: normal; color: #3f3826 } blockquote {margin: 0 0 0 25px} /* Info Boxes */ .box_head, .box_body {width: 350px; padding: 5px; border: solid 1px #3f3826;} .box_head {background: #d3cbbd; font: bold 17px trebuchet ms, verdana, arial; color: #a82d2f} .box_body {background: #e8e8e8; font: normal 12px trebuchet ms, verdana, arial; color: #3f3826; border-width: 0 1px 1px 1px} /* Headings */ h1 {font: bold 17px trebuchet ms, verdana, arial; color: #a82d2f; margin: 10px 0} h2 {font: bold 12px trebuchet ms, verdana, arial; color: #a82d2f; margin: 10px 0 0 0} hr {margin: 3px} /* Lists */ ul, ol {margin-top: 0; margin-bottom: 5px} li.faq {list-style-type: none} /* Navigation */ #index {width: 53px; background-image: url(../images/nav/home.png)} #index:hover, .index {background-image: url(../images/nav/home_on.png)} #about {width: 61px; background-image: url(../images/nav/about.png)} #about:hover, .about {background-image: url(../images/nav/about_on.png)} #packages {width: 82px; background-image: url(../images/nav/packages.png)} #packages:hover, .packages {background-image: url(../images/nav/packages_on.png)} #gallery {width: 70px; background-image: url(../images/nav/gallery.png)} #gallery:hover, .gallery {background-image: url(../images/nav/gallery_on.png)} #faqs {width: 51px; background-image: url(../images/nav/faqs.png)} #faqs:hover, .faqs {background-image: url(../images/nav/faqs_on.png)} #testimonials {width: 98px; background-image: url(../images/nav/testimonials.png)} #testimonials:hover, .testimonials {background-image: url(../images/nav/testimonials_on.png)} * html a#index {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/home.png', sizingMethod='image')} * html a#index:hover {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/home_on.png', sizingMethod='image')} * html a#about {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/about.png', sizingMethod='image')} * html a#about:hover {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/about_on.png', sizingMethod='image')} * html a#packages {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/packages.png', sizingMethod='image')} * html a#packages:hover {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/packages_on.png', sizingMethod='image')} * html a#gallery {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/gallery.png', sizingMethod='image')} * html a#gallery:hover {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/gallery_on.png', sizingMethod='image')} * html a#faqs {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/faqs.png', sizingMethod='image')} * html a#faqs:hover {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/faqs_on.png', sizingMethod='image')} * html a#testimonials {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/testimonials.png', sizingMethod='image')} * html a#testimonials:hover {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/testimonials_on.png', sizingMethod='image')} * html a#view_gallery {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/view_gallery.png', sizingMethod='image')} * html a#view_gallery:hover {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav/view_gallery_on.png', sizingMethod='image')} /* Lightbox */ #lightbox {left: 0; line-height: 0; position: absolute; top: 20px; width: 100%; z-index: 100; text-align: center} #lightbox a img {border: none} #outerImageContainer {background-color: #d3cbbd; width: 300px; height: 100px; margin: 0 auto; position: relative;} #imageContainer {padding: 10px} #loading {width: 100%; height: 25%; left: 0%; line-height: 0; position: absolute; text-align: center; top: 40%} #hoverNav {height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10} #imageContainer>#hoverNav {left: 0} #hoverNav a {outline: none} #prevLink, #nextLink{background: transparent url(../images/blank.gif) no-repeat; display: block; height: 100%; width: 49%} #prevLink {float: left; left: 0} #nextLink {float: right; right: 0} #prevLink:hover, #prevLink:visited:hover {background: url(../images/prevlabel.gif) left 15% no-repeat} #nextLink:hover, #nextLink:visited:hover {background: url(../images/nextlabel.gif) right 15% no-repeat} #imageDataContainer {background-color: #FFF; margin: 0 auto} #imageData {padding: 10px} #imageData #imageDetails {float: left; text-align: left; width: 70%} #imageData #caption {font-weight: bold; } #imageData #numberDisplay {clear: left; display: block} #imageData #bottomNavClose{float: right; width: 21px} .order_2 {background-color: #FFF; background-repeat: no-repeat; padding: 20px 0 50px 300px; margin-bottom: 20px; width: 70%; font-size: 10px; line-height: 12px; color: #a82d2f;} .order_2 a:link, .order_2 a:visited {background: url(../images/cart.gif) no-repeat; padding-left: 30px; font: bold 12px/18px trebuchet ms, verdana, arial; color: #a82d2f; text-decoration: none; text-transform: uppercase} .order_2 a:hover {color: #a82d2f; text-decoration: underline} #asian {background-image: url(../images/print_packs/logo_asian.gif)} #leather {background-image: url(../images/print_packs/logo_leather.gif)} #music {background-image: url(../images/print_packs/logo_music.gif)} #orchid {background-image: url(../images/print_packs/logo_orchid.gif)} #sari {background-image: url(../images/print_packs/logo_sari.gif)} #stained_glass {background-image: url(../images/print_packs/logo_stained-glass.gif)} #swirl {background-image: url(../images/print_packs/logo_swirl.gif)} #flora {background-image: url(../images/print_packs/logo_flora.gif)} #face {background-image: url(../images/print_packs/logo_face.gif)} #pearl {background-image: url(../images/print_packs/logo_pearl.gif)} #dolphin {background-image: url(../images/print_packs/logo_dolphin.gif)} #wave {background-image: url(../images/print_packs/logo_wave.gif)} #urban {background-image: url(../images/print_packs/logo_urban.gif)} #triangle {background-image: url(../images/print_packs/logo_triangle.gif)} #rock {background-image: url(../images/print_packs/logo_rock.gif)} #retro {background-image: url(../images/print_packs/logo_retro.gif)} #joe_blow {background-image: url(../images/print_packs/logo_joe-blow.gif)} #flower {background-image: url(../images/print_packs/logo_flower.gif)} #fleur {background-image: url(../images/print_packs/logo_fleur.gif)} #penguin {background-image: url(../images/print_packs/logo_penguin.gif)} #dental_health {background-image: url(../images/print_packs/logo_dental-health.gif)} #clean {background-image: url(../images/print_packs/logo_clean.gif)} #butterfly {background-image: url(../images/print_packs/logo_butterfly.gif)} #high_tech {background-image: url(../images/print_packs/logo_high_tech.gif)} #metro {background-image: url(../images/print_packs/logo_metro.gif)} #sand_pearl {background-image: url(../images/print_packs/logo_sand_pearl.gif)} #spa {background-image: url(../images/print_packs/logo_spa.gif)} #tech_ortho {background-image: url(../images/print_packs/logo_tech_ortho.gif)} #dental_elite {background-image: url(../images/print_packs/logo_dental_elite.gif)} #urban_city {background-image: url(../images/print_packs/logo_urban_city.gif)} #overlay {background-color: #71645e; height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 90; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8} .clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden} * html>body .clearfix {display: inline-block; width: 100%} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }