/* ---------- DEV TOOLS ---------- */


/* *

div#overlay {
width:100%;
height:1200px;
padding:0;
margin:0;
position:absolute;
background:url("/images/site-images/_dev-tools/baseline-grid.gif") top center;
/background:url("/images/site-images/_dev-tools/proof.png") top center no-repeat;
opacity:1;
opacity:0;
opacity:.3;
z-index:100;
}

/*

html {
background:url("/images/site-images/_dev-tools/baseline-grid-soft.gif") top center;
}

/* --------------------------------- */
/* ----------- TYPOGRAPHY ---------- */
/* --------------------------------- */



body {
font-size:93.75%;
font-family:helvetica;
color:#222;
}
html>body {
font-size:15px;
}

p, ul, ol {
line-height:1.6em; /* 24px */
margin-bottom:.8em; /* 12px */
}

h1 {
font-size:2.53333em; /* 38px */
line-height:.94736em; /* 36px */
margin-bottom:0;
font-weight:bold;
}

h2 {
font-size:1.2em; /* 18px */
line-height:1.3333em; /* 24px */
margin-bottom:.7em; /* 12px - should be .66666 but it rounds funnily*/
font-weight:bold;
}

h3 {
font-size:1em;
font-weight:bold;
line-height:1.6em; /* 24px */
margin-bottom:.8em; /* 12px */
font-style:italic;
}

h4 {
font-size:1em;
font-weight:normal;
line-height:1.6em; /* 24px */
margin-bottom:.8em; /* 12px */
font-style:italic;
}

ul li {
list-style: none;
margin-bottom:0;
padding-left:22px;
background:url("/images/site-images/list-arrow.gif") no-repeat 0 4px;
}

ol li {
list-style:decimal inside;
margin-bottom:0;
}

em {
font-style:italic;
}
strong {
font-weight:bold;
}

a {
	color:#D12142;
	text-decoration:none;
}

a:hover {
text-decoration:underline!important;
}

a:hover h2 { /* for FF */
text-decoration:underline!important;
}

input, textarea, select {
color:#222;
}
/* ------------------------------------ */
/* ---------- PAGE STRUCTURE ---------- */
/* ------------------------------------ */

html, body {
	height:100%;
}

body {
	background:url("/images/site-images/body-bg.jpg") top center repeat-x;
}

div#container {
	width:860px;
	padding:0 30px;
	margin:0 auto -9em;
	min-height:100%;
	height:auto!important;
	height:100%;
}

div#content {
	margin-bottom:50px;
}

/* ------------------------------------------ */
/* ---------- COMMON PAGE ELEMENTS ---------- */
/* ------------------------------------------ */

/* ---------- DEFAULT LAYOUT ---------- */

h1 {
margin-top:28px;
margin-bottom:3px;
}
body.default h1 {
padding-left:220px;
}

body.default #sub-nav-bar {
width:200px;
float:left;
min-height:10px; /* maintain layout when sub nav bar is empty */
}

body.default #main-content {
width:420px;
float:left;
margin-left:20px;
background:url("/images/site-images/rule-thin.gif") top left no-repeat;
padding-top:14px;
display:inline; /* Fix IE double margin float */
}

body.default #side-bar {
width:200px;
padding-left:20px;
float:right;
background:url("/images/site-images/rule-thin.gif") top left no-repeat;
padding-top:14px;
}

body.default #main-content img, body.default #side-bar img {
padding:5px;
background:url("/images/site-images/img-bg.jpg");
margin:4px 0 8px 0;
}

/* if img is within body text, remove margins */
body.default #main-content p img, body.default #main-content h1 img, body.default #main-content h2 img, body.default #main-content h3 img {
margin:0px;
}



/* ---------- LEFT SIDE BAR VERSION ---------- */

body.left-side-bar div#main-content {
width:640px;
margin-left:0px;
padding-left:0;
float:right;
}
body.left-side-bar div#side-bar {
padding-left:0;
padding-right:20px;
}

/* ---------- SEARCH RESULTS ---------- */

body.left-side-bar ul.search-results li {
padding-left:0;
list-style:none;
background:url("/images/site-images/rule-thin.gif") bottom left no-repeat;
padding-bottom:12px;
margin-bottom:.75em;
}
body.left-side-bar ul.search-results li p {
margin-bottom:0;
}

/* ---------- UTILITY BAR ---------- */

div#utility-bar {
	text-align:right;
	padding-top:9px;
height:30px;
background:url("/images/site-images/utility-bar-bg.jpg");
}

div#utility-bar ul {
	display:inline;
	list-style: none;
	margin-right:3px;
}
div#utility-bar li {
	display:inline;
	margin-right:10px;
font-size:1.05em;
padding-left:0;
background:none;
}
div#utility-bar li a {
	color:white;
	text-decoration:none;
}
div#utility-bar form {
	display:inline;
position:relative;
top:-1px;
}
div#utility-bar label {
color:white;
}
div.hiddenFields {
	display:none;
}

div#utility-bar input#keywords {
padding:2px 3px 0px 2px;
border:1px solid #AAA;
width:167px;
}
div#utility-bar input.submit {
background:transparent url("/images/site-images/search-btn.gif") top left no-repeat;
border:none;
text-indent:-999em;
width:19px;
height:19px;
cursor:pointer;
margin-left:3px;
}

/* ---------- HEADER ---------- */

div#header {
	margin-top:14px;
	position:relative;
	padding-top:53px;
}
div#header h2 { /* ST LOGO */
	text-indent:-999em;
	display:block;
	width:73px;
	height:74px;
	background:url("/images/site-images/spare-tyre-logo.gif") no-repeat;
	position:absolute;
	top:0;
	left:0;
}

/* ---------- MAIN NAV ---------- */

div#header #main-nav {
width:860px;
background:url("/images/site-images/nav-curly-brace-bg.gif") left bottom no-repeat;
height:67px;
margin-bottom:28px;
}
div#header #main-nav ul {
float:right;
list-style: none;
display:block;
/*height:63px;*/
}
div#header ul li {
padding-left:0;
background:none;
margin-left:11px;
height:48px;
display:block;
float:left;
}





div#header ul li a {
	font-size:1.2em; /* 18px */
	font-weight:bold;
	text-decoration:none;
	color:#222;
	word-spacing:-1px;
}
div#header ul li.selected {
	background:url("/images/site-images/nav-curly-brace-selected.gif") center bottom no-repeat;
}
div#header ul li.selected a {
	color:#D12142;
}
div#header ul li.selected a:hover {
	text-decoration:none!important;
}

div#header ul li a:hover {
	color:#D12142;
}

body#contact-us div#header ul li.selected {
	background:url("/images/site-images/nav-curly-brace-selected-support-us.gif") right bottom no-repeat;
}


/* ---------- SUB NAV ---------- */

ul#sub-nav {
margin-bottom:24px;
}
ul#sub-nav li {
padding-left:0;
background:none;
list-style: none;
background:url("/images/site-images/rule-thin.gif") top left no-repeat;
font-size:1.2em; /* 18px */
line-height:1.3333em; /* 24px */
padding-top:14px;
padding-bottom:10px;
margin:0;
font-weight:bold;
}
ul#sub-nav li.selected {
padding-top:12px;
}
ul#sub-nav li.selected a {
color:#222;
display:block;
padding-top:2px;
background:url("/images/site-images/sub-nav-star.gif") right top no-repeat;
cursor:default;
text-decoration:none!important;
}

/* ---------- MAILING LIST ---------- */

div#mailing-list {
background:url("/images/site-images/rule-thick.gif") top left no-repeat;
padding-top:14px;
}
div#mailing-list h2 {
text-indent:-999em;
width:200px;
height:69px;
background:url("/images/site-images/join-mailing-list-no-js.gif") top left no-repeat;
margin-bottom:12px;
}
div#mailing-list label {
display:block;
padding-bottom:10px;
}

/* new, since we're having label outside... */
div#mailing-list label {
display:block;
margin-top:10px;
padding-bottom:3px;
}

div#mailing-list input#jrtjkd-jrtjkd {
width:155px;
height:19px;
padding:4px 0 0 3px;
border:1px solid #666;
border-width:0 1px;
float:left;
background:url("/images/site-images/rule-thin.gif") bottom left no-repeat;
}

div#mailing-list form div {
background:url("/images/site-images/rule-thin.gif") top left no-repeat;
padding-top:1px;
}

div#mailing-list input#submit {
background:transparent url("/images/site-images/show-all-link-bg.gif") top right no-repeat;
border:none;
color:white;
height:24px;
margin-top:-1px;
cursor:pointer;
margin-bottom:12px;
width:40px!important;
padding:0;
}

input#submit {
background:transparent url("/images/site-images/show-all-link-bg.gif") top right no-repeat!important;
border:none!important;
color:white!important;
height:24px!important;
cursor:pointer!important;
margin-bottom:12px;
width:auto!important;
padding:0 6px!important;

font-weight:bold;
text-shadow: 0 0 0 #000;
}

/* ---------- FOOTER ---------- */

div#footer, div#push {
	height:9em;
	width:860px;
	margin:0 auto;
}
div#push {
clear:both;
padding-top:30px; /* bit experimental - going to use this to control gap above footer. If it doesn't work, add a clearing div above push div */
}

div#footer-wrapper { /* bit experimetal - trying to stop footer touching left side on small windows */
	padding:0 30px;
	margin:0 auto;
}
div#footer {
	background:#F2F2E8 url("/images/site-images/footer-bg.gif") top left no-repeat;
}
div#footer p {
padding:66px 20px 10px 273px;
font-size:12px;
line-height:16px;
background:url("/images/site-images/footer-logos2.gif") 20px 63px no-repeat;
}
div#footer p, div#footer a {
	color:#555;
}
div#footer a {
	text-decoration:underline;
}
div#footer p.links{
padding:58px 20px 0 0px;
	float:right;
background:none;
	text-align:right;
font-size:15px;
line-height:24px;
}
div#footer p.links a {
	margin-left:6px;
}

/* ---------- SMALL PAGE ELEMENTS ---------- */

.hidden {
	display:none!important;
}

/* Media icons */

h2.video {
padding-top:39px;
background:url("/images/site-images/icons/video.gif") top left no-repeat;
margin-bottom:9px;
}
h2.audio {
padding-top:39px;
background:url("/images/site-images/icons/audio.gif") top left no-repeat;
margin-bottom:9px;
}
h2.photos {
padding-top:39px;
background:url("/images/site-images/icons/photos.gif") top left no-repeat;
margin-bottom:9px;
}

h2.mixed {
padding-top:39px;
background:url("/images/site-images/icons/mixed.gif") top left no-repeat;
margin-bottom:9px;
}

div#sub-nav-bar p.show-all {
font-size:1.2em; /* 18px */
line-height:1.3333em; /* 24px */
margin-bottom:58px;
font-weight:bold;
}

.first-in-row {
clear:both!important;
}
.last-in-row {
margin-right:0!important;
}

#main-content p.show-all { /* eg in news stories/case studies */
margin-bottom:7px;
margin-top:-2px;
}
#main-content p.show-all a:hover {
text-decoration:none!important;
}
body.news #main-content p.show-all { /* eg in news stories/case studies */
margin-bottom:14px;
}


#main-content p.show-all a { /* eg in news stories/case studies */
background:url("/images/site-images/show-all-link-bg.gif") center left repeat-x;
background:url("/images/site-images/show-all-link-bg.gif") bottom left repeat-x;
color:white;
padding:5px 7px 3px 15px;
}

.no-border {
background:none!important;
padding:0!important;
}

.toggle-link-closed {
padding-left:18px;
background:url("/images/site-images/toggle-link-closed.gif") no-repeat center left;
cursor:pointer;
color:#D12142;
}
.toggle-link-open {
padding-left:18px;
background:url("/images/site-images/toggle-link-open.gif") no-repeat center left;
cursor:pointer;
color:#D12142;
}

hr {
border:none;
height:1px;
background:url("/images/site-images/rule-thin.gif") 0 1px no-repeat;
padding-top:11px;
}

img.img-190x127 {
padding:5px;
background:url("/images/site-images/img-bg-190x127.jpg")!important;
}
img.img-410x274 {
padding:5px;
background:url("/images/site-images/img-bg-410x274.jpg")!important;
}

/* ------------------------------------ */
/* ---------- SPECIFIC PAGES ---------- */
/* ------------------------------------ */



/* ---------- HOME ---------- */


body#home div#header #main-nav {
margin-bottom:5px; /* tighten gap after nav on home page */
}

body#home div#header h1 {
	width:860px;
	height:342px;
	padding:0 30px;
	margin:0 0 32px -30px;
	clear:both;
	text-indent:-999em;
	display:block;
	background:url("/images/site-images/pages/home/portraits/1.jpg") top left no-repeat;
}
body#home.homepage-pic-2 div#header h1 {background:url("/images/site-images/pages/home/portraits/2.jpg") top left no-repeat;}
body#home.homepage-pic-3 div#header h1 {background:url("/images/site-images/pages/home/portraits/3.jpg") top left no-repeat;}
body#home.homepage-pic-4 div#header h1 {background:url("/images/site-images/pages/home/portraits/4.jpg") top left no-repeat;}
body#home.homepage-pic-5 div#header h1 {background:url("/images/site-images/pages/home/portraits/5.jpg") top left no-repeat;}

/* headings are marked up differently on home page - h2s are treated as h1s, h3s as h2s... */
body#home #content h2 {
font-size:2.53333em; /* 38px */
line-height:.94736em; /* 36px */
margin-bottom:0; /* 12px - should be .66666 but it rounds funnily*/
font-weight:bold;
letter-spacing:-2px;
}
body#home #content h3 {
font-size:1.2em; /* 18px */
line-height:1.3333em; /* 24px */
margin-bottom:.7em; /* 12px - should be .66666 but it rounds funnily*/
font-style:normal;
}

/* Main content */

body#home #main-content {
width:640px;
float:left;
background:url("/images/site-images/rule-thick.gif") top left no-repeat;
}
body#home #main-content h2 {
width:200px;
float:left;
margin-bottom:0;
}
body#home #main-content h3, body#home #main-content p {
width:200px;
float:left;
margin-bottom:0px; /* not sure why it needs the extra px... */
}
body#home div#whats-on li, body#home div#watch-and-listen li {
padding-left:0;
list-style: none;
width:420px;
float:right;
background:url("/images/site-images/rule-thin.gif") bottom left no-repeat;
margin-bottom:9px;
}
body#home div#whats-on li.last, body#home div#watch-and-listen li.last {
background:none;
margin-bottom:-1px;
}
body#home div#whats-on img, body#home div#watch-and-listen img {
background:url("/images/site-images/img-bg-190x127.jpg");
padding:5px;
margin-bottom:10px;
float:right
}
body#home div#whats-on, body#home div#watch-and-listen {
clear:both;
background:url("/images/site-images/rule-thick.gif") top left no-repeat;
padding-top:15px;
}
body#home #main-content h3 {
padding-top:48px;
padding-top:40px;
}
body#home #whats-on h3 {
background:url("/images/site-images/icons/event.gif") top left no-repeat;
}
body#home #watch-and-listen li.video h3 {
background:url("/images/site-images/icons/video.gif") top left no-repeat;
}
body#home #watch-and-listen li.audio h3 {
background:url("/images/site-images/icons/audio.gif") top left no-repeat;
}
body#home #watch-and-listen li.photos h3 {
background:url("/images/site-images/icons/photos.gif") top left no-repeat;
}
body#home #watch-and-listen li.mixed h3 {
background:url("/images/site-images/icons/mixed.gif") top left no-repeat;
}

body#home #main-content ul li p {
margin-bottom:6px!important;
}
/* Side bar */

body#home div#side-bar {
width:200px;
float:right;
background:url("/images/site-images/rule-thick.gif") top left no-repeat;
padding-top:15px;
}

/* News */

body#home div#news {
min-height:307px;
float:left;
width:100%;
}
body#home div#news h2 {
padding-bottom:0px;
margin-bottom:13px;
}
body#home div#news ul {
margin-bottom:0;
}
body#home div#news li {
padding-left:0;
background:none;
font-size:1.2em; /* 18px */
line-height:1.3333em; /* 24px */
margin-bottom:0;
font-weight:bold;
list-style: none;
}
body#home div#news li, body#home div#news p {
background:url("/images/site-images/rule-diamonds.gif") top center no-repeat;
padding-top:21px;
padding-bottom:3px;
}
body#home div#news p {
padding-top:22px; /* not sure why the P needs extra padding */
}
/* Mailing list */

body#home div#mailing-list {
padding-top:15px;
float:left;
width:100%;
}

/* ---------- NEWS ---------- */

div.news-story-listing {
background:url("/images/site-images/rule-diamonds.gif") bottom center no-repeat;
padding-bottom:17px;
margin-bottom:7px;
}

div.news-story-listing h2, div.news-story-listing p {
margin-bottom:0;
}

/* ---------- WHAT'S ON LISTING PAGE ---------- */

body#whats-on.listings h1.previous {
margin-top:40px;
}
body#whats-on.listings ul.whats-on-list {
background:url("/images/site-images/rule-thin.gif") top left no-repeat;
padding-top:14px;
float:left;
width:100%;
}
body#whats-on.listings ul.whats-on-list li {
padding-left:0;
background:none;
width:200px;
float:left;
margin-right:20px;
list-style: none;
margin-bottom:27px;
display:inline; /* Fix IE double margin float */
}
body#whats-on.listings ul.whats-on-list li img {
background:url("/images/site-images/img-bg-190x127.jpg");
padding:5px;
margin-bottom:0px;
margin-top:4px;
}
body#whats-on.listings h2 {
margin-bottom:0;
padding:0;
}

/* ---------- WHAT'S ON SHOW PAGE ---------- */

body#whats-on.default div#current-shows {
background:url("/images/site-images/rule-diamonds.gif") top center no-repeat;
padding-top:25px;
margin-top:25px;
}

body#whats-on.default div#current-shows ul {
background:url("/images/site-images/rule-thin.gif") bottom center no-repeat;
padding-bottom:12px;
}

body#whats-on.default div#current-shows ul li, body#whats-on.default div#current-shows h2 {
padding-left:0;
background:none;
list-style: none;
font-size:1.2em; /* 18px */
line-height:1.3333em; /* 24px */
margin-bottom:0; /* 12px - should be .66666 but it rounds funnily*/
font-weight:bold;
}

body#whats-on.default p.date-and-location {
background:url("/images/site-images/rule-thin.gif") bottom center no-repeat;
padding-bottom:8px;
font-size:1.2em; /* 18px */
line-height:1.3333em; /* 24px */
margin-bottom:16px;
font-weight:bold;
}


/* ---------- WATCH & LISTEN LISTING PAGE ---------- */

body#watch-and-listen.listings div#filters {
background:url("/images/site-images/rule-thin.gif") top left no-repeat;
padding-top:8px;
float:left;
width:100%;
}
body#watch-and-listen.listings div#filters p, body#watch-and-listen.listings div#filters li, body#watch-and-listen.listings div#filters ul {
float:left;
}
body#watch-and-listen.listings div#filters li {
list-style: none;
margin-left:8px;
background:url("/images/site-images/pipe.gif") 0 1px no-repeat;
padding-left:9px;
}
body#watch-and-listen.listings div#filters li.first {
background:none;
padding-left:0;
}
body#watch-and-listen.listings p.pagination {
float:right!important;
margin-bottom:7px;
}
body#watch-and-listen.listings p.pagination {
clear:both;
}
body#watch-and-listen.listings #filters p.pagination {
clear:none;
}

body#watch-and-listen.listings ul.watch-and-listen-list {
float:left;
margin-top:21px;
background:url("/images/site-images/rule-thin.gif") bottom left no-repeat;
width:100%;
margin-top:-17px;
}
body#watch-and-listen.listings ul.watch-and-listen-list li {
padding-left:0;
background:none;
list-style: none;
width:200px;
float:left;
margin-right:20px;
margin-top:38px;
display:inline; /* Fix IE double margin float */
}
body#watch-and-listen.listings ul.watch-and-listen-list li img {
background:url("/images/site-images/img-bg-190x127.jpg");
padding:5px;
margin-bottom:0px;
}
/* Not sure if i need these - might be better to match spacing on other pages? */
body#watch-and-listen.listings ul.watch-and-listen-list li h2 {
padding-top:42px;
margin-top:2px;
}
/* ---------- WATCH & LISTEN MEDIA PAGE ---------- */

body#watch-and-listen.default div#sub-nav-bar {
background:url("/images/site-images/rule-thin.gif") top left no-repeat;
padding-top:14px;
margin:0;
}
body#watch-and-listen.default div#sub-nav-bar h2 {
margin-bottom:0; /* TODO check this doesn't interfere with mailing list */
}
body#watch-and-listen.default ul#sub-nav {
background:url("/images/site-images/rule-thin.gif") bottom center no-repeat;
padding-bottom:12px;
margin-bottom:12px;
}
body#watch-and-listen.default ul#sub-nav li {
background:none;
padding:0;
}



body#watch-and-listen.video #main-content, body#watch-and-listen.audio #main-content {
padding-top:18px;
}

/* ---------- WATCH & LISTEN PHOTO PAGE ---------- */

body#watch-and-listen.photos #main-content a, div.mixed-photos a {
background:url("/images/site-images/photo-album-thin-border.gif") top left;
display:block;
float:left;
padding:0;
line-height:0.01px;
margin:4px 10px 6px 0;
padding:1px 0 0 1px;
display:inline; /* Fix IE double margin float */
}
body#watch-and-listen.photos #main-content #about-these-photos a {
/* reset default styling for links in "about these photos" text */
background:none;
display:inline;
float:none;
line-height:auto;
margin:0;
padding:0;
}

body#watch-and-listen.photos img.thumbnail, body#watch-and-listen div.mixed-photos img.thumbnail {
padding:5px 6px 6px 5px;
margin:0;
background:url("/images/site-images/photo-album-thin-border.gif") bottom right;
}

/* make a little more room to account for photo margins */
body#watch-and-listen.photos #main-content {width:428px}
body#watch-and-listen.photos #side-bar {padding-left:12px}


body#watch-and-listen.photos div#about-these-photos {
margin-bottom:14px;
}

/* ------------- WATCH & LISTEN MIXED MEDIA ---------- */


body#watch-and-listen.video.mixed #main-content {
padding-top:14px;
}


/* ---------- DONATE ONLINE PAGE ----------- */


body#support-us form#donate-form input {
margin-top:1px;
}
body#support-us form#donate-form label {
padding-left:8px;
position:relative;
top:0px;
}

body#support-us form#donate-form input#donate-button {
margin:20px 0 26px 0;
}
body#support-us form#donate-form img {
background:none;
padding:0;
}

/* ---------- PHOTO LINK LIST ----------- */

/* this is used on Our companies list, and Experiences list */

body.photo-link-list div#main-content {
width:640px;
}

body.photo-link-list ul.photo-link-list li {
padding-left:0;
background:none;
width:200px;
float:left;
margin-right:20px;
list-style: none;
margin-bottom:27px;
display:inline; /* Fix IE double margin float */
}
body.photo-link-list ul.photo-link-list li img {
margin-bottom:7px!important;
}
body.photo-link-list ul.photo-link-list h2 {
margin-bottom:0;
padding:0;
}

/* ---------- EXPERIENCES STORY PAGE ----------- */

body#support-us.story #side-bar {
padding-top:43px;
}
/* video player */
body#support-us.story p#preview {
margin-top:12px;
}


/* ---------- SITEMAP PAGE ---------- */
/*
body#sitemap #main-content {
width:420px;
padding-left:220px;
margin-left:0;
}

body#sitemap #main-content ul {
margin-bottom:0;
}
body#sitemap #main-content ul li {
padding-left:0;
list-style:none;
background:url("/images/site-images/rule-diamonds.gif") bottom center no-repeat;
padding-bottom:17px;
margin-bottom:7px;
}
body#sitemap #main-content ul ul {
}
body#sitemap #main-content ul ul li {
padding-left:0;
background:none;
margin-left:0px;
background:none;
padding-bottom:0;
margin-bottom:0;
}
body#sitemap #main-content ul h2 {
margin-bottom:0;
/margin-top:12px;
}
*/


body#sitemap #main-content {
width:860px;
background:url("/images/site-images/rule-thin.gif") top left no-repeat;
padding-top:14px;
}

body#sitemap #main-content ul {
}

body#sitemap #main-content ul li {
padding-left:0;
list-style:none;
background:none;
width:200px;
float:left;
margin-right:20px;
margin-bottom:35px;
padding-bottom:7px;
background:url("/images/site-images/rule-thin.gif") bottom left no-repeat;
padding-top:0px;
display:inline; /* Fix IE double margin float */
}
body#sitemap #main-content ul ul li {
padding:0;
margin:0;
background:url("/images/site-images/rule-thin.gif") top left no-repeat;
padding-top:8px;
margin-top:4px;
}


body#sitemap #main-content ul h2 {
margin-bottom:0;
background:url("/images/site-images/rule-thick.gif") top left no-repeat;
padding-top:14px;
}

/* ---------- CONTACT US ---------- */


body#contact-us div.contact-form form {
padding-top:4px;
}
body#contact-us div.contact-form form label {
display:block;
padding-bottom:4px;
background:url("/images/site-images/rule-thin.gif") bottom left no-repeat;
}

body#contact-us div.contact-form form label.recipients {
background:none;
}
body#contact-us div.contact-form form input, body#contact-us div.contact-form textarea {
width:418px;
border:1px solid #2e2e2e;
border-width:0 1px;
background:url("/images/site-images/rule-thin.gif") bottom left no-repeat;
padding:3px;
}
body#contact-us div.contact-form form input, body#contact-us div.contact-form textarea, body#contact-us div.contact-form select {
margin-bottom:18px;
}

body#contact-us div.contact-form h3 {
font-style:normal;
}

body#contact-us div.contact-form h3.whats-this {
font-style:italic;
font-weight:normal;
margin-bottom:0;
}

body#contact-us div.contact-form ol {
margin-bottom:24px;
}

/* ---------- USER MESSAGES ---------- */

body#user-message  {
background:none;
}
body#user-message div#container {
width:430px;
margin-top:150px;
background:url("/images/site-images/user-message-top-bg.gif") top left no-repeat;
padding:60px 0 0 0;
}
body#user-message div#content {
width:430px;
background:url("/images/site-images/user-message-bottom-bg.gif") bottom left no-repeat;
padding:0 0 60px 0;
}
body#user-message ul {
padding:0;
}
body#user-message li {
padding-left:0;
background:none;
/*list-style:none;*/
}