/* ---------- default values ---------- */

body {
  font-family: verdana, arial, sans-serif;
  color:rgb(120,120,120);
  background:rgb(250,246,228);
  font-size:12px;
  line-height:15px;
}

body,ol,ul,li,div,table,tr,td,th,fieldset,label,legend,form {
  padding:0;
  margin:0;
}

a img {
border-width:0px;
}

/* ---------- layout ---------- */

div#container {
  position:relative;
  width:740px;
  padding:0px;
  margin:0px auto 0px auto;
  text-align:left;
  background:url(img/content_bg.gif) rgb(255,255,255);
}

div#bottom {
  clear:both;
  height:34px;
  background:url(img/bottom.gif) rgb(250,246,228) no-repeat;
}

div#titlebar {
  position:relative;
  height: 96px;
}

div#sidebar {
  float:left;
  display:inline;
  margin:32px 0px 10px 50px;
  background: rgb(180,180,180);
  width:170px;
  padding:12px;
  color:rgb(255,255,255);
}

#sidebar h2 {
  padding:5px 0px 5px 0px;
  color:rgb(255,255,255);
}

div#content {
  position:relative;
  margin: 0px 0px 0px 270px;
  padding: 32px 0px 10px 0px;
  width: 420px;
}

div#brand {
  font-size:11px;
  line-height:14px;
  text-align:center;
  color:rgb(0,0,90);
  margin:0px;
  padding:3px 0px 20px 0px;
}	

div#tabbar {
  padding:0px 0px 0px 30px;
  text-align:left;
  font-size:11px;
}

div.link {
	margin:6px 0px 6px 0px;
	}

div.link img {
	vertical-align:middle;
	margin:0px 6px 0px 0px;
	}

.quotelink {
  padding:10px 0px 0px 10px;
  }

.pagepic {
  margin:10px 0px 0px 0px;
  width:162px;
  height:162px;
  border:4px rgb(255,255,255) solid;
  }
  
/* ---------- form items ---------- */

fieldset {
  border:1px rgb(210,225,240) solid;
  padding:0px 12px 12px 12px;
  margin:0px 0px 10px 0px;
  }
  
legend {  
  color:rgb(150,180,220);
  padding:0px 6px 8px 6px;
  margin:0px 0px 0px 0px;
  }

fieldset div {
  height:24px;
  line-height:20px;
  overflow:hidden;
  }
  
label {
  text-align:right;
  width:140px;
  float:left;
  padding:0px 10px 0px 0px;
  color:rgb(200,160,100);
  height:20px;
  line-height:20px;
  }

input, textarea {
  padding:2px 8px;
  }

input, textarea, select {
  border:1px rgb(200,200,200) solid;
  line-height:13px;
  }
  
input.noborder {
  border-width:0px;
  }
  
div.submit-quote input {
  padding:0px 0px 0px 0px;
  border:0px;
  }

div.submit-quote {
  text-align:right;
  }

.required {
  font-size:9px;
  vertical-align:top;
  color:rgb(220,30,0);
  }
  
/* ---------- splash items ---------- */

.splash-col-1, .splash-col-2 {
  width:200px;
  float:left; 
  }
  
.splash-col-2 {
  padding: 0px 0px 0px 20px;
  }
  
.splash-box-1, .splash-box-2 {
  border-color:rgb(210,210,210);
  border-style:solid;
  border-width:0px 1px 1px 1px;
  }

.splash-box-1 { margin:0px 0px 22px 0px; }
.splash-box-2 { margin:0px 0px 10px 0px; }

.splash-text-1, .splash-text-2 {
  padding:10px;
  font-size:11px;
  line-height:13px;
  overflow:hidden;
  }

.splash-text-1 { height:66px; }
.splash-text-2 { height:40px; }
  
.splash-pic-1, .splash-pic-2 {
  float:left;
  padding-right: 2px;
  }
  
.splash-pic-1 { width:64px; height:86px; }
.splash-pic-2 { width:50px; height:60px; }
  
a .splash-title-1, a .splash-title-2 {
  color:rgb(200,30,0);
  }

.splash-title-1, .splash-title-2 {
  overflow:hidden;
  font-weight:400;
  background:url(img/splash-top.gif) rgb(255,255,255) no-repeat;
  text-align:center;
  line-height:16px; 
  }

.splash-title-2 { font-size:13px; height:22px; padding-top:5px; }
.splash-title-1 { font-size:16px; height:24px; padding-top:8px; }

/* ---------- table styles ---------- */

.examples {
  margin:4px 0px 10px 0px; 
  }

.examples td, .examples th {
  padding:3px 10px;
  line-height:12px;
  }

.examples td {
  color:rgb(150,150,150); 
  }
.examples th {
  text-align:right;
  font-weight:100;
  color:rgb(220,180,120);
  
  }

/* ---------- text styles ---------- */

a {
  text-decoration:none;
  color:rgb(60,120,220);
}

a:hover {
  color:rgb(240,130,0);
}

a:focus {
  border:0;
}

cite {
	font-style:italic;
	}

em {
  font-style:normal;
  font-weight:700;
  color:rgb(220,120,0);
}
	
span.product {
  font-style:italic;
}

.red { color:rgb(220,30,0); }

p span.product, li span.product {
  color:rgb(120,100,60);
}
	
h2 {
  font-size:21px;
  font-weight:100;
  color:rgb(140,20,0);
  margin:0em;
  padding:0em 0em .75em 0em;
  line-height:18px;
}

h3 {
  font-size:15px;
  font-weight:100;
  color:rgb(220,120,0);
  margin:0em;
  padding:0.8em 0em 0.2em 0em;
}

p	{
  margin:0em;
  padding:0.3em 0em 0.3em 0em;
}	

li {
  margin:0em 0em 0em 18pt;
  padding:0em 0em 0.3em 0em;
}	

/* -------- printing -------- */

@media print {
  div#titlebar, div#tabbar, div#sidemenu {display: none}

  div#container, div#content {
    padding-top: 0px;
    margin-left:0px;
    width: 100%;
 }

}