@import url("navigation.css");
@import url("screen.jsp");

/* GENERIC CLASSES
   Use these where it makes sense to do so instead of creating new classes. */
.db { display:block; }
.di { display:inline; }
.dn { display:none; }
.vh { visibility:hidden;}
.fl { float:left; }
.fr { float:right; }
.fn { float:none; }
.tac { text-align:center; }
.tar { text-align: right; }
.pos-relative { position: relative; }

/* Float Warriors, choose your weapon of clearing! */
.clr { clear:both; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent; }
.cl {  clear:left; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-table; }
.clear { clear:both; } /* attach to tags where you need to force a break */

/* LAYOUT */
/* GENERAL STRUCTURE */
div#mainbody { float:left; width:592px; color:#000; background:#ccc url(../image/line/content_arc.gif) no-repeat; font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 12px; min-height:25em; height:auto !important; height:28em;  /* min-height hack */ }
body#homepage #mainbody { float:none; width:750px; padding-top:30px; background:none; min-height:0; height:auto; }
div.section { padding:0 40px; }

.rightcol { margin-left:16em; }

/* HEADINGS */
h1.pagetitle { font-size: 16px; letter-spacing: .12em; margin:30px 0 1.5em 0; padding:0;}
h2.subtitle {font-size:14px; margin:0 0 0.3em 0; padding:0; }
h2#smart-junction-box { clear: left; }
h3 { font-size:13px; margin:1.6em 0 0.3em 0; padding:0; }
dl h3 { font-size:12px; margin-top:0; }
h4 { font-size:12px; margin:0 0 0.3em 0; padding:0; }

/* PARAGRAPHS */
div.section p { line-height:1.35; margin:0; padding:0 0 1em 0; }
div.section p.rightinfo { margin-left:140px; clear:both; }

/* LISTS */
div.section ol, div.section ul { margin:0; padding:0 0 1em 0; }
div.section li { line-height:1.35; margin: 0 0 0 15px; }

ol#dimensionslist { margin:0; padding:0 0 1.5em 0; width:15em; float:left; }
ol#dimensionslist li { margin:0; padding:0; list-style:none; padding:8px 0 8px 30px; background:no-repeat left center; }
ol#dimensionslist li.safety { background-image:url(../image/pic/7dimensions/overview/safety_icon.gif); }
ol#dimensionslist li.comfort { background-image:url(../image/pic/7dimensions/overview/comfort_icon.gif); }
ol#dimensionslist li.environmental { background-image:url(../image/pic/7dimensions/overview/environmental_icon.gif); }
ol#dimensionslist li.craftsmanship { background-image:url(../image/pic/7dimensions/overview/craftsmanship_icon.gif); }
ol#dimensionslist li.commonization { background-image:url(../image/pic/7dimensions/overview/commonization_icon.gif); }
ol#dimensionslist li.infotainment { background-image:url(../image/pic/7dimensions/overview/infotainment_icon.gif); }
ol#dimensionslist li.flexibility { background-image:url(../image/pic/7dimensions/overview/flexibility_icon.gif); }

div.section ul.nestedlist li { list-style:none; margin:0 0 0.8em 0; padding:0; }
div.section ul.nestedlist li li { list-style:disc; margin:0 0 0.3em 1.5em; }
div.section ul.nestedlist ul { margin:0.3em 0 0 1.5em; padding:0; }
div.section ul.nestedlist li h2 { font-size:13px; margin:0 0 0.3em 0; padding:0; }

dl.photoinfo { clear:both; margin:0; padding:0; }
dl.photoinfo dt { float:left; clear: left; }
dl.photoinfo dt img { margin-bottom:15px; }
dl.photoinfo dd { margin-left:145px; width:360px; padding-bottom:1em; } /* for 130px wide images */
dl.photoinfo dd.wide { margin-left:158px; width:347px; } /* for 146px wide images */
dl.photoinfo dd.wider { margin-left:217px; width:288px; } /* for 202px wide images */

/* ACCESSIBILITY */
abbr, acronym, dfn { font-style:normal; }
acronym { border:0; }
acronym dfn { border-bottom:1px dotted #999; color:#000; font-variant:small-caps; font-weight:bold; }
acronym em { color:#000; font-variant:small-caps; font-weight:bold; font-style:normal; text-decoration:underline; text-transform:uppercase; }
.skiplink { position:absolute; left:-999px; width:990px; }

/* MISC */
.masthead { margin:3px 0 5px 0; }
img.fl { margin:0 15px 8px 0; }

/* PAGE SPECIFIC */
#homepage-flashcontent { text-align:center; color:#fff; }