* {
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: arial;
}
img {
    border: 0;
}

a {
    border: 0;
}

header {
    background: url('images/header_background.png') no-repeat;
    height: 235px;
    background-size: cover;
    background-position: center;
}

@media (min-width: 1000px) {
    div.wrapper {
		width: 1000px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	img#logo {
		width: auto !important;
		margin-right:0 !important;
	}
}

div.wrapper {
    width: 320px;
    margin: 0 auto;
}

img#logo {
    float: right;
    margin-top: 15px;
    width: 270px;
	margin-right:20px;
}

@media(min-width: 1000px) {

	header ul#fgl {
		margin: 110px 20px 0 20px !important;
	}

}

header ul#fgl {
    float: right;
	margin: 20px 80px 10px 0;
}

header ul#fgl li {
    float: right;
    list-style-type: none;
    margin-right: 10px;
}

@media (min-width: 1000px) {
	div#app {
		margin-top: 95px !important;
		margin-right:75px !important;
	}
	
	div#phone {
		margin-top: 90px !important;
		margin-right: 25px !important;
	}
	
}

div#app {
    color: #454545;
    font-size: 18px;
    font-weight: bold;
    float: right;
    margin-top: 10px;
    margin-right: 50px;
    text-align: center;
    width: 220px;
}
div#app ul {
    float: right;
}

div#app ul li {
    float: right;
    list-style-type: none;
    margin-right: 30px;
}

div#phone {
    float: right;
    margin-top: 30px;
    margin-right: 70px;
	padding-top: 13px;
}

div#phone img {
    float: left;
	position:relative;
	top:-57px;
	right:70px;
	margin-bottom:-50px;
}

@media (min-width: 1000px) {

	div#menu {
		display:block !important;
		background: url('images/menu.png') no-repeat !important;
		width: 100% !important;
		height: 64px !important;
		padding: 0 !important;
		border-radius: 10px;
		margin-right:0 !important;
		border: 1px solid green !important;
	}
	div#menu ul {
		display:block !important;
		margin-right: 10px !important;
	}
	
	div#menu ul li {
		width: 110px !important;
		padding: 20px 0 20px 0 !important;
		background:transparent !important;
		font-size: 20px !important;
	}
	
	div#open_menu {
		display:none !important;
	}
	
	div#menu .selected {
		background: #81bfff !important;
	}
	
	div#menu ul li:hover {
		background: #81bfff !important;
		-webkit-transition: background 0.5s;
	}

}

div#open_menu {
	display:block;
	color:#FFF;
	padding-bottom:5px;
}

div#menu {
    width: 290px;
    height: 20px;
    margin-top: 20px;
	margin-right:15px;
    float: right;
    background: #72d200;
	text-align:center;
	padding: 5px 0 5px 0;
}
div#menu ul {
	display:none;
    float: right;
}
div#menu ul li {
    list-style-type: none;
    width: 290px;
    float: right;
    text-align: center;
    font-size: 16px;
    padding: 7px 0 7px 0;
	background: #72d200;
	border-top:1px solid #dcdcdc;
}
div#menu .selected {
    background: #81bfff;
}
div#menu ul li a {
    color: #FFF;
    text-decoration: none;
}

@media (min-width: 1000px) {

	div#search {
		margin-left:55px !important;
		margin-top: 15px !important;
		float:left !important;
	}
	
	div#search input[type="text"] {
		border:1px solid #FFF !important;
		width: 260px !important;
	}
	
	div#search input[type="submit"] {
		border:1px solid #FFF !important;
	}

}

div#search {
    float: right;
    margin-top: 20px;
}

div#search input[type="text"] {
    width: 230px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 33px;
    padding-right: 5px;
	border:1px solid #000;
}

div#search input[type="submit"] {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 34px;
    padding: 0 5px 0 5px;
	border:1px solid #000;
}

@media (min-width: 1000px) {

	div#bsite {
		margin-top:0 !important;
	}

}

div#bsite {
    float: right;
    width: 100%;
	margin-top:60px;
}

@media(min-width: 1000px) {

	div#category {
		display:block !important;
	}
}

div#category {
	display:none;
    width: 200px;
    height: 800px;
    float: right;
    padding-top: 20px;
}
div#category span.mtitle {
    color: #72d200;
    font-size: 29px;
    border-bottom: 1px solid gray;
    font-weight: bold;
}
div#category table {
    float: right;
    width: 100%;
    border-bottom: 1px solid gray;
    padding: 10px 0 10px 0;
}
div#category table tr {
    list-style-type: none;
    padding: 12px 0 12px 0;
}
div#category table tr td span {
    float: left;
}
div.arrow {
    background: url('images/arrow.png') no-repeat;
    width: 13px;
    height: 13px;
    float: right;
    clear: both;
}

@media (min-width: 1000px) {

	div#site {
	width:780px !important;
	margin-right: 20px !important;
	}
	
	div#searchadv {
		width:334px !important;
	}
	
	div.titleadv span {
		font-size:18px !important;
	}
	
}

div#site {
    float: right;
    width: 300px;
    margin-right: 5px;
    margin-top: 25px;
}
div#searchadv {
    width: 300px;
    height: 110px;
    border: 1px solid #72d200;
    float: right;
    padding: 5px 5px 0 0;
}
#searchadv p {
    float: right;
    width: 65%;
}
#searchadv select {
    width: 100%;
    margin-top: 10px;
    height: 25px;
}
#searchadv input[type="submit"] {
    background: #72d200;
    width: 91px;
    height: 61px;
    margin: 9px 10px 0 0;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
	cursor:pointer;
}
div.titleadv {
    color: #72d200;
    font-weight: bold;
    font-size: 22px;
}
div.titleadv span {
    color: #d3d3d3;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 1000px) {

	div#contact {
		width: 422px !important;
		margin-right: 10px !important;
		margin-top:0 !important;
	}
	
	#contact table input[type="text"] {
		width:125px !important;
	}
	
	#contact table select {
		width:130px !important;
	}
	
	#contact table input[type="submit"] {
		width:125px !important;
	}

}

div#contact {
    width: 300px;
    height: 110px;
    border: 1px solid #72d200;
    float: right;
	margin-top:15px;
    padding: 5px 5px 0 0;
}
#contact table tr {
    margin-top: 10px;
    float: right;
}
#contact table td {
    padding-left: 8px;
}
#contact table input[type="text"] {
    width: 85px;
    padding: 2px 0 2px 0;
}
#contact table select {
    width: 90px;
    padding: 2px 0 2px 0;
}
#contact table input[type="submit"] {
    width: 85px;
    padding: 3px 0 3px 0;
    background: #72d200;
    border: 0;
    color: #FFF;
	cursor:pointer;
    font-weight: bold;
}

@media (min-width:1000px) {

	div.lastart {
		width:100% !important;
	}
	
	div.lastart ul {
		padding-top:0 !important;
	}
	
	.blockt {
		width: 98.5% !important;
	}
	
	.lastart ul li {
		 width: 33.334% !important;
		 margin-top:0 !important;
	}
	

}

div.lastart {
    width: 312px;
    float: right;
    margin-top: 10px;
}
.blockt {
    background: url('images/nav-bg.png');
    width: 300px;
    border: 1px solid green;
    height: 27px;
    color: #FFF;
    padding: 10px 10px 0 0;
    font-weight: bold;
}
.lastart ul {
    width: 100%;
    list-style-type: none;
	padding-top:73px;
}
.lastart ul li {
    width: 100%;
    float: right;
    list-style-type: none;
	margin-top:-73px;
}
.lastart ul li img {
    width: 100%;
}

@media(min-width: 1000px) {
	#mid_side .art_table {
		width: 100% !important;
	}
	#mid_side .art_table img {
		width:125px !important;height:101px !important;
	}
	#details_info img {margin: 0 0 0 5px !important;}
	.pic_info p a {left:-135px !important;}
}

#mid_side .art_table {
	width:312px;
	padding-top:3px;
}

#mid_side .art_table img {
	width:129px;height:100px;border:2px solid #FFF;border-radius:8px;
}

#details_info img {margin: 0 10px 10px -10px;}
#details_info p {padding: 0 5px 0 5px;text-align:justify;}

.pic_info {
    background: #323232;
    width: 100%;
    height: 55px;
    position: relative;
    top: -60px;
    opacity: 0.9;
}
.pic_info p {
    position: absolute;
    margin-top: 34px;
	font-size:14px;
}
.pic_info span {
    padding: 3px 3px 0 0;
    float: right;
    color: #FFF;
}

.pic_info p a {position:relative;left:-190px;color:#FFF;text-decoration:none;}

@media (min-width: 1000px) {

	#deals ul li {
		width: 33.333333333333% !important;
	}
	
	#blockt .blockt {width:100% !important;}

}

#deals {
    float: right;
    width: 100%;
    margin-top: -40px;
	margin-bottom:10px;
}

#blockt .blockt {width:312px;}

#deals ul {
    width: 100%;
    list-style-type: none;
}
#deals ul li {
    width: 312px;
    float: right;
    list-style-type: none;
    height: 220px;
}
#deals li p {
    font-size: 22px;
    padding-top: 20px;
    padding-right: 5px;
}

#copyR {
    float: right;
    width: 100%;
    background: #81bfff;
    padding-bottom: 10px;
}
#copyR ul {
    float: right;
    list-style-type: none;
    color: #FFF;
    margin-right: 50px;
}
#copyR li {
    padding-top: 10px;
}
#copyR a {
    color: #FFF;
    text-decoration: none;
}
.pagediv {
    float: right;
    width: 100%;
    margin-top: 10px;
	margin-bottom:20px;
}
.pagediv p {
    float: right;
    padding: 10px 5px 0 5px;
}
.pagediv ul {
    float: right;
    margin-top: 10px;
	padding-right:0;
}
.pagediv li {
    list-style-type: none;
    padding-top: 15px;
}

@media (min-width: 1000px) {

	.pagediv li textarea {
		width:500px !important;
		height:200px !important;
	}
	
	.pagediv li input[type="text"] {
		width: 200px !important;
	}
	.pagediv ul {
		padding-right:10px !important;
	}

}

.pagediv li input[type="text"] {
    width: 300px;
    padding: 5px 5px 5px 0;
    border: 1px solid #7e7e7e;
}
.pagediv li input[type="submit"] {
    cursor: pointer;
    width: 100%;
    height: 45px;
    padding: 5px 5px 5px 0;
    border: 1px solid #7e7e7e;
    font-size: 22px;
    color: #FFF;
    background: #72d200;
    font-weight: bold;
}

.pagediv li textarea {
	width:300px;
	height:250px;
    padding: 5px 5px 5px 0;
    border: 1px solid #7e7e7e;
}
.g_picture {
    float: right;
    margin-right: 50px;
    margin-bottom: 20px;
}
.g_picture img {
    width: 189px;
    height: 155px;
    border: 2px solid #323232;
    border-radius: 8px;
}
.g {
    color: #FFF;
    border: 1px solid #000;
    background: #72d200;
    padding: 4px 8px 4px 8px;
}
.g:hover {
    color: #FFF;
    border: 1px solid #000;
    background: #773a0e;
    padding: 4px 8px 4px 8px;
}
.plus {
    cursor: pointer;
}
.splus {
    cursor: pointer;
}

@media(min-width: 1000px) {

	#site_location {
		width:99% !important;
		margin:15px 0 -10px 0 !important;
	}

}

#site_location {
	width:290px;
	background:#72d200;
	height:25px;
	float:right;
	padding:7px 10px 0 0;
	border:1px solid green;
	color:#FFF;
	font-weight:bold;
	margin:80px 7px -50px 0;
}

#site_location a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

/* ------------------------ */

@media (min-width:500px) {
	#before_menu{display:none !important;}
	#side_menu{display:none !important;}
}

#before_menu{
	display:block;
	width:100%;
	height:40px;
	background:#383838;
}

#side_menu {
	display:none;
	width:70%;
	background:#323232;
	height:100%;
	position:absolute;
	z-index:1;
}