/*----------------------------------------------------------------------- ========================================================================= ========================================================================= ...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; } * html .clearfix { height: 1%; } * + html .clearfix { min-height: 1px; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ $1 all page elements ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ body { background: #64605b; color:#FAFAD2; font-family: Arial; font-size: 62.5%; font-weight: normal; } a { color: #ffffff; font-size: 1.0em;} p { margin-bottom: 10px; } strong , b { font-weight: bold; } pre { background: #64605b; color:#FAFAD2; font: normal 11px Arial; } /* base input styles */ input, select, textarea { border: 1px solid #ff7800; 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 --------------------------------------------------------------*/ div#container{ font-size: 1.1em; } /*------------------------------------------------------------ $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: #888888 url(/bimages/ppr/top_outer_repeater.jpg?b=10245518&v=1277303116) 50% 100% repeat-x; text-align: right; } #header div.set { background: #FFCC00; } /*------------------------------------------------------------ $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: #CCA300; 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:#191c1c; } #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: #191c1c; display: inline; float: none; font-size: 16px; font-weight: bold; letter-spacing: -0.015em; margin-right: 15px; padding-left: 7px; } #navigation li.image { background: transparent none; margin: 0; padding: 0; } #navigation li a { color: #876c00; font-weight: normal; margin: 0; margin-bottom: 0; padding: 0; } #navigation li.alt a { color: #191c1c; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ $3.0 content ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #content { background: #808080; } #content div.set { background: #64605b; padding-top: 20px; min-height: 1px; } /*------------------------------------------------------------ $3.1 left content area (sub navigation) ------------------------------------------------------------*/ left { color: #FAFAD2; float: left; width: 200px; } left h3 { color: #f9a400; display: block; font-size: 1.8em; font-weight: normal; letter-spacing: -0.08em; padding: 10px 0 0; } left h4 { color: #f9a400; display: block; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; padding: 0; } left ul { } left ul li { background: url(/bimages/ppr/left_li.gif?b=10245518&v=1277303116) 0 50% no-repeat; border-bottom: 1px dotted #7D7872; line-height: 16px; } left ul li ul { background: transparent none; } left ul li ul li { background: url(/bimages/ppr/left_li.gif?b=10245518&v=1277303116) 0 50% no-repeat; border-bottom: 1px dotted #7D7872; line-height: 16px; padding-left: 8px; } left ul li a { color: #E5E5E5; 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: #f9a400; 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 { background: url(/bimages/ppr/products_bg_top.gif?b=10245518&v=1277303116) 0 0 no-repeat; color: #FFFFFF; display: block; margin: 20px 0; width: 99%; } .products_home a { color: #ffffff; } .products_home h3 { background: url(/bimages/ppr/products_bg_top.gif?b=10245518&v=1277303116) 100% 0 no-repeat; color: #B5ACA4; margin: 0 0 0 10px; padding: 10px 20px; } .products_home div.interior { background: url(/bimages/ppr/products_bg.gif?b=10245518&v=1277303116) 0 100% no-repeat; display: block; padding: 0 0 0 10px; } .products_home div.interior div.close { background: url(/bimages/ppr/products_bg.gif?b=10245518&v=1277303116) 100% 100% no-repeat; 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=10245518&v=1277303116) 0 100% repeat-x;; display: block; margin-bottom: 20px; padding: 0 10px; } .features ul.category li { border: solid #7D7872; 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: #64605b; } .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 #ABABAB; margin-left:20px; } div.thumb_border { border:1px solid #ABABAB; } .products_home li span.tax_warning, span.tax_warning, span.tax_notice span { color: #ffffff; 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 #ABABAB; } */ /********************************************* 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 #ff7800; overflow: auto; padding: 10px 0; } .latest_items li img { float: right; } .latest_items li img.product_image { border: 1px solid #ABABAB; float: left; margin-right: 10px; } /* expanding box */ div.extraneous { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #69645F; border: 1px solid #706C66; 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; } /*---------------------------------------------------------------- profile parts ------------------------------------------------------------------*/ .profile_menu { background: #FF9332; border-top: 1px solid #ff7800; border-bottom: 1px solid #ff7800; margin-bottom: 10px; padding: 5px; } .profile_menu h3 { margin-top: 10px; } .profile_menu img.avatar { border: 1px dotted #ff7800; float: right; margin-right: 5px; } .profile_menu ul { margin-bottom: 10px; } .profile_menu ul li { border-right: 1px solid #ff7800; 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 #FF8519; 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 #ff7800; 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 #ff7800; } .user_content div.description{ float: right; width: 65%; } .user_content div.description ul{ background: #69645F; border: 1px solid #706C66; 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 { list-style-type: square; margin: 5px 0 5px 20px; padding: 2px; } .help_box ul li { margin: 2px 0; padding: 2px; } .help_box ul li strong { display: block; font-weight: bold; padding: 2px; } .help_box li p { padding: 2px; margin-bottom: 5px; } .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: #64605b; color: #E3DACF; } #footer div.set{ background: #64605b; color: #E3DACF; } #footer h3{ color: #B0A9A0; margin: 10px 0; } #footer h4{ color: #B0A9A0; } #footer a{ color: #FFFFFF; } #footer a:hover{ color: #FFFFFF; } #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; height: 44px; margin-top: 10px; text-indent: -9999px; 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; } div#legals ul.logos a.wilcom{ background: url(/bimages/ppr/footer_logo.gif) 0 0 no-repeat; display: block; float: left; font-weight: bold; height: 44px; width: 50%; } div#legals ul.logos a.pikicentral{ background: url(/bimages/ppr/footer_logo.gif) 100% 0 no-repeat; display: block; float: right; font-weight: bold; height: 44px; width: 50%; } div#legals ul.logos.alt a.wilcom{ background: transparent none; display: block; float: none; height: auto; text-indent: 0; width: auto; } div#legals ul.logos.alt a.pikicentral{ background: transparent none; display: block; float: none; height: auto; 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 bold 14px Georgia; height: 34px; letter-spacing: -0.025em; line-height: 34px; margin: 0 0 0 35px; padding: 0 20px 0 0; text-shadow: #fff 1px 1px 0; } #footer div#legals span.copyright{ display: block; } .bottom_header { padding-top:10px; font-size: 1.8em; color :#FFFFFF; } span.version{ bottom: 0; color: #B0A9A0; 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(/ppr/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 #ff7800; } 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: #69645F; border: 1px solid #706C66; padding: 5px 10px; } div.design div.description ul li{ display: inline; font-size: 12px; padding: 5px 10px; } /* 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 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ /*div#container { float: left; width: 100%; } div#container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div#container { height: 1px; } * + html div#container { min-height: 1px; } */ .set:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .set { height: 1px; } * + html .set { min-height: 1px; } /* .clearfix:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .clearfix{ height: 1px; } * + html .clearfix{ 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; } div.column_b h3 { font-size: 14px; letter-spacing: -0.025em; margin-bottom: 15px; } h3 a { font-size: 12px; letter-spacing: 0; } 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 ............................*/ /*............................ $0.21 top links ............................*/ ul#pre_navigation { display: block; float: right; margin: 0; padding: 5px 10px; width: auto!important; } ul#pre_navigation li { border-right: 1px dotted #CCA300; color: #997A00; 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: #F2C100; border: 1px solid #E5B700; color: #191c1c; 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: #191c1c; 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: #CCA300; color: #665100; margin-top: -5px!important; padding: 5px!important; } /*............................ $0.22 main navigation (needs re-IDing) ............................*/ /* ul#portal_nav { display: block; margin: 30px -15px 10px 0; text-align: right; } ul#portal_nav li { display: inline; margin-right: 25px; } ul#portal_nav li.start a { background: #E5B700; padding: 0 5px; color: #997A00;} ul#portal_nav a { color: #eceed5; font-size: 24px; letter-spacing: -0.07em;} body#home_index ul#portal_nav li.home a, body#shop_index ul#portal_nav li.shop a, body#designs_index ul#portal_nav li.designs a, body#home_create ul#portal_nav li.create a, body#home_about ul#portal_nav li.about a, body#home_contact ul#portal_nav li.contact a { text-decoration: none; } #navigation { margin: 35px 0 0 0; } #navigation li { font-size: 1.6em; letter-spacing: -0.035em; } #navigation li.alt { border: 0; } */ /*............................ $0.23 ............................*/ /*............................ $0.3 general page layout ............................*/ div.portal { clear: both; padding: 0; margin-bottom: 20px; } /* .clearfix{ } .clearfix:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .clearfix{ height: 1%; } * + html .clearfix{ min-height: 1px; } br.batman:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html br.batman{ height: 1px; } * + html br.batman{ min-height: 1px; } div.spiderman{ clear: both; height: 0.01%; } * html .column_x{ xxxzoom: 1; } */ .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: #69645F; 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; } .popup ul.form {} .popup ul.form li { background-color: #eee; } .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 { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #e2e2e2 url(/images/base_button.gif) 0 0 repeat-x; border: 1px solid #cfcfcf; color: #2b2b2b; cursor: pointer; font-size: 12px; font-weight: bold; padding: 3px 7px; } * html .button { overflow: visible; width: 1px; } * + html .button { overflow: visible; min-width: 1px; } .submit .button { float: right; } .button.color { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #929292 url(/bimages/ppr/color_button.gif) 0 50% no-repeat; border-color: #; border-width: 1px; color: #; float: none; font-size: 12px; height: 28px; xxxline-height: 25px; padding: 0 5px 0 28px; } .button.color:hover { border-color: #C7D2D2; } .button:hover { border-color: #666; } a.button { background: #333 url(/images/portal/button_a_empty.gif) 2px 50% repeat-x; border-color: #a8a8a8; border-width: 1px; color: #fff; float: right; margin-top: -3px; padding: 5px 5px 5px 26px; text-decoration: none; } a.button:hover { border-color: #eee; text-decoration: underline; } .button.left { float: left; } .colorbutton { -moz-border-radius: 3px; -webkit-border-radius: 4px; background: #929292 url(/bimages/ppr/color_button.jpg) 0 50% no-repeat; border: 1px solid #FFCC00; color: #FFCC00; 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; } /*............................ $0.31 column A ............................*/ /*............................ $0.32 column B ............................*/ .column_b h3 { margin-bottom: 10px; 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: #6E6863; border: 1px solid #75706A; color: #FFFFFF; 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; } .order { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #6E6863; border: 1px solid #75706A; 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: #64605b; } .feature ul.category li.alt a { text-decoration: none; } /*............................ $0.42 products row ............................*/ .feature_box { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #69645F; border: 1px solid #706C66; margin-bottom: 20px; padding: 10px 20px; } #feature_loading{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #69645F; border: 1px solid #706C66; 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: #706C66; overflow: visible; } div.feature div.divider{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #706C66; 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 { } .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; } xxx* html .row li.display { height: 1px; } .row li .empty { background: #69645F; display: block; } xxx.row li .block { background: red; } .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: 10; } .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: 9; } .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; xxxpadding: 5px 0 1px; } .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 { display: block; margin: 0; padding: 0; xxxposition: relative; text-align: center; } * + html .row a.image { min-height: 1px; } */ .row a.image img {display: block; margin: 0; padding: 0; } .row a.image img.abs { display: none; } img.preview_image { border: 1px solid #ffffff; position: absolute; z-index: 100000; } /* changing to ordered lists!!! */ .row span.extra { background: url(/ppr/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(/ppr/images/portal/new.png) 0 0 no-repeat; } .row span.featured { background: url(/ppr/images/portal/featured.png) 0 0 no-repeat; margin-left: 135px; width: 64px; } .row span.sale { background: url(/ppr/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=10245518&v=1277303116) 0 0 no-repeat; height: 90px; width: 90px; } .row ol li.popular { background: url(/bimages/ppr/overlay_popular.gif?b=10245518&v=1277303116) 0 0 no-repeat; height: 90px; width: 90px; } .row ol li.hot { background: url(/bimages/ppr/overlay_hot.gif?b=10245518&v=1277303116) 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: 20px 0; width: 71%; } .image .emp { display: none; } .image .interior { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #706C66; border: 1px solid #7D7872; margin-bottom: 10px; padding: 10px; } .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: #69645F; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #7D7872; float: right; height: 400px; width: 400px; } .image div.d_pane { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #69645F; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #7D7872; padding: 5px; text-align: center; } .image ul.views { -moz-border-radius: 3px; -webkit-border-radius; 3px; background-color: #69645F; border: 1px solid #7D7872; display: block; float: left; padding: 5px 0 0; width: 130px; } .image ul.views li { -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #706C66; border: 1px solid #7D7872; cursor: pointer; display: block; margin: 0 5px 5px; padding: 10px 0 0; text-align: center; } .image ul.views li.d_layout_selected { background: #979089; } .image ul.views li.d_layout_unselected { background: #706C66; } .image ul.views li.d_layout_mouseover { background: #7D7872; } .image .views li b { display: none; } .image .views li img { -moz-border-radius: 1px; -webkit-border-radius; 1px; background: #979089; width: 100px; } .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: 90; } #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; } div.product_display div.description { float: right; padding: 0; width: 27%; } div.product_display div.description .meta { margin-bottom: 50px; } div.product_display div.description h4 { 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: #706C66; border: 1px solid #7D7872; margin-bottom: 20px; padding: 10px; } div.product_display div.description div.add ul li{ border-bottom: 1px solid #7D7872; 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.colors{ } 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 #ff7800; 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 #ff7800; 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; } /* 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; } /* controls for this page */ .meta { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #69645F; border: 1px solid #706C66; margin: 20px 0 30px; padding: 10px; } .meta.categories { background: #706C66; border: 1px solid #7D7872; } .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: #69645F; } 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; } ul.subcategories li ul { } ul.subcategories li ul span { } ul.subcategories li ul li { } ul.subcategories li.alt span { } .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; } /* left hand column stuff */ .lhs_box { border-bottom: 1px solid #706C66; 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 testing ** ** *************************** ** ** ** ** ** ** ** ** ** ************************************************************************************ */ ul.create_nav { } ul.create_nav ul.category { height: 0;overflow: hidden; } .meta h3 { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #69645F; 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: #706C66; } .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%; } .ul_add { } .ul_add li { } .ul_add li label { display: block; font-weight: bold; margin: 0 0 3px; } span#report_status_product { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #64605b 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-bottom: 3px; } .meta.categories ul { clear: both; } ul.secondary, ul.secondary ul { padding-left: 10px; } .meta.categories ul li { margin-bottom: 5px; padding-bottom: 5px; } .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 #7D7872; 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: #69645F; } .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: #69645F; border: 1px solid #7D7872; margin-bottom: 5px; padding: 10px; } .meta.categories ul li .custom_option ul, .custom_option ul { } .meta.categories ul li .custom_option li, .custom_option li { border-bottom: 1px solid #7D7872; 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: #706C66;border: 1px solid #7D7872; margin: 10px 0 5px; padding: 5px 0; } .meta.categories ul li .custom_option ul ul li, .custom_option ul ul li { padding: 3px 10px 3px 10px; } /* discussions */ div.discussions{ } div#comment_items{ margin-bottom: 10px; } div.comment_cell{ border-bottom: 1px solid #ff7800; 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: #706C66; } .comment_current{ background: #7D7872; } .comment_reported{ background: #979089; } 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 #706C66; margin-bottom: 5px; } div.comment_cell div.comment{ float: right; width: 410px; } 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 #ff7800; } 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 #ff7800; 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{} /* ############### $4.0 ############### */ /* ############### $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: #69645F none; border: 1px solid #706C66; 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: #FAFAD2; display: block; font-size: 11px; text-decoration: none; } /* faq content styles */ ul.questions{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #69645F; border: 1px solid #706C66; 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: #706C66; 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(/ppr/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(/ppr/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: #706C66; border: 1px solid #7D7872; 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: #69645F; 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: #706C66; border: 1px solid #7D7872; 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: #706C66; border: 1px solid #7D7872; float: right; font-size: 14px; font-weight: bold; padding: 3px 5px; text-decoration: none; } /*^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^% SIGNUP ^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%*/ ul.signup {} ul.signup li { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #69645F; border: 1px solid #706C66; display: block; margin: 0 0 5px; padding: 10px; } ul.signup li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } * html ul.signup li { height: 1px; } * + html ul.signup li { min-height: 1px; } ul.signup li div.register_a label{ display: block; float: left; font-size: 12px; font-weight: bold; margin-right: 10px; text-align: right; width: 150px; } ul.signup li div.register_a input, ul.signup li div.register_a select{ font-size: 12px; } ul.signup li div.register_a p{ font-size: 1em; margin: 3px 0 5px; padding: 3px 0 0 160px;} ul.signup li div.register_a{ -moz-border-radius: 2px; -webkit-border-radius; 2px; background: #706C66; border: 1px solid #7D7872; clear: left; float: left; margin-bottom: 20px; padding: 10px 0; width: 63%; } ul.signup li ul.register_b{ float: right; margin: 0 0 20px; width: 33%; } ul.signup li ul.register_b li{ border: 1px solid #706C66; border-width: 0 0 1px; color: #; padding: 3px 0 3px 7px; } 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 #ff7800; float: right; height: 120px; overflow-y: auto; margin-bottom: 10px; padding: 5px; width: 30%; } /*^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^%^% 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 */ xxxbody div#container div#content div.gallery h4{ border: 1px solid #ff7800; font-size: 14px; font-weight: normal; margin: 0; padding: 5px; } div.gallery ul{ xxxborder: dotted #ff7800; xxxborder-width: 0 1px; margin: 0; } div.gallery ul li{ xxxborder-bottom: 1px dotted #ff7800; padding: 3px 0; } /* gallery and alt need their own classes derived from PAGE_BG */ div.gallery ul li.gallery{ background: #979089; } div.gallery ul li.alt{ background: #7D7872; } 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 #ff7800; margin-top: -1px; } div.gallery ul.user li{ border: 0; margin: 0; padding: 2px 5px; } /*-------------------------------------------------------- CSS TESTS ----------------------------------------------------------*/ h4.create{ border: 1px solid #ff7800; margin: 0!important; padding: 5px; } /* profile stuff prac */ div.actions{ background: #706C66; border: 1px dotted #7D7872; padding: 5px 15px 20px 5px; } xxxdiv.actions h4{ font-size: 1.2em!important; font-weight: bold!important; text-transform: none!important; } 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 #ff7800; width: 100%; } table.product td{ border: solid #ff7800; border-width: 0 1px; padding: 10px; vertical-align: top; } table.product tr.content td{ border-bottom: 1px solid #ff7800; } 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 #ff7800; } div.user_content ul.costs{ border: solid #ff7800; border-width: 1px 1px 0; } div.user_content ul.costs li{ border-bottom: 1px solid #ff7800; 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: #706C66; border: 1px solid #7D7872; color: #f9a400; font-size: 11px; font-weight: bold; padding: 10px 5px; text-transform: none; } table.base tr td { background: #; border: 1px solid #7D7872; color: #FAFAD2; padding: 3px 5px; } table.base tr.alt td { background: #64605b; } 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; } /* base ul */ div.form { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #706C66; border: 1px solid #7D7872; margin: 15px 0 20px; padding: 20px; } div.form div.note { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #69645F; border: 1px solid #7D7872; 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: #69645F; 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: #7D7872; } 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: #69645F; border: 1px solid #706C66; 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: #69645F; display: inline-block; xxxfloat: left; 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 #706C66; 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: 190px; } 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 #7D7872; 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: #706C66; 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: #706C66; 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; } /* heading stuff */ /* the menu */ div.pre_navigation:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.pre_navigation{ height: 1px; } * + html div.pre_navigation{ min-height: 1px; } div.pre_navigation ul.extras{ float: left; } div.pre_navigation ul.extras li{ -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; background: #E5B700; border: solid #F2C100; border-width: 0 1px 1px 1px; display: inline; float: left; margin-right: 3px; } div.pre_navigation ul.extras li.alt{ background-color: #2e2e2e; background-position: 0 -20px; border-color: #3d3d3d; padding-top: 2px; } div.pre_navigation ul.extras li.alt span{ color: #ddd; } div.pre_navigation ul.extras li.alt a{ color: #fff; } div.pre_navigation ul.extras li span { color: #997A00; display: block; font-weight: bold; letter-spacing: -0.035em; padding: 0; } div.pre_navigation ul.extras li a { background-image: url(/bimages/ppr/top_icons.gif); background-repeat: no-repeat; color: #191c1c; display: block; padding: 3px 5px 3px 21px; text-decoration: none; } .extras li.cart a { background-position: -148px 2px; } 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: #fff; 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; } div.extras div.extra_container div.cart_overview ul li a{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url(/images/checkout_button.gif) 0 50% no-repeat; border: 1px solid #787878; color: #454545; display: block; display: inline-block; font-size: 14px; height: 28px; letter-spacing: -0.05em; line-height: 28px; padding: 0 10px 0 26px; text-decoration: none; } * html div.extras div.extra_container div.cart_overview ul li a{ display: inline; width: 5px; overflow: visible; } * + html div.extras div.extra_container div.cart_overview ul li a{ display: inline; min-width: 5px; overflow: visible; } div.extras div.extra_container div.cart_overview ul li a.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 26px; } div#top_cart_notice h3.loading{ background: url(/images/spinner.gif) 0 50% no-repeat; } div#top_cart_notice h3.empty{ background: url(/images/empty.gif) 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: #69645F; border: 1px solid #706C66; display: block; font-size: 12px; font-weight: bold; margin: 0 0 25px; 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: #69645F; border: 1px solid #706C66; 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: #706C66; border: 1px solid #7D7872; } .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: #64605b; border: 1px solid #706C66; 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 #7D7872; } .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: #69645F; border: 1px solid #706C66; padding: 10px; } div.featured_seller .slidebox{ background: #706C66; border: 1px solid #7D7872; margin: 0; } div.featured_seller .slidebox li{ border-color: #979089; } /* 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: #706C66; border: 1px solid #7D7872; 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 #7D7872; 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: #69645F; border: 1px solid #7D7872; margin: 0 auto; padding: 10px; text-align: center; } div.certificate div { margin: 0 auto; text-align: left; } div.certificate ul.certificate { margin: 95px 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: #69645F; border: 1px solid #7D7872; 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: #6E6863; border: 1px solid #75706A; color: #FFFFFF; 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; } /*---------------------------------------------------------------- Product info pages restyled by greg ------------------------------------------------------------------*/ .pi_block { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #69645F; border: 1px solid #706C66; 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; 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 #706C66; 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; } /* size chart display*/ table.size_chart{ border-collapse:collapse; text-align:center; } table.size_chart tr td{ background:#69645F; none repeat scroll 0%; border:1px solid #FF8519; padding:3px 5px; text-align:center; width:20px; } table.size_chart tr.chart_0 td {background:#706C66; none repeat scroll 0%; } table.size_chart tr th{ background:#979089; none repeat scroll 0%; border:1px solid #FF8519; font-weight:bold; padding:5px!important; text-align:center; } /* designer things (for site only - needs different colors for backend) */ xxx.m_pricing {background: #706C66; border: 1px solid #7D7872; color: #FAFAD2; } xxx#post_sale_container { border-top: 1px solid #7D7872; display: block; padding: 10px; } .left_extra { background: #69645F; border: 1px solid #706C66; } /* shared styles */ ul.inline_block { border: 1px solid #706C66; } /* .product { background: #69645F; border: 1px solid #706C66; } .product .edit_product { background: #69645F; } */ #form_overlay { position: relative; } b.overlay { background: #fff; 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: #69645F; } .product_color_list { background: #706C66; } .image_box { background: #706C66; } .image_box img { border: 1px solid #706C66; } .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: #FF8519; border-bottom:1px solid #FF8519; border-top:1px solid #FF8519; color:#FAFAD2; 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: #FF8519; 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: #f9a400; color: #64605b;border-color: #FF8519; width: auto; } /* table headings */ table th { background: #; border-bottom: 1px solid #ff7800; 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 #ff7800; padding: 5px; } table tr.lower { background: #FF8519; } table tr.lower td { border-bottom: 1px solid #FF9332; 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 #ff7800; padding: 5px 5px 5px 0; } /* checkout form */ .checkout_form { padding: 2px 0 3px 5px; } .checkout_form h3 { background: #FF8519; margin-top: 5px; padding: 5px; } .checkout_form div { border-bottom: 1px dotted #FF8519; margin: 5px 0 5px; padding: 0 10px; } .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: #706C66; border: 1px solid #7D7872; display: block; margin-bottom: 20px; padding: 10px; } #checkout_steps li { color: #FAFAD2; display: inline; font-size: 14px; font-weight: bold; letter-spacing: -0.04em; margin-right: 20px; } #checkout_steps li span { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #7D7872; border: 1px solid #979089; display: none; color: #f9a400; font-size: 11px; font-weight: bold; letter-spacing: normal; margin: 0 3px 0 0; padding: 3px 7px; } #checkout_steps li a { color: #ffffff; } #checkout_steps li span.now { background: #7D7872 url(/images/icons/itoolbar_i/16/button_blue.png) 2px 50% no-repeat; padding: 3px 7px 3px 20px; } #checkout_steps li span.edit { background: #7D7872 url(/images/icons/itoolbar_i/16/edit.png) 2px 50% no-repeat; padding: 3px 7px 3px 20px; } #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#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#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; display: inline-block; } /* checkout table */ table.checkout { border-collapse: collapse; padding: 10px; width: 100%!important; } table.checkout th { background: #706C66; border: 0; color: #f9a400; font-size: 12px; font-weight: bold; padding: 10px 5px; text-transform: capitalize; } table.checkout td { background: #69645F; border: 1px solid #706C66; padding: 5px; vertical-align: top; } table.checkout tr.alt td { background: #706C66; border: 1px solid #7D7872; } table.checkout td.product_image img { border: 1px solid #979089; } table.checkout tr.shipping_notice td { background: #706C66; border: 1px solid #7D7872; color: #FAFAD2; padding: 10px 5px; } table.checkout tr.total td { background: #706C66; border: 1px solid #7D7872; color: #FAFAD2; 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: #69645F; border: 1px solid #706C66; 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: #706C66; border: 1px solid #7D7872; 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:#706C66; 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: #f9a400; display: block; font-size: 14px; letter-spacing: -0.015em; } .cart_empty b { background: url(/images/cart_empty.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/cart_empty.png', sizingMethod='crop'); } /*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 { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #eff3f7 url(/images/mp/control_sprite.gif) -470px 0 no-repeat; border: 1px solid #bec9d8; float: left; height: 22px; margin-right: 3px; } .view_controls.alt ol { float: right; margin: 0 0 0 5px; } .view_controls ol:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .view_controls ol { height: 1px; } * + html .view_controls ol { min-height: 1px; } .view_controls ol li { float: left; 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; } #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; } #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; } /* 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 { padding: 0 0 0 5px; } .designer_tabs ul li { -moz-border-radius: 2px 2px 0 0; -webkit-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: block; height: 0; line-height: 0; visibility: hidden; } * 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; } /* tab pane */ .tab_pane { border-bottom: solid 1px #E56C00; border-top: solid 0px #FFFFFF; padding: 0px; background-color:#64605b; } .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; } /* 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: #FAFAD2; } .d_customize_options { color: #FAFAD2; padding: 7px; } /* designer - apparel - manage */ .d_m { border-top: solid 1px #D6D6D6; } .d_m_title { background-color: #FF8519; border-bottom: solid 1px #E56C00; color: #FAFAD2; padding: 3px; } .d_g_title { border-bottom: solid 1px #E56C00; border-left: solid 1px #E56C00; background-color: #ff7800; color: #FAFAD2; padding: 3px; } .d_m_area { background-color: #ffffff; color: #8D8D8D; padding: 1px; } .d_g_area { border-left: solid 1px #E56C00; background-color: #FF8519; color: #FAFAD2; 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 { } .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; padding: 0; 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; } * 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 #75cfd5; } ul.create_list li .color_panel li .color_panel_cell { cursor: auto; border-width: 1px; } div.meta.categories .color_panel span, .color_panel li .color_panel_cell span { border: 0; display: block; margin: 0; padding: 0; width: 20px; } ul.create_list li .color_panel li .color_panel_cell span { cursor: auto; } div.meta.categories .color_panel b, .color_panel li .color_panel_cell b { background: url(/images/color_overlay_alt.png) 0 0 no-repeat; 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; } xxxdiv #is_cart table tr td input{ border-color: #000; } .cart_product_name{ font-size:12px; font-weight:bold; } .cart_product_desc{ font-size:11px; } .selected_tab_cart { border-top: solid 1px #FF8519; border-bottom: solid 1px #FF8519; padding: 20px; text-align:center; font-weight:bold; whitespace:none; color:#FAFAD2; 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: #FF8519; border-top: solid 1px #FF8519; border-bottom: solid 1px #FF8519; padding: 20px; color:#FAFAD2; 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:#FAFAD2; 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 #ff7800; border-left: solid 1px #ff7800; border-bottom: solid 0px red; border-right: solid 1px #FF9332; } .d_g_slidebar { background-color: #FF8519; border-top: solid 1px #FF9332; border-left: solid 1px #FF9332; border-bottom: solid 1px #ff7800; border-right: solid 1px #ff7800; 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; } /* 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_down { background-color: #ffffff; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #BBBABB; border-right: 1px solid #BBBABB; cursor:pointer; padding: 1px; } .button_up { border: 1px solid #BBBABB; cursor:pointer; padding: 1px; background-color:#DCDCDC; } */ .button_container { background-color: #DCDCDC; border: 1px solid #BBBABB; padding:0px; } .align_container img { padding:2px; } .admintop{ background-color:#262626; } .admintop_testing { background-color:#342432; color:white; font-size:16px; font-weight:bold; } .admintop_contruct { color:black; height:50px; background-image:url(/images/admin/construct_stripes.gif); font-size:14px; font-weight:bold; padding-top:5px; } /* TEMP .........................................popup styles in designer.......................................... */ .popupbackground { background: #000; xxxdisplay: block; 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; xxxvisibility: visible; 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 h3, .popup .int h3 { color: #404040; font-size: 14px; margin-bottom: 10px; } .foot { text-align: right; } .foot .cancel_button { 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 { 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; } xxx.button, xxxtd.button a{ background: #ddd; border: 3px double #fff; cursor: pointer; font-size: 1.2em; font-weight: bold; margin-top: 5px; padding: 3px 5px; } td.button{ background: transparent none; border: 0; font-size: 1em; padding: 10px 0 0; } /*...............................*/ xxxdiv#cart_notice { border: 1px solid #999999; color: #FAFAD2; position: absolute; } .popup td{ color: black; } .popup a, .popup h4{ color: black; } .popup_designer { position:absolute; background-color: #FF9332; border: 3px solid #ff7800; } .popup_images { position:absolute; background-color: #E7E7E7; border: 1px solid #999999; } .item_border{ background-image: url(/bimages/ppr/trans_display.gif); border:1px solid #ff7800; } /* 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 { float: right; width: 260px; } .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: 80px; } .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; } .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: 5px 0 0; } .design_control_add { background: #717b8d url(/images/mp/sel_dec_bg.gif) 0 100% repeat-x; border: 1px solid #687284; display: block; float: none; height: 35px; padding: 0 5px; margin: 0; } .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: 14px; font-weight: bold; height: 23px; letter-spacing: -0.015em; line-height: 23px; padding: 0 0 0 26px; } .design_control_add ul li { -moz-border-radius: 2px; -webkit-border-radius: 2px; 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 5px 0 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.team a { background: url(/images/icon_team.gif) 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-left: 19px; text-decoration: none; } /*---------------------------------get to this stuff-------------------------*/ .managepane_body { } .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; } #m_apparel_pane{ overflow: auto; } #manage_pane_container { height: 355px; 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; xxxposition: relative; } .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; } .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; 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 { xxxbackground: url(/images/mp/layer_bg.gif) 0 0 repeat-y; 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_left { float: left; width: 128px; } .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; } /*......................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; } .mp_color_button { -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; float: left; cursor: pointer; height: 20px; margin: 0 2px 2px 0; } .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; } .mp_color_button div { cursor: pointer; display: block; float: left; height: 20px; padding: 0; width: 31px; } .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 .button_down { 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 { background-position: -467px -40px; } .mp_align li.mp_align_center span.button_down { background-position: -489px -40px; } .mp_align li.mp_align_right span.button_down { background-position: -509px -40px; } .mp_align span.button_down { background-color: #a8b8c7; border: 1px solid #7b8a9a; } /* layer controls */ .layer_controls { padding: 3px 0; } .layer_controls:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .layer_controls { height: 1px; } * + html .layer_controls { min-height: 1px; } .layer_controls li { display: block; float: left; margin-right: 3px; } .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 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.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.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; } /* 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); } .pane_alerts ol.notice { } .pane_alerts ol.notice li { background-color: #97cbff; background-image: url(/images/icons/itoolbar_i/16/delete-alt.png); } .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; } /*......................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; }popup .library_browser .toolbar li.add_image lab * + 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; } ul.image_options li.colors label { float: left; margin-right: 10px; } ul.image_options li.colors ol { float: left; } ul.image_options li.colors ol:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.image_options li.colors ol { height: 1%; } * + html ul.image_options li.colors ol { min-height: 1px; } 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; } 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; padding: 5px; } .edit_text_container .cancel_button { margin-left: 10px; } .mp_textarea { background: #fff; border: 1px solid #BEC9D8; color: #333; display: block; margin-bottom: 5px; padding: 5px; } /*...........left hand side things - fieldset things...........*/ .area_view { background: #fff; border: 1px solid #bec6d1; padding: 5px 5px 0 10px; } .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; } xxx.area_view ul li { display: block; float: left; font-weight: bold; margin-right: 8px; position: relative; top; word-wrap: break-word; } /* views */ ul.views { background: #eef2f8; border: 1px solid #bec6d1; } .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: #fff; border: 2px solid #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; float: left; 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(/ppr/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; } 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{ 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_on.gif) 0 0 no-repeat; float: right; } 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; } 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: 1px solid #464646; cursor: pointer; display: block; float: left; height: 20px; line-height: 0; margin: 1px; overflow: hidden; text-indent: -9999px; width: 20px; } * 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.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 - added by greg (this needs to be moved... dunno why it's here? -j)......................*/ .popup .popup_icon { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; height: 145px; margin: -57px -57px 0 0; padding: 0; position: absolute; right: 0; top: 0; vertical-align: top; width: 145px; } * 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; } * 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/cart.png) 0 0 no-repeat; } * html .popup_icon.add_cart { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cart.png', sizingMethod='crop') } .popup_icon.add_cart { background: url(/images/cart.png) 0 0 no-repeat; } * html .popup_icon.add_cart { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cart.png', sizingMethod='crop') } div#content .popup img.alt {margin: -37px -37px 0 0;} /*.....................................library browser and font selector!.....................................*/ #decoration_libraries { margin-top: -200px!important; width: 840px!important; } .font_selector { font-size: 1.1em; width: 730px!important; } .popup .library_browser { clear: both; display: block; } .popup .library_browser:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .popup .library_browser { height: 1px; } * + html .popup .library_browser { min-height: 1px; } .popup .library_browser .interior, .popup .font_sel div.interior { xxxbackground: url(/images/admin/clip_bg.gif) 185px 0 repeat-y; xxxborder: 1px solid #D5D5D5; padding: 0; } .popup .library_browser .interior:after, .popup .font_sel div.interior:after { clear: both; content: "."; display: block; height: 0; 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; } .popup .library_browser.font { width: auto; } /* library browser heading */ .popup .library_browser .library_header { } .popup .library_browser .library_header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .popup .library_browser .library_header { height: 1%; } * + html .popup .library_browser .library_header { min-height: 1px; } .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; padding: 0 0 10px; width: 185px; } .popup .library_browser .interior .hierarchy { height: 410px; overflow-x: hidden; overflow-y: auto; padding: 0; position: relative; } /*.......................................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{ padding: 0 10px; margin: 15px -5px 20px; } 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: 50px; overflow: visible; padding: 0; margin: 5px; width: 50px; } div.library_browser ul.decoration_list li.alt{ background: #eee; border: 1px solid #999; } .popup ul.decoration_list .d_l_container { display:block; height:50px; margin:1px; text-align:center; width:50px; } 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; } /*...............................................................................*/ .modify_image { -moz-border-radius: 5px; -webkit-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: block; height: 0; line-height: 0; visibility: hidden; } * 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: block; height: 0.01%; line-height: 0.01%; visibility: hidden; } * 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(/ppr/images/trans-display.gif); border: 1px solid #ddd; margin: 10px 0 10px 10px; text-align: center; } .modify_image .upload { -moz-border-radius: 3px; -webkit-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: block; height: 0; line-height: 0; visibility: hidden; } * 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{ -moz-box-orient: vertical; background: url(/images/mp/emb/button_left.gif) 0 0 no-repeat; display: -moz-inline-box; 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{ -moz-box-orient: horizontal; 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; } #add_cart_container, #update_cart_container, #other_button_container { float: right; } .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; } 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 { margin-left: -31px; padding: 5px 0 0; width: 200px; } .multi_qty_tr ul { padding: 5px 0; } .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; width: 33%; } .multi_qty_tr ul li.block { clear: both; display: block; float: none; width: 100%; } .multi_qty_tr ul li label { display: block; float: left; font-size: 11px; font-weight: bold; margin: 3px 2px 0 0; text-align: right; width: 25px; } .multi_qty_tr ul li input { margin-left: 5px; } .popup .multi_qty_tr ul li { width: 12%; } /* 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: bold 16px arial; letter-spacing: -0.03em; margin: 0; padding: 5px 5px 5px 36px;} .d_g_button_error .d_g_button_large { background: #d8d8d8 url(/images/mp/control_sprite.gif) 0 -737px no-repeat; } .d_g_button_warning .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; } #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; } /* 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; padding: 0 10px 0 40px; margin: 0 5px; } #no_items h3 { border: 0; color: #5c6678; font-size: 14px; margin-bottom: 10px; padding: 0; } .no_items { margin: 0; xxxvisibility: hidden; } .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.team span { background: url(/images/icons/itoolbar_ii/32/protect_blue.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; } .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: 15px; 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 input { float: left; margin: 0 5px 0 0; } .lock_container label { float: left; font-weight: bold; } 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: -543px -46px; background-repeat: no-repeat; cursor: pointer; height: 22px; left: 0; margin: 0!important; position: absolute; text-decoration: none; width: 45px; } div.qty_dropdown a#qty_selector:hover { background-position: -543px -68px; } div.qty_dropdown a#qty_selector.alt { background-position: -543px -90px; } div.qty_dropdown input { background: transparent url(/ppr/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: 24px; } div.qty_dropdown div#qty_dropdown_float { background-color: #fff; border: 1px solid #ccc; font-size: 12px; left: 0;overflow: auto; position: absolute; padding: 2px; top: 21px; width: 50px; z-index: 1000; } div.qty_dropdown div#qty_dropdown_float ul li { color: #000000; cursor: pointer; font-size: 12px; width: 50px; } 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; } /* 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; } #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/icons/itoolbar_ii/32/doc.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 #ffffff; 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 { 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 { border: 2px solid #75cfd5; border-width: 2px 0; } .designer_cart .selected td:first-child { border-width: 2px 0 2px 2px; } .designer_cart .selected td:last-child { border-width: 2px 2px 2px 0; } .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; } /* THEME CSS */ #header { background: url(/bimages/ppr/content_bg.gif?b=10245518&v=1277303116) 50% 100% repeat-x; padding: 0 0 120px; width: 100%; } #header div.set { background: transparent; border-bottom: 1px dotted #ffffff; margin-bottom: 10px; } #header h1 { } #header h1 img { float: none; clear: none; padding-right: 5px; } #navigation { padding: 0; width: 100%; } #navigation li { float: left; } /* #home_index #container, #designs_index #container, #shop_index #container, #home_about #container, #home_contact #container, #home_create #container { background: #64605b url(/bimages/ppr/container_bg.jpg?b=10245518&v=1277303116) 50% -00px repeat-x; } */ .right { overflow: visible; } #content { margin-top: 0; padding: 0; } #home_index #content div.set, #designs_index #content div.set, #shop_index #content div.set, #home_about #content div.set, #home_contact #content div.set, #home_create #content div.set { background: transparent none; margin-top: 0; } #content div.set { background: transparent none; margin-top: 0; } xxx.right img#main_image { float: left; margin: -250px 0 0 -220px; position: relative; } #content, #footer, #footer div.set { background: transparent; } .page_image { text-align: center; } /* CUSTOM CSS */ .shop_categories_listing{ display:none; } /* 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(/ppr/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(/ppr/images/load-bar.gif) 100% 50% no-repeat; height: 22px; width: 10px; } */