/* ---[ structure ]--------------------- */

#header {display: block; margin-bottom: 11px; height: 86px}
#header #logo {float: left; display: block; width: 194px; height: 86px; background: transparent url(images/shell/interior/under-logo.gif) no-repeat left bottom}
#header #logo img {position: relative; top: 6px; left: 12px}
#header #authorized-dealer {float: left; display: block; width: 576px; height: 86px; background: transparent url(images/shell/interior/top-bar.gif) no-repeat 0 62px}
#header #authorized-dealer #phone-number {float: left; position: relative; top: 12px; left: 26px}
#header #authorized-dealer #toshiba {float: left; position: relative; top: 12px; left: 110px}
#header #authorized-dealer #panasonic {float: left; position: relative; top: 13px; left: 122px}

#tabs {text-align: right; clear: both; margin: 10px 0}
#tabs img {margin-bottom: 5px; display: block; float: right}
#tabs .left {float: left; width: 98px; display: block}
#tabs .right {float: left; width: 96px; display: block}

#content {width: 535px; float: left; padding: 0 15px; background: #fff; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; color: #000}

#bottom {clear: both; display: block; height: 12px; background: transparent url(images/shell/interior/bottom-bar.gif) no-repeat right bottom}
#contact {display: block; margin: 10px 0 10px 6px}


/* ---[ content style ]--------------------- */

p {margin: .25em 0 1em 0; line-height: 1.6em}
.center {text-align: center}

.photoL {float: left; clear: left; margin: 4px 10px 4px 0}
.photoR {float: right; clear: right; margin: 4px 0 4px 10px}

.border {border: 1px solid #000}
.cell {padding: 6px 0}
.zebra {background-color: #efefef; border: 1px solid #ccc}

small {font-size: 9px}

.pdf {background: transparent url(images/icons/pdf.gif) no-repeat right top; padding-right: 12px}
.outside-link {background: transparent url(images/icons/outside-link.gif) no-repeat right top; padding-right: 12px}
.arrow {background: transparent url(images/icons/right-arrow.gif) no-repeat; display: inline; padding: 0 5px}

#content a:link {text-decoration: none; color: #cd0202}
#content a:visited {text-decoration: none; color: #cd0202}
#content a:hover {text-decoration: underline; color: #cd0202}
#content a:active {text-decoration: underline; color: #cd0202}


/* ---[ content style ]--------------------- */

ul {padding: 0; margin: .25em 0 1em 30px; list-style-type: circle}
ul ul {padding: 0; margin: .25em 0 -.25em 30px}
ol {padding: 0; margin: .25em 0 1em 30px; list-style-type: decimal}
ol ol {padding: 0; margin: .25em 0 -.25em 30px}
li {padding: 4px}

#scrollbox {width: auto; padding-left: 230px; margin: 1.25em 0; height: 382px; display: block; overflow-x: hidden; overflow-y: scroll}
#scrollbox ul {background: #fff; list-style: none; border: 1px solid #ccc}
#scrollbox li.lm_over {border: 1px solid #ccc}
#scrollbox li {padding: 6px 8px; border: 1px solid #fff; display: block}
#list ul {background: #fff; list-style: none; border: 1px solid #ccc}
#list li.lm_over {border: 1px solid #ccc}
#list li {padding: 6px 8px; border: 1px solid #fff; display: block}


/* ---[ hr ]--------------------- */

.hr {border-top: 1px dashed #ccc; font-size: 1px; margin: 1em 0}


/* ---[ headers ]--------------------- */

h1 {font-size: 14px; font-weight: bold; font-family: Arial, "Arial Narrow", Helvetica, Sans-Serif; color: #cd0202; margin-bottom: .5em; letter-spacing: -1px; text-transform: uppercase; clear: both}
h2 {font-size: 12px; font-weight: bold; font-family: Arial, "Arial Narrow", Helvetica, Sans-Serif; color: #000; margin-bottom: .5em; border-bottom: 1px solid #ccc; clear: both}
h3 {font-size: 12px; font-weight: bold; font-family: Arial, "Arial Narrow", Helvetica, Sans-Serif; color: #000; letter-spacing: 0; text-transform: uppercase; clear: both; margin-bottom: .75em}
h4 {font-size: 12px; font-weight: bold; font-family: Arial, "Arial Narrow", Helvetica, Sans-Serif; color: #cd0202; letter-spacing: 0; clear: both; padding: .5em 0; margin: 1em 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-transform: uppercase}


/* ---[ business card style ]--------------------- */

#holder {width: 535px}
.card {display: block; width: 252px; height: 108px; background: #fff url(images/contact-information/card.gif); font-weight: bold; float: left; margin: 0 8px 8px 0}
.card .info {position: relative; top: 14px; left: 90px; font-size: 11px; color: #999; line-height: 19px}
.card .info .name {font-size: 16px; color: #0053a0}
.card .info .email, .card .info .phone {margin-left: 2px}
.card .position {border: 1px solid #999; background: #0053a0; padding: 4px 0; position: relative; top: 25px; left: 0; text-align: center; font-size: 15px; color: #fff}


/* ---[ form ]--------------------- */

.form {border: 2px solid #006B84; padding: 3px; width: 124px}
.button {border: 2px solid #006B84; color: #006B84; background: #fff; padding: 2px; font-size: 11px; font-family: arial, helvetica, sans-serif; font-weight: bold}


/* ---[ contact form ]--------------------- */

form {margin: 0; padding: 0; font-size: 100%; width: auto}
form fieldset {clear: both; font-size: 100%; border-color: #000; border-width: 1px 0 0 0; border-style: solid none none none; padding: 10px; margin: 0}
form fieldset legend {font-size: 125%; font-weight: bold; color: #666; margin: 0; padding: 0 5px}
label {font-size: 100%}
label u {font-style: normal; text-decoration: underline}
input, select, textarea {font-family: Tahoma, Arial, sans-serif; font-size: 100%; color: #000}
textarea {overflow: auto}
form div {clear: left; display: block; width: 440px; height: 1%; margin: 5px 0 0 0; padding: 1px 3px}
form div fieldset {clear: none; border: 1px solid #666; margin: 0 0 0 144px; padding: 0 5px 5px 5px; width: 197px}
form div fieldset legend {font-size: 100%; padding: 0 3px 0 9px}
form div.required fieldset legend {font-weight: bold; color: #cd0202}
form div label {display: block; float: left; width: 160px; padding: 3px 5px; margin: 0 0 5px 0; text-align: right}
form div.optional label, label.optional {font-weight: normal}
form div.required label, label.required {font-weight: bold; color: #cd0202}
form div label.labelCheckbox, form div label.labelRadio {float: none; display: block; width: 200px; height: 1%; padding: 0; margin: 0 0 5px 142px; text-align: left}
form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {margin: 0 0 5px 0; width: 170px}
form div img {border: 1px solid #000}
p.error {background-color: #f00; background-image: url(images/icon_error.gif); background-repeat: no-repeat; background-position: 3px 3px; color: #fff; padding: 3px 3px 5px 27px; border: 1px solid #000; margin: auto 100px}
form div.error {background-color: #ffffe1; background-image: url(images/required_bg.gif); background-repeat: no-repeat; background-position: top left; color: #666; border: 1px solid #f00}
form div.error p.error {background-image: url(images/icon_error.gif); background-position: top left; background-color: transparent; border-style: none; font-size: 88%; font-weight: bold; margin: 0 0 0 118px; width: 200px; color: #f00}
form div input, form div select, form div textarea {width: 200px; padding: 1px 3px; margin: 0}
form div input.inputFile {width: 211px}
form div select.selectOne {width: 211px; padding: 1px 3px}
form div select.selectMultiple {width: 211px}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {display: inline; height: 14px; width: 14px; background-color: transparent; border-width: 0; padding: 0; margin: 0 0 0 140px}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {background-color: #cccccc; color: #000; width: auto; padding: 0 6px; margin: 0}
form div.submit div input.inputSubmit, form div.submit div input.inputButton {float: right; margin: 0 0 0 5px}
form div small {display: block; margin: 0 0 5px 142px; padding: 1px 3px; font-size: 88%; height: 1%}
form fieldset legend {line-height: 150%}
form input, form select, form textarea {background-color: #fff}
/* form textarea.expanding {overflow: auto; overflow-x: auto; overflow-y: visible} */
div.optional label:before {content: ''}
div.required label:before {content: ''}
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {display: block; width: 190px; height: 1%; padding: 4px 0 0 18px; text-indent: -18px; line-height: 120%}
form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {margin: 0}
form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {width: 160px; margin: 0 0 0 18px; margin: 0 0 0 -124px}
form div label.compact {display: inline; width: auto; padding: 4px 10px 0 0; text-indent: 0; margin: 0}
form div.wide label {float: none; display: block}
form div label.wide {width: 348px}
form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {width: 344px; margin: 0}
form div.notes p, form div small {line-height: 125%}
form div.wide small {margin: 0 0 5px 0}