@charset "utf-8";
/* CSS Document */

/*** --------------------- Main container --------------------- ***/
body { 	
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 73%;
	background:#FFF;
	width:100%; 
	height: 100%;
	line-height: 1.3em;
	color: #333;
	background-color: #ffffff;
	}

html { 	
	padding:0;
	margin:0;
	width:100%; 
	height: 100%;
	}
	
a:focus, a:hover, a:active { outline:none }

img {border: 0;}

p {margin: 0 0 25px 0;}

#container {
	width:951px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	text-align: left;
	}

#logo {
	float: left;
	margin: 0 0 15px 0;
	}
	
#top_slogan {
	float: right;
	margin: 15px 0 0 0;
	font-size: 250%;
	color: #000000;
	line-height: normal;
	}



/*** --------------------- Copy Boxes --------------------- ***/

.copy_box_L {
	width: 710px;
	margin: 0 30px 20px 10px;
	float:left;
	color: #666;
	}

.copy_box_L p {
	margin: 20px 0 0 0;
	}

.copy_box_L a {
	color: #c35c5c;
	text-decoration:underline;
	}
	
.copy_box_L a:hover {
	text-decoration: none;
	} 

.copy_box_L img {
	margin: 20px 0 0 0;
	}	
		
.copy_box_L ol {
	margin: 0;
	padding: 10px;
	font-size: 100%;
	}

.copy_box_L li {
	margin: 0 0 20px 0;
	}
			
.copy_box_L li span {
	font-weight: bold;
	color:#c35c5c;
	font-size: 110%;
	display:block;
	width: 100%;
	margin: 0 0 5px 0;
	}
		
.copy_box {
	width: 335px;
	margin: 0 30px 20px 10px;
	float:left;
	color: #666;
	}
	
.copy_box p {
	margin: 20px 0 0 0;
	}

.copy_box a {
	color: #c35c5c;
	text-decoration:underline;
	}
	
.copy_box a:hover {
	text-decoration: none;
	} 

.copy_box img {
	margin: 20px 0 0 0;
	}	
		
.copy_box ol {
	margin: 0;
	padding: 10px;
	font-size: 100%;
	}

.copy_box ul {
	margin: 0;
	padding: 10px;
	font-size: 100%;
	margin: 10px 0 20px 20px;
	}
	
.copy_box li {
	margin: 0 0 20px 0;
	}
			
.copy_box li span {
	font-weight: bold;
	color:#c35c5c;
	font-size: 110%;
	display:block;
	width: 100%;
	margin: 0 0 5px 0;
	}




/*** --------------------- Top Nav --------------------- ***/

.top_nav {	
	clear:both;
	width: 951px;
	height: 41px;
	background: #161616 url(images/top_nav_bg_bottom.gif) no-repeat left bottom;	
	}

.top_nav_top {
	background: url(images/top_nav_bg_top.gif) no-repeat left top;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 5px;
	line-height: 1.5em;
	}

#navigation{
	padding: 0 0 0 11px;
		}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#navigation li {
	float: left;
	margin: 0 15px 0 0;
	padding: 8px 0 0 0;
	display: inline;
	list-style:none;
	line-height: 23px;
	} 
	
#navigation a {
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-weight: normal;
	height: 25px;
	display: inline-block;
	margin: 0;
	} 


#navigation li.basket {
	float: right;
	background: url(images/view_basket.gif) 0 6px no-repeat;
	padding: 7px 10px 0 30px;
	margin: 0;
	height: 25px;
	}

#navigation li.basket a span {
	display: inline-block;
	padding-right: 10px;
	height: 25px;
	}
		
#navigation a p {
	display: inline-block;
	padding-right: 10px;
	height: 25px;
	}
	
#navigation a:hover p {
	background: url(images/top_roll_over_1_right.gif) right top no-repeat;
	padding-right: 10px;
	height: 25px;
	} 
	
		
#navigation a span {
	padding-right: 10px;
	}

#navigation a, #navigation a span {
	display: inline-block;
	float: left;
	}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span {
	float: none
	}
	/* End hide */


#navigation a:hover  {
	color: #fff;
	background: #c35c5c url(images/top_roll_over_1_left.gif) left top no-repeat;
	padding-left: 10px;
	cursor: pointer;
	}

#navigation a:hover span {
	background: url(images/top_roll_over_1_right.gif) right top no-repeat;
	padding-right: 10px;
	height: 25px;
	} 

	
#navigation li a.active {
	color: #fff;
	background: #c35c5c url(images/top_roll_over_1_left.gif) left top no-repeat;
	padding-left: 10px;
	}
	
#navigation li a.active span {
	background: url(images/top_roll_over_1_right.gif) right top no-repeat;
	padding-right: 10px;
	height: 25px;
	}


/*** --------------------- Free Delivery Notice --------------------- ***/

#freedelivery {
	float: left;
	padding: 10px 20px 15px 0;
	font-size: 140%;
	color: #000;
	}

#freedelivery span {
	color: #000;
	font-size: 100%;
	display:inline;
	}
	
	

/*** --------------------- Content Container --------------------- ***/
	
	
#content_container {
	background: #FFF;
	width: 923px;
	float: left;
	padding: 14px;
	}	
	
	
	

/*** --------------------- Left Nav --------------------- ***/

	
#left_nav_container { 	
	float: left;
	margin: 0 0 10px 0;
	width: 140px;
	}


.nav_container { 	
	padding:0;
	margin:0 0 0 0;
	width:100%;
	float:left;
	font-size: 140%;
	
	}	
			

.nav {	
	padding: 0;
	margin: 0;
	float: left;
	width: 140px;
	}

		
.nav li {
	float:left;
	width: 140px;
	display:block;	
	margin:0;
	padding:6px 0 6px 0;
	border-bottom: 1px solid #ccc;
	}

.nav li a span {
	color: #2d2d2d;
	font-size: 75%;
	font-weight: normal;
	margin: 0 0 0 0;
	width: 140px;
	display:block;
	}
	
		
.nav li a {
	color: #c35c5c;
	text-decoration:none;
	background: none;
	margin: 0;
	padding: 3px 0 3px 0;
	font-size: 90%;
	display:block;
	width: 140px;
	}

.nav li a:hover {
	text-decoration:none;
	color: #333;
	
	cursor: pointer;
	}
	
.nav li a.active2 {
	text-decoration:none;

	background: url(images/arrow_pink.gif) 0 7px no-repeat;
	padding-left: 10px;
	}

	

.quote_box {	
	float: left;
	width: 140px;	
	background: #cacaca url(images/quote_box_top.gif) no-repeat left top;
	padding: 15px 0 0 0;
	margin: 25px 0 0 0;
	}

.quote_box h2 {
	float: left;
	width: 120px;	
	background: #cacaca url(images/quote_box_bottom.gif) no-repeat left bottom;	
	color: #fff;
	padding: 0 10px 30px 10px;
	margin: 0 0 0 0;
	font-size: 90%;
	display:block;
	}
	
.quote_box p {	
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	background: #fff none;
	color: #999;
	float:left;
	width: 125px;
	}
	



	


/*** --------------------- Main Container --------------------- ***/	

.main_container {
	width: 757px;
	float:right;
	padding-bottom: 20px;
	}

.main_container h1 {
	color: #2d2d2d;
	font-size: 170%;	
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
	}

.main_container h1a {
	color: #2d2d2d;
	font-size: 170%;	
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
	}	

	
.main_container h2 {
	color: #2d2d2d;
	font-size: 170%;	
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
	}	

.main_container h2 a {
	color: #2d2d2d;
	font-size: 100%;	
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
	text-decoration: none;
	}

.main_container h2 a:hover {
	text-decoration: underline;
	}	
			
.main_container h3 {
	color: #c35c5c;
	font-size: 220%;	
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
	}		
			
.main_container h4 {
	color: #c35c5c;
	font-size: 220%;	
	margin: 15px 0 0 0;
	padding: 0 0 20px 0;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	}	



/*** --------------------- Home Intro --------------------- ***/


#intro a {
	margin: 0 0 0 0;
	padding: 185px 0 0 25px;
	float:left;
	width: 535px;
	height: 205px;
	float:left;
	background: url(images/index_woman.jpg) no-repeat left top;
	display: block;
	cursor:pointer;
	font-size: 460%;
	text-decoration: none;
	color: #2d2d2d;
	line-height: 1.0em;
	} 
	

#intro span {
	color: #fff;
	text-decoration:none;	
	margin: 10px 0 0 0;
	padding: 10px 0 0 45px;
	font-size: 35%;
	display:block;
	background:  url() no-repeat 0 0;	
	line-height: 1.0em;
	width: 117px;
	height: 39px;
	}
	
#intro a:hover span {
	text-decoration:none;
	background:  url() no-repeat -162px 0;	
	}
	

#intro_copy {
	float: left;
	color: #666;
	width: 535px;
	}		

#intro_copy h2{
	display: inline-block;
	float: left;
	font-size: 240%;
	width: 535px;
	line-height: 1.1em;
	margin: 20px 0 20px 0;
	}

#intro_copy p {
	float: left;
	color: #666;
	width: 335px;
	margin: 0 0 20px 0;
	
	}	

#intro_copy img {
	float: left;
	margin: 0 20px 0 0;
	width: 172px;
	}	
	
		
/*** --------------------- Home - Right Panel --------------------- ***/


#right_container {
	float: right;
	width: 183px;
	padding: 0 0 0 0;
	margin: 0;
	}


#view_all_bed_linen a {
	padding: 65px 0 0 10px;
	margin: 0 0 14px 0;
	height: 55px;
	width: 173px;
	display: block;
	background: url(images/home_silk_bed_linen.jpg) no-repeat 0 0;
	cursor:pointer;
	font-size: 140%;
	text-decoration: none;
	color: #2d2d2d;
	} 
	

#view_all_bed_linen span {
	padding: 5px 0 0 16px;
	margin: 5px 0 0 0;
	height: 20px;
	width: 54px;
	display: block;
	background: url(images/view_all.png) no-repeat 0 0;
	cursor:pointer;
	font-size: 75%;
	color: #fff;
	}
	
#view_all_bed_linen a:hover span {
	text-decoration:none;	
	background: url(images/view_all.png) no-repeat -70px 0;
	}
	


#view_all_blankets a {
	padding: 65px 0 0 10px;
	margin: 0 0 14px 0;
	height: 55px;
	width: 173px;
	display: block;
	background: url(images/home_silk_blankets.jpg) no-repeat 0 0;
	cursor:pointer;
	font-size: 140%;
	text-decoration: none;
	color: #2d2d2d;
	} 
	

#view_all_blankets span {
	padding: 5px 0 0 16px;
	margin: 5px 0 0 0;
	height: 20px;
	width: 54px;
	display: block;
	background: url(images/view_all.png) no-repeat 0 0;
	cursor:pointer;
	font-size: 75%;
	color: #fff;
	}
	
#view_all_blankets a:hover span {
	text-decoration:none;	
	background: url(images/view_all.png) no-repeat -70px 0;
	}
	

#view_all_eyes a {
	padding: 65px 0 0 10px;
	margin: 0 0 14px 0;
	height: 55px;
	width: 173px;
	display: block;
	background: url(images/home_silk_eye_mask.jpg) no-repeat 0 0;
	cursor:pointer;
	font-size: 140%;
	text-decoration: none;
	color: #ffffff;
	} 
	

#view_all_eyes span {
	padding: 5px 0 0 16px;
	margin: 5px 0 0 0;
	height: 20px;
	width: 54px;
	display: block;
	background: url(images/view_all.png) no-repeat 0 0;
	cursor:pointer;
	font-size: 75%;
	color: #fff;
	}
	
#view_all_eyes a:hover span {
	text-decoration:none;	
	background: url(images/view_all.png) no-repeat -70px 0;
	}




#view_all_pillows a {
	padding: 65px 0 0 10px;
	margin: 0 0 14px 0;
	height: 55px;
	width: 173px;
	display: block;
	background: url(images/home_silk_pillows.jpg) no-repeat 0 0;
	cursor:pointer;
	font-size: 140%;
	text-decoration: none;
	color: #2d2d2d;
	} 
	

#view_all_pillows span {
	padding: 5px 0 0 16px;
	margin: 5px 0 0 0;
	height: 20px;
	width: 54px;
	display: block;
	background: url(images/view_all.png) no-repeat 0 0;
	cursor:pointer;
	font-size: 75%;
	color: #fff;
	}
	
#view_all_pillows a:hover span {
	text-decoration:none;	
	background: url(images/view_all.png) no-repeat -70px 0;
	}



#view_all_toppers a {
	padding: 65px 0 0 10px;
	margin: 0 0 14px 0;
	height: 55px;
	width: 173px;
	display: block;
	background: url(images/home_silk_toppers.jpg) no-repeat 0 0;
	cursor:pointer;
	font-size: 140%;
	text-decoration: none;
	color: #2d2d2d;
	} 
	

#view_all_toppers span {
	padding: 5px 0 0 16px;
	margin: 5px 0 0 0;
	height: 20px;
	width: 54px;
	display: block;
	background: url(images/view_all.png) no-repeat 0 0;
	cursor:pointer;
	font-size: 75%;
	color: #fff;
	}
	
#view_all_toppers a:hover span {
	text-decoration:none;	
	background: url(images/view_all.png) no-repeat -70px 0;
	}
	


#view_all_cot_duvets a {
	padding: 65px 0 0 10px;
	margin: 0 0 14px 0;
	height: 55px;
	width: 173px;
	display: block;
	background: url(images/home_silk_cot_duvets.jpg) no-repeat 0 0;
	cursor:pointer;
	font-size: 140%;
	text-decoration: none;
	color: #2d2d2d;
	} 
	

#view_all_cot_duvets span {
	padding: 5px 0 0 16px;
	margin: 5px 0 0 0;
	height: 20px;
	width: 54px;
	display: block;
	background: url(images/view_all.png) no-repeat 0 0;
	cursor:pointer;
	font-size: 75%;
	color: #fff;
	}
	
#view_all_cot_duvets a:hover span {
	text-decoration:none;	
	background: url(images/view_all.png) no-repeat -70px 0;
	}
	
				

/*** --------------------- Silk Bedding Page --------------------- ***/


#silk_bedding_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 745px;
	height: 360px;
	float:left;
	background: url(images/silk-bed-linen_L.jpg) no-repeat left top;
	}
	

#silk_bedding_copy {	
	margin: 42px 0 0 0;
	padding: 0 40px 0 0;
	width: 280px;
	float:right;
	}

#silk_bedding_copy p {	
	margin: 0 0 20px 0;
	}
		

#ivory a {
	color: #2d2d2d;
	text-decoration:none;	
	margin: 0 0 0 0;
	padding: 0 0 0 80px;
	font-size: 200%;
	display:block;
	background:  url(images/buy_ivory.png) no-repeat left top;	
	line-height: 0.9em;
	width: 240px;
	}

#ivory a:hover {
	text-decoration:none;
	color: #c35c5c;
	}

#chocolate a {
	color: #2d2d2d;
	text-decoration:none;
	margin: 10px 0 0 0;
	padding: 0 0 0 80px;
	font-size: 200%;
	display:block;
	background: url(images/buy_chocolate.png) no-repeat left top;	
	line-height: 0.9em;
	width: 240px;
	}

#chocolate a:hover {
	text-decoration:none;
	color: #c35c5c;
	}
	
#blue a {
	color: #2d2d2d;
	text-decoration:none;

	margin: 10px 0 0 0;
	padding: 0 0 0 80px;
	font-size: 200%;
	display:block;
	background: url(images/buy_blue.png) no-repeat left top;
	
	line-height: 0.9em;
	width: 240px;
	}

#blue a:hover {
	text-decoration:none;
	color: #c35c5c;
	}
	

#select_ivory a {
	color: #2d2d2d;
	text-decoration:none;
	background: none;
	margin: 0 0 0 10px;
	padding: 8px 0 0 100px;
	font-size: 240%;
	display:block;
	background: url(images/select_ivory.gif) no-repeat 0 0 ;
	height: 35px;
	float: left;
	line-height: 0.9em;
	width: 134px;
	}

#select_ivory a:hover {
	text-decoration:none;
	color: #fff;	
	background: url(images/select_ivory.gif) no-repeat -234px 0;
	}	

#select_chocolate a {
	color: #fff;
	text-decoration:none;
	background: none;
	margin: 0 0 0 10px;
	padding: 8px 0 0 65px;
	font-size: 240%;
	display:block;
	background: url(images/select_chocolate.gif) no-repeat 0 0 ;
	height: 35px;
	float: left;
	line-height: 0.8em;
	width: 169px;
	}

#select_chocolate a:hover {
	text-decoration:none;	
	background: url(images/select_chocolate.gif) no-repeat -234px 0;
	}
	
#select_blue a {
	color: #fff;
	text-decoration:none;
	background: none;
	margin: 0 0 0 10px;
	padding: 8px 0 0 100px;
	font-size: 240%;
	display:block;
	background: url(images/select_blue.gif) no-repeat 0 0 ;
	height: 35px;
	float: left;
	line-height: 0.9;
	width: 134px;
	}

#select_blue a:hover {
	text-decoration:none;	
	background: url(images/select_blue.gif) no-repeat -234px 0;
	}





/*** --------------------- Duvet Page --------------------- ***/


#silk_duvet_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 745px;
	height: 360px;
	float:left;
	background: url(images/silk-duvet-L.jpg) no-repeat left top;
	}
	
#duvet_select {
	float: right;
	width: 450px;
	margin: 95px 20px 0 0;
	background: url(images/bg_white.png) repeat;
	padding: 5px 0 5px 10px;
	}	

.duvet_table {
	width: 440px;
	border: none;
	padding: 0;
	margin: 0;
	}

.duvet_table td, tr {
	padding: 10px 5px 5px 5px;
	margin: 0;
	}

.duvet_table select {
	border: solid 3px #fff;
	color: #666;
	font-size: 100%;
	padding: 0;
	margin: 0;
	}
		
.duvet_type {
	font-size: 210%;
	text-align: right;
	color: #2d2d2d;
	}


/*** --------------------- Guide Right Nav --------------------- ***/

.guide_right_nav {
	width: 335px;
	margin: 0 30px 20px 10px;
	float:left;
	color: #666;
	padding: 0;
	}

.guide_right_nav img {
	margin: 5px 8px 10px 0;
	}
	
	
.guide_right_nav h2 {
	margin: 10px 0 10px 0;
	}
	
.guide_right_nav ul {
	width: 335px;
	margin: 0;
	padding: 0;
	}

		
.guide_right_nav li {
	float:left;
	width: 335px;
	display:block;	
	margin:0;
	padding:6px 0 6px 0;
	border-bottom: 1px solid #ccc;
	}

		
.guide_right_nav li a {
	color: #c35c5c;
	text-decoration:none;
	background: none;
	margin: 0;
	padding: 3px 0 3px 0;
	font-size: 90%;
	display:block;
	width: 335px;
	
	}

.guide_right_nav li a:hover {
	text-decoration:none;
	color: #333;
	cursor: pointer;
	}
	
.guide_right_nav li a.active2 {
	text-decoration:none;
	background: url(images/arrow_pink.gif) 0 7px no-repeat;
	padding-left: 10px;
	}
	


/*** --------------------- Blankets Page --------------------- ***/


#silk_blanket_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 745px;
	height: 360px;
	float:left;
	background: url(images/silk-blanket-L.jpg) no-repeat left top;
	}
	
#blanket_select {
	float: right;
	width: 510px;
	margin: 160px 20px 0 0;
	background: url(images/bg_white.png) repeat;
	padding: 5px 0 5px 10px;
	}	

.blanket_table {
	width: 500px;
	border: none;
	padding: 0;
	margin: 0;
	}

.blanket_table td, tr {
	padding: 10px 5px 5px 5px;
	margin: 0;
	} 
	
.blanket_table select {
	margin: 0;
	padding: 0;
	border: solid 3px #fff;
	color: #666;
	font-size: 100%;

	}
		
.blanket_type {
	font-size: 210%;
	text-align: right;
	color: #2d2d2d;
	}
	

/*** --------------------- Eye Mask Page --------------------- ***/


#silk_eye_mask_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 745px;
	height: 335px;
	float:left;
	background: url(images/eye-mask-L1.jpg) no-repeat left top;
	}
	
#blanket_select {
	float: right;
	width: 460px;
	margin: 160px 20px 0 0;
	background: url(images/bg_white.png) repeat;
	padding: 5px 0 5px 10px;
	}	

.blanket_table {
	width: 500px;
	border: none;
	padding: 0;
	margin: 0;
	}

.blanket_table td, tr {
	padding: 10px 5px 5px 5px;
	margin: 0;
	} 
	
.blanket_table select {
	margin: 0;
	padding: 0;
	border: solid 3px #fff;
	color: #666;
	font-size: 100%;

	}
		
.blanket_type {
	font-size: 210%;
	text-align: right;
	color: #2d2d2d;
	}


/*** --------------------- Silk Care --------------------- ***/


#silk_care_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 745px;
	height: 360px;
	float:left;
	background: url(images/silk-care-L.jpg) no-repeat left top;
	}
	
#silk_care_select {
	float: right;
	width: 430px;
	margin: 240px 20px 0 0;
	background: url(images/bg_white.png) repeat;
	padding: 5px 0 5px 10px;
	}	

.silk_care_table {
	width: 420px;
	border: none;
	padding: 0;
	
	}

.silk_care_table td, tr {
	padding: 10px 5px 5px 5px;
	}

.silk_care_table select {
	
	border: solid 3px #fff;
	color: #666;
	font-size: 100%;

	}
		
.silk_care_type {
	font-size: 210%;
	text-align: right;
	color: #2d2d2d;
	}
	
	



/*** --------------------- Matress Toppers --------------------- ***/


#silk_toppers_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 745px;
	height: 360px;
	float:left;
	background: url(images/silk-toppers-L.jpg) no-repeat left top;
	}
	
#toppers_select {
	float: right;
	width: 500px;
	margin: 240px 20px 0 0;
	background: url(images/bg_white.png) repeat;
	padding: 5px 0 5px 10px;
	}	

.toppers_table {
	width: 490px;
	border: none;
	padding: 0;
	margin: 0;	
	}

.toppers_table td, tr {
	padding: 10px 5px 5px 5px;
	}

.toppers_table select {	
	border: solid 3px #fff;
	color: #666;
	font-size: 100%;
	padding: 0;
	margin: 0;
	}
		
.toppers_type {
	font-size: 210%;
	text-align: right;
	color: #2d2d2d;
	}
	
	
						





/*** --------------------- Pillows --------------------- ***/


#silk_pillows_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 745px;
	height: 360px;
	float:left;
	background: url(images/silk-pillows-L.jpg) no-repeat left top;
	}
	
#pillows_select {
	float: right;
	width: 430px;
	margin: 240px 20px 0 0;
	background: url(images/bg_white.png) repeat;
	padding: 5px 0 5px 10px;
	}	

.pillows_table {
	width: 420px;
	border: none;
	padding: 0;
	margin: 0;
	}

.pillows_table td, tr {
	padding: 10px 5px 5px 5px;
	margin: 0;
	}

.pillows_table select {	
	border: solid 3px #fff;
	color: #666;
	font-size: 100%;
	padding: 0;
	margin: 0;
	}
		
.pillows_type {
	font-size: 210%;
	text-align: right;
	color: #2d2d2d;
	}
	
	
						

	/*** --------------------- Pillowcases --------------------- ***/


#silk_pillowcases_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 745px;
	height: 360px;
	float:left;
	background: url(images/pillowcases-lg.jpg) no-repeat left top;
	}
	
#pillowcase_select {
	float: right;
	width: 510px;
	margin: 120px 20px 0 0;
	background: url(images/bg_white.png) repeat;
	padding: 5px 0 5px 10px;
	}	

.pillowcase_table {
	width: 420px;
	border: none;
	padding: 0;
	margin: 0;
	}

.pillowcase_table td, tr {
	padding: 10px 5px 5px 5px;
	margin: 0;
	}

.pillowcase_table select {	
	borer: solid 3px #fff;
	color: #666;
	font-size: 100%;
	padding: 0;
	margin: 0;
	}
		
.pillowcase_type {
	font-size: 210%;
	text-align: right;
	color: #2d2d2d;
	}
	
						





/*** --------------------- Cot Duvets --------------------- ***/


#silk_cot_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 745px;
	height: 360px;
	float:left;
	background: url(images/silk-cot-duvets_L.jpg) no-repeat left top;
	}
	
#cot_select {
	float: right;
	width: 470px;
	margin: 200px 20px 0 0;
	background: url(images/bg_white.png) repeat;
	padding: 5px 0 5px 10px;
	}	

.cot_table {
	width: 460px;
	border: none;
	padding: 0;
	margin: 0;	
	}

.cot_table td, tr {
	padding: 10px 5px 5px 5px;
	}

.cot_table select {
	border: solid 3px #fff;
	color: #666;
	font-size: 100%;
	padding: 0;
	margin: 0;
	}
	
.cot_type {
	font-size: 210%;
	text-align: right;
	color: #2d2d2d;
	}
	
	
						


/*** --------------------- Chocolate Page --------------------- ***/	

	
#brown_sheet_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 455px;
	height: 360px;
	float:left;
	background: url(images/silk_sheet_brown_L.jpg) no-repeat left top;
	}
	
#brown_sheet_hero a {
	margin: 170px 0 10px 25px;
	text-decoration:none;
	color: #fff;
	font-size: 230%;
	display: block;
	float:left;
	}

	
#brown_sheet_hero span {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 20px;
	width: 70px;
	display: block;
	background: url(images/enlarge_L.png) no-repeat left top;
	cursor:pointer;
	} 

#product_copy {
	width: 280px;
	float: right;
	margin: 20px 0 0 0;
	color: #666;
	}

#product_copy p {
	margin: 0 0 20px 0;
	padding: 0 30px 0 0;
	}


#product_copy a {
	color: #c35c5c;
	text-decoration:underline;
	}
	
#product_copy a:hover {
	text-decoration: none;
	} 
	


#ivory_sm a {
	color: #2d2d2d;
	text-decoration:none;
	margin: 0 0 0 10px;
	padding: 5px 0 0 25px;
	font-size: 100%;
	display: inline-block;
	background: url(images/ivory_sm.gif) no-repeat 0 0;	
	line-height: 0.9em;
	width: 44px;
	height: 15px;
	float:left;
	}

#ivory_sm a:hover {
	text-decoration:none;
	color: #fff;
	background: url(images/ivory_sm.gif) no-repeat -69px 0;
	}


#blue_sm a {
	color: #fff;
	text-decoration:none;
	margin: 0 0 0 10px;
	padding: 5px 0 0 25px;
	font-size: 100%;
	display: inline-block;
	background: url(images/blue_sm.gif) no-repeat 0 0;	
	line-height: 0.9em;
	width: 44px;
	height: 15px;
	float:left;
	}

#blue_sm a:hover {
	text-decoration:none;
	background: url(images/blue_sm.gif) no-repeat -69px 0;
	}


#chocolate_sm a {
	color: #fff;
	text-decoration:none;
	margin: 0 0 0 10px;
	padding: 5px 0 0 25px;
	font-size: 100%;
	display: inline-block;
	background: url(images/chocolate_sm.gif) no-repeat 0 0;	
	line-height: 0.9em;
	width: 69px;
	height: 15px;
	float:left;
	}

#chocolate_sm a:hover {
	text-decoration:none;
	background: url(images/chocolate_sm.gif) no-repeat -94px 0;
	}
			


	

#chocolate_fitted_sheet a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/fitted_sheet_brown_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 


#chocolate_duvet a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/duvet_brown_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
	

#chocolate_flat_sheets a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/flat_sheets_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
	

#chocolate_pillow_cases a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/pillowcases_brown_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
	



/*** --------------------- Ivory Page --------------------- ***/

#ivory_sheet_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 455px;
	height: 360px;
	float:left;
	background: url(images/silk_sheet_ivory_L.jpg) no-repeat left top;
	}
	
#ivory_sheet_hero a {
	margin: 170px 0 10px 25px;
	text-decoration:none;
	color: #fff;
	font-size: 230%;
	display: block;
	float:left;
	width: 100%;
	}

	
#ivory_sheet_hero span {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 20px;
	width: 70px;
	display: block;
	background: url(images/enlarge_L.png) no-repeat left top;
	
	cursor:pointer;
	} 
	

#ivory_fitted_sheet a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/fitted_sheet_ivory_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 


#ivory_duvet a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/duvet_ivory_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
	

#ivory_flat_sheets a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/flat_sheet_ivory_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
	

#ivory_pillow_cases a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/pillow_cases_ivory_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 




/*** --------------------- Blue Page --------------------- ***/


#blue_sheet_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 455px;
	height: 360px;
	float:left;
	background: url(images/silk_sheet_blue_L.jpg) no-repeat left top;
	}
	
#blue_sheet_hero a {
	margin: 170px 0 10px 25px;
	text-decoration:none;
	color: #fff;
	font-size: 230%;
	display: block;
	float:left;
	}

	
#blue_sheet_hero span {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 20px;
	width: 70px;
	display: block;
	background: url(images/enlarge_L.png) no-repeat left top;
	cursor:pointer;
	} 
	
	
#blue_fitted_sheet a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/fitted_sheet_blue_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 


#blue_duvet a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/duvets_blue_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
	

#blue_flat_sheets a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/flat_sheet_blue_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
	

#blue_pillow_cases a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/pillowcases_blue_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
		
		
/*** --------------------- Options Selection --------------------- ***/


#options_container {
	clear: both;
	width: 757px;
	padding: 20px 0 0 0;
	}

.options {
	float: left;
	width: 183px;
	margin: 0 8px 0 0;
	}

.options h1 {
	color: #2d2d2d;
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	display:inline;
	}

.options h2 {
	color: #2d2d2d;
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	display:inline;
	}

#brown_fitted_sheet a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/fitted_sheet_brown_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 


#brown_duvet a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/fitted_sheet_brown_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
	

#brown_flat_sheets a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/fitted_sheet_brown_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
	

#brown_pillow_cases a {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 115px;
	width: 183px;
	display: block;
	background: url(images/fitted_sheet_brown_sm.jpg) no-repeat left top;
	cursor:pointer;
	} 
	
.options span  {
	float: right;
	padding: 0 0 0 0;
	margin: 12px 12px 0 0;
	height: 20px;
	width: 23px;
	display: block;
	background: url(images/enlarge_s.png) no-repeat left top;
	} 

.options2 {
	float: left;
	width: 183px;
	margin: 0 0 0 0;
	}

.options2 h2 {
	color: #2d2d2d;
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	display:inline;
	}

.options2 span  {
	float: right;
	padding: 0 0 0 0;
	margin: 12px 12px 0 0;
	height: 20px;
	width: 23px;
	display: block;
	background: url(images/enlarge_s.png) no-repeat left top;
	} 
	

.table_name {
	float: left;
	padding: 6px;
	margin: 10px 0 0 0;
	background-color: #ededed;
	color: #666;
	width: 171px;
	}		

.table_name p {
	color: #c35c5c;
	font-weight: bold;
	display:inline;
	margin: 0 4px 0 0;
	font-size: 100%;
	}

.table_selection {
	float: left;
	padding: 6px;
	margin: 1px 0 0 0;
	background-color: #ededed;
	color: #666;
	width: 171px;
	}	

.table_selection select {
	font-size: 100%;
	margin: 0 0 0 0;
	color: #666;
	}	
	
.table_selection h4 {
	color: #c35c5c;
	font-weight: normal;	
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	font-size: 100%;
	float:right;		
	}

.add_to_basket {
	float: left;
	padding: 6px;
	margin: 1px 0 0 0;
	background-color: #ededed;
	color: #fff;
	width: 171px;
	}

.add_to_basket a {
	background: url(images/add_to_basket.gif) 0 0 no-repeat;
	display:block;
	width: 82px;
	height: 17px;
	color: #fff;
	font-size: 90%;
	text-align:center;
	text-decoration:none;
	padding: 3px 0 0 0;
	}			

.add_to_basket a:hover {
	background: url(images/add_to_basket.gif) -82px 0 no-repeat;
	}	


/*** --------------------- Wedding List Page --------------------- ***/


#wedding_list_hero {	
	margin: 20px 0 0 0;
	float:left;
	width: 745px;
	height: 360px;
	float:left;
	background: url(images/wedding-list-L.jpg) no-repeat left top;
	}
	

#silk_bedding_copy {	
	margin: 42px 0 0 0;
	padding: 0 40px 0 0;
	width: 280px;
	float:right;
	}

#silk_bedding_copy p {	
	margin: 0 0 20px 0;
	}
		

#ivory a {
	color: #2d2d2d;
	text-decoration:none;	
	margin: 0 0 0 0;
	padding: 0 0 0 80px;
	font-size: 200%;
	display:block;
	background:  url(images/buy_ivory.png) no-repeat left top;	
	line-height: 0.9em;
	width: 240px;
	}

#ivory a:hover {
	text-decoration:none;
	color: #c35c5c;
	}

#chocolate a {
	color: #2d2d2d;
	text-decoration:none;
	margin: 10px 0 0 0;
	padding: 0 0 0 80px;
	font-size: 200%;
	display:block;
	background: url(images/buy_chocolate.png) no-repeat left top;	
	line-height: 0.9em;
	width: 240px;
	}

#chocolate a:hover {
	text-decoration:none;
	color: #c35c5c;
	}
	
#blue a {
	color: #2d2d2d;
	text-decoration:none;

	margin: 10px 0 0 0;
	padding: 0 0 0 80px;
	font-size: 200%;
	display:block;
	background: url(images/buy_blue.png) no-repeat left top;
	
	line-height: 0.9em;
	width: 240px;
	}

#blue a:hover {
	text-decoration:none;
	color: #c35c5c;
	}
	

#select_ivory a {
	color: #2d2d2d;
	text-decoration:none;
	background: none;
	margin: 0 0 0 10px;
	padding: 8px 0 0 100px;
	font-size: 240%;
	display:block;
	background: url(images/select_ivory.gif) no-repeat 0 0 ;
	height: 35px;
	float: left;
	line-height: 0.9em;
	width: 134px;
	}

#select_ivory a:hover {
	text-decoration:none;
	color: #fff;	
	background: url(images/select_ivory.gif) no-repeat -234px 0;
	}	

#select_chocolate a {
	color: #fff;
	text-decoration:none;
	background: none;
	margin: 0 0 0 10px;
	padding: 8px 0 0 65px;
	font-size: 240%;
	display:block;
	background: url(images/select_chocolate.gif) no-repeat 0 0 ;
	height: 35px;
	float: left;
	line-height: 0.8em;
	width: 169px;
	}

#select_chocolate a:hover {
	text-decoration:none;	
	background: url(images/select_chocolate.gif) no-repeat -234px 0;
	}
	
#select_blue a {
	color: #fff;
	text-decoration:none;
	background: none;
	margin: 0 0 0 10px;
	padding: 8px 0 0 100px;
	font-size: 240%;
	display:block;
	background: url(images/select_blue.gif) no-repeat 0 0 ;
	height: 35px;
	float: left;
	line-height: 0.9;
	width: 134px;
	}

#select_blue a:hover {
	text-decoration:none;	
	background: url(images/select_blue.gif) no-repeat -234px 0;
	}


			

/*** --------------------- Footer --------------------- ***/
#footer {
	clear: both;
	width:100%;
	padding: 15px;
	}

#sign_off_container { 	
	padding: 0 15px 20px 0;
	margin: 0 15px 0 0;
	float:right;
	font-size: 100%;
	width: 400px;
	color: #999;
	text-align: right;
	}

#sign_off_container h2 { 
	font-size: 150%;
	color: #999;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	}

#sign_off_container p {
	background: url(images/leaf2.jpg) top right no-repeat;
	color: #999;
	padding: 21px 54px 5px 0;
	margin: 10px 0 0 0;
	display:block;
	}

#sign_off_container span {
	color: #999;
	display:block;
	}	
	
.bottom_nav_container { 	
	padding: 0 0 20px 0;
	margin: 0 15px 0 0;
	float:left;
	font-size: 100%;
	width: 120px;
	}	
	
.bottom_nav {	
	padding: 0;	
	margin: 3px 0 3px 0;
	}

		
.bottom_nav li {
	float:left;
	display:block;
	padding:0;
	width: 120px;
	}
	
.bottom_nav li a {
	color: #999;
	text-decoration:none;
	background: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
	display:block;
	}

.bottom_nav li a:hover {
	text-decoration:none;
	color: #c35c5c;
	}