/* CSS Document */
html,body{
	min-height:600px;
	height:100%;
}

body{
	background:#d2d4d5 url(../images/site_bg.jpg) repeat-x left top;
	margin:0;
	padding:0;
	text-align: center;
    min-height: 600px; /* For Mozilla/Opera/Safari */
	font-family:"Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}
table{
	border:0px none !important;
}

a{
	text-decoration:none;
	color:#888888;
	padding-left:0px;
	padding-right:0px;
}
a:hover{
	color:#eee;
}

img{
	border:0;
	padding:0;
	margin:0;
}
a img{
	border:0;
}

/*  Website Frame / Background
    ------------  */
	
div#site_frame{
    position: relative;
    margin: 0 auto;
    text-align: left;
    width: 964px;
    height: 100%;
}

div#position_content{
	top: 50%;
	margin-top: -240px; /* Half of splash height */
	margin-left: -46px;
	position: absolute;
}

div#site_block_top{
	width:964px;
	background:url(../images/page_top_bg.gif) no-repeat left top;
	padding-top:8px;
	overflow:visible;
	float:left;
	position:relative;

}
div#site_block_main{
	background:url(../images/page_loop_bg.gif) repeat-y left top;
	width:964px;
	overflow:visible;
	float:left;
	position:relative;

}

div#site_block_footer{
	background:url(../images/page_bottom_bg.gif) no-repeat left bottom;
	overflow:visible;
	float:left;
	position:relative;
	padding-bottom:10px;	
	padding-right:7px;

}
	

div#page_block{
/*	background:#f0eeee;*/
	margin-left:89px;
	position:relative;
	float:left;
	overflow:visible;
	width:866px;

}

/*  Left Block
    ------------  */
	
div#left_block{
	background: url(../images/tp_left_bg.jpg) no-repeat left top; /* 91b6e9 */
	width:294px;
	float:left;
	position:relative;
	/*border-right:3px solid #e4e4e3;*/
	color:#ffffff;
	padding-bottom:100px;
}


div#sleepsanctuary_logo{
	float:left;
	position:relative;
	width:292px;
	height:91px;
	margin-top:32px;
	margin-left:1px;
	color:#ffffff;
	
}


/*  Page Title
    ------------  */
div#page_title{
	float:left;
	position:relative;
	width:289px;
	margin-top:6px;
	text-align:right;

}
div#page_title h1{
	float:right;
	text-align:right;
	color:#fff;
	font-weight:normal;
	letter-spacing:.05em;
	font-size:26px;
	line-height:29px;
	margin:0;
	padding:0;
	width:239px;
	margin-right:40px;
	
}




/*  ecommerce Navigation
    ------------  */
div#navigation{
	filter:alpha(opacity=99.9);
	opacity: 0.999;
	-moz-opacity:0.999;
	
	float:left;
	width:249px;
	text-align:center;
	margin-top:20px;
	font-size:17px;
	line-height:17px;

}
div.menu_item_on a{
	width:75px;
	display:block;
	font-size:17px;
	line-height:17px;
	position:relative;
	float:right;
	clear:right;
	margin-bottom:4px;
	color:#fff;
}

div.menu_item_off a{
	width:75px;
	display:block;
	font-size:17px;
	line-height:17px;
	position:relative;
	float:right;
	clear:right;
	margin-bottom:4px;
	color:#cfdef0;

}
div.menu_item_off a:hover{
	color:#fff;
}



/*  Right (Main ) Page Block
    ------------  */
div#right_block{
	background:url(../images/page_bg.jpg) repeat-x left bottom;
	width:571px; /* 571 */
/*	overflow:hidden; */
	float:left;
	position:relative;


}
div#right_block a{
	color:#85a3cf;
}
div#right_block a:hover{
	color:#91b3e5;
	text-decoration:underline;
}


/*  Text Content
    ------------  */
div#text_content{
	font-size:12px;
	line-height:14px;
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	float:left;
	width:510px;
	position:relative;
	
	
}

div#text_content h3{
	font-weight:bold;
	font-size:11px;
}

div#text_content ul{
	padding:0;
	margin:0;
	margin-left:8px;
	padding-left:12px;
	
}
div#text_content ol{
	padding:0;
	margin:0;
	margin-left:16px;
	padding-left:12px;
	font-size:11px;
	
}
div#text_content p{
	margin-top:0;
	margin-bottom:12px;
}
div#text_content em{
	font-style:italic;
}



div#text_content.big{
	font-size:14px;
	line-height:18px;
}
div#text_content.big #mariette{
	margin-top:30px;
	font-size:38px;
	line-height:1em;
	

}




/*  ecommerce / Product Details
    ------------  */


div#product_details{

	font-family:"Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
	
	float:left;
}
div#product_details h1{
	font-size:26px;
	line-height:27px;
	padding-left:18px;
	display:block;
	float:left;
	width:540px;
	font-weight:normal;
	color:#8cb4e8;
}
div#info{
	margin-top:17px;
	float:left;
	position:relative;
	width:294px;	
/*	height:260px; */

	

}

div#product_scroll_container{

	
	
/*  
	top:0; 
	position:absolute;
	height:260px;  
	overflow:hidden !important; 	 */
	width:248px; 
	padding:0;
	margin:0;
	padding-bottom:4px;
	border-bottom:1px solid #ecebeb;
	margin-left:18px;	
	float:left;
	position:relative;
	top:0;
	

	
}

div#product_scroll_container .full_content{
	height:auto !important;
	overflow:visible !important;
}

div#product_scroll_content{
	padding:0;
	margin:0;
/*TH	position:absolute; */
	color:#777;

	float:left;

}
div#product_scroll_bar{
	postition:absolute;
	margin-left:270px;
	left:270px;
	height:260px;
	visibility:hidden;
	display:none;
}



div#short_description{
	padding-top:0;
	margin-top:0;
	margin-bottom:8px;
	


}
div#short_description, div#short_description p{
	padding-top:0;
	margin-top:0;
	font-size:12px;
	line-height:14px;
}


div#description ul{
	padding:0;
	margin:0;
	margin-left:8px;
	padding-left:12px;
	
}
div#description a{
	color:#85a3cf;
}
div#description a:hover{
	color:#91b3e5;
}

div#description ul li{
	margin-bottom:2px;
}
div#description p{
	margin-bottom:4px;
}


div#product_image_frame_lrg{
	
	
	margin-top:15px;
	float:right;
	position:relative;
	background: url(../images/large_image_bg.gif) no-repeat left top;
	width:272px;
	height:264px;

}
div#product_image_lrg{
	width:245px;
	height:245px;
	overflow:hidden;
	float:left;
	margin-left:8px;
	margin-top:7px;
	border:1px solid #f6f6f6;
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
	border-bottom:1px solid #e1e1e1;

}
div#product_image_lrg img{

}
div#image_nav{
	position:absolute;
	bottom:17px;
	right:24px;
	width:86px;
	padding-top:0px;
	padding-bottom:5px;
	background: #fff;
	font-size:9px;
	color:#d2d4d7;
	text-align:center;
	border:1px solid #d2d4d7;
	
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	

}
div#image_nav a{
	color:#d2d4d7;
}
div.option_box{
	margin-left:3px;
	margin-top:4px;
	float:left;
	position:relative;
	width:38px;
	height:45px;
	text-align:center;
}
div.option_box a p{
margin:0;
padding:0;

}

div.option_box img{
	border:1px solid #d2d4d7;
	width:34px;
	height:34px;
}


div.detail_zoom{
	border-top:1px solid  #f6f6f7;
	float:left;
	position:relative;
	margin-left:7px;
	width:72px;
	margin-top:4px;
}
div.detail_zoom a{
	margin-top:1px;
	display:block;
	background:url(../icon/zoom.gif) no-repeat left top;
	padding-left:14px;
	float:left;
	position:relative;
}


/* ecommerce / order nav 
   ----------------------   */
   
   div#promo_item{
  	float:left;
	position:relative;
	padding:0;
	margin:0;
	margin-left:5px;
	margin-top:10px;
	width:290px;
	overflow:hidden; 
   }
   
   
  div#try_with {
  	float:left;
	position:relative;
	padding:0;
	margin:0;
	margin-left:5px;
	margin-top:10px;
	width:270px;
	overflow:hidden;

  }
   div#try_with.full_width{
	   	width:400px;
   }
	
   div#try_with div.icon{
   	float:left;
	position:relative;
	width:73px;
   }
  div.product_name{
  	float:left;
	position:relative;
	width:195px;
	overflow:hidden;
  }
  
  div.product_name.full_width{
  	width:320px;
  }
  div.product_name h3{
	margin-left:10px;
	font-weight:normal;
	font-size:28px;
	line-height:1em;
/*	margin-top:-3px;*/
	margin-top:13px;
	padding-bottom:0;
  }
  div#try_with div.product_name h3 a{
  	color:#c9cbce;
  	text-decoration:none;
  }
  
  div#try_with  div.product_name h3 a:hover{
  	text-decoration:underline;
  }
   
 div#order_nav{
	float:right;
	position:relative;
	/*
	position:absolute;
	right:0;
	top:330px;
	*/
	height:120px; 
	width:270px;
	padding:0;
	margin-left:0;
	margin-right:0;
	margin-top:16px;
	overflow:visible;
 }
 div#order_nav.full_width{
 	width:160px;
 }
div#options{
	float:left;
	position:relative;
	border-right: 1px solid #edecec;
	width:136px;
	margin-left:0;
	padding-left:0;
	padding-right:10px;
	margin-top:6px;
	margin-right:0;
} 
div#size_chart{



}

div.size_chart_btn{
	margin-right:2px;
	float:left;
	position:relative;
	width:42px;
	height:47px;
}
div.rbutton{
	float:left;
	position:relative;
	width:18px;
	text-align:center;
	color:#bccee8;
}
div.rbutton p{
	margin:0;
	padding:0;
}
div.rbutton input{
	padding:0;
	margin:0;
	margin-bottom:4px;
	margin-top:6px;
}
div.rbutton img{
	float:left;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:2px;
}


div#price_order{
	float:right;
	position:relative;
	width:110px;
	height:60px;
	margin:0;
	padding:0;
	margin-right:5px;
	margin-top:6px;
	padding:4px;
	overflow:visible;
}
div#currency{
	float:left;
	position:relative;
	height:10px;
}
div#price{
	width:70px;
	height:15px;
	float:left;
	position:relative;
	color:#99bbea;
	font-size:17px;
	margin-left:2px;
}

div#order_btn{
	margin:0;
	padding:0;
	margin-top:4px;
	position:relative;
	float:left;
	width:91px;
	height:29px;
}

/*  ecommerce / products
    ------------  */
div#product_overview{
	width:571px;
	height:221px;

}

div.section_name h1{
	margin-top:100px;
	text-align:center;
	font-weight:normal;
	color:#85a3cf;
}
div.product{
	float:left;
	position:relative;
	width:284px;
	height:219px;
	border-left:1px solid #e0dfdd;
	border-bottom:1px solid #e5e6e7;
	background: url(../images/thumbnail_bg.jpg) repeat-x left bottom;
	overflow:hidden;
}
div.product.onel{
	float:left;
	position:relative;
	width:566px;
	border-left:1px solid #e0dfdd;
	border-bottom:1px solid #e5e6e7;
}
div.product.onel div.prd_frame_bg{
	margin-left: 210px;
}

div.double_item{
	float:left;
	position:relative;
	width:283px;
	height:438px;
	border-left:1px solid #e0dfdd;
	border-bottom:1px solid #e5e6e7;
}

div.single_item{
	float:left;
	position:relative;
	width:566px;
	height:438px;
	border-left:1px solid #e0dfdd;
	border-bottom:1px solid #e5e6e7;

}


div.tl{
	border-right:1px solid #e2e3e4;
}
div.tr{
	border-left: 0 none;
	border-right:0 none;
}
div.bl{
	border-right:1px solid #e2e3e4;
}
div.br{
	border-left: 0 none;
	border-right:0 none;
}

div.prd_frame_bg{
	float:left;
	position:relative;
	margin-left:70px;
	margin-top:20px;
	width:146px;
	height:136px;
	background: url(../images/small_img_bg.gif) no-repeat left top;
}


div.double_item div.prd_frame_bg{
	margin-top:130px;
}


div.single_item div.prd_frame_bg{
	margin-left: 210px;
	margin-top:130px;
}


div.prd_cell{
	padding:0;
	float:left;
	position:relative;
	margin-left:5px;
	margin-top:5px;
	width:125px;
	height:125px;
	background:#ccc;
}
div.prd_cell a{
	padding:0;
	margin:0;
}
div.prd_cell img{
	padding:0;
	margin:0;
	border:0 none;
}
div.prd_cell a:hover img{
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;

}

div.prod_name{
	clear:left;
	float:left;
	position:relative;
	width:97%;
	text-align:center;
}
div.prod_name h2{
	margin-top:4px;
	visibility:hidden;
	font-family:Verdana;
	font-size:18px;
	font-weight:normal;
	color:#85a3cf;
	display:block;
	height:40px;
	overflow:hidden;

}

div.prod_name h1{
	text-align:center;
	font-weight:normal;
	color:#85a3cf;
	font-size:30px;
}



div#scroll_container{
	float:left;
	position:relative; 
	width:487px; 
	height:355px; 
	overflow:hidden;
	margin-bottom:40px;
	
}
div#scroll_content{
	margin-top:5px;
	margin-bottom:5px;
	padding-top:0px;
	padding-bottom:15px;
	position:absolute;
	color:#777;
	

}
div#scroll_bar{
	position:absolute;
	top:90px;
	margin-left:535px;
	left:535px;
	margin:0;
	padding:0;
	
	}
	
div#scroll_bar_about_us{
	position:absolute;
	top:30px;
	margin-left:535px;
	left:535px;
	margin:0;
	padding:0;
}
	
div#scroll_bar_news{
	position:absolute;
	top:60px;
	margin-left:535px;
	left:535px;
	margin:0;
	padding:0;
	
/*	position:relative;
	float:right;
	margin:0;
	padding:0;
	width:15px;
	height:320px;*/

}


div#scroll_container.news_story{
	height:308px;
}

div#scroll_container.news_story li{
	line-height:13px;
	margin-bottom:10px;
	
}


div#vip_link{
	width:476px;
	overflow:hidden;
}

/*  Vip Form
    ------------  */

div#text_content.vip{
	font-size:14px;
	line-height:18px;
}

div#text_content.vip #mariette{
	margin-top:20px;
	font-size:38px;
	line-height:1em;
}


div#text_content.vip div#vip_text{
	margin-left:50px; 
	margin-top:0px; 
	width:380px;
}
div#text_content.vip div#vip_text p{
	margin-top:0;
	padding-top:0;
}
div.form_input{
	float:left;
	position:relative;
	margin-top:2px;
	
}

div.form_input input{
	font-size:15px;
	width:180px;
	color:#7d9dcc;
	border:1px solid #d2d4d7;
}
div.form_input_text textarea{
		font-size:15px;
		border:1px solid #d2d4d7;
		width:180px;
		height:60px;
		color:#7d9dcc;
		margin-top:8px;
}
div.button{
	clear:left;
	margin-left:160px;
}
div#text_content.vip div.mariette{
	color:#7d9dcc;
	font-size:20px;
	line-height:1.2em;
	width:100px;
	float:left;
	clear:left;
	text-align:right;
	padding-right:10px;
	margin-top:0px;
}


div#text_content.vip div.hear_about{
	float:left;
	position:relative;
	text-align:right;
	width:100px;

}
div.form_input_text{
	float:left;
	position:relative;
	font-size:15px;
	width:180px;
	color:#7d9dcc;
	margin-bottom:20px;
}
div#contact_info{
	margin-left:70px; 
	margin-top:30px;
}
div.contact_detail{
	float:left;
	position:relative;
	width:180px;
	margin-top:8px;
	
}

/*
   Contact Page
   -------------  */
   
div.contact_line{
	width:400px;
	float:left;
	position:relative;
}
div.contact_line div.mariette{
	color:#7d9dcc;
	font-size:20px;
	line-height:1em;
	width:100px;
	float:left;
	clear:left;
	text-align:right;
	padding-right:10px;
	margin-top:0px;
	margin-bottom:4px;
}



/*  News Item
    ------------  */
div#text_content h1{
	font-weight:normal;
	color:#7d9dcc;
	margin-bottom:0px;
	font-size:17px;
}

div.news_item h2{
	font-weight:normal;
	color:#7d9dcc;
	margin-bottom:0;
	font-size:17px;
}

div.news_item{
	border:0 none;
	font-size:11px;
	line-height:15px;
	color:#acacac;
}
div.news_item p{
	margin-top:0;
	margin-bottom:3px;
}

div.news_item hr{
	border:0 none;
	color: #f0ecec;
	height:1px;
	background-color: #f0ecec;
	margin-top:15px;
	margin-bottom:15px;
}
div.news_item div.full_story{
	margin-top:9px;
}


/*
    Media Page
	------------- */
	
div#scroll_bar_news.media{
	position:absolute;
	top:18px;
	margin-left:535px;
	left:535px;
	margin:0;
	padding:0;
	
/*	position:relative;
	float:right;
	margin:0;
	padding:0;
	width:15px;
	height:320px;*/

}


div.media_frame_bg{
	float:left;
	position:relative;
	margin-right:16px;
	margin-bottom:16px;
	margin-left:6px;
	width:146px;
/*	height:136px; */
	background: url(../images/small_img_bg.gif) no-repeat left bottom;
}
div.media_cell{
	padding:0;
	float:left;
	position:relative;
	margin-left:5px;
	margin-top:5px;
	width:123px;
	/*height:123px;*/
	margin-bottom:5px;
	background:#ccc;
	border:1px solid #efefef;
	overflow:hidden;
}
div.media_cell a{
	padding:0;
	margin:0;
}
div.media_cell img{
	background:#fff;
	padding:0;
	margin:0;
	width:123px;
/*	height:123px;	*/
	border:0 none;
}
div.media_cell a:hover img{
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;

}



/* Stockists
    ---------------- */

div#scroll_bar_news.stockists{
	position:absolute;
	top:68px;
	margin-left:535px;
	left:535px;
	margin:0;
	padding:0;

}


	div.stockist_region{
		clear:left;
		float:left;
		padding-bottom:6px;
		width:100%;
	}
	div.stockist_region h2{
		font-size:17px;
		font-weight:normal;
		margin-bottom:0;
		padding-bottom:10px;
		padding-left:4px;
	}
div.stockist_region div.stockist_box_outer{
		color:#8f8e8e;
		font-size:10px;
		float:left;
		position:relative;
		width:151px;
		height:78px;
		background:#fefefe;
		border:1px solid #f0f0f0;
		margin-right:8px;
		margin-bottom:8px;
	}
.online div.stockist_box_outer{
	width:190px !important;
	height:30px !important;
}
div.stockist_region div.stockist_box{
		float:left;
		position:relative;
		margin-left:10px;
		margin-top:5px;
	}
div.stockist_region div.stockist_box h3{
	
	
		padding:0;
		margin:0;
	}
div.stockist_region div.stockist_box p{
		padding:0 !important;
		margin:0 !important;
	}
	
	
	
div.options p{
	display:none;
}	


div.related_2{
	float:right;
	font-size:11px;
	margin-right:5px;
}


/*  Page Footer
    ------------  */
div#footer_block{
	float:left;
	position:relative;
	clear:both;
	margin-top:10px;
	margin-left:90px;
	width:870px;
	height:30px;
}

div#copyright{
	width:370px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#aeaeae;
}
div#copyright a{
	color:#a3a2a2;
	text-decoration:underline;
	
}


div#nav_menu{
	margin-top:-5px;
	float:right;
	color:#aeaeae;
	width:420px;
	text-align:center;
}
div#nav_menu a{
	color:#6b93c8;
	padding-left:4px;
	padding-right:4px;
	vertical-align:sub;

}
div#nav_menu a.current{
	color:#ffffff;
}
div#nav_menu a:hover{
	color:#ebeced;
}