html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,  
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}

* {margin: 0; padding: 0;}


table { border-collapse: collapse; }
td { vertical-align: top; }

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	font-family: Arial, Verdana,  Helvetica, sans-serif; 
	font-size: 10pt;
	background-color: #20130b;
	
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #20130B; margin-bottom: 10px; }

h1 { font-size: 16pt;  }
h2 { font-size: 15pt;  }
h3 { font-size: 14pt;  }
h4 { font-size: 13pt;  }
h5 { font-size: 12pt; margin-top: 15px; }
h6 { font-size: 11pt;  }
a { color: #20130b; }

p, ul { padding-bottom: 10px; }

img { border: 0px; }
del { color: #666666; font-family: Arial; }

.form {  }
.form input { width: 95%;  }
.form textarea { width: 95%;  }
small { font-size: 9px; }

a.dashed-a { text-decoration: none; border-bottom: 1px dashed #20130B; padding: 2px; display: inline-block; }

#logo { position: absolute; margin: 2% 0 0 3%; padding-top: 20px; }
#menu { position: absolute; right: 0px; margin: 55px 0 0 0; height: 45px; color: #896a59; width: 850px; z-index: 15; }
#menu .topmenu { position: relative;  }
#menu li { list-style-type: none;    }
#menu a { color: #896a59; text-decoration: none;  }
#menu .topmenu a { color: #896a59; text-decoration: none; padding: 10px 20px;  }
#menu .topmenu a.active { background-color: #5a4439; color: #20130b; border: 1px solid #5A4439; }
#menu .topmenu a:hover { color: #6F4B37;  }
#menu .topmenu a.active:hover { color: #20130b;  }
#menu .topmenu li { display: inline; }

#menu .submenu {  background-color: #5a4439; font-size: 10pt; width: 780px; display: none; height: 40px;  }
#menu .submenu ul { padding-top: 10px; display: none;}
#menu .submenu ul li { display: inline; }
#menu .submenu ul.active { display: block; }
#menu .submenu a { padding: 10px 20px;  }


#menu .submenu a { margin: 10px 0; padding: 10px 15px;  }
#menu .submenu a.active { color: #20130b;  }

#menu .submenu-tree { display: none; background-color: #5a4439; font-size: 10pt; width: 210px; margin: 0 0 0 290px;   border-top: 1px solid #5A4439; }

#menu .submenu-tree h1.header { margin: 20px 0 0 10px; font-weight: bold; font-size: 10pt;  }
#menu .submenu-tree ul.collection-items { margin: 0 0 0 20px; padding: 0px; }
#menu .submenu-tree div { margin: 0 40px; }


div.collection  {  padding: 10px; z-index: 100; position: absolute; right: 10px; background-color: #5a4439; font-size: 9pt; width: 610px; margin: 120px 470px 0 0; display: none;   }
div.collection-36 { width: 350px !important; }
div.collection-37 { width: 350px !important; }
div.collection-38 { width: 350px !important; margin: 120px 220px 0 0 !important; }
div.collection a.close { color: #20130b; font-size: 14px; float: right;  }
div.collection .collection-name { font-size: 18px; margin-bottom: 10px; color: #FDF9F6; }
div.collection ul { float: left; z-index: 100; width: 150px; }
div.collection li h1 { font-weight: bold; font-size: 10pt; margin-bottom: 0px; }
div.collection li h2 { margin-left: 10px; text-decoration: underline; font-size: 9pt;  margin-bottom: 0px;  }
div.collection li a { margin-left: 20px; }
div.collection li a:hover { color: #20130b;  }
div.collection li { list-style-type: none;  padding: 1px;  }
div.collection a { color: #896a59; text-decoration: none;  }
div.collection .no-models{  display: none;  }
div.collection .no-models a {  color: red;  }
div.collection .search {  margin: 0 14px 0 0; }
div.collection .search input { width: 150px; background-color: #FFFFFF; border: 1px solid grey; height: 20px;  }
div.collection .search a { color: #20130b; border-bottom: 1px dashed #20130b; }
div.collection .supercategory { font-weight: bold; }


div.gallery { height: 200px; overflow:hidden; position: absolute; width:100%; bottom: 10%; background-color: #fdf9f6; }
div.gallery ul { list-style:none outside none; margin:0; padding:0; position:absolute; white-space: nowrap; }
div.gallery  li { display: inline; margin: 0 -3px; }
div.leftarrow { height: 200px;  position: absolute; width:24px; bottom: 10%;  z-index: 16; }
div.rightarrow { height: 200px;  position: absolute; width:24px; bottom: 10%; right: 0px;  z-index: 16; }

div.backfon { width: 100%; height: 100%; position: absolute; z-index: 18; background-color: #000000; display: none; }


#text {padding: 25px 0 25px 30px;}
#footer {position: absolute; bottom: 1%; width: 100%;  overflow:hidden;   }
#footer div { display: inline; margin: 0 10px; }
#footer div.social { margin-right: 30px; float: right; }
#footer div.sbuttons { float: right; margin-top: 1px; }
#footer div.logo { margin-left: 25px; float: left; }

div#main-window {  padding: 10px; position: absolute; left: 50%;  margin-left: -350px;  width: 700px; top: 53%; margin-top: -225px; height: 450px; background-color: white; z-index: 20;  }  
div#main-window .shopitem {  margin: 10px 0;  }  
div#main-window .bottom-panel { width: 100%; height: 15px; z-index: 50; }  
div#main-window img.close-button { position: absolute;  right: 10px; padding: 10px 0 5px 0; cursor: pointer; }
div#main-window div.control { position: absolute; margin: 8px 0 0 0; display: none; width: 100px;  }
div#main-window div.control a { text-decoration: none;  }


div#main-window #jscroll { height: 420px;  width: 700px; background-color: #d2b79f; overflow: hidden; }
div#main-window #jscroll .content { padding: 10px; }
div#main-window #jscroll img { margin: 6px; padding: 1px; border: 1px solid #896A59; }
div#main-window #jscroll ul { margin: 6px; }

div#search-window {  position: absolute; left: 50%;  margin-left: -270px;  width: 540px; top: 50%; margin-top: -30px; height: 60px; background-color: #5a4439; z-index: 10;  }
div#search-window .search { margin: 20px; color: #896A59; }
div#search-window .search input { width: 350px; background-color: #FFFFFF; border: 1px solid grey; height: 20px; padding: 0 10px; }
div#search-window .search a { color: #20130b; border-bottom: 1px dashed #20130b; text-decoration: none; }

div#authorizationform { display: none; color: #896A59; position: absolute; left: 50%;  margin-left: -270px;  width: 540px; top: 50%; margin-top: -30px; height: 60px; background-color: #5a4439; z-index: 10;  }
#faqform {  color: #896A59; position: absolute; left: 50%;  margin-left: -270px;  width: 540px; top: 37%; margin-top: -30px; height: 290px; background-color: #5a4439; z-index: 10;  }
#faqform textarea { width: 490px;  }
#faqform input { width: 400px;  }


form#authform { margin: 19px 0 0 25px; }

/* íîâîñòè */
.news { padding-bottom: 15px;  }
.news a {  padding-top: 8px;  }

.news .newsstar { float: left; padding-top: 10px; }

.news .newsimage { margin: 0 10px 10px 10px; border: 0px solid #AAAAAA; float: left; }

.news .date {  margin-bottom: 5px; font-weight: bold;}
.newsbrake {clear: both; width: 100%; height: 54px;}
.newssubbrake{margin-left: 10%; width: 80%; height: 27px; border-bottom: 1px solid #20130b;}

/* äîêóìåíòû */
#doc { }
#doc h2 { padding-bottom: 30px; }
#doc img {padding: 15px; border: 0px;}
#doc #shortdescription { font-style: italic; padding-bottom: 20px; border-bottom: 1px solid #CCCCCC; }

/* ñòàòüè */
#articlescontainer div {padding-bottom: 15px; }
#articlescontainer div div {margin-left: 12px; }

/* âàêàíñèè */
#vacancecontainer div { padding-bottom: 15px; }

/* faq */
#faqcontainer div {  padding-bottom: 15px;  }
#faqcontainer img.photo { padding: 0 20px;  }
#faqcontainer p { padding-bottom: 10px; }
#faqcontainer ul { padding-left: 20px; }

/**  íåïîíßòíûå êëàññû  **/
.gmtbl {background-color: #ffffc6; border: 1px solid #FF7D01; padding: 5px;}
.gmtdttl {font-weight: bold;color: #FFFFFF; text-align:center;  background-color: #FF7D01}
.gmtdtext {color: #black; text-align:center;}

table.discount  {width: 550px;}
table.discount tr td.percent { width: 15%; font-size: 46px; text-align: right; padding-right: 10px;  color: #F27F24;  }
table.discount tr td.img { width: 25%;   }
#doc table.discount img { padding: 0; }
#doc h1 { margin-top: 40px; text-align: center; margin-bottom: 20px; }

/**  ìîäåëè  **/
#modelinfo .model-rightcol { float: right; width: 250px; height: 400px; }
#modelinfo .model-leftcol { overflow: hidden; width: 51%;}
.catalog-content img{ padding: 0px; margin: 0px; border: 0px; }
#modelinfo .block { margin-top: 5px; padding: 0 5px; }
#modelinfo .material { font-size: 8pt; }
#modelinfo .coloritem { width: 50px; height: 20px; margin: 3px; float: left; font-size: 9pt; }
#modelinfo .subimage { border: 1px solid #DDDDDD; width: 78px; height: 110px;  position: absolute; margin: 288px 0 0 188px; cursor: pointer; }

.model-small-item { display: static; position: relative; margin: 0 0 15px 0; text-align: center; width: 142px;  }
.model-small-artikul {    margin-top: 180px; z-index: 25;  text-align: center; width: 142px; }
.model-small-artikul-opacity {    margin-top: 170px;  background-color: #5b4638;  height: 30px;  text-align: center; width: 142px; }
.model-small-artikul a { text-decoration: none; }

.content-rightcol { float: right; width: 400px; height: 400px; }
.content-leftcol { background-color: #d2b79f;   }
 
div.recomendation h2 { font-size: 100%; color: white; font-weight: normal; margin-top: 20px; margin-bottom: 0px; text-transform: uppercase; }
div.recomendation img { border: 0px !important; margin-right: 20px; }
div.recomendation u { font-weight: bold; }
div.recomendation td { vertical-align: middle; }
div.recomendation sup { font-size: 60%; }


/** lookbook **/
div.lookbook  { position: absolute; right: 10px; bottom: 40px; list-style: none; text-align: right;  }
#cboxLoadedContent { overflow: hidden !important; }

/* àäìèíêà */
div#main-window-admin { -moz-border-radius: 15px; padding: 10px; position: absolute; left: 50%;  margin-left: -480px;  width: 960px; min-height: 700px; margin-top: 145px; margin-bottom: 100px; background-color: white;  }  
#left ul.admin  { list-style: none; margin: 15px 0 0 10px; font-size: 18px; padding: 0px; height: 500px; float: left; }
#left ul.admin  li { margin: 15px 0 ; }
#left { float: left; width: 200px; }
#text { width: 720px; overflow: hidden; }
#topregion { border-bottom: 1px solid #CCCCCC; margin: 5px; padding-bottom: 15px; width: 100%;  }
#cityselect { float: right; width: 52%; }

/**  ìîäåëè äëÿ äèëëåðîâ â îòäåëüíîì îêíå **/
.dealer-order-position-extend .model-rightcol { width: 55%; float: right;  }
.dealer-order-position-extend .model-leftcol { width: 41%; margin-top: 50px;  }
.dealer-order-position-extend .model-leftcol .images { overflow: hidden; }
.dealer-order-position-extend table.color {  font-size: 11pt; }
.dealer-order-position-extend table.color tr.active { background-color: #E6E6E6; }
.dealer-order-position-extend table.color td { padding: 3px; height: 40px; vertical-align: middle;  }
.dealer-order-position-extend div.coloritem { width: 82px; height: 40px; float: left; margin-right: 3px; cursor: pointer; }


table.vacance-resume  { width: 100%;}
table.vacance-resume .error  { background-color: #FFA8A8; }
table.vacance-resume td { padding: 5px; margin-top: 5px; }
table.vacance-resume input, table.vacance-resume textarea { width: 100%; }    


/******** jsqroll *********/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #D2B79F;
	
}
.jScrollPaneDrag {
	position: absolute;
	background: #20130B;
	margin: 1px;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background: url('/public/images/service/arrow-up.gif') no-repeat top center #D2B79F;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background: url('/public/images/service/arrow-down.gif') no-repeat top center #D2B79F;
	
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

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

.opacityon {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
   -moz-opacity: 0.7; /* Mozilla 1.6 è íèæå */
   -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
   opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
   font-family: Arial;
}

.opacityoff {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
   -moz-opacity: 1.0; /* Mozilla 1.6 è íèæå */
   -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
   opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

/*  tooltip  */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #cccccc;
	background-color: #FFF5EF;
	padding: 5px;
	opacity: 1;
	width: 150px;
}
#tooltip h3, #tooltip div { margin: 2; color: black; font-size: 9pt; text-transform: none; }


/* ôîðìà */
.adminform { margin: 15px 0; }
.adminform label { display: block; font-weight: bold; margin-top: 10px; }
.adminform input, .adminform select, .adminform textarea { width: 95%; }
.adminform input[type=checkbox] { width: auto; }
.adminform a { font-size: 20px; text-decoration: none; border-bottom: 1px dotted grey; }
.headlink { font-size: 22px; text-align: center; width: 100%; }
.headlink input { font-size: 22px; }

.enabled { color: green !important; cursor: pointer; }
.disabled { color: red !important; cursor: pointer; }


.datepicker { width: 200px !important; }

/* øèðèíà òàáëè÷íûõ êîëîíîê */
.p5 { width: 5%; text-align: center; }
.p10 { width: 10%; text-align: center; }
.p20 { width: 20%; }
.p30 { width: 30%; }
.p40 { width: 40%; }
.p45 { width: 40%; }
.p50 { width: 50%; }
.p60 { width: 60%; }
.p70 { width: 70%; }
.p80 { width: 80%; }
.p90 { width: 90%; }
.p100 { width: 100%; }



.opacity50 {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
   -moz-opacity: 0.5; /* Mozilla 1.6 è íèæå */
   -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
   opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.opacity60 {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/
   -moz-opacity: 0.6; /* Mozilla 1.6 è íèæå */
   -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */
   opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.opacity70 {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
   -moz-opacity: 0.7; /* Mozilla 1.6 è íèæå */
   -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
   opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.opacity80 {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
   -moz-opacity: 0.8; /* Mozilla 1.6 è íèæå */
   -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
   opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.opacity90 {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE 5.5+*/
   -moz-opacity: 0.9; /* Mozilla 1.6 è íèæå */
   -khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */
   opacity: 0.9; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}



.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }

/* òî ÷òî îòíîñèòñß ê çàêàçó */
table.info { margin: 20px; }
table.info td { padding: 3px;  }
table.info tr {border-top: 1px solid grey; border-bottom: 1px solid grey;}
td.label { font-weight: bold; background-color: #FFDCBF; width: 150px; text-align: right;}

.order .filter { width: 680px; padding: 15px; border: 1px solid grey; margin: 10px 0; background-color: #FFF5EF; }
.order .filter input {  font-size: 14px; }
.order .filter a {  font-size: 24px; margin-top: 20px; }
.order .filter span {  display: block; margin: 10px 0 3px 0; font-size: 13px; font-style: italic;   }
.order .filter select { width: 150px; font-size: 14px; display: inline; }
.order .position table { width: 680px; margin: 10px 0; }
.order .position table tr { border-bottom: 1px solid grey; }
.order .position table tr.pretotal { font-size: 14px; background-color: #E0E7EF; }
.order .position table tr.total { font-size: 17px; background-color: #E0E7EF; }

.order .position table tr.header { font-weight: bold; background-color: #FFDCBF; }
.order .position table tr td { border-top: 1px solid grey;  width: 15%; vertical-align: middle; padding: 3px;}
.order .position table tr td div.color { width: 18px; height: 18px; border: 1px solid black; float: left; margin: 2px; }
.order .position table.sizecolor { width: 240px; float: right; }
.order .position table.sizecolor tr td { padding: 5px; text-align: center;}
.order .position table.sizecolor .manysize { padding: 2px ; }
.order .position table.sizecolor .manysize input { width: 18px; }
.order .position table.sizecolor input { width: 25px; text-align: center; font-size: 12px; }
.order .position table.sizecolor input.wrong { background-color: #FFAAAA !important; }
.order .position table.sizecolor input.selected { background-color: #FFE8BF; }
.order .position table.sizecolor td.header { width: 100px; }
.order .position table.sizecolor div.color { width: 38px;  }
.order .ordersummary { margin: 20px 0; font-size: 16px; text-align: right; width: 700px; }
.order a.add-to-order {  font-size: 18px; text-decoration: none; border-bottom: 1px dashed #41495F; color: #41495F; margin: 8px 12px; float: right;  }
.order a.add-to-order span { color: red; }

.order .generated-order { border: 1px solid grey; background-color: #FAFAFA; font-size: 16px; margin: 30px 10px; width: 650px; padding: 20px; }

.metro-point { width: 20px; height: 20px;  position: absolute;  cursor: pointer; background: url(/pubic/simages/main/zero-pixel.png);  }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid white;
	background-color: white;
	padding: 5px;
	opacity: 1;
	width: 250px;
}
#tooltip h3, #tooltip div { margin: 0; font-weight: normal; font-size: 10pt;	color: #321f10; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/public/images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/public/images/colorbox/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(/public/images/colorbox/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(/public/images/colorbox/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(/public/images/colorbox/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(/public/images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/public/images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/public/images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/public/images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/public/images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/public/images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/public/images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/public/images/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/public/images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(/public/images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/public/images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/public/images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/public/images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/public/images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/public/images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/public/images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/public/images/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}