/* style for template #4 */

   #gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;

	/* CSS3 Rounded Corners */

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	border:1px solid #dddddd;

	background:url('http://fruitylaptop.ru/img/panel.jpg') repeat-x bottom center #ffffff;

	/* The width of the gallery */
	width:560px;
	height:430px;
	margin-top:5px;
	overflow:hidden;
}
 
.catalog_main {padding:20px;} 
.catalog_main a {color:#666; font-size:14px; line-height:20px;}
.catalog_main li {background:url('http://fruitylaptop.ru/images/catalog_arrow.png') right no-repeat; }
 
 
#slides{
	/* This is the slide area */
	position:relative;
	top:-85px;
	height:470px;

	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:560px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
		position:relative;
	top:-85px;
	height:45px;
	width:560px;
}

 ul{
	margin:0px;
	padding:0px;
}

 li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block !important;
	list-style:none;
	height:45px;
	overflow:hidden;
}

 li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url('http://fruitylaptop.ru/img/pic_bg.png') repeat;
}

 li.act,li.act:hover{
	/* The active state of the thumb */
	background:url('http://fruitylaptop.ru/img/active_bg.png') no-repeat;
}

 li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url("http://fruitylaptop.ru/img/divider.png") no-repeat right;
}

 li a{
	display:block;
	background:url("http://fruitylaptop.ru/img/divider.png") no-repeat right;
	height:35px;
	padding-top:10px;
}

 a img{
	border:none;
}


p, font
{ font-family:		Tahoma;
  font-size:		11px;
}
td
{ font-family:		Tahoma;
  font-size:		11px;
}
h1
{ font-family:		Tahoma;
  font-size:		18px;
  color:			black;
}
.header
{ font-family:		Arial;
  font-size:		16px;
  color:			white;
  font-weight:		bold;
  text-decoration:	underline;
}
.topp {background:url('http://fruitylaptop.ru/images/peformance_processors20100313.png') right bottom no-repeat; font-size:15px; padding-left:10px;padding-top:20px; line-height:18px; width:576px; height:495px; }
.topp a {font-size:15px; color:#403d3d; text-decoration:underline;}
.menushka {margin-top:3px;margin-left:13px; width:79px; font-family:tahoma; font-size:13px; height:22px; float:left; padding-top:5px;padding-left:30px;}
.menushka2 {background:#e2e2e2;font-family:tahoma;margin-top:3px; font-size:13px; width:79px; height:22px; float:left; padding-top:5px;margin-left:15px;padding-left:15px;}


 form#payment {
    background: #eeeeec;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
	width: 340px;
	border:1px solid #dddddd;
   }
 form#payment fieldset {
    border: none;
    margin-bottom: 10px;
    }
    form#payment fieldset:last-of-type {
    margin-bottom: 0;
    }
	
	    form#payment fieldset fieldset legend {
    color: #111111;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 0;
    }

	
 form#payment legend {
    color: #384313;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    text-shadow: 0 1px 1px #c0d576;
    }

    form#payment ol li {
    background: #f2f2f2 !important;
    background: rgba(255,255,255,.3) !important;
   border-color: #fff !important;
    border-color: rgba(255,255,255,.6) !important;
    border-style: solid !important;
    border-width: 2px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
   border-radius: 5px !important;
   line-height: 20px !important;
   list-style: none !important;
   padding: 5px 10px !important;
   width:280px !important;
   margin-bottom:2px !important;
   margin-right:20px !important;
   height:50px;
   }
   form#payment ol ol li {
   background: none !important;
   border: none !important;
   float: left !important;
   }
   
   

   

  . form#payment input:not([type=radio]),
    form#payment textarea {
   background: #ffffff;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font: italic 13px Georgia, "Times New Roman", Times, serif;
   outline: none;
   padding: 5px;
   width: 150px;
   }
   form#payment input:not([type=submit]):focus,
   form#payment textarea:focus {
   background: #eaeaea;
   }
   form#payment input[type=radio] {
   float: left;
   margin-right: 5px;
   }

    form#payment label {
    float: left;
    font-size: 13px;
    width: 90px;
    }

    form#payment fieldset fieldset label {
    background:none no-repeat left 50%;
    line-height: 20px;
    padding: 0 0 0 30px;
   width: auto;
   }
   form#payment label[for=visa] {
   background-image: url(visa.gif);
   }
   form#payment label[for=amex] {
   background-image: url(amex.gif);
   }
   form#payment label[for=mastercard] {
   background-image: url(mastercard.gif);
   }
   form#payment fieldset fieldset label:hover {
   cursor: pointer;
 }





.mainp {background:#fff;}
.header3 a {color:#616161; float:left; padding-top:2px;padding-left:2px;}
.header3 { padding-left:450px;padding-top:16px; }
.no_underline
{ text-decoration:		none;color:#797979;
}
.tovar {text-decoration: none;}
.tovar a {text-decoration: underline;  color:#000; font-weight:normal ; font-family:tahoma; font-size:12px; }
.tovar a:hover {text-decoration: underline;color:#66c20b;  font-weight:normal ; font-family:tahoma; font-size:12px;}

a
{ font-family:		Tahoma;
  font-weight:		bold;
  font-size:		11px;
  color:			navy;
}
.small
{ font-size:		10px;
}
.faq
{ font-size:		13px;
}
.big
{ font-size:		18px;
  text-decoration:		none;
}
.cat
{ font-size:		16px;
}
.cat_light
{ font-size:		16px;
  color:			white;
}
.standard
{ font-weight:		normal;
}
.light
{ color:			white;
}
.lightsmall
{ color:			white;
  font-size:		10px;
}
.lightstandard
{ color:			white;
  font-weight:		normal;
}
.middle
{ color:			white;
}
.cart
{ font-family:		Tahoma;
  font-size:		11px;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:			1px;
  
  color:			616161;
  background-color:  transparent;
}
.totalPrice
{ font-size:	    	16px;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:		1px;
  font-weight:		bold;
  color:		red;
  background-color:  transparent;
}
.myaccount_tab_bottom
{
  BORDER-BOTTOM:	1px solid;
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		1px solid;
  BORDER-TOP:		0px solid;
  BORDER-COLOR:		#82A1DD;
  text-align:		center;
  margin:			1px;
}

.myaccount_tab_top
{
  BORDER-BOTTOM:	0px solid;
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		1px solid;
  BORDER-TOP:		1px solid;
  BORDER-COLOR:		#82A1DD;
  text-align:		center;
  margin:			1px;
}

.myAccount_bottomright {
  BORDER-BOTTOM: 1px dotted #A9C0FF;
  BORDER-RIGHT: 1px dotted #A9C0FF;
}
.myAccount_bottom {
  BORDER-BOTTOM: 1px dotted #A9C0FF;
}
.myAccount_right {
  BORDER-RIGHT: 1px dotted #A9C0FF;
}

.comparison_button
{
  BORDER-BOTTOM:	1px solid;	
  BORDER-LEFT:		1px solid;
  BORDER-RIGHT:		1px solid;	
  BORDER-TOP:		1px solid;
  background-color:  #D2E7FF;
}

.pageSeparator {
	BORDER-BOTTOM: 2px dotted #A9C0FF
}
.article {background:#fff; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:1em;border:1px #e3e1e1 solid; -moz-border-radius: 17px; text-align:justify;}
.article p {font-family:Arial, Helvetica, sans-serif; font-size:17px; text-indent:20px;}
.article a {color:#666; text-decoration:none;}
.navigation {padding-left:15px;color:#a0a0a0;}
.navigation a {color:#a0a0a0;}
.navigation a:hover {color:#a0a0a0}
.fullnews p{font-size:15px;}
.fullnews a {color:#666}
.fullnews h2 {color:#f07e03}

span.dot { position:absolute; text-indent: -1000em; }
    span.ruble { text-transform:uppercase; }
    span.hyphen:after { content: '\2013'; }
    span.hyphen { position:absolute; margin:.1ex 0 0; behavior: expression(this.innerHTML = '–'); }