/**
* Reset
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from , */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images */
a img { border: none; }
/**
* Div
*/
em { font-style:italic; }
div.spacer { clear:both; font-size:1px; }
div.hr { clear:both; height:1px; margin:0 0 10px 0; }
div.clean_row { height:15px; }
div.clean_row_large { height:45px; }
.text_content,
.text_content p,
.text_content a,
.text_content div,
.text_content span,
.text_content li,
.text_content ol { line-height:17px; }
.text_content p { margin:0 0 10px 0; }
.text_content ul, .text_content ol { margin:10px 0 10px 14px; }
span.date { font-size:9px; font-weight:bold; }
a.large_link { text-decoration:none; }
/**
* Structure
*/
/* Wrapper */
div#wrapper { position:relative; float:left; width:100%; margin:0 0 0 0; }
#wrapper div.wrapper_border { position:relative; margin:0 auto; width:999px; background:#fff; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#wrapper div.wrapper_con { position:relative; margin:0 auto; width:951px; border-top:15px solid #fff; }
/* Container */
div#container { position:relative; padding:225px 0 0 0; z-index:10; }
/* Main section */
div#content_section_full { float:left; position:relative; width:951px; margin:0 0 0 0; padding:0; }
div#content_section { float:left; position:relative; width:951px; margin:0 0 0 0; }
div.content_section_con { padding:0 20px 20px 20px; }
/* Div */
img.content_image { float:right; margin:0 0 10px 20px; }
img#website_logo { position:absolute; left:0; top:5px; z-index:11; }
a#company_logo { position:absolute; display:block; z-index:11; }
#company_logo em { display:none; }
/**
* Content block
*/
/* Normal content block */
div.content_block { float:left; width:100%; margin:0; }
div.last_content_block { margin-right:0; }
.content_block div.con { padding:10px; }
/* Extra content block */
div.extra_content_block { float:left; width:319px; height:auto; margin:0; }
div.extra_last_content_block { margin-right:0; }
.extra_content_block div.con { padding:10px; }
.content_block h2,
.extra_content_block h2 { padding-left:0; }
/*
* Form
*/
/* Elements */
fieldset { padding:1.4em; margin:0 0 1.5em 0; }
input.text, textarea { padding:0 4px 0 4px; margin:0 3px 0 0; }
input.text { width:120px; height:20px; line-height:20px; border:0; }
input.text_small { width:30px; text-align:center; }
select.text { width:140px; }
input.check_radio { margin:0; padding:0; }
label { cursor:pointer; position:relative; top:-1px; }
input.submit_btn { cursor:pointer; }
input.trans_submit_btn { cursor:pointer; }
input.normal_btn { cursor:pointer; }
/* Form container */
.form_con td.con { padding:10px 20px 10px 0; vertical-align:top; }
.form_con td.bordered_con { vertical-align:top; padding:0 20px 0 0; }
.form_con .bordered_con div.con { border:1px solid #cfcfcf; background:#e7e7e7; padding:20px; }
/* Table */
.form thead th { padding:0 0 20px 0; }
.form tbody th { padding:0 10px 4px 0; text-align:left; width:auto; vertical-align:top; white-space:nowrap; }
.form tbody td { padding:0 0 4px 0; white-space:nowrap; }
.form tbody strong { white-space:nowrap; }
/* Data container */
table.data_con { width:auto; }
.data_con td.con { padding:0 20px 10px 20px; vertical-align:top; }
.data_con td.first_con { padding-left:0; }
/**
* Nav main
*/
/* Head category */
ul#nav_main { z-index:5; position:absolute; width:951px; top:132px; left:0; z-index:11; }
#nav_main li { list-style-type:none; float:left; position:relative; display:inline; }
#nav_main li a { display:block; cursor:pointer; }
div.nav_main_corner { position:absolute; width:3px; height:3px; top:172px; z-index:12; }
/**
* Nav footer
*/
div#nav_footer { float:left; position:relative; width:100%; background:#e4e4e4; border:1px solid #cfcfcf; }
#nav_footer h2 { margin:10px 0 10px 10px; }
#nav_footer div.content { margin:10px 0 10px 10px; }
#nav_footer a { font-size:11px; }
/**
* Breadcrumbs
*/
div#breadcrumbs { position:absolute; left:0; top:176px; width:951px; height:30px; border-bottom:1px solid #cfcfcf; background:#fff; z-index:11; }
#breadcrumbs ul { margin:7px 0 0 0; list-style-type:none; float:right; }
#breadcrumbs ul li { float:left; position:relative; padding:0 15px 0 0; }
#breadcrumbs ul li a { text-decoration:none; }
#breadcrumbs ul li a:hover { text-decoration:underline; }
#breadcrumbs ul li div.arrow { position:absolute; right:5px; top:-1px; }
#breadcrumbs a#breadcrumb_contact { position:absolute; right:0; top:5px; }
/**
* Order summary
*/
div#order_summary { position:absolute; top:55px; right:0; width:auto; z-index:11; }
#order_summary div.line_1 { margin:5px 5px 3px; text-align:right; }
#order_summary div.line_2 { margin:0 5px 0; text-align:right; }
/**
* Items
*/
div.result_items { float:left; margin:10px 0 0 0; }
.result_items div.item { float:left; position:relative; margin:0 0 10px 0; width:189px; height:320px; cursor:pointer; }
.result_items_full div.item { margin-right:4px; }
.result_items div.last_item { margin-right:0; border-right:0; }
.result_items .item a.title { display:block; width:170px; text-align:left; text-decoration:none; overflow:hidden; margin:10px 0 0 ; }
.result_items .item a.title strong { display:block; }
.result_items .item span.status { color:#709e0d; font-weight:bold; }
.result_items .item span.previous_price { text-decoration:line-through; color:#000; }
.result_items .item div.image { position:absolute; left:0; bottom:0; width:190px; height:250px; margin:10px 0 0 0; overflow:hidden; text-align:center; z-index:5; }
.result_items .item div.image div.image_con { position:absolute; left:0; bottom:65px; width:190px; text-align:center; }
.result_items .item div.label_top { position:absolute; left:0; top:0; width:170px; margin:0 0 0 10px; text-align:center; }
.result_items .item div.label_bottom { position:absolute; left:0; bottom:15px; width:170px; margin:0 0 0 10px; text-align:center; z-index:5; }
.result_items .item div.action { margin:0 0 4px 0; }
.result_items .item div.price_con { position:absolute; right:-18px; top:-200px; width:60px; height:62px; }
.result_items .item div.price_spacer { height:11px; }
.result_items .item div.price { margin:13px 0 0 0; }
.result_items .item div.labels { position:absolute; top:0; right:5px; }
.result_items .item div.labels img { clear:both; }
/**
* Search filter
*/
div.search_filter { float:left; position:relative; width:740px; padding:10px; z-index:10; }
.search_filter div.label { font-weight:bold; color:#000; margin:0 0 10px 0; }
.search_filter div.filter_block { float:left; position:relative; margin:0 5px 5px 0; }
.search_filter div.filter_select { width:126px; height:23px; cursor:pointer; font-size:11px; line-height:22px; text-indent:7px; }
.search_filter div.filter_block_choices { display:none; position:absolute; left:0; top:22px; padding:10px 15px 5px 5px; min-width:126px; z-index:10; }
.search_filter .choice_options td { white-space:nowrap; height:22px; }
.search_filter .filter_block_choices label { position:relative; left:5px; top:-2px; font-size:11px; }
.search_filter div.filter_current_choices { display:none; }
.search_filter div.filter_current_choices ul { list-style-type:none; padding:5px 10px 5px 10px; }
.search_filter div.filter_current_choices ul li { position:relative; z-index:1; }
.search_filter div.filter_current_choices ul li img.delete_btn { position:absolute; right:0px; top:3px; cursor:pointer; }
/**
* Search filter values
*/
div.search_filter_values { float:left; position:relative; width:100%; z-index:10; z-index:5; display:none; margin:0 0 10px 0; }
.search_filter_values span.subject { display:block; margin:10px 0 0 10px; }
.search_filter_values div.spec_value_item { float:left; position:relative; margin:0 25px 10px 10px; display:none; }
.search_filter_values .spec_value_item div.content { width:170px; white-space:nowrap; overflow:hidden; }
.search_filter_values .spec_value_item div.action { position:absolute; top:3px; right:-15px; }
/**
* Result tabs
*/
div.result_tabs { height:30px; margin:10px 0 0 0; }
ul.result_tab_items { float:right; list-style-type:none; padding:8px 0 0 10px; }
.result_tab_items li { float:left; }
.result_tab_items a { display:block; margin:0 3px 0 0; padding:1px 3px 1px 3px; text-decoration:none; font-size:10px; }
/**
* Filter sort
*/
div.filter_sort { float:left; padding:5px 0 0 0; }
/**
* Loader
*/
div.loader { position:relative; width:50px; padding:10px; margin:0 auto; text-align:center; clear:both; top:20px; }
/**
* Sort by
*/
.filter_sort div.input_label { margin:0 5px 0 0; }
.filter_sort input { margin:0; }
/**
* Result amount handler
*/
div.result_amount_handler { float:left; margin:0 0 0 0; padding:8px 0 0 10px; }
.result_amount_handler div.label { float:left; margin:0 10px 0 0; }
.result_amount_handler a { float:left; display:block; margin:0 3px 0 0; padding:1px 3px 1px 3px; }
/**
* Custom select
*/
div.custom_select { width:auto; white-space:nowrap; height:19px; padding:0 12px 0 5px; }
.custom_select div.options { display:none; }
/**
* Article list
*/
table.article_list { width:100%; margin:0 0 15px 0; }
.article_list th { height:29px; font-size:11px; line-height:28px; padding:0 10px 0 10px; text-shadow:#7c3909 1px 1px 1px; }
.article_list td { padding:5px 10px 5px 10px; }
.article_list td.last { border:0; }
.article_list td.padding_less { padding-left:0; }
.article_list td.no_padding { padding:0; }
.article_list th.nowrap,
.article_list td.nowrap { white-space:nowrap; }
.article_list td.topper { vertical-align:top; }
.article_list td.choice { width:35px; text-align:center; padding:6px 0 6px 0; }
.article_list td.star_con { width:200px; }
.article_list .image { width:80px; vertical-align:top; }
.article_list .image img { padding:4px; }
.article_list .name { width:200px; }
.article_list .desc { line-height:17px; }
.article_list .basket { white-space:nowrap; }
.article_list .price { text-align:right; white-space:nowrap; }
.article_list .righter { text-align:right; }
.article_list div.img_con { width:75px; height:30px; overflow:hidden; border:1px solid #472f91; }
/**
* Column list
*/
table.column_list { width:100%; }
.column_list th { padding:10px 10px 10px 0;}
.column_list td { padding:10px 10px 10px 0; }
.column_list td.nowrap { white-space:nowrap; }
.column_list .image { width:80px; vertical-align:top; }
/**
* Button nav
*/
div.button_nav { width:100%; }
div.left_button_con { float:left; }
div.right_button_con { float:right; }
/**
* Order options
*/
div.order_overview_submit_option { float:right; }
.option_form tbody td { padding:3px 0 3px 10px; }
/**
* Message
*/
div.message { width:100%; clear:both; }
.message div.text { padding:10px; }
/**
* Star
*/
div.star { float:left; }
div.star.selected { background-position:0 0; }
/**
* Input button
*/
input.input_btn {}
input.input_btn:last-child { margin-right:0; }
/**
* Footer content
*/
div#footer_content { float:left; width:951px; }
#footer_content .column div.con { padding:0 15px 0 15px; }
div#footer_content div.column { float:left; width:485px; }
/**
* Basket steps
*/
div.basket_steps { width:100%; height:15px; }
div.basket_step_1 { background:url('../../../../gfx/basket_steps.png') no-repeat -4px -31px; }
div.basket_step_2 { background:url('../../../../gfx/basket_steps.png') no-repeat -4px -56px; }
div.basket_step_3 { background:url('../../../../gfx/basket_steps.png') no-repeat -4px -80px; }
div.basket_step_4 { background:url('../../../../gfx/basket_steps.png') no-repeat -4px -104px; }
/**
* Autocomplete
*/
div.search_container { position:absolute; left:170px; top:-200px; width:560px; z-index:100; }
.search_large input.autocomplete_input { width:212px; height:38px; border:1px solid #d0d0d0; padding:0; text-indent:9px; }
.search_large div.left { float:left; position:relative; width:280px; margin:0 0 0 0; text-align:center; }
.search_large .left div.submit_btn_trigger { position:absolute; left:230px; top:32px; width:42px; height:38px; cursor:pointer; background:url('../../../../gfx/website/7/search_input_bg.gif') no-repeat top right; border:1px solid #d0d0d0; }
.search_large div.right { float:right; position:relative; width:280px; margin:0 0 0 0; text-align:center; }
.search_large .right div.submit_btn_trigger { position:absolute; left:230px; top:32px; width:42px; height:38px; cursor:pointer; background:url('../../../../gfx/website/7/search_input_bg.gif') no-repeat top right; border:1px solid #d0d0d0; }
.search_large h2 { font-size:18px; color:#472f91; }
.search_small input.autocomplete_input { width:102px; height:20px; background:url('../../../../gfx/website/7/search_input_small_bg.gif') no-repeat; border:1px solid #d0d0d0; padding:0 22px 0 3px; }
.search_small div.left { float:left; position:relative; width:300px; margin:0 0 20px 135px; text-align:center; }
.search_small .left div.submit_btn_trigger { position:absolute; left:190px; top:33px; width:22px; height:20px; cursor:pointer; }
.search_small div.right { float:right; position:relative; width:320px; margin:0 135px 20px 0; text-align:center; }
.search_small .right div.submit_btn_trigger { position:absolute; left:202px; top:33px; width:22px; height:20px; cursor:pointer; }
.search_small h2 span { color:#472f91; }
div.ac_item { clear:both; }
div.ac_item div.left { float:left; width:106px; }
div.img_con { width:75px; height:30px; overflow:hidden; margin:5px 0 5px 0; border:1px solid #472f91; }
div.ac_item div.right { float:left; width:188px; }
div.ac_item .right div.line_a { font-size:10px; margin:11px 0 0 0; font-weight:bold; }
div.ac_item .right div.line_b { font-size:10px; }
/**
* Image preview
*/
div.image_preview { float:left; width:850px; padding:20px 0 20px 0; }
.image_preview div.large { float:left; width:660px; }
.image_preview div.thumbs { float:right; width:150px; }
.image_preview .thumbs img { margin:0 0 20px 0; }
/**
* Choice select
*/
.choise_select { width:150px; }
div.product_option_container { float:left; border:1px dotted #b2b2b2; background:#dfdfdf; margin:10px 5px 5px 0; padding:5px; }
.product_option_container strong { display:block; margin:0 0 3px 0; }
/**
* Quick links
*/
table.quicklinks_container { width:100%; }
.quicklinks_container td { vertical-align:top; width:50%; }
ul.quicklinks { float:left; padding:0 0 0 0; }
.quicklinks li { list-style-type:none; clear:both; height:20px; }
.quicklinks div.categories { float:left; }
.quicklinks .categories,
.quicklinks .categories a { color:#000; }
.quicklinks div.sub_categories { float:left; }
.quicklinks .sub_categories,
.quicklinks .sub_categories a { color:#f47920; }