/**
* 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
*/
body { background-color:#e09e15; background-repeat:no-repeat; background-position:top center; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, option, textarea, select {
color:#8f3a13; font:11px verdana, helvetica, sans-serif; }
@media only screen and (max-width: 1023px) {
html, body, div, span, applet, object, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, option, textarea, select{
font: 12px verdana, helvetica, sans-serif;
}
}
a { color:#de4900; text-decoration:underline; }
em { font-style:italic; }
div.spacer { clear:both; font-size:1px; }
div.hr { clear:both; height:1px; border-bottom:1px solid #d8af9c; margin:0 0 10px 0; }
div.clean_row { height:15px; }
strong { font-weight:bold; }
small { font-size:9px; }
.text_content, .text_content * { line-height:17px; }
.text_content p { margin:0 0 10px 0; }
.text_content ul, .text_content ol { margin:10px 0 10px 15px; }
span.date { font-size:9px; font-weight:bold; }
img#underconstruction { position:absolute; left:50px; top:50px; z-index:100; }
/**
* Headers
*/
h1 { font-size:24px; font-weight:bold; color:#c43f00; padding:0 0 15px 0; margin:0; }
h2 { font-size:14px; font-weight:bold; color:#c43f00; margin:0 0 5px 0; }
h3 { font-size:12px; font-weight:normal; color:#c43f00; margin:0 0 10px 0; }
/**
* GFX header
*/
div#gfx_header { margin:0 0 20px 0; border:1px solid #fff; }
#gfx_header img { width:763px; height:177px; }
/**
* Structure
*/
/* Wrapper */
div#wrapper { position:relative; float:left; width:100%; }
#wrapper div.wrapper_con { position:relative; margin:0 auto; width:990px; }
/* Container */
div#container { position:relative; padding:276px 0 0 0; }
div#left_section { float:left; position:relative; width:180px; top:0px; left:10px; }
div#content_section { float:right; min-height:640px; height:auto !important; height:640px; position:relative; width:755px; margin:0 10px 0 0; }
img.content_image { float:right; margin:0 0 15px 15px; }
a#company_logo { position:absolute; left:5px; top:4px; }
#company_logo em { display:none; }
img#online_label { position:absolute; left:60px; top:20px; }
/**
* Content block
*/
/* Normal content block */
div.content_block { float:left; width:100%; height:auto; background:#fff; border:1px solid #be7f00; }
.content_block div.con { padding:10px; }
div.home_header { background:#fff url('../../gfx/home_header.jpg') no-repeat 500px -180px; }
div.content_header { background:#fff url('../../gfx/home_header.jpg') no-repeat 500px bottom; }
.home_header div.con { width:480px; }
.content_header div.con { width:480px; }
/**
* Content menu
*/
ul.content_menu { position:absolute; right:15px; top:15px; background:#fff; margin:0 0 10px 20px; border:1px solid #be7f00; padding:5px 10px 5px 10px; width:150px; }
.content_menu li { list-style-type:none; }
.content_menu a { display:block; padding:5px 0 5px 0; border-bottom:1px solid #d8af9c; text-decoration:none; }
.content_menu a.last_item { padding-bottom:0; border:0; }
.content_menu a:hover { text-decoration:underline; }
/*
* Form
*/
/* Elements */
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
form { margin:0; }
input { margin:0; }
input.text, textarea { padding:4px 4px 4px 4px; margin:0 3px 0 0; border:1px solid #a53600; background:#fff; color:#551b00; }
input.text { width:140px; }
select.text { width:140px; padding:4px 4px 4px 4px; border:1px solid #a53600; background:#fff; color:#551b00; }
select.text option { background:#fff; color:#551b00; }
input.check_radio { margin:0; padding:0; }
label { cursor:pointer; position:relative; top:-1px; }
optgroup { font-style:normal; font-weight:bold; }
input:focus, select:focus, textarea:focus { background-color:#e6e6e6; }
input.submit_btn { cursor:pointer; background:#de4900 url('../../gfx/btn_bg.gif') repeat-x; border:1px solid #a53600; color:#fff; padding:3px 10px 3px 10px; text-align:center; }
input.large_submit_btn { cursor:pointer; background:#72a017 url('../../gfx/btn_bg2.gif') repeat-x; border:1px solid #375300; color:#fff; font-weight:bold; font-size:12px; padding:9px 6px 9px 6px; text-align:center; border-radius:5px; }
input.normal_btn { cursor:pointer; background:#de4900 url('../../gfx/btn_bg.gif') repeat-x; border:1px solid #a53600; color:#fff; padding:3px 10px 3px 10px; text-align:center; }
/* Form container */
.form_con td.con { padding:10px 20px 10px 0; vertical-align:top; }
.form_con strong { color:#0099ff; }
/* Table */
.form thead th { font-size:17px; font-weight:normal; color:#c43f00; padding:0 0 20px 0; }
.form tbody th { padding:0 4px 4px 0; text-align:left; width:100px; vertical-align:top; white-space:nowrap; }
.form tbody td { padding:0 0 4px 0; }
/* Data container */
table.data_con { width:auto; }
.data_con td.con { padding:0 20px 10px 20px; vertical-align:top; border-right:1px solid #b9bcb1; }
.data_con td.first_con { padding-left:0; }
.data_con td.last_con { border:0; }
/**
* Nav main
*/
/* Head category */
ul#nav_main { z-index:5; position:absolute; top:213px; left:573px; }
#nav_main li { list-style-type:none; float:left; position:relative; height:15px; display:inline; padding:0 18px 0 18px; }
#nav_main li.last { border:0; padding-right:0; }
#nav_main em { display:none; }
#nav_main li a { display:block; height:100%; cursor:pointer; }
#nav_main li a.home { width:36px; height:100%; background:url('../../gfx/main_menu.png') no-repeat 0 0; }
#nav_main li a.home:hover { background-position:0 -15px; }
#nav_main li a.about { width:63px; height:100%; background:url('../../gfx/main_menu.png') no-repeat -56px 0; }
#nav_main li a.about:hover { background-position:-56px -15px; }
#nav_main li a.customer_service { width:111px; height:100%; background:url('../../gfx/main_menu.png') no-repeat -137px 0; }
#nav_main li a.customer_service:hover { background-position:-137px -15px; }
#nav_main li a.contact { width:61px; height:100%; background:url('../../gfx/main_menu.png') no-repeat -264px 0; }
#nav_main li a.contact:hover { background-position:-264px -15px; }
#nav_main li a.login { width:62px; height:100%; background:url('../../gfx/main_menu.png') no-repeat -341px 0; }
#nav_main li a.login:hover { background-position:-341px -15px; }
/**
* Nav left
*/
ul#nav_left { margin:10px 0 10px 0; }
ul#nav_left li { list-style-type:none; }
ul#nav_left li a { display:block; border-bottom:1px solid #d4901e; height:25px; line-height:25px; color:#4a1a03; text-decoration:none; text-indent:5px; font-size:12px; }
ul#nav_left li a.selected,
ul#nav_left li a:hover { text-decoration:underline; } { text-decoration:underline; }
ul#nav_left li a.note { font-weight:bold; }
/* GFX */
#left_section div#nav_left_header_product { width:180px; height:34px; background:url('../../gfx/sprite.png') no-repeat 0 -120px; }
#left_section div#nav_left_header_category { width:180px; height:45px; background:url('../../gfx/sprite.png') no-repeat 0 -165px; }
#left_section div#nav_left_banner_a { width:175px; height:108px; background:url('../../gfx/sprite.png') no-repeat -211px -121px; margin:15px 0 15px 0; }
#left_section div#nav_left_banner_b { width:175px; height:75px; background:url('../../gfx/sprite.png') no-repeat -390px -119px; margin:0 0 15px 0; }
#left_section div#nav_left_banner_c { width:175px; height:150px; background:url('../../gfx/sprite.png') no-repeat -569px -119px; margin:0 0 15px 0; }
/* Average review con */
#left_section div#avg_review_con { width:180px; height:146px; background:url('../../gfx/sprite.png') no-repeat -569px -290px; }
#left_section #avg_review_con div.con { padding:45px 0 0 15px; line-height:20px; width:150px; }
#left_section #avg_review_con span.title { font-size:10px; color:#c43f00; }
#left_section #avg_review_con div.spacer { height:5px; }
/**
* Order summary
*/
div#order_summary { position:absolute; top:11px; right:5px; width:500px; height:25px; }
#order_summary div,
#order_summary a,
#order_summary strong { font-size:10px; color:#fac130; }
#order_summary div.line_1 { text-align:right; }
/**
* Items
*/
.items div.item { float:left; position:relative; margin:15px 15px 0 0; width:370px; height:302px; background:url('../../gfx/sprite.png') no-repeat 0 -270px; cursor:pointer; }
.items div.last_item { margin-right:0; }
.item a.title { text-decoration:none; }
.item a.title strong { display:block; font-size:17px; font-weight:bold; color:#c43f00; margin:15px 0 0 15px; }
.item img.image { float:left; background:#fff; margin:0 0 0 15px; border:1px solid #be7f00; cursor:pointer; padding:1px; }
.item p.desc { float:left; margin:0 0 0 10px; width:150px; }
.item div.action { position:absolute; top:230px; left:199px; }
.item .action a { display:block; width:181px; height:45px; background:url('../../gfx/btn_item_detail.png') no-repeat; }
.item .action a em { display:none; }
.item div.price { float:left; margin:10px 0 0 10px; width:150px; }
.item .price span { color:#3d1400; }
.item .price span.label { font-size:11px; font-weight:bold; }
.item .price span.value { font-size:20px; font-weight:bold; }
.item .price .value span.currency { font-size:16px; font-weight:bold; }
/**
* Footer
*/
div#footer { position:relative; float:left; width:100%; background:#c13f00 url('../../gfx/footer_bg.gif') no-repeat; }
#footer .column { float:left; margin:15px 15px 15px 0; }
#footer .zero { width:155px; margin-left:15px; }
#footer .first { width:220px; margin-left:15px; }
#footer .second { width:220px; }
#footer .third { width:305px; margin-right:0; }
#footer .pagelink { width:220px; border-top:1px solid #682100; }
#footer .first_pagelink { margin-left:15px; }
/* Items */
#footer .column div.items { width:100%; }
#footer .column .items ul { width:100%; }
#footer .column .items li { width:100%; list-style-type:none; }
#footer .column .items li a { display:block; width:100%; color:#fff; text-decoration:none; font-size:11px; }
#footer .column .items li a.title { text-indent:10px; height:30px; line-height:30px; background:#682100; color:#fff; font-size:11px; font-weight:bold; }
#footer .column .items a:hover { text-decoration:underline; }
#footer .column .items ul ul { margin:7px 0 0 0; }
#footer .column .items li li { padding:0 0 5px 0; text-indent:10px; }
/* Content */
#footer .column div.title { text-indent:10px; height:30px; line-height:30px; background:#682100; color:#fff; font-size:11px; font-weight:bold; }
#footer .column div.content { margin:7px 0 0 0; padding:0 0 0 10px; }
#footer .column .content .text_content { color:#fff; font-size:11px; }
/**
* Social media
*/
div#social_media { position:absolute; left:10px; top:100px; color:#fff; }
#social_media span.title { float:left; margin:0 5px 0 0; color:#fff; line-height:20px; }
#social_media a { float:left; margin:0 5px 0 0; }
/**
* Copyright
*/
div#copyright { float:left; width:100%; background:#682100; height:30px; text-align:right; }
#copyright div.con { padding:0 15px 0 0; color:#fff; line-height:29px; }
/**
* Icons
*/
a.icon_facebook { display:block; width:24px; height:24px; background:url('../../gfx/sprite.png') no-repeat -146px -60px; }
a.icon_youtube { display:block; width:24px; height:24px; background:url('../../gfx/sprite.png') no-repeat -171px -60px; }
a.icon_rss { display:block; width:16px; height:16px; background:url('../../gfx/sprite.png') no-repeat -30px -60px; }
a.icon_twitter { display:block; width:24px; height:24px; background:url('../../gfx/sprite.png') no-repeat -120px -60px; }
a.icon_delete { display:block; width:16px; height:16px; background:url('../../gfx/sprite.png') no-repeat 0 -90px; }
a.icon em { display:none; }
/**
* Product detail
*/
#product_detail div.con { width:100%; }
#product_detail div.image { position:relative; float:left; width:280px; }
#product_detail div.image div.images { height:285px; background:#fff; }
#product_detail div.image .images img { position:absolute; left:0; top:0; border:1px solid #be7f00; display:none; }
#product_detail div.image .thumbs img { float:left; margin:6px 6px 0 0; border:1px solid #be7f00; }
#product_detail div.image .thumbs img.last_image { margin-right:0; }
#product_detail div.desc { float:left; width:190px; margin:0 0 0 15px; padding:0 15px 0 0; border-right:1px solid #d8af9c; }
#product_detail div.price { float:left; width:170px; margin:0 0 0 15px; padding:0 0 0 15px; }
#product_detail .price table.price_overview { width:100%; border:1px solid #97481f; background:#de4900; margin:10px 0 10px 0; }
#product_detail .price .price_overview th,
#product_detail .price .price_overview td { color:#fff; padding:5px; }
#product_detail .price .price_overview td { font-weight:bold; font-size:14px; text-align:right; white-space:nowrap; }
#product_detail .price .price_overview small { color:#f5bb9f; }
#product_detail .btn_con { float:right; margin:0 20px 0 0; }
/**
* Tabs
*/
div#tabs { width:749px; float:left; margin-bottom:10px; }
.content_block div#tabs { width:729px; float:left; }
#tabs div.content_column { float:left; width:200px; padding:0 20px 0 0; margin:0 20px 0 0; border-right:1px dotted #d8af9c; }
#tabs div.last_content_column { margin-right:0; padding-right:0; border:0; }
/**
* Article list
*/
table.article_list { width:100%; margin:0 0 15px 0; background:#fff; }
.article_list table.bordered { border:1px solid #e1e0d6; }
.article_list tr:nth-child(2n+1) { background:#f2f1e9; }
.article_list tr tr:nth-child(2n+1) { background:none; }
.article_list th { border-bottom:1px solid #551b00; font-weight:bold; color:#551b00; padding:6px 10px 6px 10px; }
.article_list td { border-bottom:1px solid #d8af9c; padding:6px 10px 6px 10px; }
.article_list td.last { border:0; }
.article_list td.padding_less { padding-left:0; }
.article_list td.nowrap { white-space:nowrap; }
.article_list td.topper { vertical-align:top; }
.article_list td.choice { width:35px; text-align:center; background:#551b00; padding:6px 0 6px 0; }
.article_list td.star_con { width:200px; }
.article_list .image { width:80px; vertical-align:top; }
.article_list .image img { border:1px solid #be7f00; padding:4px; }
.article_list .name { width:200px; font-weight:bold; }
.article_list .desc { line-height:17px; }
.article_list .extern_link { background:#551b00; border:0; }
.article_list .basket { white-space:nowrap; }
.article_list .price { text-align:right; white-space:nowrap; }
.article_list .totall_price { font-weight:bold; font-size:14px; }
.article_list tr.result td { background:#f0eede; color:#551b00; }
.article_list th.amount,
.article_list td.amount { text-align:right; }
/* Reviews */
.review_item.featured { display: table-row; }
.review_item.hidden { display: none; }
.review_display_toggle_btn.hidden { display: none; }
/**
* 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%; }
div.small_message { width:482px; }
div.positive_message { background:#72a017; border:1px solid #375300; }
div.negative_message { background:#a72b00; border:1px solid #611900; }
.message div.text { padding:10px; color:#fff; }
.message .text a { color:#fff; font-weight:bold; }
/**
* Banners
*/
img#ban_choose_category { width:191px; height:137px; }
img#ban_how_it_works { width:186px; height:297px; }
img#ban_ideal { width:181px; height:77px; }
/**
* Star
*/
div.star { float:left; width:15px; height:14px; background:url("../../gfx/star.png") no-repeat -15px 0; }
div.star.selected { background-position:0 0; }
/**
* Delivery map
*/
#delivery_map div#map_canvas { width:440px; height:500px; border:1px solid #b9bcb1; }
/**
* Postal check
*/
div#postal_check { position:absolute; left:390px; top:99px; }
#postal_check input.text { width:130px; border:0; background:none; margin-right:20px; text-align:center; }
/* Result */
img.postal_check_result { position:absolute; cursor:pointer; z-index:999; }
img#postal_check_pos_result { left:185px; top:0; }
img#postal_check_neg_result { left:240px; top:0; }
img#postal_check_reminder { left:-70px; top:-170px; }
/**
* Checkbox options
*/
table.checkbox_options td { padding:3px; }
/**
* Basket steps
*/
div.basket_steps { width:100%; height:62px; background-image:url("../../gfx/basket_steps.png"); background-repeat:no-repeat; }
div.basket_step_1 { background-position:0 0; }
div.basket_step_2 { background-position:0 -62px; }
div.basket_step_3 { background-position:0 -124px; }
div.basket_step_4 { background-position:0 -186px; }
div.basket_step_5 { background-position:0 -248px; }
div.basket_step_6 { background-position:0 -310px; }
/**
* Personal message preview
*/
div#personal_message_input { position:relative; }
#personal_message_input img#preview_personal_message { position:absolute; right:0; top:60px; }
.emoticon-warning { margin: 10px 0; }
/**
* Add this
*/
div#add_this { position:absolute; left:605px; top:10px; width:70px; z-index:20; border-right:1px dotted #fac130; padding:0 10px 0 0; }
/**
* Mobile nav
*/
div.mobile_nav{display:none;}
/*
* jQuery youtube pop up
*/
.YouTubePopUp-Wrap{
position:fixed;
width:100%;
height:100%;
background-color:#000;
background-color:rgba(0,0,0,0.8);
top:0;
left:0;
z-index:9999999999999;
}
.YouTubePopUp-animation{
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: YouTubePopUp;
animation-name: YouTubePopUp;
}
@-webkit-keyframes YouTubePopUp {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes YouTubePopUp {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body.logged-in .YouTubePopUp-Wrap{ /* For WordPress */
top:32px;
z-index:99998;
}
.YouTubePopUp-Content{
max-width:680px;
display:block;
margin:0 auto;
height:100%;
position:relative;
}
.YouTubePopUp-Content iframe{
max-width:100% !important;
width:100% !important;
display:block !important;
height:480px !important;
border:none !important;
position:absolute;
top: 0;
bottom: 0;
margin: auto 0;
}
.YouTubePopUp-Hide{
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: YouTubePopUpHide;
animation-name: YouTubePopUpHide;
}
@-webkit-keyframes YouTubePopUpHide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes YouTubePopUpHide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.YouTubePopUp-Close{
position:absolute;
top:0;
cursor:pointer;
bottom:528px;
right:0px;
margin:auto 0;
width:24px;
height:24px;
background:url(../../gfx/close.png) no-repeat;
background-size:24px 24px;
-webkit-background-size:24px 24px;
-moz-background-size:24px 24px;
-o-background-size:24px 24px;
}
.YouTubePopUp-Close:hover{
opacity:0.5;
}
@media all and (max-width: 768px) and (min-width: 10px){
.YouTubePopUp-Content{
max-width:90%;
}
}
@media all and (max-width: 600px) and (min-width: 10px){
.YouTubePopUp-Content iframe{
height:320px !important;
}
.YouTubePopUp-Close{
bottom:362px;
}
}
@media all and (max-width: 480px) and (min-width: 10px){
.YouTubePopUp-Content iframe{
height:220px !important;
}
.YouTubePopUp-Close{
bottom:262px;
}
}