html {
background:url(../images/bg-html.gif) repeat-x;
height:100%;
}

body {
font:12px Arial,Helvetica,sans-serif;
background:url(../images/bg-body.jpg) no-repeat 50% 0;
height:100%;
color:#383838;
min-width:800px;
margin:0;
line-height: 18px;
}

img {
border-style:none;
}

a {
text-decoration:underline;
color:#000;
}

a:hover {
text-decoration:underline;
color:#666;
}

#wrapper {
min-height:100%;
}

* html #wrapper {
height:100%;
}

.w1 {
width:754px;
position:relative;
margin:0 auto;
padding:165px 0 143px;
}

#header {
width:738px;
position:absolute;
left:0;
top:0;
height:114px;
padding:51px 8px 0;
}

#header .logo {
width:255px;
height:43px;
text-indent:-9999px;
overflow:hidden;
display:block;
margin-bottom:30px;
}

#header .logo a {
display:block;
height:100%;
background:url(../images/spriteme_home.png) no-repeat;
cursor:pointer;
background-position:-10px -381px;
}

#header .panel {
width:100%;
overflow:hidden;
margin-bottom:25px;
}

#nav {
list-style:none;
float:left;
font-weight:700;
font-size:14px;
overflow:hidden;
margin:0;
padding:0 80px 0 0;
}

#nav li {
float:left;
background:url(../images/spriteme_home.png) no-repeat 0 2px;
margin-left:-2px;
position:relative;
background-position:-10px -639px;
padding:0 14px 0 18px;
}

#nav li a {
color:#fff;
white-space:nowrap;
text-decoration:none;
}

#nav li a:hover {
color:#606060;
text-decoration:none;
}

#main {
width:100%;
overflow:hidden;
}

.intro {
width:100%;
float:left;
}

.intro .t {
background:url(../images/spriteme_home.png) no-repeat;
width:754px;
height:19px;
font-size:0;
line-height:0;
overflow:hidden;
background-position:-10px -10px;
}

.intro .c {
background:url(../images/bg-intro-c.png) repeat-y;
width:740px;
float:left;
padding:0 7px;
}

.intro .c .container {
float:left;
position:relative;
width:738px;
margin:-13px 0 -16px;
}

.intro .b {
background:url(../images/spriteme_home.png) no-repeat;
width:754px;
height:23px;
font-size:0;
line-height:0;
overflow:hidden;
float:left;
background-position:-10px -49px;
}

.intro .flash-area {
float:left;
}

.intro .text-block {
float:left;
width:352px;
color:#1c1c1c;
font:bold italic 13px/14px Arial,Helvetica,sans-serif;
padding:7px;
}

.intro .text-block .title {
color:#3979ae;
display:block;
letter-spacing:-1px;
word-spacing:-1px;
font:bold italic 24px/25px "Trebuchet MS1",Helvetica,sans-serif;
margin-bottom:9px;
}

.main-holder {
width:100%;
overflow:hidden;
float:left;
clear:both;
}

#content {
float:left;
width:503px;
line-height:13px;
}

.inner-holder #content {
margin-bottom:7px;
font-size:12px;
}

#content .t,#content .b {
background:url(../images/spriteme_home.png) no-repeat;
width:503px;
height:17px;
font-size:0;
line-height:0;
overflow:hidden;
float:left;
background-position:-10px -92px;
}

#content .b {
background:url(../images/bg-content-b.png) no-repeat;
width:503px;
height:12px;
}

#content .c {
background:url(../images/bg-content-c.png) repeat-y;
width:453px;
float:left;
padding:21px 25px;
}

#content .c .container {
float:left;
position:relative;
padding-bottom:12px;
margin:-13px 0 -16px;
}

.inner-holder #content .c .container {
padding-top:6px;
min-height:1185px;
}

#content h1 {
color:#12537d;
font-size:22px;
line-height:30px;
margin:0 0 12px;
}

.inner-holder #content h1 {
/*font-style:italic;*/
color:#12537d;
/*margin-bottom:3px;*/
}


/*  razmak med vrsticami */
#content p {
text-indent:4px;
margin:0 0 15px;
line-height: 18px;
}

.inner-holder #content p {
text-indent:0;
line-height: 18px;
}

#content .text-block {
background:url(../images/divider.gif) repeat-x;
margin-top:20px;
width:430px;
padding:15px 5px 0;
}

#content h2 {
color:#12537d;
font-size:18px;
margin:15px 0 10px;
}

#content .text-block .alignright {
float:right;
margin:0 0 2px 12px;
}

#sidebar {
float:right;
width:258px;
overflow:hidden;
margin-left:-10px;
padding-top:5px;
}

.inner-holder #sidebar {
padding-top:79px;
}

#sidebar .box .c {
background:url(../images/bg-box-c.png) repeat-y;
width:244px;
overflow:hidden;
padding:0 8px 0 6px;
}

#sidebar .box .b {
background:url(../images/spriteme_home.png) no-repeat;
width:258px;
height:9px;
background-position:-10px -204px;
}

#sidebar .box .heading {
background:#606060;
padding:7px 10px 9px;
}

#sidebar .box .blue-heading {
background:url(../images/spriteme_home.png) no-repeat;
background-position:-10px -233px;
}

#sidebar .box .orange-heading {
background:url(../images/spriteme_home.png) no-repeat;
background-position:-10px -307px;
}

#sidebar .box .gray-heading {
background:url(../images/spriteme_home.png) no-repeat;
background-position:-10px -129px;
}

#sidebar h3 {
color:#fff;
font:italic 18px/19px Arial,Helvetica,sans-serif;
margin:0;
}

#sidebar .box .container {
width:228px;
overflow:hidden;
min-height:108px;
background:#fff;
padding:18px 8px;
}

#sidebar .box .container a {
position:relative;
}

#sidebar .box .blue-container {
background:#4598cd;
min-height:78px;
}

* html #sidebar .box .container {
height:103px;
overflow:visible;
}

#sidebar .items-list {
list-style:none;
font-size:12px;
margin:0 0 0 5px;
padding:0;
}

.items-list li {
background:url(../images/spriteme_homeSmall.png) no-repeat;
padding-left:30px;
margin-bottom:6px;
background-position:-10px -607px;
}

#footer {
text-align:center;
position:relative;
width:100%;
height:140px;
margin-top:-140px;
background:#12537d url(../images/spriteme_home.png) no-repeat 50% 0;
background-position:-8px -444px;
}

#footer .footer-holder {
width:760px;
text-align:center;
color:#fff;
font-size:12px;
margin:0 auto;
padding:17px 24px 0 0;
}

.payment-logos {
overflow:hidden;
margin:4px auto;
}

.payment-logos ul {
list-style:none;
display:inline;
padding:5px 8px 10px 10px;
}

.payment-logos ul li {
display:inline;
margin-right:2px;
}

.footer-holder .subnav {
list-style:none;
text-align:center;
font-size:11px;
margin:0 0 15px;
padding:0;
}

.subnav li {
display:inline;
background:url(../images/spriteme_home.png) no-repeat 0 2px;
white-space:nowrap;
background-position:-10px -673px;
padding:0 3px 0 6px;
}

.subnav li:first-child,.subnav li.first-child {
background:none;
}

.subnav li a {
color:#fff;
}

a.ovalbutton {
background:transparent url(https://bathmatecheckout.com/images/oval-orange-left.gif) no-repeat top left;
display:block;
float:left;
font:bold 13px Tahoma;
line-height:16px;
height:24px;
padding-left:11px;
text-decoration:none;
}

a:link.ovalbutton,a:visited.ovalbutton,a:active.ovalbutton {
color:#000;
}

a.ovalbutton span {
background:transparent url(https://bathmatecheckout.com/images/oval-orange-right.gif) no-repeat top right;
display:block;
padding:4px 11px 4px 0;
}

a.ovalbutton:hover {
background-position:bottom left;
}

a.ovalbutton:hover span {
background-position:bottom right;
color:#000;
}

.buttonwrapper {
overflow:hidden;
width:100%;
}

h2 {
line-height:21px;
}

#content .text-block p.margin-bottom {
margin-bottom:25px;
}

div.product-container {
border-top:1px solid #cdcdcd;
margin-top:25px;
}

div.image-container {
float:left;
display:block;
width:180px;
}

div.image-container img {
border:1px solid #cdcdcd;
margin:0 15px 0 0;
}

div.product-info {
width:270px;
display:block;
margin:0 0 0 180px;
}


div.product-info h4 {
font-size:18px;
padding-top:2px;
border-bottom:1px solid #cdcdcd;
padding-bottom:5px;
margin-bottom:10px;
}

div.product-info p {
margin-top:-10px;
padding:0;
}

div.product-info ul {
padding-left:12px;
padding-bottom: 10px;
margin:0 0 12px;
margin-bottom: 5px;
border-bottom: 1px solid #c0c0c0;
}

div.product-info ul li {
margin:0;
padding:0;
}

div.product-info p.cena-priporocena,div.product-info p.cena-prihranek,div.product-info p.cena-nasa,div.product-info p.postnina {
float:left;
margin:0;
padding:0;
}

div.product-order {
margin-top:25px;
}

div.product-order p.product-barva {
float:left;
display:inline;
width:190px;
}

div.product-order p.product-amount {
float:left;
display:inline;
}

.border-bottom {
border-bottom:1px solid #cdcdcd;
}

table {
/*width:100%;
*/border-collapse:collapse;
}

td.padding-10 {
padding:10px 0;
}

td.price-our {
font-size:14px;
}

ul.no-bullets {
list-style:none;
}

ul.no-bullets li p span.padding-left-15 {
padding-left:15px;
}

ul.no-bullets li p span.padding-narocila {
padding-left:40px;
}

form,button {
border:0;
margin:0;
padding:0;
}

.spacer {
clear:both;
height:1px;
}

.myform {
width:430px;
margin:0 auto;
padding:14px;
}

#stylized h1 {
font-size:14px;
font-weight:700;
margin-bottom:8px;
}

#stylized p {
font-size:11px;
color:#666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}

#stylized label {
display:block;
font-weight:700;
text-align:right;
width:170px;
float:left;
}

#stylized .small,p.smallprint {
color:#666;
display:block;
font-size:11px;
font-weight:400;
}

#stylized .small {
text-align:right;
width:170px;
}

#stylized button {
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#509dd5 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFF;
font-size:11px;
font-weight:700;
}

#stylized button:hover {
color:#000;
border:1px solid #999;
cursor:pointer;
}

#stylized input.obvezno,#stylized input.idle {
background:url(images/obvezen-podatek.png) right no-repeat;
}

#stylized input.activeField {
background-image:none;
}

#stylized .missing-border {
border-color:red;
}

div.error {
border:1px solid #900;
background:#FFCFD8;
color:red;
padding:10px;
}

td.align-right {
text-align:right;
width:145px;
padding:3px 5px;
}

#racun th,#racun td {
text-align:right;
padding:4px 3px;
}

#racun th {
border-bottom:1px solid silver;
border-top:1px solid silver;
background-color:#f0f0f0;
}

#racun td {
border-bottom:1px solid #f0f0f0;
}

#racun th.aleft,#racun td.aleft {
text-align:left;
}

#racun td.alter {
background-color:#f0f0f0;
}

div.mnenja-predgovor {
text-align:justify;
float:left;
width:300px;
clear:both;
}

div.mnenja img {
float:right;
width:125px;
border:1px solid #D0D0D0;
margin-right:15px;
}

div.mnenje {
display:block;
border:1px solid #D0D0D0;
text-align:justify;
float:left;
width:423px;
-moz-border-radius:3px;
border-radius:3px;
margin:10px 0;
padding:15px 15px 0;
}

div.mnenje p.slika {
float:left;
width:274px;
}

div.mnenje span {
display:block;
font-weight:700;
margin:5px 0;
}

img.mnenja-prej,img.mnenja-potem {
float:right;
display:block;
clear:right;
border:1px solid #D0D0D0;
width:125px;
margin:0 0 5px;
padding:0;
}

div.mnenje div.col-right {
width:126px;
float:right;
font-weight:700;
display:block;
}

p.potem {
margin:0;
padding:0;
}

ul.spread li {
margin-top:5px;
margin-bottom:10px;
}

#overlay {
visibility:hidden;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
z-index:1000;
}

#overlay div {
width:300px;
background-color:#fff;
border:1px solid #000;
text-align:center;
margin:100px auto;
padding:15px;
}

a.close-link {
color:#777;
text-decoration:none;
}

a.close-link:hover {
color:#444;
text-decoration:underline;
}

.intro .c:after,#content .c:after {
content:"";
display:block;
clear:both;
}

.intro .text-block p,#footer p {
margin:0;
}

.color-red,#stylized .missing {
color:red;
}

.bold,td.strong {
font-weight:700;
}

product-placeholder,div.clear,div.clear-both {
clear:both;
}

#stylized input,#stylized select,#stylized textarea {
float:left;
font-size:12px;
border:solid 1px #aacfe4;
width:230px;
margin:2px 0 20px 10px;
padding:4px 2px;
}

#racun th.acenter,#racun td.acenter,.center {
text-align:center;
}

table.narocilnica { width: 200px; text-align: right;  }
table.narocilnica tr td { align: right; }

p.title-image img { border: 1px solid #f0f0f0;}

div.container ul li {
line-height: 18px;
}

div.container ul.items-list li {
line-height: 15px;
}