/* ***** application styles for Verex Press ***** */

/* ----- colors # -----
----------------------- */


body {
	margin:0px;
	padding:0px;
	padding:18px 1px;
	font:10pt verdana,sans-serif;
background-image: url("../vp/img/ws/bg3.jpg");
background-repeat:repeat;	
}


/* --- page defaults --- */

a {color: #33f;}
a:visited {color: #40b;}
a:hover {color:#005;}

#container {
	vertical-align: top;
	margin:auto;
	width:850px;
	background-color:#fff;
	border:2px solid #820;
}


#hdr{
	display:block;
	height:127px;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#e52;

/*
	background-image: url("../bw/img/ws/bw.gif");
 	background-position:top center;
	background-repeat:no-repeat;
*/
}



#hdlogo{
	float:left;
	height:70px;
	width:120px;
	margin-left:15px;
	margin-right:20px;
	margin-top:1px;
	margin-bottom:2px;

/*
background-color:#b52;
	border-style:solid;
	border-width:2px;
	border-color:#222;
*/
}





#hdrnav{
	position:relative;
	top:107px;
	display:block;
	height:17px;
	font:13px verdana,sans-serif;
	color:#fff;
	background-color:#000;
}

#hdrnav a { vertical-align:top; color: #fff; text-decoration:none; }
#hdrnav a:hover { color:#ddf; background-color:#555; }




#content{
	display:block;
	padding:8px 45px;
	background-color:#fff;
	min-height:380px;
	font: 11pt verdana, sans-serif;
}


#ftr {
	display:block;
	width:100%;
	color:#555;
	background-color:#fff;
	text-align:center;
	height:16px;
	font: 8pt verdana, sans-serif;
}
#ftr a:link    {color: #44f }
#ftr a:visited {color: #44f }
#ftr a:hover { color:#00f}

/*
#ftr2 a:link    {color: #999; text-decoration:none}
#ftr2 a:visited {color: #999; text-decoration:none}
#ftr2 a:hover { text-decoration:underline}
*/

/*
p {
	margin-top:0px; margin-bottom:8px
	clear:both; padding:15px; }
*/
/*
p {clear:both}
*/


h1 {	/* page heading */
	font: bold 24pt verdana,sans-serif;
	text-align:center;
	margin-bottom:8px}
h2 {	/* major section */
	font: 14pt verdana,sans-serif;
	margin-bottom:2px}
h3 {	/* minor section */
	font:bold 11pt verdana,sans-serif;
	margin-bottom:0px}
h4 {	/* detail item */
	font: bold 10pt verdana,sans-serif;
	margin-bottom:0px}



/* ----- product list table ----- */
.prlist { background:#ccc; font:10pt verdana,sans-serif}

/* table.prlist {... margin:auto; width:100%;} */
table.prlist {border-collapse:collapse; border:1px solid #000; width:100%}

table.prlist * tr { background:#fff; border-bottom:0px solid #bbb; }
table.prlist * tr.var { background:#f5f0dd }	/* highlight stripes */

table.prlist * tr.foot { color:#fff; background:#c96; border:0px;}
table.prlist * tr.base { background: #ccc} /* same as bg from container */
table.prlist * th { color:#fff; background:#333; font:8pt verdana,sans-serif}




/* ----- "request" form ----- */
table.reqform {
	background-color: #ccc;
	border-collapse:collapse;
	border:1px dashed #610;
	margin:auto}
table.reqform * tr.err {background-color:#f33}
table.reqform * td {padding: 4px; text-align:left}
table.reqform * td.sub {padding: 12px; text-align:center}
table.reqform * th {text-align:right}


/* ----- div for big messages ------ */
.centerbox {
	width:63%; margin-left:15%;
	text-align:center;
	font: 12pt verdana,sans-serif;
	color:#000;
	border:1px solid #f00;
	background-color: #ccc;
	padding:12px;
}



.tinynote {
	font: 8pt verdana,sans-serif;
	color:#000;
	padding:1px;
	margin-top:12px;
}



div.tblk {
	margin-top:0px; margin-bottom:1px
	clear:both; padding:0px 44px; font-size:13pt;
}



.phot {
	float:left;
 	margin:6px;
	margin-left:0px;
	margin-right:20px;
	margin-top:8px;
 	/*padding:1px;
	background-color: #00d;*/
	border-style:dotted;
	border-width:1px;
	border-color:#555;
}
.cap {	clear:both;
	text-align:center;
	background-color: #eee;
	font:italic 9pt sans-serif;
	color:#000;
	padding:0px 8px;
}
.flrt {	float:right;
	margin-left:10px;
	margin-right:0px;
}


.photocen {
	clear:both;
 	margin:auto;
	margin-top:8x;
 	padding:1px;
	color:#fff;
	background-color: #522;
}



li {margin-bottom:12px;}





/* ----- simple chart with grid ----- */
.chart {color:#000; background:#fff; font-size: 12pt;}
table.chart {border-collapse:collapse; border:1px solid #000; margin:auto}
table.chart * td {padding: 3px; border:1px #000 solid; }
table.chart * th { color:#000; background:#fdf; text-align:center;
		font:bold 10pt verdana,sans-serif}



/* ----- simple chart with no grid ----- */
.chartb {color:#000; background:#fff; font-size: 12pt;}
table.chartb {border-collapse:collapse; margin:auto}
table.chartb * td {padding: 1px 5px 0px}
table.chartb * td.wide {padding: 7px 14px}
table.chartb * tr.err {background-color:#f99}
table.chartb * th { color:#000; background:#f44; text-align:center;
		font:bold 10pt verdana,sans-serif}





/* ----- price-list ----- */
.prclst {color:#000; background:#f4f4f4; }
table.prclst {border-collapse:collapse; border:0px solid #000; }
table.prclst * td {padding: 3px; border:0px #000 solid}
table.prclst * th { color:#000; background:#bbb; text-align:center;
		font: 9pt verdana,sans-serif}





.loud {color:#f00}
.quiet {color:#999}
.big {font-size: 133%}
.little {font-size: 67%}
.typ {color:black; font: 10pt "courier new",courier,monospace,serif;}

.txl {text-align:left}
.txc {text-align:center}
.txr {text-align:right}
.valt {vertical-align:top}
.valb {vertical align:bottom}
.valc {vertical-align:center}
.clr {clear:both}