body {
	margin: 0px;
	/*background-image: url(body_bg.gif);*/
	background-color: #000;
	color: #343434;
	font-family: Arial;
	font-size: 9pt;
}
#container {
	position: absolute; left:50%; width:940px; margin-left: -470px;
}
#content {
	margin-top: 5px;
	padding: 5px;
	background-color: #fff;
	vertical-align: top;
	width: 930;
}
.wrapper { width: auto; display: block; clear: both; }
p, td, input, .ctltext {
	color: #343434;
	font-family: Arial;
	font-size: 9pt;
}
a {
	color: #0066cc;
	text-decoration: none;
}
a:hover {
	color: #0066cc;
	text-decoration: underline;
}
h1 {
	font-size: 12pt;
	color: #990000;
	font-weight: bold;
}
h2 {
	font-size: 10pt;
	color: #00498b;
	font-weight: bold;
}
.titulo1 {
	font-size: 12pt;
	color: #990000;
	font-weight: bold;
	padding-bottom: 10px;
}
.titulo2 {
	font-size: 10pt;
	color: #00498b;
	font-weight: bold;
	padding-bottom: 10px;
}
.titulo3 {
	color: #333333;
	font-weight: bold;
	padding-bottom: 10px;
}
.legenda {
	width: 60px;
	float: left;
	padding-top: 4px;
}
.navigation {
	width: 100%; 
	height: 30px;
	background-image: url(nav_bg.jpg); 
	background-repeat: repeat-x;	
}
.nav {
	color: #fff;
	padding-left: 9px;
}
.nav a {
	color: #fff;
	text-decoration: none;
}
.nav a:hover {
	color: #fff;
	text-decoration: underline;
}
.lnk {
	color: #009900;
	text-decoration: none;
}
.header {
	width: 100%; 
	height: 104px;
	background-image: url(header_bg.jpg); 
	background-repeat: repeat-x;
}
.footer {
	margin-top: 5px;
	width: 100%; 
	background-color: #fff; 
}
.colside {
	float: left;
	width: 150px;
	/*padding: 10px 0px 10px 0px;*/
}
.colmid {
	float: left;
	width: 620px;
	/*padding: 10px 0px 10px 0px;*/
}
.colcont {
	float: left;
	width: 300px;
	vertical-align: top;
}
.colsep1 {
	float: left;
	/*width: 13px;*/
	width: 10px;
}
.colsep2 {
	float: left;
	width: 14px;
}

/* title bar */
.titlebar {
	height: 26px;
	width: 100%;
}
.titcol {
	width: 5px;
}
.titred {
	background-image: url(cr_red_02.jpg);
	background-repeat: repeat-x;
	color: #fff;
} 
.titred1 {
	background-image: url(cr_red_01.jpg);
}
.titred2 {
	background-image: url(cr_red_03.jpg);
}
.titorange {
	background-image: url(cr_ora_02.jpg);
	background-repeat: repeat-x;
	color: #fff;
} 
.titorange1 {
	background-image: url(cr_ora_01.jpg);
}
.titorange2 {
	background-image: url(cr_ora_03.jpg);
}
.titgreen {
	background-image: url(cr_gre_02.jpg);
	background-repeat: repeat-x;
	color: #fff;
}
.titgreen1 {
	background-image: url(cr_gre_01.jpg);
}
.titgreen2 {
	background-image: url(cr_gre_03.jpg);
} 
.box {
	padding: 5px;
}
.boxgreen {
	padding: 5px;
	background-color: #336600;
	color: #fff;
}


/* Search Box*/
.searchleft {
	float: left;
	height: 249px;
	width: 5px;
	background: url("search_lf.jpg")  no-repeat;
}
.searchright {
	float: left;
	height: 249px;
	width: 5px;
	background: url("search_rt.jpg") no-repeat;
}
.searchmid {
	float: left;
	height: 249px;
	width: 610px;
	background: url("search_bg.jpg") repeat-x;
}
.searchtitle {
	font-size: 12pt;
	color: #fff;
	padding: 7px 0px 7px 0px;
}
.searchbox {
	height: 161px;
	width: 590px;
	background: url("searchbox.jpg") repeat-x;
	padding: 10px;
}
.srcbt1, .srcbt2 {
	border: 0px;
	padding: 0px;
	margin-bottom: -3px;
	cursor: pointer;
}
.srcbt1 {
	margin-right: 5px;
}
.srcoption { height: 25px; }

/* Lists */
.separator {
	width: 100%; height: 1px; border-bottom: 1px dotted #cccccc; margin-top: 3px; margin-bottom: 3px;
}
.itemgroup {
	display: block; clear: both;
}
.itemholder {
	width: 196px; float: left; margin-bottom: 3px;
}	
.price { color: #cc3300; }	
.itemTemp {
	background: #fff;
	height: 53px;
	padding: 5px 0px 5px 5px;
	border: solid 1px #66ccff;
	margin-bottom: 5px;
}
.itemTempAlt {
	background: #f2fdff;
	height: 53px;
	padding: 5px 0px 5px 5px;
	border: solid 1px #66ccff;
	margin-bottom: 5px;	
}


.pager {
	border:solid 1px #9aafe5;
	margin-right:2px;
	padding: 2px 4px;
}
.pager:hover{
	border:solid 1px #0e509e;
}
.pager:active{
	border:solid 1px #0e509e;
}
.pagernext {
	font-size: 12pt;
}
.pagernext:hover {
	font-size: 12pt;
}

.boxdirect {
	width: auto;
	border: solid 1px #ddd;
	padding: 5px;
	font-size: 8pt;
}
.toolbar {
	height: 26px;
	background-image: url(toolbar.jpg);
	background-repeat: repeat-x;
	color: #fff;
}
.toolbar a { color: #fff; }
.toolbar a:hover { color: #fff; text-decoration: underline; }