/* general styles, can be ignored */

.slideShow ul, .slideShow li {
list-style-type: none;
margin: 0px;
padding: 0px;
}

/* slideshow styles */

.slideShow ul.slides {
position:relative;
}
.slideShow ul.navigation {
position:absolute;
bottom:20px;
left:25px;
z-index:500;
}
.slideShow .navigation a {
position: relative;
display: block;
height: 20px;
text-decoration: none;
color: transparent;
background:#333;
font-size: 0px;
line-height:1px;
height:10px;
}
.slideShow .selected {background-color: #929292;
color: transparent;}
.callbackSlideShow {position:relative;}
ul.navigation {position:absolute;left:25px;bottom:20px;z-index:5000;}
.slideShow .navigation a:hover {
color: transparent;
border: 1px solid #111;
}
.slideShow ul.navigation li {
float: left;
display:inline-block;
margin: 0;
width: 10px;
height:10px;
margin-right:7px;
}

.slideShow .navigation a:hover, .slideShow .navigation a.selected {
background-color: #929292;
color: transparent;
}
.content-mid {
background: url('../m/g/nuvi-mid-bg.gif') repeat-x;
width: 100%;
position:relative;
}
.content-mid ul {
list-style:none;
padding:0;margin:0;
}
.content-mid ul li {
padding:0;
margin:0;
width:290px;
}
.content-mid .item {
font-size: 115%;
width: 311px;
float: left;
height: 260px;
margin-top: 0;
}

.content-mid .item h2 {
margin-top: 15px;
}

.content-mid .item span {
padding-right: 15px;
}

.content-mid .item img {
float: left;
margin-right: 20px;
margin-left: 15px;
height: 266px;
}
.slider {
width: 950px;
height: 23px;
position: relative;
background: url(../m/g/nuvi-slider-bar-bg.gif) no-repeat;
}

.button-left {
width:40px;
height:23px;
position:absolute;
z-index:500;
bottom:0;
left:0;
cursor:pointer;
}
.button-right {
width:40px;
height:23px;
position:absolute;
z-index:500;
bottom:0;
right:0;
cursor:pointer;
}
/* @end */