* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #4a4a4a;
    background: #fff url(images/bg.gif) repeat-x 0 86px;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 980px; margin: 0 auto; }

.last { margin-right: 0 !important; }

#header { position: relative; height: 86px; background: url(images/header-bg.gif) repeat-x 0 0; margin-bottom: 16px; z-index: 5;  }

h1#logo { float: left; display: inline; width: 210px; height: 56px; margin: 17px 0 0 12px; }
h1#logo a { display: block; height: 56px; background: url(images/logo.png) no-repeat 0 0; }
#navigation2 { position: relative; float: left; display: inline; margin-top: 22px; z-index: 5; }
#navigation { position: relative; float: right; display: inline; margin-top: 26px; z-index: 5; }
#navigation ul { list-style: none outside none; }
#navigation ul li { position: relative; float: left; display: inline; margin-right: 10px; }
#navigation ul li.generic a { /* width: 104px; */ height: 44px; display: block; color: #474747; font-size: 13px; text-align: center; line-height: 43px; padding-right: 2px; }
#navigation ul li.generic a:hover,
#navigation ul li.generic a.active,
#navigation ul li.generic a.hover { background: url(images/nav-hover.gif) no-repeat 0 0; text-decoration: none; z-index: 1; }
#navigation ul li .dd-holder { position: absolute; top: 33px; left: 0; display: none; width: 152px; height: 100%; z-index: 5; }
#navigation ul li .dd { background: url(images/dd-bg.png) repeat-y 0 0; }
#navigation ul li .dd-t { width: 152px; height: 7px;  background: url(images/dd-t.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
#navigation ul li .dd-b { position: relative; width: 152px; height: 9px; background: url(images/dd-b.png) no-repeat 0 0; }
#navigation ul li .dd ul { padding-top: 5px; padding-left: 17px; }
#navigation ul li .dd ul li { float: none; display: block; height: 12px; padding-bottom: 10px; background: url(images/pink-arrow.gif) no-repeat 0 4px;  padding-left: 10px; margin: 0; }
#navigation ul li .dd ul li a { height: 12px; font-size: 11px; line-height: 12px; width: auto; height: auto; height: 100%; color: #6c6c6c; text-align: left; }
#navigation ul li .dd ul li a:hover { background: none; color: #c40083; }

#slider { position: relative; z-index: 1;  height: 150px; margin-bottom: 15px; }
#slider .shell { position: relative; height: 150px; }

.slider-left { float: left; display: inline; width: 300px; height: 150px; color: #fff;  padding: 0px 0px 0 0px; }
.slider-left h2 { font-size: 20px; font-weight: normal; margin-bottom: 13px; }
.slider-left p { font-size: 13px; line-height: 18px; font-family: Arial; }
.slider-left .order-now { display: block; width: 134px; height: 38px; background: url(images/ordernow.gif) no-repeat 0 0; font-size: 16px; color: #fff; line-height: 37px; text-align: center; margin: 41px 0 0 69px; }
.slider-left .order-now:hover { background-position: 0 bottom; text-decoration: none; }
.slider-right { position: relative; float: left; display: inline; width: 656px; height: 150px; }
.slider-content { position: relative; width: 656px; height: 150px; overflow: hidden;  background: url(images/slider-image.jpg) no-repeat;}
.slider-content ul { list-style: none outside none; height: 100%; overflow: hidden; }
.slider-content ul li,
.jcarousel-clip { position: relative; width: 656px; height: 150px; z-index: 1; }

.slider-nav { position: absolute; bottom: 14px; right: 19px; display: block; z-index: 10; }
.slider-nav ul { list-style: none outside none; }
.slider-nav ul li { float: left; display: inline; width: 20px; height: 20px; margin-right: 4px; }
.slider-nav ul li a { width: 20px; height: 20px; display: block; background: url(images/slider-nav.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider-nav ul li a:hover,
.slider-nav ul li a.active { background: url(images/slider-nav-hover.png) no-repeat 0 0; }

#main { }
#main h2 { font-size: 20px; font-weight: normal; color: #4c4c4c; }

#sidebar { float: left; display: inline; width: 300px; }
#sidebar .text-container { min-height: 221px; padding: 0px 0px 0 0px; margin-bottom: 20px; }
#sidebar .text-container h2 { margin-bottom: 6px; }

.post { }
.post h2 { border-bottom: 5px solid #e4e4e4; padding-bottom: 5px; margin-bottom: 11px; }
.post .more { display: block; background: url(images/pink-arrow.gif) no-repeat 0 4px; color: #c40083; font-size: 11px; line-height: 12px; padding-left: 10px; margin-top: 10px; }
.post .more:hover { color: #000; text-decoration: none; }
#sidebar .post { padding: 0 18px 0 14px; }
#sidebar .post .more { margin-top: 17px; }

#content { float: right; display: inline; width: 600px; padding-top: 17px; margin-right: 10px;}

.col { margin-bottom: 25px; }
.cols-2 { float: left; display: inline; width: 280px; margin-right: 40px; }

#footer { height: 87px; background: url(images/footer-bg.gif) repeat-x 0 0; font-size: 11px; color: #7f7f7f; }
#footer .shell { padding: 26px 0 0 0; }
#footer a { color: #7f7f7f; }
#footer p.left span { padding: 0 3px; }

.archie { margin: 8px 0 0px 0; }

.archie2 { margin: 8px 0 8px 0; }

.otstup {
    margin: 8px 0 0px 0;
}


input[type=button].button5 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
  height: 60px;
  width:240px;
  vertical-align: top;
} 
input[type=button].button5:hover { background: rgb(53, 167, 110); }
input[type=button].button5:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}

input[type=button].button6 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
  height: 60px;
  width:110px;
  vertical-align: top;
} 
input[type=button].button6:hover { background: rgb(53, 167, 110); }
input[type=button].button6:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}

#navigation {
width: 350px;
}

#navigation ul li {

}

#navigation ul li.generic {
width: 27%;
}

#navigation ul li.authicon {
width: 7%;
top: 10px;
}

.modalauth {
display: none;
width: 100%;
margin: 0 auto;
text-align: center;
/* position: absolute; */
position: fixed;
/*  top: 45%; */
top: 40%;
height: 270px;
z-index: 999;
/* background-color: #ffffff; */
}

.halfdark {
background: rgba(0,0,0,.5) !important;
overflow: hidden;
}

.overlayformodal {
width: 100%;
height: 100%;
opacity: 0.5;
background: rgba(0,0,0,.5) !important;
overflow: hidden;
z-index: 0;
position: fixed;
top: 0px;
}

.loginpanel {
width:50%;
background-color: #ffffff;
height: 270px;
margin: 0 auto;
border-radius: 10px;
}

.closemodal {
text-align: right;
padding-right: 10px;
padding-top: 5px;
}

.closebutton {
font-weight: 700;
font-size: 20px;
cursor: pointer;
width: 18px;
float: right;
}

.authform {
padding-top: 15px;
}

.authformblock {
/* padding-top: 30px; */
padding-top: 5px;
}

.premiumtext {
padding-top:10px;
}

.simplefieldset {
border: none;
}

.simplebtn {
padding-left: 5px;
padding-right: 5px;
}

.simplepaybtn {
padding-left: 5px;
padding-right: 5px;
height: 28px;
border: 1px solid #4a4a4a;
border-radius: 5px;
}

.simplepaybtn:hover {
cursor: pointer;
}

.formbutton {
padding-top:10px;
}

.buypremiumtext {
padding-top:10px;
}

.genericinput {
/* width: 150px; */
width: 130px;
}

.inputc {
width: 66px;
vertical-align: top;
margin-top: 6px;
}

.inputc2 {
/* width: 75px; */
width: 83px;
vertical-align: top;
height: 24px;
/* margin-left: 10px; */
margin-left: 8px;
}

.inputc2::placeholder {
font-size: 11px;
}

.lefttext {
text-align: left;
padding-left: 30px;
padding-top: 10px;
}

.logout {
color: #0252aa;
cursor: pointer;
}

.littlepadding {
padding-bottom: 10px;
}

.payfieldset {
border: none;
}

.paycaptcha {
display:inline-block;
}

.payperiod {
display:inline-block;
/* margin-left: 10px; */
margin-left: 8px;
vertical-align: top;
}

.payperiodselect {
height: 28px;
}

.payemail {
display:inline-block;
vertical-align: top;
}

.labelemail {
display:inline-block;
height: 28px;
}

.emailinput {
display:inline-block;
height: 28px;
/* margin-right: 10px; */
margin-right: 8px;
}

#email::placeholder {
font-size: 11px;
}

.payformbutton {
display:inline-block;
vertical-align: top;
/* margin-left: 10px; */
margin-left: 8px;
}