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

/***LIGHTBOX*********************************************/

#xi-fader {
	z-index:998;
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	display:none;
	background-image:url(/js/images/fader.png);
}

#xi-lightbox {
	z-index:999;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	display:none;
	overflow:hidden;
}

#xi-lightbox-window {
	margin-top:40px;
	margin-bottom: 40px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/********************************************************/

body {
 margin: 0px; padding: 0px;
 font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 text-decoration: none;
 font-style: normal; font-weight: normal;
 background-color: #ffffff;}
h1 {margin:0px; padding:0px; font-size: 13px;}

a {
	cursor: pointer;
	color: #666666;
	text-decoration: none;
	-webkit-transition: all 200ms ease-out ;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

a:hover {cursor: pointer; color: #db0000; text-decoration: none;}

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

td, body {font-size: 13px; color: #333333;line-height: 16px;}
.tdb {font-weight: bold; font-size: 16px; color: #464646;}
div.clear {clear:both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px;}
/*------------------------------------------------------------------------------*/
div.box {width: 1000px; margin: 0px auto 0px auto; padding: 0px; clear: both; border: 0px solid; position: relative;}
div.box100 {width: 100%; margin: 0px auto 0px auto; padding: 0px; clear: both; border: 0px solid; position: relative;}
/*------------------------------------------------------------------------------*/
div.topline {width: 1000px; height: 5px; background-color: #8e191d; margin: 0px auto 0px auto; padding: 0px; clear: both; border: 0px solid;}
div.logoandmenu {width: 1000px; height: 133px; margin: 0px 0px 0px 0px; padding: 0px; clear: both; border: 0px solid;}
img.logo {margin: 21px 0px 0px 19px; padding: 0px; border: 0px solid; width: 148px; height: 99px; position: relative; float: left;}

div.call {margin: 21px 31px 0px 0px; padding: 0px; border: 0px solid; position: relative; float: right; text-align: right; color: #666666; font-size: 13px;}
span.call {color: #333333; font-size: 15px; font-weight: bold;}

div.stockholder {margin: 24px 0px 0px 0px; padding: 0px; border: 0px solid; position: relative; float: right;}
a.stockholder {
 color: #5f5b5b;
 font-weight: normal;
 font-size: 13px; line-height: 30px;
 text-decoration: none;
 margin: 0px 42px 0px 0px; padding: 9px 15px 9px 15px;
 border: 1px solid #cccccc;
 border-radius: 3px;
 -moz-border-radius: 3px;
 box-shadow: 1px 1px 1px 0 #cccccc;
 -moz-box-shadow: 1px 1px 1px 0 #cccccc;
 background-color: #f8f8f8; /* ��� �� css3 ������������� */
 background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e7e7e7)); /* chrome, safary, etc. webkit */
 background: -moz-linear-gradient(top, #f8f8f8, #e7e7e7); /* FireFox */
 background: -o-linear-gradient(top, #f8f8f8, #e7e7e7); /* Opera */
 filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f8f8f8,endColorStr=#e7e7e7); /* MS IE 7 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e7e7e7')"; /* MS IE 8 */}
a.stockholder:hover {color: #8e191d;}
/*------------------------------------------------------------------------------*/
div.topmenu {margin: -24px 17px 0px 0px; padding: 0px; clear: both; border: 0px solid; top: 0px; position: relative; float: right; text-align: center;}

a.tmenu {
 color: #333333;
 font-weight: bold;
 font-size: 15px;
 text-decoration: none; text-transform: uppercase;
 margin: 0px 17px 0px 17px;
 padding: 5px 0px 5px 0px;
 background-position: bottom;}
a.tmenu:hover {color: #333333; /*text-decoration: underline; color: #8e191d;*/
 background-image: url(/img/underline.gif);
 background-repeat: repeat-x;
 background-position: bottom;}
a.atmenu {
 color: #333333;
 font-weight: bold;
 font-size: 15px;
 text-decoration: none; text-transform: uppercase;
 margin: 0px 17px 0px 17px;
 padding: 5px 0px 5px 0px;
 background-image: url(/img/underline.gif);
 background-repeat: repeat-x;
 background-position: bottom;}
/*------------------------------------------------------------------------------*/
div.dotline {width: 100%; height: 5px; background-image: url(/img/dotline.gif); background-repeat: repeat-x; margin: 0px auto 0px auto; padding: 0px; clear: both; border: 0px solid;}
div.dotlineproduct {width: 100%; height: 5px; background-image: url(/img/dotline.gif); background-repeat: repeat-x; margin: 10px auto 10px auto; padding: 0px; clear: both; border: 0px solid;}
/*------------------------------------------------------------------------------*/
.bigbanner {background-image: url(/img/bigbanner.jpg); background-repeat: no-repeat;  background-position: center; margin: 0px auto 0px auto; padding: 0px; clear: both; border: 0px solid; height: 523px;}
div.bigtext {margin: 0px auto 0px auto; padding: 0px; clear: both; border: 0px solid; width: 1000px; height: 523px;}
div.brownlink1 {border: 0px solid; text-align: center; position: absolute; margin: 20px 0px 0px 221px;}
div.brownlink2 {border: 0px solid; text-align: center; position: absolute; margin: 117px 0px 0px 636px;}
div.brownlink3 {border: 0px solid; text-align: center; position: absolute; margin: 211px 0px 0px 439px;}
div.brownlink4 {border: 0px solid; text-align: center; position: absolute; margin: 285px 0px 0px 0px;}
div.brownlink5 {border: 0px solid; text-align: center; position: absolute; margin: 302px 0px 0px 316px;}
div.brownlink6 {border: 0px solid; text-align: center; position: absolute; margin: 299px 0px 0px 772px;}
a.brownlink {
 color: #ffffff;
 font-weight: normal;
 font-size: 16px; line-height: 30px;
 font-family: Georgia, MS Sanf, sans-serif, Times New Roman;
 text-decoration: none; text-transform: uppercase;
 margin: 0px 0px 0px 0px; padding: 7px 15px 7px 15px;
 border: 0px solid;
 background-color: #793618;}
a.brownlink:hover {color: #e1e1e1;background-color: #8e191d;}
/*------------------------------------------------------------------------------*/
div.whiteblock {position: relative; float: left; width: 620px; border: 1px solid #d9d9d9; margin: 0px 0px 0px 19px; padding: 0px;}
div.whiteblockleft  {position: relative; float: left; width: 214px; border: 0px solid; margin: 28px 0px 28px 30px; padding: 0px;
 color: #000000;
 font-weight: normal;
 font-size: 18px;
 font-family: Georgia, MS Sanf, sans-serif, Times New Roman;
 text-decoration: none;}
div.whiteblockright {position: relative; float: left; width: 294px; border: 0px solid; margin: 25px 0px 25px 48px; padding: 0px;
 color: #666666;
 font-weight: normal;
 font-size: 13px;
 text-decoration: none;}
/*------------------------------------------------------------------------------*/
.title {
 color: #000000;
 font-weight: normal;
 font-size: 18px;
 font-family: Georgia, MS Sanf, sans-serif, Times New Roman;
 text-decoration: none;
 width: 18%;}
.titlewhite {
 color: #ffffff;
 font-weight: normal;
 font-size: 18px;
 font-family: Georgia, MS Sanf, sans-serif, Times New Roman;
 text-decoration: none;
 background-color: #8d0706;
 padding: 0px 15px 0px 0px;}
.titlebox {width: 940px; border: 0px solid; margin: 20px 0px 20px 0px;}
.titleboxred {width: 100%; border: 0px solid; margin: 0px 0px 0px 0px;  background-image: url(/img/dotline.gif); background-repeat: repeat-x; background-position: center center; padding: 0px; clear: both; border: 0px solid;}
/*------------------------------------------------------------------------------*/
div.productboxbig {width: 940px; border: 0px solid; margin: 0px 0px 20px 0px; text-align: center;}
div.productbox {width: 180px; border: 0px solid; margin: 0px 4px 20px 4px;  text-align: center;
 position: relative; float: left;
 color: #666666; font-size: 13px;}
img.productimage {width: 180px; height: 205px; border: 0px solid;
 background-repeat: no-repeat;
 background-position: center;}
span.producttitle {
 color: #333333;
 font-weight: normal;
 font-size: 13px;
 text-decoration: none;}
span.redprice {
 color: #8d0706;
 font-weight: bold;
 font-size: 18px;
 text-decoration: none;}
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div.box100footer {width: 1000px; margin: 0px auto 0px auto; padding: 0px; border: 0px solid;
 background-image: url(/img/bgfooter.gif);
 background-repeat: repeat-y;
 background-position: center;}
.footerbox {width: 1000px; margin: 0px auto 0px auto; padding: 0px; clear: both; border: 0px solid; position: relative;}

.leftfooter {width: 33%; padding: 0px; border: 0px solid;
 color: #ffffff;
 font-weight: normal;
 font-size: 11px;
 text-decoration: none;}
.centerfooter {width: 34%; padding: 0px; border: 0px solid;
 color: #ffffff;
 font-weight: normal;
 font-size: 11px;
 text-decoration: none;}
.rightfooter {width: 33%; padding: 0px 0px 0px 30px; border: 0px solid;
 color: #ffffff;
 font-weight: normal;
 font-size: 11px;
 text-decoration: none;
 text-align: left;}

div.call2 {
 background-image: url(/img/icocall.gif);
 background-repeat: no-repeat;
 background-position: left;
 color: #ffffff;
 font-weight: normal;
 font-size: 11px;
 text-decoration: none;
 text-align: left;
 padding: 0px 0px 10px 70px;
 margin: 0px 0px 10px 0px;
 position: relative; float: left;}
span.call2 {
 color: #ffffff;
 font-weight: bold;
 font-size: 15px;
 text-decoration: none;}

div.email {
 background-image: url(/img/icomail.gif);
 background-repeat: no-repeat;
 background-position: left;
 color: #ffffff;
 font-weight: normal;
 font-size: 11px;
 text-decoration: none;
 text-align: left;
 padding: 10px 0px 10px 70px;
 position: relative; float: left;}
div.skype {
 background-image: url(/img/icoskype.gif);
 background-repeat: no-repeat;
 background-position: left;
 color: #ffffff;
 font-weight: normal;
 font-size: 11px;
 text-decoration: none;
 text-align: left;
 padding: 10px 0px 10px 70px;
 position: relative; float: left;}
span.skype {
 color: #ffffff;
 font-weight: bold;
 font-size: 15px;
 text-decoration: none;}
div.facebook {
 background-image: url(/images/icon_facebook.png);
 background-repeat: no-repeat;
 background-position: left;
 color: #ffffff;
 font-weight: normal;
 font-size: 11px;
 text-decoration: none;
 text-align: left;
 padding: 10px 0px 10px 70px;
 position: relative; float: left;}
span.facebook {
 color: #ffffff;
 font-weight: bold;
 font-size: 15px;
 text-decoration: none;}

div.copy {text-align: left; height: 50px;}
div.copyname {margin: 0px 0px 0px 32px; padding: 0px; float: left; text-align: left; line-height: 50px;}
div.design  {margin: 0px 36px 0px 0px; padding: 0px 60px 0px 0px; float: right; text-align: right;
  line-height: 50px;
 background-image: url(/img/xilogo.gif);
 background-repeat: no-repeat;
 background-position: right;}

.copy {font-size: 13px; color: #949494;}
.copyb {font-size: 13px; color: #333333; font-weight: bold;}

a.cl {text-decoration: none; font-size: 13px; color: #333333; font-weight: normal; padding: 0px 5px 0px 5px;}
a.cla {text-decoration: none; font-size: 13px; color: #85909b; font-weight: normal; padding: 0px 5px 0px 5px;}
a.cl:hover {color: #85909b;}

div.namecategoryproduct {width: 1000px; background-color: #f0f0f0; margin: 10px auto 20px auto; padding: 14px 0px 14px 0px; clear: both; border: 0px solid;
 color: #333333;
 font-weight: normal;
 font-size: 18px;
 font-family: Georgia, MS Sanf, sans-serif, Times New Roman;
 text-decoration: none;
 text-indent: 30px;}

div.page {width: 1000px; clear: both; border: 0px solid;}

div.pageleft {width: 220px; border: 0px solid; position: relative; float: left;  margin: 0px 0px 0px 0px;}
div.pageright {width: 762px; border: 0px solid; position: relative; float: right;}

div.pageproductbox {
    width: 176px;
    border: 0px solid;
    margin: 0px 0px 10px 14px;
    text-align: center;
    position: relative;
    float: left;
    color: #666666;
    font-size: 13px;
}

div.pageproductbox .dotlineproduct {
    margin-top: 0px;
}

img.pageproductimage {
    width: 176px;
    height: 200px;
    border: 1px solid #dedede;
    background-repeat: no-repeat;
    background-position: center;
}

span.pageproducttitle {
    color: #333333;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
    display: block;
    padding: 5px 5px 0 5px;
    min-height: 50px;
}
span.redprice {
 color: #8d0706;
 font-weight: bold;
 font-size: 18px;
 text-decoration: none;}

div.pagenumber  {padding: 10px 0px 20px 0px; text-align: center;}
a.leftmenu:before {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	z-index:55;
	background: url(../images/arrow.png) no-repeat;
	margin-top: 12px;
	margin-left: -13px;
}
a.leftmenu {
 color: #ffffff; background-color: #8e191d;
 border-bottom: 1px solid #9d383b;
 font-weight: normal;
 font-size: 13px; line-height: 36px;
 text-decoration: none;
 padding: 0px 10px 0px 20px; height: 36px;
 display: block;}

a.leftmenu:hover {background-color: #701215;}

a.aleftmenu {
 color: #ffffff; background-color: #701215;
 font-weight: normal;
 font-size: 13px; line-height: 36px;
 text-decoration: none;
 padding: 0px 10px 0px 20px; height: 36px;
 display: block;
 border-bottom: 0 !important;
 }

a.leftsmenu {
	color: #701215;
	background-color: #e7b4b6;
	border-left: 4px solid #fff;
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	text-decoration: none;
	padding: 5px 10px 5px 26px;
	display: block;
	border-bottom: 1px solid #fff;
}
a.leftsmenu:hover {color: #ffffff;}

.redactor {
    padding-left: 21px;
}

.graybox {
    background-color: #f1f1f1;
    padding: 25px;
}

.prodImage {
    width: 353px;
    height: 345px;
    border: 1px #e0e0e0 solid;
    background-position: center;
    background-repeat: no-repeat;
}

.eventsRedactor .dotline:first-child {
	display: none;
}

.contactField {
	width: 220px;
	margin-bottom: 5px;
}

.contactField.small {
	width: 80px;
}

textarea.contactField {
	height: 100px;
}

.mmDiv {
	position: relative;
	height: 22px;
}

.ddUl {
	position: absolute;
	display: none;
	z-index: 1000;
	top: 18px;
	left: 10px;
	width: 200px;
	background: rgba(142,22,29,0.93);
	text-align: left;
	list-style: none;
	list-style-position: inside;
	padding: 0;
	margin: 0;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.ddUl :last-child { border-bottom: 0 !important;}
.ddUl li {
	border-bottom: 1px #fff solid;
	
}

.ddUl li a {
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 7px 0 7px 10px;
}

.ddUl li a:hover {
	padding-left: 15px;
}

.bannersSliderCase {
    width: 301px;
    height: 100px;
    float: left;
}

.bannerSlide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.emptyCart {
    text-align: center;
}

.emptyCart h1 {
    color: #8e191d;
    font-size: 28px;
    text-transform: uppercase;
}

.cartTable th {
    background-color: #e9e9e9;
}

.cartTable td {
    background-color: #f4f4f4;
}

button {cursor: pointer;}
.contact_form_wrapper {
	width: 250px;
	float: left;
}
.contact_content_wrapper {
	width: 470px;
	float: right;
}
.form_lightbox {
	width: 242px;
	height: 400px;
	padding: 10px 10px 40px;
	background-color: #fff;
	font-weight: 700;
	color: #8e191d;
}
.form_lightbox h1{
	font-size: 17px;
	text-transform: uppercase;
	padding: 10px 0;
	text-align: center;
}

/* CART FORM */
.formFild {
	line-height: 30px;
	border: 1px solid #bcbcbc;
	padding-left: 5px;
	background-color: #fff;
	margin-top: 20px;
	width: 315px;
	height: 30px;
}
.last {
	margin: 6px 0 0 0;
}
.formText {
	line-height: 20px;
	width: 99%;
	border: 1px solid #bcbcbc;
	padding-left: 5px;
	background-color: #fff;
	font-family: Helvetica;
	margin-top: 20px;
	margin-bottom: 20px;
}
.notfilled {
border: 1px solid #ff0000;
background-color: #fee8e8;
}
.psevdoBtn {
	background: #ddd;
	padding: 2px;
	border: 1px solid #fff;
	border-radius: 5px;
	cursor: pointer;
}
.psevdoBtn:hover {
	background: #eee;
}
#cartForm {margin-top: -17px;}