/* ------ NOTES ---------------------------------------------------------------

Site: Running Errands
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
Company: Running Errands
Version: 10/06/09
Ancilliary Files: ie.css

--------- CONTENTS ------------------------------------------------------------

1: GLOBAL RESET

2: BODY
	a) Base List Styles
	b) Special List Styles
	c) Base Link Styles
	d) Skip Links

3: TYPOGRAPHY

4: CONTAINERS

5: MASTHEAD
	a) h1 - Logo
	b) Nav-utility
	c) Search form
	d) Contact details
	e) Nav-main

6: FOOTER

7: CONTENT MAIN
	a) Content Divisions

8: CONTENT DIVISIONS
	a) Content Secondary

9: PRODUCT, NEWS, SPECIALS CATEGORY NAV
	a) Product category list colours
	b) Product category list colours (current)
	c) Product sub-category list colours (current)
	d) Product category list expanded - product page
	e) Product category list - product page - colours (current)
	f) Category listing page
	g) Product list

10: PRODUCT PAGE
	a) Main divisions
	b) Image display - thickbox
	c) Price table
	d) Quick facts table
	e) Further info
	f) Product special indicator

11: HOME PAGE - TOP BANNER
	a) News excerpts

12: NEWS PAGE LISTING
	a) News page categories
	b) Category list colours (current)
	c) Additional
	
13: SPECIALS - CONTAINERS - HOME PAGE SPECIALS
	a) Specials page categories
	b) Specials page category list colours (current)
	c) Specials display page

14: RESOURCES PAGE CATEGORIES
	a) Resources page category list colours (current)
	b) Resources page - download lists
	c) Resources page listing
	d) Full article

15: MEET THE TEAM
	a) Meet the team - nav

16: FIND A STORE - CATEGORY LIST
	a) Stores category list colours
	b) Stores category list colours (current)
	c) Stores sub-category list colours (current)
	d) Company stores list
	e) Stores table

17: SEARCH RESULTS PAGE

18: FAQS

19: INLINE IMAGE STYLES

20: PAGINATION

21: CONTACT & COMMENT FORMS
	a) Contact & Comment Forms
	b) Comment Specific

22: NEWSLETTER SUBSCRIBE FORM

23: MISC

--------------------------------------------------------------------------------

----- COLOUR GUIDE  ------------------------------------------------------------

Body Background: #0099CC
Body Text: #00254A
Headings: #00254A
Links: #00254A - (hover) #A34618

1 GLOBAL RESET - thanks to Eric Meyer
============================================================================ */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, cite, del, em, img, ins, q, strike, strong, sub, sup, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, 
th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-size: 100%; 
	font-style: inherit; font-family: inherit; vertical-align: baseline; 
	}

ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

strong {font-weight:bold;}

em {font-style:italic;}

img {border:none; display:block;}

/* 2. BODY
============================================================================ */

body {
	font-family: Geneva, Tahoma, Helvetica, sans-serif;
	text-align: center;
	color:#333;
	font-size:small;
	background: #363636 url(/site_images/bg.jpg) 0 0 repeat;
	}

/* 2a. BASE LIST STYLES
============================================================================ */

ul, ol, ol.indent {
	padding-left:0.5em;
	margin-left:0.5em;
	}

li, ol.indent li, ul.indent li {
	margin-bottom:0.75em;
	margin-left:1em;
	line-height:1.3em;
	}

ul li {list-style:disc;}

ol li {list-style-type:decimal;}

	/* 2b. SPECIAL LIST STYLES
============================================================================ */

.noindent {
	margin-left:0;
	padding-left:0;
	}

.noindent li {
	list-style:none;
	padding-left:0;
	margin-left:0;
	}

ul.circle li {list-style:circle;}
ul.square li {list-style:square;}
ol.upper-alpha li {list-style:upper-alpha;}
ol.lower-alpha li {list-style:lower-alpha;}
ol.upper-roman li {list-style:upper-roman;}
ol.lower-roman li {list-style:lower-roman;}
ul.blank li, ol.blank li {list-style:none;}

ul.inside, ol.inside {
	margin-left:0;
	padding-left:0;
	}
	
ul.inside li, ol.inside li {
	list-style-position:inside;
	margin-left:0.5em;
	}

ol.indent, ul.indent {
	padding-left:0.5em;
	margin-left:0.5em;
	}

ol.indent li, ul.indent li {
	margin-bottom:0.75em;
	margin-left:1em;
	line-height:1.3em;
	}

.small li {
	font-size:0.9em;
	margin-bottom:0;
	}

.large li {font-size:1.1em;}

p del {text-decoration:line-through;}

sup {
	vertical-align:super;
	font-size:50%;
	margin-left:-0.3em;
	}

sub {
	vertical-align:sub;
	font-size:50%;
	margin-left:-0.3em;
	}

/* 2c. BASE LINK STYLES
============================================================================ */

a:link, a:visited {
	color:#626262;
	text-decoration:none;
	}

a:hover, a:active, a:focus {
	color:#814AD9;
	text-decoration:none;
	}
/*
#content p a:link, #content p a:visited,
#content dd a:link, #content dd a:visited {
	color:#34516F;
	}

#content p a:hover, #content p a:active, #content p a:focus,
#content dd a:hover, #content dd a:active, #content dd a:focus {
	color:#00254A;
	background-color:#FFF;
	}

/* 2d. SKIP LINKS
============================================================================ */

#accessibility li {display:inline;}

#accessibility a {
	padding:2px;
	color:#383838;
	}

#accessibility a:hover, #accessibility a:active {color:#FEFEFE;}

/* 3. TYPOGRAPHY - GENERAL
============================================================================ */

p, #content_main li {
	margin-bottom:0.75em;
	line-height:1.3em;
	font-size:0.9em;
	}

.entry-title, h3, h4, caption {
	margin-bottom:0.5em;
	border-bottom:1px dotted #333;
	font:bold 1.1em/2em Palatino, Georgia, "Times New Roman", serif;
	}

h2, dt {font:bold 1.1em/2em Palatino, Georgia, "Times New Roman", serif;}

h4 {
	border-bottom:none;
	font-size:1em;
	}

h5 {
	margin-bottom:0.5em;
	font-weight:bold;
	}

p.continue {font-style:italic;}

.article-body h4 {
	padding-top:0.5em;
	border-top:1px dotted #00254A;
	}

dt {
	margin-bottom:0.5em;
	}
	
dd {
	margin-bottom:0.5em;
	}

blockquote {padding:0;}

blockquote p {
	font-family:Palatino, Georgia, "Times New Roman", serif;
	font-style:italic;
	font-size:1.2em
	}

blockquote em {
	font-style:normal;
	font-size:0.9em;
	}

/* 4. CONTAINERS
============================================================================ */

#container {
	margin:0 auto;
	width:984px;
	padding-top:12px;
	text-align:left;
	position:relative;
	}

#branding {
	width:960px;
	padding:12px 12px 0;
	background:transparent url(/site_images/header_bg.png) 0 0 no-repeat;
	position:relative;
	overflow:hidden;
	}

.gutter {background-color:#FFF;}

.article-body {
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	border-bottom:1px dotted #333;
	}

/* 5. MASTHEAD
============================================================================ */

/* 5a. LOGO
============================================================================ */

#logo {
	position:relative;
	width:270px;
	height:140px;
	margin:0;
	text-align:center;
	}

#logo a {
	position:relative;
	display:block;
	width:270px;
	height:140px;
	}

#logo span {
	position:absolute;
	top:0;
	left:0;
	width:270px;
	height:140px;
	background:transparent url(/site_images/h1.jpg) no-repeat top left;
	}

/* 5c. SEARCH FORM
============================================================================ */

div#searchIn {
	position:absolute;
	top:20px;
	right:20px;
	margin:0;
	text-align:right;
	}

form#search-input {
	margin:0;
	padding:0;
	}

#searchIn label, #searchIn input#searchBox {
	vertical-align:top;
	float:left;
	display:inline;
	}
	
#searchIn label {padding-top:2px;}

#search-input input#searchBox {border:1px solid #383838;}

input#searchBox {padding:2px;}

#search-input input {
	display:inline;
	float:left;
	margin-left:0.5em;
	}

/* 5c. BANNER
============================================================================ */

#tagline {
	position:relative;
	width:960px;
	margin:0;
	text-align:left;
	height:372px;
	font:2.5em Palatino, Georgia, "Times New Roman", serif;
	text-shadow: 2px 2px 2px #000;
	background-color:#3F5C19;
	color:#FFF;
	}

#tagline span.overlay {
	position:absolute;
	top:0;
	right:0;
	width:960px;
	height:372px;
	background:transparent url(/site_images/banner_grass.jpg) 0 0 no-repeat;
	}

.underlay {
	background:#3F5C19 url(/site_images/banner_grass_blank.jpg) 0 0 no-repeat;
	}

.underlay span {
	position:absolute;
	top:0;
	right:0;
	width:950px;
	height:352px;
	padding:20px 0 0 10px;
	}

/* 5e. NAV-MAIN
============================================================================ */

#nav_main {
	overflow:hidden;
	margin:0;
	padding:0;
	width:960px;
	height:39px;
	background:#4F2D84 url(/site_images/nav_bg.jpg) 0 0 repeat-x;
	}

#nav_main ul {
	margin:0;
	padding:0;
	}

#nav_main ul li {
	float:left;
	display:inline;
	margin:0;
	padding:10px 0 0;
	list-style:none;
	line-height:1.1em
	}

#nav_main a {
	padding:0 1em;
	font-size:1.1em;
	color:#FFF;
	border-right:1px solid #FFF;
	font-family:Palatino, Georgia, "Times New Roman", serif;
	}

#nav_main #nav-contact {border-right:none;}

#nav_main a:link, #nav_main a:visited {color:#FFF;}

#nav_main a:hover, #nav_main a:active, #nav_main a:focus {color:#ADC393;}

#nav_main a.active {color:#B49ED8;}

/* 7. CONTENT MAIN
============================================================================ */

	/* MAIN CONTENT AREA WRAPPER */
	
#content {
	width:960px;
	padding:0 12px;
	background:transparent url(/site_images/container_bg.png) 0 50% repeat-y;
	color:#333;
	}

#content .gutter {
	overflow:hidden;
	padding:0 10px;
	}

/* 6. FOOTER
============================================================================ */

#footer {
	clear:both;
	width:960px;
	margin:0 auto;
	padding:0 12px 12px;
	text-align:center;
	background:transparent url(/site_images/footer_bg.png) 0 100% no-repeat;
	}

#footer_inner {
	padding-top:10px;
	color:#FFF;
	background-color:#4F2D84;
	font-family:Palatino, Georgia, "Times New Roman", serif;
	font-size:1.2em;
	letter-spacing:0.1em;
	}

.copyright {
	color:#FEFEFE;
	font-family:Palatino, Georgia, "Times New Roman", serif;
	}

#footer a:link, #footer a:visited, .copyright a:link, .copyright a:visited {
	color:#FFF;
	}

#footer a:hover, #footer a:active, #footer a:focus,
.copyright a:hover, .copyright a:active, .copyright a:focus {
	text-decoration:underline;
	}

/* 8. CONTENT DIVISIONS
============================================================================ */

#content_main {
	display:inline;
	float:left;
	width:455px;
	overflow:hidden;
	padding-bottom:10px;
	}

#content_main {
	margin-left:0;
	}

.col3 #content_main {
	width:460px;
	margin-left:240px;
	}

#content_secondary, #contact_info, #content_awards, #content_services {
	float:left;
	display:inline;
	width:220px;
	}

#contact_info, #content_awards, #content_services {
	margin-left:-700px;
	}

#content_secondary {margin-left:20px;}

/* 8. HOME PAGE LISTS
============================================================================ */

#concierge_list, #corporate_list {
	float:right;
	display:inline;
	width:230px;
	}

#concierge_list {
	color:#4F2D84!important;
	}

#concierge_list h3 {
	margin:0 5px 0.5em;
	border-bottom-color:#4F2D84;
	}

#concierge_list h4, #corporate_list h4 {
	margin:0 5px 0.5em;
	text-transform:uppercase;
	}

#corporate_list {
	margin-left:10px;
	color:#3F5C19!important;
	}

#corporate_list h3 {
	margin:0 5px 0.5em;
	border-bottom-color:#3F5C19;
	}

#concierge_list p, #corporate_list p {
	margin:0 5px 0.5em;
	}

#concierge_list ul, #corporate_list ul {
	margin:0 5px;
	padding:0;
	}

#concierge_list ul li, #corporate_list ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:2em;
	}

#concierge_list ul li {border-bottom:1px dotted #4F2D84;}

#corporate_list ul li {border-bottom:1px dotted #3F5C19;}

#concierge_list ul li:last-child, #corporate_list ul li:last-child {border-bottom:none;}

#concierge_list ul li a, #corporate_list ul li a {
	font: normal 0.9em Palatino, Georgia, "Times New Roman", serif;
	text-transform:uppercase;
	display:block;
	padding:0.5em 0;
	}

#concierge_list ul li a:link, #concierge_list ul li a:visited {
	color:#4F2D84;
	}

#corporate_list ul li a:link, #corporate_list ul li a:visited {
	color:#3F5C19;
	}

#concierge_list ul li a:hover, #corporate_list ul li a:hover,
#concierge_list ul li a:active, #corporate_list ul li a:active {
	font-weight:bold;
	}

/* 12. AFFILIATIONS / AWARDS
============================================================================ */

.affiliations dl {padding:1em 0;}

.affiliations dt {
	margin-bottom: 0.2em;
	font-weight:bold;
	}

.affiliations dd {margin-bottom: 2em;}

.affiliations dt img {
	float:left;
	margin-right:10px;
	}

#content_awards dt img {
	float:right;
	margin-left:10px;
	}

/* 12. CORPORATE / CONCIERGE PAGES
============================================================================ */

dl.services dd {position:relative;}

a.jump_return {
	position: relative;
	left: 440px;
	bottom: 0;
	font-size: 150%;
	}

/* 12. NEWS PAGE LISTING
============================================================================ */

ul.news-list {
	margin:0;
	padding:0;
	}

.news-list li {
	margin:0;
	list-style:none;
	border-bottom:1px dotted #666;
	overflow:hidden;
	padding:1em 0 1.5em;
	position:relative; /* for p.details-link */
	min-height:120px;
	}

.news-list p.date {
	float:right;
	display:block;
	margin:0 0 1em 1em;
	padding:0.5em;
	border:1px solid #4F2D84;
	background-color:#4F2D84;
	text-align:center;
	color:#FEFEFE;
	}

.news-list p.date span {
	display:block;
	font-size:2em;
	line-height:1.1em;
	}

	/* 12c. NEWS PAGE ADDITIONAL
============================================================================ */

p.published {
	font-style:italic;
	line-height:1.75em;
	margin-bottom:0;
	}

.news .entry-content {
	padding-bottom:0.5em;
	border-bottom:1px dotted #666;
	}

/* 17. SEARCH RESULTS PAGE
============================================================================ */

ul.search_results {
	margin:0;
	padding:0;
	}

.search_results li {
	margin:0;
	list-style:none;
	border-bottom:1px dotted #666;
	overflow:hidden;
	padding:1em 0;
	}

p.searchURL {font-size:0.9em;}

.search #content strong {background-color:#CCC;}

.search_results h2 a:link {color: #3F5C19;}

.search_results h2 a:visited {color: #ADC393;}

.search_results h2 a:hover, .search_results h2 a:active,
 .search_results h2 a:focus {
	color:#ADC393;
	text-decoration:underline;
	}

/* 19. INLINE IMAGE STYLES
============================================================================ */

img.left {
	clear:left;
	float:left;
	margin:0 10px 8px 0;
	}

img.right {
	clear:right;
	float:right;
	margin:0 0 8px 10px;
	}

img.border {
	padding:3px;
	background-color:#FFF;
	border:1px solid #666;
	}

img.borderLg {
	padding:5px;
	background-color:#FFF;
	border:3px solid #666;
	}

/* 20. PAGINATION
============================================================================ */

ul#pagination {
	position:relative;
	margin:0;
	padding:10px 0 0;
	}

#pagination li {
	margin:0 0.5em 0 0;
	float:left;
	list-style:none;
	border:1px solid #CCC;
	}

#pagination li a {
	display:block;
	padding:1px 5px;
	}

#pagination li.current a {
	background-color:#666;
	color:#FFF;
	}

#pagination li.empty {display:none;}

div.pagination a {font-style:italic;}

.pagination a:hover, .pagination a:active, .pagination a:focus {text-decoration:none;}

/* 21. CONTACT PAGE - hCard
============================================================================ */

div.vcard div.adr {margin-bottom:0.5em;}

/* 21a. CONTACT & COMMENT FORMS
============================================================================ */

#zemContactForm {
	float:left;
	width:460px;
	padding-bottom:0;
	margin-bottom:-30px;
	}

#zemContactForm fieldset, #comments fieldset {
	float: left;
	clear: left;
	margin: 0 0 1.5em 0;  
	padding: 0 0 0.5em;
	border:1px solid #999;
	width: 458px;
	}

#zemContactForm fieldset, #comments fieldset {margin-top:1em;}

#comments fieldset {width:458px;}

#zemContactForm legend, #comments legend {
	margin:0.5em;
	padding:0 0.5em;
	}

#zemContactForm fieldset ol, #comments fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
	}

#zemContactForm fieldset li, #comments fieldset li {  
	float: left;  
	clear: left;  
	padding:0 0 0.5em;
	margin:0;
	width: 100%;
	list-style:none;
	}

#zemContactForm label, #comments label {  
	float: left;
	margin-right: 1em;
	width: 90px;  
	text-align:right;
	line-height:1.5em;
	padding:1px;
	}

#comments label {width:60px;}

#zemContactForm input, #Message, #comments input, .txpCommentInputMessage, 
#zemContactForm select {
	border:1px solid #999;
	padding:1px;
	line-height:1.5em;
	}

#Message {width:300px;}

.txpCommentInputMessage {
	width:300px;
	min-height:200px;
	}

#zemContactForm fieldset.submit, #comments fieldset.submit {   
	float: none;
	border-style: none;
	margin-bottom:0;
	width: auto;  
	background-color: transparent;
	background-image:none;
	padding:0;
	}

ul.zemError, ul.comments_error {
	margin:0;
	padding:1em 1em 0;
	background-color:#C00;
	color:#FFF;
	overflow:hidden;
	}

input.comments_error {background-color:#F5CDCD;}

ul.zemError li, ul.comments_error li {
	padding:0 0 1em;
	margin:0 0 1em;
	list-style:none;
	float:none;
	}

#zemContactForm fieldset.submit input, #comments fieldset.submit input {
	border:1px solid #999;
	padding:0 0.5em;
	line-height:1.5em;
	width:auto;
	background-color:#FFF;
	}

input.disabled {opacity:.5;}

.announcement a {
	color:#1C2839;
	font-weight:bold;
	}

/* 21b: COMMENTS - SPECIFIC
============================================================================ */

#cpreview {
	margin-bottom:1em;
	padding:1em 1em 0.5em;
	background-color:#B49ED8;
	}

#cpreview, p.details {font-style:italic;}

p.details {color:#1C2839;}

#cpreview .announcement {
	font-style:normal;
	color:#000;
	}
	
#cpreview a {color:#666;}

.comments li {
	border:1px solid #999;
	padding:0.5em 0.5em 0;
	margin-bottom:1em;
	background-color:#E6E6E6;
	}

ol.comments {
	margin-left:0;
	padding:0 1em 0.5em;
	border-bottom:1px dotted #333;
	}

h4.comment-count, #comments h3 {padding-top:0.5em;}

/* 22. NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#newsletter div {padding:0;}

#newsletter ol {
	margin:0;
	padding:0.5em 0;
	}

#newsletter li {
	clear:both;
	width:260px;
	margin:0 0 1em;
	padding:0 0 1em;
	list-style:none;
	}

#newsletter label {
	float:left;
	width:50px;
	line-height:1.5em;
	padding-bottom:0.1em;
	}

#newsletter input {
	border:1px solid #999;
	width:198px;
	float:right;
	}

#newsletter .submit {
	padding:0;
	border:none;
	}

#newsletter .submit input {
	border:1px solid #999;
	margin-left:0;
	padding:0 0.5em;
	line-height:1.5em;
	width:auto;
	background-color:#FFF;
	float:none;
	}

/* 23: MISC
============================================================================ */

/* PDF LINKS */

a[href$=".pdf"] {
	display:inline-block;
	padding-right:22px;
	background:url(/site_images/iconpdf18x18.gif) no-repeat 100% 50%;
	}

#current_catalogue a[href$=".pdf"] {padding:0;background:none;}

.clear {clear:both;}