@import "extras.css";

html, body 							{height:100%;}
body 								{background:#616d00; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#292929;}
h1, h2, h3, h4, h5, h6 				{font-weight:bold; color:#535d0b;}
h1									{font-family:Tahoma, Geneva, sans-serif; font-size:21px;}
h2									{font-size:17px;}
a 									{color:#292929; text-decoration:none;}
a:hover 							{color:#292929; text-decoration:underline;}
/*----------------Tool Box----------------*/
.cleft 								{clear:left;}
.cright 							{clear:right;}
.cboth 								{clear:both;}
ul.cleaned 							{list-style:none; margin:0; padding:0;}
ul.cleaned li 						{display:inline; float:left;}

/*----------------Header---------------*/
#header								{background:#fff7d6 url(../images/header-bg.jpg) top center no-repeat; width:100%; height:81px; border-bottom:1px solid #3d4607;}
.inner	 							{width:989px; margin:0 auto;}
#header a#logo						{float:left; margin:8px 0 0 17px; display:inline;}
#user								{float:right; margin:18px 9px 0 0; display:inline; height:49px;}
#user .user-side					{float:left; height:100%; width:4px;}
#user .left							{background:url(../images/user-left-bg.png) no-repeat;}
#user .right						{background:url(../images/user-right-bg.png) no-repeat;}
#user #user-content					{float:left; background:#fff; height:47px; border:1px solid #d7c67e; border-left:none; border-right:none;}
#user span							{font-size:17px; color:#535d0b; padding:7px 13px 4px 30px; font-weight:bold; display:block; text-align:right;}
#user p								{text-align:right; color:#b1b1b1; padding:0 13px 0 30px;}
#user p a							{color:#645404;}
/*----------------Container---------------*/
#container							{width:989px; margin:0 auto; /*margin-top:18px*/;}
.container							{width:100%; height:17px; float:left;}
#container .ctop					{background:url(../images/container-top-bg.gif) no-repeat; margin-top: 30px;}
#container .cbottom					{background:url(../images/container-bottom-bg.gif) no-repeat; padding-bottom:22px;}
#container-content					{width:100%; background:url(../images/container-content-bg.gif) repeat-y; float:left;}
/*----------------Sidebar---------------*/
#sidebar							{float:left; width:217px; margin:3px 23px 0 20px; display:inline; padding-bottom:20px;}
#cart								{width:213px; margin:4px 0 13px 0; float:left; display:inline;}
.cart								{width:100%; height:4px; float:left;}
#cart .top							{background:url(../images/cart-top-bg.gif) no-repeat;}
#cart .bottom						{background:url(../images/cart-bottom-bg.gif) no-repeat;}
#cart-content						{float:left; background:#fafafa; width:211px; border:1px solid #c6c6c6; border-top:none; border-bottom:none;}
#cart-content p						{margin:6px 0 8px 12px;}
#cart-content p span,
#cart-content strong				{color:#981818;}
#cart-content strong				{padding:0 0 4px 12px; display:block;}
a.pay					{background:url(../images/a-pay-bg.gif) no-repeat; width:71px; height:22px; text-indent:-9999px; display:block; margin:0 0 4px 10px;}
ul#nav								{width:100%; margin:6px 0 13px 0; float:left;}
ul#nav li							{margin-bottom:1px;}
ul#nav li a							{background:url(../images/ul-nav-a-bg.gif) bottom no-repeat; width:100%; height:23px; display:block; line-height:23px; text-indent:23px; color:#645404;}
ul#nav li a:hover,
ul#nav li.active a					{background:url(../images/ul-nav-a-bg.gif) no-repeat; color:#fff;}
form#search							{float:left; margin:0 0 13px 0;}
form#search input,
form#search button					{float:left; border:none;}
form#search input					{background:url(../images/search-input-bg.gif) no-repeat; width:168px; height:22px; padding:8px 0 0 10px;}
form#search button					{background:url(../images/search-button-bg.gif) no-repeat; width:39px; height:30px; text-indent:-9999px; font-size:0px; display:block; line-height:0px; cursor:pointer;}
#sidebar a#info						{background:url(../images/a-info-bg.gif) no-repeat; width:217px; padding-top:13px; text-indent:23px; float:left;}
/*----------------Main-Content---------------*/
#main-content						{float:left; width:709px; padding-bottom:20px;}
#main-content p						{margin-bottom:13px; }
#main-content h1					{margin-top:3px; margin-bottom:7px;}
#main-content h2					{padding:13px 0 5px 0;}
#main-content p,
#main-content ul,
#main-content ol					{line-height:24px; margin-left:6px;}
#main-content .account				{background:#f7f7f7; border:1px solid #eaeaea; margin-left:6px;}
#main-content .account ul			{padding:17px; margin:0;}
#items h1							{float:left;}
#items p,
#items ul							{line-height:normal; margin:0;}
#items .pagination					{float:right; margin-top:7px;}
#items .pagination p				{float:left; line-height:19px; margin-right:21px;}
#items .pagination ul				{float:left;}
#items .pagination ul li			{margin-left:3px; padding-right:4px; background:url(../images/pagination-ul-li-bg.gif) right center no-repeat;}
#items .pagination ul li a			{display:block; width:20px; height:19px; text-align:center; line-height:19px; color:#7a6918;}
#items .pagination ul li a:hover	{background:#f4eed6;}
#items .pagination ul li.active a	{background:#535d0b; color:#fff;}
#items .pagination ul li.next		{background:url(../images/pagination-ul-li-next-bg.gif) right center no-repeat; padding-right:10px;}
#items .pagination ul li.next a		{padding:0; width:inherit; text-decoration:underline;}
#items .pagination ul li.next a:hover {background:none;}
#bar								{background:url(../images/bar-bg.gif) no-repeat; width:100%; height:37px; margin-bottom:17px;}
#bar p								{float:left; line-height:37px; margin-left:14px; display:inline;}
#bar form							{float:right; width:373px;}
#bar form label,
#bar form select					{float:left;}
#bar form label						{line-height:37px; margin-left:20px;}
#bar form select					{margin:9px 6px; display:inline;}
#bar form select#succession			{width:120px;}
#bar form select#display			{width:70px;}
.items								{width:700px; border-collapse:collapse; margin:4px 0 11px 0;}
.items th							{font-weight:bold; color:#534e4e; font-size:14px; text-align:left; text-indent:10px; padding-bottom:8px;}
.items tr .credits,
.items tr .price					{text-align:center; text-indent:0;}
.items tr td						{border:2px solid #fff; height:44px; vertical-align:middle;}
.items tr.odd td					{background:#f2f2f2;}
.items tr.even td					{background:#fafafa;}
.items tr td.title					{width:325px;}
.items tr td.credits				{width:88px;}
.items tr td.price					{width:93px;}
.items tr td.qty					{width:189px;}
.items tr td a						{color:#876f0c; padding-left:13px;}
.items tr td a:hover				{color:#876f0c;}
.items input, .items button			{border:none; float:left;}
.items input						{background:url(../images/table-items-input-bg.gif) no-repeat; width:39px; height:19px; margin:0 29px 0 21px; text-align:center; padding-top:5px;}

.items button.add					{
	background: url(../images/button.gif) repeat-x;
	width:87px; 
	height:24px; 
	display:block;
	cursor:pointer;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: White;
	font-weight: bold;
}


.items button.remove				{background:url(../images/table-items-button-remove-bg.png) no-repeat; width:11px; height:11px; text-indent:-9999px; font-size:0px; display:block; line-height:0px; cursor:pointer; float:right; margin-right:16px; display:inline; margin-top:8px;}

button#update						{
	background: url(../images/btn-bg.gif) repeat-x; 
	width:129px; 
	height:25px; 
	/*text-indent:-9999px; */
	font-size: 12px;
	color: White;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	display:block; 
	/*line-height:0px; */
	cursor:pointer; 
	float:right; 
	border:none; 
	margin-right:10px; 
	/*display:inline;*/
	padding: 0;
}

.data h2							{padding-bottom:0; margin-bottom:4px;}
#main-content .data p				{padding:0; margin:0; line-height:21px;}
.data fieldset					{width:267px; float:left; margin-right:40px; display:inline;}
.data label					{display:block; width:100%; margin:12px 0 4px 0;}
.data input,
.data textarea					{border:1px solid #958686; padding:2px 0 0 2px;}
.data input					{height:19px; width:258px;}
.data textarea					{height:25px; width:258px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#292929; max-width:388px;}
.data .wrong						{color:#bd1b1b;}
.data label span				{color:#c3a100;}
.data label#user-name			{margin-top:10px;}

.data button					{
	width:87px;
	height:24px;
	background: url(../images/button.gif) repeat-x;
	display:block;
	cursor:pointer;
	border:none;
	margin-top:5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: White;
	font-weight: bold;
}

/*.data button.update			{background:url(../images/data-button-bg.gif) no-repeat;}*/


.data label#extra-info			{margin-top:38px;}
#main-content h2.number				{padding:0; padding-left:33px; height:33px; line-height:33px; margin-top:5px; display:block;}
#main-content h2#one				{background:url(../images/h2-one-bg.gif) left center no-repeat;}
#main-content h2#two				{background:url(../images/h2-two-bg.gif) left center no-repeat;}
#main-content h2#three				{background:url(../images/h2-three-bg.gif) left center no-repeat;}
.sub-total							{width:700px; border:1px solid #b6b6b6; border-left:none; border-right:none; margin-top:11px; font-weight:bold; line-height:21px; padding:13px 0;}			
.sub-total table span,
.total table span					{margin-left:13px;}
.totalclm1							{width:325px;}
.totalclm2							{width:88px; text-align:center;}
.totalclm3							{width:93px; text-align:right;}
#delivery .totalclm2,				
#delivery td						{text-align:right;}
#delivery .totalclm1				{text-align:left;}
.total								{width:700px; line-height:21px; padding:4px 0; font-weight:bold;}
.totalprice, .payprice, .discount							{width:196px; text-align:right;}
.totalprice strong					{padding:10px 15px; display:inline-block;}
.payprice strong					{background:#fff7d6; padding:10px 15px; display:inline-block;}
.discount                           {padding-bottom: 5px;}
.dicount strong					{padding:10px 15px; display:inline-block;}
.discount input                     {width: 60px;}
.discountsave                       {padding-left: 0px;text-align: right;width: 135px;}
.discountsave a                      {font-weight: normal;color: #645404;}
#method								{margin-top:4px; margin-left:13px;}
#method span						{display:block; margin-bottom:5px;}

#method button						{
	background: url(../images/button.gif) repeat-x;
	width:87px; 
	height:24px; 
	display:block; 
	cursor:pointer; 
	border:none; 
	margin-top:10px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: White;
	font-weight: bold;
	padding: 0;
}

.default_button_look_green{
    background: url(../images/button.gif) repeat-x;
    width:87px;
    height:24px;
    cursor:pointer;
    border:none;
    margin-top:10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: White;
    font-weight: bold;
    padding: 0;
}

/*----------------Footer---------------*/
#footer								{font-size:11px; color:#1c1c1c; font-family:Tahoma, Geneva, sans-serif; margin-left:27px; padding-bottom:13px; float:left; width:962px; display:inline;}
/*----------------Intro---------------*/
body#intro							{background:#fff url(../images/body-intro-bg.gif) repeat-x;}
body#intro #page-wrap				{width:962px; margin:0 auto; position:relative;}
ul#langs 							{position:absolute; top:6px; left:53px;}
ul#langs li							{margin-right:20px;}
ul#langs li a						{padding-top:19px; display:block;}
ul#langs li a:hover,
ul#langs li.active a				{background:url(../images/langs-li-a-hover-bg.gif) top center no-repeat;}
#logo-intro							{padding:45px 0 0 0; display:block;}
#intro h1							{margin:15px 53px;}
.foreverNewLook						{margin: auto;display: flex;width: 300px;}
/*----------------Register---------------*/
.register							{width:862px; padding:0 0 25px 25px; float:left;}
.register-top						{width:100%; background:url(../images/register-top-bg.gif) no-repeat; height:6px; float:left;}
.register-bottom					{width:100%; background:url(../images/register-bottom-bg.gif) no-repeat; height:6px; float:left;}
.register-content					{background:#f3f3f3; border:1px solid #e3dede; border-top:none; border-bottom:none; width:860px; float:left; padding-bottom:12px;}
.register .data						{padding:12px 28px; padding-bottom:0; margin-top: 10px;}
.register #important				{width:185px; margin:0; display:block;}
.register .data p					{line-height:19px; margin-bottom:20px;}
.register span.wrong				{font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:11px; display:block;}

#register-content2				{float: left; width: 100%; margin-top: 40px;}
#register-content2 a				{color: #846F0D;}

label.first 						{margin-top:0 !important;}
p#success							{height:21px; font-size:14px; line-height:21px; margin-left:53px;}
#success a, #important a            {color: #846F0D;}
img#intro-img						{background:url(../images/intro-bg.gif) no-repeat; padding:53px; position:relative;}
#langs-menu							{font-family:Tahoma, Geneva, sans-serif; font-size:24px; float:left; padding-bottom:25px;}
#langs-menu li						{height:57px; line-height:57px; padding-right:74px; border-right:1px solid #ccc; margin-left:56px;}
#langs-menu li#ee					{border:none; padding:0;}
#langs-menu li#lt					{margin-left:150px;}
#langs-menu li a					{padding-left:36px;}
#langs-menu li#lt a					{background:url(../images/langs-li-lt-bg.jpg) left center no-repeat;}
#langs-menu li#lv a					{background:url(../images/langs-li-lv-bg.jpg) left center no-repeat;}
#langs-menu li#ee a					{background:url(../images/langs-li-ee-bg.jpg) left center no-repeat;}
#langs-menu li a:hover				{color:#c3a100;}
#login								{width:820px; float:left; margin-left:78px; display:inline; padding-bottom:25px;}
#login form							{float:left; margin-right:46px; width:370px;}
#login form	legend					{font-size:22px; color:#535d0b; font-weight:bold; padding:0 0 15px 98px;}
#login form label					{float:left; width:90px; margin-right:8px; text-align:right; height:23px; line-height:23px;}
#login form input					{margin-bottom:11px; border:1px solid #958686; padding:2px 0 0 2px; height:19px; width:258px;}

#login form button					{
	border:none; 
	background: url(../images/button.gif) repeat-x;
	width:87px; 
	height:24px; 
	font-size: 12px; 
	display:block; 
	margin-left:98px; 
	float:left; 
	font-family: Arial,Helvetica,sans-serif;
	color: White;
	font-weight: bold;
	cursor:pointer;
}

#login form a						{font-size:14px; color:#846f0d; text-decoration:underline; margin-left:39px; height:24px; line-height:24px;}
#registerhere						{border-left:1px solid #ccc; height:86px; margin-top:14px; font-size:14px; line-height:21px; float:left; padding-left:43px;}
#registerhere p						{margin-top:22px;}
#registerhere p a					{color:#846f0d; text-decoration:underline;}

.idinput, .postinput {
	width:264px!important;
	height:21px!important;
	padding-left:5px!important;
	font-family:Arial;
	font-weight:bold;
	letter-spacing:15px;
	border:0!important;
	background:url('../images/idinput_bg.gif') no-repeat top left;
}
.postinput {
	width:120px!important;
	background:url('../images/postinput_bg.gif') no-repeat top left;
}


#login-center-intro {
	background: url(../images/intro-bg.gif) no-repeat; padding:53px; position:relative;
	}


#bottom_blocks {
	float: left;
	width: 100%;
	margin: 40px 10px 10px 0px;
}

#bottom_block_left {
	float: left;
	width: 33%;
	margin: 0px 0px 0px 0px;
}

#bottom_block_center {
	float: left;
	width: 33%;
	margin: 0px 0px 0px 0px;
}

#bottom_block_right {
	float: right;
	width: 33%;
	margin: 0px 0px 0px 0px;
}
#bottom_blocks{
    width: 100%;
}
@media only screen and (min-width: 993px) and (max-width: 1141px) {
    .form-register-lg{
        width: 34% !important;
    }
    .form-login-lg{
        width: 62% !important;
    }
}
@media only screen and (min-width: 1142px)  {
    .form-register-lg{
        width: 41% !important;
    }
    .form-login-lg{
        width: 55% !important;
    }
}

@media only screen and (min-width: 1300px)  {
    .form-register-lg{
        width: 48% !important;
    }
    .form-login-lg{
        width: 50% !important;
    }
    .form-register-lg>div{
        padding-left: 40px!important;
    }
}

@media only screen and (min-width: 1366px)  {
    .left-block-div{
        width: 30% !important;
    }
    .right-block-div{
        width: 30% !important;
        display: block!important;
    }
    #page-wrap{
        width: 70% !important;
    }
    #login .form-login-lg {
        width: 57% !important;
    }
    #login .form-register-lg {
        width: 40% !important;
    }
}
@media only screen and (max-width: 992px)  {
    .left-block-div{
        display: none!important;
    }
    .right-block-div{
        display: none;
    }
    #bottom_blocks.outside_block{
        display: none;
    }
    .login_mobile_bottom{
        display:block;
    }
}

@media only screen and (min-width: 993px)  {
    #bottom_blocks.outside_block{
        display: block;
    }
    .right-block-div{
        display: none;
    }
    .login_mobile_bottom{
        display: none;
    }
    .left-block-div{
        width: 25%;
    }
    .right-block-div{
        width: 25%;
    }
    #bottom_blocks{
        display: none;
    }
    
    #page-wrap.login-page,
    body#intro #page-wrap.login-page{
        width: 80%;
        margin: 0!important;
    }
    #page-wrap.login-page>#login-center-intro{
        padding-left: 0!important;
        padding-right: 0!important;
        background:unset!important;
        margin-left: 10px;
        margin-right: 10px;
    }
    #page-wrap.login-page>#login-center-intro>p{

        box-shadow: -1px -8px 77px -12px rgba(0,0,0,0.6);
        -webkit-box-shadow: -1px -8px 77px -12px rgba(0,0,0,0.6);
        -moz-box-shadow: -1px -8px 77px -12px rgba(0,0,0,0.6);
    }
    #page-wrap.login-page>#login-center-intro>p>img{
        height: auto!important;
        width: 100%!important;
    }
    #page-wrap.login-page>#login{
        margin-left: 0px!important;
        width: 100%!important;
    }
    #page-wrap.login-page>#login>form{
        /*margin-right: 10px!important;*/
        margin-right: 0!important;
    }
    #page-wrap.login-page>#login>#registerhere{
        padding-left: 0!important;
    }
}

/* NEW STYLE */
.button-reload-page{
    position: relative;
    background: url(../images/button.gif) repeat-x;
    width: 87px;
    height: 24px;
    display: block;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: White;
    font-weight: bold;
    align-items: center;
    bottom: 0;
    margin: auto;
}

.overlay-modal-part-error-message{
    position: fixed; top:30%; left:30%; width: 30%; height: 30%; background-color: white;text-align: center; padding-top: 10px;
    border: 2px solid #d7c67e;border-radius: 10px; color: #535d0b; font-weight: bold; padding-left: 8px; padding-right: 8px;
}
.overlay-basket-add-error-overlay{
    position: fixed; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.4);
}
div.totalclm1.coupons{
	position: relative;
    right: 0;
}

div.totalclm1.coupons{
	position: relative;
}
div.totalclm1.coupons input#coupons{
    position: absolute;
    right: 0;
}

.checkout_overlay_outer{
    display: none; position: fixed; width: 100%; top: 0;left: 0;height: 100%; background: rgba(0,0,0,0.6); z-index: 10;
}
.checkout_overlay_outer.show{
    display: block;
}
.checkout_overlay_inner{
    display: block; position: relative; left: 20%; top: 30%; width: 60%; background: #fff; border: #535d0b 5px solid;
}

.checkout_overlay_inner p{
    text-align: left; margin: 20px!important; font-size: 16px;color: #535d0b; font-weight: bold;
}

.checkout_overlay_inner .discount_rules_buttons{
    margin: auto; text-align: center;
}
.big_button_green {
    min-width: 100px;
    min-height: 35px;
    color: #fff!important;
    background: #887726!important;
    border: 1px solid #64550F!important;
}

.register-confirm .checkout_overlay_inner .outer-text{
    text-align: center; margin-top: 20px; margin-bottom: 40px; font-size: 18px; color: #535d0b; font-weight: bolder;
}
.register-confirm .checkout_overlay_inner .button-display-block{
    flex: 0 0 100%;max-width: 100%; display: flex;
}
.register-confirm .checkout_overlay_inner .button-display-block .left-block{
    border: 1px solid #64550F; min-width: 49%; min-height: 100px;margin-right: 1%;
}
.register-confirm .checkout_overlay_inner .button-display-block .right-block{
    border: 1px solid #64550F; min-width: 49%; min-height: 100px;margin-left: 1%;
}

.register-confirm .checkout_overlay_inner .button-display-block .left-block .inner-text,
.register-confirm .checkout_overlay_inner .button-display-block .right-block .inner-text{
    width: 100%;display: block;text-align: center;margin-top: 20px;margin-bottom: 30px;color: #535d0b; font-weight: bolder; font-size: 19px;
}

.register-confirm .checkout_overlay_inner .button-display-block .left-block .button-div,
.register-confirm .checkout_overlay_inner .button-display-block .right-block .button-div{
    display: flex; width:96%; margin-left:2%; margin-bottom: 5px;
}
.register-confirm .checkout_overlay_inner .button-display-block .left-block .inner-text .detailed,
.register-confirm .checkout_overlay_inner .button-display-block .right-block .inner-text .detailed{
    border: 1px solid #64550F;
    margin-bottom: 10px;
    width: fit-content;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    padding: 5px;
}
.form-row.terms-and-conditions a{
    text-decoration: underline;
}
span.cards.card-brands img{
    height: 28px;
}