@charset "UTF-8";
/* CSS Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	background-color: #eeeeee;
	margin: 22px 0 22px 0;
}
h1{
	font-size: 18px;
	padding: 10px 0 8px 0;
	line-height: 24px;
}
p{
	padding: 10px 0 10px 0;
}
small{
	font-size: 10px;
}
a{
	color: #0066cf;
}
a:hover{
	color: #003e7e;
}
#wrapper{
	width: 923px;
	margin: 0px auto;	
	padding: 0 20px 0 20px;
	background-image: url(/images/wrapper_bg.png);
	background-repeat: repeat-y;

}
#wrapper_top{
	width: 963px;
	height: 12px;
	margin: 0px auto;	
	background-image: url(/images/wrapper_top.png);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
}
#wrapper_bottom{
	height: 19px;
	background-image: url(/images/wrapper_bottom.png);
	background-repeat: no-repeat;
	font-size: 1px;
}

#content{
	clear: both;
    padding-top: 20px;
}
.clear{
	clear: both;
	font-size: 1px;
	line-height: 0;
}
#masthead {
	color: #000;
	font-size: 13px;
	padding: 0;
	margin: 0;
}
#nav{
	width: 683px;
	float: left;
	}	
	ul.nav {
		height: 116px;
		position: relative;
	}
	ul.nav li {
	padding: 0;
	margin: 0;
	}
	ul.nav li a {
		display:block;
		position:absolute; 
		top:0;
		text-indent:-9999px;
		outline:none;
		height: 116px; 
	}
	ul.nav a:hover {
		border: none;
	}
	li.navHome a, li.navProducts a, li.navInservice a, li.navOwning a,  li.navCompany a, li.navContact a{
		background-image: url(/images/nav.png);
	}
	
	
	li.navHome a 							{ background-position: 0 0; width:65px; left: 0;}
	li.navHome a:hover						{ background-position: 0 117px }
	li.navProducts a 						{ background-position: -65px 0; width:78px; left: 65px; }
	li.navProducts a:hover					{ background-position: -65px 117px }
    li.navInservice a 						{ background-position: -143px 0; width:148px; left: 143px; }
	li.navInservice a:hover					{ background-position: -143px 117px }
    li.navOwning a                      	{ background-position: -290px 0; width:113px; left: 290px; }
	li.navOwning a:hover					{ background-position: -290px 117px }
    li.navCompany a                      	{ background-position: -402px 0; width:80px; left: 402px; }
	li.navCompany a:hover					{ background-position: -402px 117px }
    li.navContact a                      	{ background-position: -482px 0; width:201px; left: 482px; }
	li.navContact a:hover					{ background-position: -482px 117px }
	
	#logo{
		padding-top: 22px;
		width: 236px;
		float: left;
		display: block;
	}
	#masthead_info{
		position: absolute;
		top: 0; 
		left: 200px;
		z-index: 1;
        text-align: right;
        padding-top: 15px;
	}
        #masthead_info .tagline{
            width: 226px;
            padding: 0 104px 0 100px;
            color: #979797;
            font-size: 27px;
            line-height: 22px;
            float: left;
        }
        #masthead_info small{
            font-size: 12px;
            display: block;
        }
        #masthead_info .canadian_phone{
            width: 90px;
            height: 50px;
            float: left;
            background-image: url(/images/flag_canada.png);
            background-repeat: no-repeat;
            color: #979797;
            font-size: 13px;
            text-align: left;
            padding: 8px 0 0 40px;
        }
        #masthead_info .us_phone{
            width: 90px;
            height: 50px;
            float: left;
            background-image: url(/images/flag_usa.png);
            background-repeat: no-repeat;
            color: #979797;
            font-size: 13px;
            text-align: left;
            padding: 8px 0 0 40px;
        }
#home_description{
	color: #008fd0;
	text-align: right;
	width: 194px;
	float: left;
	padding: 20px 44px 0 0;
}
	#home_description h1{
		font-size: 42px;	
		font-weight: normal;
		line-height: 42px;
	}
	#home_description .small{
		font-size: 16px;
		font-style: italic;
		display: block;
		line-height: 24px;
		padding: 24px 0 0 0;
	}
#home_about{
	background-image: url(/images/home_about_bg.png);
	background-repeat: no-repeat;
	width: 214px;
	float: left;
	padding: 18px 16px 37px 12px;
	line-height: 18px;
	color: #fff;
}
#home_video{ 
	width: 443px;
	float: left;
}
#home_products{
    clear: both;
    background-image:  url(/images/home_products_bg.png);
    background-repeat: no-repeat;
    margin-left: 238px;
}
    #home_products th{
        font-size:  14px;
        font-weight: normal;
        color: #3D3D3D;
        text-align: center;
        padding: 6px 0 0 0;
    }
    #home_products td{
        text-align: center;
        line-height: 11px;
		font-size: 11px;
	}
    #home_products a{
        color: #747474;
        text-decoration: none;
    }
		#home_products a:hover{
			color: #000;	
		}

#footer{
	clear: both;
	width: 963px;
	margin: 0px auto;
	position: relative;
	color: #585858;
	text-align: center;
	font-size: 11px;
}
	.leftbox{
		background-image: url(/images/product_left_bg.png);
		background-repeat: no-repeat;
		padding: 6px 12px 0 12px;
		text-align: center;
		clear: both;	
	}
	#fabric p{
		font-size: 10px;
	 	width: 92px;
		float: left;
		line-height: 12px;
		display: block;
		text-align: center;
	}
	.left{
		width: 300px;	
		float: left;
	}
	.product_left_bottom{
		background-image: url(/images/product_left_bottom.png);
		background-repeat: no-repeat;
		height: 22px;
		font-size: 1px;
		line-height: 1px;
		clear: both;
	}
	.right{
		width: 359px;	
		float: left;
		padding-left: 12px;	
		text-align: center;
	}
	#product_dimensions{
		width: 335px;	
		float: left;
		line-height: 12px;
		background-image: url(/images/product_dimensions_bg.png);
		background-repeat: no-repeat;
		padding: 6px 12px 6px 12px;
		text-align: center;
	}
	#product_dimensions_bottom{
		background-image: url(/images/product_dimensions_bot.png);
		background-repeat: no-repeat;
		height: 11px;
		font-size: 1px;
		line-height: 1px;
		clear: both;
	}
		#product_dimensions table{
			width: 329px;
			font-size: 11px;
			text-align: left;
		}
		#product_dimensions th{
			text-align: left;
			font-weight: normal;
			padding: 5px;
			color: #009a66;
		}
		.odd{
			background-color: #b7f1e1;
		}
		.lb{
			border-left: 1px solid #009a66;
		}
		.lbodd{
			border-left: 1px solid #009a66;
			background-color: #b7f1e1;			
		}
		
		#product_dimensions td{
			padding: 5px;
		}
	#subnav{
		padding-top: 40px;
		background-position: 0 40px;
		width: 234px;
		float: left;
        background-image: url(/images/subnav_bg.png);
        background-repeat: no-repeat;
		text-align: center;
       
	}
    #subnav div{
        float: left;
        width: 65px;
    }
    #subnav h3{
        clear: both;
        color: #fff;
        font-weight: normal;
		font-size: 15px;
		padding: 4px 0 3px 0;
		margin: 0;

    }
	.oneline{
		padding-bottom: 12px;	
	}
	.twoline{
		padding-bottom: 2px;
	}
	#subnav a{
        color: #fff;
        text-decoration: none;
        line-height: 10px;
        width: 65px;
        /*height: 85px;*/
        font-size: 10px;
        text-align: center;
        padding-top: 62px;
        background-repeat: no-repeat;
        display: block;
    }
    #sn_rollabout a{       background-image: url(/images/subnav_rollabout.png); }
    #sn_rollabout a:hover{ background-image: url(/images/subnav_rollabout_o.png); }
    #sn_tiltrollabout a{       background-image: url(/images/subnav_tiltrollabout.png); }
    #sn_tiltrollabout a:hover{ background-image: url(/images/subnav_tiltrollabout_o.png); }
    #sn_onepiece a{       background-image: url(/images/subnav_onepiece.png); }
    #sn_onepiece a:hover{ background-image: url(/images/subnav_onepiece_o.png); }
    #sn_twopiece a{       background-image: url(/images/subnav_twopiece.png); }
    #sn_twopiece a:hover{ background-image: url(/images/subnav_twopiece_o.png); }
    #sn_lounge a{         background-image: url(/images/subnav_lounge.png); }
    #sn_lounge a:hover{   background-image: url(/images/subnav_lounge_o.png); }
    #sn_sleepproducts a{         background-image: url(/images/subnav_sleepproducts.png); }
    #sn_sleepproducts a:hover{   background-image: url(/images/subnav_sleepproducts_o.png); }
	
	/* Move some of the buttons over to the right (center them) by adding left padding */
	#sn_rollabout		{ padding-left: 35px; }
	#sn_onepiece 		{ padding-left: 5px; }
	#sn_sleepproducts	{ padding-left: 75px; }

#copy{
	width: 689px;
	float: left;		
}
	#copy h1{
		color: #009a66;	
		font-size: 24px;
	}
	#copy h2{
		color: #009a66;	
		font-size: 15px;
		padding: 10px 0 0 0;
	}
	#copy h3{
		color: #009a66;	
		font-size: 13px;
		line-height: 13px;
		padding: 6px 0 0 0;		
	}
	#copy ul{
		list-style: none;
		margin-left: 0;
		padding-left: 12px;
	}
	#copy ol{
		list-style: decimal;
		margin: 0.25em 1em 0 2.5em; 
		padding: 0;
	}
	#copy li{
		padding: 0 0 3px 18px;
		background-image: url(/images/bullet.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	#copy li a{
		text-decoration: none;
	}
	#product_desc{
		padding-right: 14px;	
		padding-bottom: 15px;	
		font-size: 13px;
	}
	#instructions li{
		background-image: none;	
		padding: 0 0 12px 6px;		
	}
	.h2{
		color: #009a66;	
		font-size: 15px;
		font-weight: bold;
		display: block;
	}

#accessibility{
	display: none;
	visibility: hidden;
}
.missing{
	background-color: #FF0;
}
.contact_column{
	width: 206px;
	float: left;
	padding: 12px 0 12px 18px;
	
}
#contact_form{
/*	display: none;
	visibility: hidden;*/
	padding: 12px 0 0 18px;
	clear: both;
}
.thumbs{
	padding-top: 6px;
	background-image: url(/images/productthumbs_bg.png);
	background-repeat: no-repeat;
}
.thumbs_bottom{
	background-image: url(/images/productthumbs_bottom.png);
	background-repeat: no-repeat;
	height: 17px;
}
.thumb{
	padding: 6px 0 6px 0;
}
#productnav{
	width: 188px;
	float: right;
	font-size: 12px;
	padding-right: 12px;
	text-align: center;
}
	#productnav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		padding-bottom: 10px;
	}
	#productnav li {
		padding: 0;
		text-align: center;
		margin:0;
	}
	#productnav ul a {
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 5px 5px 10px 5px;
		color: #fff;
		text-align: center;
		font-size: 12px;		
		width: 178px;
		background-image: url(/images/productinfo_btn.png);
		background-repeat: no-repeat;
	}
	#productnav ul a:hover {
		color: #fff;
		background-image: url(/images/productinfo_btn_o.png);
		
	}
	#productnav ul a#subcurrent{
		color: #000;
		background-color: #ebe6dd;
	}
#catalogue p{
	width: 100px; 
	float: left;
	text-align: center;
	display: block;
}
#catalogue h3{
	display: block;
	clear: both;
}

#btnSchedule{
	text-align: center;
	padding: 12px 0 0 90px;
}
	#btnSchedule a{
		display: block;
		width: 194px;
		background-image: url(/images/inservice_btn.png);
		background-repeat: no-repeat;
		padding: 10px 0 10px 0;
		color: #fff;
		text-decoration: none;
		font-size: 15px;
	}
	#btnSchedule a:hover{
		background-image: url(/images/inservice_btn_o.png);
		background-repeat: no-repeat;		
	}
	#warranty{
		padding: 0 0 0 46px;
        clear: both;
	}
	#preload{
		display: none;
		visibility: hidden;
	}
.important{
	display: block;
	background-image: url(/images/important_bg.png);
	background-repeat: no-repeat;
	color: #000;
	padding: 9px 6px 3px 48px;
	clear: both;
}
.important_bottom{
	background-image: url(/images/important_bottom.png);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	height: 10px;
	padding-bottom: 12px;
}

	#maintenancenav{
		padding: 40px 32px 80px 12px;
		background-position: 0 40px;
		width: 190px;
		float: left;
        background-image: url(/images/maintenance_nav_bg.png);
        background-repeat: no-repeat;
		text-align: center;      
		color: #fff;
		font-size: 11px;
	}
	#maintenancenav li{
		color: #fff;	
	}
	
	#maintenancenav ul {
		list-style: none;
		margin: 0;
	}


	#maintenancenav a{
		display: block;
		text-decoration: none;
		border: 0;
		margin: 0;
		padding: 6px;
	        color: #fff;
	
		line-height: 12px;
		}	
	#maintenancenav a:hover{
		background-color: #6ba6e3;
		color: #fff;
	}
	#maintenancenav h3{
	    clear: both;
    	color: #afd4fb;
        font-weight: normal;
		font-size: 15px;
		padding: 12px 0 6px 0;
		margin: 0;
		line-height: 15px;
	}
	
	#leftcol{
		width: 234px;
		float: left;
	}
#product_catalogue a{
	text-decoration: none;
}
#product_catalogue h2{
	padding-top: 18px;
	clear: both;	
}
#product_catalogue div{
	float: left;
	width: 202px;
	padding-right: 10px;
	text-align: center;
}
.sleep_products{
	width: 300px; 
	height: 460px;
	padding: 0 12px 0 0;
	float: left;
	background-image: url(/images/sleep_bg.png);
	background-repeat: no-repeat;
    text-align: center;
}
.sleep_products h2{
	padding-left: 12px;
	padding-right: 12px;
}
.sleep_products p{
	padding-left: 12px;
	padding-right: 12px;
 }
 .sleep_products img{
	padding-left: 12px;
	padding-right: 12px;
    padding-top: 12px;
 }
.sleep_products_bottom{
	height: 10px;
	background-image: url(/images/sleep_bottom.jpg);
	background-repeat: no-repeat;	
}
textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
}
.contact_{
	background-image: url(/images/contact_b1.png);
	background-repeat: no-repeat;
}
.contact_canada, .contact_albertabc{
	background-image: url(/images/contact_b2.png);
	background-repeat: no-repeat;
}
.contact_usa{
	background-image: url(/images/contact_b3.png);
	background-repeat: no-repeat;
}
.contact_manufacturing{
	background-image: url(/images/contact_b4.png);
	background-repeat: no-repeat;
}
input, textarea{
	width: 310px;
	font-size: 13px;
}
label{
	color: #666666;
	font-weight: bold;
	font-size: 13px;	
}
form{
	padding-top: 12px;
}
.allcaps{
	text-transform: uppercase;
}
.startsHidden {
	visibility: hidden;
}
.fabone{
	padding-left: 46px;
}

#sclink{
	position: absolute;
	top: 18px;
	right: 0;
	z-index: 1;
	width: 75px;
	text-align: right;
	padding-right: 36px;
}
#sitecredits {
	position:absolute;
	left:0px;
	top:0px;
	width:266;
	height:400;
	z-index:1;
	visibility: hidden;
	background-color: #d4d4d4;
	font-size: 11px;
	color: #000;
	line-height: 12px;
	padding: 11px 11px 0 11px;
}
#sitecredits a{
	color: #000;
}
#sitecredits a:hover{
	color: #666666;
}
#sitecredits .inner{
	padding: 11px;
	border: 1px solid #525252;
	text-align: center;
}
#scclose{
	text-align: center;
	font-size: 10px;
	text-align: center;
	padding: 3px 0 3px 0;
} 
#scclose a{
	color: #000000;
	text-decoration: none;
}
#scclose a:hover{
	color: #666666;
}