@charset "utf-8";
/* CSS Document */

/* Define basic HTML tags */

	html {
		height: 100%;
		width: 100%;
	}
	body {
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		font: 75% "Trebuchet MS", Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #4e4e4e;
		background-color: #121719;
		line-height: 1.5em;
		text-align: center;
		border-top: 5px solid #101518;
	}
	img {
		border: none;
	}
	a {
		color: #669900;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	input {
		font: 100% "Trebuchet MS", Helvetica, Arial, sans-serif;
		color: #333333;
		border: 1px solid #abadb3;
	}
	select {
		font: 100% "Trebuchet MS", Helvetica, Arial, sans-serif;
		color: #333333;
	}
	textarea {
		font: 100% "Trebuchet MS", Helvetica, Arial, sans-serif;
		color: #333333;
	}
	
/* classes */

	.doClear {
		clear: both;
		height: 0;
		margin: 0;
		padding: 0;
		line-height: 0;
		overflow: hidden;
	}

	.btnStandard {
		height: 24px;
		width: 122px;
		margin-top: 7px;
		line-height: 20px;
		padding-bottom: 4px;
		background-color: transparent;
		background-image: url(../images/btnStandard.png);
		background-repeat: no-repeat;
		background-position: center center;
		border: none;
		font-size: 13px;
		font-weight: bold;
		color: white;
		cursor: pointer;
		cursor: hand;
	}

/* layout */

	#page {
		padding-bottom: 28px;
		background:
			#2a404b
			url(../images/bg.jpg)
			no-repeat
			center top;
	}
	
		.container {
			width: 980px;
			margin: 0 auto;
			text-align: left;
		}
		
			#header {
				position: relative;
				height: 115px;
			}
	
				#logo {
					position: absolute;
					left: 0;
					top: 0;
				}
	
				#basket {
					position: absolute;
					right: 20px;
					top: 45px;
				}
	
					#basket li {
						float: left;
					}
	
						#basket li.info {
							background:
								#1a262c
								url(../images/basket_icon.png)
								no-repeat
								left center;
						}
	
							#basket li.info span {
								float: left;
								margin-left: 30px;
								margin-right: 30px;
								line-height: 32px;
								font-weight: bold;
								color: #ccc;
							}
	
							#basket li.info #checkout {
								float: right;
							}
	
			#nav {
				width: 980px;
				height: 43px;
			}
	
				#nav li {
					float: left;
					height: 43px;
					background-color: #101518;
				}

					#nav li#about { width: 122px; }
					#nav li#products { width: 110px; }			
					#nav li#kidscorner { width: 122px; }
					#nav li#news { width: 137px; }			
					#nav li#contact { width: 100px; }			
					#nav li#press { width: 112px; }
					
			#mainOuter {
				width: 980px;
				min-height: 782px;
				background:
					white
					url(../images/main_bg.png)
					repeat-y
					center top;
			}

				#mainInner {
					width: 980px;
					min-height: 782px;
					background:
						transparent
						url(../images/sidebar_bg.png)
						no-repeat
						left bottom;
				}
	
					#sidebar {
						float: left;
						width: 257px;
						min-height: 782px;
					}
					
						#categories {
							width: 100%;
							margin-top: 35px;
							text-align: center;
						}
		
							#categories li {
								margin: 0 auto 14px auto;
								width: 238px;	
								background:
									transparent
									url(../images/categories_bg.png)
									no-repeat
									right center;
								text-align: left;
							}
		
								#categories li a {
									display: block;
									height: 36px;
									line-height: 36px;
									color: #243842;
									font-size: 14px;
									font-weight: bold;
									text-indent: 48px;
								}
		
								#categories li a:hover {
									text-decoration: none;
									color: #669900;
								}

									#categories li a.selected {
										color: #669900;
									}

									#categories li a.cat1 {	background: transparent url(../images/icons/1.png) no-repeat left center; }
									#categories li a.cat2 {	background: transparent url(../images/icons/2.png) no-repeat left center; }
									#categories li a.cat3 {	background: transparent url(../images/icons/3.png) no-repeat left center; }
									#categories li a.cat4 {	background: transparent url(../images/icons/4.png) no-repeat left center; }
									#categories li a.cat5 {	background: transparent url(../images/icons/5.png) no-repeat left center; }
									#categories li a.cat6 {	background: transparent url(../images/icons/6.png) no-repeat left center; }
									#categories li a.cat7 {	background: transparent url(../images/icons/7.png) no-repeat left center; }
									#categories li a.cat8 {	background: transparent url(../images/icons/8.png) no-repeat left center; }
		
		
					#content {
						position: relative;
						float: right;
						width: 673px;
						min-height: 782px;
						margin: 27px 25px 0 25px;
					}
					
						#title {
							position: relative;
							height: 32px;
							margin-bottom: 18px;
							line-height: 32px;
							border-bottom: 1px dotted #ccc;
						}
						
							#title h1 {
								font: 22px Tahoma, Geneva, sans-serif;
								color: #243842;
							}

							#title a#print {
								position: absolute;
								right: 4px;
								top: 8px;
								z-index: 20;
							}

						#context {
						}

							#context h2 {
								height: auto;
								font: 21px Tahoma, Geneva, sans-serif;
								color: #054163;
							}

						#kidscornerBanner {
							margin-top: 20px;
						}
			
		#footer {
			background-color: #121719;
			border-top: 4px solid #3e4548;
			padding: 30px 0;
			color: #909498;
		}
		
			#footer a {
				color: #afd810;	
			}
			
			#footer .container {
				width: 902px;
				height: 4em;
				margin: 0 auto;
				padding-left: 78px;	
				background:
					transparent
					url(../images/logo_footer.png)
					no-repeat
					20px center;
			}
			
				#extendedNav {
					clear: both;
					width: 100%;
				}
	
					#extendedNav li {
						float: left;
						margin-right: 26px;
						line-height: 2em;
					}
		
						#extendedNav a {
							font-weight: bold;
						}
						
						#extendedNav li.last {
							float: right;
							margin-right: 20px;
						}
						
				#address {
					clear: both;
					width: 100%;
				}
	
					#address li {
						float: left;
						margin-right: 26px;
						line-height: 2em;
					}
		
						#address li.last {
							float: right;
							margin-right: 20px;
						}