* {margin:0; padding:0; height:auto; background:none; border:none; font-size:16px;}
body {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size:14pt; font-weight:normal; color:#000000; 
						background:#FFFFFF /*url(../images/background.jpg) repeat;*/}

h1 {display:block; font-size:110%; font-weight:bold; margin:0 3px 3px 3px;}
h2 {display:block; font-size:107%; font-weight:normal;}
h3 {display:block; font-size:100%; font-weight:bold;}
p {padding:0.5em;}

.Wrapper {width:90%; min-width:310px; min-height:400px; text-align:center; margin:0 auto; background:#FFFFFF; position:relative;}
.RentalDetails {width:100%; position:relative; margin:0 auto;}
.HighlightLight {width:96%; height:auto; padding:1%; margin:0 auto; /*border:solid 3pt #E2E2E2;*/}
.HighlightLightGrey {width:96%; height:auto; padding:0.5% 1% 0.5% 1%; margin:0 auto; background:#CCCCCC;}
.HighlightLightGrey70 {width:70%; height:auto; padding:0.5% 1% 0.5% 1%; margin:0.5% auto; background:#CCCCCC;}
.AdjustButton {width:100%; height:auto; margin:0 auto; /*position:fixed; top:0px; left:0px;*/ text-align:center; z-index:100;}
.FiftyPercent {float:left; width:49%; padding:0 0.5% 0 0.5%;}
.HundredPercentCenter {float:left; width:99%; padding:0 0.5% 0 0.5%; text-align:center;}
.HundredPercent {width:100%; padding:0 0 1% 0; position:relative;}
.Notification {color:#FF0000; font-weight:bold;}
.NotificationBlock {display:block; margin:0 auto !important; color:#FF0000; font-weight:bold; text-align:center;}
.BlockClass {display:block;}
.Instructions90 {font-size:0.9em;}
.Initial {display:none;}
.FloatLeft {float:left;}
.AlignRight {text-align:right;}
.AlignLeft {text-align:left;}
.AlignCenter {text-align:center;}
.MarginTop18 {margin-top:1.8em;}
.MarginTop20 {margin-top:2.0em;}
.PaddingTop {padding-top:3%;}
.Font095 {font-size:0.95em;}
.FontBold {font-weight:bold;}
.MarginTopOne {margin-top:1%;}
.ImgFeature {margin:5% 2% 0 2%;}
.PhoneList {margin:1% 2% 0 5%;}
.BottomBorder {border-bottom:solid 1px #999999; padding-bottom:5px;}
.ImgLogo {width:70%; max-width:200px; height:auto; margin:3% auto 3% auto;}
.Img90 {width:90%; max-width:200px; height:auto; margin:0 auto;}
.Img80 {width:80%; max-width:200px; height:auto; margin:3% auto 0 auto;}
.Img80:hover {opacity: 0.7; cursor:pointer;}
.DisplayNone {display:none;}
.Footer7 {width:100%; height:87pt; clear:both; text-align:center; padding:15pt 0 0 0;}
.IconVault {width:40pt; height:40pt; background:url(../images/VaultIcon.gif) no-repeat center center; background-size:40pt 40pt;}
.IconVault:hover {cursor:pointer;}
.cc-number-input {border:none; width:120pt; margin:0; padding:2pt; outline:none; color:#999999;}
.cc-date-input {border:none; width:22pt; margin:0; padding:2pt 0 2pt 2pt; outline:none; text-align:center; color:#999999;}
.cc-cvv-input {border:none; width:34pt; margin:0; padding:2pt; outline:none; text-align:center; color:#999999;}
.divCCWrapper {width:100%; max-width:310pt; height:auto; margin:0 auto;}
.divCCEnclosure {min-width:240pt; max-width:240pt; border:solid 1pt #000000; margin:5pt auto 0 auto; padding:2pt;}
.divCCImage {width:97%; margin:10pt auto 0 auto; padding:2pt;}

.ClearAll100 {width:100%; height:0; clear:both;}

/* font colors */
.TextFeatureDark {color:#00B455;}
.TextLightGrey {color:#CCCCCC;}
.BackGroundGrey {background:#CCCCCC;}

/* menu items */
.MainMenu {width:90%; min-width:310px; height:auto; margin:0 auto; background:#FFFFFF; text-align:center;}
.MainMenu a, a:visited {display:inline-table; width:auto; height:1.1em; text-align:center; padding:0.3em; text-decoration:none; 
						border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
.MainMenu a:hover, a:active {cursor:pointer;}

.TestBackground {background:#00FF00;}
.TextBoxNormal {width:160px; border:solid 1px #333333; background:#FFFFFF; margin:2px;}
.TextBox90 {width:95%; border:solid 1px #333333; background:#FFFFFF; margin:2pt; padding:4pt;}
.DropNormal {width:auto; border:solid 1pt #333333; background:#FFFFFF; margin:2px; background:none;}
.Drop90 {width:97%; border:solid 1pt #333333; background:#FFFFFF; margin:2pt; padding:4pt; background:none;}
.CheckNormal {padding:0 5px; margin:5px; background:#FFFFFF;}
.ButtonNormal {width:auto; max-width:95%; white-space:normal; margin:10px auto 0 auto; padding:3px 1% 3px 1%; font-size:105%;}
.ButtonVerify {width:97%; white-space:normal; margin:10px auto 0 auto; padding:3px 1% 3px 1%; background:#00B455; border:solid 3px #00B455; color:#FFFFFF;}
.ButtonVerify:hover {cursor:pointer;}
.ButtonReserve {width:50%; height:auto; margin:7% auto 3% auto; padding:0.5em 0 0.5em 0; font-size:1.3em; color:#FFFFFF;}
.ButtonReserve:hover, .ButtonReserve:active {cursor:pointer; background:#FFFFFF; color:#292979;}
/* front page drop down and text box */
.TextBoxFrontPage {width:120pt; border:solid 1px #333333; background:#FFFFFF; margin:2pt 3pt 3pt 3pt; padding:6pt;}
.DropDownFrontPage {width:auto; border:solid 1pt #333333; background:#FFFFFF; margin:2pt 3pt 3pt 3pt; padding:6pt; background:none;}
.DropDownFrontPage:hover, .DropDownFrontPage:active {background:#00B455; color:#FFFFFF;}

/* desktop padding */
.TextBoxPadding {padding:1.0%;}
.DropDownPadding {padding:0.5%;}
.DropDownPadding2 {padding:1.0%;}
option {font-size:12pt; margin:2pt; padding:2pt;}

/************ background colors **********/
/* darker blue #13B5EA light blue #62CEF2 vey light blue #C5EDFA */
/* new green #00B455 new light green #88FFC0 */
.HighlightLight {background:#00B455;}
.DropNormal:hover, .DropNormal:active {background:#00B455; color:#FFFFFF;}

.Drop90:hover, .Drop90:active {background:#00B455; color:#FFFFFF;}
.ButtonNormal {background:#00B455; border:solid 3px #00B455; color:#FFFFFF;}
.ButtonNormal:hover, .ButtonNormal:active {cursor:pointer; background:#00B455; color:#FFFFFF;}
/* .ButtonNormal {background:#62CEF2; color:#FFFFFF;} */
/* .ButtonNormal:hover, .ButtonNormal:active {cursor:pointer; background:#62CEF2; color:#FFFFFF;} */
.ButtonReserve {background:#00B455; border:solid 3pt #00B455; color:#FFFFFF;}
.ButtonReserve:hover, .ButtonReserve:active {cursor:pointer; background:#00B455; color:#FFFFFF;}
.ResultsWrapper {/*border:solid 2pt #666666;*/ background:#88FFC0;}
.CheckNormal:hover {background:#00B455;}
.MainMenu a, a:visited {color:#00B455;}
.MainMenu a:hover, a:active {background:#00B455; color:#FFFFFF;}
.LinkNormal {display:inline; width:auto; height:1.1em; text-align:center; padding:0.3em; text-decoration:underline; color: #666666;}
.LinkNormal:visited {display:inline; width:auto; height:1.1em; text-align:center; padding:0.3em; text-decoration:none;}
.LinkNormal:hover {cursor:pointer; background:#00B455; color:#FFFFFF;}

/*********** ends background colors *************/

.gvReport {width:auto; margin:0 auto;}
.gvReport th {width:auto; margin:1%; padding:1%; text-align:left; font-weight:bold;}
.gvReport td {width:auto; margin:1%; padding:1%; text-align:left; vertical-align:top; border-bottom:solid 1pt #CCCCCC;}
.gvReport td.AlignRight {text-align:right;}
.gvReport td.TestColor {background-color:#00FF00;}
.gvReport td.Narrow {width:34px;}

.ResultsWrapper {width:96%; min-width:300px; height:auto; margin:1% auto 0 auto; padding:1%;}
.Table100 {width:100%; height:auto; margin:0 auto; text-align:center; border-collapse:collapse; border:none;}
.TableRateDetails {width:100%; height:auto; margin:0 auto; text-align:center; border-collapse:collapse; border:none; vertical-align:top;}
.RateDetailsAlign {text-align:right;} /* this is right for larger screens */
.RateDetailsLeft {text-align:left;}
.RateDetailsRight {text-align:right;}
.Separator {float:right; width:70%; height:2pt; margin:0 auto; background:#CCCCCC; border:none;}
.Separator100 {float:none; width:100%; height:2pt; margin:0 auto; background:#CCCCCC; border:none;}
.Feature3ColRight {float:left; width:33%; min-width:280px; height:auto; margin:0 auto; text-align:right; font-size:0.8em;}
.Feature3ColCenter {float:left; width:33%; min-width:280px; height:auto; margin:0 auto; text-align:center; font-size:0.8em;}
.Header3ColCenter {float:left; width:33%; min-width:280px; height:auto; margin:0 auto; text-align:center; font-size:0.8em;}
/* feature 1 column needs no adjustment for mobile */
.Feature1ColCenter {width:50%; min-width:300px; max-width:700px; height:auto; margin:0 auto; text-align:center; font-size:0.8em;}
.Feature1ColCenter70 {width:40%; min-width:300px; max-width:600px; height:auto; margin:0 auto; text-align:center; font-size:0.8em;}

@media only screen and (max-width : 950px) {
.ImgFeature {margin:-1% 2% 0 2%;}
.TableRateDetails {width:60%; min-width:300px; height:auto; margin:0 auto; text-align:left; border-collapse:collapse; border:none;}
.RateDetailsAlign {text-align:left;}
.Separator {float:none; width:100%; height:2pt; margin:0 auto; background:#CCCCCC; border:none;}
.Feature3ColRight {float:none; width:100%; min-width:280px; height:auto; margin:0 auto; text-align:right; font-size:0.8em;}
.Feature3ColCenter {float:none; width:100%; min-width:280px; height:auto; margin:0 auto; text-align:center; font-size:0.8em;}
.Feature1ColCenter70 {width:80%; min-width:300px; max-width:700px; height:auto; margin:0 auto; text-align:center; font-size:0.8em;}
.Header3ColCenter {float:none; width:100%; min-width:280px; height:auto; margin:0 auto; text-align:center; font-size:0.8em;}
}