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

Site: ADL Marine Electrics
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
Company: ADL Marine Electrics
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-main
	c) Search form

6: CONTENT MAIN
	a) Content Divisions

7: FOOTER

8: CONTENT DIVISIONS

9: SERVICES LIST

10: PARTNERS TABLE

11: SEARCH RESULTS

12: INLINE IMAGE STYLES

13: CONTACT & COMMENT FORMS
	a) Contact Form

14: PAGINATION

15: MISC

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

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

Body Background: #011B47
Body Text: #011B47
Links: #626262 - (hover) #F60

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:#FFF;
	font-size:small;
	background-color: #011B47;
	}

/* 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;
	}

.first {padding-top:0.5em;} /* Used to pad down from heading */

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

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

a:hover, a:active, a:focus {
	color:#F60;
	text-decoration:none;
	}

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

#accessibility li {display:inline;}

#accessibility a {
	padding:2px;
	color:#011B47;
	}

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

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

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

h2, h3, h4, caption {
	margin-bottom:1px;
	}

h2, h3, caption, #search h1, #contact h1, #partners h1, #about h1, #services h1, #services dt {
	font-size:1.1em;
	line-height:35px;
	padding:0 10px;
	background:#011B47 url(/site_images/hdg_bg.jpg) 100% 0 no-repeat;
	color:#FFF;
	}

#partners h1 {margin-bottom:10px;}

#search h2 {
	background:none;
	color:#011B47;
	}

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

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

p.continue {font-style:italic;}

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;
	}

blockquote em {
	font-style:normal;
	}

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

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

#branding {
	width:862px;
	padding:8px 8px 0;
	background:#FFF url(/site_images/header_bg.jpg) 0 0 no-repeat;
	color:#011B47;
	position:relative;
	overflow:hidden;
	}

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

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

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

#logo a {
	position:relative;
	display:block;
	width:123px;
	height:131px;
	}

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

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

#nav_main {
	position:relative;
	overflow:hidden;
	margin:0 1px 10px;
	padding:0;
	width:860px;
	height:41px;
	background:#FFF url(/site_images/nav_main_bg.jpg) 0 0 repeat-x;
	text-transform:uppercase;
	}

#nav_main ul {
	width:580px;
	float:left;
	margin:0;
	padding:0;
	}

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

#nav_main a {
	padding:0 1em;
	color:#FFF;
	border-right:1px solid #011B47;
	}

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

#nav_main a:link, #nav_main a:visited {color:#011B47;}

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

#nav_main a.active {color:#00A6D0;}

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

div#searchIn {
	float:right;
	margin:0;
	text-align:right;
	}

form#search-input {
	height:29px;
	margin:0;
	padding:12px 5px 0;
	}

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

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

input#searchBox {padding:2px;}

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

#submitBtn {display:hidden;}

/* 6. CONTENT MAIN
============================================================================ */
	
#content {
	width:862px;
	padding:0 8px;
	background:#FFF url(/site_images/container_bg.jpg) 0 50% repeat-y;
	color:#011B47;
	}

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

/* 7. FOOTER
============================================================================ */

#footer {
	clear:both;
	overflow:hidden;
	width:822px;
	margin:0 auto;
	padding:10px 27px 30px 29px;
	text-align:center;
	background:transparent url(/site_images/footer_bg.jpg) 0 100% no-repeat;
	}

#footer img {
	float:left;
	margin-right:2px;
	}

.copyright, .propeller {
	color:#FEFEFE;
	font-style:italic;
	letter-spacing: 0.01em;
	}

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

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

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

#content_main {
	display:inline;
	float:left;
	overflow:hidden;
	width:820px;
	padding-top:10px;
	border-top:1px solid #011B47;
	}

#content_welcome, #content_contact, #content_partners, #content_search, #content_services {
	width:520px;
	margin-left:300px;
	float:left;
	display:inline;
	}

/* 9. SERVICES LIST
============================================================================ */

#services_list, #contact_info {
	width:280px;
	float:left;
	display:inline;
	margin-left:-820px;
	}

#services_list ul {
	margin:1px 0 9px;
	padding:0;
	}

#services_list ul li {
	margin:0 0 1px;
	padding:0;
	list-style:none;
	}

#services_list ul li a {
	display:block;
	padding:0 10px;
	background-color:#D0DFE7;
	color:#011B47;
	line-height:2.5em;
	}

#services_list a:link, #services_list a:visited {color:#011B47;}

#services_list a:hover, #services_list a:active, #services_list a:focus {color:#F60;}

#services_list a.active {color:#00A6D0;}

dl.services dd {position:relative;}

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

/* 10. PARTNERS TABLE
============================================================================ */

table#outletListing {
	width:518px;
	border:1px solid #001B46;
	border-width:1px 0 0 1px;
	border-collapse:collapse;
	}

table#outletListing caption {
	margin-bottom:10px;
	}

table#outletListing th, table#outletListing td {
	padding:5px;
	border:1px solid #001B46;
	border-width:0 1px 1px 0;
	}

table#outletListing th {
	font-weight:bold;
	}

table#outletListing th.store {
	font-weight:normal;
	}

.store a {
	display:block;
	background: transparent url(/site_images/world_go.png) no-repeat 0 50%;
	padding-left:25px;
	border-bottom:none!important;
	}

.telephone {text-align:center;}

/* 11. SEARCH RESULTS PAGE
============================================================================ */

p.searchURL {
	border-bottom:1px dotted #CCC;
	padding-bottom:1em;
	}

.search_results #content strong {text-decoration:underline;}

/* 12. 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;
	}

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

#contact_info .article-body {
	margin-bottom:10px;
	padding:10px;
	background-color:#D0DFE7;
	color:#011B47;
	}

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

/* 13a. CONTACT & COMMENT FORMS
Comment Form CSS left in place for expansion
============================================================================ */

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

#zemContactForm fieldset, #comments fieldset {
	float: left;
	clear: left;
	margin: 0 0 1em 0;  
	padding: 0 0 0.5em;
	border:1px solid #001B46;
	width: 518px;
	}

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

#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 #001B46;
	padding:1px;
	line-height:1.5em;
	}

#Message {width:350px;}

.txpCommentInputMessage {
	width:350px;
	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 #001B46;
	padding:0 0.5em;
	line-height:1.5em;
	width:auto;
	background-color:#FFF;
	}

input.disabled {opacity:.5;}

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

/* 13b: COMMENTS - SPECIFIC - DISABLED
============================================================================ */
/*
#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;}
	
/* 14: PAGINATION
============================================================================ */

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

#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:#7B9CA6;
	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;}


/* 15: 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;}