/* Description: Compilots Version: 1.0 Author: EGStudio */ @import "blocks.css"; /*~~~~~~~~~~~~~~~~ GENERAL THEME SETTINGS ~~~~~~~~~~~~~~~~~~`*/ /** RESET **/ * { margin:0; padding:0; direction:rtl; } body { font: normal 12px Arial; line-height: 1.5em; color: #3c3c3c; text-align:center; background: #000 url(../img/background.jpg) no-repeat top center; } div.clear {clear:both; height:auto; float: none; width: auto;} .right {float:right;} .left {float:left;} .bold {font-weight:bold;} a:link, a:visited {text-decoration:underline; color:#0095d8; } a:hover { color:#1966c8;} a img {border:0;} ul { list-style: none; } h1 span, h2 span, h3 span {display: none;} hr { display:block; margin:15px 0 15px 0; clear:both; border:0; border-top:1px solid #d9d9d9; height:1px;} h1, h2, h3 { font-family: Arial; font-weight: bold; margin: 0; padding: 0; line-height: 1em; color:#000; } ol {margin: 0 20px 15px 0;} .hidden {display:none;} span.divider {display:block; height:1px; border-top:1px solid #e4e4e4; margin: 5px 0 15px 0; clear:both; } h1.site-header {display:block; width:180px; height:47px; background: url(../img/site-header.gif) no-repeat bottom right;} /** LAYOUT **/ #flashcontent {width:960px; height:221px;} #page { width: 960px; margin:0 auto; text-align: right; } #logo { margin-top:40px; } #header { margin-bottom:10px;} #page_wrapper { background: #fff url(../img/page_bg.png) repeat-x top left; padding:15px; } #page_wrapper div.box { } #right_column { width: 190px; float:right; margin-left:20px; } #center_column { width: 510px; float:right; margin-left:20px; } #left_column { width: 190px; float:right; } #wide_column { width: 700px; float:right; margin-left:20px; } #right_wide_column { width: 720px; float:right; margin-left:20px; } #footer { margin-bottom:15px; color:#cfcfcf; background-color:#000; padding: 0 15px; } p.glossary { color:#66797f; font-size:0.9em; padding:0 5px; margin-bottom:30px; } p.glossary a:link, p.glossary a:visited { color:#66797f; text-decoration:none; } /** NAVIGATION **/ #navigation { background: url(../img/navbg.png) no-repeat top left; height:34px; position:relative; } #navigation ul {} #navigation ul li { position:relative; display:block; float:right; height: 25px; padding: 9px 15px 0; border-left:1px solid #204854; } #navigation ul li:last-child { border-right:0; } #navigation ul li a:link, #navigation ul li a:visited { color:#fff; text-decoration:none; font-weight:bold; } #navigation ul li ul { display:none; position:absolute; top:34px; right:0; width:180px; background:#fff; border:1px solid #dcdcdc; border-top:0; border-bottom:0; z-index:1000;} #navigation ul li ul li { float:none; padding:0; height:auto; border:0; } #navigation ul li a.sublink:link, #navigation ul li a.sublink:visited { display:block; font-size:0.9em; background: url(../img/panel_bg.png) repeat-x bottom left; color:#3c3c3c; font-weight:normal; padding:3px 10px; border-bottom:1px solid #dcdcdc; text-decoration:none; } #navigation ul li a.sublink:hover { color:#1966c8; text-decoration:underline;} #navigation ul li:hover { background: url(../img/navhover.png) repeat-x bottom left; } #navigation ul li:hover ul { display:block; } /** TABLES - GLOBAL **/ div.table_block { border:1px solid #dcdcdc; margin:10px 0; } table.std { border-spacing: 0; width:100%; } table.std td { padding: 5px 10px; } table.std tr.cart_total_price td { text-align: right; } table.std tr.cart_total_price td.price { text-align: right; } table.std tfoot tr td { background: url(../img/panel_bg.png) repeat-x bottom left;} table.std tfoot tr.cart_total_price td, table.std tfoot tr.cart_total_delivery td { font-size:1.2em; font-weight:bold;} table.std tfoot tr.cart_free_shipping td { font-size:0.9em; border-top: 1px dashed #ccc; } table.std thead th { background: #f9edc4; height:24px; color:#000; font-weight:bold; padding-right:10px; font-size:1em; text-transform: uppercase; text-align: right; white-space: nowrap; border-left:1px solid #ecd37f; border-bottom:1px solid #ecd37f; } table.std thead th:last-child { border-left:0; } table.std tbody tr td { border-left:1px dotted #dcdcdc; border-bottom:1px dotted #dcdcdc; background:#fff; } table.std tbody tr td:last-child { border-left:0; } table.std tbody tr.last_item td { border-bottom:0; } table.std tbody tr:last-child td { border-bottom:0; } /** FORMS - GLOBAL **/ form.std { position:relative; padding: 15px; padding-top:25px; background:#fff; border:1px solid #d6d6d6; } form.std p { margin-bottom: 5px; } form.std p.bold { margin-bottom: 10px; } form.std h3 { font-size:12px; position:absolute; top:-10px; right:5px; padding: 5px 10px; width:120px; border:1px solid #ecd37f; background:#f9edc4; } form.std label { display:block; clear:right; float:right; width:130px; } form.std fieldset { border:0; } form.std span.form_info { display:block; margin-right:130px; font-size:0.9em; color:#7b7b7b; } form.std sup { color:red; font-weight:bold; } form.std input[type="text"] { font-family:arial; border:1px solid #d6d6d6; padding:3px; color:#454545; width: 160px;} form.std input[type="text"]:focus { border-color:#3b8dd5; color:#000; } form.std input[type="password"]{ border:1px solid #d6d6d6; padding:3px; color:#454545; width: 160px; } form.std input[type="password"]:focus { border-color:#3b8dd5; color:#000; } form.std select { font-family:arial; border:1px solid #d6d6d6; padding:1px; color:#454545; } form.std select:focus { border-color:#3b8dd5; color:#000; } form.std p.checkbox input[type="checkbox"], form.std p.radio input[type="radio"], p.checkbox input[type="checkbox"] { float:right; margin-left:5px; margin-top:2px; } form.std p.radio span { float:right; margin-left:5px; } form.std p.radio label { margin-bottom:5px; } form.std textarea { font-family:arial; border:1px solid #d6d6d6; } form.std textarea:focus {} p.select select { font-family:arial; } p.cart_navigation { margin:15px 0; } #page_404 form.std {padding-top:15px;} /** CONTACT **/ #contact { padding:0; background:none; border:0; float:right; width:500px; } #contact label { width:70px; } #contact textarea { overflow-y:hidden; } #contact p.submit { margin-right:70px; margin-top:10px; } p.desc_contact { display:block; margin:10px 70px 10px 0; width:280px; padding:5px 10px; border:1px dashed #dcdcdc; background:#f9edc4; } div.contact_detail {font-size:0.9em;} /** BUTTONS - GLOBAL **/ a.add_to_cart_button:link, a.add_to_cart_button:visited {display:block; text-decoration:none; border:1px solid #c46200; background:#d76b00; padding: 1px 15px; color:#fff; font-size:1em; font-weight:bold; } a.add_to_cart_button:hover { background:#c46200; } input.add_to_cart_button { display:block; cursor:pointer; text-decoration:none; border:1px solid #c46200; background:#d76b00; font-family:arial; padding: 1px 15px; color:#fff; font-size:1em; font-weight:bold; } input.add_to_cart_button:hover { background:#c46200; } input.exclusive {display:block; cursor:pointer; vertical-align:middle; font-family:arial; border:0; text-decoration:none; background: url(../img/next_btn.png) no-repeat top left; width:89px; height:24px; color:#fff; font-weight:bold; text-align:center; text-shadow: 1px 1px 1px #000; } input.exclusive:hover {background-position:bottom left; } a.exclusive:link, a.exclusive:visited {display:block; text-decoration:none; background: url(../img/next_btn.png) no-repeat top left; width:89px; height:21px; color:#fff; font-weight:bold; text-align:center; padding-top:3px; text-shadow: 1px 1px 1px #000; } a.exclusive:hover { background-position:bottom left; } a.button:link, a.button:visited {display:block; color:#3c3c3c; text-decoration:none; background: url(../img/back_btn.png) no-repeat top left; width:95px; height:21px; text-decoration:none; text-align:center; padding-top:3px; } a.button:hover { background-position:bottom left; } input.confirm_btn {display:block; cursor:pointer; vertical-align:middle; font-family:arial; border:0; text-decoration:none; background: url(../img/confirm_btn.png) no-repeat top left; width:123px; height:27px; color:#fff; font-weight:bold; font-size:1em; text-align:center; text-shadow: 1px 1px 1px #000; } input.confirm_btn:hover { background-position:bottom left; } input.button {} input.button:hover {} /** NOTIFICATIONS **/ div.warning {} div.success {} /** GENERAL CONTENT BLOCK **/ div.rte {} div.rte p { margin-bottom: 15px; } ul.list { list-style-image: url(../img/checklist.gif); margin-right:20px; margin-bottom:15px; } #short_description_content p:first-child { margin-bottom:5px; } /** PRODUCT BLOCK **/ div.products_block { background: url(../img/grid.gif) top right; background-repeat: repeat-y; } div.block_product { position:relative; float:right; width:130px; height:225px; padding:15px 25px 0 15px; } div.block_product img { width:120px; border:1px solid #cecece; } div.block_product h4 a:link, div.block_product h4 a:visited { color:#424242; font-family:arial; font-size:12px; text-decoration:none; } div.block_product h4 a:hover { color:#213e64; } div.block_product span.on_sale { display:block; width:37px; height:13px; position:absolute; top: 11px; right:26px; background: url(../img/on_sale_img.png) no-repeat top left; text-indent:-10000em; } div.block_product span.discount { display:block; width:37px; height:13px; position:absolute; top: 11px; right:26px; background: url(../img/on_sale_img.png) no-repeat top left; text-indent:-10000em; } div.block_product span.price { display:block; font-size:1em; margin-bottom:5px;} div.block_product span.new { display:block; width:32px; height:32px; position:absolute; top:14px; left:22px; background: url(../img/new_img.png);} div.block_product a.add_to_cart_button { position: absolute; bottom:15px; } div.block_product div.block_product:hover img { border:1px solid #2d3c50; } span.exclusive { display:none; } /** BREADCRUMBS **/ div.breadcrumb { font-size: 0.9em; background:url(../img/jquery/macFFBgHack.png); padding:5px 15px; color:#cfcfcf; } div.breadcrumb a:link, div.breadcrumb a:visited { text-decoration:none; } div.breadcrumb span.navigation_end { font-weight: bold; } div.breadcrumb span.navigation-pipe { padding: 0 3px; } /*~~~~~~~~~~~~~~~~ ADD-ON FEATURES (TABS, TOOLTIPS ETC.) ~~~~~~~~~~~~~~~~~~`*/ #id_tabs { display:block; padding: 0 10px; height:30px; } #id_tabs li { display:block; float:right; } #id_tabs li a:link, #id_tabs li a:visited { display:block; padding: 5px 15px; border:1px solid #e4e4e4; border-left:0; border-bottom:0; background: url(../img/tab_bg.png) repeat-x; text-align:center; font-weight:bold; text-decoration:none; color:#464646; } #id_tabs li a.selected:link, #id_tabs li a.selected:visited { background:transparent; border-bottom:1px solid #fff; } #id_tabs li a:last-child { border-left:1px solid #e4e4e4; } span.panel { display:block; height:1px; border-top:1px solid #e4e4e4; margin-top:-1px; margin-bottom: 10px; } #idTab4 { background:none; } #idTab4 div.block_product { border-left:1px dotted #e4e4e4; } /*~~~~~~~~~~~~~~~~ PAGE SPECIFIC SETTINGS ~~~~~~~~~~~~~~~~~~`*/ /** PRODUCT PAGE **/ #pb-right-column { float:right; width:280px; margin-left:20px; } #pb-left-column { float:right; width:400px;} #pb-left-column h2 { font-family: Levenim; font-weight:normal; font-size:18px; margin-bottom:5px; } #pb-left-column p.toolbox a { margin-left:2px; padding:5px 0; float:right; } #pb-left-column span.availability { font-size:0.9em; color:#5da40a; } #image-block { width: 280px; height: auto;} #image-block img { width: 280px; height: auto; border: 1px solid #cecece; } #buy_block { background:#e9e9e9; border:1px solid #d6d6d6; padding: 15px; } #buy_block #our_price_display { font-size:18px; color:#000; margin-bottom:10px; } #buy_block #reduction_percent { font-size:0.9em; } #buy_block #old_price { text-decoration:line-through; color:red; } #buy_block input[type="text"], #buy_block select { border:1px solid #bdc2c9; font-size:11px; padding:2px;} #buy_block label { font-weight:bold; } #attributes table {} #attributes table td { padding: 5px 0 5px 15px;} #views_block { } #views_block img { width:60px; float:right; margin-left:10px; } #short_description_block { margin-bottom:15px; } ul.features {} ul.features li { display:block; padding: 5px 15px; } ul.features li.alt { background-color:#f0f0f0; } ul.features li span { display:block; float:right; clear:right; width:120px; font-weight:bold; } /** CATEGORY - PAGE **/ h2.category_title { color: #000; font-size:24px; margin-bottom:5px; font-weight:normal; font-family: Levenim MT; } h2.category_title span { display:inline; font-family:arial; text-transform:uppercase; font-size:12px; font-weight:normal; float:left; } span.big { display:block; } #categoryImage { width:510px; margin-bottom:5px; } div.cat_desc { margin-bottom:15px;} /** SORT **/ form.productsSortForm, div.dataPanel { padding: 5px 10px 0; height:22px; background: url(../img/panel_bg.png) repeat-x bottom left; border:1px solid #dddddd; } form.productsSortForm #selectPrductSort { float:left; font-size:0.9em; padding:1px; font-family:arial; } form.productsSortForm label { font-size:0.9em; } /** PAGINATION **/ form.pagination { padding: 5px 10px 0; height:22px; background: url(../img/panel_bg.png) repeat-x bottom left; border:1px solid #dddddd; margin-top:-1px; } form.pagination select { font-size:0.9em; padding:1px; float:left; } form.pagination label { font-size:0.9em;} ul.pagination { list-style: none; margin-top:10px; display:block; text-align:center;} ul.pagination li { display: inline; margin-right: 0.3em;} #pagination_previous {float:right; } #pagination_next { float:left; } ul.pagination span {font-weight:bold;} ul.pagination a { text-decoration: none; } ul.pagination li.current span { } ul.pagination li.truncate { padding: 0.3em; background: none; } #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span { padding: 0 10px;} li.disabled span { display:none; } /** ACCOUNT PAGES **/ #account-menu { display:block; border:1px solid #dcdcdc; border-bottom:0; } #account-menu a:link, #account-menu a:visited { display:block; color:#3c3c3c; font-weight:bold; text-decoration:none; background: #fff url(../img/navbtnbg.png) repeat-x bottom left; border-bottom:1px solid #dcdcdc; padding: 5px 10px; } #account-menu a:hover { background:#fff; color:#0095d7; } #account-menu a.selected { font-weight:bold; } img.icon { float:right; margin: 1px 0 0 5px;} div.my_account {} div.my_account h2 { font-weight: normal; font-size:18px; margin-bottom: 10px; text-transform: uppercase; } div.my_account p { margin-bottom: 15px; } div.my_account form.std sup {font-weight:bold; color:red; float:left; margin-right:3px; font-size:1em;} div.my_account form.std p { margin-bottom:0; } div.my_account form.std label { display:block; clear:left; float:left; width: 130px;} div.my_account form.std fieldset { background:#fff; border:1px solid #dcdcdc; margin-right:15px; padding:15px; margin-bottom:1em; background: #fff url(../img/related_bg.png) repeat-x top left; } div.my_account form.std p.text, div.my_account form.std p.select , div.my_account form.std p.password { margin-bottom:1em; } /** HISTORY **/ div.table_block {border: 1px solid #dcdcdc; margin-bottom:15px;} #history ul.address, #order-slip ul.address {width:215px;} #history ul.alternate_item, #order-slip ul.alternate_item {margin-left:0;} #sendOrderMessage {border:0; padding:0;} #sendOrderMessage textarea { width: 478px;} input.order_qte_input {display:none;} /** CMS PAGES **/ div.rte h2 { font-family:Levenim MT; font-weight:normal; letter-spacing:0em; font-size: 2em; margin-bottom:0.5em;} div.rte h3 { font-family:arial; color:#113e53; font-weight:normal; letter-spacing:0em; font-size: 1.6em; margin-bottom:0.2em;} /** ORDER - DELIVERY **/ h3.condition_title { margin-bottom:5px;} /** FAQ **/ ul.faq {list-style:decimal; margin-right:20px; margin-bottom:15px; } ul.faq li div { padding:10px; background:#fff; border:1px solid #dcdcdc; margin:10px 0; display:none; } ul.faq li div p { margin:0; } /** TERMS **/ ul.terms { list-style:decimal; margin-right:20px; } ul.terms li { margin-bottom:10px; } p.intro { font-size:1.2em; font-weight:bold; line-height:1.4em; color:#5f5f5f; } #identity form.std { padding: 15px; } #addresses ul.address { margin-top:20px; width: 200px; margin-left:15px; } /** STEPS **/ #order_step { display:block; background: url(../img/order-steps-bg.png) repeat-x; height:36px; border-left:1px solid #d6d6d6; list-style:none; font-size:1em; margin-bottom:30px; } #order_step li { position:relative; display: block; float:right; padding: 10px 20px 0 40px; height:26px; background: url(../img/steps-bg.png) no-repeat top left; } #order_step li.step_current { color:#fff; background-position:bottom left; margin-right:-20px; padding-right:30px;} #order_step li.step_current span { display:block; width:20px; position:absolute; right:0; top:0; background: url(../img/steps-bg.png) no-repeat top left; height:36px; } #order_step li.first_step { margin-right:0; border-right:1px solid #d6d6d6; } #order_step li.first_step.step_current { margin-right:0; border-right:1px solid #7db0dc; padding-right:20px;} #order_step li.step_todo { color:#bbbbbb; } #order_step li.step_todo span, #order_step li.step_done span { } #order_step li.step_done a:link, #order_step li.step_done a:visited { color:#000; text-decoration:none; } #order_step li.step_done a:hover { color:#3b8dd5; } /** PAYMENT MODULES **/ .payment_module { padding:10px; display:block; border:1px solid #ccc; background:#fff; } .payment_module img { float:right; } /** VOUCHERS **/ #cart_voucher { float:left; width: 200px; background:#fff; } #voucher fieldset { border: 0; padding:10px 7px;} #voucher #discount_name { font-family:arial; border:1px solid #d6d6d6; padding:3px; color:#454545; width: 100px;} #voucher #discount_name:focus { border-color:#3b8dd5; color:#000; font-weight:bold; } #order form#voucher .button { display: inline-block; font-family:arial; } #voucher h4 { border-bottom:1px solid #dcdcdc; display:block; height:20px; letter-spacing:0em; background: url(../img/icon/voucher.gif) no-repeat 180px 4px; font-size:1em; padding: 4px 26px 0; } div.order_delivery ul.address { width: 200px; } #order div.table_block { margin:0 0 30px; } /** SHOPPING CART **/ p.cart_sumary {margin-bottom:5px;} td.cart_quantity { width: 60px; } td.cart_quantity p { float:right; display:block; height:20px; width: 15px; } td.cart_quantity a.cart_quantity_up, td.cart_quantity a.cart_quantity_down { float:right; margin-top:-5px; } td.cart_quantity a.cart_quantity_delete { float:left; margin-right:15px;} td.cart_description h5 { font-size: 12px; font-weight:bold; } /** ADDRESSES **/ ul.address { display:block; width:415px; float:right; position:relative; line-height:1.5em; background:#fff; border:1px solid #dcdcdc; margin-left:15px; padding:15px; padding-top:25px; margin-bottom:1em; } ul.address:last-child { margin-left:0; } ul.address li { display:block; } ul.address li.address_title { font-size:12px; position:absolute; top:-10px; right:5px; padding: 2px 10px; font-weight:bold; width:120px; border:1px solid #ecd37f; background:#f9edc4; } ul.address li.address_country { margin-bottom: 10px; } ul.address li.address_update a:link, ul.address li.address_update a:visited { display:block; background: url(../img/icon/update.gif) no-repeat center right; padding-right:20px; margin-bottom: 10px; } ul.address li.address_delete a:link, ul.address li.address_delete a:visited { display:block; background: url(../img/icon/cross.png) no-repeat center right; padding-right:20px; margin-bottom: 10px; } div.addresses p.address_add, div.addresses p.checkbox { margin-bottom:15px; } p.address_delivery { margin-bottom:5px; } p.address_add a:link, p.address_add a:visited { display:block; background: url(../img/icon/add.gif) no-repeat center right; padding-right:20px;} li.address_name { } li.address_name, li.address_company { font-weight: bold; } #ordermsg textarea { border:1px solid #dcdcdc; font-family:arial; padding:5px; } #address_invoice_form { display:block; width:50%; float:right;} div.addresses h3 {font-weight:600; letter-spacing:0em;} /** authentication.tpl **/ #authentication {} #authentication form.std { width: 420px; height: 160px; float:right; } #authentication form.std label { font-weight:bold; } #authentication form.std h4 { margin-bottom:10px; } #authentication #create-account_form { margin-left:20px; } #authentication form.std input[type="text"], #authentication form.std input[type="password"]{ font-size:14px; } #authentication #account-creation_form input[type="text"], #authentication #account-creation_form input[type="password"]{ font-size:12px; } #authentication #create-account_form label, #authentication #login_form label { float:none; } #authentication #account-creation_form { width: auto; height: auto; float:none; } #authentication #account-creation_form fieldset { width: 395px; float:right; padding:15px; background:#f3f3f3; border:1px solid #e5e5e5; } #authentication #account-creation_form fieldset.account_creation{ margin-left:20px; } #authentication #account-creation_form #id_country { width:165px; } #authentication #account-creation_form textarea { width:165px; } /** SITEMAP **/ div.sitemap_block { width:180px; margin-left:20px; border:1px solid #e4e4e4; float:right; padding:15px; background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;} div.sitemap_block:last-child { margin-left:0; } div.sitemap_block h3 {font-size: 18px; margin-bottom:5px; text-transform:uppercase; font-weight:normal; } /** NOTIFICATIONS **/ .error { border: 1px solid #ec7f7f; background-color: #f9c4c4; margin-bottom:15px ; padding: 0.8em 1.2em; } .error p { font-weight: bold; } .error ol { margin:0; } .error ol li { margin-right:15px; } .error ol li:first-child { display:inline; margin-right:0;} .error a { color:#c43030; } .warning { background: #f9edc4; border: 1px solid #ecd37f; margin: 10px 0; padding: 0.6em 1.2em; } .warning_inline { color:#da0f00; font-weight:bold } #authentication .error {margin-bottom:30px;} #security_informations { display:block; background: #c4f2f9 url(../img/icon/infos.gif) no-repeat 98% 8px; border: 1px solid #7fd9ec; font-size:0.9em; margin: 15px 0; padding: 0.7em 3em 0.7em 0; } .success { background: #e6ffb1; border: 1px solid #bcdb7b; margin: 10px 0; padding: 0.6em 1.2em; } .success b { color:#394916; } .note { color: black; background: #f9edc4 url(../img/icon/shipping.png) no-repeat 10px 12px; border: 1px solid #ecd37f; margin: 10px 0 15px; padding: 10px 35px; } p.confirmation { display:block; margin:15px 0; background:#ecffbe; border:1px solid #c5e47a; padding:10px;}