*{
	margin:0px;
	padding:0px;
}

div.tra{
	background-color:grey;
	float:none;
}

#videoGridList{
	text-align:center;
	padding:0px;
	margin:0px;
}

#videoGridList img{
	width:150px;
	height:150px;
	padding:0px;
	margin:0px;
	border-radius:5px;
}

#videoGridList li {
	text-align:left;
	display: inline-block;
	line-height: normal;
	width:150px;
	background-color:black;
	padding-right:10px;
	padding-left:10px;
	margin:5px;
	border-radius:10px;
}

#videoGridList > li > a  {
    color: white;
    text-decoration: none;
}

#videoGridList > li > a:hover 
{
     color:white; 
     text-decoration:none; 
     cursor:pointer;  
}

#videoGrid{
	width:550px;
	height:432px;
	float:left;
	padding:0px 0px 20px 65px;
}

#traPlayer{
	float: left;
} 

collapse css #videoGridNav {
    margin:15px 0px;
}

#videoGridNav{
	display:none;
}

#videoGridNav a {
    font-size:12px;
    cursor:pointer;
    margin:0 5px;
    color:#333;
}
#videoGridNav a:hover {
    background-color:#222;
    color:#fff;
}
#videoGridNav a.jp-previous {
    margin-right:15px;
}
#videoGridNav a.jp-next {
    margin-left:15px;
}
#videoGridNav a.jp-current,a.jp-current:hover {
    color:#FF4242;
    font-weight:bold;
}
#videoGridNav a.jp-disabled,a.jp-disabled:hover {
    color:#bbb;
}
#videoGridNav a.jp-current,a.jp-current:hover,#videoGridNav a.jp-disabled,a.jp-disabled:hover {
    cursor:default;
    background:none;
}
#videoGridNav span {
    margin: 0 5px;
}

.customBtns{
	position:relative;
}

.arrowPrev, .arrowNext{
	width:50px;
	height:50px;
	position:absolute;	
	cursor:pointer;
}

.arrowNext{
	background-image:url('next.png');
	left:-55px;
	top:163px;
}

.arrowPrev{
	background-image:url('prev.png');
	left:-55px;
	top:222px;
}
.arrowPrev.jp-disabled, .arrowNext.jp-disabled{
	display:none;
}


#slideshow {
    position:relative;
    height:432px;
    width:700px;
    background-color:black;
}

#slideshow IMG {
    position:absolute;
    top:65px;
    width:700px;
    height:auto;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10px;
}

#slideshow IMG.last-active {
    z-index:9;
}

.facebookLink{
	display:block;
	width:18px;
	height:18px;
	background-image:url('Facebook.png');
	background-repeat:no-repeat;
	float:right;
}

.eyeCounter{
	background-image:url('eye.png');
	background-repeat:no-repeat;
	padding-left:27px;
	cursor: default;
}

@media (max-width:700px) {
	#slideshow, #slideshow img{width: 600px;}
	#slideshow { height: 370px;}
	#videoGrid { width: 540px; }	
}
@media (max-width:600px) {
	#slideshow, #slideshow img{width: 500px;}
	#slideshow { height: 317px;}
	#videoGrid { width: 440px; }
}
@media (max-width:500px) {
	#slideshow, #slideshow img{width: 400px;}
	#slideshow { height: 271px;}
	#videoGrid { width: 340px; }
}
@media (max-width:400px) {
	#slideshow, #slideshow img{width: 300px;}
	#slideshow { height: 250px;}
	#videoGrid { width: 240px; }
}
@media (max-width:300px) {
	#slideshow, #slideshow img{width: 200px;}
	#slideshow { height: 200px;}
	#videoGrid { width: 140px; }
}