/*
LAYOUT --------------------- */

#container {
	position:relative;
	width: 1000px;
	margin: auto;
	height: 100%;
	padding: 0px 0px 0px 0px;
	background-color: #fff;	
	}
	
			
		#sideBar{
			clear:both;
			width: 270px;
			float: left;
			background-color: #fff;			
		
		}	
		
		
				#logo{
					width: 270px;
					height: 160px;
					float: left;
					margin: 0px 0px 10px 0px;
					padding: 0px 0px 0px 0px;					
				}	
				
				#nav{
					width: 270px;
					height:400px;
					float: left;					
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				
				}	
				
				#logo2{
					width: 270px;
					height: 70px;
					position:absolute;
					left: 0px;
					top: 500px;
					float: left;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				
				}	
				
		
		#main{
			width: 730px;
			float: left;	
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
	
		}	
		
				#secondaryNav {
					width: 730px;
					float: left;
					display:inline;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					background-color:#E8E8E8;
				}
				
						#login {
							width: 400px;
							float: left;
							display:inline;
							padding: 10px 10px 10px 10px;
							margin: 0px 0px 0px 0px;
							/*background-color:#ff0000;*/
						}
						
						#basket {
							width: 220px;
							float: right;
							display:inline;
							padding: 10px 10px 10px 10px;
							margin: 0px 0px 0px 0px;
							background-color: #B1B1B1;
						}
						
				#mainImage {
					width: 730px;
					float: left;
					display:inline;
					width: 180px;					
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					/*background-color:#ff0000;*/
				}
				
				#content {
					width: 730px;
					float:right;					
					background-color: #fff;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 50px 0px;
					
					/*background-color:#0000ff;*/
						}		
					
					
					
					

	
#footer{
	position:relative;
	width: 1000px;
/*	left: 50%;
	margin-left: -470px;
*/
	margin:auto;
	height: 100%;
	padding: 20px 0px 0px 0px;
	text-align:center;
	/*background-color:#0000ff;*/
}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */