@charset "UTF-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {margin: 0; padding: 0; font: 1.0em Arial, Helvetica, Verdana, sans-serif;}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 1em 0; padding: 0; line-height: 1.2em;}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1em;}

/* Miscellaneous conveniences: */
form label {cursor: pointer;}
fieldset {border: none;}
input, select, textarea {font-size: 1.0em; font-family: inherit;}
img {border: 0;}

/* Sundries */
.clearFloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.leftImage {float: left; padding: 10px 10px 10px 0; margin: 0;}
.rightImage {float: right; padding: 10px 0 10px 10px; margin: 0;}
.hide {display: none;}
.smallText {font-size: 90%;}


/*---------------------------------- Master Layout Components ----------------------------------*/

body {margin: 20px 0; color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.9em; text-align: center; background: #59D3F6 url(css-images/background.gif) top repeat-x;}

#mainContainer {width: 960px; padding: 0; margin: 0 auto; text-align: left; background-color: #FFFFFF; border-bottom: #00BCF1 2px solid;}
		#mainContainer h1 {font-size: 1.8em; font-weight: bold; font-style: italic; color: #4B6EAF; padding: 1.3em 0 0 0; margin: 0;}
				#mainContainer h1.firstLine {padding-top: 0;}
		#mainContainer h2 {font-size: 1.2em; font-weight: bold; font-style: italic; color: #4B6EAF; padding: 1.3em 0 0 0; margin: 0;}
		#mainContainer p {font-size: 1.0em; color: #000000; padding: 0.8em 0 0 0; margin: 0;}
		#mainContainer p.smallText {font-size: 80%;}
		
		#mainContainer a:link, #mainContainer a:visited {color: #4B6EAF; text-decoration: none;}
		#mainContainer a:hover, #mainContainer a:active {color: #00BCF1; text-decoration: underline;}
		
		#mainContainer ul {font-size: 1.0em; color: #000000; padding: 0.8em 0 0 0; margin: 0;}
		#mainContainer ul li {padding: 0.4em 0; margin: 0;}
		
		#mainContainer ol {font-size: 1.0em; color: #000000; padding: 0.8em 0 0 0; margin: 0;}
		#mainContainer ol li {padding: 0.4em 0; margin: 0; list-style: decimal;}
		#mainContainer ol li ol {padding: 0.4em 0 0.4em 20px; margin: 0; list-style: lower-roman;}
		#mainContainer ol li ol li {font-size: 100%; padding: 0.4em 0; margin: 0; list-style: lower-roman;}
		
		#mainContainer img {padding: 1.5em 0 0 0; margin: 0 30px 20px 0; float: left; display: inline;}


/*------------ Header Components ------------*/

#headerContainer {width: 960px; height: 107px; padding: 0; margin: 0 auto; background: #FFFFFF url(css-images/edc-header.gif) top no-repeat; text-align: left;}
		#headerContainer h1 {display: none;}


/*------------ Navigation Components ------------*/

#navContainer {width: 960px; padding: 0; margin: 0 auto; font-size: 90%; text-align: center; background-color: #FFFFFF;border-bottom: #00BCF1 2px solid;}
		#navContainer ul { height: 30px; padding: 0; margin: 0; display: block;}
				#navContainer ul li {width: 130px; padding: 0; margin: 0; list-style: none; float: left; display: block;}
#navSpacer {height: 30px; margin: 0; padding: 0;}
						
						
						/*------------ Navigation 'Off' Components ------------*/
						
						#navContainer ul li a:link, #navContainer ul li a:visited {width: 130px; height: 22px; display: block; padding: 8px 0 0 0; margin: 0; font-style: italic; font-weight: bold; text-decoration: none; color: #4B6EAF; background: url(css-images/tab-off.gif) bottom no-repeat;}
						#navContainer ul li a:hover, #navContainer ul li a:active {color: #4B6EAF; background: url(css-images/tab-hover.gif) bottom no-repeat;}

						
						/*------------ Navigation 'On' Components ------------*/
						
						#navContainer ul li a:link.linkOn, #navContainer ul li a:visited.linkOn {color: #FFFFFF; background: url(css-images/tab-on.gif) bottom no-repeat;}
						#navContainer ul li a:hover.linkOn, #navContainer ul li a:active.linkOn {}


/*------------ Footer Components ------------*/

#footerContainer {width: 960px; padding: 6px 0; margin: 0 auto; text-align: left;}
		#footerContainer h1 {font-size: 80%; font-weight: bold; color: #FFFFFF; padding: 0; margin: 0;}
		#footerContainer h2 {font-size: 70%; font-weight: normal; color: #FFFFFF; padding: 0; margin: 0; float: right;}
		#footerContainer p {font-size: 80%; color: #FFFFFF; padding: 0; margin: 0;}
				#footerContainer a:link, #footerContainer a:visited {color: #FFFFFF; text-decoration: none;}
				#footerContainer a:hover, #footerContainer a:active {color: #666666; text-decoration: underline;}
				
.addrContainer {float: left; display: inline; padding: 0; margin: 0 30px 0 0;}
				
				
/*------------ Language Section Components ------------*/
						
#languageSelector {width: 960px; padding: 0; margin: 0 auto; font-size: 90%; text-align: center; background-color: transparent;}
		#languageSelector ul {height: 25px; padding: 0; margin: 0; display: block;}
				#languageSelector ul li {width: 38px; padding: 0 1px; margin: 0; list-style: none; float: right; display: inline;}
						#languageSelector ul li a {width: 38px; height: 25px; display: block; text-indent: -3000px; outline: none;}
						
						/*------------ Language Specific Components ------------*/
						
						#languageSelector ul li .belgium {background: url(css-images/lf-belgium.gif) bottom no-repeat;}
						#languageSelector ul li .spain {background: url(css-images/lf-spain.gif) bottom no-repeat;}
						#languageSelector ul li .slovenia {background: url(css-images/lf-slovenia.gif) bottom no-repeat;}
						#languageSelector ul li .france {background: url(css-images/lf-france.gif) bottom no-repeat;}
						#languageSelector ul li .austria {background: url(css-images/lf-austria.gif) bottom no-repeat;}
						#languageSelector ul li .sweden {background: url(css-images/lf-sweden.gif) bottom no-repeat;}
						#languageSelector ul li .germany {background: url(css-images/lf-germany.gif) bottom no-repeat;}
						#languageSelector ul li .ireland {background: url(css-images/lf-ireland.gif) bottom no-repeat;}
						#languageSelector ul li .portugal {background: url(css-images/lf-portugal.gif) bottom no-repeat;}
						#languageSelector ul li .luxembourg {background: url(css-images/lf-luxembourg.gif) bottom no-repeat;}
						#languageSelector ul li .denmark {background: url(css-images/lf-denmark.gif) bottom no-repeat;}
						#languageSelector ul li .holland {background: url(css-images/lf-holland.gif) bottom no-repeat;}
						#languageSelector ul li .czechrepublic {background: url(css-images/lf-czech-republic.gif) bottom no-repeat;}
						#languageSelector ul li .uk {background: url(css-images/lf-uk.gif) bottom no-repeat transparent;}
						

/*---------------------------------- Language Selector Page ----------------------------------*/

#selectorHeader {width: 960px; height: 220px; padding: 0; margin: 0 auto; background: #FFFFFF url(css-images/edc-s-header.gif) top no-repeat; text-align: left;}
		#selectorHeader h1 {display: none;}


#selectorContainer {width: 884px; padding: 38px 38px 128px 38px; margin: 0; background: #FFFFFF;}
		#selectorContainer a:link, #selectorContainer a:visited {text-decoration: none;}
		#selectorContainer a:hover, #selectorContainer a:active {text-decoration: none;}
		#selectorContainer img {border: none; padding: 0; margin: 0 0 50px 0;}
		
		.selectorColumnHolder {width: 406px; padding: 0; margin: 0 auto;}	
		.selectorColumn {width: 103px; padding: 0 50px; margin: 0; float: left; display: inline;}				
	
						
/*---------------------------------- Home Page ----------------------------------*/

#homeImage {width: 960px; height: 388px; padding: 0; margin: 0 auto; background: #FFFFFF url(images/home-image.jpg) top no-repeat; border-bottom: #00BCF1 2px solid;}
		#homeImage h1 {display: none;}
		
#homeContainer {width: 548px; padding: 27px 374px 27px 38px; margin: 0; background: #FFFFFF url(images/edc-card.jpg) right no-repeat;}


/*---------------------------------- About Page ----------------------------------*/

#aboutContainer {width: 548px; padding: 27px 374px 27px 38px; margin: 0; background: #FFFFFF url(images/about-image.jpg) top right no-repeat;}


/*---------------------------------- Card Services Page ----------------------------------*/

#servicesContainer {width: 548px; padding: 27px 374px 27px 38px; margin: 0; background: #FFFFFF url(images/services-image.jpg) top right no-repeat;}
		#servicesContainer h2 {font-size: 120%; font-weight: bold; font-style: normal; color: #FFFFFF; padding: 0 0 10px 0; margin: 0; text-align: right;}
				#servicesContainer h2 a:link, #servicesContainer h2 a:visited {color: #FFFFFF; text-decoration: none;}
				#servicesContainer h2 a:hover, #servicesContainer h2 a:active {color: #FFFFFF; text-decoration: underline;}
		#servicesContainer img {padding: 0; margin: 0; float: none;}

		.stopCards {width: 410px; height: 180px; padding: 20px 20px 0 20px; margin: 20px 0; background: url(images/stop-cards.gif) top no-repeat;}
		
		.orderCards {width: 410px; height: 180px; padding: 20px 20px 0 20px; margin: 20px 0; background: url(images/order-cards.gif) top no-repeat;}
		
/*------------ Order/Stop Cards Pages ------------*/

#orderStopContainer {width: 884px; padding: 27px 38px; margin: 0; background: #FFFFFF;}
		#orderStopContainer h2 {font-size: 110%; font-weight: bold; font-style: normal; color: #4B6EAF; padding: 0 0 10px 0; margin: 0; text-align: left;}
		#orderStopContainer h3 {width: 190px; padding: 10px 10px 10px 50px; margin: 0; background: url(css-images/corner-i.gif) top left no-repeat #DEDEDE; font-size: 90%; font-weight: normal; font-style: normal; color: #666666; text-align: left;}
		#orderStopContainer h4 {font-size: 90%; font-weight: bold; font-style: normal; color: #4B6EAF; padding: 1.2em 0 0.3em 0; margin: 0; text-align: left;}
		#orderStopContainer p {font-size: 90%; font-weight: normal; padding: 0.5em 0 0 0; margin: 0;}

.agreeForm {width: 200px; padding: 0 20px 0 0; margin: 20px 0 0 0; background: #FFFFFF; text-align: left; float: left; display: inline;}
		.agreeForm input.btn {font-size: 100%; font-weight: normal; color: #FFFFFF; width: 200px; padding: 8px 0; margin: 10px 0 0 0; border: none; display: block; background: url(css-images/blue-button.gif) left no-repeat; cursor: pointer;}

.orderStopForm {width: 884px; padding: 10px 0 0 0; margin: 20px 0; background: transparent; text-align: left;}
		.orderStopForm form { width: 824px; color: #4B6EAF; font-weight: normal; padding: 10px 30px 0 30px; margin: 0;}
				.orderStopForm form fieldset {width: 804px; border: none; border-bottom: 2px #00BCF1 dotted; padding: 0 10px 20px 10px; margin: 0 0 20px 0;}
				.orderStopForm form fieldset.left {width: 504px; border: none; padding: 0; margin: 0; float: left; display: inline;}
				.orderStopForm form fieldset.right {width: 250px; border: none; padding: 0; margin: 0; float: right; display: inline;}
				.orderStopForm form div {padding: 6px 0; margin: 0; display: block; clear: both;}
						.orderStopForm form div.timeHolder {padding: 0; margin: 0 0 0.5em 0; float: left; display: inline; clear: none;}
								.orderStopForm form div.timeHolder p {text-align: center;}
						.orderStopForm form div.colonHolder {padding: 1.0em 1.0em 0 1.0em; margin: 0; float: left; display: inline; clear: none;}
						
				.orderStopForm form label {width: 200px; color: #000000; font-size: 90%; font-weight: normal; padding: 0.2em 0 0 0; margin: 0; float: left; display: inline;}
						.orderStopForm form label.radio {width: 50px; color: #000000; font-size: 90%; font-weight: normal; padding: 0 0 0 10px; margin: 0; float: left; display: inline;}
						.orderStopForm form label.limits {width: 100px; color: #000000; font-size: 90%; font-weight: normal; padding: 0.2em 0 0 0; margin: 0; float: left; display: inline;}
						
				.orderStopForm form input.txt {font-size: 90%; color: #000000; background-color: #FFFFFF; border: 1px solid #00BCF1; width: 223px; padding: 2px; margin: 0; float: left; display: inline;}
				.orderStopForm form input.txt2 {font-size: 90%; color: #000000; background-color: #FFFFFF; border: 1px solid #00BCF1; width: 4.0em; padding: 2px; margin: 0 10px; float: left; display: inline;}
				.orderStopForm form textarea.txt3 {font-size: 90%; color: #000000; background-color: #FFFFFF; border: 1px solid #00BCF1; width: 223px; height: 8.6em; padding: 2px; margin: 5px 0 0 0;}
				.orderStopForm form input.check {color: #4B6EAF; font-size: 90%; font-weight: normal; padding: 0; margin: 0;}
				.orderStopForm form input.radio {color: #4B6EAF; font-size: 90%; font-weight: normal; padding: 0; margin: 0; line-height: 1em; float: left; display: inline;}
				.orderStopForm form input.btn {font-size: 90%; font-weight: normal; color: #FFFFFF; width: 229px; padding: 8px 0; margin: 30px 0 0 200px; border: none; display: block; background: url(css-images/order-stop-button.gif) left no-repeat; cursor: pointer;}
				.orderStopForm form select {font-size: 90%; color: #000000; width: 227px; border: 1px solid #00BCF1; padding: 2px; margin: 0; background-color: #FFFFFF; float: left; display: inline;}
				.orderStopForm form select.time {font-size: 90%; color: #000000; width: 3.2em; border: 1px solid #00BCF1; padding: 2px; margin: 0; background-color: #FFFFFF; float: none;}
				
.cardHolder {padding: 0; margin: 0;}
				
.daysTable {padding: 0; margin: 0; font-size: 90%; border: none; border-collapse: collapse;}
.daysTable tr {padding: 0; margin: 0;}
.daysTable th {width: 2.0em; padding: 5px 10px 5px 0; margin: 0; text-align: center; vertical-align: middle; font-weight: normal; color: #000000;}
.daysTable td {padding: 5px 10px 5px 0; margin: 0; text-align: center; vertical-align: middle;}



/*---------------------------------- Site Network Page ----------------------------------*/

#networkContainer {width: 960px; padding: 27px 0; margin: 0; background: #FFFFFF;}


/*---------------------------------- Contact Page ----------------------------------*/

#contactContainer {width: 548px; padding: 27px 374px 27px 38px; margin: 0; background: #FFFFFF url(images/contact-image.jpg) top right no-repeat;}

.contactForm {width: 548px; padding: 10px 0 0 0; margin: 20px 0; background: #CCF2FC; text-align: left;}
		.contactForm form { width: 488px; color: #4B6EAF; font-weight: normal; padding: 10px 30px 20px 30px; margin: 0;}
				.contactForm form fieldset.left {width: 229px; border: none; padding: 0 0 10px 0; margin: 0; float: left;}
				.contactForm form fieldset.right {width: 229px; border: none; padding: 0; margin: 0; float: right;}
				.contactForm form div {padding: 4px 0; margin: 0;}
				.contactForm form label {color: #4B6EAF; font-size: 90%; font-weight: normal; padding: 0; margin: 0;}
				.contactForm form input.txt {color: #000000; background-color: #FFFFFF; border: 1px solid #4B6EAF; width: 223px; padding: 2px; margin: 5px 0 0 0;}
				.contactForm form textarea.txt2 {color: #000000; background-color: #FFFFFF; border: 1px solid #4B6EAF; width: 223px; height: 5em; padding: 2px; margin: 5px 0 0 0;}
				.contactForm form textarea.txt3 {color: #000000; background-color: #FFFFFF; border: 1px solid #4B6EAF; width: 223px; height: 8.6em; padding: 2px; margin: 5px 0 0 0;}
				.contactForm form input.check {color: #4B6EAF; font-size: 90%; font-weight: normal; padding: 0; margin: 0.1em 10px 0 0; line-height: 1em; float: left; display: inline;}
				.contactForm form input.checkLabel {color: #4B6EAF; font-size: 90%; font-weight: normal; padding: 0; margin: 0; line-height: 1em; float: left; display: inline;}
				.contactForm form input.btn {font-size: 90%; font-weight: normal; color: #FFFFFF; width: 488px; padding: 8px 0; margin: 10px 0 0 0; border: none; display: block; background: url(css-images/contact-button.gif) left no-repeat; cursor: pointer;}


/*---------------------------------- Thank You Page ----------------------------------*/				
				
#thankYouContainer {width: 884px; padding: 27px 38px; margin: 0; background: #FFFFFF;}
		#thankYouContainer h2 {font-size: 110%; font-weight: bold; font-style: normal; color: #4B6EAF; padding: 180px 0 220px 0; margin: 0; text-align: left;}
		#thankYouContainer h3 {width: 190px; padding: 10px 10px 10px 50px; margin: 0; background: url(css-images/corner-i.gif) top left no-repeat #DEDEDE; font-size: 90%; font-weight: normal; font-style: normal; color: #666666; text-align: left;}
		#thankYouContainer h4 {font-size: 90%; font-weight: bold; font-style: normal; color: #4B6EAF; padding: 1.2em 0 0.3em 0; margin: 0; text-align: left;}
		#thankYouContainer p {font-size: 90%; font-weight: normal; padding: 0.5em 0 0 0; margin: 0;}