/* The unique combination of positioning, typography, colour, images, sizing ('The Style') is copyright 2009 Memory Foam Mattress Direct and may not be reused */

/*
#headline{
	float:left;
	width:700px;
}

	#lifestyle{
		float:left;
		padding:10px;
		width:320px;
		background:url("../images/bg-headline.jpg") no-repeat 0 0;
	}

		#intro{
			display:inline;
			float:left;
			padding:20px;
			width:280px;
			background:url("../images/bg-bmask50.png") repeat 0 0;
			color:#fff;
		}
		
			#intro h1{
				margin:0;
				padding:0;
				background:none;
				font-size:2.4em;
				line-height:1.25em;
			}
			
			#intro p{
				margin:0 0 10px;
				font-family:Arial,Helvetica,sans-serif;
				font-size:1.4em;
			}
			
			#intro ul#offers{
				margin:0;
			}
			
				#intro ul#offers li{
					margin:0 0 5px;
					padding:40px 0 0;
					height:0px;
					width:280px;
					background:#ccc url("../images/bg-offers-sml.png") no-repeat 0 0;
					overflow:hidden;
				}
				
					#intro ul#offers li#delivery{
						background-position:0 0;
					}
					
					#intro ul#offers li#pillows{
						background-position:0 -40px;
					}
					
					#intro ul#offers li#cover{
						margin:0;
						background-position:0 -80px;
					}
				
	#qcomp{
		float:right;
		width:340px;
		background:#fff;
	}
*/

#headline{
	float:left;
	margin:0 0 20px;
	width:700px;
}

	#lifestyle{
		float:left;
		padding:10px;
		width:680px;
		background:url("../images/bg-headline.jpg") no-repeat 0 0;
	}

		#intro{
			display:inline;
			float:left;
			padding:20px;
			width:640px;
			background:url("../images/bg-bmask50.png") repeat 0 0;
			color:#fff;
		}
		
			#intro h1{
				float:left;
				width:300px;
				margin:0 0 10px;
				padding:0;
				background:none;
				font-size:2.4em;
				line-height:1.25em;
			}
			
			#intro p{
				float:left;
				width:360px;			
				margin:0;
				font-family:Arial,Helvetica,sans-serif;
				font-size:1.4em;
			}
			
			#intro ul#offers{
				float:right;
				width:280px;
				margin:0;
			}
			
				#intro ul#offers li{
					margin:0 0 5px;
					height:40px;
					width:280px;
				}
				
					#intro ul#offers li a{
						display:block;
						padding:40px 0 0;
						height:0px;
						width:280px;
						background:#ccc url("../images/bg-offers-sml.png") no-repeat 0 0;
						overflow:hidden;
					}
					
						#intro ul#offers li#delivery a{
							background-position:0 0;
						}
						
						#intro ul#offers li#pillows a{
							background-position:0 -40px;
						}
						
						#intro ul#offers li#cover a{
							margin:0;
							background-position:0 -80px;
						}

/*	
			#quickstart{
				display:block;
				padding:40px 0 0;
				height:0;
				width:300px;
				overflow:hidden;
				background:url("../images/bt-quickstart.png") no-repeat 0 0;
			}
			
			#quickstart:hover{
				background-position:0 -40px;
			}
			
			#qcomp{
				width:300px;
			}
*/
				#kwicks {
					/* recommended styles for kwicks ul container */
					list-style: none;
					position: relative;
					margin: 0;
					padding: 0;
				}

					#kwicks li{
						/* these are required, but the values are up to you (must be pixel) */
						width: 56px;
						height: 56px;

						/*do not change these */
						display: block;
						overflow: hidden;
						padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
					}

					#kwicks .horizontal li {
						/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
						margin-right: 5px; /*Set to same as spacing option. */	
						float: left;
					}

					#kwick1, #kwick2, #kwick3, #kwick4, #kwick5{  
						background:#fff;
					}  

					#kwicks .horizontal #kwick5 {
						margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
					}

						#kwicks li a{
							display:block;
							height:56px;
							width:200px;
							background:#ccc url("../images/bg-qcomp.jpg") no-repeat 0 0;
							text-indent:-9999px;
							border-color:#ccc;
							border-style:solid;
							border:none;
						}

						#kwicks #kwick1 a{ 
							background-position:0 0;
						}
						#kwicks #kwick2 a{
							background-position:-200px 0;
						}
						#kwicks #kwick3 a{
							background-position:-400px 0;
						}
						#kwicks #kwick4 a{ 
							background-position:-600px 0;
						}
						#kwicks #kwick5 a{ 
							background-position:-800px 0;
						}

						#kwicks #kwick1.active a{ 
							background-position:0 -56px;
						}
						#kwicks #kwick2.active a{
							background-position:-200px -56px;
						}
						#kwicks #kwick3.active a{
							background-position:-400px -56px;
						}
						#kwicks #kwick4.active a{ 
							background-position:-600px -56px;
						}
						#kwicks #kwick5.active a{ 
							background-position:-800px -56px;
						}