/*#layerLayouts*/
#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: #e67d0d; 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;}
.dimension {color:#000088; font-size:12px; font-weight:500;}

.header0{position:absolute; top:135px; left:25px; text-align:center; color:#df9037;}
.header1{position:absolute; top:535px; left:5px;}
.header2{position:absolute; top:870px; left:5px;}
html>body .header0{position:absolute; top:115px; left:25px; text-align:center; color:#df9037; width:100px;}
html>body .header1{position:absolute; top:510px; left:5px;}
html>body .header2{position:absolute; top:1000px; left:5px;}
html>body .preload{position:absolute; top:200px; left:325px;}
.preload{position:absolute; top:-100px; 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;}

/*----------------1------------------------*/
#imap {display:block; width:551px; height:315px; background:url(img/hediye/ayna.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:14px; top:23px; z-index:20;}
#imap #saksi_01_02 {left:155px; top:48px; z-index:20;}
#imap #saksi_01_03 {left:300px; top:6px; z-index:20;}
#imap #saksi_01_04 {left:429px; top:5px; z-index:20;}
#imap #saksi_01_05 {left:353px; top:155px; z-index:20;}
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#ts11, #imap a#ts12{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;}
#imap a#ts13, #imap a#ts14, #imap a#ts15 {display:block; width: 120px; height:145px; background:transparent url(img/hediye/hover13.gif) -120px -120px no-repeat; text-decoration:none; z-index:20;}  /* myHack*/
html>body #imap a#ts11, #imap a#ts12 {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 #imap a#ts13, #imap a#ts14, #imap a#ts15 {display:block; width: 120px; height:145px; background:transparent url(img/hediye/hover13.png) -120px -120px 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#ts11:hover span {left:2px; top:190px;}
#imap a#ts12:hover span {left:-45px; top:170px;}
#imap a#ts13:hover span, #imap a#ts14:hover span {left:-105px; top:150px;}
#imap a#ts15:hover span {left:-115px; top:50px; width:115px;}
/* add the style for the link span text - first line */
#imap a#ts11:hover, #imap a#ts12:hover, #imap a#ts13:hover, #imap a#ts14:hover, #imap a#ts15:hover {background-position:0 0;}

/*----------------2------------------------*/
/* set the size of the definition list <dl> and add the background image */
#imap2 {display:block; width:551px; height:315px; background:url(img/hediye/mumluk.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_02_01 {left:10px; top:21px; z-index:20;}
#imap2 #saksi_02_02 {left:123px; top:21px; z-index:20;}
#imap2 #saksi_02_03 {left:236px; top:21px; z-index:20;}
#imap2 #saksi_02_04 {left:349px; top:21px; z-index:20;}
#imap2 #saksi_02_05 {left:435px; top:21px; z-index:20;}
#imap2 #saksi_02_06 {left:28px; top:180px; z-index:20;}
#imap2 #saksi_02_07 {left:175px; top:180px; z-index:20;}
#imap2 #saksi_02_08 {left:289px; top:180px; z-index:20;}
#imap2 #saksi_02_09 {left:413px; top:180px; 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  {display:block; width: 120px; height:145px; background:transparent url(img/hediye/hover13.gif) -120px -120px no-repeat; text-decoration:none; z-index:20;}   
#imap2 a#ts26, #imap2 a#ts27, #imap2 a#ts28, #imap2 a#ts29 {display:block; width: 120px; height:145px; background:transparent url(img/hediye/hover12.gif) -120px -120px no-repeat; text-decoration:none; z-index:20;}
html>body #imap2 a#ts21, #imap2 a#ts22, #imap2 a#ts23, #imap2 a#ts24, #imap2 a#ts25 {display:block; width: 120px; height:145px; background:transparent url(img/hediye/hover13.png) -120px -120px no-repeat; text-decoration:none; z-index:20;}
html>body #imap2 a#ts26, #imap2 a#ts27, #imap2 a#ts28, #imap2 a#ts29 {display:block; width: 120px; height:145px; background:transparent url(img/hediye/hover12.png) -120px -120px 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:315; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #df9037; padding:5px; z-index:}
/* 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 {left:0px; top:150px; width:200px;}
#imap2 a#ts23:hover span {left:-50px; top:150px; width:200px;}
#imap2 a#ts24:hover span, #imap2 a#ts25:hover span {left:-190px; top:150px;}
#imap2 a#ts26:hover span {left:0px; top:-75px;}
#imap2 a#ts27:hover span {left:0px; top:-90px;}
#imap2 a#ts28:hover span {left:-35px; top:-90px; width:200px;}
#imap2 a#ts29:hover span {left:-180px; top:-45px;}
/* 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#ts29:hover {background-position:0 0;}

/*----------------3------------------------*/
/* set the size of the definition list <dl> and add the background image */
#imap3 {display:block; width:551px; height:315px; background:url(img/hediye/kulluk.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:20px; top:24px; z-index:20;}
#imap3 #saksi_31_02 {left:169px; top:24px; z-index:20;}
#imap3 #saksi_31_03 {left:311px; top:23px; z-index:20;}
#imap3 #saksi_31_04 {left:431px; top:15px; z-index:20;}
#imap3 #saksi_31_05 {left:419px; top:170px; z-index:20;}
#imap3 #saksi_31_06 {left:11px; top:170px; z-index:20;}
#imap3 #saksi_31_07 {left:212px; top:173px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap3 a#ts31, #imap3 a#ts32, #imap3 a#ts33, #imap3 a#ts34, #imap3 a#ts35 {display:block; width: 120px; height:145px; background:transparent url(img/hediye/hover12.gif) -120px -120px no-repeat; text-decoration:none; z-index:20;}
#imap3 a#ts36, #imap3 a#ts37 {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;}
/* myHack*/
html>body #imap3 a#ts31, #imap3 a#ts32, #imap3 a#ts33, #imap3 a#ts34, #imap3 a#ts35 {display:block; width: 120px; height:145px; background:transparent url(img/hediye/hover12.png) -120px -120px no-repeat; text-decoration:none; z-index:20;}
html>body #imap3 a#ts36, #imap3 a#ts37 {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;}
/* 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:200; 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:190px}
/* move the span text to a common position at the bottom of the image map */
#imap3 a#ts31:hover span, #imap3 a#ts32:hover span {left:0px; top:110px;}
#imap3 a#ts33:hover span, #imap3 a#ts34:hover span {left:-87px; top:110px;}
#imap3 a#ts35:hover span {left:-190px; top:-75px; width:310px;}
#imap3 a#ts36:hover span {left:0px; top:-45px; width:300px;}
#imap3 a#ts37:hover span {left:-75px; top:-90px; width:325px;}
/* move the link background image to position 0 0 when hovered */
#imap3 a#ts31:hover, #imap3 a#ts32:hover, #imap3 a#ts33:hover, #imap3 a#ts34:hover, #imap3 a#ts35:hover, #imap3 a#ts36:hover, #imap3 a#ts37:hover {background-position:0 0;}

/*----------------4------------------------*/
/* set the size of the definition list <dl> and add the background image */
#imap4 {display:block; width:551px; height:315px; background:url(img/hediye/tabak.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: 184px; left: 242px;}
#imap4 #saksi_41_01 {left:25px; top:28px; z-index:20;}
#imap4 #saksi_41_02 {left:293px; top:28px; z-index:20;}
#imap4 #saksi_41_03 {left:40px; top:167px; z-index:20;}
#imap4 #saksi_41_04 {left:242px; top:187px; z-index:20;}
#imap4 #saksi_41_05 {left:425px; top:139px; z-index:20;}
/* style the <dd><a> links physical size and the background image for the hover */
#imap4 a#ts41, #imap4 a#ts42, #imap4 a#ts43, #imap4 a#ts44 {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;}
#imap4 a#ts45 {display:block; width: 120px; height:145px; background:transparent url(img/hediye/hover13.gif) -120px -120px no-repeat; text-decoration:none; z-index:20;} 
/* myHack*/
html>body #imap4 a#ts41, #imap4 a#ts42, #imap4 a#ts43, #imap4 a#ts44 {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 #imap4 a#ts45 {display:block; width: 120px; height:145px; background:transparent url(img/hediye/hover13.gif) -120px -120px no-repeat; text-decoration:none; z-index:20;}
/* 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:200; 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:190px}
/* move the span text to a common position at the bottom of the image map */
#imap4 a#ts41:hover span {left:-20px; top:105px; width:250px;} 
#imap4 a#ts42:hover span, #imap4 a#ts43:hover span {left:-40px; top:105px; width:310px;}
#imap4 a#ts45:hover span {left:-175px; top:-50px; width:300px;}
#imap4 a#ts44:hover span {left:0px; top:105px; width:300px;}
/* move the link background image to position 0 0 when hovered */
#imap4 a#ts41:hover, #imap4 a#ts42:hover, #imap4 a#ts43:hover, #imap4 a#ts44:hover, #imap4 a#ts45:hover {background-position:0 0;}
/*-----------------5-----------------*/

.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;}