body { background:#000000; color:#ffffff; font-family:Georgia,"Times New Roman",Times,serif;font-size:12px;}
html, body, * {	margin:0; padding:0;}
.clear {clear:both}
a img {border:0px;}
a{color:#ffffff;}

h1, h2, h3 {
	font: 14px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	font-weight:normal;
	weight:100%;
	display:block;
}

.MainBlock{margin: 10px auto; width: 1000px;}
.LogoBlock {padding-bottom:20px; margin-left:50%;}
.Logo {margin-left:-244px;}
.BigLogo {margin-left:-391px; padding-top:200px;}

.PopularWrapper, .HomePageWrapper{width:400px; float:left;}
.Form, .ContactsPageWrapper{width:400px; float:right;}
.OtherContentBlock{width:800px; float:left;}

.PopularTitle{display:none;}
.RightBlock{float:left;width:200px;}
.Contacts {padding-left:10px;font-size:16px;padding-bottom:20px;}

.InnerSearch{background: url("../img/14/btn_search.jpg") no-repeat; height:42px; width:200px;}
.InnerSearchTextWrapper{padding-left:10px;  padding-top:2px; float:left;}
.InnerSearchText {font-size:14px; width:160px; border:0px;}
input.InnerSearchBtn {float:right; width:25;}

ul.White {list-style:none;}
ul.BigMenu {list-style:none;}

.HomePageWrapper h1, .CustomPageWrapper h1, ul.White a, .ContactsPageWrapper h1 {
	font: 10px/15px Arial, Helvetica, sans-serif;
   	padding: 10px 13px;
	margin-bottom:10px;
	font-weight:normal;
	background-color:#ffffff;
	color:#000000;
	weight:100%;
	display:block;
	text-decoration:none;
	padding-left:10px;
}

ul.BigMenu {
	border-top:#ffffff 1px solid;
	padding-left:420px;
}

ul.BigMenu li {
	float:left;
}

ul.BigMenu a {
	font: 10px/15px Arial, Helvetica, sans-serif;
   	padding: 10px 13px;
	margin-bottom:10px;
	font-weight:normal;
	color:#ffffff;
	weight:100%;
	display:block;
	text-decoration:none;
	padding-left:10px;
}

.Form h2 {
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   top: 0;
}
.Breadcrumbs, .BottomMenu {
	width:770px; background-color:#ffffff;
	padding: 10px 13px;	
	margin-bottom:10px;
}
.BottomMenu {
	clear:both;
	width:1000px;
}
.Breadcrumbs a, .BottomMenu a{
	font: 10px/15px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding: 10px 13px;	
	color:#000000;
	text-decoration:none;
}
.Breadcrumbs a:hover, ul.White a:hover, .Breadcrumbs a.End, .BottomMenu a:hover{
	background-color:#efefef;
}

#ContactIndexForm {
	background:#111111;
}
.Catalog a {
	color:#FFFFFF;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:10px;
}
.Catalog a:hover {
	color:#000000;
	background-color:#FFFFFF;
}

.ListDescription {
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
}
.ListDescription p {
	margin-bottom:10px;
}
.productsTable td{
	padding:10px;
}

.HomeStyle2{width:1000px;}
.HomeStyle2 .PopularWrapper{padding-left:300px;}
.HomeStyle2 .NextCenterColumn{display:none;}
.OtherContentBlock2{width:1000px; float:left;}
.OtherContentBlock2 .Form, .OtherContentBlock2 .ContactsPageWrapper{width:500px;}

.OtherContentBlock2 .Breadcrumbs, .OtherContentBlock2 .BottomMenu {
	width:1000px;
}

div.input {padding:5px;}
div.file label, div.password label, div.textarea label, div.select label, div.text label { width:160px; float:left;}
div.file input, div.password input, div.textarea input, div.select input, div.text input { width:200px; padding:3px; font:100%/1.5 "arial", sans-serif;}
div.input textarea {height:100px; width:200px; padding:3px; font:100%/1.5 "arial", sans-serif;}
div.input select {width:200px; padding:3px; font:100%/1.5 "arial", sans-serif;}
div.submit { padding-left:160px; padding-top:5px; padding-bottom:10px;}
.input .error-message{padding-left:160px; color:red;}


#s3slider {
   width: 400px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}