@charset "utf-8";

body { font-family: Arial, Helvetica, sans-serif;}

h1 { color:#90c363; font-weight:normal;}
h2 { color:#605778; font-weight:bold;}
h3 { color:#605778; font-weight:bold;}

form#contactForm {width:298px; border:0; padding:0;}
fieldset {}
label {}
input, textarea, select {}
textarea {}
.note {display:block; clear:both;}
textarea:focus, input:focus {
	border: 1px solid #605778;
}

/** You can use this style for your LABEL elements **/
.ldb_label {width:298px; height: 20px; display:block; margin:0 0 0 0;
	font-weight: bold;
	font-size: 14px;
	color: #605778;
}
.ldb_textarea {width:298px; height: 100px; display:block; margin:0 0 0 0;
	border: 1px solid #998fa2;
	/** remember to change image path **/
	background-color: #f3edf7;
	font-weight: normal;
	font-size: 14px;
	color: #998fa2;
}
/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.ldb_input {width:298px; height: 20px; display:block; margin:0 0 20px 0;
	border: 1px solid #998fa2;
	/** remember to change image path **/
	background-color: #f3edf7;
	font-weight: normal;
	font-size: 14px;
	color: #998fa2;
}


#header {}
#logo {width:220px; height:128px;}
.logo {}


#siteNav {float:right; height:27px; padding:0 10px 0 0; display:inline-block;}
#siteNav li {float:left; height:27px; margin:4px 0 0 18px; padding:6px 0 0 0; color:#605778; font-size:14px; display:inline-block;}
/*#siteNav li.photoGallery {padding-left:31px; background: url(../images/ldb_albumIcon.gif) no-repeat 0px 0px;}*/
#siteNav li a:link, #siteNav li a:visited {color:#605778; text-decoration:none;}
#siteNav li a:hover, #siteNav li a:active  {color:#605778; text-decoration:underline;}
#siteNav li.current a {font-weight:bold;}

#address {color:#998fa2; font-size:12px;}
#hours {padding:5px 0; color:#998fa2; font-size:12px;}

#hp #message {position:relative; height:128px;}

#hp #message #address {position:absolute; bottom:27px;} 
#hp #message h1 {position:absolute; bottom:0;}
#message h1 { font-size: 17px; padding:5px 0 0 0; padding:3px 0 4px 0;}
#message h1 a { text-decoration:none; color:#90c363;}
#message h1 a:link { text-decoration:none; color:#90c363;}
#message h1 a:visited { text-decoration:none; color:#90c363;}
#message h1 a:hover { text-decoration:underline; color:#90c363;}
#message h1 a:active { text-decoration:none; color:#90c363;}

#message h1 strong { font-size: 18px; padding:5px 0 0 0;}
#brandingImage {}

.ldbImage { margin:20px 0 0 0; padding:4px; border:1px solid #998fa2;}
/* improve this selector */
.grid_8 .grid_4 .ldbImage {margin:42px 0 0 0;}

#features {margin-top:20px; height:166px; width:620px;}
.featureSet {width:620px;}
.featureSet a img {padding:0 20px 0 0; width:140px; height:166px;}
.featureSet a img.last {padding:0;}

#hp ul.designers {display:block; margin-top:20px; height:166px;}

#ribbonNav { background:#cdc6e1; color:#998fa2; font-size:14px; height:32px;}
#hp #ribbonNav { margin-top:20px; font-size:14px;}

#collectionsNav {}
#hp #collectionsNav li {margin:4px 15px 4px 3px; float:left;}
#collectionsNav li {display:block; float:right; padding:0; margin:4px 3px 4px 15px;}
#collectionsNav li a {display:block; float:left; padding:5px 12px 6px 12px; width:.1em; white-space:nowrap; background:none; text-decoration:none; color:#605778;}
#collectionsNav > li a {width:auto;}
#collectionsNav li.current {background:#605778 url(../images/ldb_navHighlight.jpg) no-repeat left top;}
#collectionsNav li.current a {color:#cdc6e1; background:url(../images/ldb_navHighlight_right.jpg) no-repeat right top;}

#collectionsNav li:hover {background:#605778 url(../images/ldb_navHighlight.jpg) no-repeat left top;}
#collectionsNav li:hover a:hover {color:#cdc6e1; background:url(../images/ldb_navHighlight_right.jpg) no-repeat right top; text-decoration:none;}

#collectionsNav li a:hover {text-decoration:underline;}

#subNav {float:right; padding:5px 0 0 0;}
#subNav li { float: left; color:#998fa2;}
#subNav li a { display:inline-block; padding: 0 0 0 20px;}
#subNav li a:link { color:#998fa2; text-decoration:none;}
#subNav li a:visited { color:#998fa2; text-decoration:none;}
#subNav li a:hover { color:#605778; text-decoration:underline;}
#subNav li a:active { color:#998fa2; text-decoration:none;}

#subNav li.current a {color:#605778; font-weight:bold;}

#mainContent {position:relative;}
#mainContent p {font-size:14px; line-height:16px; margin:0 0 10px 0; color:#998fa2;}
#mainContent p.footnote {margin:40px 0 0 0; font-size:11px;}
#mainContent div {font-size:14px; color:#998fa2;}
h2 {margin:10px 0 0 0; font-size:16px;}

.overview .collectionItem {float:left; padding:0 10px 0px 0; font-size:16px;}
.overview h2 {clear:both; margin:20px 0 5px 0;}

.overview h2 a:link { color:#605778; text-decoration:none;}
.overview h2 a:visited { color:#605778; text-decoration:none;}
.overview h2 a:hover { color:#605778; text-decoration:underline;}
.overview h2 a:active { color:#605778; text-decoration:none;}

h1.pageTitle {font-size:24px; padding:20px 0 18px 0;}

#collection h1.pageTitle {font-size:24px; padding:0 0 18px 0;}

h2.subHeading {font-size:18px; margin:0 0 5px 0; line-height:20px;}

#collectionItemDetail {margin:20px 0 0 0; padding:0; width:300px; height:486px;}
#collectionItemDetail img {width:300px; height:486px; border:0;}

#collection {position:relative; height:486px; margin:20px 0 0 0; padding:0;}
#collection .collectionItems {position:absolute; bottom:0px;}
.caption {display:none;}

#collectionItemCaption {margin:0 0 20px 0; color:#998fa2; }
#collectionItemCaption .caption {display:block;}
#collectionItemCaption .itemName{font-size:24px; width:0; height:0; margin:0; padding:0;}
#collectionItemCaption .designer {font-size:16px; width:0; height:0; margin:0; padding:0;}


.thumbs {display:block; margin:0; padding:0; width:620px; height:166px;}
.thumbs li {float:left; margin:0 20px 0 0; padding:0;}
.thumbs li.last {margin:0;}
.thumbs .thumb img {width:140px; height:166px; border:0;}
#thumbsRibbonNav {}
#thumbsRibbonNav #featureNav {text-align:left;}
#thumbsRibbonNav #featureNav a {color:#998fa2;}
#thumbsRibbonNav #featureNav a.activeSlide {color:#fff;}
/*
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}*/

#featureNav { text-align:right; padding:4px 0; font-size:12px;}
#featureNav a {
	display:inline-block;
	text-decoration:none;
	padding:6px 8px;
	margin:0 ;
	color:#FFF;
	font-weight: bold;
}
#featureNav a.activeSlide {
	background-image: url(../images/ldb_featureNav_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
#thumbsRibbonNav #featureNav a.activeSlide {
	background-image: url(../images/ldb_featureNav_lilacWhite-bg.jpg);
	padding:5px 8px 8px 8px;
}
.footnote {margin:30px 0 0 0; font-size:8px;}
#credits {padding:5px 0; font-size:12px;}
#credits a:link, #credits a:visited, #credits a:hover, #credits a:active {text-decoration:none; color:#998fa2;}
#hp #credits {padding:10px 0; font-size:12px; text-align:right;}
#hp #credits a {padding:0 10px;}

#bigFooter {background:#cdc6e1; color:#998fa2; font-size:14px; margin:20px 10px 0 10px;}
#bigFooter h3 {font-weight:normal; margin:15px 0 0  15px;}
#bigFooter .designers {margin:10px 0 15px 15px; display:inline-block;}
#bigFooter .designers li {width:160px; margin:0px ; float:left;}
#bigFooter .designers li a:link, #bigFooter .designers li a:visited, #bigFooter .designers li a:active {color:#998fa2; text-decoration:none; font-size:12px;}
#bigFooter .designers li a:hover {text-decoration:underline;}

#finalFooter {margin-bottom:20px;}
#leftLinks{}

#credibility {color:#998fa2; font-size:12px; text-align:right; padding:2px 0 0 0;}

#yelpLogo {border:0; padding:0 0 0 3px;}

#fbookLogo {border:0; padding:0 0 0 5px;}

#gMap {width:540px; height:300px;  margin:20px 0 0 0; padding:0; background-color:#90c363;}

/* landing page styles */
.button, .button:visited {
	background: #222 url(/images/button-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.button:hover { background-color: #111; color: #fff; }
.button:active { top: 1px; }
.small.button, .small.button:visited { font-size: 11px; padding: 8px 14px 9px; }
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
.purple.button, .purple.button:visited { background-color: #B5A4EF; }
.purple.button:hover { background-color: #957DDF; }

.landingPage #mainContent h1 {font-size:30px;}
.landingPage #mainContent p {font-size:16px; line-height:20px;}

.landingPage #ribbonNav #address {text-align:right;}
.landingPage #ribbonNav #address p { color:#605778; padding:8px; font-size:14px;}


.landingPage .callToAction {padding:10px 0; margin:20px 0 50px 0; text-align:center; line-height:40px;}
.landingPage #mainContent .callToAction p.call {font-size:20px; margin:15px;}
.landingPage #mainContent p.hours {text-align:center; font-size:18px; margin:40px 0 0 0;}
.landingPage #collectionLink { color:#998fa2; padding:5px 0; font-size:15px;}
.landingPage #collectionLink a:link, .landingPage #collectionLink a:visited {color:#605778; text-decoration:none;}
.landingPage #collectionLink a:hover, .landingPage #collectionLink a:active  {color:#605778; text-decoration:underline;}

/* end landing page styles */