/*DEFAULTS*/
@media only screen{
body{background-color:#FFFFCC;margin:0;pading:0;}

* {
    box-sizing: border-box;
		font-family:"Arial";
		/*font-size:16px;*/
}

.LBmyheader{text-align:center;height:auto;background-color:#FFFFCC;color:black;padding:0.1em;;display:block;margin:0em 0em 0em 0em;margin:0em;overflow:hidden;z-index:100;font-size:1em;border-style:solid;border-width:1px;border-color:black;}

.LBmyheader-link-other{display:inline-block; text-decoration:none;color:black;margin:0.25em 0em 0em 0em;}

.LBmyheader-link-other:hover{cursor:text;color:black}

.LBmyheader-link{display:inline-block; text-decoration:none;color:blue;margin:0.25em 0em 0em 0em;}
.LBmyheader-link:hover{color:red;}
.LBmyheader-link-company{text-decoration:none;}
.LBmyheader-link-company: img {border-style:solid;border-radius:0.2em;border-color:#FFFFCC;border-width:0.02em;background:#FFFFCC;}
.LBmyheader-link-company:hover img {border-style:solid;border-width:0.1em;border-color:#781433;border-radius:0.3em;background:pink;padding:0.1em}

#myHome{background-color:green;color:yellow;border-color:yellow;}
#myPhone:hover{cursor:text;}


.LBmynav{height:auto;margin:0em;background-color:#FFFFCC;margin:0em;overflow:hidden;padding:0em;text-align:center;display:block;width:100%;white-space:nowrap;}


.LBmynav-left, .LBmynav-right{display:inline-block;text-decoration:none;color:purple;padding:0.3em;vertical-align:middle;margin:0em;width:3em;text-align:center;font-size:1.25em;background:#FFFFCC;opacity:0.9;}

.LBmynav-left {position:absolute;left:0%;}
.LBmynav-right {position:absolute;right:0%;}

.LBmynav-button{background-color:#781433;text-decoration:none;color:#E6E6E6;padding:0.25em;padding-left:0.5em;padding-right:0.3em;border-radius:0.5em;margin:0.25em;display:inline-block;border-style:solid;border-width:0.05em;;border-color:#781433;vertical-align:top;font-size:1.25em;text-align:center;width:auto;}

.LBmynav-button:hover, .LBmynav-button-highlighted{background-color:green;color:yellow;border-color:yellow;}

.LBmynav-button-other{background-color:white;text-decoration:none;color:#CC0066;padding:0.25em;padding-left:0.5em;padding-right:0.3em;border-radius:0.5em;margin:0.25em;display:inline-block;border-style:solid;border-width:0.05em;;border-color:#781433;vertical-align:middle;font-size:1.25em;text-align:center;}

.LBmynav-button-other img{height:1em;width:auto;}

/*
.LBmycontainer{height:auto;padding:1em 1em 0em 1em;z-index:-10;background-color:#FFCCCC;border-style:solid;border-color:#781433;display:block;width:100%;border-width:0;}
*/

.LBMain {height:auto;display:block;width:100%;padding:0em 0.5em 0em 0.5em;z-index:-10;background-color:#FFFFCC;font-size:1em;}

.LBDesc {height:auto;display:block;width:100%;padding:0em 0.5em 0em 0.5em;z-index:-10;background-color:#FFFFCC;font-size:1em;text-align:justify}
/*.LBMain p{text-align:justify;width:100%;display:block;}*/

.LBSpecs{height:auto;display:block;width:100%;text-align:left;z-index:-10;background-color:#FFFFCC;margin:0;padding:0;font-size:1em;}

.LBSpecs table{display:inline-table;vertical-align:top;margin:0em;padding:0em 1em 0em 1em;}

.LBSpecs table .NameCell{text-align:left;width:55%;vertical-align:top;}

.LBSpecs table .ValueCell{text-align:left;width:45%;color:#781433;vertical-align:top;}

.LBSpecs table .BlankRow td{text-align:left;vertical-align:top;}

.LBSpecs table td span{white-space:nowrap;}

.LBmybody{width:100%;height:auto;overflow-x:hidden;z-index:-20;}

.LBmyul a{text-decoration:none;color:blue;}
.LBmyul a:hover{color:red;}

.LBmyul li{margin-top:0.25em;}

/*.LBImageWrap{display:none;position:absolute;z-index:100;border-radius:0.2em;border-style:solid;border-width:0.15em;;border-color:blue;}*/
.LBImageWrap{display:none;position:absolute;z-index:100;border-radius:0.15em;border-style:solid;border-width:0.15em;;border-color:blue;}
.LBImageWrapTitle{display:none;}

/*.LBImageWrap img{display:none;width:100%;height:auto;top:0;left:0;position:absolute;}*/
.LBImageWrap img{display:none;width:100%;height:auto;margin:0;padding:0;}
.LBImageButtons{display:block;width:100%;position:absolute;bottom:0;left:0;text-align:center;}
.LBImageButtons a{background-color:#781433;text-decoration:none;color:white;border-radius:0.5em;margin:0.25em;display:inline-block;border-style:solid;border-width:0.05em;;border-color:white;vertical-align:middle;font-size:1.25em;}
.LBImageButtons a:hover{background-color:green;color:yellow;border-color:yellow;}
.LBCurtain{position:fixed;z-index:-40;left:0;top:0;bottom:0;right:0;background-color:black;opacity:0;}
.LBTop{background-color:#FFFFCC;margin:0;pading:0;z-index:20;}



.LBMainPicLink{float:right;height:auto;min-width:40%;max-width:100%;display:inline-block;padding:0.3em 0.3em 0.15em 0.3em;margin-top:0.2em;}
.LBMainPicImg{width:100%;height:auto;border-width:1px;border-style:solid;border-color:black;}

.LBTitle{display:block;margin-bottom:0.1em;text-align:left;color:#781433;}
.LBAddress, .LBPrice{margin-bottom:0.75em;text-align:left;}
/*.LBPrice:before{content:"$";}*/
.LBAddress span{white-space:nowrap;}

.LBCrimson{color:#781433;}
/*.BlankRow:after{content:" ";}*/
}

/*BREAKING POINTS FROM: http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning*/
/*LAYOUT 1:
Older web-enabled phones and some small form factor devices will see the narrowest layout, which should probably be primarily text-based since there is little room to work with.*/
@media only screen and (max-width:240px)  {
.mynav{float:none;display:block;width:100%;white-space:nowrap;}
.mycontainer{display:block;width:100%;border-width:0;}
.mynav-button{display:inline-block;text-align:center;}
.mynav-button-other {display:inline-block;text-align:center;}
.mynav-button-other img{height:1em;width:auto;}
.LBMainPicLink{width:100%;padding:0em;margin-left:0em;}
.LBSpecs{text-align:center;}
.LBSpecs table{width:100%;}
.LBSpecs table .BlankRow{display:none;}
/*
.mynav-left, .mynav-right {display:none;}
.myvertical-line{display:none;}
*/
}

/*LAYOUT 2:
iPhones in portrait orientation get their own layout, which will also be seen on those older web-enabled phones in landscape (if such a thing exists).*/
@media only screen and (min-width:241px) and (max-width:399px) {
.mynav{float:none;display:block;width:100%;white-space:nowrap;}
.mycontainer{display:block;width:100%;border-width:0;}
.mynav-button{display:inline-block;text-align:center;}
.mynav-button-other {display:inline-block;text-align:center;}
.mynav-button-other img{height:1em;width:auto;}
.LBMainPicLink{width:100%;padding:0em;margin-left:0em;}
.LBSpecs table{width:100%;}
.LBSpecs table .BlankRow{display:none;}
/*
.mynav-left, .mynav-right {display:none;}
.mynav-button{display:inline-block;}
*/
}

/*LAYOUT 3:
iPhones in landscape and most Android phones in portrait would see this layout..*/
@media only screen and (min-width:400px) and (max-width:540px) {
.mynav{float:none;display:block;width:100%;white-space:nowrap;}
.mycontainer{display:block;width:100%;border-width:0;}
.mynav-button{display:inline-block;text-align:center;}
.mynav-button-other {display:inline-block;text-align:center;}
.mynav-button-other img{height:1em;width:auto;}
.LBMainPicLink{width:100%;padding:0em;margin-left:0em;}
.LBSpecs table{width:90%;}
.LBSpecs table .BlankRow{display:none;}
/*
.mynav-left, .mynav-right {display:none;}
*/
}

/*LAYOUT 4:
A layout just for Kindle Fire in portrait orientation!*/
@media only screen and (min-width:541px) and (max-width:767px) {
.mynav{float:none;display:block;width:100%;white-space:nowrap;}
.mycontainer{display:block;width:100%;border-width:0;}
.mynav-button{display:inline-block;text-align:center;}
.mynav-button-other {display:inline-block;text-align:center;}
.mynav-button-other img{height:1em;width:auto;}
.LBMainPicLink{width:300px;padding:0em 0.3em 0.3em 0.15em;margin-left:0.5em;}
.LBSpecs table{width:80%;}
.LBSpecs table .BlankRow{display:none;}
/*
.mynav-left {display:inline-block;position:absolute;left:0%;background:gray;opacity:0.9;}
.mynav-right {display:inline-block;position:absolute;right:0%;background:gray;opacity:0.9;}
*/
}

/*LAYOUT 5:
iPads and most tablets in portrait orientation will see this layout, as will many Android phones in landscape orientation.*/
@media only screen and (min-width:768px) and (max-width:959px) {
.mynav{float:none;display:block;width:100%;white-space:nowrap;}
.mycontainer{display:block;width:100%;}
.mynav-button{display:inline-block;text-align:center;}
.mynav-button-other {display:inline-block;text-align:center;}
.mynav-button-other img{height:1em;width:auto;}
.LBMainPicLink{width:300px;padding:0em 0.3em 0.3em 0.15em;margin-left:0.5em;}
.LBSpecs table{width:49%;}
.LBSpecs table .BlankRow{display:block;}
}

/*LAYOUT 6:
Finally, the widest layout will be viewable on most tablets in landscape, plus desktops.*/
@media only screen and (min-width:960px) {
.mynav{float:left;top:0;width:22%;display:inline-block;overflow:visible;color:white;vertical-align:top;padding:1em;padding-top:0em;white-space:normal;}
.mynav-button{display:block;text-align:center;white-space:normal;}
.mynav-left, .mynav-right {display:none;}
.mycontainer{display:block;width:78%;border-width:0em 1em 0em 1em;}
.mynav-button-other {display:block;text-align:center;white-space:normal;}
.mynav-button-other img{width:100%;height:auto;}
.LBMainPicLink{width:300px;padding:0em 0.3em 0.3em 0.15em;margin-left:0.5em;}
.LBSpecs table{width:45%;}
.LBSpecs table .BlankRow{display:block;}
}
/*SUGGESTIONS FOR OTHER SITES:
@media (min-width:320px) {  smartphones, portrait iPhone, portrait 480x320 phones (Android) }
@media (min-width:480px) { smartphones, Android phones, landscape iPhone }
@media (min-width:600px) { portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android)  }
@media (min-width:801px)  { tablet, landscape iPad, lo-res laptops ands desktops }
@media (min-width:1025px) { big landscape tablets, laptops, and desktops }
@media (min-width:1281px) {  hi-res laptops and desktops  }

OR

@media (min-width:320px) { smartphones, iPhone, portrait 480x320 phones  }
@media (min-width:481px) {  portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide.  }
@media (min-width:641px) {  portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones  }
@media (min-width:961px) {  tablet, landscape iPad, lo-res laptops ands desktops  }
@media (min-width:1025px) { big landscape tablets, laptops, and desktops  }
@media (min-width:1281px) { hi-res laptops and desktops }

*/