@charset "utf-8";
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	padding:0px;
	margin:0px;
	min-width:920px;
}
#pad {
	position:relative;
	width:900px;
	margin-left:-460px;
	left:50%;
	padding:0px 10px;
}
#frame {
	position:relative;
	width:900px;
	padding:380px 0px 45px 0px;
	font-size:11px;
	color: #555555;
}

/* ----------- TOP -----------*/
#top {
	height:380px;
	position:relative;
	background-color:#FFFFFF;
}
#logo {
	position:absolute;
	top:45px;
	left:0px;
	width:213px;
	height:69px;
	z-index:3;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png');	/* Unfortunatly this hack will not validate :( */
}
#logo img {
	filter: Alpha(opacity=0);		/* Unfortunatly this hack will not validate :( */
	border: 0px solid cyan;
}
#nav1 {
	position:absolute;
	right:0px;
	top:55px;
	font-size:12px;
	z-index:2;
	border-right:1px solid #CCCCCC;
	padding-right:3px;
}
.buyOnline {
	text-decoration:underline;
	cursor:pointer;
}
#nav1 a, #buyBtn {
	color:#777777;
	text-decoration:none;
	padding:3px 9px 3px 12px;
	border-left:1px solid #CCCCCC;
}
a#buyBtn {
	color:#FF3366;
	font-weight:bold;
}
#nav1 a:hover, #nav1 a.buy:hover {
	background:#46AA42 url(../images/nav_white.gif) top left repeat-y;
	color:#FFFFFF;
	text-decoration:underline;
}
#topImg {
	position:absolute;
	top:80px;
	left:0px;
	width:900px;
	height:300px;
	background-color:#333333;
	overflow:hidden;
	z-index:1;
}
#nav2 {
	position:absolute;
	right:6px;
	top:80px;
	padding-top:9px;
	font-size:12px;
	z-index:2;
}
#nav2hd { 
	color:#0099BB;
	padding-right:15px;
}
#nav2 a {
	color:#FFFFFF;
	text-decoration:none;
	padding:9px 15px 10px 24px;
	background:url(../images/nav_arrow.gif) no-repeat center left;
}
#nav2 a:hover {
	color:#00CCFF;
	text-decoration:underline;
	background-color:#000000;
}
#nav2bck {
	position:absolute;
	top:0px;
	left:0px;
	background:#000000;
	height:34px;
	width:900px;
	z-index:10;
	filter:alpha(opacity=25);
	opacity: 0.25;
	-moz-opacity:0.25;
}
#navCorner {
	position:absolute;
	top:0px;
	right:0px;
	background: url(../images/nav_corner.gif) no-repeat top left;
	height:7px;
	width:7px;
	z-index:20;
}
#topAdd {
	z-index:20;
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
	height:152px;
	width:230px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top_add_gadget_show.png');	/* Unfortunatly this hack will not validate :( */
}
#topAdd img {
	filter: Alpha(opacity=0);		/* Unfortunatly this hack will not validate :( */
	border: 0px solid cyan;
}
#topAddClose {
	z-index:21;
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	height:20px;
	width:20px;
	cursor:pointer;
}
#language {
	position:absolute;
	top:7px;
	right:0px;
	width:99px;
	height:16px;
	padding:3px 8px 0px 8px;
	background:#EEEEEE url(../images/lang_bck.gif) top left no-repeat;
	z-index:20;
}
#langBtn, #langBtnUp  {
	position:absolute;
	top:0px;
	right:0px;
	width:29px;
	height:19px;
	cursor:pointer;
}
.langBtn   		{ background: url(../images/lang_arrow.gif) no-repeat top left;}
.langBtnHover    { background:url(../images/lang_arrow_f2.gif) no-repeat top left;}
#langBtnUp    { background:url(../images/lang_arrow_f3.gif) no-repeat top left;}
#languages {
	position:absolute;
	top:20px;
	left:0px;
	width:115px;
	height:0px;
	font-size:11px;
	overflow:hidden;
}
#langBck {
	font-size:11px;
	color:#666666;
}
#languages a {
	display:block;
	width:99px;
	height:16px;
	padding:3px 8px 0px 8px;
	margin-bottom:1px;
	background: url(../images/lang_bck.gif) top left no-repeat;
	color:#0099CC;
	text-decoration:none;
}
#languages a:hover {
	background: url(../images/lang_bck_f2.gif) top left no-repeat;
	color:#FFFFFF;
}
/* ----------- IMG ROTATION -----------*/
#infoPanel2, #infoPanel1 {
	position:absolute;
	top:0px;
	left:0px;
	height:300px;
	width:900px;
	z-index:1;
	overflow:hidden;
}
#infoPanel2 {
	z-index:2;
}
/* ----------- MAIN -----------*/

a {
	color:#0066CC;
}
a:hover {
	color:#46AA42;
}
h1, h2 {
	font-size:18px;
	font-weight:bold;
	color:#333333;
	padding:40px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
h2 {
	font-size:16px;
	padding:30px 0px 0px 0px;
}

.error {
	color:#FF0000;
	font-size:larger;
	font-weight:bold;
}
.red {
	color:#FF0000;
}
.infoTxt {
	color:#999999;
	font-style:italic;
}
/* ----------- HE problems solutions -----------*/
.HEuses {
	margin:20px 0px 10px 0px;
	position:relative;
	background:#DDDDDD url(../images/bx_crn_tl.gif) no-repeat top left;
	padding:34px 0px 5px 0px;
}
.HEcornerTR {
	position:absolute;
	top:0px;
	right:0px;
	width:6px;
	height:6px;
	background:url(../images/bx_crn_tr.gif) no-repeat top right;
}
.HEcornerBL {
	position:absolute;
	bottom:0px;
	left:0px;
	width:6px;
	height:6px;
	background:url(../images/bx_crn_bl.gif) no-repeat bottom left;
}
.HEcornerBR {
	position:absolute;
	bottom:0px;
	right:0px;
	width:6px;
	height:6px;
	background:url(../images/bx_crn_br.gif) no-repeat bottom right;
}

.HEhd1, .HEhd2 {
	position:absolute;
	top:9px;
	left:20px;
	font-size:16px;
	color:#666666;
}
.HEhd2 {
	left:50%;
	margin-left:38px;
	font-size:16px;
	color:#333333;
}
.HErow {
	background:#EEEEEE;
	padding:5px 10px;
	margin-bottom:2px;
}
.HErow table {
	border-collapse:collapse;
}
.HErow table td {
	padding:5px 10px
}
.HEsituation, .HEsolution {
	font-size:11px;
	color:#666666;
}
.HEsolution {
	color:#333333;
}
.HEwave {
	width:36px;
}
.HElink {
	padding:5px 20px 3px 20px;
}

/* ----------- Buy Online -----------*/
#buyOnline {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	background:#000000;
	z-index:100;
}
#buyOnlinePanel {
	width:508px;
	height:525px;
	overflow:hidden;
	z-index:101;
	
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-254px;
	display:none;
}
#buyOnlineBck {
	width:508px;
	height:525px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	background:url(../images/buy_online.png) no-repeat top left;
}
a#hideBuyPanel {
	position:absolute;
	display:block;
	bottom:7px;
	left:14px;
	width:480px;
	padding:3px 0px;
	color:#FF0000;
	font-weight:bold;
	font-size:12px;
	z-index:2;
	text-align:center;
	cursor:pointer;
}
a#hideBuyPanel:hover {
	background:#FF0000;
	color:#FFFFFF;
}
#merchantPanel {
	position:relative;
	height:430px;
	width:500px;
	margin:2px 4px 0px 4px;
	overflow:auto;
	z-index:3;
}
.merchant, .merchantTop {
	position:relative;
	height:70px;
	margin:2px 0px 0px 0px;
	z-index:2;
}
.merchantTop {
	height:61px;
	margin:2px 4px 0px 4px;
}
.merchantLogo, .merchantDetails, .heLogo, .heTxt {
	position:absolute;
	top:0px;
	left:0px;
	width:218px;
	height:56px;
	text-align:center;
	padding:7px 10px;
}
.merchantDetails, .heTxt {
	left:240px;
	font-size:11px;
	color:#666666;
	line-height:170%;
	padding:14px 10px 0px 10px;
}
.merchantLogo, .merchantDetails {
	background:#EEEEEE;
}
.merchantDetails a {
	color:#666666;
}
.merchantHd, .merchantHd a {
	font-size:14px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
.merchant a:hover {
	text-decoration:underline;
	color:#0066CC;
}

/* ----------- FOOTER -----------*/
#copyright {
	position:absolute;
	bottom:5px;
	left:0px;
	color:#666666;
	font-size:11px;
}
#footer {
	padding:20px 0px 50px 0px;
	background:#222222 url(../images/ft_bck.jpg) top left repeat-x;
	text-align:center;
}
#ftContent {
	position:relative;
	left:50%;
	margin-left:-450px;
	width:900px;
	height:300px;
	text-align:left;
}
#ftNav, #ftCol1, #ftCol2, #ftCol3, #ftCol4 {
	position:absolute;
	top:0px;
	width:160px;
	color:#666666;
	font-size:10px;
}
#ftNav { left:0px }
#ftCol1 { left:160px }
#ftCol2 { left:350px }
#ftCol3 { left:540px }
#ftCol4 { left:730px }
.ftHd {
	color:#CCCCCC;
	font-size:14px;
	padding:10px 0px;
}
#footer a {
	color:#888888;
}
#footer a:hover {
	color:#FFFFFF;
}
#ftNav a {
	font-size:11px;
	display:block;
	padding-left:20px;
	margin-bottom:3px;
	background:url(../images/ft_lnk.gif) center left no-repeat;
}
#ftNav a:hover {
	background:url(../images/ft_lnk_f2.gif) center left no-repeat;
}