@media (max-width: 800px) and (min-width: 0px) {
	html {
		background-color: #FFFFFF;
	}

	body {
		margin: 10px 0px 0px 0px;
		width: 100%;
		border: 0;
		border-radius: 0px;
	}

	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 3px 20px 3px 3px;
		border-radius: 3px;
		background: #FFFFFF url("/images/down-arrow.png") no-repeat right 1px;
	}
	
	input[type="submit"] {
		-webkit-appearance: none;
	}	
	
	input, textarea {
		border: 1px solid #7A7B77;
	}
	/********************* header *********************/
	#header span {
		width: 40%;
	}

	.bluebar {
		width: 41%;
		margin: 0px 0px 0px 2%;
	}
	
	.logo {
		margin: 5px 1% 0px 1%;
		width: 15%;
	}
	
	.logo img {
		width: 100%;
	}
	
	.title {
		width: 83%;
	}
	/********************* header end *********************/
	
	
	/********************* dropdown menu *********************/
	.navbar {
		border-left: 0;
		width: 100%;
	}
	
	.navbar select {
		width: 35%;
	}
	
	#header .navbar span {
		width: 20%;
		padding: 5px 1% 5px 1%;
	}
	
	.submenu {
		top: 27px;
		-webkit-margin-before: 0px;
		min-width: 20%;
	}
	
	.submenu a:hover {
		color: #FFFFFF;
		background-color: #49A3FF;
		text-decoration: none;
	}
	
	#submenu2 {
		left: 20%;
	}
	
	#submenu3 {
		left: 40%;
	}
	
	#selectmenu {
		margin: 5px 5px 0px 0px;
	}
	/********************* dropdown menu end *********************/
	
	
	#bodycontent {
		margin: 0px 0px 0px 0px;
		border-left: 0;
		padding: 5px 0px 5px 0px;
	}
	
	.page-title span{
		width: 70%;
	}
	
	#footer {
		border-bottom: 1px solid #7A7B77;
		border-radius: 0px;
	}
	
	.form-div-float select {
		width: 35%;
		margin-top: 0px;
	}
	
	.form-div .submit {
		width: 25%;
		margin: 10px 37% 0px 37%;
	}
	
	.form-div .submit-smaller {
		margin: 0px 0px 0px 0px;
	}
	
	.form-div .submit-larger {
		width: 80%;
		margin: 10px 10% 0px 10%;
	}
	
	.form-div .input-center {
		width: 100%;
		text-align: center;
	}
	
	.form-div .submit-right {
		width: 30%;
		white-space: normal;
		margin: 0px 0px 0px 0px;
	}
	
	.full-form {
		padding: 10px 0px 10px 0px;
	}
	
	.full-form span {
		margin: 0px 25px 0px 25px;
	}
	
	.full-body {
		padding: 10px 5px 10px 5px;
	}
	
	.form-div .submit-smallest {
		width: auto;
		margin: 2px 0px 0px 0px;
	}
	
	.prodtable {
		width: 100%;
		max-width: 100%;
	}
	
	.prodtable td {
		word-wrap: break-word;
	} 
	
	.prodtable .prodname {
		word-break: break-all;
	}

	.body-padded {
		padding: 5px 5px 5px 5px !important;
	}
	
	.form-noback {
		width: 100%;
		margin: 0px 0px 0px 0px;
		overflow: hidden;
	}

	select.right {
		width: 10%;
	}
}


@media (max-width: 500px) and (min-width: 0px) {
	body, p {
		font-size: 12px;
	}
	
	.bluebar {
		display: none;
	}
	
	.logo {
		width: 25%;
	}
	
	#header #scbtspan {
		width: 67%;
		margin: 5px 0px 0px 5%;
		padding: 10px 0px 0px 0px;
		border-top: 4px solid #7191CB;
	}
	
	.title {
		width: 100%;
	}
	
	.bread-crumbs {
		max-width: 80%;
		position: relative;
	}
	
	.bread-crumbs .logout {
		clear: none;
		position: absolute;
		top: 5px;
		right: -20%;
	}
	
	/********************* dropdown menu *********************/
	#header .navbar span {
		width: 30%;
	}
	
	#menu1 {
		margin: 0px 0px 0px 6%;
	}
	
	#menu1 span {
		border-left: 1px solid #7A7B77;
	}
	
	#submenu1 {
		left: 6%;
	}
	
	#submenu2 {
		left: 34%;
	}
	
	#submenu3 {
		left: 64%;
	}
	
	#selectmenu {
		margin: 5px 20% 5px 20%;
		float: none;
		width: 60%;
	}
	/********************* dropdown menu end *********************/
	
	.page-title {
		display: block;
	}
	
	.page-title img {
		display: none;
	}
	
	.page-title span {
		display: inline-block;
		width: 100%;
		height: 125px;
		padding: 51px 0px 0px 0px;
		background: url("/images/globe.gif") no-repeat center center;
	}
	
	.form-div {
		width: 98%;
		margin: 0px 1% 0px 1%;
	}
	
	.form-div-float {
		width: 98%;
		margin-bottom: 10px;
		height: auto;
	}
	
	.input-center select {
		width: auto;
	}
	
	.block60 {
		width: 100%;
	}
	
	.block40 {
		width: 100%;
	}
	
	.full-form span {
		display: inline-block;
		margin: 0px 0px 15px 0px;
		float: left;
		clear: left;
		width: 20%;
	}
	
	.full-form .input {
		float: left;
		width: 80%;
		margin: -30px 0px 0px 0px;
	}
	
	.full-form input, .full-form select, .full-form .submit-smallest {
		float: left;
		clear: left;
		margin: 0px 0px 10px 0px;
		width: 50%;
	}
	
	.full-form .submit-right {
		float: right;
		clear: none;
		margin: -30px 0px 0px 0px;
		width: 40%;
	}
	
	#priceinput {
		margin-top: -65px;
	}
	
	#priceinput input, #priceinput select {
		width: 60%;
	}
	
	#priceinput .submit-smallest {
		float: right;
		width: 20%;
		margin: -60px 10% 0px 10%;
	}
	
	#search_text {
		margin: 0px 0px 10px 0px;
	}
}