/*  ----------------------------------- PopMenu Magic Style Sheet by Project Seven Development www.projectseven.com Tommi Page Pack Horizontal 3 Column Fluid ----------------------------------- */ /*Background color is set to light tan and shows through only in the footer region and below.*/ body { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 101%; color: #333333; /*background-color: #ECE9D8;*/ background-image: url(images/hdr_bg.jpg); min-width: 760px; margin: 0; padding: 0; } /*The masthead contains the Tommi logo. Text is set to align right and right padding is set to 148px, so that the logo aligns with middle column. Background color is set to white.*/ #masthead { padding: 0 0px 8px 0; text-align: right; background-color: #FFFFFF; } /*The wrapper envelopes all page elements- including the masthead. It carries the white background color is set to white. Margin must be declared, even if it is zero, in order to  accomodate an IE-Windows workaround for min-width deployed in a conditional comment on the page. For more info on the workaround, see the readme_first file.*/ #pagewrapper { margin: 0; background-color: #FFFFFF; } /*The menubar DIV is the container for our menu. We set a background color. Font-size is set to .85em, setting the menu text size.*/ #menubar { font-size: 0.85em; background-color: #555555; color: #CCCCCC; } /*The maincontent TD is the left column that contains the page's main content. A background image is set to display at the top right edge. To give this image room to display, we set right padding to 72px.*/ #maincontent { font-size: 0.85em; background-image: url(images/tommy_lbghz.jpg); background-repeat: no-repeat; background-position: right top; padding: 12px 72px 12px 24px; line-height: 1.5em; } /*Paragraphs margins*/ #maincontent p, #sidecontent p { margin: 6px 0 8px; } /*The midcolumn TD is the center content cell. Nested inside are a decorative image and the news section. A gradient background image is assigned.*/ #midcolumn { width: 180px; background-image: url(images/tommy_sbgorge.jpg); background-repeat: repeat-y; background-color: #efefef; border-right: 1px solid #616161; font-size: .9em; border-left: 1px solid #616161; } /*This DIV sits at the top of the midcolumn table cell and contains a decorative image.*/ /*#artwork { border-bottom: 1px solid #000000; }*/ /*News contains news content. It's a DIV positioned below the artwork DIV. It's nested inside the midcolumn TD.*/ #news { padding: 12px; font-size: 0.85em; } /*Style attributes common to all level 1-4 headings*/ h1, h2, h3, h4 { margin: 0; line-height: normal; } /*Style attributes specific to all level 1 headings*/ h1 { border-bottom: 1px solid #686868; font-size: 1.8em; color: #663300 } /*Style attributes specific to all level 2 headings*/ h2 { font-size: 1.5em; margin: 30px 0 0; } /*Style attributes specific to all level 3-4 headings*/ h3, h4 { font-size: 1.35em; margin: 24px 0 0; color: #990000; } /*Sidecontent is the third content column.*/ #sidecontent { padding: 24px 24px 12px; width: 200px; font-size: 0.75em; } /*Style attributes specific to all level 4 headings in the sidecontent TD.*/ #sidecontent h4 { margin: 0; } /*Footer styles.*/ #footer { padding: 12px 24px; font-size: 0.75em; border-top: 1px solid #5B5B5B; color: #636363; } /*-----PAGE LINK STYLES --------*/ /*We assign specific link styles for links based upon the element that contains them.*/ #maincontent a:link, #sidecontent a:link { color: #003399; } #maincontent a:visited, #sidecontent a:visited { color: #6666CC; } #maincontent a:hover, #maincontent a:active, #maincontent a:focus, #sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus { color: #ff3300; text-decoration: none; } #news a:link { color: #666699; } #news a:visited { color: #666666; } #news a:hover, #news a:active, #news a:focus { color: #000000; } #footer a:link { color: #666699; } #footer a:visited { color: #666699; } #footer a:hover, #footer a:active, #footer a:focus { color: #000000; } /*-----PMM MENU STYLE UPDATES for this PAGE PACK-------*/ /*We turn off Tommi's default background image for the top-level menu items.*/ #p7PMnav li { background-image: none; } /*We set a subtle border to the right of each top-level menu item to visually define its box.*/ #p7PMnav a {border-right: 1px solid #777777;} /*WORK AROUND FOR IE5 (MAC ONLY) The single backslash \ character inside this comment causes IE5 Mac to ignore the following rule, which allows other browsers to render top-level menu items at their natural widths. DO NOT EDIT THIS COMMENT or the following rule. This rule should remain last in this style sheet.*/ #p7PMnav li { width: auto; } .px1 { border: 1px solid #990000; } .form_blocks { SCROLLBAR-FACE-COLOR: #cbcbcb; SCROLLBAR-HIGHLIGHT-COLOR: #cbcbcb; SCROLLBAR-SHADOW-COLOR: #4B4B4B; SCROLLBAR-3DLIGHT-COLOR: #4B4B4B; SCROLLBAR-ARROW-COLOR: #4B4B4B; SCROLLBAR-TRACK-COLOR: #cbcbcb; SCROLLBAR-DARKSHADOW-COLOR: #cbcbcb; background-color: #F0F4F9; font-size: 100%; border: 1px solid #000000; padding: 2px; font-family: Tahoma, Verdana, Arial; } .form_blocks_caps { SCROLLBAR-FACE-COLOR: #cbcbcb; SCROLLBAR-HIGHLIGHT-COLOR: #cbcbcb; SCROLLBAR-SHADOW-COLOR: #4B4B4B; SCROLLBAR-3DLIGHT-COLOR: #4B4B4B; SCROLLBAR-ARROW-COLOR: #4B4B4B; SCROLLBAR-TRACK-COLOR: #cbcbcb; SCROLLBAR-DARKSHADOW-COLOR: #cbcbcb; background-color: #F0F4F9; font-size: 100%; border: 1px solid #000000; padding: 2px; font-family: Tahoma, Verdana, Arial; text-transform: capitalize; } .form_postcode { SCROLLBAR-FACE-COLOR: #cbcbcb; SCROLLBAR-HIGHLIGHT-COLOR: #cbcbcb; SCROLLBAR-SHADOW-COLOR: #4B4B4B; SCROLLBAR-3DLIGHT-COLOR: #4B4B4B; SCROLLBAR-ARROW-COLOR: #4B4B4B; SCROLLBAR-TRACK-COLOR: #cbcbcb; SCROLLBAR-DARKSHADOW-COLOR: #cbcbcb; background-color: #DBB8B0; font-size: 100%; border: 1px solid #000000; padding: 2px; font-family: Tahoma, Verdana, Arial; text-transform: uppercase; } .form_red { background-color: #DBB8B0; font-size: 100%; border: 1px solid #000000; padding: 2px; font-family: Tahoma, Verdana, Arial; } .form_red_caps { background-color: #DBB8B0; font-size: 100%; border: 1px solid #000000; padding: 2px; font-family: Tahoma, Verdana, Arial; text-transform: capitalize;