/* CSS Document */
HTML {
	HEIGHT: 100%
}
BODY {
	HEIGHT: 100%
}
* {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}
BODY {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #000; PADDING-TOP: 0px
}
#toolbar {
	Z-INDEX: 3; POSITION: fixed; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; TOP: 1200px; RIGHT: 10px; PADDING-TOP: 5px
}
#toolbar IMG {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
#img_title {
	Z-INDEX: 3; POSITION: fixed; PADDING-BOTTOM: 10px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-FAMILY: "Josefin Sans Std Light", arial, serif; BACKGROUND: url(fs_img_g_bg.png); COLOR: #fff; FONT-SIZE: 20px; TOP: 10px; PADDING-TOP: 10px; RIGHT: 10px
}
#bg {
	Z-INDEX: 1; POSITION: fixed; WIDTH: 100%; HEIGHT: 100%; OVERFLOW: hidden
}
#bgimg {
	DISPLAY: none; -MS-INTERPOLATION-MODE: bicubic
}
#preloader {
	Z-INDEX: 3; POSITION: relative; PADDING-BOTTOM: 20px; MARGIN: auto; PADDING-LEFT: 20px; WIDTH: 32px; PADDING-RIGHT: 20px; BACKGROUND: #000; TOP: 80px; PADDING-TOP: 20px
}
#thumbnails_wrapper {
	Z-INDEX: 2; POSITION: fixed; WIDTH: 100%; BOTTOM: 0px;
}
#outer_container {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 10px auto; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#outer_container .thumbScroller {
	POSITION: relative; BACKGROUND: url(../fs_img_g_bg.png); OVERFLOW: hidden
}
#outer_container .thumbScroller {
	HEIGHT: 93px
}
#outer_container .thumbScroller .container {
	HEIGHT: 93px
}
#outer_container .thumbScroller .content {
	HEIGHT: 93px
}
#outer_container .thumbScroller .container {
	POSITION: relative; LEFT: 0px
}
#outer_container .thumbScroller .content {
	FLOAT: left
}
#outer_container .thumbScroller .content DIV {
	MARGIN: 5px; HEIGHT: 100%
}
#outer_container .thumbScroller IMG {
	BORDER-BOTTOM: #fff 5px solid; BORDER-LEFT: #fff 5px solid; BORDER-TOP: #fff 5px solid; BORDER-RIGHT: #fff 5px solid
}
#outer_container .thumbScroller .content DIV A {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; PADDING-TOP: 5px
}
.nextImageBtn {
	Z-INDEX: 3; POSITION: absolute; FILTER: alpha(opacity=40); MARGIN: -25px 10px 0px; WIDTH: 50px; DISPLAY: block; HEIGHT: 50px; TOP: 58%; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4
}
.prevImageBtn {
	Z-INDEX: 3; POSITION: absolute; FILTER: alpha(opacity=40); MARGIN: -25px 10px 0px; WIDTH: 50px; DISPLAY: block; HEIGHT: 50px; TOP: 58%; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4
}
.nextImageBtn:hover {
	FILTER: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8
}
.prevImageBtn:hover {
	FILTER: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8
}
.nextImageBtn {
	BACKGROUND: url(../nextImgBtn.png) #000 no-repeat center center; RIGHT: 0px
}
.prevImageBtn {
	BACKGROUND: url(../prevImgBtn.png) #000 no-repeat center center
}
/* NAVIGATION */
#nav-outer { margin-left:5px; margin-right:5px; height:25px; padding-top:5px; position:relative; top:10px; }
#navigation { height:20px; width:auto; margin:0 auto; background-position:top left; background-repeat:no-repeat; }

#nav-outer-second { margin-left:85%; margin-right:5px; height:23px; padding-top:5px; position:relative; }
#navigation-second { height:23px; width:auto; margin:0 auto; background-position:top left; background-repeat:no-repeat; }

#nav-outer-logo { position:absolute; width:200px; margin:0 auto; text-align:center; top:5px; right:5px; z-index:200; }
#navigation-logo { height:20px; width:auto; margin:0 auto; background-position:top left; background-repeat:no-repeat; }

#nav-outer-logo-left { position:absolute; width:200px; margin:0 auto; text-align:left; top:8px; left:8px; z-index:200; }
#navigation-logo-left { height:20px; width:auto; margin:0 auto; background-position:top left; background-repeat:no-repeat; }

#nav-outer-bottom { margin-left:85%; margin-right:5px; height:10px; padding-top:5px; position: relative; top:25px; background:#000;opacity:0.6;filter:alpha(opacity=60); }
#navigation-bottom { height:10px; width:auto; margin:0 auto; background-position:bottom left; background-repeat:no-repeat; }

/* MENU */

#css-izbornik { z-index:700; }
 

#menu-down { background:#000;opacity:0.6;filter:alpha(opacity=60); margin-left:5px; margin-right:5px; height:25px; padding-top:5px; position: absolute; bottom:24px; }
#menu-down ul { list-style:none; float:left; }
#menu-down ul li { display:inline; font-variant:small-caps; font-size:12px; }
#menu-down ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:20px; }
#menu-down ul li a:hover { text-decoration:underline; }

#menu-down { background:#000;opacity:0.6;filter:alpha(opacity=60); margin-left:78%; margin-right:5px; height:25px; padding-top:5px; position: absolute; bottom:24px; }
#menu-down ul { list-style:none; float:left; }
#menu-down ul li { display:inline; font-variant:small-caps; font-size:12px; }
#menu-down ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:20px; }
#menu-down ul li a:hover { text-decoration:underline; }

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:30px; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:30px; line-height:20px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link:hover {color:#fff;}

.menu2 li:hover > a.top_link {color:#fff;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:22px; background: #333; opacity:0.8; filter:alpha(opacity=80); padding:3px 8px; white-space:nowrap; width:120px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:120px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:110px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #fff; border-width:0 0 0 0;}
.menu2 :hover ul.sub li a:hover {background:#333; opacity:0.8; filter:alpha(opacity=80); color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#333; opacity:0.8; filter:alpha(opacity=80) url(arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#333; opacity:0.8; filter:alpha(opacity=80) url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:130px; top:1px; background:#333; opacity:0.8; filter:alpha(opacity=80); padding:3px 15px; white-space:nowrap; width:35px; z-index:200; height:auto;}

.menu3 {padding:0 2px 0 20px; margin:0; list-style:none; height:30px; position:static; font-family:arial, verdana, sans-serif; rihgt: 37px; display:block;}
.menu3 li.top {display:block; float:right; position:relative;}
.menu3 li a.top_link {display:block; float:right; height:30px; line-height:20px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu3 li a.top_link span {float:right; display:block; padding:0 24px 0 6px; height:40px;}
.menu3 li a.top_link span.down {float:right; display:block; padding:0 24px 0 12px; height:40px;}
.menu3 li a.top_link:hover {color:#fff;}

.menu3 li:hover > a.top_link {color:#fff;}

.menu3 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; right:0;}

.menu3 a:hover {visibility:visible;}
.menu3 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu3 ul, 
.menu3 :hover ul ul, 
.menu3 :hover ul :hover ul ul,
.menu3 :hover ul :hover ul :hover ul ul,
.menu3 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; right:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu3 :hover ul.sub {right:2px; top:24px; background: #000; opacity:0.6; filter:alpha(opacity=60); padding:3px 2px; white-space:nowrap; width:236px; height:auto;}
.menu3 :hover ul.sub li {display:block; height:20px; position:relative; float:right; width:233px;}
.menu3 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:230px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu3 :hover ul.sub li a.fly {background:#000; opacity:0.6; filter:alpha(opacity=60) url(arrow.gif) 80px 7px no-repeat;}
.menu3 :hover ul.sub li a:hover {background:#000; opacity:0.6; filter:alpha(opacity=60); color:#fff;}
.menu3 :hover ul.sub li a.fly:hover {background:#000; opacity:0.6; filter:alpha(opacity=60) url(arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu3 :hover ul li:hover > a.fly {background:#000; opacity:0.6; filter:alpha(opacity=60) url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu3 :hover ul :hover ul,
.menu3 :hover ul :hover ul :hover ul,
.menu3 :hover ul :hover ul :hover ul :hover ul,
.menu3 :hover ul :hover ul :hover ul :hover ul :hover ul
{right:10px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:200px; z-index:200; height:auto;}

.menu4 {padding:10px 2px 0 20px; margin:0; list-style:none; height:30px; position:static; font-family:arial, verdana, sans-serif; rihgt: 37px; display:block;}
.menu4 li.top {display:block; float:right; position:relative;}
.menu4 li a.top_link {display:block; float:right; height:30px; line-height:20px; color:#bbb; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu4 li a.top_link span {float:right; display:block; padding:0 24px 0 6px; height:40px;}
.menu4 li a.top_link span.down {float:right; display:block; padding:0 24px 0 12px; height:40px;}
.menu4 li a.top_link:hover {color:#fff;}

.menu4 li:hover > a.top_link {color:#fff;}

.menu4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; right:0;}

.menu4 a:hover {visibility:visible;}
.menu4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu4 ul, 
.menu4 :hover ul ul, 
.menu4 :hover ul :hover ul ul,
.menu4 :hover ul :hover ul :hover ul ul,
.menu4 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; right:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu4 :hover ul.sub {right:2px; top:24px; background: #000; opacity:0.6; filter:alpha(opacity=60); padding:3px 2px; white-space:nowrap; width:236px; height:auto;}
.menu4 :hover ul.sub li {display:block; height:20px; position:relative; float:right; width:233px;}
.menu4 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:230px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu4 :hover ul.sub li a.fly {background:#000; opacity:0.6; filter:alpha(opacity=60) url(arrow.gif) 80px 7px no-repeat;}
.menu4 :hover ul.sub li a:hover {background:#000; opacity:0.6; filter:alpha(opacity=60); color:#fff;}
.menu4 :hover ul.sub li a.fly:hover {background:#000; opacity:0.6; filter:alpha(opacity=60) url(arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu4 :hover ul li:hover > a.fly {background:#000; opacity:0.6; filter:alpha(opacity=60) url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu4 :hover ul :hover ul,
.menu4 :hover ul :hover ul :hover ul,
.menu4 :hover ul :hover ul :hover ul :hover ul,
.menu4 :hover ul :hover ul :hover ul :hover ul :hover ul
{right:10px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:200px; z-index:200; height:auto;}

.preload6 {background: url(prodrop2/button4.gif);}
.menu6 {padding:0 0 0 32px; margin:0; list-style:none; height:30px; position:relative; font-family:arial, verdana, sans-serif; }
.menu6 li.top {display:block; float:left; position:relative;}
.menu6 li a.top_link {display:block; float:left; height:30px; line-height:20px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu6 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu6 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu6 li a.top_link:hover {color:#fff;}

.menu6 li:hover > a.top_link {color:#fff;}

.menu6 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu6 a:hover {visibility:visible;}
.menu6 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu6 ul, 
.menu6 :hover ul ul, 
.menu6 :hover ul :hover ul ul,
.menu6 :hover ul :hover ul :hover ul ul,
.menu6 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu6 :hover ul.sub {left:2px; top:22px; background:#333; background-repeat:repeat; padding:3px 8px; white-space:nowrap; width:100px; height:100px;}
.menu6 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:100px;}
.menu6 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #fff; border-width:0 0 0 0;}
.menu6 :hover ul.sub li a:hover {background:#333; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; color:#fff;}
.menu6 :hover ul.sub li a.fly:hover {background:#333; opacity:0.8; filter:alpha(opacity=80); color:#fff;}
.menu6 :hover ul li:hover > a.fly {background:#333; opacity:0.8; filter:alpha(opacity=80); color:#fff;}

.menu6 :hover ul :hover ul
{left:88px; top:-1px; background: #333; padding:3px 12px; white-space:nowrap; width:48px; z-index:200; height:auto;}
.menu6 :hover ul :hover ul :hover ul,
.menu6 :hover ul :hover ul :hover ul :hover ul,
.menu6 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:47px; top:-1px; background: #333; padding:3px 3px; white-space:nowrap; width:132px; z-index:200; height:84px;}

#logo{position:absolute; top:70px; right:5px; z-index:80; width:120px; line-height:12px; border:0px;}
#logo div{height:150px; padding:3px 0 0 7px; background: #333; opacity:0.6; filter:alpha(opacity=60);}

#logo-karnic{position:absolute; top:2px; right:5px; z-index:80; width:130px; line-height:12px; border:0px;}
#logo-karnic div{height:150px;padding:3px 0 0 3px;}

#logo-model{position:absolute; top:40px; right:5px; z-index:80; width:150px; line-height:12px; border:0px;}
#logo-model div{height:25px; padding:3px 0 0 7px; background: #000; opacity:0.6; filter:alpha(opacity=60);}

#logo-image{position:absolute; top:90px; right:50px; z-index:80; width:230px; line-height:12px; border:0px;}
#logo-image div{height:150px; padding:3px 0 0 7px; background: #000; opacity:0.6; filter:alpha(opacity=60);}

#logo-main{position:absolute; top:24px; left:10px; z-index:80; width:auto; line-height:12px; border:0px	;}
#logo-main div{height:70px;padding:3px 0 0 7px}

#izbornik {background: #000; opacity:0.6; filter:alpha(opacity=60); Z-INDEX: 80; POSITION: absolute; LINE-HEIGHT: 20px; top: 90px; right: 5px; left:auto; width:200px}

#izbornik DIV {
	FILTER: alpha(opacity=60); PADDING-top: 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; BACKGROUND: #000; HEIGHT: 56px; PADDING-TOP: 7px; opacity: 0.6
}

#menumodel { position:relative; top:6px; z-index:90; }
#menumodel ul { list-style:none; float:right; }
#menumodel ul li { display:inline; font-variant:small-caps; font-size:12px; width:150px; }
#menumodel ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:10px; }
#menumodel ul li a:hover { text-decoration:underline; }

/* Izbornik model novo*/
.menutop {position:absolute; width:750px; margin:0 auto; text-align:center; top:5px; left:10%; right:10%; z-index:200;
	
 }

.menutop ul {margin:0; list-style:none; white-space:nowrap; text-align:left; display:inline-block; padding:2px; z-index:200;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Colors */

	background: #333;
	border: 1px solid #444;
	border-right: none;
		/* CSS 3 Stylings */
	
	background: -moz-linear-gradient(top, #555, #2a2a2a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#2a2a2a));

}
.menutop ul {display:inline;}

.menutop li {margin:0; padding:0; list-style:none;}
.menutop li {display:inline-block; display:inline;}
.menutop ul ul {position:absolute; left:-9999px; 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.menutop ul ul ul { 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.menutop.grey ul ul {background-color:#888;}

.menutop > ul {display:table; margin:0 auto;}
.menutop > ul > li {float:left; display:block; position:relative; z-index:100;}
.menutop > ul > li:hover {display:inline-block; z-index:10; color:#FFFFFF;}

.menutop ul a {display:block; font:12px/30px arial,sans-serif; color:#fff; text-decoration:none; padding:0 20px;}
.menutop > ul > li > a {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.menutop > ul > li:first-child > a,
.menutop > ul > li:last-child > a {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.menutop ul ul a {padding:3px 10px; margin:5px 0; line-height:25px;
}

.menutop ul li:hover > ul {left:0; top:30px; z-index:-1;}
.menutop ul ul li:hover > ul {left:100%; top:auto; margin-top:-47px; margin-left:-10px; z-index:10;}

.menutop > ul > li:nth-of-type(5):hover > ul {left:auto; right:0; top:30px; z-index:-1; text-align:right;
}
.menutop > ul > li:nth-of-type(5) ul li:hover > ul {left:auto; right:100%; top:auto; margin-top:-47px; margin-right:-10px; z-index:10; text-align:right;
}

.menutop li.left ul a {text-align:right;}

.menutop ul ul li:hover > a {
text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
text-decoration:underline;
}

.menutop.grey li:hover > a {background-color:#888;}

.menutop span {display:block; position:absolute; right:9999px; top:-35px;}

/* for iPhone, iPod Touch and iPad to display 'Close X' at top right of menu */
.menutop ul ul {display:none;}
.menutop ul li:hover > ul {display:block;}
.menutop span {
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.menutop span a {display:block; white-space:nowrap; float:left; font: 12px/30px arial,sans-serif; color:#222; text-decoration:none; width:80px; text-align:center; margin-right:-40px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:2px 3px 5px rgba(0,0,0,0.4);
box-shadow:2px 3px 5px rgba(0,0,0,0.4);
}
.menutop.grey span a {background-color:#888;}

.menutop:hover span {right:50%;
transition-delay: 1s;
-webkit-transition-delay: 1s;
}
.menutop span:hover {right:9999px;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}

.menutop img {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* Izbornik model bocni*/
.menuright {position:absolute; width:auto; margin:0 auto; text-align:center; top:120px; right:10px; z-index:200;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Colors */

	background: #333;
	border: 1px solid #444;
 }

.menuright ul {margin:0; list-style:none; white-space:nowrap; text-align:left; display:inline-block; padding:2px; z-index:200;}
.menuright ul {display:inline;}

.menuright li {margin:0; padding:0; list-style:none;}
.menuright li {display:inline-block; display:inline;}
.menuright ul ul {position:absolute; left:-9999px; 
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.menuright ul ul ul { 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.menuright.grey ul ul {background-color:#888;}

.menuright > ul {display:table; margin:0 auto;}
.menuright > ul > li {float:left; display:block; position:relative; z-index:100;}
.menuright > ul > li:hover {display:inline-block; z-index:10; color:#FFFFFF; text-decoration:underline;}

.menuright ul a {display:block; font:11px/30px arial,sans-serif; color:#fff; text-decoration:none; padding:0 20px; width:80px; text-align:right;}
.menuright > ul > li > a {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.menuright > ul > li:first-child > a,
.menuright > ul > li:last-child > a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.menuright ul ul a {padding:0 10px; margin:5px 0; line-height:25px;
}

.menuright ul li:hover > ul {left:0; top:30px; z-index:-1;}
.menuright ul ul li:hover > ul {left:100%; top:auto; margin-top:-47px; margin-left:-10px; z-index:10;}

.menuright > ul > li:nth-of-type(5):hover > ul {left:auto; right:0; top:30px; z-index:-1; text-align:right;
}
.menuright > ul > li:nth-of-type(5) ul li:hover > ul {left:auto; right:100%; top:auto; margin-top:-47px; margin-right:-10px; z-index:10; text-align:right;
}

.menuright li.left ul a {text-align:right;}

.menuright ul ul li:hover > a {
text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
text-decoration:underline;
}

.menuright.grey li:hover > a {background-color:#888;}

.menuright span {display:block; position:absolute; right:9999px; top:-35px;}

/* for iPhone, iPod Touch and iPad to display 'Close X' at top right of menu */
.menuright ul ul {display:none;}
.menuright ul li:hover > ul {display:block;}
.menuright span {
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.menuright span a {display:block; white-space:nowrap; float:left; font: 12px/30px arial,sans-serif; color:#222; text-decoration:none; width:80px; text-align:center; margin-right:-40px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:2px 3px 5px rgba(0,0,0,0.4);
box-shadow:2px 3px 5px rgba(0,0,0,0.4);
}
.menuright.grey span a {background-color:#888;}

.menuright:hover span {right:50%;
transition-delay: 1s;
-webkit-transition-delay: 1s;
}
.menuright span:hover {right:9999px;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}