/*  
Name: JST 
Description: Video Stylesheet
*/

/* Imports ================================================================== */
Description:  Typography Stylesheet

*/

body{
    font-size:.8em;
    font-family:arial, verdana;
}
td{
font-size:105%;
}

#menu li a{
    font-family:gotham, arial;
    color:#fff;
    font-size:10px;
    text-transform:uppercase;
    text-decoration:none;
}

#submenu1 li a{
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}


body{
    padding:0;
    margin:0;
}
sup{
    position:relative;
    top:5px;
}
ol{
    margin-top:12px !important;
}
div#page{
    width:1300px;
    margin:25px auto 25px auto;
    border:1px solid #c7c8cb;
    _padding-bottom:50px;
    background:#e7e7e8;
}
/* General */
.clearfix:after {  
	 content: ".";  
	 display: block;  
	 clear: both;  
	 visibility: hidden;  
	 line-height: 0;  
	 height: 0;  
}

.bSmash{
    margin-bottom:-10px;
}
.cSmash{
   display:inline;
   margin:0px 6px 0 0 !important;
   padding:0;
   float:left;
}
.tSmash{
    margin-top:7px;
}
img.right{
    float:right;
    margin:5px;
    border:1px solid #595a5d;
}
div.center{
    text-align:center;
}

/* Header */
#headerimg{
    padding:30px 0 0 45px;
}
h1{
    background: #fff url(//images/jst.gif) no-repeat;
	width:341px;
    height: 56px;
    text-indent:-9999px;
	outline:none;
}

h1.logo{background: #fff url(https://www.collectmax.com/videos/images/HeaderCorner.png) no-repeat; outline:none;}

#header{
    background:#fff;
    padding:0 0 20px 0;
    margin:0 0 -15px 0;
}
#header a{
    display:block;
    width:261px;
	outline:none;
}

/* Menu */
#menu{
    margin:0;
    background-color :#47484b;
    border-bottom:1px solid #fff;
    padding:0 0 0 6px;
    }
#menu ul{
    list-style:none;
    width:1020px;
	margin: 0;
	padding: 0 0 0 40px;
}
#menu li{
    float:left;
    text-align:center;
}
#menu li a{
    display:block;
    padding:15px 20px 14px 20px;
    border-left:1px solid #47484b; 
}
#menu li a:hover{
    background-color:#007dc3;
}
	
#menu .current_page_item, #menu_current a:active, #menu .current_page_ancestor, div.menu li#menu_current{
    background:#007dc3;
}
#menu li.page-1 a { width: 38px; }
#menu li.page-2 a { width: 58px; }
#menu li.page-3 a { width: 87px; }
#menu li.page-4 a { width: 87px; }
#menu li.page-5 a { width: 36px; }
#menu li.page-6 a { width: 73px; }
#menu li.page-7 a { width: 73px; }
#menu li.page-8 a { width: 73px; }
#menu li.page-9 a { width: 73px; }
#menu li.page-10 a { width: 73px; }


/* Content */
#content{
    border:1px solid #d4d3d4;   
    background:#fff;
    margin:0px 20px 0 20px;
    padding:20px 20px;
    height:264px;
    overflow:auto;
    outline:none;
}
#content.homepage{
    background: #fff url(images/line-bullets.gif) 0 270px repeat-x ;
}
#content ol{
    margin:0;
    padding:0 0 0 18px;
}
#content h5, #content h4{
    padding:0;
    margin:10px 0 10px 0;
}
#content h5#first, #content h4#first{
    padding:0;
    margin:0 0 10px 0;
}
#content-footer{
    padding:15px 0 0 0;
	margin:25px 0 0 0;
}



/* Scrollbars */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;
}

.vscrollerbase {
width: 13px;
background: #c9c8c8;
}
.vscrollerbar {
width: 13px;
background: #007dc3;
padding: 10px;
z-index: 2;
border-right:#abaaaa;
}
.vscrollerbar {

}
.vscrollerbarbeg {
}
.vscrollerbarend {
}

.vscrollerbasebeg {
background: url(images/scroll-arrow-up.gif) 0px -2px no-repeat;
width: 8px;
height: 14px !important;
left:1px;
}
.vscrollerbaseend {
background: url(iimages/scroll-arrow-down.gif) 0px 2px no-repeat;
width: 8px;
height: 14px !important;
left:1px;
}