/*"#A80F23" - RED "#4F5150" - DARK GREY "#A3A6A6" - LIGHT GREY "#BFE4F0" - LIGHT BLUE "#C0E6FB" Helvetica Roman Main headings e.g. “WELCOME” is currently 10pt. Body text is 7.5pt. Navigation is 6pt. Product name/numbers are in 6pt. Copyright is 6pt. Home | Contact us at top of page is 6pt */ * { /* outline: solid 1px black; */ } body { margin: 0; padding: 0; } a { color: #525353; /* dark grey */ text-decoration: none; } a:hover { color: #B90020; /* red */ text-decoration: none; } a:active { color: #A3A6A6; /* light grey */ } a.nav_selected { color: #B90020; /* red */ } a img { border: 0; } #pagewrapper { color: #4F5150; /* dark grey */ font-family: "Helvetica Neue", Helvetica, sans-serif; } #header { width: 100%; margin: 0 0 30px 0; } #header_nav { font-size: 7.5pt; margin: 40px 40px 10px 0; /*top right bottom left*/ text-align: right; } #header_bar { background-color: #BFE4F0; /* light blue */ height: 200px; } #header_bar #img_random { position: absolute; } #body { /* not html */ width: 920px; } #min_height_prop { float: right; width: 1px; height: 440px; } #sidebar { float: left; font-size: 7.5pt; width: 164px; margin: 0 15px 0 140px; display: inline; } #sidebar ul { list-style-type: none; margin: 0; padding: 0; } #sidebar li { margin: 0 0 6px 0; } #sidebar_content { margin: 20px 0 0; padding: 5px 0 0 0; border-top: solid 1px #888888; } #sidebar_content li.sidebar_content_heading, #sidebar_content li.sidebar_content_heading_active{ margin: 15px 0 15px 0; } #sidebar_content li.sidebar_content_heading_active a{ color: #A80F23; } #sidebar_content li.sidebar_item_active a { color: #A80F23; } #sidebar_content li.sidebar_content_subheading { margin: 15px 0 5px 0; } .right { float: right; } .left { float: left; } #body_content, #body_content_wide, #body_content_split { float: left; font-size: 7.5pt; line-height: 142%; } #body_content a, #body_content_wide a, #body_content_split a { text-decoration: underline; } #body_content { width: 240px; } #body_content_wide, #body_content_split { width: 600px; } #body_content h3, #body_content_wide h3, #body_content_split h3 { font-size: 10pt; font-weight: normal; margin: 0 0 16px 0; } #body_content p, #body_content_wide p, #body_content_split p { margin: 0 0 15px 0; } #body_content_split h3, #body_content_split h4, #body_content_split p { width: 220px; } #body_copyright { clear: both; font-size: 7.5pt; margin: 0 0 15px 320px; } p#nav_back { margin: 30px 0 0 0; } /* ----- Gallery Styling ----- */ #gallery_grid { float: right; width: 349px; margin: 0 0 0 10px; } #gallery_grid tr > td { padding: 0 10px 10px 0; } #gallery_entry_nav { list-style-type: none; margin: 0; padding: 0; } #gallery_entry_nav li { margin: 0 0 6px 0; } #gallery_entry_nav li.gallery_entry_nav_heading { margin: 15px 0 15px 0; } #gallery_spread ul { list-style-type: none; margin: 0; padding: 0; } .gallery_spread_item { -moz-inline-block; display: inline-block; width: 90px; margin: 0 5px 0 0; _height: 0; zoom: 1; /display: inline; } #gallery_detail_image { float: right; width: 349px; margin: 0 0 0 10px; } h4 { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 7.5pt; margin: 0; padding: 0; } #gallery_detail_prices { text-align: right; width: 220px; } /* ----- Gift Cards Letter Styling ----- */ #gift_cards_grid { float: right; width: 349px; margin: 0 0 0 10px; } #gift_cards_grid tr > td { padding: 0 10px 10px 0; } #gift_cards_nav { list-style-type: none; margin: 0; padding: 0; } #gift_cards_nav li { margin: 0 0 6px 0; } #cards_spread ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; } .cards_spread_item { -moz-inline-block; display: inline-block; width: 90px; margin: 0 5px 0 0; _height: 0; zoom: 1; /display: inline; } #sidebar_content ul#gift_cards_nav { margin: 15px 0 0 0; } /* ----- Clothing Styling ----- */ #clothing_grid { float: right; width: 349px; margin: 0 0 0 10px; } #clothing_grid tr > td { padding: 0 10px 10px 0; } #clothing_entry_nav { list-style-type: none; margin: 0; padding: 0; } #clothing_entry_nav li { margin: 0 0 6px 0; } #clothing_entry_nav li.clothing_entry_nav_heading { margin: 15px 0 15px 0; } #clothing_spread ul { list-style-type: none; margin: 0; padding: 0; } .clothing_spread_item { -moz-inline-block; display: inline-block; width: 90px; margin: 0 5px 0 0; _height: 0; zoom: 1; /display: inline; } #clothing_detail_image { float: right; width: 349px; margin: 0 0 0 10px; } #clothing_detail_prices { text-align: right; width: 220px; } /* ----- Painted Letter Styling ----- */ #letters_grid { float: right; width: 349px; margin: 0 0 0 10px; } #letters_grid tr > td { padding: 0 10px 10px 0; } /* ----- Gift Sets Styling ----- */ #gift_sets_grid { float: right; width: 349px; margin: 0 0 0 10px; } #gift_sets_grid tr > td { padding: 0 10px 10px 0; } /* ----- Links Styling ----- */ #links_grid { float: right; width: 349px; margin: 0 0 0 10px; } #links_grid tr > td { padding: 0 10px 10px 0; }