/* Basic CSS by Dhakra.com */ body { /* background of website and basic font settings */ margin: 0px; padding: 0px; font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; font-size:0.80em; color:#444444; background:url('images/body-bg.jpg') #230101 top center repeat-x; /*background-color: #230101;*/ color:#FFCC99; /* default color of text */ cursor:default; } #body{ /* background image of website */ margin:0px; padding:0px; /*margin-left:auto; margin-right:auto;*/ /* to center new IE and other */ background:url('images/body-bg.jpg') #230101 top center repeat-x; text-align:center; /*border: solid #33325E 1px;*/ clear:both; } #bodybg{ /* background image of website */ min-width:990px; /*margin:10px; padding:0px;*/ padding:0px; /* to center new IE and other */ margin:0px auto; /*background:url('img/body-bg.jpg') #08113B top center repeat-x;*/ text-align:center; /*border: solid #000000 5px;*/ clear:both; } #bodyContent { /* width of website */ width:990px; min-height:930px; padding:0px; margin:0px auto; /* to center new IE and other */ text-align: left; } /* HTML Basics ================================================================================================*/ /* Titles */ h1 { /* Main Title */ font-size:200%; color:#FFF; margin:0px; padding:10px 0px 10px 0px; font-weight:normal; border:none; line-height:100%; /*font-family: "Palatino Linotype", "Times New Roman", Times, serif; font-style:italic;*/} h2 { /* Title */ font-size:130%; color:#BE983D; margin:0px; padding:10px 0px 5px 0px; /*font-family: "Palatino Linotype", "Times New Roman", Times, serif;*/} /* Sub-Titles */ h3 { font-size:110%; color:#FFDD8D; margin:0px 0px 5px 0px; padding:0px; } h4 { font-size:100%; color:#FFDD8D; margin:0px 0px 5px 0px; padding:0px; font-weight:bold; } /* Text */ p { margin-top:5px; margin-bottom:15px; font-size: 100%;} strong { font-size:100%;} small { color: #66DFFF; font-size: 90%;} em { font-weight: bold; color: #b2b2b2; font-size: 100%; margin-bottom:5px; font-style:normal;} ul { margin: 10px 0px 0px 0px; padding: 0px; list-style:none; } li { margin: 0px; padding: 0px 0px 0px 15px; background: url('images/li.gif') 0px 6px no-repeat;} /* Links and Buttons */ a {margin: 0px; padding: 0px; color:#BE983D; font-size: 100%; text-decoration:none;} a:hover {color: #66501A; /*color: #AA2400;*/ text-decoration:none;} /*.button {font-size:110%; color:#482B88; margin-top:20px; font-weight:bold; display:block; width:202px; height:16px; padding:14px 12px 12px 16px; background: url('img/button0.jpg') top left no-repeat;} .button:hover {color:#482B88; background:url('img/button1.jpg') top left no-repeat; text-decoration:none;} */ /* Other */ hr {display:block; color: #681717; width: 100%; height: 1px; line-height: 1px; border: 0px; margin: 5px 0px 5px 0px; padding: 0px; background-color: #681717; clear:both;} span { font-weight: bold;/*display:block; width:50px; padding:0px; margin-right:6px; float:left;*/} img {margin: 0px; padding: 0px; border: 0px;} .displaynone {display:none; width:0px; height:0px; overflow:hidden;} .float-right {float:right; } .float-left {float:left;} .center {text-align:center;} .lightblue {color:#CCCCFF;} .big {font-size:13px; font-weight: bold;} .bigger {font-size:16px; font-weight: bold;} .white {color:#FFFFFF; } /* Forms */ button, input {font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; color:#003300;} /* Tables */ table {width:100%;} th {padding: 3px 5px;} td {padding: 2px 5px;} .button {width:100px; float:left; padding: 2px 0px; color:#D3E076; border: solid #3D540A 0px;} .button button {width:100px; height:30px; float:left; color:#FFDD77; font-size:90%; background:none; border: solid #3D540A 0px; padding-top:5px; text-align:center; font-weight:bold;} .button button:hover {color:#FFFFFF; background:none;} /* Page Header ================================================================================================*/ #header { /* Flash main-menu */ position:relative; width:990px; height: 245px; min-height:245px; margin: 0px; padding: 0px; border: solid #FF77FF 0px; color:#F2883D; background: url('images/header-bg.jpg') top center no-repeat; clear:both; } #header .logo {position:absolute; top: 20px; left:25px; border: solid #FF77FF 0px;} #header .logo img{width:105px; height:155px;} #header .headertitle {position:absolute; top:35px; left:310px; font-size:150%; color:#74F6E0; font-weight:normal;} #header .motto {position:absolute; top: 40px; left: 180px; color:#FCC888;} #header .motto ul {list-style:none;} #header .motto li {padding: 5px 0px 5px 20px; color:#FCC888; font-size:110%; font-weight:bold; background: url('images/li.gif') 10px left no-repeat; } #header .motto h2{color:#FFFFBB; font-size:175%; margin:0px; padding:0px; border:none;} #header .contact {position:absolute; top: 20px; left: 775px; width:126px; height:101px; padding:16px 20px; color:#FFFFFF; background: url('img/header-contact-bg.png') top left no-repeat; font-weight:bold;} #header .contact h2{font-size:125%; color:#FFFFFF; margin:0px 0px 7px 0px;; padding:0px 0px 5px 0px; border-bottom:solid #482B88 2px; font-weight:bold;} /* Top Cart */ #header .topcart{ display:block; position:absolute; top: 50px; right: 10px; width:370px; height:auto; padding-top: 10px; border-top: solid #6A0B0B 1px; text-align:right; background: url('img/topcart-bg.jpg') top left no-repeat;} #header .topcart .cart-content{width:225px; height:auto; float:left; text-align:right;} #header .topcart .cart-content .title {float:left; display:block; width:120px; height:20px; color:#F2883D; font-weight:normal; text-align:right;} #header .topcart .cart-content .cont {float:right; display:block; width:100px; height:20px; color:#E3D69D; font-weight:bold; text-align:right;} #header .topcart a.cart-link {float:right; padding: 12px 10px 0px 10px; width:108px; height:26px; color:#541B0D; font-weight:bold; text-align:left; background: url('images/topcart-link-out.png') top left no-repeat;} #header .topcart a.cart-link:hover {color: #541B0D; background: url('images/topcart-link-over.png') top left no-repeat;} #header .topmenu {position:absolute; top: 15px; right: 10px; width:370px; font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;} #header .topmenu h2 {display:block; float:left; width:200px; color:#F2883D; font-size:120%; padding:0; margin:0; font-weight:bold; text-decoration:none;} #header .topmenu ul {display:block; margin:0px; width:auto; float:right; background:none;} #header .topmenu li {display:block; margin:0px; float:left; padding-top:2px; padding-left:15px; margin-left:13px; border-left: solid #E3D69D 1px; background:none;} #header .topmenu li.first {padding-left:0px; margin-left:0px; border-left: solid #CBE1DD 0px; background:none; } #header .topmenu li a {color:#F2883D; font-size:90%; padding-bottom:2px; /*font-weight: bold;*/ text-decoration:none;} #header .topmenu li a:hover, #header li a:focus {color: #fff; /*text-decoration: underline;*/ } #header ul.topmenu li a.home {display:inline; padding-left:30px; height:28px; padding-top:2px; background: url('img/topmenu-home.png') 0px 0px no-repeat;} #header ul.home {top: 0px; left: 30px;} #header ul.topmenu li.title {padding-left:0px; margin-left:0px; margin-right:25px; border-left: solid #CBE1DD 0px; background:none; } /* Main Menu ================================================================================================*/ #mainmenu-index { position:absolute; top:194px; left:30px; width:930px; height: 42px; min-height:42px; /*margin: 0px; padding: 0px 0px;*/ border: solid #FF77FF 0px; background: url('img/mainmenu-bg.jpg') top center no-repeat; clear:both; } #mainmenu-index ul.menu {display:block; margin: 0px; padding: 0px; width:960px; height:37px; margin-left:auto; margin-right:auto; border: solid #FF77FF 0px; /*font-family: "Palatino Linotype", "Times New Roman", Times, serif;*/ font-style:normal;} #mainmenu-index ul.menu li {display:block; float:left; width:140px; height:42px; padding-left:0px; margin:0px; padding-top:0px; background:none;} #mainmenu-index ul.menu li.first {padding-left:0px; margin-left:0px; width:44px; background:none; } #mainmenu-index ul.menu li a {display:block; width:140px; height:30px; color:#FFFFCC;/*color:#D3E076;*/ font-size:105%; padding:0px 0px; padding-top:12px; font-weight: bold; text-decoration:none; text-align:center; /*background: url('img/mainmenu-out.jpg') top center no-repeat;*/} #mainmenu-index ul.menu li a:hover {color: #FFF; background: url('images/mainmenu-over.jpg') top center repeat-x;/*text-decoration: underline;*/ } #mainmenu-index ul.menu li a.home {display:block; width:50px; height:27px; background: url('images/mainmenu-home-out.png') center center no-repeat;} #mainmenu-index ul.menu li a.home:hover {background: url('images/mainmenu-home-over.png') center center no-repeat;} #mainmenu-index ul.menu li.delimiter {padding-left:0px; margin:0px 1px; width:1px; background: url('images/mainmenu-delimiter.jpg') top left no-repeat; } #mainmenu-index ul.menu li a.on {color:#FFF; height:25px; padding-top:12px; background: url('images/mainmenu-on.jpg') top center repeat-x;} /* Main Menu - other */ /*#mainmenu{ position:relative; width:950px; height: 90px; min-height:90px; margin-bottom: 0px; padding: 0px 20px; border: solid #FF77FF 0px; background: url('img/mainmenu-bg.jpg') top center no-repeat; clear:both; } #mainmenu ul {display:block; margin: 0px; padding: 0px; width:970px; height:70px; margin-left:auto; margin-right:auto; border: solid #FF77FF 0px; list-style:none; font-style:normal;} #mainmenu ul li {display:block; float:left; width:140px; height:55px; padding-left:0px; margin-left:0px; padding-top:0px; margin-top:0px;} #mainmenu ul li.first {padding-left:0px; margin-left:0px; width:44px; background:none; } #mainmenu ul li a {display:block; width:140px; height:33px; color:#FFFFCC; font-size:105%; padding-top:22px; font-weight: bold; text-decoration:none; text-align:center; background: url('img/mainmenu-out.jpg') center 5px no-repeat;} #mainmenu ul li a:hover {color: #FFFFFF; background: url('img/mainmenu-over.jpg') top center no-repeat; } #mainmenu ul li a.home {display:block; width:44px; height:50px; background: url('img/mainmenu-home-out.jpg') top center no-repeat;} #mainmenu ul li a.home:hover {background: url('img/mainmenu-home-over.jpg') top center no-repeat;} #mainmenu ul li.delimiter {padding-left:0px; margin-left:0px; width:2px; background: url('img/mainmenu-delimiter.gif') 0px 5px no-repeat; } */ /* Page Footer ================================================================================================*/ #footer { position:relative; width:960px; color:#FF9E71; min-height:150px; margin:0px; padding:0px; border: solid #FF77FF 0px; text-align: center; background: url('img/footer-bg.jpg') center 30px no-repeat; clear:both;} #footer .menu {width:960px; height:auto; color:#E3D69D; padding: 10px 0px 10px 0px; background: url('img/footermenu-line.jpg') bottom center no-repeat; font-size:120%; border-bottom: solid #480405 1px; text-align: center; clear:both;} #footer .menu a { font-size:80%; color:#F2883D; text-decoration:none; margin: 0px; margin-left:10px; margin-right:10px; font-weight:bold; } #footer .menu a:hover { color: #FFF; text-decoration: none;} #footer .copy { padding:0px 0px 18px 0px; margin-top: 15px; color: #FF9E71; background: url('img/footercopy-line.jpg') center 22px no-repeat; text-align:center; clear:both;} #footer .copy a{color: #FF9E71; font-weight:bold; text-decoration:none;} #footer .copy a:hover{color:#FFBE91;} /* Page Container ================================================================================================*/ .goldline-top { position:relative; width:960px; height:10px; margin: 0px; padding: 0px; border: solid #FF77FF 0px; clear:both; background: url('img/goldline-top.jpg') top center repeat-x; } .goldline-bot { position:relative; width:960px; height:6px; margin: 0px; padding: 0px; border: solid #FF77FF 0px; clear:both; background: url('img/goldline-bot.jpg') top center repeat-x; } .page { position:relative; width:990px; height:auto; margin: 0px; padding: 0px; border: solid #FF77FF 0px; clear:both; background: url('images/page-bg.jpg') top center repeat-y; } .page .page-top { width:990px; height:100%;/*min-height: 600px;*/ margin: 0px; padding: 0px; border: solid #FF0000 0px; clear:both; background: url('images/page-bg-top.jpg') top center no-repeat; z-index:1; } .page .page-end { position:relative; width:974px; min-height: 250px; margin: 0px; padding: 10px 8px; padding-top:10px; padding-bottom:35px; background: url('images/page-bg-end.jpg') bottom center no-repeat; clear:both; line-height:18px; } .page .page-end-index { position:relative; width:960px; min-height: 250px; margin: 0px; padding: 0px; background: url('img/page-bg-end.jpg') bottom center repeat-x; clear:both;/*line-height:18px;*/ } .indexslider {width:960px; padding: 0px; padding-top:0px; padding-bottom:0px;} /* .page .page-tlc { position:absolute; width:20px; height: 20px; top:0px; left:0px; background: url('img/page-tlc.jpg') top left no-repeat; border: solid #FF0000 1px;} .page .page-trc { position:absolute; width:20px; height: 20px; top:0px; right:0px; background: url('img/page-tlc.jpg') top left no-repeat; border: solid #FF0000 1px;} .page .page-blc { position:absolute; width:20px; height: 20px; bottom:0px; left:0px; background: url('img/page-tlc.jpg') top left no-repeat; border: solid #FF0000 1px;} .page .page-brc { position:absolute; width:20px; height: 20px; bottom:0px; right:0px; background: url('img/page-tlc.jpg') top left no-repeat; border: solid #FF0000 1px;} */ .pageLeft {width:170px; min-height: 250px; float:left; border: solid #004400 0px;} .pageContent {width:725px; min-height: 250px; float:right; border: solid #5500F0 0px; padding:0px 25px; overflow:hidden;} /* MENU - SIDE (SORTIMENT) ===================================================*/ .sidemenu {width:198px; min-height: 100px; margin-top: 10px; clear:both; border: solid #004400 0px;} /* height: 446px; */ .sidemenu .title {width:170px; left:30px; height:25px; padding:5px;} .sidemenu h2 {margin:0px; padding:0px; padding-bottom:15px; padding-left:34px; font-size:115%; font-weight:bold; background: url('images/trans.gif') left top no-repeat;} .sidemenu h3 {margin:0px; padding:0px; height:40px; color:#FFFF0F; font-size: 90%; font-weight:bold; clear:both; background: url('img/trans.gif') left top no-repeat;} .sidemenu ul{ display:block; width:198px; margin:0px; padding:0px; padding-bottom:8px; list-style:none; background: url('images/sidemenu-end.gif') left bottom no-repeat; /*background-color:#4E4E4E;*/} .sidemenu li{ width:198px; margin:0px; padding:0px; background: url('images/trans.gif') no-repeat;} .sidemenu li a { color:#FF9E71; display:block; height:30px; width:168px; padding:10px 0px 0px 30px; border-top: solid 2px #480405; background: url('images/sidemenu-out.jpg') left top no-repeat;} .sidemenu li a:hover {color: #FFBE91; text-decoration:none; background: url('images/sidemenu-over.jpg') left top no-repeat;} .sidemenu li a.on {color: #FFF; text-decoration:none; background: url('images/sidemenu-on.jpg') left top no-repeat;} .sidemenu li.sub1 h4 {margin:0px; padding:0px; height:30px; color:#FC6800; font-size: 85%; font-weight:bold; clear:both; background: url('img/trans.gif') left top no-repeat;} .sidemenu li.sub1 { width:180px; margin:0px; padding: 0px; border-top: solid #DDD 0px; background: url('img/trans.gif') no-repeat;} .sidemenu li.sub1 a { color:#FF9E71; display:block; height:25px; width:163px; padding:7px 0px 0px 35px; background: url('images/sidemenu-sub1-out.jpg') left top no-repeat;} .sidemenu li.sub1 a:hover {color: #FFBE91; text-decoration:none; background: url('images/sidemenu-sub1-over.jpg') left top no-repeat;} .sidemenu li.sub1 a.on {color: #FFF; text-decoration:none; background: url('images/sidemenu-sub1-on.jpg') left top no-repeat;} /* .sidemenu li.sub2 h5 {margin:0px; padding:0px; height:28px; color:#8E5920; font-size: 95%; font-weight:bold; clear:both; font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; background: url('img/trans.gif') left top no-repeat;} .sidemenu li.sub2 { width:180px; margin:0px; padding: 0px; border-top: solid #DDD 0px; background: url('img/trans.gif') no-repeat;} .sidemenu li.sub2 a { color:#8E5920; display:block; height:24px; width:152px; padding:6px 0px 0px 28px; background: url('img/sidemenu-sub2-out.png') left top no-repeat;} .sidemenu li.sub2 a:hover {color: #8E5920; text-decoration:none; font-style:italic; background: url('img/sidemenu-sub2-over.png') left top no-repeat;} */ .sidemenu li.first { border-top: solid #DDD 0px;} /* QUICK CONTACT =============================================================*/ .quick-contact {width:180px; min-height: 80px; clear:both; color:#117668; border: solid #004400 0px; } .quick-contact h2 {margin:0px; padding:0px; padding-bottom:5px; font-size:115%; color:#117668; font-weight:bold; background: url('img/trans.gif') left top no-repeat;} .quick-contact span {display:inline-block; width:65px; float:left; text-align:left;} .quick-contact a{color:#117668;} .quick-contact a:hover{color:#117668;} /* Content Index ================================================================================================*/ #index-intro {width:420px; height: auto; float:left; padding: 2px; margin-top:20px; /*border: solid #943C10 2px; background: url('images/index-intro-bg.jpg') center center no-repeat;*/} #index-address {width:250px; height:auto; float:right; padding:15px; margin-top:20px; /*color:#FF9933;*/ background-color: #630100; border: solid #681717 2px;} #index-address h3 {color:#F2883D; font-size:120%; padding:0; margin:0; font-weight:bold; text-decoration:none;} #index-address .big {font-size:130%; color:#FFDD8D; margin:0px 0px 5px 0px; padding:0px; } #index-text {width:420px; height: auto; float:left; padding: 0px; margin-top:10px; border: solid #FF77FF 0px;} #index-image {width:284px; height:200px; float:right; margin-top:20px; border: solid #FF77FF 0px; text-align:center; background: url('images/index-intro-image.jpg') left top no-repeat;} #index-image .link-uzavoje {display:block; width:250px; height:35px; padding:10px 15px; font-size:120%; font-weight:bold; color:#FFEEAA; text-align:left; border: solid #FF77FF 0px; background: url('images/link-uzavoje0.png') left top no-repeat; } #index-image .link-uzavoje:hover {color:#FFF; background: url('images/link-uzavoje1.png') left top no-repeat; } #index-image p {padding-left:10px; text-align:left;} #index-image ul {padding-left:15px; text-align:left;} #index-image li {text-align:left;} .indexinfo { width:210px; height: 100%; min-height: 220px; margin: 0px; padding: 0px; margin-right: 20px; } /* .indexshop img { width:192px; margin: 0px; padding: 2px; margin-right: 20px; border: solid #3C5401 2px; }*/ #index-info {position:relative; width:880px; height:240px; padding:25px 25px; margin-bottom:10px; background-color:#BEB4D4; background: url('img/index-info-bg.jpg') top left no-repeat;} #index-info h2 {font-size:250%; margin:0px; margin-bottom:0px; padding:0px; color:#436EC8; font-weight:normal; border:none;} #index-info ul {width:260px; padding:0px; margin:0px; border: solid #FF77FF 0px;} #index-info li {width:260px; height:20px; padding-left:20px; background: url('img/menu-intro.png') center left no-repeat;} #index-info li a {color:#482B88; font-size:110%; font-weight: bold; text-decoration:none;} #index-info li a:hover, #header li a:focus {color: #AAAADD; /*text-decoration: underline;*/ } #index-info .infotext {position:absolute; top:25px; left:310px; width:250px;} #index-info .infotext span {display:block; float:left; width:100%; padding-left:10px; margin-bottom:12px; color:#193A95; font-weight:bold; border-left: solid #482B88 2px; clear:both;} #index-info .infotext p {padding-left:12px;} #index-info .introimage {position:absolute; top:0px; left:550px; width:380px; height:280px; border:solid #000000 0px;} #index-news {position:relative; float:left; width:410px; min-height:240px; padding:25px 25px; background-color:#BEB4D4; background: url('img/index-box-bg.jpg') top left no-repeat;} #index-news h2 {font-size:170%; margin:0px; margin-bottom:0px; padding:0px; color:#436EC8; font-weight:normal; border:none;} #index-news .news {width:100%; min-height:90px; margin-top:16px; padding-top:16px; border-top:solid #DDDDDD 2px;} #index-news .news .titlebox { font-size:130%; width:100%; color:#999999; margin:0px; margin-bottom:0px; padding:0px; font-weight:bold; border:none; clear:both;} #index-news .news .titlebox span {display:block; width:auto; color:#999999; padding:3px; padding-right:7px; border-right: solid #999999 2px; background-color:#EEEEEE; font-weight:bold; float:left; } #index-news .news .titlebox h3{display:block; width:auto; font-size:100%; padding:3px; margin:0px; padding-left:7px; font-weight:bold; border:none;} #index-news .first {margin-top:18px; padding-top:0px; border-top:solid #DDDDDD 0px;} #index-work {position:relative; float:right; width:410px; min-height:240px; padding:25px 25px; background-color:#BEB4D4;background: url('img/index-box-bg.jpg') top left no-repeat;} #index-work h2 {font-size:170%; margin:0px; margin-bottom:0px; padding:0px; color:#436EC8; font-weight:normal; border:none;} #index-work .news {width:100%; min-height:90px; margin-top:16px; padding-top:16px; border-top:solid #DDDDDD 2px;} #index-work .image {margin-right:10px; width:130px; height:100%; border:solid #0DDDDD 0px; float:left;} #index-work .image img {padding:2px; border:solid #DDDDDD 2px; clear:both;} #index-work .text {height:100%; width:260px; border:solid #0DDDDD 0px; float:right;} #index-work .first {margin-top:18px; padding-top:0px; border-top:solid #DDDDDD 0px;} /* Navigation bar ================================================================================================*/ .navi {width:705px; height:16px; margin-top:0px; margin-bottom:15px; padding:10px 10px; font-size:0.90em; color:#681717; font-weight:bold; background: url('img/navi-bg.png') left top no-repeat; border-bottom: solid #681717 1px;} .navi a {color:#DEB85D; padding:0px 10px;} .navi a:hover {color:#FFDD8D; } .navi strong {color:#FFF; padding:0px 10px;} /* Pages bar ================================================================================================*/ .pages {width:460px; height:20px; margin:15px auto; padding:10px 0px; clear:both;} .pages .text {width:150px; margin:0px; padding:0px; float:left; font-weight:bold; border:solid #DDDDDD 1px;} .pages ul {width:460px; margin:0px auto; height:30px; padding:0px; list-style:none; border:solid #DDDDDD 0px; float:left;} .pages li {position:relative; float:left; width:25px; height:28px; margin:0px 3px; padding:0px; color:#CA6800; font-size: 100%; text-decoration:none; text-align:center; list-style:none; border: solid #DD 2px; background: url('images/trans.gif') 50% 50% no-repeat; font-weight:bold;} .pages li:hover {/*background: url('img/pages-bg-on.gif') 50% 50% no-repeat;*/} .pages li.nohover {padding-top:3px; background: none; border:none;} .pages li a {display:block; width:26px; height:22px; margin:0px; padding:0px; padding-top:6px; color:#CA6800; font-size: 100%; text-decoration: none; text-align:center; font-weight:bold;} .pages li a:hover {color:#FF9933;} .pages li a.active {color:#FFF;} .pages li a.active:hover {color:#FFF;} .pages li a.prev {width:34px; height:22px; background:url('images/pages-prev1.gif') 50% 50% no-repeat;} .pages li a.prev:hover {background:url('images/pages-prev2.gif') 50% 50% no-repeat;} .pages li a.next {width:34px; height:22px; background:url('images/pages-next1.gif') 50% 50% no-repeat;} .pages li a.next:hover {background:url('images/pages-next2.gif') 50% 50% no-repeat;} /* Content products ================================================================================================*/ #productlist {width:725px; padding:0px; margin-top:20px; border:solid #CCC 0px;} #productlist .item { width:705px; height:165px; margin:0px; padding:0px; margin-top:20px; float:left; border-bottom: solid #681717 1px; background: url('images/productlist-item.jpg') center bottom no-repeat; } #productlist .item form {margin:0px; padding:0px; overflow:hidden;} #productlist .item .item-image {width:150px; height:auto; float:left; text-align:center; font-weight:bold;} #productlist .item .item-image .image {height:140px; padding:2px; border: solid #943C10 2px;} #productlist .item .item-info {width:525px; height:auto; float:right; background: url('img/productlist-rightn.jpg') left center no-repeat; border: solid #01E1C7 0px;} #productlist .item h3 { padding:0px; padding-left:0px; margin:0px; margin-bottom:5px; color:#FFF; font-size:140%; text-decoration:none; font-weight:normal; text-align:left; /*background: url('img/productlist-h3.jpg') center top repeat-x;*/} #productlist .item h3 a {color:#FFF; padding:0px; font-weight:normal;} #productlist .item .textbox {width:545px; height:44px; padding-bottom:10px; margin:0px; overflow:hidden;} #productlist .item .textbox p {padding:0px; margin:0px;} /*#productlist .item a h4 {padding-left:8px; margin:0px; color:#009999; font-size:85%; text-decoration:none;} */ #productlist .item .infobox {width:545px; height:auto; margin-bottom:5px; float:left; font-weight:bold; border: solid #F1E1C7 0px;} #productlist .item .pricebox {width:155px; float:left; padding-top:7px; font-weight:bold; border: solid #F1E1C7 0px;} #productlist .item .pricebox .title1 {width:50px; height:18px; color:#DEB85D; text-align:left; float:left;} #productlist .item .pricebox .value1 {width:90px; height:18px; color:#DEB85D; text-align:right; float:right; font-size:125%;} #productlist .item .pricebox .title2 {width:50px; height:18px; color:#DEB85D; text-align:left; float:left;} #productlist .item .pricebox .value2 {width:90px; height:18px; color:#DEB85D; text-align:right; float:right;} #productlist .item .buttonbox {width:345px; float:right; margin-right:10px; padding-left:20px; font-weight:bold; border: solid #F1E1C7 0px;} #productlist .item .button {width:132px; color:#42280C; float:left; margin: 0px 20px; border: solid #F1E1C7 0px; background: url('images/productlist-button-out.png') right center repeat-y;} #productlist .item .button:hover {background: url('images/productlist-button-over.png') right center repeat-y;} #productlist .item button {width:132px; height:42px!important; padding:10px 10px; color:#42280C; text-align:center; /*background: url('img/productlist-button1.jpg') right center repeat-y;*/} #productlist .item button:hover {background: url('img/productlist-button0.jpg') center center no-repeat; } #productlist .item .buttonbox a {display:block; width:112px; height:19px; padding:10px 10px; padding-top:13px; color:#42280C; text-align:center;} #productlist .item .buttonbox a:hover {background: url('img/productlist-button0.jpg') center center no-repeat; } /* #productlist .item .pricebox {width:180px; height:32px; padding:5px 0px; margin:0px auto; float:right; color:#D3E076; font-weight:bold; } #productlist .item .pricebox .price .oldprice {width:80px; height:13px; color:#009999; font-size:100%; text-align:right; padding-top: 2px; text-decoration:line-through; float:left; display:block;} */ /*#productlist .item .pricebox .cart {width:40px; padding-top: 3px; float:left; color:#D3E076; border: solid #3D540A 0px;} #productlist .item .pricebox .amount {width:16px; padding-top: 8px; float:left; color:#D3E076; border: solid #3D540A 0px;} */ /*#productlist .item input {width:32px; height:20px; float:left; color:#FFFFFF; font-size:120%; padding-top:5px; background-color:#202F00; font-weight:bold; text-align:center; border: solid #3D540A 1px;}*/ #productdetail {width:100%; margin:0px; padding:0px; float:left;} #productdetail .text {width:390px; min-height:300px; margin-top:10px; padding:0px; float:left; border:solid #DDDDDD 0px;} /*#productdetail h2 { padding:5px 5px; border-bottom: solid #DDD 2px; margin-bottom:10px; text-decoration:none; font-weight:normal;}*/ #productdetail .infobox {width:286px; height:auto; padding:10px; margin-bottom:5px; float:right; font-weight:bold; background-color: #630100; border: solid #681717 1px;} #productdetail .pricebox {width:286px; clear:both; padding:7px 0px; margin-bottom:5px; font-weight:bold; border-bottom: solid #681717 1px;} #productdetail .pricebox .title1 {width:150px; height:18px; color:#DEB85D; text-align:left; float:left;} #productdetail .pricebox .value1 {width:120px; height:18px; color:#DEB85D; text-align:right; float:right; font-size:125%;} #productdetail .pricebox .title2 {width:150px; height:18px; color:#DEB85D; text-align:left; float:left;} #productdetail .pricebox .value2 {width:120px; height:18px; color:#DEB85D; text-align:right; float:right;} #productdetail .buttonbox {width:286px; clear:both; font-weight:bold; border: solid #F1E1C7 0px;} #productdetail .button {width:132px; color:#42280C; float:right; margin: 0px 0px; border: solid #F1E1C7 0px; background: url('images/productlist-button-out.png') right center repeat-y;} #productdetail .button:hover {background: url('images/productlist-button-over.png') right center repeat-y;} #productdetail button {width:132px; height:42px!important; padding:10px 10px; color:#42280C; text-align:center; /*background: url('img/productlist-button1.jpg') right center repeat-y;*/} #productdetail button:hover {background: url('img/productlist-button0.jpg') center center no-repeat; } #productdetail .buttonbox a {display:block; width:112px; height:19px; padding:10px 10px; padding-top:13px; color:#42280C; text-align:center;} #productdetail .buttonbox a:hover {background: url('img/productlist-button0.jpg') center center no-repeat; } #productdetail .buttonbox .amount {width:40px; padding-top:14px; height:20px; color:#DEB85D; text-align:left; float:left;} #productdetail .buttonbox .amount .title{height:17px; padding-top:3px;} #productdetail .buttonbox form {margin:0px; padding:0px;} #productdetail .buttonbox .cart {width:40px; padding-top: 10px; float:left; color:#D3E076; border: solid #3D540A 0px;} #productdetail .buttonbox input {width:32px; height:19px; float:left; color:#F1E1C7; font-size:100%; padding-top:2px; font-weight:bold; text-align:center; border: solid #F1E1C7 1px; background: url('img/trans.gif') top center repeat-y;} /* #productdetail .pricebox {width:280px; height:77px; padding:13px 10px 10px 10px; border:solid #DDDDDD 1px; float:right; font-weight:bold; background: url('img/productdetail-pricebox-bg.jpg') top center repeat-y; } #productdetail .pricebox .title {width:50px; height:20px; color:#DEB85D; text-align:left; float:left;} #productdetail .pricebox .value {width:100px; height:20px; color:#DEB85D; text-align:right; float:right;} #productdetail .pricebox .valueprice {width:100px; height:20px; color:#DEB85D; text-align:right; float:right; font-size:125%;} #productdetail .pricebox .formbox {width:250px; height:20px; margin-top:10px; float:left; clear:both;} */ /* #productdetail .pricebox .button {width:148px; padding:1px; float:right; color:#BE983D; border: solid #F1E1C7 1px; background: url('img/productlist-button1.jpg') right center repeat-y;} #productdetail .pricebox .button:hover {background: url('img/productlist-button2.jpg') right center repeat-y;} #productdetail .pricebox button {width:146px; height:20px; padding:2px; color:#FFF9DD;} #productdetail .pricebox button:hover {color:#FFFFFFF; background: url('img/productlist-button0.jpg') center center no-repeat; } */ /* #productdetail .pricebox { border: solid #3D540A 0px; width:280px; height:50px; padding:10px 10px; margin-top:10px; float:right; color:#D3E076; font-weight:bold; background: url('img/productdetail-pricebox.jpg') left top repeat-x;} #productdetail .pricebox .price {width:260px; padding: 0px 5px; float:left;} #productdetail .pricebox .price .title {width:70px; height:13px; color:#009999; padding-top: 2px; float:left; display:block;} #productdetail .pricebox .price .newprice {width:100px; height:15px;color:#006666; font-size:125%; text-align:right; display:block; float:left;} #productdetail .pricebox .price .oldprice {width:100px; height:13px; color:#009999; font-size:100%; text-align:right; text-decoration:line-through; display:block; float:left; } #productdetail .pricebox .cart {width:40px; padding-top: 0px; float:left; color:#D3E076; border: solid #3D540A 0px;} #productdetail .pricebox .amount {width:16px; padding-top: 8px; float:left; color:#009999; border: solid #3D540A 0px;} #productdetail .pricebox .button {width:100px; float:right; color:#D3E076; border: solid #3D540A 0px;} */ /*#productdetail .pricebox button {width:100px; height:30px; float:left; color:#FFDD88; font-size:90%; background: url('img/button0.gif') left top no-repeat; border: solid #3D540A 0px; padding-top:4px; text-align:center; font-weight:bold;} #productdetail .pricebox button:hover {color:#FFFFFF; background: url('img/button1.gif') left top no-repeat;} */ #productdetail-images { width:300px; height: 100%; float:right; margin: 0px; padding: 0px; margin-right:0px; margin-top:10px; margin-bottom:20px; text-align:center; background: url('img/productdetail-bg.png') center top no-repeat; padding:2px; border: solid #943C10 2px;} #productdetail-images .image {display:block; padding-top:0px; width:300px; height:300px; text-align:center; clear:both; border:0px; margin-left:auto; margin-right:auto;} #productdetail-images a {display:block; width:270px; height:285px; padding-top:10px; text-align:center;} #productdetail-images a .image {display:block; padding-top:50px; width:270px; height:270px; text-align:center; clear:both; border:0px;} #productdetail-images .cont {width:auto; height:24px; padding:6px; border: solid #3D540A 1px; font-weight:bold;} /* Cart and Register ================================================================================================*/ /* cart menu */ /*#cartsteps { clear:both; margin-bottom:20px; } #cartsteps a {display:block; margin-left:14px; float:left; width:160px; height:36px; text-align:left; font-weight:bold; background: url('img/cartsteps-step0.png') center top no-repeat; border: solid #3D540A 0px;} #cartsteps a:hover {background: url('img/cartsteps-step1.png') center top no-repeat;} #cartsteps .first{ margin-left:0px; } #cartsteps .on {background: url('img/cartsteps-step1.png') left top no-repeat;} #cartsteps .step {display:block; float:left; width:36px; padding-top:6px; color: #AA2400; text-align:center; font-size:150%; border: solid #3D540A 0px;} #cartsteps .title {display:block; float:left; width:110px; padding-top:10px; padding-left:5px; text-align:left; font-size:100%; border: solid #3D540A 0px;} #cartsteps a:hover .step {} #cartsteps a:hover .title {color:#FFCC33;} */ #cartsteps { clear:both; margin-bottom:20px; } #cartsteps .off, #cartsteps .on {margin-left:14px; float:left; width:170px; height:46px; text-align:left; font-weight:bold; background: url('images/cartsteps-step0.jpg') center top no-repeat; border: solid #3D540A 0px;} #cartsteps .off {background: url('images/cartsteps-step0.jpg') center top no-repeat;} #cartsteps .on {background: url('images/cartsteps-step1.jpg') center top no-repeat;} #cartsteps .off .step, #cartsteps .on .step {display:block; float:left; width:36px; padding-top:14px; padding-bottom:5px; padding-left:10px; color: #AA2400; text-align:center; font-size:150%;} #cartsteps .off .title, #cartsteps .on .title {display:block; float:left; width:110px; padding-top:15px; padding-bottom:8px; padding-left:0px; text-align:left; font-size:100%;} #cartsteps .off .step {color:#A1362C;} #cartsteps .off .title {color:#A1362C;} #cartsteps .on .step {color:#FFCC66; cursor:hand;} #cartsteps .on .title {color:#FFCC66; cursor:hand;} #cartsteps .first{ margin-left:0px; } /* #cartsteps a:hover {background: url('img/cartsteps-step1.png') center top no-repeat;} #cartsteps .on {background: url('img/cartsteps-step1.png') left top no-repeat;} #cartsteps .step {display:block; float:left; width:36px; padding-top:6px; color: #AA2400; text-align:center; font-size:150%; border: solid #3D540A 0px;} #cartsteps .title {display:block; float:left; width:110px; padding-top:10px; padding-left:5px; text-align:left; font-size:100%; border: solid #3D540A 0px;} #cartsteps a:hover .step {} #cartsteps a:hover .title {color:#FFCC33;} */ /*#cartsteps .step2 {background: url('img/cartsteps-step2.png') left top no-repeat;} #cartsteps .step3 {background: url('img/cartsteps-step3.png') left top no-repeat;} #cartsteps .step4 {background: url('img/cartsteps-step4.png') left top no-repeat;} */ #cart-list { clear:both; } #cart-list .item, .itemtotal, .itemtop { border: solid #3D540A 0px; width:715px; height:40px; padding:5px 5px; margin-top:0px; /*color:#D3E076;*/ font-weight:bold; clear:both;} #cart-list .itemtop {background: url('images/cart-list-itemtop.jpg') left bottom repeat-x;} #cart-list .itemtotal {background: url('images/cart-list-itemtotal.jpg') left top repeat-x;} #cart-list .item {border-bottom: solid #681717 1px;} #cart-list .item .title {width:260px; padding: 5px 5px; float:left;} #cart-list .item .title .product {display:block; clear:both;} #cart-list .item .title .producer {color:#A1362C; font-size:85%; display:block; clear:both;} #cart-list .item .price {width:120px; padding: 5px 5px; float:left;} #cart-list .item .price .newprice { display:block; clear:both;} #cart-list .item .cart {width:40px; padding-top: 0px; float:left; border: solid #3D540A 0px;} #cart-list .item .cart input {width:32px; height:22px; float:left; color:#F1E1C7; font-size:100%; padding-top:2px; font-weight:bold; text-align:center; border: solid #F1E1C7 1px; background: url('img/trans.gif') top center repeat-y;} /*#cart-list .item .cart input {width:32px; height:22px; float:left; color:#666666; font-size:120%; padding-top:4px; background-color:#FFF; font-weight:bold; text-align:center; border: solid #BBB 2px;}*/ #cart-list .item .amount {width:16px; padding-top: 8px; float:left; border: solid #3D540A 0px;} #cart-list .item .total {width:120px; padding: 5px 10px; /*color:#D3E076;*/ text-align:right; float:right; border: solid #3D540A 0px;} #cart-list .item form {margin:0px; padding:0px;} #cart-list .item total {width:100px; height:30px; float:left; color:#FFCC33; font-size:90%; background: url('images/button0.png') left top no-repeat; border: solid #3D540A 0px; padding-left:7px; padding-top:4px; text-align:left; font-weight:bold;} #cart-list .item total:hover {color:#FFFFFF; background: url('images/button1.png') left top no-repeat;} #cart-list .item .center {text-align:center;} /*#cart-list .itemtop, .itemtotal{ width:900px; background: url('img/productdetail-pricebox-top.jpg') left bottom repeat-x; clear:both;}*/ #cart-list .itemtop {width:715px; height:30px; padding:5px 5px; border-bottom: solid #681717 1px;} #cart-list .itemtop .title {width:260px; padding: 5px 5px; float:left;} #cart-list .itemtop .price {width:100px; padding: 5px 5px; float:left;} #cart-list .itemtop .amount {width:60px; padding: 5px 5px; float:left; text-align:center;} #cart-list .itemtop .total {width:120px; padding: 5px 5px; float:right; text-align:right;} #cart-list .itemtotal {width:715px; height:30px; padding:5px 5px;} #cart-list .itemtotal .title {width:360px; padding: 6px 5px; font-size:120%; float:left;} #cart-list .itemtotal .button {width:120px; float:left; padding: 2px 0px; color:#D3E076; border: solid #3D540A 0px;} #cart-list .itemtotal button {width:100px; height:30px; float:left; color:#FFDD88; font-size:90%; background: url('images/button0.png') left top no-repeat; border: solid #3D540A 0px; padding-top:0px; text-align:center; font-weight:bold;} #cart-list .itemtotal button:hover {color:#FFFFFF; background: url('images/button1.png') left top no-repeat;} #cart-list .itemtotal .pricetotal {width:150px; padding: 6px 10px; /*color:#FFFFFF;*/ font-size:120%; text-align:right; float:right;} /* */ #order-list { clear:both; } #order-list .item, .itemtotal, .itemtop { border: solid #3D540A 0px; width:690px; height:32px; padding:5px 5px; margin-top:0px; float:left; font-weight:bold;} #order-list .item {border-bottom: solid #DDD 2px;} #order-list .item .title {width:260px; padding: 5px 5px; float:left;} #order-list .item .price {width:120px; padding: 5px 5px; float:left; text-align:right;} #order-list .item .date {width:120px; padding: 5px 5px; float:left; text-align:center;} #order-list .item .status {width:120px; padding: 5px 10px; color:#D3E076; text-align:right; float:right; border: solid #3D540A 0px;} #order-list .item form {margin:0px; padding:0px;} #order-list .item total {width:100px; height:30px; float:left; color:#FFDD88; font-size:90%; background: url('img/productdetail-button0.gif') left top no-repeat; border: solid #3D540A 0px; padding-left:7px; padding-top:4px; text-align:left; font-weight:bold;} #order-list .item total:hover {color:#FFFFFF; background: url('img/productdetail-button1.gif') left top no-repeat;} #order-list .item .center {text-align:center;} #order-list .itemtop, .itemtotal{ background: url('img/productdetail-pricebox-top.gif') left top repeat-x;} #order-list .itemtop { border-bottom: solid #BBB 2px;} #order-list .itemtop .title {width:260px; padding: 5px 5px; float:left;} #order-list .itemtop .price {width:120px; padding: 5px 5px; float:left; text-align:center;} #order-list .itemtop .date {width:120px; padding: 5px 5px; float:left; text-align:center;} #order-list .itemtop .status {width:120px; padding: 5px 5px; float:right; text-align:right;} #order-list .itemtotal .title {width:360px; padding: 6px 5px; font-size:120%; float:left;} #order-list .itemtotal .button {width:100px; float:left; padding: 2px 0px; color:#D3E076; border: solid #3D540A 0px;} #order-list .itemtotal button {width:100px; height:30px; float:left; color:#FFCC33; font-size:90%; background: url('img/productdetail-button0.gif') top center top no-repeat; border: solid #3D540A 0px; padding-left:7px; padding-top:5px; text-align:left; font-weight:bold;} #order-list .itemtotal button:hover {color:#FFFFFF; background: url('img/productdetail-button1.gif') top center top no-repeat;} #order-list .itemtotal .pricetotal {width:150px; padding: 6px 10px; color:#FFFFFF; font-size:120%; text-align:right; float:right;} #register { clear:both; } .100px {width:100px;} .150px {width:150px;} .200px {width:200px;} /*.box { clear:both; padding:10px; background: url('img/box.jpg'); border: solid #3D540A 2px;}*/ .continue {display:block; float:right; width:200px !important; height:55px; margin-top:20px; margin-right:20px; padding-left:30px; padding-top:0px; color:#FFDD88; font-size:135%; text-align:left; font-weight:bold; background: url('images/cart-continue0.png') left top no-repeat; border: solid #3D540A 0px;} .continue:hover {color:#FFFFFF; background: url('images/cart-continue1.png') left top no-repeat;} .star {color:#FF6600; font-size:120%; font-weight:bold;} .message {position:absolute; top:0px; left:0px; width:100%; height:1200px; background: url('img/messagebg.png') center top repeat; z-index: 100; } .message .messageBox {position:relative; top:100px; margin-left:auto; margin-right:auto; width:420px; height:320px; background: url('img/message.png') center bottom no-repeat;} .message .messageContent {width:380px; height:200px; padding:20px; text-align:center; clear:both; color:#CCCCFF;} .message .messageContent h2 {color:#E3D69D; } .message .close {display:block; width:120px; height:30px; margin-left:auto; margin-right:auto; padding:10px 0px 0px 0px; clear:both; background: url('img/button0.png') center top repeat; text-align:center; font-weight:bold;} .message .close:hover {color:#FFFFFF; background: url('img/button1.png') top center top no-repeat;} .message hr {display:block; color: #AC9248; width: 100%; height: 1px; line-height: 1px; border: 0px; margin: 5px 0px 5px 0px; padding: 0px; background-color: #AC9248; clear:both;} #filter {clear:both; width:700px; height:auto; padding: 10px; color:#FF9933; background-color: #630100; border: solid #681717 1px;} #filter .box1 {width: 130px; float:left;} #filter .box2 {width: 130px; float:left;} #filter .box3 {width: 150px; float:right;} #filter .box4 {width: 150px; float:right;} #filter .box21 {display:block; width: 200px; float:left;} #filter .box22 {display:block; width: 200px; float:left;} #filter form {margin: 0px;} #filter select {width: 120px;} #filter input {width: 60px; } #filter .radio {width: 18px;} /*#filter .button {margin-top:15px;} #filter .button {width:100px; height:30px; float:left; color:#FFCC33; font-size:90%; background: url('../images/productlist-button0.gif') left top no-repeat; border: solid #3D540A 1px; padding-top:5px; text-align:center; font-weight:bold;} #filter .button:hover {color:#FFFFFF; background: url('../images/productlist-button1.jpg') left top no-repeat;} */ #filter .button {width:132px; height:42px!important; color:#42280C; float:right; /*margin: 0px 20px;*/ border: solid #F1E1C7 0px; background: url('images/productlist-button-out.png') right center repeat-y;} #filter .button:hover {background: url('images/productlist-button-over.png') right center repeat-y;} #filter button {width:132px; height:42px!important; padding:10px 10px; color:#42280C; text-align:center; /*background: url('img/productlist-button1.jpg') right center repeat-y;*/} #filter button:hover {background: url('img/productlist-button0.jpg') center center no-repeat; } /* SORT */ #filter .selectmargin { display:block; width:120px; height:20px; margin:0 10px; float:left;} #filter .sort-asc { display:block; width:30px; height:20px; margin:0 5px; float:left; background: url('img/sort-ascending.gif') center top no-repeat; border: solid #3D540A 1px;} #filter .sort-asc { display:block; width:30px; height:20px; margin:0 5px; float:left; background: url('img/sort-ascending.gif') center top no-repeat; border: solid #3D540A 1px;} #filter .sort-ascon {display:block; width:30px; height:20px; margin:0 5px; float:left; background: url('img/sort-ascending-on.gif') center top no-repeat; border: solid #3D540A 1px;} #filter .sort-des { display:block; width:30px; height:20px; margin:0 5px; float:left; background: url('img/sort-descending.gif') center top no-repeat; border: solid #3D540A 1px;} #filter .sort-deson { display:block; width:30px; height:20px; margin:0 5px; float:left; background: url('img/sort-descending-on.gif') center top no-repeat; border: solid #3D540A 1px;} .floatleft {clear:none; float:left;} /* Content Text Page ================================================================================================*/ #textpage {padding:0px; padding-top:15px; border: solid #DDD 0px;} #textpage strong {color:#193A95;} /* D.MAP_V3.01 */ .maps {position:relative; width:560px; height:560px; float:right; padding:2px; border: solid #943C10 2px;} .maps .map {position:absolute; left:2px; top:2px; display:none;} #map1 {display:inline;} .maps .mapin {position:absolute; right:10px; top:230px; display:block; width:50px; height:50px; z-index:100; background:url('images/map-in.png') top left no-repeat;} .maps .mapin:hover {background:url('images/map-in-over.png') top left no-repeat;} .maps .mapout {position:absolute; left:10px; top:230px; display:block; width:50px; height:50px; z-index:101; background:url('images/map-out.png') top left no-repeat;} .maps .mapout:hover {background:url('images/map-out-over.png') top left no-repeat;} .maps .mapinstop, .maps .mapinstop:hover {background:url('images/map-in-stop.png') top left no-repeat;} .maps .mapoutstop, .maps .mapoutstop:hover {background:url('images/map-out-stop.png') top left no-repeat;} .w570px {width:570px;} /* EXTRAS ==============================================================================================*/ .FFclearer {clear:both; width:100%; height:1px; visibility:hidden; overflow:hidden; line-height: 1px; background-color: #000;}