/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body	{
	background-color: #cccccc;
}
		
/*  --------- 2. structure  --------- */

#wrapper {
		width: 714px;
		background-color: #ffffff;
		padding: 0px;
		height: auto;
		margin: 0px auto;
		}
		
#masthead {
		background-image: url(banner.jpg);
		background-repeat: no-repeat;
		background-color: #093b79;
		height: 100px;
		width: 714px;
		margin: 0px;
		}

#mastheadphone {
		padding: 16px 16px 0 0;
		float: right;
		height: 80px;
		}
		
#content {
		padding: 0px;
		background-color: transparent;
		height: auto;
		}

#footer {
		clear: both;
		text-align: center;
		padding: 0px;
		margin: auto;
		height: 100px;
		width: 100%;
		background-color: transparent;
		background-image: url(footergraphic.jpg);
		background-repeat: no-repeat;
		z-index: 5;
		}

#mainColumn {
		float: left;
		padding: 0px;
		width: 100%;
		background-color: #093b79;
		background-image: url(contentfade.jpg);
		background-repeat: repeat-x;
		margin: auto 0px;
		}

#mainColumn2 {
		float: left;
		padding: 12px;
		width: 690px;
		background-color: transparent;
		margin: auto 0px;
		}

#image-container1 {
		float: left;
		padding: 0px;
		width: 80%;
		background-color: transparent;
		margin: 1em 0 1em 3.5em;
}

#image-container2 {
		float: left;
		padding: 0px;
		width: 50%;
		background-color: transparent;
		margin: auto 0px;
}

#image-container3 {
		float: right;
		padding: 0px;
		width: 25%;
		background-color: transparent;
		margin: auto 0px;
}		
		

/* ---------- 3. links and navigation ---------- */

#navigation {
		background-color: #ffffff;
		background-image: url(eccablesbackdrop.jpg);
		background-repeat: no-repeat;
		background-position: 0px -180px;
		height: 14em;
		font: bold 0.9em Arial, sans-serif;
		width: 714px;
		}

#navigation-location {
		background-color: #ffffff;
		background-image: url(navlocation.jpg);
		background-repeat: no-repeat;
		height: 14em;
		font: bold 0.9em Arial, sans-serif;		
		width: 714px;
		}

#navigation-products {
		background-color: #ffffff;
		background-image: url(navproducts.jpg);
		background-repeat: no-repeat;
		height: 14em;
		font: bold 0.9em Arial, sans-serif;		
		width: 100%;
		}

#navigation-contact {
		background-color: #ffffff;
		background-image: url(navcontact.jpg);
		background-repeat: no-repeat;
		height: 14em;
		font: bold 0.9em Arial, sans-serif;		
		width: 100%;
		}

#navigation-purchase {
		background-color: #ffffff;
		background-image: url(navpurchase.jpg);
		background-repeat: no-repeat;
		height: 14em;
		font: bold 0.9em Arial, sans-serif;		
		width: 100%;
		}

#navigation-sale {
		background-color: #ffffff;
		background-image: url(navsale.jpg);
		background-repeat: no-repeat;
		height: 14em;
		font: bold 0.9em Arial, sans-serif;		
		width: 100%;
		}
		
#nav2 {
		background-color: transparent;
		background-image: url(back.html);
		font: bold 1em Arial, sans-serif;
		height: 14em;
		width: 13em;
		float: left;
		}

#nav2 ul {
		list-style-type: none;
		margin: 1em 0 0 0;
		}

#nav2 li {
		display: block;
		font: bold 1em Century Gothic, sans-serif;
		text-transform: uppercase;
		float: left;
		margin: 0 0 0.6em 0;
		background-color: transparent;
		width: 12em;
		}

#nav2 a {
		display: block;
		width: 160px;
		height: 19px;
		text-align: left;
		line-height: 1.3em;
		background-color: transparent;
		text-decoration: none;
		color: #000000;
		background-image: url(nav.gif);
		background-repeat: no-repeat;
		padding: 0 0 0 0.5em;
		}
		
#nav2 a:hover {
		background-image: url(nav2.gif);
		background-repeat: no-repeat;
		color: #000000;
		}

#mainColumn a	{
		font-family: Verdana, Kalimati, sans-serif;
		color: #ffffff;
		font-weight: 600;
		text-decoration: none;
}

#mainColumn a:hover	{
		font-family: Verdana, Kalimati, sans-serif;
		color: #0052B8;
		font-weight: 600;
		text-decoration: none;
		background-color: #ffffff;
}


/* ---------- 4. fonts ---------- */

h1	{
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.6em;
	color: #ffffff;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 0 0 14px 0;
	padding: 0px;
	display: block;
}


#masthead h1	{
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.4em;
	color: #ffffff;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 0 0 1em 8.5em;
	padding: 1.4em 0 0 3.5em;

}

#masthead h1.innerpage	{
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.7em;
	color: #ffffff;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 0 0 1em 9em;
	padding: 1.4em 0 0 3.5em;

}

h2	{
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.15em;
	color: #ffffff;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 0 0 1em 0;
}

h2.top	{
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.15em;
	color: #ffffff;
	padding: 0 0 0.363em 0;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 0 0 0.7em 0;
	border-bottom: 0.183em dotted #ffffff;
}

h2.terms	{
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.15em;
	color: #ffffff;
	padding: 0 0 0.363em 0;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 0 0 0.7em 0;
	border-bottom: 0.112em solid #ffffff;
}

h3.terms	{
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.15em;
	color: #ffffff;
	padding: 0 0 0.363em 0;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 1.54em 0 0.7em 0;
	border-bottom: 0.112em solid #ffffff;
}

h3	{
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.15em;
	color: #ffffff;
	padding: 0 0 0.363em 0;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 0 0 0.7em 0;
	border-bottom: 0.183em dotted #ffffff;
}

h3.title	{
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.15em;
	color: #ffffff;
	padding: 0 0 0.363em 0;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 1.8em 0 0.7em 0;
	border-bottom: 0.183em dotted #ffffff;
}

h3.location	{
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.15em;
	color: #ffffff;
	padding: 0 0 0.363em 0;
	letter-spacing: -1px;
	font-weight: 400;
	margin: 23em 0 0.7em 0;
	border-bottom: 0.183em dotted #ffffff;
}

h4  {
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	font-size: 1.5em;
	color: #ffffff;
	letter-spacing: -1px;
	font-weight: 600;
	text-align: left;
	margin: 30px 0 0 0;
}

h4.phonenumber	{
	font-family: Verdana, Kalimati, sans-serif;
	color: #ffffff;
	font-size: 0.8em;
	margin: 0 0 0 8em;
	text-align: left;
	font-weight: 600;
	letter-spacing: 0em;
}


p	{
	font-family: Verdana, Kalimati, sans-serif;
	font-size: 0.8em;
	margin: 0 0 0.9em 0;
	color: #ffffff;
}


p.phonenumber	{
	font-family: Verdana, Kalimati, sans-serif;
	color: #ffffff;
	font-size: 0.8em;
	margin: 0 0 0 8em;
	text-align: left;
}


ul	{
	list-style-type: square;
	margin: 12px 22px 2px 12px;
	padding: 0 0 1em 0;
}

li	{
	font-size: 0.7em;
	list-style-position: outside;
	margin: 0 0 0 2.5em;
	padding: 0 0 0 1em;
}

#mainColumn ul	{
	list-style-type: square;
	margin: 12px 22px 2px 12px;
	padding: 0 0 1em 0;
}

#mainColumn ul.tandc	{
	list-style-type: square;
	margin: 12px 22px 2px 56px;
	padding: 0 0 1em 0;
}

#mainColumn li	{
	font-family: Verdana, Kalimati, sans-serif;
	color: #ffffff;
	font-size: 0.8em;
	list-style-position: outside;
	margin: 0 0 0 2.5em;
	padding: 0 0 0 1em;
}

p.consultation {
	font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}

		
#footer p {
		margin: 0px;
		padding: 5.2em 0 0 0;
		text-align: center;
		font-size: 0.75em;
	    font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
		color: #ffffff;
		}

#footer p.contact {
		margin: 0px;
		padding: 0px;
		text-align: center;
		font-family: Arial, Helvetica, Liberation Sans, sans-serif;
		color: #0D77DF;
		}

#mainColumn li, #innercontent li	{
		list-style-position: outside;
		margin: 0 0 8px 24px;
		line-height: 12px;
}

#mainColumn ul, #innercontent ul	{
		margin: 0 0 16px 0;
}

/* 5. Tables */

table	{
	background-color: #dddddd;
	margin: 20px 0 20px 0;
	border-bottom: 6px solid #1D599F;
	border-right: 6px solid #1D599F;
	border-spacing: 2px 3px;
	border-collapse: collapse;	
	width: 690px;
	font-family: Century Gothic, Avant Garde, sans-serif;
	font-size: 11px;
}

tr.titles	{
	font-weight: 600;
	text-transform: uppercase;
	height: 30px;
	vertical-align: top;
}

tr.separator	{
	height: 20px;
	vertical-align: top;
}

td	{
	border-bottom: 1px solid #000000;
	padding: 0 0 0 4px;
}

td.type	{
	width: 200px;
	border-bottom: 1px solid #000000;	
}

td.type2	{
	width: 100px;
	border-bottom: 1px solid #000000;	
}

td.measurements	{
	text-align: center;
	border-bottom: 1px solid #000000;
}

td.bullet, td.bullet2, td.bullet3, td.bullet4, td.bullet5, td.bullet6, td.bullet7, td.bullet8, td.bullet9, td.bullet10, td.bullet11, td.bullet12, td.bullet13, td.bullet14, td.bullet15	{
		border-bottom: 1px solid #000000;
}

td.bullet	{
 	background-position: center;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
}

td.bullet2	{
 	background-position: center;
	background-image: url(bullet-bw.gif);
	background-repeat: no-repeat;
}

td.bullet3	{
 	background-position: center;
	background-image: url(bullet-grey.gif);
	background-repeat: no-repeat;
}

td.bullet4	{
 	background-position: center;
	background-image: url(bullet-orange.gif);
	background-repeat: no-repeat;
}

td.bullet5	{
 	background-position: center;
	background-image: url(bullet-gold.gif);
	background-repeat: no-repeat;
}

td.bullet6	{
 	background-position: center;
	background-image: url(bullet-white.gif);
	background-repeat: no-repeat;
}

td.bullet7	{
 	background-position: center;
	background-image: url(bullet-by.gif);
	background-repeat: no-repeat;
}

td.bullet8	{
 	background-position: center;
	background-image: url(bullet-black.gif);
	background-repeat: no-repeat;
}

td.bullet9	{
 	background-position: center;
	background-image: url(bullet-bg.gif);
	background-repeat: no-repeat;
}

td.bullet10	{
 	background-position: center;
	background-image: url(bullet-brg.gif);
	background-repeat: no-repeat;
}

td.bullet11	{
 	background-position: center;
	background-image: url(bullet-rw.gif);
	background-repeat: no-repeat;
}

td.bullet12	{
 	background-position: center;
	background-image: url(bullet-violet.gif);
	background-repeat: no-repeat;
}

td.bullet13	{
 	background-position: center;
	background-image: url(bullet-brw.gif);
	background-repeat: no-repeat;
}

td.bullet14	{
 	background-position: center;
	background-image: url(bullet-outline.gif);
	background-repeat: no-repeat;
}

td.bullet15	{
 	background-position: center;
	background-image: url(bullet-blg.gif);
	background-repeat: no-repeat;
}

/* 6. Graphics */

#image-container2 img, #image-container3 img	{
		border: 0.363em solid #0052B8;
		margin: 0 0 1em 0;
}

img.main	{
		margin: 10px 10px 10px 0;
}

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

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


#mainColumn img.center{
		padding: 10px;
		margin:  10px 0 20px 0;
}

#mainColumn img.main	{
		margin: 10px 10px 10px 0;
}

#mainColumn img.innerleft	{
		margin: 0 20px 0 0 ;
		float: left;
		width: 118px;
}

#mainColumn img.innerright	{
		margin: 0 10px 10px 10px;
		float: right;
}


/* 7. Form */

form	{
display:block;
width:400px;
	padding: 25px 25px 40px 25px;
	
}

label	{
font-family: Arial, Helvetica, Liberation Sans, sans-serif;
		color: #FFFFFF;
	font-size: 0.9em;
	line-height: 1.7em;
	font-weight: 600;
	margin: 0 0 12px 0;	
}

.submit	{
	font-size: 1em;

	margin: 0 0 24px 48px;	
}

input, textarea	{
	display: block;
	width:250px;
	margin: 0 0 12px 20px;
}

.redstar {
	color: #ff0000;
}