/* CSS Document */

* {
text-decoration : none;
}



/* heights and overflows */

#content, #content p.sectionline, #subnav, #content p.quickbuy {
clear: left;
float: left;
display: block;
}



/* main page body */

body {
background : #FEFEE5;
font-family : optima, Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 20px 0px;
text-align : center;
}

	img {
	border : none;
	}
	
	table {
	font-size : 1.0em;
	}



/* main content wrapper */

#wrapper {
background : url(visage-house-picture.jpg) 100% 100% no-repeat;
margin : auto;
width : 722px;
}



/* navigation wrapper */

#nav {
background :  url(visage-logo.jpg) no-repeat;
border-bottom : 1px solid #9E9B9A;
margin : 0px 19px;
}

	#nav p {
	font-size : 1.1em;
	font-weight : bold;
	color : #9E9B9A;
	margin : 0px;
	padding : 5px 0px 3px 0px;
	text-align : right;
	}
	
	#nav strong {
	color: #000000;
	}
	
	#nav a {
	border-right: 1px solid #9E9B9A;
	border-top: 1px solid #9E9B9A;
	color: #000000;
	padding : 3px 5px;
	text-transform: uppercase;
	}
	
		#nav a:hover {
		color: #9E9B9A;
		}
		
		#nav a.home, #footer a.home {
		border-left: 1px solid #9E9B9A;
		}



/* secondary navigation */

#subnav {
font-size: 1.2em;
font-weight : bold;
margin : 2px 19px;
text-transform: uppercase;
}

	#subnav a {
	border-right : 1px solid #FEFEE5;
	color : #FFFFFF;
	padding : 3px 0px;
	}
	
	html>body #subnav a {
	display : block;
	float : left;
	}
	
		#subnav a:hover {
		color : #000000;
		background : #EA6A1A;
		}
		
		
		
		/* colours */
	
		#subnav a#facial {
		background : #EA6A1A;
		width : 242px;
		/* * width : 244px; */
		}
	
		#subnav a#beauty {
		background : #E1B17B;
		width : 238px;
		/* * width : 242px; */
		}
		
		#subnav a#giftcerts {
		background : #9E9B9A;
		width : 202px;
		border-right : 0px;
		}
		
			#subnav a#glass1a, #subnav a#glass2a, #subnav a#glass3a, #subnav a#glass4a {
			background : #DCB3CD;
			width : 135px;
			margin-top:1px;
			}
			
				#subnav a#glass5a {
				border-right : 0px;
				background : #DCB3CD;
				width : 140px;
				margin-top:1px;
				}
	
			#subnav a#glass1 {
			background : #DCB3CD;
			width : 100px;
			margin-top:1px;
			}
		
			#subnav a#glass2 {
			background : #DCB3CD;
			width : 134px;
	 		margin-top:1px;
			}
			
			#subnav a#glass3 {
			background : #DCB3CD;
			width : 70px;
	 		margin-top:1px;
			}
			
			#subnav a#glass4 {
			background : #DCB3CD;
			width : 80px;
	 		margin-top:1px;
			}
			
			#subnav a#glass5 {
			background : #DCB3CD;
			width : 147px;
	 		margin-top:1px;
			}
 
 			#subnav a#glass6 {
			background : #DCB3CD;
			width : 148px;
			border-right : 0px;
	 		margin-top:1px;
			}
	
		#subnav a#ceramics {
		background : #5A98BC;
		width : 78px;
		}
	
		#subnav a#rugs {
		background : #EA6A1A;
		width : 102px;
		}
	
		#subnav a#gifts {
		background : #5A98BC;
		width : 123px;
 margin-top:1px;		}
	
		#subnav a#membership {
		background : #9E9B9A;
		border-right : none;
		width : 97px;
		}



/* spacer bar */

#spacer {
border : 1px solid #9E9B9A;
height : 19px;
margin : 0px 19px;
}



/* main content wrapper */

#main {
float: left;
display: block;
width: 682px;
background : url(worldpay.gif) 50% 100% no-repeat;
border : 1px solid #9E9B9A;
margin : 2px 19px 0px 19px;
padding : 0 0 50px 0;
}

#sectionbottom {
clear: both;
margin: 10px 0;
}


	/* breadcrumb links */
	
	p#breadcrumbs {
	color : #9E9B9A;
	font-size : 1.1em;
	margin : 0px;
	padding : 15px;
	text-align : left;
	}
	
		p#breadcrumbs a {
		color : #000000;
		font-weight : bold;
		}
	
		p#breadcrumbs a:hover {
		background : #9E9B9A;
		color : #FEFEE5;
		}
	
	
	
	/* main content area */
	
	#content {
	font-size : 1.2em;
	padding : 0px 0px 15px 0px;
	text-align : justify;
	}
	
		#content p {
		margin : 0px;
		padding : 0px 35px 12px 35px;
		}
	
		#content h1 {
		color : #9E9B9A;
		font-size : 1.4em;
		margin : 0px;
		padding : 0px 35px 12px 35px;
		text-align : left;
		}
	
		#content a {
		color : #9E9B9A;
		}
		
			#content a:hover {
			text-decoration : underline;
			}
		
		#cart {
		padding : 0px 35px;
		}



/* bottom navigation */

#footer {
margin : 0px 19px;
}



	/* page title */
	
	#title {
	color : #9E9B9A;
	font-size : 3.8em;
	float : right;
	text-transform : uppercase;
	}
	
	#footer p {
	color: #9E9B9A;
	font-size : 1.1em;
	margin : 0px;
	padding : 3px 0px;
	text-align : left;
	}
	
		#footer a {
		border-bottom: 1px solid #9E9B9A;
		border-right: 1px solid #9E9B9A;
		color: #000000;
		font-weight : bold;
		padding : 3px 5px;
		text-transform: uppercase;
		}
		
		#footer a#links {
		color: #9E9B9A;
		border: none;
		padding: 0;
		text-transform: none;
		font-weight: normal;
		}
	
			#footer a:hover {
			color: #9E9B9A;
			}



/* graphics headers */

#headers {
margin : 2px 19px;
}

	#headers img {
	margin : 0px 1px 0px 0px;
	}
	
	#headers img.margin {
	margin : 0px;
	}



/* section lines */

#content p.sectionline, #content p.quickbuy {
border-bottom : 1px solid #9E9B9A;
border-top : 1px solid #9E9B9A;
clear : both;
margin : 0px 0px -1px 18px;
padding : 10px 0px;
width: 646px;
}

	#content p.sectionline span, #content .quickbuytext, #content .quickbuytitle, #content .quickbuyprice, #content .quickbuydescription {
	display : block;
	padding : 5px 25px 5px 138px;
	}
	
	#content .quickbuytext {
	clear: both;
	}
	
	#content a.sectionlink, #content .quickbuytitle {
	color : #9E9B9A;
	font-size : 1.4em;
	font-weight : bold;
	}
	
		#content .quickbuydescription {
		color : #000000;
		font-size : 1.0em;
		}

		#content a.sectionlink:hover {
		background : #9E9B9A;
		color : #FEFEE5;
		}

	#content .sectionimg, #content .quickbuyimage {
	display : inline;
	float : left;
	}
	
	#content .quickbuyquantity {
	display : block;
	float : right;
	padding : 0px 20px 0px 0px;
	}



/* product line */

#productline {
margin : 0px 25px 0px 13px;
}

	#productline h1 {
	color : #9E9B9A;
	font-size : 1.4em;
	margin : 0px;
	padding : 0px 20px 12px 190px;
	text-align : left;
	}

	#productline p {
	margin : 0px;
	padding : 0px 20px 12px 190px;
	}

	#productline img {
	float : left;
	}



p#quickshop {
clear: both;
float: left;
display: block;
width: 100%;
margin : 0px;
padding : 20px 0px 0px 18px;
}



/* bullets */

#content ul {
list-style : none;
margin : 0px 35px 12px 60px;
padding : 0px;
}

	#content ul ul {
	margin : 0px 0px 0px 15px;
	}

	#content li {
	background : url(../images/bullet_point.gif) 0px 2px no-repeat;
	margin : 0px;
	padding : 0px 0px 0px 15px;
	}



/* images */

#images {
background : url(peach-strip.gif) no-repeat;
display : inline;
float : left;
padding : 0px 0px 0px 17px;
}

#contentmain {
* display : inline;
* float : left;
margin : 0 0 0 190px;
* margin : 0px;
}
	
	#contentmain table {
	margin : 0px 35px 12px 35px;
	width : 418px;
	}
	
	#contentmain table tr td table {
	margin : 0px 10px;
	width : 100%;
	}
	
	#contentmain table p {
	padding : 0px 0px 12px 0px;
	}
	
div.press_article {
display: block;
float: left;
width: 200px;
height: 370px;
margin: 10px 0 0 20px;
border: 1px solid #ccc;
background-color: #fff;
}
	
div.press_article div {
margin: 5px;
text-align: left;
}

div.press_article div.pa_title {
color: #9E9B9A;
font-weight: bold;
height: 40px;
}

div.press_article div.pa_image {
padding: 5px 0 0 0;
height: 255px;
}

div.press_article div.pa_text {
padding: 5px 0 0 0;
height: 50px;
font-size: 0.9em;
}
