Jump to content

CSS question


misa

Recommended Posts

/* —————————————————————————————— clear.css —————————————————————————————— */

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, input, textarea

{margin:0;padding:0;border:0;outline:0;font-size:12px;font-weight:normal;vertical-align:top;background:transparent;outline:none;}

b {font-weight:bold;}

i {font-style:italic;}

ol, ul {list-style:square ;}

blockquote, q {quotes:none;}

table {border-collapse:collapse;border-spacing:0;}

a, span {vertical-align:baseline;}

img {vertical-align:top;text-decoration:none;}

 

/* —————————————————————————————— general styles —————————————————————————————— */

html, body {width:100%;height:100%;}

body {font:normal 12px "Arial", Arial, Helvetica, sans-serif;color:#909090;}

.bold {font-weight:bold;}

.strike {text-decoration:line-through;}

.clear {clear:both;}

br.clear {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;}

noscript ul {list-style-type:none;background:black;color:white;padding:10px;}

.clearfix:after {clear:both;display:block;height:0;font-size:0;visibility:hidden;content:".";}

.clearblock {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;}

.hidden,

.collapsed,

.block_hidden_only_for_screen {display:none;}

.center_column p {margin:0 0 -3px 0;padding:17px 0 0 0;color:#909090;}

.center_column a {color:#0bace0;text-decoration:underline;}

.center_column a:hover {text-decoration:none;}

#center_column h1 {padding:10px 20px;background:#0bace0;font:600 16px "Open Sans";color:#fff;text-transform:uppercase;}

#center_column h1 span {margin-left:15px;font:normal 12px "Arial";color:#eee;text-transform:none;float:right;padding-top:3px;}

.center_column h2,

.center_column h3,

.center_column h4 {margin:0 0 -3px 0;padding:17px 0 0 0;font-size:12px;font-weight:bold;color:#0bace0;text-transform:uppercase;}

a.product_link {font:normal 15px "Arial";color:#0bace0;text-decoration:none;text-transform:none !important;}

a.product_link:hover {color:#fd6003;}

a.product_descr {font:12px "Arial";color:#909090;text-decoration:none;text-transform:none !important;}

a.product_descr:hover {color:#fd6003;}

 

/* prices display style */

span.pricecolor {color:#fd6003;}

table#cart_summary td.price,

#center_column span.price {font-weight:bold;color:#fd6003; text-align:left;}

 

/* ON SALE and DISCOUNT states */

span.on_sale,

span.discount {font:bold 12px "Arial";color:#0babe0;text-transform:uppercase;}

 

/* global border color */

#center_column .bordercolor,

#center_column table.std th,

#center_column table.std td,

#center_column form.std h3 {border-color:#bdd6e7 !important;}

 

/* optional background color */

#center_column .bgcolor,

#center_column table.std th {background-color:#f5f5f5;}

 

/* instant search */

#old_center_column {display:none;}

#instant_search_results a {margin-left:20px;text-transform:none;color:#000;}

div.instant_search_results {}

 

/* footer links */

ul.footer_links {height:16px;clear:both;padding:20px 0 0 0;}

ul.footer_links li {height:16px;float:left;margin:0 25px 0 0;}

ul.footer_links li a {color:#fd6003;line-height:17px;text-decoration:none;}

ul.footer_links li a:hover {color:#0babe0;}

ul.footer_links li img.icon {margin:0 5px 0 0;}

 

/* id_state field in managed via JS and is firstly hidden */

form p.id_state {display:none;}

 

/* errors */

div.error {background:#da0f00;margin:20px 0 0 0;padding:10px 13px;}

div.error p {padding:0;font-weight:bold;color:#fff;}

div.error b {color:#fff;}

div.error li {padding:10px 0 0 0;list-style-position:inside;list-style-type:decimal;color:#eee;}

 

/* warning */

p.warning {background:#0bace0;margin:20px 0 0 0;padding:10px 13px;font:bold 12px "Arial";color:#fff;}

.warning_inline {color:#ff0000;font-weight:bold;}

 

/* success && confirmation */

p.success,

p.confirmation {margin:20px 0 0 0;padding:10px 13px;background:#33a33b;font:bold 12px "Arial";color:#fff;}

.success_inline {color:#33a33b;font-weight:bold;}

 

/* —————————————————————————————— layout —————————————————————————————— */

#wrapper1 {min-width:980px;min-height:100%;background:url(../img/bg_top.png) 0 0 repeat-x #fff;}

#wrapper2 {height:100%;background:url(../img/bg_img.jpg) 50% 0 no-repeat;}

#wrapper3 {width:950px;margin:0 auto;text-align:left;}

#columns {float:left;padding:10px 0;background:url(../img/columns_bottom.png) 0 bottom no-repeat;}

body#index #columns {padding:0;background:none;}

#columns2 {padding:10px 0 0 0;background:url(../img/columns_top.png) 0 0 no-repeat;}

body#index #columns2 {padding:0;background:none;}

#columns3 {padding:19px 29px;background:#fff;border:1px solid #bdd6e7;border-width:0 1px;}

body#index #columns3 {padding:0;background:none;border:none;}

#center_column {width:660px;float:left;margin:0 0 20px 0;}

#right_column {width:200px;float:left;margin:0 0 0 30px;}

 

/* ——————————————————————————————————— rte ——————————————————————————————————— */

body#cms div.content_only {padding:0 20px 20px 20px;background:#fff;color:#000;text-align:left;}

body#cms div.content_only h1 {padding:14px 0 0 0;font:normal 18px "Arial";color:#777;text-transform:uppercase;}

body#cms div.content_only h2 {padding:14px 0 0 0;font:bold 14px "Arial";color:#777;text-transform:uppercase;}

body#cms div.content_only h3 {padding:14px 0 0 0;font:bold 12px "Arial";color:#777;text-transform:uppercase;}

body#cms div.content_only h4,

body#cms div.content_only h5,

body#cms div.content_only h6 {padding:14px 0 0 0;font:normal 12px "Arial";color:#777;text-transform:uppercase;}

body#cms div.content_only p {padding-top:12px;font:normal 12px "Arial";color:#000;}

body#cms div.content_only a {font:normal 12px "Arial";color:#0753b4;text-decoration:none;}

body#cms div.content_only a:hover {color:#000;}

body#cms div.content_only ul {list-style-type:circle;list-style-position:inside;}

body#cms div.content_only ol {list-style-type:decimal;list-style-position:inside;}

div.rte strong {font-weight:bold;}

div.rte em {font-style:italic;}

div.rte table {border-collapse:separate;border-spacing:1px;width:auto;}

div.rte caption,

div.rte th,

div.rte td,

div.rte table {text-align:left;font-weight:normal;background:none;height:inherit;border:1px #eee solid;font:normal 12px "Arial";color:#000;text-align:center;}

div.rte th {height:24px;padding:0 7px;background:#eee;font-weight:bold;}

 

/* cms pages */

#cms #center_column div.rte {padding:0 20px 20px 20px;}

#cms #center_column div.rte h1,

#cms #center_column div.rte h2 {width:620px;margin:20px 0 0 -20px;padding:10px 20px;background:#eee;font-size:16px;font-weight:bold;color:#333;text-transform:uppercase;}

#cms #center_column div.rte .p3 {}

#cms #center_column div.rte .p2 {font-size:14px;line-height:18px;color:#333;}

#cms #center_column div.rte .p4 {padding-bottom:28px;}

#cms #center_column div.rte .p5 {padding-bottom:28px;}

.center_column .rte {}

.center_column .rte ul {margin:0 0 -3px 0;padding:12px 0 0 0;}

.center_column .rte ul li {padding:5px 0 0 13px;background:url(../img/bullet_alt.png) 0 9px no-repeat;}

.center_column .rte hr {margin:20px 0 0 0;background:#ddd;font-size:0;line-height:0;color:#fff;}

 

/* ——————————————————————————————————— mce ——————————————————————————————————— */

.mceContentBody {width:500px;margin:9px 6px;background:#fff;font:normal 12px "Arial";color:#000;text-align:left;}

body.mceContentBody {background-image:none;}

.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;

}

.mceContentBody h1 {padding:14px 0 0 0;font:normal 18px "Arial";color:#777;text-transform:uppercase;}

.mceContentBody h2 {padding:14px 0 0 0;font:bold 14px "Arial";color:#777;text-transform:uppercase;}

.mceContentBody h3 {padding:14px 0 0 0;font:bold 12px "Arial";color:#777;text-transform:uppercase;}

.mceContentBody h4,

.mceContentBody h5,

.mceContentBody h6 {padding:14px 0 0 0;font:normal 12px "Arial";color:#777;text-transform:uppercase;}

.mceContentBody p {margin:7px;font:normal 12px "Arial";color:#000;}

.mceContentBody a {font:normal 12px "Arial";color:#0753b4;text-decoration:underline;}

.mceContentBody ul {list-style-type:circle;list-style-position:inside;}

.mceContentBody ol {list-style-type:decimal;list-style-position:inside;}

.mceContentBody strong {font-weight:bold;}

.mceContentBody em {font-style:italic;}

.mceContentBody table {border-collapse:separate;border-spacing:1px;width:auto;}

.mceContentBody caption,

.mceContentBody th,

.mceContentBody td,

.mceContentBody table {text-align:left;font-weight:normal;background:none;height:inherit;border:1px #eee solid;font:normal 12px "Arial";color:#000;text-align:center;}

.mceContentBody th {height:24px;padding:0 7px;background:#eee;font-weight:bold;}

 

/* —————————————————————————————— buttons —————————————————————————————— */

/*

-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.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,

a.button_mini, a.button_small, a.button, a.button_large,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large

{height:33px !important;display:inline-block;padding:0 10px 0 10px;background:url(../img/bttns.png) 0 0 repeat-x;border:none;font:14px "Open Sans" !important;color:#fff !important;text-decoration:none !important;text-align:center;cursor:pointer;

-webkit-border-radius:5px;

-moz-border-radius:5px;

border-radius:5px;

}

/* link/span button */

a.button_mini, a.button_small, a.button, a.button_large,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {line-height:33px !important;}

/* firefox padding fix for input tag */

@-moz-document url-prefix() {

input.button_mini, input.button_small, input.button, input.button_large,

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-bottom:2px;}

}

/* disabled button */

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {cursor:default;color:#0167a7 !important;}

/* hover buttons */

input.button_mini:hover, a.button_mini:hover, input.button_small:hover, a.button_small:hover,

input.button:hover, a.button:hover, input.button_large:hover, a.button_large:hover,

input.exclusive_mini:hover, a.exclusive_mini:hover, input.exclusive_small:hover, a.exclusive_small:hover,

input.exclusive:hover, a.exclusive:hover, input.exclusive_large:hover, a.exclusive_large:hover {background-position:0 -33px;text-decoration:none !important;}

 

/* —————————————————————————————— global table styles —————————————————————————————— */

div.table_block {padding:20px 0 0 0;}

table.std {width:100%;}

table.std th,

table.std td {padding:12px;vertical-align:middle;border-width:1px;border-style:solid;}

table.std tr.item td,

table.std tr.item th {}

table.std tr.alternate_item td,

table.std tr.alternate_item th {}

table.std tbody tr td,

table.std tfoot tr td {}

table.std th {padding:15px 7px;font-weight:bold;color:#0babe0;text-align:left;white-space:nowrap;}

table.std tfoot td {color:#0babe0;text-align:right;white-space:nowrap;}

 

/* —————————————————————————————— form styles —————————————————————————————— */

/* global form styles */

label {font:normal 12px "Arial";color:#555;}

input[type=text],

input[type=password],

textarea,

select {background:#fff;border:1px solid #ddd;font:normal 12px "Arial";color:#555;}

input[type=file] {border:1px solid #bbb;}

textarea {min-width:652px;max-width:652px;width:652px;padding:3px;overflow:auto !important;}

 

/* std form styles */

form.std {clear:both;}

form.std h3 {margin:0;padding:17px 5px 7px 0;border-width:0 0 1px 0;border-style:solid;}

form.std fieldset {}

form.std h4,

form.std p {}

form.std input[type=text],

form.std input[type=password],

form.std textarea {padding:3px;background:#f1f1f1;border:1px solid #f1f1f1;

-moz-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;-webkit-transition:background-color 0.6s ease;

-moz-transition:border-color 0.6s ease;-o-transition:border-color 0.6s ease;-webkit-transition:border-color 0.6s ease;

}

form.std select {padding:3px;background:#f1f1f1;border:1px solid #f1f1f1;

-moz-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;-webkit-transition:background-color 0.6s ease;

-moz-transition:border-color 0.6s ease;-o-transition:border-color 0.6s ease;-webkit-transition:border-color 0.6s ease;

}

form.std input[type=text]:focus,

form.std input[type=password]:focus,

form.std select:focus,

form.std textarea:focus {background:#fff;border-color:#ccc;

-moz-transition:background-color 0.3s ease;-o-transition:background-color 0.3s ease;-webkit-transition:background-color 0.3s ease;

-moz-transition:border-color 0.3s ease;-o-transition:border-color 0.3s ease;-webkit-transition:border-color 0.3s ease;

}

 

/* form labels */

form.std .text label,

form.std .password label,

form.std .textarea label,

form.std .select label,

form.std .select span,

form.std .radio span,

form.std .checkbox span {float:left;text-align:right;width:150px;padding:4px 7px 0 0;font:normal 12px "Arial";color:#555;}

form.std span.inline-infos {display:block;margin:0 0 -3px 0;padding:2px 0 0 157px;font:normal 11px "Arial";color:#555;}

span.editable {padding:0 0 0 5px;font:normal 12px "Arial";color:#555;}

span.form_info {padding:0 0 0 5px;font:normal 12px/23px "Arial";color:#555;}

 

/* text inputs */

form.std .text,

form.std .password {margin:0;padding:15px 0 0 0;}

form.std .text input,

form.std .password input {width:212px;height:15px;}

 

/* textarea */

form.std .textarea {margin:0;padding:15px 0 0 0;}

form.std .textarea textarea {min-width:212px;}

 

/* selects */

form.std .select {margin:0;padding:15px 0 0 0;}

form.std .select select {width:220px;height:23px;padding:2px;}

select#days {width:50px;margin:0 8px 0 0;}

select#months {width:90px;margin:0 8px 0 0;}

select#years {width:58px;}

 

/* radio & checkboxes */

form.std p.checkbox,

form.std p.radio {margin:0;padding:15px 0 0 0;overflow:hidden;}

form.std p.checkbox {padding-left:157px;}

.checkbox input,

.radio input {display:inline;background:none;border:none;position:relative;left:0;top:1px;}

.checkbox label,

.radio label {width:auto;padding:0 0 0 3px;}

 

/* submit */

form.std p.submit {margin:0;padding:20px 0 0 157px;}

 

/* required state */

form.std .required {margin:0;}

form.std .required sup {vertical-align:top;font:normal 13px "Tahoma";color:#da0f00;}

form.std .required_desc {margin:0 0 -3px 0;padding-left:157px;}

 

 

/* —————————————————————————————— header styles —————————————————————————————— */

#header {background:url(../img/bg_header.png) 0 173px no-repeat;position:relative;}

#header_logo {width:345px;height:60px;display:block;position:absolute;left:0;top:72px;}

 

/* ————— blocklanguages.tpl ————— */

#languages_block_top {height:18px;float:right;padding:32px 0 0 0;}

#languages_block_top ul li {float:left;text-transform:capitalize;}

#languages_block_top ul li + li {margin:0 0 0 8px;padding:0 0 0 8px;border-left:1px solid #52abe5;}

#languages_block_top ul li a {display:block;font:bold 12px "Arial";color:#52abe5;text-decoration:none;}

#languages_block_top ul li a:hover {color:#fff;}

#languages_block_top ul li.selected_language {font:bold 12px "Arial";color:#fff;}

 

/* ————— blockcurrencies.tpl ————— */

#currencies_block_top {float:right;margin:30px 15px 0 0;position:relative;z-index:100;}

#currencies_block_top label {display:block;float:left;padding:2px 10px 0 0;color:#fff;}

#currencies_block_top select {display:none;}

#currencies_block_top div.jqTransformSelectWrapper {width:85px !important;height:20px;float:left;}

#currencies_block_top div.jqTransformSelectWrapper > div > span {width:79px !important;height:17px;display:block;float:left;padding:3px 0 0 6px;background:url(../img/header_currency.png) 0 0 no-repeat;font-size:11px;color:#525151;cursor:pointer;}

#currencies_block_top ul {width:85px !important;overflow:visible !important;position:absolute;right:0;top:20px;}

#currencies_block_top ul li {height:auto;border-top:1px solid #d7d6d6;}

#currencies_block_top ul li a {display:block;padding:0 0 0 8px;background:#fefefe;font:11px/20px "Arial";color:#aaa;text-decoration:none;}

#currencies_block_top ul li a:hover,

#currencies_block_top ul li a.selected {color:#525151;}

 

/* ————— blockuserinfo.tpl ————— */

#header_user {float:right;padding:32px 0 0 0;}

#header_user li {float:left;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #52abe5;color:#fff;}

#header_user li a {color:#fff;text-decoration:none;}

#header_user li a:hover {text-decoration:underline;}

#header_user #header_user_info {}

#header_user #header_user_info a {text-transform:lowercase;}

#header_user #header_user_info span {}

#header_user #your_account {}

#header_user #your_account a {}

#shopping_cart {width:100px;height:100px;background:url(../img/header_cart.png) 0 0 no-repeat;position:absolute;right:-12px;top:64px;z-index:100;}

#shopping_cart a {width:70px;height:87px;display:block;margin:0 auto;text-decoration:none;text-align:center;}

#shopping_cart a span {font:800 41px/110px "Open Sans";color:#fff;}

#shopping_cart a:hover span {color:#025293;}

 

/* ————— tmheaderlinks.tpl ————— */

#tmheaderlinks {height:24px;float:right;padding:55px 112px 0 0;}

#tmheaderlinks li {float:left;}

#tmheaderlinks li + li {padding:0 0 0 18px;}

#tmheaderlinks li a {font:18px "Open Sans";color:#fff;text-decoration:none;text-transform:capitalize;}

#tmheaderlinks li a:hover,

#tmheaderlinks li a.active {color:#01437b;}

 

/* ————— tmcategories.tpl ————— */

#tmcategories {height:47px;float:left;padding:44px 0 0 0;}

#cat {}

#cat > li {float:left;background:url(../img/tmc_sep.png) right 0 no-repeat;position:relative;z-index:100;}

#cat > li + li {}

#cat > li > a {height:41px;display:block;padding:6px 17px 0 16px;font:700 23px "Open Sans";color:#fff;text-decoration:none;}

#cat > li:hover > a,

#cat > li > a.selected {background:url(../img/tmc_active.png) 50% 0 no-repeat;}

#cat > li:first-child:hover > a,

#cat > li:first-child > a.selected {background:url(../img/tmc_active.png) 0 0 no-repeat;}

#cat li ul.subcat {width:155px;padding:0 0 18px 0;background:url(../img/tmc_sub.png) 0 bottom no-repeat;position:absolute;left:0;top:48px;display:none;}

#cat ul.subcat li {padding:17px 5px 0 19px;background:url(../img/tmc_sub.png) 0 0 no-repeat;position:relative;}

#cat ul.subcat li + li {padding:8px 5px 0 19px;background:#313030;}

#cat ul.subcat li a {color:#8a8989;text-decoration:none;}

#cat ul.subcat li a:hover,

#cat ul.subcat li a.selected {color:#0ec4e9;}

#cat ul.subcat li ul.subcat {left:156px;top:-9px;}

#cat ul.subcat li:first-child ul.subcat {left:156px;top:0;}

 

/* ————— blocksearch-top.tpl ————— */

#search_block_top {width:164px;height:32px;float:right;background:url(../img/header_search.png) 0 0 no-repeat;margin:51px 9px 0 0;}

#search_block_top input.search_query {width:112px;margin:9px 0 0 9px;float:left;background:none;border:none;}

#search_block_top a {width:34px;height:0;padding:32px 0 0 0;display:block;overflow:hidden;float:right;}

.ac_results {width:300px !important;border:none !important;}

.ac_results ul {}

.ac_results ul li {font:normal 12px "Arial" !important;color:#333;cursor:pointer;}

.ac_results ul li.ac_even {background:#f5f5f5;}

.ac_results ul li.ac_odd {background:#ddd;}

.ac_results ul li:hover {background:#333;color:#fff;}

 

/* ————— tmnivoslider.tpl ————— */

#tmnivoslider {width:950px;height:416px;padding:10px 0 0 0;}

#slider {width:950px;height:416px;overflow:hidden;}

.nivoSlider {position:relative;}

.nivoSlider img {position:absolute;top:0px;left:0px;}

.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}

.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}

.nivo-html-caption {display:none;}

.nivo-caption {width:400px;height:416px;padding:0 20px 0 0;position:absolute;right:0;top:0;z-index:89;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;}

.nivo-caption > p {margin:0;padding:0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;}

.nivo-caption h2 {margin:0;padding:29px 0 0 0;font:italic 600 40px "Open Sans";color:#fff;letter-spacing:-3px;}

.nivo-caption h3 {margin:0;padding:2px 0 0 0;font:italic 26px/31px "Open Sans";color:#fff;text-transform:uppercase;letter-spacing:-1px;}

.nivo-caption p {margin:0;padding:0;font:italic 600 42px "Open Sans";color:#fff;}

.nivo-caption p span {margin:0 0 0 10px;padding:0;font:italic 700 52px "Open Sans";color:#fff;}

.slide1 h2 {color:#fff;}

.slide1 h3 {color:#fff;}

.slide1 p {color:#fff;}

.slide1 p span {color:#fff;}

.slide2 h2 {color:#fff;}

.slide2 h3 {color:#fff;}

.slide2 p {color:#fff;}

.slide2 p span {color:#fff;}

.slide3 h2 {color:#fff;}

.slide3 h3 {color:#fff;}

.slide3 p {color:#fff;}

.slide3 p span {color:#fff;}

.nivo-caption a.slide_btn {height:38px;display:block;float:left;margin:15px 0 0 0;padding:0 0 0 15px;background:url(../img/slider_btn.png) 0 0 no-repeat;text-decoration:none;}

.nivo-caption a.slide_btn span {height:32px;display:block;margin:0 -10px 0 0;padding:6px 15px 0 0;background:url(../img/slider_btn.png) right 0 no-repeat;font:600 19px "Open Sans";color:#fff;text-transform:uppercase;}

.nivo-caption a.slide_btn:hover span {color:#025293;}

.nivo-controlNav {width:950px;height:30px;padding:14px 0 0 0;background:url(../img/slider_nav.png) 0 0 no-repeat;text-align:center;position:absolute;left:0;bottom:0;z-index:100;}

.nivo-controlNav a {width:13px;height:0;display:inline-block;padding:13px 0 0 0;overflow:hidden;background:url(../img/slider_item.png) 0 0 no-repeat;cursor:pointer;}

.nivo-controlNav a + a {margin:0 0 0 5px;}

.nivo-controlNav a.active {background:url(../img/slider_item_active.png) 0 0 no-repeat;}

 

/* ————— tmslider1.tpl ————— */

#tmslider1 {}

#tmslider1 ul {width:960px;overflow:hidden;}

#tmslider1 ul li {float:left;margin:10px 10px 0 0;}

 

/* ————— tmspecials.tpl ————— */

#tmspecials {padding:10px 0;background:url(../img/tmsp_bottom.png) 0 bottom no-repeat;}

#tmspecials h4 {height:35px;padding:9px 0 0 16px;background:url(../img/tmsp_title.png) 0 0 no-repeat;font:600 19px "Open Sans";color:#0bace0;}

#tmspecials .block_content {padding:0 0 17px 0;border:1px solid #bdd6e7;border-width:0 1px;}

#tmspecials ul {overflow:hidden;padding:0 0 0 29px;}

#tmspecials ul li {width:180px;height:310px;float:left;padding:30px 56px 30px 0;position:relative;}

#tmspecials ul li + li + li + li + li {border-top:1px solid #bdd6e7;}

#tmspecials ul li.tmsp4,

#tmspecials ul li.tmsp8 {width:180px;float:left;padding-right:0;}

#tmspecials span.reduction {width:78px;height:78px;display:block;background:url(../img/tmsp_percent.png) 0 0 no-repeat;font:italic 700 23px/76px "Open Sans";color:#fff;text-align:center;position:absolute;left:1px;top:114px;}

#tmspecials li.tmsp1 span.reduction {background-position:0 0;}

#tmspecials li.tmsp2 span.reduction {background-position:0 -78px;}

#tmspecials li.tmsp3 span.reduction {background-position:0 -156px;}

#tmspecials li.tmsp4 span.reduction {background-position:0 0;}

#tmspecials li.tmsp5 span.reduction {background-position:0 -156px;}

#tmspecials li.tmsp6 span.reduction {background-position:0 0;}

#tmspecials li.tmsp7 span.reduction {background-position:0 -78px;}

#tmspecials li.tmsp8 span.reduction {background-position:0 0;}

#tmspecials h5 {padding:10px 0 0 0;}

#tmspecials p {padding:5px 0 12px 0;}

#tmspecials span.price {font:18px "Arial";color:#fd6003;}

#tmspecials span.price-discount {margin:0 0 0 7px;font:18px "Arial";color:#bab8b8;text-decoration:line-through;}

#tmspecials .exclusive {margin:16px 0 0 0;}

 

/* —————————————————————————————— left && right column blocks styles —————————————————————————————— */

/* ————— general block styles ————— */

div.column {}

div.column a {color:#0bace0;text-decoration:none;}

div.column a:hover {color:#fd6003;}

div.column > div {margin:0 0 20px 0;}

div.column div.block {padding:0 20px 20px 20px;background:#f5f5f5;}

div.column div.block h4 {padding:16px 0 0 0;font:600 16px "Open Sans";color:#0bace0;}

div.column div.block h4 a {font:600 16px "Open Sans";text-decoration:none;}

div.column div.block h4 a:hover {color:#fd6003;}

div.column div.block .block_content {}

div.column div.block ul.bullet {padding-top:13px;}

div.column div.block ul.bullet li {padding:4px 0 0 12px;background:url(../img/bullet.png) 0 8px no-repeat;}

 

/* ————— blockcategories.tpl ————— */

#categories_block_left {}

#categories_block_left ul.tree {padding:10px 0 0 0;}

#categories_block_left ul.tree li {padding:7px 0 0 0;position:relative;}

#categories_block_left ul.tree li a {}

#categories_block_left ul.tree li a:hover {}

#categories_block_left ul.tree a.selected {font-weight:bold;}

#categories_block_left ul.tree li ul {}

#categories_block_left ul.tree li ul li {padding:7px 0 0 20px;}

#categories_block_left ul.tree li ul li a {}

#categories_block_left span.grower {width:15px;height:15px;display:block;cursor:pointer;position:absolute;left:-17px;top:7px;}

#categories_block_left span.OPEN {background:url(../img/categories_minus.gif) 3px 3px no-repeat;}

#categories_block_left span.CLOSE {background:url(../img/categories_plus.gif) 3px 3px no-repeat;}

 

/* ————— blockcart.tpl ————— */

#cart_block {}

#cart_block h4 {}

#cart_block h4 span {display:none;}

#cart_block .block_content {}

#cart_block #cart_block_no_products {padding:14px 0 17px 0;font-weight:bold;color:#fd6003;}

#cart_block #cart_block_summary {padding:10px 0 0 0;}

#cart_block #cart_block_summary span {color:#000;zoom:1;}

#cart_block #cart_block_summary span.ajax_cart_total {margin:0 0 0 5px;font-weight:bold;}

#cart_block dl {padding:7px 0 17px 0;}

#cart_block dl dt {height:15px;padding:7px 0 0 0;clear:both;}

#cart_block dl dd {clear:both;}

#cart_block span.quantity-formated {padding:0 2px 0 0;float:left;font:normal 10px/17px "Arial";letter-spacing:1px;}

#cart_block span.quantity-formated span.quantity {font-size:10px;}

#cart_block dl a {text-decoration:underline;}

#cart_block dl a:hover {text-decoration:none;}

#cart_block dl dt a {float:left;}

#cart_block dl dt span.price {float:right;font-weight:bold;color:#fd6003;}

#cart_block dl dd a {padding:0 0 0 14px;font-size:11px;font-style:italic;}

#cart_block a.ajax_cart_block_remove_link {width:11px;height:13px;margin:0 0 0 5px;float:right;font-size:0;display:block;background:url(../img/icon/delete.gif) 0 bottom no-repeat;}

#cart_block a.ajax_cart_block_remove_link:hover {text-decoration:none;}

#cart_block table#vouchers {width:100%;margin:0 0 17px 0;}

#cart_block table#vouchers tr td.price {font-weight:bold;text-align:right;}

#cart_block table#vouchers tr td.delete {width:16px;text-align:right;}

#cart_block table#vouchers tr td.delete a {width:11px;height:13px;font-size:0;display:block;float:right;background:url(../img/icon/delete.gif) 0 bottom no-repeat;}

#cart_block table#vouchers tr td.delete a img {display:none;}

#cart_block ul.cart_block_customizations {padding:0 0 0 13px;}

#cart_block ul.cart_block_customizations li {font:11px/15px "Arial";}

#cart_block ul.cart_block_customizations div.deleteCustomizableProduct {width:11px;float:right;}

#cart_block ul.cart_block_customizations div.deleteCustomizableProduct a {float:right;margin:0;padding:0;font-size:0;}

#cart_block div.cart-prices {border-top:1px solid #bdd6e7;}

#cart_block div.cart-prices > div {height:25px;background:#fff;border:1px solid #bdd6e7;border-top:none;}

#cart_block div.cart-prices > div + div {}

#cart_block div.cart-prices span {float:left;padding:5px 0 0 7px;}

#cart_block div.cart-prices span#cart_block_shipping_cost,

#cart_block div.cart-prices span#cart_block_total,

#cart_block div.cart-prices span#cart_block_wrapping_cost,

#cart_block div.cart-prices span#cart_block_tax_cost {float:right;padding:5px 7px 0 0;font-weight:bold;color:#fd6003;}

#cart_block p#cart-price-precisions {padding:20px 0 0 0;}

#cart_block p#cart-buttons {padding:20px 0 0 0;overflow:hidden;}

#cart_block p#cart-buttons a.button_mini {}

#cart_block p#cart-buttons a.button_small {}

 

/* ————— products_block styles ————— */

.column .bordercolor {border-color:#bdd6e7 !important;}

.products_block ul {overflow:hidden;}

.products_block ul li {padding:20px 0 0 0;overflow:hidden;}

.products_block ul li + li {margin:20px 0 0 0;border-width:1px 0 0 0;border-style:solid;clear:both;}

.products_block ul li a.products_block_img {width:66px;height:66px;display:block;float:left;border-width:1px;border-style:solid;}

.products_block ul li > div {width:80px;float:left;padding:0 0 0 10px;}

.products_block ul li h5 {}

.products_block ul li + li + li {padding:17px 0 0 0;}

.products_block ul li + li + li + li {margin:17px 0 0 0;}

.products_block ul li p {padding:7px 0 0 0;}

.column a.product_link {font:normal 15px "Arial";color:#0bace0;text-decoration:none;text-transform:none !important;}

.column a.product_link:hover {color:#fd6003;}

.column a.product_descr {font:12px "Arial";color:#909090;text-decoration:none;text-transform:none !important;}

.column a.product_descr:hover {color:#fd6003;}

.products_block ul li span.price-discount {text-decoration:line-through;}

.products_block ul li span.reduction {}

.products_block ul li span.price {font-weight:bold;}

.products_block .button_large {width:;margin:17px 0 0 0;}

 

/* ————— blockspecials.tpl ————— */

#special_block_right ul li {margin:0;}

#special_block_right h5 {padding:12px 0 9px 0;}

#special_block_right h5 a {}

#special_block_right span.price-discount {text-decoration:line-through;}

#special_block_right span.price {font-weight:bold;}

 

/* ————— blocknewproducts.tpl ————— */

 

/* ————— blockbestsellers.tpl ————— */

#blockbestsellers ul li + li {padding:14px 0 0 0;}

#blockbestsellers ul li + li + li {margin:0;border:none;}

 

/* ————— blockviewed.tpl ————— */

 

/* ————— blocktags.tpl ————— */

#tags_block_left p.block_content {padding-top:17px;}

#tags_block_left p.block_content a {margin:0 3px 0 0;line-height:20px;}

#tags_block_left p.block_content a:hover {}

a.tag_level1 {font-size:13px;}

a.tag_level2 {font-size:15px;}

a.tag_level3 {font-size:17px;font-weight:bold;}

 

/* ————— blockmyaccount.tpl ————— */

div.column div.myaccount p.logout {padding:4px 0 0 12px;}

div.column div.myaccount p.logout a {font-weight:bold;}

 

/* ————— blocknewsletter.tpl ————— */

#newsletter_block_left div.block_content {}

#newsletter_block_left input[type=text] {width:160px;height:17px;margin:20px 0 0 0;}

#newsletter_block_left select {width:162px;margin:10px 0 0 0;}

#newsletter_block_left input.button_mini {margin:10px 0 0 0;text-transform:capitalize;}

 

/* ————— blockmanufacturer.tpl && blocksupplier.tpl ————— */

.blockmanufacturer select,

.blocksupplier select {width:160px;margin:8px 0 0 0;}

 

/* ————— blocklink.tpl ————— */

 

/* ————— blockrss.tpl ————— */

 

/* ————— blockadvertising.tpl ————— */

.advertising_block {}

 

/* ————— blockpaymentlogo.tpl ————— */

div.paiement_logo_block {}

div.paiement_logo_block a {text-decoration:none;}

div.paiement_logo_block img + img {margin:0 0 0 11px;}

 

/* ————— blockstore.tpl ————— */

#stores_block_left div.block_content {padding-top:12px;}

#stores_block_left p {text-align:left;}

#stores_block_left p a img {margin:0 0 10px 0;}

 

/* —————————————————————————————— center column styles —————————————————————————————— */

/* ————— breadcrumb.tpl ————— */

.breadcrumb {margin:0 0 10px 0;padding:8px 0 8px 19px;position:relative;border-width:1px;border-style:solid;}

.breadcrumb_inner { color:#333;}

.breadcrumb span,

.breadcrumb .navigation_page,

.breadcrumb .navigation_end,

.breadcrumb .navigation_product {}

.breadcrumb .navigation-pipe {width:5px;height:0;display:inline-block;padding:12px 0 0 0;overflow:hidden;margin:0 10px;background:url(../img/icon/pipe.png) 50% 6px no-repeat;}

.breadcrumb a {color:#888888;text-decoration:none;}

.breadcrumb a:hover { color:#000;}

 

/* —————————————————————————————— product pages —————————————————————————————— */

/* ————— homefeatured.tpl ————— */

#featured_products {}

#featured_products h4 {padding:0;font-size:12px;font-weight:bold;color:#374853;}

#featured_products ul {width:520px;overflow:hidden;}

#featured_products ul li {width:160px;float:left;margin:10px 10px 0 0;position:relative;}

#featured_products ul li div {}

#featured_products ul li h5 {padding:7px 0 0 0;}

#featured_products ul li p {padding:3px 0 0 0;}

#featured_products ul li span.price {display:block;padding:3px 0 0 0;}

#featured_products ul li .button {}

#featured_products ul li .exclusive {}

 

/* ————— category.tpl ————— */

.center_column .cat_desc {margin:20px 0 0 0;padding:17px 20px;border-width:1px 0;border-style:solid;}

#categoryImage {}

#subcategories ul {overflow:hidden;width:680px;}

#subcategories ul li {float:left;margin:20px 11px 0 0;background:url(../img/tail-sub.png) 0px 0px repeat-x;height:166px;border:1px solid #E6E4E4;position:relative;}

#subcategories ul li:hover {background-position:0 -167px;}

#subcategories {width:680px;}

#center_column #subcategories ul li a {width:80px;display:block;padding:20px 21px 20px 20px;text-decoration:none;background:none;}

#center_column #subcategories ul li a img {border:1px solid #f1eeee;background:#fff;}

#center_column #subcategories ul li:hover a img {}

#subcategories ul li a span {height:30px;display:block;padding:17px 0 0 0;}

#subcategories ul li:hover a span {color:#fff;}

#subcategories ul li strong {background:url(../img/icon-sub.png) 0px 0px no-repeat;width:12px;height:12px;position:absolute;bottom:10px;right:10px;}

#subcategories ul li:hover strong {background-position:0 -12px;}

 

/* ————— product-sort.tpl ————— */

.product_sort {padding:20px 0 0 0;overflow:hidden;}

.product_sort #productsSortForm {float:left;}

.product_sort #productsSortForm label {display:block;float:left;padding:4px 7px 0 0;}

.product_sort #productsSortForm select {width:160px;height:20px;float:left;margin:2px 0 0 0;}

.product_sort ul {float:right;}

.product_sort ul li {width:25px;height:24px;float:left;background-image:url(../img/product_view.png);background-repeat:no-repeat;cursor:pointer;}

.product_sort ul li + li {margin:0 0 0 10px;}

.product_sort ul li#product_view_grid {background-position:0 0;}

.product_sort ul li#product_view_grid.current {background-position:0 -24px; cursor:default;}

.product_sort ul li#product_view_list {background-position:0 -48px;}

.product_sort ul li#product_view_list.current {background-position:0 -72px; cursor:default;}

.box {display:none;}

.box.visible {display:block;}

 

/* ————— product-compare.tpl ————— */

/* ————— product-compare.tpl ————— */

.product_compare {padding:20px 0 0 0;overflow:hidden;}

.product_compare .button {float:right;}

 

/* ————— product-list.tpl ————— */

#product_list_list {margin:20px 0 0 0;padding:20px 20px 0 20px;border-width:1px;border-style:solid;}

#product_list_list ul {}

#product_list_list ul li {height:200px;padding:20px 0;border-top-width:1px;border-top-style:solid;}

#product_list_list ul li:first-child {margin:0;border:none;padding-top:0;}

#product_list_list ul li a.product_img_link {width:180px;height:180px;display:block;float:left;}

#product_list_list ul li a.product_img_link img {margin:20px 0 0 0;}

#product_list_list ul li div.center_block {width:230px;float:left;margin:0 0 0 20px;}

#product_list_list ul li div.center_block div.product_flags {overflow:hidden;margin:0 0 -3px 0;}

#product_list_list ul li div.center_block div.product_flags span {height:15px;display:block;float:left;font-weight:bold;}

#product_list_list ul li div.center_block div.product_flags span + span {margin:0 0 0 11px;padding:0 0 0 12px;border-left-width:1px;border-left-style:solid;}

#product_list_list ul li div.center_block div.product_flags span.new {color:#fd6003;}

#product_list_list ul li div.center_block div.product_flags span.availability {color:#999;}

#product_list_list ul li div.center_block div.product_flags span.online_only {color:#0babe0;}

#product_list_list ul li div.center_block h3 {padding:17px 0 0 0;}

#product_list_list ul li div.center_block h3 a.product_link {font-size:17px;line-height:22px;}

#product_list_list ul li div.center_block p.product_desc {padding:12px 0 0 0;}

#product_list_list ul li div.right_block {width:140px;float:right;position:relative;padding-left:20px;min-height:200px;border-width:0 0 0 1px;border-style:solid;}

#product_list_list ul li div.right_block span.on_sale,

#product_list_list ul li div.right_block span.discount {position:absolute;left:20px;top:0;}

#product_list_list ul li div.right_block span.price {display:block;padding:29px 0 0 0; font-size:20px;}

#product_list_list ul li div.right_block .exclusive {margin:15px 0 5px 0;}

#product_list_list ul li div.right_block p.compare {height:15px;padding:19px 0 11px 0;}

 

#product_list_grid {margin:10px 0 0 0;}

#product_list_grid ul {overflow:hidden;}

#product_list_grid ul li {width:172px;float:left;margin:10px 10px 0 0;padding:20px 20px 10px 20px;overflow:hidden;border:1px solid #ddd;}

#product_list_grid ul li.item3 {width:170px;margin:10px 0 0 0;}

#product_list_grid ul li .product_img_link {display:block;text-align:center;}

#product_list_grid ul li h3 {padding:0px 0 0 0; min-height:44px; margin-bottom:10px; }

#product_list_grid ul li h3 a{font-size:17px; line-height:22px; font-size:15px;}

#product_list_grid ul li span.price {display:block;margin:0 0 -3px 0;padding:17px 0 0 0; font-size:20px;}

#product_list_grid ul li .exclusive{ margin-bottom:10px;float:left; margin-right:5px;}

#product_list_grid ul li .button:hover{}

#product_list_grid ul li .button {}

#product_list_grid ul li .product_desc{padding:10px 0 15px 0;}

#product_list_grid ul .compare.checkbox{ padding-top:5px; padding-bottom:15px;}

 

/* ————— pagination.tpl ————— */

div.pagination {height:33px;padding:12px 12px 10px 12px; border:1px solid #ddd; margin-top:20px;}

ul.pagination {float:left;padding:0px 0 0 0;}

ul.pagination li {float:left;margin:0 5px; border:1px solid #ddd; }

ul.pagination li.current {height:23px;padding:8px 7px 0 7px;background:url(../img/bttns.png) 0 0 repeat-x;border:1px solid #0babe0;}

ul.pagination li.current span {display:block;font-weight:bold;color:#fff;}

ul.pagination li a {height:23px;display:block;padding:8px 7px 0 7px;text-decoration:none;font-weight:bold;}

ul.pagination li a:hover {}

ul.pagination li.truncate{border:none;margin-top:12px;}

ul.pagination li.disabled span {color:#0565cc;cursor:default;}

ul.pagination li#pagination_previous {text-transform:capitalize;margin:0 15px 0 0; border:none; padding:0;}

ul.pagination li#pagination_previous .button span{background:url(../img/pagination_prev.png) left 3px no-repeat; padding-left:10px; font-weight:bold;}

ul.pagination li#pagination_previous.disabled span span{background-position:left 3px;}

ul.pagination li#pagination_previous a{ padding: 0 10px;}

ul.pagination li#pagination_next a{ padding: 0 10px;}

ul.pagination li#pagination_next {text-transform:capitalize;margin:0 0 0 15px;border:none; padding:0;}

ul.pagination li#pagination_next .button span{background:url(../img/pagination_next.png) right 3px no-repeat; padding-right:10px; font-weight:bold;}

ul.pagination li#pagination_next.disabled span span{ background-position:right -27px;}

form.pagination select {width:45px;height:19px;float:right;margin:8px 0 0 0;}

form.pagination label {display:block;float:right;padding:10px 10px 0 10px;}

form.pagination a {float:right;}

form.pagination input {display:none;}

 

/* ————— stores.tpl ————— */

div#stores_block p.text label {display:block;float:left;padding:2px 7px 0 0;}

div#stores_block p.text input {width:270px;height:15px;padding:1px;font:normal 12px "Arial";color:#555;}

div#stores_block p.select {padding:20px 0 0 0;}

div#stores_block p.select label {display:block;float:left;padding:2px 7px 0 0;}

div#stores_block p.select select {float:left;}

div#stores_block p.select span {display:block;float:left;padding:2px 7px 0 7px;}

div#stores_block p.select #stores_loader {margin:-2px 0 0 0;display:none;}

div#stores_block input.button {clear:both;margin:10px 0 0 0 !important;}

div#stores_block select#locationSelect {margin:20px 0;visibility:hidden;}

div#stores_block div#map {width:100%;height:400px;}

div#stores_block table#stores-table {margin:20px 0 0 0;display:none;}

 

/* ————— products-comparison.tpl ————— */

#product_comparison {margin:20px 0 0 0;}

#product_comparison h5 {height:30px;margin:0 20px 0 0;}

#product_comparison th {padding-left:20px;padding-right:20px;}

#product_comparison td {padding:7px 20px;font-weight:bold;}

#product_comparison td.comparison_infos {font-weight:normal;}

#product_comparison td p.product_desc {padding:10px 0 0 0;}

#product_comparison .comparison_product_infos {padding:20px 0 0 0;}

#product_comparison .comparison_product_infos a.cmp_remove {padding:0 0 0 15px;background:url(../img/icon/delete.gif) 0 2px no-repeat;color:#dd0000;text-decoration:none;}

#product_comparison .comparison_product_infos a.button {margin:17px 0 0 0;}

#product_comparison .comparison_product_infos .exclusive {margin:5px 0 13px 0;}

#product_comparison .comparison_product_infos .product_discount {padding:12px 0 0 0;height:15px;}

 

/* —————————————————————————————— product.tpl —————————————————————————————— */

#primary_block {margin:20px 0 0 0;}

 

/* ————— left block ————— */

#primary_block #pb-right-column {width:306px;float:left;}

 

/* product img */

#primary_block #image-block {width:304px;height:304px;border-width:1px;border-style:solid;}

#primary_block #image-block img#bigpic {width:304px;height:304px;cursor:pointer;}

#primary_block #image-block img#bigpic.jqzoom {cursor:crosshair;position:relative;}

 

/* zoom */

div.zoomdiv {z-index:100;position:absolute;top:0px;left:0px;width:403px!important;height:302px!important;background:#ffffff;border:1px solid #ddd!important;display:none;text-align: center; overflow: hidden;}

img.jqzoom{cursor:crosshair;position:relative;}

 

/* views block */

#views_block {width:306px;height:82px;margin:10px 0 0 0;position:relative;}

#view_scroll_left,

#view_scroll_right {width:10px;height:0;display:block;padding:80px 0 0 0;overflow:hidden;background:url(../img/arrow_thumbs.gif) 0 0 no-repeat;position:absolute;top:0;}

#view_scroll_left {left:0;}

#view_scroll_right {background-position:0 -80px;right:0;}

#thumbs_list {width:266px;height:82px;margin:0 0 0 20px;overflow:hidden;}

#thumbs_list ul {}

#thumbs_list li {width:82px;height:82px;float:left;margin:0 10px 0 0;cursor:pointer;}

#thumbs_list li a {display:block;border-width:1px;border-style:solid;}

#thumbs_list li.thumb_last {margin:0;}

#thumbs_list li a img {}

span#wrapResetImages {display:none;}

span#wrapResetImages div {width:306px;margin:0 0 -3px 0;padding:17px 0 10px 20px;}

 

/* usefull links */

#usefull_link_block {margin:10px 0 0 0;clear:both;padding:9px 0 6px 20px;overflow:hidden;background:url(../img/gradient_light.png) 0 bottom repeat-x;border-width:1px;border-style:solid;}

#usefull_link_block li {padding:2px 0 0 23px;background:url(../img/bullet_alt.png) 0 12px no-repeat; float:left; margin-right:12px; margin-bottom:5px;}

#usefull_link_block li:first-child {background:url(../img/mail-icon.png) 0px 0px no-repeat;}

#usefull_link_block li.print {background:url(../img/print.png) 0px 2px no-repeat;padding-left:18px;}

#usefull_link_block li a,

#usefull_link_block span.span_link {text-decoration:none;color:#0565cc;cursor:pointer;}

#usefull_link_block li a:hover,

#usefull_link_block span.span_link:hover {text-decoration:none; color:#fc6309;}

#usefull_link_block li.view-size {background:url(../img/view-size.png) 0px 1px no-repeat;padding-left:19px;}

 

/* ————— right block ————— */

#primary_block #pb-left-column {width:334px;float:left;padding:0 0 0 20px;}

#primary_block #pb-left-column h1 {text-transform:none;padding:0;background:none;border:none;margin-top:-5px;font-size:28px;line-height:32px;color:#0565cc;}

#buy_block {margin:20px 0 0 0;border-width:1px 0 0 0;border-style:solid;}

#buy_block p {}

 

/* price */

#buy_block div.price {padding:20px 0;overflow:hidden;}

#buy_block span.our_price_display {height:27px;display:block;float:left;}

#buy_block span#our_price_display {display:block;float:left;padding:4px 0 0 0;font-size:20px;}

#buy_block span.our_price_display_tax {display:block;float:left;padding:6px 0 0 5px;}

 

/* quantity */

#buy_block #quantity_wanted_p {float:right;padding:0 10px 0 0;}

#buy_block #quantity_wanted_p label {float:right;padding:9px 7px 0 0;text-align:right;}

#buy_block #quantity_wanted_p #quantity_wanted {width:20px;height:15px;float:right;margin:3px 0 0 0;padding:5px;text-align:center;}

 

/* add to cart */

#buy_block #add_to_cart {float:right;margin:0;padding:0;}

#buy_block #add_to_cart input {display:none;}

 

/* minimal quantity (optional) */

#buy_block #minimal_quantity_wanted_p {margin:0;padding:17px 0;border-width:1px 0 0 0;border-style:solid;}

#buy_block #minimal_quantity_wanted_p #minimal_quantity_label {margin:0 5px;}

 

/* other product options */

#buy_block .other_options {border-width:1px 0 0 0;border-style:solid;}

 

/* taxes & discounts */

#buy_block #other_prices {width:50%;float:left;padding:10px 0 0 0;}

#buy_block #other_prices,

#buy_block #other_prices p,

#buy_block #other_prices span {font:12px "Arial";}

#buy_block #other_prices > p {width:100%;min-height:18px;margin:0;padding:13px 0 0 0; }

#buy_block #other_prices > p#old_price{color:#0babe0;}

#buy_block #old_price {text-decoration:line-through;}

#buy_block #reduction_percent {}

#buy_block .pack_price {}

#buy_block .price-ecotax {color:#229922;}

#buy_block #pQuantityAvailable {font-weight:bold;}

#buy_block #pQuantityAvailable span {font-weight:bold;color:#333;}

#buy_block #last_quantities {font-weight:bold !important;color:#ff0000;}

#buy_block #product_reference label {font-weight:bold;}

 

/* attributes */

#buy_block #attributes {width:50%;float:right;padding:10px 0 0 0;}

#buy_block #attributes p {margin:0;padding:10px 0 0 0;overflow:hidden;}

#buy_block span.on_sale,

#buy_block span.discount {height:18px;display:block;float:right;margin:10px 0 0 0;padding:3px 7px 0 7px;background:#0babe0;color:#fff;}

#buy_block #attributes label {float:right;padding:3px 7px 0 0;text-align:right;}

#buy_block #attributes select {width:90px;height:21px;float:right;padding:1px;}

 

/* short description */

#primary_block #short_description_block {margin:20px 0 0 0;border-width:1px 0 0 0;border-style:solid;}

#primary_block #short_description_content,

#primary_block #short_description_content p {margin:17px 0 0 0;padding:0;}

 

/* buttons */

#primary_block .buttons_bottom_block {margin:0;}

#primary_block .buttons_bottom_block a {}

#primary_block .buttons_bottom_block input#add2cartbtn {display:none;}

 

/* pack items */

#primary_block .pack_content {margin:20px 0 0 0;padding:17px 20px;border-width:1px;border-style:solid;}

#primary_block .pack_content h3 {padding:0;}

#primary_block .pack_content ul {}

#primary_block .pack_content ul li {padding:10px 0 0 0;font-size:10px;}

#primary_block .pack_content ul li p {margin:0;padding:0;}

 

/* color picker */

#primary_block #color_picker {margin:20px 0 0 0;padding:0 20px 20px 20px;border-width:1px;border-style:solid;}

#primary_block #color_picker h3 {}

#primary_block #color_picker ul {padding:10px 0 0 0;overflow:hidden;}

#primary_block #color_picker ul li {display:inline;float:left;margin:0 7px 0 0;}

#primary_block #color_picker ul li a {width:25px;height:25px;display:block;border:1px solid #777;cursor:pointer;}

#primary_block #color_picker ul li a:hover {}

#primary_block a#color_all {cursor:pointer;}

 

/* social icons */

#pb-left-column .share {margin:20px 0 0 0;padding:10px 0;overflow:hidden;background:url(../img/gradient_light.png) 0 bottom repeat-x;border-width:1px 0;border-style:solid;line-height:normal;}

#pb-left-column .share a {text-decoration:none;height:20px;}

.addthis_button_google_plusone {width:64px!important;}

.addthis_button_tweet.at300b {width:82px;}

.addthis_button_google_plusone.at300b div {font-size:none!important;float:left!important;width:80px;}

 

/* quantity discount */

div#quantityDiscount {margin:20px 0 0 0;padding:0 20px 20px 20px;border-width:1px;border-style:solid;}

div#quantityDiscount table {width:100%;margin:20px 0 0 0;}

div#quantityDiscount th {padding:0 0 5px 0;border-width:0 0 1px 0;border-style:solid;font-weight:bold;text-align:left !important;}

div#quantityDiscount td {padding:5px 0 0 0;}

<p>/* ————— tab

Edited by misa (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...