﻿body {
	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	background-color: #c0c0c0;
}

#header {
	border-radius: 25px;
	height: 55px;
	float: left;
	width: 40%;
}
.header-0{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	height: 100px;
	background-color: #333;
	padding-top: 20px;
	padding-bottom: 30px;
}
#contact_nav ul li a {
	float: right;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 10px;
	color: #FFFFFF;
}
#contact_nav {
	height: 55px;
	border-radius: 10px;
}
#contact_nav ul li{
	display: inline;
}
#horizon_nav ul li{
	display: inline;
	margin-right: 25px;
	margin-left: 10px;
}

.main{
	padding: 10px 100px 10px 100px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-left: 225px;
	margin-bottom: 10px;
}


#horizon_nav ul li a {
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}
#horizon_nav {
	height: 25px;
	background-color: #FFFFFF;
	text-align: center;
	width: 90%;
	margin-left: 5%;
}
#menu{
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	width: 200px;
	padding-left: 10px;
	list-style-type: none;
	
}
#menu li:hover ul{
	display: block;
	width: 170px;
	height: 550px;
}
#submenu {
	list-style-image: none;
	padding: 0px;
	margin: 5px 100% 5px 0px;
	list-style-type: inherit;
	display: none;
	
	
}
#submenu li a{
    border-radius: 10px;
	border: thin solid #0000ff;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 0px;
	display: block;
	
	width: 180px;
	padding-left: 10px;
}
#sitemap_link{
	
	border-radius: 10px;
	float: left;
	width: 5%;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding: 5px;
	display: none;
}

	
.acc_man{
	height: 500px;
	padding: 10px 100px 10px 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-left: 255px;
	margin-bottom: 10px;
}
.left_column {
	width: 45%;
	float: left;
	padding-left: 20px;
	margin-left: 10px;
}
.rt_column {
	width: 45%;
	float: right;
	padding-left: 20px;
	margin-left: 20px;
}

.rt_nav{
	left: 0px;
	float: left;
	width: 210px;
	padding-right: 15px;
	background-color: #FFFFFF;
	margin-top: 0px;
	border-top-style: solid;
	border-top-color: #333;
	border-top-width: 15px;
}
.rt_nav ul li a{
	display: block;
	width: 170px;
}

.rt_nav ul li{
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.rt_nav ul{
	float: left;
}
.rt_nav ul li:hover{
	padding: 9px 0px 9px 8px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: italic;
}
.foot_nav{
	border-radius: 10px;
	float: right;
	width: 33%;
	height: 280px;
	text-align: center;
	background-color: #2D2D2D;
	font-weight: bold;
	color: #FFFFFF;
}
.foot_man{
	border-radius: 10px;
	height: 280px;
	background-color: #2d2d2d;
	width: 66%;
}
#foot_left_column {
	width: 33%;
	float: left;
	text-align: center;
	font-weight: bold;
	padding-left: 100px;
	}
#foot_rt_column {
	width: 33%;
	float: right;
	text-align: center;
	font-weight: bold;
	padding-right: 100px;
}
.tracker{
	float: left;
	width: 100%;
	vertical-align: bottom;
}
.center {
	text-align: center;
}
ft {
	text-align: left;
}
.foot_man a{
	color: #FFFFFF;
}
.cart_back   {
	background-image: url('blue_cart_back-300.gif');
	width: 200px;
	font-weight: bold;
	text-align: center;
}
.header_back { background-image: url('vodavi_header_back.jpg'); 
background-repeat: 
               no-repeat; background-position-x: left
}

@media only screen and (max-width: 1200px){
#horizon_nav {
	height: 25px;
	border-radius: 10px;
	background-color: #FFFFFF;
	display: none;
}
.left_column {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFFFFF;
}
.rt_column {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	width: 100%;
	background-color: #FFFFFF;
}
.footer_links{
	display:none;
}
.foot_nav{
	border-radius: 10px;
	float: right;
	width: 100%;
	height: 280px;
	text-align: center;
	background-color: #2d2d2d;
	font-weight: bold;
}
.acc_man{
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 255px;
	background-color: #FFFFFF;
}
.main{
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-left: 255px;
	margin-bottom: 10px;
}

}

@media only screen and (max-width: 767px){
	  .main {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFFFFF;
}

	.acc_man{
	padding: 0px 0px 0px 5px;
	margin: 0px;
	height: 1000px;
	width: 100%;
	background-color: #FFFFFF;
	margin-right: 500px;
}
#header {
	height: 55px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	float: left;
	width: 100%;
}

body {
	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	background-color: #FFFFFF;
}

img {
				max-width: 100%;
				height: auto; 
				margin: 0 0 10px 0;
}
.hide-mobile{
				display:none;
}
#sitemap_link{
	
	border-radius: 10px;
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding: 5px;
	display: block;
}
.main{
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-left: 255px;
	margin-bottom: 10px;
}

}

@media only screen and (max-width: 400px){
	.main{
	padding: 75px 0px 10px 5px;
	border-radius: 0px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header {
	height: 55px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	float: left;
	width: 100%;
}
img {
				max-width: 100%;
				height: auto; 
				margin: 0 0 10px 0;
}
h1 {
	font-size: large;
}
.acc_man{
	padding: 0px 0px 0px 5px;
	margin: 0px 255px 0px 0px;
	width: 100%;
	background-color: #FFFFFF;
}
#menu{
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	width: 200px;
	padding-left: 10px;
	list-style-type: none;
	
}
#menu li:hover ul{
	display: block;
	width: 170px;
	
}
#submenu {
	list-style-image: none;
	padding: 0px;
	margin: 5px 100% 5px 0px;
	list-style-type: inherit;
	display: none;
	
	
}
#submenu li a{
	border-radius: 10px;
	border: thin solid #0000FF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 5px;
	display: block;
	width: 180px;
	padding-left: 10px;
	
}
.hide-mobile{
				display:none;
}

}
