﻿body { 
     background: url(/Content/icons/background.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.rounded-corners {
     -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.shadow {
	-moz-box-shadow: 4px 4px 5px #444;
	-webkit-box-shadow: 4px 4px 5px #444;
	box-shadow: 4px 4px 5px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#444444');
}

.login_menu {
    position: absolute; 
    margin-left: -50px;
    top: 0px;
    margin-top: -5px;
    width: 200px; 
    height: 40px;
    right: 100px;
    background-color: #c9e5f1;
}

.b_line_foot {   
    width: 50%;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 99;
}

.tab_content {
    overflow-y: auto; 
    height: 430px; 
    font-size: inherit;
}

#vtab {
    margin: auto;
    width: 1000px;
    height: 70%;
    position: absolute;
    left: 50%;
    top: 200px;
    margin-left: -500px;
    opacity: 0.9;
}
#vtab > ul > li {
    cursor: pointer;
    width: 110px;
    height: 80px;
    background-color: #fff !important;
    list-style-type: none;
    display: block;
    text-align: center;
    margin: auto;
    padding-bottom: 10px;
    border: 1px solid #fff;
    position: relative;
    border-right: none;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    z-index: 99999;
}

#vtab > ul > li.home {
    background: url('icons/home.png') no-repeat center center;
    background-size: 50px;
}

#vtab > ul > li.download {
    background: url('icons/download.png') no-repeat center center;
    background-size: 50px;
}

#vtab > ul > li.service {
    background: url('icons/service.png') no-repeat center center;
    background-size: 50px;
}

#vtab > ul > li.support {
    background: url('icons/support.png') no-repeat center center;
    background-size: 50px;
}

#vtab > ul > li.policy {
    background: url('icons/policy.png') no-repeat center center;
    background-size: 50px;
}

#vtab > ul > li.selected {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    border: 1px solid #ddd;
    border-right: none;
    z-index: 10;
    background-color: #fafafa !important;
    position: relative;
}
#vtab > ul {
    float: left;
    width: 110px;
    text-align: left;
    display: block;
    margin: auto 0;
    padding: 0;
    position: relative;
    top: 30px;
}
#vtab > div {
    background-color: #fafafa;
    margin-left: 110px;
    border: 1px solid #ddd;
    min-height: 500px;
    padding: 12px;
    position: relative;
    z-index: 9;
    -moz-border-radius: 20px;
}
#vtab > div > h4 {
    color: #800;
    font-size: 1.2em;
    border-bottom: 1px dotted #800;
    padding-top: 5px;
    margin-top: 0;
}




#slider1 {
    width: 100%; /* important to be same as image width */
    height: 350px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
    
}

#slider1Content {
    width: 700px;
    position: absolute;
	top: 0;
    margin-left: 50px;

}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}

.slider1Image span {
    position: absolute;
	font: 14px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 624px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
 .slider1Image span strong {
    font-size: 16px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
	left: 0;
}
.left {
	top: 0;
	left: 0;
	width: 140px !important;
	height: 350px;
}
.right {
	right: 0;
	bottom: 0;
	width: 190px !important;
	height: 170px;
}
.offset {
	left: 30px;
}
.offsetRight {
	right: 40px;
}