#navigationRow {display: none;}

.slider_item_content
{
	background-color: transparent;
	top: 0;
}

#pageWrapper 
{
	position: relative;
	width: 716px;
	height: 240px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#pageWrapper img 
{ 
	border: 0; 
}

#text_navigation
{ 
	position: absolute; 
	top: 135px; 
	left: 0px; 
	z-index: 20;
	border: solid 1px olive;
}

#navigationRow
{
	position: absolute;
	top: 44px;
	left: 0px;
	z-index: 21;
	width: 170px;
	height: 23px;
	padding-top: 1px;
}

.nav_previous
{
	position: absolute;
	top: 1px;
	left: 6px;
}

.nav_pipe
{
	position: absolute;
	top: 1px;
	left: 41px;
}

.nav_next
{
	position: absolute;
	top: 1px;
	left: 45px;
}

.navigation_box_frame
{
	position: absolute;
	top: 7px;
	z-index: 21;
}

#navigation_box_core
{
	position: absolute;
	top: 7px;
	z-index: 20;
}

/* content images */
#slideItemsWrap
{ 
	position: relative; 
}

#slideItems
{
	position: relative;
	left: 0px;
}

#slideItems div
{
	position: absolute;
	width: 770px;
	height: 470px;
}

/* text content */
#text_wrapper
{
	position: absolute;
	top: 43px;
	left: 0px;
	width: 170px;
	height: 177px;
	overflow: hidden;
	z-index: 10;
}

#slideLinksWrap
{ 
	position: relative; 
}

#slideLinks
{
	position: absolute;
	left: 0px;
	top: 95px;
}

#slideLinks div
{
	position: absolute;
	width: 160px; /* width of text content; change number in slider.js accordingly */
	height: 127px;
}

#slideLinks div a
{
	position: absolute;
	top: 40px;
	left: 0;
}

#slideLinksIndex
{
	display: none;
	position: absolute;
	top: 8px;
	width: 185px;
	height: 127px;
}

#thread_link
{
	position: absolute;
	top: 157px;
	left: 0px;
	z-index: 10;
	width: 192px;
	height: 23px;
}

#thread_details /* sliding details box (not needed) */
{
	position: absolute;
	top: 219px;
	z-index: 9;
	width: 192px;
	height: 61px;
	padding-left: 0px;
}

#viewAll /* last slide (overview) */
{
	position: relative;
	width: 770px;
	height: 470px;
}

.viewAll_1 { position: absolute; top: 42px; left: 262px; }
.viewAll_2 { position: absolute; top: 42px; left: 504px; }
.viewAll_3 { position: absolute; top: 256px; left: 262px; }
.viewAll_4 { position: absolute; top: 256px; left: 504px; }

.content_box.box_3col_2row
{
    width: 716px;
    height: 240px;
}

/* slider static css (development)
------------------------------- */

#slider_wrapper
{
    position: relative;
    line-height: 14px;
}

.banner_image
{

}

#slider_wrapper .slider_info
{
    width: 170px;
    height: 163px;
    position: absolute;
    top: 38px;
    left: 0;
    background: url(../images/slider-info-bg.png) 0 0 no-repeat;
}

#slider_wrapper .navigation
{
    margin: 0 7px;
    border-bottom: dashed 1px #888;
}

#slider_wrapper ul
{
    margin: 5px 0;
    padding: 0;
    list-style: none;
}

#slider_wrapper ul li
{
    margin: 0;
    padding: 0;
}

#slider_wrapper ul li a
{
    margin: 0;
    padding: 3px;
    display: block;
    font-size: 12px;
    color: #999;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#slider_wrapper ul li a:hover
{
    color: #000;
}

#slider_wrapper ul li.active a
{
    padding: 2px 3px 3px 3px;
    color: #fff;
    background: #ec7e00;
    font-size: 13px;
    font-weight: bold;
}

#slider_wrapper ul li.active a:hover
{
    color: #fff;
    background: #ec7e00;
}

#slider_wrapper .slider_item_content
{
    margin: 5px 10px;
    color: #999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 14px;
}

#slider_wrapper .slider_item_content p
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 15px;
    color: #999;
}

#slider_wrapper .slider_item_content p.desc
{
    margin: 0;
    padding: 0;
    color: #ec7e00;
    font-size: 14px;
}

#slider_wrapper .slider_item_content p.price
{
    margin: 5px 0;
    padding: 0;
    color: #ec7e00;
    font-size: 12px;
}

#slider_wrapper .slider_item_content p.price strong
{
    font-size: 16px;
}

.slide-items-trp-corners
{
    width:716px;
    height:240px;
    background:url(../images/sliding-banner-transperent-corner-bg.png) no-repeat;
    position:absolute;
    top:0px;
    left:0px;
}

a:link.icon_arrow,
a:visited.icon_arrow
{
    padding: 0 0 0 18px;
    background: url(../images/icon-right-arrow.png) 0 50% no-repeat;
    clear: both;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: #0099cc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:active.icon_arrow,
a:hover.icon_arrow {
    text-decoration: none;
    color: #0099cc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}