/* reset */
a { outline-style: none; }
ul, ol { list-style: none; }
ul, ol, li { margin: 0; padding: 0; }
/* IE fix */
#container:after {content:"";display:none;height:0;clear:both;visibility:hidden;}

/* generic */
.clear { clear:both; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.offset { height:0; left:-10001px; line-height:0; margin:0; overflow:hidden; position:absolute; top:-10001px; }
.right { text-align: right; }
.right div { clear: both; float: right; text-align: right; }
.data { display: none; }
.nowrap { white-space: nowrap; }
.padded { padding: 2em; }
table.prop { width: auto; border-collapse: collapse; }
table.prop tr { border-top: 1px solid #808080; }
table.prop tr.last { border-bottom: 1px solid #808080; }
table.prop th { text-align: left; vertical-align: top; white-space: nowrap; }
#spinner { display: none; }
#spinner img { float: right; margin: 5px 12px 0 0; }
div#errors, div#message { padding: 2px 6px; }
#errors .error { margin: 0; padding: 0; }
#errors label { display: block; }
#topLogin { left: 0; margin-bottom: 10px; padding: 0; position: absolute; top: 0; width: 100%; z-index: 9999; }
#topLogin .loginTab { height: 25px; padding-left: 6px; position: absolute; right: 0; top: 0; }
#topLogin .loginTabInner { height: 25px; padding-right: 6px; }
#topLogin .login { height: 25px; }
#topLogin a { display: inline-block; padding: 2px 6px 3px 6px; top: 0; }
#topLoginBox { position: relative; width: 100%; }
#topLoginTabBox { margin: 0 auto; position: relative; width: 950px; }
#topLogin input { margin: 0 1em 0 0.5em; padding: 0.1em 0.2em 0.2em 0.2em; }
#topLogin input.checkbox { padding: 0.1em; }
#topLogin button { cursor: pointer; height: 23px; padding: 0 1em 1px 1em; }
#topLoginBoxInner { display: none; margin: 0 auto 0 auto; padding: 0.4em 0 0.4em 0; text-align: center; }
#topLoginBoxInner span { margin: 0 2em; }
#topOpenID { width: 28em; }
#header { margin-top: 0; padding-top: 36px; }
#header > div { position: relative; }
#header div.user { top: -30px; }
#header div.user ul { position: absolute; top: 0; right: 0; }
#header ul li { display: inline; }
#header ul li:after { content: '|'; }
#header ul li.last:after { content: ''; }
#header ul li a { padding: 0 1em; }
#header ul li a.login { padding: 2px 20px 10px; }
#header ul li a.logout { padding: 2px 20px 10px 15px; }
#header ul li span { margin:0; padding:0; }
#header a.logo { left: 20px; position: absolute; bottom: 0; }
#parallax { height: 200px; overflow: hidden; position: relative; width: 950px; }
#parallax div.layer { height: 200px; position: absolute; }
#parallax div.layer0 { width: 940px; }
#parallax div.layer1 { width: 980px; }
#parallax div.layer2 { width: 1010px; }
#parallax div.layer3 { width: 1050px; }
#parallax div.layer4 { width: 1070px; }
#parallax div.layer div { position: absolute; text-indent: -9999px; }
#parallax div.layer div.px-cloud-big-one { height: 50px; width: 104px; }
#parallax div.layer div.px-cloud-big-three { height: 65px; width: 134px; }
#parallax div.layer div.px-cloud-big-two { height: 55px; width: 132px; }
#parallax div.layer div.px-cloud-small-one { height: 26px; width: 70px; }
#parallax div.layer div.px-cloud-small-three { height: 24px; width: 64px; }
#parallax div.layer div.px-cloud-tiny { height: 24px; width: 64px; }
#parallax div.layer div.px-flock-one { height: 50px; width: 100px; }
#parallax div.layer div.px-flock-two { height: 38px; width: 60px; }
#parallax div.layer div.px-sun { height: 120px; right: 10px; width: 154px; top: 20px; }
#parallax div.layer div.px-cloud-01 { left: 760px; top: 90px; }
#parallax div.layer div.px-cloud-02 { left: 195px; top: 80px; }
#parallax div.layer div.px-cloud-03 { left: 500px; top: 120px; }
#parallax div.layer div.px-cloud-04 { left: 300px; top: 150px; }
#parallax div.layer div.px-cloud-05 { left: 500px; top: 130px; }
#parallax div.layer div.px-flock-01 { left: 500px; top: 10px; }
#parallax div.layer div.px-flock-02 { left: 740px; top: 38px; }
#parallax div.layer div.px-flock-03 { left: 350px; top: 50px; }
#footer { clear: both; height: auto; margin:auto; min-height:128px; padding:25px 0 10px 15px; width: 942px; }
#footer ul { text-align: left; }
#footer ul.cp { overflow: auto; }
#footer ul.cp li { text-align: left; }
#footer ul.cp ul { float: left; margin: 0 3em 0 1em; }
#footer ul.cp li.cc { float: left; }
#footer ul.cp li { display: inline; }
#footer ul.cp span { font-weight: bold; }
#footer ul.cp li li { display: list-item; list-style-type: none; }
#footer div.copy { clear: both; text-align: center; padding-top:2em; }
#footer div.version { clear: both; text-align: center; padding-bottom:1em; }
#top-link { bottom: 5px; display: none; padding: 10px; position: fixed; right: 5px; }
#modalWindowFooter { height: 600px; left: 45%; width: 650px; }
ol#tagcloud li { border: none 0; padding: 2px 2px 1px 1px; margin: 0; white-space: nowrap; }
.bc { height: auto; width: 980px; margin: 0 auto; }
.bc-top { height: 15px; width: 980px; }
.bc-body { height: auto; width: 980px; margin: 0 auto; overflow: auto; }
.bc-bottom { height: 15px; width: 980px; }
.signup { height: 79px; margin-bottom: 10px; position: relative; width: 950px; }
.signup a { height: 36px; left: 695px; position: absolute; text-indent: -9999px; top: 31px; width: 127px; }
.invite { height: 79px; margin-bottom: 10px; position: relative; width: 950px; }
.invite a { height: 36px; left: 695px; position: absolute; text-indent: -9999px; top: 31px; width: 127px; }
#header div.signupcorner { position: absolute; right: 0; top: 0; }
.birdy { height:128px; position:absolute; width:128px; left: 160px; top: 11px; }
table.liquid { margin: 1em 0 0 0; width: 100%; }
table.liquid td { vertical-align: top; }
.seemore { clear:both; }
.seemore a { float:right; margin: 0 3em 0 0; padding: 3px 8px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.sorting { margin: 0 .1em 0 0; }
.sorting a, .sorting span { margin: 1em 0 0 0; padding: .3em 1em; }
.listnav { margin: .5em 0 1em 0; }
.listnav ol { margin-left: .5em; }
/**** Global Elements ****/

/**** Common Pages ****/
div.login, div.err40x { margin-top: 3em; padding: 3em; }
div.login li { height: 2em; padding: .4em 0; vertical-align: text-top; }
div.login fieldset { margin-bottom: 0; padding: 0; }
div.login legend { margin-top: 1em; }
div.login label { display: inline-block; width: 120px; }
div.login label.checkbox { display: inline; width: auto; }
div.login input[type="password"],
    div.login input[type="text"] { width: 300px; }
div.login label.error { width: auto; }
div.login h6 { margin-top: 1em; padding: 1em 0; }
div.login .message,
    div.login .errors { margin-bottom: 1em; padding: 1em; }
#search { height: 61px; left: 593px; overflow: hidden; padding:0; position: absolute; top: 130px; width: 347px;}
#search input { left: 43px; margin: 0; padding: 0 0 0 5px; position: absolute; top: 21px; width: 170px; }
#search button { cursor: pointer; height: 30px; left: 235px; margin: 0; padding: 0; position: absolute;  top: 16px; width: 95px; }
#searchmain p, #searchmain .title { margin: 1em 0; }
.slidingTab p { margin: 0; }
.dialog table { width: auto; }
.dialog table td { margin: 0; padding: .4em .6em; vertical-align: top; }
.dialog table th { margin: 0; padding: .4em .6em; vertical-align: top; }
.dialog table th label { padding: .5em 0; }
.dialog input, .dialog select, .dialog textarea { margin: 0; }
.dialog input[type=checkbox] { margin: .6em 0; }
.dialog table { margin: 0; }
.dialog div div.file { margin: 10px 0; height: 21px; }
.dialog div.description { margin: 10px; padding: 10px; overflow: hidden; }
.dialog div.description ul li { margin-top: 1em; overflow: hidden; }
.dialog div.desc { margin: 1em 0 1em 0; }
.dialog div.title { margin-bottom: 1em; }
.dialog div.avatar img { margin: 4px 0 0 20px; padding: 2px; }
.dialog td img.avatar { float: left; margin: 4px; padding: 2px; }
.dialog .subtext { margin-top: .2em; }
.buttons { clear: both; margin: 1.4em 0; padding: 1em; }
.button { margin-right: 1em; }
.prop ul li, .prop ol li { display: inline; }
.part { margin: 2em 0 1em -10px; padding-left: 6px; }
.part h2, .part h3, .part h4 { margin: 0; padding-left: .4em; }
.part h3 a { padding: 6px 8px; }
#feedback { left: -170px; overflow: auto; position: fixed; top: 100px; }
#feedback .tab { float: left; padding: .8em; cursor: pointer; }
#feedback .form { float: left; overflow: hidden; width: 170px; }
#feedback .form select, #feedback .form button { display: block; margin: 10px; padding: 5px; width: 148px; }
#feedback .form textarea { display: block; height: 150px; margin: 10px;  max-width: 148px; padding: 5px; width: 148px; }
#feedback .message { padding: 5px; }
.textareamessage { display: block; margin: 1em 0; }
.credits ul { margin: 2em 0 1em 0; }
.credits li { padding: 0 }


/**** Advanced Search ****/
.advsearch input { padding: 3px; }
.advsearch .words { float: left; padding-right: 2em; }
.advsearch .words label { display: inline-block; margin-left: 1em; width: 150px; }
.advsearch .words input { width: 280px; }
.advsearch .props { float: left; padding-left: 1em; }
.advsearch .props label { display: inline-block; margin-left: 1em; width: 150px; }
.advsearch .props select { padding: 1px; width: 120px; }
.advsearch .error { margin: 0; }
.advsearch li { line-height: 3; }
.advsearch button { clear: both; display: block; margin: .5em 0 0 1em; }
.results { clear: both; }
.results .status { clear: both; }
.results ol.authors { margin: 0 4em 1em 0; }
.results ol.authors li { overflow: auto; padding: 6px; }
.results ol.authors li a { display: block; overflow: auto; width: 100%; }
.results ol.authors li img { float: left; padding: 2px; }
.results ol.authors li span { float: left; margin: .2em 0 0 .4em; }
/*.results .productWrapper { margin: 10px 32px 10px 0; width: 256px; }*/
.paging { clear: both; margin: 0 0 1em 0; }
.paging a { margin-right: 2px; padding: 2px 6px; }
.paging .currentStep { margin-right: 2px; padding: 2px 4px; }

/***** STORE ****/
#main { overflow:hidden; }
.part #addthis { float: right; }
.legend { float: right; padding: 6px 0 0; vertical-align: middle; }
.legend .icon { display: inline-block; height: 26px; margin-left: 2em; vertical-align: middle; width: 24px; }
.addthis { float:right; margin: 1.8em 1em 0 0; }
.stylename { padding:0 5px 0 5px; }
.price { margin:-10px 0 0 0; padding:0 5px 0 5px; }
span.vcard a:hover { padding:0 2px 0 2px; }
.productWrapper { display: inline-block; float: left; margin: 0 1.8em 1em 1em; position: relative; width: 256px; }
.thumbs { height: 131px; width: 100%; }
.thumbs div { float: left; display: table-cell; height: 105px; margin: 7px 0 0 7px; padding: 5px; text-align: center; width: 105px; vertical-align: middle; }
.thumbs span { height: 20px; width: 24px; text-indent: -9999px; }
.thumbs .first span {  position: absolute; left: -7px; top: 130px; }
.thumbs .last span { position: absolute; right: -7px; top: 130px; }
.buyBtn { margin: 0 20px 0 0; width: auto; padding-right: 6px; position: absolute; top: 0; right: 12px; }
.buyBtn .left { height: 27px; padding-left: 6px; }
.buyBtn .text { height: 27px; padding: 5px; width: auto; }
.infoText { padding: .2em .5em; }
.infoText a { display: block; }
.productWrapper .author { margin: .4em 0 0 .8em; }
.productWrapper .author a { padding: .2em .4em .2em .2em; }
.productWrapper .tags { margin-left: .8em; }
.productWrapper .tags ol { margin: 0; }
.productWrapper .tags li { margin: 0; padding: 0; }
.productWrapper .tags li a { display: inline; padding: 0 2px; }
.productWrapper .slidingTab { height: 33px; padding: 3px 0 0 0; position: relative; width: 256px; }
.productWrapper .slidingTab div.from { margin: 0; padding: 0 0 0 32px; }
.tags { clear:both; }
.tags a { padding: 2px; }
#tagcloud li a { padding: 0 5px; }
.twitterarea { height: 315px; position: relative; padding: 0 0 0 2em; }
#wetweet { height: 142px; left: 319px; padding:0 25px 0 29px; position: relative; top: 0; width: 383px; }
#wetweet p { margin: 0; padding: 0; }
#wetweet .tweet_first { margin: 0; }
#wetweet .tweet_list a { display: block; }
#wetweet .tweet_list span a { display: inline; }
#youtweet { overflow-y: auto; padding: 2em 0 0 0; position: absolute; bottom: 0; }
#youtweet .tweet_list li { float: left; height: 140px; margin: 0 25px 0 0; padding: 8px 12px; width: 211px; overflow: hidden; }
#youtweet .tweet_list li.tweet_first { margin-left: 70px; }
#youtweet .tweet_list li a.tweet_avatar img { padding: 2px; }
#youtweet .tweet_list li a.tweet_time { left: 14px; position: relative; top: -14px; }
#youtweet .tweet_list li span { display: block; }
.name { white-space: nowrap; }
.carousel-space { height: 194px; min-height: 194px; }
.carousel-space .carousel-box { height: 194px; overflow: hidden; width: 412px; margin:15px 0 0 0; }
.jcarousel-item { text-align: center; line-height: 1.4; }
.jcarousel-item div { height: 32px; overflow: hidden; text-align: center; vertical-align: middle; width: 100px; }
.section { clear: both; line-height: 2; vertical-align: baseline; }
/*.section div { line-height: 2; }*/
.section .label .step { display: inline-block; height: 51px; overflow: hidden; text-indent: -9999px; width: 56px; margin-bottom:-10px; }
.color ul { display: list-item; margin-top: .8em; }
.color li { display: inline-block; margin: 2px; }
.color a img { height: 20px; padding: 3px; vertical-align: middle; width:20px; }
#quantity .both { text-align: center; }
#quantity input { margin-top: .7em; text-align: right; width: 3em; }
#quantity span.jslink { margin-left: 1em; }
.submit { text-align: center; vertical-align: middle; }
.submit input { margin-top: .4em; padding: .1em .5em; }
#AddToCartButtonId { height: 38px; width: 180px; }

ol.horizontal { display: inline; }
ol.horizontal li { display: inline; position: relative; }
ol.horizontal li a, ol.horizontal li span { display: inline-block; }

ol.alphabet { display: list-item; margin: 0 0;}
ol.alphabet li { display: inline; position: relative; }
ol.alphabet li a, ol.alphabet li span { display: inline-block; padding: .2em .15em; text-align: center; width: 2em; }

ul.authors ul { margin: 0; }

.tags ol { display: inline; }
.tags li { display: inline; margin-right: .2em; position: relative; }
.tags li:after { content: ","; }
.tags li.last:after { content: ""; }
.size a.help { margin: 0 1em; }
.notes { position: relative; text-align: left; }
.fabric { float: left; padding: 10px; width: 125px; }
.fabric img { margin-top: 10px; }
.fit { float: left; padding: 10px; width: 220px; }
.fit img { float: left; margin: 10px 10px 0 0; }
.fit span.text { display: inline-block; float: left; margin-top: 10px; width: 165px; }
.jqmWindow button { clear: right; float: right; margin: 5px 5px 0 0; padding: 0 5px; cursor: pointer; }
.jqmWindow .jqmContent{ width: 99%; height: 93%; display: block; clear: both; margin: 0 auto; }
#modalWindowSize { height: 600px; left: 45%; width: 650px; }
.jqmWindowFit { height: 600px; }
span.avatar { vertical-align: middle; }
span.avatar img { margin: 2px 10px 0 2px; padding: 1px; width: 35px; height:35px; border:0; }

#merchandise { overflow: auto; }
#merchandise .list { height: 480px; overflow-x: hidden; overflow-y: scroll; }
#merchandise ol { margin: 0; padding: 0; }
#merchandise li { height: 80px; overflow: hidden; position: relative; width: auto; }
#merchandise li img { height: 60px; margin: 10px 5px 10px 10px; width: 60px; }
#merchandise li .name { left: 80px; position: absolute; top: 10px; }
#merchandise li .price { float: right; position: absolute; right: 10px; top: 50px; }
#merchandise .preview { float: left; height: 480px; overflow: hidden; width: 480px; margin: 0 10px; }
#merchandise .preview img { height: 480px; width: 480px; }

/***** DESIGNER *****/
/*.thumbnail { height: 9em; margin-top: 1.4em; }*/
.tac { margin-top: 18px; }
.steps ol { margin: 0 0 1em 0; }
.steps ol li { display:inline-block; height:60px; overflow: hidden; padding: .6em 0 0; }
.steps ol li span.arrow { bottom: 7px; display:inline-block; height:24px; margin: 0 .8em; position: relative; width: 50px; }
.steps ol li span.step { display:inline-block; height:51px; width: 44px; }
.steps ol li span.title { bottom: 10px; position: relative; }
#createdesign button { height:32px; width:860px; margin:10px 0 10px 0; padding:0; }
.design h3 { margin-top: 2em; }
.design th { padding-bottom: .5em; }
.design td { padding-top: 1em; vertical-align: top; }
.design .tags li { display: block; }
.design .tags li:after { content: ""; }
.design button { cursor: pointer; height: 30px; width: 95px; }
.design button.action { padding: 2px 4px; margin-bottom: 4px; text-align: left; }
.design button.action span { padding: 2px 2px 2px 24px; }
.dialog input#tags { width: 450px; }

/*** FAQ ***/
ol.questions, ol.faq, ol.faq li { list-style: decimal outside; margin-bottom: 1.5em; }
ol.faq li a { display: block; margin-bottom: 1.5em; }

/***** ADMIN *****/
ol.crumbs li { display: inline; }
ol.crumbs li:after { content: '>' }
ol.crumbs li.last:after { content: '' }
ol.crumbs li { margin-left: 1em; }
ol.crumbs a { margin-right: 1em; }

table.users th, table.users td { white-space: nowrap; }
table.users td.icon { text-align: center; }
div.reason label { display: block; }
div.reason textarea { height: 100px; }

table.dashboard { width: auto; }
table.dashboard th { padding-right: 2em; vertical-align: middle; }
table.dashboard td { vertical-align: middle; }
table.dashboard td.right { padding-left: 2em; text-align: right; }
table.dashboard td.graph { padding-left: 0; vertical-align: top; text-align: left; }

#navbar ul li { margin-bottom: 1em; }
#navbar ul li li { margin-bottom: 0; }

/*** Contact ***/
div.form { overflow: auto; }
div.form fieldset div { height: 36px; }
div.form fieldset input { width: 390px; }
div.form fieldset input#typeOther { width: 232px; }
div.form fieldset select { padding: 2px; width: 155px; }
div.form fieldset textarea { height: 170px; }
div.form fieldset div.ta { height: auto; }
div.form fieldset div.submit { height: auto; text-align: left; }
div.form fieldset label { display: inline-block; margin-top: 9px; vertical-align: top; width: 14em; }
div.form fieldset textarea.error { margin: 0.5em 0; padding: 5px; }
div.form .small { height: auto; margin: 0; }
div.list table td.longtext { display: block; height: 3em; }
ul.contact li { padding-left: 40px; display: block; height: 34px; }
ul.contact a { display: block; padding-top: 8px; }
#contact .textareamessage { margin: 0 0 1em 14em; }

/*** Signup ***/
#signup label { display: block; }
#signup input { width: 390px; }
#signup textarea { height: 96px; width: 390px; }
#signup textarea.error { padding: 5px; }