/*
   First page CSS file
   Start at 09 march 2009, Kuzmani Rustam
*/

/******  1. BASIC ELEMENTS
******************************/
*               { padding: 0; margin: 0; line-height: 1.3em; }
HTML            { height: 100%; padding: 0; margin: 0;}
BODY            { height: 100%; padding: 0; background: url('/i/MainBg.gif') repeat-x top #FFFFFF; color: #000000; font-size: 100%; font-family: Arial, Geneva CY, Sans-Serif; }
IMG               { border: none; display: inline; }
P               { margin: 0 0 1em 0; }
UL, OL            { margin: 0 0 1em 0; }
UL LI, OL LI      { margin: 0 0 0 0; }
A               { color: #000000; }
A:visited         { color: #000000; }
FORM { margin:0; }
OL LI            { margin: 0 0 0.6em 1.5em; }

H1, H2, H3, H4, H5, H6
{ margin: 0 0 1em 0; }
H1   {  }
H2   {  }
H3   {  }
H4   {  }
H5   {  }

TABLE, TD, TH
{ border-collapse: collapse; border-spacing: 0; border: none; vertical-align: top; text-align: left; font-weight: normal; }
HR   { height: 1px; color: #FFFFFF; border: none; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; }
#MetaLayout         { font-size: 0.8em;}

/** HTML IMG         { behavior: url('js/pngbehavior.htc'); }*/
/******  2. STANDART CLASSES
******************************/

.Nowrap         { white-space: nowrap; }
UL.WithDash LI   { list-style-type: none; margin: 0 0 0.6em 0; padding: 0 0 0 1.5em; text-indent: -1.3em; }
.Clear         { clear: both; }
BR.Clear      { clear: both; font-size: 0; line-height: 0;}
.Local         { color: #00a1e4; text-decoration: none; border-bottom: 1px dashed #00a1e4; cursor: pointer; }
.Local:hover   { color: #00a1e4; text-decoration: none; border-bottom: 1px dashed #00a1e4; }
.Numbers      { text-align: right; }
.UpCase         { text-transform: uppercase; }
.Right         { text-align: right; font-style: italic; }
.Pink         { color: #e1207c; }
 * html input {
 vertical-align: middle;
 }
 input {
 vertical-align: middle;
 }
 .Loading {background: url('/i/loading14x14.gif') no-repeat center center;}

.BuyBtn      {margin-left: -4px; margin-top: 20px;float:left;background-image:url('../i/BtnBuy.png');background-repeat:no-repeat;background-position:center center;}
.BuyBtn:hover {background-image:url('/i/BtnBuy_h.png');background-repeat:no-repeat;background-position:center center;}


/******  3. ÑÏÈÑÊÈ Â ÒÅÊÒÅ
******************************/

.Content UL,
.Content OL      { padding: 0; margin: 1em 0; }
.Content LI      { margin: 0.5em 0 0.5em 1.3em; }

/******  4. ÂÑÅ ÄËß ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÛ
******************************************************************************************/

#MetaLayout                     { padding: 8px 0 0 0; background: url('/i/LayoutShade.jpg') no-repeat center 8px; }

#PageBox                     { width: 944px; margin: 0 auto; }

#Top                        { height: 43px; padding: 17px 50px 0 45px; border-bottom: 1px solid #000000; background: url('/i/TopBg.gif') no-repeat left top; color: #FFFFFF; }
#Top A                        { color: #FFFFFF; }

#Logotype                     { margin: 0 45px 0 0; float: left; }

#TopMenu                     { margin: 0; padding: 0.7em 0 0 0; list-style: none; float: left; }
#TopMenu LI                     { margin: 0 25px 0 0; padding: 0; float: left; }

.Question                     { padding: 0 0 0 23px; background: url('/i/TopIcons.gif') no-repeat 0 1px; text-decoration:underline; cursor:pointer;}
/*******************************************************************************************/


/******  4. ÁËÎÊ Ñ ÊÎÐÇÈÍÎÉ È ÔÈÎ ÊËÈÅÍÒÀ
******************************************************************************************/
#UserTopBox                     { margin-top:8px;padding:0;float:right; }
.UserBlock                     {display:inline;position: relative;padding:0 0 0 5px; margin:0px; font-size: 10px; background:url('/i/UserBlockBg.png') no-repeat left center; float:left;height:19px;}
.UserBlock .UserInfo {padding:3px 5px 0 0;float:left;}
.UserBlock .RBg {padding:0; margin:0; background:url('/i/UserBlockBgR.png') no-repeat right center;height:19px;}


.Close                        { margin-left: 0.3em; text-decoration: none; font-size: 8px; position: relative; top: 1px; }

/*.UserBlock .LU                  {display:inline; width: 8px; height: 8px; background: url('/i/BlackCorners.gif') no-repeat -8px -8px; position: absolute; top: 0; left: 0; }
.UserBlock .RU                  {display:inline; width: 8px; height: 8px; background: url('/i/BlackCorners.gif') no-repeat 0 -8px; position: absolute; top: 0; right: 0; }
.UserBlock .RD                  {display:inline; width: 8px; height: 8px; background: url('/i/BlackCorners.gif') no-repeat 0 0; position: absolute; bottom: 0; right: 0; }
.UserBlock .LD                  {display:inline; width: 8px; height: 8px; background: url('/i/BlackCorners.gif') no-repeat -8px 0; position: absolute; bottom: 0; left: 0; }*/


#BasketTopIcon {width:56px;height:34px;float:left;text-align:center;}
#BasketTopBody {position:fixed;top:69px;}

.OpenBasket  {width: 56px; height: 30px; padding:0; font-size: 0.7em; padding: 4px 0 0 0px;
 display: block; text-decoration: none; cursor:pointer;background: url('/i/TopIcons.gif') no-repeat 60% -77px;}

.OpenBasketPink  { width: 56px; height: 30px; padding:0; font-size: 0.7em; padding: 4px 0 0 0px;
 display: block; text-decoration: none; cursor:pointer;
 background: url('/i/TopIconsPink.gif') no-repeat 60% 7px;color:#e1207c;}
.IconCornerHide {position: relative;display:none;}
.IconCornerView {position: relative;display:block;}


.Cart {position: relative;width:200px;}
.Cart a {text-decoration:none;}
.Cart .Body {padding:2px 7px;background: url('/i/InformerBG.png');}
.Cart .BodyUDRow {margin:0 4px 0 4px;background: url('/i/InformerBG.png');height:4px;}


.Cart .cLU                  { width: 4px; height: 4px;
background: url('/i/InformerCorner.png') no-repeat -4px -4px; position: absolute; top: 0; left: 0; }
/*.Cart .cRQ                  { width: 4px; height: 4px;
background: url('/i/CornerBasket4x4.png') no-repeat 0 0; position: absolute; bottom: 0; right: 0; }*/
.Cart .cRU                  { width: 4px; height: 4px;
background: url('/i/InformerCorner.png') no-repeat 0 -4px; position: absolute; top: 0; right: 0; }
.Cart .cLD                  { width: 4px; height: 4px;
background: url('/i/InformerCorner.png') no-repeat -4px 0; position: absolute; bottom: 0; left: 0; }
.Cart .cRD                  { width: 4px; height: 4px;
background: url('/i/InformerCorner.png') no-repeat 0 0; position: absolute; bottom: 0; right: 0; }
/*******************************************************************************************/

/*******************************************************************************************/
/******  4. ÁËÎÊ Ñ ÊÎÍÒÅÍÒÎÌ (ó èíäåêñíîé ñòðàíèöû PromoBox ó îñòàëüíûõ CommonBox)
            Ó íåêîòîðûõ ñòðàíèö ïåðåîïðåäåëÿåòñÿ
******************************************************************************************/
#CommonBox               { background: url('/i/CommonBoxBorders.gif') repeat-y left;}
.CommonContent           { padding: 30px 0 0 50px; background: url('/i/CommonBoxBg_NEW.jpg') no-repeat left top;}
.CommonBoxBottom         { width: 944px; height: 8px;
margin: -7px 0 0 -50px; background: url('/i/CommonBoxBottom.png') no-repeat left top;}
/** HTML .CommonBoxBottom  {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/CommonBoxBottom.png', sizingMethod='scale'); }*/
.TitleBox	{ margin: 0 0 45px 0; clear: both; }
/*******************************************************************************************/
/*******************************************************************************************/



/******  4. ÂÅÐÕÍÅÅ ÌÅÍÞ
******************************************************************************************/


#MenuMain                     {display:inline;margin: 0; float: left;padding: 0 0 0 7px; list-style: none;
background: url('/i/WhiteCornerLD.gif') no-repeat left bottom #FFFFFF; }
#MenuMain LI                  { margin: 0 20px 0 0; padding: 7px 0 5px 0; float: left; font-size: 1.2em; }
#MenuMain LI A                  { text-decoration: none; }
#MenuMain LI A:hover                  {color:#E1207C;}
#MenuMain LI.Last               { margin-right: 0; padding-right: 7px; background: url('/i/WhiteCornerRD.gif') no-repeat right bottom;height:20px; }
#MenuMain LI div.Selected {float:left;background: url('/i/MainMenuBtnBg.gif') no-repeat left center;height:20px;padding:0 0 0 3px;margin: 0;}
#MenuMain LI div.Selected div {background: url('/i/MainMenuBtnBgR.gif') no-repeat right center;height:20px;margin: 0;padding:0 3px 0 0;}
#MenuMain LI div.Selected a {color:#FFFFFF;}
/*******************************************************************************************/


/******  4. ÒÀÁÛ
******************************************************************************************/
.ui-tabs-hide {display: none;}
.ui-tabs-nav {list-style: none;margin: 0;padding: 0 0 0 3px;}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;clear: both;content: " ";}
.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav .ui-tabs-disabled a { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;color: #000000;text-decoration:none;
}
.ui-tabs-nav a,
.ui-tabs-nav .ui-tabs-unselect a { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;color: #CACACA;
}

* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;}
/*******************************************************************************************/


/******  4. ÇÂÅÇÄÛ ÐÅÉÒÈÍÃÀ
******************************************************************************************/
.StarRating                     { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.StarRating LI                  { width: 12px; height: 11px; margin: 0 2px 0 0; padding: 0; display: block; float: left; background-image: url('/i/StarsRating.gif'); background-repeat: no-repeat; }
.StarRating LI.StarOn            { background-position: 0 0; }
.StarRating LI.StarOff            { background-position: 0 -16px; }

.StarRatingP                     { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.StarRatingP LI                  { width: 12px; height: 11px; margin: 0 2px 0 0; padding: 0; display: block; float: left; background-image: url('/i/StarsRating.png'); background-repeat: no-repeat; }
.StarRatingP LI.StarOn            { background-position: 0 0; }
.StarRatingP LI.StarOff            { background-position: 0 -16px; }


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


/******  4. ÂÑÏËÛÂÀÞÙÈÅ ÎÊÍÀ
******************************************************************************************/
#PopUpWindows {
display:none;position: fixed;z-index: 1000;width:100%;
}
#PopUpShadow {
display:none;
position: absolute;z-index: 95;
width:100%;
}
.DialogWin .Body {color:white;background-color:#000000;padding: 20px 30px 25px 35px;text-align:left;}
.DialogWin .Body h1 {color:white;}
.DialogWin .CloseWin{text-align:right;color:#929497;font-size:10px;height:15px;cursor:pointer;}
.DialogWin .OpenForm{cursor:pointer;text-decoration:underline;}
.DialogWin .FormFieldName {color:#686868;text-decoration:none;font-size:14px;font-weight:bold;}
.DialogWin .FormInput {width:192px;height:20px;font-size:14px;line-height:20px;margin:2px;}
.DialogWin table.Avail {margin:25px 0 20px;font-size:14px;width:100%;}
.DialogWin .Avail td {padding:5px 5px 5px 0;border-bottom:1px solid #1c1c1c;}
.DialogWin .Avail .grey {color:#686868;}
.DialogWin .Avail a {color:#686868;}

.DialogWin .wLU {width: 31px; height: 31px;
background: url('/i/CornerPopUpWin.png') no-repeat -31px -31px; position: absolute; top: 0; left: 0;}
.DialogWin .wRU {width: 31px; height: 31px;
background: url('/i/CornerPopUpWin.png') no-repeat 0 -31px; position: absolute; top: 0; right: 0;}
.DialogWin .wLD {width: 31px; height: 31px;
background: url('/i/CornerPopUpWin.png') no-repeat -31px 0; position: absolute; bottom: 0; left: 0;}
.DialogWin .wRD {width: 31px; height: 31px;
background: url('/i/CornerPopUpWin.png') no-repeat 0 0; position: absolute; bottom: 0; right: 0;}


.DialogWin .ContentBox {padding:20px 0;clear:both;}
.DialogWin .BottomBox {border-top:1px solid #1c1c1c;padding-top:20px;clear:both;}
/*******************************************************************************************/





/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:13px;height:12px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -12px}
div.star-rating,div.star-rating a{background:url(/i/star12.png) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:12px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -12px!important}
div.star-rating-hover a{background-position:0 -12px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */




label.radio span.holder {height: 45px;}
label.radio:hover span.holder { top: -30px; } /* Background position on mouseover */
label.checked span.holder { top: -15px !important; } /* Background position when checked */
label.list {float: left; clear: left;margin: 0;height: 15px;}
label.inline {float: left; margin: 0;}
input.hiddenCheckbox {position: absolute; left: -10000px; /* Hide the input */}
label.prettyCheckbox span.holderWrap {display: block; float: left;position: relative;
margin-right: 2px;overflow: hidden;}
label.prettyCheckbox span.holder {display: block;position: absolute;top: 0; left: 0;}









/******  4. ÏÐÎÌÎ ÁÀÍÍÅÐÛ ÂÍÈÇÓ (3 áàííåðà)
******************************************************************************************/
.BannerBox      {margin:10px -10px 10px 0;clear:both;overflow: hidden;position:relative;}
.BannerBox .Banner {display:inline;width: 308px; height: 117px; margin:0 10px 0 0; float:left;}
/*******************************************************************************************/


.SearchBox                     { padding: 30px 50px 70px 0; }
.SearchBox FORM                  {  }
.SearchBox DIV                  { width: 173px; height: 23px; padding: 2px 0 0 2px; float: right; background: url('/i/SearchBG.gif') no-repeat 0 0; }
.SearchBox DIV INPUT            { width: 150px; height: 19px; color: #b4b4b4; padding: 0 0 0 20px; background: none; border: none; background: url('/i/IcoSearch.gif') no-repeat 4px 4px; }
.SearchBox DIV INPUT.Active         { color: #000000; }


.SiteMapBox                     { overflow: hidden; font-size: 0.87em; }
.SiteMapBox H4                  { margin-bottom: 0.5em; font-weight: normal; }
.ColOf5                        { width: 188px; float: left; }
.SiteMapBox UL                  { margin: 0 0 1.5em 0; padding: 0; list-style: none; }
.SiteMapBox UL LI               { margin: 0 0 0.5em 0; padding: 0; }
.SiteMapBox UL LI A               { color: #777777; }
.Thin                        { width: 140px !important; }
.Wide                        { width: 200px !important; }


.BreadCrumbs                  { padding: 0 0 30px 0; }
.BreadCrumbs *                  { vertical-align: middle; }
.BreadCrumbs A                  { color: #777777 !important; text-decoration: none; }
.BreadCrumbs A:hover            { text-decoration: underline; }
.BreadCrumbs SPAN               { color: #e1207c; }
.IcoHome                     { position: relative; top: -0.2em !important; left: 0; margin: 0 !important; }
.BreadCrumbs IMG               { margin: 0 3px; position: relative; top: 0.1em; left: 0; }





#Footer                        { padding: 70px 0 40px 0; overflow: hidden; font-size: 0.87em; color: #777777; }
#Footer A                     { color: #e1207c; }
.Copyright                     { padding-top: 1em; float: left; margin-right: 50px; }
.FooterMenu                     { padding-top: 1em; float: left; font-weight: bold; }
.FootInfo                     { height: 40px; padding: 0 45px 0 0; float: right; text-align: right; background: url('/i/PremiumLogo.gif') no-repeat right top; }


.PriceBox .Btn {float:left; height:12px; margin-left: 5px; margin-top:9px;}
.PriceBox .Btn {background-image:url('/i/cart_button.gif'); background-repeat:no-repeat;background-position:center center;}
.PriceBox .Btn:hover {background-image:url('/i/cart_button_h.gif');background-repeat:no-repeat;background-position:center center;}
.PriceLow {color: #e1207c; text-decoration: line-through;}