@import url(http://fonts.googleapis.com/css?family=Bangers|Dancing+Script); /*----------------------------------------------------------------------- ========================================================================= ========================================================================= ...oooOOO Table of contents OOOooo... $0 reset styles & clear styles (don't play with these unless you *really* know what you're doing) $1 all page elements > $1.1 container (header, content, footer) > $1.2 sub container (content, footer) $2 header > $2.1 h1 > $2.2 pre-navigation > $2.3 navigation $3 content > $3.1 left > $3.2 right $4 footer */ /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ $0 reset styles ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, xxxfont, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; } :focus { outline: 0; } /* clears mozilla focus jump */ body { color: black; background: white; } ol, ul { list-style: none; } form { margin: 0; padding: 0; } i, em { font-style: italic; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* clears both */ .clearfix:after { clear: both; content: "."; display: block; line-height: 0; height: 0; visibility: hidden; font-size: 0; } * html .clearfix { height: 1%; } * + html .clearfix { min-height: 1px; } /* the new checkout uses box-sizing:border so this is needed to make all the child elements inherit the box-sizing */ .dn-inherit-box-sizing *, .dn-inherit-box-sizing *:before, .dn-inherit-box-sizing *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ $1 all page elements ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ body { background: #ffffff; color:#2C2C2C; font-family: Arial; font-size: 62.5%; font-weight: normal; } a { color: #0099FF; font-size: 1.0em;} p { margin-bottom: 10px; } strong , b { font-weight: bold; } pre { background: #ffffff; color:#2C2C2C; font: normal 11px Arial; } /* base input styles */ input, select, textarea { border: 1px solid #CCCCCC; font: normal 1.1em Arial; margin: 0 3px 2px 0; } * + html input[type="checkbox"], * + html input[type="radio"] { border: 0; } body div.admintop { background: #262626; } .clear { clear: both; } /*------------------------------------------------------------ $1.1 MAIN CONTAINER --------------------------------------------------------------*/ #container { font-size: 1.1em; box-sizing: content-box; } #container.jog { padding-top: 30px; } /*------------------------------------------------------------ $1.2 SUB CONTAINER --------------------------------------------------------------*/ #sub_container { } div.set { margin: 0 auto; padding: 0 10px; width: 800px; } * html div.set { width: 820px; } div.set:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }/* clears all sets */ * html div.set { height: 1px; } * + html div.set { min-height: 1px; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ $2.0 HEADER ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #header { background: #0099Ff; text-align: right; } #header div.set { background: #0099Ff; } /*------------------------------------------------------------ $2.1 site header ------------------------------------------------------------*/ h1 { font-size: 18px; float: left; letter-spacing: -0.03em; margin-top: 10px; } h1 img { clear: left; float: left; } /*------------------------------------------------------------- $2.4 Currency Selector ---------------------------------------------------------------*/ span#currency { background: #007ACC; font-size: 1em; float: right; margin: -1px 0 5px; padding: 3px 5px; position: relative; z-index: 1; } /*------------------------------------------------------------ $2.2 subnavigation ------------------------------------------------------------*/ /*#pre_navigation { clear: right; margin-right: -15px; padding: 12px 0 15px; text-align: right; } #pre_navigation li { display: inline; margin-right: 15px; text-align: right; } #pre_navigation li a { color:#001E32; } #pre_navigation li.top_cart { }*/ /*------------------------------------------------------------ $2.3 navigation ------------------------------------------------------------*/ #navigation { display: block; float: right; margin: 25px 0 0; overflow: visible; padding: 10px 0 0; text-align: right; white-space: nowrap; word-wrap: break-word; } #navigation li { color: #323232; display: inline-block; float: none; font-size: 16px; font-weight: bold; letter-spacing: -0.015em; margin-right: 15px; padding-left: 7px; } * html #navigation li { display: inline; } * + html #navigation li { display: inline; } #navigation li.image { background: transparent none; margin: 0; padding: 0; } #navigation li a { color: #cccccc; font-weight: normal; margin: 0; margin-bottom: 0; padding: 0; } #navigation li.alt a { color: #323232; } #navigation_wrapper a.nav-open {color:red;display:none!important;} /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ $3.0 content ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #content { background: #ec1aac; } #content div.set { background: #ffffff; padding-top: 20px; min-height: 1px; } /*------------------------------------------------------------ $3.1 left content area (sub navigation) ------------------------------------------------------------*/ left { color: #2C2C2C; float: left; width: 200px; } left h3 { color: #ffffff; display: block; font-size: 1.8em; font-weight: normal; letter-spacing: -0.08em; padding: 10px 0 0; } left h4 { color: #ffffff; display: block; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; padding: 0; } left ul { } left ul li { border-bottom: 1px dotted #E5E5E5; line-height: 16px; } left ul li ul { background: transparent none; } left ul li ul li { border-bottom: 1px dotted #E5E5E5; line-height: 16px; padding-left: 8px; } left ul li a { color: #0089E5; text-decoration: none; } left ul li a:hover { text-decoration: underline; } /*------------------------------------------------------------ $3.2 right content area ------------------------------------------------------------*/ .right { float: right; overflow: hidden; width: 575px; } h4, h3 { color: #2C2C2C; display: block; font-size: 2.4em; font-weight: normal; letter-spacing: -0.07em; margin-bottom: 10px; } h4 { font-size: 1.8em; letter-spacing: -0.03em; margin: 3px 0 5px; } #main_image { margin: 0 0 20px; } /*============= display of products and designs =============*/ .products_home { color: #252525; display: block; margin: 20px 0; width: 99%; } .products_home a { color: #0099FF; } .products_home h3 { color: #A5A5A5; margin: 0 0 0 10px; padding: 10px 20px; } .products_home div.interior { display: block; padding: 0 0 0 10px; } .products_home div.interior div.close { padding: 0 10px 20px 0; } .products_home div.interior ul { display: block; margin: 0 auto; text-align: center; } .features ul.category { background: url(/bimages/ppr/border_dot.gif?b=10993323&v=1742259427) 0 100% repeat-x;; display: block; margin-bottom: 20px; padding: 0 10px; } .features ul.category li { border: solid #E5E5E5; border-width: 1px 1px 0 1px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; font-size: 1.6em; margin-right: 10px; padding: 3px 10px 5px; text-align: center; vertical-align: top; word-wrap: break-word; } * html .features ul.category li { display: inline; } * + html .features ul.category li { display: inline; } .features ul.category li.alt { background: #ffffff; } .features ul.category li.alt a { text-decoration: none; } .features ul.category li.alt a:hover { text-decoration: underline; } .features ul.row { display: block; margin: 0 auto; text-align: center; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* .products_home ul li, .features ul.row li { -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; margin-bottom: 3px; padding: 5px 2px; position: relative; text-align: left; vertical-align: top; word-wrap: break-word; } * html body .products_home ul li { display: inline; } * + html body .products_home ul li { display: inline; } * html .features ul.row li { display: inline; } * + html .features ul.row li { display: inline; } */ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* ul.row li img { display: block; } .products_home li.create { width: 150px; } .products_home li div { display: block; } .products_home li div.product_border { border:2px solid #ffffff; margin-left:20px; } div.thumb_border { border:1px solid #ffffff; } .products_home li span.tax_warning, span.tax_warning, span.tax_notice span { color: #0099FF; display: inline; font-size: 1.1em; padding: 0 3px; vertical-align: sup; } .products_home li.display a, .features ul.row li a { display: block; margin: 3px 0 2px; } .products_home li.display span.process { display: block; } .products_home li.display span.process a { display: inline; } .products_home li.display a.product_border{ border: 1px solid #ffffff; } */ span.rrp { text-decoration: line-through; font-weight:100; color: red; } /********************************************* right container stuff */ .right_container { margin-bottom: 20px; overflow: auto; } .right_container .cell { float: left; margin: 0 4% 5% 0; width: 45%; } .right_container .cell table td { padding: 0 5px 10px; } /* sidebar */ div.sidebar { float: left; margin-right: 2%; width: 47%; } /* latest items */ .latest_items li { border-bottom: 1px dotted #CCCCCC; overflow: auto; padding: 10px 0; } .latest_items li img { float: right; } .latest_items li img.product_image { border: 1px solid #ffffff; float: left; margin-right: 10px; } /* expanding box */ div.extraneous { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #F2F2F2; border: 1px solid #F2F2F2; margin: 0 0 20px; padding: 10px; } div.extraneous h3 { font-size: 1.8em; letter-spacing: -0.04em; } div.size_chart, div.size_image { padding: 10px 0; } /* product page*/ .youarehere { display: block; padding: 10px 0 5px; text-align: right; } span.custom { display: block; margin: 5px 0; } span.color { display: block; margin: 5px; } table.details tr td { padding-bottom: 5px; } table.details table tr td { padding-bottom: 0; } /* form validation error */ .form_warning { -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background: #b31d2b!important; color: #fff; display: inline!important; display: inline-block!important; font-size: 11px!important; height: auto!important; line-height: 14px!important; margin: 1px 1px 0 10px; padding: 3px 7px 3px 5px !important; position: absolute; text-shadow: 0 -1px 0 rgba(0, 0, 0, .4); vertical-align: top; white-space: nowrap; } .form_warning:after { background: transparent none; border: 10px solid #b31d2b; border-color: transparent #b31d2b transparent transparent; border-color: rgba(255, 255, 255, 0) #b31d2b rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-width: 10px 7px; content: "."; height: 0; overflow: hidden; margin-top: -10px; position: absolute; right: 100%; top: 50%; width: 0; } /*---------------------------------------------------------------- profile parts ------------------------------------------------------------------*/ .profile_menu { background: #F2F2F2; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; padding: 5px; } .profile_menu h3 { margin-top: 10px; } .profile_menu img.avatar { border: 1px dotted #CCCCCC; float: right; margin-right: 5px; } .profile_menu ul { margin-bottom: 10px; } .profile_menu ul li { border-right: 1px solid #CCCCCC; display: inline; padding: 3px 8px; } .profile_menu ul li.selected { font-weight: bold; } div.user_edit { margin-bottom: 25px; } div.user_edit div { border-bottom: 1px dotted #E5E5E5; margin: 5px; overflow: auto; } div.user_edit div p { padding-left: 120px; } div.user_edit label { display: block; float: left; width: 120px; } /*---------------------------------------------------------------- Profile Parts, added by greg ------------------------------------------------------------------*/ /* paginator*/ div.user_content div.subnav{ display: block; text-align: center; } div.user_content div.subnav label{ margin-right: 7px; } div.user_content div.subnav span{ margin: 0 2px; } div.user_content div.subnav span.current{ border: 1px solid #CCCCCC; padding: 0 3px 0 4px; } /* Manage Assetts*/ table.manage_assetts tr td { text-align:left!important; padding:10px!important;} table.manage_assetts tr td p { padding:2px; text-align:left; margin:0px;} /* popup */ .popup_content h4{ color: #404040; font-size: 14px; font-weight: bold; margin-bottom: 20px; } /* .popup_content table.size_chart{ } .popup_content table.size_chart tr th{ background: #404040; color: #eee; } .popup_content table.size_chart tr td{ background: #f7f7f7; border: 1px solid #ddd; color: #404040; } .popup_content table.size_chart tr.chart_0 td{ background: #eee; } */ /* display assett formatting */ .user_content div.image{ float: left; width: 30%; } .user_content div.image img{ border: 1px solid #CCCCCC; } .user_content div.description{ float: right; width: 65%; } .user_content div.description ul{ background: #F2F2F2; border: 1px solid #F2F2F2; padding: 5px 10px; } .user_content div.description ul li{ display: block; font-size: 12px; padding: 5px 10px; } /*---------------------------------------------------------------- Help pages and help popup, added by greg ------------------------------------------------------------------*/ .popup #help_container { height: 400px; overflow: auto; } .popup .help_box { margin-right: 10px; } .help_box h4, .popup .help_box h4 { font-size: 14px; } .help_box h5, .popup .help_box h5 { font-size: 12px; } .help_answer { margin-bottom: 20px; } .popup .help_answer { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #f7f7f7; border: 1px solid #eee; margin-bottom: 20px; padding: 10px; } .help_box ul, .help_box ol { list-style-type: square; margin: 5px 0 5px 20px; padding: 2px; } .help_box li { margin: 2px 0; padding: 2px; } .help_box li strong { font-weight: bold; padding: 2px; } .help_box li p { padding: 2px; margin-bottom: 5px; } .help_box ol { list-style-type: decimal; } .help_box img { display: block; margin: 10px 0; } .popup .help_box img { border: 1px solid #eee; display: block; margin: 10px 0; } .help_box ul li ul { margin:10px; padding: 10px 20px; } .popup .help_box ul li ul { border: 1px solid #dfdfdf; } .help_box ul li ul li { font-size: 11px; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ $4.0 footer ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #footer{ background: #ffffff; color: #7F7F7F; } #footer div.set{ background: #ffffff; color: #7F7F7F; } #footer h3{ color: #B2B2B2; margin: 10px 0; } #footer h4{ color: #B2B2B2; } #footer a{ color: #323232; } #footer a:hover{ color: #323232; } #helpers_wrapper { clear: both; } #helpers_wrapper::after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } #footer div.helpers{ float: left; width: 25%; } #footer div#legals{ clear: both; padding: 20px 0; } div#legals div.power { } div#legals div.power:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div#legals div.power { height: 1%; } * + html div#legals div.power { min-height: 1px; } div#legals ul.logos { display: block; float: left; margin-top: 10px; width: 340px; } div#legals ul.logos:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div#legals ul.logos { height: 1%; } * + html div#legals ul.logos { min-height: 1px; } div#legals ul.logos li { display: inline; line-height: 46px; } div#legals ul.logos a { background: url(/bimages/ppr/footer_logo.gif) 0 50% no-repeat; display: inline-block; font-weight: bold; height: 40px; margin-left: 5px; text-indent: -9999px; width: 200px; } div#legals ul.logos.alt a { background: transparent none; height: auto; margin: 0; text-indent: 0; width: auto; } div#legals a.affiliate { background: url(/images/create_your_store.png) 0 0 no-repeat; color: #616161; display: block; float: right; height: 34px; margin: 15px 0 10px; padding: 0; text-decoration: none; width: auto; } div#legals a.affiliate:hover { cursor: pointer; text-decoration: underline; } div#legals a.affiliate em { background: url(/images/create_your_store.png) 100% 0 no-repeat; display: block; font: normal normal 14px Myriad Pro, Myriad, Arial, Helvetica, sans; height: 34px; letter-spacing: -0.025em; line-height: 34px; margin: 0 0 0 50px; padding: 0 20px 0 0; } div#legals a.campaign { background: url(/images/create_your_campaign.png) 0 0 no-repeat; color: #616161; display: block; float: right; height: 34px; margin: 15px 0 10px; padding: 0; text-decoration: none; width: auto; } div#legals a.campaign:hover { cursor: pointer; text-decoration: underline; } div#legals a.campaign em { background: url(/images/create_your_campaign.png) 100% 0 no-repeat; display: block; font: normal normal 14px Myriad Pro, Myriad, Arial, Helvetica, sans; height: 34px; letter-spacing: -0.025em; line-height: 34px; margin: 0 0 0 50px; padding: 0 20px 0 0; } #footer div#legals span.copyright{ display: block; } .bottom_header { padding-top:10px; font-size: 1.8em; color :#323232; } span.version{ bottom: 0; color: #B2B2B2; float: right; font-size: .8em; margin: 5px; position: absolute; right: 0; } /* tentative admin styles */ div.user_menu{ float: right; width: 22%; } div.user_menu ul{ margin-bottom: 20px; } div.user_menu ul li{ background-image: url(/bimages/ppr/admin_icons.gif); background-position: 0 50%; background-repeat: no-repeat; line-height: 1.8em; padding: 4px 0 4px 20px; } div.user_menu ul li.view{ background-position: 0 50%; } div.user_menu ul li.edit{ background-position: -250px 50%; } div.user_menu ul li.purchases{ background-position: -500px 50%; } div.user_menu ul li.working{ background-position: -750px 50%; } div.user_menu ul li.orders{ background-position: -1000px 50%; } div.user_menu ul li.commissions{ background-position: -1250px 50%; } div.user_menu ul li.products{ background-position: -1500px 50%; } div.user_menu ul li.paypal{ background-position: -1750px 50%; } div.user_content{ float: left; } a.note{ background: url(/images/portal/note.gif) 0 0 no-repeat; float: right; font-size: 16px; padding: 20px 0 10px 36px; } /* new design page */ div.portal{ margin-bottom: 50px; } div.portal:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } * html div.portal{ height: 1%; } * + html div.portal{ min-height: 1%; } div.design{ } div.design div.image{ float: left; width: 30%; } div.design div.image img{ border: 1px solid #CCCCCC; } div.design div.description{ float: right; width: 65%; } div.design div.description h4{ font-size: 1.6em!important; text-transform: none!important; } div.design div.description div.text{ margin-bottom: 20px; } div.design div.description div.create{ padding: 10px; } div.design div.description ul{ background: #F2F2F2; border: 1px solid #F2F2F2; padding: 5px 10px; } div.design div.description ul li{ display: inline; font-size: 12px; padding: 5px 10px; } .button.go { background: #ee8f01; background: -moz-linear-gradient(50% 0, #ee8f01 0, #C77800 100%); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#C77800)); border:1px solid #A16100; color:#FFFFFF !important; } .button.go:hover { box-shadow: 0 -10px 20px -10px rgba(0, 0, 0, .2) inset, 0 1px 3px rgba(0, 0, 0, 0.2); } /* PORTAL CSS */ /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ......................................................... ooo000---PORTAL CSS---000ooo ......................................................... +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ $0.0 all stuff $0.1 general page elements $0.11 headings (H tags) $0.2 header stuff $0.21 pre-navigation $0.22 navigation $0.23 logo $0.3 page specific $0.305 default form styles $0.31 column A specific $0.32 column B $0.4 viewing products $1.0 home page $2.0 shop page $3.0 design page $4.0 other pages (about, contact) $5.0 help section ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ .set:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .set { height: 1px; } * + html .set { min-height: 1px; } /* ############### $0.0 all stuff ############### */ i, em { font-style: italic; } b, strong { font-weight: bold; } /*............................ $0.1 ............................*/ /*............................ $0.11 ............................*/ h2 { font-size: 24px; font-weight: normal; letter-spacing: -0.05em; margin-bottom: 15px; text-transform: none; } h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .column_b h3 { font-size: 14px; letter-spacing: -0.025em; margin-bottom: 15px; padding: 5px 10px; } h4 { font-size: 14px; font-weight: bold; letter-spacing: -0.04em; margin-bottom: 15px; } h5 { font-size: 12px; font-weight: bold; margin-bottom: 15px; } /*............................ $0.2 ............................*/ #header { position: relative; } /*............................ $0.21 top links ............................*/ .phone { background: url(/images/icons/itoolbar_i/16/phone-blue.png) 0 50% no-repeat; clear: both; display: block; float: right; padding: 3px 0 3px 20px; } ul#pre_navigation { display: block; float: right; margin: 0; padding: 3px 0 5px 10px; width: auto!important; } ul#pre_navigation li { border-right: 1px dotted #007ACC; color: #005B99; display: block; float: left; margin: 0!important; padding: 0 6px 0 3px; } ul#pre_navigation li.search { border: 0; padding: 0 0 0 10px; } ul#pre_navigation li.search input.button { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #0091F2; border: 1px solid #0089E5; color: #001E32; font-size: 11px; font-weight: bold; padding: 1px 3px; } ul#pre_navigation li a { background: url(/bimages/ppr/top_icons.gif); background-repeat: no-repeat; color: #001E32; font: bold .9em Arial; padding: 3px 0 3px 18px; } ul#pre_navigation li.selling a { background-position: -750px 0; } ul#pre_navigation li.help a { background-position: -900px 0; } ul#pre_navigation li.login a { background-position: -450px 0; } ul#pre_navigation li.logout a { background-position: -1050px 0; } ul#pre_navigation li.register a { background-position: -600px 0; } ul#pre_navigation li form { display: inline; } ul#pre_navigation li form input { margin: 0; } ul#pre_navigation li label { font: bold .9em Arial; margin-right: 5px; } ul#pre_navigation li.alt { border: 0; float: left; } ul#pre_navigation li.heading { border: 0; font-weight: bold; padding-right: 0; } ul#pre_navigation li.curr { background: #007ACC; color: #003D66; margin-top: -5px!important; padding: 5px!important; } /* dropdown menu stuff */ #navigation li { position: relative; } #navigation li .submenu { background: #F2F2F2; border: 1px solid #BFBFBF; display: none; left: 0; margin: 5px 0 0 0; padding: 0; position: absolute; text-align: left; top: 100%; z-index: 9999; white-space: normal; } #navigation .tail { background: url(/images/arrow_test.png) 0 0 no-repeat; display: none; height: 9px; left: 10px; position: absolute; top: -9px; text-indent: -9999px; width: 19px; } #navigation li .submenu .int { border: 1px solid #BFBFBF; margin: 5px; width: 220px; } #navigation li .submenu li { background: transparent none; border-bottom: 1px solid #BFBFBF; display: block; float: none; height: auto; left: 0; line-height: 14px; margin: 0; padding: 5px 10px; text-align: left; } #navigation li .submenu li:last-child { border-bottom: 0; } #navigation li .submenu a, #navigation li.alt .submenu a { background: transparent none!important; color: #191919; float: none!important; font-size: 11px; height: auto!important; letter-spacing: 0!important; line-height: 14px; margin: 0!important; padding: 0!important; text-transform: none; } #navigation li .submenu li a:hover, #navigation li h4 a:hover { text-decoration: underline; } #navigation li .submenu h4 { background: #D8D8D8; line-height: 24px; margin: 0; padding: 7px 10px; text-align: left; } #navigation li .submenu h4 a, #navigation li.alt .submenu h4 a { color: #323232; font-size: 14px; } /*............................ $0.23 ............................*/ /*............................ $0.3 general page layout ............................*/ /* MAP: z-index in ie7 #content { position: relative; } */ div.portal { clear: both; padding: 0; margin-bottom: 20px; } .column_a { float: left; width: 600px; } * html .column_a { position: relative; } * + html .column_a { position: relative; } .column_b { float: right; margin: 0; width: 185px; } /*............................ $0.305 default form styles ............................*/ ul.form { } ul.form li { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; margin-bottom: 2px; padding: 4px 5px 3px 5px; } ul.form li:after { clear: left; content: "."; display: block; height: 0.01%; line-height: 0; visibility: hidden; } * html ul.form li { height: 1px; } * + html ul.form li { min-height: 1px; } ul.form li.submit { background: transparent none; border: 0; } ul.form li a {} ul.form li label { float: left; font-size: 11px; font-weight: bold; margin-right: 15px; text-align: right; width: 100px; } ul.form li input, ul.form li select, ul.form li textarea { font-size: 11px; } ul.form li input.auto { width: auto; } .poppup { color: #555; } .popup a { color: #404040; text-decoration: underline; } /* .popup table.size_chart tr th { background: -moz-linear-gradient(50% 0, #fff, #eee); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#eee)); border-color: #ddd; } .popup table.size_chart tr td { background: -moz-linear-gradient(50% 0, #fff, #eee); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#eee)); border-color: #ddd; } */ .popup .pagination { background: transparent none; border: none; } .popup ul.form { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 3px rgba(0, 0, 0, .2); box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 3px rgba(0, 0, 0, .2); background: #f8f8f8; margin-bottom: 10px; padding: 3px 5px; } .popup ul.form li { background: #eee; } .popup p { margin-bottom: 14px; } .site_form { margin-bottom: 10px; } .site_form li { margin-bottom: 5px; } .site_form li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .site_form li { height: 1px; } * + html .site_form li { min-height: 1px; } .site_form li label { float: left; font-weight: bold; margin-right: 10px; width: 70px; } .site_form li span.float { float: left; } .button.color { background: #2C2C2C url(/bimages/ppr/color_button.gif) 0 50% no-repeat; border-color: #; border-radius: 4px; border-width: 1px; color: #; float: none; font-size: 12px; height: 28px; padding: 0 5px 0 28px; } .button.color:hover { border-color: #C7D2D2; } .colorbutton { background: #2C2C2C url(/bimages/ppr/color_button.jpg) 0 50% no-repeat; border: 1px solid #0099Ff; border-radius: 3px; color: #0099Ff; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 26px; line-height: 25px; margin: 5px 0; padding: 0 7px 0 30px; text-decoration: none; vertical-align: bottom; } * html .colorbutton { float: left; } .colorbutton.add_to_cart { background-position: 0 50%; margin: 10px 0 0; } * html .colorbutton span { float: left; } .form .colorbutton { margin: 0; } #other_product_opts { display: block; margin-bottom: 15px; text-align: center; } #other_product_opts:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html #other_product_opts { height: 1px; } * + html #other_product_opts { min-height: 1px; } #other_product_opts li { float: left; } #other_product_opts li a { font-size: 12px; margin-right: 20px; } /*............................ $0.31 column A ............................*/ /*............................ $0.32 column B ............................*/ .column_b h3 { margin-bottom: 20px; text-transform: none; } /*............................ $0.4 product views ............................*/ div.sort { margin-bottom: 10px; } div.sort:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.sort { height: 1px; } * + html div.sort { min-height: 1px; } /*div.sort ul { float: left; margin-left: -5px; } div.sort ul li { display: inline; margin-left: 5px; } div.sort div { float: right; text-align: right; } div.sort div label { font-size:10px; margin-right: 5px; }*/ .breadcrumb { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ECECEC; border: 1px solid #E5E5E5; color: #252525; float: left; margin-bottom: 0; padding: 0 10px; } .breadcrumb:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .breadcrumb { height: 1px; } * + html .breadcrumb { min-height: 1px; } .breadcrumb li { background: url(/bimages/ppr/breadcrumb_divider.gif) 0 50% no-repeat; float: left; margin-right: 10px; padding: 7px 0 4px 16px; } .breadcrumb li.home { background: url(/images/icons/itoolbar_i/16/home.png) 0 50% no-repeat; padding-left: 20px; } .breadcrumb li a { color: #252525; } .order { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ECECEC; border: 1px solid #E5E5E5; margin-bottom: 10px; padding: 0; text-align: right; } .order:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .order { height: 1px; } * + html .order { min-height: 1px; } .order ul { float: right; padding: 3px 5px; } .order li { margin: 0; padding: 0; } .order li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .order li { height: 1px; } * + html .order li { min-height: 1px; } .order label { display: block; float: right; margin: 4px 10px 0 0; } .order select { float: right; margin: 0; padding: 0; } /*............................ $0.41 category tabs ............................*/ .feature ul.category { display: block; margin-bottom: 20px; padding: 5px 10px 7px;} .feature ul.category li { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-bottom: 0; display: inline; font-size: 14px; font-weight: normal; letter-spacing: -0.02em; margin: 0 10px 0 0; padding: 5px 7px 7px; } .feature ul.category li.alt { background: #ffffff; } .feature ul.category li.alt a { text-decoration: none; } /*............................ $0.42 products row ............................*/ .feature_box { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #F2F2F2; margin-bottom: 20px; padding: 10px 20px; } #feature_loading { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #F2F2F2; padding: 10px 20px; } #feature_loading h3 { background: url(/bimages/ppr/spinner_bg.gif) 0 50% no-repeat; margin: 0; padding: 0; } #feature_loading h3 b { background: url(/images/spinner_no_bg.gif) 0 50% no-repeat; display: block; margin: 0; padding: 3px 0 3px 30px; } div.feature ul.category { margin-bottom: 0; } div.feature ul.category li.alt { background: #F2F2F2; overflow: visible; } div.feature div.divider { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #F2F2F2; overflow: hidden; position: relative; } div.feature div.category { margin: 0; } * html div.feature div.category { height: 1px; } * + html div.feature div.category { min-height: 1px; } div.feature div.divider .row { margin: 0 10px; padding: 20px 0 10px; position: relative; } .row { margin: 0; } .row:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .row { height: 1px; } * + html .row { min-height: 1px; } .row li.display { float: left; } .row li .empty { background: #F2F2F2; display: block; } .row .window { } .row .window img { display: block; } .row li a.over { background: url(/images/trans.gif) 0 0 repeat; cursor: pointer; display: block; float: left; position: absolute; text-indent: -9999px; visibility: hidden; z-index: 2; } .row li span.corners { background: url(/images/trans.gif) 0 0 repeat; display: none; float: left; position: absolute; text-indent: -9999px; visibility: hidden; z-index: 1; } .corners .tl { ; height: 50%; left: 0; position: absolute; top: 0; width: 50%; } .corners .tr { ; height: 50%; position: absolute; right: 0; top: 0; width: 50%; } .corners .bl { ; bottom: 0; height: 50%; left: 0; position: absolute; width: 50%; } .corners .br { ; bottom: 0; height: 50%; position: absolute; right: 0; width: 50%; } * html .corners .tl, * html .corners .tr, * html .corners .bl, * html .corners .br { display: none; } .row li div.details { display: block; margin-bottom: 15px; } .row li .details ul { display: block; } .row li .details ul li { margin-top: 4px; } div.user_content .row { text-align: left; } div.user_content .row li { margin: 0 1px 10px 0; } .link_more { font-size: 14px; font-weight: bold; margin-bottom: 5px; text-align: right; } div.hide { display: none!important; } .row a.image img { display: block; margin: 0; padding: 0; } .row a.image img.abs { display: none; } img.preview_image { -moz-border-radius: 2px; -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); -webkit-border-radius: 2px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); border: 1px solid #0099FF; position: absolute; z-index: 100000; } .row span.extra { background: url(/images/portal/paperclip.png) 0 0 no-repeat; height: 61px; left: 0; margin: -5px 0 0 20px; position: absolute; width: 27px; z-index: 1000; } .row span.new { background: url(/images/portal/new.png) 0 0 no-repeat; } .row span.featured { background: url(/images/portal/featured.png) 0 0 no-repeat; margin-left: 135px; width: 64px; } .row span.sale { background: url(/images/portal/featured.png) 0 0 no-repeat; } .row ol { display: none; float: left; margin: -5px 0 0 -5px; position: absolute; text-align: left; z-index: 1; } * + html .row ol { min-height: 1px; } .row ol li { border: 0; display: block; float: left; height: 32px; text-indent: -9999px; width: 32px; } .row ol li.featured { background: url(/bimages/ppr/overlay_featured.gif?b=10993323&v=1742259427) 0 0 no-repeat; height: 90px; width: 90px; } .row ol li.popular { background: url(/bimages/ppr/overlay_popular.gif?b=10993323&v=1742259427) 0 0 no-repeat; height: 90px; width: 90px; } .row ol li.hot { background: url(/bimages/ppr/overlay_hot.gif?b=10993323&v=1742259427) 0 0 no-repeat; height: 90px; width: 90px; } .row li ul.processes { display: block; margin: 5px 0; } .row li ul.processes li { border: 0; display: block; margin: 0; } /* ############### $1.0 home ############### */ .page_image { margin-bottom: 20px; } /* ############### $2.0 shop and product pages ############### */ div.product_display { } div.product_display h2 { display: block; } .product_display .image { float: left; padding: 0; width: 430px; } .image .emp { display: none; } .image .interior { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #E5E5E5; margin-bottom: 10px; padding: 10px; } .image .interior { padding: 5px; position: relative; } .image .interior:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .image div.interior { height: 1px; } * + html .image div.interior { min-height: 1px; } .image div#d_pane { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #F2F2F2; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #E5E5E5; height: 400px; width: 400px; } .image div.d_pane { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #F2F2F2; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #E5E5E5; position: relative; text-align: center; } #designs_product .image div.d_pane { margin-bottom: 5px; min-height: 400px; } /*#d_pane { margin: 6px auto; } MAP: this just seems to throw the designer off... */ #designs_design .protect { margin: 10px auto; } .image ul.views { background-color: #F2F2F2; border: 1px solid #E5E5E5; border-radius; 3px; display: block; float: left; padding: 5px 0 0; width: auto; } #designs_product .image ul.views { width: auto; } .image ul.views li { background-color: #F2F2F2; border: 1px solid #E5E5E5; border-radius: 2px; cursor: pointer; display: block; float: left; margin: 0 5px 5px; padding: 10px 0 0; text-align: center; } #designs_product .image ul.views li { float: left; padding: 10px 5px; } .related_product { position: relative; float:left; padding:5px 5px; margin-left:5px; margin-top:5px; margin-bottom:5px; border: 1px solid #E5E5E5; width: 100px; } .related_product .details { margin-top: 5px; } .related_product > a { display: inline-block; text-align: center; width: 100%; min-height: 100px; line-height: 100px; background: #ffffff; overflow: hidden; } .related_product a img { vertical-align: middle; margin-top: -2px; max-height: 100px; max-width: 100px; } .image ul.views li.d_layout_selected { background: #CCCCCC; } .image ul.views li.d_layout_unselected { background: #F2F2F2; } .image ul.views li.d_layout_mouseover { background: #E5E5E5; } .image .views li b { display: none; } .image .views li img { -moz-border-radius: 1px; -webkit-border-radius; 1px; background: #CCCCCC; width: 100px; } .image .views li div.select_non_vis { width:100px; height:100px; margin:0px; font-size: 20px; color: #7F7F7F; text-align: center; vertical-align: middle; background-color: #ffffff; display: table; } .image .views li div.select_non_vis div { display: table-cell; vertical-align: middle; text-align: center; } .image .views li label { clear: both; display: block; font-size: 12px; font-weight: bold; padding: 4px 5px; } #c_n_container { background: url(/bimages/ppr/c_n_bg.png); cursor: auto; display: none; font-size: 14px; position: absolute; width: 100%; z-index: 100; } #c_n_container .c_n_int { padding: 10px 30px 30px; } #c_n_container .c_n_int li { font-size: 18px; letter-spacing: -0.03em; line-height: 24px; } #c_n_frame { display: none; position: absolute; z-index: 1; } #c_n_frame b { background-image: url(/bimages/ppr/c_n_border.png); background-repeat: no-repeat; height: 50%; position: absolute; text-indent: -9999px; width: 50%; } #c_n_frame b.tl { background-position: 0 0; left: 0; top: 0; } #c_n_frame b.tr { background-position: 100% 0; right: 0; top: 0; } #c_n_frame b.bl { background-position: 0 100%; bottom: 0; left: 0; } #c_n_frame b.br { background-position: 100% 100%; bottom: 0; right: 0; } /* gift certificate style */ .product_display.gift_certificate .image { width: 70%; } .product_display.gift_certificate .description { width: 29%; } /* description */ div.product_display div.description { float: right; padding: 0; width: 360px; } div.product_display div.description .meta { border: transparent none; margin: 5px 5px 10px; } div.product_display div.description h3 { font-size: 14px; font-weight: bold; letter-spacing: -0.025em; margin: 0; } /* add things */ div.product_display div.description div.add { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #E5E5E5; margin-bottom: 20px; padding: 10px; } div.product_display div.description div.add ul li { border-bottom: 1px solid #E5E5E5; font-size: 11px; display: block; padding: 4px 0 3px; } div.product_display div.description div.add ul li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.product_display div.description div.add ul li { height: 1%; } * + html div.product_display div.description div.add ul li { min-height: 1%; } div.product_display div.description div.add ul>li>label { float: left; display: block; width: 35%; } /* colors */ div.product_display div.description div.add ul li.col { } div.product_display div.description div.add ul li.add_to_cart { border-bottom: 0; } /* multi ul */ div.product_display div.description div.add ul.multi_qty { border-top: 1px dotted #CCCCCC; display: block; margin-top: 5px; padding: 10px 0 5px; } div.product_display div.description div.add ul.multi_qty li { border: 0; float: left; width: 33%; } div.product_display div.description div.add ul.multi_qty label { float: left; font-size: 1.2em; padding: 4px 5% 4px 0; text-align: right; } /* customise */ div.product_display div.description a.custom { border: 1px dotted #CCCCCC; display: block; font-size: 24px; font-weight: normal; letter-spacing: -0.07em; padding: 5px 10px 10px; text-align: right; } div.product_display div.description a.custom:hover { background: red; } a.no_decorate_name_link { display: none;} /* price things */ div.product_display div.description div.add ul li.price { background: #565449; border-bottom: 1px dotted #27241d; font-size: 24px; text-align: right; } div.product_display div.description div.add ul li.price label { font-size: 14px; margin-left: 2%; padding-top: 3px; text-align: left; width: 38%; } span.price_currency_code, span.discount_currency_code { font-size: 11px; } /* add to cart */ div.product_display div.description div.add ul li.add_button { border: none; padding-top: 5px; text-align: right; } div.product_display div.description div.add ul li.add_button a { font-size: 24px; letter-spacing: -0.07em; } div.product_display div.description .campaign_description { font-size: 15px; padding: 5px } /* controls for this page */ .meta { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #F2F2F2; margin: 20px 0 30px; padding: 5px; } .meta.categories { background: #F2F2F2; border: 1px solid #E5E5E5; } .meta .int { clear: both; } .meta ul, .meta ol, .meta p { clear: both; } .meta ul.login { clear: both; margin-bottom: 10px; } /* subcategories */ ul.subcategories { clear: both; } ul.subcategories li { margin: 0!important; padding: 0!important; } ul.subcategories li.alt { background: #F2F2F2; } ul.subcategories li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.subcategories li { height: 1px; } * + html ul.subcategories li { min-height: 1px; } ul.subcategories li label { display: block; float: left; font-size: 12px; } ul.subcategories li input { float: left; margin-right: 5px; } ul.subcategories li a { margin: 0; padding: 0; } ul.subcategories li span { display: block; margin: 0; padding: 3px 0 4px 15px; } .meta ul.menu:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .meta ul.menu { height: 1px; } * + html .meta ul.menu { min-height: 1px; } /* das product list */ #c_n_container.ds { display: block; height: 100%; overflow: hidden; } .ds_products { margin-bottom: 40px; padding: 0; } #c_n_container .ds_products { bottom: 0; left: 0; margin-bottom: 20px; position: absolute; } .ds_list { margin: 0 25px; padding: 10px 0; text-align: center; } .ds_list:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .ds_list { height: 1px; } * + html .ds_list { min-height: 1px; } #c_n_container .ds_list { margin: 0 40px; } .ds_list .display { margin-bottom: 2px; } .ds_list li.display { margin-bottom: 2px; } .ds_list .display .details { font-size: 11px!important; margin-bottom: 7px; } .ds_list .display .details li { font-size: 11px!important; line-height: 14px!important; padding: 2px 0; } .ds_list .display a img { display: inline-block; margin-left: -15px; } .ds_list .over:hover { border: 2px solid #0099FF; margin: -2px 0 0 -2px; } .ds_foot { display: block; text-align: center; } .ds_view { -moz-box-shadow: 0 15px 15px -10px rgba(255, 255, 255, .1) inset, 0 -15px 15px -10px rgba(0, 0, 0, .1) inset; -webkit-box-shadow: 0 15px 15px -10px rgba(255, 255, 255, .1) inset, 0 -15px 15px -10px rgba(0, 0, 0, .1) inset; box-shadow: 0 15px 15px -10px rgba(255, 255, 255, .1) inset, 0 -15px 15px -10px rgba(0, 0, 0, .1) inset; background: #E5E5E5; border: 1px solid #F2F2F2; display: inline-block; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 10px 15px; text-align: center; text-decoration: none; } /* ds popup */ #ds_all_products { width: 750px; } .ds_cat_col { float: left; width: 220px; } .ds_pop_cats { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; background: #f8f8f8; border: 1px solid #ddd; max-height: 400px; overflow: auto; } .ds_pop_cats ul { margin-left: 22px; } .ds_pop_cats ul li { background: url(/images/admin/cat.gif) 7px 0 repeat-y; } .ds_pop_cats ul li:last-child { background: url(/images/admin/cat.gif) 7px 0 no-repeat; } .ds_pop_cats ul li span { background: url(/images/admin/cat_h.gif) 12px 12px no-repeat; display: block; line-height: 24px; } .ds_pop_cats ul li a { color: #404040!important; } .ds_pop_cats ul li .alt_icon { margin: 0 5px 0 0; padding: 0; } .ds_pop_cats ul li a.folder, .ds_pop_cats ul li a.cate { background: url(/images/icons/famfam/folder.png) 0 50% no-repeat; cursor: pointer; padding: 0 10px 0 22px; } .ds_pop_cats ul li .folder.current, .ds_pop_cats ul li .cate.current { background-color: #ddd; } .alt_icon { background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 16px; line-height: 16px; margin: 2px 2px 0; padding: 0; text-indent: -9999px; width: 16px; } .alt_icon.help { background-image: url(/images/icons/famfam/help.png); } .alt_icon.close { background-image: url(/images/icons/famfam/bullet_toggle_minus.png); } .alt_icon.null { background-image: url(/images/icons/famfam/bullet_white.png); } .alt_icon.cat_open, .alt_icon.open { background-image: url(/images/icons/famfam/bullet_toggle_plus.png); } /* product list */ .prod_list_container { border: 1px solid #ddd; max-height: 400px; overflow: auto; } .prod_list { margin: 0 10px; } .prod_list>li { border-bottom: 1px solid #eee; padding: 10px 0; } /* .prod_list .prod_image { width: 110px; } */ .prod_list .prod_vendor { margin: 5px; width: 95px;} .prod_image .color_list { padding: 10px 5px; } .prod_list .prod_content { width: 480px; } .prod_list .sub_button { display: block; } .product_search_filter { float:right;} .ds_products_col { float: right; width: 480px; } .personalize { background: #F2F2F2; border: 1px solid #E5E5E5; margin-bottom: 10px; } .personalize h3 { -moz-box-shadow: 0 -1px 0 #E5E5E5 inset, 0 -8px 10px -4px #CCCCCC inset; -webkit-box-shadow: 0 -1px 0 #E5E5E5 inset, 0 -8px 10px -4px #CCCCCC inset; box-shadow: 0 -1px 0 #E5E5E5 inset, 0 -8px 10px -4px #CCCCCC inset; background: #E5E5E5; border-bottom: 1px solid #E5E5E5; font-size: 14px; padding: 7px 10px; } .personalize h4 { font-size: 12px; margin: 5px 10px; } .personalize .ul_add .entry { background: transparent none; border-bottom: 1px solid #E5E5E5; padding: 4px 10px; } .personalize .ul_add .entry label { padding: 0 0 4px; } .personalize_text { line-height: 24px; } .personalize_text:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .personalize_text { height: 1px; } * + html .personalize_text { min-height: 1px; } .personalize_text input, .personalize_text textarea { float: left; font-size: 14px; line-height: 20px; } .personalize_text .color_panel { float: left; } .personalize_text .colorbutton { clear: left; display: inline-block; float: left; margin: -2px 0 -4px !important; } * html .personalize_text .colorbutton { display: inline; } * + html .personalize_text .colorbutton { display: inline; } .personalize_text .colorbutton div { display: inline-block; width: 20px; height: 20px; } * html .personalize_text .colorbutton div { display: inline; } * + html .personalize_text .colorbutton div { display: inline; } .personalize_image { padding: 7px 0; text-align: center; } .ps_image_box { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px dotted #CCCCCC; display: inline-block; margin-bottom: 5px; text-decoration: none; } .ps_image_box:hover { border-color: #E5E5E5; } .personalize_image li { display: inline-block; padding: 0 5px; } /* team names */ .teamnames_panel { border-bottom: 1px solid #E5E5E5; margin-bottom: 10px; } .teamnames_panel .base { margin-bottom: 0; } .teamnames_panel .submit { margin: 0; padding: 1px; } .teamnames_panel .icon { margin: 0; padding: 0; text-indent: -9999px; width: 16px; } /* add */ .ul_add .radio { } .ul_add .radio { border: none; } .ul_add .radio li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .ul_add .radio li { height: 1px; } * + html .ul_add .radio li { min-height: 1px; } .ul_add .radio input { float: left; font-size: 17px; } .ul_add .radio label { float: left; } .add_to_cart { margin-bottom: 5px; padding: 0 10px; } .add_to_cart:after { clear: both; content: "."; display: block; height: 0; line-height: 0; padding: 0 10px; visibility: hidden; } * html .add_to_cart { height: 1px; } * + html .add_to_cart { min-height: 1px; } .add_to_cart li { float: left; margin-right: 15px; } .add_to_cart li label { display: block; font-weight: bold; } .add_to_cart li .colorbutton.add_to_cart { margin: -6px 0 0; } .personalize .ul_add.image_items .entry { background: transparent none; } a.add_to_cart { padding-left: 32px; } /* tab wrapper */ .tab_wrapper { margin-bottom: 10px; } .tax_notice { display: block; font-size: 9px; margin-bottom: 15px; } /* tab list */ .tab_list { padding: 0 2px; } .tab_list:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .tab_list { height: 1px; } * + html .tab_list { min-height: 1px; } .tab_list li { display: block; float: left; } .tab_list li a { display: block; float: left; line-height: 22px; margin: 0 2px -1px; padding: 0 7px 0 4px; } .tab_list .current { background: #F2F2F2; border: 1px solid #E5E5E5; border-width: 1px 1px 0 1px; } .tab_list li a span { display: block; float: left; line-height: 22px; padding-left: 20px; } #tab_button_details span { background: url(/images/icons/itoolbar_ii/16/file.png) 0 50% no-repeat; } #tab_button_description span { background: url(/images/icons/itoolbar_ii/16/doc.png) 0 50% no-repeat; } #tab_button_sizing span { background: url(/images/icons/itoolbar_ii/16/ruler.png) 0 50% no-repeat; } #tab_button_shipping span { background: url(/images/icons/itoolbar_ii/16/truck.png) 0 50% no-repeat; } .tab_content { background: #F2F2F2; border: 1px solid #E5E5E5; padding: 5px; } .tab_content .extraneous, .tab_content .size_chart { background: transparent none; margin: 0; padding: 0; } .tabless_content h4 { margin: 10px 0 5px } /* left hand column stuff */ .lhs_box { border-bottom: 1px solid #F2F2F2; display: block; padding:10px 0; margin:15px 0; } /* secure stuff */ .secure h4 { background: url(/images/lock.gif) 0 50% no-repeat; padding-left: 20px; } .secure ul { display: block; } .secure ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .secure ul { height: 1px; } * + html .secure ul { min-height: 1px; } .secure ul li { display: block; float: left; margin: 10px 5px 0 0; } .secure ul li img { display: block; } .secure ul li.rapid { margin: 0 5px 0 0; } .column_b .secure .rapid { display: block; float: none; } /* portal categories */ ul.create_nav { } ul.create_nav ul.category { height: 0;overflow: hidden; } .meta h3 { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #F2F2F2; display: block; float: left; font-size: 14px; font-weight: bold; letter-spacing: -0.035em; margin: -30px 0 5px -5px; padding: 7px 10px; } * html .meta h3 { display: inline; position: relative; } .meta h5 { clear: both; font-size: 12px; font-weight: bold; margin: 0 0 5px; } .meta.categories h3 { background: #F2F2F2; } .meta ul.menu li { float: left; margin-right: 8px; } .meta ul.menu li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .meta ul.menu li { height: 1px; } * + html .meta ul.menu li { min-height: 1px; } .meta ul.menu li a { background: url(/bimages/ppr/tool_icons.gif) 0 50% no-repeat; float: left; padding: 3px 0 3px 20px; } .meta ul.menu li.profile a { background-position: -1000px 50%; } .meta ul.menu li.bookmark a { background-position: -250px 50%; } .meta ul.menu li.report a { background-position: -500px 50%; } .meta ul.menu li.edit a { background-position: -1749px 50%; } .meta ul.owner li { background: url(/bimages/ppr/tool_icons.gif) 0 50% no-repeat; margin-right: 8px; padding: 3px 0 3px 20px; } .meta ul.owner li.profile { background-position: -1000px 50%; } .meta ul.owner li.member { background-position: -1500px 50%; } .meta ul.owner li.products { background-position: -1749px 50%; } .meta ul.owner li.report { background-position: -500px 50%; } /* share menu */ .share { float: right; } .share:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .share li { float: left; margin-left: 15px; } .share li a { display: inline; display: inline-block; line-height: 20px; padding-left: 22px; } .ul_add { } .ul_add li { } .ul_add li label { display: block; font-weight: bold; margin: 0 0 3px 5px; } /* alt ul_add for images (floating) */ .ul_add.image_items { } .ul_add.image_items:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .ul_add.image_items { height: 1px; } * + html .ul_add.image_items { min-height: 1px; } .personalize .ul_add.image_items .entry { border: none; float: left; } .personalize_image ul li { display: block; float: none; padding: 0; width: auto; } .personalize_image ul li.hidden { display: none !important; } .personalize_image .colors ul li { display: inline-block; } .personalize .colors { padding: 0; text-align: center; } .personalize .colors:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .personalize .colors { height: 1px; } * + html .personalize .colors { min-height: 1px; } .personalize .colors .color_list { display: inline; display: inline-block; padding: 0; width: 60px; } .personalize .colors .color_list li { float: none; padding: 0; line-height: 0; } /* */ span#report_status_product { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ffffff url(/bimages/ppr/tool_icons.gif) -748px 50% no-repeat; display: none; font-size: 12px; font-weight: bold; margin: 5px 0 0; padding: 8px 5px 8px 36px; } .meta.categories span.all { clear: both; display: block; font-size: 12px; font-weight: bold; padding: 4px 0 4px; } .meta.categories ul { clear: both; } ul.secondary, ul.secondary ul, .subcategories .subcategories { padding-left: 10px; } .meta.categories ul li { margin-bottom: 0; padding-bottom: 0; } .meta.categories ul li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .meta.categories ul li { height: 1px; } * + html .meta.categories ul li { min-height: 1px; } .meta.categories ul li span.color_list { border-bottom: 1px solid #E5E5E5; display: block; padding: 3px 5px 3px 5px; } .meta.categories ul li span.color_list:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * + html .meta.categories ul li span.color_list { min-height: 1px; } * html .meta.categories ul li span.color_list { height: 1px; } .meta.categories ul li.gallery { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; } .meta.categories ul li.gallery a { background: url(/bimages/ppr/tool_icons.gif) -1248px 50% no-repeat; display: block; margin-bottom: 10px; padding: 3px 8px 3px 20px; } /* custom options */ .meta.categories ul li .custom_option, .custom_option { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #F2F2F2; border: 1px solid #E5E5E5; margin-bottom: 5px; padding: 5px; } .meta.categories ul li .custom_option ul, .custom_option ul { } .meta.categories ul li .custom_option li, .custom_option li { border-bottom: 1px solid #E5E5E5; padding: 3px 0 4px; } .meta.categories ul li .custom_option li:last-child, .custom_option li:last-child { border: 0; } .meta.categories ul li .custom_option li label, .custom_option li label { display: inline; font-size: 11px; } .meta.categories ul li .custom_option ul ul, .custom_option ul ul { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #F2F2F2;border: 1px solid #E5E5E5; margin: 0 0 5px; padding: 5px; } .meta.categories ul li .custom_option ul ul li, .custom_option ul ul li { padding: 0; } /* discussions */ div.discussions { } div#comment_items { margin-bottom: 10px; } div.comment_cell { border-bottom: 1px solid #CCCCCC; display: block; padding: 5px 10px 10px; } div.comment_cell:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.comment_cell { height: 1px; } * + html div.comment_cell { min-height: 1px; } .comment_admin { background: #F2F2F2; } .comment_current { background: #E5E5E5; } .comment_reported { background: #CCCCCC; } div.comment_cell div.details { float: left; width: 22%; } div.comment_cell div.details div.interior { padding: 5px 5px 10px; } div.comment_cell div.details img { border: 1px solid #F2F2F2; margin-bottom: 5px; } div.comment_cell div.comment { float: left; width: 390px; } div.comment_cell ul.tools { display: block; margin-bottom: 5px; text-align: right; } div.comment_cell ul.tools li { display: inline; margin-left: 10px; } /* voting */ ul.voting { } ul.voting li { display: inline; } ul.voting li.right { float: none; text-align: left; width: auto; } ul.voting li a { background-image: url(/bimages/ppr/vote.gif); background-position: 0 0; display: block; float: left; height: 32px; text-indent: -9999px; width: 16px; } ul.voting li.right a { background-position: 100% 0; } ul.voting li a.alt { background-position: 0 100%; } ul.voting li.right a.alt { background-position: 100% 100%; } /* ############### $3.0 design page ############### */ div.design { } div.design div.image { float: left; width: 40%; } div.design div.image img { border: 1px dotted #CCCCCC; } div.design div.description { float: right; width: 58%; } div.design div.description div.text { margin-bottom: 20px; } div.design div.description div.create { border: 1px dotted #CCCCCC; padding: 10px; } div.design div.description ul { } div.design div.description ul li { display: inline; font-size: 12px; padding: 5px 10px; } div.design div.description ul.user { } div.design div.description ul.user li { display: block; width: 100%; } div.design div.description ul.user li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } * html div.design div.description ul.user li { height: 1%; } * + html div.design div.description ul.user li { min-height: 1%; } div.design div.description ul.user li label { display: block; float: left; font-size: 16px; width: 120px; } ul.user li span { display: block; float: left; } div.design div.description ul.user li.delete { text-align: right; font-size: 16px; } div.design div.description ul.user li.delete a { font-size: 18px; font-weight: bold; } div.design_display div { } /* ############### $5.0 help section ############### */ ul.faq li{ background: url(/bimages/ppr/help_icons.gif) 0 0 no-repeat; padding-left: 20px; } ul.faq li.selling{background-position: -300px 0;} ul.faq li.buying{background-position: -600px 0;} ul.faq li.designer{background-position: -900px 0;} ul.faq li.printing{background-position: -1200px 0;} ul.faq li.product{background-position: -1500px 0;} ul.faq li.shipping{background-position: -1800px 0;} ul.faq li.gallery{background-position: -2100px 0;} ul.faq li.store{background-position: -2400px 0;} ul.faq li.terms{background-position: -2700px 0;} ul.faq li.copyright{background-position: -3000px 0;} ul.faq li.privacy{background-position: -3300px 0;} ul.faq li.feedback{background-position: -3600px 0;} ul.faq li.contact{background-position: -3900px 0;} ul.faq li.report{background-position: -4200px 0;} body#home_returns ul.faq li.returns, body#home_faq_store ul.faq li.store, body#home_faq_gallery ul.faq li.gallery, body#home_feedback ul.faq li.feedback, body#home_contact ul.faq li.contact, body#home_faq_general ul.faq li.general, body#home_faq_selling ul.faq li.selling, body#home_faq_buying ul.faq li.buying, body#home_faq_designer ul.faq li.designer, body#home_printing ul.faq li.printing, body#product_info_ptype ul.faq li.product, body#home_shipping ul.faq li.shipping, body#home_gallery ul.faq li.gallery, body#home_store ul.faq li.store, body#home_useragree ul.faq li.terms, body#home_copyright_info ul.faq li.copyright, body#home_privacy ul.faq li.privacy { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2 none; border: 1px solid #F2F2F2; padding: 5px 10px 5px 10px; } ul.faq{ margin-bottom: 20px; } ul.faq li{ margin-bottom: 12px; } ul.faq a{ font-size: 16px; line-height: 14px; } ul.faq a span{ color: #2C2C2C; display: block; font-size: 11px; text-decoration: none; } /* faq content styles */ ul.questions{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #F2F2F2; margin-bottom: 20px; padding: 10px 10px 5px; } ul.questions li{ margin-bottom: 7px; padding-bottom: 5px; } a.question{ display: block; font-size: 12px; margin-bottom: 5px; } div.answer{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; margin: 0; overflow: hidden; padding: 0; } div.answer p{ display: block; padding: 5px 10px; } div.answer ol{ display: block; padding: 10px; } /* home page only */ div#home div{ background: url(/images/portal/cut.png) 0 0 no-repeat; float: left; margin: 0; padding: 0; width: 50%; } div#home div div{ background: transparent none; padding-left: 120px; width: auto; } div#home h2{ color: #00ccff; font-size: 3em; font-weight: normal; letter-spacing: -0.07em; margin-bottom: 20px; text-transform: uppercase; } div#home ul li{ background: url(/images/portal/ok.png) 0 50% no-repeat; font-size: 1.8em; letter-spacing: -0.04em; margin-bottom: 7px; padding-left: 40px; } /* *************************************************************** products section ***************************************************************** */ /* create */ ul.create{} ul.create li{ float: left; width: 20%; } /*--------------------------------------------------------- PROFILE PAGE ----------------------------------------------------------*/ div.profile{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #E5E5E5; display: block; margin-bottom: 20px; padding: 10px; } div.profile:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.profile{ height: 1%; } * + html div.profile{ min-height: 1%; } div.profile div{ } div.profile img.avatar{ display: inline; float: left; margin-right: 20px; max-width: 90px; } * html div.profile img.avatar{ width: expression(this.width > 90 ? 90: true); } div.profile ul.user_edit{ float: right; width: 80%; } div.profile ul.user_edit li{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; margin-bottom: 1px; padding: 3px 10px 2px; } div.profile ul.user_edit li:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.profile ul.user_edit li{ height: 1px; } * + html div.profile ul.user_edit li{ min-height: 1px; } div.profile ul.user_edit label{ display: block; float: left; margin-right: 5%; width: 25%; } div.profile ul.user_edit span{ display: block; float: right; width: 70%; } img.avatar{ float: left; } /*+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+== ADMIN SECTION STYLES +==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==+==*/ div.user_menu { float: right; width: 22%; } div.user_menu { float: none; width: 100%; } div.user_menu ul { margin-bottom: 20px; } div.user_menu ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.user_menu ul { height: 1px; } * + html div.user_menu ul { min-height: 1px; } div.user_menu ul li{ background-image: url(/bimages/ppr/admin_icons.gif); background-position: 3px 50%; background-repeat: no-repeat; float: left; margin-right: 10px; padding: 2px 10px 2px 23px; } div.user_menu ul li.dashboard{ background-position: -2247px 50%; } div.user_menu ul li.view{ background-position: 3px 50%; } div.user_menu ul li.edit{ background-position: -247px 50%; } div.user_menu ul li.purchases{ background-position: -497px 50%; } div.user_menu ul li.working{ background-position: -747px 50%; } div.user_menu ul li.orders{ background-position: -997px 50%; } div.user_menu ul li.commissions{ background-position: -1247px 50%; } div.user_menu ul li.products{ background-position: -1497px 50%; } div.user_menu ul li.top_fives{ background-position: -2497px 50%; } div.user_menu ul li.paypal{ background-position: -1747px 50%; } div.user_menu ul li.assets{ background-position: -2247px 50%; } div.user_menu ul li.profile{ background-position: -1997px 50%; } body#settings_dashboard div.user_menu ul li.dashboard, body#user_edit div.user_menu ul li.edit, body#user_orders div.user_menu ul li.purchases, body#assets_index div.user_menu ul li.view, body#user_working_copies div.user_menu ul li.working, body#user_assets div.user_menu ul li.dashboard, body#user_top_fives div.user_menu ul li.top_fives, body#view_orders_index div.user_menu ul li.orders, body#view_commissions_index div.user_menu ul li.commissions, body#cproducts_index div.user_menu ul li.products, body#settings_account div.user_menu ul li.paypal, body#user_assets div.user_menu ul li.assets{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #F2F2F2; border: 1px solid #E5E5E5; margin-bottom: 3px; } div.user_content{ float: left; width: 75%; } div.user_content{ display: block; float: none; width: 100%; } a.note{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #E5E5E5; float: right; font-size: 14px; font-weight: bold; padding: 3px 5px; text-decoration: none; } /*^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^% SIGNUP ^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%*/ .signup {} .signup li { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #F2F2F2; display: block; margin: 0 0 5px; padding: 10px; } .signup li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } * html .signup li { height: 1px; } * + html .signup li { min-height: 1px; } .signup li label { display: block; float: left; font-size: 12px; font-weight: bold; margin-right: 10px; padding: 3px 0; text-align: right; width: 180px; } .signup input, .signup select { font-size: 12px; } ul.signup li p { font-size: 1em; margin: 3px 0 5px; padding: 3px 0 0 190px;} ul.signup li.terms p { padding: 3px 0 0 3px;} .signup li .register_a { -moz-border-radius: 2px; -webkit-border-radius; 2px; background: #F2F2F2; border: 1px solid #E5E5E5; clear: left; float: left; margin-bottom: 20px; padding: 10px 0; width: 63%; } .signup .register_b { float: right; margin: 0 0 20px; width: 33%; } .signup li .register_b li { border: 1px solid #F2F2F2; border-width: 0 0 1px; color: #787878; padding: 3px 0 3px 7px; } .signup div:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .signup div { height: 1px; } * + html .signup div { min-height: 1px; } .signup .custom_values { float: left; } .signup .custom_values li { background: transparent none; border: none; margin: 0 0 3px; padding: 3px 10px; } .signup .custom_values label { display: inline-block; float: none; text-align: left; } .signup .custom_values input { display: inline-block; float: none; vertical-align: top; } * html .signup .custom_values input { display: inline; } * + html .signup .custom_values input { display: inline; } .signup .custom_values p { padding: 3px 0 0; } li.radio div.options { float: left; margin: 0 1% 20px 17px; width: 29%; } li.radio div.options input { margin-left: -17px; position: absolute; } li.radio div.options label { display: block; font-size: 14px; font-weight: bold; line-height: 14px; margin-bottom: 7px; } li.radio div.options label span { font-size: 11px; font-weight: normal; } li.terms div.terms { border: 1px solid #CCCCCC; height: 120px; overflow-y: auto; margin-bottom: 10px; padding: 5px; } /*^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^% SIGNUP ^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%*/ ul.user{ } ul.user li{ margin-bottom: 8px; } ul.user li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } * html ul.user li{ height: 1%; } * + html ul.user li{ min-height: 1%; } ul.user li label{ float: left; font-size: 11px; font-weight: bold; margin-right: 5px; width: 45px } ul.user input{ font-size: 1.3em; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GALLERY STYLEZ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ /* menu */ div.gallery ul { margin: 0; } div.gallery ul li { padding: 3px 0; } /* gallery and alt need their own classes derived from PAGE_BG */ div.gallery ul li.gallery { background: #CCCCCC; } div.gallery ul li.alt { background: #E5E5E5; } div.gallery ul li label { font-size: 11px; font-weight: bold; width: 40%; } div.gallery ul li a { } div.gallery ul.user { border: 1px dotted #CCCCCC; margin-top: -1px; } div.gallery ul.user li { border: 0; margin: 0; padding: 2px 5px; } /*-------------------------------------------------------- CSS TESTS ----------------------------------------------------------*/ h4.create{ border: 1px solid #CCCCCC; margin: 0!important; padding: 5px; } /* profile stuff prac */ div.actions{ background: #F2F2F2; border: 1px dotted #E5E5E5; padding: 5px 15px 20px 5px; } div.actions ul{ display: block;line-height:17px; } div.actions ul li{ display: block; padding: 2px 0 2px 20px; } div.actions ul li.view{ } div.actions ul li.delete{ } div.actions ul li.configure{ } div.actions ul li.private{ } div.actions ul li.public{ } div.actions ul li a{ font-size: .9em; text-decoration: none; } /* ****************************************************** NOTES (un-implemented stuff that I'm working on will be under here) ****************************************************** a. forms will be within default: ul.form (from now on) pages that need fixing up: profile, login, register. b. default header sizes! based off 62.5% making 1em ~ 10px b.i. h1 main site heading ( no default size, generally a logo ) b.ii. h2 page headings ( 3em, uppercase )[not finalised yet] (Arial Narrow?) b.iii. h3 general headings are in here ( 2.4em, capitalized ) (Arial Narrow?) b.iv. h4 general subheadings (of h3) ( 1.8em ) (Arial Narrow?) b.v. h5 minor sub sub headings ( 1.4em ) */ div.submit { margin-bottom: 10px; padding: 5px 0; } div.submit:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.submit { height: 1px; } * + html div.submit { min-height: 1px; } /* user content buttons */ table.product{ border-collapse: collapse; border: 1px solid #CCCCCC; width: 100%; } table.product td{ border: solid #CCCCCC; border-width: 0 1px; padding: 10px; vertical-align: top; } table.product tr.content td{ border-bottom: 1px solid #CCCCCC; } ul.product_details{ } ul.product_details li{ padding-bottom: 2px; } ul.product_details li label{ float: left; font-weight: bold; text-align: left; width: 85px; } ul.product_details li input.product_name{ width: 140px; } ul.product_details li textarea.product_description{ width: 140px; } div.user_content div.thumb_border{ border: 1px solid #CCCCCC; } div.user_content ul.costs{ border: solid #CCCCCC; border-width: 1px 1px 0; } div.user_content ul.costs li{ border-bottom: 1px solid #CCCCCC; padding: 3px; text-align: right; } div.user_content ul.costs li.retail{ } div.user_content ul.costs li input{ text-align: right; } div.user_content ul.costs li label{ width: 70px; } div.user_content div.actions{ background: transparent none; border: 0; padding: 0; } div.user_content div.actions ul{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #404040; border: 1px solid #404040; padding: 7px 10px; text-align: right; } div.user_content div.actions ul li{ display: inline; margin-right: 10px; padding: 2px 0 2px 20px; } div.actions ul li a{ font-size: 11px; font-weight: bold; } div.actions ul li.view{ background: url(/images/admin/product_view.gif) 0 50% no-repeat; } div.actions ul li.delete{ background: url(/images/admin/delete_button.gif) 0 50% no-repeat; } div.actions ul li.configure{ background: url(/images/admin/config.gif) 0 50% no-repeat; } div.actions ul li.private{ background: url(/images/admin/locked.gif) 0 50% no-repeat; } div.actions ul li.public{ background: url(/images/admin/unlock_button.gif) 0 50% no-repeat; } div.actions ul li.save{ background: url(/images/admin/icon_save_dark.gif) 0 50% no-repeat; } div.actions ul li.cancel{ background: url(/images/admin/icon_save_cancel.gif) 0 50% no-repeat; } div.actions ul li.arrows{ float: left; margin: 0 5px 0 0; padding: 0; } div.actions ul li a{ font-size: .9em; text-decoration: none; } /*---------------current row---------------*/ div.current_row{ position: relative; z-index: 3001; } div.previous_row{ position: static; z-index: 1; } /* LOG ME IN */ div.login_a{ float: left; margin-right: 15px; width: 38%; } div.login_b{ float: right; width: 20%; } ul.signup{ background: line-height: 16px; padding-left: } /* FOOTER STUFF */ div#footer div#footer_nav{ display: block; position: static; text-align: left; } div#footer div.helpers{ display: block; float: left; margin: 0 40px 0 0; padding: 0; text-align: left; vertical-align: top; width: auto; } * html div#footer div.helpers{ display: inline; } * + html div#footer div.helpers{ display: inline; } div#footer div.helpers h3{ } div#footer div.helpers h3:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } div#footer div.helpers ul{ float: left; line-height: 1.6em; } div#footer div.helpers ul li{ font-weight: bold; } div#footer div.helpers ul li a{ font-size: 11px; font-weight: normal; text-decoration: none; } /* base tables */ table.base { border-collapse: collapse; margin-bottom: 20px; text-align: left; } table.base tr th { background: #F2F2F2; border: 1px solid #E5E5E5; color: #2C2C2C; font-size: 11px; font-weight: bold; padding: 10px 5px; text-transform: none; } table.base tr td { background: #; border: 1px solid #E5E5E5; color: #2C2C2C; padding: 3px 5px; } table.base tr.alt td { background: #ffffff; } table.base tr.white td { background: #fff none; } table.base tr.white.alt td { background: #eee none; } table.topalign td, table tr.topalign td, table tr td.topalign{ vertical-align: top; } table.base tr td a{ color: #404040; font-weight: bold; } table.base tr.empty td{ background: transparent none; border: 0; height: 3px; line-height: 0; padding: 0; } table.hundred{ width: 100%; } .align_center{ text-align: center; } .align_right{ text-align: right; } table.base table.product_images tr td{ background: #fff; border: 1px solid #ddd; padding: 1px; } table.base table.product_images tr td img{ border: 1px solid #eee; } table.base ul {} table.base ul li { display: inline; margin-right: 10px; padding: 5px 0 5px 20px; } table.base ul li.edit { background: url(/images/portal/icon_image_edit_light_16.gif) 0 50% no-repeat; } table.base ul li.delete { background: url(/images/portal/icon_delete_light_16.gif) 0 50% no-repeat; } /* size table */ table.base.size_table { margin: -5px 0 0; } table.base.size_table td, table.base.size_table th { line-height: 20px; padding: 1px; text-align: center; } table.base.size_table td input { margin: 0; text-align: right; width: 22px; } /* base ul */ div.form { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #F2F2F2; border: 1px solid #E5E5E5; margin: 15px 0 20px; padding: 20px; } div.form div.note { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #E5E5E5; margin: 0 0 20px; padding: 10px; } ul.base { } ul.base li { margin: 0 0 5px; padding: 3px; } ul.base li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.base li { height: 1px; } * + html ul.base li { min-height: 1px; } ul.base li.submit { margin: 0; padding: 0; } ul.base .button { margin: 0; } ul.base li label { display: block; float: left; font-size: 12px; font-weight: bold; margin-right: 25px; text-align: right; width: 150px; } ul.base li label img { float: left; margin-top: -5px; } ul.base li span.hint { display: block; font-size: 10px; padding-left: 175px; } /* voting */ .meta div.vote{ } .meta div.vote span#vote_average{ clear: both;display: block; font-size: 11px; font-weight: bold; margin: 0; } .meta ul.scoring{ display: inline; } .meta ul.scoring li{ background-image: url(/bimages/ppr/vote.gif); background-repeat: repeat-x; display: block; height: 32px; text-indent: -9999px; } .meta ul.scoring li.score{ background-position: 0 -32px; position: absolute; } .meta ul.scoring li.total{ background-position: 0 0; width: 160px; } ul.start_selling{ margin-bottom: 10px; } ul.start_selling:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } ul.start_selling li{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; display: inline; float: left; margin-right: 20px; } ul.start_selling li:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.start_selling li{ height: 1px; } * + html ul.start_selling li{ min-height: 1px; } ul.start_selling li.alt{ background: #E5E5E5; } ul.start_selling li.alt a{ color: # } ul.start_selling li a{ display: block; float: left; font-size: 24px; letter-spacing: -0.035em; margin: 15px 10px; } h4.reported{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #232323 url(/images/portal/icon_alert_d_32.gif) 100% 50% no-repeat; color: #fff; font-size: 16px; font-weight: normal; margin: 0; padding: 8px 40px 8px 10px; text-align: right; } /* configured products page stuff */ table.cproduct{ border-collapse: collapse; } table.cproduct td.product_select{ background: #fff; border: 1px solid #ccc; vertical-align: top; width: 25%; } table.cproduct td.product_select table td{ color: #404040; } table.cproduct td.product_select table td.title{ background: #404040; color: #eee; padding: 10px 5px; } table.cproduct td.product_select table td.image{ padding: 10px; } table.cproduct td.product_select table td.image img{ border: 1px solid #ddd; padding: 1px; } table.cproduct td.product_select table td.all_colors{ background: #eee; padding: 3px 5px; } table.cproduct td.product_select table td.select_colors{ background: #f7f7f7; margin-bottom: 5px; padding: 3px 5px; } table.cproduct td.product_select table td.select_colors table{ } table.cproduct td.product_select table td.select_colors table tr td.color{ padding: 3px 2px; text-align: center; } table.cproduct td.product_select table td.select_colors table tr td.color div{ margin-bottom: 2px; } table.cproduct td.product_select table td ul{ margin: 5px 5px 10px; } /* shipping methods testing */ div.column_a div.shipping_methods { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; border: 1px solid #F2F2F2; margin: 0 0 20px; padding: 5px; } div.column_a div.shipping_methods table { margin: 0; } /* create list */ .create_list { } .create_list:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .create_list { height: 1px; } * + html .create_list { min-height: 1px; } .create_list li { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; display: inline-block; margin: 5px 1%; padding: 5px 0; vertical-align: top; width: 30%; } .create_list li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .create_list li { display: inline; height: 1px; } * + html .create_list li { min-height: 1px; } * html .create_list li { display: inline; } * + html .create_list li { display: inline; } .create_list li div.contain { margin: 0 5px; } .create_list li div.image { float: left; width: 80px; } .create_list li span.extra { display: none; } .create_list li img { border: 1px solid #F2F2F2; margin-bottom: 1px; width: 75px; } .create_list li .details { float: right; width: 145px; } .create_list li .details .price { float: right; font-weight: bold; } .column_a .create_list li { width: 47%; } .column_a .create_list li .details { float: right; width: 180px; } ol.colors{} ol.colors:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ol.colors{ height: 1px; } * + html ol.colors{ min-height: 1px; } ol.colors li{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background-image: url(/images/color_overlay.png); border: 1px solid #E5E5E5; display: block; float: left; height: 10px; line-height: 10px; margin: 0 1px 1px 0; padding: 0; text-indent: -9999px; width: 10px; } * html ol.colors li{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/color_overlay.png', sizingMethod='scale'); } .create_list ol.process { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; margin: 0 0 1px; padding: 5px; } .create_list ol.process li { background: transparent none; display: block; float: none; font-weight: bold; margin: 0; padding: 0; text-align: right; width: 100%; } .create_list ol.process li a { float: left; } ul.sizing{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F2F2F2; display: block; margin: 5px 0; padding: 5px; } ul.sizing:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.sizing{ height: 1px; } * + html ul.sizing{ min-height: 1px; } .column_a ul.sizing li, ul.sizing li { background: transparent none; display: inline; float: left; font-size: 10px; font-weight: bold; margin: 0 5px 0 0; padding: 0; width: auto; } /* Catalog Vertical Additions*/ .vertical_cat { box-shadow:none!important; } .vertical_cat .extras {} .vertical_cat .image {} .vertical_cat h4 { width:100%; float:left; text-align:left; border-bottom: 1px solid #E5E5E5; padding-bottom:6px; margin-top:6px; margin-bottom:5px; } .vertical_cat .details .det_price, .vertical_cat .details .inline_tax_warning, .vertical_cat .details .det_cart, .vertical_cat .details .det_title { width:100%; float:left; } .vertical_cat .details .det_price span { font-weight:bold; } .vertical_cat .details { text-align:left; } .vertical_cat .details .det_price a { background: none repeat scroll 0 0 #E5E5E5 !important; color: #2C2C2C; float: right; padding: 3px 7px; text-decoration: none; text-transform: uppercase !important; } .vertical_cat .details ul.color_panel { border-bottom:0px!important; margin-top: 13px !important; display:inline-block; } .vertical_cat .details ul.sizing { background:#E5E5E5; border-bottom:0px!important; margin-top: 7px; display:inline-block; } .vertical_cat .details ul li:first-child { margin-top:0px!important; margin-left:0px!important; } .vertical_cat .details ul.sizing li { margin:0 10px 0 0; } .wide_cat { width:100%; float:left; list-style:none; border-radius: 0 !important; box-shadow: none !important; padding: 30px 0; border-bottom: 1px solid #999999; margin-bottom:0px!important; } .wide_cat:hover > .wide_cat .details .det_price a { background:#7F7F7F!important; } .wide_cat .block { float:left; width:100%; } .wide_cat h4 { width:100%; float:left; text-align:left; padding-bottom:6px; margin-top:6px; margin-bottom:5px; font-size:18px; font-weight:normal; } .wide_cat h4 a { text-decoration:none; } .wide_cat_img { float:left; width:175px!important; margin-right:10px; } .wide_cat .details { float:left; width:calc((100% - 205px) / 3) !important; padding:0 10px; } .wide_cat .details ul { margin:0!important; padding:0; float:left; width:100%; } .wide_cat .details_wide { width:calc(((100% - 205px) / 3) * 2) !important; float:left; overflow:hidden; position:relative; min-height:175px; } .wide_cat .details .det_price:first-child { margin-top: 0px; } .wide_cat .color_panel { float:left; width:calc(75% - 20px)!important; padding:0 10px; } .column_a .wide_cat .color_panel li { margin: 0 2.5% 1% !important; } .wide_cat .sizing { float:left; width:calc(25% - 20px)!important; padding:0 10px; margin:0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wide_cat .sizing li { width:100%!important; } .wide_cat .details .det_price span { font-weight:bold; } .wide_cat .details { text-align:right; } .wide_cat .details .det_price, .wide_cat .details .det_cart { width:100%; float:left; } .wide_cat .details .det_price a { background: none repeat scroll 0 0 #E5E5E5 !important; color: #0099FF; float: left; padding: 3px 7px; text-decoration: none; text-transform: uppercase !important; } .wide_cat .det_cart a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; box-shadow: none; display: block; float: left; margin: 0 !important; padding: 0; text-decoration: underline; text-transform: capitalize; } .wide_cat .details_wide_container { float:left; width:100%; top:-300px; position:absolute; transition: top 0.5s 0s ease; } .wide_cat .details_wide_decorate { float:left; width:100%; height: 300px; text-align:center; } .wide_cat .details_wide_decorate .decorate_now { background: none repeat scroll 0 0 #FF0000; border-radius: 3px; color: #FFFFFF; display: inline-block; font-size: 18px; margin-top: 50px; padding: 10px 30px; text-decoration: none; text-transform:capitalize; } .wide_cat .details_wide_decorate .buy_blank { background: none repeat scroll 0 0 #909090!important; } .wide_cat .details_wide_decorate .decorate_now:hover { background:#CC0000; } .wide_cat .details_wide_decorate .buy_blank:hover { background:#707070!important; } .wide_cat .details_wide_panels { float:left; width:100%; } .wide_cat:hover .details_wide_container { top:0px!important; } /* Wizard */ .wizard > .content { display: block; position: relative; height: 450px; overflow-x: hidden; margin-top: 6px } .wizard > .content > .title { position: absolute; left: -999em; } .wizard > .content > .body { float: left; position: absolute; width: 98%; height: 95%; padding: 5px; } .wizard > .steps { position: relative; display: block; width: 100%; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; background: #ffffff; background: -moz-linear-gradient(50% 0 , #ffffff, #F2F2F2); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ffffff), to(#F2F2F2)); border: 1px solid #CCCCCC; } .wizard > .steps .number { font-size: 1.429em; color:#2C2C2C } .wizard > .steps > ul > li { width: 19.87%; -moz-box-shadow: 1px 0 0 #ffffff; -webkit-box-shadow: 1px 0 0 #ffffff; box-shadow: 1px 0 0 #ffffff; border-right: 1px solid #E5E5E5; color: #0099FF; } .wizard > .steps > ul > li, .wizard > .wizard-actions > ul > li { float: left; } .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { display: block; width: auto; margin: 0 .5em 0; padding: 1em 1em; text-decoration: none; } .wizard > .wizard-actions { position: relative; display: block; text-align: right; width: 100%; padding-bottom:10px; padding-top:10px } .wizard > .wizard-actions > ul { display: inline-block; text-align: right; } .wizard > .wizard-actions > ul > li { margin: 0 .5em; } .wizard > .wizard-actions a, .wizard > .wizard-actions a:hover, .wizard > .wizard-actions a:active { color: #0099FF; cursor:pointer; } .wizard > .wizard-actions .disabled a, .wizard > .wizard-actions .disabled a:hover, .wizard > .wizard-actions .disabled a:active { color: #2C2C2C; cursor:pointer; } .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { color: #2C2C2C; } .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { color: #0099FF; font-weight:bold; cursor:pointer; } .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active { color: #0099FF; cursor:pointer; } .wizard .wizard_step { margin-left:300px; margin-top:10px; float:left; width: 67%; } .wizard .start_designing { clear: both; } .wizard .cart_container { padding:0px; border:none; } .wizard .select_product_hierarchy { width: 215px; margin-left: 0px; padding: 5px; float: left } .wizard .library_listing { float: left; margin-left: 5px; width:70%; } .wizard .product_categories ul li span a { color:#0099FF !important; } .wizard .product_categories ul li span.selected { background : #CCCCCC; } .wizard .product_categories ul li span:hover { background : #E5E5E5; border-radius:0px; border:none; box-shadow:none; } .wizard .product { border: 1px solid ffffff; cursor: move; float: left!important; margin: 5px; margin: 4.75px; width: 120px !important; height: 140px !important; } .wizard .product .thumb_border { padding: 10px; text-align: center; } .wizard .product > p { color: #2C2C2C; font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; margin: 0px 7px; } .wizard li.product:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 3px #9FC2E0 ; } .wizard li.active { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 3px #1682e2 !important; } .wizard .library_browser ul.decoration_list li span { background: inherit; display: block; margin: 2px; } /* product decoration areas */ .product_decoration_areas h4 { margin: 10px 0 5px 0 } .product_decoration_areas li { padding: 3px 0px } .product_decoration_areas li label { display: inline-block; width:90px; padding-left:10px } /* heading stuff */ /* the menu */ .pre_navigation:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .pre_navigation { height: 1px; } * + html .pre_navigation { min-height: 1px; } ul.extras { float: left; } ul.extras li { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; background: #0089E5; border: solid #0091F2; border-width: 0 1px 1px 1px; display: inline; float: left; margin-right: 3px; } ul.extras li.alt { background-color: #2e2e2e; background-position: 0 -20px; border-color: #3d3d3d; padding-top: 2px; } ul.extras li.alt span { color: #ddd; } ul.extras li.alt a { color: #fff; } ul.extras li span { color: #005B99; display: block; font-weight: bold; letter-spacing: -0.035em; padding: 0; } ul.extras li a { background-image: url(/bimages/ppr/top_icons.gif); background-repeat: no-repeat; color: #001E32; display: block; padding: 3px 5px 3px 21px; text-decoration: none; } .extras li.cart a { background: url(/images/icons/itoolbar_ii/16/shopping_cart.png) 2px 1px no-repeat!important; } l.extras li.cart.alt a { background-position: -148px -47px; } .extras li.recent a { background-position: 5px 2px; } .extras li.recent.alt a { background-position: 5px -47px; } .extras li.currency a { background-position: -298px 2px; } .extras li.currency.alt a { background-position: -298px -47px; } .red_test{ background: #ff0000; } /* the box */ div.extra_container.imageflow{ display: none; } div.slidebox{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #282828; border: 1px solid #343436; clear: both; margin: 10px 0; padding: 10px ; text-align: center; } div.slidebox:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.slidebox{ height: 1px; } * + html div.slidebox{ min-height: 1px; } div.slidebox *{ text-align: left; } div.slidebox a.arrow{ color: #404040; float: left; font-size: 72px; font-weight: bold; line-height: 60px; text-decoration: none; } div.slidebox a.arrow.alt{ color: #404040; } div.slidebox a.arrow.right{ float: right; width: auto; } div.slidebox div.viewer{ display: inline-block; height: 81px; overflow: hidden; width: 695px; } div.slidebox div.viewer:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } div.slidebox ul{ display: block; margin: 0; padding: 0; } div.slidebox ul:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } div.slidebox ul li{ border: 1px solid #333; display: block; float: left; margin: 0 2px; } div.slidebox ul li div{ background: #333; height: 77px; margin: 1px; width: 77px; } div#pw_c_popup { } div.extras{ color: #fff; } div.extras{ background: #2e2e2e; display: block; margin: 0; padding: 0; } div.extras div.extra_container{ float: left; width: 800px; } div.extras div.extra_container div.items{ float: left; width: 490px; } div.extras div.extra_container div.cart_overview{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #2e2e2e; border: 1px solid #3e3e3e; float: right; height: 80px; text-align: left; width: 270px; } div.extras div.extra_container div.cart_overview div.interior{ display: block; padding: 5px; } div.extras div.extra_container div.cart_overview h3{ color: #fff; font-size: 16px; font-weight: bold; text-align: left; } div.extras div.extra_container div.cart_overview ul{ margin-right: -20px; } div.extras div.extra_container div.cart_overview ul li{ border: 0; color: #fff; font-size: 14px; font-weight: bold; margin: 0 15px 0 0; } div.extras div.extra_container div.cart_overview ul li label{ color: #a9a9a9; display: block; font-size: 12px; } #cart_checkout_link { margin-top: 5px; } #cart_checkout_link.disabled { opacity: .3; filter: alpha(opacity = 30); } div.extras div.currency{ color: #fff; margin: 10px 0; } div#top_cart_notice, div#recent_notice{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #222; border: 1px solid #333; margin: 20px 10px; padding: 5px 10px; position: absolute; } div#top_cart_notice h3, div#recent_notice h3{ color: #fff; margin: 0; padding: 3px 0 3px 38px; } div#top_cart_notice h3.loading{ background: url(/images/spinner.gif) 0 50% no-repeat; } div#top_cart_notice h3.empty{ background: url(/images/icons/itoolbar_ii/32/shopping_cart.png) 0 50% no-repeat; } div#recent_notice h3{ background: url(/images/no_recent.gif) 0 50% no-repeat; } .size_chart{ } .size_chart:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .size_chart{ height: 1px; } * + html .size_chart{ min-height: 1px; } .size_chart img{ float: left; margin-right: 10px; } /* testing stuff right here (this message bork3d it last time) */ span.custom{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #F2F2F2; border: 1px solid #F2F2F2; display: block; font-size: 12px; font-weight: bold; margin: 0 0 5px; padding: 10px; } span.custom a{ padding: 1px 0; } span.custom.website a{ background: url(/bimages/ppr/tool_icons.gif) -2000px 50% no-repeat; padding-left: 20px; } /* dashboard */ .dashboard_left{ float: left; width: 48%; } .dashboard_right{ float: right; width: 48%; } .box{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #F2F2F2; border: 1px solid #F2F2F2; margin-bottom: 20px; padding: 10px; } .box:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .box{ height: 1px; } * + html .box{ min-height: 1px; } .box.alt{ background: #F2F2F2; border: 1px solid #E5E5E5; } .box .statistics{ margin-bottom: 10px; } .box h4{ } .box ul.action{ margin-bottom: 20px; } .box ul.action:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .box ul.action{ height: 1px; } * + html .box ul.action{ min-height: 1px; } .box ul.action li{ float: left; width: 50%; } .box ul.action li a{ background: url(/bimages/ppr/dashboard_icons.gif) 0 50% no-repeat; display: block; font-size: 11px; font-weight: bold; letter-spacing: -0.015em; margin-bottom: 1px; padding: 2px 0 2px 18px; text-decoration: none; } .box ul.action li.one a{ background-position: -250px 50%; } .box ul.action li.two a{ background-position: -500px 50%; } .box ul.action li.three a{ background-position: -750px 50%; } .box ol.statistic{} .box ol.statistic li{ display: block; font-size: 24px; letter-spacing: -0.035em; margin-bottom: 1px; text-align: right; } .box ol.statistic li:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .box ol.statistic li{ height: 1px; } * + html .box ol.statistic li{ min-height: 1px; } .box ol.statistic li span{ background: url(/bimages/ppr/stat_bg.gif) 0 0 no-repeat; float: left; height: 20px; line-height: 21px; margin-top: 2px; padding: 0; position: relative; text-align: left; width: 150px; } .box ol.statistic li span b{ background: url(/bimages/ppr/stat_fg.gif) 0 0 no-repeat; display: block; float: left; height: 20px; text-indent: -9999px; width: 93px; } .box ol.statistic li span i{ font-size: 9px; font-style: normal; font-weight: bold; left: 100%; margin-left: 5px; position: absolute; } .box ul.box_menu{ display: block; text-align: right; } .box ul.box_menu li{ border-left: 1px solid #555; display: inline; margin-left: 5px; padding-left: 5px; } .box ul.box_menu li a{ text-decoration: none;} .box a.button{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background:transparent url(/images/checkout_button.gif) no-repeat scroll 0 50%; border:1px solid #787878; color:#454545; display:block; font-size:14px; height:28px; letter-spacing:-0.05em; line-height:29px; padding:0 10px 0 26px; text-decoration:none; } .top_products{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #ffffff; border: 1px solid #F2F2F2; margin-bottom: 10px; padding: 10px 0; text-align: center; } .top_products li{ display: inline; margin: 0 2px; text-align: left; } .top_products li h5{ margin: 0 10px; } .top_products img{ border: 1px solid #E5E5E5; } .top_products li b{ background: url(/images/top_products.png) 50% 50% no-repeat; color: #444; font-size: 18px; font-weight: bold; height: 32px; line-height: 32px; margin: -5px 0 0 -5px; position: absolute; text-align: center; width: 32px; } * html .top_products li b{ background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top_products.png', sizingMethod='crop'); } div.top_five{ clear: both; } /* gallery header */ .gallery_header{ margin-bottom: 20px; position: relative; } .gallery_header .button{ margin-top: 10px; position: absolute; right: 10px; } /* designs table */ table.designs tr td{ background: #fff; } table.designs tr td div.design{ background: #eee url(/images/trans-display.gif); border: 1px solid #ddd; display: block; margin-bottom: 5px; padding: 5px; text-align: center; } table.designs tr td div.design b{ display: block; height: 32px; margin: -10px 0 0 -10px; position: absolute; width: 32px; } table.designs tr td.reported div.design b{ background: url(/images/alert.png) 0 0 no-repeat; } table.designs tr td.denied div.design b{ background: url(/images/denied.png) 0 0 no-repeat; } table.designs tr td h4{ margin-bottom: 2px; } table.designs tr td h5{ letter-spacing: 0; } table.designs tr td ol{ margin-bottom: 5px; } table.designs tr td ol li{ } table.designs tr td ol li label{ font-weight: bold; margin-right: 10px; } table.designs tr td div.status{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #ddd; border: 1px solid #ccc; padding: 5px; } table.designs tr td div.status p{ margin: 4px 0 0; } /* featured seller */ div.featured_seller{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #F2F2F2; border: 1px solid #F2F2F2; padding: 10px; } div.featured_seller .slidebox{ background: #F2F2F2; border: 1px solid #E5E5E5; margin: 0; } div.featured_seller .slidebox li{ border-color: #CCCCCC; } /* category stuff */ .open { background: url(/images/category_open.png) 0 0 no-repeat; cursor: pointer; display: block; float: left; height: 12px; margin: 4px 4px 0 5px; text-indent: -9999px; width: 12px; } .open.close { background: url(/images/category_close.png) 0 0 no-repeat; } .meta.categories ul.secondary span{ padding-left: 25px; } br.clear{ clear: both; display: block; height: 0; line-height: 0; } .clear{ clear: both; } .search_results>li { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #F2F2F2; border: 1px solid #E5E5E5; margin-bottom: 10px; padding: 5px 10px; } .search_results>li:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .search_results li>h5{ float: right; } .search_results img{ border: 1px solid #E5E5E5; float: left; padding: 1px; } .search_results>li>div{ float: right; width: 85%; } .search_results .meta{ background: transparent none; margin: 0; padding: 0; } .search_results .meta li{ float: left; width: 200px; } /* gift certificates */ div.certificate { background: #F2F2F2; border: 1px solid #E5E5E5; margin: 0 auto; padding: 10px; text-align: center; } div.certificate div { margin: 0 auto; text-align: left; } div.certificate ul.certificate { margin: 120px 0 0 160px; position: absolute; } div.certificate ul.certificate li { margin: 0 0 3px; padding: 0; } div.certificate ul.certificate li label { display: none; color: #444; font-size: 14px; } ol.certificate_amount { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #F2F2F2; border: 1px solid #E5E5E5; clear: both; display: block; margin: 5px 0; padding: 5px; } ol.certificate_amount li { font-size: 12px; font-weight: bold; margin-bottom: 4px; } /* pagination styling */ .pagination { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #ECECEC; border: 1px solid #E5E5E5; color: #252525; margin-bottom: 10px; padding: 5px 0; position: relative; text-align: center; } .pagination:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .pagination { height: 1px; } * + html .pagination { min-height: 1px; } .pagination li { display: inline; margin: 0 3px; } div.pagination span, div.pagination a { margin: 0 3px; text-decoration: none; } .pagination .next_page { position: absolute; margin-right: 10px; right: 0; } .pagination .prev_page { left: 0; margin-left: 10px; position: absolute; } ul.pagination li.top { margin-right: 10px; } ul.pagination li a { text-decoration: none; } .popup .pagination span { color: #404040; } .popup .pagination .disabled { color: #999; } .popup .pagination a { color: #404040; text-decoration: underline; } /*---------------------------------------------------------------- Product info pages restyled by greg ------------------------------------------------------------------*/ .pi_block { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #F2F2F2; border: 1px solid #F2F2F2; margin-bottom: 20px; padding: 10px; } .pi_block:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .pi_block { height: 1px; } * + html .pi_block { min-height: 1px; } .popup .pi_block { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: transparent none; border: 0; } .pi_image { float: right; width: 150px; } .pi_image img { display: block; margin-bottom: 10px; } .pi_details { float: left; width: 380px; } .pi_options li { border-bottom: 1px solid #F2F2F2; margin-bottom: 10px; padding-bottom: 5px; } .pi_options li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .pi_options li { height: 1px; } * + html .pi_options li { min-height: 1px; } .popup .pi_options li { border-bottom: 1px solid #eee; } .pi_options li label { float: left; margin-right: 10px; width: 120px; } .pi_options li span.pi_option { float: left; width: 250px; } .pi_images { overflow: hidden; } .pi_images img { max-width: 380px; } /* size chart display*/ table.size_chart { border-collapse:collapse; text-align:center; } table.size_chart tr td { background:#ffffff; none repeat scroll 0%; border:1px solid #dddddd; padding:3px 5px; text-align:center; width:20px; } table.size_chart tr.chart_0 td { background:#ffffff; none repeat scroll 0%; } table.size_chart tr th { background:#f5f5f5; none repeat scroll 0%; border:1px solid #dddddd; font-weight:bold; padding:5px!important; text-align:center; } /* designer things (for site only - needs different colors for backend) */ .left_extra { background: #F2F2F2; border: 1px solid #F2F2F2; } /* shared styles */ ul.inline_block { border: 1px solid #F2F2F2; } #form_overlay { position: relative; } xxxxb.overlay { background: #808080; display: block; left: 0; opacity: 0.6; position: absolute; top: 0; } span.notice { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eee url(/images/icons/itoolbar_i/32/info.png) 5px 50% no-repeat; color: #404040; font-size: 18px; padding: 10px 10px 10px 42px; } .overlay span.notice { left: 0; position: absolute; top: 0; } #product_listing { } #product_listing table { background: #F2F2F2; } .product_color_list { background: #F2F2F2; } .image_box { background: #F2F2F2; } .image_box img { border: 1px solid #F2F2F2; } /* new shop features testing */ div#sh_feature { } .sh_feature_int { padding: 5px 0 0 5px; position: relative; } .sh_feature_container { margin: 0 40px; overflow: hidden; } ul.sh_feature_box { width: 10000px; } ul.sh_feature_box:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.sh_feature_box { height: 1px; } * + html ul.sh_feature_box { min-height: 1px; } .sh_feature_int>a { background-image: url(/bimages/ppr/shop_featured.gif); background-repeat: no-repeat; height: 47px; margin: 40px 0; position: absolute; top: 0; text-indent: -9999px; width: 28px; } .sh_feature_int .forward { background-position: 0 0; left: 5px; } .sh_feature_int .backward { background-position: 100% 0; right: 5px; } .sh_feature_int .forward:hover { background-position: 0 100%; } .sh_feature_int .backward:hover { background-position: 100% 100%; } ul.sh_feature_box li { float: left; margin: 0; padding: 0; } #message_only { background: #0099Ff; height: 36px; } #message_only div { -moz-border-radius: 0 0 2px 2px; -moz-box-shadow: 0 15px 15px -2px rgba(255, 255, 255, .1) inset, 0 -15px 15px -2px rgba(0, 0, 0, .1) inset, 0 3px 6px -1px rgba(0, 0, 0, .6); background: #555; height: 36px; left: 50%; margin-left: -440px; position: fixed; text-align: left; top: 0; width: 880px; z-index: 9999; } #message_only h2 { color: #eee; display: inline-block; margin: 0 10px; font-size: 13px; font-weight: normal; letter-spacing: 0; line-height: 36px; } /* designs filter */ .filter_wrapper:after, .filter ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .filter_wrapper { margin-bottom: 10px; } .filter_wrapper h4 { clear: left; font-size: 12px; margin-bottom: 7px; } .column_b .filter_wrapper .filter { float: none; } .filter_wrapper .filter { float: right; padding: 5px 3px; } .filter ul { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .07), 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .07), 0 -1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 0 rgba(255, 255, 255, .07), 0 -1px 0 rgba(0, 0, 0, .2); background: rgba(0, 0, 0, .1); padding: 0 2px; } .filter li, .meta.categories .filter li { float: left; margin: 0; padding: 0; } .filter li a { -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset; background: -moz-linear-gradient(50% 0, #E5E5E5, #ffffff); display: block; float: left; height: 26px; line-height: 26px; margin: 2px 0; padding: 0 8px; text-decoration: none; } .filter li:first-child a { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .filter li:last-child a { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .filter li.alt a { -moz-box-shadow: 4px 0 3px -3px rgba(0, 0, 0, 0.8) inset, 1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset, 0 20px 10px -12px rgba(255, 255, 255, 0.2) inset, 0 -20px 10px -12px rgba(0, 0, 0, .1) inset; -webkit-box-shadow: 4px 0 3px -3px rgba(0, 0, 0, 0.8) inset, 1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset, 0 20px 10px -12px rgba(255, 255, 255, 0.2) inset, 0 -20px 10px -12px rgba(0, 0, 0, .1) inset; box-shadow: 4px 0 3px -3px rgba(0, 0, 0, 0.8) inset, 1px 1px 0 rgba(255, 255, 255, .1) inset, -1px -1px 0 rgba(0, 0, 0, .2) inset, 0 20px 10px -12px rgba(255, 255, 255, 0.2) inset, 0 -20px 10px -12px rgba(0, 0, 0, .1) inset; background: #CCCCCC url(/images/filter_on.png) 50% 0 no-repeat; color: #; } /* alternate layout styles ( aka hub styles ) */ /* pre navigation stuff */ #cookie_acceptance { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); border-radius: 0 0 2px 2px; color: #FFFFFF; font-size: 110%; margin: 0 5px 5px; padding: 5px; text-align: center; } #cookie_acceptance a { color: #FFFFFF; } .pre_navigation.hub { margin-bottom: 10px; } #pre_navigation.hub { } #pre_navigation.hub li { } #pre_navigation.hub li a { display: block; line-height: 20px; } .pre_navigation #phone_number_header { background: transparent none; display: block; float: left; line-height: 18px; padding: 0; } ul.extras.hub { float: right; margin-left: 10px; } ul.extras.hub li { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; display: block; line-height: 18px; margin: 0 0 0 3px; padding: 0 7px; } ul.extras.hub li a { background: transparent none !important; color: #0099FF; display: block; float: left; font-weight: normal; line-height: 20px; padding: 0; } ul.extras.hub li.alt { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: #2e2e2e; border-color: #555; } ul.extras.hub li.alt a { color: #fff; } /* hub cart */ #hub_cart { float: right; font-size: 12px; text-align: left; } #hub_cart a { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); box-shadow: 0 1px 3px rgba(0, 0, 0, .2); background: url(/bimages/ppr/top_bg.png) 6px 13px no-repeat, -moz-linear-gradient(50% 0, #fff, #e1ebec); background: url(/bimages/ppr/top_bg.png) 6px 13px no-repeat, -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#e1ebec)); border: 1px solid #dce1e1; color: #404040; display: block; min-width: 164px; padding: 0 0 0 36px; text-decoration: none; } #hub_cart a:hover { -moz-box-shadow: 0 -20px 30px -10px rgba(0, 0, 0, .07) inset, 0 1px 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 -20px 30px -10px rgba(0, 0, 0, .07) inset, 0 1px 3px rgba(0, 0, 0, .2); box-shadow: 0 -20px 30px -10px rgba(0, 0, 0, .07) inset, 0 1px 3px rgba(0, 0, 0, .2); } #hub_cart b { display: block; font-weight: normal; padding: 5px 0 0; } #hub_cart .int { -moz-box-shadow: -1px 0 0 rgba(0, 0, 0, .1); -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, .1); box-shadow: -1px 0 0 rgba(0, 0, 0, .1); border-left: 1px solid rgba(255, 255, 255, .4); display: block; font-size: 12px; font-weight: bold; line-height: 12px; margin: 0; padding: 10px 20px; } /* navigation */ #navigation_wrapper { clear: both; display: block; float: none; white-space: nowrap; } #navigation_wrapper:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html #navigation_wrapper { height: 1px; } * + html #navigation_wrapper { min-height: 1px; } #navigation_wrapper ul { float: left; margin: 2px; white-space: normal; } #hub_search { float: right; margin: 2px 2px 2px 10px; } #hub_search .field { border: none; padding: 0 5px 0 10px; } #hub_search .button { border: none; height: 24px; line-height: 24px; padding: 0 5px 0 10px; } /* banner */ /* marketing */ #marketing { display: none; margin: 0 0 5px; } #home_index #marketing { display: block; } #m_window { height: 385px; } /* controls */ #m_controls { } #m_controls ul { height: 36px; line-height: 36px; text-align: center; } /* */ #m_controls ul li { display: inline-block; height: 15px; line-height: 15px; width: 17px; } * html #m_controls ul li { display: inline; } * + html #m_controls ul li { display: inline; } #m_controls ul li a { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .2) inset, 0 1px 3px rgba(0, 0, 0, .3) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .2) inset, 0 1px 3px rgba(0, 0, 0, .3) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .2) inset, 0 1px 3px rgba(0, 0, 0, .3) inset; background: #F2F2F2; background: rgba(0, 0, 0, .35); display: inline-block; height: 14px; line-height: 14px; position: relative; text-align: center; text-indent: -9999px; width: 14px; } #m_controls ul li a.alt:after { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .45) inset, 0 1px 3px rgba(0, 0, 0, .85); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .45) inset, 0 1px 3px rgba(0, 0, 0, .85); box-shadow: 0 1px 0 rgba(255, 255, 255, .45) inset, 0 1px 3px rgba(0, 0, 0, .85); background-image: -moz-linear-gradient(50% 0, rgba(255, 255, 255, .2), rgba(0, 0, 0, .25) 100%); background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, .2)), to(rgba(0, 0, 0, .25))); content: "."; height: 10px; left: 50%; line-height: 10px; margin: -5px 0 0 -5px; position: absolute; text-indent: -9999px; top: 50%; width: 10px; } * html #m_controls ul li a { display: inline; } * + html #m_controls ul li a { display: inline; } #m_wrapper { position: relative; } /* m_cell styles */ .m_cell { -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; height: 310px; left: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .m_cell.alt { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: 0; opacity: 1; z-index: 2; } .m_cell .int { margin-left: 10px; padding: 25px 0 0; position: relative; text-align: center; width: 460px; } .m_cell .int.custom { margin: 0; text-align: left; width: 100%; padding: 0; } .m_cell h2 { filter: 0; font-size: 72px; line-height: 72px; margin: 0; text-align: center; } .m_cell .custom h2, .m_cell .custom h3 { margin-bottom: 10px; text-align: left; } .m_cell h2 span { position: relative; } .m_cell h3 { cursive; font-size: 24px; line-height: 30px; margin: 0; padding: 10px 0; text-align: center; } .m_cell p { font-size: 13px; margin-bottom: 15px; max-width: 500px; } .m_cell ul, .m_cell ol { list-style-type: disc; margin-bottom: 14px; padding-left: 30px; } .m_cell ol { list-style-type: decimal; } .m_cell li { margin-bottom: 7px; } .m_cell .button { border-radius: 40px; box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 1px 3px rgba(0, 0, 0, .7); background-image: none; background-image: -moz-linear-gradient(50% 0, rgba(255, 255, 255, .1), rgba(0, 0, 0, .25) 100%); background-image: -ms-linear-gradient(50% 0, rgba(255, 255, 255, .1), rgba(0, 0, 0, .25) 100%); background-image: -o-linear-gradient(50% 0, rgba(255, 255, 255, .1), rgba(0, 0, 0, .25) 100%); background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .25))); border: none; display: inline-block; font-size: 24px; font-weight: normal; height: auto; line-height: 36px; margin: 20px auto; padding: 0 30px; text-transform: capitalize; } .m_cell .button:hover { box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 3px rgba(0, 0, 0, .7); background-image: none; background-image: -moz-linear-gradient(50% 0, rgba(0, 0, 0, .25), rgba(255, 255, 255, .1) 100%); background-image: -ms-linear-gradient(50% 0, rgba(0, 0, 0, .25), rgba(255, 255, 255, .1) 100%); background-image: -o-linear-gradient(50% 0, rgba(0, 0, 0, .25), rgba(255, 255, 255, .1) 100%); background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(0, 0, 0, .25)), to(rgba(255, 255, 255, .1))); } .m_cell > img { margin: 0; position: absolute; right: 0; top: 0; } .column_a{ float: right; } .column_b{ float: left; margin: 20px 0 0; } /*Checkout CSS */ /* go forward thing */ .checkout_steps { display: block; margin-bottom: 15px; } .checkout_steps td { background: #E5E5E5; border-bottom:1px solid #E5E5E5; border-top:1px solid #E5E5E5; color:#2C2C2C; font-size: 14px; font-weight: bold; padding: 20px; text-align: center; text-decoration: none; } .checkout_steps td a { text-decoration: none; } .checkout_steps td.selected { background: transparent; } /* checkout */ div.checkout { width: 780px; } /* login */ div.login { background: #E5E5E5; margin-bottom: 10px; padding: 5px 10px; } div.login label { float: left; width: 80px; } div.login input { margin-bottom: 5px; width: 90px; } div.login input.button { background: #2C2C2C; color: #ffffff;border-color: #E5E5E5; width: auto; } /* table headings */ table th { background: #; border-bottom: 1px solid #CCCCCC; padding: 10px 0; text-align: left; text-transform: uppercase; } table td.selected_tab_cart { } table td.selected_tab_cart { } table tr.cart_products { } table tr.cart_products td { border-bottom: 1px dotted #CCCCCC; padding: 5px; } table tr.lower { background: #E5E5E5; } table tr.lower td { border-bottom: 1px solid #F2F2F2; padding: 10px 5px 5px; } table tr.lower td.sub_heading { padding-left: 25px; } table tr.lower td.cart_total { padding-left: 20px; } table tr.lower td.cart_shipping { padding-left: 25px; } table tr.lower td.cart_tax { padding-left: 25px; } table tr.lower td.total { font-size: 18px; font-weight: bold; } table td.checkout_text { border-bottom: 1px dotted #CCCCCC; padding: 5px 5px 5px 0; } /* checkout form */ .checkout_form { padding: 2px 0 3px 5px; } .checkout_form h3 { background: #E5E5E5; margin-top: 5px; padding: 5px; } /*.checkout_form div { border-bottom: 1px dotted #E5E5E5; margin: 5px 0 5px; padding: 0 10px; }*/ .checkout_form .custom_values { float: left; } .checkout_form .custom_values li { margin: 0 0 3px; padding: 3px 10px; } .checkout_form .custom_values input { display: inline-block; float: none; vertical-align: top; } * html .checkout_form .custom_values input { display: inline; } * + html .checkout_form .custom_values input { display: inline; } .checkout_form .custom_values label { display: inline-block; float: none; margin: 0; padding: 0; text-align: left; vertical-align: top; } * html .checkout_form .custom_values label { display: inline; } * + html .checkout_form .custom_values label { display: inline; } .checkout_form div:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .checkout_form div { height: 1px; } * + html .checkout_form div { min-height: 1px; } .checkout_form div input, .checkout_form div select, .checkout_form div textarea { font-size: 14px; letter-spacing: -0.03em; } .checkout_form div input, .checkout_form div textarea { padding: 0 0 0 5px; } .checkout_form div label { clear: left; float: left; margin: 5px 0; width: 200px; } .checkout_form div span { display: block; padding: 5px 0; } /* checkout steps */ #checkout_steps { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #F2F2F2; border: 1px solid #E5E5E5; display: block; margin-bottom: 20px; padding: 0; } #checkout_steps:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html #checkout_steps { height: 1px; } * + html #checkout_steps { min-height: 1px; } #checkout_steps li { border-right: 1px solid #E5E5E5; color: #2C2C2C; display: block; float: left; font-size: 12px; font-weight: bold; letter-spacing: -0.04em; margin-right: -1px; padding: 10px 0; text-align: center; width: 24.9999% } #checkout_steps li:last-child { border: none; margin: 0; } #checkout_steps li span { xxxborder: 1px solid #CCCCCC; display: none; color: #2C2C2C; font-size: 11px; font-weight: bold; letter-spacing: normal; margin: 0 3px 0 0; opacity: 0.4; padding: 3px 0; } #checkout_steps li a { color: #0099FF; } #checkout_steps li span.now { xxxbackground: #E5E5E5 url(/images/icons/itoolbar_i/16/button_blue.png) 2px 50% no-repeat; opacity: 1; } #checkout_steps li span.edit {xxx background: #E5E5E5 url(/images/icons/itoolbar_i/16/edit.png) 2px 50% no-repeat; opacity: 1; } #checkout_steps.verify li#verify_step span.now, #checkout_steps.verify li#address_step span.next, #checkout_steps.verify li#shipping_step span.later, #checkout_steps.verify li#billing_step span.later, #checkout_steps.verify li#confirm_step span.later, #checkout_steps.address li#verify_step span.edit, #checkout_steps.address li#address_step span.now, #checkout_steps.address li#shipping_step span.next, #checkout_steps.address li#billing_step span.later, #checkout_steps.address li#confirm_step span.later, #checkout_steps.update_address li#verify_step span.edit, #checkout_steps.update_address li#address_step span.now, #checkout_steps.update_address li#shipping_step span.next, #checkout_steps.update_address li#billing_step span.later, #checkout_steps.update_address li#confirm_step span.later, #checkout_steps.shipping li#express_checkout_step span.edit, #checkout_steps.shipping li#verify_step span.edit, #checkout_steps.shipping li#address_step span.edit, #checkout_steps.shipping li#shipping_step span.now, #checkout_steps.shipping li#billing_step span.next, #checkout_steps.shipping li#confirm_step span.later, #checkout_steps.update_shipping li#verify_step span.edit, #checkout_steps.update_shipping li#address_step span.edit, #checkout_steps.update_shipping li#shipping_step span.now, #checkout_steps.update_shipping li#billing_step span.next, #checkout_steps.update_shipping li#confirm_step span.later, #checkout_steps.billing li#verify_step span.edit, #checkout_steps.billing li#address_step span.edit, #checkout_steps.billing li#shipping_step span.edit, #checkout_steps.billing li#billing_step span.now, #checkout_steps.billing li#confirm_step span.next, #checkout_steps.update_billing li#verify_step span.edit, #checkout_steps.update_billing li#address_step span.edit, #checkout_steps.update_billing li#shipping_step span.edit, #checkout_steps.update_billing li#billing_step span.now, #checkout_steps.update_billing li#confirm_step span.next, #checkout_steps.confirm li#express_checkout_step span.edit, #checkout_steps.confirm li#verify_step span.edit, #checkout_steps.confirm li#address_step span.edit, #checkout_steps.confirm li#shipping_step span.edit, #checkout_steps.confirm li#billing_step span.edit, #checkout_steps.confirm li#confirm_step span.now { display: inline; } /* checkout table */ table.checkout { border-collapse: collapse; padding: 10px; width: 100%!important; } table.checkout th { background: #F2F2F2; border: 0; color: #2C2C2C; font-size: 12px; font-weight: bold; padding: 10px 5px; text-transform: capitalize; } table.checkout td { background: #F2F2F2; border: 1px solid #F2F2F2; padding: 5px; vertical-align: top; } table.checkout tr.alt td { background: #F2F2F2; border: 1px solid #E5E5E5; } table.checkout td.product_image img { border: 1px solid #CCCCCC; } table.checkout tr.shipping_notice td { background: #F2F2F2; border: 1px solid #E5E5E5; color: #2C2C2C; padding: 10px 5px; } table.checkout tr.total td { background: #F2F2F2; border: 1px solid #E5E5E5; color: #2C2C2C; padding: 10px 5px; } .checkout td.options label { display: block; font-weight: bold; } .checkout td.options span { } .checkout td.options br { clear: both; } /* checkout buttons */ .submit input.submit_button { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url(/images/checkout_button.gif) 0 50% no-repeat; border: 1px solid #787878; color: #454545; cursor: pointer; display: block; display: inline-block; font-size: 14px; font-weight: bold; height: 28px; letter-spacing: -0.05em; line-height: 28px; padding: 0 10px 0 26px; text-decoration: none; } * html .submit input.submit_button { display: inline; overflow: visible; width: 1px; } * + html .submit input.submit_button { display: inline; overflow: visible; min-width: 1px; } /* checkout form */ .checkout_form { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #F2F2F2; border: 1px solid #F2F2F2; margin-bottom: 10px; padding: 10px 0; } .checkout_form li { padding: 3px 10px; } .checkout_form li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .checkout_form li { height: 1px; } * + html .checkout_form li { min-height: 1px; } .checkout_form li label { display: inline-block; float: left; font-size: 11px; font-weight: bold; margin-right: 20px; text-align: right; width: 160px; } /* checkout login */ .checkout_login { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #F2F2F2; border: 1px solid #E5E5E5; margin-bottom: 20px; padding: 10px; } .checkout_login ul { margin-bottom: 20px; } .checkout_login ul li { } .checkout_login ul li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .checkout_login ul li { height: 1px; } * + html .checkout_login ul li { min-height: 1px; } .checkout_login ul li label { display: block; float: left; font-weight: bold; margin-right: 20px; text-align: right; width: 150px; } .checkout_login ul li a.forgot { display: -moz-inline-box; display: inline-block; margin: 10px; } * html .checkout_login ul li a.forgot { display: inline; } * + html .checkout_login ul li a.forgot { display: inline; } /* cart empty notice */ .cart_empty { } .cart_empty h2 { -moz-border-radius: 4px; background:#F2F2F2; display:block; font-size: 18px; font-weight:bold; letter-spacing:-0.035em; line-height: 1em; margin: 15px 0 0; padding:5px 20px 5px 70px; } .cart_empty h2 span { color: #2C2C2C; display: block; font-size: 14px; letter-spacing: -0.015em; } .cart_empty b { background: url(/images/icons/itoolbar_ii/64/shopping_cart.png) 0 0 no-repeat; float: left; height: 60px; margin-top: -10px; position: absolute; width: 64px;} * html .cart_empty b { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/itoolbar_ii/64/shopping_cart.png', sizingMethod='crop'); } .submit { border-top: 1px solid #F2F2F2; margin-top: 10px; padding: 5px 0; text-align: right; } .submit p { margin-top: 7px; } /* verify checkout cart */ .checkout-cart { box-sizing: border-box; } .checkout-cart .checkout-header { display: none; } .checkout-row { margin-bottom: 5px; } .checkout-c-times, .checkout-c-tax-plus, .checkout-c-equal { display: none; } .checkout-c-product-thumbnail { width: 150px; display: inline-block; vertical-align: top; } .checkout-c-row-details { display: inline-block; position: relative; width: 100%; margin-left: -150px; padding-left: 155px; vertical-align: top; } .checkout-c-product { display: inline-block; } .checkout-c-product-name { display: inline-block; padding-right: 3px; font-size: 1.2em; font-weight: bold; } .checkout-c-product-edit { display: inline-block; padding-right: 3px; } .checkout-c-product-remove { display: inline-block; } .checkout-c-options { margin-top:5px; } .checkout-c-lv > label { display: inline-block; font-weight: bold; width: 70px; text-align: right; padding-right: 5px; } .checkout-c-lv > span { display: inline-block; width: 100%; margin-left: -70px; padding-left: 80px; } .checkout-c-o-field { padding: 3px; } .checkout-c-qty { padding: 3px; } .checkout-c-price { padding: 3px; } .checkout-c-tax { padding: 3px; } .checkout-c-total { padding: 3px; } .checkout-c-qty.checkout-c-lv input { width: 24px; } .checkout-c-price-field > span { width: 110px; padding-left: 70px; text-align: right; } .checkout-c-qty > span { width: 110px; padding-left: 70px; text-align: center; } .checkout-footer { padding: 30px; } .checkout-footer-row { padding-top: 5px; text-align: right; } .checkout-footer-row > div { display: inline-block; } .checkout-shipping-notice > div { padding-top: 5px; } .footer-note { display: inline-block; float: left; } .footer-label { display: inline-block; padding-right: 10px; } .after-cart-note { padding: 10px; padding-right: 5px; text-align: right; } .checkout-footer-row.total .checkout-c-total { border-top: 1px solid #CCCCCC; font-size: 1.3em; font-weight: bold; } .checkout-footer-row .checkout-c-price { width: 50px; text-align: right; padding-right: 5px; } .checkout-footer-row .checkout-c-tax-plus { width: 10px; text-align: center; display: inline-block; } .checkout-footer-row .checkout-c-tax { width: 50px; text-align: right; padding-right: 5px; } .checkout-footer-row .checkout-c-equal { width: 10px; text-align: center; display: inline-block; } .checkout-footer-row .checkout-c-total { width: 70px; text-align: right; padding-right: 5px; } @media (min-width: 700px) { .checkout-cart .checkout-header { display: block; } .checkout-cart .checkout-header > div, .checkout-cart .checkout-row > div { display: inline-block; vertical-align: middle; } .checkout-cart .checkout-header > div { padding: 3px; font-size: 1.1em; text-align: center; } .checkout-cart .checkout-header .checkout-c-product, .checkout-cart .checkout-header .checkout-c-options { text-align: left; } .checkout-cart .checkout-header { border-bottom: 1px solid #E5E5E5; margin-bottom: 3px; } .checkout-cart .checkout-row .checkout-c-row-details > div { display: inline-block; vertical-align: middle; margin-bottom: 2px; } .checkout-cart .checkout-rows { margin-bottom: 5px; } .checkout-cart .checkout-rows .checkout-row label { display: none; } .checkout-c-product-thumbnail { width: 75px; } .checkout-c-row-details { margin-left: -75px; padding-left: 80px; } .checkout-c-product { width: 100%; margin-right: -280px; padding-right: 280px; } .checkout-cart .checkout-header .checkout-c-product { margin-left: 0px; padding-left: 0px; } .checkout-cart.checkout-with-taxes-against-items .checkout-c-product { margin-right: -340px; padding-right: 340px; } .checkout-c-options { width: 100px; display: inline-block; margin-top:0px; } .checkout-c-qty { width: 30px; text-align: center; } .checkout-c-times { width: 10px; text-align: center; display: inline-block; } .checkout-c-price { width: 60px; text-align: right; padding-right: 5px; } .checkout-c-tax-plus { width: 10px; text-align: center; display: inline-block; } .checkout-c-tax { width: 50px; text-align: right; padding-right: 5px; } .checkout-c-equal { width: 10px; text-align: center; display: inline-block; } .checkout-c-total { width: 70px; text-align: right; padding-right: 5px; } .checkout-c-product-thumbnail img { width: 75px; } .checkout-cart .checkout-rows .checkout-row .checkout-c-options .checkout-c-lv > label { display: inline-block; width: auto; } .checkout-c-lv > span { display: inline-block; width: auto; margin-left: 0px; padding-left: 0px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .checkout-footer { padding: 0px; padding-bottom: 10px; } } .checkout-submit { text-align: center; } .checkout-submit hr { border: 1px solid #CCCCCC; border-top-width: 0px; } .dn-cart-checkout-express-checkout img { vertical-align: middle; padding-bottom: 4px; } .dn-cart-checkout-continue-shopping-link { padding: 5px 10px; } .bundle-notice { position: absolute; background-color: #FFFFFF; border: 1px solid black; padding: 2px; color: #000000; text-align: left; } .checkout-cart .checkout-row .bundle-notice ul li label { display: inline-block; } .checkout-cart .checkout-row .bundle-notice ul li { white-space: nowrap; } /*Designer CSS */ /* ************************************ DESIGNER ************************************ */ .designer_container { } .height_setter { background: #fff; border: 1px solid #bec9d8; border-width: 0 1px 1px 1px; height: 402px; margin-bottom: 5px; position: relative; z-index: 1; } /* designer tabs */ .view_controls { background: url(/images/mp/tabs_bg.gif) 0 100% repeat-x; height: 27px; position: relative; z-index: 2; } .view_controls.alt { background: transparent none; } .view_controls ol { border-radius: 2px; background: #eff3f7 url(/images/mp/control_sprite.gif) -470px 0 no-repeat; background: #eff3f7; background: -moz-linear-gradient(50% 0, #fefefe 0, #eff3f7 100%); background: -webkit-gradient(50% 0, from(#fefefe), to(#eff3f7)); border: 1px solid #bec9d8; float: left; height: 22px; margin: 0 3px 0 0; } .view_controls.alt ol { float: right; margin: 0 0 0 5px; } .view_controls ol:after { clear: both; content: ""; display: table; } * html .view_controls ol { height: 1px; } * + html .view_controls ol { min-height: 1px; } .view_controls ol li { float: left; font-size: 11px; height: 22px; padding: 0; } .view_controls ol li a { color: #404040; display: block; float: left; font-weight: bold; height: 22px; line-height: 22px; padding: 0 5px 0 20px; text-decoration: none; } .view_controls .selected_tab, .view_controls .disabled { background: #f8f8f8; } .view_controls .selected_tab a, .view_controls .disabled a, #ppr #content .view_controls .selected_tab a, #ppr #content .view_controls .disabled a { color: #bbb; } #d_layout a { background: url(/images/icons/itoolbar_i/16/zoom-.png) 2px 50% no-repeat; border-right: 1px solid #bec9d8; } #d_design a { background: url(/images/icons/itoolbar_i/16/zoom+.png) 2px 50% no-repeat; } #copy_button a { background: url(/images/icons/itoolbar_i/16/file-copy.png) 2px 50% no-repeat; padding-right: 0; } #copy_button a span { float: left; } #copy_button .drop_arrow { background-position: -546px -116px; height: 22px; margin-left: 2px; } #paste_button a { background: url(/images/icons/itoolbar_ii/16/doc.png) 2px 50% no-repeat; } #hide_grid a, #show_grid a, #disable_grid a { background: url(/images/icons/itoolbar_i/16/grid.png) 2px 50% no-repeat; } #save_working_version_link { background: url(/images/icons/itoolbar_ii/16/save.png) 2px 50% no-repeat; border-right: 1px solid #bec9d8; } #request_link { background: url(/images/icons/itoolbar_i/16/question.png) 2px 50% no-repeat; border-right: 1px solid #bec9d8; display:none;} #email_link { background: url(/images/icons/itoolbar_ii/16/mail_seal.png) 2px 50% no-repeat; } #show_preview { background: url(/images/icons/itoolbar_ii/16/project.png) 2px 50% no-repeat; display: block; font-size: 11px; font-weight: normal; padding-left: 18px; } #save_working_copy_link { background: url(/images/icons/itoolbar_i/16/save-alt.png) 2px 50% no-repeat; } #zoom_out_button { background: url(/images/icons/itoolbar_i/48/zoom-.png) 50% 50% no-repeat; cursor: pointer; height: 48px; position: absolute; top: 2px; right: 2px; width: 48px; z-index: 2999; } .dn-with-used-colors-available #zoom_out_button { bottom: 2px; top: auto; } /* tabs */ .designer_tabs { background: url(/images/mp/tabs_bg.gif) 0 100% repeat-x; height: 27px; } .designer_tabs:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .designer_tabs { height: 1px; } * + html .designer_tabs { min-height: 1px; } .designer_tabs ul { margin: 0; padding: 0 0 0 5px; } .designer_tabs ul li { border-radius: 2px 2px 0 0; display: block; float: left; height: 25px; margin: 0 5px 0 0; padding: 0; } .designer_tabs ul li:after { clear: both; content: ""; display: table; } * html .designer_tabs ul li { height: 1px; } * + html .designer_tabs ul li { min-height: 1px; } .designer_tabs ul li a { display: block; float: left; font-size: 12px; font-weight: bold; height: 25px; line-height: 25px; padding: 0 10px; text-decoration: none; } .designer_tabs .selected_tab { background-color: #fff; border: solid 1px #bec9d8; border-bottom-color: #fff; color: #000; } .designer_tabs .selected_tab a { color: #404040; } .designer_tabs .unselected_tab { background: #eee url(/images/mp/control_sprite.gif) 100% 100% repeat-x; border: solid 1px #bec9d8; color: #000; } .designer_tabs .unselected_tab a { color: #404040; } .designer_tabs .unselected_tab_hidden { border-bottom: solid 1px #A3A3A3; padding-left: 5px; padding-right: 5px; visibility: hidden; } .designer_tabs .unselected_tab_hidden a { } .designer_tabs .no_tab { border-bottom: solid 1px #A3A3A3; } #m_cart { padding: 0 0 0 5px; } #m_cart a { background: url(/images/icons/itoolbar_ii/16/shopping_cart.png) 0 3px no-repeat; padding: 0 10px 0 22px; } /* tab pane */ .tab_pane { border-bottom: solid 1px #B2B2B2; border-top: solid 0px #FFFFFF; padding: 0px; background-color:#ffffff; } .tab_pane_designer { background: #fff; border: 0; color: #000; margin: 0; padding: 1px; } .tab_pane_designer_display { background-color: #fff; border: 0; color:#000; padding: 1px 1px 0; } div.zoomable { cursor: url(/images/cursors/magnify.cur), auto; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } /* designer -customize */ .d_customize { } .d_customize_title span, #content .d_customize_title span { margin: 0; } .d_customize_title a { font-size: 12px; margin: 3px 0 0 10px; } .d_customize_canvas { color: #2C2C2C; } .d_customize_options { color: #2C2C2C; padding: 7px; } /* designer - apparel - manage */ .d_m { border-top: solid 1px #D6D6D6; } .d_m_title { background-color: #E5E5E5; border-bottom: solid 1px #B2B2B2; color: #2C2C2C; padding: 3px; } .d_g_title { border-bottom: solid 1px #B2B2B2; border-left: solid 1px #B2B2B2; background-color: #CCCCCC; color: #2C2C2C; padding: 3px; } .d_m_area { background-color: #ffffff; color: #8D8D8D; padding: 1px; } .d_g_area { border-left: solid 1px #B2B2B2; background-color: #E5E5E5; color: #2C2C2C; padding: 3px; } .product_caption{ font-size:15px; font-weight:bold; } .product_image{ float: left; } .product_description{ line-height:18px; } /* designer - apparel - apparel */ .pc_no_tab { border-bottom: solid 1px #A3A3A3; } .pc_tab_sub_pane { border-left: solid 1px #A3A3A3; border-right: solid 1px #A3A3A3; padding: 0px; background-color: white; color:black; } .pc_tab_pane { border: solid 1px #A3A3A3; border-top: solid 1px #A3A3A3; padding: 0px; background-color: #E7E7E7; } .psc_table { background-color: white;>; height:20px; margin:5px; } .psc_selected { padding: 0px; color:black; font-weight: bold; padding-left: 10px; padding-right: 10px; font-size:12px; text-decoration:underline; } .psc_unselected { padding: 0px; font-weight:normal padding-left: 10px; padding-right: 10px; cursor: pointer; font-size:12px; color:black } /* designer - apparel - product options */ .color_panel { max-width: 400px; } .color_panel:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .color_panel { height: 1px; } * + html .color_panel { min-height: 1px; } .color_panel li, .area_view .color_panel li, .column_a .color_panel li { display: block; float: left; margin: 0 3px 3px 0 !important; padding: 0 !important; width: auto; } .color_panel li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .color_panel li { height: 1px; } * + html .color_panel li { min-height: 1px; } .color_panel li .color_panel_cell { border: 2px solid #eef2f8; cursor: pointer; float: left; margin: 0; padding: 0; position: relative; text-indent: -9999px; height: 20px; } * html .color_panel li .color_panel_cell { position: static; } * + html .color_panel li .color_panel_cell { position: static; } .color_panel li .color_panel_cell.over { border: 2px solid #bec6d1; } .color_panel li .color_panel_cell.selected { border: 2px solid #0099FF; } ul.create_list li .color_panel li .color_panel_cell { cursor: auto; border-width: 1px; } div.meta.categories .color_panel span, .color_panel .color_panel_cell span { border: 0; display: block; margin: 0; padding: 0; width: 20px; } .color_panel .color_panel_cell { height: 20px; cursor: pointer; } .color_panel .color_panel_cell.color_panel_cell_unavailable { position: relative; } .color_panel .color_panel_cell.color_panel_cell_unavailable .unavailable-overlay { background-image: url(/images/crossout-multi.png); position: absolute; top: 0px; height: 100%; width: 100%; } ul.create_list li .color_panel li .color_panel_cell span { cursor: auto; } .det_swatch .color_panel li a { height: 15px; cursor: default; } .det_swatch .color_panel li a span { width: 15px; } div.meta.categories .color_panel b, .color_panel li .color_panel_cell b { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; background: transparent none; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 20px; } * html .color_panel li .color_panel_cell b { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/color_overlay_alt.png', sizingMethod='crop'); } * html .color_panel li .color_panel_cell b { display: none; } * + html .color_panel li .color_panel_cell b { display: none; } /* designer - cart */ body div#container div#content .cart{ border: solid #eee; border-width: 1px 1px 0 1px; background: #fff; color: #000; } body div#container div#content .cart th{ background: #404040; border-bottom: 1px solid #ddd; color: #fff; font-weight: bold; padding: 5px; text-transform: none; } body div#container div#content .cart tr td{ padding: 1px 5px; } body div#container div#content .cart tr td.designer_cart{ border-bottom: 1px solid #ebebeb; } body div#container div#content .cart tr td.designer_cart input { border: 1px solid #ebebeb; } body div#container div#content .cart tr td.designer_cart a{ color: #404040; } body div#container div#content .cart tr td.designer_cart a.title{ font-size: 1.3em; font-weight: bold; letter-spacing: -0.025em; } body div#container div#content .cart tr td.designer_cart a.remove{ background: url(/images/mp/icon_remove.gif) 0 0 no-repeat; cursor: pointer; display: block; height: 16px; text-decoration: none; text-indent: -9999px; width: 16px; } body div#container div#content .cart tfoot td{ background: #404040; color: #fff; font-size: 1.3em; font-weight: bold; letter-spacing: -0.03em; padding: 5px; } input.checkout{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #535353 url(/images/mp/cart_buttons.gif) 0 0 repeat-x; border: 1px solid #404040; color: #fff; cursor: pointer; font-size: 1.2em; font-weight: bold; letter-spacing: -0.03em; margin: 0 5px 0 0; padding: 2px; } * html span.checkout_button input{ display: inline; } body div#container div#content .cart_item_selected { background-color: #dcdcdc; } .cart_product_name{ font-size:12px; font-weight:bold; } .cart_product_desc{ font-size:11px; } .selected_tab_cart { border-top: solid 1px #E5E5E5; border-bottom: solid 1px #E5E5E5; padding: 20px; text-align:center; font-weight:bold; whitespace:none; color:#2C2C2C; whitespace:none; font-size:14px; text-decoration:none; } .selected_tab_cart a{ color: #000000; whitespace:none; font-size:14px; text-decoration:none; } .unselected_tab_cart { background-color: #E5E5E5; border-top: solid 1px #E5E5E5; border-bottom: solid 1px #E5E5E5; padding: 20px; color:#2C2C2C; text-align:center; whitespace:none; font-size:14px; } .discount_label { font-size: 10px; color: red; font-weight: bold; } .discount { font-size: 10px; color: red; } .price_currency_code { font-size: 11px; } .cart_currency_code { font-size: 9px; } .unselected_tab_cart a{ color:#2C2C2C; whitespace:none; text-decoration:none; } .no_tab_cart { border-top: solid 1px #A3A3A3; border-bottom: solid 1px #A3A3A3; } /* designer - apparel - gallery */ .upload_area { background-color: white; padding: 3px; color: black; margin: 5px; font-size:12px; } .d_g_uploadfile { border: 2px solid white; background-color: #a6a5a1; color: white; font-family: Arial; } /* file styling hack */ div.fileinputs { position: relative; } div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; } input.filehack { position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; color: white; } .d_g_slidecontainer { border-top: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-bottom: solid 0px red; border-right: solid 1px #F2F2F2; } .d_g_slidebar { background-color: #E5E5E5; border-top: solid 1px #F2F2F2; border-left: solid 1px #F2F2F2; border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; cursor: pointer; } .d_g_slidearea { background-color: #D6D6D6; border: solid 1px #999999; height: 410px; } .d_g_scrollable { overflow: auto; } .d_g_slidecategory { background-color: black; color: white; text-align: center; font-size:14px; } .d_g_cell { padding:2px; } .d_g_cell_over { border: 2px solid white; padding:0px; } .d_g_cell_selected { border: 2px solid red; padding:0px; } .clipart_paginator{ background-color:#A3A3A3; color:white; font-weight:bold; } .clipart_paginator a{ background-color:#A3A3A3; color:black; } /* designer - customize - manage */ .mp_body_below { background-color: #F7F7F7; border-top:1px solid #c7cedd; position: relative; } * html .mp_body_below { height: 1px; } * + html .mp_body_below { min-height: 1px; } .managepane_title { font-weight: regular; font-size: 12px; } .managepane_label { font-size: 12px; margin: 0px; padding: 0px; color:black; text-align:left; } .quality_slider { opacity: 0; } .quality_container { background: url(/images/mp/control_sprite.gif) 0 -290px; display: block; height: 14px; margin: 1px 3px 0 5px; padding: 0; text-align: left; width: 62px; } .slider_container { background: url(/images/mp/slider_bg.gif); display: block; height: 14px; padding: 0; position: relative; text-align: left; } .quality_good { background: url(/images/mp/control_sprite.gif) -100px -290px no-repeat; display: block; height: 14px; } .quality_bad { background: url(/images/mp/control_sprite.gif) -300px -290px no-repeat; display: block; height: 14px; } .quality_med { background: url(/images/mp/control_sprite.gif) -200px -290px no-repeat; display: block; height: 14px; } .slider_bar { background: url(/images/mp/slider.gif) 0 0 no-repeat; cursor: e-resize; display: block; height: 14px; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 5px; } .designer_link { color: #000000; whitespace:none; text-decoration:none; } /* advanced pane stuff */ .advanced_pane { clear: both; padding: 1px; } .et_container { clear: both; } .et_container .et_tabs { background: url(/images/mp/tabs_bg.gif) 0 100% repeat-x; } .et_container .et_tabs:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .et_container .et_tabs { height: 1px; } * + html .et_container .et_tabs { min-height: 1px; } .et_container .et_tabs li { background: transparent none; border: 0; display: block; float: left; margin-right: 3px; padding: 3px 5px; } .et_container li.et_selected_tab { background: #eef2f8; border: 1px solid #bec9d8; border-width: 1px 1px 0 1px; } .et_container .et_tabs li a { color: #788cad; font-weight: bold; } .et_container .et_content { background: #eef2f8; border: 1px solid #bec9d8; border-width: 0 1px 1px 1px; padding: 5px; } .et_container .et_content .et_elist { float:left; width: 200px; } .et_container .et_content .et_props { float:right; width: 160px; } .et_container .et_content .et_etab:after { clear:both; content: "."; display:block; height:0;line-height:0; visibility:hidden; } * html .et_container .et_content .et_etab { height: 1px; } * + html .et_container .et_content .et_etab { min-height: 1px; } /* effects stuff */ .effects_pane ul {} .effects_pane ul li { padding: 3px 0; } .effects_pane ul li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .effects_pane ul li { height: 1px; } * + html .effects_pane ul li { min-height: 1px; } .effects_pane label { display: block; float: left; margin-right: 15px; text-align: right; width: 90px; } div.pane_offset { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; } .effects_pane .mp_color_button { cursor: pointer; margin: 0; position: relative; } .effects_pane .slider_container { display: block; float: left; } /* designer - customize - manage - text */ .button_container { background-color: #dcdcdc; border: 1px solid #bbbabb; padding: 0; } .align_container img { padding: 2px; } .dn-decoration-area-overlay { position: absolute; width: 100%; height: 100%; top:0px; left:0px; z-index:3; } /* TEMP .........................................popup styles in designer.......................................... */ .popupbackground { background: #000; min-height: 100%; left: 0!important; opacity: 0.8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; position: fixed; top: 0!important; width: 100%; } * html .popupbackground { position: absolute; height: 100%; } .popup .popup_box { -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #fff; border: 4px solid #ddd; margin: 0; padding: 0; } .popup .popup_int { -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #bbb; margin: 0; color: #404040; padding: 10px; } .popup .popup_int p { font-size: 11px; } .popup .popup_int h3, .popup .int h3 { color: #404040; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 0; } .popup.with-icon .popup_int h3, .popup.with-icon .int h3 { padding-bottom: 10px; padding-top: 10px; } .foot { clear: both; text-align: right; } .foot .cancel_button { color: #404040; margin-left: 10px; } .cancel_button { font-size: 11px; font-weight: bold; } .popup .popup_int .foot:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .popup .popup_int .foot { height: 0; } * + html .popup .popup_int .foot { min-height: 0; } /* #ppr .popup .popup_int .foot input, #ppr .modify_image .button, #ppr .edit_text_container .button { display: inline; float: none; font-size: 13px; margin: 0 0 0 5px; padding: 0 5px; } */ .popup .popup_content { margin-bottom: 10px; } .popup .popup_content:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .popup .popup_content { height: 1px; } * + html .popup .popup_content { min-height: 1px; } .popup { background: transparent none; border: 0; position: absolute; width: 450px; } .popup .no_items { margin: 0; padding: 10px 0 5px; } .popup h4 {color: #404040; font-size: 12px; font-weight: bold; letter-spacing: 0; margin-bottom: 20px; text-transform:none; } .loading_box:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .loading_box { height: 1px; } * + html .loading_box { min-height: 1px; } div#content .popup ul.list { padding-left: 10px; } div#content .popup ul.list li { background: url(/images/mp/bullet.gif) 0 3px no-repeat; line-height: 1.1em; margin-bottom: 7px; padding-left: 10px; } .popup input, .popup select, .popup textarea { background: #fff; border-color: #d8d8d8; color: #404040; } td.button { background: transparent none; border: 0; font-size: 1em; padding: 10px 0 0; } /* popup table styles */ .popup table.base { } .popup table.base th { background: #f8f8f8; background: -moz-linear-gradient(50% 0, #fff 0, #eee 100%); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#eee)); border-color: #eee; color: #404040; } .popup table.base td { background: #fff; border-color: #eee; color: #404040; } .popup .submit { border-color: #eee; } /* popup team names */ #teamname_edit_container table.base { margin: 0; } #add_teamname_member.submit { border-style: solid; border-width: 0 0 1px; margin: 0 0 10px; } /*...............................*/ .popup_designer { position:absolute; background-color: #F2F2F2; border: 3px solid #CCCCCC; } .popup_images { position:absolute; background-color: #E7E7E7; border: 1px solid #999999; } .item_border{ background-image: url(/bimages/ppr/trans_display.gif); border:1px solid #CCCCCC; } /* designer - customize - manage - text warp */ div.shape_selector { border: 1px solid #bec9d8; display: block; height: 130px; margin-bottom: 5px; overflow: auto; } div.shape_selector ol.shapes li { border: 2px solid #fff; color:#636363; cursor: pointer; width: 55px; float:left; } div.shape_selector ol.shapes li.alt { border: 2px solid #75CFD5; } /* designer - customize - manage - image effects/border */ .et_scroll { border: 1px solid #bec9d8; display: block; height: 130px; margin-bottom: 5px; overflow: auto; } .et_effect { border: 1px solid #fff; color:#636363; cursor: pointer; float: left; font-size: 9px; font-weight: bold; margin: 1px; text-align: center; width: 84px; } .et_effect img { display: inline; margin-bottom: 5px; } .et_effect label { display: block; margin-bottom: 3px; padding: 0 5px; text-align: center; } .et_effect.over { border: 1px solid #bec9d8; } .et_effect.select { border: 1px solid #75CFD5; } .effect_header {} .effect_header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .effect_header { height: 1px; } * + html .effect_header { min-height: 1px; } .effect_header h4, #content .effect_header h4 { color: #788cad; float: left; font-size: 12px; font-weight: bold; letter-spacing: -0.01em; } .effect_header a { color: #788cad; display: block; float: left; margin: 4px 0 0 10px; } .et_effect_control { background: #e3e8ef; border: 1px solid #dae0e8; color: #636363; font-size: 9px; padding: 2px; } .et_effect_control:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .et_effect_control { height: 1px; } * + html .et_effect_control { min-height: 1px; } .et_effect_control .et_preview { float: left; width: 80px; } .et_preview img { border: 1px solid #bdc7d2; width: 60px; } .et_preview .title { display: block; margin-bottom: 2px; } .et_preview .title:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .et_preview .title { height: 1px; } * + html .et_preview .title { min-height: 1px; } .et_preview .title input { float: left; margin: 0 3px 0 0; } .et_preview .title label { float: left; margin: 2px 0 0 3px; } .et_effect_control .et_right { } .et_effect_control .et_right ul { margin-bottom: 10px; padding-top: 2px; } .et_effect_control .et_right ul li { margin-bottom: 5px; } .et_effect_control .et_right ul li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .et_effect_control .et_right ul li { height: 1px; } * + html .et_effect_control .et_right ul li { min-height: 1px; } .et_effect_control .et_right ul li label { float: left; width: 60px; } .et_effect_control .et_right ul li div { float: left; } .et_submit { padding-left: 80px; } .et_submit:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .et_submit { height: 1px; } * + html .et_submit { min-height: 1px; } .et_submit a { -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; background: #6f7781; border: 1px solid #bec9d8; display: block; float: left; font-weight: bold; margin-right: 5px; padding: 3px 5px; text-decoration: none; } .et_bar { background: url(/images/mp/control_sprite.gif) -608px -24px no-repeat; float: left; height: 14px; position: relative; width: 88px; } .et_grab { background: url(/images/mp/control_sprite.gif) -699px -23px no-repeat; cursor: e-resize; display: block; height: 16px; left: 0; margin: 0; padding: 0; position: absolute; top: -1px; width: 6px; } .et_effect_control_s { font-size: 8px; width: 70px; color:#636363; } .et_selected_tab { background-color: #FFFFFF; color: #383838; border: solid 1px #D0D0D0; border-bottom: solid 1px #FFFFFF; padding: 4px; padding-left: 6px; padding-right: 6px; text-align:center; font-size:11px; } .et_selected_tab a{ color: #000000; text-decoration:none; } .et_unselected_tab { background-color: #D0D0D0; color: #ffffff; border: solid 1px #D0D0D0; padding: 4px; padding-left: 6px; padding-right: 6px; text-align:center; font-size:11px; } .et_unselected_tab a{ color: #000000; text-decoration:none; } .et_no_tab { border-bottom: solid 1px #D0D0D0; } .et_tab_pane { border: solid 1px #D0D0D0; border-top: solid 0px #FFFFFF; padding: 2px; background-color: #FFFFFF; } /* FONT SELECTOR STYLES */ /* div.font_sel { width: 520px!important; } div.font_sel div{ } div.font_sel h2{ color: #333; font-size: 2.4em; letter-spacing: -0.07em; margin-bottom: 10px; }*/ /*div.font_sel ul.fonts{ float: left; line-height: 16px; width: 130px;} div.font_sel ul.fonts li{} div.font_sel ul.fonts li a{ color: #686868; font-size: 1.1em; font-weight: normal; } div.font_sel ul.fonts li.alt a { font-weight: bold;} div.font_sel ul.fonts li ul{ margin: 5px 0 5px 15px; } div.font_sel ul.fonts li ul li{} div.font_sel ul.fonts li ul li a{ font-weight: normal; } div.font_sel ul.fonts li.alt ul li a{ font-weight: normal; } div.font_sel ul.fonts li ul li.alt a{ font-weight: bold; } div.font_sel ul.font_listing{ border: 1px dotted #aaa; float: right; height: 400px; margin-bottom: -3px; overflow-x: hidden; overflow-y: auto; padding: 1px; width: 330px; background-color: #FFFFFF; text-align:center;} div.font_sel ul.font_listing li{ border-bottom: 1px dotted #ccc; color: #666; font-size: 1.6em; padding: 5px 0; cursor: pointer; } div.font_sel ul.font_listing li img{ margin-bottom: 5px; } div.font_sel ul.font_listing li span{ display: block; } div.font_sel ul.font_listing li.alt{ background-color: #aaa;} div.font_sel ul.font_listing li.font_rollover{ background-color: #999;}*/ /* designer stuff */ .designer_container { width: 820px; margin-bottom: 20px; box-sizing: content-box; } .designer_container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .designer_container { height: 1px; } * + html .designer_container { min-height: 1px; } div.d_customize { float: left; width: 404px; } div.d_control { float: right; width: 410px; } .designer_container a { color: #333; } .process_selector { display: none; padding: 0 10px; text-align: left; } .process_selector:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .process_selector { height: 1%; } * + html .process_selector { min-height: 1px; } .process_selector li { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #f8f8f8; cursor: pointer; display: block; float: left; margin: 0 2px 0 0; padding: 2px 5px; } .process_selector li.alt { background: #c9c9c9; color: #404040; } .process_selector li span { } .process_selector li.alt b { background: url(/images/designer-point.gif) 50% 50% no-repeat; display: none; display: block; float: left; height: 9px; left: 0; margin: 20px 0 0 5px; position: absolute; top: 0; width: 19px; } .process_selector li.disabled { border: 1px solid #777; background-color: #ddd; color: #777; cursor: default; } .design_control { display: block; margin: 1px 0 0; } /* */ .design_control_add { background: #717b8d url(/images/mp/sel_dec_bg.gif) 0 100% repeat-x; background: -moz-linear-gradient(50% 0, #717b8d, #5b6577 100%); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#717b8d), to(#5b6577)); border: 1px solid #687284; display: block; float: none; padding: 0 5px; margin: 0; } .design_control_add:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .design_control_add { height: 1px; } * + html .design_control_add { min-height: 1px; } /* */ .design_control_add ul { float: left; margin: 0; padding: 0; } .design_control_add ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .design_control_add ul { height: 1px; } * + html .design_control_add ul { min-height: 1px; } .design_control_add a { color: #fff!important; display: block; font-size: 12px; font-weight: bold; height: 23px; letter-spacing: -0.005em; line-height: 23px; padding: 0 0 0 26px; } .design_control_add ul li { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); box-shadow: 0 1px 3px rgba(0, 0, 0, .3); background: transparent url(/images/mp/sel_dec_li.gif) 0 0 no-repeat; border: 1px solid #828c9e; display: block; float: left; height: 23px; margin: 5px 4px 5px 0; padding: 0 10px 0 3px; } .design_control_add ul li.image a { background: url(/images/icons/itoolbar_i/16/picture.png) 0 50% no-repeat; } .design_control_add ul li.text a { background: url(/images/icons/itoolbar_ii/16/text.png) 0 50% no-repeat; } .design_control_add ul li.placeholder a { background: url(/images/icons/itoolbar_ii/16/misc.png) 0 50% no-repeat; } .design_control_add ul li.team a { background: url(/images/mp/team_icon_small.png) 0 50% no-repeat; } .design_control_add ul li a { float: left; text-decoration: none; } .design_control_add .help { background: url(/images/icons/itoolbar_i/16/help.png) 0 50% no-repeat; display: block; float: right; margin: 5px 0 0; padding: 0; text-decoration: none; text-indent: -9999px; width: 16px; } /*---------------------------------get to this stuff-------------------------*/ .managepane_body { } .managepane_body ul, .managepane_body ol, .advanced_pane ul, .advanced_pane ol { margin: 0; padding: 0; } .managepane_body th { border: 0; padding: 0; text-transform: none; text-align: center; } .mp_body_below { background: #fff; border: 0; padding: 0; } .managepaneoff, .managepaneoff2 { background: #fff; border: 1px solid #bec6d1; clear: both; margin: 1px 1px 4px; } .managepaneselected { background: #fff; border: 2px solid #75CFD5; clear: both; margin: 0 0 4px; } #canvas_bg_color { margin-bottom: 5px; text-align: right; } .aspect_ratio label { font-size: 10px; } /*---------------------------------------------------------------------------*/ div.manage_pane_body { display: block; margin-bottom: 10px; padding: 0; } div.manage_pane_body:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.manage_pane_body { height: 1%; } * + html div.manage_pane_body { min-height: 1px; } .managepane_body { border-top: 1px solid #bec6d1; margin: 0; padding: 0; position: relative; } * html .managepane_body { height: 1px; } * + html .managepane_body { min-height: 1px; } /*......................header pane for text and images......................*/ #m_customize_pane, #m_apparel_pane{ font-size: 11px; height: 400px; margin: 0; padding: 0; overflow: hidden; } #m_apparel_pane{ overflow: auto; } #manage_pane_container { height: 345px; overflow: auto; position: relative; } .managepane_header { background: url(/images/mp/control_sprite.gif) 0 100% repeat-x; border: 0; display: block; height: 24px; margin: 0; padding: 0; } .managepane_header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * + html .managepane_header { min-height: 1px; } .managepane_header .mp_title { float: left; margin-left: 4px; } .managepane_header .mp_title li { display: block; float: left; padding: 4px 0 1px; } .managepane_header .mp_title li.icon { height: 16px; width: 16px; } .managepane_header .mp_title li.icon img { } .managepane_header .mp_title li.title { color: #7c838d; margin-right: 10px; } .managepane_header .mp_title li.dimension { color: #adb3bd; font-size: 9px; font-weight: bold; padding-top: 6px; } .managepane_header .quality { float: right; height: 20px; margin-right: 3px; } .lock_icon { background: url(/images/icons/itoolbar_i/16/lock.png) 0 0 no-repeat; display: block; height: 16px; text-indent: -9999px; width: 16px; } .auto_digitize { width: 100%; display: none; padding: 5px 0px 5px 0px; margin: 5px 0px 5px 0px; } .auto_digitize input { width: 100%; display: block; } .managepane_header .mp_control { float: right; margin: 0 0 0 5px; padding: 3px 0 0 5px; text-indent: 0; } .managepane_header .mp_control:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .managepane_header .mp_control { height: 1px; } * + html .managepane_header .mp_control { min-height: 1px; } .managepane_header .mp_control li { float: left; margin-right: 3px; padding: 0; } .managepane_header .mp_control li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .managepane_header .mp_control li { height: 1px; } * + html .managepane_header .mp_control li { min-height: 1px; } .mp_control a, .mp_control span { display: block; } .mp_control a.change { background-image: url(/images/mp/control_sprite.gif); background-position: -412px -2px; background-repeat: no-repeat; box-shadow: none; line-height: 20px; padding: 0 4px 0 19px; text-indent: 0; width: auto; } .mp_control a.change:hover { background-position: -412px -102px; } .mp_control a.change:active { background-position: -412px -202px; } .mp_control a.delete { background: url(/images/icons/itoolbar_i/16/delete.png) 0 50% no-repeat; display: block; height: 18px; text-indent: -9999px; width: 18px; } .managepane_header .up, .managepane_header .down { background: transparent none; } .managepane_header .up span { background-image: url(/images/mp/control_sprite.gif); background-position: -349px -2px; background-repeat: no-repeat; display: block; height: 18px; text-indent: -9999px; width: 18px; } .managepane_header .up:hover span { background-position: -349px -102px; } .managepane_header .up:active span { background-position: -349px -202px; } .managepane_header .up span.off { background-position: -349px -2px; opacity: 0.25; } .managepane_header .down span { background-image: url(/images/mp/control_sprite.gif); background-position: -378px -2px; background-repeat: no-repeat; display: block; height: 18px; text-indent: -9999px; width: 18px; } .managepane_header .down:hover span { background-position: -378px -102px; } .managepane_header .down:active span { background-position: -378px -202px; } .managepane_header .down span.off { background-position: -378px -2px; opacity: 0.25; } .managepane_header a { color: #333!important; font-size: 11px; text-decoration: none; } .managepane_header ul li img { display: inline; } span.managepane_title { font-size: 1em; font-weight: bold; padding-left: 5px; } .managepane_header ul li span.alert { border: 0; display: block; height: 12px; margin: -2px 0 0 2px; padding: 0; position: absolute; vertical-align: top; width: 12px; } .managepane_header span.icon_warning { background: url(/images/icons/itoolbar_i/12/alert.png) 50% 50% no-repeat; } .managepane_header span.icon_error { background: url(/images/icons/itoolbar_i/12/info.png) 50% 50% no-repeat; } .managepane_header span.icon_notice { background: url(/images/icons/itoolbar_i/12/delete-alt.png) 50% 50% no-repeat; } */ /* ul.managepane_headers:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.managepane_headers { height: 1px; } * + html ul.managepane_headers { min-height: 1px; } ul.managepane_headers li{ display: inline-block; float: left; } */ /* layers layout */ .layer_container { clear: both; margin: 0; padding: 0 0 5px; } .layer_container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .layer_container { height: 1px; } * + html .layer_container { min-height: 1px; } .layer_container label { color: #788cad; display: block; font-size: 10px; font-weight: bold; margin-bottom: 4px; } .layer_container input { border: 1px solid #888; } .layer_left { clear: left; float: left; width: 128px; } .layer_left.layer_left_small { width: 70px; } .layer_left:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .layer_left { height: 1px; } * + html .layer_left { min-height: 1px; } .layer_right { float: right; width: 249px; } .layer_right:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .layer_right { height: 1px; } * + html .layer_right { min-height: 1px; } .layer_right.layer_right_2_column { float: right; width: 149px; } /*......................text pane......................*/ .font_options { padding: 3px; } .font_options .cell { margin: 0; padding: 0 0 5px; } .font_options .cell:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .font_options .cell { height: 1px; } * + html .font_options .cell { min-height: 1px; } .font_options ul, .font_options ol { margin: 0; padding: 0; } .placeholder_options { } .placeholder_options li { -moz-border-radius: 1px; -moz-box-shadow: 0 10px 10px -1px rgba(255, 255, 255, .7) inset; -webkit-border-radius: 1px; -webkit-box-shadow: 0 10px 10px -1px rgba(255, 255, 255, .7) inset; background-color: #f8f8f8; background-position: 4px 50%; background-repeat: no-repeat; border: 1px solid #ccc; border-radius: 1px; -box-shadow: 0 10px 10px -1px rgba(255, 255, 255, .7) inset; cursor: pointer; height: 22px; line-height: 22px; margin-bottom: 2px; padding: 0 5px 0 27px; } .placeholder_options li:hover { -moz-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .2) inset, 0 10px 10px -1px rgba(255, 255, 255, .7) inset; -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .2) inset, 0 10px 10px -1px rgba(255, 255, 255, .7) inset; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .2) inset, 0 10px 10px -1px rgba(255, 255, 255, .7) inset; } .placeholder_options li.mp_change_to_image { background-image: url(/images/icons/itoolbar_i/16/picture.png); } .placeholder_options li.mp_change_to_text { background-image: url(/images/icons/itoolbar_ii/16/text.png); } .text_list_entry { clear: both; display: block; height: 2em; } .text_list_entry .text_caption { display: inline-block; line-height: 2em; max-width: 70px; } .text_list_entry .text_edit_link { display: block; float: right; line-height: 2em; margin-right: 4px; } .text_list_entry .text_colors { max-width: 70px; padding-top: 4px; } /* color button */ .mp_color_button { -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset; box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset; cursor: pointer; display: inline; display: inline-block; height: 10px; line-height: 0; margin: 0 1px; width: 10px; } .mp_color_button div { -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; display: block; float: left; cursor: pointer; height: 20px; margin: 0 2px 2px 0; padding: 0; width: 31px; } .mp_color_button:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .mp_color_button { height: 1px; } * + html .mp_color_button { min-height: 1px; } div.ungroup-button { padding-top: 10px; text-align: center; } /* list */ .mp_color_button.list { height: auto; margin: 0; width: auto; } /*.mp_color_button.list div { margin: 0; } */ .mp_color_button.mp_color_display { cursor: default; } /* font */ .mp_font_selector { -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; cursor: height: 17px; pointer; float: left; overflow: hidden; width: 80px; } .mp_font_container { float: left; height: 20px; overflow: hidden; width: 63px; } .drop_arrow { background: #fff url(/images/mp/control_sprite.gif) -546px -117px; border-left: 1px solid #bec9d8; cursor: pointer; display: block; float: right; height: 20px; margin: 0; padding: 0; width: 15px; } .text_transform { float: left; } .text_transform :after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .text_transform { height: 1px; } * + html .text_transform { min-height: 1px; } .text_transform li { background: url(/images/mp/control_sprite.gif) -470px 0 no-repeat; display: block; float: left; height: 17px; margin-right: 5px; width: 17px; } .text_transform li span { -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccd2db; cursor: pointer; display: block; float: left; font-size: 11px; height: 17px; line-height: 17px; text-align: center; width: 17px; } .text_transform .bold { font-family: Times; font-weight: bold; } .text_transform .italic { font-family: Times; font-style: italic; } .text_transform .bold span.off { opacity: 0.25; } .text_transform .italic span.off { opacity: 0.25; } .text_transform .button_down, .text_transform .alt { background: #a8b8c7; border: 1px solid #7b8a9a; color: #fff; } .font_options .mp_align { float: right; } .font_options .mp_align:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .font_options .mp_align { height: 1px; } * + html .font_options .mp_align { min-height: 1px; } .font_options .mp_align li { background: url(/images/mp/control_sprite.gif) -470px 0 no-repeat; float: left; margin-left: 2px; } .font_options .mp_align li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .font_options .mp_align li { height: 1px; } * + html .font_options .mp_align li { min-height: 1px; } .mp_align span { -moz-border-radius: 2px; -webkit-border-radius: 2px; background-image: url(/images/mp/control_sprite.gif); background-repeat: no-repeat; border: 1px solid #ccd2db; cursor: pointer; display: block; float: left; height: 17px; width: 18px; } .mp_align li.mp_align_left span { background-position: -467px -23px; } .mp_align li.mp_align_center span { background-position: -489px -23px; } .mp_align li.mp_align_right span { background-position: -509px -23px; } .mp_align li.mp_align_left span.button_down, .mp_align li.mp_align_left span.alt { background-position: -467px -40px; } .mp_align li.mp_align_center span.button_down, .mp_align li.mp_align_center span.alt { background-position: -489px -40px; } .mp_align li.mp_align_right span.button_down, .mp_align li.mp_align_right span.alt { background-position: -509px -40px; } .mp_align span.button_down, .mp_align span.alt { background-color: #a8b8c7; border: 1px solid #7b8a9a; } .t_n_other { clear: both; display: block; padding: 4px 0; } .t_n_other:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .t_n_other { height: 0; } * + html .t_n_other { min-height: 0; } .t_n_other label { display: inline; display: inline-block; line-height: 12px; width: 60px; } .t_n_other input { } /* layer controls */ .layer_controls { margin: 0; padding: 3px 0; } .layer_controls:after { clear: both; content: ""; display: table; } * html .layer_controls { height: 1px; } * + html .layer_controls { min-height: 1px; } .layer_controls li { display: block; float: left; margin: 0 3px 0 0; } .layer_controls ul, .layer_controls ol { margin: 0; padding: 0; } .movement { } .movement div { } .movement ul { height: 69px; width: 69px; } .movement ul li { float: left; height: 23px; margin: 0; padding: 0; width: 23px; } .movement ul li a { background-image: url(/images/mp/control_sprite.gif); background-repeat: no-repeat; display: block; float: left; height: 23px; margin: 0; padding: 0; text-decoration: none; width: 23px; } .movement ul li.t_l a { background-position: 0 0; } .movement ul li.t_c a { background-position: -23px 0; } .movement ul li.t_r a { background-position: -46px 0; } .movement ul li.c_l a { background-position: 0 -23px; } .movement ul li.c_c a { background-position: -23px -23px; } .movement ul li.c_r a { background-position: -46px -23px; } .movement ul li.b_l a { background-position: 0 -46px; } .movement ul li.b_c a { background-position: -23px -46px; } .movement ul li.b_r a { background-position: -46px -46px; } /* hover */ .movement ul li.t_l a:hover { background-position: 0 -100px; } .movement ul li.t_c a:hover { background-position: -23px -100px; } .movement ul li.t_r a:hover { background-position: -46px -100px; } .movement ul li.c_l a:hover { background-position: 0 -123px; } .movement ul li.c_c a:hover { background-position: -23px -123px; } .movement ul li.c_r a:hover { background-position: -46px -123px; } .movement ul li.b_l a:hover { background-position: 0 -146px; } .movement ul li.b_c a:hover { background-position: -23px -146px; } .movement ul li.b_r a:hover { background-position: -46px -146px; } /* active */ .movement ul li.t_l a:active { background-position: 0 -200px; } .movement ul li.t_c a:active { background-position: -23px -200px; } .movement ul li.t_r a:active { background-position: -46px -200px; } .movement ul li.c_l a:active { background-position: 0 -223px; } .movement ul li.c_c a:active { background-position: -23px -223px; } .movement ul li.c_r a:active { background-position: -46px -223px; } .movement ul li.b_l a:active { background-position: 0 -246px; } .movement ul li.b_c a:active { background-position: -23px -246px; } .movement ul li.b_r a:active { background-position: -46px -246px; } /* arrows */ .arrows { width: 30px; } .arrows .arrow_up { height: 34px; width: 30px; } .arrows .arrow_down { height: 35px; width: 30px; } .arrows li a { background-image: url(/images/mp/control_sprite.gif); background-repeat; display: block; text-decoration: none; width: 30px; } .arrows .arrow_up a { background-position: -74px 0; height: 34px; } .arrows .arrow_down a { background-position: -74px -34px; height: 35px; } .arrows .arrow_up a:hover { background-position: -74px -100px; } .arrows .arrow_down a:hover { background-position: -74px -134px; } .arrows .arrow_up a:active { background-position: -74px -200px; } .arrows .arrow_down a:active { background-position: -74px -234px; } /* rotation controls */ .rotate .rotate_container { background: url(/images/mp/control_sprite.gif) -109px 0 no-repeat!important; height: 69px; position: relative; width: 69px; } .rotate_container span.degrees { bottom: 2px; left: 2px; font-size: 10px; font-weight: bold; position: absolute; } .rotate_container input { display: inline; font-size: 10px; font-weight: bold; margin: 0 2px 0 0; width: 20px; } .rotate_left { background-image: url(/images/mp/control_sprite.gif); background-position: -261px -2px; background-repeat: no-repeat; height: 18px; left: 2px; position:absolute; top: 2px; width: 18px; } .rotate_right { background-image: url(/images/mp/control_sprite.gif); background-position: -308px -2px; background-repeat: no-repeat; height: 18px; position: absolute; right: 2px; top: 2px; width: 18px; } .rotate_left:hover { background-position: -261px -102px; } .rotate_right:hover { background-position: -308px -102px; } .rotate_left:active { background-position: -261px -202px; } .rotate_right:active { background-position: -308px -202px; } /* align */ .layer_controls li.center_both { margin: 0; } .center_both ol {} .center_both ol:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .center_both ol { height: 1px; } * + html .center_both ol { min-height: 1px; } .center_both li.center_h { height: 33px; width: 23px; } .center_both li.center_v { height: 33px; width: 23px; } .center_both li.center { height: 33px; width: 24px; } .center_both li.flip_x { height: 33px; width: 23px; } .center_both li.flip_y { height: 33px; width: 23px; } .center_both li a { background-image: url(/images/mp/control_sprite.gif); background-repeat: no-repeat; display: block; text-decoration: none; } .center_both li.center_h a { background-position: -183px 0; height: 33px; width: 23px; } .center_both li.center_v a { background-position: -206px 0; height: 33px; width: 23px; } .center_both li.center a { background-position: -229px 0; height: 33px; width: 24px; } .center_both li.flip_x a { background-position: -183px -35px; height: 33px; width: 23px; } .center_both li.flip_y a { background-position: -206px -35px; height: 33px; width: 23px; } .center_both li.center_h a:hover { background-position: -183px -100px; height: 33px; width: 23px; } .center_both li.center_v a:hover { background-position: -206px -100px; height: 33px; width: 23px; } .center_both li.center a:hover { background-position: -229px -100px; height: 33px; width: 24px; } .center_both li.flip_x a:hover { background-position: -183px -135px; height: 33px; width: 23px; } .center_both li.flip_y a:hover { background-position: -206px -135px; height: 33px; width: 23px; } .center_both li.center_h a:active { background-position: -183px -200px; height: 33px; width: 23px; } .center_both li.center_v a:active { background-position: -206px -200px; height: 33px; width: 23px; } .center_both li.center a:active { background-position: -229px -200px; height: 33px; width: 24px; } .center_both li.flip_x a.selected { background-position: -183px -235px; height: 33px; width: 23px; } .center_both li.flip_y a.selected { background-position: -206px -235px; height: 33px; width: 23px; } /* alerts */ .pane_alerts { margin: 0; } .pane_alerts ol { border-bottom: 1px solid #ddd; margin: 0; padding: 0; } .pane_alerts ol li { background-color: #e4e4e4; background-position: 5px 50%; background-repeat: no-repeat; color: #444; font-size: 11px; padding: 7px 10px 7px 25px; } .pane_alerts ol.warn { } .pane_alerts ol.warn li { background-color: #f9901f; background-image: url(/images/icons/itoolbar_i/16/alert.png); } .pane_alerts ol.error { } .pane_alerts ol.error li { background-color: #e34040; background-image: url(/images/icons/itoolbar_i/16/info.png); color: #fff; } .pane_alerts ol.notice { } .pane_alerts ol.notice li { background-color: #97cbff; background-image: url(/images/icons/itoolbar_i/16/delete-alt.png); } /* artwork approvals */ .mp_artwork_check { padding:3px } .mp_artwork_name { clear:both; width:350px } .mp_artwork_name label { width:65px; display:inline-block; margin-bottom:8px } .mp_artwork_desc label { width:65px;display:inline-block;vertical-align:top } .mp_artwork_desc textarea { display:inline-block } .mp_textarea_disabled { border: none; resize:none;} .mp_advanced { padding-bottom: 5px; } .mp_advanced:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .mp_advanced { height: 1px; } * + html .mp_advanced { min-height: 1px; } .mp_advanced .ratio { float: left; } .mp_advanced .ratio input { border: 0; margin: 3px 3px 0; } .mp_advanced .advanced_container { float: right; } .advanced_button { -moz-border-radius: 2px 0 0; -webkit-border-radius: 2px 0 0; background: #75CFD5; bottom: 0; clear: both; color: #404040; display: block; font-weight: bold; padding: 2px 4px; position: absolute; right: 0; text-decoration: none; z-index: 99; } .advanced_button a, #ppr #content .advanced_button a { background: url(/images/mp/control_sprite.gif) -471px -63px no-repeat; color: #276a6f; padding-left: 11px; text-decoration: none; } .advanced_button a.alt, #ppr #content .advanced_button a.alt { background: url(/images/mp/control_sprite.gif) -471px -77px no-repeat; border: 0; width: 40px; margin-right: 5px } /*......................image pane......................*/ .managepane_body ul li ol li{ margin: 0; } /*..........base for images..........*/ ul.image_options { padding: 3px 0 0 3px; } ul.image_options:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.image_options { height: 1px; } * + html ul.image_options { min-height: 1px; } ul.image_options li { float: left; margin-right: 4px; } ul.image_options li.colors { width: 50px; } ul.image_options li.colors:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.image_options li.colors { height: 1%; } * + html ul.image_options li.colors { min-height: 1px; } /* designer colors */ .layer_container .image_options .colors { width: auto; } ul.image_options li.colors label { float: left; margin-right: 10px; } /* color list */ ul.image_options .color_list { float: left; margin-bottom: 5px; padding: 0; } ul.image_options .color_list:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.image_options .color_list { height: 1%; } * + html ul.image_options .color_list { min-height: 1px; } ul.image_options .color_list li { border: none; display: inline; float: none; line-height: 0; margin: 0; } ul.mp_sel_color { margin-left: 3px; } ul.mp_sel_color li.colors ol li { display: block; width: 10px; height: 10px; float: left; margin-right: 1px; } /*..........container for open image..........*/ .managepane_body .pane_container{ display: block; margin: 0 5px; } .managepane_body .pane_container:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .managepane_body .pane_container{ height: 0.01%; } * + html .managepane_body .pane_container{ min-height: 1px; } /*..........image bit..........*/ .managepane_body div.preview{ float: left; width: 75px; } .managepane_body div.preview div.image{ border: 1px solid #eee; height: 80px; overflow: hidden; padding: 1px; width: 75px; } .managepane_body div.preview .ratio{ padding: 5px 0; } .managepane_body div.preview .ratio { font-weight: bold; } /*..........controls bit..........*/ .managepane_body div.ratio{ padding: 3px 0 0; } .managepane_body div.ratio input{ float: left; margin: 0 4px 0 0; padding: 0; } .managepane_body div.ratio label{ float: left; margin: 0; } .managepane_body div.tbg { margin-left: 3px; } .managepane_body div.tbg input{ float: left; margin: 0 4px 0 0px; padding: 0; } .managepane_body div.tbg label{ float: left; margin: 0; } li.arrows ol{} li.arrows ol li{ display: block; } li.arrows ol li img{ display: block; } ul.colors{ padding: 5px 0; } ol.align{ } ol.align li{ display: inline-block; margin: 0!important; padding: 0!important; } ol.align img{ border: 0; margin: 0; padding: 0; } ol.align li.left img{ background: url(/images/mp/align_left_off.gif) 0 0 no-repeat; height: 43px; width: 27px; } ol.align li.center img{ background: url(/images/mp/align_center_off.gif) 0 0 no-repeat; height: 43px; width: 20px; } ol.align li.right img{ background: url(/images/mp/align_right_off.gif) 0 0 no-repeat; height: 43px; width: 28px; } ol.align li.left img.button_down{ background: url(/images/mp/align_left_on.gif) 0 0 no-repeat; height: 43px; width: 27px; } ol.align li.center img.button_down{ background: url(/images/mp/align_center_on.gif) 0 0 no-repeat; height: 43px; width: 20px; } ol.align li.right img.button_down{ background: url(/images/mp/align_right_on.gif) 0 0 no-repeat; height: 43px; width: 28px; } /*-----------edit text-----------*/ .edit_text_container { border-top: 1px dotted #ddd; clear: both; display: block; float: none; padding: 5px; } .edit_text_container .cancel_button { margin-left: 10px; } .mp_textarea { background: #fff; border: 1px solid #BEC9D8; color: #333; display: block; float: none; margin-bottom: 5px; padding: 5px; width: 370px; } /*...........left hand side things - fieldset things...........*/ .area_view { background: #fff; border: 1px solid #bec6d1; padding: 5px 5px 5px 10px; position: relative; } .area_view div { display: block; margin: 0 0 10px; text-align: left; } .area_view div:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .area_view div { height: 1px; } * + html .area_view div { min-height: 1px; } .area_view h4, #content .area_view h4 { color: #565d65; float: left; font-size: 12px; text-align: right; width: 50px; } .area_view ul { display: block; float: right; margin: 0; padding: 5px; text-align: left; width: 310px; } .area_view ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .area_view ul { height: 1px; } * + html .area_view ul { min-height: 1px; } /* views */ ul.views { background: #eef2f8; border: 1px solid #bec6d1; } ul.views li div.select_non_vis { width:75px;height:75px; font-size: 20px; margin: 0px; color: #7F7F7F; text-align: center; vertical-align: middle; background-color: #ffffff; display: table; } ul.views li div.select_non_vis div { display: table-cell; vertical-align: middle; text-align: center; } .sel_area_highlight { background-color: #ff0000; border: 1px solid #ffff00; filter: alpha(opacity=35); margin: 0; opacity: 0.35; position: absolute; } .area_view ul.views li { border: 2px solid #eef2f8; cursor: pointer; display: block; float: left; margin: 0 5px 0 0; padding: 1px; position: relative; text-align: center; } .area_view ul.views li.d_layout_mouseover { background: #bec6d1; } .area_view ul.views li.d_layout_selected { border: 2px solid #75CFD5; } .area_view ul.views li.unselectable { cursor: auto; } .area_view ul.views li.unselectable label { cursor: auto; } .area_view ul.views li label { display: block; font-weight: bold; } .area_view ul.views li img { width: 75px; } .area_view ul.views li b { display: none; height: 20px; margin: -5px -5px 0 0; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 20px; } .area_view ul.views li b.d_layout_warning { background: transparent url(/images/mp/icon_warning.gif) 0 0 no-repeat; display: block; } .area_view ul.views li b.d_layout_error { background: transparent url(/images/mp/icon_error.gif) 0 0 no-repeat; display: block; } .area_view ul.views li b.d_layout_notice { background: transparent url(/images/mp/icon_notice.gif) 0 0 no-repeat; display: block; } .area_view ul li input { border: 0; display: inline; margin: 0; padding: 0; width: auto; } .area_view ul li label { color: #404040; cursor: pointer; font-size: 11px; font-weight: bold; margin: 0; padding: 0; } .area_view ul li a { color: #404040!important; text-decoration: none; } .area_view ul li span { display: none; } .area_view ul li.d_layout_selected span { background: transparent url(/images/icons/itoolbar_i/16/ok.png) 0 0 no-repeat; display: block; height: 16px; left: 0; margin: -2px 0 0 -2px; position: absolute; top: 0; width: 16px; } /* areas */ ul.areas { background: #eef2f8; border: 1px solid #bec6d1; } ul.areas li { float: left; margin-right: 10px; } ul.areas li label { display: block; float: left; } ul.areas li input { display: block; float: left; margin-right: 4px; } /* layers bit */ div#content h3.manage_pane_header { background: transparent none; color: #404040; display: block; font-size: 12px; font-weight: bold; letter-spacing: 0; margin: 0 10px; padding: 5px 0; text-align: left; text-transform: none; } /* upload thing that wasn't working */ div#popup_loading{ } div#popup_loading div.load-bar{ border: 1px solid #d8e3f6; float: right; margin: 0; padding: 0; text-align: left; width: 150px; } div#popup_loading div#designer-loading-percent{ background: #d8e3f6 url(/images/load-bar.gif) 100% 50% no-repeat; height: 22px; width: 10px; } div#popup_loading .loading_details{ float: left; margin: 0; padding: 0; text-align: right; width: 60%; } div#popup_loading #designer-loading-percent-text{ color: #404040; display: block; float: right; font-size: 1.7em; text-align: left; width: 37%; } /*--------------------------color picker styles--------------------*/ div.color_picker{ display: block; left: 0; position: absolute; top: 0; width: 297px; box-sizing: content-box; } div.color_picker div.header{ background: url(/images/mp/cp/header.png) 0 0 no-repeat; display: block; height: 26px; } div.color_picker div.header a.close{ background: url(/images/mp/cp/close.gif) 0 0 no-repeat; display: block; float: right; height: 15px; margin: 6px 5px 0 0; text-indent: -9999px; width: 23px; } div.color_picker div.content{ background: url(/images/mp/cp/cp_content.gif) 0 0 no-repeat; min-height: 100px; padding: 5px; } div.color_picker div.content ol, div.color_picker div.content ul { margin: 0; padding: 0; } div.color_picker div.content ol{ margin-bottom: 5px; } div.color_picker div.content ol li, * html div.color_picker div.content ol li.slider { background: url(/images/mp/cp/tab_left.gif) 0 0 no-repeat; -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; float: none; height: 16px; margin: 0 4px 4px 0; padding-left: 4px; vertical-align: top; } * html div.color_picker div.content ol li , * html div.color_picker div.content ol li.slider { display: inline; } * + html div.color_picker div.content ol li { display: inline; } div.color_picker div.content ol li.slider { background: url(/images/mp/cp/slider_left.gif) 0 0 no-repeat; float: right; padding-left: 18px; } div.color_picker div.content ol li.slider a { background: url(/images/mp/cp/slider_right.gif) 100% 0 no-repeat; } div.color_picker div.content ol li.slider.alt { background: url(/images/mp/cp/slider_left.gif) 0 0 no-repeat; float: right; } div.color_picker div.content ol li.dropper { background: url(/images/mp/cp/eyedropper_left.gif) 0 0 no-repeat; float: right; padding-left: 16px; } div.color_picker div.content ol li.dropper.alt { background: url(/images/mp/cp/eyedropper_left_on.gif) 0 0 no-repeat; float: right; padding-left: 16px; } div.color_picker div.content ol li a, div.color_picker div.content ol li.slider a { -moz-box-orient: vertical; background: url(/images/mp/cp/tab_right.gif) 100% 0 no-repeat; color: #fff; display: -moz-inline-box; display: inline-block; font-size: .9em; font-weight: bold; line-height: 16px; height: 16px; padding-right: 4px; text-decoration: none; vertical-align: top; } * html div.color_picker div.content ol li a{ display: inline; } div.color_picker div.content ol li.alt, * html div.color_picker div.content ol li.alt { background: url(/images/mp/cp/tab_left_on.gif) 0 0 no-repeat; float: none; } div.color_picker div.content ol li.alt a, * html div.color_picker div.content ol li.alt a { background: url(/images/mp/cp/tab_right_on.gif) 100% 0 no-repeat; color: #404040; float: none; } /* */ div.color_picker div.content ul{ padding: 0; } /* why? this is adding a scrollbar... div.color_picker div.content ul:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } */ * html div.color_picker div.content ul{ height: 1%; } * + html div.color_picker div.content ul{ min-height: 1px; } /* slider */ div.color_picker div.content ul.slider li:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.color_picker ul.slider ul li{ height: 1%; } * + html div.color_picker div.content ul.slider li{ min-height: 1px; } div.color_picker div.content ul.slider{ padding: 0; } div.color_picker div.content ul.slider li{ background: #5a5a5a; margin-bottom: 1px; padding: 5px; } div.color_picker div.content ul.slider li.color{ background: url(/images/mp/cp/color_overlay.png) 0 0 repeat-x; border: 1px solid #404040; cursor: pointer; display: block; padding: 0; text-align: right; vertical-align: middle; } div.color_picker div.content ul.slider li.color:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.color_picker div.content ul.slider li.color{ height: 1px; } * + html div.color_picker div.content ul.slider li.color{ min-height: 1px; } * html div.color_picker div.content ul.slider li.color{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mp/cp/color_overlay.png', sizingMethod='scale'); } div.color_picker div.content ul.slider li.color span{ -moz-box-orient: vertical; background: url(/images/mp/cp/select_left.gif) 0 50% no-repeat; display: -moz-inline-box; display: inline-block; height: 16px; line-height: 16px; margin: 5px; padding-left: 18px; vertical-align: middle; width: auto; } div.color_picker div.content ul.slider li.color span b{ -moz-box-orient: vertical; background: url(/images/mp/cp/select_right.gif) 100% 50% no-repeat; color: #404040; display: -moz-inline-box; display: inline-block; font-weight: normal; height: 16px; line-height: 16px; padding-right: 5px; vertical-align: top; width: auto; } div.color_picker div.content ul.slider li label{ display: block; float: left; font-weight: bold; height: 16px; text-align: center; width: 16px; } div.color_picker div.content ul.slider li span{ display: block; float: right; height: 18px; line-height: 18px; vertical-align: middle; width: 250px; } div.color_picker div.content ul.slider li span:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.color_picker div.content ul.slider li label span{ height: 1%; } * + html div.color_picker div.content ul.slider li label span{ min-height: 1px; } div.color_picker div.content ul.slider li span b{ background: url(/images/mp/cp/slider_bg.gif) 0 0 no-repeat; display: block; float: left; height: 18px; position: relative; width: 210px; } div.color_picker div.content ul.slider li span b i{ background: transparent url(/images/mp/cp/grabber.gif) 0 0 no-repeat; border: 0; cursor: pointer; display: block; height: 18px; left: 0; padding: 0; position: absolute; text-indent: -9999px; top: 0; width: 12px; } div.color_picker div.content ul.slider li span input{ border: 1px solid #404040; display: block; float: right; font-size: 1em; font-weight: bold; padding: 0; text-align: center; width: 23px; } /* other bit */ div.color_picker div.content ul.listing{ xxxmargin-bottom: 5px; padding: 0; max-height: 300px; overflow: auto; } * html div.color_picker div.content ul.listing{ height: expression( document.body.clientHeight > 300 ? "300px" : "auto" ); } div.color_picker div.content ul.listing li { background-image: url(/images/mp/cp/color.png); border: 2px solid #464646; cursor: pointer; display: block; float: left; height: 20px; line-height: 0; margin: 1px; overflow: hidden; text-indent: -9999px; width: 20px; } div.color_picker div.content ul.listing li.selected { border: 2px solid #CC00FF; } * html div.color_picker div.content ul.listing li { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mp/cp/color.png', sizingMethod='scale'); } div.color_picker div.content ul.palette_loading li{ padding: 20px; color: #FFFFFF; font-size: 16px;} div.color_picker div.content div#pwColorPaletteExisting ul.listing { margin-bottom: 4px; overflow: hidden; } div.color_picker div.pwElbl { float: left; margin-top: 5px; margin-right: 3px; color: #fff; } /* */ div.color_picker div.footer{ background: url(/images/mp/cp/footer.png) 0 100% no-repeat; min-height: 5px; padding: 0 5px 5px 5px; } div.color_picker div.footer:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.color_picker div.footer{ height: 1%; } * + html div.color_picker div.footer{ min-height: 1px; } div.color_picker div.footer a.transparent{ background: url(/images/mp/cp/transparency.gif) 0 50% no-repeat; color: #fff!important; float: right; padding-left: 14px; text-decoration: none; } div.color_picker div.footer span.color_name{ background: #404040; border: 1px solid #555; color: #ffffff; display: block; float: left; margin: 0; overflow: hidden; padding: 0 5px; width: 120px; } /*......................email popup......................*/ .popup .popup_icon { display: inline-block; height: 145px; margin: -57px -57px 0 0; padding: 0; position: absolute; right: 0; top: 0; vertical-align: top; width: 145px; z-index: 5; } * html .popup_icon { display: inline; } * + html .popup_icon { display: inline; } .popup_icon.image_icon { background: url(/images/add_image.png) 0 0 no-repeat; margin: -72px -57px 0 0; } * html .popup_icon.image_icon { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/add_image.png', sizingMethod='crop') } .popup_icon.add_text { background: url(/images/add_text.png) 0 0 no-repeat; } * html .popup_icon.add_text { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/add_text.png', sizingMethod='crop'); border: 0; } .popup_icon.add_team { background: url(/images/icons/itoolbar_ii/128/protect_blue.png) 0 0 no-repeat; } * html .popup_icon.add_team { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/itoolbar_ii/128/protect_blue.png', sizingMethod='crop') } .popup_icon.save { background: url(/images/save.png) 0 0 no-repeat; } * html .popup_icon.save { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/save.png', sizingMethod='crop') } .popup_icon.signup { background: url(/images/signup.png) 0 0 no-repeat; } * html .popup_icon.signup { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/signup.png', sizingMethod='crop') } .popup_icon.email_friend { background: url(/images/email.png) 0 0 no-repeat; } * html .popup_icon.email_friend { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/email.png', sizingMethod='crop') } .popup_icon.mypreview { background: url(/images/preview.png) 0 0 no-repeat; } * html .popup_icon.mypreview { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/preview.png', sizingMethod='crop') } .popup_icon.alert { background: url(/images/alert_128.png) 0 0 no-repeat; border: 0; margin: -70px -70px 0 0; } * html .popup_icon.alert { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/alert_128.png', sizingMethod='crop') } .popup_icon.designer_help { background: url(/images/icons/itoolbar_i/128/help.png) 0 0 no-repeat; } * html .popup_icon.designer_help { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/itoolbar_i/128/help.png', sizingMethod='crop') } .popup_icon.add_cart { background: url(/images/icons/itoolbar_ii/128/shopping_cart.png) 0 0 no-repeat; height: 120px; } * html .popup_icon.add_cart { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/itoolbar_ii/128/shopping_cart.png', sizingMethod='crop') } div#content .popup img.alt {margin: -37px -37px 0 0;} .dn-alert-with-text { display: inline-block; } /* email popup */ #email_container { margin-bottom: 20px; } #email_container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html #email_container { height: 1px; } * + html #email_container { min-height: 1px; } #email_data { float: left; width: 360px; } #email_data .form_container { margin-bottom: 10px; } #email_data .form_container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html #email_data .form_container { height: 1px; } * + html #email_data .form_container { min-height: 1px; } #email_data .form_container .button { float: right; } #email_data p { padding: 10px 0; } #email_images { float: right; width: 400px; } #email_images .share li { display: inline-block; margin: 0 0 15px; width: 100%; } #email_images .share li a { padding:10px 0 10px 45px; background-repeat:no-repeat; background-position:left center; } #email_images .share li#share-pinterest a { background-image:url(/images/social/share-pinterest.png); } #email_images .share li#share-twitter a { background-image:url(/images/social/share-twitter.png); } #email_images .share li#share-facebook a { background-image:url(/images/social/share-facebook.png); } .image_details { margin-bottom: 10px; } .image_details h4 { margin-bottom: 5px; } /* save popup */ #save_table { margin-bottom: 10px; } #save_table td { padding: 5px; } #save_table .image_details { width: 160px; } /*.....................................library browser and font selector!.....................................*/ #decoration_libraries { margin-top: -200px!important; width: 880px!important; } .font_selector { font-size: 1.1em; width: 730px!important; } .popup .library_browser { display: block; float: left; width: 100%; height: 100%; } .popup .library_browser a { color: #333; } .popup .library_browser .interior, .popup .font_sel div.interior { display: block; padding: 0; position: relative; } .popup .library_browser .interior:after, .popup .font_sel div.interior:after { clear: both; content: "."; display: block; height: 1px; line-height: 0; visibility: hidden; } * html .popup .library_browser div.interior, * html .popup .font_sel .interior { height: 1px; } * + html .popup .library_browser .interior, * + html .popup .font_sel .interior { min-height: 1px; } /* library browser heading */ .popup .library_browser .library_header { } .popup .library_browser .library_header .hierarchy div { padding: 10px 0 5px 5px; } .popup .library_browser .library_header .listing div { padding: 10px 5px 5px; } #content .library_header h4, .library_header h4 { color: #404040; font-size: 16px; font-weight: bold; letter-spacing: -0.005em; line-height: 16px; margin-bottom: 10px; } #content .library_header h4 span, .library_header h4 span { display: block; font-size: 12px; font-weight: normal; } .popup .library_browser .library_header .listing a.batch { background: #4a4949 url(/images/admin/icon_batch.gif) 3px 50% no-repeat; border: 3px double #404040; color: #fff!important; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; float: right; font-size: 1.5em; font-weight: bold; letter-spacing: -0.015em; padding: 3px 5px 3px 24px; text-decoration: none; } /*...............................................................................*/ .popup .library_categories { border: 1px solid #eee; } .popup .library_browser .hierarchy, .popup .font_selector .hierarchy { float: left; font-size: 11px; margin: 0; padding: 0 0 10px; width: 150px; } .popup .library_browser .interior .hierarchy { height: 410px; margin: 0; padding: 0; position: relative; } .backend_designer .popup .library_browser .hierarchy { width: 230px; height: 100%; } .backend_designer .popup .library_browser .product_categories { height: calc(100% - 20px); } .backend_designer .popup .library_browser .product_categories ul { height: 100%; overflow: auto; } /*.......................................listing........................................*/ .popup .library_browser .listing { float: right; width: 600px; } .popup .library_browser.font .listing { float: right; width: 500px; } .popup .library_browser .toolbar { -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#f7f7f7; border: 0; margin: 0 0 10px; padding: 3px 0; } .popup .library_browser .toolbar:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .popup .library_browser .toolbar { height: 1px; } * + html .popup .library_browser .toolbar { min-height: 1px; } .popup .library_browser .toolbar li { display: block; float: left; margin: 0 10px; padding: 2px 0 3px; vertical-align: top; } .popup .library_browser .toolbar li label { font-size: 11px; margin-right: 10px; padding: 3px 0 3px 20px; } .popup .library_browser .toolbar li a { font-size: 1.0em; color: #fff!important; font-weight: normal; margin: 0; padding: 0; text-decoration: none; } .popup .library_browser .toolbar.disabled li a { background: transparent!important; color: #333!important; } .popup .library_browser .toolbar li.add_category { background: transparent url(../images/admin/icon_category.gif) 0 40% no-repeat; } .popup .library_browser .toolbar li.delete_category { background: transparent url(../images/admin/icon_remove_category.gif) 0 40% no-repeat; } .popup .library_browser .toolbar li.rename_category { background: transparent url(../images/admin/icon_rename_category.gif) 0 40% no-repeat; } .popup .library_browser .toolbar li.mp_search { float: left; padding-right: 22px; position: relative; } .popup .library_browser .toolbar li.mp_search label { background: url(/images/icons/itoolbar_i/16/search.png) 0 50% no-repeat; } #ppr #content li.mp_search .button { display: inline; float: none; font-size: 14px; margin: 0; padding: 0 5px; } /*.popup .library_browser .toolbar li.search_image { background: transparent url(/images/admin/icon_search.gif) 0 50% no-repeat; display: none; } .popup .library_browser .toolbar li.search_image label { color: #fff; margin-right: 3px; } .popup .library_browser .toolbar li.search_image input { border: 0; display: inline; padding: 0; } .popup .library_browser .toolbar li.search_image input.search_box { border: 1px solid #ddd; }*/ .popup .library_browser .toolbar li.mp_add_image label { background: transparent url(/images/icons/itoolbar_i/16/picture.png) 0 50% no-repeat; } .indicator_container { display: block; height: 21px; position: absolute; right: 0; top: 4px; width: 21px; } .indicator_container span { background: url(/images/spinner_no_bg.gif) 50% 50% no-repeat; display: block; height: 21px; text-indent: -9999px; width: 21px; } .popup .library_browser .toolbar li.upload_status { padding: 0; width: 220px; } .popup .library_browser .library_header .listing div.progressBarContainer { border: 1px solid #a3a3a3; height: 7px; margin-right: 10px; padding: 1px; width: 100px; } .popup .library_browser .toolbar li label.progressBarText { display: block; margin: 3px 0; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^font list^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ .library_browser.font .listing ul { border: 1px solid #eee; height: 410px; overflow-x: hidden; overflow-y: auto; text-align: center; } .library_browser.font .listing ul li { border-bottom: 1px dotted #ccc; color: #666; display: block; font-size: 16px; padding: 5px 0; cursor: pointer; } .library_browser.font .listing ul li img { margin-bottom: 5px; } .library_browser.font .listing ul li span { display: block; } .library_browser.font .listing ul li.alt { background-color: #e2e2e2; float: none; } .library_browser.font .listing ul li.font_rollover { background-color: #eee; } /*##############################*/ div.library_browser fieldset.submenu { background: #eee; border: 3px double #fff; clear: both; margin: 0 0 10px; padding: 0; } div.library_browser fieldset.submenu legend b { color: #404040; background: transparent none; font-size: 1.3em; font-weight: bold; letter-spacing: -0.03em; margin-right: 10px; padding: 3px 15px 3px 0; position: absolute; right: 0; top: 0; } div.library_browser fieldset.submenu ul { margin: 5px 0; padding: 0 10px; text-align: left; } div.library_browser fieldset.submenu ul li { color: #aaa; display: inline; font-weight: bold; margin-right: 5px; padding: 0 2px; } div.library_browser fieldset.submenu ul li.alt { background: #404040; border: 1px solid #aaa; color: #fff; } div.library_browser fieldset.submenu ul li a { color: #404040!important; text-decoration: none; } /*-----------actual listing------------*/ div.library_browser ul.decoration_list { margin: 15px -5px 20px; padding: 0 10px; } div.library_browser ul.decoration_list:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.library_browser ul.decoration_list{ height: 1%; } * + html div.library_browser ul.decoration_list { min-height: 1%; } div.library_browser ul.decoration_list li { border: 1px solid #ddd; cursor: pointer; display: block; float: left; height: 100px; overflow: visible; padding: 0; margin: 0 5px 5px 0; width: 100px; } div.library_browser ul.decoration_list li.alt { background: #eee; border: 1px solid #999; } .sp_manager div.library_browser ul.decoration_list li .thumb-disp { width: 100px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; } .popup ul.decoration_list .d_l_container { border: none; display: block; height: 100px; margin: 0; padding: 0; text-align: center; width: 100px; } div.library_browser ul.decoration_list li span { background: url(/images/admin/icon_ok.gif) 0 0 no-repeat; clear: both; display: none; float: left; height: 24px; margin: -20px 0 -10px -6px; position: relative; width: 30px; z-index: 9999; } * html div.library_browser ul.decoration_list li span { margin-left: -2px; position: static; } * + html div.library_browser ul.decoration_list li span { position: static; } div.library_browser ul.decoration_list li.alt span { display: block; } div.library_browser ul.decoration_list li a img{ cursor: pointer; display: inline; margin: 0; padding: 0; } /* in product selector */ #select_product_categories > div, #select_product_categories > select { display: inline-block; } #m_apparel_box .library_listing.full { width: 380px; width: 100%; } #m_apparel_box div.library_browser ul.decoration_list li { height: auto; padding: 2px; width: auto; } /* in product selector popup */ .sp_manager div.library_browser ul.decoration_list li { height: auto; width: auto; } .sp_manager div.library_browser ul.decoration_list li div.product_name span { background: none; clear: none; display: inline; float: none; height: auto; margin: 0; position: relative; width: auto; z-index: 1; } .popup_box .sp_manager div.library_browser ul.decoration_list { height: 420px; margin: 0; overflow: auto; padding: 0; } /* ... */ .modify_image { border-radius: 5px; background: #fff; border: 5px solid #ddd; margin: -15px 0 0 -25px; width: auto; z-index: 1000; } .modify_image:after { clear: both; content: ""; display: table; } * html .modify_image { height: 1%; } * + html .modify_image { min-height: 1px; } .modify_image .image_header { float: left; } div.modify_image div.interior { float: right; } .modify_image .interior:after { clear: both; content: ""; display: table; } * html .modify_image .interior { height: 1px; } * + html .modify_image .interior { min-height: 1px; } div.library_browser .modify_image .image_header { margin: 5px; } .image_container { background: #fff url(/images/trans-display.gif); border: 1px solid #ddd; margin: 10px 0 10px 10px; text-align: center; } .modify_image .upload { border-radius: 3px; background: #f7f7f7; border: 1px solid #eee; margin: 10px 10px 10px 0; padding: 10px; width: 200px; } .modify_image .upload:after { clear: both; content: "."; display: table; } * html .modify_image .upload { height: 1%; } * + html .modify_image .upload { min-height: 1px; } .modify_image ul li { color: #404040; } .modify_image ul li label { float: left; width: 60px; } .modify_image .submit { margin: 0 10px; text-align: right; } .modify_image .button { float: right; } .modify_image .cancel_button { float: right; margin: 6px 0 0 10px; } /* effects pane */ .effects_pane ul li label { float: left; } .effects_pane ul li{ } .effects_pane ul li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .effects_pane ul li { height: 1%; } * + html .effects_pane ul li{ min-height: 1px; } /* emb buttons */ ol.emb_shapes { display: block; float: right; width: 260px; } ol.emb_shapes li { background: url(/images/mp/emb/button_left.gif) 0 0 no-repeat; display: inline-block; cursor: pointer; display: inline-block; height: 24px; margin: 0 2px 2px 0; padding: 0 0 0 28px!important; } * html ol.emb_shapes li { display: inline; } * + html ol.emb_shapes li { display: inline; } ol.emb_shapes li span{ background: url(/images/mp/emb/button.gif) 100% 0 no-repeat; color: #fff; display: block; font-weight: bold; height: 24px; line-height: 24px; padding: 0 10px 0 7px; } ol.emb_shapes li.alt{ background: url(/images/mp/emb/button_left.gif) 0 100% no-repeat; } ol.emb_shapes li.alt span{ background: url(/images/mp/emb/button.gif) 100% 100% no-repeat; } ol.emb_shapes li.circle_ccw { background-image: url(/images/mp/emb/left_smile.gif); } ol.emb_shapes li.circle_cw { background-image: url(/images/mp/emb/left_frown.gif); } ol.emb_shapes li.vertical { background-image: url(/images/mp/emb/left_vertical.gif); } /* no item button */ a.no_item_button{ display: block; padding: 0; margin: 20px 0 0; text-align: center; } a.no_item_button img { display: block; margin: 0 auto; } /* turns off elements in designer */ body#ppr #save_div, body#ppr #product_views_container{ display: none; } /*========================CUSTOM FIELDS */ .qty_price .custom_fields { background: transparent none; border: 0; } .qty_price .custom_fields h3 { font-size: 14px; } .qty_price .custom_fields h3 a { } .qty_price .custom_option { background: transparent none; border: 0; margin-bottom: 10px; margin-left: 120px; padding: 0; } .qty_price .custom_option li { border: 0; margin-bottom: 5px; padding: 0; } .qty_price .custom_option li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .qty_price .custom_option li { height: 1px; } * + html .qty_price .custom_option li { min-height: 1px; } .qty_price .custom_option li input { float: left; } .qty_price .custom_option li label { float: left; width: auto; } .qty_price .custom_option ul ul { -moz-border-radius: 0; -webkit-border-radius: 0; background: #d7dce5; border: 0; clear: both; padding-left: 10px; } /*========================add to cart area */ .m_pricing { background: #eef2f8; border:1px solid #bec6d1; margin-bottom: 2px; } #not_cart { color: #565D65; margin: 10px; } #not_cart:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html #not_cart { height: 1px; } * + html #not_cart { min-height: 1px; } #other_cart { margin: 10px; } #other_cart:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html #other_cart { height: 1px; } * + html #other_cart { min-height: 1px; } .m_pricing input, .m_pricing select, .m_pricing textarea { border: 1px solid #ccc; } .qty_price li { display: block; margin-bottom: 7px; } .qty_price li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .qty_price li { height: 1px; } * + html .qty_price li { min-height: 1px; } .qty_price label { color: #565d65; display: block; float: left; font-size: 12px; font-weight: bold; margin-bottom: 5px; width: 120px; } .dn-price-container { display: inline-block;} #add_cart_container, #update_cart_container, #other_button_container { float: right; } #update_cart_container2 { display: inline-block;margin-left: 50px;} .cart_container { border-top: 1px solid #bec6d1; padding-top: 5px; } .cart_container .price { color: #565d65; float: left; font-size: 18px; padding-top: 5px; } #post_sale_container { display: block; padding: 10px; } #post_sale_container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html #post_sale_container { height: 1px; } * + html #post_sale_container { min-height: 1px; } #post_sale_container input { float: right; } .size_input { float: left; width: 100%; } a.size_chart { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #dfe3ea; color: #5d676f; display: block; float: right; font-weight: bold; padding: 2px 4px; text-decoration: none; } .multi_qty_tr { padding: 5px 0 0; } .multi_qty_tr ul { padding: 0; } .multi_qty_tr ul ul { background: #e9edf3; border: 1px solid #dee3eb; clear: both; padding: 5px; } .multi_qty_tr ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .multi_qty_tr ul { height: 1%; } * + html .multi_qty_tr ul { min-height: 1px; } .multi_qty_tr ul li { border: 0!important; display: block; float: left; margin: 0 0 6px; padding: 0; width: 20%; } .multi_qty_tr ul li.block { clear: both; display: block; float: none; width: 100%; } .multi_qty_tr ul li.block:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .multi_qty_tr ul li.block { height: 1px; } * + html .multi_qty_tr ul li.block { min-height: 1px; } .multi_qty_tr ul li.block>label { margin-bottom: 3px; width: 100%; } .multi_qty_tr ul li label { display: block!important; font-size: 11px; font-weight: bold; margin: 0; padding: 0; text-align: left; } .multi_qty_tr ul li input { margin: 0; width: 30px; } .popup .multi_qty_tr ul li { width: 20%; margin-bottom: 7px; } .popup .multi_qty_tr ul li.block { width: 100%; } .popup .multi_qty_tr ul ul { float: left; } .popup .multi_qty_tr ul ul li { width: 100px; } /* quote request */ #home_request_quote .multi_qty_tr, #home_request_quote .size_input { float: left; padding: 0; width: 340px; } #home_request_quote #qty_container { float: left; width: 340px; } /* buttons */ .d_g_button { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #b2b2b2; color: black; cursor: pointer; font-size: 14px; font-family: Arial; font-weight: bold; padding: 5px; } input.d_g_button_large { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #d8d8d8 url(/images/mp/control_sprite.gif) 0 -737px no-repeat; color: black; cursor: pointer; font-size: 14px; font-weight: bold; height: 32px; line-height: 32px; margin: 0; padding: 0 5px 0 36px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, .2); } input#download_button { background-image: url("/images/icons/famfam/page_white_acrobat.png"); background-position: 7px 7px; background-repeat: no-repeat; } input.d_g_button_large.done { background-position: -450px -737px; } /* .d_g_button_error .d_g_button_large { background: #d8d8d8 url(/images/mp/control_sprite.gif) 0 -737px no-repeat; } .d_g_button_notice .d_g_button_large { background: #d8d8d8 url(/images/mp/control_sprite.gif) 0 -737px no-repeat; } */ b.d_g_button_large_alert { display: none; height: 20px; margin: -5px -5px 0 0; position: absolute; text-indent: -9999px; width: 20px; z-index:2; } .d_g_button_error b.d_g_button_large_alert { background: transparent url(/images/mp/icon_error.gif) 0 0 no-repeat; display: block; } .d_g_button_warning b.d_g_button_large_alert { background: transparent url(/images/mp/icon_warning.gif) 0 0 no-repeat; display: block; } .d_g_button_notice b.d_g_button_large_alert { background: transparent url(/images/mp/icon_notice.gif) 0 0 no-repeat; display: block; } #cancel_button { margin-left: 10px; } b.tip { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #404040; color: #fff; display: none; font-size: 11px; position: absolute; text-align: left; width: 240px; z-index: 9999; } b.tip b { display: block; padding: 10px; } /* apparel pane */ #m_apparel_pane { font-size: 12px; } #m_apparel_box { padding: 5px; } #m_apparel_box h3 { color: #565d65; font-size: 14px; font-weight: bold; } #cat_selector_box { background: #eef2f8; border: 1px solid #bec6d1; padding: 5px; } #cat_selector_box select { border: 1px solid #ccc; } .cat_selector {} .cat_selector {} .cat_selector li { padding: 3px 0; } .cat_selector li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .cat_selector li { height: 1px; } * + html .cat_selector li { min-height: 1px; } .cat_selector li label { color: #565d65; display: block; font-size: 11px; font-weight: bold; float: left; width: 100px; } .cat_selector select { font-size: 11px; font-weight: bold; } a.show_info { float: right; font-size: 11px; } .product_list { margin: 10px 0 5px; } .product_list ul { margin: 5px 0; padding: 5px 0; } .product_list ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .product_list ul { height: 1px; } * + html .product_list ul { min-height: 1px; } .product_list li { -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #eef2f8; cursor: pointer; display: block; float: left!important; margin: 0 4px 5px 0; } .product_list li img { border: 1px solid #fff; display: block; } .product_list li .product_cell_over { border: 1px solid #bec6d1; } .product_list li .product_cell_selected { border: 1px solid #75cfd5; } .product_info:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .product_info { height: 1px; } * + html .product_info { min-height: 1px; } /* .product_image { border: 1px solid #eee; float: left; padding: 1px; } .product_image img { display: block; width: 125px; } */ .product_desc { float: right; font-size: 11px; width: 240px; } .selector_container { background: url(/images/designer_p_selector.gif) 0 100% repeat-x; } .cat_tabs { padding: 5px 5px 0 5px; } .cat_tabs:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .cat_tabs { height: 1px; } * + html .cat_tabs { min-height: 1px; } .cat_tabs li { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; background: #ddd; border: 1px solid #ddd; display: block; float: left; margin-right: 5px; } .cat_tabs li:after { clear: both; content: "."; display: block; height: 1px; line-height: 1px; visibility: hidden; } * html .cat_tabs li { height: 1px; } * + html .cat_tabs li { min-height: 1px; } .cat_tabs li a { display: block; float: left; padding: 3px 5px; } .cat_tabs li.pc_selected_tab { background: #fff; border-bottom: 1px solid #fff; } /* */ #product_known_options { } #product_known_options .color_panel { float: left; width: 280px } #product_known_options .custom_option, #product_known_options .custom_fields { float: left; width: 280px } #product_known_options .custom_field label { float: none; } #product_known_options #d_pane { float: left; } /* request pages */ #home_request_quote .qty_price { float: left; width: 340px; } #home_request_quote #product_known_options .custom_fields { float: left; width: 280px } #home_request_quote #product_known_options .custom_field label { float: none; text-align: left; width: auto; } #home_request_quote #product_known_options .custom_option, #home_request_quote #product_known_options .custom_fields { float: none; margin-left: 0; width: auto; } /* team names */ #teamname_templates_container { } #teamname_templates_container ul { } #teamname_templates_container ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html #teamname_templates_container ul { height: 1px; } * + html #teamname_templates_container ul { min-height: 1px; } #teamname_templates_container ul li { -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #f7f7f7; cursor: pointer; display: block; float: left; margin: 0 10px 10px 0; padding: 5px; } #teamname_templates_container ul li.alt { background: #f7f7f7; border: 1px solid #bbb; } #no_items { background: url(/images/icons/itoolbar_ii/32/actions.png) 0 0 no-repeat; margin: 10px 5px 0; padding: 0 10px 0 40px; } #no_items h3 { border: 0; color: #5c6678; font-size: 14px; margin-bottom: 10px; padding: 0; } .no_items { margin: 0; } .no_items a { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(/images/mp/control_sprite.gif) -471px -226px no-repeat; border: 1px solid #c1c2c3; color: #404040; display: block; font-size: 18px; height: 48px; line-height: 48px; margin-bottom: 10px; padding-left: 10px; text-decoration: none; position:relative; } .no_items .disabled a { background: url(/images/mp/control_sprite.gif) -471px -147px no-repeat; border: 1px solid #e4e4e4; color: #bebebe; cursor: auto; height: auto; } .no_items .disabled a:hover { border: 1px solid #e4e4e4; } .no_items .disabled a span { background: url(/images/icons/itoolbar_i/32/delete-alt.png) 0 50% no-repeat!important; height: auto; line-height: 24px; padding-top: 3px; padding-bottom: 3px; } .no_items a span { display: block; height: 48px; line-height: 48px; padding-left: 60px; } .no_items a.image span { background: url(/images/icons/itoolbar_i/32/picture.png) 0 50% no-repeat; } .no_items a.image span.disabled_notice { display:none; } .no_items a.text span { background: url(/images/icons/itoolbar_ii/32/text.png) 0 50% no-repeat; } .no_items a .disabled_notice { display: none;} .no_items a.placeholder span { background: url(/images/icons/itoolbar_ii/32/misc.png) 0 50% no-repeat; } .no_items a.placeholder span.disabled_notice{ display: none; } .no_items a.team span { background: url(/images/mp/team_icon_light.png) 0 50% no-repeat; } .no_items li.disabled a .disabled_notice { color: #6b6565; display: block; font-size:11px; font-weight: bold; line-height: 12px; padding: 0 0 5px; } .no_items a:hover { border-color: #949494; } .no_items .with_process_description a { height: auto; max-height: 51px; } .no_items .with_process_description a span { height: auto; line-height: 24px; padding-top: 3px; padding-bottom: 3px; } .no_items .with_process_description a .process_description { color: #6b6565; display: block; font-size:11px; font-weight: bold; line-height: 12px; padding: 0 0 5px; } .rulers { display: none; height: 400px; overflow: hidden; position: relative; width: 390px; } .grid { border-collapse: collapse; left: 0; height: 560px; margin: -46px 0 0 -64px; opacity: 0.15; position: absolute; top: 0; width: 560px; } .grid td { border: 1px dotted #666; height: 20px; line-height: 0; width: 20px; } .units { background: #777; color: #fff; font-size: 10px; height: 20px; left: 0; line-height: 20px; position: absolute; top: 0; width: 20px; text-align: center; } .horizontal_ruler { background: url(/images/mp/ruler_bg.png) 0 0 repeat; font-size: 8px; height: 20px; left: 0; overflow: hidden; position: absolute; top: 0; width: 390px; } .vertical_ruler { background: url(/images/mp/ruler_bg.png) 0 0 repeat; font-size: 8px; height: 400px; left: 0; overflow: hidden; position: absolute; top: 0; width: 20px; } .horizontal_ruler ul { margin-left: -54px; width: 1000px; } .horizontal_ruler ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .horizontal_ruler li { background: url(/images/mp/ruler-increment-h.gif) 100% 100% repeat-y; display: block; float: left; height: 20px; width: 20px; } .horizontal_ruler li span { background: url(/images/mp/ruler-increment-h.gif) 50% 100% no-repeat; display: block; height: 20px; line-height: 15px; text-align: center; } .vertical_ruler ul { margin-top: -37px; width: 20px; } .vertical_ruler li { background: url(/images/mp/ruler-increment-v.gif) 100% 100% repeat-x; height: 20px; } .vertical_ruler li span { background: url(/images/mp/ruler-increment-v.gif) 100% 50% no-repeat; display: block; height: 20px; line-height: 20px; text-align: center; } .area_control { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; background: #404040; display: none; left: 0; margin: 302px 0 0 125px; padding: 3px; position: absolute; top: 0; } .area_control ul { } .area_control ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .area_control ul { height: 1px; } * + html .area_control ul { min-height: 1px; } .area_control li { float: left; } .area_control ul>li { border-right: 1px solid #555; margin-right: 3px; padding-right: 3px; } .area_control ul>li:last-child { border: 0; margin: 0; padding: 0; } .area_control li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #555; display: block; height: 18px; text-indent: -9999px; width: 18px; } .area_control li a:hover { background-color: #5e5e5e; } .area_control ol li a { border-right: 1px solid #666; } .area_control ol li:first-child a { -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; } .area_control ol li:last-child a { -moz-border-radius: 0 2px 2px 0 ; -webkit-border-radius: 0 2px 2px 0; border: 0; } .lock_container { background: #eef2f8; border: 1px solid #bec9d8; margin-bottom: 2px; padding: 4px 5px; } .lock_container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .lock_container { height: 1px; } * + html .lock_container { min-height: 1px; } .lock_container li { float: left; margin-right: 15px; } .lock_container li.replace { clear: left; margin-left: 15px; } .lock_container input { float: left; margin: 0 5px 0 0; } .lock_container input[type=checkbox] { margin-top: 4px; } .lock_container label { float: left; font-weight: bold; line-height: 22px; margin-right: 5px; } div.qty_dropdown { float:left; position:relative; } div.qty_dropdown p { line-height: 11px; margin: 0 0 0 60px; padding: 0; } div.qty_dropdown p span { font-weight: bold; } a#qty_selector { display:none; } div.qty_dropdown #qty_selector { cursor: pointer; display: block; height:22px; overflow: hidden; position: relative; width: 45px; } div.qty_dropdown a#qty_selector { background-image: url(/images/mp/control_sprite.gif); background-position: -533px -46px; background-repeat: no-repeat; cursor: pointer; height: 22px; left: 0; margin: 0!important; position: absolute; text-decoration: none; width: 57px; } div.qty_dropdown a#qty_selector:hover { background-position: -533px -68px; } div.qty_dropdown a#qty_selector.alt { background-position: -533px -90px; } div.qty_dropdown input { background: transparent url(/images/trans.gif) 0 0 repeat; border: 0; font-size: 12px; height: 18px; left: 0; margin:0; padding: 2px 0 0 2px; position: absolute; top: 0; width: 36px; } div.qty_dropdown div#qty_dropdown_float { background-color: #fff; border: 1px solid #ccc; font-size: 12px; left: 0; overflow: hidden; position: absolute; padding: 2px; top: 21px; width: 50px; z-index: 1000; } div.qty_dropdown div#qty_dropdown_float ul li { color: #000; cursor: pointer; font-size: 12px; margin: 0; width: 55px; } div.qty_dropdown div#qty_dropdown_float ul li.over { background-color: #1e84FF !important; color: #fff; } div.qty_dropdown div#qty_dropdown_float ul li.alt { background-color: #1951AA !important; color: #fff; } /* when the qty is disabled we want an overlay ontop of it so it will be clickable */ div.qty_overlay { display: none; } div.disabled div.qty_overlay { display:block; position:absolute; width: 100px; height: 30px; background:#FFFFFF; z-index:2; -moz-opacity:0.01; filter:alpha(opacity: 0.01); opacity:0.01; } /* MAP: copy dropdown button */ li#copy_button { position: relative; } ul#copy_dropdown_float { background-color: #fff; border: 1px solid #ccc; left: 0; overflow: auto; padding: 2px; position: absolute; top: 21px; width: 50px; z-index: 10000; } ul#copy_dropdown_float li { cursor: pointer; float: none; height: auto; padding: 2px; } ul#copy_dropdown_float li.over { background-color: #1e84ff!important; color: #fff; } ul#copy_dropdown_float li.disabled { color: #aaa; cursor: default; } /* popping up */ #opener { -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #ddd; color: #404040; padding: 5px; } #opener .int { background: #fff; border: 1px solid #bbb; padding: 10px; } #opener_top_section { margin-bottom: 10px; } #opener_ul { background: #586273 url(/images/mp/control_sprite.gif) -471px -332px no-repeat; border: 1px solid #646e7f; margin-bottom: 10px; padding: 5px; } #opener .int ul li { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(/images/mp/control_sprite.gif) -471px -279px no-repeat; border: 1px solid #828c9e; cursor: pointer; height: 48px; padding: 0 8px; position: relative; } #opener .int ul li { margin-top: 5px; } #opener .int ul li:first-child { margin: 0; } #opener .int ul li h4 { color: #fff; float: left; font-size: 18px; font-weight: bold; letter-spacing: -0.01em; line-height: 28px; margin: 4px 0 0; padding: 0 0 0 54px; } #opener .int ul>li h4 b { display: block; font-size: 11px; font-weight: normal; letter-spacing: 0; line-height: 4px; overflow: visible; } /* overlays */ #opener .int ul li:first-child:after, #opener .int ul li:nth-child(2):after { background: url(/images/mp/overlay_image.png) 0 0 no-repeat; content: "."; display: block; height: 124px; left: 0; margin: -70px 0 0 -210px; position: absolute; text-indent: -9999px; top: 0; width: 290px; } #opener .int ul li:nth-child(2):after { background: url(/images/mp/overlay_text.png) 0 0 no-repeat; margin: 20px 0 0 -210px; } #opener_image h4 { background: url(/images/icons/itoolbar_i/32/picture.png) 0 50% no-repeat; } #opener_text h4 { background: url(/images/icons/itoolbar_ii/32/text.png) 0 50% no-repeat; } #opener_teamname h4 { background: url(/images/mp/team_icon_dark.png) 0 50% no-repeat; } #opener .int ol { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #e5e5e5 url(/images/mp/overlay_dec.gif) 0 100% repeat-x; border: 1px solid #0099FF; float: right; margin: 5px 0 0; } #opener .int ol:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html #opener .int ol { height: 1px; } * + html #opener .int ol { min-height: 1px; } #opener .int ol li { background: url(/images/mp/overlay_dec_div.gif) 100% 100% repeat-y; float: left; padding: 8px 10px; } #opener .int ol li:last-child { background: transparent none; margin-bottom: 0px; } #opener .int ol li a { font-size: 14px; font-weight: normal; text-decoration: none; } .opener_overlay { display: none; height: 124px; left: 0; position: absolute; text-indent: -9999px; top: 0; width: 290px; } * html .opener_overlay { display: none; } .opener_overlay.top { background: url(/images/mp/overlay_image.png) 0 0 no-repeat; margin: -70px 0 0 -210px; } .opener_overlay.middle { background: url(/images/mp/overlay_text.png) 0 0 no-repeat; margin: 20px 0 0 -210px; } .opener_overlay.bottom { background: url(/images/mp/overlay_text.png) 0 0 no-repeat; margin: 20px 0 0 -210px; } /* cart area */ table#cart { border-collapse: separate; } .designer_cart th { background: #eef2f8; border: 1px solid #bec6d1; border-width: 1px 0; color: #565d65; font-weight: bold; padding: 5px; text-transform: none; } .designer_cart th:first-child { border-width: 1px 0 1px 1px; } .designer_cart th:last-child { border-width: 1px 1px 1px 0; } .designer_cart td { border-bottom: 1px solid #eef2f8; padding: 5px; vertical-align: top; } .designer_cart td:first-child { border-width: 2px 0 2px 2px; } .designer_cart .selected td { -moz-box-shadow: 0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset; -webkit-box-shadow: 0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset; box-shadow: 0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset; } .designer_cart .selected td:first-child { -moz-box-shadow: 0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, 2px 0 0 #75cfd5 inset; -webkit-box-shadow: 0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, 2px 0 0 #75cfd5 inset; box-shadow: 0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, 2px 0 0 #75cfd5 inset; } .designer_cart .selected td:last-child { -moz-box-shadow: 0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, -2px 0 0 #75cfd5 inset; -webkit-box-shadow: 0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, -2px 0 0 #75cfd5 inset; box-shadow: 0 2px 0 #75cfd5 inset, 0 -2px 0 #75cfd5 inset, -2px 0 0 #75cfd5 inset; } .cp_details td { border-bottom: 0!important; } .cp_options td { border-top: 0!important; } .designer_cart .designer_price { text-align: right; } .designer_cart .options label { font-weight: bold; } #cart_total_container td { border-width: 0 0 1px; font-size: 12px; font-weight: bold; padding: 10px 5px; } #total_price { text-align: right; } #is_cart { margin: 5px 0 0; } #is_cart ul { text-align: right; } #is_cart li { display: block; float: right; margin: 0 0 0 5px; } /* screen lists */ .manage_pane_settings { -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, .05) inset; -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .05) inset; box-shadow: 0 -1px 0 rgba(0, 0, 0, .05) inset; background-color: #e4e9f0; background-image: -moz-linear-gradient(50% 0, rgba(255, 255, 255, .85) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(50% 0, 50% 100%, from(rgba(255, 255, 255, .85)), to(rgba(255, 255, 255, 0))); border: 1px solid #bec6d1; margin: 0; } .scr_list { padding: 5px; } .scr_list li { margin-bottom: 2px; } .scr_list li:last-child { margin: 0; } .scr_list li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .scr_list li { height: 1px; } * + html .scr_list li { min-height: 1px; } .scr_list label { display: inline; display: block; float: left; line-height: 18px; margin-right: 10px; text-align: right; vertical-align: top; width: 125px; } .scr_list input, .scr_list select { float: left; font-size: 11px; } /* list of colors */ .scr_color_list { display: block; float: left; } .scr_color_list:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .scr_color_list { height: 1px; } * + html .scr_color_list { min-height: 1px; } .scr_color_list li { float: left; margin-right: 1px; } /* */ .popup .scr_color_list li { margin-right: 10px; } .popup .scr_color_list li label { margin-right: 5px; } /* calendar date select */ .ie6_blocker { z-index: 99; } .calendar_date_select { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, .25); box-shadow: 0 7px 10px rgba(0, 0, 0, .25); background: #fff; border: 1px solid #ddd; left: 470px; position: absolute; top: 340px; width: 260px; z-index: 3100; } .calendar_date_select a { color: #404040; } .cds_header { border-bottom: 1px solid #ddd; margin-bottom: 5px; padding: 10px 5px; text-align: center; } .cds_header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .cds_header { height: 1px; } * + html .cds_header { min-height: 1px; } .cds_header .next, .cds_header .prev, .cds_header .close { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65); background: #dbe3e3; border: 1px solid #c1c9c7; display: inline-block; font-weight: bold; height: 16px; line-height: 16px; margin-top: 2px; padding: 0 5px; } .cds_header a.close { float: right; margin-left: 5px; } .cds_header .next { float: right; } .cds_header .prev { float: left; } .calendar_date_select select { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: url(/images/om/dropdown_bg.png) 100% 0 no-repeat; border: 1px solid #c1c9c7; font-size: 11px; margin: 0 4px; padding: 3px 2px 3px 5px; } .cds_body { margin-bottom: 5px; padding: 0 2px 5px; } .cds_body table { } .cds_body table th { border-bottom: 1px solid #ddd; color: #888; padding: 4px; } .cds_body table td { -moz-border-radius: 0!important; -webkit-border-radius: 0!important; border-radius: 0!important; border: 1px solid #ddd; border-width: 0 0 1px 1px; color: #404040; font-size: 11px; padding: 4px; text-align: center; } .cds_body table td.today { background-image: url(/images/om/na_bg.png); } .cds_body table td.selected { background-color: #333; border-color: #404040; color: #fff; } .cds_body table td:last-child { border-width: 0 1px 1px 1px; } .cds_body table td.weekend { -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, .65); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, .65); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 13px 13px -3px rgba(255, 255, 255, .65); background: #e8efef; } .cds_body table td.disabled { color: #d3d3d3;} .cds_buttons { float: right; margin: 5px 5px 10px; } .cds_buttons span:not(:has(> select)) { display: none; } .cds_buttons a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 10px rgba(255, 255, 255, .65); border: 1px solid #c1c9c7; display: inline-block; background: #dbe3e3; font-weight: bold; height: 18px; line-height: 18px; margin-left: 5px; padding: 0 5px; } .cds_footer { float: left; font-weight: bold; margin: 5px; } .cds_footer span { color: #888; display: inline-block; height: 18px; line-height: 18px; } .cds_bottom { } .cds_image_icon { margin-bottom: -5px; margin-top:-10px; cursor:pointer; width: 20px; } /* */ .library_listing { float: right; margin: 0; width: 75%; } .designer_container_large { box-sizing: content-box; } .designer_container_large .add_items ul a, .designer_container_large .d_g_button_large { background: #ee8f01; background: -moz-linear-gradient(50% 0, #ee8f01, #C77800 100%); background: -ms-linear-gradient(50% 0, #ee8f01, #C77800 100%); background: -o-linear-gradient(50% 0, #ee8f011, #C77800 100%); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#C77800)); border: none; border-radius: 2px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .25) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset; color: #FFFFFF !important; text-shadow: none; display: block; float: left; font-weight: normal; font-size: 16px; line-height: 24px; margin-right: 4px; padding: 8px 25px 8px 40px; position: relative; text-decoration: none; } .designer_container_large .add_items ul a:hover, .designer_container_large .d_g_button_large:hover { background: -moz-linear-gradient(50% 0, #C77800, #ee8f01 100%); background: -ms-linear-gradient(50% 0, #C77800, #ee8f01 100%); background: -o-linear-gradient(50% 0, #C77800, #ee8f01 100%); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#C77800), to(#ee8f01)); } .designer_container_large .add_items ul a:before { background: -moz-linear-gradient(50% 0, #ee8f01, #C77800 100%); background: -ms-linear-gradient(50% 0, #ee8f01, #C77800 100%); background: -o-linear-gradient(50% 0, #ee8f01, #C77800 100%); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#E18700)); border-radius: 2px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1) inset; content: "."; display: inline-block; height: 32px; left: 0; margin: -16px 0 0 4px; text-indent: -9999px; position: absolute; top: 50%; width: 24px; } #close_designer { moz-border-radius: 32px !important; -webkit-border-radius: 32px !important; border-radius: 32px !important; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset; background: #bf5c07; background: -moz-linear-gradient(50% 0, #ee8f01, #C77800 100%); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#C77800)); content: "."; display: inline-block; height: 32px; margin: -12px -12px 0 0; text-indent: -9999px; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 32px; z-index: 5; } #close_designer:hover { background: -moz-linear-gradient(50% 0, #C77800, #ee8f01 100%); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#C77800), to(#ee8f01)); } .designer_container_large .view_controls ol#save_div a { background: #ee8f01 !important; background: -moz-linear-gradient(50% 0, #ee8f01, #C77800 100%) !important; background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#C77800)) !important; color: #FFFFFF !important; text-shadow:none; } .designer_container_large .view_controls ol#save_div a:hover{ background: -moz-linear-gradient(50% 0, #C77800, #ee8f01 100%) !important; background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#C77800), to(#ee8f01)) !important; } .designer_container_large h3 a { color: #ee8f01; float: right; font-size: 11px; } .designer_container_large .area_view ul.views li.d_layout_selected:hover:before, .designer_container_large .area_view ul.views li.d_layout_selected:before { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 2px solid #ee8f01; content: "."; display: block; height: 100%; left: 0; margin: -2px 0 0 -2px; position: absolute; text-indent: -9999px; top: 0; width: 100%; } .designer_container_large a#show_preview { color: #ee8f01; } /* handles */ .dn-d-el-sizer { background-color: white; border: 2px solid black; height: 10px; width: 10px; border-radius: 7px; z-index: 500; cursor: move; position: absolute; } .dn-d-el-sizer.dn-d-s-TL { cursor: nw-resize; left: -7px; top: -7px; } .dn-d-el-sizer.dn-d-s-TR { cursor: ne-resize; right: -7px; top: -7px; } .dn-d-el-sizer.dn-d-s-BL { cursor: ne-resize; left: -7px; bottom: -7px; } .dn-d-el-sizer.dn-d-s-BR { cursor: nw-resize; right: -7px; bottom: -7px; } .dn-d-el-ro-sizer { background-color: black; height: 0px; width: 0px; z-index: 500; position: absolute; } .dn-d-el-rotate { background-color: white; border: 2px solid black; border-radius: 11px; z-index: 500; cursor: move; position: absolute; font-size: 18px; padding: 1px; line-height: 0.7em; text-align: center; color: black; top: auto; right: -30px; bottom: -30px; } .dn-d-el-delete { background-color: white; border: 2px solid black; border-radius: 5px; z-index: 500; cursor: pointer; position: absolute; font-size: 13px; line-height: 0.7em; padding: 2px 2.5px 2px 2px; text-align: center; color: black; bottom: -30px; left: -30px; } .dn-d-el-edit { display: none; } .dn-d-el-dims { background-color: white; border: 2px solid black; padding: 2px 5px; border-radius: 6px; font-size: 11px; line-height: 1.4em; display: none; z-index: 500; position: relative; top: -35px; white-space: nowrap; } .dn-d-el-dims input[type="text"] { width: 30px; font-size: 11px; height: 20px; line-height: 1em; margin-right: 2px; padding: 0px 3px; } .dn-d-el-dims .dn-d-el-dims-apply { display: inline-block; cursor: pointer; margin-left:5px; vertical-align:middle; width: 20px; height: 20px; background-image: url(/images/icons/open-iconic/png/check-2x.png); background-repeat: no-repeat; } .dn-d-el-dims .dn-d-el-dims-edit { display: inline-block; cursor: pointer; margin-left: 6px; vertical-align: middle; width: 12px; height: 12px; background-image: url(/images/icons/open-iconic/png/pencil-2x.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .dn-selected .dn-d-el-dims { display: inline-block; } img#copyright_preview { background: url('/images/trans-display.gif') !important; } img#raster_image { background: url('/images/trans-display.gif') !important; max-width: 100%; } img#lc_preview { background: url('/images/trans-display.gif') !important; } img#lc_original { background: url('/images/trans-display.gif') !important; } /* THEME CSS */ /* banner */ #marketing { margin-bottom: 15px; } .m_cell h2 { color: #2C2C2C; font-family: 'Bangers', sans-serif; font-size: 96px; letter-spacing: 0.085em; text-shadow: 2px 2px 0 #ffffff, 4px 4px 0 rgba(0, 0, 0, .3); text-transform: uppercase; } .m_cell h3 { color: #0099FF; font: normal 30px 'Dancing Script', cursive; } .m_cell .button { -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; border-radius: 2px !important; background-color: #0FC000; color: #ffffff; font: normal 30px 'Dancing Script', cursive; line-height: 48px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); } /* controls */ #m_controls ul { -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; border-radius: 2px !important; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 1px 3px rgba(0, 0, 0, .45); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 1px 3px rgba(0, 0, 0, .45); box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 1px 3px rgba(0, 0, 0, .45); background-image: -moz-linear-gradient(50% 0, rgba(255, 255, 255, .1), rgba(0, 0, 0, .25) 100%); background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .25))); } #m_controls ul li a { -moz-border-radius: 12px !important; -webkit-border-radius: 12px !important; border-radius: 12px !important; } #m_controls ul li a.alt:after { background-color: #0099FF; } #m_controls ul li:first-child { margin-left: -275px; } #header { background:none; z-index: auto; } #header div.set { background: transparent none; } #header h1 { background-color: 0099Ff; background: transparent none; background: #0099Ff; clear:both; float: none; letter-spacing: 0; padding: 0; margin-top: 0; text-align: left; text-transform: none; } #header h1 img { clear: both; display:block; float: none; margin-left: 20px; margin-top:0; padding:20px; } #underlogo { padding: 0; } #header h1 img#logo { clear: both; float: none; margin-left: 0; margin-top: 0; padding: 0; } #navigation { background-color:#0FC000; display: block; float: none; margin-top: 10px; margin-bottom: 5px; padding: 10px 0; text-align: left; } #navigation li { font-size: 15px; } #navigation li a { color : #0099FF; text-decoration:none;} #navigation li a:hover { text-decoration:underline;} #navigation li.alt a { color : #0099FF;text-decoration:underline;} #container { background-color:#ffffff; } #content { margin-top:5px; } #content, #content div.set, #footer, #footer div.set { background: transparent; } #content div.set{ padding-top: 0; } div.column_a { float: left; } div.column_b { float: right; margin: 0; padding: 0; } div.meta h3, div.meta.categories h3 { -moz-border-radius: 0; -webkit-border-radius: 0; color: #ffffff; display: block; float: none; font-size: 14px; font-weight: normal; letter-spacing: 0; margin: 0 0 7px; padding: 5px; text-transform: none; } div.meta, div.meta.categories { background: transparent none; border: 0; padding: 0; margin: 0 0 20px; } #content div.left ul { background-color:#ffffff; margin-bottom: 5px; padding: 5px; } #content div.left ul li { margin-top: 0; padding: 3px 0; } #main_image { display:none; margin: 0; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Social Media Links ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ #dn-social-media { position: fixed; right: 0; top: 40%; z-index:9999; } #dn-social-media li { background-repeat: no-repeat; background-image: url('/images/admin/dns_icons.png'); opacity: .9; } #dn-social-media li a { height: 32px; width: 32px; text-indent: -99999px; display:block; margin: 2px; } #dn-social-media li:hover { opacity: 1; } #dn-social-media #dn_facebook { background-position: 0 0px; } #dn-social-media #dn_google { background-position: 0 -32px; } #dn-social-media #dn_twitter { background-position: 0 -64px; } #dn-social-media #dn_pinterest { background-position: 0 -96px; } #dn-social-media #dn_instagram { background-position: 0 -128px; } #dn-social-media #dn_youtube { background-position: 0 -160px; } /* VERY basic responsive css */ @media only screen and (max-width: 768px) { div.set, #header div.set, #content div.set, #footer div.set, div.extras div.extra_container { width: auto; } #navigation { width: auto; } #home_index #marketing { display:none; } .column_a { width: 100%; } .column_b { width: 100%; } .product_display .image { width: auto; } .product_display .image .d_pane img.protect.alt { width: 100%; } div.product_display div.description { width: 100%; } #decoration_libraries { width: 100% !important; } .popup .popup_int { padding: 3px; } .popup .library_browser .listing { width: 100%; } div#footer div.helpers { width:100%; text-align:center; padding: 0; } div#footer div.helpers ul { width:100%; } #message_only, #logo, #main_image, #legals .logos { max-width:100%; } #message_only div { left: 0px; margin-left: 0px; } } /* CUSTOM CSS */ #header { background: #000000; color: #000000; } #content { background: #ffffff; color: #000000; } #footer { background: #ffffff; color: #000000; } #header h1 img { max-width: 100%; } #header h1 img#logo { clear: both; float: none; margin-left: 0; margin-top: 0; padding: 0; max-width: 100%; } .column_b { width: 0px; } .column_a { width: 800px; } div.meta h3, div.meta.categories h3 { background-color:#FFFFFF; color: #000000; font-weight: bold; } #navigation { background-color: #FFFFFF; } ul#pre_navigation li { border-right: 1px dotted #ffffff; color: #ffffff; } #pre_navigation li a { color:#FFFFFF; } ul#pre_navigation li.search input.button {color: #FFFFFF; } ul#pre_navigation li a { background: url(/bimages/ppr/top_icons.gif); background-repeat: no-repeat; color: #ffffff; font: bold .9em Arial; padding: 3px 0 3px 18px; text-transform: uppercase; } ul.extras li a { color: #FFFFFF; } .row li.display { float: left; outline: white; outline-width: thin; margin-bottom: 20px; outline-style: solid; } .colorbutton { border: 1px solid #FFFFFF; border-radius: 4px; color: #FFFFFF; } #m_window { height: 410px; } /* is this deprecated */ /* div#designer-loading div.loading{ background: #fff; border: 1px solid #76a8b7; left: 50%; margin: 400px 0 0 -150px; padding: 30px 0; position: absolute; text-align: center; width: 300px; } div#designer-loading div.loading p{ padding: 4px 0 2px; } div#designer-loading div.loading h4{ background: transparent url(/images/loading-small.gif) 0 50% no-repeat; color: #3297fe; display: inline; font-size: 24px; font-weight: normal; letter-spacing: -0.07em; padding: 0 20px; text-transform: uppercase; } div#designer-loading div.loading div.load-bar{ width: 150px; border: 1px solid #d8e3f6; padding: 0; margin: 0 auto; text-align: left; } div#designer-loading div.loading div#designer-loading-percent{ background: #d8e3f6 url(/images/load-bar.gif) 100% 50% no-repeat; height: 22px; width: 10px; } */