* { margin:0; padding:0; }
body {
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
background-color:#F8F6F2;
}
textarea, pre, tt, code { font-family:"Courier New", Courier, monospace; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
dt { font-weight:bold; }
dd { margin: 0 0 1em 2em; }
h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Arial, sans-serif;
color:#000;
font-weight: normal;
}
h1 {font-size:3em; line-height:1; margin:0.5em 0 0.25em 0;}
h2 {font-size:2em; margin:0.75em 0 0.3em 0;}
h3 {font-size:1.75em; line-height:1; margin:1em 0 0.5em 0;}
h4 {font-size:1.2em; line-height:1.25; margin:1.25em 0 0.5em 0; font-style:italic; font-weight:bold;}
h5 {font-size:1em; font-weight:bold; margin:1.5em 0 0.5em 0;}
h6 {font-size:1em; font-weight:bold;}
a {color:#09c;}
a:hover {color:#c00;}
ul, ol {padding:0 0 0 1.5em;}
td ul, td ol {padding:0 0 0 1.5em;}
p {margin:1em 0;}
.center {
clear:both;
width:960px;
margin:auto;
position:relative;
}
#sidebar-right {
clear:left;
float:right;
width:220px;
margin-top:20px;
}
#sidebar-left {
float:left;
width:220px;
margin:20px 20px 0 0;
}
#content {
width:720px;
float:left;
margin:20px 0;
overflow:visible;
}
#menu_wrap {
width:100%;
background:#B54100 url(../images/menu_bg.gif) repeat-x left bottom;
overflow:hidden;
border-bottom:1px solid #fff;
}
ul#main_menu {
overflow:hidden;
padding:0;
}
#main_menu li {
float:left;
list-style-type:none;
padding:8px 1em;
background:transparent url(../images/menu_devider.png) no-repeat right center;
}
#main_menu li.first {padding-left:0;}
#main_menu li.last {background:none;}
#main_menu li a {
text-decoration:none;
color:#fff;
padding-bottom:8px;
}
#main_menu li a:hover {
color:yellow;
background:transparent url(../images/menu_active.gif) no-repeat center bottom;
}
#main_menu li a.active, #main_menu li a.active:hover {
background:transparent url(../images/menu_active.gif) no-repeat center bottom;
cursor:default;
color:#fff;
}








#top_wrap{
position:relative;
width:100%;
height:130px;
border:solid #930;
border-width: 4px 0 0 0;
background:#FAF6F5 url(../images/top_bg.jpg) repeat-x left bottom;
}

#header  a img {
float:left;
border:0;
margin-top:30px;
}
#header h1 {
font-size:0;
text-indent: -9999px;
float:left;
}
#header address {
float:left;
margin:30px 0 0 30px;
font-style:normal;
font-size:20px;
}
#header address a {font-size:0.7em;}
#topnav {
float:right;
background:#930 url(../images/topnav_bg.gif) repeat-x bottom;
}
#topnav ul {
float: left;
display:inline;
padding:5px 10px 7px 0;
list-style-type:none;
background:url(../images/topnav_left.gif) no-repeat bottom left;
}
#topnav li {
float: left;
padding: 0 1em;
font-size:14px;
}
#topnav a{
color:#fff;
text-decoration:none;
}
#topnav a:hover {
text-decoration:underline;}
#topnav div {
padding-right: 10px;
background: url(../images/topnav_right.gif) no-repeat right bottom;
float:left;
}
#topnav form, #topnav fieldset {
display: inline;
border:none;
}
#ajaxSearch_intro {
display: none
}
#ajaxSearch_input, #ajaxSearch_submit {
display: inline;
font-size: 10px;
vertical-align: middle
}
#ajaxSearch_input {
border: none;
padding: 2px 2px 0 2px;
width: 160px;
margin-right: 10px;
height: 17px;
}
#ajaxSearch_submit {
background: url(../images/search.gif) no-repeat left top;
border: none;
width: 18px;
cursor: pointer;
height: 17px;
text-indent:-1000px;
}
/*
#home-sidebar {
float:left;
overflow:visible;
width:270px;
border-right:2px #930 solid;
font-size:14px;
}
#home-sidebar h4 {
background:transparent url(../images/home_sidebar_h.png) no-repeat scroll right bottom;
color:#FFFFFF;
margin-top:0;
padding-bottom:3px;
text-align:center;
}
#home-sidebar p {
padding:1em;
}
*/
#about {
padding-bottom:20px;
background:transparent url(../images/h_devider.jpg) no-repeat scroll center bottom;
}
#reklama {
width:100px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
}
#home-content {
clear:right;
float:left;
width:685px;
text-align:center;
background:url(../images/menu_top_bg.gif) no-repeat top;
}
#home-content h4 {
color:#fff;
background:url(../images/menu_H_bg.png) no-repeat bottom;
padding-bottom:5px;
margin-top:0;
font-size:18px;
}
#home-menu {
margin:auto;
}
#home-menu a {text-decoration:none;}
#home-menu a:hover h4 {text-decoration:underline;}
#home-menu a img {
border:0;
float:left;
}
#home-menu h4 {
font-size:15px;
padding-left:72px;
margin:4px 0;
color:#09c;
}
#home-menu ul {
padding:0;
}
#home-menu li {
float:left;
width:350px;
height:8em;
display:inline;
list-style-type:none;
padding:0 10px 20px 0;
background:transparent url(../images/h_devider.jpg) no-repeat bottom;
}
#home-menu li p {
padding-left:72px;
margin:0;
}
ul#submenu {
margin-top:5.8em;
padding:0 0 18px;
background:transparent url(../images/h_devider.jpg) no-repeat bottom;
}
#submenu li {
list-style-type:none;
padding:4px 0;
border-bottom:1px solid #EDEDEB;
border-top:1px solid #fff;
}
#submenu li.first {border-top:none;}
#submenu li.last {border-bottom:none;}
#submenu li a {
color:#09c;
text-decoration:none;
}
#submenu li a:hover {color:#C00;}
#submenu li a.active {
color:#333;
cursor:default;
font-weight:bold;
}




/*
#mainmenu {
background:url(../images/menu_top_bg.gif) no-repeat top;
text-align:center;
}
#mainmenu h4 {
color:#fff;
background:url(../images/menu_H_bg.png) no-repeat bottom;
padding-bottom:5px;
margin-top:0;
font-size:18px;
}
#mainmenu a {
text-decoration:none;
}
#mainmenu a:hover {
text-decoration:underline;
}
a.actual {color:#000;}
#mainmenu ul {
list-style-type:none;
text-align:left;
padding:0 0 5px 10px;
}
#mainmenu ul ul {
font-size:0.928em;
}
#mainmenu li {
padding-top: 5px;
}
*/
#bottom_wrap {
clear:both;
font-size:0.83em;
background:#600 url(../images/bottom_pattern.png) repeat-x top;
}
#bottom_wrap a {
color:#fff;
text-decoration:none;
}
#bottom_wrap a:hover {
color:yellow;
}
#bottom_wrap .center {
background: url(../images/bottom_bg.png) no-repeat top left;
}
#bottom_wrap .vcard {
padding:160px 0 30px 100px;
float:left;
max-width:360px;
color:#fff;
background:transparent url(../images/bottom_lapa.gif) no-repeat 20px 160px;
}
#bottom_wrap ul {
text-align:right;
padding:155px 250px 10px 0;
margin:0;
list-style: none;
background:transparent url(../images/bottom_octopus.png) no-repeat 750px 160px;
}
.inner-nav {
list-style-type: none;
margin:0px;
padding-top:10px;
}
ul.inner-nav li {
display:inline;
float:left;
/*border-bottom: dashed #000 1px;*/
background:transparent url(../images/h_devider.jpg) no-repeat scroll left bottom;
width:320px;
margin-right: 10px;
padding: 10px 0 20px 0;
}
ul.inner-nav a {
text-decoration:none;
display: block;
}
.inner-nav a img {
float:left;
margin-right: 10px;
border:0;
}
.inner-nav p {
padding-top: 6px;
padding-left:66px;
margin:0;

}
.product {
overflow:hidden;
width:100%;
}
.product_photo {
width:148px;
float:left;
position:relative;
}
a img.zoom, .product_photo a img {
border-color:#ccc #999 #999 #ccc;
border-width:1px;
background:#fff url(../images/zoom.gif) no-repeat center bottom;
padding: 5px 5px 30px 5px;
margin-bottom:5px;
}
a:hover img.zoom , .product_photo a:hover img {
border-color:#09c;
}
.product_info {
padding-left: 1px;
}
.product_info dt {
color:#930;
font-family:"Trebuchet MS",Arial,sans-serif;
font-weight:normal;
}
.product_info dd {
margin:0 0 0.5em;
}
table.price-list {
border-collapse:collapse;
border:#D3BD94 1px solid;
margin:0.5em  0 1em 0;
font-size:0.928em;
width:100%;
float:left;
}
.product_info dd table.price-list {
width:570px;
}
table.price-list th {
text-align:center;
padding:0.2em;
color:#630;
background-color:#E6D9AF;
font-weight: bold;
border:#D3BD94 1px solid;
}
table.price-list td {
padding:0.2em;
text-align:center;
border:#D3BD94 1px solid;
vertical-align: middle;
}
table.price-list td.left {
text-align: left;
}
.download {
width: 340px;
margin-top: 2em;
background: #777 url(../images/download_top.gif) top left no-repeat;
font-size: 0.857em;
}
.download h5 {
font-family: "Trebushet MS", Arial, sans-serif;
background: url(../images/download.gif) 1em 50% no-repeat;
color: #fff;
padding: 0.4em 0.4em 0.4em 2.8em;
margin: 0;
font-weight: bold;
}
.download ul {
background: #ccc url(../images/download_bottom.gif) bottom left no-repeat;
padding: 0.5em 0.2em 0.9em 2.8em;
margin: 0;
list-style-type: none;
line-height: 2em;
}
.download img {
margin: 0 6px 0 -22px;
}
.alert {
background-color: #FFE2A7;
border: #f93 1px solid;
padding: 20px;
display: block;
}
.info {
background-color: #f2f4f7;
border: #CFD6E0 1px solid;
padding: 20px;
display: block;
overflow:hidden;
clear:both;
}
.col2-1 {
clear:both;
float:left;
width:350px;
margin-right:20px;
}
.col2-2 {
float:left;
width:350px;
}
.col2-1e {
clear:both;
float:left;
width:45%;
margin-right:9%;
}
.col2-2e {
float:left;
width:45%;
}
.col3-1e, .col3-2e, .col3-3e {float:left; width:30%;}
.col3-1e {clear:both;}
.col3-2e {margin:0 4%;}
/************************************
RSS BLOCK STYLES
*************************************/
div#shop-adv {
width:470px;
height:80px;
clear:right;
float:right;
margin-top:12px;
}
div#shop-adv  h3{
float:left;
font-size:14px;
margin:0;
padding:0;
width:158px;
}
.mask {
height:80px;
overflow:hidden;
position:relative;
width:310px;
float:left;
}
div#rss {
position:absolute;
}
div#rss ul {
padding:0;
list-style-type:none;
}
div#rss li {
width:310px;
height:80px;
float:left;
text-align:left;
}
div#rss li a img {
float:left;
border:none;
}
div#rss li h4 {
padding-left:50px;
margin:0;
font-size:12px;
font-weight:bold;
}
div#rss span.rssprice {
padding-left:50px;
font-weight:bold;
color:red;
font-size:12px;
}
div#rss li p {
padding:0 0 0 50px;
font-size:11px;
margin:0;
}
/************************************
CARDBOX CALCULATOR
*************************************/
#cellwrap, #monthwrap, #totalwrap {
float:left;
height:17em;
width:11.5em;
margin-bottom:1em;
}
#monthwrap, #totalwrap {
padding-left:56px;
}
#monthwrap {
background:transparent url(../images/multiply.gif) 12px 55% no-repeat;
}
#totalwrap {
background:transparent url(../images/equals.gif) left 55% no-repeat;
width:14em;
}
.calc td {
font-size:1.75em;
background-color:#ccc;
width:1.7em;
height:1.7em;
text-align:center;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.calc td:hover {
cursor:pointer;
background-color:#fff;
}
.calc td.selected:hover{
cursor:default;
background-color:#900;
}
td.selected {
color:#fff;
background-color:#900;
}
#totalwrap p {
font-size:0.9em;
margin:0;
padding-left:4px;
}
#totalwrap p.total {
border: 1px solid #ccc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#total {
color:#900;
font-size:3.5em;
font-weight:bold;
}
#grosstotal {
color:#900;
font-weight:bold;
}