@import url("promo_container.css");
html { height: 100%; }
body {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	min-height: 100%;
	font: normal 12px/1.25em Lucida Sans Unicode, Lucida Grande, sans serif;
	color: #5d5d5d;
	background: #fff url(../images/bg_body_top_green.gif) 0 0 repeat-x;
	text-align: center;
}
body.firstpage {	 background-image: url(../images/bg_body_top_green_firstpage.gif); }

.wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width:100%;
	height: 100%;
	min-height: 100%;
}
	html>body .wrapper { height: auto; }


.main-frame {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 1%;
	padding: 0;
	display: block;
	text-align: left;
	padding-bottom: 315px;
}

.bottom-frame {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	height: 300px;
	width: 100%;
	text-align: left;
	background: #fff url(../images/bg_body_bottom.gif) left bottom repeat-x;
}

.container {
	position: relative;
	display: block;
	padding: 0;
	height: 1%;
}
	
	
.coloumn {
	position: relative;
	display: inline;
	width: 180px;
	height: 1%;
	float: left;
	margin: 0;
	padding: 0;
}

.w126 { width: 126px; }
.w168 { width: 168px; }
.w180 { width: 180px; }
.w225 { width: 225px; }
.w540 { width: 540px; }
.w606 { width: 606px; }
.wfull { width: 100%; }
.wnoleft { width: 720px; }

.h245 { height: 245px; }

.clear { display: block; clear: both; height: 0px; overflow: hidden;}
.left { float: left; }
.right { float: right; }

a { text-decoration: none; color: #008752;  }
a:hover { text-decoration: underline; }
a img { border: none; }

h1,h2,h3,h4,h5 { margin:0; }
h2 {
	margin: 0;
	padding: 10px 0;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	color: #008752;
}

form { margin: 0; padding: 0; }
input, button, select {
	font: normal 12px/1.25em Lucida Sans Unicode, Lucida Grande, sans serif;
}

.pt10 { padding-top: 10px !important; }
.pt55 { padding-top: 55px !important; }


.more {
	display: inline;
	position: absolute;
	bottom: 20px;
	right: 12px;
	height: 30px;
	padding-right: 37px;
	text-align: right;
	line-height: 25px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5d5d5d;
	background: transparent url(../images/btn_more_aboutit.png) top right no-repeat;
}

#header {
	position: relative;
	display: block;
	height: 146px;
	background: transparent url(../images/bg_header_green.jpg) bottom left no-repeat;
}
/*.firstpage #header {	background-image: url(../images/bg_header_green_firstpage.jpg); }*/
	a#logotip {
		position: absolute;
		display: block;
		width: 200px; height: 32px;
		left: 0; top: 22px;
		background: transparent url(../images/logotip_eposlovalnica.gif) 0 0 no-repeat;
	}
	#home-links {
		position: absolute;
		display: block;
		width: 320px; height: 25px;
		left: 40px; top: 55px;
		color: #fff;
		font-size: 16px;
		line-height: 25px;
	}
	#home-links a { color:#fff; }
	

	#box-userstatus {
		position: absolute;
		top: 13px; right: 0;
		padding: 0 15px 0 28px;
		width: 315px;
		height: 51px;
		line-height: 40px;
		background: transparent url(../images/bg_login.jpg) 0 0 no-repeat;
		font-size: 11px;
	}
	#box-userstatus a {
		color: #4b9a6e;
	}
	
	#box-userstatus a.profile-menu {
		display: block;
		float: right;
		height: 40px;
		padding-left: 10px;
		margin-left: 10px;
		background: transparent url(../images/seperator_userstatus.gif) 0 10px no-repeat;
	}
	
  #box-userstatus span.username {
    display: inline-block;
    max-width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

	#vzajemna-home {
		position: absolute;
		top: 60px; right: 0;
		color: #fff;
	}
	
	#header .number {
		position: absolute;
		/*left: 403px; top: 18px;*/ /* temporary */
		right: 0; top: 18px; /* temporary */
	}


/* mainmenu */

#mainmenu {
	position: absolute;
	top: 96px;
	left: 115px;
	width: 695px;
	height: 49px;
}
ul#menu { margin: 0; padding: 0; list-style: none; }
ul#menu li {
	position: relative;
	float: left;
	padding: 0 2px;
	margin: 0;
	height: 49px;
	width: 135px;
}
ul#menu li h2 {
	position: relative;
	margin: 0;
	padding: 0px;
	
}
	ul#menu li a { 
		position: relative;
		color: #312d2e;
		display: block;
		padding: 8px 15px;
		margin: 0;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		line-height: 16px;
		text-align: center;
		height: 32px;
		border-top: 1px solid #008752;
	}
		ul#menu li a:hover { 
			background: #fff; 
			color: #008752;
			border-left: 1px solid #008752;
			border-right: 1px solid #008752; 
		}
		ul#menu li a.selected { 
			background: transparent url(../images/bg_maintab_top.gif) left top repeat-x; 
			color: #008752;
			margin: 0 1px;
		}
		ul#menu li a.selected:hover { margin: 0; }

ul#menu li div.sub { 
	position: absolute;
	top: 44px;
	left: 2px;
	width: 210px;
	padding: 0px;
	padding-bottom: 11px;
	background: transparent url(../images/bg_mega.png) left bottom no-repeat;
	display: none;
	border-bottom: 1px solid #008752;	
}
	ul#menu li div.sub h3 { margin: 0; padding: 0 10px; }
	ul#menu li div.sub h3 a { 
		text-transform: none; 
		font-weight: normal; 
		padding: 0; 
		height: 1%; 
		line-height: 22px; 
		border: none; 
		color: #008752;
		text-align: left;
		background: none;
		border-bottom: 1px solid #008752;
	}
		ul#menu li div.sub h3 a:hover { background: none; border-left: none; border-right: none; color: #000; }
	
	
	
ul#menu li.hovering div { display: block; }
ul#menu li.hovering h2 a,
ul#menu li.hovering h2 a.selected { 
	background: #fff; 
	color: #008752;
	margin: 0;
	border-left: 1px solid #008752;
	border-right: 1px solid #008752;
}



.navigation-tools {
	position: relative;
	height: 30px;
	padding-bottom: 1px;

}
	#toolbox {
		position: absolute;
		top: 4px; right: 0;
	}
		#toolbox a {
			display: block;
			float: right;
			width: 22px; height: 23px;
			background-position: top left;
			background-repeat: no-repeat;
			margin-left: 5px;
		}
			#toolbox a.increse { background-image: url(../images/btn_increse_font.gif); }
			#toolbox a.decrese { background-image: url(../images/btn_decrese_font.gif); }
			#toolbox a.print { background-image: url(../images/btn_print.gif); }
	        #toolbox a.info { background-image: url(../images/btn_info.jpg); }
	#crumbs {
		font-size: 11px;
		height: 30px;
		position: absolute;
		top: -4px;
	}
	#crumbs .title-icon {
		display: block;
		float: left;
	}
	#crumbs .title {
		font-weight: bold; 
		font-size: 18px;
		line-height: 30px;
		padding: 0 50px 0 10px;
		color: #231f20;
	}
	#crumbs .title-noicon {
		padding-left: 0;
	}



#submenu {
	padding: 4px 0 17px 0;
	background: #d9ede5 url(../images/bg_box_left.gif) bottom left no-repeat;
}

	#submenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#submenu ul a {
		font-size: 12px;
		line-height: 14px;
		color: #231f20;
		padding: 4px 10px;
		display: block;
		height: 1%;
		border-top: 1px solid #fff;
	}
		#submenu ul a.first { border-top: none; }
		#submenu ul a.selected { font-weight: bold; }
		#submenu ul a:hover { text-decoration: none; color: #008752;  }



#content {
	padding: 0 20px 20px;
}
.firstpage #content {
	padding: 0 0 20px;
}
.wnoleft #content {
	padding: 0 20px 20px 0;
}

	#content .lead {
		margin: 0 0 15px 0;
		font-weight: bold;
		line-height: 1.29em;
	}



.box-card-garphic {
	float: right;
	width: 209px;
	height: 1%;
	padding: 9px 18px 10px 20px;
}
.box-card-garphic img {
	display: block;
}
.box-card-garphic .card-graphic-shade {
	position: absolute;
	width: 209px;
	height: 15px;
	overflow: hidden;
	/*background: transparent url(../images/card_graphic_shade.png) left top no-repeat;*/
}
/* colored contents */
.content-lightgreen {
	/*background: #d9ede5 url(../images/bg_wide_lightgreen_top.gif) left top no-repeat;*/
}
.content-lightgreen .bottom {
	width: 100%;
	height: 9px;
	/*background: #d9ede5 url(../images/bg_wide_lightgreen_bottom.gif) left top no-repeat;*/
	overflow: hidden;
}
.content-lightgreen .inner {
	padding: 18px 18px 9px;
}
.content-lightgreen .desc-small {
	width: 232px;
}

.content-darkgreen {
	background: #008752 url(../images/bg_wide_darkgreen_top.gif) left top no-repeat;
	color: #fff;
}
.content-darkgreen .bottom {
	width: 100%;
	height: 23px;
	background: #008752 url(../images/bg_wide_darkgreen_bottom.gif) left top no-repeat;
	overflow: hidden;
}
.content-darkgreen .inner {
	padding: 18px 18px 9px;
}

.content-darkgreen .success h3 {
	margin: 0;
	padding: 10px 0 10px 55px;
	height: 45px;
	line-height: 45px;
	font-size: 23px;
	font-weight: normal;
	background: transparent url(../images/icon_success.gif) left 7px no-repeat;
}
.content-darkgreen .success .success-text {
	padding: 0 0 20px 55px;
	font-size: 1.08em;
}

#content-right {
	padding: 0 8px 50px;
/*	background: #d9ede5 url(../images/bg_box_right.gif) bottom right no-repeat;*/
	color: #333;
}
#content-right .box h4 {
	padding: 20px 0 10px;
	height: 1%;
	border-bottom: 1px solid #008752;
	font-size: 1.08em;
}
#content-right .box .desc {
	padding: 10px 0 0;
}
#content-right .box .listed-links {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content-right .box .listed-links li {
	padding: 4px 0;
	height: 1%;
	border-bottom: 1px solid #008752;
}
#content-right .rightblock-number {
	height: 50px;
	background: transparent url(../images/number_rightblock.gif) center center no-repeat;
	border-top: 1px solid #008752;
	border-bottom: 1px solid #008752;
}
#content-right .help-form-link {
	padding: 12px 0;
	font-weight: bold;
	text-align: center;
}

/*
*	forms
*/
.contentform {
	padding-top: 20px;
}
.contentform .form-inner-title {
	margin: 0;
	padding: 22px 1px;
	color: #131514;
	font-size: 1.17em;
	font-weight: bold;
}
.contentform .form-inner-title-notop {
	padding-top: 0;
}
.contentform table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.contentform table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.contentform table td {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
}

.contentform table td .znesek {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	vertical-align: top;
	text-align: right;
  min-width: 130px;
}

.contentform table .v-seperator {
	width: 2px;
	overflow: hidden;
}
.contentform table .h-seperator td {
	height: 12px;
	overflow: hidden;
}
.contentform table .td-color {
	padding: 9px 17px;
}
.contentform table .td-rightside {
	padding-top: 13px;
	width: 150px;
}
.contentform table .odd  .td-color {
	/*background: #ecf6f2;*/
}
.contentform table .even  .td-color {
	background: #fff;
}
.contentform label {
	font-size: 1.17em;
}
.contentform label.label-small {
	font-size: 1em;
}
.contentform .txtfield, .contentform textarea {
	padding-left: 5px;
	padding-right: 5px;
	width: 188px;
	border: 1px solid #aaa;
}

.contentform .txtfield.txtfield-small {
	width: 30px;
}

.contentform  select {
	width: 202px;
	border: 1px solid #aaa;
}
#form-order .txtfield, #form-order textarea {
	width: 223px;
}
#form-order select {
	width: 237px;
}
#form-order .datepicker {
	width: 193px;
}
#form-order .datepicker-small {
	padding-left: 0px;
	padding-right: 0px;
	width: 62px;
	height: 18px;
	font-size: 11px;
}
#form-order .todate {
	padding: 0 0 0 2px;
}
.contentform .cr-row { clear:both; padding:3px 0; } /* checkbox and radio row */
.contentform .cr-row span {
	padding-right: 10px;
	float: left;
}
.contentform .cr-row label { 
	display: block;
	float: left;
	width: 210px;
}

.calc-results {
	padding-bottom: 20px;
	border-bottom: 1px solid #008752;
}
.calc-results table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	color: #fff;
	font-size: 1.33em;
}
.calc-results table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.calc-results table td {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: left;
}
.calc-results table .v-seperator {
	width: 2px;
	overflow: hidden;
}
.calc-results table .h-seperator td {
	height: 12px;
	overflow: hidden;
}
.calc-results table .td-color {
	padding: 14px 17px;
}
.calc-results table .td-rightside {
	font-size: 0.75em;
	width: 150px;
}
.calc-results table .darkgreen .td-color {
	background: #008752;
}
.calc-results .title-results {
	margin: 0;
	padding: 22px 17px 8px;
	color: #131514;
	font-size: 1.08em;
	font-weight: bold;
}

.calc-results p {
	margin: 0;
	padding: 22px 17px 8px;	
}

.steps {
	margin: 20px 0 0;	
	padding: 0;
	border-top: 1px solid #008752;
	border-bottom: 1px solid #008752;
	width: 100%;
}
.steps ul {
	margin: 0;
	padding: 7px 0;
	height: 24px;
	list-style: none;	
	font-size: 11px;
}
.steps ul li {
	float: left;
	margin: 0;
	padding: 0 12px 0 0;
	height: 24px;
	line-height: 24px;	
	background: transparent url(../images/icon_step.gif) left top no-repeat;
	white-space: nowrap;
}
.steps ul li div{
	left: 30px;
	position: relative;
	padding-right: 30px;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .steps ul li span {
	display: block;
	margin: 0;
	position: absolute;
	padding 0;
	width: 24px;
	height: 24px;
	line-height: 20px;	
	font-size: 14px;
	font-weight: normal !important;
	text-align: center;
	color: #fff;
	top: 0;
	*top: -3px;
	left: -30px;
}

.steps ul li.currentstepON {
	color: #008752;
	font-weight: bold;
	background-position: left center;
}

.steps ul li.step-cleared {
	/* padding-left: 32px; */
	background-position: left bottom;
}
.steps ul li.step-cleared span {
	display: none;
}

.ui-datepicker-trigger {
	vertical-align: top;
	padding-left: 5px;
	cursor: pointer;
}
#ui-datepicker-div { display:none; }
.requried-fields {
	padding: 10px 17px;
	height: 1%;
	border-bottom: 1px solid #008752;
}
.hr-darkgreen {
	margin: 20px 0 0;
	padding: 0;
	height: 1px;
	background: #008752;
	overflow: hidden;
  clear: both;
}

/* buttons */
a.btn-large {
	display: block;
	margin: 20px auto 0;
	padding: 0;
	width: 298px;
	height: 68px;
	line-height: 58px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: #fff;
	background:  transparent url(../images/btn_forms_large.jpg) center top no-repeat;
}
a.btn-large:hover { text-decoration:none; }
a.btn-medium {
	display: block;
	float: right;
	margin: 20px 0 0;
	padding: 0;
	width: 173px;
	height: 42px;
	line-height: 34px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: #fff;
	background: transparent url(../images/btn_forms_medium.jpg) center top no-repeat;
}
a.btn-medium:hover { text-decoration:none; }

/*
*	boxes
*/

/* useraction */
#box-useractions, .floatbox, .floatboxdark, .floatboxlight { margin:25px 0 0; padding:0; height: 1%; }

#box-welcome {
	margin: 0;
	padding: 0 0 15px;
	height: 1%;
	color: #fff;
	background: #008752 url(../images/bg_box_wide_green_bottom.gif) left bottom no-repeat;
}
#box-welcome .top {
	margin: 0;
	padding: 0;
	height: 12px;
	background: transparent url(../images/bg_box_wide_green_top.gif) left top no-repeat;
	overflow: hidden;
}
#box-welcome .inner {
	margin: 0;
	padding: 5px 30px 25px;
	
}
#box-welcome h2 {
	margin: 0;
	padding: 0 0 12px;
	line-height: 24px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}
#box-welcome .text {
	font-size: 13px;
}
#box-welcome a {
	color: #fff;
	text-decoration: underline;
}
#box-welcome a:hover {
	text-decoration: none;
}

#box-useractions .box-half, .floatbox .box-half, .floatboxdark .box-half , .floatboxlight .box-half{
	margin: 0;
	padding: 0 0 15px;
	width: 445px;
	height: 230px;
	/*background: #c1e2d5 url(../images/bg_box_half_lightgreen_bottom.gif) left bottom no-repeat;*/
	color: #008752;
}

.floatbox .box2, .floatboxdark .box2, .floatboxlight .box2
{
    height: 155px;
}

#box-useractions .box-half .top, .floatbox .box-half .top, .floatboxdark .box-half .top, .floatboxlight .box-half .top {
	margin: 0;
	padding: 0;
	height: 10px;
	/*background: transparent url(../images/bg_box_half_lightgreen_top.gif) left top no-repeat;*/
	overflow: hidden;
}
#box-useractions .box-half h2, .floatbox .box-half h2, .floatboxdark .box-half h2, .floatboxlight .box-half h2 {
	margin: 0;
	padding: 0 10px 6px;
	line-height: 24px;
	font-size: 18px;
	font-weight: normal;
	color: #008752;
}
#box-useractions .box-half .inner, .floatbox .box-half .inner, .floatboxdark .box-half .inner, .floatboxlight .box-half .inner{
	padding: 5px 14px 0;
	color: #008752;
}

.floatboxlight .box-half .inner{
	height: 145px;
	background-color: #C1E2D5;
}

#box-useractions #box-login, .floatbox #box-login{
	margin-right: 10px;
	background: #008752 url(../images/bg_box_half_darkgreen_bottom.gif) left bottom no-repeat;
}

.floatboxlight .box-half{
	margin-right: 10px;
	background: transparent url(../images/bg_box_half_lightishgreen_bottom.gif) left bottom no-repeat;
}

.floatboxdark #box-login,  .floatboxdark .box-half 
{
	margin-right: 10px;
    background: transparent url(../images/bg_box_half_darkgreen_bottom.png) left bottom no-repeat;
}

#box-useractions #box-login .top, .floatbox #box-login .top  {
/*	background-image: url(../images/bg_box_half_darkgreen_top.gif);*/
}

.floatboxdark .box-half .top {
	background-image: url(../images/bg_box_half_darkgreen_top.png);
}

.floatboxlight .box-half .top {
	background-image: url(../images/bg_box_half_lightishgreen_top.gif);
}

#box-useractions #box-login h2, #box-useractions #box-login .inner, #box-useractions #box-login a, .floatbox #box-login h2, .floatbox #box-login .inner, .floatbox #box-login a, .floatboxdark .box-half h2, .floatboxdark .box-half .inner, .floatboxdark .box-half .a
 {
	color: #fff;
}
#box-useractions #box-login a, .floatbox #box-login a { text-decoration: underline; }
#box-useractions #box-login a:hover, .floatbox #box-login a:hover { text-decoration: none; }
#box-useractions #box-login h2, .floatbox #box-login h2 {
	border-bottom: 1px solid #fff;
}

.floatbox .hideme
{
    background: transparent url(../images/krizec.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

#form-login {
	margin: 0;
	padding: 8px 25px 8px 15px;
	border-bottom: 1px solid #fff;
	min-height: 150px;
}

#form-login.loading {
    background: transparent url(../images/loading36.gif) no-repeat center center;
}

#form-login table { width:100%; border:none; }
#form-login table td {
	padding: 8px 0;
	text-align: right;
	vertical-align: middle;
}
#form-login label {
	display: block;
	font-size: 14px;
}
#form-login .txtfield, #form-login .submit {
	float: right;
	font-size: 14px;
}
#form-login .txtfield {
	display: block;
	margin: 0 0 0 10px;
	padding: 2px 10px;
	width: 217px;
	height: 20px;
}
#form-login .submit, #form-login .submityes, #form-login .submitno {
	display: block;
	margin: 0;
	padding: 0;
	width: 126px;
	height: 28px;
	background: transparent url(../images/btn_login.gif) right top no-repeat;
	border: none;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}

#form-login .submityes {
	width: 72px;
	background: transparent url(../images/btn_loginyes.png) right top no-repeat;
	margin-left: 5px;
	float: left;
}

#form-login .submitno {
	width: 72px;
	background: transparent url(../images/btn_loginno.png) right top no-repeat;
	margin-left: 5px;
	float: left;
}
	#form-login button span { display:none; }

#box-login .forgotten-password {
	padding: 10px 0 0;
	text-align: right;
}
#box-register {
	position: relative;
}
#box-register h2 {
	border-bottom: 1px solid #008752;
}
#box-register .img {
	position: absolute;
	left: 24px;
	bottom: 15px;
	width: 150px;
	height: 172px;
	/*background: transparent url(../images/bg_box_register.jpg) left bottom no-repeat;*/
}
#box-register .text {
	margin: 0;
	padding: 0 20px 25px 195px;
}
#box-register ul {
	list-style: none;
	margin: 0;
	padding: 20px 0;
}
#box-register ul  li {
	margin: 0;
	padding: 0 0 0 18px;
	height: 1%;
	line-height: 18px;
	font-style: italic;
	background: transparent url(../images/bullet_box_register.gif) left center no-repeat;
}
#box-register .btn-register {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 181px;
	height: 28px;
	line-height: 28px;
	background: transparent url(../images/btn_register.gif) right top no-repeat;
	border: none;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	outline: none;
}
	#box-register .btn-register span { display:none; }

#box-firstpage-intro {
	position: relative;
	margin: 0;
	padding: 10px 37px 0;
	width: 826px; /*900px*/
	height: 243px;
	background: transparent url(../images/bg_firstpage_introbox_prereg.jpg) left top no-repeat;
}
#box-firstpage-intro h2 {
	padding-top: 4px;
	color: #fff;
}
#box-firstpage-intro h2 span {
	color: #008752;
}
#box-firstpage-intro .box-leftside {
	position: absolute;
	left: 37px;
	top: 74px;
	width: 240px;
	height: 146px;
	line-height: 19px;
	font-size: 13px;
	color: #fff;
	overflow: hidden;
}
#box-firstpage-intro .box-rightside {
	position: absolute;
	right: 37px;
	top: 74px;
	width: 255px;
	color: #008752;
}
#box-firstpage-intro .box-rightside ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#box-firstpage-intro .box-rightside ul  li {
	margin: 0 0 7px;
	padding: 0 0 0 18px;
	height: 1%;
	line-height: 18px;
	font-size: 14px;
	font-style: italic;
	background: transparent url(../images/bullet_box_register.gif) left center no-repeat;
}

/* categories */
#box-category-selection {
	margin: 0;
	padding: 8px 0 0;
}
#box-category-selection .box {
	position: relative;
	margin: 0;
	padding: 0 24px 60px 12px;
	width: 144px; /* original width 180px */
	height: 1%;
	background: transparent url(../images/bg_promo_box.jpg) right bottom no-repeat;
}
#box-category-selection .first {
	padding: 0 24px 60px 0;
	width: 156px;
}
#box-category-selection .box .more {
	right: 18px;
}
#box-category-selection .box .category-icon img {
	display: block;
}
#box-category-selection .box h2 {
	width: 90px;
	font-size: 15px;
	line-height: 19px;
}

#box-categories-listing {}
#categories-listing {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #008752;
}
#categories-listing li {
	position: relative;
	height: 58px;
	line-height: 58px;
	border-bottom: 1px solid #008752;
}
#categories-listing li .category-title {
	font-size: 16px;
}
#categories-listing li .category-title img {
	display: block;
	padding: 10px;
	float: left;
}
#categories-listing li .more {
	bottom: 10px;
}

/*
*	help box
*/
.q-mark-help {
	float: right;
	padding-top: 1px;
	/*width: 19px;*/
}
.q-mark-help img {
	display: block;
	/*width: 19px;*/
	cursor: pointer;
}
.q-mark-help .help-content {
	display: none;
}

#help-box {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 244px;
	text-align: left;
	z-index: 100;
}
#help-box .inner {
	position: absolute;
	margin: 0;
	padding: 0 0 0 12px;
	/*color: #fff;*/
}
#help-box .bubble-arrow {
	position: absolute;
	left: 0;
	top: 35px;
	width: 12px;
	height: 12px;
	background: transparent url(../images/bubble_arrow.gif) left top no-repeat;
}
#help-box .bubble-top {
	height: 10px;
	background: transparent url(../images/bubble_top.png) left top no-repeat;
	overflow: hidden;
}
#help-box .bubble-middle {
	margin: 0;
	padding: 0 14px;
	background: #008752;
	font-weight: normal;
}
#help-box  .upper {
	position: relative;
	height: 30px;
	line-height: 24px;
	font-size: 14px;
	border-bottom: 1px solid #fff;
}
#help-box  .close {
	position: absolute;
	right: 0;
	top: 0;
	width: 21px;
	height: 21px;
	background: transparent url(../images/bubble_close.gif) left top no-repeat;
}
/*#help-box .title {
	padding: 5px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}*/
#help-box .bubble-bottom {
	height: 22px;
	overflow: hidden;
	background: transparent url(../images/bubble_bottom.png) left bottom no-repeat;
}
#help-box .lower {
	padding: 15px 0 0;
	height: 30px;
}
#help-box .lower a.more {
	color: #fff;
}

/*
*	footer
*/
#footer {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 300px;
	padding: 0px 0 0 0;
	display: block;
	text-align: left;
	font-size: 10px;
	line-height: 16px;
	/*background: transparent url(../images/bg_footer.jpg) 0 0 no-repeat;*/
}

#footer .box {
	padding: 8px 12px;
}

#footer .generalije { padding: 5px; line-height: 13px; }

#sitemap {
	position: relative;
	padding: 0 3px;
}
	
#sitemap .box {
	width: 140px;
	padding: 8px 5px;
	float: left;
}

#sitemap .title, #footer .title {
	text-transform: uppercase;
	font-weight: bold;
	color: #221f20;
}

#sitemap ul, #footer ul {
	margin: 0;
	padding: 15px 0;
	list-style: none;
}

#sitemap ul a, #footer ul a {
	color: #008752;
}
			
#footer .social-media a {
	display: block;
	float: left;
	width: 22px; height: 23px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 5px;
}

#footer .social-media a.facebook { background-image: url(../images/btn_facebook.gif); }
#footer .social-media a.twitter { background-image: url(../images/btn_twitter.gif); }
#footer .social-media a.youtube { background-image: url(../images/btn_youtube.gif); }

#footer .disclamer {
	padding-top: 15px;
	font-size: 10px;
	color: #000;
	text-align: center;
}

#footer .disclamer span {
	position: relative;
	padding: 2px 0 5px 30px;
	line-height: 20px;
	background: transparent url(../images/justlogo.gif) 0 0 no-repeat;
}

div#password.content-lightgreen,
div#logged.content-lightgreen,
div#order.content-lightgreen,
div#newpassword.content-lightgreen,
div#loggedout.content-lightgreen {
  width: 500px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}