/*-----------------------------------------------------------------------------
Ice Field Tools

version:   1.0
date: September 5, 2008
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {

background-color: #7a2a24;
margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #01539d;
  margin-bottom: .3em;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
	color: #01539d; 
	margin-bottom: .35em; 
}

h3 {
  font-size: 1.7em;
  font-weight: normal;
  margin-bottom: .5em;
}

a {
  color: #2093e5;
}

a:hover {
text-decoration: none;
  color: #2093e5;
}

ul {
list-style:square;
}

.positionlogo {
position: absolute;
top: 15px;
left: 35px;
}

.h1home {
color: #25458a;
}

.clearboth {
clear:both;
}

.smalltitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 130%
}

.emphasissubtext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.imagepadding {
padding-bottom: 15px;
}

.aceeca {
position: absolute;
top: 80px;
left: 640px;
}

.pothier {
position: absolute;
top: 50px;
left: 300px;
}

.kluanecanada {
position: absolute;
top: 50px;
left: 300px;
}

.comprobe {
position: absolute;
top: 50px;
left: 300px;
}

.arklatex {
position: absolute;
top: 170px;
left: 300px;
}

#wrapper {
	background-color: #fff;
}

#branding {
	position: relative;
 	height: 130px;
  	background-color:#fff;
	background: #ffffff url(../images/roundedtop_branding.gif) no-repeat top left;
}

#branding .brandinglinks {
position: absolute;
top: 5px;
left: 570px;
}

#branding ul {
font-size: 1em;
font-size: .9em;
}

.brandinglinks li {
display:inline;
padding-right: 10px;
} 

#branding .brandingtagline {
position: absolute;
top: 40px;
left: 380px;
}

#branding .tollfree {
position: absolute;
top: 75px;
left: 570px;
}

/* Start Main Navigation */

#navigation {

}

#navigation ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 860px;
  background: #000000 url(../images/nav_bg.gif) repeat-x;
  font-size: 115%;
}

#navigation ul li {
float:left;
  display:inline; /* Fixes IE6 Double Margin Bug */
}

#navigation ul a {
  padding: 0 2em;
  line-height: 2.1em;
  background: url(../images/nav_divider.gif) repeat-y left top;
  text-decoration: none;
  color: #fff;
  display: block;
}


#navigation ul a:hover {
  color: #cccccc; 
}


#navigation ul .first a {
  background: none;
}

/* End Main Navigation */

#primaryContent {
  	background-color: #fff;
}

#primaryContent .productcalltoaction {
font-weight: bold;
font-size: 1.1em;
background-color: rgb(230,230,230);
margin-left: 30px;
margin-right: 30px;
padding: 10px 10px 10px 10px;
}


#primaryContent li {
padding-bottom: 5px;
}


#primaryContent ol li {
padding-bottom: 0px;
}

#primaryContent li li {
padding-bottom: 0px;
list-style-type:circle;
}

/* Start company description on home page */

#company {
margin: 0;
padding:0;
background-color: #fff;
color: #808285;
}

#company p {
font-size: 170%;
font-family: Georgia, "Times New Roman", Times, serif;
}

/* End company description on home page */

/* Start main marketing message on home page */

#mainMessage {
margin: -1.3em 30px -2.3em 30px;
padding: 0px;
background-color: #dc8e2f;
color: #fff;
}

#mainMessage p {
font-size: 2.6em;
font-family: "Times New Roman", Times, serif;
}

/* End main marketing message on home page */

/* Start coloured horizontal floated content boxes on home page */

#boxesmain {
margin:0px;
/* width: 800px;   EWB padding:0px; */
padding-bottom: 2em;  /* hack for over riding Blueprint sceen.css - p {margin:0 0 1.5em;} */
}

#boxesmain .boxmainleft {
float:left;
background-color: rgb(242,242,242);
width: 260px;
padding: 5px;
}

#boxesmain .boxmainmiddle {
/* background-color: rgb(242,242,242); */
float:left;
/* padding: 5px 180px 5px 5px; */
width: 270px;
padding: 5px;
}

#boxesmain .boxmainright {
float:right;
background-color: rgb(242,242,242);
width: 230px;
padding: 5px;
}

/* End coloured horizontal floated content boxes on home page */

/* Start Specification Overview table on product pages */

#tooltable {
margin:0;
padding: 0;
}

#tooltable th {
background: #ccc url(../images/bar.gif) repeat-x left center;
padding: 0.2em .5em;
margin:0;
width: 265px;
font-size: 110%
}

#tooltable tr {
padding:0;
margin:0;
} 

#tooltable td {
width: 265px;
padding: .5em;
margin:0;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
}

#tooltable .odd {
  background-color:#edf5ff;
}

#tooltable .emphasisitalic {
font-weight: bold;
font-style:italic;
}

/* End Specification Overview table on product pages */

/* Start Become A Distributor Form */

#distributor input {
color: #000;
width: 400px;
}

#distributor label {
display: block;
}

#distributor .submitdistributor, #distributor .checkbox {
width: auto;
}

#distributor textarea {
width: 400px;
height: 100px;
}

.needed {
color: #760000;
font-weight: normal;
}

/* End Become A Distributor Form */

#pothierlisting {
position: relative;
}

#comprobelisting {
position: relative;
}

#kluanecanadalisting {
position: relative;
}

#arklatexlisting {
position: relative;
}

#secondaryContent {
  	background-color: #fff;
}

#secondaryContent h3 {
color: #808285;
	  color: #01539d;
}

#secondaryContent .horizontaldivider {
background: #ffffff url(../images/horizontaldivider.gif) repeat-x;
/* margin-left: 30px; */
}

#newsletter {
margin: 0 0 30px 0;
padding: 10px 0px 1px 0px;
background-color: #edf5ff;
border-top: 8px solid black;
border-bottom: 1px solid #808285;
}

#newsletter h3, #newsletter p, #newsletter form {
padding-left: 10px;
}

#secondaryContent form {
margin-bottom: 10px;
background-color: #edf5ff;
}

#footer {
	position: relative;
	background-color: #8c2a24;
	color: #fff;
}

#footer p {
margin: 0;
padding: 10px 0 10px 30px;
}

#footer ul {
	margin: 0;
	padding: 10px 0 10px 30px;
	list-style-type: none;
}

#footer li {
	display: inline;
	padding-right: 65px;
}

#footer  a {
color: #fff;
}

#footer a:hover {
text-decoration: none;
}

/* Layout Core Technique
================================= */

body {
 	text-align: center; 
}

#wrapper {
  	width: 860px; 
  	margin: 0 auto; 
  	text-align: left; 
}


#primaryContent { 
  	width: 590px;
  	float: right; 
}

#secondaryContent { 
  	/* width: 250px; */
	width: 220px;
  	float: left; 
} 

#footer { 
  	clear: both;
} 

#oneColLayout #primaryContent {
width: 860px;
}

/* Layout Padding 
================================== */

#primaryContent {
  	padding-top: 20px;
}

#primaryContent * {		/* Targets all child elements of #primaryContent - example p, ul, etc. */
  	padding-left: 30px;
	padding-right: 30px;
}

#primaryContent * * {		/* Targets all grand child elements of #primaryContent to prevent adding 30px - example li etc. */
  	padding-left: 0;
	padding-right: 0;
}

#secondaryContent {
  	padding-top: 20px;
	padding-left: 30px; /* added Nov 13, 2008 */
}

#secondaryContent * {			/* Targets all child elements of #secondaryContent - example p, ul, etc. */
  	padding-left: 0px;
  	padding-right: 30px;
}


#secondaryContent * * {		/* Targets all grand child elements of #secondaryContent to prevent adding 30px - example li etc. */
  	padding-left: 0;
  	padding-right: 0;
}

#footer {
  	padding-top: 5px;
  	padding-bottom: 5px;
}

#footer * {
  	padding-left: 30px;	/* Targets all child elements of #footer - example p, ul, etc. */
  	padding-right: 30px;
}

#footer * * {			/* Targets all grand child elements of #footer to prevent adding 30px  - example li etc. */
  	padding-left: 0;
  	padding-right: 0;
}



