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

body {
  font-family: verdana, arial, sans-serif;
  color:rgb(120,120,120);
  background:url(img/main_bg.gif) rgb(128,145,156) repeat-x;
  font-size:12px;
  text-align:center;
  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#linkstrip {
	clear:both;
  height:24px;
  font-size:11px;
  line-height:14px;
  text-align:center;
  color:rgb(220,235,245);
}

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

div#sidebar, div#sidebarfront{
  float:left;
  margin:10px 0px 30px 50px;
  width:210px;
}

div#sidebarfront {
  background: rgb(160,30,0);
  color:rgb(255,255,255);
  padding:15px;
  width:180px;
}

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

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

div#content {
  position:relative;
  margin: 0px 0 0 290px;
  padding: 10px 0px 30px 0px;
  width: 400px;
}

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

#brand a { color:rgb(255,255,255); } 
#brand .divider { color:rgb(255,255,255); } 

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 {
  border:1px rgb(0,0,0) solid;
  margin:0px 0px 10px 0px;
  width:210px;
  height:210px;
  }
  
/* ---------- form items ---------- */

fieldset {
  border:1px rgb(210,225,240) solid;
  padding:0px 12px 12px 12px;
  margin:10px 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);
  }
 

/* ---------- 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:26px;
  font-weight:100;
  color:rgb(100,150,200);
  margin:0em;
  padding:0em 0em .5em 0em;
  line-height:22px;
}

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

/* -------- frontage -------- */

ul.frontage {
  list-style: none;
  padding:10px 0px 30px 0px;
  }

ul.frontage li {
  font-size:16px;
  margin:0px 0px 0px 0px;
  padding:2px 0px 10px 24px;
  background-image: url(img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}	

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

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

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

}