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

body{
padding:0px;
font-family: 'Open Sans', sans-serif;
margin:0;

}

.hidden{
display:none;
}

.visible{
display:block;
}

.vpb_pagination_system a 
{
	  background-color: #33ADD6;
	  color:white;
	 
	  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	 
	  padding:6px 13px 6px 13px;
	  margin:5px;
	  text-decoration:none;
	  cursor:pointer;
}
.vpb_pagination_system a:hover, .vpb_pagination_system a:active 
{
	background-color: #2E9CC1;
   
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.vpb_pagination_system span.current 
{
	  background-color:#247996;

	  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	color:white;
	  width: 10px;
	  padding:6px 13px 6px 13px;
	  margin:5px;
	  text-decoration:none;
	  cursor:pointer;
}
.vpb_pagination_system span.current:hover 
{
    background-color:#1A566B;
    cursor: pointer; 
}
.vpb_pagination_system span.disabled 
{
	  background:#E1E1E1;
      -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	  color:#000;
	  width: 10px;
	  padding:6px 13px 6px 13px;
	  margin:5px;
	  text-decoration:none;
	  cursor:pointer;
	 
}

.pop_text{
font-size:1.5em;
padding-bottom:5px;
border-bottom:1px dashed black;	text-align:center;


}

.onOrders{
font-size:25px;
text-align:center;
margin-top:25%;
}


#class_two_sub input[type="text"] , #class_two_sub input[type="name"] ,#class_two_sub input[type="email"] ,select,textarea{width:100%;resize: none;}
#class_two_sub input[type="file"]{background:#e1e1e1;padding:0px;border-radius:5px;}


#class_two_sub select{
height:30px;
}


#myTab li a:hover{background:#fafafa;}

#myTab .active a{background:#fafafa;}


.dl-horizontal dt strong{
float:left;
}

.dl-horizontal dd span {
margin-left:150px;
}

#form-control{
width:100px;
}

.note-head{
font-size:18px;
font-weight:400;
padding-left:20%;
border-bottom:1px dashed black;
padding-top:10px;
padding-bottom:10px;

}

.clear{
clear:both;
}

header{
height:150px;

}

.logo{
z-index:1000;
position:absolute;
height:110px;
width:220px;
margin-top:30px;
margin-left:10px;
top:0;
}



header nav{
float:right;
margin-top:60px;

}


nav {
z-index:1000;
}

nav ul{
list-style-type:none;

}


nav ul li{
display:block;
float:left;
padding:10px;
padding-bottom:0;

}

.content-holder h3{
border-bottom:1px dashed grey;
padding-bottom:5px;

}

.content-holder p{
padding-bottom:20px;

}


.main-content h2{
padding-bottom:5px;
}

/*

slider
*/

.purchase-table td{
padding-bottom:20px;
}

.purchase-table tr{
border-bottom:1px solid #eee;
}

.right-padding{
padding-right:50px;
font-size:16px;
}



.head-pur{
font-size:18px;
}

.pur-content{
font-size:16px;
}
* {
	margin: 0;
	padding: 0;
}

#blue-back{
height:43px;
border-radius:0px;
padding-top:7px;
font-size:20px;
}

.pan-head{
height:43px;
border-radius:0px;
font-size:20px;
}

.pan-header{
bottom:3px;
position:relative;
}


input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:25px;
							height:20px; 
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:17px;
							top:9px;
							
							position:relative;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -20px;
						}
						label.css-label {
				background-image:url(../images/check.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
			
		.select_style{
		position:relative;
		top:10px;
		width:245%;
		height:30px;
		font-size:17px;
		}
		
		.top-ten{
		position:relative;
		top:6px;}
		
		.top-down{
		position:relative;
		top:9px;
		}
		



#timeline a {
	color: #ffffcc;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
	#timeline a:hover,
	#timeline a.selected {
		color: #ffcc00;
	}


	#timeline h1 {
		font-size: 16px;
	}
	

	#timeline {
	
		width: 996px;
		height: 350px;
		overflow: hidden;
		margin: 0 auto;
		position: relative;
		background: #222;
	    font-family: Georgia, serif;
	    color: #000;
	    font-size: 14px;
		background: #fff url('../images/dot.gif') left 45px repeat-x;
	}
	
		#dates {
			width: 996px;
			height: 60px;
			overflow: hidden;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 450px;
				height: 50px;
				font-size: 24px;
				text-align: center;
				background: url('../images/biggerdot.png') center bottom no-repeat;
			}
				
		
		#issues {
			width: 996px;
			height: 350px;
			overflow: hidden;
		}	
			#issues li {
				width: 996px;
				height: 350px;
				list-style: none;
				float: left;
			}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					font-size: 14px;
					margin-right: 70px;
					font-weight: normal;
					line-height: 22px;
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			#grad_left {
		        left: 0;
		        background: url('../images/grad_left.png') repeat-y;
			}
			#grad_right {
		        right: 0;
		        background: url('../images/grad_right.png') repeat-y;
			}
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -76px;
			}
			#next {
				right: 0;
				background-image: url('../images/next.png');
			}
			#prev {
				left: 0;
				background-image: url('../images/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}




.after-slider{
clear:both;
position:relative;
bottom:20px;
	background: url('../images/dot.gif') center bottom repeat-x;
	margin:0 auto;
	width: 996px;
	height:4px;
	}

.class
{
margin-bottom:20px;
background:grey;
height:300px;
}



nav li a{
color:grey;
text-decoration:none;
font-weight:600;}

.main-content{

width:1000px;
}

.display{
height:200px;
}

.display:hover{
background:#fafafa;
}


.one-fourth{
float:left;
margin:0 5px 0 5px;
margin-top:30px;
width:240px;
}

.two-fourth{
float:left;
margin:5px;
margin-top:0px;
width:480px;
}

.thirty{
height:40px;
clear:both;
}

.display > h2{
font-weight:400;
font-size:22px;
border-bottom:1px dashed black;
}

.display > p{
font-size:16px;
margin-top:15px;
}

.footer-display-block{
padding-top:15px;
padding-bottom:15px;
color:#ZZZ;
cursor:pointer;
}


.full-back{background:#EEE;height:105px;}


i{
-moz-transition:all 1s ease-in;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
}

.footer-display-block:hover i{
color:#006BB2;
}


.yellow{
background:#eee;
border-right:1px solid #A7A7A7;

}

.red{
background:#eee;
border-right:1px solid #A7A7A7;

}

.blue{
background:#eee;

}

.green{
background:#eee;
border-right:1px solid #A7A7A7;

}

.content-button{
color:black;
text-decoration:none;
background:#FFFF00;
float:left
}

.right{
float:right;
}

.left{
float:left;
}

.bill-board{
height:400px;
background:#eee;
}

.slider-img{
width:100px;

}

.bill-text{
font-size:17px;
line-height:1.9;
}

.video{
top:50px;
position:relative;
}

.bill-button{

top:100px;
left:310px;
position:relative;
}

.contact-strip{
height:70px;
background:	#008AE6;
margin:50 0 50;

}

.main-content section  > h2{

border-bottom:1px dashed black;
}


.wrapper{min-width:700px;
max-width:1000px;
margin:0 auto;}

.twenty{
height:20px;
}

footer{
clear:both;
background:	#fafafa;
height:220px;

}

.footer-show i{
float:left;
}

.footer-show h4{
margin-left:8px;
font-size:20px;
float:left;
}

.footer-show p{
margin-left:8px;
float:left;
}

.fifty{
height:40px;
clear:both;
}

footer  h3{
color:black;
}

footer p {
color:#xxx;
font-size:16px;
line-height:1.7;
}

footer ul{
list-style-type:none;
line-height:2;
}


#down{
height:30px;
background:#D6D6D6;
}


.login-tab {
	margin: 0 auto;
	max-width: 380px;
}

.login-modal-header {
	background: #27ae60;
	color: #fff;
}

.login-modal-header .modal-title {
	color: #fff;
}

.login-modal-header .close {
	color: #fff;
}

.login-modal i {
	color: #000;
}

.login-modal form {
	max-width: 340px;
}

.tab-pane form {
	margin: 0 auto;
}

#login_username , #password , #username , #remail ,#mobile , #full-select , #femail{
width:350px;
}

.full {
width:14px;
}

.login-btn{
margin-top:10px;
height:40px;
background:orange;
color:white;
}

.login-btn:hover{color:white;}