body { font: 12px/1.5 Helvetica, Arial, sans-serif; line-height: 1.3em; border: 0; margin: 0; padding: 0; color: #333; background: #ffffff; }
body.promo-active { padding-top: 29px; }

a { color: #2786c2; text-decoration: none; outline: none; cursor:pointer; }
a:hover { color: #009aff; text-decoration: none; }
em { font-family: Georgia, Times, serif; font-style: italic; color: #888888; }
input[type=text], input[type=password], textarea, select { border: 0; color: #3b3b3b; width: 100%; }
input[type=radio] { margin-right: 5px; }


#tooltip { color: #555555; position: absolute; z-index: 3000; border: 1px solid #e2e4b4; background-color: #fafccb; padding: 3px 6px; max-width: 350px; }
#tooltip h3, #tooltip div { margin: 0; font-size: 12px; }
span.tooltip { text-decoration: underline; cursor:pointer; }


.click, .btn {cursor: pointer; -webkit-user-select:none; -moz-user-select:none;}
tr.click:hover {opacity: 0.8;}

.code { font-family: Consolas, Monaco, monospace; border: 1px solid #dddddd; padding: 5px; background: #f8f8f8; white-space: pre; overflow: auto; max-height: 300px; }


#col-content { float: left; width: 680px; }
#col-content.fullbar { width: 820px; margin-left: 80px; }
#col-right { float: left; margin-left: 20px; width: 300px; }
#col-left { float: left; margin-right: 20px; width: 300px; }
#col-content.v2 {width: 830px;}
#col-right.v2 {width: 150px;}

th.right, td.right { text-align: right; }


/* Common */
.left { float: left; }
img.flag { width: 16px; height: 11px; margin-right: 4px; margin-top: 5px; }

#app-alerts { position: fixed; display: none; top: 60px; width: 100%; z-index:555555; font-weight: bold; color: #ffffff; text-align: center; font-size: 15px; }
#app-alerts span { padding: .8em 1.5em .6em 1.5em; color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);}
#app-alerts .error {background: #ff1818;}
#app-alerts .confirm {background: #9ed859;}


.app-messages { font-size: 1.3em; color: #333333;}
.app-messages ul { padding: .5em 1em; margin-bottom: 5px; background: #f0f0f0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.app-messages li { margin-bottom: .4em;}
.app-messages li:last-child { margin-bottom: 0; }
.app-messages .errors { color: #ff3333; }
.app-messages .error { background: #ff5850; color: #000000;}
.app-messages .confirm { background: #e7fadc;}
.app-messages .info {background: #aadcfa;}
.app-messages .help, .app-messages .notice { background: #ffff9b;}
.app-messages a { text-decoration: underline; color: inherit; }

.about-s6 { background: #fafccb; border: 1px solid #f2f4c4; color: #363729; padding: 4px; font-size: 15px; font-weight: bold; text-align: center; letter-spacing: .03em; margin-bottom: 15px; margin-top: -5px; line-height: 20px;}


.box { background: #f8f8f8; padding: 10px; margin-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.box h1 { font-weight: bold; color: #555555; font-size: 1.1em; margin-bottom: .3em; }
.box h2 { font-size: 1.3em; font-weight: bold; font-style: italic; padding-bottom: .3em; font-family: Georgia, Times, serif; line-height: 1.5em; }
.box h3 { font-weight: bold; color: #555555; font-size: 1.1em; margin-bottom: .3em; }
.box p { margin-bottom: 1em; }
.box p:last-child { margin-bottom: 0; }

.box-banner { background: #f8f8f8; padding: 5px; margin-bottom: 5px; }
.box-banner img { display: block; }

.box2 {padding: 8px; background: #fdfdfd; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #ddd;}
.box2 td {vertical-align: top;}

span.delete { display: none; font-size: 12pt; color: #444; font-weight: bold; float: right; }
span.delete.show { display: block; }

table.list { width: 100%; }
table.list th {font-weight: bold;}
table.list th, table.list td { border-bottom: 1px solid #eeeeee; padding: .3em; }
tr.borderless td {border: 0;}
table.list th div, table.list td div { overflow: hidden; white-space: nowrap; }
table.list tr.odd { background: #fafafa; }
table.grid td {padding: 2px;}
.list tr.head { border-top: 10px solid transparent; border-bottom: 2px solid #444444; }
.pending, .warning { background: #fafccb; }
.complete { background: #e7fadc; }
.info { background: #d8ebff; }
.error { background: #ffcbcb; }
.debug {background: #d9d8ff;}
.list .default { background: #f0f0f0; }
.list .cancelled { background: #ffffff; }
.list img {vertical-align: middle;}

table .middle { vertical-align: middle; }

table.fill th { border-color: #888888; }
table.fill td { border-color: #ffffff; }

form fieldset { background: #f8f8f8; padding: 10px; margin-bottom: 1px; }
form fieldset h2 { font-weight: bold; font-size: 1.1em; margin-bottom: .3em; }
form .bound { display: none; }

.hidden { display: none; }
.toggle { cursor: pointer; font-weight: bold; color: #2786c2; }
.toggle:hover { color: #009aff !important; }
.sortable { cursor: move; }
.row { margin-bottom: 1em; }
td.row { padding-right: 1em; padding-bottom: 1em; }
.row:last-child { margin-bottom: 0; }
.row label, tr label { font-size: 1.3em; color: #444444; display: block; margin-bottom: 2px; }
.row label em { margin-left: .5em; font-size: 12px; }
.row label.left { padding-top: 3px; padding-right: 5px; }
.row em.tip { display: block; margin-top: .3em; }
form div.required label.field { color: #555555; }
.buttons { margin-top: .5em; text-align: right; line-height: 2em; }
.row .field { float: left; padding-top: 3px; width: 120px; }
.row .radio { font-size: 14px; padding-top: 7px; margin-left: 10px; }
.row .radio em { margin-left: 10px; }

.buttons .helper { padding-right: 15px; }
.buttons .button { margin-left: 10px;}
.buttons .tick { background: #e9fdec url(/images/icons/tick.png) no-repeat 3px 50%; border-color: #d0e1d3; color: #67876c; padding-left: 20px; }
.buttons .tick:hover { background-color: #d9fcde; }
.buttons .cross { background: #fdeee9 url(/images/icons/cross.png) no-repeat 3px 50%; border-color: #e1d5d0; color: #876f67; padding-left: 20px; }
.buttons .cross:hover { background-color: #fce2d9; }

label.error {background: #ffffff; color: #ff0000;}

img.photo { border: 1px solid #eee; background: #ffffff; padding: 2px; }
a img.photo:hover { border-color: #ddd; }
a.user { color: #222; }
.user img, .studio img, .post img { margin-right: 3px; vertical-align: middle; margin-top: -1px;}
.photo-upload { background: #ecebe6; border-bottom: 1px solid #ffffff; padding: 10px; font-size: 12px; }
.usercard .image { float: left; margin-right: 5px; }


.doc { color: #464543; }
.doc h2 { margin-top: 2em; line-height: 1.3em; text-transform: uppercase; }
.doc h2, .doc h3 { font-weight: bold; }
.doc p { text-align: justify; margin-bottom: 1em; }
.doc ul { list-style-type: disc; }
.doc ol, .doc ul { margin-left: 3em; }
.doc li { margin-bottom: .5em; }
.doc .a { display: none; }
.doc .a p { margin-bottom: 1em; }
.doc .toggled { color: #009aff; }

.publishers { margin-top: 4px; }
.publishers li { padding: 2px 0; border-bottom: 1px solid #eeeeee; }

.badges {margin-bottom: 50px;}
.badges img { margin-right: 5px; }
.badges .year { float: left; margin-right: 5px; -khtml-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #e9008d; color: white; width: 14px; height: 14px; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; padding: 0 2px 2px 1px; line-height: 16px; }

.image-header { height: 100px !important; }
.image-header h1 a, .image-header h2 a { display: block; cursor: pointer; width: 950px; height: 100px; }
.image-header h1 span, .image-header h2 span { display: none; }

#fb-box {border-top: 1px dotted #bbbbbb; border-bottom: 1px dotted #bbbbbb;}


/* Pagination */
.pagination { line-height: 35px; text-align: center; }
.pagination a { color: #2a87c2; border-color: #ebf5fe; }
.pagination span { color: #dddddd; border-color: #dddddd;}
.pagination a, .pagination span { border-width: 1px; border-style: solid; padding: 2px 6px; margin-right: 3px; position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.pagination span.selected { background: #ebf5fe; border-color: #ebf5fe; color: #2b2b2b; font-weight: bold; }
.pagination a:hover { color: #2b2b2b; border-color: #cbd5de; }

.input_amount { background: url(/images/money.gif) 0 3px no-repeat; padding-left: 10px; }


/* Input Fields */
input.helper, textarea.helper { color: #aaaaaa; }
#wrap .input-wrap { background: #ffffff; }
.input-wrap label.error { color: #ff0000; display: block; padding-top: .4em; line-height: 1.4em;}
.input-wrap label.error a {color: #ff0000; text-decoration: underline;}
.editable-field { background: url(/images/icons/editable-field.png) no-repeat right; padding: 2px 20px 2px 4px; line-height: 22px; border: 1px solid transparent; cursor: pointer; }
.editable-field:hover { background-color: #ffffcc; border-style: solid; border-width: 1px; border-color: #f4f4c3 #ffffe6 #ffffe6 #f4f4c3; }
.editing-wrap { border: 1px solid #bebdb9; background: #ffffff; padding: 2px; }
.editing-wrap input { font-size: 1em; }

.sw0 { background: url(/images/icons/cross.png) no-repeat right; display: block; width: 16px; height: 16px; }
.sw1 { background: url(/images/icons/select_1.png) no-repeat right; display: block; width: 16px; height: 16px; }

.change-background { position: absolute; display: inline; right: 0; top: 0; text-transform: uppercase; background: #27bbf4 url(/images/icons/editable-field.png) 98% 50% no-repeat; padding: 5px 25px 5px 5px; font-size: 12px; color: #ffffff; cursor: pointer; }
.change-background:hover { background-color: #ffffcc; color: #9397a0; }
.bg-upload { position: absolute; right: 0; top: 0; }

img.size-n, img.size-g { height: 16px; padding: 1px; }
img.size-n { width: 16px; }
/* img.size-i { width: 21px; } */
img.size-g { width: 32px; }
img.size-w { width: 280px; height: 140px; }
img.size-o { width: 300px; height: 225px; }
img.size-a { width: 200px; }
img.size-v { width: 200px; height: 200px; }
.size-u { width: 280px; height: 210px; }
.size-p { width: 200px; height: 150px; }
.size-b { width: 400px; }
.size-l { padding: 7px !important; }
/* .size-lm { margin-bottom: 5px; padding: 10px !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);} */
.size-i { margin-bottom: 5px; padding: 10px !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}


a.btn-disabled { background: #dddddd; }

.icon_banner { background: transparent url(/images/icons/banner.png) no-repeat left; padding-left: 20px; }
.icon_twitter { background: transparent url(/images/icons/twitter.png) no-repeat left; padding-left: 20px; }
.icon_facebook { background: transparent url(/images/icons/facebook.png) no-repeat left; padding-left: 20px; }
.icon_affiliate { background: transparent url(/images/icons/affiliate-link-icon-16.png) no-repeat left; padding-left: 20px; }


fieldset .helper { color: #888888; }


/* Content */
#content { position:relative; background: #ffffff; padding: 0 0 20px; color: #333; }
#content .input-wrap, .content .input-wrap { border-color: #cececc #e2e1e1 #e2e1e1 #cececc; border-style: solid; border-width: 1px; padding: 4px; background-color: #fff;}
#content .input-wrap input, #content .input-wrap textarea, #content .input { font-size: 1.3em; font-family: Georgia, Times, serif; }
#content .input { color: #575759; }


#content-header { position: relative; margin-bottom: 20px; color: #333333; }
#content-header h1, #content-header h2 { font-size: 20px; }
#content-header h1 a, #content-header h2 a { color: #333333; }
#content-header h1 a:hover, #content-header h2 a:hover { color: #009aff; }
#content-header .helper { background: #fafccb; border: 1px solid #f2f4c4; padding: 10px; margin-top: 15px; }
#content-header .shortcut { float: right; }


/* Area Title */
.content-head { position: relative; margin-bottom: 8px; border-bottom: 2px solid #333333; color: #333333; height: 17px; text-transform: uppercase;}
.content-head a.on { color: #333333; }
.content-head h1 { font-size: 16px; }
.content-head h3 { float: left; font-size: 16px;}
.content-head h3 a {float: left; line-height: 18px; margin-right: 4px; padding-right: 11px; background: url(/images/head-separator.gif) no-repeat right 1px;}
.content-head h3 a:last-child { margin-right: 0; padding-right: 0; background: transparent; }
.content-head h3 .selected { color: #222; height: 16px; }
.content-head h3 .selected span {display: block; padding-bottom: 8px; background: url(/images/head-tab.gif) no-repeat center 16px;}
.content-head .filters { float: right; margin-left: 10px; color: #333333;}
.content-head .filters li { float: left; background: url(/images/filter-separator.gif) no-repeat right; padding-left: 2px; padding-right: 10px; }
.content-head .filters li.label { background: transparent; padding-right: 5px; margin-left: 10px;}
.content-head .filters li:last-child { background: transparent; padding-right: 0; }
.content-head .buttons { margin-top: -10px; }
.content-head .highligh { font-size: 14px; }
.content-head h1.content-title { float: left; font-size: 16px; }

/* New Products Header (replaces .content-head) */
.products-head { position: relative; color: #333333; clear: both; padding: 10px 0; height: 30px; }
    .products-head .btn { float: right; }
        .products-head .btn a { color: #666; text-transform: uppercase; font-weight: bold; }


.grid li { clear: both; padding: 5px; border-top: 1px solid #f0f0f0; }
.grid li:first-child {border: 0;}
.grid em { display: block; float:right; font-style: normal; padding:3px 15px 0 10px; color: #555; text-align: right;}

.level-5 { background: #ffffd4; border: 1px solid #dddd80; }
.level-5 li {border-color: #dddd80;}
.level-9 { background: #ffd4d4; border: 1px solid #dd8080; }


/* Store & Cart */
#minicart { float: right; background: #f6f6f6 url(/images/icons/cart-24.png) 5px 50% no-repeat; padding: 3px 10px 3px 34px; text-align: right; line-height: 20px; height: 20px; margin: 2px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.filled.cart #minicart { color: #e90f8c; font-weight: bold; }
.filled.cart:hover #minicart { background: #e90f8c url(/images/icons/cart-24b.png) 5px 50% no-repeat; color: #fff; }

.shopcart .amount { font-weight: bold; text-align: right; font-size: 14px; }
.shopcart .top { padding-top: 12px; }
.shopcart td, td.top { vertical-align: top; }
.shopcart td p { margin-bottom: 4px; }
.shopcart td img { padding: 4px; }

#wrap .btn_shipping { background: #F5F5F5 url(/images/btn_shipping.png) 3px 4px no-repeat; font-size: 10px; padding: 2px 5px 2px 26px; }
#wrap .btn_update { background: #F5F5F5 url(/images/btn_cart.png) 2px 2px no-repeat; font-size: 10px; padding: 2px 5px 2px 16px; }

.sidebar-steps { font-size: 13px; }
.sidebar-steps li { padding: 5px 10px; background: #57565b; color: #ffffff; margin-bottom: 1px; text-transform: uppercase; }
.sidebar-steps li.on { background: #ff940c; }

.post-products { position: relative; }
.post-products .buy-product { position: absolute; top: -16px; right: 5px; }
.products_selector .input-wrap { width: 320px; margin: 8px 0; }
.products_selector .product_details { border-top: 1px solid #eeeeee; padding-top: 5px; }
.products_addtocart { position: absolute; top: 5px; right: 10px; }


.swatch li {float: left; margin-right: 5px;}
.swatch input {display: block; margin-left: 5px; margin-bottom: 8px;}

.thumb-cards li { position: relative; float: left; border: 1px solid; border-color: #ffffff #f5f5f5 #f2f2f2 #ffffff; margin: 0 4px 5px 0; }
.thumb-cards li:hover { border-color: #d9f0ff; }
.thumb-cards .item-wrap { border: 1px solid #d4d4d4; background: #fcfcfc; padding: 7px 7px 3px 7px; }
.thumb-cards li .item-wrap:hover { border-color: #888; background: #fff; }
.thumb-cards .item-image img { border: 1px solid #f3f1f2; padding: 0; }
.thumb-cards li .item-title { overflow: hidden; white-space:nowrap; }
.thumb-cards img.photo:hover { border-color: transparent; }
.thumb-cards .enabled .item-wrap {background-color:#e7fce7;}
.thumb-cards .enabled .item-wrap:hover {background-color:#e7ffe7; border-color:#34a03b;}
.thumb-cards a { color: #222; }
.thumb-cards .item-title a { color: #777; }

.one-col .thumb-cards li { margin:0 6px 10px !important; }
.one-col .cards img.photo {border: 0; padding: 0;}

.card-print .item-title { font-size: 12px; padding: 0 0 0 2px; }
.card-print li { margin:0 8px 15px 8px; }
.card-print .item-wrap { padding: 1px 1px 0; }
.card-print .buy-product { position: absolute; right: 8px; bottom: 17px;}
.card-print .item-price { color: #888888; position: absolute; bottom: 5px; right: 9px; }
.card-print .item-order {position: absolute; bottom: 22px; right: 9px; }
.card-print .tools {position: absolute; top: 9px; right: 9px; }
.card-print .overlay {position: absolute; top: 3px; left: 3px; background: #ffffff; padding: 4px; opacity: 0.8; display: none; color: #222222;}

.btn-store { display: block; background: #fd6a30; padding: 5px 10px; text-transform: uppercase; font-size:13px; color: #ffffff; }
.btn-store:hover { color: #ffffff; background: #fd7a40; }


/* Activity */
.activity-header { margin-bottom: 12px !important;}

.item-user { float: left; }
.item-body-wrap { margin-left: 9px; background: #f4f4f4; padding: 10px; }


/* TODO: replace with the new #sidebar-menu format */
.sidebar-menu { font-size: 13px; }
.sidebar-menu .item { margin-bottom: 1px; }
.sidebar-menu .header { display: block; text-align: right; background: #57565b; color: #ffffff; padding: 6px 7px; margin-bottom: 1px; font-size: 14px; }
.sidebar-menu a.header:hover, .sidebar-menu .on { background-color: #00afed; color: #ffffff; }
.sidebar-menu a.header:hover .details, .sidebar-menu .on .details { color: #ffffff; }
.sidebar-menu .title { float: left;}
.sidebar-menu li { margin-bottom: 1px; }
.sidebar-menu li:last-child { margin-bottom: 0; }
.sidebar-menu li a { display: block; background: #f4f2f3; padding: 5px 7px; color: #888888; }
.sidebar-menu li a:hover { color: #606060; }
.sidebar-menu li a.studio:hover { background: #eaf6fe; }
.sidebar-menu li a.user:hover { background: #e9fff1; }

#col-left .sidebar-menu .open a.header { background: #9f9ea1 url(/images/sidebar-left-1.gif) no-repeat 280px 50%; }
#col-left .sidebar-menu a.header:hover, #col-left .sidebar-menu .on { background: #57565b url(/images/sidebar-label-left.gif) no-repeat 285px 50% !important; }
#col-left .sidebar-menu .details { margin-right: 18px; }

#col-right .sidebar-menu .header { padding-left: 25px; background: #9f9ea1 url(/images/sidebar-label-left.gif) no-repeat 9px 50%; }
#col-right .sidebar-menu a.header:hover { background: #57565b url(/images/sidebar-label-right.gif) no-repeat 8px 50%; }
#col-right .sidebar-menu .on { background: #57565b url(/images/sidebar-label-right.gif) no-repeat 8px 50%; }
#col-right .sidebar-menu span.open { background: #77767B url(/images/sidebar-left-1.gif) no-repeat 7px 50%; }
#col-right .sidebar-menu a.open { background: #57565B url(/images/sidebar-left-1.gif) no-repeat 7px 50%; }
#col-right .sidebar-menu .store .on, #col-right .sidebar-menu .store a:hover {background-color: #FB0723; color: #ffffff;}
#col-right .sidebar-menu li.on a, #col-right .sidebar-menu .store li a:hover {background-color: #57565b; color: #ffffff;}

#col-right.v2 .sidebar-menu .header {padding: 4px 5px; background: #eee; font-size: 12px; color: #666;}
#col-right.v2 .sidebar-menu .header:hover, #col-right.v2 .sidebar-menu .on {background: #aaa; color: #fff;}

#sidebar-menu { font-size: 12px; }
#sidebar-menu .menu-page { margin-bottom: 1px; }
#sidebar-menu .menu-header { display: block; text-align: right; background: #57565b; color: #ffffff; padding: 6px 7px; margin-bottom: 1px; font-size: 15px; font-weight: bold; }
#sidebar-menu a.menu-header:hover, #sidebar-menu .on { background-color: #00afed; color: #ffffff; }
#sidebar-menu .menu-title { float: left; text-transform: uppercase; }

#col-right #sidebar-menu .on { background: #00afed url(/images/sidebar-label-right.gif) no-repeat 8px 50%; padding-left: 25px !important; }


#col-right .buttons { margin-top:55px; }


.buttons a.more { font-size: 1.4em; color: #222222; background: #faf7bb; border: 1px solid #ebe8b0; padding: 3px 10px; }
.buttons a.more:hover { background: #ffffbb; }

/* Search */
.search-content { float: left; width: 630px; }
#search-form .row { margin: 10px 0; }
#search-form .field { float: left; }
#search-form .field .meta { color: #aaaaaa; }
#search-form .input-wrap { float: left; width: 255px; margin-right: 6px; }
.search-list .item { margin-top: 10px; }
.search-list .item-title {font-size: 1.2em;}
.highligh {color: #555; font-weight: bold; padding: 2px 4px;}

.Search #search-form { position: absolute; right: 0; bottom: -20px; }
    .Search #search-form button { line-height: 16px; }

#login-form .input-wrap { width: 330px; }

table { width: 100%; }
table th { color: #555555; }

table.form th, table.form td { vertical-align: middle; padding: 4px; }
table.form .help { padding-left: 10px; vertical-align: middle; }


/* Register */
#register-form th { vertical-align: top; padding-right: 8px; }
#register-form td { padding-bottom: 15px; }
#register-form input { font-size: 1.5em !important; }
#register-form .screen-name input { background: url(/images/reg-username.gif) 0 6px no-repeat; padding-left: 110px; }
#register-form td.field { width: 310px }
#register-form .input-wrap { width: 400px; }
#recaptcha_image img { border: 1px solid #dddddd; background: #ffffff; }
.captcha label span { font-style: inherit; }


/* TODO: Implement on all list */
.item-title { margin-bottom: .4em; }
.item-meta { margin: .4em 0; }
.item-widget { float: right; margin-left: 10px; margin-bottom: 5px; }


/* Grants (color: 662d91) */
.grant-description { margin-bottom: 10px; }
.grant-description .item-image { float: left; margin-bottom: 5px; }
.grant-description .item-image img { border: 1px solid #eeeeee; }

.featured-collab li { float: left; border: 1px solid #dddddd; margin-bottom: 5px;}
.featured-collab li.odd { margin-right: 5px; }

.closing .grant-time { color: #ff0000; }
.grant-item .item-title a { color: #662d91; }
.grant-item .item-body { font-size: 1.2em; line-height: 1.3em; margin-top: 5px; }
#nominate-list { margin-top: 7px; }
#nominate-list .item { border-bottom: 1px dotted #aaaaaa; padding-bottom: 4px; margin-bottom: 5px; }
.grant-item { padding: 15px; margin: 10px 0; background: #f8f8f8; }
#grant-list .item { border-bottom: 1px dotted #dddddd; margin-bottom: 10px; }
#grant-list .item-title a, #nominate-list .item-title a { color: #662d91; }
.grant-item .item-title { font-size: 1.2em; }
#grant-list .item-widget { color: #555555; }
#grant-list .item-wrap { margin-left: 295px; }


.grant-winner { background: #fcfcfc; padding: 4px; margin-top: .8em; border: 1px solid #f0f0f0; }
.grant-winner .awarded { background: url(/images/icons/grant-16.png) no-repeat left; font-weight: bold; font-size: 1.2em; padding-left: 16px; color: #662d91; padding-right: .7em; line-height:20px; }
.grant-winner .studio-item { margin-top: 5px; }

#grant-form textarea { height: 85px !important; }

#col-right #grant-list { margin: 5px 0; }
#col-right .item-title { font-size: 13px; }


.grant-time { float: right; font-size: 1.1em; font-weight: bold; }
.grant-type { font-size: 1.3em; font-weight: bold; }
.grant-type span { font-weight: normal; font-size: .8em; margin-left: 10px; }


.grant-promo { display: block; background: #662d91; color: #ffffff; font-family: Georgia, Times, serif; font-weight: bold; margin-bottom: 10px; padding: 15px; border-left: 15px solid #662d91; }
.grant-promo h1 { font-size: 2em; font-style: italic; margin-bottom: 8px; }
.grant-promo p { font-size: 1.2em; }
.grant-promo:hover { color: #ffffff; }


.studios-list .item-header { background: #662d91; }
.studios-list .description { overflow: hidden; }
.studios-list .item-footer { position: absolute; right: 5px; bottom: 8px; }

.nominate { display: block; cursor:pointer; background: #662d91; color: #ffffff; padding: 2px 5px; text-align: right; }
.nominate:hover { background: #864db1; color: #ffffff; }
.nominated { float: right; background: #e2d7ea; color: #662d91; padding: 2px 5px; text-align: right; }
#nominate-list .nominated { display: block; float: none; }

#applicants-list .selector { float: right; background: #662d91; color: #ffffff; padding: 2px 5px; margin-right: 10px; }


#applicants-list .item-footer { position: absolute; right: 5px; bottom: 8px; }

.grant-amount { float: left; font-size: 2em; font-weight: bold; text-align: right; margin-right: 5px; }
.grant-apply { float: left; }
.grant-apply a { background: #662d91; color: #ffffff; padding: 1px 10px 2px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.grant-apply a:hover { background: #763da1; }
.grant-endtime { font-size: 1.5em; margin-top: .5em; text-align: right; }

#grant-form #grant_type .row { margin-top: 7px; }
#grant-form textarea { height: 150px; }



/* Invite */
#import-form .input-wrap { width: 300px; }
#invite_message { height: 50px; }

.activity-comment { border-bottom: 1px dotted #e8e8e8; margin-top: 4px; padding-bottom: 4px; }
.activity-comment:first-child { margin-top: 0; }
.activity-comment:last-child { border: 0; padding-bottom: 0; }
.activity-comment .image { float: left; }
.activity-comment .comment-extract { padding-right: 5px; margin-left: 28px; }
.activity-comment .comment-extract:first-letter { margin-left: -.3em; }
.activity-comment .comment-extract .user { margin-left: 3px; }
.activity-add-comment { text-align: right; }


.post-cards li { margin: 6px; }
.post-cards li .item-title { font-size: 13px; text-align: center; padding-top:2px; width:300px; }
.thumb-cards .buy-product { position: absolute; top: -6px; right: -6px; }

.btn-follow a {display: block; color: #ffffff; font-size: 13px;}
.btn-follow a span {display: block; background: #bbb url(/images/icons/add.gif) no-repeat 6px 50%; padding: 4px 4px 2px 21px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.btn-follow .remove span, .btn-follow .add:hover span {background-color: #aee869;}
.btn-follow .remove span {background-image: url(/images/icons/tick.gif);}
.btn-follow a .unfollow {background-color: #d44444; background-image: url(/images/icons/cross-s.gif);}
.btn-follow a .unfollow, .btn-follow .remove:hover span, .btn-follow .just-followed:hover .unfollow {display: none;}
.btn-follow a:hover .unfollow, .btn-follow .just-followed:hover span {display: block;}

.subject .btn-follow, .details .btn-follow {float: right; width: 82px;}


.profile-image { position: relative; }
.profile-image img.photo { border: 0; padding: 0; display: block; }
.profile-details { background: #ecebe6; color: #9397a0; padding: .4em .6em; margin-bottom: 1px; line-height: 1.4em; font-size: 1.2em; overflow: hidden; }


.user-list li, .studios-list li {float: left; background: #f4f4f4; margin-right: 8px; margin-bottom: 8px; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.user-list li {width: 268px; position: relative; color: #666;}
.post .user-list li {width: 300px;}
.user-list li:hover {background: #f0f0f0;}
.user-list .cover {float: left; margin-right: 10px;}
.user-list .cover img {display: block;}
.user-list .body {margin-left: 85px; margin-top: 4px; padding-right: 4px;}
.user-list .name {margin-bottom: 10px; font-size: 13px;}
.user-list .store {position: absolute; bottom: 3px; left: 91px;}
.user-list .following {float: right; background: #aee869 url(/images/icons/tick.gif) no-repeat center; width: 15px; height: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.suggestions li { position: relative; }
.suggestions .item-header { position: absolute; top: 0; right: 0; padding: 4px; }

.studios-list li {width: 307px; height: 220px; padding: 10px; margin: 5px; position: relative;}
.studios-list li:hover { background: #eaf6fe; }
.studios-list li.award { background: #e2d7ea; }
.studios-list .name { margin-bottom: 2px; }
.studios-list .name a { margin-right: .5em; }
.studios-list .item-header { position: absolute; top: 0; left: 0; padding: 4px; }


.minicard-list1 li {float: left; width: 116px; padding-right: 10px;}
.minicard-list1 li.last {padding-right: 0;}
.minicard-list1 li img {border: 0 !important;}

#col-right .studios-list li { padding: 7px !important; }

/* S6-528 WYSISWYG Update */
#post-form textarea { height: 400px; }
#col-big .post-text img,
#col-big .post-text iframe { max-width: 620px; }
/* end: S6-528 */

.form-files button { background: #888888 !important; color: #ffffff !important; }
.form-files .upload-button { float: left; }
.form-files .helper { float: left; margin-left: 7px; margin-top: 4px; }
.form-files ul { margin-bottom: 5px; }
.form-files ul .file { margin-bottom: 1px; padding: 3px; }
.form-files ul .ui-sortable-helper { width: 100%; }
.form-files ul .name { float: left; }
.form-files ul .queued { background-color: #F0F5FF; }
.form-files ul .loading { background-color: #f5ffde; }
.form-files ul .loading .action { background: url(/images/loading.gif) no-repeat; }
.form-files ul .details { float: right; }
.form-files ul .status { float: left; font-weight: bold; margin-right: 4px; }
.form-files ul .action { float: left; width: 20px; height: 18px; }
.form-files ul .complete .status { color: #008000; }
.form-files ul .complete .action { background: url(/images/icons/cross_0.gif) no-repeat; cursor: pointer; }
.form-files ul .complete .action:hover { background: url(/images/icons/cross_1.gif) no-repeat; }

#post-form .toggle, #post-form .title { font-weight: bold; font-size: 1.2em; color: #444444; line-height: 30px; background: no-repeat left; }
#post-form .toggle span, #post-form .title span { font-size: .8em; margin-left: 5px; color: #999999; font-weight: normal; }

#post-product .list .amount { vertical-align:middle; font: bold 1.2em Georgia, Times, serif; }
#post-product .input-wrap { width: 80px; }

#post-studio label { float: left; padding-top: 3px; }
#post-studio em { float: left; background: #fafccb; border: 1px solid #f2f4c4; margin-left: 5px; margin-top: 3px; padding: 3px 5px; }
#post-studio .input-wrap { float: left; margin-left: 8px; }

#post-format li { font-weight: bold; float: left; cursor: pointer; width: 70px; text-align: center; padding-top: 70px; border: 0; margin-left: 20px; color: #aaaaaa; font-size: 12px; }
#post-format li:hover { color: #333333; }
#post-format li.toggled { color: #333333; }
#post-format #toggle-event { background: url(/images/ico-event-70-0.gif) no-repeat; }
#post-format #toggle-event:hover, #post-format #toggle-event.toggled { background: url(/images/ico-event-70-1.gif) no-repeat; }
#post-format #toggle-media { background: url(/images/ico-media-70-0.gif) no-repeat; }
#post-format #toggle-media:hover, #post-format #toggle-media.toggled { background: url(/images/ico-media-70-1.gif) no-repeat; }


/* Studio */
#btn-invite { background: #a9d252; }

.studio-header { height: 50px; }
.studio-header h1 a, .studio-header h1 a { color: #333333 !important; font-size: 1.2em; letter-spacing: -0.05em; }
.image-header h1 { padding: 0 !important; }
.studio-content { float: left; width: 680px; }
.studio-sidebar .sidebar-menu { margin-top: 15px; }
.studio-sidebar .editable-field { padding-left: 0;}
.studio-sidebar .studio-image img.photo { float: left; padding: 0; border: 0; }
.studio-sidebar .studio-name { background: #bebdb8; color: #ffffff; padding: .4em .6em; font-size: 1.5em; }
.studio-sidebar .studio-name a {color: #fff;}
.studio-sidebar .studio-name .editable-field:hover { color: #9397a0; }
.studio-sidebar .studio-image { position: relative; }
.studio-sidebar .studio-details { background: #ecebe6; color: #9397a0; padding: .4em .6em; margin-bottom: 1px; line-height: 1.4em; font-size: 1.2em; overflow: hidden; }
.studio-sidebar p.field { margin-top: 5px; border-top: 1px solid #d9d8d3; padding-top: 7px; }
.studio-sidebar p label { float: left; }
.studio-sidebar p .value { display: block; margin-left: 45px; }

.studio-item .studio-image { float:left; }
.studio-item .studio-body { margin-left: 300px; font-size: 1.2em; }
.studio-item .studio-name { margin-bottom: 1em; }


.post-day { color: #9b9b9b; font-size: 1.5em; padding: .5em 0 .3em 0; border-bottom: 1px dotted #c7c5c6; margin-bottom: 10px; }
.post-item { margin-bottom: 20px; color: #888888; }
.post-item div:last-child { margin-bottom: 0; }
.post-user { float: left; }
.post-body { margin-left: 90px; background: url(/images/activity-arrow.gif) no-repeat 0 20px; }
.post-body-wrap { margin-left: 9px; background: #f4f4f4; padding: 13px; }
.profile-content .post-body {margin-left: 0;}


.post-cover { margin-bottom: 5px; text-align: center; }
.post-title { font-size: 1.5em; margin-bottom: .2em; line-height: 1.2em; color: #555555; }
.post-author { margin-bottom: .5em; }
.post-text { margin-bottom: .4em; }
.post-thumbnails { margin-bottom: 5px; }
.post-thumbnails li { float: left; margin: 2px 2px 0 0; }
.post-thumbnails li img { padding: 1px; }
.post-audio { margin-top: 5px; }

/* S6-528 */
.post-text h1,
.post-text h2,
.post-text h3,
.post-text h4,
.post-text h5 { margin-bottom: 15px; }
.post-text h1 { font-size: 24px; }
.post-text h2 { font-size: 20px; }
.post-text h3 { font-size: 16px; }
.post-text h4 { font-size: 14px; }
.post-text h5 { font-size: 12px; }

label.l-post_body .t1,
label.l-post_body.isBlog .t2 { display: block; }
label.l-post_body.isBlog .t1,
label.l-post_body .t2 { display: none; }
/* end: S6-528 */

.post-grant-name { font-weight: bold; margin-bottom: .5em; }
.post-grant-name a { color: #662d91; }

.post-photo { text-align: center; margin: 10px 0; }

.post-meta { margin-top: 7px; font-size: 11px; margin-bottom: 10px; }
.post-meta ul { float: right; }
.post-meta li { float: left; margin-left: 1.5em; }
.post-meta li a { padding: 2px 0 0 18px; }
.post-meta li.meta-comment { padding: 3px; }
.post-meta a.comments { background: transparent url(/images/icons/comment-16.gif) no-repeat left; }

.social-meta { margin-left: 100px; margin-top: 7px; font-size: 11px; margin-bottom: 10px; }
.social-meta li { float: left; margin-right: 1.5em; }
.social-meta .meta-comment, .row .meta-comment {float:right; padding-left: 18px; margin-right: 0; background: transparent url(/images/icons/comment-16.gif) no-repeat left;}

.post-tools { margin-bottom: 6px; }
.post-tools ul { float: left; }
.post-tools li { float: left; margin-right: 1em; padding-left: 20px; padding-top: 1px;}
.post-tools .delete { background: transparent url(/images/icons/delete-16.png) no-repeat left; }
.post-tools .edit { background: transparent url(/images/icons/edit-16.png) no-repeat left; }
.post-tools .add { background: transparent url(/images/icons/box.png) no-repeat left; }

#comments .post-tools ul { float: right; }
#comments .post-tools li {margin-left: 1em; margin-right: 0;}

/* Promotions */
.promotions-title h1{ float: left; font-size: 1.5em; color: #575759; margin-bottom: .5em; background: url(/images/icons/promo-32_0.png) no-repeat top right; padding-top: 20px; padding-right: 32px; }

/* Help */
.help-head { margin-left: -90px; }
.help-suggestion h1 { font-size: 20px; border-bottom: 2px solid #333333; margin-bottom: 8px; padding-bottom: 8px; }
.help-suggestion-col { float: left; width: 333px; padding-bottom: 16px; }
.help-suggestion-col h2 { font-size: 1.3em; font-weight: bold; font-style: italic; padding-bottom: .3em; font-family: Georgia, Times, serif; line-height: 1.5em; }
.help-suggestion-col ul { list-style-type: none; padding: 5px 25px 0 0; }
.help-suggestion-col ul li { padding: 0 0 10px; }

/* Comment */
.comments-title h2{ float: left; font-size: 1.5em; color: #575759; margin-bottom: .5em; background: url(/images/icons/comment-32.gif) no-repeat top right; padding-top: 20px; padding-right: 32px; }
.comment-item { margin-bottom: 10px; color: #888888; }
.comment-user { float: left; }
.comment-body { margin-left: 60px; background: url(/images/activity-arrow.gif) no-repeat 0 8px; }
.comment-body-wrap { background: #f4f4f4; padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.comment-body .comment-body-wrap { margin-left: 9px; }
.comment-author { margin-bottom: .4em; }
.comment-text { color: #666; }
.comment-login { text-align: right; font-size: 1.2em; }
.comments-list textarea { height: 5em; }

.debit {color: #800000;}

/***** Tags *****/
ul#tag-list {margin: 4px 6px 6px -4px;}
#tag-list li {float: left; padding: 1px 4px 1px 4px; text-align: center; margin: 1px;}
#tag-list li:hover {background: #e0eaee;color:black;}
#tag-list li.on {background: #888;color:white;border-radius:4px;}
#tag-list li.on a {color:#888;}
#tag-list li.on span {color:white;}
.tags a.morelink { background: none; color: black; }
.tag {margin-top: 4px;}
.tag a {padding: 2px 7px; background: #cfcfcf; margin-right: 1px; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.tag a:hover {background: #c7e7f1;}
.taglist-description { font-size: 10px; float: right; }
.tag-button a { color: #aaa; text-decoration: underline; } /* This is the tag underline */
.tag-button span { color: #444; text-decoration: none; } /* This is the tag text of the link */


/***** TODO: Remove these taglist classes when switchover is complete *****/
/***** Tags *****/
.taglist li {float: left; width: 130px; padding: 4px 2px !important; text-align: center; background: #ececec; margin: 2px;}
.taglist li:hover {background: #e0eaee;}
.taglist li.on {background: #c7e7f1 !important; color: #000 !important;}
.tags {margin-top: 4px;}
.tags a {padding: 2px 7px; background: #cfcfcf; margin-right: 1px; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 6px; display: inline-block;}
.tags a:hover {background: #c7e7f1;}
/* box-shadow: 0 0 10px #c7e7f1; -moz-box-shadow: 0 0 10px #c7e7f1; -webkit-box-shadow: 0 0 10px #c7e7f1; */

/***** Collections *****/
.options li { margin-bottom: 5px; padding: 5px; background: #eeeeee; }
.options li.disabled { color: #999999; }
.options li.enabled { background: #ddeedd; color: #6d736d; }


.post-item .details { margin-left: 320px; }
.post-item .details h1 { font-size: 17px; font-weight: bold; margin-bottom: 10px; }
.post-item .product_addtocart { margin-top: 7px; margin-bottom: 15px; }

.multiupload .preview {float: left; width: 160px;}
.multiupload .small-preview { float: right; width: 440px; }
.multiupload .details {float: right; width: 440px;}
.multiupload .details h3 {font-size: 1.4em; padding-bottom: .5em;}
.multiupload .details .status span {padding: 4px; display: block;}
.multiupload .details .confirm {background: #e2f7e0;}
.multiupload .details .error {background: #ff8080;}
.multiupload a.button {background: #444444 url(/images/icons/cross.png) no-repeat 2px 50%; padding: 4px 8px 4px 20px;}

.product a.zoom { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }
.product .loader {margin-bottom: 5px; background: #fafafa url(/images/spinner.gif) no-repeat center center; display: block;}
.product .loader img {display: block;}

/***** Dialog Box *****/
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-overlay { cursor: default; }
#simplemodal-container {height:330px; width:600px; background: #fff; border:6px solid #222; padding:12px;}
#simplemodal-container a.modalCloseImg {background:url(/images/close.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

#simplemodal-container h1 { font-weight: bold; font-size: 2em; letter-spacing: -.05em; padding-bottom: .3em; }
#simplemodal-container h1 span { font-size: .6em; color: #aaaaaa; }

#simplemodal-container .preview { float: left; width: 160px; margin-top: 7px; }
#simplemodal-container .details { margin-left: 170px; margin-top: 7px; }

#product-types li { float: left; text-align: center; margin-right: 5px; border: 1px solid #eeeeee; padding: 4px; }


.size-sh a {color: #222;}
.size-sh img {border: 1px solid #ddd !important;}
.size-sh img.size-ph {padding: 2px !important;}
.size-sh li { margin-right: 16px; position: relative; margin-bottom: 20px;}
.shh li {margin-right: 5px !important;}
.size-sh li:nth-child(3n+3) {margin-right: 0; }
.size-sh h1 {font-size: 1.1em;}

.promo-thmb {position: absolute; right: 0; bottom: 2px;}
.promo-light {color: #6a6a6a; padding-right: 17px; font-weight: bold; background: url(/images/icons/promo-16_1.png) no-repeat right; }
.promo-thmb .promoted {color: #ed008c; background-image: url(/images/icons/promo-16_2.png)}
.promo {font-size: 12px;}
.promo .status {z-index:900; float: right; line-height: 17px; padding: 1px 5px 0 20px; background: #ddd url(/images/icons/promo-16_1.png) no-repeat 3px 50%; color: #5a574e; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;}
.promo .promote {cursor: pointer; background: #4c5152 url(/images/icons/promo-16_0.png) no-repeat 3px 50%; color: #fff;}
.promo .promote:hover {background-color: #ee008a;}
.promo .promo-count {float: right; line-height: 15px; background: #ffffff; font-weight: bold; padding: 1px 5px 0 5px; color: #ee008a; border: 1px solid #ddd; border-width: 1px 1px 1px 0; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0;}

.promo-empty .status {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding-right: 5px;}
.promo-empty .promo-count {display: none;}

.cards .price {position: absolute; right: 0; bottom: 22px; font-size: 13px;}
.cards h2 a {color: #666;}

#col-small {float: left; width: 150px;}
#col-small ul {font-size: 13px; margin: 5px 0 20px 5px; line-height: 1.5em; margin-right: 20px;}
#col-small .menu div, #col-small .submenu div {margin-bottom: 15px;}
#col-small h1 {font-size: 13px; font-weight: bold;}
#col-small h4 {font-size: 13px; font-weight: bold;}
#col-small .menu a {color: #222;}
#col-small .profile-image {margin-bottom: 5px;}
#col-small .btn-follow {margin: 10px 0;}
#col-small .submenu {border-top: 1px dotted #ccc; padding-top: 15px;}
#col-small .submenu h4 a {color: #888;}
#col-small  .collections {border-top: 1px dotted #aaa; margin-top: -15px; padding-top: 7px;}
#col-small .menu .on a, .menu .on a, #col-small .menu a:hover, #col-small .submenu .on a, #col-small .submenu a:hover {color: #ff0066;}

#col-big {float: right; width: 830px; }
#col-big .list h3 {font-size: 1.1em;}
#col-big .list h3 a {text-decoration: underline; color: #222;}
#col-big .cards img.photo, #col-big .product img.photo {border: 0; padding: 0;}
#col-big .filters .on {color: #222; }
#col-big .product_options {background: transparent; padding: 0;}
#col-big .related li {font-size: .85em;}
#col-big .cards li {margin-right: 15px;}
#col-big .list .size-j li {margin-right: 10px; position: relative;}
#col-big .list .size-j.templated li:nth-child(4n) { margin-right: 0px; }
#col-big .list .size-j li.last {margin-right: 0;}
#col-big .subject {font-size: 18px; margin: 10px 0;}
#col-big .subject h3 {float: left;}

.menu-horizontal {text-align: center;}

.cards a {color: #333;}

.style_0 {float:left; margin-right: 10px;}

.style_1 {float: none !important;}
.style_1 a {display: block; float: left; margin-right: 3px;}
.style_1 img {border: 1px solid #ccc;}
.style_1 .selected, .style_1 img:hover  {border-color: #000;}

#content-header .edit-profile {position: absolute; bottom: -18px;}

.profile-list .price {bottom: 5px;}
.profile-list .promo-thmb {bottom: 18px;}

#col-big .pagination {float: right; line-height: 20px;}
#col-big .pagination .selected {background: #333; color: #fff;}
#col-big .pagination a, #col-big .pagination span {border: 0; margin-right: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#col-big .pagination span {color: #888;}
#col-big .post {width: 620px; margin:0 auto 0 auto; position:relative;}

#content-header .image {height: 100px; position: relative; }
#content-header .image .label a {display: block; width: 1000px; height: 100px;}
#content-header .image .label span {visibility: hidden;}

.edit-header {position: absolute; right: 0; top: 12px;}
.edit-header .button {color: #222; background-color: rgba(255, 255, 180, 0.7); font-size: 11px;}
.edit-header .button:hover {background-color: #ffc;}

.edit-photo { position: relative; display: inline-block; background: rgba(255, 255, 180, 0.7); font-size: 11px; color: #222; }
.edit-photo:hover { background-color: #ffffcc; color: #222;}


.cat-header {margin-bottom: 20px; font: 15px Georgia, Times, serif; line-height: 1.4em;}
.pricerange {position: absolute; left: 300px; text-transform: none;}


#col-big .content-head .btn {float: right;}

li.last {margin-right: 0 !important;}

.row .meta-comment {margin-top: 4px;}

.inline-log {position: absolute; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd; padding: 4px 10px 2px 10px;}

.bottom-shadow { -webkit-box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3); box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3); }

#nav { float: left; width: 100%; padding: 15px 0 5px; clear: both; }
.nav-items { float: left; font-size: 17px; margin: 5px 0 10px; color: #ccc; font-weight: bold; position: relative; }
.nav-items a,
.nav-items span { color: #000; float: left; }
.nav-items a:hover,
.nav-items span:hover { color: #FF0066; }
    .nav-items li:last-child a,
    .nav-items li:last-child { margin-right: 15px; }
.nav-items .divider { background: #ccc; height: 16px; width: 1px; margin: 0 15px; text-indent: -9999px; }
.nav-items li { float: left; }
.nav-items li .middle { position: relative; bottom: -25px; left: 50%; width: 0; margin-left: -15px; height: 20px; }
    .nav-items li .middle .arrow { display: none; position: absolute; z-index: 100; left: -10px; bottom: 10px; border-left: 10px solid transparent;
        border-right: 10px solid transparent; border-bottom: 10px solid #f6f6f6; }
.nav-items li:hover .more,
.nav-items li .more:hover,
.nav-items li:hover .middle .arrow { display: block; }
.nav-items:hover li.open .middle { display: none; }
.nav-items li.open:hover .middle { display: block !important; }
    .nav-items .more { float: left; font-size: 15px; display: none; position: absolute; z-index: 99; top: 14px; left: 0; width: 1000px; }
        .nav-items .more > ul { float: left; width: 1000px; margin-top: 20px; padding: 12px 0; background: #f6f6f6; }
        /* .nav-items .more ul { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(238,238,238,1)), to(rgba(238,238,238,0.9))); } */
        .nav-items .more li { margin-left: 40px; }

.nav-items sup { color: red; font-size: 10px; position: relative; top: -5px; display: inline-block; }
.nav-items .modelList { float: left; width: 160px; margin: 0 0 0 20px!important; }
    .nav-items .modelList ul { float: left; margin-top: 5px; }
    .nav-items .modelList li { clear: both; font-size: 12px; font-weight: normal; line-height: 1.4; margin: 0; }

/* Slider */
.slider { width: 100%; position: relative; }
.slider.noScroll .control { display: none; }
.slider .control { position: absolute; width: 20px; height: 60px; z-index: 100; top: 60px; cursor: pointer; background: url(/images/wishlist_arrows.png) bottom left no-repeat; display: none; }
.slider .control.prev { left: -10px; }
.slider .control.next { right: -10px; background-position: bottom right; }
.slider .window { width: 970px; height: 150px; margin: 0 auto; overflow: hidden; }
.slider li { float: left; position: relative; }

/* Wishlist */
#Wishlist { width: 100%; height: 210px; margin-top: -230px; background: #ddd; clear: both; padding: 10px 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
#Wishlist.open { margin: 0; }
	#Wishlist .wrapper { width: 1000px; margin: 0 auto; position: relative; }
	#Wishlist .message { padding-left: 26px; background: url(/images/wishlist.png) left no-repeat; height: 20px; line-height: 20px; }
	#Wishlist .close { position: absolute; top: 0; right: 0; font-weight: bold; cursor: pointer; }
	#Wishlist .noScroll .control { display: none; }
    #Wishlist .control { top: 40px; }
	#Wishlist .control.prev { left: 0; }
	#Wishlist .control.next { right: 0; }
#Wishlist .slider .window { width: 922px; height: 155px; margin: 20px auto; overflow: hidden; }
	#Wishlist .slider li { float: left; margin-right: 40px; position: relative; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
	#Wishlist .slider li,
	#Wishlist .slider img { width: 120px; height: 120px; }
		#Wishlist .slider li a { position: absolute; top: 125px; display: block; width: 100%;  height: 30px; overflow-y: hidden; text-align: center; color: #000; }
		#Wishlist .slider li a:hover { text-decoration: underline; }
		#Wishlist .slider .move,
		#Wishlist .slider .delete { background: rgba(0,0,0,0.6) !important; color: #fff; display: block; position: absolute; text-align: center; cursor: pointer; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; }
		#Wishlist .slider button.move { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
        #Wishlist.tablet .move,
        #Wishlist.tablet .delete,
        #Wishlist.mobile .move,
        #Wishlist.mobile .delete,
		#Wishlist .slider li:hover .move,
		#Wishlist .slider li:hover .delete { opacity: 1; z-index: 10; }
		#Wishlist .slider .move { padding: 10px 0; bottom: 0; width: 100%; text-transform: uppercase; }
		#Wishlist .slider .delete { top: 3px; right: 3px; border: 2px solid #fff; border-radius: 16px; -webkit-border-radius: 16px; width: 24px; height: 24px; line-height: 22px; font-weight: normal; font-family: Arial; font-size: 20px; padding: 0; }
        #Wishlist .slider .bg { width: 100%; height: 100%; top: 0; z-index: 5; }
#Wishlist .noItems,
#Wishlist.empty .slider { display: none; }
#Wishlist.empty .noItems { display: block; }
	#Wishlist .container { width: 1000px; }
	#Wishlist .noItems { text-align: center; padding-top: 50px; }
		#Wishlist .noItems .title { font-size: 24px; text-transform: uppercase; margin-bottom: 15px; font-weight: bold; }
#top .wishlist { background: url(/images/wishlist.png) 1px 5px no-repeat; background-size: 16px 15px; }
	#top .wishlist a { padding-left: 22px; }

/* lazyload transitions */
.img-lazyload { opacity: 0; -webkit-transition: all .25s linear;  -moz-transition:  all .25s linear; transition:  all .25s linear; }
.img-lazyload.active { opacity: 1; }

/* Form on Product Pages */
#wishlist-submit,
#wishlist-remove { font-size: 12px; line-height: 12px; font-family: Helvetica, Arial; background: url(/images/wishlist_sm.png) 0 5px no-repeat; color: #4f4f4f; padding-left: 18px; margin: 8px 0 8px 3px; display: block; text-transform: none; }
#wishlist-remove { display: none; }
#wishlist-submit:hover,
#wishlist-remove:hover { text-decoration: underline; }
.wishlisted #wishlist-submit { display: none; }
.wishlisted #wishlist-remove { display: block; }

#cart-submit { padding: 12px 20px; line-height: 14px; }

/* Full page layout */
#col-big.full,
.Product #col-big { float: left; width: 100%; margin: 0; }
.Product .product p { max-width: 440px; }
#col-big.full img.photo { width: 192px; height: 192px; }

/* Navigation */
.expandNav .open .modelList { width: auto; }
.expandNav .open:hover .modelList,
.expandNav .open .more.expand .modelList { width: 160px; }
.expandNav .open .modelList ul { display: none; }
.expandNav .open:hover .modelList ul { display: block; }
    .expandNav  #nav { padding: 20px 0 55px; }
    .expandNav .nav-items li.open .middle .arrow,
    .expandNav .nav-items li.open .more { display: block!important; z-index: 1; }
.expandNav .open .bottom-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.expandNav .nav-items .selected { color: #FF0066 !important; }

#nav .shop { float: left; padding-top: 6px; }
    #nav .shop .title { font-size: 15px; }

.Products .filters .btn { line-height: 22px; }
.products-head .filters { float: left; width: 100%; clear: both; padding: 15px 0; }

.filter { display: none; float: left; margin: -5px 0 0 10px; position: relative; z-index: 90; overflow: hidden; width: 100px; height: 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; text-transform: uppercase; font-size: 11px; background: #eee url(/images/dropdown.png) 78px 4px no-repeat; -webkit-user-select: none; }
    .filter:hover { overflow: visible; }
    .filter .label { color: #666; }
    .filter span { padding: 0 10px; line-height: 24px; }
    .filter .dropdown { display: block; position: absolute; top: 24px; left: 0; min-width: 100%; }
    .filter .dropdown .arrow { display: block; position: absolute; z-index: 100; top: 3px; left: 40px; padding: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #eeeeee; }
        .filter .choices { float: left; display: block; margin-top: 13px; background: #eee; min-width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; border-top: none; }
        .filter .choices li { display: block; border-bottom: 1px solid #ddd; background: none; }
        .filter .choices li:last-child { border: none; }
            .filter .choices li a { width: 100%; color: #666; display: block; line-height: 32px; }
            .filter .choices li a:hover { color: #ff0066; }
            .filter .choices li a.selected { color: #000; }

.filter2 { float: left; margin-right: 15px; line-height: 20px; font-size: 12px; }
    .filter2 label { float: left; font-weight: bold; color:#666; }
    .filter2 .container { float: left; border: 1px solid #ccc; position: relative; margin-left: 5px; background: url(/images/dropdown.png) right no-repeat; border-radius: 3px; padding-right: 20px; }
    .filter2 .current { display: block; padding: 0 5px; }
    .filter2 select { position:absolute; top:0; left:0; display:block; width:100%; height:100%; border-radius:0; -webkit-appearance:none; opacity:0; }

h1.title { text-transform: uppercase; font-size: 22px; float: left; margin-top: 3px; }
    h1.title .term { text-transform: none; font-style: italic; font-family: 'Georgia'; }

/* Black Header Overrides */
body.black { background: #fff url(/images/bg_header.png) 0 -56px repeat-x; }
.black #top h1 a { background: url(/images/logo.gif) no-repeat; }
.black #top-right,
.black #top-right a { color: #bfbfbf; }
.black #nav,
.black .Products#nav { padding-top: 20px; }
.black #minicart { background: #e90f8c url(/images/icons/cart-24b.png) 5px 50% no-repeat; color: #fff; }
.black .cart a,
.black .cart a:hover { color: #fff !important; }
.black #top-right .login.fb { background: url(/images/icons/login-facebook-b.png) top left no-repeat; }
.black #top-right .login.tw { background: url(/images/icons/login-twitter-b.png) top left no-repeat; }

.t1 {left: 0; top: 0;}
.t2 {left: 250px; top: 0;}
.t3 {left: 500px; top: 0;}
.t4 {left: 750px; top: 0;}
.t5 {left: 0; top: 310px;}
.t6 {left: 250px; top: 310px;}
.t7 {left: 500px; top: 310px;}
.t8 {left: 750px; top: 310px;}
.t9 {left: 0; top: 620px;}
.t10 {left: 250px; top: 620px;}
.t11 {left: 500px; top: 620px;}
.t12 {left: 750px; top: 620px;}

.i1 {left: 0; top: 0;}
.i2 {left: 250px; top: 0;}
.i3 {left: 500px; top: 0;}
.i4 {left: 750px; top: 0;}
.i5 {left: 0; top: 280px;}
.i6 {left: 250px; top: 280px;}
.i7 {left: 500px; top: 280px;}
.i8 {left: 750px; top: 280px;}
.i9 {left: 0; top: 560px;}
.i10 {left: 250px; top: 560px;}
.i11 {left: 500px; top: 560px;}
.i12 {left: 750px; top: 560px;}


.home-stage {position: relative; width: 1000px; height: 810px;}
.home-stage div { position: absolute; }
/*.home-stage div { position: absolute; }*/
.home-stage img {padding: 0; border: 0; background: none;}

.home-stage .details, .home-popular .details {
	display: none;
	position: absolute;
	bottom: 4px;
	left: 0;
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	height: 45px;
}
.home-stage a, .home-stage a:hover {color: #000;}
.home-stage h1 {position: absolute; padding: 5px; text-transform: uppercase; font-size: 13px; width: 75%; overflow: hidden; white-space: nowrap;}
.home-stage h2 {position: absolute; padding: 5px; top: 20px; color: #666}
.home-stage h3 {position: absolute; padding: 5px; right: 5px; font-size: 13px;}
.home-stage h4 {position: absolute; padding: 5px; top: 20px; right: 5px;}
.home-stage h4 span {padding: 0 0 0 17px; background-position: left;}
.home-stage h4 .promoted {color: #ee008a;background-image: url(/images/icons/promo-16_2.png); }


.home-carousel { width: 1000px; margin: 0 auto 20px auto; text-align: center; }
.jcarousel-wrapper { width: 1000px; position: relative; }
.jcarousel { position: relative; overflow: hidden; width: 1000px; height: 425px; }
.jcarousel ul { width: 20000px; height: 425px; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { float: left; position: relative; width: 1000px; height: 425px; text-align: center; }

.jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 187px; width: 50px; height: 50px; text-align: center; font: 100px/50px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000; }
.jcarousel-control-prev { left: 22px; text-indent: -9999px; background: url(/images/hero_left_arrow.png) no-repeat center center; }
.jcarousel-control-next { right: 22px; text-indent: -9999px; background: url(/images/hero_right_arrow.png) no-repeat center center; }
.jcarousel-control-prev:hover { color: #e90f8c; background: url(/images/hero_left_arrow2.png) no-repeat center center; }
.jcarousel-control-next:hover { color: #e90f8c; background: url(/images/hero_right_arrow2.png) no-repeat center center; }
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; }

.jcarousel-pagination { position: absolute; bottom: 14px; margin-left: auto; margin-right: auto; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.jcarousel-pagination a { text-decoration: none; display: inline-block; text-indent: -9999px; width: 16px; height: 16px; margin-right: 10px; background: rgba(255, 255, 255, .5); border-radius: 16px; }
.jcarousel-pagination a.active { background: rgba(255, 255, 255, .9); }
.jcarousel .overlay { position: absolute; width: 1000px; top: 0; }

.home-stage-v2 { position: relative; width: 1000px; height: 1739px; }
.home-stage-v2 .tile { position: absolute; }
.home-stage-v2 img { padding: 0; border: 0; background: none; }

.home-stage-v2 .overlay { position: absolute; width: 100%; left: 0; bottom: 0; color: #000; background-color: rgba(255, 255, 255, 0.85); opacity: 0; transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; }
.home-stage-v2 .tile:hover .overlay, .home-stage-v2 .tile.active .overlay  { opacity: 1; }
.home-stage-v2 .overlay h2 { text-align: center; font-size: 15px; margin: 8px 4px 4px 4px; text-transform: uppercase; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home-stage-v2 .overlay h3 { text-align: center; font-size: 13px; margin: 0px 4px 12px 4px; }

.jcarousel .details, .home-stage-v2 .details { position: absolute; color: #000; background-color: rgba(255, 255, 255, 0.85); height: 45px; opacity: 0; transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; }
.home-stage-v2 .tile:hover .details, .jcarousel li:hover .details, .home-stage-v2 .tile.active .details { opacity: 1; }
.jcarousel .details { width: 1000px; bottom: 45px; }

.home-stage-v2 .details { width: 100%; left: 0; bottom: 0; }
.home-stage-v2 .details h1, .home-stage-v2 .details h2, .home-stage-v2 .details h3, .home-stage-v2 .details h4, .home-stage-v2 .details h5, .home-stage-v2 .details p, .jcarousel .details h1, .jcarousel .details h2, .jcarousel .details h3, .jcarousel .details h4, .jcarousel .details h5, .jcarousel .details p { text-align: left; font-size: 13px; overflow: hidden; white-space: nowrap; padding: 4px; text-overflow: ellipsis; position: absolute; }
.home-stage-v2 .details a, .home-stage-v2 .details a:hover, .jcarousel .details a, .jcarousel .details a:hover { color: #000; }
.home-stage-v2 .details h1, .home-stage-v2 .details h5, .jcarousel .details h1, .jcarousel .details h5 { text-transform: uppercase; font-weight: bold; width: 75%; }
.home-stage-v2 .details h2, .jcarousel .details h2 { color: #666; top: 20px; }
.home-stage-v2 .details h3, .jcarousel .details h3 { right: 5px; }
.home-stage-v2 .details h4, .jcarousel .details h4 { right: 5px; top: 20px; }
.home-stage-v2 .details h4 span, .jcarousel .details h4 span { padding: 0 0 0 17px; background-position: left; }
.home-stage-v2 .details h4 .promoted, .jcarousel .details h4 .promoted { color: #ee008a; background-image: url(/images/icons/promo-16_2.png); }
.details .bottom { bottom: 0px; }
.details .right { right: 5px; }
.details .gray { color: #666; }

.home-stage-v2 .register { background-color: #d1fef9; text-align: center; }
.home-stage-v2 .register img { margin-top: 7px; }
.home-stage-v2 .register h2 { font-weight: bold; text-transform: uppercase; margin-top: 5px; overflow: hidden; white-space: nowrap; margin: 0 2px 0 2px;}
.home-stage-v2 .register h3 { margin: 7px 2px 7px 2px; max-height: 47px; overflow: hidden; }
.home-stage-v2 .register input { width: 130px; height: 24px; }
.home-stage-v2 .register button { background-color: #e90f8c; }

.it-1 { left: 0; top: 0; }
.it-2 { left: 448px; top: 0; }
.it-3 { left: 736px; top: 0; }

.it-4 { left: 0; top: 288px; }
.it-5 { left: 288px; top: 288px; }

.it-6 { left: 0px; top: 576px; }
.it-7 { left: 288px; top: 576px; }
.it-8 { left: 576px; top: 576px; }

.it-9 { left: 0px; top: 864px; }
.it-10 { left: 288px; top: 864px; }
.it-11 { left: 736px; top: 864px; }

.it-12 { left: 288px; top: 1152px; }
.it-13 { left: 576px; top: 1152px; }

.it-14 { left: 0px; top: 1440px; }
.it-15 { left: 448px; top: 1440px; }
.it-16 { left: 736px; top: 1440px; }

.home-nav { margin-bottom: 7px; text-align: center; clear: both; }
.home-nav .navcontainer { display: block; width: 1000px; text-align: justify; text-justify: distribute-all-lines; -ms-text-justify: distribute-all-lines; }
.home-nav .navitem { display: inline-block; font-family: Georgia, serif; font-size: 23px; display: inline-block; }
.home-nav .navitem sup { color: red; font-size: 10px; position: relative; top: -10px; display: inline-block; }
.home-nav .stretch { display: inline-block; width: 100%; *display: inline; zoom: 1; }
.home-nav a { color: #000; border-bottom: 2px #ddd solid; }
.home-nav a:hover { color: #f06; }

.home-divider { height: 2px; background: #ccc; width: 100%; }

#footer-bar { width: 100%; background-color: black; height: 28px; text-align: right; }
#footer-bar div { width: 980px; margin: 0 auto; height: 28px; line-height: 28px; font-size: 9px; font-style: italic; color: #fff; text-align: right; padding-right: 35px; background: url(/images/icons/s6-25.png) no-repeat right; }
#footer-bar a, #footer-bar a:hover { color: #fff; }


.home-popular li { position: relative; }
.home-popular .details { height: 25px; background-color:rgba(255,255,255,0.85); }
.home-popular .details h1 { margin: 5px 0 0 5px; text-transform: uppercase; }
.home-popular .details h1 a { color: #000; }

#col-content .item {margin-bottom: 10px;}
.sty a.user, .sty .title a, .sty .comments a {color: #222;}
.sty a.user:hover, .sty .title a:hover, .sty .comments a:hover {color: #000;}
.sty {color: #666;}
.sty td {vertical-align: top;}
.sty .mugshot {float:left;}
.sty .item-body {background: url("/images/activity-arrow.gif") no-repeat scroll 0 10px transparent; margin-left: 60px;}
.sty .item-body-wrap {background: #f4f4f4; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sty .author {color: #777; font-size: 0.9em;}
.sty .posts .cover {width: 210px;}
.sty .posts .cover img {background: #fff; padding: 10px; border: 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.sty .title {font-size: 1.2em; line-height: 1.2em; margin-top: 0.3em; margin-bottom: 0.2em;}
.sty .comments {vertical-align: bottom;}
.sty .comments ul {margin-top: 10px; border-top: 1px dotted #ccc;}
.sty .comments li {padding-top: 10px; display: block;}
.sty .comments li span {display: block; margin-left: 21px; margin-top: 2px;}

.sty .cards li {margin-bottom: 5px; color: #777;}
.sty .cards .item {margin-left: 20px; background: url("/images/activity-arrow.gif") no-repeat scroll 0 1px transparent;}
.sty .cards .item-wrap { background: #f4f4f4; padding: 2px; margin-left: 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.sty .type-2 .item-wrap {background: #f4f4f4 url("/images/icons/promo-16_1.png") no-repeat top right;}
.sty .promoted .item-wrap {background-image: url("/images/icons/promo-16_2.png")}
.sty .type-4 .item-wrap {background: #f4f4f4 url("/images/icons/follow-0.png") no-repeat top right;}
.sty .following .item-wrap {background-image: url("/images/icons/follow-1.png")}
.sty .cards img {border: 0; padding: 0;}
.sty .actor {font-size: 0.9em; }
.sty .actor .uname {max-width: 82px; overflow: hidden; white-space: nowrap; float: left;}
.sty .actor span {padding-left: 3px;}
.sty .item-wrap img {display: block;}
.sty .cards h1, .sty .cards h2 {display: none;}

#promo-zoom {font-size: 0.9em; display: none; background: #fff; position: absolute; z-index: 3000; padding: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); width: 150px;}
#promo-zoom h1 {color: #444; text-transform: uppercase;}
#promo-zoom h2 {color: #888;}


.comment-attach {margin-top: 5px; font-size: 1.1em; color: #555;}
.comment-highlight {background-color: #edf3fb;}
.ticket textarea {height: 350px;}
.ticket .tools {float: right;}
.ticket .meta {margin-top: 8px;}
.ticket .meta li {float: left; margin-right: 20px;}
.ticket #qrcode {width: 250px; border: 1px solid #ccc; padding: 1px;}
.ui-autocomplete {width: 250px; }
.ui-autocomplete a {color: #fff; display: block; background: #aaa; padding: 5px;}
.ui-autocomplete a:hover {background: #333;}
.ui-autocomplete li {border-bottom: 1px solid #fff;}
.ui-autocomplete .title {font-size: 16px; padding: 5px;}
.ui-autocomplete .desc {color: #eee; padding: 5px;}

/* Social Account Connect */
.connectUnlink {height: 70px;}
.connectAccountDisplay {float: left; width: 400px; margin: 0 0 20px 20px;}
.connectAccountDisplay img {float:left; margin-right: 10px;}
.connectAccountDisplay p {line-height: 50px; font-weight: bold;}

/* lookbook */
.lookbook-hero .jcarousel, .lookbook-hero .jcarousel ul, .lookbook-hero .jcarousel ul li { height: auto; }
.lookbook-hero .jcarousel-control-prev, .lookbook-hero .jcarousel-control-next { top: 250px; }
.lookbook-list li { position: relative; font-size: 14px; margin-bottom: 15px; }
.lookbook-list .cards li h2 { width: 320px; margin-top: 4px; }
#col-big.full .lookbook-list img.photo { width: 320px; height: 320px; }
#col-big .lookbook-list .cards li { margin-right: 20px; }

#sortable_product { list-style-type: none; margin: 0; padding: 0; width: auto; position: inherit; }
#sortable_product li { cursor: pointer; margin: 3px 23px 3px 0; padding: 0px; float: left; width: 120; height: 105px; font-size: 4em; text-align: center; }
#sortable_product .hero-image img{ width: 100px; height: 100px; }
#sortable_product img.photo { padding: 0px; }
#sortable_product .hero-image { width: 230px; }
#sortable_product .hero-image .post_title { margin: 1px; text-align: left; font-size: 12px; float:left; width: 100px; height: 100px; overflow: hidden; }

/* Admin */
.section { margin-top: 25px; border-bottom: solid 1px #ccc; }
	.section .title { margin-bottom: 5px; font-weight: bold; }
	.section .title .arrow { float: right; padding: 0 5px 0 0; }
	.section .title .arrow.open { -webkit-transform: rotate(90deg); padding: 0 7px 0 0; }
	.section .collapsed { padding: 0 5px 5px; display: none; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
		.section .collapsed .content { padding: 5px; background-color: #f8f8f8; }
.delete_button {line-height: 1em; background: #EEEEEE; color: #ff0000; border: 0; cursor:pointer; text-transform: uppercase; p
.delete_button:hover { background-color: #EEEEEE; color: #000000; }
