#xpToolBar{float:left; width: 185px; border-right: 1px solid #f4e8cf; border-left: 1px solid #f4e8cf;} #siteInfo{position:relative; left:7px; width:550; font-size: 75%; background:#df9037; color: #edd7bf; padding-top:5px; padding-bottom:5px; margin-bottom: 1px; text-align: center; border: 1px solid #eacaa6; } #siteInfo img{ padding: 4px 4px 0px 4px; margin-bottom:5px; vertical-align: middle; } #midColLeft2 { position:absolute; left:195px; top:100px; width:570px; height:auto; filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7; background:#e67d0d; color: #FFFFFF; border:1px solid #f4e8cf; } .headerInfo{color:#660000; border:1px solid #f4e8cf; font-size:11px; font-weight:bold; background:#f4e8cf;} .headerInfo a{color: #df9037; text-decoration: underline;} .headerInfo a:link{color: #df9037; text-decoration: underline;} .headerInfo a:visited{color: #df9037; text-decoration: underline;} .headerInfo a:hover{color: #000000; text-decoration: none; } #midBot 	{ position:absolute; left:197px; top:172px; width:565px; border: 1px solid #f4e8cf; clear:both; } /*\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////*/ /*\\\\\\\\\\\\\\\\\\\\\imageComb/////////////////////*/ /*/////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\*/ .smallTitle { color: #E4E4CB; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;   text-align: center; padding:0px 2px 3px 2px; } .smallTitle2 { color: #A8AF7A; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;  text-align: right;  padding:0px 2px 0px 2px; } .tImg{ margin-left: 2px; margin-top: 1px; } /*////////////////////.midCol\\\\\\\\\\\\\\\\\\\\\*/ .magHead{ padding: 5px 5px 5px 5px; font-size: 12px; text-align: justify; color: #ffffff; font-family:  Arial, Helvetica, sans-serif; } .magHeadLeSmMan{ color:#FF6600;width:80px;height:55px;float:right;margin-top:1px;margin-bottom:1px; font-family:Arial, Helvetica,Georgia;font-size: 18px;line-height:16px;  text-align: right; } .thinborder { float: left; border:1px solid; margin-right: 5px; } .dropcap { float: left; font: normal 25pt/0.8em Georgia,  Helvetica, Verdana, Arial,   sans-serif; color: #000000; margin-right: 3px; } /***********************************************/ /* HTML tag styles                             */ /***********************************************/  body{ font-family: Arial,sans-serif; background: #d1bf99; color: #033; line-height: 1.166;	 margin: 0px; padding: 0px; } .tbody{ font-family: Arial,sans-serif; background: #6C636B url(img/krbncs/mast_logo.jpg) no-repeat  center fixed; color: #033; line-height: 1.166;	 margin: 0px; padding: 0px; } h3{ font-family: Arial,sans-serif; font-size: 20px; color: #df9037; text-align:center; line-height:18px; } h4{color: #df9037; text-align:center; } b{color:#ff3300; font-size:11px;} .header0{position:absolute; top:135px; left:25px; text-align:center; color:#df9037;} .header1{position:absolute; top:535px; left:25px;} .header2{position:absolute; top:1030px; left:25px;} .preload{position:absolute; top:-200px; left:325px; width:220px;} html>body .header0{position:absolute; top:115px; left:25px; text-align:center; color:#df9037;} html>body .header1{position:absolute; top:510px; left:25px;} html>body .header2{position:absolute; top:1015px; left:25px;} html>body .preload{position:absolute; top:200px; left:325px;} /*------------RightCol---------*/ #rightCol{ position: absolute; top:-73px; left: 572px; width: 226px; height: 485px; font-size:12px; font-weight:bold; clear: both; } #rightCol2{ position: absolute; top:100px; left: 773px; width:226px; height:485px; font-size:12px; font-weight:bold; clear: both; background-repeat:no-repeat; } a{ color: #edd7bf; text-decoration: underline; } a:link{ color: #edd7bf; text-decoration: underline; } a:visited{ color: #edd7bf; text-decoration: underline; } a:hover{ color: #482c0c; text-decoration: none; } a:link img{ border:none ; } a:visited img{ border:none; } a:hover img{ border: 1px solid #fff; } #imap {display:block; width:551px; height:315px; background:url(img/flowerpots/01_soil_pot.jpg) no-repeat; position:relative; margin-top:2px; margin-bottom:10px; z-index:50;} /* place the <dd>s in the correct absolute position */ #imap dd { position:absolute; padding:0; margin:0; width: 78px; height: 70px; } #imap #saksi_01_01 {left:5px; top:8px; z-index:20;} #imap #saksi_01_02 {left:97px; top:8px; z-index:20;} #imap #saksi_01_03 {left:8px; top:83px; z-index:20;} #imap #saksi_01_04 {left:102px; top:83px; z-index:20;} #imap #saksi_01_05 {left:195px; top:8px; z-index:20;} #imap #saksi_01_06 {left:270px; top:8px; z-index:20;} #imap #saksi_01_07 {left:193px; top:83px; z-index:20;} #imap #saksi_01_08 {left:272px; top:83px; z-index:20;} #imap #saksi_01_09 {left:16px; top:193px; z-index:20;} #imap #saksi_01_10 {left:125px; top:193px; z-index:20;} #imap #saksi_01_11 {left:231px; top:193px; z-index:20;} #imap #saksi_01_12 {left:337px; top:193px; z-index:20;} #imap #saksi_01_13 {left:453px; top:193px; z-index:20;} #imap #saksi_01_14 {left:361px; top:5px; z-index:20;} #imap #saksi_01_15 {left:445px; top:5px; z-index:20;} #imap #saksi_01_16 {left:362px; top:97px; z-index:20;} #imap #saksi_01_17 {left:447px; top:97px; z-index:20;} /* style the <dd><a> links physical size and the background image for the hover */ #imap a#ts118, #imap a#ts119, #imap a#ts120, #imap a#ts121, #imap a#ts100, #imap a#ts102, #imap a#ts104, #imap a#ts105, #imap a#ts116, #imap a#ts122, #imap a#ts125, #imap a#ts128, #imap a#ts4050 {display:block; width:80px; height:70px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover.gif) -100px -100px no-repeat; text-decoration:none; z-index:20;} #imap a#ts240, #imap a#ts227, #imap a#ts214, #imap a#ts217 {display:block; width:63px; height:92px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover2.gif) -100px -100px no-repeat; text-decoration:none; z-index:20;} /* myHack*/ html>body #imap a#ts118, #imap a#ts119, #imap a#ts120, #imap a#ts121, #imap a#ts100, #imap a#ts102, #imap a#ts104, #imap a#ts105, #imap a#ts116, #imap a#ts122, #imap a#ts125, #imap a#ts128, #imap a#ts4050 {display:block; width:80px; height:70px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover.png) -100px -100px no-repeat; text-decoration:none; z-index:20;} html>body #imap a#ts240, #imap a#ts227, #imap a#ts214, #imap a#ts217 {display:block; width:63px; height:92px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover2.png) -100px -100px no-repeat; text-decoration:none; z-index:20;} /* style the span text so that it is not initially displayed */ #imap a span, #imap a:visited span {display:none;} /* define the common styling for the span text */ #imap a:hover span {position:absolute;  width:215; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #df9037; padding:5px; z-index:} /* the hack for IE pre IE6 */ html>body #imap a:hover span {width:215px;} /* move the span text to a common position at the bottom of the image map */ #imap a#ts118:hover span, #imap a#ts119:hover span, #imap a#ts120:hover span, #imap a#ts121:hover span, #imap a#ts100:hover span, #imap a#ts102:hover span, #imap a#ts104:hover span, #imap a#ts105:hover span  {left:0px; top:80px;} #imap a#ts116:hover span {left:0px; top:-240px;}  #imap a#ts122:hover span, #imap a#ts125:hover span, #imap a#ts128:hover span {left:-60px; top:-235px;} #imap a#ts4050:hover span  {left:-130px; top:-235px;} #imap a#ts240:hover span, #imap a#ts227:hover span {left:-225px; top:0px;} #imap a#ts217:hover span, #imap a#ts214:hover span {left:-225px; top:-55px;} /* move the link background image to position 0 0 when hovered */ #imap a#ts118:hover, #imap a#ts119:hover, #imap a#ts120:hover, #imap a#ts121:hover, #imap a#ts100:hover, #imap a#ts102:hover, #imap a#ts104:hover, #imap a#ts105:hover, #imap a#ts116:hover, #imap a#ts122:hover, #imap a#ts125:hover, #imap a#ts128:hover, #imap a#ts4050:hover, #imap a#ts240:hover, #imap a#ts227:hover, #imap a#ts217:hover, #imap a#ts214:hover  {background-position:0 0;} /* set the size of the definition list <dl> and add the background image */ #imap2 {display:block; width:551px; height:315px; background:url(img/flowerpots/02_soil_pot.jpg) no-repeat; position:relative; margin-top:10px; margin-bottom:10px; z-index:40;} /* place the <dd>s in the correct absolute position */ #imap2 dd { position:absolute; padding:0; margin:0; width: 78px; height: 70px; top: 239px; left: 249px; } #imap2 #saksi_01_01 {left:4px; top:7px; z-index:20;} #imap2 #saksi_01_02 {left:85px; top:7px; z-index:20;} #imap2 #saksi_01_03 {left:5px; top:92px; z-index:20;} #imap2 #saksi_01_04 {left:86px; top:92px; z-index:20;} #imap2 #saksi_01_05 {left:174px; top:12px; z-index:20;} #imap2 #saksi_01_06 {left:249px; top:12px; z-index:20;} #imap2 #saksi_01_07 {left:168px; top:88px; z-index:20;} #imap2 #saksi_01_08 {left:252px; top:89px; z-index:20;} #imap2 #saksi_03_01 {left:4px; top:178px; z-index:20;} #imap2 #saksi_03_02 {left:76px; top:178px; z-index:20;} #imap2 #saksi_03_03 {left:8px; top:244px; z-index:20;} #imap2 #saksi_03_04 {left:82px; top:244px; z-index:20;} #imap2 #saksi_03_05 {left:164px; top:176px; z-index:20;} #imap2 #saksi_03_06 {left:248px; top:175px; z-index:20;} #imap2 #saksi_03_07 {left:167px; top:244px; z-index:20;} #imap2 #saksi_03_08 {left:250px; top:244px; z-index:20;} #imap2 #saksi_04_01 {left:324px; top:15px; z-index:20;} #imap2 #saksi_04_02 {left:436px; top:15px; z-index:20;} #imap2 #saksi_04_03 {left:337px; top:132px; z-index:20;} #imap2 #saksi_04_04 {left:430px; top:131px; z-index:20;} /* style the <dd><a> links physical size and the background image for the hover */ #imap2 a#ts21, #imap2 a#ts22, #imap2 a#ts23, #imap2 a#ts24, #imap2 a#ts25, #imap2 a#ts26, #imap2 a#ts27, #imap2 a#ts28, #imap2 a#ts31, #imap2 a#ts32, #imap2 a#ts33, #imap2 a#ts34, #imap2 a#ts35, #imap2 a#ts36, #imap2 a#ts37, #imap2 a#ts38, #imap2 a#ts41, #imap2 a#ts42{display:block; width:71px; height:63px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover3.gif) -100px -100px no-repeat; text-decoration:none; z-index:50;} #imap2 a#ts41, #imap2 a#ts42  {display:block; width:115px; height:84px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover4.gif) -100px -100px no-repeat; text-decoration:none; z-index:20;} #imap2 a#ts43, #imap2 a#ts44  {display:block; width: 91px; height:148px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover5.gif) -100px -100px no-repeat; text-decoration:none; z-index:20;} /* myHack*/ html>body #imap2 a#ts21, #imap2 a#ts22, #imap2 a#ts23, #imap2 a#ts24, #imap2 a#ts25, #imap2 a#ts26, #imap2 a#ts27, #imap2 a#ts28, #imap2 a#ts31, #imap2 a#ts32, #imap2 a#ts33, #imap2 a#ts34, #imap2 a#ts35, #imap2 a#ts36, #imap2 a#ts37, #imap2 a#ts38  {display:block; width:71px; height:63px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover3.png) -100px -100px no-repeat; text-decoration:none; z-index:20;} html>body #imap2 a#ts41, #imap2 a#ts42  {display:block; width:115px; height:84px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover4.png) -100px -100px no-repeat; text-decoration:none; z-index:20;} html>body #imap2 a#ts43, #imap2 a#ts44  {display:block; width: 91px; height:148px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover5.png) -100px -100px no-repeat; text-decoration:none; z-index:20;} /* style the span text so that it is not initially displayed */ #imap2 a span, #imap2 a:visited span {display:none;} #imap2 a:hover span {position:absolute;  width:215; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #df9037; padding:5px; z-index:} /* the hack for IE pre IE6 */ html>body #imap2 a:hover span {width:200px;} /* move the span text to a common position at the bottom of the image map */ #imap2 a#ts21:hover span, #imap2 a#ts22:hover span, #imap2 a#ts23:hover span, #imap2 a#ts24:hover span, #imap2 a#ts25:hover span, #imap2 a#ts26:hover span, #imap2 a#ts27:hover span, #imap2 a#ts28:hover span {left:0px; top:80px;} #imap2 a#ts31:hover span, #imap2 a#ts32:hover span, #imap2 a#ts33:hover span, #imap2 a#ts34:hover span, #imap2 a#ts35:hover span, #imap2 a#ts36:hover span, #imap2 a#ts37:hover span, #imap2 a#ts38:hover span  {left:0px; top:-185px;} #imap2 a#ts41:hover span, #imap2 a#ts42:hover span  {left:-100px; top:90px;} #imap2 a#ts43:hover span, #imap2 a#ts44:hover span  {left:-225px; top:0px;} /* move the link background image to position 0 0 when hovered */ #imap2 a#ts21:hover, #imap2 a#ts22:hover, #imap2 a#ts23:hover, #imap2 a#ts24:hover, #imap2 a#ts25:hover, #imap2 a#ts26:hover, #imap2 a#ts27:hover, #imap2 a#ts28:hover, #imap2 a#ts31:hover, #imap2 a#ts32:hover,#imap2 a#ts33:hover, #imap2 a#ts34:hover, #imap2 a#ts35:hover, #imap2 a#ts36:hover, #imap2 a#ts37:hover, #imap2 a#ts38:hover, #imap2 a#ts41:hover, #imap2 a#ts42:hover, #imap2 a#ts43:hover, #imap2 a#ts44:hover {background-position:0 0;} /* set the size of the definition list <dl> and add the background image */ #imap3 {display:block; width:551px; height:315px; background:url(img/flowerpots/03_soil_pot.jpg) no-repeat; position:relative; margin-top:10px; margin-bottom:10px; z-index:30;} /* place the <dd>s in the correct absolute position */ #imap3 dd { position:absolute; padding:0; margin:0; width: 78px; height: 70px; top: 239px; left: 249px; } #imap3 #saksi_31_01 {left:6px; top:25px; z-index:20;} #imap3 #saksi_31_02 {left:18px; top:165px; z-index:20;} #imap3 #saksi_31_03 {left:181px; top:6px; z-index:20;} #imap3 #saksi_31_04 {left:181px; top:96px; z-index:20;} #imap3 #saksi_31_05 {left:195px; top:203px; z-index:20;} #imap3 #saksi_31_06 {left:362px; top:5px; z-index:20;} #imap3 #saksi_31_07 {left:330px; top:93px; z-index:20;} #imap3 #saksi_31_08 {left:440px; top:91px; z-index:20;} #imap3 #saksi_31_09 {left:343px; top:202px; z-index:20;} #imap3 #saksi_31_10 {left:444px; top:202px; z-index:20;} /* style the <dd><a> links physical size and the background image for the hover */ #imap3 a#ts1, #imap3 a#ts2 {display:block; width:159px; height:101px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover6.gif) -101px -101px no-repeat; text-decoration:none; z-index:50;} #imap3 a#ts3, #imap3 a#ts4, #imap3 a#ts5, #imap3 a#ts6 {display:block; width:140px; height:78px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover7.gif) -100px -100px no-repeat; text-decoration:none; z-index:50;} #imap3 a#ts7, #imap3 a#ts8, #imap3 a#ts9, #imap3 a#ts10 {display:block; width:103px; height:85px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover8.gif) -100px -100px no-repeat; text-decoration:none; z-index:50;} /* myHack*/ html>body #imap3 a#ts1, #imap3 a#ts2 {display:block; width:159px; height:101px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover6.png) -101px -101px no-repeat; text-decoration:none; z-index:50;} html>body #imap3 a#ts3, #imap3 a#ts4, #imap3 a#ts5, #imap3 a#ts6 {display:block; width:140px; height:78px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover7.png) -100px -100px no-repeat; text-decoration:none; z-index:50;} html>body #imap3 a#ts7, #imap3 a#ts8, #imap3 a#ts9, #imap3 a#ts10 {display:block; width:103px; height:85px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover8.png) -100px -100px no-repeat; text-decoration:none; z-index:50;} /* style the span text so that it is not initially displayed */ #imap3 a span, #imap3 a:visited span {display:none;} /* define the common styling for the span text */ #imap3 a:hover span {position:absolute;  width:252; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #df9037; padding:5px;} /* the hack for IE pre IE6 */ html>body #imap3 a:hover span {width:237px} /* move the span text to a common position at the bottom of the image map */ #imap3 a#ts1:hover span{left:175px; top:0px;} #imap3 a#ts2:hover span {left:175px; top:-110px;} #imap3 a#ts3:hover span, #imap3 a#ts4:hover span {left:0px; top:80px;} #imap3 a#ts5:hover span {left:0px; top:-200px;} #imap3 a#ts6:hover span, #imap3 a#ts7:hover span, #imap3 a#ts8:hover span {left:-260px; top:0px;} #imap3 a#ts9:hover span, #imap3 a#ts10:hover span {left:-260px; top:-125px;} /* move the link background image to position 0 0 when hovered */ #imap3 a#ts1:hover, #imap3 a#ts2:hover, #imap3 a#ts3:hover, #imap3 a#ts4:hover, #imap3 a#ts5:hover, #imap3 a#ts6:hover, #imap3 a#ts7:hover, #imap3 a#ts8:hover, #imap3 a#ts9:hover, #imap3 a#ts10:hover {background-position:0 0;} /* set the size of the definition list <dl> and add the background image */ #imap4 {display:block; width:551px; height:315px; background:url(img/flowerpots/04_soil_pot.jpg) no-repeat; position:relative; margin-top:10px; margin-bottom:10px; z-index:25;} /* place the <dd>s in the correct absolute position */ #imap4 dd { position:absolute; padding:0; margin:0; width: 78px; height: 70px; top: 239px; left: 249px; } #imap4 #saksi_41_01 {left:21px; top:12px; z-index:20;} #imap4 #saksi_41_02 {left:160px; top:38px; z-index:20;} #imap4 #saksi_41_03 {left:312px; top:6px; z-index:20;} #imap4 #saksi_41_04 {left:394px; top:5px; z-index:20;} #imap4 #saksi_41_05 {left:473px; top:5px; z-index:20;} #imap4 #saksi_41_06 {left:309px; top:93px; z-index:20;} #imap4 #saksi_41_07 {left:389px; top:94px; z-index:20;} #imap4 #saksi_41_08 {left:470px; top:95px; z-index:20;} #imap4 #saksi_41_09 {left:335px; top:191px; z-index:20;} #imap4 #saksi_41_10 {left:453px; top:193px; z-index:20;} /* style the <dd><a> links physical size and the background image for the hover */ #imap4 a#ts1, #imap4 a#ts2 {display:block; width:140px; height:263px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover9.gif) -200px -200px no-repeat; text-decoration:none; z-index:50;} #imap4 a#ts3, #imap4 a#ts4, #imap4 a#ts5, #imap4 a#ts6, #imap4 a#ts7, #imap4 a#ts8  {display:block; width:71px; height:63px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover3.gif) -100px -100px no-repeat; text-decoration:none; z-index:50;} #imap4 a#ts9, #imap4 a#ts10 {display:block; width:63px; height:92px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover2.gif) -100px -100px no-repeat; text-decoration:none; z-index:50;} /* myHack*/ html>body #imap4 a#ts1, #imap4 a#ts2 {display:block; width:140px; height:263px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover9.png) -200px -200px no-repeat; text-decoration:none; z-index:50;} html>body #imap4 a#ts3, #imap4 a#ts4, #imap4 a#ts5, #imap4 a#ts6, #imap4 a#ts7, #imap4 a#ts8  {display:block; width:71px; height:63px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover3.png) -100px -100px no-repeat; text-decoration:none; z-index:50;} html>body #imap4 a#ts9, #imap4 a#ts10 {display:block; width:63px; height:92px; background:transparent url(http://saksi.aocdekor.com/img/krbncs/hover2.png) -100px -100px no-repeat; text-decoration:none; z-index:50;} /* style the span text so that it is not initially displayed */ #imap4 a span, #imap4 a:visited span {display:none;} /* define the common styling for the span text */ #imap4 a:hover span {position:absolute;  width:252; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #df9037; padding:5px;} /* the hack for IE pre IE6 */ html>body #imap4 a:hover span {width:237px} /* move the span text to a common position at the bottom of the image map */ #imap4 a#ts1:hover span, a#ts2:hover span{left:142px; top:0px;} #imap4 a#ts3:hover span, #imap4 a#ts4:hover span, #imap4 a#ts5:hover span, #imap4 a#ts6:hover span, #imap4 a#ts7:hover span {left:-260px; top:0px;}  #imap4 a#ts8:hover span {left:-260px; top:-75px;} #imap4 a#ts9:hover span {left:-260px; top:-100px;}  #imap4 a#ts10:hover span {left:-260px; top:-180px;} /* move the link background image to position 0 0 when hovered */ #imap4 a#ts1:hover, #imap4 a#ts2:hover, #imap4 a#ts3:hover, #imap4 a#ts4:hover, #imap4 a#ts5:hover, #imap4 a#ts6:hover, #imap4 a#ts7:hover, #imap4 a#ts8:hover, #imap4 a#ts9:hover, #imap4 a#ts10:hover {background-position:0 0;} .menu{width:100%; background-color:#df9037; padding-left:5px; font-size:14px;} .menu a, a:link, a:visited{text-decoration:none;} #imap a span:first-line, #imap2 a span:first-line, #imap3 a span:first-line, #imap4 a span:first-line {font-weight:bold; color:#000066;} .dimension {color:#000088; font-size:12px; font-weight:500;}

h1{font-family: Arial,sans-serif; font-size: 20px; color: #df9037; text-align:center; line-height:18px; width:150px}