/* 

virtualworkbench.com main style sheet
Copyright Crownhill Associates 2004
Designed In-house by Phil
No apologies are made for its sheer messyness :)

*/

/* Menu Styling */
ul.menu {
	list-style:none;
	margin:0;
	padding:0;
}
ul.menu li {margin:3px 20px 3px 3px;}
ul.menu li a {
	display:block;
	text-decoration:none;
	width:100%;
	padding:2px 2px 2px 5px;
	background: #eee;
	border-left:7px solid #006699;
}

/* Specials and Menu Link Styling */
ul.menu li a:link, .specials a:link {color:#000;}
ul.menu li a:visited, .specials a:visited {color:#000;}
ul.menu li a:hover {color:#000;background:#D7DDF7;border-left-color:#999;}
.specials a:hover {color:#619c1f;}


body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;color:#000;}
body {background-color: #FFF;font-size:70%;margin:0;padding:0;}

/* link styling */
a:link {color:#069;font-weight:bold;text-decoration:none;}
a:visited {text-decoration:none;color:#005177;font-weight:bold;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;color:#666;}
a.outside {padding-right:9px;background:url(images/outside.gif) right top no-repeat;}
a.pdf {padding-right:13px;background:url(images/pdf.gif) right center no-repeat;}
a.datasheet {display:none;}
h2 a {}
#menucontainer a:link {color:#666;}
#menucontainer a:visited {color:#444;}
#menucontainer a:hover {color:#999;}

/* header styling */
h1, h2, h3, .quote cite {font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size:160%;}
h2 {font-size:130%;color:#666;}
h3 {font-size:110%;color:#999;}

code, pre {font-size:120%;}

#menucontainer {
	width:160px;
	position:absolute;
	top:95px;
	left:15px;
	margin:0 0 0 0;
	}
#content {padding:10px;}
#head {border-bottom:1px solid #069;}
#sidebar {padding:10px;position:absolute;width:110px;top:120px;}
#sidebar img {margin-left:5px;}
#contentcontainer {margin:5px 15px 0 180px;}
#masthead {margin:10px 15px 5px 15px;border-bottom:7px solid #069;padding-bottom:5px;}
#content p {text-align:left;}
.leftbox, .rightbox {position:absolute;height:17px;top:65px}
.leftbox {background:#336699;width:160px;left:15px;}
.rightbox {background:#336699;width:565px;left:177px;}
acronym {cursor:help;border-bottom:1px dotted #c60;}

#footer {border-top:7px solid #069;text-align:right;margin-top:10px;}
.top {text-align:right;}

/* product page styling */
.sectionbox {border-bottom: 1px solid #EAEAEA;padding:20px;}
.sectionbox p {padding:0 0 5px 0;}
.sectionbox h2 {margin-top:7px;}
.sectionimage {float:left;padding:10px;}
.sectionimage img {border:1px solid #fc0;}
.sectionimage img:hover {border-color:#c60;}
.sectionmore {float:right;margin:0px 0;}



#container {margin-left:15px;}



#head h1 {
	color:#666;
	font:bold 275% Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:7px;
}
#head h2 {color:#999;padding:0px;margin:0 0 5px 35px;}

#head div.price {background:#ddd;float:right;margin:-50px 20% 0 0;width:100px;text-align:right;font-size:120%;}

.quote, .buy, .info{background:#eee;border:1px solid #006699;padding:5px;}
p.info {margin:0.5em 3em 3em 3em;width:26em;background:#fff;font-size:110%;}
.info {width:27em;}
.quote {margin:20px 0 20px 0;}
.buy {width:19.5em;}
.buy p, p.buy{font-size:105%;margin:0;}
p.buy {width:19.5em;text-align:left;}
.quote blockquote {margin:7px;}
.quote cite {font-size:105%;}

/* product photo styling */
.photo {float:left;position:relative;padding:0 0 25px 0;width:205px;}
.caption {text-align:center;}
.photo img {margin:0 30px 0 30px;border:1px solid #fff;}
.photo a:hover img {border:1px solid #c60;}

/* footer styling */
#icons {position:absolute;left:145px;width:420px;margin:10px 0 10px 0;}
#icons img {border:0;width:88px;height:31px;}

.box h2 {margin:2px 0 0 4px;color:#555;font-size:110%;}
h4 {font-size: 100%;margin:0;}
li {margin:1em 0 0 0;}
.box li {margin:0;}
#secmenu h2 {color:#c60;margin:0;padding:10px 0 10px 0;font-size:110%;}
h1.products {color:#c60;}
.hilite {color:red;}

/* button styling */
a#freedl, a#freedl:visited {float:right;width:135px;padding:0.33em;margin:-50px 20px 0 0;}
#masthead a {font-size:135%;}

/* comparison table styling */
table.comparison td, table.comparison th {padding:1px;text-align:left;font-weight:normal;}
table.comparison tr td, table.comparison tr th {border-bottom:1px solid #ddd;}
tr.sub td, tr.sub th {background-color:#ddd;}
tr.sub th, th.sub {font-weight:bold;}

td#leftcolumn {padding:10px 0 0 5px;margin:0;width:165px;}
td#leftcolumn, td#rightcolumn, td {vertical-align:top;}
td#leftcolumn h2 {font-size:110%;}
td#leftcolumn img {margin:auto;}

td {padding:5px;}

td#rightcolumn {padding:10px 5px 0 0;margin:0;font-size:110%;}

.box {border:1px solid #ccc;background:#ddd;margin:3px auto 9px auto;text-align:left;padding:2px;width:160px;}
.box li {
	margin:0;
	list-style: disc outside;
}
.box ul {padding:1px;margin:5px 0 0 15px;}
.box p {padding:2px;}



a.button, a.button:visited, a#freedl, a#freedl:visited {display:block;border:1px solid #ccc;color:#fff;background:#ccc;vertical-align:middle;text-align:center;}
a.button, a.button:visited {
	height:20px;
	width:120px;
	padding-top:0.2em;
	margin:0.25em auto 0.25em auto;
	font-size:135%;
}

.box a.button:visited, .box a.button {display:block;border:1px solid #fff;color:#069;background:#fff;vertical-align:middle;text-align:center;}
.box a.button, .box a.button:visited {
	width:120px;
	padding-top:0.2em;
	margin:0.25em auto 0.25em auto;
	font-size:130%;
}
.box a.button:hover {text-decoration:none;background:#069;color:#fff;}

a#freedl:hover {text-decoration:none;background:#fff;color:#ccc;}

img.floatleft {float:left;margin:5px;clear:both;}
img.floatright {float:right;margin:5px;} 

div.nowrap {clear:both;margin:10px 10px 10px 10px;}

.front {width:80%;line-height:105%;padding:10px;display:block;margin:10px auto 10px auto;}

h3.price {padding-top:0;margin-top:0;font-size:smaller;}
h2.price {padding-bottom:0;margin-bottom:0;}