/* Just.bg - 16.01.2009 */
/* Ivan Margitin*/

html>body {min-height: 100%; height: auto;}

/* Clean Start */
* {margin:0;padding:0}

ul#error { padding:0 0 0 20px; margin:0;}

html {overflow: -moz-scrollbars-vertical; background: url(../images/bg/bg-body.jpg) repeat-x #fff;}

body {height:auto; font-family: Arial, Helvetica, sans-serif; font-size:12px;} /* Promenia se Backgrounda v CSS-a faila na magazina */

p, div, h1, h2, h3, h4, h5, h6 {display:block;}

p { padding:5px 0 5px 0;}

img, img a { border:0px;}

li { border-top:1px dashed #d3d2d2; margin:0px; }
ul { margin:0px;}

a {text-decoration:none; color:#535154;}
a:hover { color:#FF0000;}

/* Colour Classes */
.black { color:#000;}
.grey333 {color:#333;}
.grey666 { color:#666;}
.white { color:#fff;}
.red { color:red;}
.green { color:#093;}
.pink { color:#fb5992;}

/* Text Styling , Floats & Clearing */
.b { font-weight:bold;}
.f7 { font-size:2px;}
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.upper { text-transform:uppercase!important;}
.cl {clear:both; height:0px; font-size:0em; line-height:0px;}
.fl {float:left!important;}
.dots {height:1px; line-height:1px; font-size:1px; padding:1px; border-bottom:1px dashed #ccc;} /* Promenia se Backgrounda v CSS-a faila na magazina */
.zero { font-size:9px; vertical-align:text-top!important;} 

.old-price { color:#000; font-size:14px; font-weight:bold; text-decoration:line-through;}
.new-price { color:red; font-size:14px; font-weight:bold;}


td p {padding:5px;}

h1 {font-size: 13px; color:#333; font-weight:bold; padding:4px 0 4px 0; margin:6px 0 6px 0; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc;}
h2 { font-size: 13px; color:#333; font-weight:bold; padding:4px 0 4px 0; background:url(../images/e_19.gif) repeat-x bottom;}
h3 { font-size:12px; font-weight:bold; color:#a60330; padding:2px 0 2px 0;} 
h4 { padding:5px 5px 5px 0; font-size:12px;}
h5 { font-size:11px; color:#787878; font-weight:normal;}

select { height:19px; font-size:11px; border-width:1px; border-left-color:#DBDFE6; border-bottom-color:#E3E9EF; border-right-color:#E2E3EA; border-top-color:#ABADB3; border-style:solid;}
select:hover {border-width:1px; border-left-color:#C5DAED; border-bottom-color:#C7E2F1; border-right-color:#B9D6EB; border-top-color:#5794BF; border-style:solid; }

input {border-width:1px; border-left-color:#DBDFE6; border-bottom-color:#E3E9EF; border-right-color:#E2E3EA; border-top-color:#ABADB3; border-style:solid;}
input:hover {border-width:1px; border-left-color:#C5DAED; border-bottom-color:#C7E2F1; border-right-color:#B9D6EB; border-top-color:#5794BF; border-style:solid; }


#container {width:984px; border:0 2px 0 2px #fff solid; margin:0px auto; }

#header {height:171px; width:100%; background:url(../images/s_03.jpg) repeat-x;}
#header-line { background:url(../images/e_07.jpg) repeat-x; height:6px; line-height:6px; clear:both; padding:0 0 5px 0;}

#content-block { width:100%; background:#fff;}

#left-nav { width:190px; height:auto; font-size:13px; float:left;}
p#home-but {margin:0; padding:0 0 0 9px; background:url(../images/e_13.jpg) no-repeat; height:23px; line-height:20px; color:#fff; font-weight:bold;}
p#home-but a { color:white;}
p#home-but a:hover { color:#CCC;} 
/*#left-nav ul { background:url(../images/e_67.gif) repeat-y; padding:0 6px 0 6px; margin:0px;}*/
/*#left-nav li { height:22px; background:url(../images/e_19.gif) bottom repeat-x; list-style:none; line-height:20px; padding-left:4px; color:#fff;}*/

#left-nav li a {color:#333; display:block;}
#left-nav li a:hover { background:#eee;}
#left-nav .on2 { color:#ad0041; background:#f5f5f5; }

#left-nav ul{position:relative; background:url(../images/e_67.gif) repeat-y; padding:0 5px 0 5px; margin:0px!important; }

#left-nav li{ width:180px; list-style-type:none; position:relative; min-height:22px; line-height:23px; }

#left-nav li ul { background:#fff; margin:0px!important; padding:0px; position:relative; }
  
#left-nav li ul a {  padding-left:16px;}

.nav-link { color:#535154!important; padding:0 0 0 0; line-height:21px!important; vertical-align:middle; cursor:pointer; font-weight:bold;}
.nav-link:hover { background:url(../images/e_03.jpg) 164px 10px no-repeat #eee; }

.clicked { font-weight:bold; color:#ed1650; background:url(../images/e_03.jpg) 164px 10px no-repeat #e5e5e5; line-height:21px!important; cursor:pointer;   }
.clicked li {border:0px!important;}
.clicked li a {background: url(../images/e_43.gif) no-repeat 7px center #fff; font-weight:normal; color:#666!important;}
.clicked li a:hover {background: url(../images/e_43.gif) no-repeat 5px center #fdeef2!important; color:#ad0041!important;}
.clicked a.on {color:#ed1650!important;}

#good-to-know { background:url(../images/e_67.gif) repeat-y; padding:0 5px 10px 5px; height:auto;}
div.column { height:auto; padding:5px 0 16px 0;width:auto; margin-bottom:5px; background:url(../images/e_65.gif) bottom right no-repeat; color:#000; font-style:italic; }
div.column-hover {height:auto; padding:5px 0 16px 0; width:auto; margin-bottom:5px; background:url(../images/e_61.jpg) bottom right no-repeat;cursor:pointer; color:#717171; font-style:italic;}

div.column-p{height:auto; padding:5px 0 25px 52px; width:auto; margin-bottom:5px; background:url(../images/e_65.gif) 52px 45px no-repeat ; position:relative; }
div.column-hover-p{height:auto; padding:5px 0 25px 52px; width:auto; margin-bottom:5px; background:url(../images/e_61.jpg) 52px 45px no-repeat #efefef;cursor:pointer; color:#717171; position:relative;}

#good-to-know  p { height:auto; max-height:35px; padding:0 3px 0 3px;}
#good-to-know .line { height:1px; background:#CCC; line-height:1px; font-size:1px;}

#left-cta { margin-top:10px;}

#right-side { float:left; width:190px;}

#quick-contact { background:url(../images/e_67.gif) repeat-y; padding:0 5px 0 5px; height:246px;}
#q-form-body { background:url(../images/e_25.gif) repeat-x; height:213px; padding:9px 12px 0 12px;}
#q-form-body .input { width:153px; height:18px; line-height:18px; padding-left:3px; font-size:11px;}
#q-form-body .textarea {width:153px; height:90px;}
#q-form-body .but { height:16px; line-height:16px; border:0px;}

#logos { width:auto; margin-top:15px;}

#center { width:564px; float:left; padding:0 20px 0 20px;}

#bread-crumps { padding:8px 0 0 0; font-size:11px; color:#000; font-weight:bold;font-style:italic;}
#bread-crumps a { font-weight:normal; color:#717171; text-decoration:underline; font-style:normal;}
#bread-crumps a:hover { color:#ec245a;}

#center #promo { width:auto; height:192px; margin-bottom:30px;}

h3.q { background:url(../images/e_19.gif) repeat-x bottom; padding:10px;}
.ans { background:#f6f6f6; padding:5px 5px 5px 5px;}


#footer { height:90px; margin-top:1px; border-top:1px solid #ccc; width:100%; background:url(../images/e_80.gif) repeat-x; font-size:11px;}

#footer-nav { clear:both; height:auto; line-height:12px; margin-top:35px; padding:10px 0 15px 0; text-align:center; color:#717171; background:url(../images/e_76.gif) no-repeat top center; font-size:11px;}
#footer-nav a { color:#333; text-decoration:underline;}
#footer-nav a:hover {color:#ec245a;}