/*Horizontal Orientation CSS*/
.jscarousal-horizontal{position:relative;width: 970px;min-height:220px;height:auto !important;background-color: #ffffff;margin: 15px 0 0;padding: 0;padding: 0px;font-size: 11px;}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward{float: left;width: 23px;height: 150px;background-color: #ffffff;position: relative;top: 6px;cursor: pointer;}
.jscarousal-horizontal-back{background-image: url(../images/left_arrow2.jpg);background-repeat: no-repeat;background-position: left;}
.jscarousal-horizontal-forward{background-image: url(../images/right_arrow2.jpg);background-repeat: no-repeat;background-position: right;}
.jscarousal-contents-horizontal{width: 920px;min-height:220px;height:auto !important;float: left;position: relative;overflow: hidden;}
.jscarousal-contents-horizontal > div{position: absolute;width: 100%;}

.jscarousal-contents-horizontal img{float:left; padding-right:5px;}
.jscarousal-contents-horizontal a{text-decoration:none;font-size:10px;}
/*Horizontal Orientation CSS Ends*/
/*Vertical Orientation CSS Starts*/
.jscarousal-vertical{width: 970px;height: 320px;background-color: #ffffff;margin: 15px 0 0;padding: 0;padding: 2px 8px 2px 8px;position: relative;}
.jscarousal-vertical-back, .jscarousal-vertical-forward{width: 100%;height: 30px;background-color: #ffffff;position: relative;cursor: pointer;z-index:100;}
.jscarousal-vertical-back{background-image: url(top_arrow.jpg);background-repeat: no-repeat;background-position: bottom;}
.jscarousal-vertical-forward{background-image: url(bottom_arrow.jpg);background-repeat: no-repeat;background-position: top;}
.jscarousal-contents-vertical{overflow: hidden;width: 60px;height: 410px;}
.jscarousal-contents-vertical > div{float:right;top: 10px;width: 100%;height: 820px;overflow: hidden;}
.jscarousal-contents-vertical > div > div{width: 160px;height: 125px;margin: 2px;margin-left: 4px;}
.jscarousal-contents-vertical > div > div span{display: block;width: 70%;text-align: center;}
.jscarousal-contents-vertical img{width: 110px;height: 80px;border: solid 1px #7A7677;}
/*Vertical Orientation CSS Ends*/
/*Common*/
.hidden{display: none;}
.visible{display: block;}
.thumbnail-text{color: #7A7677;font-weight: bold;text-align: left;display: block;padding: 10px 2px 2px 0px;}
 #demo-wrapper{margin: 0;padding: 0;width: 100%;height: 100%;padding: 10px 0px 0px 0px;}
#demo-left{width: 15%;float: left;}
#demo-right{width: 85%;float: left;}
#hWrapperAuto{margin-top: 20px;}
#demo-tabs{width: 100%;height: 50px;margin: 0;padding: 0;}
#demo-tabs div.item{height: 35px;float: left;background-color: #2F2F2F;border: solid 1px gray;border-bottom: none;padding: 0;margin: 0;margin-left: 10px;text-align: center;padding: 10px 4px 4px 4px;font-weight: bold;}       
#demo-tabs div.item.active-tab{background-color: Black;}
#demo-tabs div.item.active-tabc{background-color: Black;}
#v1, #v2{margin: 20px;}
.visible{display: block;}
.hidden{display: none;}
#oldWrapper{margin-left: 100px;}