/* style for gamet */


body {margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	font-family: verdana, sans;
	text-align:left;
	}
	
	
/* the top */
/* styling the tag line including the bar at the bottom, setting the width for the logo cell */

table#top {width:100%;
			
		}
td#logo {width:140px;
		}
td#tag {font-size:16px;
		height: 54px;
		border-bottom: solid 2px #999;
		vertical-align: bottom;
		font-weight:bold;
		padding-left:10px;
		color:#009;
		padding-bottom: 2px;
		}
		
		
/* THE TOP NAVIGATION */
/* ****************** */
/* details for the top navigation coding are in the notes.txt file */
/* These control the behaviour and appareande of the top menu. Similar to the side menu */
td#mainMenu {background-color:#9cf;
			padding:0;
			}

div.topMenu {font-family: verdana, sans;
				font-size:10px;
				font-weight:bold;
				padding-right:0;
				background-color: #9cf;
				color: #000;
				}
				
div.topMenu ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}

div.topMenu ul li {
			margin: 0;
			padding: 0;
			
			}
			
div.topMenu ul li a {display:block;
						padding: 8px 6px 10px 8px;
						border-top: 10px solid #5D93C9; 
						border-bottom: #369;
						background-color: #9cf; 
						color: #000;
						text-decoration: none;
						width:100%;
						
						}
					html>body #sidenavigation ul li a {
					width:auto;
					}
					
					div.topMenu ul li a:hover {
				
						border-top: 10px solid #000; 
						border-bottom: #369;
						background-color:#f93;
						color: #fff;
						
						}
						
						
/* THE BOTTOM SECTION */

/* IDENTICATION SECTION */

td.identification {background:#CDD782;
				font-size:10px;
				font-weight:normal;
				color:003;
				text-align:left;
				padding-bottom:10px;
				padding-top:6px;
				padding-left:20px;
}

b.identification {color:#009;
				}

a.identification:link {color:#00c;
						text-decoration: underline;
						}

a.identification:visited {color:#00c;
						text-decoration: underline;
						}
						
a.identification:hover {color:#fff;
						text-decoration: underline;
						background-color:#333;
						}

div.creditLine {font-size: 9px; 
				color: #003; 
				font-family: "Comic Sans MS", Arial, sans-serif;
				padding-right:4px;
				padding-top:2px;
				text-align:right;
				}		
		
a.creditLine:link {color:#003;
						text-decoration: underline;
						}
						
a.creditLine:visited {color:#003;
						text-decoration: underline;
						}
						
a.creditLine:hover {color:#fff;
						text-decoration: underline;
						background-color:#003;
						
						}

td.bottomPhoto {background:#CDD782;

			}
/* end of the bottom section */


/* THe RIGHT SIDE NAVIGATION */

/* the side navigation */

td#navigation {background-color: #fc6;
				width:144px;
				vertical-align:top;
				border-right: solid 1px #CCAB69;
		}
#sidenavigation {font-family: verdana, sans;
				font-size:10px;
				font-weight:bold;
				width: 144px;
				padding-right:4px;
				margin-bottom: 1em;
				background-color: #fc6;
				color: #000;
				}
				
#sidenavigation ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}


#sidenavigation ul li {
			margin: 0;
			padding: 0;
			
			}
			

#sidenavigation ul li a {display:block;
						padding: 8px 2px 4px 0.5em;
						border-left: 10px solid #f93; 
						border-bottom: #369;
						background-color: #fc6; 
						color: #000;
						text-decoration: none;
						width:100%;
						}
					html>body #sidenavigation ul li a {
					width:auto;
					}
					
					
#sidenavigation ul li a:hover {
				border-left: 10px solid #000;  
				border-bottom: #369;
						background-color:#f93;
						color: #fff;
				}



/* ************************* */
/* THE BODY */

/* The extension #fc6 */
/* The extension is a cell on the right side. */
/* The extension adds color and watermark to the right on large monitors without having the text 
   growing so much to make it difficult to read */
   

td#extension {background: #fc6 url(../imgs/backs/mainBack.gif);
				background-repeat: repeat;
			border-left:solid 1px #fc6;
			}

/* the left border is a space for the logos on the left; also just blank space */
/* Feeded by "leftLogos.php" */

td#leftBorder {
		width:130px;
		vertical-align:top;
		}
		
/* In the Home page we have the main photo column on the left side */		
/* Feeded by "photoRotator.php" */

td#mainPhoto {width:220px;
			padding-bottom:0;
			}
			
			
/* Now the main text on the Home Page */

td#mainText {width:480px;
			}
			
div.home {font-size: 12px;
		  text-align:left;
		  padding: 10px 30px 2px 60px;
		  line-height: 22px;
		  }
		  
p.leading:first-letter {font-size: 180%;
						  font-weight: bold;
						  color:#E9830D;
						  }
						  
						  
a.text:link {color:#006;
			text-decoration: underline;
						}
						
a.text:visited {color:#006;
				text-decoration: underline;
						}
						
a.text:hover {color:#fff;
				text-decoration: underline;
				background-color:#009;
				}
				
div.quote {float: right; width:140px; 
				color:#009;
				font: bold 14px Helvetica, Verdana, sans-serif;
				line-height: 19px;
				margin-bottom: 0;
				margin-left:10px;
				margin-right:0px;
				margin-top: 0;
				text-align: left;
				}
				
				
/* THE ABOUT PAGE */

/* Td aboutText substitutes "mainText" */
/* The mainPhoto cell is on the right */

td#aboutText {width:480px;
			}
			
div.basicLeft {font-size: 11px;
		  text-align:left;
		  padding: 10px 12px 10px 12px;
		  line-height: 18px;
		  }
		  
div.basic {font-size: 11px;
		  text-align:left;
		  padding: 10px 20px 14px 22px;
		  line-height: 18px;
		  }	
		  
h3.subtitles {color:#009;
			font-size: 12px;
			font-weight: bold;
			}
			
			


/* THE NEWS SECTION */

table#news {width: 600px;
					background-color:#F5E1B9;
					border: 1px solid #000;
					}
td.newsDate {padding: 12px 12px 12px 12px;
					font-size: 12px;
					color: #000;
					background-color: #D5DFC7;
					border-bottom: 1px solid #000;
				}
div.date {font-weight: bold;
		font-size: 12px;
		text-align:left;
		}

div.newsTitle {font-size: 11px;
				font-weight:bold;
				color: #003;
				text-align:left;
				margin-bottom: 12px;
				padding-left:20px;
				padding-top:10px;
			}
			
div.newsBody {font-size: 11px;
				font-weight:normal;
				color: #000;
				padding: 0 30px 20px 20px;
				line-height: 16px;
				text-align:left;
			}
			

/* SALES */

/* The Sales SECCTION */

table#sales {width: 500px;
					background-color:#F5E1B9;
					border: 1px solid #000;
					}

div.salesList {font-size: 11px;
				font-weight:normal;
				color: #000;
				padding: 4px 30px 1px 20px;
				text-align:left;
			}
			
			
			
/* QUOTE */


table#myquotes {background-color: #E6E0C6;
			}

td.myquotes {font-size: 11px;
			color: #000;
			padding: 4px 30px 1px 20px;
			text-align:left;
			}
			
td.separator {background-color: #666;
			height: 6px;
			}
			
			
			
			
			
/* PRODUCT PAGES */

/* Product page  has new cells: "productsPhoto" feeded by productsRotator */

		
td#productsPhoto {width:220px;
			padding-bottom:0;
			background-color: #fff;
			}
			
td.products {font-size:11px;
			text-align:left;
		  	padding: 10px 20px 14px 0;
		  line-height: 18px;
		  }
		  


b.subtitles {color:#009;
			font-size: 12px;
			font-weight: bold;
			padding-left:0;
			}
			
			
ul.sideMenu {margin-left:6px;
			padding-left:6px;
			}

li.sideMenu {padding-bottom: 8px;
			}
			


div#browse {font-size:9px;
			text-align: right;
			}
			

			
td#menu {font-size:10px;
			text-align:left;
		  	padding: 10px 10px 10px 0;
		  
		  }


div.menu {font-size:10px;
			text-align:left;
		  	padding: 10px 10px 10px 0;
		  
		  }


li.submenu {padding-bottom:6px;
			}


td.support {width:540px;
font-size:11px;
			text-align:left;
		  	padding: 10px 20px 14px 0;
		  line-height: 18px;
			}

td#supportMenu {font-size:10px;
			text-align:left;
		  	padding: 10px 10px 10px 10px;
		  	background-color:#DCE4EA;
		  	width:200px;
		  }
		  

			}