
/*  W3C CSS1/CSS2
  ------------------------------
  author:   norlander.dk
  project:  MB023
  updated:  02-11-2005
  ------------------------------
*/



/* PAGETYPES 
---------------------------------------------------- */
.PT01 { /* HOME */ }
.PT02 { /* TOC */ }
.PT03 { /* BODY */ }


/* RESETTING BROWSER DEFAULTS 
---------------------------------------------------- */
/* clear default settings (not IE4) */
* { margin:0px; padding:0px; }
/* clear border on linked images */ 
a img { border:none; }
/* clear "hidden" margin on form elements */
form { margin:0px; }



/* PAGE GRID
positions page in browsers and printers...
---------------------------------------------------- */
body,
html { text-align:center; background:#FFF; }
/* viewport */
#Page { width:730px; margin:0 auto; }
/* page dimensions */
#PageType { width:720px; margin:0 auto; text-align:left; }
#PageType .dspPage { border-left:1px solid; border-right:1px solid; }

 
/* MENU 01
defines the site menu...
---------------------------------------------------- */
#MEN01 { position:relative; height:103px; }
#MEN01 div.frmCont { margin:0px; }
#MEN01 div.frmCont div.dspCont { margin:0px; }
/* logo and ID */
#MEN01 .CA01 { position:absolute; top:0px; left:38px; height:81px; z-index:10; }
/* navigation strip */
#MEN01 .CA02 { position:absolute; top:82px; left:0px; height:18px; }
#MEN01 .CA02 div.dspCont { line-height:18px; }


/* MENU 02
defines the site menu...
---------------------------------------------------- */
#MEN02 { position:relative; height:20px; }
#MEN02 div.frmCont { height:18px; margin:0px; }
#MEN02 div.dspCont { margin:0px; }
/* navigation strip */
#MEN02 .CA01 { float:none; }
#MEN02 .CA01 div.dspCont { line-height:18px; }


/* SECTION 01
defines the...
---------------------------------------------------- */
#SEC01 { position:relative; float:left; width:192px; }
#SEC01 div.frmCont { margin:0px; }
#SEC01 div.dspCont { padding:6px; margin:0 0 0 10px; border:#3078CF 1px solid; }
#SEC01 div.dspCont table { width:168px; }

#SEC01 .CA01 { margin:0 0 10px 0; }
/*#SEC01 .CA01 .dspCont { height:110px; }*/

#SEC01 .CA02 { margin:0 0 10px 0; }
#SEC01 .CA02 div.dspCont { height:260px; }

#SEC01 .CA03 { position:relative; margin:0 0 10px 0; }
#SEC01 .CA03 div.dspCont { height:60px; }

/*#SEC01 .CA04 { margin:0 0 10px 0; }
#SEC01 .CA04 div.dspCont { height:167px; }*/


/* SECTION 02
defines the...
---------------------------------------------------- */
#SEC02 { position:relative; float:left; width:500px; }
#SEC02 div.frmCont { margin:0px; }
#SEC02 div.dspCont { width:100%; padding:0px; margin:0 0 0 10px; border:#3078CF 1px solid; }

#SEC02 .CA01 { float:none; margin:0 0 10px 0; }

#SEC02 .CA02 { float:none; margin:0 0 10px 0; }
#SEC02 .CA02 div.dspCont { height:82px; }

#SEC02 .CA03 { float:none; margin:0 0 10px 0; }
#SEC02 .CA03 div.dspCont { border:0px; }


/* SECTION 03
defines the...
---------------------------------------------------- */
#SEC03 { position:relative; float:left; }
#SEC03 div.frmCont { margin:0px; }
#SEC03 div.dspCont { margin:10px; border:0px solid; }

/* content area 01 */
#SEC03 .CA01 { float:left; width:192px; margin:0 0 10px 0; }
#SEC03 .CA02 { float:left; width:260px; margin:0 0 10px 0; }
#SEC03 .CA03 { float:left; width:260px; margin:0 0 10px 0; }



/* SECTION 04
defines the...
---------------------------------------------------- */
#SEC04 { position:relative; float:none; width:100%; margin-top:50px; }
#SEC04 div.frmCont { margin:0px; }
#SEC04 div.dspCont { margin:0px; border:1px solid; }

/* content area 01 */
#SEC04 .CA01 { float:none; margin:10px; }
#SEC04 .CA01 div.dspCont { padding-top:4px; border-top:1px solid; }




/* MODULE 01
defines shopping quick menu
---------------------------------------------------- */
#MOD01 { position:relative; width:500px; }
#MOD01 div.boxCont { height:320px; }

#MOD01 .BA01,
#MOD01 .BA03 { float:left; width:160px; }

#MOD01 .BA02 { float:left; width:180px; }
#MOD01 .BA02 div.boxCont { padding:0 6px; border-left:2px solid; border-right:2px solid; }



/* MODULE 02
feature area
---------------------------------------------------- */
#MOD02 { position:relative; width:500px; }
#MOD02 div.frmCont { padding:0px; margin:0px; }
#MOD02 div.frmCont div.boxCont { padding:0px; margin:0px; }

/* box areas */
#MOD02 .BA01 { width:233px; }
#MOD02 .BA01 div.boxCont { height:80px; padding:2px; }

#MOD02 .BA02 { width:233px; margin-top:9px; }
#MOD02 .BA02 div.boxCont { height:88px; border:#3078CF 1px solid; }

#MOD02 .BA03 { position:absolute; top:0px; right:2px; width:283px; }
#MOD02 .BA03 div.boxCont { height:180px; }

/* prev/next navigation */
#SEC02 .CA01 .subNav { text-align:right; }
#SEC02 .CA01 .subNav.last { margin:16px 0 10px 0; }


#MOD02 div.dynCont { padding:10px} 