/* ************************************************************************************************ struture ************************************************************************************************ */ #page { /*min-height: 100%;*/ height: auto !important; /*height: 100%;*/ overflow: hidden; } #header {z-index:10} #columns {z-index:1} #left_column {} #center_column {} #right_column {} #footer {} /* ************************************************************************************************ generic style ************************************************************************************************ */ html, body { min-height:100%; } body { font-size:0.85em; line-height:1.25em; -webkit-backface-visibility: hidden; } body.content_only { background: #FFF; } ul, ol { margin: 0; padding: 0; } /* positionnement ****************************************************************************** */ .hidden {display:none} .f_left {float:left} .f_right {float:right} p.center {text-align:center} .clearBoth,.clear {clear:both} /* title *************************************************************************************** */ h1 { margin-bottom: 20px; margin-top:0px; text-transform:uppercase; } h2 { margin-bottom: 15px; text-transform:uppercase; padding-right:65px; vertical-align:middle; } h2 a, h2 a:hover { text-decoration: none; } h2 [class^="icon-"], h2 [class*=" icon-"] { display:block; float:left; margin : -2px 10px 0 0; font-size:20px; } h2.nopadding { padding:0; } h3 { text-transform: uppercase; font-weight:normal; } h4 { margin-bottom: 15px; text-transform:uppercase; } h4 [class^="icon-"], h4 [class*=" icon-"] { display:block; float:left; margin : -2px 10px 0 0; font-size:20px; white-space:nowrap; } h5 { font:normal 24px/26px Arial, Helvetica, sans-serif; margin:0; padding:0; } .title_block { padding-bottom:20px; } .hide-left-column #left_column {display:none} /* text **************************************************************************************** */ p em {font-style:italic} .warning { background: none repeat scroll 0 0 #EFEFEF; border-color: #E8E8E8; color: #8A8A8A; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1px; margin-bottom: 20px; padding: 15px 20px 10px; } .success { border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1px; margin-bottom: 20px; padding: 15px 20px 10px; background: none repeat scroll 0 0 #E8F6DF; border-color: #D9E6D1; color: #67795C; } .error { border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1px; margin-bottom: 20px; padding: 15px 20px 10px; background: none repeat scroll 0 0 #F3DDDD; border-color: #DFD2D2; color: #866868; } .error ol {margin-left:20px} .error p.lnk { margin-top:20px; padding:0; font-size:11px } /* link **************************************************************************************** */ a:focus { outline: none; } a.underline { text-decoration:underline; } a.underline:hover { text-decoration:none; } /* HACK IOS ipad, iphone */ input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="submit"], input[type="image"] { -webkit-appearance:none; -moz-appearance:none; appearance:none; } /*buttons ************************************************************************************** */ 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, span.exclusive_large_disabled { border:none; border-radius: 0; background:#fff; text-transform:uppercase; white-space:nowrap; display:inline-block; text-decoration:none; border-radius: 3px 3px 3px 3px; } *:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large, *:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled, *:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large, *:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled { border:none } /* input 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 { /*padding-bottom: 2px*/ color: #fff; border-color:#fff; } /* 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, span.exclusive_large_disabled { /*background-position: left -36px; cursor: default; color: #888!important*/ } /* exclusive button */ 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.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*color: white!important*/ color:#ffffff; } /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { /*color: #488c40!important*/ } /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large: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_large:hover { color: #fff; border-color:#fff; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; } /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive_large:hover { color: #fff; border-color:#fff; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; } /* active button */ input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active { background-position: left -100px } /* classic buttons */ input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { /*width: 30px; background-image: url('/themes/buyshop/img/button-mini.png')*/ } input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { /*width: 60px; background-image: url('/themes/buyshop/img/button-small.png')*/ } input.button_disabled, input.exclusive_disabled { border:1px solid #ccc; color:#999; background:url(/themes/buyshop/img/bg_bt_2.gif) repeat-x 0 0 #CCCCCC; cursor:default; } span.exclusive { color:#999; cursor:default; } a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled { /*width: 180px; background-image: url('/themes/buyshop/img/button-large.png')*/ padding:0 14px 0 14px; color: #fff; border-color:#fff; } /* exclusive button */ /*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('/themes/buyshop/img/button-medium_exclusive.png') } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('/themes/buyshop/img/button-mini_exclusive.gif') } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('/themes/buyshop/img/button-small_exclusive.gif') } input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('/themes/buyshop/img/button-large_exclusive.gif') }*/ /* form **************************************************************************************** */ form.std fieldset { border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /* table *************************************************************************************** */ table.std, table.table_block { margin-bottom:20px; width:100%; border:1px solid #E9E9E9; border-bottom:none; background:white; border-collapse:inherit; } .dark table.std, .dark table.table_block { background:black; } table.std th, table.table_block th { padding:14px 12px; font-size:12px; border-bottom:1px solid #e9e9e9; } table.std tr.alternate_item, table.table_block tr.alternate_item {} table.std td, table.table_block td { padding:12px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; font-size:12px; vertical-align:top } /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:20px} #footer .block {margin-bottom:0} .block .title_block, .block h4 { padding-bottom:10px; text-transform:uppercase; } .block .title_block a, .block h4 a {color:#000} .block ul {list-style-type:none;line-height:20px;} .block li.last { border:none} .block li a { display:block; font-size: 14px; } /* BLOCK .products_block *********************************************************************** */ .products_block {} .products_block li img {border:1px solid #d1d1d1} /* BLOCK customer privacy ******************************************************************* */ .account_creation label{ float:left; padding-top:5px; width:80%; text-align:left; cursor:pointer } /* BLOCK .footer_links (cms pages) ************************************************************* */ ul.footer_links { list-style-type:none; margin-bottom:20px } ul.footer_links li,ul.acc_footer_links li {float:left} ul.footer_links li.f_right,ul.acc_footer_links li.f_right {float:right} ul.footer_links li .icon,ul.acc_footer_links li .icon { width:26px;float:none; } /* barre comparaison / tri ********************************************************************* */ .content_sortPagiBar {margin:20px 0;} #center_column .sortPagiBar { padding:10px; font:normal 11px Arial, Verdana, sans-serif; color:#666; } #center_column .sortPagiBar strong {color:#000;} #center_column .sortPagiBar p {padding:0;} #center_column .sortPagiBar form {display:inline-block;} .ie7 #center_column .sortPagiBar form {display:inline;} .sortPagiBar #productsSortForm {float:right;} .sortPagiBar select#selectPrductSort { margin:0 0 0 10px; color:#000; border:1px solid #ccc } .sortPagiBar #bt_compare { padding:3px 7px; border:none; color:#fff; text-shadow:0 1px 0 #000; background:url(/themes/buyshop/img/bg_bt_compare.gif) repeat-x 0 0 #111; } .sortPagiBar .nbrItemPage {margin-left:40px;} .sortPagiBar .PrductSort {float:left;} .sortPagiBar .nbrProduct { display:inline-block; padding:0 10px; } .sortPagiBar #nb_item {border:1px solid #ccc} /* pagination ********************************************************************************** */ form.pagination {display:none;} div.pagination { margin:10px 0; text-align: center } ul.pagination {list-style-type:none;margin:0px;} ul.pagination li {display: inline;} ul.pagination a { text-align:center; } ul.pagination .current span { color:#000; font-weight:bold; } ul.pagination li.disabled span {color:#ccc} #pagination_previous {float:left} .ie7 #pagination_previous, .ie7 #pagination_next {float:none} #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span { padding:0 8px; width:auto; } #pagination_previous span, #pagination_next span { color:#ccc; border:1px solid #eee } /* CART steps *********************************************************************** */ ul#order_step { background-color: white;} ul.step { list-style-type:none; margin-bottom:30px; height:52px; width:757px } ul.step li { float:left; height:52px; width:151px; text-align:center; text-transform:uppercase; background:url(/themes/buyshop/img/step_standard.gif) no-repeat center bottom transparent } ul.step li a, ul.step li.step_current span, ul.step li.step_current_end span { display:inline-block; padding:8px 10px 12px; color:#000; background:url(/themes/buyshop/img/step_current_span.gif) no-repeat center bottom transparent } ul.step li.step_current { font-weight:bold; background:url(/themes/buyshop/img/step_current.gif) no-repeat center bottom transparent } ul.step li.step_current_end { font-weight:bold; background:url(/themes/buyshop/img/step_end_current.gif) no-repeat center bottom transparent } ul.step li.step_todo span { display:inline-block; padding:8px 10px 6px; color:#000; text-shadow:0 1px 0 #fff; } ul.step li.step_done { font-weight:bold; background:url(/themes/buyshop/img/step_done.gif) no-repeat center bottom transparent } /*ul.step li#step_end {background:url(/themes/buyshop/img/step_end.gif) no-repeat center bottom transparent}*/ /* module productcomments ********************************************************************** */ .rating { cursor: pointer; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden } .cancel, .star { overflow: hidden; float: left; margin:0 1px 0 0; width: 16px; height: 16px; text-indent: -999em; cursor: pointer } .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0 } div.star_on a { background-position: 0 -16px } div.star_hover a, div.star a:hover { background-position: 0 -32px } .pack_content { margin: 10px 0 10px 0 } .pack_price { float: right; margin-right: 3px; font-size: 12px } .confirmation { border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1px; margin-bottom: 20px; padding: 15px 20px 10px; background: none repeat scroll 0 0 #EFEFEF; border-color: #E8E8E8; color: #8A8A8A; } #page .rte { background: transparent none repeat scroll 0 0 } .listcomment { list-style-type:none; margin:0 0 20px 0 !important; } .listcomment li { padding:10px 0; border-bottom:1px dotted #ccc; color:#666 } .listcomment .titlecomment { display:block; font-weight:bold; font-size:12px; color:#333 } .listcomment .txtcomment { display:block; padding:5px 0; color:#333 } .listcomment .authorcomment {} /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {padding: 10px 0 0 0;-webkit-backface-visibility: hidden;} #header_logo { position: absolute; top: 30px; z-index: 1; } #header_right { position:relative; float: right } .christmas #header { background:url(/themes/buyshop/img/header_christmas.png) no-repeat center 0; } .helloween #header { background:url(/themes/buyshop/img/header_helloween.png) no-repeat center 0; } .patriks_day #header { background:url(/themes/buyshop/img/header_patriks_day.png) no-repeat center 0; } .thanksgiving #header { background:url(/themes/buyshop/img/header_thanksgiving.png) no-repeat center 0; } #topline .lnk_wishlist img {display:none} /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { margin-bottom:10px; font-size:12px } .breadcrumb .navigation-pipe {margin:0 3px 0 5px} .breadcrumb img { position:relative; top:5px } /* ************************************************************************************************ FOOTER ************************************************************************************************ */ #footer { height: 27px; clear: both; z-index:600; position:relative; color:#959595; bottom:0; margin-top:-27px; } .blockcategories_footer, #footer .myaccount , #block_various_links_footer, #social_block, #block_contact_infos { float:left; width:175px } .blockcategories_footer {margin-left:0} #footer .title_block { padding-bottom: 10px; text-transform:uppercase } #footer .title_block , #footer .title_block a { font-weight:normal; font-size:14px; color:#fff } #footer a {color:#959595;} #footer a:hover {text-decoration:underline} #footer ul {list-style-type:none} #footer li {padding:7px 0} #footer li a {color:#fff} #footer .myaccount {padding: 15px 10px} #footer .myaccount .title_block, #footer .myaccount h4 { padding:0 0 10px 0; background:none; text-shadow:none } #footer .myaccount .favoriteproducts img, #footer .myaccount .lnk_wishlist img {display:none} /* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */ /* BLOCK idTabs ******************************************************************************** */ .idTabs { list-style-type: none; margin-top: 20px; } .idTabs a { display:block; padding: 8px 10px 8px 10px; padding-bottom: 8px; border: none; border-radius: 4px 4px 0 0; background-color: #fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); color:#000; font-weight:bold; line-height: 24px; } .idTabs .selected { border: none; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); color:#fff; text-decoration:none; } #more_info_sheets {padding-top:10px} #more_info_sheets ul, #more_info_sheets ol, #more_info_sheets dl {margin-left:20px} #more_info_sheets em {font-style:italic} #more_info_sheets .product_desc{ margin-top:5px } #more_info_sheets .product_desc .product_image{ float:left } #more_info_sheets .product_desc .block_description{ float:left; margin-left:10px; width:420px } #more_info_sheets .product_desc .clear_product_desc{ clear:both; height:0px; line-height:0px } /* Make sure lists are correctly displayed in tinyMCE BO edition mode too */ #short_description_content ul, #short_description_content ol, #short_description_content dl, #tinymce ul, #tinymce ol, #tinymce dl {margin-left:20px} .block_hidden_only_for_screen {display:none} /* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */ /* nav bottom ********************************************************************************** */ #order #left_column , #order-confirmation #left_column {display:none} .cart_navigation {margin:20px 0} .cart_navigation .exclusive, .cart_navigation .exclusive_large { float:right; } .cart_navigation .button, .cart_navigation .button_large { } /* step 1 - cart ******************************************************************************* */ .cart_last_product {display:none} /*p.cart_navigation .multishipping-button { margin-right: 10px }*/ #order-detail-content {margin-bottom:20px} table#cart_summary tr.cart_item.odd, table#cart_summary tr.cart_item.even, table#cart_summary tr.cart_total_delivery, table#cart_summary tr.cart_total_price, table#cart_summary tr.cart_total_voucher{ background-color: #fff } table#cart_summary tr.customization.odd { background-color: #fff } table#cart_summary tr.customization.even { background-color: #fff; } table#cart_summary tr ul { list-style: none; } table#cart_summary tbody tr td.cart_discount_delete { padding-left: 34px; } .cart_quantity .cart_quantity_input { float:left; margin-left: 5px; width: 20%; font-size:11px; } .cart_quantity .cart_quantity_button { float:left; position: relative; top: -5px } table#cart_summary .cart_delete { text-align:center } table#cart_summary .cart_discount_price {text-align: right} .cart_delete a.cart_quantity_delete, a.price_discount_delete { display:inline-block; padding:1px 2px; font-size:8px; color:#666; text-transform:uppercase; text-shadow:0 1px 0 #fff; background:#ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .cart_total_price .total_price_container { border-right:none; } table#cart_summary .cart_total_price td.cart_voucher { vertical-align:middle } .cart_voucher .title_block, .cart_voucher h4 .cart_voucher p {float:left;} .cart_voucher .title_block, .cart_voucher h4 { margin-right:12px; padding:5px 0; font-size:13px } .cart_voucher p {padding-bottom:0;} .cart_voucher p.discount_name_block {float:left;} .cart_voucher #display_cart_vouchers { clear:both; line-height: 20px; color:#666; padding-top:2px; font-weight:normal; border-top:1px dotted #ccc } .cart_voucher .title_offers { margin-top:15px; margin-bottom:5px } .cart_voucher #display_cart_vouchers span { font-weight:bold; cursor:pointer; } .cart_voucher input.discount_name { padding:0 5px; height:22px; width:170px;/* 180 */ border:1px solid #ccc; font-weight:normal; background:url(/themes/buyshop/img/bg_discount_name.png) repeat-x 0 0 #fff } .cart_voucher .submit input.button { padding: 0 14px; border:none; border-radius: 0; background:#fff; text-transform:uppercase; white-space:nowrap; } #cart_summary .price { text-align: right; white-space: nowrap; } .total_price_container p {text-align: left} table#cart_summary .cart_total_price .total_price_container { padding:0px; } .cart_total_price .total_price_container p { display:block; padding:8px; font-weight:bold; color:#fff; text-transform:uppercase; } .cart_total_price .total_price_container span { display:block; padding:15px; font-weight:bold; font-size:18px; text-align:center } #order_carrier { clear:both; margin-top:20px; border:1px solid #999; background:#fff } #order_carrier .title_block { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#000; font-weight:bold; text-transform:uppercase; } #order_carrier span { display:block; padding:15px; font-weight:bold } .order_delivery .first_item {margin-right:35px;} .multishipping_close_container { text-align: center; } table#cart_summary .gift-icon { color: white; background: #0088CC; line-height: 20px; padding: 2px 5px; border-radius: 5px; } /* step 2 - authentification ******************************************************************* */ #create-account_form, #authentication #login_form { margin:0px; } #create-account_form {margin-right: 11px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset { min-height: 200px } #authentication #create-account_form .form_content, #authentication #login_form .form_content { padding:15px 10px } #create-account_form h3, #authentication #login_form h3 { padding:8px; border-bottom:1px solid #ccc; font-weight:bold; font-size:12px; color:#fff; text-transform:uppercase; background:url(/themes/buyshop/img/bg_form_h3.png) repeat-x 0 0 #989898 } #create-account_form .title_block { padding-bottom:22px; } #create-account_form label, #login_form label { display:inline-block; width:110px; padding-top:4px; } #order-opc #login_form_content label { display:block; margin:0 0 10px 0 } #create-account_form #SubmitCreate, #login_form #SubmitLogin { float:right } .lost_password { float:left; width:200px } .lost_password a {color:#666} #order-opc .lost_password { display:block; float:none; margin:5px 0 10px; width:auto; font-size:11px; color:#666 } #ordermsg p {padding-bottom:0} #ordermsg p.txt { float:left; margin-right:0px; width:auto; } /*#ordermsg .textarea {float:right}*/ #ordermsg .textarea textarea { height:90px; width:475px; border:1px solid #ccc } /* step 3 - address ************************************************************************** */ .address-form-multishipping { padding: 10px 0px; } #multishipping_mode_box { border: 1px solid #D0D3D8; background: url("/themes/buyshop/img/form_bg.jpg") repeat-x scroll left top #D0D1D5; margin-bottom: 10px; padding: 5px; } #multishipping_mode_checkbox { vertical-align: middle; margin-right: 5px; } #multishipping_mode_box.on { border: 1px solid #ddd; } #multishipping_mode_box .title { padding: 5px; font-weight: bold; } #multishipping_mode_box .description, #multishipping_mode_box .description_off { padding: 5px; } #multishipping_mode_box .description_off { display: none; padding: 5px; } #multishipping_mode_box .description_off div { margin-bottom: 10px; } #multishipping_mode_box .description_off a, #multishipping_mode_box .description a { display: block; text-align: center; text-decoration: none; padding: 5px 10px; margin: 0 160px; border: 1px solid #ccc; background: #ddd; } #multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover { background: grey; border: 1px solid #ccc; } #multishipping_mode_box.on .description_off { display: block; } /* step 4 - paiement ************************************************************************** */ .delivery_options { border: 1px solid #BDC2C9; border-top: 0; } #order .delivery_options_address h3, #order-opc .delivery_options_address h3 { padding: 6px 11px; margin-bottom:0px; font-size: 12px; color: #fff; text-transform: uppercase; } #order .delivery_option_radio, #order-opc .delivery_option_radio { float: left; margin: 0px 0px 0px 5px; } #order .delivery_option label, #order-opc .delivery_option label { display: block; padding-bottom: 5px; padding-top: 5px; } #order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume { height: 46px; } #order .delivery_option.item, #order-opc .delivery_option.item { background: #fafafa; } #order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item { border-top: 1px solid #bdc2c9; background: #f1f2f4; border-bottom: 1px solid #bdc2c9; } #order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td { padding: 0 8px; } #order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td { width: 300px; } #order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td { width: 100px; text-align: right; } #order .delivery_option_carrier td {width:200px} #order .delivery_option_carrier td + td {width:280px;} #order .delivery_option_carrier td + td + td {width:200px} #order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo { padding-left:10px; width: 160px; } #order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ } #order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item { padding: 3px 5px 3px 12px; background:url(/themes/buyshop/img/arrow_right_2.png) no-repeat 3px 7px } .order_carrier_content { padding:15px; border:1px solid #ccc; font-size:12px; color:#000; } .order_carrier_content h3 { padding:15px 0 10px 0; font-size:13px; } .order_carrier_content h3.carrier_title {padding-top:0} .order_carrier_content input { position:relative; top:1px } #carrierTable { border:1px solid #999; border-bottom:none; background:#fff } #carrierTable tbody{ border-bottom:1px solid #999; } #carrierTable th { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#000; text-transform:uppercase; } #carrierTable td { padding:15px; font-weight:bold; border-right:1px solid #e9e9e9 } #carrierTable td.carrier_price {border:none} #gift_div { display:none; padding-bottom:10px } #gift_div label { display:block; margin-bottom:5px } #gift_div #gift_message { height:50px; width:720px; border:1px solid #999 } a.iframe {font-weight:bold;} .hook_extracarrier { margin-top: 5px; padding: 5px; } /* step 5 - paiement ************************************************************************** */ .paiement_block { padding:15px; border:1px solid #ccc; font-size:12px; color:#000; } .payment_module { position:relative; padding-top:20px; border-top:1px dotted #ccc; text-transform:uppercase; } .payment_module a {display:block;} .payment_module img { float:left; margin-right:10px } /*.payment_module span { position:absolute; top:50px; left:145px }*/ .payment_module:before, .payment_module:after { content: "."; display: block; height: 0; overflow: hidden } .payment_module:after {clear: both} .payment_module {zoom: 1} /* ************************************************************************************************ PAGE ORDER-OPC ************************************************************************************************ */ #order-opc #left_column {display:none} #order-opc h2 {} #order-opc h2 span { display:inline-block; padding:5px 7px; color:#fff; background:#333; } #order-opc #login_form fieldset { font-size: 13px; margin: 0 0 10px; padding: 10px; } #order-opc #login_form fieldset p {padding:0} #order-opc #login_form fieldset p a {padding:0} #order-opc #new_account_form p.submit { margin-right: 50px; margin-top: 20px; text-align:right } #order-opc #new_account_form p.opc-required {margin-left:20px} #order-opc .addresses {margin-bottom:20px} #order-opc #opc_delivery_methods h3 {margin-top:20px;} #order-opc #opc_delivery_methods textarea { height:60px; width:723px; border:1px solid #ccc } #order-opc #opc_delivery_methods #message { width: 90%; } #order-opc #opc_payment_methods {margin-bottom:20px} #order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0} .delivery_option_carrier td {width:200px} .delivery_option_carrier td + td {width:280px;} .delivery_option_carrier td + td + td {width:200px} .delivery_option_carrier { margin: 5px 0 0 45px; width: 670px; display: none; } .delivery_option_carrier tr td { padding: 5px; } .delivery_option_carrier.selected { display: table; } .delivery_option_carrier.not-displayable { display: none; } .delivery_option_title { font-weight: bold; } /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form {clear:both;margin-bottom: 20px} #new_account_form h3 { margin-bottom:20px; padding:8px; border-bottom:1px solid #ccc; font-weight:bold; font-size:12px; color:#fff; text-transform:uppercase; background:url(/themes/buyshop/img/bg_form_h3.png) repeat-x 0 0 #989898 } #center_column #new_account_form p { margin:0; padding:0 0 10px 0 } #new_account_form p.required {color:#222} #new_account_form p.required sup {color:#990000} #new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label { display: inline-block; padding: 6px 15px; width: 230px; font-size: 14px; text-align: right } #new_account_form p.radio label { float:none; padding-right:10px; width:auto; font-size:14px; } #new_account_form p.checkbox label { float: none; width: auto; font-size: 12px; } #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input { height:22px; padding:0 5px; width:360px; border:1px solid #ccc; font-size:12px; color:#666 } #new_account_form p.checkbox input {margin-left: 260px;} #new_account_form #submitGuestAccount { background-color: #59CE1B; float: right; font-size: 16px; height: 33px; margin-right: 46px; width: 118px; } #new_account_form #submitGuestAccount:hover { background-color: #69df2b; } #potvrzeni_objednavky { background-color: #59CE1B; float: none; font-size: 16px; height: 33px; margin-left: 46px; width: 238px; } #dalsi_platby { background-color: #F1AB95; float: left; font-size: 14px; line-height: 33px; height: 33px; width: 184px; } #potvrzeni_objednavky:hover { background-color: #69df2b; } /* ************************************************************************************************ */ /* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ #orderconfirmation #left_column {display:none} /* ************************************************************************************************ PAGE PASSWORD ************************************************************************************************ */ #form_forgotpassword fieldset { padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #form_forgotpassword p.text label { display: inline-block; padding-right: 10px; width: 20%; font-weight: bold; font-size: 12px; text-align: right } #form_forgotpassword p.text input { padding: 0 5px; height: 20px; width: 40%; border: 1px solid #ccc; background: url(/themes/buyshop/img/bg_input.png) repeat-x 0 0 #fff } #form_forgotpassword p.submit { margin-right:25px; padding-bottom:5px; text-align:right } #password .icon { position:relative; top:6px; } /* ************************************************************************************************ PAGE ADRESSES ************************************************************************************************ */ #addresses #left_column {display:none} #address p.inline-infos { margin:0 0 0 20% !important; font-size:12px; color:#666; } /* ************************************************************************************************ PAGE ADD ADRESS ************************************************************************************************ */ #address #left_column {display:none} form#add_address {} #add_address fieldset { margin:0; border:1px solid #ccc; } #add_address h3 { margin:0 0 15px 0; padding:8px; font-size:14px; text-transform:uppercase; border-bottom:1px solid #ccc; } #center_column #add_address p {margin:0; padding:0 0 10px 0} #add_address p.required sup {color:#990000} #add_address p.text label, #add_address p.password label, #add_address p.select label, #add_address p.select span, #add_address p.textarea label { display:inline-block; padding:3px 15px; width:30%;/* 260 */ font-size:14px; text-align:right } #add_address p.text input, #add_address p.password input, #add_address p.select input { padding:0 5px; height:22px; font-size: 12px; line-height:22px; width:50%; } #add_address p.checkbox input { margin-left:260px; } #add_address p.select select { margin-right:10px; font-size: 12px; } #add_address p.textarea label {vertical-align:top} #add_address p.textarea textarea { height:80px; width:50%; font-size: 12px; } #center_column #add_address p.submit2 { margin-top:20px; text-align:right } #add_address span.form_info, #add_address span.inline-infos { display:block; margin:5px 0 0 265px; color:#666 } /* ************************************************************************************************ PAGE ORDER-SPLIP ************************************************************************************************ */ #order-slip #left_column {display:none} #order-slip #order-list {border-bottom:1px solid #999} #order-slip #order-list td { } #order-slip #order-list td.history_invoice {border-right:none} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ #discount #left_column {display:none} #discount .table_block tr.last_item td {border-bottom:1px solid #999} #discount .table_block td.discount_expiration_date {border-right:1px solid #999} #discount .table_block td.discount_value {white-space:nowrap} /* ************************************************************************************************ PAGE ORDER FOLLOW ************************************************************************************************ */ #order-follow #left_column {display:none} /* ************************************************************************************************ PAGE NEW-PRODUCTS ************************************************************************************************ */ #newproducts .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE BEST SALES ************************************************************************************************ */ #bestsales .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE PRICES DROP SALES ************************************************************************************************ */ #pricesdrop .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE MANUFACTURER ************************************************************************************************ */ #manufacturer .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size:12px; color: #000; background: none repeat scroll 0 0 #f0f0f0 } #manufacturer #product_list {margin-top:15px} ul#manufacturers_list {list-style-type:none} ul#manufacturers_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } ul#manufacturers_list li a.lnk_img { display: block; float: left; } ul#manufacturers_list li img { display: block; float: left; margin-right: 14px; border: 1px solid #ccc; vertical-align: bottom } ul#manufacturers_list li h3 { padding: 0 0 10px; font-size: 13px; color: #000 } ul#manufacturers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#manufacturers_list li .right_side {float:right;} .description_box { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #E2E2E2; padding: 5px; margin-bottom: 20px; font-size: 12px; line-height: 18px; } .description_box p { margin: 0; padding: 0 10px 5px; } .description_box .hide_desc { display: none; } .description_box .lnk_more { background: url("/themes/buyshop/img/arrow_right_1.png") no-repeat scroll 100% 4px transparent; color: #0088CC; padding: 0 10px; } .description_box ul { padding-left: 30px; padding-bottom: 10px; } /* ************************************************************************************************ PAGE SUPPLIER ************************************************************************************************ */ #supplier .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size:12px; color: #000; background: none repeat scroll 0 0 #f0f0f0 } ul#suppliers_list {list-style-type:none} ul#suppliers_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } ul#suppliers_list li a.lnk_img { display: block; float: left; } ul#suppliers_list li img { display: block; float: left; margin-right: 14px; border: 1px solid #ccc; vertical-align: bottom } ul#suppliers_list li h3 { padding: 0 0 10px; font-size: 13px; color: #000 } ul#suppliers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#suppliers_list li .right_side {float:right;} /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult { border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1px; margin-bottom: 20px; padding: 15px 20px 10px; background: none repeat scroll 0 0 #EFEFEF; border-color: #E8E8E8; color: #8A8A8A; font-size:13px; } #search .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE 404 ************************************************************************************************ */ #pagenotfound #left_column, #pagenotfound #right_column {display:none} #pagenotfound .pagenotfound { padding:30px 300px 0 0; height:330px; font-size:14px; background:url(/themes/buyshop/img/bg_404.png) no-repeat 100% 0 } #pagenotfound h3 { font-weight:normal; font-size:14px } #pagenotfound fieldset {border:none} #pagenotfound fieldset label {color:#333} #pagenotfound #search_query { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #fff !important; border-top: 1px solid #666; padding: 0 5px; height: 24px; width: 200px; color: #ccc; background: url(/modules/blocksearch/img/bg_search_input.png) repeat-x scroll 0 0 #fff } #pagenotfound .button_small { padding: 4px 7px; border: medium none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; color: #fff; text-transform: uppercase; background: url("/modules/blocksearch/img/bg_search_submit.png") repeat-x scroll 0 0 #101010 } #pagenotfound .pagenotfound a { font-weight:bold; color:#333 } #pagenotfound .pagenotfound .icon { position:relative; top:3px } /* ************************************************************************************************ addons payment cheque ************************************************************************************************ */ #module-cheque-payment #left_column {display:none} /* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ #module-bankwire-payment #left_column {display:none} /* ************************************************************************************************ addons google checkout ************************************************************************************************ */ #module-gcheckout-payment #left_column {display:none} /* ************************************************************************************************ addons paypal ************************************************************************************************ */ #module-payment-submit #left_column {display:none} /* ************************************************************************************************ addons cashondelivery validation ************************************************************************************************ */ #module-cashondelivery-validation #left_column {display:none} /* ************************************************************************************************ addon RerversoForm ************************************************************************************************ */ #account-creation_form fieldset.reversoform {padding:10px !important} #account-creation_form fieldset.reversoform .text label{ display:block; padding:0 0 10px 0; width:100%; text-align:left; } #account-creation_form fieldset.reversoform .infos-sup { padding:0 !important; font-size:10px; font-style:italic; text-align:right } /* ************************************************************************************************ addon customer privacy ************************************************************************************************ */ #account-creation_form fieldset.customerprivacy label, fieldset.customerprivacy label{ padding-bottom:0; font-size:14px; text-align:left; cursor:pointer } /* ************************************************************************************************ addon referralprogram ************************************************************************************************ */ #module-referralprogram-referralprogram-program #left_column {display:none} #footer .myaccount li.referralprogram img {display:none} #module-referralprogram-referralprogram-program .sheets {padding-top:10px} #module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold} #module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline} #module-referralprogram-referralprogram-program form p.submit {text-align:right} #module-referralprogram-referralprogram-program form p.see_email { padding-left:10px; color: #0088cc; background:url(/themes/buyshop/img/arrow_right_1.png) no-repeat 0 4px; } #module-referralprogram-referralprogram-program form p.see_email a { color: #0088cc; text-decoration:underline } /* ************************************************************************************************ addon loyalty ************************************************************************************************ */ #module-loyalty-default #left_column {display:none} #product p#loyalty { padding:10px 0 0 20px; border-top:1px solid #ccc; background:url(/themes/buyshop/img/icon/info.png) no-repeat 0 8px; margin-top: 10px; } #footer .myaccount li.loyalty img {display:none} /* ************************************************************************************************ addon Livezilla ************************************************************************************************ */ #livezilla_lnk { margin:10px 0; text-align: right } #livezilla_lnk a { display:inline-block; padding:6px 8px 8px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font:bold 10px Arial,Verdana,sans-serif; color:#fff; text-shadow: 0 -1px 0 #000; background: url(/themes/buyshop/img/bg_bt_compare.gif) repeat-x scroll 0 0 #000 } #livezilla_lnk a:hover {text-decoration:none} /* ************************************************************************************************ addons comments products ************************************************************************************************ */ form#sendComment fieldset{ padding:10px; border:1px solid #ccc; } form#sendComment h3 {font-size:14px;} #new_comment_form p.text { margin-bottom: 0; padding-bottom: 0; } #sendComment p.text label, #sendComment p.textarea label { display: block; margin: 12px 0 4px; font-weight: bold; font-size: 12px; } #sendComment p.text input { padding: 0 5px; height: 28px; width: 498px; border: 1px solid #ccc; background: url(/themes/buyshop/img/bg_input.png) repeat-x 0 0 #fff; } #sendComment p.textarea textarea { height:80px; width:508px; border:1px solid #ccc; } #sendComment p.submit { padding:0; text-align:right } #sendComment p.closeform { float:right; padding:0; height:12px; width:12px; text-indent:-5000px; background:url(/themes/buyshop/img/icon/delete.gif) no-repeat 0 0 } .star { position: relative; top:2px; float: left; height: 12px; width: 12px; overflow: hidden; text-indent: -999em; cursor: pointer } div.star_on a { background-position: 0 -12px } div.star_hover a, div.star a:hover { background-position: 0 -12px } /* ************************************************************************************************ xxxxx ************************************************************************************************ */ /* ************************************************************************************************ guest tracking ************************************************************************************************ */ #guest-tracking fieldset p:first-child { padding-top: 10px; } #guest-tracking fieldset p:last-child { padding-bottom: 10px; } /* ************************************************************************************************ CSS Modules ************************************************************************************************ */ /******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/ /*************** Block ADVERTISING ***************/ .advertising_block { width: 191px; margin-bottom: 1em; text-align: center } /*************** Block CATEGORIES ***************/ #collapsed-menu, #categories_block_left .tree.dynamized, #recent_article_block_left .tree.dynamized, #smartblogarchive .tree.dynamized {position: relative;} #categories_block_left li, #recent_article_block_left li, #smartblogarchive li {border-bottom:1px solid #eeeeee;} #categories_block_left li.last, #recent_article_block_left li.last, #smartblogarchive li.last { border:none;} #categories_block_left li a, #recent_article_block_left li a, #smartblogarchive li a { display:block; padding:4px 11px 5px 0px; } #categories_block_left li a.selected, #recent_article_block_left li a.selected, #smartblogarchive li a.selected {font-weight:bold;} .dark #categories_block_left li a { display:block; padding:4px 11px 5px 0px; } #categories_block_left li ul {margin-left:40px} #categories_block_left li ul li {border:none} #categories_block_left li ul li a { padding-left:0; background:none } #categories_block_left li .OPEN, #categories_block_left li .CLOSE { position:absolute; right:0; width:22px; height:22px; background:#f7f7f7; text-align:center; line-height:22px; font-size:16px; color:#717171; border-radius:2px; font-weight: normal; cursor:pointer; margin-top:3px; } #categories_block_left li .CLOSE {background-position:0 0} .dark #categories_block_left li .CLOSE {background-position:0 0} /* footer */ .blockcategories_footer { padding:15px 10px; } .blockcategories_footer .category_footer {float:left;clear:none;} .blockcategories_footer .category_footer .list{float:left;} .blockcategories_footer ul ul {display:none !important} /*************** Block CMS ***************/ /* footer */ #footer .block_various_links {padding:15px 10px;} /* Block CMS links */ .informations_block_left li {border-bottom:1px dotted #eee} .informations_block_left li.last {border:none;} .informations_block_left li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(/modules/blockcms/img/arrow_right_2.png) no-repeat 10px 10px transparent; } tr.subitem > td:first-child + td { padding-left: 10px; } /*************** Block CONTACTINFOS ***************/ #block_contact_infos {padding:15px 10px;} #block_contact_infos li { padding:0 !important; line-height: 20px; } #block_contact_infos li strong { font-weight:normal; font-size:13px; } #block_contact_infos li pre {font: 11px/20px Arial,Verdana,sans-serif;} /*************** Block LINK ***************/ #links_block_left .block_content li {border-bottom:1px dotted #eee} #links_block_left .block_contentt li.last {border:none;} #links_block_left .block_content li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(/modules/blocklink/img/arrow_right_2.png) no-repeat 10px 10px transparent; } /*************** Block MANUFACTURER ***************/ .blockmanufacturer li {border-bottom:1px dotted #ccc} .blockmanufacturer li.last { border:none;} .blockmanufacturer li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(/modules/blockmanufacturer/img/arrow_right_2.png) no-repeat 10px 10px transparent } .blockmanufacturer form {margin-top:10px;} .blockmanufacturer p { padding:0; } /*************** Block LOGO PAYMENT ***************/ .paiement_logo_block { width: 191px; text-align: center; margin-bottom: 1.5em } .paiement_logo_block a { text-decoration: none } .paiement_logo_block img { margin: 0 0.5em } /*************** Block RSS ***************/ #rss_block_left p { margin:0; padding:10px; } #rss_block_left li {border-bottom:1px dotted #ccc} #rss_block_left li.last { border:none;} #rss_block_left li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(/modules/blockrss/img/arrow_right_2.png) no-repeat 10px 10px transparent } /*************** Block SOCIAL ***************/ #social_block {padding:15px 10px;} #social_block li {padding-left:22px !important;} #social_block li.facebook {background:url(/modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 6px;} #social_block li.twitter {background:url(/modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -26px;} #social_block li.rss {background:url(/modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -56px;} /*************** Block STORE ***************/ .blockstore img { margin: 10px 0 0 0} .blockstore p { padding-bottom:0; font-weight:bold; text-align: right } .blockstore p.store_image { padding-bottom:10px; text-align:center } /*************** Block SUPPLIER ***************/ .blocksupplier li {border-bottom:1px dotted #ccc} .blocksupplier li.last { border:none;} .blocksupplier li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(/modules/blocksupplier/img/arrow_right_2.png) no-repeat 10px 10px transparent } .blocksupplier form {margin-top:10px;} .blocksupplier p { padding:0; } .ie7 #featured-products_block_center .product_image span.new {top:110px;right:0;width:94%} .ie8 #featured-products_block_center .product_image span.new{top:110px;right:0;width:94%} .lt-ie6 #featured-products_block_center .product_image span.new {top:110px;right:0;width:94%} #wrap { min-height: 100%; height: auto !important; height: 100%; } .wrapper { overflow:hidden; width:100%; } .wrapper_w { display:inline-block; width: 100%; } .padding-1 { padding:25px 0 0 0; } .padding-2 { padding:0 0 0 10px; } .margin-1 { margin-top: 20px; margin-bottom:32px; } .margin-2 { margin-top: 1px; } .alignright { text-align:right; } .alignleft { text-align:left; } .aligncenter { text-align:center; } .hide { display:none; } .hover { z-index:500; } .col-1, .col-2, .col-3 { float:left; } .col { float: left; } p.small { font-size:0.75em; line-height:1.25em; } a.btn, button.btn { margin:0; padding: 0; border:none; border-radius:0; background: none; background-image:none; box-shadow: none; text-shadow: none; width:34px; border-radius:3px 3px 3px 3px; } a.btn i { padding: 2px 0;} a.btn:hover, button.btn:hover { background:#fff; } /*HEADER*/ #header { padding: 10px 0 0 0; } #logo { padding:10px 0; float: left; } /*topline*/ #topline { padding:4px 0 4px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.27); line-height:18px; } #topline .phone i { font-size: 16px; } #topline .fadelink { position:relative; display:inline-block; margin-right: 15px; margin-left: 15px; margin-top:2px; text-align: left; white-space:nowrap; z-index:3500; background-color:#DDCBCB; } .vsecret #topline .fadelink{ background-color:#ffffff; border-radius:2px; } #topline .fadelink .ul_wrapper { position:absolute; top: 17px; z-index:3500; display:none; background: #DDCBCB; } .vsecret #topline .fadelink .ul_wrapper { background: white; } #topline .fadelink .ul_wrapper ul { padding: 7px 30px 7px 7px; width:auto; border-radius: 0 2px 2px; box-shadow: 0 5px 7px 2px rgba(0, 0, 0, 0.1); border-radius:2px; } #topline .fadelink li { padding:2px 0; color:white; } #topline li.selected_language { color:white; } #topline .fadelink li a, #topline .fadelink > a { color:white; text-decoration:none; } #topline .fadelink li a:hover, #topline .fadelink > a:hover { text-decoration: underline; color:white; } #topline .fadelink > a { display:block; margin-top:-1px; padding: 0 30px 0 7px; background: transparent url(/themes/buyshop/img/arrow_down.png) no-repeat right -2px; text-decoration:none; font: 12px/17px Arial, Helvetica, sans-serif; border: 1px solid #DDCBCB; color:white } .vsecret #topline .fadelink > a{ border: 1px solid white; border-radius:2px; } #topline .fadelink > a:hover { text-decoration:none; } #topline img { padding-right:5px; vertical-align: middle; } /*navigation mobile*/ .nav-list { display: block; position:absolute; top: -10000px; margin:10px 15px 25px 15px; padding:0; } .nav-header > a { border-radius: 3px; color:#fff; } .nav-list ul { margin:0; padding:0; } .nav-list li { margin:0; padding:0; border-bottom:1px solid #dadada; position:relative; } .nav-list li:last-child { border:none; } .nav-list li a { display:block; margin:0; padding: 15px 15px; text-decoration:none; text-transform: uppercase; } .nav-list li a.icon-collapse { position:absolute; right: 0; top:0; z-index:100; } .nav-list li li li a { padding-left:35px; } /*navigation desktop*/ #nav { position: relative; z-index:902; display: block; margin: 0; padding: 7px 6px 0 0; line-height: 100%; } #nav:hover { z-index:1906; } #nav li { float: left; margin: 0; list-style: none; padding: 0 0 2px; } #nav > li > a { display: block; margin: 0; padding: 12px 16px; text-decoration: none; text-transform:uppercase; font-weight: normal; font-size:18px; line-height: 1em; } #nav li.level1 > a, #nav li.level2 > a { display:block; padding: 4px 20px; text-decoration: none; font-size:12px; line-height:16px; } #nav > li > ul, #nav li:hover .menu_custom_block { width:auto; background:#fdfdfd; } #nav > li > ul { position: absolute; top: 51px; display:none; background: none repeat scroll 0 0 #FDFDFD; border-radius: 0px 0px 8px 8px; border-top: 5px solid #9D3BC6; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); width: auto; } #nav li ul.shadow, #nav li .menu_custom_block .shadow { display:inline-block; } #nav li:hover .menu_custom_block { display:block; } #nav .menu_custom_block .col-third { float:left; width: 230px; margin:0 14px; display:inline; } #nav .menu_custom_block .col-third h1, #nav .menu_custom_block .col-third h2, #nav .menu_custom_block .col-third h3 { padding: 14px 0; } #nav ul li { margin: 0; padding: 0; } #nav ul a { font-weight: normal; } #nav ul ul li { position:relative; } #nav ul ul ul ul { position:absolute; z-index:100; top: -10px; left: 150px; padding: 10px 0; width:200px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } #nav li.list_column { width:200px; } #nav li.list_column, #nav li.category_desc_in_menu { display:block; float:left; margin:30px 0; border-left:2px solid #eaeaea; } #nav li:hover li:first-child { border-left: none; } #nav li:hover li.category_desc_in_menu { padding: 0 30px; width: 240px; } #nav a.custom_category_link, #nav .menu_custom_block a { display:inline; font-weight:bold; } #nav h1.custom_menu_title { font-size: 1.25em; } #nav li:hover ul.list_in_column { position:relative; top:0; } #nav ul.list_in_column li { float:none; } #nav ul.list_in_column ul { display:none; } #nav ul.list_in_column li:hover ul { display:block; } #nav .category_desc_in_menu img, .custom_menu_img img { border:5px solid #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); } .login_block { position:relative; padding-right: 10px; text-align: right; display: inline-block; } .login_block a { padding-bottom:5px; } .shoppingcart { position:relative; float:right; z-index: 3001; margin-top: 2px; } .shoppingcart:hover { z-index: 2050; } .shoppingcart .badge { position:absolute; top:-7px; right: -10px; background:#f4f4f4; color:#000; } .shoppingcart .fadelink { padding-bottom:10px; position:absolute; right:0px; top:-3px; float:right; } .shoppingcart .fadelink span a.btn { margin-right:4px; } .shoppingcart:hover .fadelink span a { cursor: pointer; } .shopping_cart_mini { margin-right:2px; margin-top:38px; z-index: 2010; display: none; width:300px; background-color:#fdfdfd; color:#000; border: 1px solid #f0f0f0; border-radius: 8px 8px 8px 8px; box-shadow:0 0 2px rgba(0, 0, 0, 0.27); } .shopping_cart_mini .inner-wrapper { padding:5px 8px; } .shopping_cart_mini .item { position:relative; overflow:hidden; margin-top: 10px; } .shopping_cart_mini .item a{color:black;} .shopping_cart_mini .product-image { float:left; margin-right:10px; width:53px; } .shopping_cart_mini .product-detailes { float:left; width: 110px; } .shopping_cart_mini .product-detailes .product-name { color: #000; text-decoration: none; font-size: 12px; line-height:1.05em; } .shopping_cart_mini .product-detailes .product-price { color: #000; font-weight: bold; } .shopping_cart_mini .button { float:right; margin-left: 5px; color:#000000; } .shopping_cart_mini a i { margin-left:7px; color:#000; font-size:18px; } .shopping_cart_mini .button { float: left; margin-right:2px; padding: 0 6px; background:#f0f0f0; color:#000; text-decoration:none; line-height:31px; } .shopping_cart_mini .button:hover { color:#fff; } /*right toolbar*/ #right_toolbar { position: fixed; right:0px; bottom: 15%; z-index: 2050; } .dark #right_toolbar { position: fixed; right:0px; bottom: 15%; z-index: 2603; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #right_toolbar { right:15px; } } #right_toolbar .shoppingcart { float: none; margin: 15px 0 7px 20px; padding:0; position:relative; display:inline-block; } #right_toolbar .shoppingcart:hover { padding:0 0 0 20px; margin: 15px 0 7px 0; } #right_toolbar .shoppingcart .fadelink { position:relative; float:left; } #right_toolbar .shopping_cart_mini { position:absolute; bottom:-96px; margin-right:40px; right:0; left:auto; } #right_toolbar .shoppingcart .badge { right: -5px; } #right_toolbar .search_wrapper { clear:both; position:relative; height:40px; } #right_toolbar .form-search { position: static; } #right_toolbar .form-search button { position:relative; z-index:100; margin:-1px 0 0 18px; } #right_toolbar .form-search input.search-query { position:absolute; right:20px; top:0; z-index:99; padding:2px 10px; width:0; height:26px; line-height:24px; } #back-top a { display: block; margin:0 0 0 5px; padding:17px 0 0 0; width: 61px; height:42px; text-align:center; background:#f8f8f8; color:#8a8a8a; font-size:22px; line-height:22px; border-radius: 3px; opacity: 1; } /*CONTENT*/ section.slider { margin-bottom:10px; margin: 0 auto; float: none; } body.home_v_2 section#content { background:url(/themes/buyshop/img/home_v_2_body_bg.jpg) no-repeat center 0; } section#content > .container.top { padding-top:25px; box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.1); } section#content { padding-bottom:10px; } #column_left.span3 { float:right; padding-top:10px; } #column_right.span9 { float:right; } .box-wrapper { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); border-radius: 5px; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); -moz-box-shadow:0px 0px 4px rgba(0, 0, 0, 0.27); position: relative; margin-bottom: 20px; background-color:#fff; } .box-wrapper .inside { padding: 20px; } .box-wrapper .inside.min-height { min-height: 200px; } .box-wrapper .line { overflow:hidden; width:100%; height:1px; margin: 0 0 -6px 0; } .box-wrapper a { text-decoration:underline; } .box-wrapper a:hover, .box-wrapper .button { text-decoration: none; } .table.shopping-cart-table th, .table.shopping-cart-table td { padding: 20px 10px 15px 10px; border-bottom: 2px solid #e5e5e5; } .table.shopping-cart-table td.cart_quantity{width:55px;} .table.shopping-cart-table a { text-decoration:underline; } .table.shopping-cart-table a:hover { text-decoration:none; } .table.shopping-cart-table th { padding: 5px 10px; } .table th.aligncenter, .table td.aligncenter { text-align:center; } .table th.alignright, .table td.alignright { text-align: right; } .table.shopping-cart-table td { border-right: 1px solid #e5e5e5; } .table.shopping-cart-table td:first-child { border-left: 1px solid #e5e5e5; width:10%; min-width:136px; } .table.shopping-cart-table th { font-weight: normal; } .table.shopping-cart-table input.qty { width: 30px; border:1px solid #e0e0e0; box-shadow:none; border-radius:0; margin-top: -5px; margin-bottom: -5px; } .table.shopping-cart-table a[class^="icon-"], .table.shopping-cart-table a[class*=" icon-"] { font-size: 20px; } .table.shopping-cart-table .cart-col-name { display:none; } .table.shopping-cart-table-total { border-bottom: 2px solid #e5e5e5; } .table.shopping-cart-table-total th, .table.shopping-cart-table-total td { padding: 0 15px; border:none; } /*product block*/ .product { position: relative; margin-top: 10px; margin-bottom:14px; border-radius: 8px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); } .dark .product{margin-bottom:0px;} .product a,.product-name a { text-decoration:none; } .product a:hover,.product-name a:hover { text-decoration: underline; } .product .product-image-wrapper { padding: 5px 5px 0 5px; text-align: center; cursor: pointer; z-index:350; } .product .product-image-wrapper .roll_over_img { position:absolute; top:0; left:0; z-index:5; display:none; } .small_with_description .product, .big_without_description .product, .small_without_description .product, .product-listing .product { margin-top: 10px; margin-bottom:5px; } .small_with_description .product .product-image-wrapper, .big_without_description .product .product-image-wrapper, .small_without_description .product .product-image-wrapper, .product-listing .product .product-image-wrapper { padding: 5px; } .product .product-image-wrapper a { display: block; } .product .product-image-wrapper img { float:none; margin: 0 auto; } .product .product-price, .product .product-price-regular, .preview .product-price, .preview .product-price-regular { font-size:16px; line-height:25px; display: inline-block; } .product .product-price-regular, .preview .product-price-regular { color:#ff0000; } .product .product-price span.old, .product .product-price-regular span.old, .preview .product-price span.old, .preview .product-price-regular span.old { padding-left:5px; text-decoration:line-through; font-size:11px; padding-right:10px; display: block; } .product .product-tocart, .preview .product-tocart { height:27px; display: inline-block; margin-left:10px; } .product .product-tocart a, .preview .product-tocart a { display:block; font-size: 20px; line-height: 26px; width: 26px; background-color:#fff; /*border:1px solid #fff;*/ margin-top:0px; } .product .product-tocart a:hover, .preview .product-tocart a:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; font-size:20px; } .product .product-link, .preview .product-link { margin-top: 5px; line-height:15px; } .product .product-name, .preview .product-name { margin-top: 10px; margin-bottom: 7px; font-size: 13px; height:34px; overflow:hidden; } .product .wrapper-hover { padding:3px 14px 12px 14px; text-align:center; } .preview .wrapper-hover { padding: 3px 0 12px 0px; text-align:center; color:#000000; } .preview.small .wrapper-hover { padding: 7px 0 12px 0px; } .small_with_description .product .wrapper-hover { padding:2px 5px; } .style2 .image-wrapper { margin:0 4px; } .style2 .image-wrapper img { margin-bottom:65px; } /*product label*/ .label_outer { position:relative; z-index:1; height: 200px; } /*product hover preview*/ .preview { position:absolute; z-index:2001; top:0; left:0; margin: 0px 0 0 0px; display:none; float:left; text-align:left; padding:0; background-color: #fff; border-radius:8px 8px 8px 8px; } .preview .col-1 { width:75px; padding-top:10px; } .preview .col-2 { width:270px; } .preview .col-1 img { margin-bottom:5px; } .preview.small { padding-bottom:5px; } .preview.small .col-1 { width:53px; padding-right:4px; } .preview.small .col-2 { width:170px; } .preview.small .padding { padding: 8px 3px 0; } .preview .preview_top { overflow:hidden; } .preview .preview_bot { padding:0; } .preview.small .preview_bot { margin-top: 0; padding:8px 0 12px 55px; } .preview .big_image { text-align: center; padding: 5px 5px 0 5px; } .preview.small .big_image { left:62px; } .txt { margin-bottom: 10px; margin-left: 30px; } .twit { overflow:hidden; margin-bottom:10px; padding: 5px 0 15px 0; border-bottom: 1px solid rgba(200, 200, 200, 0.1); } .twit .icon { width:30px; font-size:18px; color:#ececec; } .twit .mess { margin-left:40px; } .fb-like-box, .fb-like-box iframe[style], .fb-like-box span { width: 100% !important; } .block { margin: 0 0 15px; border-bottom: 1px solid #eeeeee; } .block.last { border:none; } .block .block-title { padding-bottom:10px; text-transform:uppercase; } .block .block-title strong { font-weight: normal; } .block .block-content { padding: 5px 0 15px; } .block .block-subtitle { margin: 0 0 10px; text-transform: uppercase; font-weight:bold; line-height: 18px; } .block-layered-nav dt { margin:0; padding: 7px 0 6px; font-weight: bold; } .block-layered-nav dd { margin:0 0 25px; padding: 0; } .block-layered-nav ol { margin: 0; } .block-layered-nav dd li { margin-bottom: 6px; padding: 0 0 0 19px; background: url(/themes/buyshop/img/block-layered-dt.gif) no-repeat scroll 0 9px transparent; } .block-layered-nav dd li a { text-decoration: none; } .block-layered-nav dd li a:hover { text-decoration:underline; } ul#poll-answers { margin-bottom:15px; } ul#poll-answers li { line-height:22px; } ul#poll-answers .label { display: inline-block; padding: 0 4px; border-radius: 0; background: none; color: #000; vertical-align: baseline; text-shadow: none; white-space: nowrap; font-weight: normal; font-size: 12px; } ul#poll-answers label { margin: 0; } ul#poll-answers input[type="radio"] { margin: -2px 0 0; } .line { overflow:hidden; margin: 10px 0; width:100%; } .footer-line { overflow:hidden; margin: 10px 0; width:100%; } .dark .footer-line{display:none;} .patriks_day .line,.patriks_day .footer-line { background:url(/themes/buyshop/img/line_patriks_day.png) repeat-x; margin: 5px 0; height:40px; border: none; } .helloween .line,.helloween .footer-line { background:url(/themes/buyshop/img/line_helloween.png) repeat-x; margin: 5px 0; height:40px; border: none; } .christmas .line,.christmas .footer-line { background:url(/themes/buyshop/img/line_christmas.png) repeat-x; margin: 5px 0; height:40px; border: none; } .thanksgiving .line,.thanksgiving .footer-line { background:url(/themes/buyshop/img/line_thanksgiving.png) repeat-x; margin: 5px 0; height:40px; border: none; } .line1 { overflow:hidden; margin: 10px 0; width:100%; height:1px; border-bottom: 1px solid #c7c7c7; } .listing_header_row1 { padding: 10px 0 0; line-height: 26px; } .listing_header_row1 .pull-left { width:33%; } .listing_header_row1 .pull-right { width:33%; } .listing_header_row2 { padding: 0 0 30px 0; } .listing_header_row1 label { display:inline-block; padding-right: 15px; font-size:12px; line-height:26px; cursor: text; } .listing_header_row1 a[class^="icon-"], .listing_header_row1 a[class*=" icon-"] { padding-right:5px; color:#000; font-size:26px; text-decoration:none; display:inline-block; } @-moz-document url-prefix() { .listing_header_row1 a[class^="icon-"], .listing_header_row1 a[class*=" icon-"] { margin-top:-2px; } } .listing_header_row1 a[class^="icon-"]:hover, .listing_header_row1 a[class*=" icon-"]:hover { color:#666; } .num { text-align:right; } .num a { display: inline-block; padding-right:5px; line-height: 20px; } a.small_icon i { padding:0 3px; background-color:rgba(236, 236, 236, 1); font-size:12px; line-height: 20px; } a.small_icon:hover i { background-color:rgba(236, 236, 236, 0.6); } a.small_icon_color i { margin-top:-2px; margin-right:7px; padding:0 2px; border-radius: 2px; color:#fff; font-size:12px; line-height: 20px; } a.small_icon_color i.icon-heart { text-indent:1px; } .middle_icon_color { display:block; margin-right: 10px; padding: 2px 0 0 0; width:32px; font-size:23px; height:29px; line-height:28px; border-radius: 3px; text-align:center; color:#fff; -webkit-transition: background-color 0.25s 0s ease; -moz-transition: background-color 0.25s 0s ease; -o-transition: background-color 0.25s 0s ease; } .rating { margin-top:7px; } .rating i { color:#ccc; font-size:14px; height:20px; } .product-shop { display:inline-block; } .product-shop h2 { padding-right: 0; } .product-shop .product_info_left { overflow:hidden; } .product-shop .product_custom, .product-shop .product_related { float:right; margin-left:30px; margin-top:-10px; width:170px; } .product-img-box .product-image { padding:8px; border-radius: 6px; background-color:#fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); } .product-img-box .product-image img { } .product-img-box .more-views li { margin: 0 0 10px; padding:2px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); } .product-img-box .more-views li i { width:100%; text-indent:2px; font-size:40px; padding:3px 0 0 0; margin:0; vertical-align:middle; height:59px; line-height:59px; text-align:center; } .product-shop .product-name h1 { padding-bottom: 10px; font-size: 20px; line-height:24px; margin-top:-3px; } .product-shop .availability { padding-bottom: 20px; /* border-bottom: 1px solid rgb(203, 114, 87); */ } .product-shop .short-description { padding: 15px 0 10px; border-bottom: 1px solid rgb(203, 114, 87); } .product-shop .price-box { padding: 0px 0 16px; font-size: 24px; line-height:24px; font-weight:bold; } .product-listing .price-box { display: inline-block; font-weight: normal; font-size: 18px; line-height: 30px; width:300px; } .product-listing .product-review { display: inline-block; line-height:30px; } .product-listing .product-review a { text-decoration:underline; } .product-listing .product-review a:hover { text-decoration: none; } .product-shop .old-price, .product-shop .special-price, .product-listing .old-price, .product-listing .special-price { display: inline-block; } .product-shop .old-price .price, .product-listing .old-price .price { padding-right: 10px; text-decoration: line-through; font-weight: normal; font-size: 18px; line-height: 30px; } .product-shop .current-scale { position: static; font-size: 12px; display: inline-block; line-height: 24px; height: auto; width: auto; padding: 0 6px; } .product-shop .current-scale.hidden { display: none; } .product-listing .special-price .price { font-size: 24px; line-height:24px; font-weight:bold; } .product-shop .add-to-cart { margin: 0px; } .product-shop .add-to-cart .qty { display:inline-block; padding: 12px 15px 0 0px; height:42px; border: none; border-radius: 6px; margin-bottom: 5px; } .product-shop .add-to-cart button.btn-cart:hover { color: #fff; border-color:#fff; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; border-radius: 3px 3px 3px 3px; } .product-shop .add-to-cart label { float: left; margin-right: 12px; line-height: 30px; } .product-shop .add-to-cart .qty input { padding:0; width:40px; height: 30px; border:1px solid #e0e0e0; border-radius: 0; text-align:center; } .product-shop .add-to-cart button.btn-cart, .product-listing a.btn-cart { padding-right:20px; height:56px; vertical-align:middle; font-size:16px; line-height:22px; } .product-listing { margin-bottom:20px; } .product-listing a.btn-cart { margin-right:20px; margin-bottom:5px; height:30px; vertical-align:middle; font-size:14px; padding-top:8px; } .product-shop .add-to-cart button.btn-cart i, .product-listing a.btn-cart i { margin-top:-10px; padding-right:8px; font-size:22px; } .product-listing a.btn-cart i { margin-top:-2px; } .product-shop .add-to-links, .product-listing .add-to-links { display:inline-block; } .product-listing .add-to-links { padding: 10px 0 0 0; } .product-shop .add-to-links li, .product-listing .add-to-links li { float:left; margin-right: 10px; margin-bottom:5px; } .product-shop .add-to-links li:last-child, .product-listing .add-to-links li:last-child { margin-right:0; } .product-shop .no-rating { padding: 15px 0; } .product-shop .no-rating a { text-decoration:underline; } .product-shop .no-rating a:hover { text-decoration:none; } .product-listing .bottom-line, .product-listing .product-buttons { border-bottom: 1px solid #e9e9e9; padding: 15px 0; } .product-listing .product-buttons { border:none; } .product-listing .product-name, .product-listing .product-name a { font-size:16px; line-height:20px; text-decoration:none; } .product-listing .product-name a:hover { text-decoration:underline; } .socialsplugins_wrapper { display:inline-block; padding-top: 20px; } .socialsplugins_wrapper .facebook_button { float:left; margin-right:5px; } .socialsplugins_wrapper .twitter_button { float:left; margin-right:-10px; } .socialsplugins_wrapper .pinit_button { float:left; } .promo_box { display:table; width:100%; padding: 18px 0; border-bottom: 1px solid #f2f2f2; } .promo_box span { display:block; vertical-align: middle; display: table-cell; width: 100%; } .nav-tabs { margin-top: 25px; } .nav-tabs > li > a, .nav-pills > li > a { margin-right: 4px; padding-right: 20px; padding-left: 20px; } .nav-tabs { border-bottom: none; } .nav-tabs > li { margin-bottom: 0; } .nav-tabs > li > a { display:block; padding-top: 8px; padding-bottom: 8px; border: none; border-radius: 4px 4px 0 0; background-color: #fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); color:#000; font-weight:bold; line-height: 24px; } .nav-tabs > li > a:hover, .nav-tabs > .active > a, .nav-tabs > .active > a:hover { border: none; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); color:#fff; text-decoration:none; } .tab-content { position:relative; z-index:5; margin-bottom:25px; padding:20px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); } .content_top { margin-bottom:20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .breadcrumbs { display:inline-block; margin-bottom:20px; } .breadcrumbs a { display: block; float:left; } .breadcrumbs span { display: block; float:left; padding: 0 10px; color:#bababa; } .direction-nav, .small_previews { position:relative; float:right; margin-top: -10px; } .carousel .small_previews { position:absolute !important; top:-36px; right:9px; } .flexslider.vertical .small_previews { position:absolute; top: 366px; right: 0px; margin: 0 0 20px 0; } .direction-nav a { display: inline-block; margin-left:4px; padding:0; width:34px; height:33px; cursor:pointer; -webkit-transition: background-color 0.25s 0s ease; -moz-transition: background-color 0.25s 0s ease; -o-transition: background-color 0.25s 0s ease; } .direction-nav a:hover { } .small_preview { position:absolute; width:85px; height:85px; z-index:800; top:38px; display:none; padding:4px; border-radius: 5px; background:#fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); } .small_preview.next { right:-60px; } .small_preview.prev { right:40px; } .small_previews #jcarousel_preview_prev, .small_previews #jcarousel_preview_next { top:20px; z-index:100; } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; padding:2px 0; border-radius: 5px; background:#fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); } .accordion-heading { border-bottom: 0 none; } .accordion-heading a { margin-top:3px; border-radius: 5px; background:#000; color:#fff; text-decoration:none; } .accordion-heading a.collapsed { margin:0; background:#fff; color:#4c4c4c; } .accordion-heading a span { padding-right: 20px; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { overflow: hidden; padding: 20px 25px; border-top: 1px solid #fff; } .box-list { padding: 10px 30px 20px; border-radius: 5px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); } .box-list li { padding: 4px 0; border-bottom: 1px solid rgba(200, 200, 200, 0.2); } .box-list li:last-child { border: none; } .custom_blocks { border-radius: 5px; background-color:#f8f8f8; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); border:2px solid #fff; display:inline-block; width:100%; } .dark .custom_blocks { border-radius: 5px; background-color:#2B2B2B; border:2px solid #2B2B2B; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); display:inline-block; width:100%; } .custom_blocks .tt-box { width:270px; float:left; text-align:center; padding: 0; background:none; } .custom_blocks .tt-box:first-child { padding:0 30px 0 0; background:url(/themes/buyshop/img/divider.png) no-repeat right 27px; } .custom_blocks .pull-left { padding: 0; background:none; } .custom_blocks .pull-left:first-child { padding:0 30px 0 0; background:url(/themes/buyshop/img/divider.png) no-repeat right 27px; } .custom_blocks .tt-box,.custom_blocks .tt-box a { text-transform: uppercase; font: 18px/20px 'Georgia,Times,'Times New Roman',serif'; font-weight:normal; margin: 0 auto; display:block; text-align:center; } .custom_blocks .tt-box a:hover { text-decoration:none; } .custom_blocks .tt-box .inside { margin: 8px 0 0; padding: 0 0 8px 0; text-align:center; -moz-transition: all 1s 0s linear; -o-transition: all 1s 0s linear; -webkit-transition: all 1s 0s linear; overflow:hidden; } .custom_blocks .tt-box:hover .inside { border-bottom:5px solid transparent; -moz-transition: all 0.5s 0s linear; -o-transition: all 0.5s 0s linear; -webkit-transition: all 0.5s 0s linear; } .custom_blocks .tt-box .icon_circle { width:62px; height:63px; display: inline-block; margin: 0 10px 0 0; text-align:center; } .custom_blocks .tt-box .icon_circle.dark { background:url(/themes/buyshop/img/icon_dark.png) no-repeat; } .custom_blocks .tt-box .icon_circle.light { background:url(/themes/buyshop/img/icon_light.png) no-repeat; } .custom_blocks .tt-box .text { display: inline-block; line-height:63px; font-size: 14px; } .custom_blocks .tt-box .icon_circle i { font-size:34px; height:62px; width: 62px; padding:1px 0 0; margin:0; vertical-align:middle; display:table-cell; -moz-transition: font-size 0.1s 0s ease; -o-transition: font-size 0.1s 0s ease; -webkit-transition: font-size 0.1s 0s ease; } .custom_blocks .tt-box .icon_circle.dark i { color:#fff; } .custom_blocks .tt-box .icon_circle.light i { color:#444; } .custom_blocks .tt-box:hover .icon_circle i { font-size:40px; -moz-transition: all 0.2s 0s ease; -o-transition: all 0.2s 0s ease; -webkit-transition: all 0.2s 0s ease; } .block_img img { border-radius: 5px 5px 5px 5px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); margin-bottom: 20px; transition: all 0.2s linear 0s; width: 100%; } .block_img img:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .dark .block_img img:hover { box-shadow: 0 0 20px rgba(255, 96, 0, 0.6); } .message { padding:15px 20px 10px; margin-bottom: 20px; border-radius: 8px; border-width: 1px; border-style: solid; } .message .text { font-size:12px; line-height:28px; display:inline-block; } .message i { font-size:28px; padding-right:10px; display:inline-block; } @-moz-document url-prefix() { .message i { margin-top:-2px; } } .message.error { background:#f3dddd; border-color:#dfd2d2; color:#866868; } .message.error i { color:#d1aaaa; } .message.done { background:#e8f6df; border-color:#d9e6d1; color:#67795c; } .message.done i { color:#bad3aa; } .message.info { background:#efefef; border-color:#e8e8e8; color:#8a8a8a; } .message.info i { color:#c7c7c7; font-size:22px; padding-top:3px; padding-bottom:3px; } /*FOOTER*/ #bottom_block { padding: 0 0 25px 0; margin-bottom: -50px; } #push, #footer { height: 27px; clear: both; } #footer { z-index:-1; position:relative; color:#808080; bottom:0; margin-top:0px; } #footer:hover { z-index:2602; } #footer a { color:#808080; } #footer_line { position:relative; z-index:0; } #footer_bottom { position:relative; z-index:1; } #footer_bottom i { color:#fff; font-size:14px; } #footer_bottom .pull-right, #footer_bottom .pull-left { max-width: 49%; } #footer_bottom .pull-right { text-align:right; } #footer_bottom .noHover, #footer_bottom .noHover span { padding:0; line-height: 25px; margin:0 0 1px 0; } #footer_bottom .noHover img { vertical-align:middle; } #footer_bottom .noHover span { display:inline-block; } #footer_bottom .noHover span.text { padding-top:5px; } #footer_bottom .noHover span.text, #footer_bottom .noHover span.text span { display:inline-block; line-height:18px; font-size: 11px; } #footer_bottom .noHover span.text span { margin:0; } #footer_bottom .pull-right.noHover { padding: 2px 0 0; line-height:24px; } #footer_bottom .noHover .payment_icons { margin-right:5px; } #footer_bottom .payment_icons img { margin-right:4px; } #footer_button { position:absolute; top:0; left:50%; z-index:2; margin-left:-20px; padding:3px 0 0 0; width: 30px; height:24px; text-align:center; background:#333333; color:#808080; font-size: 20px; cursor: pointer; } #footer_popup { position:absolute; z-index:0; bottom:0; display:none; padding-bottom:40px; width:100%; } #footer_popup_static { width:100%; padding-bottom:10px; margin-top: 10px; } #footer.static #footer_button { display:none; } #footer_popup.footer_bg { } #footer_popup h3, #footer_popup h4, #footer_popup_static h3, #footer_popup_static h4 { padding: 10px 0; border-bottom:1px solid #a3a3a3; } #footer_popup h4, #footer_popup_static h4 { border:none; } #footer_bottom i { font-size: 20px; height:20px; border-radius:11px } #preloader { position: fixed; z-index:10000; top:40%; width:100%; display:none; } #preloader .message { position: absolute; left:32%; padding:0 1%; margin-top: 70px; border-radius:6px; border: none; text-align:center; width:34%; } #preloader .loader { position: absolute; left:50%; margin-left:-28px; background-color:rgba(0, 0, 0, 0.8); border-radius:6px; height: 56px; width:56px; line-height:56px; text-align:center; } #preloader .loader img { opacity:0.9; } #preloader .message .inside { padding:20px; } #login-box { z-index:1000; position: fixed; top:50%; left:50%; margin-left:-160px; margin-top:-200px; width:320px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); border-radius: 5px; background:#fff; text-align: center; } #login-box a { text-decoration:underline; } #login-box a:hover, #login-box .button { text-decoration:none; } #login-box .inside { padding: 20px; } #login-box input { text-align:center; color:#000; margin:12px 0; } #login-box .button { margin-top:20px; position:relative; } #login-box .line { overflow:hidden; margin: 20px -20px 0 -20px; width:320px; height:1px; } #carousel_tabs a { white-space:nowrap; } /*form element*/ label, input, button, select, textarea { font-weight: normal; font-size: 12px; line-height: 20px; } .form-search-wrapper { position:relative; z-index:904; margin-right: 58px; } .helloween .form-search-wrapper { background: url(/themes/buyshop/img/search_bg_helloween.png) no-repeat 0 0; margin-top: -25px; padding-top:25px; } .patriks_day .form-search-wrapper { background: url(/themes/buyshop/img/search_bg_patriks_day.png) no-repeat 0 0; margin-top: -25px; padding-top:25px; } .thanksgiving .form-search-wrapper { background: url(/themes/buyshop/img/search_bg_thanksgiving.png) no-repeat 0 0; margin-top: -25px; padding-top:25px; } .christmas .form-search-wrapper { background: url(/themes/buyshop/img/search_bg_christmas.png) no-repeat 0 0; margin-top: -18px; padding-top:18px; } .form-search { position: relative; margin-bottom:0; box-shadow: 0 0 2px rgb(203, 114, 87)!important; border-radius: 3px; } .form-search input.search-query { padding-left:34px; font-size:12px; width:270px; height:24px; line-height:24px; } select, select:focus { outline:none; height: 34px; line-height:34px; padding:6px; font-size:14px; } select.fullwidth, input.fullwidth, textarea.fullwidth { width:99%; } input.fullwidth, textarea.fullwidth { width:94%; } select,textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { box-shadow: none !important; } #form-contact input { width:100%; } #form-contact input.input-small { width:120px; margin-top: 5px; } #form-contact textarea { width:100%; height:185px; margin-bottom:20px; } button, .button { padding: 0 14px; border:none; border-radius: 0; background:#fff; text-transform:uppercase; white-space:nowrap; } .button { display:inline-block; text-decoration:none; } button.button-2x, .button.button-2x { padding: 0 15px; } button.button-3x, .button.button-3x { padding: 2px 15px 6px 15px; border:none; text-transform:uppercase; white-space:nowrap; margin-bottom:15px; } .button_small, #topline a.button_small { display: inline-block; font: 12px/20px Arial, Helvetica, sans-serif; padding: 0 5px 0 0; margin:0; height:20px; overflow:hidden; vertical-align:middle; text-transform:none; margin-right:5px; border-radius: 2px; text-decoration:none; background-image:url(/themes/buyshop/img/divider1.png); background-repeat:no-repeat; background-position:22px 0; } #topline .auth-buttons i{ color:white; font-size:20px; } #topline .auth-buttons i:hover{ color:#9D3BC6; font-size:20px; } .button_small i { width:24px; height:20px; line-height:20px; text-align:center; font-size:12px; margin-top:-1px; vertical-align:middle; margin-right:5px; padding:0; } .button_small span { min-width:57px; text-align: center; display:inline-block; } .form-search button, .form-mail button { position: absolute; top: 1px; left:1px; margin:0; padding: 0; width:32px; height:32px; border:none; background:#fff; background-image:none; box-shadow: none; text-shadow: none; border-radius:3px 3px 3px 3px; } .form-mail button { padding: 2px 0 2px; } .form-search button i, .form-mail button i { font-size: 17px; } .form-mail { position:relative; } .form-mail input { padding-left:44px; width:auto; height:24px; line-height:24px; } .form-login-wrapper { position:absolute; width:330px; top:20px; right:0; z-index: 905; display:none; padding:8px 8px 12px 20px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background-color:rgba(0, 0, 0, 0.89); } .form-login-wrapper:hover { display:block; } .form-login { margin:0; } .form-login input { margin:0 15px 0 -24px; padding-left:25px; width:112px; height:22px; border: 2px solid #fff; border-radius: 3px; } .form-login .pull-left i { position:relative; z-index:100; width:18px; color:#000; font-size:16px; height:32px; vertical-align:middle; } .form-login button { float:left; display:inline-block; margin:0 0 0 -5px; padding:0; width:20px; height:32px; border:none; background:none; background-image:none; box-shadow: none; color:#fff; text-shadow: none; } .form-login button i { color:#ff0066; font-size: 20px; line-height:20px; } .form-login button.btn:hover { background: none; } @media (max-width: 1279px) { #right_toolbar { right:-10000px; } .hidden-small-desktop { display:none; } } @media (max-width: 1200px) { .custom_blocks .tt-box { width:212px; float:left; } .custom_blocks .tt-box a { text-transform: uppercase; font-weight:normal; font-size:16px; } #header.header_v_2 #nav > li > a { min-width: 100px; display:block; padding: 15px 20px 15px 10px; } #header.header_v_2 .fadelink > a { min-width: 60px; padding: 15px 20px 15px 10px; } #nav .menu_custom_block .col-third { float:left; width: 190px; margin:0 10px; } } @media (max-width: 979px) { section.slider #layerslider-container-fw { margin-right: 7px; } .accordion-inner > .pull-left, .accordion-inner > .pull-right { float:none; } #nav li:hover li.list_column { width:200px; } #nav li:hover li.category_desc_in_menu { padding: 0 30px; width: 200px; } #header.header_v_2 .top-links { float:none; clear: both; margin: 0 0 0 -10px; padding-top:10px; } #nav .menu_custom_block .col-third { float:left; width: 150px; margin:0 5px; } } @media (min-width: 1200px) and (max-width: 1360px) { .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1050px; } .span12 { width: 1050px; } .span11 { width: 960px; } .span10 { width: 870px; } .span9 { width: 780px; } .span8 { width: 690px; } .span7 { width: 600px; } .span6 { width: 510px; } .span5 { width: 420px; } .span4 { width: 330px; } .span3 { width: 240px; } .span2 { width: 150px; } .span1 { width: 60px; } .preview .col-1 { width:75px; } .preview .col-2 { width:240px; } .preview.small { padding-bottom:5px; } .preview.small .col-1 { width:53px; } .preview.small .col-2 { width:150px; } .preview .big_image { width:230px; } .preview.small .big_image { width:140px; height:137px; } #header.header_v_2 #nav > li > a { min-width: 130px; display:block; padding: 15px 20px 15px 10px; } #header.header_v_2 .fadelink > a { min-width: 60px; padding: 15px 30px 15px 10px; } .custom_blocks .tt-box { width: 240px; } } @media (min-width: 640px) and (max-width: 1360px) { .product-img-box .more-views li i { padding:3px 0 0 0; height:50px; line-height:50px; } } @media (min-width: 768px) and (max-width: 979px) { .custom_blocks .tt-box { padding:0; width:158px; float:left; } .custom_blocks .tt-box a { text-transform: uppercase; font-weight:normal; font-size:12px; } .custom_blocks .tt-box .icon_circle { margin: 0 5px 0 0; } .product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span7, .product-box .span8 { float:left; width: 350px; } .product-box .product-img-box .span1 { width:60px; margin-right:20px; } .product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 { width: 260px; margin:0; } .form-mail input { width:70%; } } @media (max-width: 767px) { .flexslider.big .flex-direction-nav { display:none; } .listing_header_row1 .pull-left { width:50%; } .listing_header_row1 .pull-right { width:49%; } .tab-content { position:relative; z-index:0; margin-bottom:25px; margin-top:2px; padding:20px; border-top: none; } .nav-tabs > li > a, .nav-pills > li > a { margin-right:0; } .mousetrap { display: none; } #footer_popup,#footer_popup_static { position: relative !important; display:block !important; height:auto !important; padding-bottom:20px; } #nav li:hover li.list_column { width:160px; } #nav li:hover li.category_desc_in_menu { padding: 0 20px; width: 160px; } #footer_button { display:none; } #footer .pull-left.noHover, #footer .pull-right.noHover { max-width:100%; } } @media (min-width: 640px) and (max-width: 767px) { body { padding:0; } .container { padding:0 20px; width:580px; } .row { margin-left:-70px; } .span12 { float: left; margin-left: 70px; width:580px; } .span11 { float: left; margin-left:70px; width:580px; } .span10 { float: left; margin-left:70px; width:580px; } .span9 { float: left; margin-left:70px; width:580px; } .span8 { float: left; margin-left: 70px; width: 344px; } .span7 { float: left; margin-left: 70px; width: 344px; } .span6 { float: left; margin-left: 70px; margin-right:-40px; width: 276px; } .span5 { float: left; margin-left: 70px; width: 255px; } .span4 { float: left; margin-left: 70px; width: 255px; } .span3 { float: left; margin-left: 70px; width: 255px; } .span2 { float: left; margin-left: 70px; width: 123px; } .span1 { float: left; margin-left: 15px; width: 59px; } .row.small_without_description, .row.small_with_description { margin-left:-30px; } .span2.product { margin-left: 30px; width: 120px; } .carousel, .es-carousel, .es-carousel .row { padding:0; margin:0; } .carousel.style0 .es-carousel { margin:0 -5px 0 -65px; } .carousel .span3 { margin-left: 65px; margin-right: 5px; width: 255px; } .carousel .span2 { margin-left: 4px; margin-right: 11px; width: 123px; } #column_left.span3 { float:left; width:580px; } #column_right.span9 { float:left; width:580px; } .product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span8 { width: 580px; margin-left:70px; margin-bottom:25px; } .product-box .product-img-box .span1 { float:left; width:60px; margin-right:20px; margin-left:70px; } .product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 { float:left; width: 500px; margin:0; } .nav-tabs li { float:none; } .nav-tabs li a { margin-bottom:-2px; background:#fff; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); } .form-mail input, .form-search input.search-query { width:200px; } .custom_blocks .tt-box { width:270px; } .custom_blocks .tt-box:first-child { padding:0 30px 0 5px; } .custom_blocks .pull-left:first-child { padding:0; background:none; } .span2.product .product-price span.old, .span2.product .product-price-regular span.old { padding:0; display:block; margin-top:-12px; } } @media (max-width: 640px) { #ordermsg .textarea textarea { height:90px; width:275px; border:1px solid #ccc } #login-box { margin-top:-150px; } #login-box .inside { padding: 20px; } #login-box input { text-align:center; color:#000; margin:5px 0; } #login-box .line { margin: 5px -20px; } #login-box .button { margin-top:5px; } } @media (min-width: 480px) and (max-width: 639px) { body { padding:0; } #shopping_steps .step_name { font-size: 10px; padding: 0 6px; } .container { padding:0 40px; width:370px; } .row { margin-left:-20px; } .span12 { float:left; margin-left: 20px; width:370px; } .span9 { float:left; margin-left: 20px; width:370px; } .span6 { float:left; margin-left: 20px; width:370px; } .span4 { float:left; margin-left: 40px; width:370px; } .span3 { float:left; margin-left: 70px; width:270px; } .span2.product { float: left; margin-right: 35px; margin-bottom:10px; margin-left:15px; width: 160px; } .span3.product { float:left; margin-left: 50px; margin-right:50px; width:270px; } .carousel { width: 370px; } .carousel, .es-carousel, .es-carousel .row { padding:0; margin:0; } .carousel .span2.product { float: left; margin-right: 20px; margin-bottom:10px; margin-left:5px; width: 160px; } .carousel .span3.product { float:left; margin-left: 50px; margin-right: 50px; width:270px; } .nav-tabs li { float:none; } .nav-tabs li a { margin-bottom:-2px; background:#fff; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); } #nav, .link_label { display:none; } .nav-list { display:block; position:static; top: 0; } #logo { float:none; text-align:center; padding:10px 0 0; } .product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span8 { margin-left: 40px; width:370px; margin-bottom:25px; } .product-box .product-img-box .span1 { float:left; width:70px; margin-right:10px; } .product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 { float:left; width: 290px; margin:0; } #column_left.span3 { float:left; width:370px; margin-left:0; } #column_right.span9 { float:left; width:370px; } .block_img { width:175px; margin-left:20px; } .form-mail input, .form-search input.search-query { width:200px; } .custom_blocks .tt-box { width:170px; float:left; } .custom_blocks .tt-box a { font-size:12px; } .custom_blocks .tt-box:first-child { padding:0 30px 0 0; background:url(/themes/buyshop/img/divider.png) no-repeat right 50px; } .custom_blocks .pull-left:first-child { padding:0; background:none; } #form-contact .span9 { margin:0; width:390px; } #header.header_v_2 .form-search-wrapper { margin:-15px 0 0 30px; } table.std th,.table.shopping-cart-table th { display:none; } table.std td,table.std tr,.table.shopping-cart-table tr, .table.shopping-cart-table td, .table.shopping-cart-table td:first-child { display: block; float: left; clear: both; width: 100% } .table.shopping-cart-table td.cart_quantity{ padding:10px; width:90%; min-width: 200px; border:none; border-bottom: 1px solid #e5e5e5; text-align:left; } .table.shopping-cart-table td, .table.shopping-cart-table td:first-child { padding:10px; width:90%; min-width: 200px; border:none; border-bottom: 1px solid #e5e5e5; text-align:left; } table#cart_summary .cart_total_price .total_price_container { padding-left:0px; padding-top:0px; width:96%; border-top:none; border-bottom:none; } table.std td, table.std td:first-child { padding:12px; width:93.5%; border:none; border-bottom: 1px solid #e5e5e5; text-align:left; } .table.shopping-cart-table td.aligncenter { text-align:left; } .table.shopping-cart-table td:first-child { text-align:center; } .table.shopping-cart-table .cart-col-name { display: inline-block; padding-right:10px; } .right-button { float:left; margin-bottom:15px; } } @media (max-width: 479px) { .custom_blocks { width:256px; margin-left:20px; } .custom_blocks .tt-box, .custom_blocks .tt-box:first-child { margin:0 3px; padding: 0; width:250px; background:none; float:none; } .custom_blocks .tt-box .inside a { text-align:left; } .custom_blocks .pull-left, .custom_blocks .pull-left:first-child { padding:0; background:none; float:none; } .table.shopping-cart-table td.cart_quantity{ padding:10px; width:90%; min-width: 200px; border:none; border-bottom: 1px solid #e5e5e5; text-align:left; } #shopping_steps .step_name { font-size: 8px; padding: 0 4px; } #ordermsg .textarea textarea { height:90px; width:230px; border:1px solid #ccc } body { padding:0; } .container { padding:0; margin:0 auto; width:300px; } .row { margin-left:0; } .span12 { float:left; margin-left: 0; width:300px; } .span9 { float:left; margin-left: 0; width:300px; } .span6 { float:left; margin-left: 0; width:300px; } .span4 { float:left; margin-left: 0; width:300px; } .span3 { float:left; margin-left: 20px; width:260px; } .span3.product { float:left; margin-left: 20px; margin-right:20px; width:260px; } .span2.product { float: left; margin-right: 7px; margin-left:8px; margin-bottom:10px; width: 135px; padding:0; } .carousel { width:300px; } .es-carousel { padding:0; margin:0; } .nav-tabs li { float:none; } .nav-tabs li a { margin-bottom:-2px; background:#fff; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); } #nav, .link_label { display:none; } .nav-list { display:block; position:static; top: 0; } #topline .pull-right { float:none; } #topline .pull-right .alignright { text-align:center; } #topline .fadelink { margin-right: 5px; margin-left: 0px; } #topline .fadelink > a { padding: 0px 20px 1px 5px; } #topline .fadelink .ul_wrapper ul { padding: 5px 12px 5px 5px; } #logo { float:none; text-align:center; padding:10px 0 0; } #column_left.span3 { float:left; width:300px; margin:0; } #column_right.span9 { float:left; width:300px; margin:0; } #form-contact .span9, #form-contact .span4 { margin:0; width:280px; } #form-contact .span4.pull-right { float:none; } .product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span8 { float:left; width:300px; margin-bottom:25px; } .product-box .product-img-box .span1 { float:left; width:60px; margin-left:5px; margin-right:10px; } .product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 { float:left; width: 215px; margin:0; } .product-shop .product_related, .product-shop .product_custom { float:none; width: 170px; margin:0 0 50px 0; } .block_img { width:260px; margin-left:20px; } .form-mail input, .form-search input.search-query { width:180px; } .shoppingcart .badge { position:absolute; top:-7px; left: -10px; right:auto; } #footer .pull-left.noHover, #footer .pull-right.noHover { width:100%; max-width:100%; float:none; text-align:center; } .select_wrapper.width1 { width:80px; } .direction-nav { margin-bottom:8px; } #header.header_v_2 .form-search-wrapper { margin:-15px 0 0 -5px; } #header.header_v_2 .form-search input.search-query { width:160px; } #header.header_v_2 .shoppingcart { right:30px; bottom: 75px; } #header.header_v_2 .fadelink { margin-right: -12px; margin-left: 15px; } #header.header_v_2 .fadelink .ul_wrapper { position:absolute; top: 25px; z-index:100; display:none; border: 1px solid #d9d9d9; } #header.header_v_2 .fadelink .ul_wrapper ul { padding: 7px 5px 7px 5px; width:auto; border-radius: 0; background:#fff; } #header.header_v_2 .fadelink > a { padding: 2px 15px 1px 5px; border-radius: 2px; background: #fff url(/themes/buyshop/img/arrow_down_inverse.png) no-repeat right -2px; color:#555555; text-decoration:none; box-shadow:none; border: 1px solid #d9d9d9; border-bottom:none; font-weight:normal; } #header.header_v_2 .fadelink:hover > a { background: #fff url(/themes/buyshop/img/arrow_down_inverse.png) no-repeat right -2px; box-shadow:none; border: 1px solid #d9d9d9; border-bottom:none; color:#555555; } table.std td,table.std tr,.table.shopping-cart-table tr, .table.shopping-cart-table td, .table.shopping-cart-table td:first-child { display: block; float: left; clear: both; width: 100% } table.std th,.table.shopping-cart-table th { display:none; } .table.shopping-cart-table td, .table.shopping-cart-table td:first-child { padding:10px; width:90%; border:none; border-bottom: 1px solid #e5e5e5; text-align:left; } table#cart_summary .cart_total_price .total_price_container { padding-left:0px; padding-top:0px; width:97%; border-top:none; border-bottom:none; } table.std td, table.std td:first-child { padding:12px; width:92%; border:none; border-bottom: 1px solid #e5e5e5; text-align:left; } .table.shopping-cart-table td.aligncenter { text-align:left; } .table.shopping-cart-table td:first-child { text-align:center; } .table.shopping-cart-table .cart-col-name { display: inline-block; padding-right:10px; } .right-button { float:left; margin-bottom:15px; } #login-box { left:50%; margin-left:-140px; width:280px; } #login-box .line { margin: 5px -20px; width: 280px; } .product-img-box .more-views li i { padding:3px 0 0 0; height:50px; line-height:50px; } } a.btn:hover, button.btn:hover, #footer_bottom i:hover, #next_slide:hover, #prev_slide:hover { color: #fff; border-color:#fff; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; border-radius: 3px 3px 3px 3px; } .flex-next:hover i.icon-right-thin, .flex-prev:hover i.icon-left-thin { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; } #footer_bottom i:hover { background-color:transparent; -webkit-transition: color 500ms linear; -moz-transition: color 500ms linear; -o-transition: color 500ms linear; -ms-transition: color 500ms linear; } #shopping_steps { overflow:hidden; width:100%; height:52px; margin-bottom: 30px; margin-top: 25px; } #shopping_steps .step { width: 20%; float:left; position:relative; margin:46px 0 6px; border-bottom: 1px solid #aaa9aa; } #shopping_steps .step a{ color:white; } #shopping_steps .step a:hover{ text-decoration:underline; } .marker { height: 12px; width:12px; background:#aaa9aa; border-radius:50%; position:absolute; top: -6px; left:50%; margin-left:-6px; } .step_name { position:absolute; top:-46px; left:50%; white-space: nowrap; color:#aaa9aa; font-size:12px; text-transform: uppercase; line-height:35px; padding: 0 15px 0 5px; background:#eeeeee; z-index:100; width:80%; text-align:center; } .current .step_name { color:#fff; background:#27a8e1; } .arrow { position:absolute; top: -28px; height:5px; font-size: 40px; width:15px; text-align:center; margin-left:-12px; left:50%; z-index:99; color:#fff; font-family:"Georgia,Times,'Times New Roman',serif; } /*input.button{height:20px;}*/ /*input.button-2x{height:30px;}*/ #buy_block p.online_only { font-weight:700; font-size:11px; text-align:left; text-transform:uppercase; } img.icon{ left: 0; padding-right: 5px; position: relative; width: 26px;} .product_row { position:relative;} .dark .product-tocart a{background: none !important;} #order .box-wrapper{color:black;} .dark .box-wrapper{color:black;} .dark .table.shopping-cart-table th { color:#ffffff; } .dark .table.shopping-cart-table a{color:#000000;} .dark .lbl{color:#ffffff;} .dark .product .product-tocart a,.dark .preview .product-tocart a{background: none !important;} .dark #footer_line{background: url(/themes/buyshop/img/body_bg_dark.png) repeat #1a1a1a;color: #fff;} .dark #footer_popup { margin-bottom: 27px;} .dark .custom_blocks .tt-box { background-color:#2b2b2b; } .dark .custom_blocks .first_item:hover { border-radius:5px 0px 0px 5px; } .dark .custom_blocks .last_item:hover { border-radius:0px 5px 5px 0px; } .dark .product .product-image-wrapper{background-color:white;} .dark #cart_summary th{color:black;background-color:white;} .es-nav .disable{display:none;} input[type="submit"]{height:25px;} input[type="submit"].button-2x{height:40px;} .dark .listing_header_row1 a[class^="icon-"], .dark.listing_header_row1 a[class*=" icon-"] {color:white;} .dark .nav-list > li > a,.dark .nav-list .nav-header { text-shadow: none; } .fadelink .favoriteproducts img{display:none;} /* retina images */ .product-wrapper { position: relative; margin-bottom:14px; } .dark .product-wrapper {margin-bottom:0px;} .product-wrapper a { text-decoration:none; } .product-wrapper a:hover { text-decoration: underline; } .product-wrapper .product-image-wrapper .roll_over_img { position:absolute; top:0; left:0; z-index:5; display:none; } .product-wrapper .product-image-wrapper img { float:none; margin: 0 auto; } .product-wrapper .product-link { margin-top: 5px; line-height:15px; } .product-wrapper .wrapper-hover { padding:3px 14px 12px 14px; text-align:center; -webkit-backface-visibility: hidden; height:100px; } #index .product-wrapper .wrapper-hover { padding:3px 14px 12px 14px; text-align:center; -webkit-backface-visibility: hidden; height:100%; } .product-wrapper .image-wrapper { margin-bottom:10px; overflow: hidden; padding: 5px; text-align:center; } .product-wrapper .image-wrapper a { -webkit-perspective: 600px; -moz-perspective: 600px; } .product-wrapper .image-wrapper a .view1 { -o-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .3s linear; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; } .product-wrapper .image-wrapper a:hover .view1 { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .product-wrapper .image-wrapper a .view2 { position:absolute; z-index:100; top: 0; left: 0; margin:5px; -o-transition: all .4s linear; -ms-transition: all .4s linear; -moz-transition: all .4s linear; -webkit-transition: all .4s linear; transition: all .3s linear; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; } .product-wrapper .image-wrapper a:hover .view2 { position:absolute; z-index:100; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } .product-wrapper .hoveronly { display: none; } .product-wrapper .product:hover .hoveronly { display: block; } .product .image-wrapper a .view2 img{ width:100%; } .dark .product-wrapper .image-wrapper{background-color:white;border-radius:5px;} .dark .product-image-wrapper {background-color:white;border-radius:5px;} .product_label{z-index:200;} .label_new_top_left, .label_new_top_right, .label_sale_top_left, .label_sale_top_right { background-color: #9DA9AD; border-radius: 2px 2px 2px 2px; color: #FFFFFF; font-size: 11px; left: -3px; line-height: 12px; padding: 6px 0; position: absolute; text-align: center; text-transform: uppercase; top: 20px; width: 68px; } .label_sale_top_right { left: auto; right: -3px; } .label_sale_top_left, .label_sale_top_right { background-color: #FF391C; } .icon-star{width: auto !important;} .login_social { display: inline-block; padding-right: 10px; white-space: nowrap; } .product .product-name, .preview .product-name { font: 16px/19px Arial,Helvetica,sans-serif; } .small_with_description .sale_discount { top: 93px; } .sale_discount { box-shadow: 0 0 11px #FFFFFF; font-family: Georgia,Times,'Times New Roman',serif; font-weight: bold; height: 26px; line-height: 26px; position: absolute; right: 9px; text-align: center; top: 130px; width: 40px; z-index:400; } a.quickview { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.27); color: #FFFFFF !important; cursor: pointer; display: block; font-size: 12px; height: 80px; line-height: 80px; margin: 0; position: absolute; text-align: center; text-shadow: 1px 1px 1px #000000; text-transform: uppercase; width: 80px; z-index: 999; right: 85px; top: 92px; } a.quickview:hover { color: #fff !important; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; background-color: #9d3bc6; } .small_with_description a.quickview{right: 35px; top: 32px;} /*snow*/ .scene { width: 100%; height: 100%; margin: 0 auto; padding: 0; position: relative; } .layer:nth-child(1) img{ } .layer:nth-child(2) { opacity: 1; } .layer:nth-child(4) { opacity: 0.4; width: 110%; height: 110%; background-image: url(/themes/buyshop/img/snow/snowh.png), url(/themes/buyshop/img/snow/snow3q.png), url(/themes/buyshop/img/snow/snow2l.png); -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; } .layer:nth-child(5) { opacity: 1; } .layer:nth-child(6) { opacity: 0.5; } @keyframes hide-block{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @-webkit-keyframes hide-block{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes site-slide{ 0%{ background-position: 15px 0; } 100%{ background-position: 15px 100%; } } @-webkit-keyframes site-slide{ 0%{ background-position: 15px 0; } 100%{ background-position: 15px 100%; } } @keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px } } @-moz-keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px } } @-webkit-keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; } } @-ms-keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px } } /*end snow*/ @media print { a[href]:after { content: none !important; } } /* Isotope */ .row.isotope { overflow: visible !important; } .row.isotope.loading { height: 744px; } #filters.products-isotope { margin: 30px 0 4px; } #filters.products-isotope .option-set li { padding: 0; margin-bottom: 26px; } #filters.products-isotope .option-set li a { margin-bottom: 0; border-radius: 3px; } #filters ul li { border-left: 1px solid #29abe2; margin: 0 0 10px; height: 26px; display: inline-block; } #filters ul li:first-child { border: none; } #filters ul li a { display: block; color: #2b2b2b; font-size: 1.23em; padding: 12px 14px; margin: -9px 12px 9px; text-transform: uppercase; border-radius: 0; border: 2px solid transparent; text-decoration: none; background-color: transparent; } #filters ul li a:hover { border-color: #29abe2; background-color: transparent; color: inherit; } #filters ul li a.selected { background-color: #29abe2; color: #fff; } @media (min-width: 480px) and (max-width: 639px) { #filters.products-isotope .option-set li { margin-bottom: 18px; } #filters.products-isotope .option-set li a { font-size: 1.21em; margin: -9px 6px 9px; padding: 7px 10px; } } #products-isotope.loading { overflow: hidden!important; background: url('/themes/buyshop/img/ajax-loader.gif') no-repeat center center; } #products-isotope.loading > div { visibility: hidden!important; } #products-isotope.big_with_description.loading { max-height: 744px; } /* End Isotope */ /* New products block */ #column_left.span3 #new-products_block_right .product_images li.first { margin-left: 0; } #column_left.span3 #new-products_block_right .product_images li { margin-right: 16px; } #column_left.span3 #new-products_block_right .product_images li:last-child { margin-right: 0; } /* End New products block */ /* Social Sharing */ .socialsharing_product button { width: auto; padding: 3px 10px; } /* End Social Sharing */ /* Blog */ #sdsblogCategory { } #sdsblogCategory .imageFeatured { border: 0!important; background: none!important; } #smartblogcat { border: 0; } #smartblogcat .sdsarticleHeader, #sdsblogArticle.blog-post .post-info { padding: 0; margin: 0 0 10px 0; } #smartblogcat .sdsarticleHeader .sdstitle_block { border: 0; background: none; margin-bottom: 20px; padding: 0; text-transform: uppercase; text-rendering: optimizelegibility; } #smartblogcat .sdsarticleHeader .sdstitle_block a:hover { text-decoration: none; } #smartblogcat .articleContent, #sdsblogArticle.blog-post .articleContent { float: left; margin-right: 30px; margin-bottom: 25px; } #smartblogcat .articleContent .imageFeatured, #sdsblogArticle.blog-post .articleContent img { width: 270px; height: auto; } #smartblogcat .sdsreadMore a { font-weight: normal; text-decoration: underline; } #smartblogcat .sdsreadMore a:hover { text-decoration: none; } #smartblogcat .sdsarticleCat { margin-bottom: 12px; padding-bottom: 12px; } #smartblogcat .pagination { float:left; } #smartblogcat .pagination .page-active { font-weight: bold; } #smartblogcat .pagination li { display: inline-block; padding-right: 5px; line-height: 20px; } #smartblogcat .pagination #pagination_previous a, #smartblogcat .pagination #pagination_next a { padding: 0; } #smartblogcat .results { margin:0; line-height: 20px; } #respond.smartblogcomments .right { text-align: left; padding: 15px 15px 15px 140px; } #respond.smartblogcomments .error { background-color: #F2DEDE; border-color: #EBCCD1; color: #A94442; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; margin: 0; padding: 7px 15px 6px 15px; border-style: solid; border-width: 1px; } #respond.smartblogcomments #commentInput input { margin-right: 15px; } #respond.smartblogcomments #commentInput textarea { width: 80%; } #articleComments { border: 0!important; } #comments .commentList li { padding-left: 82px; } #comments .commentList li .reply { height: auto; } #comments .commentList li .reply a { padding: 0 14px; } #comments .commentList li .reply a, #comments .commentList li .reply a:hover { background: none repeat scroll 0 0 #666666; } #blog-wrapper .product { border: 0; box-shadow: none; } #blog-wrapper h5 { font-size: 16px; line-height: 20px; color: #000000; } #blog-wrapper .posts { padding: 5px 0; } #blog-wrapper .posts a, #blog-wrapper .posts span { color: #4D4D4D; } #blog-wrapper .post-desc { line-height: 1.25em; } #sdsblogArticle.blog-post .tags { text-align: left; } #sdsblogArticle.blog-post .tags b { font-weight: normal; line-height: 30px; margin-right: 10px; } #content .tags-cloud a, #sdsblogArticle.blog-post .tags a { background: #f8f8f8; display: inline-block; padding: 8px 6px; margin: 0 3px 3px 0; text-decoration: none; color: #000; border: 0; } #content .tags-cloud a:hover, #sdsblogArticle.blog-post .tags a:hover { background: #757575; color: #fff; } /* End Blog */ /* Countdown */ .countdown_sale_price { margin: 10px 0 0 } .sale_price_label { margin: 0px 0 7px 0; font-weight: bold } .is-countdown { padding: 3px 0 14px; } .countdown-rtl { direction: rtl; } .countdown-holding span { color: #888; } .countdown-row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } .countdown-show1 .countdown-section { width: 98%; } .countdown-show2 .countdown-section { width: 48%; } .countdown-show3 .countdown-section { width: 32.5%; } .countdown-show4 .countdown-section { width: 24.5%; } .countdown-show5 .countdown-section { width: 19.5%; } .countdown-show6 .countdown-section { width: 16.25%; } .countdown-show7 .countdown-section { width: 14%; } .countdown-section { display: block; float: left; font-size: 75%; text-align: center; } .countdown-amount { font-size: 200%; } .countdown-period { display: block; } .countdown-descr { display: block; width: 100%; } .countdown_box { left: 0; line-height: 18px; position: absolute; text-align: center; top: 70px; width: 100%; z-index: 999; } .countdown_inner { border: 5px solid #FFFFFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); margin: 0 8px; padding: 16px 0 21px; } .countdown_inner .title { font-weight: bold; margin-bottom: 5px; font-size: 11px; } .product-shop .countdown_box { position: inherit !important } .product-shop .countdown_inner { margin: 10px 5px 0 !important } /* End Countdown */ /* Social Auth */ #soc-auth-msg { display:none; } /* End Social Auth */ /* My Account */ #my-account .myaccount_lnk_list a { line-height: 42px; } /* End My Account */ /* Wish List */ #module-blockwishlist-mywishlist #page #center_column { width: auto; } #module-blockwishlist-mywishlist #page #mywishlist p.text input { height: 26px; } body #wishlist_button { background: none; padding-left: 0; margin: 0; } body #wishlist_button select { margin: 0; } body #wishlist_button .btn { padding: 4px 12px; width: auto; } body #mywishlist .wishlistLinkTop .buttons > a { margin-right: 15px; } body #mywishlist .wishlistLinkTop .wishlisturl { line-height: 28px; } body #mywishlist .wlp_bought .product_infos .qty-input { width: 35px; } body #mywishlist .wlp_bought .product_infos .qty-title { line-height: 28px; display:inline-block; margin-right:10px; } body #mywishlist .wl_send input { border: 1px solid #ccc; } body #mywishlist .wl_send label { line-height: 28px; width: 65px; display: inline-block; } body #mywishlist td.wishlist_delete a { background: transparent; font-size: 18px; padding: 1px 6px; } /* End Wish List */