a.readon {
background:transparent url(../images/blue/s5_cityportal_readmore.jpg) no-repeat scroll center top;
color:#FFFFFF;
display:block;
font-size:11px;
font-weight:normal;
padding:2px 17px 8px 15px;
text-decoration:none;
}

a.readon:hover, a.readon:active, a.readon:focus {
color:#000000;
text-decoration:none;
}

#s5_logo {
background:transparent url(../images/blue/logo.png) no-repeat scroll 0 0;
}

#s5_topleftsignup_left {
background:transparent url(../images/blue/s5_cityportal_signup_l.png) no-repeat scroll 0 0;
}

#s5_topleftsignup_left2 {
background:transparent url(../images/blue/s5_cityportal_login_l.png) no-repeat scroll 0 0;
}

.s5_topleftsignup_right {
background:transparent url(../images/blue/s5_cityportal_ls_r.png) no-repeat scroll 0 0;
}

.s5_topleftsignup_middle {
background:transparent url(../images/blue/s5_cityportal_ls_m.png) repeat-x scroll 0 0;
}

.button {
background:#000000 url(../images/blue/s5_cityportal_buttonb.jpg) repeat-x scroll 0 0;
}

.button:hover, .button:focus {
color:#000000;}


#s5_outerwrap div.module-advert div div {
background:transparent url(../images/blue/s5_cityportal_adtoph3.jpg) repeat-x scroll right top;
}

/* MAIN MENU
----------------------------------------------------------- */

#s5_navv ul li li.lastitem a:hover {
	background:transparent url(../images/blue/s5_cityportal_backhover.jpg) repeat-x;
	color:#FFFFFF; } 

#s5_navv ul li a.parent, #s5_navv ul li ul li a.parent {
    background:transparent url(../images/s5_na_menuhor_arrow.gif) no-repeat scroll 137pt 13pt; }

#s5_navv ul li a.parent:hover, #s5_navv ul li ul li a.parent:hover  {
	color:#FFFFFF;	
    background:transparent url(../images/blue/s5_cityportal_backhover.jpg) repeat-x; }

#s5_navv ul li ul li {
    background:transparent url(../images/s5_cityportal_menuback.jpg) repeat scroll 0%; }   
	
#s5_navv ul li ul li:hover {
    background:transparent url(../images/s5_cityportal_menuback.jpg) repeat scroll 0%; }   


#s5_navv li:hover span, #s5_navv li.over span, #s5_fm_ul0 li:hover span, #s5_fm_ul0 li.over span {
	background:transparent url(../images/blue/s5_cityportal_leftactive.jpg) no-repeat scroll 0 10pt;
	color:197px;}

#s5_navv ul li:hover, #s5_navv ul li.over  {
	background:transparent url(../images/blue/s5_cityportal_rightactive.jpg) no-repeat scroll right 10pt;
	color:#000000;}

#s5_navv ul li.active a {
	background:transparent url(../images/blue/s5_cityportal_leftactive.jpg) no-repeat scroll left 1pt;
    color:#FFFFFF;}

#s5_navv ul li a:hover, #s5_navv ul li a.over {
	background:transparent url(../images/blue/s5_cityportal_leftactive.jpg) no-repeat scroll left 1pt;
    color:#FFFFFF;}

	
#s5_navv li.active span, #s5_fm_ul0 li.active span.s5_outer_active {
background:transparent url(../images/blue/s5_cityportal_rightactive.jpg) no-repeat scroll right 10pt;
}

#s5_navv span.s5_outer_active span, #s5_fm_ul0 span.s5_outer_active span {
background:transparent url(../images/blue/s5_cityportal_rightactive.jpg) no-repeat scroll right 10pt;
}

#s5_navv ul li.s5_toparrow, #s5_navv ul li.s5_toparrow:hover, #s5_navv ul li.s5_toparrow {
	height:15px;
	margin-top:-7px;
	background:transparent url(../images/s5_cityportal_menutop.jpg) no-repeat scroll 0pt 0;}
	
#s5_navv ul li ul li a:hover, #s5_navv ul li ul li:hover, #s5_navv ul li ul li a.over, #s5_navv ul li ul li.over {
	 background:#FFFFFF url(../images/blue/s5_cityportal_backhover.jpg) repeat-x;
	 width:194px;
	 color:#FFFFFF;}
	 
	 
#s5_navv ul li ul li.active a {
	background:none;}


/* RokVMCategories */

ul.rokvm_categories li.active a span {background-position: 15px 11px;}
ul.menu li.cat-open a span {background: url(../images/main/menu-arrow-over.png) 15px 11px no-repeat;}
ul.menu li.cat-open li span, #main-body ul.menu li.parent li span {background: url(../images/typo/bullet-4.png) 0 6px no-repeat;padding-left: 12px;}
ul.menu li.cat-open ul li, #main-body ul.menu li.cat-open ul li.parent ul {background: none;border: 0;}
ul.menu li.cat-open ul {padding: 6px;margin: 0;border: 0;background: url(../images/main/side-li-bg2.png) 0 100% repeat-x;}
ul.menu li.cat-open a {background: url(../images/main/side-li-bg.png) 0 0 repeat-x;}
ul.menu li.cat-open a {font-weight: bold;}
ul.menu li.cat-open li a {font-weight: normal;background: none;}
ul.menu li.cat-open ul {margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 10px;}

/* RokVirtuemartScroller */
#horizontal-rokvmscroller .scroll-item1, #vertical-rokvmscroller .scroll-item1 {padding: 0;border: 0;background: url(../images/main/scroller-item-m.png) 0 0 repeat-y;}
#horizontal-rokvmscroller .scroll-item2, #vertical-rokvmscroller .scroll-item2 {padding: 0;border: 0;background: url(../images/main/scroller-item-t.png) 50% 0 no-repeat;}
#horizontal-rokvmscroller .scroll-item3, #vertical-rokvmscroller .scroll-item3 {padding: 0;border: 0;background: url(../images/main/scroller-item-b.png) 50% 100% no-repeat;padding: 10px 0 28px 0;}
/* Horizontal */
#horizontal-rokvmscroller {width:5000px;}
.horizontal-scroller-bottom {position: relative;border-top: 1px solid #ccc;overflow: hidden;margin: -1px;}
.horizontal-rokvmscroller-container {background: url(../images/main/scroller-bg.png) 0 50% repeat-x;margin-left: 67px;border-left: 1px solid #ccc;margin-right: 67px;border-right: 1px solid #ccc;}
.horizontal-rokvmscroller-wrapper {overflow: hidden;margin: 0 auto;}
.horizontal-rokvmscroller-leftarrow {background: #ddd url(../images/main/scroller-ctrl-l.png) 0 50% no-repeat;position: absolute;top: 0;left: 0;height: 100%;width: 67px;cursor: pointer;}
.horizontal-rokvmscroller-rightarrow {background: #ddd url(../images/main/scroller-ctrl-r.png) 0 50% no-repeat;position: absolute;top: 0;right: 0;height: 100%;width: 67px;cursor: pointer;}
#horizontal-rokvmscroller div {width: 187px;margin: 0;padding: 10px 9px 0 9px;float: left;text-align: center;}
#horizontal-rokvmscroller div.first {padding-left: 10px;}
#horizontal-rokvmscroller div.last {border-right: none;margin-right: 0;padding-right: 0;}
/* No arrows exceptions */
.noarrows .horizontal-rokvmscroller-container {margin-left: 0;margin-right:0;}
.noarrows #horizontal-rokvmscroller {margin: 5px auto 0;}
.horizontal-rokvmscroller-container a img, .vertical-rokvmscroller-container a img {width:50%;}

/* Vertical */
.vertical-scroller-bottom {position: relative;border-top: 1px solid #ccc;overflow: hidden;margin: -16px;}
.vertical-rokvmscroller-container {background: #e7e7e7;}
.vertical-rokvmscroller-wrapper {overflow: hidden;}
.vertical-rokvmscroller-leftarrow {background: #ddd url(../images/main/scroller-ctrl-b.png) 50% 0 no-repeat;height: 67px;width: 100%;cursor: pointer;border-bottom: 1px solid #ccc;}
.vertical-rokvmscroller-rightarrow {background: #ddd url(../images/main/scroller-ctrl-t.png) 50% 0 no-repeat;height: 67px;width: 100%;cursor: pointer;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#vertical-rokvmscroller div {width: 187px;margin: 0;padding: 10px 5px 0 5px;float: left;text-align: center;}
#vertical-rokvmscroller div.last {border-right: none;margin-right: 0;padding-right: 0;}
/* No arrows exceptions */
.noarrows .vertical-rokvmscroller-container {margin-left: 0;margin-right:0;}
.noarrows #vertical-rokvmscroller {margin: 5px auto 0;overflow:hidden;}

div.featureprod {margin: -15px -15px 0 -15px;}
div.featureprod td {border-bottom: 1px solid #ccc;}
table.featureprod {width: 100%;}

#s5_modleft .module  {background: #f8f8f8;border: 1px solid #ccc;padding:5px;	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;margin-bottom:10px;}
#s5_modleft h3 {background: url(../images/main/module-h3.png) 0 100% repeat-x;-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;text-align:center;line-height:12px;color:#00b5b6;padding-top:5px;}


