/* Sentier CSS by Shire Websites */

/*BASE STYLES
=====================================*/
	* {
		margin: 0px;
		padding: 0px;
	}
	
	body {
		font-family:Arial, Helvetica, sans-serif;
		text-align: center;
		background-color: #170000;
		margin-top: 35px;
	}
	
	div#container {
		width: 850px;
		text-align: left;
		margin: 0 auto;
	}

/*TOP BAR (NAV)
=====================================*/
	div#top {
		width: 850px;
		height: 60px;
	}
	
	div#top div#logo {
		background-image:url(images/logo.gif);
		width: 147px; height: 52px;
		float: left;
		margin-left: 10px;
	}
	
	div#top div#addressphone {
		background-image:url(images/top_addressphone.gif);
		background-repeat: no-repeat;
		width: 349px; height: 14px;
		float: right;
		padding-right: 20px;
	}
	
	div#top ul#nav {
		height: 20px;
		width: 637px;
		list-style: none;
		float: right;
		margin-top: 20px;
		margin-right: -50px;
	}
	
	div#top ul#nav li {
		float: left;
		padding-right: 35px;
		height: 20px;
	}
	
	div#top ul#nav li a {
		display: block;
		text-indent: -54321px;
		height: 20px;
		line-height: 20px;
	}
	
	div#top ul#nav li a:hover, div#top ul#nav li a.selected {
		background-position: 0 20px;
	}
	
	div#top ul#nav li#b_home a {
		background-image: url(images/button_home.gif);
		width: 39px;
	}
	
	div#top ul#nav li#b_collections a {
		background-image: url(images/button_collections.gif);
		width: 80px;
	}
	
	div#top ul#nav li#b_designernotes a {
		background-image: url(images/button_designer-notes.gif);
		width: 99px;
	}
	
	div#top ul#nav li#b_events a {
		background-image:url(images/button_events.gif);
		width: 42px;
	}
	
	div#top ul#nav li#b_vip a {
		background-image:url(images/button_vip.gif);
		width: 54px;
	}
	
	div#top ul#nav li#b_contact a {
		background-image:url(images/button_contact.gif);
		width: 76px;
	}

/*MIDDLE (CONTENT) DIV
=====================================*/
	div#middle {
		margin-top: 30px;
		clear: both;
		background-color: #FFFFFF;
	}
	
	div#middle img.promo {
		float: left;
	}
	
	div#middle.pages {
		padding-top: 25px;
		padding-left: 30px; padding-right: 30px;
		min-height: 380px;
	}
	
	div#middle-collections {
		margin-top: 30px;
		clear: both;
		background-color: white;
		min-height: 380px;
		/*background-image: url(images/collections/february2010/background.jpg);*/
		background: #FFCCFF;
		padding-left: 20px;
		padding-top: 25px;
	}

	div.promo {
		height: 460px;
	}
	
	* html div#middle.pages {
		height: 380px;
	}
	
	div.notices {
		clear: both;
		background: #2F1A1A;
		padding: 10px;
	}
	
	div.notices p {
		color: #FFFFFF;
		font-size: 12px;
		margin-bottom: 5px;
		padding-bottom: 0px;
		text-align: center;
	}
	
/*FOOTER
=====================================*/	
	div#footer {
		text-align: right;
		
		margin-bottom: 10px;
	}
	
	div#footer img {
		margin-right: 20px;
		margin-top: 15px;
		border: 0;
	}

/*HEADINGS PARAGRAPHS
=====================================*/
	h1 {
		font-family:Geneva, Arial, Helvetica, sans-serif;
		text-indent: -54321px;
		line-height: 17px;
		height: 17px;
		margin-bottom:35px;
	}
	
	h1.collections {
		background-image: url(images/h_collections_2010.gif);
		width: 154px; /*width: 146px;*/
		margin-bottom: 35px;
	}
	
	h1.events {
		background-image: url(images/h_events.gif);
		width: 203px;
	}
	
	h1.vipclub {
		background-image: url(images/h_vipclub.gif);
		width: 94px;
	}
	
	h1.contactus {
		background-image: url(images/h_contact.gif);
		width: 134px;
	}
	
	h1.designer-notes {
		background-image: url(images/h_designernotes.gif);
		width: 176px;
		margin-bottom: 20px;
	}
	
	h2 {
		color: #170000;
		font-size: 16px;
		padding-bottom: 10px;
	}
	
	p {
		font-size: 12px;
		color:#170000;
		position: relative;
		padding-bottom: 15px;
	}
	
	p.highlight {
		font-size: 13px;
		padding-top: 10px;
		color: #170000;
		font-weight: bold;
	}
	
	p.collections-select {
		text-align: right;
	}
	
	p.collections-select select {
		font-size: 13px;
	}
	
	p.notice {
		font-size: 13px;
		padding: 10px;
		background-color:#E6E6E6;
		border: 1px solid #CCCCCC;
		width: 500px;
		margin-bottom: 25px;
		margin-left: 45px;
	}

	hr {
		border: 0;
		height: 1px;
		background-color: #CCCCCC;
		margin-bottom: 20px;
		margin-top: 10px;
		clear: both;
	}
	
	a, a:visited {
		color: #170000;
		text-decoration: underline;
	}
	
	a:focus {
		outline: none;
	}

/*COLLECTIONS GALLERY
=====================================*/

	div#gallery {
		clear: both;
	}
	
	div#gallery {
		float: left;
		padding-left: 20px; padding-right: 0px;
		margin-bottom: 5px;
		width: 750px;
	}
	
	div#gallery div {
		/*display: none;*/
	}
	
	div#gallery div img {
		
		height: 150px;
		margin-right: 10px; margin-bottom: 10px;
		float: left;
		border: 5px solid #CCCCCC;
		padding: 3px;
	}
	
	/* New Carousel Gallery:: */
	div.collections div.label-next, 
	div.collections div.label-prev {
		position: absolute;
		color: #CC3300;
		font-weight: bold;
		top: 405px;
		z-index: 20;
	}
	
	div.collections div.label-next {
		margin-left: 660px;
	}
	
	div.collections div.label-prev {
		
		margin-left: 85px;
	}
	
	div.collections ul li div {
		display: none;
	}
	
	
	div.collection-labels {
		height: 50px;
		width: inherit;
		padding-top: 0px;
		line-height: 25px;
	}
	
	div.collection-labels p {
		font-size: 16px;
		color: #666666;
		line-height: 25px;
		margin-left: 0px;
		float: left;
	}
	
	div.collection-labels ul {
		list-style: none;
		margin-bottom: 4px;
	}
	
	div.collection-labels ul li {
		float: left;
		margin-left: 20px;
	}
	
	div.collection-labels ul li a, div.collection-labels ul li a:visited {
		font-size: 12px;
		font-weight: bold;
		color: #666666;
		text-decoration: none;
	}
	
	div.collection-labels ul li a:hover, div.collection-labels ul li a.active {
		padding-bottom: 1px;
		border-bottom: 2px solid #999999;
	}

	

/*FLOATING IMAGES
=====================================*/
	img.floatleft {
		float: left;
		margin-right: 20px;
	}
	
	img.floatleft#events {
		border: 5px solid #CCCCCC;
		padding: 3px;
		margin-bottom: 40px;
	}
	
	img.floatright {
		float: right;
		padding-left: 20px;
	}

/*COLLECTIONS - LABELS
=====================================*/
	div.label-logo {
		width: 200px;
		height: 100px;
		border: 1px solid #E6E6E6;
		float: left;
		margin-left: 5px; margin-bottom: 5px;
		text-align: center;
		display: table-cell; vertical-align:middle;
	}
	
	div.label-logo a, div.label-logo a img {
		border: 0px;
	}
	
	div.label-logo:hover {
		border: 1px solid #CC3366;
	}

/*VIP CLUB SIGN-UP
=====================================*/
	form#ssg td {
		font-size: 12px;
		font-weight: bold;
		color: #170000;
	}
	
	form#ssg input {
		border: 1px solid #CCCCCC;
		font-size: 12px;
		font-weight: bold;
		padding: 2px;
	}
	
	form#ssg textarea {
		border: 1px solid #CCCCCC;
		font-size: 12px;
		font-weight: bold;
		padding: 5px;
	}
	
	form#ssg input.button {
		padding: 3px 5px 3px 5px;
	}

/*LIGHTBOX FIXES
=====================================*/
	#lightbox a {
		border: 0px;
	}
	
	#lightbox {
		margin: 0px;
	}

/*SPACER FIXES
=====================================*/
	div#spacer {
		width: inherit; 
		clear: both; 
		display: block;
	}

/*EVENTS STYLES
=====================================*/
	div#event-text {
		float: right;
		width: 590px;
		padding-bottom: 10px;
	}
	
	div.floatright {
		float: right;
		margin-left: 25px;
	}