.open {}

a {color:#46a;}
#pagewrapper {position:relative; width:950px; margin:auto;}
#topbar {background-image: url('gra/rect3287.png'); line-height:24px; text-align:left; padding-left:15px; color:#fff;}
#header{
background-color:#4466aa; 
background-image: url('gra/headerbg.jpg'); 
background-repeat:no-repeat; 
height:120px; 
position:relative; 
text-align:left;
color:#fff;
}
#mainmenu{height:20px; position:absolute; bottom:0px; left:130px;}
.tooltip{display:none;}
#bodywrapper{background-color:#4477aa; background-repeat:no-repeat; position:relative; }
#mainbody{background-color:#fff; position:relative; margin:0px 10px}
#bodyarea{padding:10px; text-align:left;}

#footer{padding:10px; background-color:#6699aa;background-image: url('gra/bluebg.jpg'); color:#fff}
#footer a {color:#ddd;}
.crumbtrail {color:#359}

#vernierlogo {position:absolute; right:10px; top:10px;}
.menuon{padding:3px 12px 3px 12px; margin:0px; color:#fff; text-decoration:none; font-weight:bold}
.menuoff{ padding:3px 12px 3px 12px; margin:0px; color:#fff; text-decoration:none; border-right: 1px solid #88f;}
.menuoff:hover{background-image: url('gra/rect3287b.png'); background-color:#359;}
#search{position:absolute; left:80px; top:60px; font-size:19px;}
.searchtext{font-size:16px; width:230px;}
.searchbutton{font-size:16px}
#rightcol {float:right; padding:10px; width:270px}
h2 {font-size:14px; background-color:#57a; margin:0px;}

.boxheading {display:block; padding-left:35px; background-image: url('gra/boxheadingbg.png'); background-color:#57a; color:#fff; line-height:22px; background-repeat:no-repeat;}
.box {display:block; margin:0px; margin-left:-34px; background-color:#fff; padding:10px;border:1px solid #57a; color:#000; font-size:12px; line-height:15px;}

.searchresult{border:none; font-size:10px;}
.securemessage {width:200px; float:right;}
.productimage {border:1px solid #777; padding:10px;}
#buynow {width:300px;}
.list {font-size:10px;}
.list H3{}
.letters {font-size:13px;}
.homebox {border: 6px solid #ccc; padding:0px 10px 10px 10px}
.homefeature  {border-collapse:collapse; }
.homefeature td {text-align:center; width:200px; border-left:1px solid #ccc;border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.featuredtable td {border:0px}
.alert{border:1px solid #f00; padding:10px; color:#f00;}



/*the css for the result listings after a search*/
.rb {position:relative; min-height:70px; width:530px; overflow: hidden;} /*the result box*/
.rp {color:red; font-weight:bold; right:0px; bottom:0px; font-size:12px;}/*price*/
.rd {padding:1px; text-decoration:none;}/*description*/
.more {float:right}
.rpc {font-weight:bold;display:block; font-size:12px}/*partcode*/
.rc {width:550px; font-size:10px;}/*content*/
.ri {}/*image*/
.minorder{color:#777;}

/*the css for the actual product display page*/
.pp {color:red; font-weight:bold; display:block; font-size:14px;}/*price*/
.pd {padding:1px; text-decoration:none;}/*description*/
.ppc {font-weight:bold;display:block; font-size:14px}/*partcode*/
.pc {width:600px; margin-top:20px; margin-bottom:20px; font-size:11px;}/*content*/
.pi { margin-top:10px;}/*image*/
.ppd {margin-bottom:0px;} 
.special {font-weight:bold; color:#c00}
.matrix {
background-color:#def; 
padding:10px; 
border:1px solid #999; 
display:inline-block; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
margin:0px 0px 5px 0px;
}


#productthumbs { float:right; margin:10px 20px 10px 20px; font-size:10px; text-align:center; width:150px; padding:3px}

#gallerywrapper{}
#galleryselectors {max-height:600px; width:190px; float:left; overflow:auto; border:1px solid #aaa; text-align:center; }
.posterthumbcaption {display:block; text-align:center; border-bottom:1px solid #aaa;}
.galleryselector {width:150px; display:inline; border:1px solid #fff; margin:3px; padding:1px;}
#galleryfull {display:inline; border:1px solid #777; margin:0px 20px 0px 20px; padding:10px;}
.posterprice{color:#f00; font-weight:bold;}

.fullmap {font-weight:bold; text-decoration:underline;}
.itriver a {text-decoration:none;}



/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
 
}
a.tt span{ display: none; font-size:0.9em }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #ffffff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 0px 0 0 0;
	width:160px;
	color: #000000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;

margin-top:20px;
}
a.tt:hover span.tttop{
	display: block;
	padding: 24px 2px 0;
    background: url(bubble.png) no-repeat top;
}
a.tt:hover span.ttmiddle{ /* different middle bg for stretch */
	display: block;
	padding: 0 0px; 
	background: url(bubble_filler.png) repeat bottom; 
}
a.tt:hover span.ttbottom{
	display: block;
	padding:3px 2px 2px;
	color: #000000;
    background: url(bubble.png) no-repeat bottom;
}



#debug{display:none;}
@media print {
		body {font-family: arial; margin: 0px; font-size:0.8em; width:100%;}
		#bodywrapper{background-color:#ffffff;}
		#pagewrapper {position:relative; width:100%; margin:auto; }

	  #cartlist {border:0px; width:100%;}
    #footer {background-image:none; background-color:#fff; color:#333}
      .noprint { display: none; }
    }
@media screen {
		body {font-family: arial; margin: auto; font-size:14px;background-color:#8888ff;text-align:center; width:950px; background-image: url(gra/bottom_bg.gif);}
		#cartlist { border:1px solid #333; border-collapse:collapse; width:100%;}
      .noscreen { display: none; }
    }