@import url('_init.css');

body,html { height: 100%; }
body {
	background: #fff url('../img/new/mainbg.jpg') repeat-y center;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:80%;
	margin: 0;
	color: #1c1c1c;
	behavior: url('/css/csshover3.htc');
}
body.impersonating-user { background: url('../img/new/pattern.jpg');	}
a {
	color: #777B82;
	text-decoration: none;
	font-weight: bold;
}
a:hover { 
	color: #343434;
	text-decoration:underline; 
}

h1, h2, h3, h4 { font-weight: normal; margin-bottom:0.5em; }
h1 { font-size: 1.3em; }
h2 { position: relative; color: #FE020F; font-size: 1.2em; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; }
h3 { font-size: 1.1em; }
h3.bold { font-weight: bold; }
h4 { font-weight: normal; }
ul, li { margin: 0 12px; }
h2 span { float: left; padding-top: 5px; }
h2 a.btn { 
	float: right;
	padding: 0 10px;
	font-size: 0.7em;
	margin: 0;
	line-height: 30px;
}
h2.big {
	border-bottom: none;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0px;
	text-transform: none;
}
.news-detail .content { width: 95%; margin: 0 auto; }
.news-detail .content { line-height: 20px; }
.news-detail .content p { padding: 8px 0px; }

#container { width: 817px; margin: 0 auto; background: #fff; z-index: 1; position: relative; }

#header { padding: 10px; position: relative; background: #fff; color: #777B82; }
#header h1 {
	position: relative;
	height: 82px;
	margin: 0;
}
#header .top { padding-bottom: 10px; }
#header h1 span.logo a { 
	display: block;
	color: #FFF;
	margin: 0; 
	overflow: hidden;
	text-indent: -5000px;
	background: url('../img/logo.jpg') no-repeat;
	width: 320px;
	height: 82px;
	z-index: 800;
}

body.partnercard #header h1 span.logo a { 
	background: url('../img/partnercard/logo.jpg');
	width: 428px;
}
body.truckerclub #header h1 span.logo a { 
	background: url('../img/truckerclub/logo.jpg');
	width: 428px;
}
body.busclub #header h1 span.logo a { 
	background: url('../img/busclub/logo.jpg');
	width: 403px;
}
body.club #header h1 span.logo a { 
	background: url('../img/club/logo.jpg');
	width: 428px;
}
body.feelgood #header h1 span.logo a { 
	background: url('../img/logo_feelgood.jpg');
	width: 239px;
}

body.eerlijk #header h1 span.logo a { 
	background: url('../img/logo_eerlijk.jpg');
	width: 235px;
}
	
#header h1 span.user {
	font-size: 0.7em;
	color: #777B82;
	position: absolute;
	left: 103px;
	top: 65px;	
}
#header h1 span.sub a {
	color: #777B82;
	font-size: 0.75em;
	text-decoration: none;
	position: absolute;
	left: 103px;
	top: 48px;
	z-index: 5;
}
#content { padding: 10px; }

/* form stuff */

div.wrap div.input { float: left; width: 48%; }
div.input { padding: 5px; }
div.input.textarea textarea { width: 100%; height: 200px; }
div.input.password label,
div.input.date label,
div.input.file label,
div.input.select label,
div.input.time label,
div.input.text label { float: left; width: 140px; padding-top: 4px; }
div.input.password input,	
div.input.textarea textarea,
div.input.text input {
	border: 1px solid #eee;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 4px;	
}
div.input.password input,	
div.input.text input,
div.input.select select { width: 400px; }

.prices { width: 100px !important;}

div.wrap div.input.password input,	
div.wrap div.input.text input,
div.wrap div.input.select select {
	margin-right: 10px;
	float: left;
	width: 220px;
}

div.wrap.nofloat div.input {
	height: 25px;
	width: auto !important;
	float: none !important;
}

div.wrap.nofloat div.error-message {
	padding-left: 10px;
	padding-top: 6px;
}

div.wrap.nofloat span {
	display: block;
	margin-left: 150px;
	height: 20px;
}
span.weak { color: red; }
span.medium { color: orange; }
span.strong { color: green; }

div.clearfix span.strong, div.clearfix span.medium, div.clearfix span.weak {
	display: block;
	margin-left: 145px;
}

div.input.select select { width: 230px !important; }
div.submit { padding-top: 10px; text-align: right; }

div.input.error input { border-color: red; }
div.input.checkbox label { padding-left: 5px; }
form .actions { padding-top: 10px; text-align: right; }
form .actions.lft a { float: left; padding-top: 10px; font-size: 0.9em; }
form .actions.rgt a { float: right; padding-right: 10px; padding-top: 8px; }
form .actions a {}
form .actions input { float: right; margin-left: 5px !important; }


form .wrap div.error-message { float: left; padding-top: 2px; padding-left: 140px; font-size: 0.8em; color: red; }
form div.error-message {
	 font-size: 0.9em;
	color: red;
	padding-top: 2px;
	padding-left: 141px;
}
form div.radio div.error-message {
	padding-left: 10px;
	padding-top: 5px;
}
h2 a.btn,
.register-action a,
div.submit input,
form .actions input {
	font-weight: bold;
	text-transform: uppercase;
	background: url('../img/red_btn.png') repeat-x 0 -2px;
	border: 0;
	padding: 0 20px;
	margin: 0;
	color: #FFF;
	height: 28px;
	border-radius: 6px;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

body .sg-button {
	background: #fe020f url('../img/red_btn.png') repeat-x 0 -2px !important;
	color: #FFF;	
	border: none !important;
	padding: 0 !important;
	margin: 0 !important
	font-weight: bold;
	font-size: 1.3em !important;
	border-radius: 6px;
	-moz-border-radius: 6px;
	margin: 10px;
	-webkit-border-radius: 6px;	
	padding: 6px 10px !important;
}
body .sg-progress-bar { background: #eee; }

.sg-button-bar { padding: 15px 0; }

.register-action a {
	float: left;
	line-height: 30px;
}
.register-action a:hover,
div.submit input:hover,
form .actions input:hover {
	text-decoration: none;
	color: #fff;
	background-position: 0 -33px;
}
/** Paging **/
div.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
}
div.paging span.disabled { color: #ddd; display: inline; }
div.paging span.current { color: #c73e14; }
div.paging span a { }
#header ul.service { 
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 5px;
}
#header ul.service li { display: inline; }
#header ul.service li a { color: #fff; }
.brandlist { padding: 15px 0; }
.brandlist .brands-col { float: left; width: 197px; }
.brandlist .brand-cb-wrapper { position: relative; }
.brandlist .brand-cb-wrapper .img {
	z-index: 999;
	background: #fff;
	padding: 4px;
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;	
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	display: none;
	position: absolute;
	right: -10px;
	top: -10px;
}
#header .username {
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 10px 25px 10px 0;
	background: url('../img/vyaggio_v.png') no-repeat center right;
	/*background: url('../img/new/id_sml.jpg') no-repeat center right;*/
}
#header ul.languages {
	position: absolute;
	right: 0;
	top: 70px;
}
#header ul.languages li { 
	display: inline; 
	padding: 0 8px; 
	margin: 0;
	border-right: 2px solid #000;
	float: left;
}
#header ul.languages li.last { border: none; padding-right: 0; font-size: 1.1em; }
#header ul.languages li a.active { color: #E3E3E3; }

#header ul.nav {
	background: #FE020F;
	margin: 0;
	padding: 10px 0 10px 10px;
}
#header .navempty {
	background: #FE020F;
	height: 7px;
}
#header ul.nav li { display: inline; float: left; }
#header ul.nav li a { 
	color: #fff;
	margin: 0;
	padding: 0 15px;
	font-size: 1.1em;
	text-transform: uppercase;
}

p.form-desc { color: #666; padding: 5px 0 15px 0; }
.highlight { font-size: 1.1em; padding-bottom: 10px; font-weight: bold; }

div.wrap.hl { padding: 6px 0; background: #eee; margin-bottom: 10px; }

div.actions-page-outer { padding: 55px 0 55px 0; }

div.actions-page-outer.wide div.actions-page { float: none;  background: none; }
div.actions-page-outer.wide div.actions-page .left-block { float: none; width: 100%; }
div.actions-page-outer.wide div.actions-page .input { width: 380px;}
div.actions-page-outer.wide div.actions-page .input input { width: 250px;}

div.actions-page { background: url('../img/dots_vertical.png') repeat-y center center; }
div.actions-page .left-block { float: left; }
div.actions-page .right-block { float: right; }
div.actions-page .left-block,
div.actions-page .right-block { width: 280px; }
div.actions-page .right-block .register-action { padding-top: 20px; }
div.actions-page .right-block .register-action a { display: block; width: 140px; text-align: center; margin: 0 auto; float: none; }
div.actions-page .left-block div.input.checkbox { padding-left: 0; padding-top: 10px;}
div.actions-page h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 15px;
}
div.actions-page p { color: #666; font-size: 1em; padding-bottom: 10px; }

div.actions-page div.input.text,
div.actions-page div.input.password { padding: 5px 0; }
div.actions-page div.input.password label, 
div.actions-page div.input.text label { width: 94px; }
div.actions-page div.input.password input,
div.actions-page div.input.text input { width: 175px; float: right; }

#content .col.left { float: left; width: 600px; }
#content .col.right { float: right; width: 191px; }

div.page { padding: 5px 15px; }
.MooDialog div.page { padding: 0; }
div.page p { padding: 0 0 15px 0;}
div.page h3 { font-weight: bold; font-size: 1.1em; }
div.page ol { list-style-type: decimal; margin-left: 15px; }
div.page ol p { background: #E2E2E2; padding: 2px; font-weight: bold; }
div.conditions ol p { margin-bottom: 10px; }
div.page ol blockquote { padding: 14px 0;}

div.message {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 20px 0;
	background: #FFFFCC;
	border: 1px solid #D2D3A9;
	padding: 10px;
}
div.message.help { font-weight: normal; }
#authMessage.message {
	background-color: red;
	color: #fff;
	border: none;
}

.extra-block {
	border: 1px solid #E2E2E2;
	width: 180px;
	margin-bottom: 10px;
}
.extra-block .img div,
.extra-block .img {
	overflow: hidden;
	width: 180px;
	height: 100px;
	background: #fff;
}
.extra-block h4 a {
	color: #fff;
	text-decoration: none;
}
.extra-block h4 {
	text-align: center;
	text-transform: uppercase;
	height: 41px;
	line-height: 41px;
	margin: 0;
	font-weight: bold;
	font-size: 1.077em;
	background: #FE020F url('../img/new/promo_title.jpg');
	color: #fff;
}

#footer { background: #E2E2E2; }
#footerContent { width: 825px; margin: 0 auto; padding: 10px 0; }
#footer .col {
	float: left;
	width: 186px;
	margin-right: 20px;
}
#footer h4 {
	font-weight: bold;
	color: #777B82;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 12px;
	border-bottom: 1px solid #D2D2D2;
}
#footer .facebook { }

#footer .links,
#footer .links li { margin: 0; padding: 0; color: #777B82; font-size: 12px; padding-bottom: 3px; }
#footer .links a {padding: 0; margin: 0; font-weight: normal; }
#footer .links.top-border { border-top: 1px solid #ccc; padding-top: 5px; }

#footer,
.footer-push-element { height: 210px; }
.footer-push {
	margin-bottom: -210px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* table styles */
table.actiontable { width: 100%; }
table.actiontable input.table-input {
	/*width: 100px;*/
}
table.actiontable th { text-align: left; }
table.actiontable th a { text-decoration: underline; }
table.actiontable tr.odd td { background: #eee; }
table.actiontable tr.inactive td a,
table.actiontable tr.inactive td span,
table.actiontable tr.inactive td { color: #ccc !important; }

table.actiontable tr.teamcard-inactive td a,
table.actiontable tr.teamcard-inactive td span,
table.actiontable tr.teamcard-inactive td { color: red !important; }
table.actiontable tr.teamcard-inactive td.activation-cell span { color: #000 !important; font-size: 0.9em; }

table.actiontable tr td.code { width: 150px; }
table.actiontable tr td span { font-size: 0.8em; color: #666; font-style: italic; }
table.actiontable tbody td { padding: 6px 4px; vertical-align: top; }
table.actiontable tbody tr.top td { padding-bottom: 0; }
table.actiontable tbody tr.bottom td { padding-top: 0; }
table.actiontable thead th { background: #999; color: #FFF; padding: 5px; border-bottom: 2px solid #666; }
table.actiontable thead th a { color: #fff; }
table.actiontable tbody td.actions { text-align: right; }
table.actiontable tbody td.actions a {
	font-weight: bold;
	background: url('../img/red_btn.png') repeat-x 0 -3px;
	color: #FFF;
}
table.actiontable tbody td.actions a:hover { background-position: 0 -34px; text-decoration: none;}
table.actiontable a.btn { font-size: 0.9em; padding: 2px 10px; }
table.actiontable tr.not-activated td { color: red; font-style: italic;}

.country-col { padding-bottom: 20px; }
.country-col h3 { font-size: 1.1em; font-weight: bold; color: #FE020F; }

.indexlist { padding: 10px 0 10px 0; }
.indexlist li { padding-bottom: 5px; }

/* adminbar */
#adminbar {
	position: relative;
	z-index: 999;
	margin-bottom: 5px;
	background: #FE020F;
	-moz-box-shadow: 3px 3px 3px #B5020F;
	-webkit-box-shadow: 3px 3px 4px #B5020F;	
}
#adminbar ul {
	margin: 0 auto;
	font-size: 1em;
}
#adminbar ul ul { display: none; }
#adminbar ul li.tree { 
	position: relative;
}
#adminbar ul li.tree a {
	padding-right: 25px;
	background: url('../img/nav_arrow.png') no-repeat 95% 50%;
}
#adminbar ul li.tree ul {
	top: 23px;
	left: -1px;
	position: absolute;
	z-index: 1000;
	width: 300px;	
	border: none;
	-moz-box-shadow: 3px 3px 3px #B5020F;
	-webkit-box-shadow: 3px 3px 4px #B5020F;	
	background: #FE020F;	
	
}
#adminbar ul li.tree ul li { 
	display: inline;
	float: none;
	padding: 0;
	margin: 0;
}
#adminbar ul li.tree ul li a { 
	background: #FE020F;	
	background: none;
	border: none; 
	float: none; 
	padding: 5px; 
	display: block;
	width: 290px;	
}
#adminbar ul li.tree:hover ul { display: block; }

#adminbar ul li { float: left; margin: 0; }
#adminbar ul li a {
	color: #fff;
	float: left;
	margin: 0;
	padding: 4px 10px;
	border-right: 1px solid #ccc;
}
#adminbar ul li a:hover { background-color: #6D020F !important; text-decoration: none; }

div.option-blocks { padding-top: 10px;  }
div.option-blocks div.option-block { width: 387px; float: left; margin-bottom: 25px; }
div.option-blocks div.option-block.rgt { float: right; }
div.option-blocks div.option-block.wide {
	width: 100%;
	float: none;
}
div.option-blocks div.option-block .inner { padding: 20px; border: 1px solid #ECECEC; padding-left: 130px; min-height: 140px; height: auto !important; height: 140px; }
div.option-blocks div.card .inner { background: url('../img/new/icon_cards.jpg') no-repeat 20px 60%; }
div.option-blocks div.branch .inner { background: url('../img/new/icon_branch.jpg') no-repeat 20px 50%; }
div.option-blocks div.company .inner { background: url('../img/new/icon_company.jpg') no-repeat 30px 100%; }
div.option-blocks div.personal .inner { background: url('../img/new/icon_id.jpg') no-repeat 20px 50%; }
div.option-blocks div.menu .inner { background: url('../img/new/icon_menu.jpg') no-repeat 20px 50%; }
div.option-blocks div.feelgood .inner { background: url('../img/new/icon_feelgood.jpg') no-repeat 20px 50%; }
div.option-blocks div.vouchers .inner { background: url('../img/new/icon_vouchers.jpg') no-repeat 20px 50%; }

div.option-blocks ul,
div.option-blocks ul li { padding: 0; margin: 0; }
div.option-blocks ul { padding-top: 10px;}
div.option-blocks ul li { background: url('../img/new/bullet.jpg') no-repeat 0 4px; padding-left: 10px; margin: 2px 0; }
div.option-blocks ul li a { color: #fe020f; }
div.option-blocks div.option-block h3 { 
	font-weight: bold;
	font-style: italic;
	font-size: 1.4em;
}
div.option-blocks div.option-block h3 a { color: #000; }

div.form-img-wrap .left {
	width: 450px;
	float: left;
}
div.form-img-wrap .img {
	float: right;
	width: 120px;
	margin-bottom: 5px;
	text-align: right;
}
div.index-box-wrapper.cards {
	min-height: 170px;
	padding-bottom: 0;
	position: relative;
}
div.index-box-wrapper.cards #cardsContainer {
	position: absolute;
	right: 0;
	top: -5px;
	width: 400px;
	height: 170px;
}
div.index-box-cards { }
div.index-box-cards ul li {
	background: url('../img/new/bullet_big.jpg') no-repeat 0 8px;
	padding: 5px 0 5px 14px;
}
div.index-box-wrapper {
	padding-bottom: 20px;
	margin-right: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}
div.index-box-wrapper.last { border: none; padding-bottom: 0; }
div.upper-index-box {
	position: relative;
	line-height: 19px;
	min-height: 130px;
}
div.upper-index-box .txt {
	float: right;
	padding-top: 22px;
	width: 440px;
}

div.upper-index-box #iconContainer {
	float: left;
	width: 120px;
	height: 120px;
}
div.news {  padding: 10px; }
.news-items-wide h3,
.news-items h3 { padding-bottom: 5px; }
.news-items-wide h3 a,
.news-items h3 a { color: #fe020f; }
.news-items ul.links li,
.news-items ul.links { margin: 0; padding: 0; }
.news-items ul.links { padding-top: 10px; }
.news-items ul.links li {
	padding: 3px 0 0 10px;
	float: left;
	background: url('../img/new/greybullet.jpg') no-repeat 0 5px;
}
.news-items ul.links li.share { float: right; background: none; padding: 0; }
.news-items .item.first { float: left; }
.news-items .item { float: right; width: 270px; }
.news-items-wide .item .img,
.news-items .item .img { float: left; width: 105px; }
.news-items .item .body { float: right; width: 155px; line-height: 18px; font-size: 0.9em; }
.news-items-wide .item .date,
.news-items .item .date { color: #999; font-weight: bold; padding-bottom: 4px; }

.news-items-wide .item { padding: 15px  0; border-top: 1px solid #eee; }
.news-items-wide .item.first { border-top: none; padding-top: 0; }
.news-items-wide .item .body {
	float: right;
	width: 480px;
	line-height: 18px;
	font-size: 0.9em; 
}
.news-items-wide ul.links li,
.news-items-wide ul.links {
	margin: 0; padding: 0;
}
.news-items-wide ul.links { padding-top: 15px; }
.news-items-wide ul.links li { float: left; padding-right: 10px;}
.actionform h3 { padding-top: 15px; font-weight: bold; }
.hl-box,
.actionform .form-hl-box {
	background: #eee;
	padding: 10px;
}
.actionform .form-cond-box { text-align: center; padding: 15px 0; font-weight: bold; font-size: 1.4em; }

.hl-box { margin-bottom: 15px; }
.hl-box li span { color: #999; }
.hl-box h3 { font-weight: bold; }

/* minisite */
div.indexwrapper { width: 596px; padding-bottom: 10px; }
div.index { position: relative;	height: 220px; overflow: hidden; }
body.default_promo div.index { height: auto; }

.index-bottom { 
	background: #eee;
	width: 596px;
	margin-bottom: 15px;
}
.index-bottom .inner { padding: 15px; }
.index-bottom h3 { font-size: 1.3em; font-weight: bold; color: #FE020F;}
.index-bottom p { font-size: 1.1em; }
.index-bottom ul,
.index-bottom ul li { margin: 0; padding: 0; }
.index-bottom ul li {
	background: url('../img/bullet.png') no-repeat 2px 4px;
	padding-left: 18px;
}
div.indexwrapper .card {
	position: absolute;
	right: 10px;
	top: 15px;
}
div.indexwrapper h3 {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 10px;
	opacity: 0.8;
	left: 0;
	color: #000;
	font-size: 20px;
	background: #fff;
	width: 596px;
}
div.indexwrapper ul.biglinks {
	position: absolute;
	left: 0px;
	top: 35px;
}
div.indexwrapper ul.biglinks li { display: inline; margin:0; padding: 0; }
div.indexwrapper ul.biglinks li a {
	margin-bottom: 5px;
	padding: 0;
	color: #000;
	text-indent: 20px;
	font-size: 15px;
	line-height: 47px;
	display: block;
	width: 273px;
	height: 47px;
	background: url('../img/bigbtn.png') no-repeat 0 0;
}

fieldset.basic {
	border: 1px solid #ccc;
	margin: 15px 0;
}
fieldset.basic .inner { padding: 10px; }
fieldset.basic legend { font-weight: bold; margin-left: 5px; }

.page-content { padding-bottom: 15px; }
.page-content ol,
.page-content ul { margin: 10px 0 10px 40px; list-style-type: square; }
.page-content ol { list-style-type: decimal; margin-left: 15px; }
.page-content li { padding: 5px 0; }
.page-content p { margin-bottom: 10px; }
.page-content h3 { font-weight: bold; margin-top: 10px; background: #FE020F; color: #fff; padding: 4px; margin: 15px 0; }

div.page-pager { border-top: 1px solid #eee; text-align: center; padding: 10px 0; margin-top: 10px; color: #ccc; width: 100%; }

div.page-pager .next,
div.page-pager .prev {
	float: left;
	width: 20%;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	background: url('../img/red_btn.png') repeat-x 0 -2px;
	border: 0;
	margin: 0;
	line-height: 20px;
	font-size: 11px;
	color: #FFF;
	height: 20px;	
}
div.page-pager span.prev,
div.page-pager span.next {
	background: #eee;
}
div.page-pager .nr {
	float: left;
	line-height: 20px;
	height: 20px;
	width: 59%;
}
div.page-pager a.next { float: right; }

div.more {
	text-align: right;
	border-top: 1px solid #eee;
	padding-top: 7px;
}
div.more a {
		background: url('../img/new/greybullet.jpg') no-repeat center right; 
		padding-right: 15px;
		display: block;
		margin-right: 5px;
}
div.keyval input, div.keyval textarea { 
	width: 220px;
	float: left; 
	border: 1px solid #eee;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 4px;
}
div.keyval input.cb { width: auto; margin: 8px 0 0 5px; }
div.keyval select {
	float: left;
	width: 75px;
}
div.keyval label { float: left; padding: 5px 20px 0 20px; font-weight: bold; }

#productlist a.edit,
#productlist a.delete,
a.genbtn,
a.delbtn {
		float: left;
		background: url('../img/delete.png');
		text-indent: -5000px;
		width: 16px;
		height: 16px;
		overflow: hidden;
		margin: 4px 0 0 10px;
}
a.genbtn {
	float: right;
	background-image: url('../img/lock_add.png');
}
#productlist a.edit {
	background-image: url('../img/cog_edit.png');
}
div.action { padding-top: 10px; padding-left: 18px; }
div.action #keyval-add {
	background: url('../img/add.png') no-repeat center left;
	display: block;
	padding-left: 20px;
}

#productlist { margin-top: 20px; }
#productlist h3 { font-weight: bold; font-size: 1.4em; padding-bottom: 10px; }

#productlist .products {
	border: 1px solid #ccc;
	border-bottom: none;
	margin-bottom: 25px;
}
#productlist .item {
	padding: 8px;
	border-bottom: 1px solid #ccc;
}
#productlist .item.disabled * {
	color: #ddd !important;
}

#productlist .hdr { padding-bottom: 10px; }
#productlist div.handle {
	float: left;
	width: 15px;
	height: 15px;
}
#productlist h3 {
	background: url('../img/book_go.png') no-repeat 0 2px;
	padding-left: 25px;
}
#productlist a.handle {
	width: 15px;
	height: 15px;
	background: url('../img/draggable.png');
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	cursor: pointer;
	margin: 1px 5px 0 0;
}
#productlist a.handle:hover { background-position: 0 -20px; }
#productlist { font-size: 0.85em; }
#productlist .desc { padding-top: 1px; }
#productlist .desc,
#productlist .name,
#productlist .plu,
#productlist .cb,
#productlist .price { float: left; }
#productlist .cb { margin-right: 10px; }
#productlist .price { color: #999; width: 60px; }
#productlist .plu { width: 200px; }
#productlist .name { font-weight: bold; width: 350px; }
#productlist .name .error { color: red; font-style: italic; }

#productlist .promo { float: right; width: 20px; text-align: center; font-style: italic; color: green;}
#productlist .actions { float: right; text-align: left; padding: 0; }
#productlist .actions a { margin-top: 0px;}
#productlist .countries { float: right; width: 60px; padding-top: 3px;}
div.grp {
	margin-top: 15px;
	padding: 15px 0;
	border-top: 1px solid #ccc;
	position: relative;
}
div.grp .img { 
	float: right;
}
div.grp.nomargin { margin-top: 0; }

#tr-title {
	background: url('../img/world.png');
	text-indent: -5000px;
	position: absolute;
	width: 16px;
	height: 16px;
	margin: 3px 0 0 5px;
}

.hidden {
	position: absolute;
	clip: rect(1px,1px,1px,1px);
	height: 1%;
	overflow: hidden;
}

div.filter {
	margin-top: 15px;
	padding: 10px;
	background: #eee;
}
div.filter ul li {
	float: left;
}
div.filter ul li a.reset { color: #000; }
.validation-advice { display: none !important;}

body input.validation-advice { display: none !important; }
body input.validation-failed { 
	background: #fff url('/feedback/img/form_nok.png') no-repeat 99% 50%;
	border: 1px solid red !important;
}
.validation-passed { background: #fff url('/feedback/img/form_ok.png') no-repeat 99% 50%; }
textarea.validation-passed,
textarea.validation-failed { background-position: 99% 3px; }

div.table-actions { padding-bottom: 25px; }
strong.black { color: #000; }
div.order-wrapper { padding: 15px 0 20px 0; }

div.order-wrapper div.order-wrapper-inner {
	margin: 0 auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	width: 600px;
	background: #eee;
	padding: 30px;
}
ul.documents { padding: 20px 0; margin: 0; width: 700px; margin: 0 auto; }
ul.documents li {
	float: left;
	width: 200px;
}
ul.documents li img {

}
ul.documents li .issue {
	text-align: center;
	padding: 15px 0;
	font-weight: bold;
}


.product-list-front h3{
	font-weight: bold;
	padding: 10px 0;
	margin: 0;
}
.product-list-front div.info {
	padding: 10px;
	background: #FFFFCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #D2D3A9;	
}
.order-info {
	float: right;
	width: 170px;
	background: #eee;
	height: 150px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	border: 1px solid #ccc;
}

.product-list-front-wrapper { padding-bottom: 30px; }
.product-list-front { width: 600px; float: left; }
.product-list-front table.product-table { width: 100%; border-top: 1px solid #eee; }
.product-list-front table.product-table .name { }
.product-list-front table.product-table td {
	padding: 5px;
	border-bottom: 1px solid #eee;
}
.product-list-front table.product-table tr.selected td {
	background: #f7ffb6;
}
.product-list-front table.product-table td.price-total,
.product-list-front table.product-table td.price-piece {
	text-align: right;
	width: 60px;
	font-weight: bold;
}
.qt-actions { width: 100px; }
.qt-actions a.icon {
	float: left;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -5000px;
	background: url('../img/add.png');
}
.qt-actions input.num { 
	float: left; 
	width: 35px;
	text-align: center;
	font-weight: bold;
	margin: 0 4px;
	border: 1px solid #ccc;
}
.qt-actions a.icon.min {
	background: url('../img/delete.png');
}

caption {
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
}
.order-info h3 { font-weight: bold; padding-bottom: 10px; }
.order-info .inner {
	padding: 10px;
}
.order-info-table {
	width: 100%;
	font-size: 1.2em;
}
.order-info-table td { padding: 3px 0; }
.order-info-table td.label { font-weight: bold; color: #666; width: 100px; }
.order-info-table td.value { text-align: right; }

div.license-box {
	width: 800px;
	border: 1px solid #ccc;
	overflow: hidden;
	overflow-y: scroll;
	height: 400px;
	margin: 0 auto;
}
div.license-box .inner { padding: 10px; }

.product-modal .image {
	float: right;
	width: 300px;
}
.product-modal .desc {
	float: left;
	width: 300px;
}

a.promo-icon {
	float: right;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -5000px;
	background: url('../img/star.png') no-repeat;
}

.input a.help {
	display: block;
	text-indent: -5000px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 8px;
	left: -18px;
	background: url('../img/help.png') no-repeat;
}

.input a.tooltip {
	position: absolute;
	top: 8px;
	left: -18px;	
}
td.label a.tooltip {
	float: right;
	margin-right: 5px;
}

#promo-visual {
	display: block;
	position: absolute;
	top: 0;
	width: 596px;
}


div.questions .option { padding: 2px 0 2px 10px; }


body ul.steps {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}
body ul.steps li.step {
	float: left;
	margin: 0;
	padding: 0;
	height: 13px;
	line-height: 13px;
	font-size: 0.8em;
	width: 31px;
	text-align: center;
	margin-left: -7px;
	background: url('../img/progress_normal.png') no-repeat center right;
	color: #777b82;
}
body ul.steps li.step.active {
	background-image: url('../img/progress_active.png');
	color: #fff;	
}

fieldset.div {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
fieldset.div legend {
	font-weight: bold;
}
fieldset.div div.input.password label, 
fieldset.div div.input.date label, 
fieldset.div div.input.file label, 
fieldset.div div.input.select label, 
fieldset.div div.input.time label, 
fieldset.div div.input.text label { width: 115px; }

ul.autocompleter-choices {
	line-height: 14px;
	position: absolute;
	background-color: #fff;
	text-align: left;
	z-index: 999 !important;
	width: 420px !important;
	left: -8px !important;
	top: 40px !important;
	-moz-box-shadow: 3px 3px 8px #666666;
	-webkit-box-shadow: 3px 3px 8px #666666;
	box-shadow: 3px 3px 8px #666666;	
	border: 1px solid #ccc;
	border-bottom: none;
}
ul.autocompleter-choices li {
	position:relative;
	border-bottom: 1px solid #ccc;
	padding: 4px 5px;
	cursor: pointer;
	font-weight: normal;
	font-size: 0.9em;
	color: #333;
	margin: 0;
}

ul.autocompleter-choices li span { display: block; }
ul.autocompleter-choices li span.avatar { float: left; padding-right: 10px; width: 28px; }
ul.autocompleter-choices li span.title { font-weight: bold; }
ul.autocompleter-choices li span.extra { font-size: 0.8em; color: #999; padding: 0 5px; }

ul.autocompleter-choices li.autocompleter-selected { background-color: #0c3a4f; color: #fff; }
ul.autocompleter-choices span.autocompleter-queried { font-weight: bold; }
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color: #EAFF00; }

div.autocomplete {
	background: #eee;
	margin-bottom: 10px;
}
div.autocomplete input {
	padding: 10px !important;
}
div.autocomplete input.loading {
	background-image: url('../img/loading.gif');
	background-repeat: no-repeat;
	background-position: 98% 50%;
}
div.autocomplete div.input { float: left; width: 430px; }
div.autocomplete div.submit { float: left; }

td.active a { color: #000 !important; }

#leaderboard {
	text-align: center;
	margin-bottom: 20px;
}
#skyscraper {
	position: absolute;
	top: 8px;
	right: -185px;
}

.overlay-close-btn {
	display: block;
	width: 20px;
	height: 20px;
	background: url('../img/close.png') no-repeat;
	position: absolute;
	right: 0px;
	top: -20px;
	cursor: pointer;
}
#rectangle { height: 1%; }
.sidenav {
	float: left;
	width: 170px;
}
.sidenav ul { margin: 0; padding: 0; }
.sidenav ul li { display: inline; }
.sidenav ul li a { 
	padding: 5px 5px 5px 10px;
	background: #ddd;
	display: block;
	margin-bottom: 5px;
	color: #333;
	-webkit-border-radius: 0 10px 10px 0;		
	font-size: 0.9em;
}
.sidenav ul li a.red { background: red; color: #fff; }
.sidenav ul li a.active {
	background: #333;
	color: #fff;
}
.sidenav-col {
	float: right;
	width: 610px;
}

div#survey-wrapper iframe {
	/*background: url('../img/AGLoader.gif') no-repeat 50% 10%;*/
}
div#survey-wrapper .sg-body { background: #fff; min-height: 250px; }
.anon-block {
	padding-top: 20px;
	background: #eee;
	padding: 10px;
	margin-top: 10px;
	color: #666;
}
.anon-block h2 { font-size: 1em; padding-bottom: 0; }
.anon-block p { padding-bottom: 10px; }

div.feelgood-form-page label, div.feeldgood-form-page input, div.feeldgood-form-page select {
	float: none !important;
	display: block;
}

a#uvw-dialog-powered-by {
	display: none;
}