@charset "utf-8";
/* CSS Document */

body{background:url(/images/bg.jpg) top center repeat-y; font-family:Arial, Helvetica, sans-serif; }
#nav_bar{ width:988px; height:47px; background:url(../images/nav_bg.png) top center no-repeat; margin:10px auto 0;font-size:18px; font-variant:small-caps; color:#d7d7d7; line-height:47px; text-align:center;}
#logo{ width:955px; margin:20px auto; }
#logo img{ border:none; width:737px; height:88px;}
.shad_left{ width:987px; margin:0 auto; background:url(/images/left_shad.png) top left no-repeat;}
.shad_right{ width:987px; margin:0 auto; background:url(/images/right_shad.png) top right no-repeat;}
.content_top{ background:url(/images/c_top.png) no-repeat top center; padding-top:11px;}
.content_bot{ background:url(/images/c_bot.png) no-repeat bottom center; padding-bottom:35px;}
.content_outer{ background:url(/images/cont_outer.png) repeat-y 17px 568px;  }
.content{background:url(/images/cont_bg.png) top left no-repeat;margin:0 18px; min-height: 568px; _height: 568px; width:950px;}
.separator{ background:url(/images/separator.png) center repeat-x; width:92%; height:2px; margin:0 auto; padding:20px 0;}
#nav_bar a{text-decoration:none; font-size:18px; font-variant:small-caps; color:#d7d7d7; margin:40px; }
#nav_bar a:hover, #nav_bar a.item, .prod_list li a:hover,.prod_list li a.item{ text-decoration: underline}
.prod_list{ margin-left:50px; padding-top:35px;}
.prod_list li{ background:url(../images/ls.png) left center no-repeat; padding-left:13px; color:#2e2e2e; font-size:14px; line-height:18px; display:inline-block; min-width:250px; text-align:left; _overflow:hidden;/*IE6, IE7*/*zoom:1;/* IE6, IE7*/*display:inline;/*IE6, IE7 аdisplay:inline-block*/ vertical-align:top;}
.prod_list li a{color:#2e2e2e; text-decoration:none;}
h1{ font-family:"monotype Corsiva"; font-size:35px; color:#2e2e2e; text-align:left; padding:7px 50px;}
.products li{ padding-left:13px; color:#2e2e2e; font-size:14px; line-height:18px; display:inline-block; width:160px; text-align:center; _overflow:hidden;/*IE6, IE7*/*zoom:1;/* IE6, IE7*/*display:inline;/*IE6, IE7 аdisplay:inline-block*/ vertical-align:top; margin:20px;}
.products{ text-align:center;}
.products li img{ border:1px solid #5b5b5b; padding:2px;}
div.errors{ font-size:14px; color:#900; text-align:center; padding:10px;}
.inner_content{ margin:0 30px; padding:30px 15px;}
.inner_contenth{ margin:0 30px; padding:0px 15px;}
p, table{ color: #333; font-size:14px; line-height:18px; padding-bottom:7px;}
p a{ color: #333;}
.pagingLink img{ margin-bottom:-6px;}
.inner_content img,.inner_contenth img{ border:1px solid #333; padding:2px; float:left; margin-right:10px;}
.inner_contenth img{ padding:2px; margin-right:10px;}
.inner_contenth li{background:url(../images/ls.png) left center no-repeat; color:#2e2e2e; font-size:14px; line-height:18px;}
.footer{ width:100%; text-align:center; font-size:12px; color:#000; margin-bottom:20px;}
.footer a{color:#000;}
.contacts, #map_canvas{ display:inline-block;_overflow:hidden;/*IE6, IE7*/*zoom:1;/* IE6, IE7*/*display:inline;/*IE6, IE7 аdisplay:inline-block*/ vertical-align:top;}
.contacts a{ text-decoration:none;}
#map_canvas{ width:390px; height:395px; padding:2px; border:1px solid #333; margin-left:20px; margin-top:195px;}
 #contact_form p{ margin-top:5px; margin-bottom:5px; text-align:right;  font-size:12px;}
  #contact_form div p{ margin-top:5px; margin-bottom:5px; text-align:center;  font-size:12px;}
  #contact_form p label{ display:inline-block; width:80px; _overflow:hidden;/*IE6, IE7*/
  *zoom:1;/*аВаКаЛб�б�аАаЕаМ hasLayout аДаЛб� IE6, IE7*/
  *display:inline; vertical-align:top; text-align:left; font-size:12px;}
#contact_form p input, #contact_form p textarea{ width:350px;}  
a.varioushome, a.various{ color:#333; text-decoration:none;} 
a.various img{ padding:2px; border:1px solid #333; width:160px; height:120px;}
a.varioushome img{ padding:2px; border:1px solid #333;}
* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(/images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}
#logoParade
	{
		width: 870px;
		height: 128px;
		position: relative;
	}

	#logoParade div.scrollableArea *
	{
		float:left;
		  margin:0 10px;
	}
	#contact_form{ width:440px;}
	#contact_form div.errormsg{text-align:center; font-size:13px; color:#900}	
	#contact_form div.capcha{margin-left:100px;}
	#contact_form p input.button{ margin-right:150px; width:80px;}	
	div.paging{ text-align:right; margin-right:62px;}
div.paging .page-number {
font-weight:bold;
}
span.pagingLink {
color:#333;
cursor:pointer;
text-decoration:underline;
font-size:13px;
}
.pagingLink {
font-weight:bold;
margin:0 2px;
}