body { 
	background: #b556c3;
	background-image: url(/media/bg.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #444; }
	
body.popup { 
	background: #fff;
	text-align: left; }
	
img { 
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 0px; }
	
table { 
	border: 0; }
	
td { 
	margin: 0;
	padding: 7px 5px 9px 0; }
	
a, a:link, a:active, a:visited { 
	color: #7433b6;
	text-decoration: none; }
	
a:hover { 
	color: #7433b6;
	text-decoration: underline; }
	
a.logout { 
	color: #b633a5;
	font-weight: bold; }
	
ul { 
	margin: 0;
	padding: 0;
	list-style: none; }
	
h1 { 
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 20px;
	font-weight: normal;
	line-height: 22px;
	font-family: Kari; }

h2  { 
	font-size: 18px;
	margin: 0 0 10px 0;
	font-family: Kari;
	border-bottom: 1px dashed #7433b6;
	font-weight: normal; }
	
#container { 
	margin: 0 auto 0;
	padding: 0 30px 0 30px;
	width: 960px; 
	text-align: left;
	background-image: url(/media/contbg.png);
	background-position: center top;
	background-repeat: repeat-y; }
	
#popup { 
	margin: 0;
	padding: 10px;
	text-align: left; }

#header { 
	margin: 0;
	padding: 10px 10px 5px 10px;
	background-image: url(/media/slogan.png);
	background-position: top left;
	background-repeat: no-repeat; }
	
#topnav { 
	float: right;
	width: auto;
	margin: 0;
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right; }
	
#topnav ul { 
	margin: 0;
	padding: 0; }
	
#topnav ul li {
	display: inline;
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0; }
	
#searchbox { 
	margin: 25px 0 0 0; }
	
#searchbox table { 
	float: right; }
	
#searchbox table td { 
	padding: 0 3px 0 0; }
	
#loginbox { 
	float: right;
	margin: 10px 0 0 0;
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; }
	
#loginbox input { 
	margin: 0 0 3px 0; }
	
#mainnav {
    float:left;
    width: 960px;
	line-height: normal;
	border-bottom: 1px dashed #7433b6;
	border-top: 1px dashed #7433b6;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	padding: 2px 0 2px 0;
	color: #fff; }
    
#mainnav ul {
    margin:0;
    padding: 0;
	width: 960px;
	height: 45px;
	background:url(/media/tabbg11.png) repeat-x left top;
    list-style:none; }
    
#mainnav li {
    float:left;
    background:url(/media/tableft11.png) no-repeat left top;
    margin:0;
    padding:0 0 0 9px; }
    
#mainnav a {
    float:left;
    display:block;
    width:.1em;
	height: 30px;
    background:url(/media/tabright11.png) no-repeat right top;
    padding:15px 15px 0 6px;
    text-decoration:none;
    color:#fff; }
    
#mainnav > ul a { width:auto; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainnav a { float:none; }
/* End IE5-Mac hack */

#mainnav a:hover { color:#fff; }
    
#base #nav-base, #stash #nav-stash, #swaps #nav-swaps, #wishes #nav-wishes, #scents #nav-scents, #content #nav-content, #home #nav-home, #about #nav-about, #blog #nav-blog, #contact #nav-contact, #users #nav-users, #search #nav-search, #brands #nav-brands, #friends #nav-friends {
    background-position:0 -150px;
    border-width:0; }
    
#base #nav-base a, #stash #nav-stash a, #swaps #nav-swaps a, #wishes #nav-wishes a, #scents #nav-scents a, #content #nav-content a, #home #nav-home a, #about #nav-about a, #blog #nav-blog a, #contact #nav-contact a, #users #nav-users a, #search #nav-search a, #brands #nav-brands a, #friends #nav-friends a {
    background-position:100% -150px;
	height: 30px;
    padding-bottom:0;
    color:#fff; }
    
#mainnav li:hover, #mainnav li:hover a {
    background-position:0% -150px;
    color:#fff; }
    
#mainnav li:hover a {
    background-position:100% -150px; }
	
#main { 
	clear: left;
	margin: 0;
	padding: 15px; }
	
#main2 { 
	float: left;
	margin: 0;
	padding: 15px;
	width: 620px; }
	
#sidebar { 
	margin: 15px 0 0 650px;
	padding: 15px;
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-left: 1px dashed #7433b6; }
	
#sidebar h1  { 
	font-size: 19px;
	margin: 0 0 10px 0;
	font-family: Kari;
	border-bottom: 1px dashed #7433b6; }
	
#sidebar h2 { 
	border: none;
	text-transform: none; 
	margin: 0; }
	
#pagedesc { 
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 22px; }
	
#profilebar { 
	float: left;
	margin: 0;
	padding: 15px;
	width: 220px;
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; }
	
#profilemain { 
	margin: 10px 0 0 250px;
	padding: 15px;
	border-left: 1px dashed #7433b6; }
	
#profilenav {
    float:right;
    width: 100%;
	line-height: normal;
	border-bottom: 1px dashed #7433b6;
	padding: 0;
	margin: 0;
	color: #FCFCFC; }
    
#profilenav ul {
    margin:0;
    padding: 0;
    list-style:none; }
    
#profilenav li {
    float:left;
    background:url(/media/tableft.png) no-repeat left top;
    margin:0;
    padding:0 0 0 9px; }
    
#profilenav a {
    float:left;
    display:block;
    width:.1em;
    background:url(/media/tabright.png) no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    color:#FCFCFC; }
    
#profilenav > ul a { width:auto; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#profilenav a { float:none; }
/* End IE5-Mac hack */

#profilenav a:hover { color:#FCFCFC; }
    
#profilebase #nav-profilebase, #profilestash #nav-profilestash, #profileswaps #nav-profileswaps, #profilewishes #nav-profilewishes {
    background-position:0 -150px;
    border-width:0; }
    
#profilebase #nav-profilebase a, #profilestash #nav-profilestash a, #profileswaps #nav-profileswaps a, #profilewishes #nav-profilewishes a {
    background-position:100% -150px;
    color:#FCFCFC; }
    
#profilenav li:hover, #profilenav li:hover a {
    background-position:0% -150px;
    color:#FCFCFC; }
    
#profilenav li:hover a {
    background-position:100% -150px; }
	
#profilebase, #profilestash, #profileswaps, #profilewishes { 
	clear: right;
	margin: 0;
	padding: 15px 0 0 0; }
	
#options { 
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 5px 0; }
	
#half1 { 
	float: left;
	width: 50%; }
	
#half2 { 	
	margin: 0 0 0 50%;
	padding: 0 0 0 15px; }
	
#footer { 
	clear: both;
	margin: 15px;
	padding: 15px;
	border-top: 1px dashed #7433b6;
	text-align: center;
	font-size: 12px;
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; }
	
.contentpic { 
	float: right;
	margin: 0 0 16px 16px; 
	padding: 0;
	text-align:center;
	font-style: italic; }
	
.iconpic { 
	float: left;
	margin: 0 10px 10px 0;
	width: 50px;
	height: 50px; }
	
.icon { vertical-align: text-bottom; }
	
.oddbox {
	margin: 0;
	padding: 10px;
	min-height: 50px; }

.evenbox {
	margin: 0;
	padding: 10px;
	min-height: 50px;
	background: #ebeff5;  }
	
.dates, .locations, .instructions { 
	color: #777; }
	
.alert { 
	color: #cc0000; }

.quicklook { 
	vertical-align: text-bottom; }
	
.clearer { 
	clear: both;
	margin: 0;
	padding: 0; }
	
.editlink { 
	font-size: 12px;
	font-weight: normal; }
	
table.login tr { 
	vertical-align:middle; }

table.login td { 
	padding: 0 5px 5px 0; }
	
table.list { 
	width: 100%; }
	
tr.listheaders { }

table.list tr { 
	vertical-align: bottom; }
	
table.list td { 
	border-bottom: 1px solid #ccc; }
	
td.actions { 
	width: 30px; 
	text-align: center; }

td.stock, td.rating { 
	width: 65px; }
	
td.cat { 
	width: 200px; }
	
td.product {
	width: 160px; }
	
tr.textbox { 
	vertical-align: top; }

table.profileinfo td { 
	margin: 0;
	padding: 0 10px 3px 0; }
	
form { 
	margin: 0;
	padding: 0;
	width: auto; }
	
fieldset { 
	margin: 0;
	padding: 0;
	line-height: 0;
	border: 0; }
	
input, select {
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #c7c7c7;
	padding: 3px; }
	
input { 
	width: 145px;
	height: 20px;
	font-size: 14px; }
	
select { 
	min-width: 145px;
	font-size: 14px; }
	
input.title { 
	width: 400px; }
	
input.phone { width: 80px; }

input.zip { width: 50px; }
	
input.security, input.qty { 
	width: 30px;
	text-transform: lowercase; }
	
input.qty { 
	text-align: right;
	margin: 2px 0 2px 0; }
	
textarea {
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #c7c7c7;
	padding: 3px;
	width: 400px;
	height: 200px;
	font-size: 12px; }
	
textarea.shortdesc { 
	width: 450px;
	height: 50px; }
	
textarea.address { 
	width: 150px;
	height: 75px; }
	
textarea.linkbox { 
	width: 500px;
	height: 50px; }

.submit, .reset, .button { 
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: none;
	padding: 5px;
	width: auto;
	color: #fff; 
	background-color: #b633a5;  }
	
.imgbutton { 
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	width: auto;
	height: auto;
	vertical-align: middle; }
	
.checkbox, .radio { 
	margin: 0 3px 0 0;
	padding: 0;
	width: auto;
	border: none; }
	
.checkbox { 
	vertical-align: middle; }
	
.radio { 
	vertical-align: text-top; }
	
/* THICKBOX SETTINGS */
*{ padding: 0; margin: 0; }

html, body {
min-height: 100%;
height: auto !important;
height: 100%; }

#TB_window { 
	color: #000;
	font-family: "Quattrocento Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; }

#TB_secondLine {
	color:#666666; }

/*#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus{ color: #666666; }*/

#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	min-height:100%;
	background: url(/media/thickboxbg.png); }

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color: #000;
	display:none;
	border: 1px solid #ccc;
	text-align:left; }

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border: 1px solid #ccc; }

#TB_caption {
	height:45px;
	padding:7px 30px 10px 25px;
	float:left; }

#TB_closeWindow {
	height:25px;
	padding:11px 25px 10px 0;
	float:right; }

#TB_closeAjaxWindow {
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right; }

#TB_ajaxWindowTitle {
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px; }

#TB_title {
	background-color:#888;
	height:27px; }

#TB_ajaxContent {
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em; }

#TB_ajaxContent p {
	padding:5px 0px 5px 0px; }

#TB_load {
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101; }

#TB_HideSelect {
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0; }

#TB_iframeContent {
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px; }
	
/* END THICKBOX */

/* LIVE VALIDATION CSS */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}