
<!--
body{
	font-family: Arial,sans-serif;
	line-height: 1.166;	
	margin: 0px;
	padding: 15px;
	text-align:center;
	background-color: white;
}

#container{
	margin: 0 auto;
  	width: 960px;
}

.content{
	width:1028px;
	text-align:center;
}

.style1 {color: #FFFFFF}
.style5 {font-size: xx-small}
.style6 {color: #000000}

/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-image:  url("bg_nav.jpg");
	font-weight: bold;
	padding: 3px 0px 3px 3px;
	color: white;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #ADC7FF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

#textLabel{
	float: left;
			height: 30px;
	width: 190;
	padding: 2px;
	background-color: #ADC7FF;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Arial, Helvetica, sans-serif
}

#textField{
	float: left;
	padding: 2px;
	height: 30px;
	width: 615;
	background-color: #E7F7F7;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: Arial, Helvetica, sans-serif;
}

#itemList{
	float: left;
	padding: 0px 0px 0px 0px;
	background-color: #E7F7F7;
	width: 960px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#pageNav{
	float: left;
	width:140px;
	padding: 0px;
	background-color: #4A61A5;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#navlist p {
		display:none;
	}

#navlist  {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	border-right: 1px solid #666;
}
a:link {
	color:#330099;
	text-decoration: none;
	text-shadow:Blue;
	text-shadow:Black;
}
a:visited {
	color:#CC0033;
	text-decoration: none;
}
a:link:hover, a:visited:hover {
	color:#FF3399;
	background-color:#FFFF99;
}
a:link:active, a:visited:active {
	color:#0033CC;
	text-decoration: #ccc;
}

#tableItem  {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	border-right: 1px solid #666;
	background-color:
	#330099
}
#shopNow{
	background-image:url(../images/shopnow.gif);
	background-repeat:no-repeat;
	position:relative;
	left: 40px;
	top: 145px;
	width: 175px;
	height:25px;
}
.menuTable{
	text-align:center;
	font-style:italic;
	height: 255px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
	
.menuHeader{
	text-align: center;
	font-style: normal;
	color:#FFFFFF;
	width: 215px;
	height: 35px;
	padding: 6px 0px 0px 0px;
	background-image:url(../images/menuhdr.gif);
	background-repeat:repeat-x;	
	float: left;
	}
	
.menuItem{
	text-align:center;
	background-color: #ADC7FF;
	border-bottom-color:#999999;
	border-right-color:#999999;
	border-bottom-width:medium;
	border-right-width:medium;
	border: 0px 10px 10px 0px;
	font-style:italic;
	width: 215px;
	height: 255px;
	float: left;
	padding:0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
}

.menuListing{
	background-color:#E7F7F7;
	border-bottom-color:#0000CC;
	background-image:url(../images/item_bkgd.gif)
	font-style:italic;
	padding: 5px 0px 0px 5px;	
	float: left;
	width: 200px;
	height: 200px;
	margin: 5px 0px 5px 5px;
}
.searchBox{
	position:relative; 
	left: 850px;
	top: -36px;
}
#shadow-container {
	position: relative;
	left: 0px;
	top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 0px solid #848284;
		padding: 5px;
	}
div.tabs ul.tabsSelect li {
    display: inline;
	background-image: images/menubar_center.gif;
}

ul#css3menu1{
	margin:0 0%;list-style:none;padding:0 0%;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:0;width:960px;z-index:999;position:relative;display:inline-block;zoom:1;
	*display:inline;*padding-right:1.47%;}
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:0;float:left;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0;}
body:first-of-type ul#css3menu1{
	display:inline-table;border-spacing:0px 0;}
body:first-of-type ul#css3menu1>li{
	display:inline-block;float:none;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold 14px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:0px 10px 0px 10px;background-color:#327284;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVCjP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color:#dde3d2;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVCjP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==");background-position:0 100px;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu1 li.toplast>a{
	border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
ul#css3menu1>li:nth-child(1){}ul#css3menu1>li:nth-child(2){}ul#css3menu1>li:nth-child(3){}ul#css3menu1>li:nth-child(4){}
@-moz-document url-prefix(){body:first-of-type ul#css3menu1{display:inline-block} body:first-of-type ul#css3menu1>li{display:block;float:left !important;}}
@media only screen and (max-width:272px),only screen and (max-device-width:272px){
ul#css3menu1>li:nth-child(1){}ul#css3menu1>li:nth-child(2){}ul#css3menu1>li:nth-child(3){}ul#css3menu1>li:nth-child(4){}body:first-of-type ul#css3menu1{display:inline-block} body:first-of-type ul#css3menu1>li{display:block;float:left !important;}}
@media only screen and (max-width:152px),only screen and (max-device-width:152px){
ul#css3menu1>li:nth-child(1){width:960px}ul#css3menu1>li:nth-child(2){width:960px}ul#css3menu1>li:nth-child(3){}ul#css3menu1>li:nth-child(4){}}

-->
<link href="css/page.css" rel="stylesheet" type="text/css">

<html>
<head>
<title>Crystal Rock - Route Sales - Products</title>
<meta http-equiv="Content-Type" content="text/html;">
<!--Fireworks MX 2004 Dreamweaver MX 2004 target.  Created Tue Jul 05 22:10:35 GMT-0400 (Eastern Daylight Time) 2011-->
</head>
<body bgcolor="#ffffff">
<div id="container">
<div id="container">
<table align="center" border="0" cellpadding="0" cellspacing="0" >
<!-- fwtable fwsrc="Untitled" fwbase="default2.gif" fwstyle="Dreamweaver" fwdocid = "294398120" fwnested="0" -->
  <tr>
   <td><img src="images/cr_header2.png" alt="" name="cr_header" width="972"" border="0" usemap="#cr_headerMap">	</td>
  </tr>
</table>
<ul id="css3menu1" class="topmenu">
	
		<li class="topfirst"><a href="log_on.asp" style="height:22px;line-height:22px;">Log On</a></li>
	              	
	<li class="topmenu"><a href="cart.asp" style="height:22px;line-height:22px;">Cart</a></li>
	<li class="topmenu"><a href="" style="height:22px;line-height:22px;">Search:</a></li>
    <li class="topmenu">
		<form name="form1" method="post" action="products.asp">
			<input name="ItemSearch" type="text" id="ItemSearch" size="12">
		</form>
   	</li>	
	
	<li class="topmenu"><a href="http://store.triplestitch.com/crystalrock/" style="height:18px;line-height:18px;">Crystal Rock Sites</a></li>
	<li class="toplast"><a href="profile.asp" style="height:22px;line-height:22px;">Profile</a></li>
	</ul>
	<br><br>
</div>
<map name="cr_headerMap">
  <area shape="rect" coords="493,15,609,41" href="default.asp">
  <area shape="rect" coords="621,14,739,42" href="cart.asp">
  <area shape="rect" coords="749,14,862,41" href="order.asp">
  <area shape="rect" coords="873,13,959,43" href="log_on.asp">
</map>


<table border="0" cellpadding="0" cellspacing="0">
  <tr>
  	<td width="120"></td>
	<td colspan="5">
	
		<p><a href="log_on.asp">Please Log On to access your items...</a></p>
	
		
		</td>
	<td></td>
  </tr>
</table>
</div>
<map name="default2_r1_c6Map">
  <area shape="rect" coords="129,33,221,61" href="default.asp">
  <area shape="rect" coords="43,98,196,120" href="products.asp?Program=Mock">
</map>
<map name="default2_r1_c8Map">
  <area shape="rect" coords="15,31,108,61" href="cart.asp">
  <area shape="rect" coords="146,31,224,61" href="order.asp">
  <area shape="rect" coords="91,98,209,119" href="products.asp?Program=Fleece">
  <area shape="rect" coords="-28,96,59,119" href="products.asp?Program=Oxfords">
</map>
<map name="default2_r1_c7Map">
  <area shape="rect" coords="5,96,22,120" href="products.asp?Program=Oxfords">
</map>
<map name="default2_r1_c4Map">
  <area shape="rect" coords="200,96,248,121" href="products.asp?Program=Vests">
  <area shape="rect" coords="116,97,163,120" href="products.asp?Program=Hats">
  <area shape="rect" coords="4,99,82,120" href="products.asp?Program=Jackets">
</map>
<map name="default2_r1_c5Map">
  <area shape="rect" coords="-1,96,21,120" href="products.asp?Program=Vests">
</map>
<map name="default2_r1_c2Map">
  <area shape="rect" coords="111,95,220,122" href="products.asp?Program=Sweatshirts">
  <area shape="rect" coords="18,96,84,122" href="products.asp?Program=Polos">
</map>
</body>
</html>