/**
* @version 1.0
* @name screen-v2.css
* @date May 2008
* @author PlexityNet - Saul Willers
* @link http://plexitynet.com/
* @email info@plexitynet.com
* Main CSS for all browsers
*/
/* Overall Layout 
=========================================== */
html {
 background-color:#f8f7ff;
}
body {
 color:#000a58;
 text-align:center;/*center child div in ie*/
 background-color:#f8f7ff;
}
/* === Overall Container wrapper === */
#container {
 width:764px;
 margin:0 auto;
 padding-bottom:20px;
 text-align:left;
}
/* === =header === */
#header {
 position:relative;
 height:154px;
 width:764px;
 background:url(../images/com/header-bg.jpg) no-repeat top center;
 z-index:999;/*matches ddMenu*/
}
#header2 {
 height:154px;
 width:764px;
 background:url(../images/com/dishwasher-header.jpg) no-repeat 100% 10px;
}
#headLogo {
 position:absolute;
 top:30px;
 left:20px;
 width:132px;
 height:99px;
}
#headAdminLogo {
 position:absolute;
 top:60px;
 left:260px;
 width:280px;
 font-size:182%;
 font-weight:bold;
}
#headAdminLogo a {
 text-decoration:none;
 color:#000;
}
#headText1, #headText2, #headText3, #headText4 {
 position:absolute;
}
#headText1 {
 left:180px;
 top:50px;
 text-align:left;
 font-size:182%;/*24px*/
}
#headText2 {
 left:256px;
 top:80px;
 text-align:left;
 font-size:131%;/*17px*/
}
#headText1 strong, #headText2 strong, #headText3 strong {
 font-weight:normal;
}
#headText3 {
 left:0;
 top:-2px;/*makes text line up with header fade to create strike through effect*/
 width:744px;
 padding:0 10px;
 font-size:77%;/*10px*/
 text-align:center;
 line-height:normal;
}
#loginInfo {
 position:absolute;
 z-index:750;
 bottom:-32px;
 right:35px;
 width:200px;
 font-size:85%;
 font-weight:bold;
 text-align:right;
 vertical-align:top;
}
#loginInfo p {
 margin:0;
}
#loginInfo a {
 text-decoration:underline;
 color:#000;
 line-height:normal;
}
#loginInfo a:hover {
 color:#333333;
}
#loginInfo #currentStatus {
 position:relative;
 text-align:right;
}
#loginInfo #editPage {
 position:relative;
 text-align:right;
}
#bodyMain {
/* position:relative; - removed, caused ie ddmenu to appear behind body?*/
 background:url(../images/com/body-bg-tile.gif) repeat-y top center;
 background-color:#fff;
 z-index:501;
}
#bodyMain2 {
 background:url(../images/com/dishwasher-body.jpg) no-repeat top right;
}
/* === Overall Container wrapper === */
#content {
 float:left;
 width:555px;/*static_MAIN_CONTENT_AREA_WIDTH_IN_PIXELS*/
 padding:0 0 30px 30px;
 z-index:501;
}
#contentWrap {
 position:relative;
 width:555px;/*static_MAIN_CONTENT_AREA_WIDTH_IN_PIXELS*/
 min-height:100px;
 z-index:501;
}
/* === =breadcrumbs === */
#breadcrumbs {
 font-size:85%;
 padding-top:6px;
 margin:0 92px 7px 0;
 text-align:left;
}
#breadcrumbs img {
 margin:0 5px 0 0;
 vertical-align:middle;
}
#breadcrumbs ul {
 margin-left:0;
 padding-left:0;
 display:inline;
 border:none;
} 
#breadcrumbs ul li {
 margin-left:0;
 list-style:none;
 display:inline;
}
/* === =sideMenu === */
#sideMenu {
 float:right;
 width:150px;
 margin:125px 3px 10px 0;
 padding:0;
 z-index:501;
}
#sideMenu ul {
 margin:0 0 20px 0;
 padding:0;
 list-style:none;
 font-size:107%;
 font-weight:bold;
 text-align:left;
 z-index:501;
}
#sideMenu ul li {
 position:relative;
 z-index:501;
 list-style:none;
}
#sideMenu ul li a {
 display:block;
 line-height:1.55em;
 text-decoration:none;
 color:#000a58;
 padding:1px 2px 1px 16px;
 height:auto;
}
#sideMenu ul li a:hover {
 background-color:#506dd5;
}
#sideMenu ul li a:active {
 color:#000000;
 background-color:#7b7cbb;
}
#sideMenu #acmeManufactureLogos {
 text-align:center;
 margin:2.5em 0;
}
/* === =footer === */
#footer {
 position:relative;
 width:764px;
 padding-top:1.5em;
 font-size:85%;
 color:#282e58;
 text-align:center;
 background:url(../images/com/footer-top.gif) no-repeat top center;
 z-index:50;
}
#footer a {
 text-decoration:underline;
 color:#000a58;
}
#footer a:hover, #footer a:active {
 color:#000212;
}
#footer #fNav {
 position:relative;
 padding:5px 0 15px 0;
 line-height:normal;
}
#footer #fNav p {
 margin:0;
 padding:0 0 2px 0;
 line-height:normal;
}
#footer #fAbout {
 position:relative;
 padding:0 20px 6px 20px;
 line-height:normal;
}
#footer #fCopyright {
 padding:0 0 18px 0;
}
/* =PlexityNet */
#plexityNet {
 position:absolute;
 top:25px;
 right:5px;
 height:20px;
 width:70px;
 text-align:left;
 font-size:85%;
 z-index:750;
}
#plexityNet a {
 border:none;
 text-decoration:none;
 color:#711f1a;
}
#plexityNet a:hover {
 color:#3d0000;
}
#plexityNet img {
 border:none;
 margin:0 0 -4px 0;
}
/* Link Styles 
=========================================== */
a:link {
 color:#000425;
}
a:visited {
 color:#00063b;
}
a:hover, a:active {
 color:#414399;
}
/* =ddMenu
=========================================== */
#ddMenu {
 position:absolute;
 bottom:0;
 left:120px;
 height:25px;
 z-index:999;
 font-size:85%;
}
#ddMenu ul {
 float:left;
 width:751px;
 height:21px;
 padding:0;
 margin:0;
 list-style:none;
 background: url(../images/spacer.gif) no-repeat left top;/*allows ie to display whole "cell" as link*/
 font-weight:bold;
}
#ddMenu .topLevel, #ddMenu .topLevelFirst {
 height:18px;
 width:95px;
 w\idth:106px;
 margin:0;
 padding:1px 0 3px 0;
 border-right:1px solid #fff;
 font-size:13px !important;
 text-align:center;
}
#ddMenu .topLevelFirst {
 border-left:1px solid #fff;
}
#ddMenu .menuParent {
 background: url(../images/dd-menu/menuParent.gif) no-repeat right center;
}
#ddMenu a {
 display:block;
 width:95px;/*TODO - this width is effecting ie 6 - why - is it right?*/
 padding:0 4px 0 0;
 color:#fff;
 text-decoration:none;
}
#ddMenu li {
 float:left;
 padding:0;
 width:107px;
 text-align:left;
 list-style:none;
}
#ddMenu li ul {
 position:absolute;
 left:-999em;
 height:auto;
 width:95px;
 w\idth:103px;
 margin:0;
 padding:0;
 font-weight:normal;
 background-color:#506dd5;
 border:2px solid #506dd5;
}
#ddMenu li li {
 width:103px;
 text-align:left;
 font-size:11px !important;
 border-bottom:1px solid #506dd5;
}
#ddMenu li ul a {
 width:100px;
 w\idth:97px;
 padding:2px 5px;
 font-weight:bold;
}
#ddMenu li:hover ul ul, #ddMenu li.ddhover ul ul {
 left:-999em;
}
#ddMenu li:hover ul, #ddMenu li li:hover ul, #ddMenu li.ddhover ul, #ddMenu li li.ddhover ul {
 left:auto;
}
#ddMenu li li:hover ul,  #ddMenu li li.ddhover ul {
 margin:-12px 0 0 105px;
}
#ddMenu li:hover, #ddMenu li.ddhover {
 background-color:#506dd5;
}
#ddMenu li li:hover, #ddMenu li li.ddhover {
 background-color:#2a4fd4;
}
#ddMenu .ddhoveroff {
 background-color:transparent;
}