@import url("layout.css");
@import url("table.css");
@import url("form.css");


/*

#container 
		#sideBar
				#logo
				#nav
				#logo2
		#main
				#secondaryNav 
						#login 
						#basket 
				#mainImage 
				#content 
	
#footer


red HEX: #CD1419 / darker #C21116

*/

body {
	margin: 0px; 
	padding: 0px;
/*	background-image: url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
*/	background-color: #e8e8e8;
}


html, 
body, 
div {
	font-family: Arial,  Verdana, sans-serif; 
	color: #333;
/*	font-size: x-small;*/
}


br {
	/*clear: both;*/S
}

a:link, 
a:visited {
	color:#666;
	text-decoration: underline;
}

a:hover, 
a:active {
		text-decoration: none;
	}

a img {
	border-width: 0; 
	border-style: none;
}

.mainContentLinksList {
	list-style: none;
	margin: 15px 0px 5px 0px;
}

.mainContentLinksList li {
	background: url(../../images/arrowGreen.gif) no-repeat top left;	
	padding: 0px 0px 10px 0px;	
	margin: 0px;
}

.mainContentLinksList li a
{
	padding-left: 20px;
}


		/*  sideBar --------------------- */
		
		
				/*  logo --------------------- */
				
				#logo img{
					border: 0px;
				}
			
			
				/*  nav --------------------- */
		
				#nav a {
					font-size: .7em;
					font-family: Arial, Helvetica, sans-serif;
					text-align:left;
					/*text-indent: 12px;*/
					line-height: 2.6em;
					display:block;
					white-space:nowrap;
					padding: 0px;
					margin: 0px;
					
					}
					
				#nav li li a:link, 
				#nav li li a:visited {	/* menu at rest */
					color: #333;
					text-decoration:none;
					padding: 0px 0px 0px 10px;
					margin: 0px;
					}
					
				#nav li li a:hover,
				#nav li li a:active {	/* menu at mouse-over  */
					color: #333;
					}	
				
				#nav ul {
					list-style:none;
					margin:0px 0px 0px 0px;
					padding:0px 5px 0px 0px;
					float:left;
					}
				
				#nav li 
				{
					clear:both;
					position:relative;
					min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
					vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
					float:left;					
					
				}
				
				#nav ul ul 
				{
					clear:both;
					position:absolute;
					left: 270px; /*left atrribute is new*/					
					/*top:auto;*/
					top:0px;
					display:none;
					padding: 0px 0px 0px 0px;				
					background-color:#fff;
					background-image: none;		
					border-top: solid 1px #666;
					border-right: solid 1px #666;
					border-bottom: solid 1px #666;
					}
					
				#nav ul ul li
				{
					clear: both;
					width: 200px; /*IMPORTANT - control the border of sub menu items */	
					height: 30px;	
					padding-right: 0px;					
					border-bottom: solid 1px #666;
					border-right: solid 1px #666;
					border-left: solid 1px #666;
					background-color:#fff;
				}
				
				#nav ul ul ul {
						clear:both;
						top:0;
						left:100%;
					}
				
				div#nav li:hover {
					cursor:pointer;
					z-index:100;
					background-color: #eee;
					}
				
				div#nav li:hover ul ul,
				div#nav li li:hover ul ul,
				div#nav li li li:hover ul ul,
				div#nav li li li li:hover ul ul
				{
				display:none;					
				background-color: #eee;
				}
				
				div#nav li:hover ul,
				div#nav li li:hover ul,
				div#nav li li li:hover ul,
				div#nav li li li li:hover ul
				{
				display:block;					
				background-color: #eee;
				 }
		

				/*  logo2 --------------------- */
				
				#logo2 img{
					border: 0px;
				}
			

		
		/*  main --------------------- */

				/*  secondaryNav --------------------- */

						/*  login --------------------- */
						
						#login{
							font-size: .7em;
						}
						
						
						#login ul{
							list-style:none;
							margin: 0px 0px 0px 0px;
							padding:0px;
						}
						
						#login li{
							display: inline;
							list-style-type:none;
							margin: 0px 0px 0px 0px;
							padding: 0px 5px 0px 5px;
						}
										
						
						#login a:link, 
						#login a:visited {
							line-height: 130%;
							color:#333;
							text-decoration:underline;
						}
						
						#login a:hover, 
						#login a:active 
						{
							text-decoration:none;			
						}
						
						/*  basket --------------------- */
				
				
						#basket{
							font-size: .7em;
						}
						
						
						#basket ul{
							list-style:none;
							margin: 0px 0px 0px 0px;
							padding:0px;
						}
						
						#basket li{
							display: inline;
							list-style-type:none;
							margin: 0px 0px 0px 0px;
							padding: 0px 5px 0px 5px;
						}
										
						
						#basket a:link, 
						#basket a:visited {
							line-height: 130%;
							color:#333;
							text-decoration:underline;
						}
						
						#basket a:hover, 
						#basket a:active 
						{
							text-decoration:none;			
						}
						

				/*  mainImage --------------------- */
			
				#mainImage img
				{
					width: 730px;
					margin: 0px 0px 0px 0px;
					padding: 0px;
					float: left;
				}
				
				/*  content --------------------- */
				#content h1 {
					margin: 10px 0px 0px 0px;
					padding: 0px 0px 0px 10px;
					font-family: "Gill Sans MT", Trebuchet, Arial, Sans-Serif;
					color:#666;
					font-size: 1.6em;
					font-weight: normal;	
				}

				#content h2 {
					font-family: "Gill Sans MT", Trebuchet, Arial, Sans-Serif;
					color:#666;
					font-size: 1.0em;
					font-weight: normal;
					margin: 5px 10px 15px 10px;
				
				}
						
				#content h3 {
					color:#666;
					font-size: 1.1em;
					margin: 10px 10px 0px 10px;
				}
				
				#content p, #content li{
					font-size: 0.75em;
					margin: 10px 20px 0px 10px;
					line-height: 150%;
				}
				
				#content img{
					float: right;
					margin: 10px;
				}
				
				#content a:link, 
				#content a:visited {
					color:#333;
					text-decoration: underline;
				}
				
				#content a:hover, 
				#content a:active {
					text-decoration: none;
				}

				#content ul.multiColumn{
					list-style:none;
					margin: 0px 0px 20px 0px;
					padding:0px;
					float:left;
				}
				
				#content li.multiColumn{
					float:left;
					list-style-type:none;
					margin: 5px 0px 5px 0px;
					padding: 0px 7px 0px 7px;
					color: #333;
					width: 220px;
				}
								
				
				#content li.multiColumn a:link, 
				#content li.multiColumn a:visited {
					font-size: 0.6em;
					line-height: 130%;
					text-decoration:underline;
					color:#333;
				}
				
				#content li.multiColumn a:hover, 
				#content li.multiColumn a:active 
				{
					color:#333;
					text-decoration:none;			
				}
				
				#content .contentMap
				{
					float: right;	
					display: block;
					width: 300px;
					margin: 0px 5px 0px 5px;							
				}


						/* contentDetail */
						#content #contentDetail li
						{
							color:#333;
							font-family: Verdana, Arial, Sans-Serif;
							font-size: 0.7em;
							/*margin: 10px 10px 0px 10px;*/
							line-height: 140%;
						}
						
						#content #contentDetail ul ul li
						{
							font-size: 1em;						
						}
						
						#content #contentDetail .imgText
						{
							background-color: #eeeeee;
							font-size: 0.7em;
							font-weight: bold;
							text-transform: uppercase;
							padding: 2px;
						}
					
				
						
/*  footer--------------------- */

#footer{
	font-size: .7em;
}


#footer ul{
	list-style:none;
	margin: 0px 0px 10px 0px;
	padding:0px;
}

#footer li{
	display: inline;
	list-style-type:none;
	margin: 20px 0px 10px 0px;
	padding: 0px 7px 0px 7px;
	color: #333;
}
				

#footer a:link, 
#footer a:visited {
	line-height: 130%;
	color:#333;
	text-decoration:none;			
}

#footer a:hover, 
#footer a:active 
{
	color:#333;
	text-decoration:underline;
}

	
#footer img
{
	display: block;
	margin-bottom: 10px;
}	

#footer p
{
	color:#999;
	font-size: x-small;
}