/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body { text-align: center; color: #666; background: #fff url('../images/background.gif') repeat-x top left; font-family: arial, helvetica, sans-serif; font-size: .8em }
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
ul, li, dt, dl, dd { list-style: none; }
img { border: none; }
h1 { background: inherit; border-bottom: 1px dashed #ccc; color: #93060C; font: 17px Georgia, serif; margin: 0 0 10px; padding: .75em 0 5px 0; text-align: center; }
h1 a { text-decoration:underline; font-weight: normal; }
h1 a:hover { text-decoration:none; }
h2 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #424242; background-color: inherit; }
h3 {  }
h4 { padding-top: 5px; }
p { margin: 1em 0; line-height: 1.1; }
p.clr { clear: both; }
a { color: #93060C; background-color: inherit; text-decoration: none; font-weight: bold; }
a:visited { color: #93060C; background-color: inherit; }
a:hover { text-decoration: underline; }


/* #wrapper
----------------------------------------- */

#wrapper { text-align: left; color: inherit; background: #FFF; width: 758px; margin: 0 auto; border-top: 0; border-right: 1px solid #bcbdbc; border-bottom: 1px solid #bcbdbc; border-left: 1px solid #bcbdbc; }

/* #header
----------------------------------------- */

#header { position: relative; height: 70px; }

#flags { position: absolute; top: 0; right: 0; height: 15px; color: #A8A8A8; padding: .5em 11px; font-size: 85%; }
#flags ul { margin: 5px 0; }
#flags li { display: inline; border-left: 1px solid #999; padding: 0 7px 0 12px; }
#flags li.firstfl { border: 0; padding-right: 10px; }
#flags a { color: #6e6e6e; background-color: inherit; text-decoration: none; font-weight: normal; }
#flags a:hover { text-decoration: underline; }


#toplinks { position: absolute; top: 35px; right: 0; height: 19px; color: #A8A8A8; padding: .5em 11px; font-size: 85%; }
#toplinks ul { margin: 5px 0; }
#toplinks li { display: inline; border-left: 1px solid #999; padding: 0 7px 0 12px; }
#toplinks li.first { border: 0; }
#toplinks a { color: #6e6e6e; background-color: inherit; text-decoration: none; font-weight: normal; }
#toplinks a:hover { text-decoration: underline; }

#flashcontent { padding: 0; margin: -10px 0 0 -11px; }
#flashcontent img { height: 210px; width: 758px; }
#sp_flashcontent { height: 249px; background: url('../images/sp_header.jpg') no-repeat 0 0; padding: 0 }


/* #content
----------------------------------------- */

#content { padding: .5em 20px 1em 30px; }
#content .list ul { margin-left: 5px; }
#content .list li { background: url('../images/bullet_cross.gif') no-repeat 0 3px; margin: 0 5px 0 2em; padding: 0 0 10px 10px; }

#media {margin:0 auto; text-align:center; background-image:url(../images/video_loading.gif); background-repeat:no-repeat; }
#decimal { margin-left: 40px; }
#decimal li { list-style: decimal; margin-left: 20px; }

#content .hoverstart { float: left; margin: 0; }
#content .hoverstart dt { margin-bottom: .5em; padding: 0 25px; }
#content .hoverstart dd { text-align: center; margin: 3px 0 1em 0; }
#content .hoverstart img { padding: 2px; border: 1px solid #8a8a8c; width: 115px; height: 90px; }

#content .assoc { float: left; margin: 0; }
#content .assoc dt { margin-bottom: .5em; padding: 0 20px; }
#content .assoc dd { text-align: center; margin: 3px 0 1em 0; }
#content .assoc img { padding: 2px; border: 1px solid #8a8a8c; width: 125px; height: 100px; }
#content .assoc img.long { padding: 2px; border: 1px solid #8a8a8c; width: 150px; height: 100px; }

#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */

#content_left { width: 480px; float: left; position: relative; }

#bottom { background: url('../images/strip_bkg.gif') repeat-y 196px 0; margin-left:0; margin-right:0; margin-top:40px; margin-bottom:20px }
#bottom_left {float: left; width: 160px; }
img.gallery {border: 1px solid #C9C9C9; width: 144px; height: 99px; margin-top: 7px; padding:2px; }
a:link img.gallery {border: 1px solid #C9C9C9; }
a:hover img.gallery {border: 1px solid #93060C; }

#bottom_right {margin-left: 230px; }

#content_right { margin-left: 530px; }
#content_right p.dealerinq { margin:0 0 1em 1.5em; padding: 0; }

.box1 { width: 167px; background: url('../images/tabbox_ordering.jpg') no-repeat bottom left; padding-bottom: 70px; margin-bottom:1.5em; font-size: 95% }
.box1 h3 { background: url('../images/tab.gif') no-repeat top left; margin: 0; text-align:center; font-size: 110%; color: #fff; padding: 6px 0; background-color: inherit; }
.box1 hr { color: #c8c8c8; background-color: #c8c8c8; height: 1px; width: 157px; margin: 0 auto; padding: 0; }
.box1 p {margin: 12px 10px 0 15px; color: #000; background-color: inherit; }

.box2 { width: 167px; background: url('../images/tabbox_downloads.jpg') no-repeat bottom left; font-size: 95% }
.box2 h3 { background: url('../images/tab.gif') no-repeat top left; margin: 0; text-align:center; font-size: 110%; color: #fff; padding: 6px 0; background-color: inherit; }
.box2 hr { color: #c8c8c8; background-color: #c8c8c8; height: 1px; width: 157px; margin: 0 auto; padding: 0; }
.box2 ul { padding: 8px 10px; margin-left: 9px; }
.box2 li { background: url('../images/bullet_pdf.gif') no-repeat 0 2px; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:5px }
.box2 li.pad { background:none; padding: 15px 0 20px; color:#000; background-color:inherit; }


#table3 { width: 99%; border-collapse: collapse; margin-top: 2em; }
#table3 th { text-align: center }
#table3 td {width: 33%; padding: 5px; text-align: center; }

/* #footer
----------------------------------------- */

#footer { width: 758px; margin: 0 auto; text-align: center; color: #A8A8A8; font-size: 85%; background: #FFF url('../images/footer_bkg.jpg') no-repeat bottom left;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:8em }
#footer ul { margin-bottom: 5px; clear:both; }
#footer li { display: inline; padding: 0 12px 0 20px; }
#footer a { color: #6E6E6E; background-color: inherit; text-decoration: none; font-weight: normal; }
#footer a:hover { text-decoration: underline; }
#footer p.left {float: left; margin: 0 0 10px 0; }
#footer p.right {float: right; margin: 0 0 10px 0; }


/* #images
----------------------------------------- */
img.logo { border: 0; width: 222px; height: 50px; padding: 10px 0 5px 11px; }
img.read { float: left; border: 0; width: 51px; height: 18px; padding-right: 8px; }
img.flash { float: left; border: 0; width: 82px; height: 22px; padding-right: 8px; }
img.left { float: left; border: 1px solid #C9C9C9; margin: 6px 7px 0 0; padding:2px; }
img.right { float: right; border: 1px solid #C9C9C9; margin: 6px 0 0 5px; padding:2px; }
img.photo { border: 1px solid #C9C9C9; margin: 6px 7px 0 0; padding:2px; }
img.vidthumb {border: 1px solid #C9C9C9; width:120px; height:90px; margin:4px; padding:3px; }
img.flag { width:16px; height:11px; padding-left:5px; }
img.credit { float: right; border: 0; width: 163px; height: 68px; padding-right: 8px; }
img.gis { float: right; border: 0; padding: 20px 0 0 25px; }
img.blog { float:left; border:0; padding-right: 10px; }

/* Contact Us form
----------------------------------------- */
form {margin: 0 auto; padding: 0; width: 85%; }
fieldset {padding: 0 0 10px 10px; margin: 0; border: 1px solid #103902; }
legend {font-weight: bold; font-size: 1.3em; padding-bottom: 8px; color: #103902; background-color: inherit; }
label {float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
label.last {font-weight: bold; text-align: left; padding-left: 10px; }
input, textarea, select {clear: right; margin: 5px 0; border: 1px solid #a7a7a7; font-family:inherit; font-size: 1em; padding:1px 3px; }
input.submit {margin: 0; padding: 3px; color: inherit; background-color: #FDFE9A; }
.errorMessage {color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }
.verCode {clear: right; margin: 5px 0; border: 1px solid #a7a7a7; font-family:inherit; font-size: 1em; padding:1px 3px; }

/* Misc styles
----------------------------------------- */
.quote { padding: 0 5em; font: normal normal bold .9em/1.5em Georgia, serif; }

.message {color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }
.error-message {color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }