/*

Project:	Dreams - Body Response Microsite	
Created:	1st July 2009

Notes:


*/

/*----------------------------
-----[ Component Styles ]-----
----------------------------*/

#content .mainContent {
}

p.action a {
	background:url(../cssimages/arrow_bullet_small.gif) 0px 2px no-repeat;
	padding:0 0 0 15px;
	display:block;
}

p.action a:hover {
	background-image:url(../cssimages/arrow_bullet_small_ro.gif);
	padding:0 0 0 15px;
	display:block;
	color:#A79B93;
}


/*---------------------------
-----[ Homepage Styles ]-----
---------------------------*/

#content .mainContent {
	width:250px;
	padding:30px 15px;
	float:left;
}

#content .mainContent h2 {
	margin-top:0;
}

#content .rangePromo {
	position:relative;
	width:670px;
	float:right;
}

#content .rangePromo h3 {
	width:309px;
	height:175px;
	margin:0 0 0 10px;
}

#content .rangePromo .viewRange {
	position:absolute;
	top:186px;
	right:400px;
	margin:0;
}

#content .rangePromo .viewRange a {
	background:url(../cssimages/button_large.png) center left no-repeat;
	padding:20px 20px 20px 37px;
	text-decoration:none;
	display:block;
	text-shadow:0px 1px 1px #FFF;
}

#content .rangePromo .viewRange a:hover {
	background:url(../cssimages/button_large_ro.png) center left no-repeat;
}

#content .rangePromo p.productPhoto {
	position:absolute;
	top:0px;
	right:0px;
	width:427px;
	height:347px;
}

/*-----------------------------
-----[ Range Page Styles ]-----
-----------------------------*/

#content .rangeInfo {
	position:relative;
	width:671px;
	float:right;
	padding:60px 0;
}

#content .rangeInfo .model {
	width:214px;
	float:left;
	margin-right:12px;
	position:relative;
}

#content .rangeInfo .solstice {
	margin-right:0 !important;
}

#content .rangeInfo .model .image,
#content .rangeInfo .model .description,
#content .rangeInfo .model .buy {
	width:184px;
	padding:15px;
	background:url(../cssimages/range_box_back.png) top left no-repeat;
}

#content .rangeInfo .model .image {
	width:189px;
	padding:15px 12px 15px 13px;
}

#content .rangeInfo .model .image img {
	border:2px solid #c1baa4;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

#content .rangeInfo .model .price {
	width:86px;
	height:86px;
	position:absolute;
	top:94px;
	right:0px
}

#content .rangeInfo .model .description {
	width:174px;
	padding:0 20px 15px;
	background-position:center left;
	min-height:21em;
}

#content .rangeInfo .model .description h3 {
	margin:0;
}

#content .rangeInfo .model .description strong {
	display:block;
}

#content .rangeInfo .model .buy {
	background-position:bottom left;
	padding-top:0;
}

#content .rangeInfo .model .buy a {
	background:url(../cssimages/button_small.png) center left no-repeat;
	font-size:75%;
	display:block;
	padding:15px 15px 15px 37px;
	text-decoration:none;
	text-shadow:0px 1px 1px #FFF;
}

#content .rangeInfo .model .buy a:hover {
	background-image:url(../cssimages/button_small_ro.png);
}



/*----------------------------------
-----[ Technology Page Styles ]-----
----------------------------------*/

#content .techInfo {
	width:670px;
	float:right;
	padding:60px 0;
}

#content .techInfo .technology {
	width:670px;
	float:left;
}

#content .techInfo .technology:first-child {
	padding-bottom:13px;
}

#content .techInfo .technology h3 {
	background:url(../cssimages/tech_box_back.png) top left no-repeat;
	padding:20px;
	margin:0;
	font-weight:bold;
	padding-top:30px;
}

#content .techInfo .technology .gallery {
	width:190px;
	float:right;
	padding-top:4px;
}

#content .techInfo .technology .gallery img {
	border:2px solid #c1baa4;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

#content .techInfo .technology .info {
	width:630px;
	float:left;
	background:url(../cssimages/tech_box_back.png) bottom left no-repeat;
	padding:5px 20px 20px 20px;
}

#content .techInfo .technology .description {
	width:420px;
	float:left;
}

#content .techInfo .technology .info *:first-child {
	margin-top:0;
}


/*-----------------------------
-----[ Sleep Page Styles ]-----
-----------------------------*/

#content .sleepPositions {
	width:670px;
	float:left;
	padding:60px 0;
}

#content .sleepPositions .row {
	background:url(../cssimages/tech_box_back.png) top left no-repeat;
	padding:17px 17px 10px 17px;
	float:left;
	width:640px;
}

#content .sleepPositions .last {
	background-position:bottom left;
	padding-top:0;
	padding-bottom:19px;
}

#content .sleepPositions .row img {
	border:2px solid #c1baa4;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	float:left;
}

#content .sleepPositions .row img.first {
	margin-right:8px;
}


/*---------------------------------
-----[ Stockists Page Styles ]-----
---------------------------------*/

#content .stockistsInfo {
	width:670px;
	float:right;
	padding:60px 0;
}