@charset "utf-8";
/*
		
-------------------------------------------------------------------------------------------------------
	SECTION NUMBER AND NAME   | CODE   | NOTES
-------------------------------------------------------------------------------------------------------
	1.0) Global Structure     | SN100  | Main divs & structure.
	1.1) Fonts                | SN110  | Global type settings.
-------------------------------------------------------------------------------------------------------
	2.0) Header               | SN200  | Header divs & global attributes.
-------------------------------------------------------------------------------------------------------
	3.0) Main Navigation      | SN300  | Primary Navigation i.e. Memory Foam Mattresses
	3.1) Secondary Navigation | SN310  | Secondary Navigation i.e. Snug Super
-------------------------------------------------------------------------------------------------------
	4.0) Main Content         | SN400  | 
	4.1) Content Left         | SN410  | 
	4.1.1) Mattress Finder    | SN411  | 
	4.1.2) Left Navigation    | SN412  | 
	4.2) Content Right        | SN420  | 
	4.2.1) Product Page       | SN421  | 
	4.2.2) Results Page       | SN422  | 
	4.2.3) Basket Pages       | SN423  | Includes Basket & Checkout Styles
-------------------------------------------------------------------------------------------------------
	5.0) Extra Info           | SN500  | Used primarily on the homepage
-------------------------------------------------------------------------------------------------------
	6.0) Footer               | SN600  | 
-------------------------------------------------------------------------------------------------------

	
/*===================================================================================================*\

	1.0) Global Structure - SN100

\*===================================================================================================*/

li, ul {
	padding:0;
	margin:0;
	list-style:none;}

	
body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
	
	.stabilizer {
		width:940px;
		margin:0 auto;}
	
/*===================================================================================================*\

	1.1) Fonts - SN101

\*===================================================================================================*/
	
.font-size-14 {
	font-size:14px;}
	
a {
	color:#008ec3;}

/*===================================================================================================*\

	2.0) Header - SN200

\*===================================================================================================*/

.header-frame {
	width:885px;
	padding:0 20px 0 35px;
	float:left;
	height:190px;
	background:url(/images/header-bg-2.jpg) no-repeat top left;}
	
	.logo-frame {
		
		float:left;
		margin-top:19px;}
		
		.logo {
			border:0;
			width:270px;
			height:102px;}
			
	.basket-frame {
		float:right;
		height:35px;
		padding-top:15px;
		width:450px;
		text-align:right;
		font-size:11px;
		color:#049bd3;}
		
		.basket-text {
			float:left;
			padding-top:2px;
			text-align:right;
			width:340px;}
			
		.basket-button {
			height:35px;
			width:90px;
			float:right;}
		
	.phone-number-frame {
		float:right;
		height:50px;
		width:450px;}
		
		.phone-number {
			float:right;}
		
	.top-icon-frame {
		float:right;
		height:55px;
		width:570px;
		margin-top:10px;
		margin-right:-15px;
		padding:0px;
		}
		
		.top-icon {
			float:right;
			margin-left:5px;
			border:0;}
				
/*===================================================================================================*\

	3.0) Main Navigation - SN300

\*===================================================================================================*/

.navigation-frame {
	width:940px;
	float:left;
	height:60px;
	background-color:#CCCCCC;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
	
	.main-navigation {
		background:url(/images/main-navigation-bg.png) repeat-x top;
		height:30px;
		width:940px;
		text-align:center;}
		
		.main-navigation ul {
			display:inline;
			height:30px;
			border-left:1px solid #9edcf3}
		
		.main-navigation li {
			display:inline;
			height:30px;
			line-height:30px;
			border-right:1px solid #9edcf3;}
			
		.main-navigation a {
			color:#fff;
			font-size:14px;
			font-weight:bold;
			height:27px;
			display:inline;
			text-decoration:none;
			padding:3px 15px 0 15px;}
			
			.main-navigation a:hover {
				text-decoration:underline;}
					
/*===================================================================================================*\

	3.1) Secondary Navigation - SN310

\*===================================================================================================*/

.secondary-navigation {
	background:url(/images/secondary-navigation-bg.png) repeat-x top;
	height:30px;
	width:940px;
	text-align:center;}
	
	.secondary-navigation ul {
		display:inline;
		height:30px;}
	
	.secondary-navigation li {
		display:inline;
		height:30px;
		line-height:30px;}
						
	.secondary-navigation a {
		color:#008ec3;
		font-size:11px;
		font-weight:bold;
		height:27px;
		display:inline;
		text-decoration:none;
		padding:3px 10px 0 10px;}
		
		.secondary-navigation a:hover {
			text-decoration:underline;}
					
/*===================================================================================================*\

	4.0) Main Content - SN400

\*===================================================================================================*/

.main-frame {
	width:870px;
	padding:20px 35px 20px 35px;
	float:left;
	height:auto;
	background:url(/images/repeater-bg.png) repeat-x;}
		
/*===================================================================================================*\

	4.1) Content Left - SN410

\*===================================================================================================*/

.content-left {
	width:270px;
	float:left;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
	
	.mattress-finder {
		width:270px;
		/*height:120px;*/
		height: auto;
		background:url(/images/mattress-finder-bg.png) no-repeat top #fff;
		float:left;}
		
/*===================================================================================================*\

	4.1.1) MAttress Finder - SN411

\*===================================================================================================*/

.mattress-finder-title {
	font-size:22px;
	color:#049bd3;
	padding:13px 0 10px 10px;
	font-weight:bold;
	float:left;}
	
	.mattress-finder-form 
	{
		
		float:left;
		width:250px;}
	
	.mattress-finder-form select {
		width:248px;
		margin-left:10px;}
	
	.mattress-finder-button {
		float:left;
		padding:10px;}
		
/*===================================================================================================*\

	4.1.2) Left Navigation - SN412

\*===================================================================================================*/
					
.left-navigation 
{
	margin-top: 10px;
	padding:0px 0px 20px 0px;
	line-height:20px;
	float:left;
	height:auto;
	color:#fff;
	background:url(/images/left-navigation-bg.png) no-repeat bottom #4cbfea;}
	
	.left-navigation a {
		color: #fff;
		text-decoration: none;}
	
	.left-navigation ul {
		font-size:16px;
		line-height:16px;
		width:270px;
		text-indent:10px;
		float:left;
		padding-top:10px;
		font-weight:bold;
		line-height:30px;}
	
	.left-navigation li {
		border-bottom:1px solid #79cfef;
		line-height:20px;
		width:270px;
		background:url(/images/left-bullet.png) no-repeat;
		background-position:257px 7px;}
		
		.left-navigation li a {
			font-size:11px;
			padding:0 10px 0 0;
			width:260px;
			display:block;
			font-weight:normal;
			text-decoration:none;
			color:#fff;}
			
			.left-navigation li a:hover {
				text-decoration:underline;}
				
		.left-navigation-cta {
			float:left;
			margin-top:10px;
			border:0;}
				
/*===================================================================================================*\

	4.2) Content Right - SN420

\*===================================================================================================*/

.content-right {
	width:570px;
	float:left;
	margin-left:30px;}
	
	h2
	{
		
		font-size:32px;
		background:url(/images/content-header-bg.png) no-repeat #1aa8dd;
		width:550px;
		line-height:34px;
		padding:10px 10px 10px 10px;
		color:#fff;
		font-weight:bold;
		/*float:left;*/
		height:auto;
		margin:0;
		margin-bottom: 20px;
		/*clear:both;*/
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
		
		ul{clear: both;}
		
/*===================================================================================================*\

	4.2.1) Product Page - SN421

\*===================================================================================================*/
		
.content-right .product-price {
	float:left;
	background:url(/images/product-price-bg.png) no-repeat;
	width:570px;
	padding-top:10px;
	height:40px;}
	
.content-right .product-price-text {
	float:left;
	width:270px;
	font-size:16px;
	line-height: normal;
	text-align:right;
	margin-right:40px;
	color:#049bd3;}
	
	
	.content-right .product-price-text span {
		font-size:26px;
		font-weight:bold;
		letter-spacing:-1px;}
	
.product-intro-text {
	font-size:12px;
	line-height:18px;
	padding:5px 0 25px 0;
	color:#666;
	float:left;}

	.product-image-break {
		float:left;
		width:30px;
		height:20px;}
	
.size-selector {
	
	width:570px;
	height:auto;
	padding-bottom:5px;
	float:left;
	clear:both;
	background:#fbfbfb url(/images/selector-bottom.png) no-repeat bottom;}
	
	
	.menu {padding:0px; margin:0px; font-size:10px; text-transform:uppercase; background:url(/images/selector-top.png) no-repeat top; float:left; height:auto; width:570px;}
	.menu dt {display:none;}
	.menu dd {float:left; padding:5px; margin:0px; text-align:center; line-height: 14px; height: 15px; display: inline-block;}
	.menu dd span.aa {display:block;width:12px; height:20px; background:url(/images/taglft.gif); float:left;}
	.menu dd span.bb {height:17px; background:url(/images/tagmid.gif);padding-top:3px; float:left; min-width: 50px;}
	.menu dd span.cc {display:block; width:12px; height:20px;background:url(/images/tagrgt.gif); float:left;}
	
	a.menu_selected span.aa,a.menu_selected span.bb,a.menu_selected span.cc{ color:#fff; background-position:0 20px; }
	
	.menu a, .menu a:visited {color:#888; text-decoration:none; font-size:1em; cursor:pointer;}
	.menu a:hover {color:#fff; background:#fff;}
	.menu a:hover span {background-position:0 20px; }
	
.prouct-icon-frame {
	clear:both;
	float:left;
	margin:20px 0 20px 0;
	text-align:center;}
			
	.body-text {		
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:18px;
		color:#666;}
		
		.body-text-padding {
			float:left;}
		
		.body-text li {
			background:url(/images/body-bullet.png) no-repeat left;
			background-position:7px 6px;
			padding-left:20px;
			font-weight:bold;}
		
		.body-title {
			font-size:22PX;
			font-weight:bold;
			color:#4cbfea;
			width:570px;
			border-bottom:1px solid #c1eaf9;
			padding:20px 0 10px 0;
			margin:0 0 20px 0;
			float:left;
			clear:both;
			font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
			
			
			.body-text-features {		
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:18px;
		color:#666;}
		.body-text-features li {
			background:url(/images/body-bullet.png) no-repeat left;
			background-position:7px 6px;
			padding-left:20px;
			font-weight:normal;}
/*===================================================================================================*\

	4.2.2) Results Page - SN422

\*===================================================================================================*/
				
.product-box-sml {
	width:570px;
	height:auto;
	float:left;
	clear:both;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #c1eaf9;}
	
	.product-box-sml .product-image {
		float:left;
		clear:both;}
	
	.product-name 
	{
		
		color:#049bd3;
		font-size:16px;
		width:450px;
		height:20px;
		font-weight:bold;
		float:left;
		clear:both;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
		
	.product-box-sml .product-price 
	{
		
		float:right;
		font-size:10px;
		color:#049bd3;
		background:0;
		width:200px;
		text-align:right;
		padding:0;
		clear:right;
		height:20px;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
		
		.product-sale-price
		{
			color: #f00;
			font-weight: bold;
		}
		
		
		.product-box-sml .product-price b {
			font-size:18px;
			font-weight:bold;}
			
	.product-features {
		height:auto;
		width:410px;
		padding:0 10px 0 10px;
		float:left;
		}
		
		.product-features li {
			font-weight:normal;
			font-size:11px;
			line-height:16px;
			}
			
	.product-compare-select {
		width:265px;
		padding-left:25px;
		font-size:10px;
		height:18px;
		color:#999999;
		padding-top:7px;
		float:left;
		}
		
		.product-compare-select a {
			color:#049bd3;}
		
	.product-more-link {
		width:150px;
		
		height:25px;
		float:left;}
		
		.product-more-link img {
			float:right;
			border:0;}
			
/*===================================================================================================*\

	4.2.3) Basket/Checkout Page - SN423

\*===================================================================================================*/

.basket-table tr td {
	text-align:center;
	border:1px #eee solid;
	}
	
	.basket-table tr {
	text-align:center;
	border:1px #eee solid;
	}
	
.basket-titles {
	font-size:11px;
	color:#333;
	text-transform:uppercase;
	padding:5px;
	background-color:#fbfbfb;
	}
		
.basket-descriptions {
	text-align:left;
	}
	
.basket-field {
	width:45px;
	text-align:center;
	font-size:10px;
	color:#666;
	}
	
.basket-totals {
	width:100%;
	font-size:18px;
	text-align:right;
	margin:20px 0 20px 0;
	line-height:20px;
	}
	
.basket-button {
	float:right;
	margin-left:10px;
	}

	
/*===================================================================================================*\

	5.0) Extra Info - SN500

\*===================================================================================================*/

		
.extra-info-frame {
	width:900px;
	padding:10px 30px 0px 5px;
	float:left;
	height:auto;
	}
	
	.homepage-product {
		width:270px;
		height:125px;
		margin:0 0 20px 30px;
		padding:0;
		float:left;}
		
		.homepage-product-image-frame {
			width:270px;
			height:70px;
			float:left;
			position:relative;}
			
			.homepage-product-price, .homepage-product-presale-price {
				position:absolute;
				background-color:#660000;
				background:url(/images/homepage-product-price-bg.png) no-repeat;
				width:50px;
				font-size:10px;
				height:35px;
				padding-top:5px;
				top:0;
				text-align:center;
				line-height:14px;
				color:#049bd3;
				
				right:0;}
				
				.homepage-product-presale-price
				{
					left: 0;
				}
				
				.homepage-product-price b, .homepage-product-presale-price b {
					font-size:14px;
					font-weight:bold;}
		
		.homepage-product-name {
			background:url(/images/homepage-product-bg.png) no-repeat bottom;
			height:60px;
			position:relative;
			font-size:13px;
			/*line-height: 15px;*/
			font-weight:bold;
			color:#049bd3;
			padding:2px 10px 0 10px;
			
			width:250px;
			float:left;}
			
			.homepage-product-name a,.homepage-product-price a, .homepage-product-presale-price a {
				color:#049bd3;
				text-decoration:none;}
				
				.homepage-product-name a:hover {
					color:#049bd3;
					text-decoration:underline;}		
					
	.homepage-text {
		width:570px;
		font-size:12px;
		border-top:1px solid #c1eaf9;
		color:#666;
		float:left;
		height:auto;
		padding:0 30px 30px	30px;}
		
		.homepage-text-left {
			width:270px;
			float:left;}
			
		.homepage-text-right {
			width:270px;
			margin-left:30px;
			float:left;}
			
		.homepage-text-centre {
			width:570px;
			float:left;}
			
	.homepage-icons {
		padding:20px 0 0 20px;
		border-top:1px solid #c1eaf9;
		width:250px;
		height:auto;
		float:left;
		}
		
		.homepage-icons img {
			border:0;}
			
		
/*===================================================================================================*\

	6.0) Footer - SN600

\*===================================================================================================*/

.footer-frame {
	float:left;
	height:auto;}
	
	.footer-icons {
		float:left;
		width:900px;
		height:auto;
		border-top:1px solid #ececec;
		border-bottom:1px solid #c1eaf9;
		text-align:center;
		padding-left:30px;
		}
		
		.footer-icon {
			float:left;
			border:0;
			}
		
	.footer {
		width:940px;
		float:left;
		padding:20px 0 20px 0;
		background:url(/images/footer-bg.png) repeat-x top;
		border-top:1px solid #fff;}
		
		.footer-link-holder {
			width:270px;
			color:#666;
			margin-left:30px;
			font-size:10px;
			float:left;}
			
			.footer-link-holder b {
				font-size:11px;}
			
			.footer-link-holder li {
				background:url(/images/footer-bullet.png) no-repeat left;
				background-position:10px 5px;
				padding-left:20px;
				height:20px;}
				
			.footer-link-holder a {
				color:#666;
				text-decoration:none;}
				
				.footer-link-holder a:hover {
				text-decoration:underline;}
				
				
	/*-----------FORM---------*/
	.form-holder {
	width:400px;
	padding:20px 80px 20px 80px;
	float:left;
	height:auto;
	border-bottom:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
	
	}

.form-block {
	width:400px;
	height:25px;
	clear:both;
	margin-bottom:10px;
	}
	
	.form-block-error {
		width:10px;
		height:20px;
		float:left;
		font-size:1.1em;
		font-weight:bold;
		padding-top:5px;		
		}

	.form-block-title {
		width:190px;
		height:20px;
		float:left;
		font-size:1.1em;
		font-weight:bold;
		padding-top:5px;
		color:#666;
		}
		
	.form-block-input {
		width:200px;
		height:25px;
		float:left;
		}
		
	#double-select-container
					{
						width: 200px;
					}
						#double-select-container select
						{
							width: 98px;
						}
		
	.text-field, .text-area, select {
			color:#666;
			font-size:1.0em;
			}
		
		.text-field {
			border:3px #eaeaea solid;	
			padding:2px;
			width:190px;
			}
			
		.text-area {
			border:3px #eaeaea solid;	
			font-family:Arial, Helvetica, sans-serif;
			padding:2px;
			padding-left: 12px;
			height:120px;
			width:390px;
			}
			
		select {
			padding:2px;
			margin:0;
			width:200px;
			border:3px #eaeaea solid;
			}
			
		.form-button {
			float:right;
			margin:20px 0 0 0;
			}

	.form-buttonwithimg {			
			background:url("../images/next-button.png") no-repeat;
			width:99px;			
			}
			.sizetitle
			{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #06a2dc;
    text-transform: uppercase;
    font-weight: normal;

			    }