/* version 7 Screen Display */

/* OVERALL PAGE STYLES */
body { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 74%; line-height: 120%; background-color: #074920; margin: 0px; background-image: url(/files/structure/interior_MastBack.jpg); background-position: left; background-repeat: repeat-x; }

/* Specification so fonts display correctly in Internet Explorer */
table { font-size: 100% }

/* General Link Color */
a:link { color: #074920; text-decoration: underline; font-weight: bold; }
a:active { color: #655444; text-decoration: underline; font-weight: bold;; }
a:visited { color: #074920; text-decoration: none; font-weight: bold;; }
a:hover, a:focus { color: #655444; text-decoration: underline; font-weight: bold;; }

/* Type Style Tags */
h1 { color: #000000; font-size: 140%; font-style: normal; font-weight: normal; line-height: 130%; margin: 0px 0px 10px 0px; }
h2 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 120%; margin: 0px 0px 10px 0px; padding: 4px 10px 4px 10px; background-color: #bcb079; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #eae6d0; }
h3 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 10px 0px; }
h4 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h5 { color: #ffffff; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h6 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; }
p { margin: 0px 0px 10px 10px; }
strong, bold {  }
em, i {  }
abbr, acronym { font-style: normal; text-decoration: none; }
ul, ol { list-style-position: outside; margin: 0px 0px 10px 35px; padding: 0px; }
li { margin: 0px 0px 5px 0px; }

/* ALTERNATE INFORMATION FOR PRINT/HANDHELD/SCREENREADERS */
.screenRead { display: none; }
@media aural { .screenRead { display: block; speak: normal; } }

/* MASTHEAD LAYER */
#mastBand { height: 126px; display: block; background-image: url(/files/structure/interior_MastBack.jpg); background-position: left; background-repeat: repeat-x;}

#mastBand2 { height: 126px; display: block;  background-image: url(/files/structure/interior_Mast.jpg); background-position: left; background-repeat: no-repeat; border-width: 12px 0px 4px 0px; border-style: solid; border-color: #000000; }

a.linkHome { display: block; height: 125px; width: 229px; }
a.linkHome:link { text-decoration: none; background-image: url(/files/structure/interior_MastLogo.jpg); background-repeat: no-repeat; background-positon: left top; }
a.linkHome:active { text-decoration: none; background-image: url(/files/structure/interior_MastLogoOver.jpg); background-repeat: no-repeat; background-positon: left top; }
a.linkHome:visited { text-decoration: none; background-image: url(/files/structure/interior_MastLogo.jpg); background-repeat: no-repeat; background-positon: left top; }
a.linkHome:hover, a.linkHome:focus { text-decoration: none; background-color: #000000; background-image: url(/files/structure/interior_MastLogoOver.jpg); background-repeat: no-repeat; background-positon: left top; }

/* MASTHEAD LEVEL NAVIGATION LAYER */
#mastLinks { background-color: #074920; height: 26px; }
#mastLinks p { line-height: 100%; margin: 0px 0px 0px 0px; float: left; }
#mastLinks p a { font-weight: bold; padding: 6px 35px 6px 15px; display: block; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #2c6542; }
#mastLinks p a:link { color: #FFFFFF; text-decoration: none; background-color: #074920; }
#mastLinks p a:active { color: #074920; text-decoration: underline; background-color: #d6cb97; }
#mastLinks p a:visited { color: #FFFFFF; text-decoration: none; background-color: #074920; }
#mastLinks p a:hover, #MastLinks p a:focus { color: #074920; text-decoration: underline; background-color: #d6cb97; }

/* PAGE CONTENT LAYER */
#containercontent { height: 1%; display: block; background-image: url(/files/structure/interior_LinksBack.gif); background-position: left top; background-repeat: repeat-y; background-color: #d6cb97; }

#containercontent2 { height: 1%; display: block; background-image: url(/files/structure/interior_LinksImage.jpg); background-position: left bottom; background-repeat: no-repeat; }

/* Lefthand Navigation Menu */
#columnlink { float: left; width: 175px; height: 380px; padding: 10px 0px 0px 0px; }
#columnlink p.subLink1, #columnlink p.subLink2, #columnlink p.subLink3, #columnlink p.subLink4, #columnlink p.subLink5 { display: none; }

/* Nav Link Props */
#columnlink p { font-size: 92%; line-height: 100%; margin: 0px; }
#columnlink p a { font-weight: bold; display: block; padding: 10px 5px 10px 10px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #d6cb97; }
#columnlink p a:link { color: #FFFFFF; text-decoration: none; }
#columnlink p a:active { color: #FFFFFF; text-decoration: underline; background-color: #074920; }
#columnlink p a:visited { color: #FFFFFF; text-decoration: none; }
#columnlink p a:hover, #columnlink p a:focus { color: #FFFFFF; text-decoration: underline; background-color: #074920; }

#columnlink p a.secondary:link { margin: 0px 0px 0px 10px; text-decoration: none; }
#columnlink p a.secondary:active { margin: 0px 0px 0px 10px; text-decoration: underline; }
#columnlink p a.secondary:visited { margin: 0px 0px 0px 10px; text-decoration: none; }
#columnlink p a.secondary:hover, #columnlink p a.secondary:focus { margin: 0px 0px 0px 10px; text-decoration: underline; }

/* Main Content Body */
#columnbody { margin: 0px 0px 0px 175px; padding: 15px 20px 10px 20px; }

/* Float Window Information */
#containerSpecial { float: right; width: 250px; }
#containerSpecial img { vertical-align: bottom; margin: 0px; padding: 0px; display: block; }
#containerSpecial h2 { font-size: 100%; line-height: 100%; font-weight: bold; color: #ffffff; display: block; margin: 0px 0px 10px 0px; padding: 4px 10px 4px 10px; background-color: #655444; }
#containerSpecial p { margin: 0px 0px 10px 10px }
#containerSpecial ul { }
#containerSpecial li { }

#containerSpecial p.orderNow { clear: right; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 10px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #eae6d0; }
#containerSpecial p a.orderNowGraphic:link { float: right; height: 45px; width: 105px; margin: 0px 5px 0px 10px; background-image: url(/files/structure/index-orderNow.gif); }
#containerSpecial p a.orderNowGraphic:active { float: right; height: 45px; width: 105px; margin: 0px 5px 0px 10px; background-image: url(/files/structure/index-orderNowOver.gif); }
#containerSpecial p a.orderNowGraphic:visited { float: right; height: 45px; width: 105px; margin: 0px 5px 0px 10px; background-image: url(/files/structure/index-orderNow.gif); }
#containerSpecial p a.orderNowGraphic:hover, a.orderNowGraphic:focus { float: right; height: 45px; width: 105px; margin: 0px 5px 0px 10px; background-image: url(/files/structure/index-orderNowOver.gif); }


#containerText { height: 1%; display: block; margin: 0px 270px 0px 0px; }
#containerText:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } 


/* Styles for MultiColumn Formats */
div.containercolumns { height: 1%; display: table; margin: 0px; padding: 0px; }


/* Styles for the Two Column Formats */
.twocolumnleft { float: left; width: 48%; margin: 0px; padding: 0px; }
.twocolumnright { margin: 0px 0px 0px 52%; padding: 0px 0px 0px 15px; border-width: 0px 0px 0px 1px; border-style: solid; border-color: #990000; }

/* Styles for the three Column Formats */
.threecolumnleft { float: left; width: 30%; margin: 0px; padding: 0px; }
.threecolumnmiddle { float: left; width: 32%; margin: 0px; padding: 0px; border-width: 0px 0px 0px 1px; border-style: solid; border-color: #990000; margin: 0px 0px 0px 10px; padding: 0px 5px 0px 10px; }
.threecolumnright { margin: 0px 0px 0px 68%; padding: 0px 0px 0px 10px; border-width: 0px 0px 0px 1px; border-style: solid; border-color: #990000; }

/* FOOTER LAYER */
#footer { clear: both; border-width: 4px 0px 0px 0px; border-style: solid; border-color: #000000; }
#footer p { color: #9bbba7; margin: 5px 0px 5px 0px; padding: 0px 10px 0px 10px; }
#footer p a:link { color: #9bbba7; }
#footer p a:active { color: #FFFFFF; }
#footer p a:visited { color: #9bbba7; }
#footer p a:hover, #footer p a:focus { color: #FFFFFF; }

/* FORM CSS */
form { width: 95%; display: table; }

.formInputBox { margin: 0px 0px 5px 20px; }
.formInputBox label { float: left; width: 150px; display: block; }

.formListMenu { margin: 0px 0px 5px 20px; }
.formListMenu label { float: left; width: 150px; display: block; }

.formTextArea { margin: 0px 0px 5px 20px; }
.formTextArea label { float: left; width: 150px; display: block; }

.formCheckBox { margin: 0px 0px 5px 20px; }
.formCheckBox input { float: left; }
.formCheckBox label { margin: 0px 0px 0px 30px; display: block; }

.formRadioButton { margin: 0px 0px 5px 20px; }
.formRadioButton input { float: left; }
.formRadioButton label { margin: 0px 0px 0px 30px; display: block; }

.FormSubmit { text-align: right; margin: 20px 0px 00px 0px; padding: 10px 0px 0px 0px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #999999;}

.formHeading { font-weight: bold; margin: 0px 0px 10px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #999999; }
.formSubHeading { font-weight: bold; margin: 20px 0px 10px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #999999;  }

table.dealerLocator {  }
table.dealerLocator th { margin: 0px; color: #FFFFFF; font-size: 92%; text-align: center; padding: 3px 5px 3px 5px; background-color: #00523b; }
table.dealerLocator td {  }
table.dealerLocator td.dealerName { text-align: left; margin: 0px; color: #FFFFFF; font-size: 92%; padding: 3px 5px 3px 5px; background-color: #a79a74;  }