/* ------------------------------------------------------------------------
CSS sheet for Chic to Chic Consignment.
Author: Tim Kadlec
Date Created: 12/03/2007

All inquiries for this document should be directed to information@virtualtech.com.

--------------------------------------------------------------------------

COLORS

Dark Gray  - #303030;
	
------------------------------------------------------------------------ */


/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
}
a{
	outline: none;
	color: #fff;
}
body{
	background: url(images/bodybg.gif) #E9B7C3;
	background-attachment: fixed;
	text-align: center;
	font: 14px/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
h3{
	font:22px/22px Georgia, 'Times New Roman', Times, serif bold;
	margin: 0 0 .3em 0;
	text-align: center;
}
#wrap{
	display: block;
	width: 93%;
	margin: auto;
	text-align: left;
	background: #360000;
	clear: both;
	padding-bottom: 10px;
	position: relative;
	overflow: hidden;
}
#wrap:after{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrap h1{
	background: url(images/logo.gif) no-repeat;
	display: block;
	height: 139px;
	width: 275px;
	position: absolute;
	top: 20px;
	right: 0px;
	text-indent: -9999px;
}
#wrap h2{
	background: url(images/woman2a.gif) no-repeat;
	display: block;
	height: 390px;
	width: 254px;
	position: absolute;
	top: 119px;
	right: 50px;
	text-indent: -9999px;
}
/* -----------------------------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------------------------------*/
.nav{
	list-style-type: none;
	display: block;
	width: 93%;
	margin: 48px auto 0 auto;
	background: url(images/navigation.gif) repeat-x;
	height: 45px;
}
.nav li{
	display: block;
	float: left;
	height: 45px;
	width: 14%;
	position:relative;
}
.nav li a{
	width: 100%;
	display: block;
	float: left;
	padding-top: 12px;
	height: 33px;
	color: #360000;
	text-decoration: none;
}
.nav li a:hover span{
	position: absolute;
	width: 100%;
	left: 0px;
	display: block;
}
.nav li.home a:hover span{
	top: -43px;
	height: 43px;
	background: url(images/home-2sm.jpg) top center no-repeat;
}
.nav li.about a:hover span{
	top: -38px;
	height: 36px;
	background: url(images/about-2sm.jpg) top center no-repeat;
}
.nav li.contact a:hover span{
	top: -42px;
	height: 48px;
	background: url(images/contact-2sm.jpg) top center no-repeat;
}
.nav li.consign a:hover span{
	top: -38px;
	height: 36px;
	background: url(images/consign-2sm.jpg) top center no-repeat;
}
.nav li.news a:hover span{
	top: -42px;
	height: 47px;
	background: url(images/news-2sm.jpg) top center no-repeat;
}
.nav li.finds a:hover span{
	top: -38px;
	height: 36px;
	background: url(images/finds-2sm.jpg) top center no-repeat;
}
/* -----------------------------------------------------------------------
CONTENT ELEMENTS
-------------------------------------------------------------------------*/
#content{
	color: #fff;
	width: 67%;
	display: inline;
	float: left;
	margin: 15px 10px;
	position: relative;
	overflow: hidden;
}
#content img.mainpic{
	display: none;
}
#content > img.mainpic{
	position: absolute;
	display: block;
	top: 50px;
	right: -160px;
}
#content h3{
	margin: 10px 10px .9em 10px;
	padding-bottom: .2em;
	border-bottom: 1px dashed #EAC1D1;
}
#content p{
	margin: 1.5em 10px;
}
#content p.announcement{
	text-align: center;
}
#content p.nofinds{
	padding-bottom: 200px;
}
.brands{
	padding-left: 25px;
	list-style-type: none;
	display: block;
	margin: 1.5em 0;
	float: left;
	width: 100%;
}
.brands li{
	width: 45%;
	float: left;
	padding-left: 30px;
	background: url(images/checkmark.gif) left center no-repeat;;
}
ul.hours3{
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 1em;
}
img.hours2{
	float: left;
	margin: 0 30px 10px 10px;
	display: inline;
}
dl dt{
	color: #D2CC59;
	font-weight: bold;
	text-transform: uppercase;
}
dl dd{
	margin-left: 40px;
}
dl{
	margin-bottom: 20px;
}

#content2{
	height: 400px;
	width: 100px;
	color: #fff;
	width: 50%;
	overflow: hidden;
	margin: 15px 10px;
	font-size: 18px;
}
#col1{
	float: left;
	margin: 0px 10px;
}

#col2{
	float: left;
	margin: 0px 15px;
}
#col3{
	float: left;
	margin: 0px 15px;
}

.hours {
	text-align: center;
	float: left;
	width: 48%;
	display: block;
}
.directions {
	text-align: center;
	float: left;
	width: 48%;
}	

.directions p{
	font-size: 14px;
}
/* -----------------------------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------------------------------*/
#footer{
	display: block;
	width: 93%;
	margin: auto;
	text-align: left;
	background: #360000;
	clear: both;
	font-size: 80%;
	padding: 10px 0;
	color: #fff;
}
#footer ul{
	list-style-type: none;
	padding-left: 10px;
}
#footer li{
	display: inline;
	margin-left: 10px;
	border-right: 1px dotted #360000;
	padding-right: 10px;
	margin-bottom: 10px;
}
#footer a{
	color: #fff;
}
#footer li.last{
	padding-right: 0px;
	border-right: 0px;
}
/* -----------------------------------------------------------------------
FINDS ELEMENTS
-------------------------------------------------------------------------*/
#finds{
	display: block;
	position: relative;
	margin-left: 20px;
	overflow: hidden;
}
#findNav{
	list-style-type: none;
	width: 270px;
	position: absolute;
	left: 342px;
	text-align: center;
}
#findNav li{
	display: inline;
	margin-right: 9px;
}
#finds img{
	border: 5px solid #fff;
}
#finds dl dd{
	margin: 0;
	padding: 0;
}
#finds dd.details{
	float: right;
	width: 270px;
	margin-top: 40%;
}
form ol{
	list-style-type: none;
	margin-left: 40px;
	margin-bottom: 30px;
}
form li{
	width: 100%;
	display: block;
	overflow: hidden;
	padding: .3em 0;
}
form label{
	float: left;
	text-align: right;
	padding-right: 20px;
}
ul.errors{
	margin-left: 50px;
	margin-bottom: 20px;
}
form .note{
	font: 10px/1.4em Arial, sans-serif;
	text-transform: uppercase;
	display: block;
}
form a{
	color:#fff;
}
form input.submit{
	margin-left: 300px;
}
dl.managefinds{
	width: 620px;
	margin-left: 10px;
	overflow: hidden;
	border-bottom: 1px dashed #D2CC59;
}
dl.managefinds dt{
	float: left;
}
dl.managefinds dd{
	margin: 0;
	float: right;
	padding-left: 15px;
}
dl.managefinds2{
	width: 620px;
	margin-left: 10px;
	overflow: hidden;
	border-bottom: 1px dashed #D2CC59;
}
dl.managefinds2 dt{
	float: left;
}
dl.managefinds2 dd{
	margin: 0;
	float: right;
	padding-left: 15px;
}
.logintable{
	margin-left: 40px;
}
.logintable td{
	padding: .3em;
}
/* -----------------------------------------------------------------------
ADMIN LINKS ELEMENTS
-------------------------------------------------------------------------*/
.adminlinks{
	list-style-type: none;
	display: block;
	margin: 10px 10px 2em 10px;
	border-bottom: 1px solid #D2CC59;
	overflow: hidden;
}
.adminlinks li{
	display: inline;
}
.adminlinks a{
	display: inline;
	float: left;
	text-decoration: none;
	height: 25px;
	background: #EAC1D1;
	padding: 5px .4em 0 .4em;
	margin-right: 5px;
	color: #360000;
}
#manage a.manage, #add a.add{
	background: #D2CC59;
}
/* -----------------------------------------------------------------------
NEW ELEMENTS
-------------------------------------------------------------------------*/
#new{
	width: 250px;
	float: left;
	display: inline;
	margin: 5px 10px 10px 10px;
	background: #BCB533;
	color: #131201;
}
#new h4{
	font-size: 120%;
	font-weight: normal;
	padding: .2em 10px;
	background: #A09A2C;
	border-bottom: 1px solid #807B1E;
}
#new p{
	margin: .8em 10px;
	padding: 0;
	text-align: center;
}
#new p:first-line{
	font-weight: bold;
}

#newsletter h4{
	font-size: 120%;
	font-weight: normal;
	padding: .4em 10px;
	color: #360000;
}
#newsletter{
	width: 226px;
	height:131px;
	float: right;
	background: url(images/newsletter.gif);
	text-align: center;
}
#newsletter input{
	float: none;
	display: block;
	margin: auto;
}
#newsletter input.text{
	background: #F4A7C5;
	border: 1px solid #E7518A;
	padding: .3em .3em;
	color: #860E3B;
	width: 175px;
	margin-top: 1em;
}
#newsletter input.submit{
	margin: 1em 0px 0px 98px;
	display: inline;
}
ul.left { /* used on the contact page for the clock */
	list-style-type: none;
}
iframe {
	margin: 0px auto;
	padding: 5px;
	background: #BCB533;
	display: block;
}
.clearfloat {
	clear: both;
}
.nl {
	margin: 10px 0 0 75px;
}

#newAnnounce{
	width: 250px;
	float: left;
	display: inline;
	margin: 5px 10px 10px 10px;
	background: #BCB533;
	color: #131201;
}
#newAnnounce h4{
	font-size: 120%;
	font-weight: normal;
	padding: .2em 10px;
	background: #A09A2C;
	border-bottom: 1px solid #807B1E;
}
#newAnnounce p{
	margin: .8em 10px;
	padding: 0;
	text-align: center;
}
#newAnnounce p:first-line{
	font-weight: bold;
}