/*
	AnythingSlider v1.7+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID to match your slider */
#slider {
    width: 100%;
    height: 230px;
    margin: 0 auto;
    list-style: none;
    overflow-y: auto;
    overflow-x: hidden;
}
#slider .slide_wrapper {
    position: relative;
    line-height: 0;
}
#slider .no1 { background: url("/img/index_no1_bg.png") no-repeat left; }
#slider .no2 { background: url("/img/index_no2_bg.png") no-repeat left; }
#slider .no3 { background: url("/img/index_no3_bg.png") no-repeat left; }

#slider .slid_wrapper > dl {
    position: relative;
    overflow: hidden;
    padding: 15px 15px 0;
}
#slider .slid_wrapper > dl dt {
    padding: 0 0 10px;
}
#slider .no1 ul {
    width: 100%;
    height: 79px;
    display: table;
    background: url("/img/index_no1_list_bg.png") no-repeat center;
    line-height: 100%;
}
#slider .no1 ul li {
    display: table-cell;
    padding: 0 5px;
}
#slider .no1 dl {
    display: table;
    margin: 0;
}
#slider .no1 li dt, #slider .no1 li dd {
    display: table-cell;
    vertical-align: middle;
}
#slider li p {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
}
#slider .no2 dl:first-child dd:nth-child(4) img{
    position: absolute;
    top: 30px;
    right: 35px;
}
#slider .no2 ul {
    padding: 10px 0 15px;
}
#slider .no2 ul li {
    display: inline-block;
    padding: 0 5px 0 0;
}
#slider .no2 ul li dl dt {
    float: left;
}
#slider .no2 ul li dl dd {
    float: left;
}
#slider .no3 ul {
    float: left;
    padding: 10px 15px;
}
#slider .no3 ul li {
    padding: 0 0 7.5px;
}
#slider .no3 dl dd:last-child {
    position: absolute;
    top: 15px;
    right: 20px;
}

#slider .no4 ul {
    float: left;
    padding: 10px 15px;
}
#slider .no4 ul li {
    padding: 0 0 7.5px;
}
#slider .no4 dl dd:last-child {
    position: absolute;
    top: 15px;
    right: 20px;
}
/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
    display: block;
    margin: 0 auto;
    overflow: visible !important; /* needed for Opera and Safari */
    position: relative;
}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* all panels inside the slider */
.anythingBase .panel {
    background: transparent;
    display: block;
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0 auto;
}
.anythingBase .panel.vertical {
	float: none;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
    position: absolute;
    display: block;
}
div.anythingSlider .arrow a {
    height: 33px;
    width: 33px;
    display: block;
}
/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; visibility: hidden; }

/* back arrow */
div.anythingSlider .back { left: 50px; background: url("/images/top_img_prev.png") no-repeat; margin: -190px 0 0; }
div.anythingSlider .back a { background-position: left top; }


/* forward arrow */
div.anythingSlider .forward { right: 50px; background: url("/images/top_img_next.png") no-repeat;margin: -190px 0 0 0}
div.anythingSlider .forward a { background-position: right top; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingWindow {
    direction: ltr;
    unicode-bidi: bidi-override;
}

/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
    transition-duration: 0;
    -o-transition-duration: 0;
    -moz-transition-duration: 0;
    -webkit-transition-duration: 0;
}
div#auto_slider_box {
    height: 280px;
}

ul.thumbNav {
    overflow: hidden;
    line-height: 0;
    padding: 0;
    margin: 0;
    background: url("/img/index_thumbNav_bg.png") repeat-x;
}
ul.thumbNav li {
    display: inline;
}
ul.thumbNav li a {
    width: 148px;
    height: 36px;
    text-indent: -9999px;
    display: inline-block;
}

/*
ul.thumbNav li a.panel4 { background: url("/img/button_no5_off.png") no-repeat;}
ul.thumbNav li a.panel4:hover, ul.thumbNav li a.panel5.cur { background: url("/img/button_no5_on.png") no-repeat;}
*/

ul.thumbNav li a.panel1 { background: url("/img/button_no1_off.png") no-repeat;}
ul.thumbNav li a.panel1:hover, ul.thumbNav li a.panel1.cur { background: url("/img/button_no1_on.png") no-repeat;}
ul.thumbNav li a.panel2 { background: url("/img/button_no2_off.png") no-repeat;}
ul.thumbNav li a.panel2:hover, ul.thumbNav li a.panel2.cur { background: url("/img/button_no2_on.png") no-repeat;}
ul.thumbNav li a.panel3 { background: url("/img/button_no3_off.png") no-repeat;}
ul.thumbNav li a.panel3:hover, ul.thumbNav li a.panel3.cur { background: url("/img/button_no3_on.png") no-repeat;}
ul.thumbNav li a.panel4 { background: url("/img/button_no4_off_tax.png") no-repeat;}
ul.thumbNav li a.panel4:hover, ul.thumbNav li a.panel4.cur { background: url("/img/button_no4_on_tax.png") no-repeat;}