/* Shopatico Palette
   Title/Logo Color: #EC008D
   Banner background: #35002D;
   Secondary Background:
*/

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

html, body {
	height:100%;
	}
body {
    text-align:center;
	font-family:arial;
    margin:0px;
    background-color:#E6EBEF;
	-webkit-font-smoothing: antialiased;
    }
body.mobile {
    background-color:#FFFFFF !important;
}
.backstretch {
    opacity:0.8;
}
.rpad53 {padding-right:53%; }
.lookgroup {
	text-align:center;
	}
body.home .content.display {
    background-color:transparent;
	text-align:left;
	min-height:700px;
    }
body.home.ui-overlay-c {
   background:rgba(248, 248, 248, 0.8);
}
#forgotbox,
#resetbox,
#signinbox,
#registerbox {
    margin-left:3%;
	}
#signinbox, #registerbox {
  display:inline-block;
  vertical-align:top;
  width:45%;
  min-width:400px;
  }
#forgotbox,
#resetbox {
  width:45%;
  min-width:400px;
  margin:30px auto;
  }
.home h2  a,
.home h2 a:visited,
.home h2 a:active,
.home h2 a:hover {
  font-size:32px;
  color:#FBE;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-family:arial;
  text-decoration:none;
  }
.home h2 a:hover {
  text-decoration:underline;
  }
.home h1 {
  font-weight:normal;
  margin-bottom:0px;
  }
.home h2 {
  font-size:32px;
  margin-left:3%;
  color:#FFF9E8;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  padding:4px 10px;
  border-radius:20px;
  background-color:rgba(0,0,0,0.5);
  font-family:arial;
  font-weight:normal;
  width:90%;
  }
.home.color777 h2 {
  color:#777 !important;
  }
h3 {
  font-size:28px;
  font-weight:normal;
  margin:6px 0px 6px 10px;
  color:#EC008D;
  font-family:"Cronos-Pro",arial;
  }
h3.shoppers {
  font-size:26px;
  margin:10px;
  }
.home h3 {
  font-size:18px;
  margin-left:100px;
  color:#808080;
  font-family:"Cronos-Pro",arial;
  }
.home h4 {
  font-size:20px;
  margin-left:50px;
  margin-top:10px;
  }
.home .cta {
  margin:0 auto;
  position:relative;
  width:220px;
  }
.home .getstarted {
  height:100px;
  width:220px;
  border:1px solid #AAA;
  background-color:#FFE;
  border-radius:8px;
  font-size:32px;
  font-style:italic;
  color:#C33;
  text-align:center;
  box-shadow:0px 0px 2px 2px #CCC, inset 0px 0px 12px 2px #C33;
  cursor:pointer;
  }
.home .getstarted:hover {
  background-color:#FFB;
  color:#D00;
  }
.home .getstarted div {
  padding:12px 6px 0px 0px;
  }
.subcta {
  width:220px;
  font-size:21px;
  margin-top:4px;
  margin-left:100px;
  color:#FFF;
  font-family:"Cronos-Pro";
  }
.home .subcta {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  margin-bottom: 40px;
  margin-left: 0;
  padding: 2px 8px;
  text-shadow: 1px 1px 1px #666;
  margin-top: 20px;
  font-size:18px !important;
}

.subcta a,
.subcta a:visited,
.subcta a:active,
.subcta a:hover
 {
  color:#FFA9DF;
  font-weight:bold;
  font-size:21px;
  }
  
.box {
  border:1px solid #AAA;
  background-color:#EEE;
  border-radius:6px;
  font-family:"Cronos-Pro";
  }
.box h2 {
  font-weight:normal;
  color:#EC008D;
  margin:8px;
  }
  
.signinbox, .forgotbox, .resetbox {
  height:300px;
  position:relative;
  margin-left:40px;
  }
.signinbox {
  margin-left:0px;
  }
.forgotbox {
  height:220px;
  }
#forgotpassword {
  text-align:right;
  width:95%;
  }
.signinbox.starter-1 {
  height:500px;
  }
.registerbox {
  height:520px;
  position:relative;
  }
 
#header {
  background-color: #FFFFFF;
  border: 1px solid #999999;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 4px 4px 5px 0 #999999;
  height: 90px;
  margin: 6px auto 0;
  padding: 0 30px 10px;
  position: relative;
  width: 350px;
}
.header-hilite {
    color:#FF0 !important;
    background-color:#D0E0E0 !important;
	}
.bottom-ads {
    text-align:center;
    margin:14px 30px -6px 30px;
	padding-top:18px;
	border-top:1px solid #DDD;	
	}
.bottom-ads a img{
    border:1px solid transparent;
	opacity:0.6;
	}
.bottom-ads a:hover img{
    border:1px solid #AAA;
	opacity:1.0;
	}
.footer {
    position:fixed;
	width:100%;
	bottom:0px;
    height:54px;
	background: rgba(0,0,0,0.9);
	color:#FFF;
	z-index:99999;
	font-family:"Cronos-Pro",arial;
	}
.home .logo, .home .homelink {
    display:none;
	}
.homelogo {
    margin-top:36px;
    margin-left:20px;
    font-size:116px;
	color:#FF00D3;
	font-family:"Cronos-Pro";
	text-shadow:3px 3px 3px #000;
	}
.homelogo:first-letter {
    font-size:122px;
	position:relative;
	top:-5px;
	left:-4px;
	}

	
.footerlogo {
    font-size:24px;
	color:#FFF;
	position:absolute;
	top:9px;
	left:12px;
	}
.footerlogo:first-letter {
    font-size:28px;
	position:relative;
	top:-3px;
	left:-2px;
	}
	
.footerlinks {
    text-align:right;
    position:absolute;
	font-weight:bold;
	right:12px;
	top:3px;
	}
.footerlinks ul {
    margin-top:11px;
	}
.footerlinks li {
    list-style-type:none;
	display:inline-block;
	margin-left:24px;
	}
.footerlinks  a,
.footerlinks a:visited,
.footerlinks a:active {
    color:#EC008D;
	font-size:18px;
	text-decoration:none;
	}
.footerlinks a:hover {
    color:#EE24E6;
    text-decoration:underline;
	}
.min-footer-menu {
	display:none;
    }

.copyright {
    position:absolute;
	top:14px;
	font-size:18px;
	color:#FFF;
	left:16px;
	font-weight:bold;
	}

.logo {
    color:#EC008D;
	position:relative;
	padding-left:8px;
	top:6px;
    }
.logo a,
.logo a:active,
.logo a:visited,
.logo a:hover {
    color:#EC008D;
	text-decoration:none;
	}

.homelink {
    position:absolute;
	top:4px;
	left:4px;
	width:200px;
	height:30px;
	z-index:100;
	cursor:pointer;
	}

#header .logo {
    font-size:66px;
	letter-spacing:0px;
	margin-top:8px;
	}

.definition {
    font-size:20px;
	display:none;
	}
.logo .sitetitle {
    font-size:36px;
	letter-spacing:1px;
	font-weight:normal;
	position:relative;
	top:-4px;
	left:1px;
	}
.logo .logoletter {
    position:absolute;
	top:4px;
	left:6px;
	z-index:20;
	height:38px;
	width:38px;
	background-image:url(/images/shopatico_logos2.png);
	
	
	}
.subtitle {
    font-family:"Cronos-Pro",arial;
    font-size:30px;
	text-align:center;
	color:#EC008D;
    position: absolute;
    top: 6px;
    width: 100%;
	text-transform:uppercase;
}
.tagline {
    font-family:"Cronos-Pro",arial;
    font-size:18px;
	color:#EC008D;
    position: absolute;
    top: 22px;
	left:216px;
	text-transform:uppercase;
}

.subtitle .up {
    font-size:36px;
	position:relative;
	top:1px;
	left:0px;
	}

.social-media {
	display:none;
    position:absolute;
	z-index:10;
	top:10px;
	left:1%;
	}
.banner .logo {
    padding:2px 0px 0px 0px;
    }
.pagelinks {
    position:absolute;
	width:99.8%;
	top:14px;
	left:176px;
	color:#EC008D;
	font-size:18px;
	font-weight:bold;
	font-family:"Cronos-Pro";
	}
.home .pagelinks {
    left:10px;
	}
.pagelinks a,
.pagelinks a:visited,
.pagelinks a:active {
    color:#333;
	text-decoration:none;
	padding:4px 12px;
	border-right:1px solid #CCC;
	border-left:1px solid transparent;
	}
.pagelinks a:first-child {
    border-left:1px solid #CCC;
	}
.pagelinks a:hover {
	color:#EC008D;
	border:1px solid #CCC;
	text-decoration:underline;
	}
.pagelinks a.pselected {
    border:1px solid #333;
	text-decoration:none !important;
	}
.rateit {
    background-image:url(../images/emptyrating.png);
    background-repeat:no-repeat;
	width:80px;
	height:20px;
    }	
.container {
    text-align:left;
    }
.page {
    margin:0px;
    min-height:100%;
    text-align:left;
	}
.home .page {
    background-image: none;
	}
.home .mobile .page {
    background-color:#F8F8F8;
	background-image:none;
	}
.page th {
    text-align:left;
    }
.banner {
    background-color: rgba(255,255,255,0.98);
    border-top: 3px solid #000;
/*	box-shadow:0px 0px 2px 0px #CCC; */
    box-shadow:0 0 9px 0 #4E4D4D;
    font-size: 18px;
    height: 48px;
	width:100%;
	position:fixed;
	z-index:100001;
	top:0px;
	left:0px;
    margin: 0;
    }
.banner-shadow {
    box-shadow:0 0 9px 0 #4E4D4D;
	transition: all 0.3s linear;
	}
.content {
    padding:8px;
	padding-bottom:32px;
    color:#333;
    }
.lookspage .content.edit {
    width:940px;
	position:relative;
	margin:0 auto;
	}
.sortlinks {
	padding: 0px 16px 3px 0px;
	font-size:14px;	
    text-align:right;
	font-family:"Cronos-Pro",arial;
    }
.sortgroupwrapper {
    display:inline-block;
	margin-right:20px;
	}
.sortgroup {
    display:inline-block;
    border:1px solid #999;
	border-radius:2px;
	font-size:18px;
	overflow:hidden;
	margin:0px 0px 0px 5px;
	}

.sortgroup a {
    text-decoration:none;
    display:inline-block;
	width:62px;
	text-align:center;
	background-color:#FFF;
	color : #666;
	border-right:1px solid #CCC;
	}
.sortgroup a:last-child {
    border-right:none;
	}
.sortgroup a:hover {
    text-decoration:none;
	background-color:#EC008D;
	color:#FFF;
	}
.sortgroup a.selected {
	background-color:#EC008D;
	opacity:0.7;
	color:#FFF;
	}
.sortgroup a.selected:hover {
    color:#FFF;
	}
.sortcaption {
    font-style:italic;
	font-weight:bold;
	font-size:18px;
	position:relative;
	top:-6px;
	left:0px;
	color:#EC008D;
	display:inline-block;
	}

.formatlinks {
    position:absolute;
	width:98.5%;
	top:102px;
	font-size:16px;
	text-align:right;
	font-weight:bold;
	}
.formatlinks a,
.formatlinks a:visited,
.formatlinks a:active,
.formatlinks a:hover {
    color:#333;
	}
#listspace {
   height:36px;
   }
.itemlistbody .content {
   max-width:1200px;
   background-color:#FFF;
   border-left:1px solid #999;
   border-right:1px solid #999;
   margin:0 auto;
   }
.content.narrow {
/*   max-width:1200px; */
   background:rgba(255,255,255,0.96);
   border-left:1px solid #EEE;
   border-right:1px solid #EEE;
   margin:0px auto 54px auto;
   padding:60px 0px 20px 0px;
   min-height:800px;
   position:relative;
   }
.home .content.narrow {
   padding-top:8px;
   background:none;
   }
.home .content.narrow,
.signin .content.narrow,
.register .content.narrow{
   border:none;
   max-width:1200px;
}
.content.narrow .describe,
.content.narrow .describe td,
.content.narrow .describe li {
   color:#333;
   font-size:28px;
   line-height:32px;
   font-family:"Cronos-Pro";
   }
.content.narrow .describe h3 {
   margin-left:20px;
   }
.content.narrow .describe p {
   text-indent:30px;
   margin-left:20px;
   margin-right:20px;
   }
.color777 {color:#777 !important;}
#model1 {
   position:absolute;
   bottom:0px;
   right:30px;
   height:94%;
   }
#model1 img {
   position:absolute;
   height:100%;
   bottom:0px;
   right:0px;
   }
div#looks {
   position:absolute;
   bottom:40px;
   right:30px;
   height:88%;
   display:none;
   }
#looks img {
   position:absolute;
   height:100%;
   bottom:0px;
   right:0px;
   }
div#closet {
   position:absolute;
   bottom:-100px;
   right:30px;
   height:88%;
   display:none;
   }
#closet img {
   position:absolute;
   height:100%;
   bottom:0px;
   right:0px;
   }

.orderdate {
    width:95%;
    }
.ordertable,.itemtable {
    cell-spacing:0px;
    margin-left:40px;
    width:90%;
    }
.itemtable {
    margin-top:32px;
    cell-spacing:6px;
    }
.ordertable tr,
.itemtable tr {
    height:22px;
	}
.ordertable th, 
.itemtable th {
    font-weight:normal;
    color:#900;
    border-bottom:1px solid #CCC;
	font-size:14px;
    }
.ordertable th.desc, 
.itemtable th.desc {
    text-align:left;
    width:48%;
    }
.ordertable th.stylenum {
    }
.ordertable td div.stylenum {
    width:220px;
    }
.ordertable td {
	}
.itemtable th.storename {
    }
.itemtable th.category {
    width:15%;
    }
.itemtable td div.storename {
    width:160px;
    }
.ordertable th.quantity {
    width:10%;
    }
.ordertable th.price,
.itemtable th.price {
    width:10%;
    padding-right:30px;
    }
.ordertable th.rating,
.itemtable th.rating {
    width:100px;
    }
.ordertable td,
.itemtable td {
    color:#333;
    vertical-align:top;
    font-size:14px;
    }
.ordertable td.quantity {
    padding-left:18px;
    }
.ordertable td.price,
.itemtable td.price {
    padding-right:26px;
    text-align:right;
    }
td.category select {
    margin:0px;
    color:#333;
    border:1px solid #CCC;
    width:100px;
    margin-right:20px;
    }
td.desc a,
td.desc a:visited {
    color:#333;
    text-decoration:none;
    }
td.desc a:hover {
    text-decoration:underline;
    }
h3.storename {
    font-size:42px;
	text-align:center;
	margin:30px 18px 8px 18px;
	color:#EC008D;
	font-family:"Cronos-Pro";
	text-transform:uppercase;
	border-bottom:2px solid #D7D7D7;
	line-height:40px;
    }
h3.storename:first-of-type {
    margin-top:10px;
	}
/*
.itemgridbody h3.storename {
    margin-left:65px;
	margin-right:65px;
	}
*/
.itemgridbody.grid h3.storename {
    margin-left:9px;
	margin-right:15px;
	}
h4.orderstring {
    margin:20px 0px 0px 20px;
    color:#666;
    font-weight:normal;
    display:inline-block;
    }
h4.purchasedate {
    font-weight:normal;
    float:right;
    text-align:right;
    display:inline-block;
    margin:10px 20px 0px 0px;
    }
.catbutton {
    display:inline-block;
    color:inherit;
    border:2px solid transparent;
    padding:0px 4px 0px 4px;
    background-color:transparent;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
    background-image:none;
    width:90px;
	cursor:pointer;
    }
.cathover {
    background-color:#FFD5D5;
    color:#444;
    border-color:#FAA;
    background-image:url(../images/edit_pencil.gif);
    background-repeat:no-repeat;
    background-position:84px 2px;
    cursor:pointer;
    }    
.descbutton {
    display:inline-block;
    color:inherit;
    border:2px solid transparent;
    padding:0px 4px 0px 4px;
    background-color:transparent;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
    background-image:none;
    width:98%;
	cursor:pointer;
    }
.deschover {
    background-color:#FFD5D5;
    color:#444;
    border-color:#FAA;
    cursor:pointer;
    }    
#bgremove a.squarebutton {
    padding:3px 6px;
	width:auto;
	font-size:14px;
    }    
    
.storecol {
	display:inline-block;
	max-width:350px;
	min-width:28%;
	vertical-align:top;
	margin-left:4%;
	}
.storecol > div {
   margin-bottom:4px;
   }

.storecol a,
.storecol a:visited,
.storecol a:active {
   text-decoration:none;
   color:#EC008D;
   }
.storecol a:hover {
   text-decoration:underline;
   }    
#login {
    display:none;
    width:694px;
    background-color:#FFF;
    opacity:0.97;
    border:2px solid #CCC;
    -moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
    padding:8px;
    position:relative;
	z-index:10;
    margin:0 auto;
    }
#login button {
    margin-top:24px;
    margin-left:100px;
	}
#regform {
    display:inline-block;
    float:right;
    width:320px;
    padding:10px;
    }
#regform p {
    color:#808080;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:4px 0px 10px 0px;
	}
#regform button {
    margin-top:0px;
	}
#logform {
    display:inline-block;
    padding:10px;
    }
#signupform {
    display:none;
	}
#signupform .left {
    float:right;
	}
fieldset {
    width:280px;
    height:280px;
    border:3px solid #DDD;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
    }
#signupform .left fieldset {
    width:250px;
	height:194px;
	text-align:left;
	}
#signupform .left input {
    width:200px;
	border:none;
	}
#signupform .right fieldset {
    width:480px;
	height:316px;
	text-align:left;
	}
#signupform .right td {
    font-size:12px;
	color:#666;
	text-align:left;
	}
#signupform .right td input {
    margin-left:0px;
	}
#signupform .right textarea {
    border:none;
	}
.others {
    color:#808080;
	font-weight:bold;
	font-size:12px;
	}
#inviteForm p {
    text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#808080;
	}
legend {
    color:#66C0B3;
    font-size:146x;
    font-weight:bold;
    }
.caption{
    font-size:14px;
	font-weight:bold;
	margin-top:12px;
	color:#808080;
    }
.signinbox .caption,
.registerbox .caption,
.forgotbox .caption {
    font-weight:normal;
	font-size:18px;
	margin-left:9%;
	}
.signinbox input.text,
.registerbox input.text,
.forgotbox input.text {
    width:75%;
	margin:12px 0px 10px 10%;
	font-size:18px;
	font-weight:normal;
	color:#666;
	}
.registerbox .caption {
    font-size:16px;
	}
.registerbox input.text {
    font-size:16px;
	margin:4px 0px 2px 10%;
	}
.registerbox .terms {
    color:#666;
	font-size:14px;
	margin:10px 20px 0px 40px;
	}
.registerbox p {
    font-size:20px;
	margin:20px;
	color:#666;
	}
.successmessage{
    font-size:20px;
	margin:26px 20px;
	color:#666;
	text-align:center;
	}
.activatemsg {
    margin:20px;
	font-size:18px;
	text-align:center;
	}
.input-wrapper {
    padding:4px;
	margin-left:20px;
	margin-right:10px;
	margin-top:4px;
	border:2px solid #CCC;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
.input-wrapper input, .input-wrapper select {
    border:none;
	}
.input-wrapper select {
    height:20px;
	}
#preview-wrapper, #upload-wrapper {
    margin-top:16px;
	text-align:center;
	}
#file {
    width:180px;
	}
#loginContent input {
    font-size:16px;
	width:232px;
	border:none;
	height:20px;
    }
#loginResult,#regResult,#editResult {
    display:none;
	position:absolute;
	width:800px;
	height:26px;
	padding-right:10px;
	border:2px solid red;
	top:104px;
	left:220px;
	padding-top:4px;
	z-index:10000;
	color:#F00;
	font-weight:bold;
	background-color:#FFFFB0;
	text-align:center;
	font-size:16px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
    }
#editResult {
    top:35px;
	height:auto;
	padding-bottom:4px;
	}
.signin #loginResult,
.register #loginResult {
    width:204px;
	border-radius:3px;
	background-color:#FFA;
	border:1px solid #F00;
	opacity:0.9;
	top:0px;
	left:0px;
	}
#signinbutton, #registerbutton,
#forgotbutton, #resetbutton {
    width:128px;
	margin:10px auto;
	}
#registerbutton {
    bottom:90px;
	}
#registernote {
    margin:10px 30px 0px 30px;
	font-size:18px;
	color:#666;
	text-align:center;
	}
#errordelete {
    float:right;
	cursor:pointer;
	}
	
#ordermenu {
    width:480px;
	font-size:14px;
	color:#333;
	border:2px solid #FAA;
	background-color:#FFFFF0;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;
	border-radius:0px 0px 6px 6px;
	position:absolute;
	top:1px;
	display:none;
	}
#ordermenu > div {
    padding:3px 0px 3px 16px;
	border-bottom:1px solid #CCC;
	cursor:pointer;
	}
#ordermenu > div:hover {
    background-color:#FEE;
	}
#ordermenu > img {
    padding:8px 4px 4px 4px;
	}
#catpicker {
    width:360px;
    font-size:14px;
    color:#333;
    border:2px solid #FAA;
    -moz-border-radius:0px 6px 6px 6px;
	-webkit-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px;
    background-color:#FEE;
    position:absolute;
    display:none;
    }

#catpicker .col {
    display:inline-block;
    width:32%;
    }
#catpicker ul {
    margin-left:-28px;
    list-style-type:none;
    }
#catpicker li {
    margin-left:6px;
    padding-left:12px;
    border:1px solid transparent;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
    cursor:pointer;
    }
#catpicker li.active {
    border-color:#FAA;
    color:#333;
    background-color:#FFD5D5;
    }
.noitems {
   font-size:20px;
   width:60%;
   margin:60px 19%;
   color:#666;
   min-height:660px;
   }
	
#background-picker {
    position:absolute;
	right:3000px;
	width:48px;
	height:510px;
	top:62px;
	}
.looks-container {
    margin-top:16px;
	}
.background-swatch {
     border:1px solid #999;
	 height:40px;
	 margin-bottom:6px;
	 -moz-border-radius:2px;
	 -webkit-border-radius:2px;
	 border-radius:2px;
	 cursor:pointer;
     background-position:center center;
     background-position:50% 50%;	 
	 }
#product-picker {
     position:absolute;
	 right:3000px;
	 width:364px;
	 height:502px;
	 top:15px;
	 background-color:#FFF;
	 }
#product-picker h3 {
     font-size:16px;
	 padding-left:4px;
	 font-family:Cronos-Pro;
	 font-weight:normal;
	 text-transform:uppercase;
	 }
#product-picker h3.cats {
    float:left;
	padding:1px 10px;
	background-color:#FFF;
	border:1px solid transparent;
	margin:0px;
	color:#333;
	cursor:pointer;
	}
#product-picker h3.cats:hover,
#product-picker h3.cats.active {
    border-color:#333;
    }

.itemcontainer {
    clear:both;
	background-color:#FFF;
	padding:4px;
	border:1px solid #999;
	height:440px;
	overflow-y:scroll;
	overflow-x:hidden;
	}

.catcontent {
    display:none;
	}
.looks-edit-container {
    width:100%;
	margin:15px auto 0px;
	position:relative;
	display:none;
	max-width:1440px;
	}
#product-picker .ui-accordion .ui-accordion-content {
     padding:2px;
	 }
#workbuttons {
     position:absolute;
	 top:-36px;
	 right:-72px;
	 }
#workbuttons a.squarebutton {
     padding:0px;
	 width:72px;
	 }
#workbuttons #worksave {
     background-color:#6CE377;
	 height:32px;
	 width:100px;
	 font-size:24px;
	 position:relative;
	 top:-2px;
	 left:0px;
	 }
#workcancel {
     background-color:#F4E52A;
	 }
#workdelete {
     background-color:#FF334E
	 }
#workframe {
     position:absolute;
	 top:23px;
	 right:-3000px;
	 height:480px;
	 width:500px;
	 }
#workspace{
     margin-top:6px;
     position:relative;
	 height:450px;
	 width:490px;
	 background-color:#FFF;
	 border:2px solid #999;
	 }
#workintro {
     display:none;
     padding:40px;
     }
#workintrocontent {
     border:8px dotted #CCC;
	 padding:30px;
	 }
#workintrocontent  p {
     font-size:16px;
	 color:#999;
	 text-align:center;
     }
#workintrocontent p:first-child {
     margin-top:0px;
     font-size:18px;
	 }
     
#controls {
     position:absolute;
	 top:490px;
	 left:0px;
	 height:32px;
	 width:494px;
	 z-index:999;
     display:none;
	 }
.controlbutton,.controlcaption {
	 width:80px;
	 height:32px;
	 text-align:center;
	 font-size:12px;
	 font-weight:bold;
	 display:inline-block;
	 vertical-align:top;
	 }
.controlcaption {
     width:184px;
	 padding-left:8px;
	 text-align:left;
	 background-color:#999;
	 color:#FFF;
	 text-shadow:1px 1px #333;
	 }
.controlbutton {
     border-left:1px solid #CCC;
	 cursor:default;
	 color:#FFF;
	 background-color:#DDD;
	 }
.controlbutton.cbactive {
     background-color:#EC008D;
	 cursor:pointer;
	 color:#FFF;
	 transition:background-color 0.7s;
	 }	 
#itembgremove,#itemup {
     margin-left:10px;
	 }
#itemup,#itemdown,#itemdelete {
     width:66px;
	 }
#workbar {
     height:30px;
	 font-size:20px;
	 color:#999;
	 font-family:Cronos-Pro;
	 }
#workbar form {
     display:inline-block;
	 }
#workbar input#lookname {
     border-radius:2px;
	 border:1px solid #CCC;
	 width:425px;
	 font-size:20px;
	 color:#808080;
	 padding-left:4px;
	 font-family:Cronos-Pro;
	 }
.item {
	 text-align:left;
     border:2px solid transparent;
	 margin:2px;
	 font-size:11px;
	 overflow:hidden;
	 background-color:transparent;
	 padding:4px;
	 cursor:pointer;
	 float:left;
	 }
.item.helper {
     border:2px solid #BBB;
	 z-index:9999;
     }
.item.dropped {
     background-color:transparent;
	 border:3px solid transparent;
	 -moz-border-radius: 0px;
	 -webkit-border-radius: 0px;
	 border-radius: 0px;
	 overflow:visible;
	 }
.dark .item.dropped.hover {
     border-color:#EEE;
	 }
.light .item.dropped.hover {
     border-color:#666;
	 }
.item.active {
	 cursor:move;
	 }
.dark .item.active {
     border:3px dashed #EEE;
	 }
.light .item.active {
     border:3px dashed #666;
	 }
/*
.ui-icon.ui-resizable-se { 
    background-image: url(../images/se-resize.gif) !important;
	height:20px !important;
	width:20px !important;
	background-position:0px 0px !important;
	}
*/
.ui-resizable-handle {
    background-color:#FFF;
	border:1px solid #333;
	height:10px;
	width:10px;
	display:none !important;
	}
.item.active .ui-resizable-handle {
    display:block !important;
	}
.ui-resizable-se  {height:14px;width:14px;bottom:5px;right:5px}
.ui-resizable-ne  {height:14px;width:14px;top:-8px;right:8px;}
.ui-resizable-nw  {height:14px;width:14px;}
.ui-resizable-sw  {height:14px;width:14px;}

.catdiv .item {
     width:324px;
	 }
.item-info {
  margin-left:70px;
  color:#666;
  }
.item-desc {
  font-weight:bold;
  color:#333;
  }
.slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:263px;
}
/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}
#nolooks {
  display:none;
  position:relative;
  width:300px;
  text-align:center;
  margin:0 auto;
  padding-top:150px;
  line-spacing:40px;
  }
button#create {
   margin:0px;
   }
.another #create {
   width:110px;
   position:relative;
   top:16px;
   left:-4px;
   }
.minilook {
   display:inline-block;
   border:1px solid #AAA;
   margin:12px;
   position:relative;
   background-color:#FFF;
   font-family:"Cronos-Pro";
   } 
.minilook > div {
   margin:5px;
   }
.minilook > div > img {
   display:block;
   border:1px solid #DDD;
   }
.minilook.last {
   cursor:default;
   }
.minilook .another {
   position:absolute;
   width:100%;
   margin:-5px;
   top:48px;
   color:#808080;
   text-align:center;
   }
.miniitem {
   position:absolute;
   }
/*
.look-title, .look-by {
   position:absolute;
   width:100%;
   padding:4px 0px;
   text-align:center;
   background-color:#FFF;
   top:0px;
   opacity:0.92;
   font-family:"Cronos-Pro";
   color:#EC008D;
   font-size:18px;
   box-shadow:0px 1px 2px 0px #AAA;
   z-index:100001;
   display:none;
   }
.look-by {
   box-shadow:0px -1px 2px 0px #AAA;
   bottom:0px;
   top:auto;
   font-style:italic;
   }
*/

.look-title {
   text-align:left;
   font-size:16px;
   font-weight:bold;
   color:#EC008D;
   }
.look-by {
   text-align:right;
   font-size:14px;
   font-style:italic;
   color:#EC008D;
   margin-top:-4px;
   }
.comment-block {
   text-align:left;
   background-color:#FFF;
   padding-top:2px;
   }
.loves {
   margin:4px;
   font-size:14px;
   }
.comment-block textarea {
   font-size:11px;
   font-family:arial,helvetica;
   width:234px;
   height:28px;
   margin-left:2px;
   color:#999;
   font-style:italic;
   resize:vertical;
   }
.comment-form {
   padding-bottom:4px;
   }
.comment-list {
   width:244px;
   font-size:14px;
   margin:4px;
   line-height:14px;
   }
.comment-item {
   border:2px solid #DDD;
   background-color:#FFEEFD;
   border-radius:3px;
   padding:3px;
   color:#EC008D;
   margin-bottom:4px;
   }
.comment-text {
   font-style:italic;
   }
.comment-by {
   text-align:right;
   font-size:12px;
   }
.comment-buttons {
   text-align:right;
   display:none;
   }
.comment-container {
   margin:30px auto;
   width:90%;
   border:2px solid #EEE;
   border-radius:4px;
   }
.comment-container .comment-block {
   text-align:left;
   background-color:#FFF;
   padding-top:2px;
   }
.loves {
   margin:4px;
   font-size:14px;
   }
.comment-container .comment-block textarea {
   font-size:13px;
   font-family:arial,helvetica;
   width:98%;
   height:28px;
   margin-left:2px;
   color:#999;
   font-style:italic;
   resize:vertical;
   }
.comment-container .comment-form {
   padding-bottom:4px;
   }
.comment-container .comment-list {
   width:98%;
   font-size:16px;
   margin:4px;
   line-height:16px;
   }
.comment-container .comment-item {
   border:2px solid #DDD;
   background-color:#F9F5F9;
   border-radius:3px;
   padding:3px;
   color:#EC008D;
   margin-bottom:6px;
   }
.comment-container .comment-text {
   font-style:italic;
   }
.comment-container .comment-by {
   text-align:right;
   font-size:13px;
   }
.comment-container .comment-buttons {
   text-align:right;
   display:none;
   }
.comment-container .comment-buttons input {
   font-size:12px;
   height:22px;
   width:48px;
   }

.look-edit {
   position:absolute;
   top:-3px;
   right:-3px;
   width:60px;;
   cursor:pointer;   
   color:#EC008D;
   border:2px solid #EC008D;
   background-color:#FFF;
   border-radius:6px;
   opacity:0.98;
   font-size:18px;
   padding:4px 6px;
   display:none;
   }
.look-details {
   position:absolute;
   top:140px;
   font-size:20px;
   padding:4px 6px;
   cursor:pointer;
   color:#EC008D;
   border:2px solid #EC008D;
   background-color:#FFF;
   opacity:0.98;
   border-radius:8px;
   left:75px;
   display:none;
   }

.look-details a,
.look-details a:hover,
.look-details a:visited {
   text-decoration:none;
   color:#EC008D;
   }
.look-buttons {
   position:absolute;
   bottom:3px;
   left:0px;
   width:100%;
   background-color:transparent;
   text-align:center;
   z-index:100001;
   display:none;
   }
.look-buttons button {
   font-size:18px;
   opacity:0.9;
   cursor:pointer;
   color:#666;
   }
button.look-view {
   margin-right:6px;
   }
   
.shadow {
   -moz-box-shadow:0px 0px 10px #666;
   -webkit-box-shadow:0px 0px 10px #666;
   box-shadow:0px 0px 10px #666;
   }
.ui-icon-trash {
   cursor:pointer;
   opacity:0.4;
   }
.ui-icon-trash:hover {
   opacity:1;
   }
.report {
   margin-left:16px;
   margin-bottom:30px;
   }
.report p {
   }
.report table {
   margin-left:40px;
   }
.report table td {
   color:#333;
   font-size:12px;
   }
.report td {
   text-align:right;
   padding-right:6px;
   }
.report td.storename {
    width:140px;
	font-weight:bold;
	}
.report th {
   font-weight:normal;
   font-size:12px;
   text-align:center;
   color:#933;
   }
.report tr.sep {
   height:1px;
   background-color:#CCC;
   }
   
#edit-container, #add-triage, #detailPanel {
   text-align:left;
   font-family:"Cronos-Pro";
   padding:10px 10px 10px 20px;
   position:absolute;
   top:50px;
   left:-800px;
   width:94%;
   max-width:740px;
   height:560px;
   background-color:#FFF;
   border:1px solid #999;
   opacity:1;
   border-radius:4px;
   box-shadow:0px 0px 10px #999;
   z-index:1001;
   }
#detailPanel {
   height:420px;
   margin:0 auto;
   left:auto;
   display:none;
   width:92%;
   }
#bgpreview {
   position:absolute;
   top:10px;
   left:370px;
   height:420px;
   max-height:95%;
   width:340px;
   background-image:url(/images/checker.gif);
   border:1px solid #999;
   display:none;
   }
#bgremove {
   position:absolute;
   left:362px;
   top:380px;
   display:none;
   }
#detailPanel > img,
#bgpreview > img {
   height:100%;
   max-width:340px;
   float:left;
   }
#detailDetails {
   float:right;
   font-family:"Cronos-Pro","Times New Roman";
   width:50%;
   margin-right:10px;
   font-size:18px;
   }
.detail-history {
   text-align:center;
   margin-top:14px;
   font-size:12px;
   font-style:italic;
   }
.deletex {
   padding-left:2px;
   cursor:pointer;
   font-weight:bold;
   color:#666;
   height:20px;
   width:20px;
   border:1px solid transparent;
   background-color:#FFF;
   border-radius:4px;
   position:absolute;
   top:2px;
   right:16px;
   }
.deletex:hover {
   border-color:#999;
   background-color:#CCC;
   }
#detailDetails h2 {
   font-weight:normal;
   color:#EC008D;
   text-align:center;
   }
.detail-menu {
   width:90%;
   margin:30px 0px 0px 30px;
   }
.detail-menu > div,
.detail-menu td > div {
   padding-left:22px;
   cursor:pointer;
   background-image:url(/images/arrowbullet.png);
   background-repeat:no-repeat;
   background-color:transparent;
   margin-bottom:10px;
   }
.detail-menu  > div:hover {
   color:#EC008D;
   text-decoration:underline;
   }
.detail-menu a,
.detail-menu a:visited,
.detail-menu a:active {
   text-decoration:none;
   color:#EC008D;
   }
.detail-menu a:hover {
   text-decoration:underline;
   }
#add-triage {
   z-index:2001;
   color:#666;
   }
#add-triage td {
   text-align:center;
   }
#add-triage h3, #add-triage h4 {
   margin:0px 0px 6px 0px;
   }
#add-triage h4 {
   text-align:center;
   font-size:20px;
   }
#add-triage p {
   text-align:center;
   }
#add-triage .edit-buttons {
   float:right;
   }
#add-triage .bigbutton {
   height:72px;
   width:132px;
   padding:3px 0px;
   }
   
#edit-container .image-type > div {
   margin-bottom:16px;
   }
#edit-container .image-type input{
   margin:0px 8px 0px 12px !important;
   width: auto
   }
.image-type {
   margin-top:8px;
   font-size:14px;
   color:#808080;
   }
   
#edit-container input#edit-price {
   width:80px;
   font-size:16px;
   }
#edit-container h3 {
   margin-top: 0px;
   color:#EC008D;
   }
.edit-col1, .edit-col2 {
   display:inline-block;
   vertical-align:top;
   }
.edit-col1 {
   width:400px;
   }
.edit-col2 {
   width:300px;
   }
.edit-col1 select {
   color:#808080;
   width:220px;
   font-size:16px;
   }
.edit-col1 .caption {
   margin:12px 0px 0px 0px;
   }
.edit-buttons {
   text-align:right;
   margin-bottom:8px;
   }
#image-upload {
   display:none;
   }
#uploadedfile {
   width:100px;
   }
#upload-preview {
   width:80px;
   }
#edit-desc, #desc-wrapper {
   width:320px;
   }
#edit-date, #date-wrapper {
   width:140px;
   }
#store-wrapper, #cat-wrapper {
   width:230px;
   }
#price-wrapper {
   width:90px;
   }
#fetch-container-add,
#fetch-container-modify {
   border:1px solid #999;
   border-radius:3px;
   padding:4px;
   width:340px;
   font-size:16px;
   text-align:center;
   }
#fetch-container-add  b,
#fetch-container-modify b{ 
   color:#EC008D;
   }   
#edit-container.have #edit-store-wrapper,
#edit-container.have #edit-date-wrapper,
#edit-container.have #edit-price-wrapper {
   display:none;
   }
#edit-container.want #edit-store-wrapper,
#edit-container.want #edit-date-wrapper,
#edit-container.want #edit-price-wrapper {
   display:none;
   }
#edit-container.ordered #edit-date-wrapper {
   display:none;
   }
   
#image-fetch {
   display:none;
   }
#url {
   width:240px;
   }
#url-preview {
   width:80px;
   }
#image-maker {
   width:300px;
   height:460px;
   }
.image-view {
   height:300px;
   width:300px;
   text-align:center;
   border:1px solid #999;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius:4px;
   }
#edit-image {
   width:262px;
   height:260px;
   margin-left:19px;
   overflow:hidden;
   }
#opening {
   background-color:#CCCCCC;
   }
#edit-picker {
   width:200px;
   height:200px;
   margin-left:50px;
   }
#overlay {
   display:none;
   position:absolute;
   background-color:#333;
   opacity:0.8;
   top:0px;
   height:100%;
   width:99%;
   z-index:1000;
   }
#opening {
   display:inline-block;
   height:260px;
   margin:0px auto;
   }
.shoppers {
   margin:10px 60px;
   }
.shoppers li {
   margin-bottom:20px;
   }
#switcher {
    position:absolute;
	height:12px;
	width:12px;
	right:14px;
	top:76px;
	border:1px solid #CCC;
	cursor:pointer;
	}
	
body.special {
/*    background-color:#6CC0B3;
    background-image:url(../images/fullbg1.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:0% 15%;
    background-size:100%;
*/
    text-align:center;
    font-family:arial;
    margin-top:0px;
    }
.special .content,
.special .page {
    background-color:transparent;
	border-color:transparent;
	}
.special li {
   position:relative;
   width:400px;
   margin-bottom:24px;
   border:2px solid #666;
   -moz-border-radius:12px;
   -webkit-border-radius:12px;
   border-radius:12px;
   padding:12px;
   font-size:16px;
   background-color:#FFF;
   list-style-type:none;
   -moz-box-shadow:4px 4px 8px 4px #999;
   -webkit-box-shadow:4px 4px 8px 4px #999;
   box-shadow:4px 4px 8px 4px #999;
   }
 
a.squarebutton,a.bigbutton, .minibutton {
	background-color:#EC008D;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	width:120px;
	font-family:"Cronos-Pro";
	font-size:18px;
	font-weight:bold !important;
	padding:8px 28px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0px #990000 !important;	
}
.cta a.squarebutton{
	width:220px;
	height:60px;
	font-size:24px;
	padding-top:16px;
}
.minibutton {
    width:60px;
	font-size:14px;
	padding:2px 6px;
	border:none;
	}
.minibutton:hover,
a.bigbutton:hover,
a.squarebutton:hover {
	background-color:#FF33AA;
}
a.squarebutton:active {
	position:relative;
	top:1px;
}

#nolooks a.bigbutton#create  {
   top:180px;
   width:150px;
   margin-left:75px;
   }
/*
a.bigbutton span, a.squarebutton span {
   font-size:16px;
   font-weight:bold;
   color:#FFF;
   text-shadow:#666 1px 1px 1px;
   text-decoration:none;
   }
*/
#loginbutton {
   top:210px;
   left:116px;
   }
#continuebutton {
   top:270px;
   left:470px;
   }
#signupbutton {
   top:254px;
   left:620px;
   }
#thanks {
   display:none;
   color:#666;
   text-align:center;
   font-size:20px;
   padding-top:40px;
   padding-bottom:90px;
   }   
#thanks h3 {
   font-size:48px;
   font-family:'Marko One',Textile,arial,helvetica;
   color:#CE3CFF;
   text-shadow:#999 1px 1px 1px;
   }
.special .shoppers {
   margin-top:20px;
   margin-left:0px;
   }
.special #q1 {
   left:120px;
   }
.special #q2 {
   left:60px;
   }
 .special #q3 {
   left:20px;
   }
 .special #q5 {
   left:40px;
   }
	
.griditem {
    height:135px;
	width:195px;
	border:1px solid #CCC;
	box-shadow:0px 0px 2px #D8D8D8;
	display:inline-block;
	margin:5px 0px 5px 5px;
	background-color:#FFF;
	}
.griditem:hover {
	box-shadow:0px 0px 6px #CCC;
	cursor:pointer;
	}
.grid .griditem {
    height:auto;
	width:220px;
	margin:8px 0px 4px 8px;
	display:inline-block;
	border:1px solid #E0E0E0;
	vertical-align:top;
	}
.griditem > img {
    margin:5px;
	}
.griditem-details {
    display:inline-block;
	width:76px;
	font-size:11px;
	}
.grid .griditem-details {
    width:100%;
	margin:0px;
	background-color:#F4F4F4;	
	}
.griditem-details  h4{
    margin:4px 0px 0px 0px;
	font-size:12px;
	height:46px;
	overflow:hidden;
	font-family:"Cronos-Pro";
	color:#666;
	}
.grid .griditem-details  h4{
    height:auto;
	margin:5px;
    font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #E3E3E3;
	text-align:center;
	}
.griditem-details p {
    font-size:11px;
	color:#666;
	margin-bottom:8px;
	margin-left:5px;
	}
.grid .griditem-details p {
    text-align:center;
	}
.grid .griditem-details .rateit {
    left:130px;
	}
/*
.gridgroup {
    margin-left:75px;
	}
*/
.gridgroup {
    margin:0 auto;
	}
*/
p.g-want,
p.g-have {
    text-align:center;
    color:#009;
	font-size:13px;
	margin:-5px 0px 3px 0px;
    }
p.g-want {
    color:#900;
    }	
td.g-want,
td.g-have {
    color:#009;
    }
td.g-want {
    color:#900;
    }	

.regcontainer {
    position:absolute;
	z-index:5;
	top:2px;
/*	width:200px; */
	right:3px;
	text-align:left;
	font-size:18px;
	visibility:hidden;
	}
.regstrip {
    text-align:right;
	color:#EC008D;
	font-family:"Cronos-Pro";
	vertical-align:middle;
	display:table-cell;
	line-height:17px;
	height:40px;
	position:absolute;
	right:0px;
	}
.regline {
    display:inline-block;
	}
.regstrip a,
.regstrip a:visited,
.regstrip a:active,
.regstrip a:hover{
    color:#EC008D;
	font-size:18px;
	text-decoration:none;
	}
.regstrip a:hover {
    color:#EC008D;
	text-decoration:underline;
}

.notyou, #notyou {
    font-size:13px;
	color:#EC008D;
	}

.content.share {
    max-width:960px;
	margin:0 auto;
	}
.sh-look, .sh-look td {
    font-family:"Cronos-Pro";
	color:#333;
	}
.sh-look {
	max-width:960px;
	margin:12px auto;
	}
.sh-look img.composite {
	-moz-box-shadow:1px 1px 2px 2px #CCC;
	-webkit-box-shadow:1px 1px 2px 2px #CCC;
	box-shadow:1px 1px 2px 2px #CCC;
    }
.sh-look h2 {
    font-size:34px;
	color:#EC008D;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:10px;
    }
.sh-look hr {
    color:#FFF;
	}
.sh-look hr:first {
    margin-top:2px;
	}
.sh-look-item {
    position:relative;
	min-height:80px;
	}
.sh-look-info {
    margin-left:30px;
	position:relative;
	}
.sh-look-copyitem {
	position:absolute;
	right:0px;
	bottom:0px;
	height:16px;
	width:16px;
	cursor:pointer;
	background-color:#EC008D;
	border-radius:8px;
	color:white;
	font-weight:bold;
	font-size:12px;
	overflow:hidden;
	}
.sh-look-description {
    font-size:18px;
	color:#666;
	}
.sh-look-store {
    font-size:14px;
	}
.sh-mod {
    text-align:right;
	font-size:16px;
	}
.devwatermark {
    position:absolute;
	font-size:44px;
	color:#FFF;
	font-family:arial;
	text-shadow:0px 0px 8px #999;
	letter-spacing:10px;
	font-weight:bold;
	top:0px;
	left:45%;
	display:none;
	}
.floatingimage {
    position:absolute;
    }
.floatingimage img {
    border:1px solid #999;
    box-shadow:3px 3px 6px #DDD;
    }
.floatingimage#closet1 {
    left:51%;
    top:72px;
    z-index:100;
    }
.floatingimage#closet2 {
    left:53%;
    top:272px;
    z-index:200;
    }
.floatingimage#looks1 {
    left:51%;
	top:72px;
	z-index:100;
	}
.floatingimage#rewards1 {
    left:51%;
	top:60px;
	z-index:100;
	}
.floatingimage#rewards1 img {
    width:90%;
	}
.floatingimage#looks2 {
    left:53%;
	top:292px;
	z-index:200;
	}
.floatingimage#selector {
    position:static;
	}
.bannerinner, .footerinner {
    position:relative;
	}
.max1200 .bannerinner, .max1200 .footerinner  {
    width:100%;
	}
.max1200 .logo {
    padding-left:8px;
	}
.max1200 .logo .logoletter {
    left:-12px;
	}
#bgtimer {
    position:absolute;
	top:90px;
	left:416px;
	width:188px;
	font-size:14px;
	text-align:center;
	background-color:#FFF;
	border:3px solid #CCC;
	border-radius:12px;
	display:none;
	padding:12px;
	}
#bgtimer p {
    text-align:center;
	margin:4px;
	}
#bgtimer-digits {
    text-align:center;
	font-size:30px;
	margin-bottom:6px;
	}
#bgtimer-cancel {
    }
#bgtimer-old {
    position:absolute;
	top:360px;
	left:100px;
	z-index:1000;
	display:none;
	}
#bgtimer-new {
    position:absolute;
	top:360px;
	left:450px;
	z-index:1000;
	display:none;
	}
	
ol#how-list {
    font-family:"Cronos-Pro";
	color:#666;
    font-size:36px;
	}
.aff a,
.aff a:visited,
.aff a:hover {
    color:#0C0;
	font-weight:bold;
	}
.user-look > img {
    height:192px;
	width:210px;
    }
.user-look {
    display:inline-block;
	}
.ads a img{
    border:1px solid transparent;
	opacity:0.6;
	}
.ads a:hover img{
    border:1px solid #AAA;
	opacity:1.0;
	}
.minilook.ads a img,
.minilook.ads a:hover img {
    border:none;
	}
.reward-container {
    position:relative;
	margin-left:45px;
	}
.reward-preview {
    position:absolute;
	right:36px;
	top:300px;
	width:560px;
	}
.reward-preview {
	width:auto;
	}
.reward {
	width:240px;
	border:4px dotted #666;
	font-size:14px;
	text-align:center;
	vertical-align:top;
	padding-bottom:20px;
	line-height:1.3;
	font-family:arial,helvetica,"sans serif";
	}
.reward h3 {
    font-size:30px;
	margin:14px auto;
	}
.minilook.reward.image {
    width:auto;
	padding:0px;
    border:4px dotted #666;
	}
.reward img.storelogo {
	margin:20px 0px;
	}
.bubble {
    width:30%;
	display:inline-block;
	border:5px solid #EC008D;
	border-radius:12px;
	background-color:#FAF4E6;
	color:#666;
	font-family:"Cronos-Pro";
	margin:20px 10px;
	vertical-align:top;
	min-height:500px;
	}
.bubble h2 {
    font-weight:normal;
	padding:16px;
	}
#sharescontainer {
    width:800px;
	margin:0 auto;
	}
.sharecounts,.sharefavorites {
    display:inline-block;
	border:2px solid #CCC;
	background-color:#FFF;
	border-radius:4px;
	font-size:22px;
	font-family:"Cronos-Pro";
	width:46%;
	margin:8px;
	height:220px;
	vertical-align:top;
	}
.sharecounts p,.sharefavorites p,
.sharecounts ul,.sharefavorites ul{
    margin:12px;
	}
.textlink a {
    display:block;
    margin:4px;
	}
.lookgroup {
    margin:0 auto;
	text-align:center;
	}
	 
    
.menu {
    float: right;
}
.headermenu {
	display:none;
	right:0px;
	top:48px;
	background-color:rgba(255,255,255,0.97);
	position:absolute;
	color:#333;
	width:180px;
	box-shadow: -1px 1px 2px 0 #ccc;
	}
.headermenu ul {
	margin-left:0px;
	padding-left:12px;
	}
.headermenu li {
	list-style-type:none;
	margin-left:0px;
	font-family:"Cronos-Pro",arial;
	padding:10px 16px 10px 0px;
	font-weight:bold;
	text-align:right;
	}
.headermenu li a,
.headermenu li a:hover,
.headermenu li a:visited,
.headermenu li a:active {
	text-decoration:none;
	color:#333;
	}
.headermenu li a:hover {
	text-decoration:underline;
	}
.headermenu-icon,.footermenu-icon {
	display:none;
	position:absolute;
	width:32px;
	height:30px;
	cursor:pointer;
	}
.headermenu-icon {
	background-image:url(/images/headermenu-icon.png);
	}
.footermenu-icon {
	background-image:url(/images/footermenu-icon.png);
	right:12px;
	bottom:-42px;
	}
	
@media (max-width: 1024px) {
	.homelogo {
		font-size:90px;
		}
	.homelogo:first-letter {
		font-size:100px;
		}
	.home h2,.home h2  a,
	.home h2 a:visited,
	.home h2 a:active,
	.home h2 a:hover {
		font-size:26px;
		}
}

@media (max-width: 994px) {
	.regcontainer {
		display:none;
		}
	.pagelinks {
		display: none;
		float: none;
		margin-bottom: 2em;
	}
	.headermenu-icon {
		display:block;
		top:8px;
		right:12px;
		}
}
@media (max-width:640px) {
	 img {
	   max-width:94%;
	   }
	.rpad53 {
		padding-right:0;
		}
	#looks2 {
		display:none;
		}
	.floatingimage,
	.reward-preview,
	.minilook.reward.textlink{
	   display:block;
	   position:static;
	   margin:0 auto;
	   text-align:center;
	   }

	.footerlinks {
		display:block;
		bottom:0px;
		top:auto;
		background-color:#000;
		opacity:0.9;
		right:0px;
	   }
	.footerlinks ul {
		display:none;
		}
	.footerlinks li {
		display:block;
		padding:10px 16px 10px 0px;
		}
	.footermenu-icon {
		display:block;
    }	
	.homelogo {
		font-size:64px;
		}
	.homelogo:first-letter {
		font-size:72px;
		}
	.home h2,.home h2  a,
	.home h2 a:visited,
	.home h2 a:active,
	.home h2 a:hover {
		font-size:18px;
	    }
	.registerbox {
		height:auto;
		}
	a.squarebutton {
		width:100px;
		}
	#forgotbox,
	#resetbox,
	#signinbox,
	#registerbox {
		margin-left:3%;
		}
	#signinbox, #registerbox {
	  display:inline-block;
	  vertical-align:top;
	  width:94%;
	  min-width:10px;
	  }
	#forgotbox,
	#resetbox {
	  width:94%;
	  margin:30px auto;
	  }

}
	

.pagelinks ul {
    color: #fff;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.pagelinks ul .selected a {
    color: #f92c32;
}
.pagelinks ul li {
    display: inline-block;
    font-weight: 400;
    margin-left: 1em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.pagelinks ul li a {
    color: #fff;
    text-decoration: none;
}
.pagelinks ul li a:hover {
    text-decoration: underline;
}
@media (max-width: 800px) {
.menu ul li {
    display: block;
    margin-bottom: 0.4em;
	}
.menu-open {
    display: block;
	}
.min-menu {
    color: white;
    display: none;
    float: right;
    font-size: 1.3em;
}
}
@media (max-width: 800px) {
.min-menu {
    display: inline-block;
}
}