/*********************************************
Stylesheet for mobile and small screen handheld devices
*********************************************/
div.screenmenu {display: none }
div.onscreen {display: none }

body {
margin: 0.4em;
padding:0;
width:100%;
background: #9fd0f4 ;
}

div#pagewrapper {
   border: 0px;
   margin: 0 auto;       /* this centers wrapper */
   max-width: 480px;   /* IE wont understand these, so we will use javascript magick */
   min-width: 200px;
   color: black;
}

/* The Climate Table */
table.climate {line-height: 1.8em;
                       border-width: 1px; border-spacing: ;
	       border-style: solid;
 	       border-color: gray;
	       border-collapse: collapse;
	       background-color: #dddddd;}

table.climate tr.head {font-weight: bold; background-color: #bbbbbb;} 
table.climate td {text-align: center; padding: 4px;}
table.prices {line-height: 1.8em; margin-left: 4px} 
div.pricepanel {margin-left: 4px; width: 240px}
div.photopanel {margin: 0px auto; width: 100%; border: 1px solid black}
div.photopanel1 {float: left; margin-left: 0px; margin-right: 0px;  padding-bottom: 8px; }
div.photopaneltop {display: none; visibility:hidden }
img.img315 {width: 315px}
div.calpanel {text-align: center;}

div.homeheading {text-align: center; font-size: 1em;line-height:1.2em; font-weight: bold;
                 padding-top: 4px;padding-bottom:4px}
div.homesubheading {text-align: center; font-size: 1em;line-height:1em; 
                    padding-bottom: 8px }

.roundtop { margin-top: 3px; border-top: 1px solid black}


/* Panel */

.box {  background: #e8f3f9; padding: 0; margin: 0;}

.boxtop {  background: #e8f3f9; padding: 0}
.boxtop div {  font-size: 0;  height: 4px;  background: #e8f3f9;}
.boxbottom { background: #e8f3f9; padding: 0}
.boxbottom div {  font-size: 0;  height: 12px; background: #e8f3f9; }
/*
.boxtop {  background: url(uploads/images/ne.gif) no-repeat top right; }
.boxtop div {  font-size: 0;  height: 12px;  background: url(uploads/images/nw.gif) no-repeat top left; }
.boxbottom { background: url(uploads/images/se.gif) no-repeat bottom right; }
.boxbottom div {  font-size: 0;  height: 12px; 
                            background: url(uploads/images/sw.gif) no-repeat bottom left;  }
*/
.boxcontent { padding: 0 4px;}


form fieldset {padding: 8px 0px 6px 10px}
label {line-height: 1.7em}
.form_wrapper div {display: block; width: 100%;}/* padding: 0.25em 0 0.25em 0;}*/
.form_contig div {display:inline}
.form_contig label {display:inline; padding-right: 10px; margin-top:0.5em; margin-bottom: 0.5em}
.form_uncontig div {display:block; width: 40em; margin-top: 0.5em; margin-bottom: 0.5em;}
.form_uncontig label {display:block; width: 40em; padding-right: 10px; margin-top:0.5em}
.form_pad100 {padding-top:8px;margin-left: 100px; }
.form_uncontig4em div {display:block; width: 40em;}
.form_uncontig4em input {width: 4em}
.form_uncontig4em label {display:block; width: 40em; padding-right: 10px; margin-top:0.5em}
.form_input4em input {width: 4em;}
.form_input75 input {width: 75%}
.form_input50 input {width: 50%}
.form_input25 input {width: 25%}
.form_input10 input {width: 10%}
.submit {margin-top:0.8em}
/* hide accessibility noprint and definition */
.accessibility,
dfn {
display:none;
}
h1 {margin:0; padding: 0;}
h2 {margin:0; padding: 3px 0;}

/* dont want to download image for header so just set bg color */
div#header {color: black; font-size: 0; height: 1px}
div#footer {
background-color: #385C72;  padding-bottom: 6px;
color: #fff;
text-align:center;
}
div#mobilebanner {display: block; float: right; border: 1px solid gray;
   height: 50px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none;

/*background: url(uploads/images/mobilebanner.jpg) no-repeat; border: 1px solid black; background-position: right;*/} 



div#header h1 {display: none }

// div#header h1 a {height: 10px; background: black }

/* text colors for header and footer */
div#header a,
div#footer a {
color: #fff;
}

/* this doesnt look as nice, but takes less space */
div#menu_vert ul li,
div#menu_horiz ul li {
display:inline;
}

/* small border at the bottom to have some indicator */
div#menu_vert ul,
div#menu_horiz ul {
border-bottom:1px solid #fff;
}
a,
a:link 
a:active 
a:visited {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}



/* remove underline on hover and change color */
a:hover {
   text-decoration: underline;
}

/* save some space */
div.breadcrumbs { display:none; }