html {font-size:100%;}
body {
    background:#E5E5E5; 
    font-size:76%;
    text-align:center;
}
html>body {font-size:12px;}
p {
    font-size:1em;
    line-height:1.6em;
}
.feint {
	font-size:0.9em;
	color:#444;
}
.small {
	font-size:0.9em;
}
p.date-small {
    font-size:0.7em;
    color: #777;
}
/* News Items */
.blog-intro {
	color:#555;
	font-size:0.9em;
}
.blog-entry {
	font-size:0.9em; 
}
.blog-link a {
	font-size:0.9em; 
	text-decoration:None;
	color:#00f;
}
/* Testimonials */
.t_quote {font-size:0.9em; }
.t_name  {font-size:0.8em;}
.t_company {font-size:0.8em; color:#337;}


h1 { font:400 18px/24px "Lucida Grande","Nimbus Sans Medium",Arial,sans-serif;}
h4 a { color:#00f;}
.container {
    margin-top:0px;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    padding:0px;
    width:780px;
    background:url("/media/images/shbg2.gif") repeat-y 0 0;
    color:#000;
    text-align:left;
}
#pic {
    width: 408px;
    height: 130px;
}
#hdr-struct {
    width:750px;
    height: 130px;
    margin: 0px 0px 0px 15px;
    padding:0px;
    border-top:4px solid #808080;
    border-bottom:4px solid #808080;
}
#left-nav {
    width:155px;
    padding:0px;
    margin:0px;
    text-align:left;
    background:#373539;
    float:left;
}
html>body #left-nav {
	width: 164px;
}
#img-holder {
    float:left;
    padding:0px;
    margin:0px 0px 0px 4px;
    width:582px;
    height:130px;
    background:#373539;
}
#img-holder img {
    border:0px;
    margin:0px;
}
#logo { 
    padding-left:6px;
    background:#373539; 
    }
#navlist {
	font:  400 14px/18px "Lucida Grande",Verdana,Arial,sans-serif;
	height:124px;
	margin:8px 0px 0px 0px;
	padding:0px;
}
html>body #left-nav {
	height: 130px;
}
#navlist li {
	list-style: none;
	width:100%;
}
#navlist li a {
	text-decoration: none;
	color: #bbb;
	border-right: 4px solid #373539;
    display:block;
	padding-left:5px;
    width:100%;
}
html>body #navlist a {
	width: auto;
}
#navlist a:hover {
	background: #b1b1b1;
	color: #000;
	border-right: 4px solid #808080;
	padding-left:5px;
}
#page-body {
    width:750px;
    margin-left:15px;
    padding:0px;
}
.left-col {
    font-family:"Lucida Grande","Nimbus Sans Medium",Arial,sans-serif;
    float:left;
    width:164px;
    padding:0px;
    text-align:left;  
}
.right-col {
    float:right;
    padding:0px;
    margin:0px;
    width:583px;
    text-align:left;
}
.prod-description {
	float:left;
	width:343px;
	padding-left:10px;
	padding-right:10px;
	font:400 12px/20px "Lucida Grande","Nimbus Sans Medium",Arial,sans-serif;
}
.prod-description h2 {
	color:#555;
	border-bottom: 1px solid #ccc;
	font:600 14px/17px "Lucida Grande",Verdana,Arial,sans-serif;
	
}
.sidebar {
	float:right;
	width:210px;
	padding:0px;
	margin:0px;
	padding-left:5px;
	height:500px;
	text-align:left;
	border-left:2px solid gray;
}
.sidebar #quote_options {padding-left:5px;}
.sidebar #quote_options label{
	font:600 14px/25px "Lucida Grande",Verdana,Arial,sans-serif;
	text-align:left;}
.sidebar #quote_options select {width:140px; margin-bottom:10px;}
.sidebar #field img {vertical-align:top; padding-left:20px;}

#content {
	font:400 12px/20px "Lucida Grande","Nimbus Sans Medium",Arial,sans-serif;
	margin:0px 50px 10px 45px;
}
#content .r-img {
	float:right; padding-left:15px;
}
.callout {
	font:400 18px/24px "Lucida Grande","Nimbus Sans Medium",Arial,sans-serif;
/*	font: 400 14px/20px "Lucida Grande","Nimbus Sans Medium",Verdana,Arial,sans-serif;*/
	width:400px;
	text-align: center;	
	padding: 3px 20px 3px 20px;
	margin: 0px 0px 0px 20px;
	background:#e0e0e0;
}
.lcolhead {
    font-weight: bold;
    margin:8px 5px 5px 5px;
    padding:5px 0px 5px 5px;
		background:#ccc;
}
.lcoltext {
    margin:2px 2px 2px 5px;    
}
.lcoltextsm {
    margin:2px 2px 2px 5px;    
    font-size: 0.9em;
    color: #111;
}
.l-graphic {
    padding:0px;
    margin:30px 0px;
    width:100%;
    border-top:4px solid #808080;
    border-bottom:4px solid #808080;
}
#banner {
    background:#A00;
    width:583px;
    height:35px;
    border-bottom:4px solid #808080;
}
#bannertxt {
    color:white;
/*    font:400 18px/24px "Lucida Grande","Nimbus Sans Medium",Verdana,Arial,sans-serif; */
    font-family: "Lucida Grande","Nimbus Sans Medium",Verdana,Arial,sans-serif;
    font-size:1.6em; 
	float: right;
    padding:5px 20px 5px 0;
}
#user-tools {
	margin:0;
	padding:9px 8px 4px 5px;
  font-family: "Lucida Grande","Nimbus Sans Medium",Verdana,Arial,sans-serif;
	float: left;
	font-size:1em;
	color:white;
}
#user-tools a {
	text-decoration:none;
	color:white;
}
#subsbutton {
	font:100% Tahoma;
}
.lcolnav {
    margin:0px 0px 0px 5px;
    padding:0px;
    list-style:none;
}
.lcolnav li {
	padding: 3px 6px 3px 5px;
	margin:0px 5px 0px 5px;
}
.lcolnav li a {
	display:block;
	text-decoration:none;
	color:#111;
/*	padding: 3px 6px 3px 5px;
	margin:0px;
    width:90%;*/
}
.lcolnav li a:hover {
	background:#ccc;
	color:#000;
}
.mblist li {
    padding-bottom: 6px;
}
#footer {
    height:35px;
    background:url("/media/images/shbg3.gif") no-repeat;
}
/* from djangoproj */
form h3 {
    background: #ccf;
}
.errornote { 
    font-size:12px !important; 
    display:block; 
    padding:4px 5px 4px 25px; 
    margin:0 0 3px 0; 
    border:1px solid red; 
    color:red;
    background:#ffc url(images/admin/icon_error.gif) 5px .3em no-repeat; 
}
.errorlist { 
    font-size:12px !important; 
    display:block; 
    padding:4px 5px 4px 25px; 
    margin:0 0 3px 0; 
    border:1px solid red; 
    color:red; 
    background:#ffc url(images/admin/icon_alert.gif) 5px .3em no-repeat; 
}

div.wide-row {
    clear:both;
    margin-top:4px;
}
div.wide-row label {
    float:left;
    width:200px;
    text-align:right;    
}
form label {
    float:left;
    width:100px;
    text-align:right;
}
form input {border:1px solid #aaa;}
form select {border:1px solid #aaa;}
.vLargeTextField, .vXMLLargeTextField { width:460px;border:1px solid #aaa; }
.help, p.help { font-size:11px !important; color:#00f; }
.hola {font-size: 16px; font-weight: bold; color: red;}
fieldset {border: 0px;}