/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
input, textarea {margin: 0; padding: 0;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

html{color:#000;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/* \*/ html, body{height:100%;} /* */

/* initialize */
body {font-family: Georgia, Courier, "Courier New"; font-size: small;}
textarea {width: 640px; height: 70px;}
a { cursor: pointer; }
a, .textLink {text-decoration: none; color: #37456c;}
a:hover, .textLink:hover {text-decoration: underline; color: #7987ae;}
h1, h2, h3, h4 {margin-bottom: 3px;}
h1, h2 {margin-left: -1px;}
h1 {font-family: font-size: 27px; color: #624940;}
h1.midpageh1 {margin-top: 10px;}
h2 {font-size: large; font-weight: bold; margin-top: 10px; color: #37456c;}
h2.unbold.lower {padding: 0 46px; font-family: courier; font-size: 140%; height:auto;}
h2.unbold.lower a:link,
h2.unbold.lower a:visited {
	float:right;
	width:auto;
}
h3 {font-weight: bold; color: #687d1c;}
h4 {font-weight: bold; color: #37456c;}
p {margin-bottom: 10px; line-height: 1.75;}
li {line-height: 1.5; margin-left: 15px;}

/* framework-functionality specific */
.textLink {/*FF-fix*/ width: 15px;}
* html .textLink {width: auto;}
.errormessage {color: #FF0000; font-weight: bold;}
.logoutformjs, .logoutformjs #logoutbutton {visibility: "hidden"; position: "absolute"; top: 0px; left: 0px; width: 0px; height: 0px; border: 0px;}
#loginform, #accountbox {float: right; margin-left: 20px; width: 345px; height: auto; background: #edf2ed; text-align: right; clear: right;}
#accountbox {padding-top: 10px; padding-bottom: 10px; text-align: left;}
#loginform fieldset {margin: 20px;}
#loginform label {margin-right: 10px; font-weight: bold;}
#loginform label:after {content: ':';}
#loginemail, #loginpass {width: 250px; margin-top: 7px;}
#loginform .submit {font-weight: bold; margin-top: 7px;}
#loginform #forgotpass {float: left; padding-left: 76px; line-height: 2; margin-top: 4px;}
.dateselect label {display: none;}
.dateselect select {margin-right: 5px;}
.narrowinput {width: 50px;}
.mediuminput {width: 300px;}
.wideinput {width: 640px;}
.fulltextarea {width: 970px; height: 500px;}
.htmlpreviewlabel {margin-top: 5px;}
.htmlpreview {border: 1px outset #a4bcc6; padding-top: 5px; padding-bottom: 5px; padding-left: 1px; margin-top: 5px; margin-bottom: 5px;}

/* layout */
body {background:#fdf1d7 url(/images/bg.main.tile.jpg) 0 0 repeat;}
ul { list-style: none; }
li { margin-left: 0; }
input, select {border: 1px solid #a4bcc6;}
code {color: #df470c; font-weight: bold; letter-spacing: 1px;}
.submit {background: #dfe7eb;}
.clear {clear: both;}
body #letusknow{position: fixed; bottom:-25px;right:-22px;width:142px;height:125px;z-index:999;}
/* - shared layout styles */
.leftCol,.rightCol {position: relative;}
ul.tags li {
	display: inline;
}
ul.tags a:link,
ul.tags a:visited {
	text-decoration: underline;
}
ul.tags a:hover {
	text-decoration: none;
}
#container {
	/*width: 970px;*/
	width: 1060px;
	position: relative;
	float: left;
	background: transparent url(/images/bg.main3.jpg) 0 0 no-repeat;
}
#container.minimal {
	background: url("/images/bg.ribbon.minimal.png") no-repeat scroll -19px -41px transparent;
}
	#container #innerContainer {
		float: left;
		width: 100%;
		border-top: none;
		background: url(/images/bg.ribbon.loggedout.png) 353px 0 no-repeat;
	}
	#container #innerContainer.loggedin {
		background-image:url(/images/bg.ribbon.loggedin.png);
	}
	#container.minimal #innerContainer {
		background:none;
	}
	<div id="container" class="minimal"></div> #innerContainer {
		background:none;
	}	
	#fb-logout {
	    float: right; opacity: 0; text-indent:-9999px; margin-right: -70px; width: 100px; height: 45px;
	}
		#container #innerContainer #fb-login:link,
		#container #innerContainer #fb-login:visited {
			display:block;
			position:absolute;
			left: 54px;
			top:10px;
			text-indent:-9999px;
			width:142px;
			height:27px;
		}
/* - layout minimal */
.minimal #lnksHeader {
	position:absolute;
	left:349px;
	top:13px;
	z-index:999;
}
	.minimal #content h1 {
		font-size:33px;
		margin-top:10px;
	}
	.minimal form {
		margin-top:10px;
	}
	.minimal #lnksHeader li {
		float:left;
		width:auto;
		margin-right:8px;
	}
	.minimal #lnksHeader a:link,
	.minimal #lnksHeader a:visited {
		font-size: 15px;
	}
	.minimal input,
	.minimal textarea{
		padding: 3px 4px;
		margin:3px 0 7px;
	}
	.minimal input {
		width:300px;
	}
	.minimal input.submit {
		width:auto;
	}
	.minimal textarea {
		width:300px;
	}
/* - layout header */
#header .leftCol {
	float: left;
	width: 614px;
}
#header .rightCol {
	float: right;
	width: 428px;
}
#header h1 {
	float: left;
	width: 314px;
	height: 83px;
	text-indent: -9999px;
}
	#header h1 a {
		display: block;
		width: 100%;
		height: 100%;
	}
/* - top navigation */
#topNav,
#userLoggedInOut {
	float: right;
	width: auto;
}
	#topNav li,
	#userLoggedInOut {
		width: 139px;
		height: 48px;
		float: left;
		text-align: center;
		line-height: 48px;
	}
	#topNav a {
		font-size: 120%;
		padding-left: 30px;
		text-indent: -9999px;
		display: block;
	}
/* - logged in/out */
#userLoggedInOut {
	width: 296px;
	font-size: 120%;
	color: #999;
	position:relative;
	text-align:left;
}
#userLoggedInOut span { color: #271334; font-style:italic; padding-left:70px; font-size: 80%; }
#userLoggedInOut a { color: #999; }

#userAvatar {
	position: absolute;
	top: 0px;
	left: 14px;
}
/* - left/right column container */
#content {
	clear: both;
	margin: 7px 0 0;
	padding-left:22px;
	float: left;
	width: auto;
}
	#content .oneCol {
		width: 954px;
	}
	#content .leftCol,
	#content .rightCol {
		min-height: 571px;
		height:auto !important;
  		height:571px;
	}
	#content .leftCol {
		width: 652px;
		float: left;
		background: transparent url(/images/bg.maincol.png) 0 0 no-repeat;
		top:-3px;
	}
	#content .leftCol.home {
		background: none;
		width:673px;
	}
	#content .rightCol {
		width: 308px;
		float: right;
		z-index:10;
		top:-16px;
	}
	#content .rightCol.home {
		top:-22px;
	}

/* - left-side vertical item strip */
#canvasInventory {
	float:left;
	height:596px;
	margin-left:1px;
	overflow:hidden;
	position:relative;
	width:90px;
}

#canvasInventory .wrapper {
	height:499px;
	margin:42px 0;
	overflow:hidden;
	padding:10px 20px;
	z-index:1;
}
#canvasInventory ul {
	width: 60px;
}
#canvasInventory li {
	overflow: visible;
	position: relative;
	display: block;
	padding: 0 0 10px 0;
}
#canvasInventory ul a {
	background: #FFF;
	display: block;
	text-align: center;
	width: 42px;
	height: 42px; /* need this for accurate paging */
	margin: 0 auto;
}
	#canvasInventory ul a img.vert {
		display: block;
		margin: 0 auto;
		height: 100%;
	}
	#canvasInventory ul a img.horiz {
		display: block;
		margin: auto 0;
		width: 100%;
	}

#canvasInventory li a.close { display: none; width: 18px; height: 18px; margin: 0; border: 0; position: absolute; right: 2px; top: -5px; background: url(/images/icon.close.png) no-repeat; }

.results li a.close {display: none; width: 18px; height: 18px; margin: 0; border: 0; position: absolute; right: 0px; top: -px; background: url(/images/icon.close.png) no-repeat; }

	#canvasInventory a.arrowNav {
		background:url("/images/bg.black_arrows.png") no-repeat scroll 0 -12px transparent;
		display:none;
		height:12px;
		left:25px;
		width:22px;
		z-index:2;
	}
	#canvasInventory a#verticalArrowTop {
		top: 25px;
	}
	#canvasInventory a#verticalArrowBtm {
		bottom: 6px;
		background-position:0 0;
	}

/* - outfit options */
.canvasMenu {
	position: relative;
}
	.canvasMenu h2 {
		margin: 0;
		position: relative;
		width: auto;
	}
	.multi .canvasMenu h2 {
		top: 15px;
	}
		.canvasMenu h2 a {
			display: block;
			text-indent: -9999px;
		}
	.canvasMenu .canvasMenuNavLeft {
		float: left;
		left: 20px;
		top: 7px;
	}
		.canvasMenu .canvasMenuNavLeft a#linkSave {
			width: 195px;
			height: 42px;
			background: transparent url(/images/bg.save_my_outfit.png) 0 0 no-repeat;
		}
	.canvasMenu .canvasMenuNavRight {
		float: right;
		left: -12px;
	}
	.canvasMenu .canvasMenuNavRight a {
		background: transparent url(/images/bg.invite_friend_create.png) 100% 50% no-repeat;
		width: 269px;
		height: 47px;
	}

/* - multi-canvas */
#content .leftCol.multi {
	background: transparent url(/images/bg.maincol.canvas.multi.png) 0 0 no-repeat;
	padding-top:5px;
}
#myCanvas,
#theirCanvas {
	position: relative;
}
#myCanvas {
	float:left;
	height:393px;
	width:281px;
}
#theirCanvas {
	float: right;
	width: 277px;
	height:358px;
}
	.multi form {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 107px;
		width: 283px;
	}
	.multi div.row {
		float: left;
		clear: left;
		height: 40px;
		width: 100%;
		position: relative;
	}
	.multi div.row.first{
		height:66px;
		padding: 5px 0;
	}
	.multi #theirCanvas div.row.first {
		padding-top:3px;
	}
	.multi div.row.first p{
		margin-bottom:5px;
		float: left;
		width: 206px;
		color: #000;
		font-size: 12px;
		line-height:1.5;
	}
	.multi #theirCanvas div.row.first p {
		padding-left:22px;
		width:192px;
	}
		.multi div.row.first .unibox {
			background:none repeat scroll 0 0 transparent;
			border:medium none;
			float:left !important;
			height:50px;
			margin:11px 4px 0 !important;
			width:50px;
		}
		.multi div.row.first .unibox-caption {
			display:none !important;
		}
		.multi #theirCanvas div.row.first .unibox {
			float: right !important;
			margin-top:9px !important;
		}
	.multi div.row p  {
		margin: 0;
	}
	#myCanvas div.row span,
	#myCanvas div.row .bubble {
		margin-left: 25px;
	}
	#theirCanvas div.row span {
		margin-left: 50px;
	}
	#theirCanvas div.row .canvasUser {
		margin-left: 10px;
	}
	.multi div.row .canvasUser {
		position: relative;
		border: 1px solid #ccc;
		padding: 2px;
	}
	#myCanvas div.row.last {
		height: 26px;
		line-height: 26px;
		white-space: nowrap;
	}
		#myCanvas div.row.last input {
			width: 190px;
			height: 20px;
			margin-left: 0;
			padding: 2px 3px;
			border:none;
			background:transparent;
		}
		#myCanvas div.row.last label,
		#myCanvas div.row.last br{
			display:none;
		}
		#myCanvas div.row.last input#btnSubmit {
			width: auto;
			position: relative;
			height: 22px;
			width:55px;
			text-indent:-9999px;
			cursor:pointer;
			margin:0;
			padding:0;
		}
/* vertical arrows */
	.multi .row .arrows {
		position:absolute;
	}
	.multi .row a.arrows:link,
	.multi .row a.arrows:visited {
		text-decoration:none;
		text-indent:-9999px;
		display:block;
		width: 8px;
		height:8px;
	}
	.multi .row .arrows.up {
		top: 38px;
		left: 6px;
	}
	.multi .row .arrows.down {
		top: 50px;
		left: 6px;
	}
	.multi #myCanvas .row .arrows.up {
		top: 40px;
		left: 271px;
	}
	.multi #myCanvas .row .arrows.down {
		top: 52px;
		left:271px;
	}
/* - target areas */
#targetBottom {
	clear:right;
	float:left;
	height:124px;
	line-height:124px;
	text-align:center;
	width:545px;
}
.multi #canvas1,
.multi #canvas2 {
	height: 288px;
	text-align: center;
	line-height: 288px;
}
/* - nav arrows */
a.arrowNav {
	text-indent: -9999px;
	display: block;
	position: absolute;
}

/* - footer */
#footer{text-align:center;list-style:none; width: 970px; padding:15px 0; clear:both;}
#footer li{display:inline; padding: 0 8px;}

/* - results pages */
#resultSet {
	border: 1px solid #000;
}
	#resultSet h1 {
		float: left;
		width: 100%;
		padding: 6px 0;
		font-size: 140%;
		margin: 0 0 0 12px;
	}
	#resultSet .nav {
		padding: 12px 12px 24px;
		position:relative;
		clear: both;
	}
	#resultSet form {
		position: absolute;
		right: 12px;
		top: 8px;
	}
	#resultSet select {
		min-width: 150px;
	}
	#resultSet label {
		font-weight: bold;
	}
#resultContent {
	border-top: 1px solid #000;
	clear: both;
}
	#resultContent li {
		border-bottom: 1px solid #ccc;
		margin-bottom: 12px;
		padding-bottom: 12px;
		clear: both;
		min-height: 84px;
		position: relative;
	}
		#resultContent li img {
			float: left;
			width: 84px;
			margin: 0 18px 0 12px;
		}
		#resultContent li span {
			display: block;
			width: 730px;
		}
		#resultContent li span.userInfo {
			font-weight: bold;
			font-size: 130%;
			padding-top: 4px;
		}
		#resultContent li span.currentUserActions {
			font-style: italic;
		}
	#resultContent ul ul {
		width: auto;
		position: absolute;
		right: 12px;
		top: 0;
	}
	#resultContent ul ul a {
		white-space: nowrap;
	}
	#resultContent li li {
		text-align: right;
		border: none;
		margin: 0;
		padding: 0;
		clear: none;
		min-height: 0;
	}

/* - thumbnail unibox */
.unibox {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    background: #fff;
	position: relative;
}
.unibox:hover .unibox-caption {
	visibility: visible;
}
.unibox,
.unibox-caption {
	float: none !important;
}
.unibox-caption {
	position: absolute;
	left: 2px;
	background: transparent url(/images/bg.item_caption.png) 0 0 repeat;
	color: #fff;
	visibility: hidden;
	bottom: -18px;
	font-size: 12px;
	z-index: 999;
}
	.unibox-caption a:link,
	.unibox-caption a:visited,
	.unibox-caption a:hover{
		text-decoration:none;
		color: #fff;
		display:block !important;
	}
.unibox * {
    vertical-align: middle;
	float: none !important;
	margin: 0 !important;
	display: inline !important;
	padding: 0 !important;
	cursor: pointer;
}

.unibox-60 .unibox-caption {
	width:90px;
	left:-12px;
	top:100%;
	bottom: inherit;
}
.unibox-90 .unibox-caption {
	width: 92px;
}
.unibox-100 .unibox-caption {
	width: 102px;
}

.unibox-60 {
    width: 60px;
    height: 60px;
}
.unibox-90 {
    width: 90px;
    height: 90px;
}
.unibox-100 {
    width: 100px;
    height: 100px;
}
.unibox-250 {
    width: 250px;
    height: 250px;
}

/* - thumbnailPaginator */
.thumbnailPaginator {
	clear: both;
	padding: 4px 0;
	height: 137px;
	background: url(/images/bg.horiz.thumbpaginator1.png) 0 0 no-repeat transparent;
	position:relative;
}
.thumbnailPaginator.alt {
	background: url(/images/bg.horiz.thumbpaginator2.png) 0 0 no-repeat transparent;
}
.leftCol .thumbnailPaginator {
	width:622px;
	margin-left:20px;
}

.thumbnailPaginator .unibox-60 {
	display: block;
	top: 20px;
}

.thumbnailPaginator .wrapper { display: none; width: auto; float: left; margin: 11px 0 0 43px; }
.rightCol .thumbnailPaginator .wrapper { margin-left:54px; }
.thumbnailPaginator .wrapper li { position: relative; padding: 0 2px; float:left;width:auto;}
.thumbnailPaginator .wrapper a { float: left; margin: 0 4px; }
/*
.thumbnailPaginator .prev,
.thumbnailPaginator .next { position:absolute; top: 37px; width: 21px; display:block; height: 59px; background-image: url(/images/bg.arrows.thumbpaginator.png); background-repeat: no-repeat; text-indent:-9999px; }
.thumbnailPaginator .prev:link,
.thumbnailPaginator .prev:visited { left: 17px; background-position:0 -59px;}
.thumbnailPaginator .next:link,
.thumbnailPaginator .next:visited { background-position: 0 0; right:24px;}
.thumbnailPaginator .prev:hover { background-position:0 -177px;}
.thumbnailPaginator .next:hover { background-position: 0 -118px;}
*/

/* page specific */

/* - item overlay */
.itemOverlayContainer {
	float:left;
	padding:30px 0 0 30px;
	width:284px;
	height:auto;
}
.itemOverlayRightBottom {
		height:168px;
		left:316px;
		position:absolute;
		top:122px;
		width:353px;
}
	.itemOverlayRightBottom .price {
		font-size:140%;
		left:146px;
		position:absolute;
		top:13px;
	}
	.itemOverlayRightBottom li {
		float:left;
		width: 60px;
		height: 60px;
		margin-right: 6px;
		position:relative;
	}
	.itemOverlayRightBottom ul {
		position: absolute;
		display:block;
		width: 353px;
		top: 51px;
		left:0;
	}
.active-item-overlay {
	background:url("/images/bg.item_overlay.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:370px;
	position:absolute;
	width:713px;
	overflow:hidden;
}
	.active-item-overlay .unibox {
		border: none;
		background:none;
	}
	.active-item-overlay .action-close {
		background:none !important;
		display:block;
		height:30px;
		left:0;
		position:absolute;
		text-indent:-9999px;
		top:8px;
		width:34px;
	}
	.active-item-overlay h3,
	.active-item-overlay h4 {
		color: #fff;
		font-weight:normal;
	}
	.active-item-overlay h3 {
		margin: 23px 47px 3px 0;
		font-size: 140%;
		letter-spacing: 1px;
	}
	.active-item-overlay h4 {
		font-style: italic;
		font-size: 110%;
		margin-right:47px;
	}
	.active-item-overlay .tags,
	.active-item-overlay .tags a:link,
	.active-item-overlay.tags a:visited{
		text-decoration: underline;
		color: #ff6f67;
		font-style:italic;
	}
	.active-item-overlay .tags {
		text-decoration:none;
	}
	.active-item-overlay .rating {
		margin-top: 16px;
	}
	.active-item-overlay .buy {
		margin-bottom: 17px;
	}
		.active-item-overlay .buy a:link,
		.active-item-overlay .buy a:visited {
			text-decoration:underline;
		}
	.active-item-overlay .secondary_links {
		margin-bottom:4px;
	}
		.active-item-overlay .secondary_links a:link,
		.active-item-overlay .secondary_links a:visited {
			color:#ff6f67;
			padding-right:15px;
			background: url(/images/bg.black_arrow_right.png) 100% 50% no-repeat transparent;
		}
/* - end item overlay */
#itemFinder div form select {
	
	margin:0 0 4px 2px;
	width:126px !important;
	padding:2px;
}
#itemFinder div form label {
	display:none;
}
#itemFinder div .results {
	margin-bottom: 4px;
}
	#itemFinder div .results .unibox-60 {
		float:left !important;
	}
#itemFinder div form input {
	width: auto;
}
#itemFinder div div.results ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#itemFinder div .inpsearch {
	float:left;
	margin-left:2px;
	padding:3px 2px;
	width:93px;
}
#itemFinder div .action-accordion-next,
.movenext {
	float: right;
	width: auto;
	margin-right:1em;
}
#itemFinder #storemoveprev,
#itemFinder #storemovenext {
	position:relative;
	top:7px;
}
#itemFinder div .btnstore {
	float:left;
	margin-bottom:4px;
	padding:2px;
	width:auto;
}
#itemFinder div div.results li {
	display: inline-block;
	position: relative;
	padding-right:2px;
	cursor: pointer;
}
#itemFinder div div.results a {
	text-align: center;
}

#itemFinder div div.results a img { display: block; padding-bottom: 4px; margin: 0 auto; font-size: 0;}

/* right col generic container (e.g., friends, polls) */
#pollsContainer {
	margin-top:10px;
}
#noMorePolls {
	line-height:1.3;
	padding:21px 15px 10px 38px;
}
#nextPoll {
	bottom:-2px;
	left:auto;
	position:absolute;
	right:15px;
}
	#pollsContainer legend {
		font-size: 12px;
		height:40px;
		width:269px;
		float:left;
		padding-left: 15px;
		margin:6px 0 3px 22px;
		text-align:left;
		line-height:40px;
		background: url(/images/bg.cloudy.png) 0 0 no-repeat transparent;
	}
	#pollsContainer #vote label {
		background:url("/images/bg.cloudy.li.png") no-repeat scroll 0 0 transparent;
		clear:left;
		float:left;
		height:25px;
		line-height:26px;
		margin-bottom:5px;
		padding:0 9px;
		font-size: 12px;
	}
	#pollsContainer #vote img {
		float: left;
		width: 13px;
		height:25px;
	}
	#pollsContainer .results {
	    height: 1px; /* adds spacing between abs. pos. rows */
	}
	#pollsContainer .results div {
        z-index: 1000; position: absolute; left:33px;
    }
    #pollsContainer .results img {
        z-index: 10; position: absolute; margin-top: 2px;
    }
#friendsContainer .unibox-caption {
	bottom: inherit;
	top:100%;
	left:-8px;
	width:70px;
}
	#friendsContainer .unibox-caption span {
		background: #67e719;
		white-space: nowrap;
	}
#friendsContainer ul {
	float:left;
	padding:10px 0 10px 26px;
	width:auto;
	margin-top:32px;
}
#friendsContainer li {
	padding-left:0;
}
#friendsContainer #friendsearch {
	background:url("/images/icon_search.png") no-repeat scroll 96% center #FFFFFF;
	border:1px solid #A0A0A0;
	font-weight:normal;
	left:5px;
	padding:3px 22px 3px 4px;
	position:relative;
	top:2px;
	width:112px;
}
.rightcolGenericContainer {
	position:relative;
	background: url(/images/bg.rightcol.accordion.jpg) 0 34px no-repeat transparent;
	padding-bottom:20px;
}
	.rightcolGenericContainer fieldset div {
		clear:left;
		display:block;
		margin: 0 auto;
	}
	.rightcolGenericContainer fieldset div#polloptions {
		padding-left:29px;
		margin-top:-6px;
	}
		.rightcolGenericContainer fieldset div#polloptions #vote {
			margin-top:11px;
		}
	.rightcolGenericContainer fieldset div#polloptions div {
		margin: 7px auto;
	}
	.rightcolGenericContainer h3 {
		background: url(/images/bg.rightcol.generic.header.png) 0 0 no-repeat;
		width: 306px;
		height:34px;
		color:#fff;
		padding-left:20px;
		line-height:35px;
		margin-bottom:0;
		position:relative;
		left:1px;
	}
		.rightcolGenericContainer h3 a:link,
		.rightcolGenericContainer h3 a:visited {
			position: absolute;
			top:0;
			right: 37px;
			color: #fff;
			font-size: 1em;
		}
	.rightcolGenericContainer ul  {
		padding: 10px 0 10px 20px;
	}
		.rightcolGenericContainer ul .thumb {
			float: left;
			height:50px;
			width:50px;
			margin-right:4px;
			font-style:normal;
		}
		.rightcolGenericContainer ul  a:link,
		.rightcolGenericContainer ul  a:visited ,
		.rightcolGenericContainer ul  span,
		.rightcolGenericContainer ul  em {
			font-size: 11px;
		}
		.rightcolGenericContainer ul  span {
			font-style: normal;
			display:block;
		}
		.rightcolGenericContainer ul  em {
			color:#835c93;
		}
	.rightcolGenericContainer li {
		background: url(/images/bg.rightcol.generic.li2.png) 0 0 no-repeat transparent;
		padding-left:8px;
		height: 50px;
		margin-bottom:4px;
		float:left;
		width:auto;
		position:relative;
	}
	.rightcolGenericContainer .moveprev {
		margin-left: 20px;
	}
	.rightcolGenericContainer .movenext {
		margin-right:20px;
	}


/* home (index) top featured section */
#homeContainer {
	position:relative;
	width:auto;
	height:290px;
	padding-top:3px;
}

#homeContainer ul { display: none; }


	#homeContainer h2 {
		color:#F9F0A0;
		font-size:21px;
		font-weight:normal;
		letter-spacing:2px;
		margin:18px 0 0 40px;
		text-transform:lowercase;
	}
	#homeContainer h3 {
		color:#000000;
		font-style:italic;
		letter-spacing:1px;
		line-height:17px;
		margin:29px 0 0 381px;
		width:246px;
	}

/* profile */
.profile {
	padding: 10px 0 0 3px;
}
#content .leftCol.profile {
	border: none;
	background: url(/images/bg.maincol.profile.top.png) 0 0 no-repeat transparent;
}
#stitching {
position:absolute;
left:-18px;
top:-5px;
}
#twowheels {
	position:absolute;
	top:58px;
	right:43px;
}
#outfit-saving {
	background: url(/images/ajax-loader.gif) 50% 50% no-repeat transparent;
	height:66px;
	width:66px;
}
.leftCol.profile #avatarContainer {
	position:absolute;
	left:10px;
	width:auto;
}
.leftCol.profile #myFeed {
	float:right;
	width:509px;
	margin-top:-97px;
}
.leftCol.profile .innerContainer {
	float: left;
	width: 100%;
	height: 100%;
	min-height: 580px;
	margin-top:97px;
	background: url(/images/bg.profile.alternating.jpg) 0 0 repeat-y transparent;
}
#frmCreateNewAvatar {
	float:left;
	clear:left;
	width:auto;
	margin:10px 0 0 -4px;
}
	#frmCreateNewAvatar input {
		border:none;
		background: url(/images/btn.create_avatar.png) 0 0 no-repeat transparent;
		width:100px;
		height:94px;
		text-indent:-9999px;
		display:block;
		cursor:pointer;
	}
	.profile p.status {
		font-style: italic;
		line-height: 1.22;
	}
	.profile h2 {
		color:#381B1A;
		float:left;
		font-size:180%;
		font-weight:normal;
		letter-spacing:2px;
		margin:19px 0 23px;
		width:auto;
	}
	.profile h3 {
		color:#381B1A;
		float:left;
		font-size:130%;
		font-style:italic;
		font-weight:normal;
		margin: 7px 0 14px;
		width:auto;
	}
	.profile h3,
	.profile ul.outter li {
		clear: left;
	}
	.profile ul.outter {
		float:left;
		width:100%;
		height:100%;
	}
	.profile ul.outter li {
		height:113px;
	}
	.profile ul.inner li {
		clear: none;
		float: left;
		width: auto;
		line-height: 1.22;
		padding: 10px 0;
	}
	.profile ul.outter .unibox {
		float:left !important;
		border: none;
		margin-right:10px;
		background:none;
	}
	.profile ul.inner a {
		float: left;
		width: auto;
		margin: 0 7px 0 0;
	}
	.profile ul h3 {
		clear: none;
		margin: 4px 0 0;
		float: left;
		width: auto;
		font-size: 14px;
	}
	.profile ul h4,
	.profile ul h4 a {
		float: left;
		width: auto;
	}
	.profile p.quote {
		font-style: italic;
		width: 464px;
		line-height: 1.33;
		margin-top: 7px;
	}
	.profile hr {
		clear: left;
	}
/* tertiary pages */
#content .leftCol.tertiary {
	background:#fff;
	width:612px;
	padding: 20px 20px 0;
}
.tertiary h1 {
	font-size: 230%;
	margin-bottom:0;
}
.rightCol.tertiary .rightcolGenericContainer  {
	padding-bottom:10px;
	float:left;
	width:auto;
}
	.rightCol.tertiary .rightcolGenericContainer ul {
		padding-bottom:0;
	}
		.rightCol.tertiary .rightcolGenericContainer ul li {
			height:auto;
			background:none;
			clear:left;
			width:100%;
		}
		.rightCol.tertiary .rightcolGenericContainer ul a:link,
		.rightCol.tertiary .rightcolGenericContainer ul a:visited {
			font-size: 130%;
			font-style:normal;
			display:block;

		}
/* discover */
#content .leftCol.no-bg {
	background:#fff;
}

/* notification */
#notify {
	display: block;
	height: 99px;
	width: 620px;
	margin: 0 auto 20px;
	clear: both;
	background: url(/images/bg.success-message.png) 0 0 no-repeat;
}
	#notify.error {
		background: url(/images/bg.error-message.png) 0 0 no-repeat;
	}
    #notify.error ul {
        padding: 18px
    }
	#notify ul {
		padding: 9px 0 18px 18px;
	}
	#notify li {
		color: #fff;
		letter-spacing: 1px;
	}

/* closet */
.closet .submit {
	border: none;
	background: url(/images/bg.short_pink.png) 0 0 no-repeat transparent;
	width:79px;
	height:35px;
	float:left;
	clear:left;
	cursor:pointer;
}
#createOutfitWithItem {
height:42px;
}
#content .leftCol.closet {
	background: url(/images/bg.maincol.closet.top.png) 0 0 no-repeat #fff;
	width:970px;
	z-index:999;
}
.closet .right .unibox {
	border: none;
	background:transparent;
	display:block;
	margin: 0 auto;
	text-align:center;
}
.closet #commentsform {
	width: 344px;
	float:left;
	clear:both;
}
	.closet #commentsform textarea {
		width:99%;
		padding:3px;
		margin-bottom:4px;
	}
	.closet #commentsform label {
		color:#fff;
	}
.closet #createOutfitWithItem a {
	position:absolute;
	width:283px;
	height:27px;
	text-indent:-9999px;
	display:block;
	top:76px;
	left:81px;
}
.closet .canvasMenu {
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	line-height:32px;
	margin-left:-10px;
	width:632px;
}
#closetBar {
	clear: both;
	display: block;
	margin: 15px auto;
	background: url(/images/closet.red_strip.png) 0 0 no-repeat transparent;
	width:650px;
	height:43px;
	position:relative;
	left:3px;
}
#closetBuyComment {
	background: url(/images/bg.closet.buy_comment.jpg) 0 0 no-repeat transparent;
	width:412px;
	height:45px;
	float:left;
	clear:left;
	position:relative;
	margin-top:10px;
	left:-34px;
}
	#closetBuyComment a:link,
	#closetBuyComment a:visited,
	#closetBuyComment a:hover {
		text-decoration:none;
		color:#675151;
	}
	#closetBuyComment .read_all,
	#closetBuyComment #commentslink,
	#lnkBuyItem {
		position:absolute;
		display:block;
		color:#675151;
		top:17px;
	}
	#closetBuyComment .read_all {
		left:120px;
	}
	#closetBuyComment form {
		position:absolute;
		right:0;
		top:5px;
	}
#commentslink {
	left:184px;
}
#lnkBuyItem  {
	height:32px;
	left:7px;
	line-height:35px;
	text-align:center;
	top:6px;
	width:77px;
}

	#closetBar a:link,
	#closetBar a:visited {
		display:block;
		font-size:12px;
		height:38px;
		line-height:40px;
		position:absolute;
		text-align:center;
		top:0;
	}
	#closetBar a:hover {
		color: #37456C;
	}
	#closetBar #lnkAddRemoveCloset {
		width: 138px;
		left:62px;
	}
	#closetBar #lnkAddRemoveWishlist {
		width: 151px;
		left:200px;
	}
	#closetBar a#lnkFlagItem  {
		text-indent:0;
		width:86px;
		left:518px;
		line-height:40px;
		text-align:center;
		color:#FF6F67;
		font-size: 90%;
	}
	#closetBar #lnkShare {
		width:63px;
		height:35px;
	}
input#btnEditOutfit {
	padding: 5px;
	font-size: 110%;
	font-weight: bold;
	float: left;
	margin: 20px 0;
	cursor: pointer;
}
.closet a.read_all {
	color: #adadad;
	float: right;
	width: auto;
}
.closet dl {
	clear: left;
	background: url(/images/vertical_tracks.png) 0 0 repeat-y transparent;
}
.closet dt {
	clear: left;
	margin-bottom: 4px;
	float:left;
	width:auto;
	padding-left:15px;
}
	.closet dt img {
		position: relative;
		left: -32px;
		top: 10px;
		margin-bottom: 16px;
	}
.closet dd {
	font-style:italic;
	color:#9c63ab;
	padding-left:15px;
}
.closet dd:before {
	content: "- ";
}
.closet h2 {
	color: #000;
	font-size: 150%;
	font-family:courier;
	height:57px;
	width:320px;
}
	.closet h2 span {
		color: red;
		padding-left: 5px;
		font-size: 75%;
		font-weight: bold;
	}
	.closet .left {
		background:none;
		float:left;
		padding:11px 0 0 40px;
		width:375px;
		position:relative;
	}
		.closet .left p {
			clear:left;
		}	
	.closet .right {
		float:right;
		margin-top:16px;
		position:relative;
		width:257px;
	}
	.leftCol.closet .right {
		width: 550px;
	}	
		.closet .right .item {
			position: absolute;
			top: 20px;
			left: 0;
		}
	.closet #canvasInventory {
		height: auto;
		border: none;
		width:100%;
		left:-25px;
	}
		.closet #canvasInventory ul {
			height:auto;
			width:auto;
		}
			.closet #canvasInventory ul li a {
				background: transparent;
				width:auto;
			}
		.closet #canvasInventory li {
			margin:0 7px 5px 0;
			display:inline;
			float:left;
			width:auto;
			padding:0;
		}
		.closet #canvasInventory .wrapper {
			height:auto;
			margin:10px 0;
		}
			.closet #canvasInventory .wrapper .unibox {
				border: none;
			}
			.closet #canvasInventory .wrapper .unibox-caption {
				white-space: normal;
			}
			.closet #canvasInventory .wrapper .unibox-60 .unibox-caption  {
				top: inherit;
				bottom: 0;			
			}
			.closet #canvasInventory .wrapper .unibox-60 .unibox-caption a {
				height:auto;
			}
/* canvas */
div.canvas {
	margin: 6px 0 0 110px;
	position: relative;
	height: 536px;
}
div.hover div.ui-resizable-se,
div.hover div.ui-resizable-sw,
div.hover div.ui-resizable-ne,
div.hover div.ui-resizable-nw {
	border: 1px solid black;
	background: #FFF;
}
	div.canvas div.item {
		position: absolute !important;
		width: 75px;
		height: 75px;
		padding: 1px;
		vertical-align: middle;
		text-align: center;
	}
	div.canvas div.hover {
		border: 1px dashed #505050;
		padding: 0px;
	}
	div.canvas div.item img {
		width: 100%;
		height: 100%;
	}

/* classes */

.unbold { font-weight: normal;}
.lower { text-transform: lowercase; }

/* bxSlider

#styleSpinner { display: none; height: 174px; }
#styleSpinner #slots { overflow: auto; }
#styleSpinner #slots div { float: left; border: 1px solid #404041; padding: 76px 0 0 0; margin: 10px; width: 76px; background: url(/images/slots.static.png) no-repeat -37px -48px; }
#styleSpinner #slots div.spin { background: url(/images/slots.gif) no-repeat -38px -120px; }
#styleSpinner #slots div span { display: block; color: #fff; background: #404041; height: 20px; line-height: 20px; text-align: center; }

#styleSpinner h2 { display: block; font-size: 12px; color: #000; font-weight: normal; }
#homeContainer.spinner { background: #fff; }
.newsWrapper { overflow: auto; }
.newsWrapper .prev,
.newsWrapper .next,
.newsWrapper .auto_controls { display: none; }
.newsWrapper .styles { float: left; height:20px; line-height:20px; vertical-align:middle; text-decoration: none; margin: 44px 0 0 10px; }
.bx_pager { float: left; overflow: auto; margin-top: 44px; padding: 0 20px 0 60px; border-right: 1px solid #999; }
.bx_pager a { border: 1px solid #999999; float:left; height:20px; line-height:20px; margin-right:4px; text-align:center; vertical-align:middle; width:20px; text-decoration: none; }
.bx_pager a:hover { background: #ccc; color: #fff; }
.bx_pager a.active { background: #ccc; color: #fff; }

*/

#styleSpinner { display: none; height: 174px; }
#styleSpinner #slots { overflow: auto; }
#styleSpinner #slots div { float: left; border: 1px solid #404041; padding: 76px 0 0 0; margin: 10px; width: 76px; background: url(/images/slots.static.png) no-repeat -37px -48px; }
#styleSpinner #slots div.spin { background: url(/images/slots.gif) no-repeat -38px -120px; }
#styleSpinner #slots div span { display: block; color: #fff; background: #404041; height: 20px; line-height: 20px; text-align: center; }

#styleSpinner h2 { display: block; font-size: 12px; color: #000; font-weight: normal; }
#homeContainer.spinner { background: #fff; }
.juice-carouslider .styles { position: absolute; top: 226px; left: 222px; z-index: 9; display:none; } /* hide for now */
#homeContainer .hidden_link {
	position:absolute;
	display:block;
	text-indent:-9999px;
}
#homeContainer #slide1 { background: url(/images/slide1.jpg) 0 0 no-repeat transparent; }
	#homeContainer #slide1 p 	{
		font-size:12px;
		margin:31px 0 0 64px;
		width:315px;
	}
#homeContainer #slide2 { background: url(/images/slide_stores.jpg) 0 0 no-repeat transparent; }
#homeContainer #slide3 { background: url(/images/slide_shop_together.jpg) 0 0 no-repeat transparent; }
	#homeContainer #slide3 p {
		margin:15px 0 0 381px;
		width:280px;
	}
	#homeContainer #slide3 a#sInviteFriend {
		width:258px;
		height:38px;
		left:391px;
		top:203px;
	}
#homeContainer #slide4 { background: url(/images/slide_spinner.jpg) 0 0 no-repeat transparent; }
	#homeContainer #slide4 p {
		margin:30px 0 0 45px;
		width:272px;
	}
	#homeContainer #slide4 a#sSpin ,
	#homeContainer #slide4 a#sMoveToCanvas {
		height:24px;
		top:182px;
	}
	#homeContainer #slide4 a#sSpin {
		width:90px;
		left:49px;
	}
	#homeContainer #slide4 a#sMoveToCanvas {
		width:159px;
		left:153px;
	}
	#homeContainer #slide4 .hold {
		width:73px;
		height:25px;
		top:250px;
	}
	#homeContainer #slide4 #sHoldOne {
		left:371px;
	}
	#homeContainer #slide4 #sHoldTwo {
		left:473px;
	}
	#homeContainer #slide4 #sHoldThree {
		left:569px;
	}
#homeContainer #slide5 { background: url(/images/slide_avatar.jpg) 0 0 no-repeat transparent; }
	#homeContainer #slide5 p {
		margin:38px 0 0 65px;
		width:292px;
	}
	#homeContainer #slide5 a {
		width:182px;
		height:26px;
		left:115px;
		top:158px;
	}
/* insert other slide bg images here */

/* News Container - Juice Carouslider */

#homeContainer .juice-carouslider { position: relative; overflow: hidden; width: auto; height: 290px; }
#homeContainer .juice-carouslider .juice-carouslider-wrapper { display: block; position: relative; overflow: auto; width: 1000%; margin: 0; padding: 0; list-style:none; }
#homeContainer .juice-carouslider .juice-carouslider-slide { float: left; list-style-type: none; border: 0; width: 100%;  height: 290px; background: #fff; }
#homeContainer .juice-carouslider-pager { overflow: auto; position: absolute; top: 235px; left: 78px; z-index: 9; }
#homeContainer .juice-carouslider-page { float: left; }
#homeContainer .juice-carouslider-page a { display: block; width: 20px; height: 20px; line-height: 20px; cursor: pointer; margin: 0 4px 0 0; border: 1px solid #999; text-align: center; vertical-align: middle; text-decoration: none; font-family: courier; }
#homeContainer .juice-carouslider-page a:hover { color: #fff; background: #ccc; }
#homeContainer .juice-carouslider-active a { color: #fff; background: #ccc; }
#homeContainer .juice-carouslider-prev { /* float: left; margin-right: 20px; cursor: pointer; */ display: none; }
#homeContainer .juice-carouslider-next { /* float: left; margin-left: 20px; cursor: pointer; */ display: none; }

/* thumbnailPaginator - Juice Carouslider */

.thumbnailPaginator .juice-carouslider { position: relative; overflow: hidden; margin: 11px 52px 0 42px; }
.rightCol .thumbnailPaginator .juice-carouslider { margin-left:56px; }
.thumbnailPaginator .juice-carouslider .juice-carouslider-wrapper { display: block; position: relative; overflow: auto; width: 1000%; height: 137px; margin: 0; padding: 0; list-style:none; }
.thumbnailPaginator .juice-carouslider .juice-carouslider-slide { float: left; list-style-type: none; padding: 0; }
.thumbnailPaginator .juice-carouslider .juice-carouslider-slide div { margin: 0 2px; float: left !important; }
.thumbnailPaginator .juice-carouslider-pager { overflow: auto; }
.thumbnailPaginator .juice-carouslider-page { display: none; }
.thumbnailPaginator .juice-carouslider-active a { color: #fff; background: #ccc; }
.thumbnailPaginator .juice-carouslider-prev,
.thumbnailPaginator .juice-carouslider-next { cursor: pointer; position:absolute; top: 34px; left: 18px; width: 21px; }
.thumbnailPaginator .juice-carouslider-prev a,
.thumbnailPaginator .juice-carouslider-next a { display:block; height: 59px; background: url(/images/bg.arrows.thumbpaginator.png) no-repeat  0 -59px; text-indent:-9999px; }
.thumbnailPaginator .juice-carouslider-next { right: 22px; left: inherit }
.thumbnailPaginator .juice-carouslider-next a { background-position: 0 0; }
.thumbnailPaginator .juice-carouslider-prev a:hover { background-position: 0 -177px;}
.thumbnailPaginator .juice-carouslider-next a:hover { background-position: 0 -118px;}
.thumbnailPaginator .juice-carouslider-disabled { display: none; }

/* jquery ui overrides */

.ui-dialog-no-titlebar .ui-dialog-titlebar { display: none; }

div.ui-resizable-se { bottom: -5px; right: -5px; width: 9px; height: 9px; }
.ui-accordion.pre-init div { display: none; }
/*
.ui-accordion .ui-accordion-content { height: 250px; }
*/
.ui-accordion .ui-accordion-header { margin: 0; background: transparent url(/images/bg.rightcol.accordion.item.png) 0 0 no-repeat; border: 0;top:-1px; }
.ui-accordion .ui-accordion-header.ui-state-active {background: transparent url(/images/bg.rightcol.accordion.item.on.png) 0 0 no-repeat;}
.ui-accordion .ui-accordion-header.ui-state-active a {color:#fff; line-height:13px;}
.ui-accordion .ui-accordion-header a { font-size: 0.9em; text-transform:lowercase; font-family: courier;}
.ui-accordion .ui-accordion-content-active { background: transparent url(/images/bg.rightcol.accordion.jpg) 0 0 no-repeat; border: 0; overflow:hidden; }
form#accordion_store {
	float:left;
	left:-20px;
	padding-left:18px;
	position:relative;
	width:270px;
}
	form#accordion_store fieldset div {
	
	}
	form#accordion_store fieldset div.last {
		position: absolute;
		left: 149px;
		bottom: 0;
		width:auto;
	}
#outfit-save-confirmation {
	background: #FFF;
	border: 1px dashed #EFEFEF;
	padding: 1em;
}

#storemoveprev.disabled,
#storemovenext.disabled {
	color: #000;
	text-decoration: none;
	visibility:hidden;
}

/*!
 * jQuery UI Overlay
 */

.juice-overlay { position: absolute; background: transparent; opacity: 0; filter: alpha(opacity=0); overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; }
.juice-overlay-message { position: absolute; opacity: 0; filter: alpha(opacity=0); overflow: hidden; left: -1000px; top: -1000px; z-index: 1001; background: url(/images/ajax-loader.gif) no-repeat; width: 24px; height: 24px; }

