﻿.DEBUG { background-color: red; border-bottom: 3px solid black; padding: 5px; text-align: center; color: yellow; font-weight: bold; }


body { color: black; font-family: Trebuchet MS,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0px 0px; border-top: 5px solid rgb(63,63,63); background: rgb(224,224,224) url('../Images/body_background.png') top center repeat-x;  }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
p { text-align: justify; }

.container { width: 1100px; margin: auto; }

.header{ }
.header #logo { background: transparent url("../images/logo.png") no-repeat top left; height: 45px; width: 332px; display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
.header ul.top-menu { margin: 43px 0px 0px 0px; }
.header ul.top-menu li { float: left; list-style: none; list-style-image: none; list-style-position: outside; margin-left: 1px; position: relative; background-color: white;  }
.header ul.top-menu li.Active { background-color: rgb(201,201,201); color: white; }
.header ul.top-menu li a { padding: 10px 15px 15px 15px; display: inline-block; color: black; }



.body { background-color: white; border-top: 5px solid rgb(201,201,201); position: relative; top: -5px; padding: 15px; }
.body .left-column { width: 300px; }
.body .left-column ul.left-menu { margin: 0px; padding: 0px;  }
.body .left-column ul.left-menu li { list-style: none; list-style-image: none; list-style-position: outside; background-color: rgb(230,230,230); margin-top: 1px; }
.body .left-column ul.left-menu li a { padding: 8px 10px; display: block; color: black; }

.body .main-column { width: 750px; }
.body .middle-column { width: 430px; }
.body .right-column { width: 300px; }



.section-header { font-size: 16px; padding: 8px 10px; background-color: rgb(63,63,63); color: rgb(230,230,230); font-weight: bold; }
.section-body-item { margin: 1px 0px 0px 0px; padding: 8px; background-color: rgb(230,230,230); }
.section-body-item img { float: left; margin: 0px 10px 10px 0px; border: 1px solid Silver; }

.slider { border: 5px solid rgb(63,63,63); height: 270px; margin-bottom: 20px; }

.section-button { padding: 15px 10px; text-align: center; font-size: 16px; font-weight: bold; color: white; background-color: green; }



.footer { position: relative; top: -5px; padding: 15px; background-color: rgb(63,63,63); color: rgb(230,230,230); font-size: 12px; }
.copyright { font-size: 12px; margin: 5px 15px 25px 5px; text-align: right; color: gray;   }




/*




* { font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif; }
body, .normalText { font-size: .85em; font-size: 12px; color: #696969; }
body { background-color: rgb(41,41,41);  margin: 0px; padding: 0px;  }

h1, h2, h3, h4, h5, h6 { color: black; text-shadow: 1px 1px 2px white; }
h1 { font-size: 16px; color: rgb(70,70,70); margin-bottom: 10px; }
h2 { font-size: 14px; color: rgb(70,70,70); margin-top: 10px; margin-bottom: 10px; }
h3 { font-size: 14px; margin-bottom: 5px; color: rgb(80,80,80);  }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

hr { height: 1px; border: 0px; border-top: 1px dotted gray; margin-top: 20px; }

#progress { text-align: center; padding: 15px; }

.HomePriceList { margin-top: 0px; }
.HomePriceList h2 { margin-top: 0px; }

p { margin-top: 0px; margin-bottom: 5px; }
a img { border: 0px; }
a { color: #696969; color: #7C5232; text-decoration: underline; }
a:hover { color: rgb(223,182,79); }

.body { margin: 0px; padding: 0px; background: rgb(215,214,210) url('../Images/body_background.jpg') repeat-x top center; border-bottom: 5px solid rgb(223,182,79); padding-bottom: 30px; }
.page { width: 1000px; margin-left: auto; margin-right: auto; min-height: 527px; background: transparent url('../Images/page_background.jpg') no-repeat top center; }
.header { margin-top: 0px; margin-bottom: 0px; padding: 0px; }
.logo { margin-left: 25px; margin-top: 25px; margin-bottom: 25px; }

body.LoginLayout { background: url('../Images/body_background.jpg') repeat-x scroll center top #D7D6D2 !important; }
.bodyLoginLayout { border: 0px !important; }
.LoginLogout { text-align: right; margin-right: 15px; color: silver; }
.LoginLogout a { color: silver; text-decoration: none; }
.LoginLogout a:hover { color: rgb(223,182,79); text-decoration: underline; }
    */
.LoginPnl { text-align: center; width: 100%; }
.LoginPnlLogo { padding-top: 50px; }
.LoginPnlLogo hr { width: 330px; height: 1px; border: 0px; background-color: rgb(223,182,79); }
.LoginPnlError { margin-bottom: 100px; }
.LoginPnlError ul { text-align: left; }
.LoginFieldSet { padding: 10px; width: 310px; margin: auto; margin-top: 50px; margin-bottom: 15px; }

/*
.Footer { color: gray; width: 1000px; margin-left: auto; margin-right: auto; padding-top: 25px; padding-bottom: 50px; }
a.FooterLink { color: silver; text-decoration: none; }
a.FooterLink:hover { color: rgb(223,182,79); }
a.FooterGrayLink { color: gray; text-decoration: none; }
a.FooterGrayLink:hover { color: rgb(223,182,79); }

.FooterMenu { margin-left: 10px; margin-top: 3px; }
.CopyrightPnl { margin-right: 25px; }
.CopyrightPnl hr { height: 1px; background-color: gray; border: 0px; }
.CopyrightPnl .BoldText { font-weight: bold; }
.CopyrightPnl .LargeText { font-size: 21px; }
.CopyrightPnl .LargeText2 { font-size: 18px; }

.menupnl { background: transparent url('../Images/menu_background.png') no-repeat top center; font-size: 14px; padding: 5px; width: 990px; height: 39px; line-height: 39px; } 
.menupnl li { background: transparent none !important; } 
ul#menu { position: relative; margin: 0px !important; padding: 0px !important; text-align: center; background: transparent none !important; border: 0px !important; color: silver;  }
ul#menu li.MenuParser { display: inline; list-style: none; height: 41px !important; width: 155px !important; border-right: 1px dotted gray; }

ul#menu li.MenuParser:last-child { border-right: 0px solid gray; }
ul#menu li.MenuParser a, ul#menu li.MenuParser .k-link  { text-decoration: none; height: 29px; color: silver; margin-right: 0px; display: block; line-height: 1.8em !important;  }
ul#menu li.MenuParser a:hover, .menupnl li.MenuParser li.k-state-hover {  background-color: rgb(223,182,79) !important; color: Black; text-decoration: none; }
ul#menu li.MenuParser a:hover, .menupnl li.MenuParser li.k-state-hover {  background-color: rgb(223,182,79) !important; color: Black; text-decoration: none; }
-- ul.k-popup li.k-item a.k-link { text-align: left; width: 193px !important; height: 32px !important; padding: 5px 0px 0px 12px !important; }
ul.k-popup li.k-item a.k-link { text-align: left; width: 240px !important; height: 32px !important; padding: 5px 0px 0px 12px !important; }


.HomeImg { margin-right: 8px; border: 0px !important; }
.HomeImg a { font-size: 0px; display: block; width: 43px; height: 38px; background: transparent url('../Images/ico_menuhome.png') no-repeat top center;  }
.HomeImg a:hover { background: transparent url('../Images/ico_menuhome2.png') no-repeat top center;  }
                    


.MainIndex { width: 950px; margin: auto; }
.AnimPnl { margin: auto; width: 950px; }
#slider { height: 310px; position: relative; width: 870px; }
#slider .rotatorItem { height: 310px; left: 0; overflow: hidden; position: absolute; top: 0; width: 870px; background-position: top center; background-repeat: no-repeat; }
.sliderArrowLeft, .sliderArrowRight { background: url("../Images/sliderArrows.gif") no-repeat scroll left top transparent; cursor: pointer; height: 81px; width: 40px; z-index: 999; margin-top: 120px; }
.sliderArrowLeft { background-position: 0 50%; }
.sliderArrowRight { background-position: 100% 50%; }
.rotatorItem a { display: block; cursor: pointer; position: relative; left: 587px; top: 205px; width: 200px; height: 52px; }


.IndexLeftPnl { width: 560px; }
.IndexRightPnl { width: 350px; border-left: 1px dotted silver; padding-left: 20px; }


.NewSmallMessage { border: 1px solid silver; padding: 10px; margin-bottom: 20px; margin-top: 10px; }
.NewMessage p { margin-bottom: 20px; }
.HomeNews { margin-top: 14px; width: 210px; }
.HomeNews p { margin: 0px; }

.HomeContent { margin-top: 14px; width: 710px; }
.HomeContentColumn { margin-top: 20px; width: 340px; }
.HomeContentColumn p { margin: 0px; } 
.HomeContentColumn ul { padding-left: 23px; }
.HomeContentColumn ul li { margin-bottom: 5px; text-align: justify; list-style-image: url('../Images/tick.png') }


table.News { width: 100%; }
td.NewCreateDateCell { width: 80px; vertical-align: top; }
.NewCreateDateDiv { margin-right: 10px; padding: 5px; padding-top: 5px; padding-bottom: 5px; border: 1px solid gray; background-color: rgb(176,176,176); color: White; border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; }
.NewCreateDateDay { font-size: 21px; text-align: center; }
.NewCreateDateMont { font-size: 11px; text-align: center; }
td.NewMessageCell { padding-bottom: 20px; vertical-align: top; text-align: justify; }

td.NewMessageCell p { margin-top: 0px; margin-bottom: 10px; }
td.NewMessageCell p:last-child { margin-bottom: 0px !important; }






.HomeContent table.Products { width: 100%; }
.HomeContent table.Products td { vertical-align: top; padding: 5px; padding-bottom: 10px; width: 126px; border: 1px solid silver; text-align: center; background-color: White; }
.HomeContent table.Products td div { margin-bottom: 10px; }

table.Products { width: 100%; }
.ProductImage { width: 100px; vertical-align: top; }
.ProductImage div { background-color: White; border: 1px solid gray; padding: 5px; }
.ProductText { padding-left: 15px; vertical-align: top; }
.ProductPrice { text-align: right; font-size: 14px; }
.ProductPriceDescription { text-align: right; font-size: 10px; font-style: italic; }



.ProductImage { width: 100px; vertical-align: top; }
.ProductImage div { background-color: White; border: 1px solid gray; padding: 5px; }
.ProductText { padding-left: 15px; vertical-align: top; }
.ProductPrice { text-align: right; font-size: 14px; }
.ProductPriceDescription { text-align: right; font-size: 10px; font-style: italic; }


.DEBUG { background-color: red; border-bottom: 3px solid black; padding: 5px; text-align: center; color: yellow; font-weight: bold; }


table.Partners { margin-top: 15px; }
table.Partners tr td div.Logo { text-align: center; margin-top: 15px; }
table.Partners tr td div.Name { text-align: center; margin-bottom: 15px; }
table.Partners tr { border-top: 1px dotted silver; }
table.Partners td { border-left: 1px dotted silver; }
table.Partners tr:first-child { border-top: 0px; }
table.Partners tr td:first-child { border-left: 0px; }


.WhiteFrame { padding: 20px; border: 1px solid white; background-color: transparent; border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; }
.WhiteFrame hr { margin-top: 20px; margin-bottom: 20px; height: 1px; border: 0px; background-color: white; }



.Map { margin-top: 13px; border: 1px solid gray; }
.ContactColumn { width: 250px; }

.ContactMiddle1Column { margin-left: 15px; width: 200px; }
.ContactRightColumn { width: 262px; }
.ContactMiddle2Column { margin-left: 15px; width: 200px; }
.ContactMiddle2Column img { border: 1px solid silver; }
 

.Main { width: 950px; margin: auto; margin-top: 15px; }
.LeftPnl { width: 700px; }
.RightPnl { width: 220px;; }
.LargeText { font-size: 14px; }
td.Caption { padding-right: 10px; text-align: left; }
td.CaptionTextBox { vertical-align: top; padding-top: 8px; }

.CAPTION { text-align: left; padding-right: 10px; }
.VALUE { text-align: left; }
.VALUE2 { text-align: right; }

input:submit { padding: 3px; padding-left: 15px; padding-right: 15px; }
button { padding: 3px; padding-left: 15px; padding-right: 15px; }

.Box { border: 0px solid White; background-color: rgb(233,232,230); text-align: center; border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; margin-top: 15px; padding: 15px; }
.Box h2 { margin-top: 0px; padding-top: 0px; text-align: left; }
a.KitcoGraf { background-color: White; padding-top: 5px; padding-bottom: 5px; }

*/
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }

/*
.ProductParams { width: 760px;  }

.SocialPanel { margin-left: 5px; }
.SocialPanel #link { cursor: pointer; }
.SocialPanel p#msg { margin: 0px; padding: 0px; width: 0px; height: 0px; }

#chart { height: 206px; }
.FacebookPanel { background-color: White; margin-top: 30px; border: 1px solid silver; }

.column-1 { display: inline-block; width: 150px; }

.NoSellInfo
{
    float: left; color: red; width: 200px;
}

.GoldPension { background-color: rgb(238,238,238); color: black; }
.MarginTop10 { margin-top: 10px; }
table.TableCellPadding5 tr td, table.TableCellPadding5 tr th { padding: 5px; }
.RedText { color: red; }
.GreenText { color: green; }

.VerticalAlignTop {
    vertical-align: top;
}

*/