/* CSS Style for web use of towerofjewels.com - started 4.19.2007 [CSS Map] - Header body | The tag. Has no margins and a background of tan, #F9F6EF, as well as default font information .TIVwrapper | Table that spans entire window. Has no padding, no spacing, no borders, and no background color .logostrip | Black stripe across entire site that is home to TOJ logo .navstrip | Stripe containing main navigation .navbar_outside | Navigation links in the header .navbar_inside | Navigation links in the header .navbar_title .breadcrumb | Stripe containing breadcrumbs #breadcrumb | Font for breadcrumbs .sidebar | Left column of site navigation .sidebar_title | TD for titles for sidebar .sidebar_content .sidebar_link .searchbox .searchbutton - Content .nocontent | TD to the right of site content. Has background image .ajaxcontent | Wrapper containing most of the content of the page, AJAX refreshable. Has padding on all sides and no border. .nopad | Standard table used throughout the site with no padding or spacing. - Footer .bottomstrip | Tan stripe that begins footer .footer | It's well, umm, its the footer. */ /*HEADER*/ body { height: 100%; width: 100%; margin: 0px; padding: 0px; background-color: #707070; /*background-image: url("https://secure.towerofjewels.com/images/site_images/header/ring_background.jpg");*/ /*background-image: url("/images/site_images/2011-background.gif");*/ /*background-attachment: fixed; background-position: bottom right; background-repeat: no-repeat; */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4C4B49; } .TIVwrapper { border: 0px; border-collapse: collapse; } .TIVwrapper, .TIVwrapper td { padding: 0px; margin: 0px; } .logostrip { background-color: #000000; } .navstrip { background-color: #b0b0b0; /*border-top: 1px solid #b3b3b4;*/ border-bottom: 1px solid #898989; border-top: 1px solid #b3b3b3; } a.navbar_outside, a.navbar_inside { margin-right: 10px; color: #333333; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } a.navbar_inside:hover, a.navbar_outside:hover { color: #1A1A1A; } .boxpad { background-color:#D2D2D2; border: 1px solid #898989; } .menupad td { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border-right: 0px solid #7f7f80; } .nopad td.navbar_inside { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #7f7f80; } .nopad td.navbar_outside { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border-left: 1px solid #898989; border-right: 1px solid #898989; } a.navbar_inside:hover, .a.navbar_outside:hover { background-color: #EEEEEE; } .nopad td.navbar_inside:hover, .nopad td.navbar_outside:hover { background-color: #EEEEEE; } .nopad td.navbar_title { font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 18px; color: #EAEAEA; } .nopad td.navbar_content { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #EAEAEA; } .nopad td.navbar_price { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #B5AB88; } .breadcrumb { background-color: #C9C0A0; border-bottom: 1px solid #E1D7D6; color: #444444; } a.breadcrumb_link { color: #444444; text-decoration: none; font-weight: bold; } .sidebar { /*background-color: #F9F6EF;*/ background-color: #FFFFFF; } .sidebar_menu { border: 1px solid #E7E1CB; } .nopad td.sidebar_title, .sidebar_title { padding-left: 4px; padding-right: 4px; padding-top: 1px; background-color: #CFC8AF; } .nopad td.sidebar_content { padding-left: 6px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; } a.sidebar_link { color: #4C4B49; text-decoration: none; } .sidebar_copy { color: #4C4B49; } .searchbutton { border: 0px; width:35px; height:19px; background-color:#EEEEEE; color: #4C4B49; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin: 0px; margin-right: 1px; margin-top: 2px; position: relative; top: -1px; } /*CONTENT*/ .nocontent { background-color: transparent; } .ajaxcontent { border-left: 0px solid #E1D7D6; border-right: 0px solid #E1D7D6; background-color: #FFFFFF; } .ajaxcontent td { border-collapse: collapse; border: 0px; padding-top: 35px; padding-left: 25px; padding-right: 25px; padding-bottom: 35px; margin: 0px; } .nopad, .nopad td { border-collapse: collapse; border: 0px; padding: 0px; margin: 0px; } a.box_header_link { color: #75574D; text-decoration: none; } .btn_checkout { display:inline; display:inline-block; width:160px; height: 22px; margin:0.2em; padding:3px; cursor:hand; cursor:pointer; background-color:#000000; border:0px; white-space:nowrap; font-size:10px; font-family: Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none; text-align:center; color:#FFFFFF; vertical-align:top; } /*FOOTER*/ .bottomstrip { background-color: #000000; border-bottom: 1px solid #000000; } .TIVwrapper td.footer { background-color: #d2d2d2; padding-top: 13px; padding-bottom: 10px; color: #666666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }