@charset "utf-8";
@import "layout.css";

/* + Global resets */

html, html#js, html#nojs {
	/* css */
}

body {
 font-size: 79%;  
 line-height: 21px;  
 color: #000;
 background: #fff;
}

a {
	font-size: 1em;
	color: #378ec3;
	text-decoration:underline;
}
a:hover {
	/* css */
	text-decoration:none;
}

a.without_u {text-decoration: none;}

blockquote {
   font-size: 1.2em; font-style: italic; line-height: 1.4em; font-weight: lighter; color: gray;
   margin:0em }

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 2em;
font-style: italic;
font-weight: bold;
line-height: 1.2em;
margin: 1em 0;
padding-left: 0.1em;
position: relative;
top: -0.2em;
color:#6fa916; 
}
/*  line-height:1.2;font-weight:normal; font-size:24px; line-height:1.2em; margin-bottom:24px;} */
h2 {font-family:"Myriad Pro", Arial, sans-serif; font-style:normal; font-weight:bolder; color:#378ec3; font-size:18px; line-height:1em; }
h3 {font-family:"Myriad Pro", Arial, sans-serif; font-style:normal; font-weight:normal; color:#378ec3; font-size:16px; line-height:1.2em; margin-bottom:.7em;}

/* p {  color:#000000;  line-height:1em;} */
b.first_letter {font-size: 2em; font-weight: bold; color:#6fa916; font-style: normal;}
p {  font-style:normal; font-weight:normal;line-height: 1.5em;}
   
/* hr { border: 1px solid #378ec3;} */
hr { border: 1px dashed #a0d7f5;}

.noshow {visibility: hidden; display: none;}
/* - Global resets */


/* + Common classes */

.narrow {padding:14px 15px 0px 15px; font-family:"Arial Narrow", Arial, sans-serif;  font-style:normal; font-weight:normal; color:#000000; font-size:12px; text-align:center; line-height:1.3em;} 
.green {padding:4px 15px 0px 15px; font-family: Arial, sans-serif;  font-style:normal; font-weight:bold; color:#6fa916; font-size:14px; text-align:center; margin:5px 0px;} 
.highlight {padding:0px 15px 0px 15px; font-family:Arial, sans-serif;  font-style:italic; font-weight:normal; color:#000000; font-size:12px; text-align:center; margin:0px;} 

/* + Mans */

#mans div.left { background: url('../images/man_left.png') no-repeat left top; height:35px; width:15px;}
#mans div.sep { background: url('../images/man_sep.png') repeat-x; height:35px; width:940px; }
#mans div.sep img {margin-top:7px; margin-left:31px;}
#mans div.right { background: url('../images/man_right.png') no-repeat left top; height:35px; width:13px;}

/* - Mans */

/* + Header*/
#header {margin-bottom: 15px;}
#header div#repaired {	
	background: url('../images/quantity_bg.png') no-repeat left top;
	padding: 10px 0px 0px 20px;
	height: 45px;
	width: 195px;
	text-align:center;
	color: #ffffff;
}

#header div#repaired a {text-decoration:none; color:#ffffff; font-size: 16px; line-height: 1.3em;}

#header div#icons {		
	padding: 20px 0px 0px 30px;
	height: 35px;
	width: 204px;
}

#header div#icons {font-size: 12px;}
#header div#icons a { margin-left:10px; font-size: 12px;}
#header div#icons b { margin-left:10px; font-size: 12px;}


div.phone {	
	padding: 0px 0px 0px 0px;	
	font-size: 14px;
	letter-spacing: 0.1em;
	height: 45px;
	width: 253px;
}

div.phone strong {font-style:normal; font-weight:bold; color:#459ed9; font-size:24px; line-height:1em; letter-spacing:normal;}

div.phone a {text-decoration:none;}

/* - Header*/

/* + Menu */
#menu .row-1 { height: 225px; width:100%;} 
#menu .row-1 ul {list-style:none;margin:0px; padding:0px; display: inline; float: left; }
#menu .row-1 li {display:inline; height:225px; float:left; overflow:hidden; text-align:center; margin: 0px;}
#menu .row-1 li p {line-height:1.3em; font-size: 12px;}
#menu .row-1 li a {display:block; height:225px; text-decoration:none; width:222px; height: 141px;} 
#menu .row-1 li.teaser1 { background: url('../images/teaser1_bg.png') no-repeat left top;  width:222px; } 
#menu .row-1 li.teaser2 { background: url('../images/teaser2_bg.png') no-repeat left top;  width:224px; }
#menu .row-1 li.teaser3 { background: url('../images/teaser3_bg.png') no-repeat left top;  width:224px; }
#menu .row-1 li.teaser4 { background: url('../images/teaser4_bg.png') no-repeat left top;  width:238px; }
#menu .row-1 li.teaser5 { background: url('/content/images/teaser5_bg.png') no-repeat left top;  width:968px; }
#menu .row-1 li.teaser6 { background: url('/content/images/teaser6_bg.png') no-repeat left top;  width:968px; }

#menu .row-1 li.teaser1,
#menu .row-1 li.teaser2,
#menu .row-1 li.teaser3 {height: 208px; padding: 17px 10px 0 10px;} 
#menu .row-1 li.teaser1 h2,
#menu .row-1 li.teaser2 h2,
#menu .row-1 li.teaser3 h2, 
#menu .row-1 li.teaser4 h2,
#menu .row-1 li.teaser5 h2  {font-size: 16px; color:black; }

 #menu .row-2 {height: 41px; padding-left:18px; }
 #menu .row-2 ul {list-style:none;margin:0px; padding:0px; width:100%;}
 #menu .row-2 li {display:inline; height:41px; float:left; }
 #menu .row-2 a {display:block; height:41px; text-decoration:none; background: url('/fdesign/images/csg-4b8cb800b48f5.png') no-repeat top left;}

 #menu .row-2 li#notebooks a {background-position: -1068px 0; width: 106px; height: 41px;  text-decoration:none;}
 #menu .row-2 li#notebooks a:hover, #menu .row-2 li#notebooks a.current {background-position: -1179px 0; width: 106px; height: 41px; }

 #menu .row-2 li#tv_monitors a {background-position: -1664px 0; width: 135px; height: 41px; }
 #menu .row-2 li#tv_monitors a:hover, #menu .row-2 li#tv_monitors a.current {background-position: -1804px 0; width: 135px; height: 41px;}

 #menu .row-2 li#playstations a { background-position: -1290px 0; width: 108px; height: 41px; }
 #menu .row-2 li#playstations a:hover, #menu .row-2 li#playstations a.current {background-position: -1403px 0; width: 108px; height: 41px;}

 #menu .row-2 li#datarecovery a {background-position: -436px 0; width: 206px; height: 41px; }
 #menu .row-2 li#datarecovery a:hover,#menu .row-2 li#datarecovery a.current {background-position: -647px 0; width: 206px; height: 41px;}

 #menu .row-2 li#cost-to-repair a {background-position: -1516px 0; width: 69px; height: 41px;  }
 #menu .row-2 li#cost-to-repair a:hover, #menu .row-2 li#cost-to-repair a.current {background-position: -1590px 0; width: 69px; height: 41px;}

 #menu .row-2 li#delivery a {background-position: -858px 0; width: 100px; height: 41px; }
 #menu .row-2 li#delivery a:hover, #menu .row-2 li#delivery a.current {background-position: -963px 0; width: 100px; height: 41px;}

 #menu .row-2 li#for-companies a {background-position: 0 0; width: 101px; height: 41px; display:block; } 
 #menu .row-2 li#for-companies a:hover, #menu .row-2 li#for-companies a.current  {background-position: -106px 0; width: 101px; height: 41px; }

 #menu .row-2 li#contacts a {background-position: -212px 0; width: 107px; height: 41px; }
 #menu .row-2 li#contacts a:hover, #menu .row-2 li#contacts a.current {background-position: -324px 0; width: 107px; height: 41px;}

/*#inner #menu .row-1 {height: 55px; padding-left:22px; }
#inner #menu .row-1 ul {list-style:none;margin:0px; padding:0px; width:100%;}
#inner #menu .row-1 li {display:inline; height:55px; float:left;}
#inner #menu .row-1 a {display:block; height:55px; text-decoration:none; background: url('../images/csg-4b8cba49f16fd.png') no-repeat top left;}

#inner #menu .row-1 li#notebooks a {background-position: -1066px 0; width: 106px; height: 55px;}
#inner #menu .row-1 li#notebooks a:hover, #inner #menu .row-1 li#notebooks a.current { background-position: -1177px 0; width: 106px; height: 55px;}

#inner #menu .row-1 li#tv_monitors a {background-position: -1664px 0; width: 135px; height: 55px; }
#inner #menu .row-1 li#tv_monitors a:hover, #inner #menu .row-1 li#tv_monitors a.current {background-position: -1804px 0; width: 135px; height: 55px;}

#inner #menu .row-1 li#playstations a {background-position: -1288px 0; width: 109px; height: 55px; }
#inner #menu .row-1 li#playstations a:hover,#inner #menu .row-1 li#playstations a.current {background-position: -1402px 0; width: 109px; height: 55px;}

#inner #menu .row-1 li#datarecovery a {background-position: -434px 0; width: 205px; height: 55px; }
#inner #menu .row-1 li#datarecovery a:hover, #inner #menu .row-1 li#datarecovery a.current {background-position: -644px 0; width: 205px; height: 55px;}

#inner #menu .row-1 li#cost-to-repair a {background-position: -1516px 0; width: 69px; height: 55px;}
#inner #menu .row-1 li#cost-to-repair a:hover,#inner #menu .row-1 li#cost-to-repair a.current {background-position: -1590px 0; width: 69px; height: 55px;}

#inner #menu .row-1 li#delivery a {background-position: -854px 0; width: 101px; height: 55px; }
#inner #menu .row-1 li#delivery a:hover, #inner #menu .row-1 li#delivery a.current  {background-position: -960px 0; width: 101px; height: 55px;}

#inner #menu .row-1 li#for-companies a {background-position: 0 0; width: 100px; height: 55px; }
#inner #menu .row-1 li#for-companies a:hover,#inner #menu .row-1 li#for-companies a.current {background-position: -105px 0; width: 100px; height: 55px;}

#inner #menu .row-1 li#contacts a {background-position: -210px 0; width: 107px; height: 55px; }
#inner #menu .row-1 li#contacts a:hover,#inner #menu .row-1 li#contacts a.current {background-position: -322px 0; width: 107px; height: 55px;}*/

/* - Menu */

/* + Content */
	
	span#bread_crumbs {font-family:"Arial Narrow", Arial, sans-serif;  font-style:italic; font-weight:normal; color:#919191; font-size:14px; text-align:left; line-height:1.3em; margin-bottom:15px; display:block;}
	span#bread_crumbs a.bread_crumb {color: #919191; font-style:normal;}
	
	/* + Usp */
	#content #usp ul {list-style: none; margin: 0px; padding:0px; width:100%;}
	#content #usp li {background: url('../images/check.png') no-repeat left top; display:block; float:left; height:110px;  overflow:hidden; padding: 10px 0px 0px 35px; margin:0px 3px 10px 0px; width:278px;}
	
	/* - Usp */
	
	/* + features */
/* 	#page1 #content .row-1 .col-2 {background: url('../images/feature_background.png') no-repeat left top;   height: 296px; float:right; margin-right:16px;} */
	
	#menu li .small_order {background: transparent; height:195px; overflow:hidden; padding:17px 10px 12px 10px; text-align:center; width: 223px;}
	
	#inner #content .small_order h2 { color:#000000; margin: 0px 0px 0.5em; text-align:center;}
	
/* 	#inner #content strong {color: rgb(54, 95, 145);} */
	
	#inner .small_order {background: url('../images/order_bg.png') no-repeat left top; height:195px; overflow:hidden; padding:17px 10px 12px 10px; text-align:center; width: 223px;}
	
	.small_order p {line-height:1.3em; font-size: 12px;}
	
	.small_order input[type="text"], .small_order textarea { border:1px solid #99d5f1; background:white; color:#378ec3; font-size:12px; height:17px;  margin: 0px 0px 9px 0px; padding:3px 5px 0px 3px; width: 157px; line-height: 1em;}
	.small_order input[type="submit"] {border:none;}

	.small_order textarea {height: 40px; float:left; margin-left:28px;}

	.small_order .in-submit {background: transparent url(../images/bg-button-enter.png) no-repeat scroll 0px 0px;  height: 21px; margin: 24px 6px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; width: 21px; float: right;}
	
	.news_box {width: 240px; padding:0px 8px 0px 6px; }
	.news_box ul.news {list-style:none;margin:0px; padding:0px; width:100%;}
	.news_box ul.news li {background: url('../images/news_bg.png') no-repeat left top; display:block; float:left; height:84px;  overflow:hidden; padding: 0px 12px 0px 4px; margin:0px 0px 10px 0px; width:216px;}
	
	.news_box ul.news li span.date {display:block; float:left; height:84px;  overflow:hidden; padding: 10px 6px 11px 5px; text-align:center; margin:0px 0px 0px 0px; width:34px;}
	
	.news_box ul.news li span.date strong {color: #cc3333; font-weight:bold; font-size:18px;}
	.news_box ul.news li span.date p {margin: 0px 0px 3px 0px; font-size:18px;}
	.news_box ul.news li span.date span {color: #6590aa; font-size:16px; display:block; width:31px;}
	
	.news_box ul.news li span.text {display:block; float:left; height: 84px; padding: 9px 0px 11px 6px;   width:165px;}
	.news_box ul.news li span.text a {color: #6590aa; text-decoration:underline; font-style:italic;overflow: hidden; height: 21px; display: block; }
	.news_box ul.news li span.text p {margin: 3px 0px 0px 0px; overflow: hidden; height: 38px; display: block; }
	
	/* - features */

	ul.dash {margin-bottom:1.5em; list-style: none;}
	ul.dash li {margin-bottom:.5em;list-style-position:outside;}
	ul.dash li{text-indent:-1.4em;padding-left:1.5em;}
	ul.dash li:before{content:'\2014\a0';} 

	ul.checked { font-weight:bold;    color:#079fdb;    list-style-type:none;}
	ul.checked li { padding:4px 0px 0px 32px;   background:transparent url(../images/check_mark.png) no-repeat;    background-position:0 0px; line-height: 24px;}	

	/* + banners */
    #content .row-2 .banner_header1 a,
        #content .row-2 .banner_header2 a,
        #content .row-2 .banner_header3 a { display:block;  font-family:"Myriad Pro", Arial, sans-serif; font-style:normal; font-weight:normal; color:#ffffff; font-size:18px; line-height:1em; text-decoration:none;}
        
	.banner_header1 {background: url('../images/bubble_blue.png') no-repeat left top; height:37px; width: 265px; margin-bottom:3px; padding: 7px 0px 0px 35px; }
	.banner_header2 {background: url('../images/green_bubble.png') no-repeat left top; height:37px; width: 265px; margin-bottom:3px; padding: 7px 0px 0px 35px; }
	.banner_header3 {background: url('../images/gray_bubble.png') no-repeat left top; height:37px; width: 265px; margin-bottom:3px; padding: 7px 0px 0px 35px; }
	
/* 	#content .row-2 p {width: 277px; margin: 0px 0px 0px 0px;} */
	#content .row-2 p {width: 277px; margin-left:15px;}
	#content .row-2 p.alignright { vertical-align: bottom; margin: 0px;}
	
	#content table {border: 1px solid #78ccee;	border-spacing: 0;	border-collapse: collapse;	background-color: white;}
		#content table th {color:#fff;font-size:1.2em;font-weight:bolder;background:#78ccee; border: 1px solid #78ccee;}
		#content table td {padding: 5px; border: 1px solid #78ccee;}
		#content table td.subheader {background-color: #378EC3; color:#fff; font-size: 1.3em; }
#YMapsID-5951 table td {padding: 0px; border: 0px solid #78ccee;}
#YMapsID-5951 table {border: 0px solid #78ccee;	border-spacing: 0;	border-collapse: collapse;	background-color: transparent;}

ul.list_ups { list-style:none;  margin-left: -30px; width: 243px; }
ul.list_ups li { line-height:30px; background: url('../images/check.png') no-repeat; background-position: 0px 3px;}
ul.list_ups em {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style: normal; color:gray; font-size:16px; margin-bottom:.3em; padding-left: 30px;}

.right_block {margin: 47px 0px 0px 10px; }
.right_block h2 {margin:0px 0px 12px 0px;}
.right_block ul {padding: 0px 0px 0px 10px; margin: 0px;}
		
	/* - banners */
	
/* - Content */

	#seocontent{margin: 1em 14px 0px 18px; line-height:1.1em; }

div#separator {background: url('../images/separator.png') no-repeat center top; height: 12px; width: 100%; margin:20px 0px 20px 0px;}

.img_w_border {background-color: #f3f8fe; padding: 5px; border: 1px solid gray; margin:5px 5px}

/* + Footer */

/* - Footer */

/* - Common classes */

/* + SubMenu */
.submenu {margin-left: 10px;}
.submenu ul {margin:0; padding:0; width:220px; list-style:none;background:rgb(255,255,255);}
.submenu li {padding:0; margin:0 0 1px 0; height:40px; display:block; }
.submenu li.subitem {padding:0; margin:0 0 1px 20px; height:40px; display:block; }
.submenu li.subsubitem {padding:0; margin:0 0 1px 40px; height:40px; display:block; }

.submenu li a {text-align:left;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('../images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none; outline:none;}
.submenu li a:hover {background:url('../images/verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.submenu li a.active, .menu li a.active:hover {background:url('../images/verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.submenu li a span {line-height:40px;}
/* - SubMenu */

/* + statistic table */

.padd1 th {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #42a3de;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
    border-left: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

.padd1 td {
    border: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
/* 	color: #3fa1d; */
}


/* - statistic table */

input[type="text"], textarea {border: 1px solid #C1DAD7;}

/* + poll styling */

 

 
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
 
.xboxcontent {display:block; background:#fff; border:0 solid #08c; border-width:0 1px; padding: 15px 10px 0px 10px;}
 
div.poll {padding:0px; width: 240px;}
.poll h2 {text-align: center;}
.poll hr {margin-bottom: 15px; border: 1px dashed #378ec3;}
.poll ul {list-style:none;margin:0px 0px 15px 0px; padding:0px 0px 0px 20px; width:100%;}
.poll ul li {font-size: 14px;line-height: 1.3em;}

.poll td {font-size:14px; line-height: 1.3em;}


/* - poll styling */

/* + feedback styling */
.feedback {display:block; background:#fff;  padding: 15px 10px 15px 10px; margin: 0 0 0 50px;}

.feedback p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.feedback label{
font-weight: bold;
float: left;
margin-left: -155px; 
    margin-top: 3px;
width: 150px; 
}

.feedback input[type="text"]{ 
width: 180px;
}

.feedback textarea{
width: 250px;
height: 150px;
}


/* - feedback styling */

/* beautiful orderd list */
#number {margin: 10px 0px 40px; padding: 0px;}
#number li {list-style: none;margin: 0px 0px 20px;padding: 20px 0px 0px 55px;}

#number .item1 {
  background: url(../images/blue_speech_bubble_48.png) no-repeat;
}
#number .item2 {
  background: url(../images/box_48.png) no-repeat;
}
#number .item3 {
  background: url(../images/questionmark_48.png) no-repeat;
}
#number .item4 {
  background: url(../images/spanner_48.png) no-repeat;
}
#number .item5 {
  background: url(../images/computer_48.png) no-repeat;
}

#number .item6 {background: url(../images/smile_grin_48.png) no-repeat;}

#number .item7 {background: url(../images/usb_48.png) no-repeat;}

#number .item8 {background: url(../images/refresh_48.png) no-repeat;}

#number .item9 {background: url(../images/arrow_right_green_48.png) no-repeat;}

#number .item10 {background: url(../images/lock_48.png) no-repeat;}
/* h4 {color: #666; font: normal normal bold 16px Arial, Helvetica, sans-serif;margin: 8px 0px 5px;} */
/* - beautiful ordered list */

a.text-link {text-decoration: none; color:#000;}
a.text-link :hover {text-decoration: underline;}

.counters {margin-top:33px;}

.print_link {float: right; width:250px;}