/* style_vmob.css for Springers Water Gardens */

.ifsmallhide {visibility:visible}
.ifsmallshow {visibility:hidden;width:0;height:0;overflow:hidden}
.ifsmallhide_p {visibility:visible}
.ifsmallshow_p {visibility:hidden}

#ifsmallimages {margin:0 auto; width:100%}

.headslides {width:100%; max-width:100%; padding:0; clear:left}

#stopresume {visibility:hidden}
#imgqual{cursor:pointer}
#mobileslidepic{cursor:pointer}

a.menu {color: white; height:22px; display:block; padding:10px}
p.menu {color: white; width:180px ; margin:0}

div.overall {background:white; width:100%; max-width:100%; margin:0; padding:0; border:solid 0px white; position:relative}
div.content {padding-left:10px;padding-right:10px; margin-top:10px; margin-bottom:10px}
div.header {background: rgb(204,204,150); position:relative}
div.menu_outer {width:100%;height:inherit;clear:right; border:solid 1px white}
div.menu_item {width:180px;background-color:rgb(81,72,54);float:left; border:solid 1px white}
.headerimg {float:left;width:570px;max-width:100%}
.headtel {font-family: "Times New Roman","serif";font-size:24pt;color:white; font-weight:bold; width:300px; float:right;}

.contact_topleft {width:600px;max-width:100%;float:left}
.contact_topright {width:320px;max-width:100%;float:right; margin-bottom:20px}
.contact_botleft {width:450px;max-width:100%;float:left}
.contact_botright {width:400px;max-width:100%;float:right}
.contactform_outer {border: solid 1px rgb(201,201,201); width:450px}
.contactform_inner {width:400px; margin:20px auto 10px}

div.footerlink_outer {width:100%; background-color:rgb(159,147,114); margin: 30px auto 0px}
div.footerlink {width:180px;max-width:33%;float:left}
a.footerlink {}

td.overall  {background:white; padding:0px 20px 20px 20px}
td.footer {padding:10px; width:120px}
.bgimg1 {width:720px; height:240px}

.gal_main1 {width:570px; float:left; position:relative}
.gal_main2 {width:510px; height:385px; margin:0 30px 5px 30px}
.gal_prev {width:30%; height:385px; position:absolute;left:0;top:0;cursor:pointer}
.gal_next {width:30%; height:385px; position:absolute;right:0;top:0; cursor:pointer}
.gal_thumb_1 {width:240px; float:left}
.gal_thumb_2 {width:240px; height:inherit; margin:0 0 0 0}
.gallery_main_img {width:510px;}
.h1gallery {margin-left:10px;margin-top:10px}

@media screen and (max-width:850px) {
.gal_thumb_1 {width:100%}
.gal_thumb_2 {width:100%; height:inherit; margin:0 0 0 0}
.gal_main1 {width:100%; clear:left; position:relative; margin-bottom:5px}
.gal_main2 {width:510px; height:385px; margin:0 auto 5px}
}

@media screen and (max-width:570px) {
#gallery_prev {opacity:0.6}
#gallery_next {opacity:0.6}
}

@media screen and (max-width:510px) {
.gal_main2 {width:100%; height:385px; margin:0 auto 5px}
.gallery_main_img {width:100%;}
.gal_prev_arrow{width:20%}
.gal_next_arrow{width:20%}
}

@media screen and (max-width:750px) {
.div0-750 {visibility:visible;width:100%;height:inherit}
.div750plus {visibility:hidden;width:0;height:0;overflow:hidden}
.contactform_outer {border: solid 0px rgb(201,201,201); width:100%}
.contactform_inner {width:400px; margin:20px auto 10px}
}

@media screen and (min-width:751px) {
.div0-750 {visibility:hidden;width:0;height:0;overflow:hidden}
.div750plus {visibility:visible;width:inherit;height:inherit; background-color:rgb(204,204,150)}
}

@media screen and (max-width:400px) {
.ifsmallhide {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
.ifsmallshow {visibility:visible;width:100%;height:inherit}
.ifsmallhide_p {visibility:hidden}
.ifsmallshow_p {visibility:visible}
div.menu_item {width:99%; margin:0 auto}
p.menu  {width:100%}
.headtel  {width:100%; font-size:18pt;}
div.footerlink {visibility:hidden;width:0;height:0;overflow:hidden}
.contactform_inner {width:100%; margin:20px auto 10px}
.gal_thumb_1 {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px}
.gal_main2 {width:100%; height:300px; margin:0 auto 5px}
}

/* test 
div.overall {border:solid 1px blue}
div.overall2 {border:solid 1px green}
div.header {border:solid 1px red}
div.menu_outer {border:solid 1px blue}
div.overall {border:solid 1px blue}
div.headslides {border:solid 1px red}
*/