/* CSS Document */

*, html {
	margin:0;
	padding:0;
}

#container {
	position:relative;
	width:100%;
	float:left;

}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#e9e3c6;
}

p {
	margin-bottom:15px;
	}

a, a:visited {
	text-decoration:none;
	color:#000;
}

a:active, a:hover {
	text-decoration:underline;
}

h2 {
	font-size:11px;
	font-weight:normal;
	color: #626262;
}



img {
	border:none;
	padding:0;
   

}


img.thumb {
	border:4px #1f221b solid;

}

img.headings {
	vertical-align:text-top;
}

img.stars {
	vertical-align: super;
	margin-left:5px;
}

#top_menu {
	width:939px;
	top:10px;

	text-align:right;
	font-size:12px;
	color:#adadad;
	z-index:999;
	position:absolute;
	

}	

#top_menu a{

	color:#adadad;
	

}
a.top{
	text-decoration:underline;
}
a.top:hover{
	text-decoration:none;
}

#header-container	{
	width:100%;
	text-align:center;
	height:39px;
	background:#231f20;
	position:relative;
	
}	
#header	{
	width:940px;
	margin:0 auto;
	position:relative;	
}	

#header .left{
	float:left;
	position:relative;
	width:30%;
	text-align:left;
}
#header .right {
	float:left;
	width:69%;
	position:relative;
	color:#9f9d9b;
	margin-top:10px;
	
}	

span.korpa {
	float:right;
	width:240px;
	position:relative;
	display:block;
}	

#header form {
	margin:0;
	padding:0 0 0 5px;
	width:170px;
	float:right;
}

#header form .text {
	background:#78736f;
	border:1px solid #060606;
	font-size:11px;
	color:#4d4d4d;
	width:124px;
	height:13px;
	float:none;
	padding:3px 0 2px 5px;
	
}

#header form .button {
	background: url(images/pretraga.gif) no-repeat;
	width:35px;
	height:20px;
	border:none;
	margin:0;
	padding:0;
	float:none;
}

#navigation {
	width:915px;
	height:35px;
	background-image: url(images/menu-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	position:relative;
	margin:13px auto 0 auto;
	padding-top:2px;
}



#navigation ul {
	width:911px;
	display:block;
	list-style:none;
	margin-left:2px;
}

#navigation ul li {

	float:left;
	margin:0 0 0 1px;
}

#navigation ul li a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:10px 21px 12px 22px;
	
}

#navigation ul li:hover, #navigation ul li.current  {
	background:url(images/menu-hover.gif) no-repeat left top;
}

#navigation ul li:hover a, #navigation ul li.current a  {
	background:url(images/menu-hover-span.gif) no-repeat right top;
}

.float-left-top{
	position:absolute;
	top:0px;
	left:0px;
}

.float-left-bottom{
	position:absolute;
	bottom:0px;
	left:0px;
}

.float-right-bottom{
	position:absolute;
	bottom:0px;
	right:0px;
}

.float-right-top{
	position:absolute;
	top:0px;
	right:0px;
}

#main_content	{
	width:915px;
	margin:0 auto 6px auto;
	background:#231f20;
}	

#pathway	{
	width:915px;
	margin:0;
	height:20px;
	color:#191718;
	text-align:right;
	background:#e9e3c6;
	padding-top:5px;	
}

#heading{
	width:892px;
	margin:0;
	height:31px;
	color:#191718;
	font-size:20px;
	text-align:left;
	background:#ffffff url(images/flower-bg.gif) no-repeat right top;
	padding-top:8px;	
	padding-left:23px;
}

#left {
	width:630px;
	float:left;
	position:relative;
}

	
#right {
	width:285px;
	position:relative;
	float:left;
	padding:0px;
}	

#right .heading{
 background: url(images/heading-bg.gif) repeat-x;
 width:300px;
 height:21px;
 padding-left:26px;
 padding-top:10px;
} 

#right .list {
	width:135px;
	height:25px;
	float:left;
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding:25px 0 20px 28px;

}

#right .list-contact1 {
	width:152px;
	height:51px;
	float:left;
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	padding:13px 10px 0 42px;
	text-transform:uppercase;
	background:url(images/strelica.gif) no-repeat 24px 13px;

}

#right .list-contact2 {
	width:110px;
	height:51px;
	float:left;
	position:relative;
	padding:13px 0 0 0;

}

#right .mapa {
	width:290px;
	height:189px;
	float:left;
	position:relative;
	padding:15px 0 0 0;
	margin-left:18px;
}

#right .info {
	width:285px;
	float:left;
	position:relative;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	margin:14px 0 0 23px;
}

#right ul {
	list-style:none;
	float:left;
	position:relative;
	color:#fff;
	font-weight:bold;
}

#right ul li {
	background:url(images/strelica.gif) no-repeat left center;

	padding:4px 0 5px 14px;
}

#right ul li:hover,  #right ul li.current{
	margin-left:15px;
	
}

#right ul.uslovi {
	list-style:none;
	float:left;
	position:relative;
	color:#fff;
	font-weight:normal;
}

#right ul.uslovi li {
	background:url(images/strelica.gif) no-repeat left 5px;
	padding:4px 0 5px 14px;
}

#right ul.uslovi li:hover{
	margin-left:0;
	
}

#right ul li a {
	color:#fff;
}


#bottom-container {
	width:100%;
	background:#191718;
	position:relative;
	
}	
#face {
	width:915px;
	height:65px;
	padding-top:5px;
	margin:0 auto;
}

#face a, #face a:visited {
	text-decoration:underline;
	color:#808081;
}

#face a:hover, #face a:active {
	text-decoration:none;
	color:#808081;
}


.banner {
	width:261px;
	height:99px;
	background:url(images/bottom-banners.jpg) no-repeat left top;
	position:relative;
	float:left;
	padding:20px 16px 0 20px;
}

.item {
	width:544px;
	margin-left:15px;
	float:left;
	position:relative;
	margin-bottom:10px;
}
.item p{
color:#dfd6b4;
}
.thumb-container {
	width:120px;
	height:84px;
	padding:20px 0 0 19px;
	float:left;
	position:relative;
	background:url(images/thumb-container.jpg) no-repeat;
}

.thumb-container2 {
	width:140px;
	height:100px;
	float:left;
	position:relative;
	line-height:100px;
	display:table-cell;
	vertical-align:middle;

}

.thumb-container3 {
	width:72px;
	height:72px;
	position:relative;
	line-height:72px;
	display:table-cell;
	vertical-align:middle;
	background:#ffffff;
	text-align:center

}

.news-home {
	width:390px;
	float:left;
	position:relative;
	margin-left:10px;
	color:#fff;
}

.news-home ul{
	margin-left:30px;
	color:#dfd6b4;
}


.news-home a{

	color:#fff;
}

p.datum {
	margin: 0 0 2px 0;
	font-size:11px;
	color:#dfd6b4;
}

p.naslov {
	margin: 0 0 5px 0;

}

p.text {
	margin: 0 0 7px 0;
	color:#dfd6b4;

}

p.text a{
	text-decoration:underline;
	color:#dfd6b4;

}

p.text a:hover{
	text-decoration: none;

}

.detaljnije {
	position:absolute;
	bottom:-25px;
	right:-400px;
}

#paging{
	width:554px;
	height:20px;
	position:relative;
	float:left;
	padding-right:30px;
	text-align:right;
	margin:20px auto 0 auto;
	font-size:11px;
	color:#000;

}


#paging a {
	display:block;
	width:15px;
	height:14px;
	border:1px solid #231f20;
	border-right:none;
	float:left;
	margin:0;
	color:#000;
	background:#fff;
	padding:0;
	text-align:center;
	text-decoration:none;
}

#paging a:hover, #paging a.active {
	display:block;
	width:15px;
	height:14px;
	border:1px solid #231f20;
	border-right:none;
	background: url(images/page-hover.jpg) repeat;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
	color:#fff;
}

#paging span {
	display:block;
	width:90px;
	padding-top:2px;
	color:#dfd6b4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:15px;
	float:left;
	text-align:left;
}


#paging2{
	width:554px;
	height:20px;
	position:relative;
	float:left;
	padding-right:30px;
	text-align:right;
	margin:20px auto 0 auto;
	font-size:11px;
	padding-top:0px;
	padding-bottom:15px;
	color:#000;	
	background:url(images/right-column-bg.gif) repeat;
}


#paging2 a {
	display:block;
	width:19px;
	height:16px;
	border:1px solid #231f20;
	border-right:none;
	float:left;
	margin:0;
	color:#000;
	background:#fff;
	padding:2px 0 0 0;
	text-align:center;
	text-decoration:none;
}

#paging2 a:hover, #paging2 a.active {
	display:block;
	width:19px;
	height:16px;
	border:1px solid #231f20;
	border-right:none;
	background: url(images/stranicenjebg.jpg) repeat;
	float:left;
	margin:0;
	padding:2px 0 0 0;
	text-align:center;
	text-decoration:none;
	color:#fff;
}

#paging2 span {
	display:block;
	width:90px;
	padding-top:2px;
	color:#dfd6b4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:15px;
	float:left;
	text-align:left;
}



#bottom {
	width:915px;
	margin:0 auto;
	position:relative;
	padding:12px 0;
	
}
#bottom form {
	margin:7px 0 0 0;
	padding:0 0 0 5px;


}

#bottom form .text {
	background:#78736f;
	border:1px solid #060606;
	font-size:11px;
	color:#4d4d4d;
	width:194px;
	height:13px;
	float:none;
	padding:4px 0 2px 5px;
	margin:0;
	
}

#bottom form .button {
	background: url(images/pretraga.gif) no-repeat;
	width:35px;
	height:20px;
	border:none;
	margin:0;
	padding:0;
	float:none;
}

.left-float {
	position:relative;
	float:left;
	width:250px;
	height:80px;
}	

.abs-pos {
	position:absolute;
	right:13px;
	top:13px;
}	



/* Veliki thumbovi */

img.thumbl {
	background:url(images/thumbs-bg.jpg) no-repeat;
	padding:8px 12px;
	width:123px;
	height:123px;
}	

#bottom_content {
	width:100%;
	float:left;
	padding-bottom:15px;
}

	

.thumb_container {
	width:145px;
	height:139px;
	float:left;
	padding:5px 17px 17px 17px;
}
.thumb_container2 {
	width:145px;
	height:139px;
	float:left;
	padding:5px 5px 17px 5px;
}

#footer {
	width:100%;

	height:30px;
	background:#191718;
}

#footer-center {
	width:915px;
	margin:0 auto;
}

#footer-left {
	width:360px;
	float:left;
	color:#808081;
	margin-top:10px;	
}
#footer-right {
	width:380px;
	float:left;
	color:#808081;	
	text-align:right;
	margin-top:10px;
}

#footer-right a{

	color:#808081;	
}

#footer-middle {
	width:170px;
	float:left;
	
}

img.footer {
	margin-left:10px;
	}

/* TABS */

#tabs_container {width: 915px; margin: 0 auto; height:267px; float:left; position:relative}
ul.tabs {
	margin: 0 0 0 7px;
	padding: 0;
	float: left;
	list-style: none;
	height: 36px;
	margin-bottom: 0px;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 36px;
	line-height: 36px;
	border-left: none;
	margin-bottom: 0;
	text-align:left;
	overflow: hidden;
	position: relative;
	width:147px;
	margin-right:4px;
}



ul.tabs li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	padding: 0;
	outline: none;

}
ul.tabs li a:hover {
	color: #191718;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs li.active a  {
	background: url(images/tabs-bg-h.gif) no-repeat;
	color: #191718;

}



.tab_container {

	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;

}
.tab_content {
	padding: 20px 0 0 10px;
	font-size: 1.2em;
	height:211px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;

	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0;

	padding: 0;
}


/*proizvodi*/

#heading-proizvodi {
	width:576px;
	background:url(images/right-column-bg.gif) repeat;
	height:24px;
	padding:10px 0 0 15px;
	position:relative;
	z-index:10000;
}

#lista-proizvodi {
	width:596px;
	position:relative;
	float:left;
	padding:0;
	margin-top:20px;
	z-index:1001;
}

#lista-proizvodi .item{
	width:115px;
	position:relative;
	float:left;
	height:200px;
	margin-right:17px;
	margin-left:17px;
	z-index:1002;
}

#lista-proizvodi .item .th{
	width:115px;
	position:relative;
	height:121px;
	clear:left;
	background:url(images/prodavnica/th-bg.gif) no-repeat;
	text-align:center;
	line-height:121px;
	z-index:1003;
}

#lista-proizvodi .item .th img{
	vertical-align:middle;
	z-index:1004;
}

#lista-proizvodi .item .text{
	width:115px;
	position:relative;
	height:75px;
	text-align:center;
	font-size:11px;
	padding-top:4px;
}

#lista-proizvodi .item .text a{
	color:#FFF
}

#kategorije-desno {
	width:319px;
	background:#191718;
	margin:0;
	padding:0 0 60px 0;
}

#kategorije-desno ul {
	width:319px;
	list-style:none;
	border-left:1px solid #211d1e;
}

#kategorije-desno ul ul{
	width:319px;
	list-style:none;
	border-left:none;
	margin-top:7px;
}

#kategorije-desno ul ul ul{
	width:319px;
	list-style:none;
	border-left:none;
	margin-top:7px;
	margin-left:-32px;
}

#kategorije-desno ul li{
	background:url(images/prodavnica/down-arrow.png) no-repeat 8px 8px #231f20;
	border-bottom:1px dashed #211d1e;
	padding-top:7px;
	padding-bottom:7px;
	width:318px;
	padding-left:0;
	clear:both;
	margin-left:0px;
}

#kategorije-desno ul li:hover {
	background:url(images/prodavnica/down-arrow.png) no-repeat 8px 8px #231f20;
	border-bottom:1px dashed #211d1e;
	padding-top:7px;
	padding-bottom:7px;
	width:318px;
	padding-left:0;
	clear:both;
	margin-left:0px;
}


#kategorije-desno ul li li{
	background: url(images/prodavnica/arrow.png) no-repeat 40px 8px;
	font-weight:normal;

	border-bottom:1px dashed #211d1e;
	padding-left:32px;
	padding-top:7px;
	padding-bottom:7px;
	width:282px;
	
}

#kategorije-desno ul li li:hover {
	background: #231f20 url(images/prodavnica/arrow.png) no-repeat 40px 8px;
	border-bottom:1px dashed #211d1e;
padding-left:32px;
	padding-top:7px;
	padding-bottom:7px;
	width:282px;
}

#kategorije-desno ul li li.opened {
	background: transparent url(images/prodavnica/down-arrow.png) no-repeat 40px 8px;
	border-bottom:1px dashed #211d1e;
padding-left:32px;
	padding-top:7px;
	padding-bottom:7px;
	width:282px;
}



#kategorije-desno ul li li li{
	background: none;
	font-weight:normal;
	font-size:11px;
	border-bottom:1px dashed #211d1e;
	padding-left:70px;
	padding-top:7px;
	padding-bottom:7px;
	width:244px;
	text-decoration:none;
	color:#dfd6b4;
	margin-left:0px;
	
}

#kategorije-desno ul li li li:hover{
	background: #231f20;
	font-weight:normal;
	font-size:11px;
	border-bottom:1px dashed #211d1e;
	padding-left:70px;
	padding-top:7px;
	padding-bottom:7px;
	width:244px;
	text-decoration: underline;
	color:#dfd6b4;
	margin-left:0px;
	
}

 #kategorije-desno ul li li li.opened {
	background: transparent url(images/prodavnica/arrow.png) no-repeat 56px 8px;
	font-weight:normal;
	font-size:11px;
	border-bottom:1px dashed #211d1e;
	padding-left:70px;
	padding-top:7px;
	padding-bottom:7px;
	width:244px;
	text-decoration: underline;
	color:#dfd6b4;
	margin-left:0px;
}



#kategorije-desno ul li li li a{
	color:#dfd6b4;

}





p.uslovi{
	font-size:12px;
	line-height:20px;
	margin-left:13px;
	font-weight:bold
}

p.uslovi a{
	color:#fff;
}



/* HOME PREDLAZEMO */

#predlazemo {
	width:100%; 
	clear:both; 
	position:relative;
	background:url(images/predlazemobg.jpg) repeat-y center; 
	color:#191718; 
	padding-top:15px;
}

#products_container {
	
}

#products_container .small_containers {
	float:left; 
	position:relative; 
	width:146px; 
	text-align:center;
}

#products_container .small_containers p {
	margin-bottom:5px;
}

#products_container .small_containers p.naziv {
	font-size:10px; 
	font-family:Georgia, 'Times New Roman', Times, serif;
}

#products_container .small_containers p.naziv a {
	text-decoration:underline;
}

#products_container .small_containers p.naziv a:hover {
	text-decoration: none;
}

#products_container .small_containers p.cena {
	font-size:10px; 
	margin-bottom:20px;
}
.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:876px; 
margin:0 0 0 20px;
height: 200px; /*Height should enough to fit largest content's height*/
float:left;

background:none;
display:table-cell;
vertical-align:bottom;
}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin around each panel*/
width:876px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:200px;
margin:0 0px 0 0;
padding-left:0px;
}


/*selectbox*/


.upper {
float:left; 
text-align:left;
position:relative;
z-index:1000;
margin-left:20px;
margin-bottom:30px;
}

.upper form input {
	width:357px;
	height:19px;
	padding-left:4px;
  padding-top:4px;
	background:url(images/contact-input.gif) no-repeat;
  border:none;
  font-size:11px;
  color:#191718;
  font-family:Arial, Helvetica, sans-serif;
  margin-top:5px;
  
}

.upper form input.cbox {
	width:auto;
	height:auto;
	padding-left:0;
  padding-top:0;
	background:none;
  border:none;
  font-size:11px;
  color:#191718;
  font-family:Arial, Helvetica, sans-serif;
  margin-top:5px;
  float:left;
  margin-right:20px;
}

.upper form textarea {
	width:554px;
	height:107px;
	padding-left:4px;
  padding-top:4px;
	background: url(images/contact-textarea.gif) no-repeat;
  border:none;
  font-size:11px;
  color:#191718;
  font-family:Arial, Helvetica, sans-serif;
  margin-top:8px;
  font-style:italic;
  overflow:hidden;
}

.upper form input.submit {
	width:79px;
	height:16px;
	background:url(images/posalji.gif) no-repeat;
	float:right;
	padding:0;
  border:none;
  margin-top:5px;
  margin-right:10px;
}

.upper div.selectbox-wrapper {
  position:absolute;
  width:361px;
  background:url(images/contact-input.gif) no-repeat;
  border:none;
  margin:0px;
  margin-top:0px;
  padding:0px;
  font-size:11px;
  color:#191718;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  max-height:200px;
  overflow:auto;
  z-index:1001;
}
.upper div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0;
  padding:4px 0 0 4px;
  background:#78736f;

  z-index:1002;
}
.upper div.selectbox-wrapper ul li.selected { 
  background-color: #56514d;
  color:#fff;
}
.upper div.selectbox-wrapper ul li.current { 
  background-color: #56514d;
   color:#fff; 
}
.upper div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.upper label {
    display: block;
}

.upper .selectbox /* look&fell of  select box*/
{
  margin: 0px;
  padding-left:4px;
  padding-top:4px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  width : 357px; 
  display : block;
  text-align:left; 
  background: url(images/arrow.gif) right -1px no-repeat #78736f;
  height:19px;
  cursor: pointer;
  border:1px solid #818181;
  color:#191718;
  z-index:1004;
}

.upper select {
	background: url(images/arrow.gif) right no-repeat #2d2921;
}



.sort {
text-align:left;
position:absolute;
z-index:10000;
margin-left:20px;
margin-bottom:30px;
right:10px;
top:8px;
}


.sort div.selectbox-wrapper {
  position:absolute;
  width:198px;
  background:#78736f;
  border:none;
  margin:0px;
  margin-top:0px;
  padding:0px;
  font-size:11px;
  color:#191718;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  overflow:auto;
  z-index:10001;
  height:auto;
}
.sort div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0;
  padding:4px;
  background:#78736f;
  z-index:10002;
}
.sort div.selectbox-wrapper ul li.selected { 
  background-color: #56514d;
  color:#fff;
}
.sort div.selectbox-wrapper ul li.current { 
  background-color: #56514d;
   color:#fff; 
}
.sort div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.sort label {
    display: block;
}

.sort .selectbox /* look&fell of  select box*/
{
  margin: 0px;
  padding-left:4px;
  padding-top:2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  width : 198px; 
  display : block;
  text-align:left; 
  background: url(images/prodavnica/sort-arrow.gif) right -1px no-repeat #78736f;
  height:15px;
  cursor: pointer;
  border:1px solid #818181;
  color:#191718;
  z-index:10004;
}

.sort select {
	background: url(images/prodavnica/sort-arrow.gif) right no-repeat #2d2921;
}


@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */



/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {
 font-weight: bold;
 z-index:2000
}

	ul.dropdown li {
	 padding: 0;
	 border:0;
	 background-color:	#2d2921;
	 color: #FFD424;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color:	#2d2921;
	 color: #FFD424;
	 
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #FFD424; text-decoration: none; }
	ul.dropdown a:hover		{ color: #FFD424; }
	ul.dropdown a:active	{ color: #FFD424; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 100px;
	 margin-top: 10px;
	border:1px outset #9C9A9C;
	background:#2d2921;
	opacity:	0.9;
	filter:Alpha(style=0,opacity=90);
	}

		ul.dropdown ul li {

		font-family: Arial;
		font-weight: bold;
		font-size: 11px;
		padding:4px;
		border-width:1px 0 0 0;
		border-style:solid;
		border-color:#2d2921;
		width:88px;
		margin:0 auto;

	
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {

 margin:0;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding: 0;
 margin:0;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding:0;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}


@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 1007;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;

}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 1009;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 1008;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}