/*******************************************************
Video Headers
*******************************************************/

.video_bold {
    color: #76A826;
    font-weight:bold;
    width:80px;
}
.download_video_link{
    color: #9F7304;
}
.video_description{
    color: #6A6A6A;
}


body, html {
        font-family: Arial, Helvetica, sans-serif;
        color:#3f3b3b;
    }
    
    #video_wrapper {
        width:100%;
    }
    #video_wrapper #left_content {
        width:505px;
        float:left;
        margin:0px 10px 0px 0px;
    }
    #video_wrapper #left_content a:hover{
        text-decoration:none;
    }
    #video_wrapper #left_content #video_content {
        width:500px;
        height:390px;
        margin:0 auto;
    }
    #video_content a{
        float:right;
    }
    #video_wrapper #left_content #selected_video_details {
        background:#ebfde7;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin:15px 0px 0px 0px;
        padding:0;
        text-align:left;
    }
    #selected_video_details h2 {
        margin:0;
        padding:10px 10px 0px;
        font-family: "Garamond", Arial, Helvetica, sans-serif;
        font-size:24px;
        font-weight:600;
    }
    #selected_video_details p {
        padding:0px 10px;
    }
    #selected_video_details #download_area {
        margin:0px 10px 0px 0px;
        float:right;
        width:147px;
    }
    #selected_video_details #download_area p {
        padding:0px;
        margin:0px 0px 10px;
        text-align:center;
    }
    #download_area #download_button{
        padding:11px 0px;
    }
    #download_area #download_button a {
        padding:11px 24px;
        font-size:20px;
        color:#FFF;
        text-shadow: #517719 0px 1px 0px;
        background:url("http://www.computech-it.co.uk/products/crm/BuyNow.png") no-repeat;
        text-decoration:none;
    }
    #download_area #download_button a:hover {
        background-position:0px -48px;
        color:#32600C;
        text-shadow: #E7F5C8 0px 1px 0px;
    }
    #video_wrapper #right_content {
        width:275px;
        float:left;
        background:#e7f2ff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    #video_wrapper #right_content form {
        margin:4px;
    }
    #video_wrapper #right_content form input[type=text] {  
        width:180px;
        border:1px solid #CCC;
        background:#FFF;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size:16px;
        padding:5px 4px 4px;
        color:#545454;
        color:#CCC;
    }
    #video_wrapper #right_content form input[type=submit] { 
        font-size:16px;
        width:72px;
        height:30px;
        border:0;
        color:#FFF;
        text-shadow: #0b3971 0px 1px 0px;
        background: #4c84c9; /* for non-css3 browsers */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c84c9', endColorstr='#2b60a0'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#4c84c9), to(#2b60a0)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #4c84c9,  #2b60a0); /* for firefox 3.6+ */
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    #video_wrapper #right_content form input[type=submit]:hover { 
        cursor:pointer;
        background: #6097da; /* for non-css3 browsers */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76abeb', endColorstr='#4c81c1'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#76abeb), to(#4c81c1)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #76abeb,  #4c81c1); /* for firefox 3.6+ */
        color:#032b5b;
        text-shadow: #83b8f8 0px 1px 0px;
        
    }
    
    #right_content ul.sort_list {
        list-style:none;
        margin:10px 0px 0px;
        padding:0 8px;
    }
    #right_content ul.sort_list li {
        float:left;
    }
    #right_content ul.sort_list li a{
        margin:0px 4px;
    }
    #right_content ul.sort_list li a:hover{
        text-decoration:none;
    }
    a.active {
        color:#3f3b3b;
        cursor:default;
        text-decoration:none;
    }
    #right_content #pagination{
        margin:10px;
        
    }
    #right_content #pagination .pagination_links{
        list-style:none;
        margin:0;
        padding:0;
        
    }
    #right_content #pagination .pagination_links li a{
        float:left;
        margin:0px 4px;
    }
    .video_module p {
        padding:0px 10px;    
    }
    .video_module h3{
        margin:0;
        padding:0px 0px 4px 0px;
        font-family: "Garamond", Arial, Helvetica, sans-serif;
        font-size:16px;
        font-weight:600;
        text-align:left;
    }
    
    .video_module a {
        display:block;
        padding:3px 6px 6px 6px;
        margin:24px 6px 0px;
        text-decoration:none;
    }
    .video_module a:hover, .video_module a.active  {
        background:#cee4ff;
        border:1px solid #4c85ca;
        border:0\0/;/*IE8 Hack*/
        padding:3px 6px 5px 6px;
        margin:23px 5px 5px 5px; /*remove 1px from all sides as border adds 1px*/
        margin:24px 6px 1px\0/;/*IE8 Hack*/
    }
    .video_module a.all_videos {
        color:#ca1a1a;
        font-size:14px;
        margin:0;
        padding:4px 0px;
        text-decoration:underline;
        display:inline;
    }
    .video_module a.all_videos:hover {
        margin:0;
        padding:4px 0px;
        border:0;
        background:none;
        text-decoration:none;
    }
    .video_module a img {
        float:left;
        border:0;
    }
    .video_module a span {
        float:left;
        margin:10px 0px 10px 6px;
        color:#3f3b3b;
        font-size:11px;
        cursor:pointer;
        width:120px;
    }
    .video_module a span span.short_description {
        padding:0;
        margin:4px 0px 0px 0px;
        color:#898989;
        text-align:left;
    }
    hr {
        clear:both;
        border:0;
        border-top:1px solid #FFF;
        border-bottom:1px solid #CCC;
        height:0px;
        margin:10px 0px;
    }
    #left_content hr {
        border-bottom:1px solid #c9eac2;
    }
    #right_content hr {
        border-bottom:1px solid #cee4ff;
    }
    .clear{clear:both;}