html, body { margin:-10px 0 0 0; padding:0; background-image: url("../imgs/background_.jpg"); background-repeat: repeat-x; }
p { font:0.8em Arial; }
a:link, a:visited, a:active, a:hover { text-decoration: none; }
h1 { font: 1.4em Arial; color: #C62747; margin: 0; font-weight: bold; line-height: 0.8em; }
h2 { font: 0.8em Arial; color: #666; margin: 0; font-weight: bold; padding: 0; }
h3 { font: 1.2em Arial; color: #333; padding: 5px 5px 5px 0; margin: 0; font-weight: bold; }
h4 { font: 1.4em Arial; color: #012b54; padding: 5px; margin: 0; font-weight: bold; }
h5 { font: 1.8em Arial; color: #333; padding: 5px 0; margin: 0; font-weight: bold; }
/* =================== CELOTNA STRAN ================== */
#wrapper { clear: both; margin:0 auto; padding:0; width: 935px; }
/* =================== HEADER ================== */
#header { float: left; clear: both; width: 100%; margin: -10px 0 0 0; padding: 0; height: 140px; }
#logo { clear: both; margin:0 auto; padding:0 0 0 60px; width: 935px; }
#smart_tabs { float: left; clear: both; }
/* =================== BODY ================== */
#body_top_bg { float:left; clear: both; width:100%; margin:0; padding: 0; }
#body_bottom_bg { float:left; clear: both; width:100%; margin:0; padding: 0; }
#body { float: left; clear: both; width: 100%; background: #FFF; overflow: hidden; border-right: 1px solid #CCC; border-left: 1px solid #CCC; }
#left_menu { float: left; width: 260px; height: auto; margin: 0; padding: 0; border: 0px solid #000; background: #FFF; margin-bottom: -2000px; padding-bottom: 2000px; }
#left_menu p { font: 0.8em Arial; color: #000; padding: 0; margin: 0; }
#quick_contact { float: left; width: 250px; margin: 10px; padding: 0; color: #000; font}
#quick_contact td { font: 0.74em Arial; font-weight: bold; color: #000; }
#quick_contact a, #quick_contact a:hover { color: #000; font-weight: bold; }
#subcategories { float: left; width: 250px; background: #FFF; margin: 20px 5px 0 5px; padding: 0; }
#subcategories ul { list-style-type:none; }
#subcategories li { padding: 10px 10px 10px 40px; font: 0.8em Arial; color: #000; border-bottom: 1px dashed #999; background-image: url("../imgs/bullet.jpg"); background-position: 20px 15px; background-repeat: no-repeat; }
#subcategories a { font-family: Arial; color: #000; font-weight: bold; font-size: 14px; display: block; }
#subcategories a:hover { text-decoration: none; display: block; }
#subcategories ul { padding-left: 10px;}
.sub_title { font: 1.3em Arial; font-weight: bold; color: #FFF; }
.sub_info { font: 0.9em Arial; font-weight: bold; color: #FFF; }
#search { float: left; width: 240px; margin: 0; padding: 10px 0 0 5px; }
#dostava { float: left; width: 240px; background: #FFF; margin: 100px 5px 20px 5px; padding: 5px; }
#newsletter { float: left; width: 240px; background: #FFF; margin: 20px 5px; padding: 5px; }
#garancija { float: left; width: 240px; background: #FFF; margin: 20px 5px; padding: 5px; }
#obroki { float: left; width: 240px; background: #FFF; margin: 20px 5px; padding: 5px; }
#main_content { float:left; border: 0px solid #FFF; width: 670px; background: #FFF; margin-bottom: -2000px; padding-bottom: 2000px; }
#banners { background: #FFF; }
/* ==================== PRODUKTI ========================= */
#featured { float: left; background: #FFF; width: 665px; margin: 5px 0 0 0; padding: 0; overflow: hidden; position:relative; font: 12px Arial; }
#featured p { padding: 5px 5px 5px 0; margin: 0; line-height: 1.4em; font: 11px Arial; }
#featured li { padding: 5px 0; font: 12px Arial; color: #333; }
#featured a.subcategories { color: #333; font-weight: bold; padding: 2px; }
#featured a:hover.subcategories { text-decoration: none; background: #f0f0f0; color: #333; padding: 2px; }
#bestsellers { float: left; background: #FFF; width: 660px; margin: 5px 0 0 0; padding: 0; }
#main_bottom_bg { float:left; clear: both; width:100%; margin:0; padding: 0; }
.section_title { display: block; clear:both; background: #C62747; padding: 5px 0 3px 5px; color: #FFF; font: 16px Arial; font-weight:bold; margin: 5px 0 5px 5px; }
#list_options .selected { font: 16px Arial; font-weight: bold; }
#list_options { float: left; margin:0 5px; padding: 0; clear: both; width: 650px; background: #f0f0f0; height: 30px; color: #333; }
#list_options tr, #list_option td, #thumbnail tr, #thumbnail td, #thumbnail_podobni td, #thumbnail_podobni tr { font-family: Arial; font-size: 12px; color: #333; }
#list_options a, #thumbnail a, #thumbnail_podobni a { font-family: Arial; font-size: 11px; color: #333; text-decoration: none; font-weight: bold; }
#thumbnail { float: left; width: 650px; height: 110px; border: 0px solid #999; margin: 0 0 10px 5px; padding: 0; display: block; position:relative; z-index:0; }
#thumbnail_podobni { float: left; width: 210px; display: inline; border: 0px solid #000; margin-left: 5px; padding: 0; }
#thumbnail_podobni_img { float:left; height: 70px; clear: both; width: 210px; }
#thumbnail_podobni_title { float: left; height: 50px; margin-top:10px; text-align: right; width: 210px; }
#thumbnail_podobni_opis { float: left; height:80px; border:0px solid #900; margin-bottom: 5px; width: 210px; padding: 0 5px; }
#thumbnail_podobni_pdf { float: left; height:30px; border:0px solid #000; }
#thumbnail_podobni_cena { float:left; height:30px; text-align: right; width: 90px; }
.opis { font: 11px Arial; color:#666; }
.naslov { font: 14px Arial; font-weight:bold; color:#333; }
.cena { font: 20px Arial; font-weight:bold; color:#333; margin-right:10px; }
.overlay_novo { z-index:999; position:relative; border:0 solid #333; }
.overlay_akcija { z-index:999; position:relative; border:0 solid #333; }
.rezultati { font: 14px Arial; color: #333; font-weight: bold; padding-left: 5px; }
.nastevanje { font: 11px Arial; color: #999; font-weight:bold; padding: 0 3px;}
.Star { color: #900; font-weight: bold; }
.novost { color: #900; font: 14px Arial; font-weight: bold; padding-left: 10px; }
.akcija { color: #063; font: 14px Arial; font-weight: bold; padding-left: 10px; }
/* ========================= POSAMEZNI PRODUKT ============================= */
#individual_product_top { float:left; clear: both; width:100%; margin:0; padding: 0; }
#individual_product_main { float: left; background: #FFF; width: 660px; margin: 0; padding: 0; position: relative;}
#breadcrumbs { float: left; width: 100%; clear:both; color: #999; font: 10px Arial; padding-left: 5px; }
#breadcrumbs a { color: #999; font: 10px Arial; text-decoration: underline; }
#ime_izdelka { float: left; width: 100%; clear:both; padding-left: 10px; }
#product_details { float: left; width: 100%; clear:both; padding:0; margin: 0; }
#product_details_img { float: left; width: 350px; }
#product_details_slika { text-align: center; height: 250px; }
#product_details_zoom { background-image: url("../imgs/zoom.jpg"); background-repeat: no-repeat; margin-left: 80px; padding-left: 20px; }
#product_details_zoom a { color: #999; font: 0.86em Arial; font-weight: bold; }
#product_details_tags { margin:10px 0 0 0; padding: 0; text-align: center; font: 0.86em Arial; color: #999; font-weight: bold; }
#product_details_tags a { font: 0.86em Arial; color: #999; }
#product_details_misc { float: right; width: 310px; }
#product_details_cena { margin-top: 40px; }
.vpc { clear: both; display: block; color: #012b54; font: 16px Arial; font-weight: bold; }
.ppc { clear: both; display: block; color: #c62747; font: 16px Arial; font-weight: bold; }
.vpc_small { clear: both; display: block; color: #012b54; font: 16px Arial; font-weight: bold; }
.ppc_small { clear: both; display: block; color: #012b54; font: 16px Arial; font-weight: bold; }
.ean { font: 0.7em Arial; color: #666; font-weight: normal; }
#product_details_zaloga { float: left; clear: both; margin-top: 50px; font: 0.88em Arial; color: #666; font-weight: bold; }
.red { color: #900; font: 12px Arial; font-weight: bold; background-image: url("../imgs/error.png"); background-repeat: no-repeat; padding-left: 20px; }
.green { color: #063; font: 12px Arial; font-weight: bold; background-image: url("../imgs/available.png"); background-repeat: no-repeat; padding-left: 20px; }
#product_details_pdf { float: left; clear: both; margin-top:10px; background-image: url("../imgs/pdf.jpg"); background-repeat: no-repeat; padding-left: 20px; }
#product_details_pdf a { color: #999; font: 0.86em Arial; font-weight: bold; }
#product_details_cart { float: left; clear: both; margin-top: 40px; }
#long_description { float: left; width: 660px; clear: both; margin-top: 10px; padding: 0; }
#long_description p { padding: 5px 15px; color: #333; font: 12px Arial; }
#long_description a { color: #333; font: 12px Arial; font-weight: bold; }
.date { background-image: url("../imgs/date.png"); background-repeat: no-repeat; padding-left: 20px; color: #666; font: 12px Arial; font-weight: bold; }
.print { background-image: url("../imgs/print.png"); background-repeat: no-repeat; padding-left: 20px; font: 12px Arial; color: #666; font-weight: bold; }
.pdf { background-image: url("../imgs/pdf.jpg"); background-repeat: no-repeat; padding-left: 20px; padding-bottom: 5px; font: 12px Arial; color: #999; font-weight: bold; }
#glossary { float: left; clear: both; width: 100%; padding-left: 15px; margin: 20px 0 80px 0; }
#glossary p { font: 10px Arial; color: #666; text-decoration: none; text-align: left; }
.ime_izdelka { color: #012b54; text-decoration: none; font-family: Arial; font-size: 16px; font-weight: bold; }
#podobni { margin: 40px 0 0 0; padding: 0; }
.podobni_ime_izdelka { color: #333; text-decoration: none; font-family: Arial; font-size: 14px; font-weight: bold; }
.podobni_cena { color: #C62747; text-decoration: none; font-family: Arial; font-size: 14px; font-weight: bold; }
/* ========================= MAIN NAVIGATION ============================ */
#tabs {
width:935px;
font-size:90%;
line-height:normal;
margin:0 auto;
text-align: center;
padding-left: 120px;
}
#tabs ul {
margin:0;
padding:0;
list-style:none;
}
#tabs li {
display:inline;
margin:0;
padding:0;
}
#tabs a {
float:left;
background:url("../imgs/_tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 6px;
text-decoration:none;
}
#tabs a span {
float:left;
display:block;
background:url("../imgs/_tabright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#012b54;
font-family: Arial;
font-weight: bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#FFF;
font-family: Arial;
font-weight: bold;
}
#tabs a:hover {
background-position:0% -42px;
font-family: Arial;
font-weight: bold;
}
#tabs a:hover span {
background-position:100% -42px;
font-family: Arial;
font-weight: bold;
}
#selected a {
float:left;
background:url("../imgs/tableft_prva.gif") no-repeat left top;
margin:0;
padding:0 0 0 6px;
text-decoration:none;
}
#selected a span {
float:left;
display:block;
background:url("../imgs/tabright_prva.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
font-family: Arial;
font-weight: bold;
}
/* =================== FOOTER ================== */
#footer { float: left; clear: both; width: 100%; margin-top:10px; }
#partnerji { float: left; clear:both; width: 100%; padding-left: 10px; }
#footer_info { float: left; clear: both; width: 100%; margin: 40px 0; text-align: center; color: #999; font: 10px Arial; }
#footer_info a { text-decoration: underline; color: #999; }
/* =================== BANNERS ================== */