﻿
/* PRODUCT BROWSER */
#productbrowser { position: relative;width: 959px; height: 150px; background: url(/images/tours/browser/browserbackgroundsm.jpg) no-repeat top; overflow: auto; }
#pb-productbrowsercontainer { position: relative; width: 959px; height: 150px; margin: 0 auto; }
#pb-productslider { list-style: none; top: 4px; left: 0; width: 5300px; height: 125px; position: absolute; margin: 0; padding: 0; }
#pb-productslider .pb-productimage { float: left; width: 137px; height: 125px; position: relative; top: 0; }
#pb-productslider .pb-productimage a:link,
#pb-productslider .pb-productimage a:visited { float: left; width: 100%; padding-top: 97px; overflow: hidden; color: #DBDBDB; font-size: 11px; text-align: center; background-position: 50% 100%; background-repeat: no-repeat; }
#pb-productslider .pb-productimage a:hover {text-decoration: none;	color: white;	font-weight:900}

#pb-productslidertrack { position: absolute; top: 125px; left: 8px; width:944px; height:19px; overflow: hidden; background: url(/images/tours/browser/scrollbox.jpg) no-repeat; visibility: hidden; }
#pb-productsliderhandle { position: absolute; width: 213px; height: 19px; cursor: pointer; z-index: 155; }
#pb-productsliderhandleimage { position: absolute; width: 213px; height: 19px; background: url(/images/tours/browser/scroller.gif) no-repeat;  cursor: pointer; z-index: 5; }

#pb-leftarrow { position: absolute; left: 7px; top: 125px; width: 20px; height: 20px; background: transparent; z-index: 150; cursor: pointer; }
#pb-rightarrow { position: absolute; left: 932px; top: 125px; width: 20px; height: 20px; background: transparent; z-index: 150; cursor: pointer; }

#pb-cat1 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 45px; }
#pb-cat2 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 205px; }
#pb-cat3 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 440px; }
#pb-cat4 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 820px; }

/***************************
Spread Web Dev Tour Demo
*****************************************************/
td.demoNoGrad {	border-right: black 1px solid;	font-weight: bold;	font-size: 12pt;	border-left: white 1px solid;	color: white;	background-color: #82b0f9;	text-align: center;}
td.demoLtGrad {color: black;    font-size: 10pt;    font-weight:normal;    background-image:  url(/netproducts/spreadweb/tour/images/demo/ltgrad.jpg);     border-left:1 solid white;      border-right:1 solid black;    text-align:center;}
td.demoMedGrad { color: black;   font-size: 10pt;    font-weight:normal;    background-image:  url(/netproducts/spreadweb/tour/images/demo/medgrad.jpg);      border-left:1 solid white;      border-right:1 solid black;    text-align:center;  }
td.demoDkGrad {color: white;    font-size: 10pt;    font-weight:normal;    background-image:  url(/netproducts/spreadweb/tour/images/demo/dkgrad.jpg);        border-left:1 solid white;      border-right:1 solid black;    text-align:center;}
td.demoLightGradHeader {color: dimgray;    font-size: 9pt;    font-weight:bold;    background-image: url(/netproducts/spreadweb/tour/images/demo/lightGrad.gif);    background-color: #EBEDF6;    border-right-color: Gainsboro;    border-right-style: solid;    border-right-width: 1;    border-bottom-color: gray;    border-bottom-style: solid;    border-bottom-width: 1;}
font.tour
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}