/*Horizontal Orientation CSS*/
#hWrapper .jscarousal-horizontal{height: 40px;margin: 0;padding: 0;padding: 10px 4px 0 4px;position: relative; /*overflow: hidden;*/}
#hWrapper .jscarousal-horizontal-back, #hWrapper .jscarousal-horizontal-forward{float: left;width: 30px;height: 40px;position: relative;top: 0px;cursor: pointer;}
#hWrapper .jscarousal-horizontal-back{background-image: url(../images/prev_icon.gif);background-repeat: no-repeat;background-position: center;}
#hWrapper .jscarousal-horizontal-forward{background-image: url(../images/next_icon.gif);background-repeat: no-repeat;background-position: center;}
#hWrapper .jscarousal-horizontal-back:hover, #hWrapper .jscarousal-horizontal-forward:hover{ background-color:#f8f8f8;}
#hWrapper .jscarousal-contents-horizontal{width: 1128px;height: 40px;float: left;position: relative;overflow: hidden;}
#hWrapper .jscarousal-contents-horizontal > div{position: absolute;width: 1128px;height: 40px;}
#hWrapper .jscarousal-contents-horizontal > div > div{float: left;margin-left: 3px;margin-right: 3px;}

/*Horizontal Orientation CSS*/
#hWrapperAuto .jscarousal-horizontal{height: 145px;margin: 0;padding: 0;padding: 10px 4px 0 4px;position: relative; /*overflow: hidden;*/}
#hWrapperAuto .jscarousal-horizontal-back, #hWrapperAuto .jscarousal-horizontal-forward{float: left;width: 30px;height: 113px;position: relative;top: 0px;cursor: pointer;}
#hWrapperAuto .jscarousal-horizontal-back{background-image: url(../images/prev_icon.gif);background-repeat: no-repeat;background-position: center;}
#hWrapperAuto .jscarousal-horizontal-forward{background-image: url(../images/next_icon.gif);background-repeat: no-repeat;background-position: center;}
#hWrapperAuto .jscarousal-horizontal-back:hover, #hWrapperAuto .jscarousal-horizontal-forward:hover{ background-color:#f8f8f8;}
#hWrapperAuto .jscarousal-contents-horizontal{width: 1128px;height: 145px;float: left;position: relative;overflow: hidden;}
#hWrapperAuto .jscarousal-contents-horizontal > div{position: absolute;width: 1120px;height: 145px;}
#hWrapperAuto .jscarousal-contents-horizontal > div > div{float: left;margin-left: 6px;margin-right: 19px;}


/*Horizontal Orientation CSS Ends*/
/*Vertical Orientation CSS Starts*/
.jscarousal-vertical{width: 140px;height: 460px;background-color: #121212;border: solid 1px #7A7677;margin: 0;padding: 0;position: relative;overflow: hidden;}
.jscarousal-vertical-back, .jscarousal-vertical-forward{width: 100%;height: 30px;background-color: #121212;color: White;position: relative;cursor: pointer;z-index:100;}
.jscarousal-vertical-back{background-image: url(../images/top_arrow.jpg);background-repeat: no-repeat;background-position: bottom;}
.jscarousal-vertical-forward{background-image: url(../images/bottom_arrow.jpg);background-repeat: no-repeat;background-position: top;}
.jscarousal-contents-vertical{overflow: hidden;width: 140px;height: 410px;}
.jscarousal-contents-vertical > div{position: absolute;top: 40px;width: 100%;height: 820px;overflow: hidden;}
.jscarousal-contents-vertical > div > div{width: 140px;height: 125px;margin: 8px;margin-left: 14px;}
.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-active{filter: alpha(opacity=100);opacity: 1.0;cursor: pointer;}
.thumbnail-inactive{filter: alpha(opacity=20);opacity: 0.2;cursor: pointer;}
.thumbnail-text{color: #7A7677;text-align: center;display: block;padding: 6px 2px 2px 0px;}
/*********************************************/
#demo-right{width: 85%;float: left;}
#demo-tabs{width: 100%;height: 50px;color: White;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;}
#contents{width: 100%;margin: 0;padding: 0;color: White;font: arial;font-size: 11pt;}
#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;}
#contents a{color: yellow;}
#contents a:hover{text-decoration: none;color: Gray;}
.heading{font-size: 20pt;font-weight: bold;}