@import url(_reset.css); 
@import url(_hacks.css);

.test {
background: url("/_images/bg_png.png") top left repeat-y;
behavior: url("/iepngfix.htc") !important;
}

/* @ Magic Begins Here
------------------------------*/
body {
font: small Helvetica, arial, sans-serif;
margin: 0; 
padding: 0;
color: #fff;
background: #000;
}

html { height: 100%; }

.derlotWrapper {
position:absolute;
top:50%;
left:50%;
margin-top:-300px;/* half elements height*/
margin-left:-490px;/* half elements width*/
width: 980px;
height: 600px;
/*overflow:auto; allow content to scroll inside element */
}

.derlotWrapper .sec1 { float: left; width: 160px; height: 600px; position: relative; font-size: 90%; }
.derlotWrapper .sec2 { float: left; width: 820px; height: 520px; background: url('../_images/loading.gif') 50% 50% no-repeat; }

.derlotWrapper .sec1 .miscLinks { position: absolute; bottom: 0; left: 0; }

.derlotWrapper .sec1 .alex { margin-bottom: 10px;}
.derlotWrapper .sec1 .alex a { color: #fff; }
.derlotWrapper .sec1 .alex a span { color: #777; }
.derlotWrapper .sec1 .alex a:hover { color: #999; }

.derlotWrapper .sec1 .news { padding: 10px 0;}
.derlotWrapper .sec1 .news a { color: #fff; }
.derlotWrapper .sec1 .news a:hover  { color: #999; }

.thumbplacement { width: 148px; height: 90px; position: relative; }
.thumbplacement span { display: block; width: 148px; height: 90px; z-index: 5; }

a.btnLerod:hover .thumbplacement span { display: block; background: url('../_images/thumb_02.jpg') top left no-repeat; }

#carousel li { position: relative; height: 520px; width: 820px; display: block; }

#carousel li span.desc,
#wrap span.desc { display: block; height: 43px; width: 810px; background: url('../_images/bg_ttl.png') top left no-repeat;
position: absolute; bottom:0; right:0; padding: 5px; z-index: 100;
font: 85% Arial;
}

#wrap span.desc .p1 { color: #fff; }
#wrap span.desc .p2 { color: #888; }
#wrap span.desc .p3 { color: #888; }
#wrap span.desc a { color: #888; }
#wrap span.desc a:hover { color: #fff; }

.derlotWrapper .sec2 .derlotlogo { width: 350px; height: 33px; position: absolute; bottom: 0; right:0; }
.derlotWrapper .sec2 .derlotlogo a { display: block; height: 33px; float: right; margin-left: 10px; }
.derlotWrapper .sec2 .derlotlogo a span { display: none; }

.derlotWrapper .sec2 .derlotlogo a.iconBespunk { width: 75px; background: url('../_images/icon_bespunk.gif') top left no-repeat; }
.derlotWrapper .sec2 .derlotlogo a.iconDerloteditions { width: 60px; background: url('../_images/icon_derloteditions.gif') top left no-repeat; }
.derlotWrapper .sec2 .derlotlogo a.iconDerlot  { width: 64px; background: url('../_images/icon_derlot.gif') top left no-repeat; }

.miscContent { width: 805px; height: 520px; overflow: auto; padding: 0 15px 0 0; background: #000; }

.misc2 p { margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
.miscContent p { margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; }

.miscContent p a { color: #FFFF00; }
.miscContent p a:hover { color: #FFFF00; border-bottom: 1px dotted #FFFF00; }

.thumbplacement div { display: none; position: absolute; top: 0; left: 0; width: 148px; height: 90px; }

#th_xsystem 			{ background: url('../_images/_thumbs/xsystem.jpg') top left no-repeat; }
#th_softsofa 			{ background: url('../_images/_thumbs/softsofa.jpg') top left no-repeat; }
#th_wishbone 			{ background: url('../_images/_thumbs/wishbone.jpg') top left no-repeat; }
#th_plantation			{ background: url('../_images/_thumbs/plantation.jpg') top left no-repeat; }
#th_lerod 				{ background: url('../_images/_thumbs/lerod.jpg') top left no-repeat; }
#th_freefold 			{ background: url('../_images/_thumbs/freefold.jpg') top left no-repeat; }
#th_crusoesofa 			{ background: url('../_images/_thumbs/crusoe-sofa.jpg') top left no-repeat; }
#th_twigconcrete 		{ background: url('../_images/_thumbs/twig-concrete.jpg') top left no-repeat; }
#th_twigplastic 		{ background: url('../_images/_thumbs/twig-plastic.jpg') top left no-repeat; }
#th_twigupholstered 	{ background: url('../_images/_thumbs/twig-upholstered.jpg') top left no-repeat; }
#th_skidseaters 		{ background: url('../_images/_thumbs/skid-seaters.jpg') top left no-repeat; }
#th_sit 				{ background: url('../_images/_thumbs/sit.jpg') top left no-repeat; }
#th_restitch 			{ background: url('../_images/_thumbs/restitch.jpg') top left no-repeat; }
#th_solitaire 			{ background: url('../_images/_thumbs/solitaire.jpg') top left no-repeat; }
#th_stump				{ background: url('../_images/_thumbs/stump.jpg') top left no-repeat; }
#th_dek 				{ background: url('../_images/_thumbs/dek.jpg') top left no-repeat; }
#th_sigg 				{ background: url('../_images/_thumbs/sigg.jpg') top left no-repeat; }

#th_coral 				{ background: url('../_images/_thumbs/coral.jpg') top left no-repeat; }
#th_framed 				{ background: url('../_images/_thumbs/framed.jpg') top left no-repeat; }
#th_bogstandard 		{ background: url('../_images/_thumbs/bogstandard.jpg') top left no-repeat; }
#th_birdplanet 			{ background: url('../_images/_thumbs/birdplanet.jpg') top left no-repeat; }
#th_bolet 				{ background: url('../_images/_thumbs/bolet.jpg') top left no-repeat; }
#th_plantation2 		{ background: url('../_images/_thumbs/plantation_eggs.jpg') top left no-repeat; }

#th_urbanest			{ background: url('../_images/_thumbs/urbanest.jpg') top left no-repeat; }
#th_limeshotel			{ background: url('../_images/_thumbs/limeshotel.jpg') top left no-repeat; }
#th_stelio				{ background: url('../_images/_thumbs/steliospapas.jpg') top left no-repeat; }
#th_qagstore			{ background: url('../_images/_thumbs/qagstore.jpg') top left no-repeat; }

#th_bespunk				{ background: url('../_images/_thumbs/bespunk.jpg') top left no-repeat; }
#th_africa				{ background: url('../_images/_thumbs/africa.jpg') top left no-repeat; }
#th_derlot				{ background: url('../_images/_thumbs/derlot.jpg') top left no-repeat; }
#th_guell				{ background: url('../_images/_thumbs/guell.jpg') top left no-repeat; }
#th_hext				{ background: url('../_images/_thumbs/hext.jpg') top left no-repeat; }
#th_supadupa			{ background: url('../_images/_thumbs/supadupa.jpg') top left no-repeat; }
#th_marine				{ background: url('../_images/_thumbs/marinebench.jpg') top left no-repeat; }

table.mTable { margin: 0 auto; }
table.mTable h4 { font: bold 11px Arial, Helvetica, sans-serif; }
table.mTable td { padding: 5px;}
table.mTable .mField { width: 220px; border: 1px solid #e5e5e5; padding: 5px; font: 11px Tahoma; color: #666; }
table.mTable .mEnquiry { width: 465px; height: 80px; border: 1px solid #e5e5e5; padding: 5px; font: 11px Tahoma; color: #666; }
table.mTable .mSend { border: none; width: 89px; height: 21px; background: url('../_images/sendimage.gif') top left no-repeat; }
table.mTable .mSend:hover { cursor: pointer; background-position: bottom; }

p.sTitle {color: #fff; font-weight: bold; padding-top: 13px;}