@charset "utf-8";
/* CSS Document */
@import url(../css/stylecontent.css);
html{}
body  {
	font:100% Arial, Helvetica, sans-serif;
	background: #3c3c3c;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size:12px; 
	color: #e7e7e7;
}
h1{ clear:both; font:100% Arial; margin:0 0 10px 0; padding-top:5px; color:#7f7f7f; font-size:11px; font-weight:normal; text-align:left; letter-spacing:1px;}
h2{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h3{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h4{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h5{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h6{ margin:0; padding:0; font-size:11px; font-weight:normal; font-size:11px; color:#b3b3b3; padding-top:5px;}
img{ border:none;}
a{ text-decoration:none;}
p{ margin:0; padding:0;}

.columnContainer { background:#3c3c3c url(../img/design/skars_bcgbody_in.gif) top repeat-x; }
.columnContainer #container {position: relative; width: 1000px; margin: 0 auto; text-align: center; padding:0; min-height:720px; height:100%; background:url(../img/design/skars_bcgimgmain_in.jpg) left top no-repeat; _display:inline-block;}
																																																																	.columnContainer #container {_height: expression( document.body.clientHeight < 720 ? "719px" : "auto" ); /* set min-width for IE */
); /* sets min-height for IE */}
.columnContainer #imgID{ background-image:url(../img/design/skars_imgsmain_in.gif); background-repeat:no-repeat;}
.columnContainer #container .logo{ position:absolute; top:22px; left:24px; width:227px; height:73px; background-position:-74px -6px;}
.columnContainer #container .menuUpBcg{ position:absolute; height:67px; width:718px; top:28px; left:262px; background:#FFF; filter:alpha(opacity=12); -moz-opacity: 0.12; -khtml-opacity: 0.12; opacity: 0.12; z-index:2;}
.columnContainer #container .menuUp{ position:absolute; height:67px; width:718px; top:28px; left:262px; color:#FFF; padding-top:20px; z-index:3;}
/*.columnContainer #container .menuUp ul{ position:relative; list-style:none;}
.columnContainer #container .menuUp li{ position:relative; float:left; padding:0 8px;}
.columnContainer #container .menuUp li a{ color:#FFF;}
.columnContainer #container .menuUp li a:hover{ color:#999;}*/
.columnContainer #container .dillers{ position:absolute; width:164px; height:207px; left:5px; top:130px; font-size:14px; color:#FFF;  z-index:4;}
.columnContainer #container .dillers .logo1{width:59px; height:41px; background-position:-5px -6px;}
.columnContainer #container .dillers .logo2{width:59px; height:41px; background-position:-5px -66px;}
.columnContainer #container .dillers .logo3{width:59px; height:42px; background-position:-5px -123px;}
.columnContainer #container .dillers .logo1, .columnContainer #container .dillers .logo2, .columnContainer #container .dillers .logo3{ margin:20px 0 20px 18px;}
.columnContainer #container .flash{position:absolute; height:290px; width:442px; z-index:6; top:146px; left:172px;}
.columnContainer #container .block1{position:absolute; height:139px; width:285px; top:440px; left:5px; background:url(../img/design/skars_bcgblock_in.jpg) left top no-repeat; color:#080808; text-align:left; padding:10px 20px;}
.columnContainer #container .block1 .text1bl1{ position:absolute; top:10px; left:25px; font-size:30px;}
.columnContainer #container .block1 .text2bl1{ position:absolute; top:34px; left:128px; font-family:"Arial Black", Gadget, sans-serif; color:#b6001d; font-size:40px; font-weight:bold; letter-spacing:-1px;}
.columnContainer #container .block1 .text3bl1{ font-size:43px; font-weight:none; padding-left:3px;}
.columnContainer #container .block1 .text4bl1{ position:absolute; top:90px; left:130px; color:#FFF; font-size:15px;}
.columnContainer #container .block2{position:absolute; height:60px; width:460px; top:100px; left:500px; text-align:left;}
.columnContainer #container .block2 .text1bl2{ color:#e00024; font-size:18px;}
.columnContainer #container .block2 .text2bl2{ color:#e7e7e7; font-size:20px; margin-left:80px;}
.columnContainer #container .block3{position:absolute; height:75px; width:250px; top:174px; right:138px; text-align:right; padding:7px 8px 0 0;}
.columnContainer #container .block3 p a{ color:#000; font-size:30px; line-height:1.1; }
.columnContainer #container .block3 span{ color:#FFF; font-size:20px;}
.columnContainer #container .block4{position:absolute; height:75px; width:250px; top:280px; right:40px; text-align:right; padding:19px 8px 0 0;}
.columnContainer #container .block4 p a{ color:#000; font-size:30px; line-height:0.9; }
.columnContainer #container .block4 span{color:#FFF; font-size:20px;}
.columnContainer #container .block3 p a:hover,.columnContainer #container .block4 p a:hover{ color: #fff;}
.columnContainer #container .block3 p a:hover span,.columnContainer #container .block4 p a:hover span{ color: #000;}
.columnContainer #container .block5{position:absolute; height:30px; width:156px; top:544px; left:320px; background-position:-74px -91px;}
.columnContainer #container .blockFeatures{ position:absolute; top:385px; left:650px;}
.columnContainer #container .blockFeatures p a{ color:#e00024; font-size:16px; margin:10px 0;}
.columnContainer #container .blockFeatures p a:hover{ text-decoration:underline;}
.columnContainer #container .blockFeatures .pointli{ float:left; width:14px; height:13px; background-position:-74px -134px; margin:3px 12px;}
.columnContainer #container .blockFeatures ul{ list-style:none; color:#e7e7e7; margin:0 0 0 70px; padding:0; text-align:left;}
.columnContainer #container .blockFeatures li{ clear:both; margin:15px 0; padding:0; text-decoration:underline;}
.columnContainer #container .footer{ position:absolute; top:600px; left:0; width:1000px;}
.columnContainer #container .footer .leftside{ position:relative; float:left; width:270px; padding:5px; color:#acacac; text-align:left;}
.columnContainer #container .footer .leftside a{color:#acacac;}
.columnContainer #container .footer .leftside a:hover{text-decoration:underline;}
.columnContainer #container .footer .rightside{ position:relative; float:right; width:690px; padding:5px; }
.columnContainer #container .footer .rightside p{color:#acacac; text-align:justify; font-family:Verdana, Geneva, sans-serif; font-size:11px; border-bottom:1px solid #484848; padding-bottom:5px;}
.columnContainer #container .footer .rightside .menuBottom{ position:relative; clear:both; padding:0; margin:0;}
.columnContainer #container .footer .rightside .menuBottom ul{ position:relative; list-style:none; margin:5px 0; padding:0; font-size:11px;} 
.columnContainer #container .footer .rightside .menuBottom li{ position:relative; float:left; background:url(../img/design/skars_bcglimenubottom_cur.gif) left center no-repeat; padding:0 14px 0 15px;}
.columnContainer #container .footer .rightside .menuBottom li a{ color:#FFF;}
.columnContainer #container .footer .rightside .menuBottom li a:hover{ color:#999;}
/*-------------*/
/* 09/09/11*/
#jsddm
{	margin: 0 0 0 20px;
	padding: 0;
}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		padding:7px 0;
		}

	#jsddm li a
	{	display: block;
		background: none;
		padding: 0 8px;
		text-decoration: none;
		border-right: none;
		color: #fff;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #3b3b3b;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0 10px;
			position: absolute;
			visibility: hidden;
			border: 1px solid #000;
			background: #3c3c3c;
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				border-bottom: 1px solid #000;
				border-left:none;
				text-align:left;}
			
			#jsddm li ul li a
			{	width: auto;
			 	padding:5px 12px 5px 30px;
				background: #3c3c3c url(../img/design/skars_bcglisubmenu.gif) 10px center no-repeat;
				border-bottom:1px solid #4d4d4d;
				color: #e7e7e7;}
			
			#jsddm li ul li a:hover
			{	color: #fff; background: #4d4d4d url(../img/design/skars_bcglisubmenu.gif) 9px center no-repeat;}
			
			#jsddm li ul li.splash{ height:4px;}
/*----------------------*/