/* Key styles for: Busted Bling*/ /* Website designed and developed by Mojito Solutions, Katrina Youngman */ /* Last updated: Joanne Walter, 23 October 2009 */ /*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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body{background: url(../img/bg.jpg) repeat-x #fff; font-size: 62.5%; font-family: "Trebuchet Ms", Arial, Helvetica, sans-serif; color: #303030;} img, div, #left_column h4 { behavior: url(/iepngfix.htc) } #bg-wrap {width: 960px; margin-left: auto; margin-right: auto; z-index: -1;} #bg1 { background: url(../img/bg-1.jpg) no-repeat; width: 1400px; height: 800px; position: relative; margin-left: 0px; margin-top: -10px; margin-bottom: -800px; float: right; margin-right: -7px; z-index: -1; } #bg2 { background: url(../img/bg-2.jpg) no-repeat; width: 200px; height: 400px; position: relative; margin-bottom: -400px; margin-left: -168px; z-index: -1; } #bg-left { background: url(../img/bg-left.jpg) repeat-x; height: 660px; margin-bottom: -660px; position: relative;auto; z-index: -1;} .payment_module a{text-decoration: none; } .payment_module img {float: left; margin-right: 10px; margin-top: -12px;} #subcategories {margin-bottom: 50px;} #subcategories li {padding-right: 14px;} #subcategories li a {font-size: 15px;} #subcategories li img {margin-bottom: -10px;} .required-fields{width: 200px; float: left;} #block-history ul{padding: 0 40px 20px 40px;} #left_column #wishlist_block {} #left_column ul li a{color: #fff; font-size: 1.2em; display: block; padding: 5px 0} #left_column ul li a:hover {color: #333} #left_column .block {background: #d11477 !important; padding-bottom: 30px; margin: 0; overflow: hidden } ul.product-listing {overflow: hidden; margin-top: 20px; margin-bottom: 20px; width: 668px;} #featured-products_block_center{ margin-left: 0!important; clear: both; } #featured-products_block_center .block_content{padding: 0;} #featured-products_block_center .block_content ul li {width: 155px !important; float: left; margin: 5px 5px 20px 5px; background: #fff! important; height: 215px;} #featured-products_block_center .block_content ul li p{font-size: 13px; text-align: center; padding: 5px;} #cart_summary{font-size: 12px} .cart_description{font-size: 12px;} .cart_last_product {font-size: 14px;} .cart_last_product_content{margin-top: 10px; margin-bottom: 10px;} .cart_quantity p{margin-left: -10px !important; position: absolute;} #new-products_block_center { width: 300px !important; float: right; } #new-products_block_center .block_content {width: 300px !important; margin-top: 5px;} #new-products_block_center .block_content{padding: 0;} #new-products_block_center .block_content ul li { float: left;} #new-products_block_center .block_content ul li p{font-size: 13px; text-align: center; padding: 5px;} #new-products_block_center .block_content dl {} #new-products_block_center .block_content dl dd a{color: #303030; font-size: 13px;} #new-products_block_center .block_content dl dt a{color: #5e0ecb; font-size: 15px;} #new-products_block_center .block_content dl dt a:hover {color: #d11477;} #new-products_block_center .block_content img {width: 100px; height: 100px; border: 2px solid #d3d2d2} /*Shopping Cart*/ .order_delivery ul {padding: 0 40px 20px 40px;} .addresses ul {padding: 0 40px 20px 40px;} #discount_name{padding: 2px; } #product_list{ margin-left: 0!important; clear: both;} #product_list .block_content{padding: 0; } #product_list .block_content ul li {width: 156px !important; float: left; margin: 5px 5px 40px 5px; background: #fff! important; height: 230px; overflow:hidden; } #product_list .block_content ul li p{font-size: 13px !important; text-align: center; padding: 5px;} #product_list .block_content ul li img{border: 2px solid #d3d2d2;} *html #product_list .block_content ul li {width: 156px !important; float: left; margin: 5px 1px 40px 1px; background: #fff! important; height: 230px; overflow:hidden; } .right {float: right;} .left {float: left;} ul.no-bullet {list-style: none; padding: 20px 0; } ul.no-bullet li {font-size: 1.2em; margin-bottom: 15px; } ul.no-bullet li a{text-decoration: none;} ul.no-bullet li a:hover{color: #ee3c56;} .title-blurb{height: 55px; line-height: 1.2em !important; } .more-link {clear: both; display: block; float: right; width: 100px; margin-bottom: 20px; margin-top: -10px;} *html .more-link {margin-top: 0px;} html>body .more-link {*margin-top: 0; *margin-bottom: 5px;} .more-link a{color: #ee3c56 !important; text-decoration: none; border-bottom: 1px solid #ee3c56 !important; color: #ee3c56; font-size: 1.5em; font-weight: bold; } .more-link a:visited {color: #ee3c56 !important; border-bottom: 1px solid #ee3c56 !important;} .more-link a:hover{color: #7f838f !important; border-bottom: 1px solid #7f838f !important;} #group_1 {width: 250px;} /*thumbs*/ #thumbnail-images{clear: both; padding-top: 20px;} #thumbnail-images img{border: 2px solid #d3d2d2;} #thumbnail-images ul {margin-left: 0 !important;} #thumbnail-images h3{margin-bottom: 0px;} #thumbs_list ul {list-style: none; padding: 0; width: 340px !important;} #thumbs_list li{display: block; float: left; padding: 4px 4px 0px 4px;} #view_scroll_right, #view_scroll_left, #resetImages {display: none !important;} ul#usefull_link_block {margin-left: 0 !important;} #usefull_link_block li{list-style: none; float: left; padding: 0 5px 0 6px; margin-top: 5px;} #usefull_link_block a { padding-right: 10px} #old_price{text-decoration: line-through; font-size: 1.2em;} #pb-right-column{width: 300px; float: left;} #pb-left-column{ float: right; width: 350px;} * { padding:0; margin:0; } .wrapper {margin-left: auto; margin-right: auto; width: 960px; background: #fff; margin-top: 50px; position: relative;} #header{height: 155px; background: #fff; width: 960px; overflow: hidden; margin-bottom: -30px;} #main-container{margin-left: auto; margin-right: auto; width: 1024px; overflow: hidden; margin-top: -10px; background: none; } #content {background: #fff; padding: 0px 0px 20px 0;} #content .col {position: relative; float: left; background: #fff;} #logo {padding: 20px 0 0 20px; float: left;} #byline {width: 300px; float: left; margin-top: 105px;} #byline p{font-family: "Tekton Pro", Arial, Helvetica, sans-serif; color: #a19c97; font-size: 18px;} /*navigation*/ #links_block_left ul {list-style: none; margin-left: 0px !important; margin-bottom: 15px;} #links_block_left ul li {margin: 0; display: block; border-bottom: 1px dotted #cacbd0; background: url(../img/nav-bullet.gif) no-repeat 0 8px; padding-left: 17px; border-left: none;} #links_block_left li a{text-decoration: none; color: #7f838f; font-size: 1.2em; display: block; padding: 5px 0;} #links_block_left li a:hover {color: #3a3e9a;} #links_block_left ul ul{margin-bottom: 0; margin-top: -5px;} #links_block_left ul ul li{border-bottom: none; background: none; padding-left: 0;} #categories_extras ul { margin-left: 10px !important;} #categories_extras {background: #d11477 !important; margin-left: -20px !important; } #categories_block_left {background: #d11477 !important; margin-left: -20px !important; padding-top: 15px;} #informations_block_left{background: #d11477 !important; margin-left: -20px !important; padding-top: 15px;} #newsletter_block_left{background: #d11477 !important; margin-left: -20px !important; padding-top: 15px;} /* Useful */ .align_center { text-align:center; } .align_right { text-align:right; } .middle { vertical-align: middle; } .align_justify{ text-align: justify; } .uppercase { text-transform:uppercase; } .hidden, .collapsed, .block_hidden_only_for_screen { display:none; } .wrap { white-space: normal; } .bold { font-weight: bold; } .strike { text-decoration:line-through; } .italic { font-style: italic; } .top { vertical-align: top; } .span_link { cursor:pointer; color: #5e0ecb} .span_link:hover {color: #d11477 } .clear { clear:both; } br.clear { clear:both; line-height:0; font-size:0; height:0; } noscript ul {list-style-type:none; background:black; color:white; padding:10px; border:1px solid gray;} /* Footer links */ ul.footer_links{ list-style-type:none; clear:both; height:2em; padding-top: 20px; } ul.footer_links li{ float:left; margin-right:2em; height:2em; } ul.footer_links li a{ text-decoration:none; } ul.footer_links li a:hover{ color:black; } ul.footer_links li img.icon{ vertical-align:-2px; } /* transfert effect*/ .transferProduct { border: 2px solid #888; } /* simple list inline */ ul.inline_list{ list-style-type:none; margin-top: 1em; } ul.inline_list li { float:left; text-align:center; margin-right: 20px;} ul.inline_list li img{ display:block; } ul.half { width: 45%; margin-right: 1em; float: left; } /* Category tree (i.e. in sitemap) */ div.tree_top { background:url('../img/sitemap-top.gif') no-repeat -1px -3px; padding-left:24px; padding-bottom:5px; padding-top:3px; } ul.tree, ul.tree ul{ list-style-type:none; } ul.tree li{ padding-left:1.2em; border-left:1px gray dotted; background:url(../img/sitemap-horizontal.gif) no-repeat left 10px; margin-left:1em; } ul.tree a{ padding-left:0.2em; } ul.tree a.selected{ font-weight:bold; } ul.tree li.last{ background:url(../img/sitemap-last.gif) no-repeat -12px -2px; border:none; } span.grower{ cursor:pointer; } /* Tabs */ ul.idTabs { list-style-type:none; border-bottom:solid 1px #76839b; height:30px; margin-top:1em; } ul.idTabs li { float:left; margin-right:1px; } *html ul.idTabs li {margin-bottom: -10px;} ul.idTabs li a { display:block; width:173px; height:30px; text-align:center; text-decoration:none; font-weight:normal; padding-top:3px; color:#374853; font-size: 1.2em; line-height: 2.2em; } ul.idTabs li a.selected{ color:white; } /* IdTabs Short*/ ul.idTabsShort li a { width:138px; } ul.idTabsShort li a.selected{ color:white; } div.sheets{ clear:both; padding:1em; } div#_sheets ul li{ margin-bottom:0.4em; } /* global style */ a { color: #5e0ecb; text-decoration: none; outline: none; } a:hover { text-decoration: none; color: #d11477; } input:focus { outline: 0; outline-offset: 0; } a img { outline: none; border: none; text-decoration: none; } h2 {font-size: 1.8em; color: #5028e5; padding: 2px 0; line-height: 1.1em; } h2 span { font-size: 0.9em; text-transform: lowercase; font-weight: normal; font-style: italic; color: #fff; margin-left: 1em; } h3 { font-size: 1.6em; color: #74ebeb; padding-bottom: 2px; border-bottom: 1px dotted #dddddd; margin-bottom: 10px; } h4 { font-size: 1.4em; color: #6da9e1; padding-bottom: 2px; border-bottom: 1px dotted #dddddd; } p{padding: 0 !important;} /* global layout */ #page { width: 980px; margin: 0 auto 2px auto; text-align:left; } h1#logo { float: left; width: 29%; margin-top:0.5em; } #left_column, #center_column, #right_column { float:left; } #left_column { clear:left; width: 210px; padding: 7px 20px; overflow: hidden; } #center_column { width: 670px; padding: 0 20px; overflow: hidden; float: right; } *html #center_column{padding: 0;} #right_column { width: 190px; padding-left: 15px; } /* global RTE fields */ div.rte, .mceContentBody { text-align:left; background:white; color:black; } div.rte html, div.rte div, div.rte span, div.rte applet, div.rte object, div.rte iframe, div.rte blockquote, div.rte pre, div.rte a, div.rte abbr, div.rte acronym, div.rte address, div.rte big, div.rte cite, div.rte code, div.rte del, div.rte dfn, div.rte em, div.rte font, div.rte img, div.rte ins, div.rte kbd, div.rte q, div.rte s, div.rte samp, div.rte small, div.rte strike, div.rte strong, div.rte sub, div.rte sup, div.rte tt, div.rte var, div.rte dl, div.rte dt, div.rte dd, div.rte ol, div.rte ul, div.rte li, div.rte fieldset, div.rte form, div.rte label, div.rte legend, div.rte table, div.rte caption, div.rte tbody, div.rte tfoot, div.rte thead, div.rte tr, div.rte th, div.rte td, .mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } h1 {font-size: 2.2em; color: #5e0ecb; padding: 3px 5px; background: url(../img/heading-bg.gif) no-repeat top left; width: 677px; height: 46px; margin-bottom: -5px;} h2{font-size: 1.9em; color: #fff; background: url(../img/heading-2.gif) no-repeat; height: 46px; padding-top: 12px; padding-left: 5px; margin-bottom: -10px; margin-top: -2px;} h3{font-size: 1.8em; color: #74ebeb; padding-bottom: 5px; border-bottom: none !important; } h4{font-size: 1.4em; color: #999; padding-bottom: 5px; border-bottom: none !important; } h5{font-size: 1.3em; color: #d11477; } h6 {font-size: 8px;} p{font-size: 1.2em; line-height: 1.4em; color: #3a3a3b; } div.rte ol, .mceContentBody ol, div.rte ul, .mceContentBody ul { padding-left: 2em !important; } div.rte ul, .mceContentBody ul{ color: #666; } div.rte strong, .mceContentBody strong { font-weight:bold; } div.rte em, .mceContentBody em { font-style:italic; } /* tables still need 'cellspacing="0"' in the markup */ div.rte table,.mceContentBody table { border-collapse: separate; border-spacing: 1px; width:auto; } div.rte caption, div.rte th, div.rte td, div.rte table, .mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table { text-align: left; font-weight: normal; background:none; height:inherit; border:1px #e5e6e7 solid; text-align:center; } div.rte th, .mceContentBody th { padding-left:1em; padding-right:1em; background:#e5e6e7; } div.rte p, .mceContentBody p { margin:0.5em 0pt; padding-left:0.7em; } /* /global RTE fields */ /* global table style */ div.table_block { background: transparent url('../img/table_footer.gif') no-repeat bottom left; padding-bottom:6px; margin:0 auto 2em; width:541px; } table.std { border-spacing: 0; border-collapse: collapse; width:100%; } table.std td, table.std th { padding: 0.4em 0.5em; } table.std th { white-space:nowrap; } table.std tr.item td, table.std tr.item th { background-color: white; } table.std tr.alternate_item td, table.std tr.alternate_item th { background-color: #f1f2f4; } table.std tbody tr td, table.std tfoot tr td { border-top: 1px solid #bdc2c9; } table.std thead th { background-color: #5e0ecb; height:24px; color: #fff; font-size: 1.2em; font-weight: normal; text-align: left; white-space: nowrap; } table.std thead th.first_item { background-position: top left; } table.std thead th.last_item { background-position: top right; } table.std thead th.item { background-position: -5px 0; } table.std tfoot td { color: #374853; text-align: right; white-space: nowrap; } /* /global table style */ /* global form style */ form.std { clear: both; } form.std h3 { color: #555; font-size: 1.4em; font-weight: normal; border-bottom: 1px solid #d0d1d5; padding: 0.5em; margin: 0 0 0.5em 0; } form.std fieldset { border: 1px solid #d0d3d8; background: #D0D1D5 url('../img/form_bg.jpg') repeat-x top left; margin-bottom: 1em; padding-bottom: 1em; } form.std fieldset legend { padding: 0.3em 0.6em; margin: 1em 0 1em 0.5em; font-size: 1.6em; font-weight: 100; border-color: #d0d1d5; border-style: solid; border-width: 1px; } form.std h4, form.std p { padding: 0.3em 1em; clear: both; } form.std label, form.std p span { float: left; text-align: right; width: 30%; } form.std p span.like_input { width: auto; margin-left:0.7em; } input, textarea, select, span.editable { outline: none; padding: 3px; margin: 0px 5px 10px 5px; } input, textarea, select { border: 1px solid #bdc2c9; } input.text { height:18px; padding-left:2px; padding-right:2px; } .checkbox input, .radio input { border: none; } form.std .checkbox label, form.std .radio label, form.std span.form_info { margin: 0; float: none; text-align: left; } .required sup { color: #da0f00; } form.std p.checkbox { padding-left: 30%; } form.std p.submit { padding-left:31%!important; margin-bottom: 1.5em; } #center_column form.std p.submit2 { padding-left:170px; margin-bottom: 1.5em; } /* START OF BUTTONS SECTION * -tags : input, a, span * -sizes : mini, small, normal, large * -types : button, exlusive * -status : normal, hover, disabled * -rule : the span.button is a a.button disabled */ /* global button*/ input.button_mini, input.button_small, input.button, input.button_large, input.large-button, input.medium-button, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, .button_mini, .button_small, .button, .button_large, .exclusive_mini, .exclusive_small, .exclusive, .exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large{ background: #d11477; border: 1px solid #d5d4d4; color: #fff; font-weight: normal; text-align: center; text-decoration: none!important; cursor: pointer; padding-bottom: 2px; padding: 5px; margin-top: 0 !important; float: left; font-size: 12px; } @media screen and (-webkit-min-device-pixel-ratio:0){ input.button_mini, input.button_small, input.button, input.button_large, input.large-button, input.medium-button, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled{padding: 6.5px;} } *html a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large{padding: 6px;} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large{padding: 4px;} } html>body a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large{*padding: 5px;} a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large{padding: 4px\0/;} .medium-button {margin-top: 5px; float: left;} .medium-button p{padding: 0; text-align: center;} .medium-button a{ font-size: 12px !important; color: #fff !important; text-decoration: none; background: #d11477; width: 74px; height: 22px; float: left; margin: 2px; line-height: 1.9em !important; font-weight: normal !important; } .medium-button a:hover{background: #333;} /* hover button*/ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.large-button:hover, input.medium-button:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { background: #333; border: 1px solid #d5d4d4; color: #fff; font-weight: normal; text-align: center; text-decoration: none!important; cursor: pointer; padding-bottom: 2px; padding: 5px; } @media screen and (-webkit-min-device-pixel-ratio:0){ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.large-button:hover, input.medium-button:hover, input.button_mini_disabled:hover, input.button_small_disabled:hover, input.button_disabled:hover, input.button_large_disabled:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, input.exclusive_mini_disabled:hover, input.exclusive_small_disabled:hover, input.exclusive_disabled:hover, input.exclusive_large_disabled:hover {padding: 6.5px;} } *html a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover{padding: 6px;} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover{padding: 4px;} } html>body a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover{*padding: 5px;} a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover{padding: 4px\0/;} /* id_state field in managed via JS and is firstly hidden */ form p.id_state { display:none; } /* generic style */ ul.bullet li, .block ul.bullet li { margin: 0; display: block; border-bottom: 1px dotted #cacbd0; background: url(../img/nav-bullet.gif) no-repeat 0 8px; padding-left: 17px; } .price-discount { text-decoration: line-through; } .price-pretax { color: gray; } img.icon { margin-right: 0.5em; vertical-align: middle; } .price, .price-shipping, .price-wrapping { color: #5e0ecb; font-size: 1.3em; font-weight: bold; white-space:nowrap; } /* errors */ .error { border: 2px solid #5e0ecb; background-color: #f1f2f4; color: #5e0ecb; margin: 0 0 20px 0; padding: 10px; overflow: hidden; font-weight: bold; } .error li { list-style-position: inside; list-style-type: decimal-leading-zero; padding-left: 3em; color: #5e0ecb; font-size: 13px; } /* warning */ .warning { color: #fff; font-size: 1.2em; background: #d11477; font-weight: normal; margin: 0.2em 2em; padding: 5px !important; } .warning_inline { color:#fff; font-weight:normal; } /* success */ .success { color: #5e0ecb; background-color: #d5d4d4; border: 2px solid #5e0ecb; font-weight: bold; padding: 10px !important; } .success_inline { color: #5e0ecb; font-weight:bold; } /* breadcrumb.tpl */ .breadcrumb { font-size: 1.2em; margin-bottom: 5px; color: #d11477 } .breadcrumb .navigation-pipe { padding: 0 0.6em; } .breadcrumb a { text-decoration: none; color:#5e0ecb; } .breadcrumb a:hover { text-decoration: none; color: #d11477; } /* pagination.tpl */ div.pagination { margin: 1em 0; } ul.pagination { list-style: none; float: left; } ul.pagination li { display: inline; float: left; margin-right: 0.3em; } ul.pagination li, ul.pagination a, ul.pagination span { font-weight: bold; color: #374853; } ul.pagination a, ul.pagination span { border: 1px solid #888; padding: 0em 0.4em; display: block; line-height: 17px; background: #bdc2c9 url('../img/pagination_bg.gif') repeat-x top right; } ul.pagination a { text-decoration: none; } ul.pagination li.current span { background-color: #595a5e; background-image: url('../img/pagination-bg-current.gif'); color: white; border: 1px solid #595a5e; } ul.pagination li.truncate { padding: 0.3em; background: none; } #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span { background-image: url('../img/pagination-prevnext-bg.gif'); border: none; line-height: 19px; border-color: #d0d1d5; border-style: solid; border-width: 0 1px; } #pagination_previous { background: transparent url('../img/pagination-prev-border.gif') no-repeat top left; padding-left: 6px; } #pagination_previous a, #pagination_previous span { border-left: none; } #pagination_next { background: transparent url('../img/pagination-next-border.gif') no-repeat top right; padding-right: 6px; } #pagination_next a, #pagination_next span { border-right: none; } li.disabled span { color: #888; background-color: #f1f2f4; } form.pagination { text-align: right; } form.pagination label { line-height: 1.4em; vertical-align: bottom; float:right; margin-left: 0.3em; } form.pagination select { float:right; } form.pagination select option{ font-size: 0.9em; padding-right: 1em; } form.pagination input{ float:right; } /* product-sort.tpl */ form#productsSortForm {height: 20px; margin-right: 10px;} form#productsSortForm p{ height: 1em; margin: 0; } form#productsSortForm p label, form#productsSortForm p select{ float:right; } form#productsSortForm p select{ font-size:1em; } label {margin-right: 10px;} /* Header */ #header ul { list-style: none; } #header form { border: none; margin-bottom: 0!important; display: inline; } #header label { margin: 0; float: none; } /* block top currencies */ #header #currencies_block_top { margin: 0.4em 0.5em 0 0; float: left; } #header #currencies_block_top ul { float: left; height: 1.5em; } #header #currencies_block_top ul li { float:left; margin-right:0.2em; } #header #currencies_block_top ul li a { display:block; font-size:0.8em; background-color:#f1f2f4; border:#595a5e 1px solid; text-decoration:none; min-width: 1em; padding: 0px 2px 0px 3px; line-height: 1.5em; text-align: center; vertical-align: middle; } #header #currencies_block_top ul li a:hover { background-color:white; color: black; } #header #currencies_block_top ul li.selected a { border: none; background-color: transparent; font-size: 1.1em; line-height: 1.2em; font-weight: bold; color: black; border:1px solid white; } #header #currencies_block_top p { clear: left; } /* block top languages */ #header #languages_block_top { margin: 0.4em 0.1em 0 0; float: left; } #header #languages_block_top p { clear: left; } #languages_block_top ul#first-languages { float: left; height: 1.5em; width: 8em; } #languages_block_top ul#first-languages li { float:left; margin-right: 0.3em; } #languages_block_top ul#first-languages li.selected_language { float:left; margin-right: 0.3em; } /* top links */ ul#header_links { margin: 0.4em 0.3em 0 0; list-style-type: none; float: left; } #header_links li { float:left; width: 66px; } #header_links a { display: block; height: 15px; color: #595a5e; padding-top: 19px; text-align: center; text-decoration: none; background-repeat: no-repeat; background-position: top center; background-color: transparent; } #header_links #header_link_sitemap a { background-image: url('../img/icon/sitemap.gif'); } #header_links #header_link_contact a { background-image: url('../img/icon/contact.gif'); } #header_links #header_link_bookmark a { background-image: url('../img/icon/star.gif'); } /* block top search */ #header #search_block_top { background: #fff; float: right; margin-top: 20px; } #header #search_block_top label, #header #search_block_top input{ float: left; } #header #search_block_top input.button {} #header #search_block_top input#search_query { width: 160px; height: 21px; padding: 3px;} /* block left column "Quick search" */ #search_block_left input { margin: 2px 0px 0px 0px; padding: 5px 20px 5px 5px; background: url(../img/magnify-glass.jpg) no-repeat right; } #search_block_left {overflow: hidden;} #search_block_left #search_query { width: 190px; } #search_button { display: block; } .search_button {background: none !important; border: none; float: right; width: 50px; border-bottom: 1px solid #7f838f; color: #7f838f; height: 25px;} /* block top user information */ #header #header_user {position: absolute; left: 50%; width: 438px; margin-left: 20px; height: 94px; padding-right: 20px; padding-top: 10px;} *html #header #header_user {position: absolute; left: 50%; width: 420px; margin-left: 50px; height: 94px; padding-right: 20px; padding-top: 10px;} #header_user_info{ position: absolute; top: -28px; margin-left: 136px; text-align: right; width: 320px;} *html #header_user_info{ position: absolute; top: -28px; margin-left: 120px; text-align: right; width: 320px;} #header_user_info p{color: #fff !important} #header_user_info a{color: #fff;} #shop-img {float: left; margin-top: -40px; padding-right: 5px; position: relative; margin-left: 130px;} #header_user p { color: #595a5e; font-size: 1.3em; padding-bottom: 5px; } #header_user span {} #header_user ul { margin-top: 0.3em; } #shopping_cart_content{padding-top: 35px;} #header_user #shopping_cart a {color: #fff; text-decoration: none; border-bottom: 2px solid #da4092; margin-right: 5px;} #header_user #shopping_cart a:hover {color: #333;} #header_user #shopping_cart span.ajax_cart_quantity {font-size: 2.0em; font-weight: bold; color: #fff; float: left; margin-top: -5px; margin-right: 5px;} #shopping_cart {background: url(../img/cart-block-background.gif) no-repeat; height: 94px;} #shopping_cart p{color: #fff;} /* Footer */ #informations_block_footer ul.block_content{background: none;} #informations_block_footer ul.block_content {margin-left: -5px!important;} #informations_block_footer ul li {background: none; list-style: none; border-bottom: none; display: block; padding: 2px 0;} #informations_block_footer ul li a{color: #fff; display: block; font-size: 1.1em;} #informations_block_footer ul li a:hover{color: #3a3e9a; text-decoration: none;} #footer a{color: #fff;} #footer a:hover{color: #333; text-decoration: underline;} /*Footer Styles*/ #footer {background: #49d3d7; overflow: hidden; margin-top: 20px; position: relative;} #footer-content{background: url(../img/footer-star.png) no-repeat left top; color: #fff; width: 960px; overflow: hidden; margin-left: auto; margin-right: auto; } #footer-content .col {position: relative; float: left;} #footer-content-1 {width: 340px; padding-top: 70px; padding-left: 60px; height: 160px;} #footer-content-2 {width: 560px; padding-top: 105px; line-height: 1.3em;} #footer-content-1 h3{color: #d11477; font-size: 30px; font-weight: normal; border-bottom: none; margin: 0;} #footer-content-1 p{color: #d11477; font-size: 14px;} #footer-content-1 a{color: #d11477; text-decoration: none;} #footer-content-2 p{color: #fff; font-size: 11px;} #footer-byline {text-align: right; margin-top: 30px;} #footer .block_various_links { list-style: none; } #footer .block_various_links li a{ text-decoration:none; } #footer .block_various_links li { display: inline; border-left: 1px solid #888; padding: 0px 2px 0px 4px; } #footer .block_various_links li.first_item { border: none; padding-left: 0px; } /* Default block style */ div.block { margin-bottom: 1em; width: 191px; } #left_column div.block, #right_column div.block { background: url(../img/nav-header-bg.jpg) no-repeat; width: 245px; margin-left: -30px; position:relative; } #left_column h4{background: url(../img/navigation-heading.png) no-repeat; margin-left: -8px; margin-bottom: -13px; position: relative; } div.block h4 { color: #d11477; font-size: 1.4em; font-weight: normal; padding: 6px 0 0px 30px; border-bottom: none; height: 46px; line-height: 2em; } div.block h4 a { color: #fff; } div.block h4 a{color: #fff;} div.block ul { list-style: none; margin-left: 0px !important; margin-bottom: 15px; } div.block ul.tree li { padding-left:1.2em; } div.block a:hover { color: #3a3e9a;} #left_column div.block .block_content a.button_large, #right_column div.block .block_content a.button_large { margin:0 0 0 -3px; } div.block .block_content, ul .block_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding:0.5em 0.7em 0pt; background: #d11477; min-height:20px; margin-left: 15px; } #left_column li { border-bottom: 1px dotted #e476b0 !important; margin: 0; display: block; background: url(../img/nav-bullet.gif) no-repeat 0 8px; padding-left: 17px; font-size: 12px; width: 200px; } #left_column ul ul li{border-bottom: none !important;} #left_column #categories_block_left ul {margin-left: -15px !important;} #left_column #categories_block_left ul ul {width: 180px; overflow: hidden; margin-left: 10px !important;} div.block a { color: #7f838f; text-decoration: none; } /* block exclusive */ #left_column div.exclusive, #right_column div.exclusive { background: none; } div.exclusive h4 { background: transparent url('../img/block_header_exclusive.gif') no-repeat top left; color: white; } div.exclusive h4 a { color: white; } div.exclusive li { margin-top: 0; } div.exclusive, div.exclusive a { color: white; } div.exclusive .block_content { margin-left: 15px; background: #fff; } /* block myaccount */ #left_column div.myaccount, #right_column div.myaccount { background: #f6dce8 url('../img/block_footer_myaccount.jpg') no-repeat bottom left; } div.myaccount h4 { background: #971d58 url('../img/block_header_myaccount.jpg') no-repeat top left; } div.myaccount h4 a, div.myaccount h4 { color: white; } div.myaccount, div.myaccount a { color: #5d0630; } div.myaccount ul.bullet { margin-top: 0.6em; } div.myaccount ul.bullet li { background-image: url('../img/bullet_myaccount.gif'); } div.myaccount ul.bullet .icon { display: none; } div.myaccount p.logout { padding: 0.3em 0 0.3em 2em; } div.myaccount p.logout, div.myaccount p.logout a { color: #dd2a81; } div.myaccount p.logout a { text-decoration: underline; } div.myaccount p.logout a:hover { text-decoration: none; } div.myaccount .block_content { background: #fff; border-left: 1px solid #f6dce8; border-right: 1px solid #f6dce8; } .account_input { margin-left: 0px; width:15em; } /* block in the center column */ #center_column p { margin: 0.5em 0; padding-left:0.7em; font-size: 1.3em;} #center_column div.block { width: 536px; margin:auto;} #center_column div.block h4 {background: url(../img/home-features-h4.gif) no-repeat; margin-left: -8px; margin-bottom: -13px; position: relative; } #center_column div.block h4 { color: #fff; font-size: 1.4em; font-weight: normal; padding: 8px 0 0px 10px; border-bottom: none; height: 46px; line-height: 2em; } #center_column li.address_title {list-style: none; margin-left: -20px; font-weight: bold; font-size: 1.2em;} #center_column ul{margin-left: 30px; font-size: 1.3em; line-height: 1.4em;} #center_column ul li{padding-bottom: 5px;} /* Styles for products blocks */ /* block products (new, features, viewed, etc...) on left and right column */ .products_block li { list-style: none; margin-top: 0.2em; } .products_block li.item img { margin-right: 5px; } .products_block li.last_item { border: none; } .products_block li img { vertical-align: top; margin-right: 0.2em; } .products_block p img { float: none; margin: 0 0 0 0.4em; } .products_block li p a { font-weight: bold; font-size: 0.8em; } .products_block dl { float: right; padding: 10px; width: 160px; } .products_block dl dt { color: #303030; font-size: 14px; margin-bottom: 5px; } .products_block dl dd { color: #303030; font-size: 12px; line-height: 1.2em; } .products_block p { margin-top: 0.4em; } .products_block a.button_large { margin: 0.4em 0.4em 0 0.4em; } .products_block ul.product_images li { float: left; width: 100px !important; } .products_block ul.product_images img {border: 5px solid #d3d2d2;} /* Special style for block products in center column */ #center_column .products_block { border: none; } #center_column .products_block { color: #595a5e; } #center_column .products_block h4 { line-height: 1.3em; } #center_column .products_block .block_content { background: #fff; width: 658px; margin-left: 0; overflow: hidden; } #center_column .products_block ul li:hover {} #center_column .products_block ul li { border-right: 1px solid white; border-bottom:1px solid white; float: left; clear: none; width:158px; background-color: #d0d3d8; padding: 0; margin-top:0; } .bullet .products_block{width: 658px !important;} .bullet .products_block .block_content {} .accessories_block .block_content {background: #fff !important; overflow: hidden;} .accessories_block .block_content ul {} .accessories_block .block_content li {border-bottom: none;} .accessories_block .block_content li.product_accessories_description {width: 156px !important; float: left; margin: 5px 5px 20px 5px; background: none;} #center_column .products_block ul .product_accessories_description { margin:0; padding:0; } #center_column .products_block ul .product_accessories_description .product_accessories_price{ margin-top:75px !important; margin-top:0px; } #center_column .products_block ul .product_accessories_description { margin:2px 2px 40px 2px; padding:0; background: #fff; } /*#center_column .products_block li.last_item { float:none; clear:both; }*/ #center_column .products_block li.last_item_of_line { border-right:none; } #center_column .products_block li.first_item_of_line { clear:both; } #center_column .products_block li.last_line { border-bottom:none; } #center_column .products_block p, #center_column .products_block h5 { margin: 0.5em 0.1em; } #center_column div.products_block h5 { display: block; height: 2.57em; } #center_column div.products_block h5 a { color: #fff; padding: 10px; } #center_column div.products_block ul li p { margin:0; padding:0; } #center_column div.products_block p.product_desc { height:9.5em; color: #595a5e; } .product_desc p {font-size: 14px;} #center_column .product_desc{font-size: 10px !important;} .bullet .product_desc .price{font-size: 17px;} #center_column div.products_block a.product_image { display: block; background-color: transparent; width: 129px; height: 129px; margin-left:2px; margin-bottom: 10px; } .bullet div.products_block a.product_image { width: 100px !important; height: 100px !important; } #center_column div.products_block .product_accessories_description a.product_image { } #center_column div.products_block a.product_description { display: block; width: 118px; height: } /* Block categories */ div#categories_block_left ul.tree {list-style: none; margin-left: 0px !important; margin-bottom: -15px; } div#categories_block_left ul.tree li {margin: 0; display: block; border-bottom: 1px dotted #cacbd0; background: url(../img/nav-bullet.gif) no-repeat 0 8px; padding-left: 17px; border-left: none;} *html div#categories_block_left ul.tree li {float: left; width: 199px;} html>body div#categories_block_left ul.tree li {*float: left; *width: 199px;} div#categories_block_left span.grower{ display:block; float: right; background-position: 0px 3px; background-repeat: no-repeat; width:9px; height:15px; margin: 5px 0 0 -10px!important; padding: 0; } div#categories_block_left span.OPEN { background-image: url('../img/icon/less.gif'); } div#categories_block_left span.CLOSE{ background-image: url('../img/icon/more.gif'); } /* steps (like order step) */ ul.step { background: transparent url('../img/step_start.gif') no-repeat bottom left; list-style: none; margin:0.8em auto 2em; padding-left: 40px; height: 30px; width:465px; } ul.step li { height: 25px; float: left; width: 100px; text-align: center; background: transparent url('../img/step_standard.gif') no-repeat bottom left; } ul.step li.step_current { background: transparent url('../img/step_current.gif') no-repeat bottom left; font-weight:bold; } ul.step li.step_todo { font-style:italic; } ul.step li#step_end { width: 40px; } ul.step li#step_end { background: transparent url('../img/step_end.gif') no-repeat bottom left; } ul.step li#step_end.step_current { background: transparent url('../img/step_end_current.gif') no-repeat bottom left; } ul#order_step { background-color: white; } /*Home Page Content*/ .editorial_block {width: 330px; padding-left: 10px; float: left;} .editorial_block h2 {background: none; color: #5e0ecb; margin-bottom: 20px; padding: 10px 0;} .editorial_block img{margin-left: -10px;} ul#more_info_tabs {border-bottom: 3px solid #49d3d7; padding-bottom: 5px;} #more_info_block {float: right; width: 668px; margin-right: 10px;} #more_info_block .rte {font-size: 13px;} #more_info_tabs li {background: #49d3d7;} #more_info_block ul{margin-left: 0 !important;} #random-quote{background: #dffbfc; padding: 20px; color: #d11477; font-size: 16px; border: 3px solid #49d3d7; clear: both; margin-top: 20px; float: right; width: 622px;} #index #random-quote {display: none;} #news_block_center {width: 300px !important; float: right;} #news_block_center .block_content { background: #fff; width: 300px; margin-left: -10px;} #news_block_center .block_content a{color: #5e0ecb;} #news_block_center .block_content a:hover {color: #d11477;} #news_block_center .block_content dl {padding: 10px;} #news_block_center .block_content dl dt{font-size: 15px;} #news_block_center .block_content .date {display: none;} #center_column #news ul {margin-left: 0;} #center_column #news ul li{list-style: none;} #center_column #news h3 {font-size: 16px; color: #d11477; padding-bottom: 0px; border-bottom: none !important; font-weight: normal; margin-bottom: 0;} #center_column #news p {font-size: 12px;} #pagination {padding-bottom: 20px;} .divider {clear: both; border-bottom: 1px dashed #d3d2d2; margin-bottom: 10px; padding-bottom: 5px;} #testimonial {clear: both; float: right; width: 300px; font-size: 13px;} #testimonial h4{padding: 13px 0 0px 10px; color: #fff; background: url(../img/home-features-h4.gif) no-repeat; margin-left: -8px; margin-bottom: -13px; position: relative; height: 54px; font-weight: normal; font-size: 14px;} .more-info a{font-size: 13px; color: #5e0ecb !important; float: right;} .more-info a:hover {color: #d11477 !important;} #color_picker ul {margin-left: 0;} #color_picker ul li{float: left; list-style: none; padding: 5px;}eft #color_all {display: none;} #newsletter_block_left select {width: 150px; float: left} #newsletter_block_left input {width: 190px;} #newsletter_block_left input.button_mini {width: 30px; float: right; background: #333; margin-right: 15px !important; padding: 4px;} #newsletter_block_left input.button_mini:hover {width: 30px; float: right; background: #d11477; margin-right: 15px !important; padding: 4px;} #newsletter_block_left .block_content {margin-top: 10px;} #newsletter_block_left .success_inline {color: #fff; margin-left: 5px; margin-bottom: 2px;} #newsletter_block_left .warning_inline {color: #fff; margin-left: 5px; margin-bottom: 2px;} #acw_logo {clear: both; float: right; margin-top: 20px;} #oosHook { display: none; } table ul { margin-left: 0px !important; } .bb-table { border-left: 1px solid #C1DAD7 !important; margin-left: 12px !important; margin-top: 10px !important; border-collapse: collapse !important; } .bb-table td { border-right: 1px solid #C1DAD7 !important; border-bottom: 1px solid #C1DAD7 !important; border-top: 1px solid #C1DAD7 !important; background: #fff; padding: 6px 6px 6px 12px !important; font-size: 1.2em !important; color: #3a3a3b; } .bb-table .table-heading { background: #ec00b4; color: #fff; font-size: 1.5em !important; line-height: 1em; } .bb-table .table-sub-heading { background: #f69ce1; color: #333; }