/* CSS Document */


/*AMOUNT OF PAGES GENERATED NAVIGATION STARTS HERE------------------------------*/

div#page-nav {
	width:525px;
	height:20px;
	margin:5px 0 0 0;
	}
div#left-side {
	width:40%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	font-size:.9em;	/* SET FONT-SIZE HERE */
	background-color:#FFFFFF; /* colors the div */
	letter-spacing:.1em;
	font-weight:bold;
	}
div#left-side li {
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFFFFF; /*sets the background of the menu items */
	text-decoration:none;
	}	
div#left-side ul {
	float:left;	
	list-style-type:none;	
	}	
div#left-side li a:hover { 
	color:#CCCCCC;
	}

div#left-side a {
	display:block;
	text-decoration:none;	 
	color:#988344;	
	}	
	
/*right-side numbered buttons for amount of products displayed......................................*/	
div#right-side {
	width:60%; 	
	float:right; 
	font-size:.9em;	
	background-color:#FFFFFF; 
	letter-spacing:.1em;
	font-weight:bold;
	line-height:13px;
	}
div#right-side li {
	float:left;	
	list-style-type:none;	
	background-color:#FFFFFF; 
	}
div#right-side ul {
	float:right;	
	list-style-type:none;	
	}	
div#right-side li span a:hover { 
	background-color:#CCCCCC; 
	color:#FFFFFF;
	}
div#right-side li span a:active { 
	background-color:#CCCCCC; 
	color:#FFFFFF;
	}	
	
div#right-side a {
	display:block;
	padding:0 3px; 
	text-decoration:none;	 
	color:#000000;
	border-right:solid 1px #666666;
	border-left:solid 1px #666666;
	}

/* right side li.imagebuttons........ */

div#right-side li.imagebuttons {
	float:left;	
	list-style-type:none;	
	border:none
	}

	
div#right-side li.imagebuttons a {
	list-style-type:none;	
	border:none
	}	
	
div#right-side li.imagebuttons a:link {
	display:block;
	padding:0 3px; 
	text-decoration:none;	 
	
		
	}
	
/*AMOUNT OF PAGES GENERATED NAVIGATION STARTS HERE------------------------------*/

div#page-nav-info {
	width:525px;
	margin:5px 0 0 0;
	}
div#left-side-info {
	width:40%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	font-size:.9em;	/* SET FONT-SIZE HERE */
	background-color:#FFFFFF; /* colors the div */
	letter-spacing:.1em;
	font-weight:bold;
	}
div#left-side-info li {
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFFFFF; /*sets the background of the menu items */
	text-decoration:none;
	line-height:19px;
	float:left;
	}	
div#left-side-info ul {
	float:left;	
	list-style-type:none;	
	}	
div#left-side-info li span a:hover { 
	color:#CCCCCC;
	}

div#left-side-info a {
	display:block;
	text-decoration:none;	 
	color:#988344;
	padding:0 3px; 
	}	
	
/*right-side numbered buttons for amount of products displayed......................................*/	
div#right-side-info {
	width:60%; 	
	float:right; 
	font-size:.9em;	
	background-color:#FFFFFF; 
	letter-spacing:.1em;
	font-weight:bold;
	}
div#right-side-info li {
	float:left;	
	list-style-type:none;	
	background-color:#FFFFFF; 
	line-height:19px;
	}
div#right-side-info ul {
	float:right;	
	list-style-type:none;	
	}	
div#right-side-info li span a:hover {  
	color:#CCCCCC;
	}
	
div#right-side-info a {
	display:block;
	text-decoration:none;	 
	color:#988344;
	padding:0 3px; 
	}

/* right side li.imagebuttons........ */

div#right-side-info li.imagebuttons {
	float:left;	
	list-style-type:none;	
	line-height:19px;
	}

div#right-side-info li.imagebuttons a:link {
	display:block;
	padding:0 3px; 
	text-decoration:none;	 
	border:none;
		
	}
	
/* left side li.imagebuttons.......*/

div#left-side-info li.imagebuttons-left {	
	list-style-type:none;	
	line-height:19px;
	}
	
	

/*AMOUNT OF PAGES GENERATED NAVIGATION Bottom STARTS HERE------------------------------*/

div#page-nav-bottom {
	width:525px;
	margin:5px 0 0 0;
	}