/* Css Rest ----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End CSS Reset ----------------------------------------------*/

/* Wireframing for initial Development ------------------------
#container{border:1px solid #000;}
#header{border:1px solid #00FF00;}
#nav{border:1px solid #FFCC00;}
#content{border:1px solid #CC0000;}
#footer{border:1px solid #3300FF;}*/
/* End Wireframing --------------------------------------------*/

/* General Selecter Setup -------------------------------------*/

p{margin:0.5em 0 1em;}

h3,h4,h5,h6 {
	margin:1em 0 0 0;
	color:#003060;
}

h1{font-size:2em; margin:0 0 0.5em; color:#003060;}
h2{font-size:1.6em; margin:0 0 1em; color:#003060;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}

#content ul, #content ol, #content dl{margin:1em 0;}									/* sets margins for lists in content, remember to overwrite for inline
																						or floated lists */
#content ol li{																			/* sets list style for ordered lists in content */
	list-style-type:decimal;
	margin-left:30px;
}
#content li{margin:0 0 0.5em;}															/* sets margin for all lists in content */

#content ul li{																			/* sets the margins and list type for un-ordered lists in content */
	list-style-type:square;																/* overwrite for inline lists and floated lists in the specified div */
	margin:0 0 0 50px;
	line-height:30px;
}
#content .no-bullet li{																	/* use class on ul or ol to remove bullets from content  */
	list-style-type:none;
	margin-left:0;
}
#content ul.tick li{
	list-style-type:none;
	background:url(../images/tick.gif) no-repeat left top;
	padding-left:35px;
	margin:0 0 10px 35px;
	line-height:1.9em;
}
a:link{
	color:#003060;
}
a:visited{
	color:#003060;
}
a:hover{
	color:#a34040;	
}
a:active{
	color:#003060;
}
em{
	font-style:italic;
}
strong{
	font-weight:bold;
}
.centered{
	text-align:center;
}
.highlight{
	background:#ffff99;
}
.red{
	color:#ff0000;
}

/* End Selecter Setup -----------------------------------------*/

/* General Setup ----------------------------------------------*/

body{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:165%;				
	text-align:center;																	/* to centre layout for older browsers, change if layout not centered */
	background:#fff;																	/* to ensure good contrast, white background and dark text*/
	color:#333;
}
.left{																					/* generic float and clear classes */
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.clear-left{
	clear:left;
}
.clear-right{
	clear:right;
}
.clearfix:after {																		/* clearfix enables self clearing floats, add class="clearfix" to */
	content:".";																		/* any floated element to clear itself */
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
.clearfix {display:block;}
	/* End hide from IE Mac */


/* End General Setup ------------------------------------------*/

/* Containers -------------------------------------------------*/

#container{
	width:950px; 																		/* or 960px for 1024 display or your width */
	margin: 0px auto;																	/* to centre layout */
	text-align:left;																	/* to counter text-align:center in body */
	border:1px solid #ccc;
}
#header{
	width:950px;
	background:url(../images/logo.gif) no-repeat 16px 0px;
	position:relative;
}
#content{
	clear:both;
	margin:2em 0;
	padding:0 0px;
	border-bottom:1px solid #ff0000;
}
#footer{
	padding-left:10px;
	line-height:20px;
	clear:both;
	text-align:center;
	color:#777;
	font-weight:bold;
}
#copyright{
	width:960px;																		/* set this to same width as container */
	margin:1em auto;																	/* centre layout if main container is centred */
	text-align:center;
}
/* End Containers ---------------------------------------------*/

/* Navigation -------------------------------------------------*/

#nav { 
	height:44px; 
	width:650px;
	margin:0 auto;
	font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif;	
}
#nav ul{
	padding:0 0 0 0px; 
	margin-left:10px;
	padding-left:20px;
	background:#ff0000 url(../images/nav-bg.gif) no-repeat top right;
}

#nav ul li{
	float:left;
	line-height:44px;
	margin-right:2px;
}
#nav ul li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:17px;
	display:block;
	padding:0px 15px 0;
}
#nav ul li a:hover{
	color:#00aae7;	
	}

/* End Nav ----------------------------------------------------*/

/* Specific Containers ----------------------------------------*/
/* Header Content ---------------------------------------------*/

#header h1{																				
	color:#003060;
	width:467px;
	height:103px;
	position:relative;
	margin:15px auto 0;
	
	background:url(../images/header-logo.gif) no-repeat;
}

#header h1 a{
	display:block;		
	text-indent:-9999px;
	width:467px;
	height:103px;													/* if you have the h1 linked, ie to homepage, display:block will expand																					link to dimensions of your image */
}
#header #call{
	color:#003060;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	right:0;
	top:103px;
	width:200px;
	margin-right:20px;
	text-align:center;
	text-decoration:none;
	padding:3px;
}

#intro-heading{
	background:#ffe2e1 url(../images/intro-bg.gif) repeat-x;
	height:232px;
	margin: 20px 0;
}
#intro-heading .heading{
	float:left;
}
#intro-heading h2{
	padding:12px 20px;
	text-align:center;
	font-size:21px;
	line-height:1.2em;
	width:450px; 
	margin:0;
	float:left;
}
#intro-heading img.home-pillow-offer{
	float:left;
	margin-left:10px;
}
#intro-heading p img{
	position:relative;
	top:7px;
}
#intro{
	border-bottom:1px solid #ff0000;
	padding:10px 20px;
	text-align:justify;
}
#intro h3{
	text-align:center;
	margin:0 0 1em 0;
	color:#ff0000;
}
#intro img{
	padding:6px;
	border:1px solid #f3cccc;
	float:left;
	margin:6px 20px 0 0;
}
#intro p img{
	float:right;
	margin:6px 0px 0 20px;
}
#intro p#mattress-man{
	min-height:100px;
}
#main-content-container{
	background:url(../images/main-content-bg.gif) repeat-y;
}
#main-content-container-normal{
	background:url(../images/main-content-bg.gif) repeat-y;
	border-top:1px solid #ff0000;
}
#main-content{
	padding:0px 10px 10px 20px;
	float:left;
	width:600px;
	margin-right:10px;
	text-align:justify;
}
#main-content h2, #main-content h3{
	text-align:center;
	margin:1.5em 0;
}

#testimonials{
	width:290px;
	float:left;
	padding:10px;
	background:#ffe2e1;
}
#testimonials h4{
	text-align:center;
}
#testimonials .box{
	border:1px dashed #ff0000;
	width:80%;
	padding:6px 12px 0;
	margin:12px auto;
	background:#fff;
}
#testimonials .box img{
	float:right;
	margin:0 0 0 12px;
	padding:6px;
	border:1px solid #ffe2e1;
}
#guarantee{
	width:80%;
	padding:1px 24px;
	margin:12px auto;
	background-color:#fafacc;
	border:2px solid #003060;
}
#guarantee h2{
	color:#ff0000;
}
#main-content p span{
	font-size:18px;
	font-weight:bold;
	color:#003060;
}
.product{
	margin-bottom:24px;
}
.product dt{
	width:165px; 
	float:left; 
	display:block;
	margin-right:20px;
}
.product dd{
	width:410px;
	float:left;
}
#main-content .product h3{

	margin-top:0;
}
.product h3 span{
	display:block;
	color:#ff0000;
}
.product img{
	margin:3px 10px 6px 0;
	padding:6px;
	border:1px solid #f3cccc;
}
.faqs dt{
	font-weight:bold;
}
/* End Header Content -----------------------------------------*/
/* Main Content ---------------------------------------------*/
.box{
	margin:12px 0;
	padding:0 10px;
	border:1px solid #ccc;
}
.gutter{
	margin-right:30px;																	/* add to any div you wish to have right margin */
}


/* End Main Content ---------------------------------------------*/

/* ********Form stuff to be moved into own stylesheet************ */ 

form{
	margin:12px 0;
	min-width:580px;																	/* Change values for min and max width, remember to take into  */
	max-width:600px;																	/* account input and label margins and padding plus error img*/
}
form dt{
	float:left;
	width:200px;
	font-weight:bold;
	margin-right:12px;
	line-height:30px;
}
form dt span{
	display:block;
}
form dd{
	margin-bottom:10px;
	line-height:30px;
}
form dt.multiple-field{
	height:70px;
}
form select{
	padding:3px;
}

form dd input.text,form dd textarea{
	width:300px;
	padding:6px;
}


/* Form with coloured fieldsets */

form div.fieldset-bg{
	background:#FFF2F2;
	border:1px solid #663366;
	margin-bottom:12px;
	padding:6px;
}
form div.fieldset-bg legend{
	font-weight:bold;
	font-size:14px;
	color:#660033;
}

.errorbox{
	border:1px solid #990000;
	margin:12px;
	padding:0 6px;
}
.errorbox h4{
	color:#990000;
}
.error{
	 background: transparent url(../images/warning.gif) no-repeat center right;
}
.testimonial{
	padding:12px;
	border:1px dashed #ff0000;
	margin-bottom:12px;
}
.testimonial img{
	float:right;
	margin:0 0 0 12px;
	padding:6px;
	border:1px solid #ffe2e1;
}


/* Added by Mark == Contact Us Block Formatting */

dl.contactus {
	margin-left:50px;

}
p span.callbody.bottom a{
	color:#FF0000;
	
}
#main-content p span.callbody.bottom{
	font-size:22px;
	line-height:30px;
}
#main-content p span.phonenobody.bottom{
	font-size:22px;
}
#map, #mapCroydon, #mapSouthYarra, #mapHawthorn{
	border:1px solid #000;
	margin:10px 0 20px;
}
dl.maps dt{
	float:left;
	width:390px;
}
dl.maps dd{
	float:left;
	width:190px;
}
.audio-player{
	text-align:right;
}
.audio-player img{border:0; padding:0;}