/* CSS Document */

/*----------------
^default
-----------------*/
html, body, form, div, p, h1 {
	margin:0px;
	padding:0px;
}
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
	height:100%; /* this is the key! */
	margin:0 0 0 0;
}
img {border:0px;}
/*----------------
^top navigation
-----------------*/
.spacer {
		float:left; 
		margin-right:10px;
}
#collection a {
		float:left;
		display:block;
		width:73px;
		height:8px;
		margin: 0em 0; padding:0px 0px 0px 0px;
		background: url("images/collection.gif") 0 0 no-repeat;
}
#collection a:hover, #collection a:active {	
		background-position: -73px 0;
		color: #FFFFFF;
}
#order a {
		float:left;
		display:block;
		width:40px;
		height:8px;
		margin: 0em 0; padding:0px 0px 0px 0px;
		background: url("images/order.gif") 0 0 no-repeat;
}
#order a:hover, #order a:active {	
		background-position: -40px 0;
		color: #FFFFFF;
}
#stores a {
		float:left;
		display:block;
		width:45px;
		height:8px;
		margin: 0em 0; padding:0px 0px 0px 0px;
		background: url("images/stores.gif") 0 0 no-repeat;
}
#stores a:hover, #stores a:active {	
		background-position: -45px 0;
		color: #FFFFFF;
}
#designers a {
		float:left;
		display:block;
		width:86px;
		height:8px;
		margin: 0em 0; padding:0px 0px 0px 0px;
		background: url("images/designers.gif") 0 0 no-repeat;
}
#designers a:hover, #designers a:active {	
		background-position: -86px 0;
		color: #FFFFFF;
}
#events a {
		float:left;
		display:block;
		width:44px;
		height:8px;
		margin: 0em 0; padding:0px 0px 0px 0px;
		background: url("images/events.gif") 0 0 no-repeat;
}
#events a:hover, #events a:active {	
		background-position: -44px 0;
		color: #FFFFFF;
}
#links a {
		float:left;
		display:block;
		width:33px;
		height:8px;
		margin: 0em 0; padding:0px 0px 0px 0px;
		background: url("images/links.gif") 0 0 no-repeat;
}
#links a:hover, #links a:active {	
		background-position: -33px 0;
		color: #FFFFFF;
}
#contact a {
		float:left;
		display:block;
		width:56px;
		height:8px;
		margin: 0em 0; padding:0px 0px 0px 0px;
		background: url("images/contact.gif") 0 0 no-repeat;
}
#contact a:hover, #contact a:active {	
		background-position: -56px 0;
		color: #FFFFFF;
}
#press a {
		float:left;
		display:block;
		width:36px;
		height:8px;
		margin: 0em 0; padding:0px 0px 0px 0px;
		background: url("images/press.gif") 0 0 no-repeat;
}
#press a:hover, #links a:active {	
		background-position: -36px 0;
		color: #FFFFFF;
}
/*----------------
^text
-----------------*/
.text {
   color:#785E45;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}
.note {
   color:#785E45;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   font-weight:bold;
}
.text-center {
   color:#785E45;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   text-align:center;
}
.text a:link, .text a:visited {
   color:#785E45;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}
.text a:hover, .text a:active {
   color:#C5AB95;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}

.header {
   color:#785E45;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   margin-top:10px;
}
/*----------------
^body
-----------------*/
#redsquare {
		float:left;
		margin-top:10px;
		width:333px;
		height:332px;
}
/*----------------
^collection subnav
-----------------*/
.subnav {
   color:#FFFFFF;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   padding-bottom:3px;
}
.subnav a:link, .subnav a:visited {
   color:#FFFFFF;
   text-decoration:none;
}
.subnav a:hover, .subnav a:active {
   color:#F2DBD8;
   text-decoration:none;
}
.titletext {
   color:#785E45;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   padding-left:3px;
}
.titletext a:link, .titletext a:visited {
   color:#785E45;
   text-decoration:none;
}
.titletext a:hover, .titletext a:active {
   color:#C5AB95;
   text-decoration:none;
}
/*----------------
^product pages
-----------------*/
.productdetail {
   height:400px;
   width:400px;
}

.productdetailverts {
   height:480px;
   width:335px;
}

.thumbs {
   border:1px solid #C5AB95;
   height:100px;
   width:100px;
}
.thumbcontainer {
   float:left;
   padding:6px 3px 0px 1px;
}
.thumblabel {
   float:left;
   color:#785E45;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   width:145px;
   padding:6px 4px 30px 1px;
   text-align:center;
   font-weight:bold;
}
.thumblabel a:link, .text a:visited {
   color:#785E45;
}
.thumblabel a:hover, .text a:active {
   color:#C5AB95;
}
/*----------------
^footer
-----------------*/
.footertext {
   color:#785E45;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   margin-top:5px;
}
.footertext a:link, .footertext a:visited {
   color:#785E45;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   margin-top:5px;
}
.footertext a:hover, .footertext a:active {
   color:#785E45;
   font-family:Arial, Helvetica, sans-serif;
   font-size:5px;
   margin-top:5px;
}