﻿body {margin:0px auto; padding:0px; background:#08150d;font-size:13px; line-height:15px; font-family: Arial; color:#777777;}

a {
	outline:none;
	cursor:pointer;
	color:#000;
	text-decoration:none;
	font-weight: bold;
}
a:hover {
	outline:none;
	cursor:pointer;
}
p {
	line-height:18px;
	font-family: Arial;
}
/*============ft============*/
.fs-11 {
	font-size:11px;
	line-height: 15px;

}

.ft-fff {
	color:#fff;
}
.ft-000 {
	color:#000;
}
.ft-d76 {
	color:#ffd500;
}
.ft-3f8 {
	color:#3f8a3d;
}
.ft-777 {
	color:#777777;
}
/*===========f-col===========*/
.f-col-fff {
	color:#fff;
}
.f-col-fff-act {
	color:#ffd500;
}
.f-col-777 {
	color:#777;
}
.f-col-777-act {
	color:#ffd500;
}
.f-col-333 {
	color:#333;
}
.f-col-333-act {
	color:#ffd500;
}
.f-col-3f8 {
	color:#000;
}
.f-col-3f8-act {
	color:#ffd500;
    text-shadow: 1px 1px 1px #000000;
}
}
.f-col-d76 {
	color:#ffd500;
}
.f-col-d76-act {
	color:#3f8a3d;
}
.f-ccol-777 {
	color:#777;
}
.f-ccol-777-act {
	color:#3f8a3d;
}
/*=======f-dec-shadow========*/
.ft-upper {
	text-transform:uppercase;
}
.ft-ita {
	font-style:italic;
}
.f-dec1-nom {
	text-decoration:none;
}
.f-dec1-act {
	text-decoration:underline;
}
.f-dec2-nom {
	text-decoration:underline;
}
.f-dec2-act {
	text-decoration:none;
}
.ft-sha-fff {
	text-shadow: 1px 1px 1px #FFFFFF;
}
.ft-sha-000 {
	text-shadow: 1px 1px 1px #000000;
}
/*==========img-border=======*/
.bord-fff {
	display:inline-block;
	border:5px solid #fff;
}
.bord-fff-act {
	border:5px solid #FDFCCE
}
/*==========alpha-img=======*/
.alp1-nom {
	display:inline-block;
	height:auto;
	overflow:hidden;
}
.alp1-act {
	-moz-opacity:0.75; /*FF*/
	opacity: 0.75; /* Firefox,Safari(WebKit),Opera)*/
	filter: "alpha(opacity=75)"; /* IE 8 */
	filter: alpha(opacity=75);  /* IE 4-7 */
	zoom: 1;
}
/*=======h1 h2 h3 h4=========*/
h1, h2, h3, h4, h5, h6 {
	cursor:default;
	color:#444;
	font-weight:normal;
	font-family: Arial
}
h1 {
	font-size:30px;
	line-height:30px;
}
h2 {
	font-size:27px;
	line-height:30px;
}
h3 {
	font-size:21px;
	line-height:25px;
}
h4 {
	font-size:17px;
	line-height:25px;
}
h5 {
	font-size:14px;
	line-height:20px;
}
h6 {
	font-size:13px;
	line-height:20px;
}
/*========margin-top==========*/
.mtp10 {
	margin-top:10px;
}
.mtp20 {
	margin-top:20px;
}
.mtp30 {
	margin-top:30px;
}
/*========padding-top======*/
.pdt5 {
	padding-top:5px;
}
.pdt15 {
	padding-top:15px;
}
.pdt25 {
	padding-top:25px;
}
/*==========pad-l-r==========*/
.pdl-10 {
	padding-left:10px;
}
.pdl-20 {
	padding-left:20px;
}
.pdl-30 {
	padding-left:30px;
}
.pdr-10 {
	padding-right:10px;
}
.pdr-20 {
	padding-right:20px;
}
.pdr-30 {
	padding-right:30px;
}
/*==========mg-l-r==========*/
.mgl-10 {
	margin-left:10px;
}
.mgl-20 {
	margin-left:20px;
}
.mgl-30 {
	margin-left:30px;
}
.mgr-10 {
	margin-right:10px;
}
.mgr-20 {
	margin-right:20px;
}
.mgr-30 {
	margin-right:30px;
}
.mgr-left-right {
	margin-left:4px;
	margin-right:3px;
}
/*==========link-btn-img=========*/
.btn1-nom {
	display:inline-block;
	height:25px;
	padding:0px 10px;
	border-radius:5px;
	background:url(imgs/btn1-nom.png) repeat-x;
	overflow:hidden;
	color:#fff;
	font-size:13px;
	line-height:25px;
	border:0;
	text-shadow: 1px 1px 1px #000000;
}
.btn1-act {
	background:url(imgs/btn1-act.png) repeat-x;
}
.btn1-nom:hover {text-shadow: 0 0 3px #ffd500;}

.btn2-nom {
	display:inline-block;
	height:25px;
	padding:0px 10px;
	border-radius:5px;
	background:url(imgs/btn2-nom.png) repeat-x;
	overflow:hidden;
	color:#fff;
	font-size:13px;
	line-height:25px;
	text-shadow: 1px 1px 1px #000000;
}
.btn2-act {
	background:url(imgs/btn2-act.png) repeat-x;
}
.btn2-nom:hover {text-shadow: 0 0 3px #000;}


.btn3-nom {
	display:inline-block;
	height:25px;
	padding:0px 10px;
	border-radius:5px;
	background:url(imgs/btn2-nom.png) repeat-x;
	overflow:hidden;
	color:#fff;
	font-size:13px;
	line-height:25px;
	border:0;
	text-shadow: 1px 1px 1px #000000;
}
.btn3-act {
	background:url(imgs/btn2-act.png) repeat-x;
}
.btn3-nom:hover {text-shadow: 0 0 3px #ffd500;}


.fbtn1-nom {
	display:inline-block;
	width:66px;
	height:47px;
	padding:0px 10px 0px 59px;
	background:url(imgs/fbtn1-nom.png) no-repeat;
	overflow:hidden;
	color:#fff;
	font-size:13px;
	line-height:47px;
}
.fbtn1-nom:hover {text-shadow: 0 0 3px #ffd500;}

.fbtn2-nom {
	display:inline-block;
	width:52px;
	height:47px;
	padding:0px 10px 0px 59px;
	background:url(imgs/fbtn2-nom.png) no-repeat;
	overflow:hidden;
	color:#fff;
	font-size:13px;
	line-height:47px;
}
.fbtn2-nom:hover {text-shadow: 0 0 3px #ffd500;}

.flink1-nom {
	display:block;
	width:185px;
	height:33px;
	padding:0px 10px;
	overflow:hidden;
	color:#fff;
	line-height:33px;
}
.flink1-act {
	background:url(imgs/flink1-act.png) no-repeat;
	color:#ffd500;
	line-height:33px;
}
.img-fil {
	-moz-opacity:0.5; /*FF*/
	opacity: 0.5; /* Firefox,Safari(WebKit),Opera)*/
	filter: "alpha(opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50);  /* IE 4-7 */
	zoom: 1;
}
.link-tst {
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.box-sha {
	-webkit-box-shadow:0px 3px 7px #000;
	-moz-box-shadow:0px 3px 7px #000;
	box-shadow:0px 3px 7px #000;
}
/*==========float===========*/
.fl {
	float:left;
}
.fr {
	float:right;
}
.clear {
	clear:both;
}
/*==========width=========*/
.fbig-warp {
	width:1000px;
	overflow:hidden;
}
.fw220 {
	display:inline-block;
	width:220px;
	float:left;
	overflow:hidden;
}
.fw750 {
	display:inline-block;
	width:750px;
	float:left;
	overflow:hidden;
}
/*=========toTop===========*/
#totop {
	position:fixed;
	z-index:999;
	bottom:30px;
	right:50px;
	display:none;
	width:50px;
	height:50px;
	overflow:hidden;
}
*html #totop {
	position:absolute;
	cursor:pointer;
	right:50px;
	display:none;
 top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-75+"px");
}
#totop a.top-nom {
	display:block;
	width:50px;
	height:50px;
	background: url(imgs/up-top.png) no-repeat top;
}
#totop a.top-act {
	background: url(imgs/up-top.png) no-repeat bottom;
}
/*======layout========*/
.body-warp, .ftop-warp {
	margin: 0px auto;
	width:100%;
	height:auto;
}
.fhead-warp, .fbody-warp {
	margin: 0px auto;
	width:100%;
	height:auto;
}
.ftail-warp, .fcopy-warp {
	margin: 0px auto;
	width:100%;
	height:auto;
}
.fhead, .fbody {
	margin:0px auto;
	width:1000px;
	height:auto;
}
.ftail, .fcopy {
	margin:0px auto;
	width:1000px;
	height:auto;
}
/*--fbackground--*/
.ftop-warp {
	background:url(imgs/ftop-warp.png) repeat-x top;
}
/*-----fhead----*/
.fhead {
	height:auto;
	overflow:visible;
}
/*-----fbody----*/
.fbody {
	border-radius:5px;
	background:url(imgs/fbody-bg.png) repeat;
}
/*-----ftail----*/
/*ftail*/
.ftail {
	height:auto;
	padding:30px 0px;
	overflow:visible;
}
/*----fcopy----*/
.fcopy {
	height:30px;
	padding:20px 0px;
}

/*christina*/
.niconaki { font:bold 12px/13px "Verdana"; color:#f13401; text-align:right; position:relative;
           top:75px; right:5px;}
           

.offericon { width:20px; height:20px; padding:0px; position:relative; left:5px; top:55px;} 
.available { position:relative; width:20px; height:20px; left:150px; bottom:10px; }
.cmpBtn { background:#F3F6F7; width:165px; border-radius:5px; float:left; padding:5px; }
.cmpBtn .checkbox { margin:0px 0px 0px 4px; padding:0px; display:block; float:left; width:auto;  }
.cmpBtn .comparetext { margin:0px; padding:0px; display:block; float:left; font:normal 11px/13px "Play";  }


#content .gallery {width:728px; margin:0px; padding:0px; display:block; float:left;}
#content .gallery ul {width:728px; margin:0px; padding:0px; display:block; float:left;}
#content .gallery li {width:138px; height:138px; margin:10px 2px 4px 3px; padding:0px; display:block; float:left; border:1px solid #c9c5c4;}
#content .gallery .zoom { margin:10px 0px 0px 2px; padding:0px; display:block; float:left;}
#content .gallery .zoom img { margin:0px 8px 0px 0px; padding:0px; display:block; float:left;}

#content .prodtable {width:728px; margin:0px auto; padding:20px 0px 20px 0px; float:left; display:block; border-bottom:1px solid #e2e2e2; }
#content .prodtable .pricelist {margin:0px; padding:0px; width:100%; display:block;}
#content .prodtable .pricelist td {margin:0px; padding:5px 3px 0px 3px;}
#content .prodtable .pricelist .gray {background:url(imgs/bg_prod.jpg) repeat-x; border:1px solid #e4e4e4; color:#000; margin:0px; padding:0px; font:bold 11px/33px "Verdana"; width:728px!important; height:33px;}

.header
{
    height:40px;
	margin-top:15px;
	padding:0px 15px;
	border-radius:5px;
	border:1px solid #dedede;
	background:#f3f6f7;
	overflow:hidden;
    }

.header h1 	
{
    color:#444;
	font-size:17px;
	font-weight:bold;
	line-height:37px;}
	

.doc {margin-top:20px;}	

#content .prod .pcconfig { width:728px; margin:10px 0px 0px 0px; padding:0px;}
#content .prod .pcconfig .details {  color:#ed7624; text-decoration:underline; text-align:center;}
#content .prod .pcconfig .details  a {  color:#ed7624; text-decoration:underline; text-align:center;}
#content .prod .pcconfig .details a:hover { color:#000; text-decoration:underline; text-align:center;}
#content .prod .pcconfig .input { width:110px; height:22px; border:1px solid #b9b9b9; margin-bottom:4px; color:#000; background:#fff;}
#content .prod .pcconfig .extra { padding:0px 0px 0px 3px; background:#F3F6F7; width:728px; height:22px; border:1px solid #fff; font-weight:bold; color:#444; height:28px; text-align:right;}
#content .prod .pcconfig .extra2 { line-height:25px; padding:0px 0px 0px 3px; background:#F3F6F7; width:728px;  border:1px solid #fff; font-weight:bold; color:#444; height:28px; }
#content .prod .pcconfig .extra input { height:18px; margin:0px; margin:0px 0px 0px 5px; background:#fff;}
#content .prod .pcconfig .oran { padding:0px 0px 0px 3px; background-color:#ed7724; width:748px; height:22px; border:1px solid #fff; font:bold 11px/13px "Verdana"; color:#fff; height:28px;}
#content .prod .parat { padding:5px 0px 0px 0px; font:bold 11px/13px "Verdana"; color:#000;}
#content .prod .parat textarea { padding:0px 0px 0px 5px; width:555px; border:1px solid #dedede; font:normal 11px/13px "Verdana"; color:#000;}
#content .prod .parat .btnbasket {margin:0px 0px 0px 10px; padding:0px; display:block; float:right; width:28px; height:23px;}

#content .pinakas { width:748px; height:20px; margin:10px 0px 0px 0px; padding:0px; display:block; float:left; background-color:#000;}	

#content .sitemap {margin:0px; padding:0px; width:728px; font:bold 12px/14px "Verdana"; color:#eb7022;}
#content .sitemap ul {margin:20px 30px 0px 0px; padding:0px; float:left; display:block; width:200px; background:none;}
#content .sitemap li {margin:0px 5px 20px 0px; padding:0px 0px 0px 15px; float:left; display:block; width:185px; background:none; list-style-type:none;}
#content .sitemap li a {font:bold 11px/13px "Verdana"; color:#eb7022; margin:0px 0px 5px 0px; padding:0px; text-decoration:none;}
#content .sitemap li a:hover {font:bold 11px/13px "Verdana"; color:#eb7022; margin:0px 0px 5px 0px; padding:0px; text-decoration:underline;}
#content .sitemap li ul {margin:0px; padding:0px; float:left;}
#content .sitemap li ul li {list-style-type:none; margin:0px; padding:0px 0px 0px 20px; width:180px; list-style-type:none;}
#content .sitemap li ul li a {font:normal 11px/13px "Verdana"; color:#666; text-decoration:underline;}
#content .sitemap li ul li a:hover {font:normal 11px/13px "Verdana"; color:#666; text-decoration:none;}


/*FORMS TEMPLATES*/
.forms {margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; float:left; display:block; width:728px; border-bottom:3px solid #dedede; }
.forms h2 {margin:10px 0px 10px 0px; padding:2px 0px 2px 5px; border-bottom:2px dotted #f6cdb4;  color:#f08342; background:url(imgs/formtitlebgr.jpg) repeat-y 0px 0px;}
.forms .form1 {margin:0px; padding:0px; float:left; display:block; width:574px;}
.forms .form1 a {color:#CC0066; text-decoration:underline;}
.forms .form1 a:hover {color:#CC0066; text-decoration:none;}
.forms .form1 ul {margin:0px; padding:0px; }
.forms .form1 li {list-style-type:none; margin:10px 0px 10px 0px; padding:5px 0px 3px 0px;  color:#000; float:left!important; min-height:30px; }
.forms .form1 li input {float:left; border:1px solid #dedede;color:#444; background:#F3F6F7; margin:0px 4px 0px 0px; min-width:20px; height:20px;}
.forms .form1 li .checkbox{float:left; margin:0px 0px 0px 0px; height:20px; }
.forms .form1 li select {float:left;  border:1px solid #dedede; color:#444; background:#F3F6F7; margin:0px 0px 0px 0px; width:auto;}
.forms .form1 li .text {margin:5px 0px 0px 0px; padding:0px 5px 0px 0px; float:left; display:block; min-width:200px;}
.forms .form1 li .expression {margin:0px 0px 0px 5px; display:block; width:150px; max-width:150px; float:left;}

.forms .form1 textarea {float:left; border:1px solid #dedede;color:#444; background:#F3F6F7; margin:0px 4px 0px 0px; min-width:20px; }

.forms .form2 {margin:0px; padding:0px; float:left; display:block; width:574px;}
.forms .form2 ul {margin:0px; padding:0px;}
.forms .form2 li {margin:0px; padding:0px;}

.myinputs {width:240px;height:100px; margin:0px auto; padding:5px 0px 0px 0px; float:left; display:block; float:left;}


.content .compare .comparetable {margin:0px; padding:0px; display:block; float:left; border-bottom: 3px solid #dadada; }
.content .compare .comparetable .remove {font:normal 12px/14px "Play"; color:#DB7123;}
.content .compare .comparetable .remove a {font:normal 12px/14px "Play"; color:#DB7123; text-decoration:underline;}
.content .compare .comparetable .remove a:hover {font:normal 12px/14px "Play"; color:#DB7123; text-decoration:underline;}
.content .compare .comparetable .comphoto {  text-align:center; padding-top:10px; padding-bottom:10px;}
.brddtt {border-bottom: 1px dotted #CCCCCC; padding:10px;}
.compblue {font:normal 12px/14px "Play"; color:#439341; font-weight:bold;}
.compblue a {font:normal 12px/14px "Play"; color:#439341; text-decoration:underline; font-weight:bold;}
.compblue a:hover {font:normal 12px/14px "Play"; color:#439341; text-decoration:none; font-weight:bold;}
.content .compare .comparetable .greyheader {  border:1px solid #d1cfcf; background:#e2e1e1; padding:5px; font:bold 14px /16px "Play"; color:#e7781e;}
.graytitle, .basketprod { color:#ffd500; font-weight:bold; font-size:13px;}

.pricelist tr:first-child { border-bottom:0!important;}
.pricelist tr { border-bottom:1px solid #dedede;}

#central input { border:1px solid #dedede; color:#777;}
#central h4 {  margin:10px 0px 10px 0px; border-bottom:1px solid #dedede; color:#ffd500;}
	

#central .btn1 {font:bold 11px/25px "Verdana"; color:#fff; background:url(imgs/bg_button.jpg) repeat-x; width:93px; height:25px; text-align:center;text-decoration:none; float:left; margin:0px 10px 0px 0px;}
#central .btn1 a {font:bold 11px/25px "Verdana"; color:#fff; text-decoration:none;}
#central .btn1 a:hover {font:bold 11px/25px "Verdana"; color:#ed7624;text-decoration:none; }

#central .btn {font:bold 11px/25px "Verdana"; color:#fff; background:url(imgs/bg_button1.jpg) repeat-x; width:93px; height:25px; text-align:center;text-decoration:none; float:left; margin:0px 10px 0px 0px;}
#central .btn a {font:bold 11px/25px "Verdana"; color:#fff; text-decoration:none;}
#central .btn a:hover {font:bold 11px/25px "Verdana"; color:#ed7624;text-decoration:none; }
#techDataTable td {border-bottom: 1px solid #ffd500;}
.techDataTable td {border-bottom: 1px solid #ffd500;}
.techDataSubColValue {border-bottom: 0px solid #d7630c!important}
.slid-nom {color: #000; font-weight:bold;}
.alignToRight {font-weight:bold; color: #ffd500;}


.fstext {
	min-height: 50px;
}
.fsptext {
    min-height: 90px;
}