/* CSS class in order of appearence  */
		
		
		/* the item class is the container class 
		 * 
		 **/
		
		.item
		{
			position: relative;
			float:left; /* not used in table-based layout */
			margin: 3px 0 3px 6px;
			text-align: left;
			width: 156px;	
			height: 285px;		
			overflow: hidden;		
			line-height:1.3;
			font-size: 86%;
			border-width: 1px 1px;
			border-color: #ececec #dedede ;
			border-style: solid;
		}
		
		/*
		 * used for first item in each row
		 **/
		.first {
			
			margin-left: 0;
			clear:both;
		}

		/* pads inside item 
		 * 
		 *  -- padding can affect the display of floating elements in IE, such as the .item class above.
		 *     This class is used for a div inside the <div class="item"><div class="item-padding">*item html here*</div></div>
		 * */
		.item-padding {
			padding: 10px;
		}
		
		/*sets margins for all p tags inside the .item class */
		.item p { margin: 4px 0; }
		
		/* aligns image to center */
		p.image { text-align: center; }
		
		
		/* style for the title of the item */
		.title { 
			display: block;
			font-weight: bold;
			text-align: left;
			text-decoration:none;
			margin: 5px 2px;
			color: #004466;
			font-size: 130%;
			line-height:1.1;
			
		}
		
		/* style for item pricing */
		.item p.price {
			font-family: "Arial", "Helvetica", sans;			
			padding: 0;
			margin: 5px 2px;
			text-align:left;	
			font-weight: bold;
			font-size: 120%;
			line-height: 1;	
		}
		
		
		/*style for item description */
		.item p.desc { 						
			text-align: left; 
			/* font-size: 9px; IE6 - displays 5 lines [holds about 73 (M) characters max (and spaces)] in IE */
			/* font-size: 9; offers a more consistent look with IE6 */
			height: 58px;
			padding: 0;
			margin: 5px 2px 0; 
			word-wrap:break-word;
			overflow:hidden;			
		}
		
		/* style for the CSS button */
		a.button {
			padding: 3px 3px 3px 6px;	
			border-width: 0 1px 1px 0;	
			border-style: solid;	
			border-radius:12px;
			-moz-border-radius:12px;
			-webkit-border-radius:12px;	
			text-decoration: none;
			font-weight: bold;		
			word-spacing: -.2em;
		}
		
		/* style for any span within the CSS button a.button */
		a.button span {
			padding: 0 4px;
			margin-left: 2px;	
			background-color: #fff;
			color: #004466;  		
			border-radius:12px;
			-moz-border-radius:12px;
			-webkit-border-radius:12px;				
		}
		
		/* style for the zoom image */
		img.zoom { margin: 0 1px 0 5px; }
		
		/* this CSS style is only used for IE6 and IE7 */
		a.addtoquote-ie { display:none; }
		
		
		/* misc color + padding styles
		 * 
		 * 
		 * 
		 * 
		 * */
		
		p.right { text-align: right; }
		p.center {text-align: center !important;}
			
		.padlight
        {
			padding: 3px 0 2px;
		}
		
		.blue {
			background-color: #004466;
			color: #fff;
			border-color: #004466;
		}
		
		.green {
			background-color: #99bc6b;
			color: #fff;
			border-color: #004466;			
		}
		
		.white {
			background-color: transparent;
			border-color:transparent;
			color: blue;
		}

		.faq
		{
			position: relative;
			float:left; /* not used in table-based layout */
			margin: 3px 0 3px 6px;
			text-align: left;
			width: 966px;		
			overflow: hidden;		
			line-height:1.3;
			font-size: 86%;
			border-width: 1px 1px;
			border-color: #ececec #dedede ;
			border-style: solid;
		}
			.photo
		{
			position: relative;
			float:left; /* not used in table-based layout */
			margin: 3px 0 3px 6px;
			text-align: left;
			width: 156px;	
			height: 156px;		
			overflow: hidden;		
			line-height:1.3;
			font-size: 86%;
			border-width: 1px 1px;
			border-color: #ececec #dedede ;
			border-style: solid;
		}