/*******************************************************************************

	CSS on Sails Framework
	Title: GPS Buddy
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: April 2011

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Default Styles

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer

	3. PAGES
		3.1 Home
		3.2 landing
		3.3 Products
		3.4 Product template

	4. MOBILE
	5. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.clr {clear: both;}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'DejaVuSansBook';
    src: url('../fonts/DejaVuSans-webfont.eot');
    src: url('../fonts/DejaVuSans-webfont.eot?#iefix') format('eot'),
         url('../fonts/DejaVuSans-webfont.woff') format('woff'),
         url('../fonts/DejaVuSans-webfont.ttf') format('truetype'),
         url('../fonts/DejaVuSans-webfont.svg#webfontLXhJZR1n') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DejaVuSansBold';
    src: url('../fonts/DejaVuSans-Bold-webfont.eot');
    src: url('../fonts/DejaVuSans-Bold-webfont.eot?#iefix') format('eot'),
         url('../fonts/DejaVuSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DejaVuSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DejaVuSans-Bold-webfont.svg#webfontjdVpuBVN') format('svg');
    font-weight: bold;
    font-style: normal;

}



/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, 
.hide,
.quicklinks h2 {
	position: absolute;
	top: -999em;
	left: -999em;
	height: 1px;
	width: 1px;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after,
#header .container:after,
#headline .container:after,
.content:after,
#footer .container:after,
.section-solutions:after,
.products:after,
#product-details:after,
#product-details .tabs:after,
#product-details .ui-tabs-panel:after,
#product-info:after,
#products-related ul:after,
.modalbox:after,
.modalbox-content:after,
.modalbox-content fieldset:after,
.login-window .modalbox-content .field:after,
.contact-window .modalbox-content .field:after,
.subscribe-window .modalbox-content .field:after,
.testimonials:after,
.language-options-window .cols:after,
.quicklinks:after
{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}


/* 1.4 Default Styles
------------------------------------------------------------------------------*/
body {
	font: normal normal 0.875em/1.6 Arial,Helvetica,sans-serif;
	color: #333;
	background: #000;
	z-index:0;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	 overflow: auto;
}

a, a:visited {
	text-decoration: none;
	color: #0667af;
	
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color: #3691E2;
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/

h1, h2, h3, h4 {
	color: #333;
	line-height: 1.2;
}

h1 {
	margin: 0 0 15px;
	font-size: 1.86em;  /*30px*/
}

h2 {
	color: #196AB2;
	font-size: 1.14em;  /*24px*/
}
h2.sub {
	margin: 0 0 15px;
	color: #333;
	font-size: 1.86em;  /*30px*/
}
h3 {
	font-size: 1.3em; /*18px*/
}

h1, h2, h3, h4,
blockquote,
.promo-banner,
.banner .detail,
.products li a,
#products-related strong,
#headline .section
{
	font-family: DejaVuSansBook,Helvetica,Verdana,Arial;
}

p {
	margin: 0 0 1.4em;
}

input, select, textarea {
	font: normal normal 1em/1 Arial,Helvetica,sans-serif;
}

li > p + ul{
	margin-top:-1.2em !important;
}


/* 2.1 Container
------------------------------------------------------------------------------*/
.wrapper {
	background: #FFF;
}
.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}


/* 2.2 Header
------------------------------------------------------------------------------*/
#header {
	position: relative;
	background: #000;
	z-index: 2;
}

#header .site-name {
	margin: 0;
	color: #FFF;
	font-weight: bold;
}

#header .site-name,
#header .site-name span {
	display: block;
	overflow: hidden;
	width: 185px;
	height: 60px;
}

#header .site-name {
	position: relative;
	float: left;
}

#header .site-name span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/common/logo.jpg) no-repeat;
	cursor: pointer;
}


/* 2.3 Navigation
------------------------------------------------------------------------------*/
#navigation {
	position: relative;
	float: right;
	padding: 0 10px 0 0;
	font-weight: bold;
}

#navigation li {
	float: left;
}

#navigation li .login,
#navigation .login a {
	color: #97D144;
}

#navigation .nav-first li:last-child {
	padding-left: 1px;
    background: url(../images/common/nav-hr.gif) no-repeat left center;
}

#navigation .selected a,
#navigation .parent-selected a, 
#navigation li .current {
	background: url(../images/common/nav-ar.gif) no-repeat bottom center;
}

#navigation a {
	display: block;
	padding: 20px 13px;
	float: left;
	height: 20px;
	line-height: 20px;
	color: #fff;
	vertical-align: middle;
}

#navigation a:hover {
	color: #3691E2;
}

/* Choose language form */
#language-choose {
	float: right;
	position: relative;
	padding: 20px 0 0 0;
	width: 130px;
}

#language-choose label {
	position: absolute;
	left: -9999em;
}

#language-choose select {
	width: 100px;
}

#language-choose button {
	position: absolute;
	top: 20px;
	right: -70px;
	width: 60px;
}

.js-enabled #language-choose button {
	right: auto;
	lefT: -9999em;
}


/* 2.4 Content
------------------------------------------------------------------------------*/

/* Headline */
#headline {
	background: url(../images/common/bg-slider.jpg) repeat-x center top;
	color: #FFF;
}

#headline .container {
	padding: 25px 0;
}

#headline a {
	color: #FFF;
}

#headline .section,
#headline h1 {
	margin: 0;
	float: left;
	color: #FFF;
	font-weight: bold;
	font-size: 29px;
	line-height: 30px;
}

#headline .detail {
	width: 500px;
	float: right;
	font-size: 1.07em;
	line-height: 30px;
	text-align: right;
}

#headline .detail span {
	width: 373px;
	float: left;
	padding-right: 20px;
	vertical-align: middle;
}

#headline .detail .btn-contact {
	padding: 7px 0 8px;
	float: right;
	width: 107px;
	height: 16px;
	background: url(../images/common/btn-contact.png) no-repeat;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 16px;
}


/* Slider */
#slideshow {
	height: 377px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #0075c4 url(../images/common/bg-slider.jpg) repeat-x center top;
}

#slideshow .slide {
	padding: 0;
	height: 377;
	position: relative;
	z-index: 1;
}

/* custom style slide */
#slideshow .slide-style-green {
	background: #5b7b3e url(../images/common/bg-slider-green.jpg) repeat-x center top;
}


#slideshow .slide-inner {
	margin: 0 auto;
	padding: 50px 490px 77px 0;
	width: 470px;
	height: 250px;
	overflow: hidden;
	position: relative;
	color: #FFF;
}

#slideshow h2 {
	margin: 0 0 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.2;
	text-shadow: 0 -1px 1px #000;
}

#slideshow p {
	color: #D8D8D8;
	font-size: 16px;
	line-height: 1.65;
}

#slideshow .figure {
	margin: 0 -490px 0 0;
	padding: 0 0 0 20px;
	float: right;
	width: 470px;
	position: relative;
	display: inline;
	text-align: right;
}

#slideshow img {
	margin: 0 0 0 auto;
	display: block;
	behavior: url(/_ui/css/PIE.htc);
}

#slideshow .tabs {
	position: absolute;
	z-index: 2;
	left: -999em;
	bottom: 0px;
	height: 60px;
	text-align: left;
	overflow: hidden;
}

#slideshow .tabs li {
	margin: 0 3px;
	float: left;
	list-style: outside none none;
}

#slideshow .tabs a {
	padding: 0 0 0 16px;
	display: block;
	float: left;
	color: #FFF;
	font-size: 14px;
	line-height: 16px;
	behavior: url(/_ui/css/PIE.htc);
}

#slideshow .tabs a span {
	display: block;
	padding: 7px 16px 8px 0;
	height: 16px;
	float: left;
}

#slideshow .tabs .ui-state-active a {
	background: transparent url(../images/common/bg-slider-tab.png) no-repeat 0 0;
}

#slideshow .tabs .ui-state-active a span {
	background: transparent url(../images/common/bg-slider-tab.png) no-repeat 100% 100%;
}

#slideshow .tabs.yes { height:35px; }
#slideshow .tabs.yes a { width:8px; height:8px; display:inline-block; outline:none; padding:0; overflow:hidden; border-radius:50%; text-indent:-9999px; background:#00346f; border:1px solid #0075c4; }
#slideshow .tabs.yes a span { display:none; }
#slideshow .tabs.yes .ui-state-active a { background:#fff !important; border-color:#fff; }


/* Brands */
.brands {
	border: 1px dashed #CBCCCC;
	border-width: 1px 0;
	height: 48px;
	width: 880px;
	margin: 0px auto 20px;
	padding: 30px 40px;
	text-align: center;
}
.brands img {
	padding: 0 4px;
}

/* promo-banner */
.promo-banner {
	display: block;
	background: url(../images/common/bg-banner.jpg) no-repeat;
	width: 962px;
	height: 97px;
	position: relative;
	margin: 0 auto 28px;
	line-height: 1.3;
}
.promo-banner h3,
.promo-banner strong
{
	display: block;
	color: #000;
	font-size: 1.5em;
	font-weight: normal;
	padding: 25px 0 0 35px;
}
.promo-banner p,
.promo-banner span.info
{
	display: block;
	color: #666;
	padding: 0 0 0 35px;
	margin-top: 3px;
}

.promo-banner .price {
	display: block;
	color: #3386C0;
	position: absolute;
	top: 10px;
	right: 100px;
	font-style: normal;
	font-weight: bold;
	
}
.promo-banner .price span {
	float: left;
	font-size: 1.14em;
}
.promo-banner .price span.token {
	padding-right: 10px;
	padding-top: 5px;
}
.promo-banner .price span.num {
	font-size: 3.56em;
	line-height: 1.1;
	margin-bottom: -5px;
}
.promo-banner .price span.unit {
	font-size: 1em;
	clear: both;
	padding-left: 45px;
}

/* Entepreneur & News sections */
.content .entepreneur_box {
	float: left;
	width: 600px;
	padding: 0 0 10px 0;
	position: relative;
}

.content .news_box {
	float: right;
	width: 310px;
	padding: 0 0 10px 0;
	position: relative;
}

.content .vision_box h3,
.content .entepreneur_box h3,
.content .news_box h3 {
	font-weight: bold;
	color: #196AB2;
	margin-bottom: 15px;
}

.content .entepreneur_box img.float {
	float: left;
	padding: 0 18px 10px 0;
}

.content .news_box ul li {
	margin-bottom: 15px;
	font-size: 0.93em;
}
.content .news_box ul li p {
	font-size: 14px;
	margin-bottom: 0;
}


/* 2.6 Footer
------------------------------------------------------------------------------*/
#footer {
	clear: both;
	background: #000;
	padding-top: 28px;
	color: #fff;
	font-size: 0.785em;
}
#footer .footer-group li.item{
	float: left;
	padding-right: 5px;
	width: 320px;
}
#footer .footer-group li.item-last {
	padding-right: 0;
	width: 300px;
}
#footer .footer-group li.item h4 {
	color: #fff;
	font-size: 1.63em;
	font-weight: bold;
	margin-bottom: 10px;
}
#footer .footer-group li.item .social-network-group {
	padding-top: 5px;
}
#footer .footer-group li.item .social-network-group li {
	float: left;
}
#footer .footer-group li.item .social-network-group li a {
	text-align: left;
}

#footer .footer-group li.item p {
	margin: 0;
}
#footer .subscribe-form {
	padding-top: 10px;
}
#footer .subscribe-form input {
	float: left;
	background: #fff;
	border: 0;
	padding: 5px 2px 5px 2px;
	border: 0;
	width: 150px;
	height: 18px;
	line-height: 1;
	display: inline;
	margin-right: 1px;
}
#footer .subscribe-form label {
	position: absolute;
	left: -999em;
	top: 0;
}
#footer .subscribe-form fieldset {
	float: left;
}
#footer .subscribe-form button {
	float: left;
	background: #707070;
	border: 0;
	color: #fff;
	vertical-align: middle;
	line-height: 28px;
	height: 28px;
	padding: 0 10px;
	
}

#footer .vcard {
	line-height: 1.3;
}
#footer .vcard span {
	display: block;
}
#footer .vcard a {
	text-decoration: underline;
	color: #fff;
}
#footer .vcard .brandsdress {
	margin-bottom: 10px;
}

#footer .credit {
	color: #666;
	margin: 0 auto;
	width: 960px;
	padding: 20px 0 10px 0;
}


/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/
.text-box {
	padding: 32px 0 45px 0;
	float: left;
	width: 290px;
	padding-right: 36px;
}

.text-box-last {
	padding-right: 0;
}

.text-box h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #196AB2;
	margin-bottom: 13px;
}

.text-environment h3 {
	color: #97D144;
}

/* 3.2 landing page
------------------------------------------------------------------------------*/
.banner {
	height: 80px;
}
.banner h2 {
	padding: 20px 0 0 12px;
	font-size: 2.416em;
	font-weight: bold;
	color: #fff;
	float: left;
}
.banner .detail {
	float: right;
	font-size: 1.25em;
	padding: 25px 0 0 0;
	width: 310px;
	
}
.banner .detail span {
	float: left;
	color: #fff;
	padding-right: 20px;
	height: 31px;
	vertical-align: middle;
	line-height: 31px;
	text-align: right;
}
.banner .detail .btn-contact {
	float: right;
	width: 107px;
	height: 31px;
	background: url(../images/common/btn-contact.png) no-repeat;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 31px;
}

/* Content styles */
#content {
	padding: 0 0 30px;
	float: right;
	width: 710px;
	padding-top: 40px;
}


.content #content {
	padding-top: 0px;
}

#content h2 {
	margin-bottom: 15px;
}
#content h3 {
	margin-bottom: 10px;
}
#content h2.sub {
	margin-bottom: 4px;
}
#content blockquote {
	background: url(../images/common/ico-quote.gif) no-repeat 0 5px;
}
#content blockquote div {
	padding: 5px 0 0 40px;
}
#content blockquote p {
	font-style: italic;
	line-height: 1.25em;
	color: #666;
}
#content ul.listing li{
	background: url(../images/common/ico-list.gif) no-repeat 0 5px;
	font-size: 1.167em;
	padding: 0 0 5px 12px;
	color: #333;
	
}

/* Sidebar */
#sidebar {
	float: left;
	background: url(../images/common/bg-left-menu.png) no-repeat top right;
	width: 210px;
	min-height: 782px;
	height: auto !important;
	height: 782px;
}

#sidebar ul {
	margin: 5px 0 0;
	border-top: 1px solid #DCDDDE;
}

#sidebar li {
	padding: 8px 0 8px 12px;
	background: url(../images/common/bg-hr.gif) no-repeat bottom left;
}

#sidebar li a {
	color: #797A7F;
	font: normal bold 1.14em/1.2 DejaVuSansBold,Helvetica,Verdana,Arial;
}

/* 2nd level nav */
#sidebar li ul {
	margin-top: 0;
	border: 0;
	padding: 5px 0;
}

#sidebar li li {
	background: transparent;
	padding: 5px 12px 5px 0;
}

#sidebar li li a {
	display: block;
	background: transparent url(../images/common/ico-left-menu.png) no-repeat 100% 50%;
	color: #797A7F;
	font: normal normal 1em/1.2 Arial,Helvetica,sans-serif;
}


/* Selected state */
#sidebar .selected a {
	color: #196AB2;
}

#sidebar .selected li a {
	color: #797A7F;
}

/*
#sidebar .selected li.selected a {
	color: #196AB2;
}
*/

.landing .promo-banner {
	margin: 20px auto 50px;
}

/* support nav */
#sidebar .support-nav h3 { 
	margin: 0 0 15px 12px;
}

#sidebar .support-nav ul {
	margin: 0 0 0 28px;
	background: none;
	border: 0;
}

#sidebar .support-nav li {
	background: none;
	padding: 0;
}

#sidebar .support-nav a {
	padding: 7px 0;
	color: #196AB7;
	font-size: 13px;
}

/* oplossingen_box */
.section-solutions {
	padding-top: 32px;
	color: #999;
	font-size: 0.93em;
	line-height: 1.2;
}
.section-solutions .aside {
	float: left;
	width: 200px;
	border-top: 1px solid #E6E6E6;
	padding: 12px 0 0 0;
}

.section-solutions .aside h3 {
	font-size: 1.38em;
	margin: 0 0 5px;
}
.section-solutions .aside p {
	margin: 0;
	padding-right: 30px;
}

.section-solutions .list-wrapper {
	float: right;
	width: 475px;
	overflow: hidden;
	position: relative;
}
.section-solutions ul {
	position: relative;
	width: 500px;
}
.section-solutions ul li {
	float: left;
	width: 229px;
	padding-right: 15px;
}
.section-solutions ul li img {
	display: block;
	padding: 2px;
	border: 1px solid #E6E6E6;
}
.section-solutions ul li h4 {
	display: block;
	font-size: 1.15em;
	padding: 8px 0 3px 0;
	color: #333;
	font-weight: normal;
}
.section-solutions ul li p{
	margin-bottom: 12px;
}




.content_full {
	padding: 38px 0 0 0;
	min-height: 950px;
}


/* 3.3 Products
------------------------------------------------------------------------------*/

.products {
	/* clearfix */
	margin: 28px 0;
	padding: 0;
	width: 960px;
	color: #666;
	font-size: 0.86em;
}

.products li {
	margin: -1px -1px 0 0;
	border: 1px solid #D4D4D4;
	list-style: outside none none;
	float: left;
	position: relative;
	text-align: center;
	width: 319px;
}

.products a {
	display: block;
	position: relative;
	padding: 15px 10px;
	width: 299px;
	height: 210px;
}

.products img {
	margin: 0 auto 10px;
	display: block;
	
}

.products strong {
	display: block;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.4;
}

.products a:link,
.products a:active,
.products a:visited,
.products a:hover {
	color: #666;
}

.products a:link strong,
.products a:active strong,
.products a:visited strong {
	color: #196AB2;
}

.products a:hover strong {
	color: #3691E2;
}


/* Solutions updates - full cell IMG */
.products-solutions img {
	margin: -13px -8px 10px;
	width: 315px;
	height: 174px;
}

/* vertical align solution */
.products > .no-thumbnail {
	display: table;
	position: static;
}

.products > .no-thumbnail > a {
	display: table-cell;
	position: static;
	vertical-align: middle;
	top: 50%;
}


/* Products grid v2 */
.products-grid-2 {
	margin: 0 -20px 0 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}

.products-grid-2 li {
	margin: 0 16px 8px 0;
	border: 1px solid #CCC;
	width: 308px;
	height: 80px;
	position: relative;
	float: left;
}

.products-grid-2 a {
	display: block;
	padding: 0;
	width: 308px;
	height: 80px;
	overflow: hidden;

	display: table;
	position: static;
}

.products-grid-2 span {
	color: #000;
	font-weight: bold;
	display: table-cell;
	position: static;
	vertical-align: middle;
	top: 50%;
	text-align: center;
}

.products-grid-2 img {
	display: block;
}


/* 3.4 Product
------------------------------------------------------------------------------*/

#product-details {
	/* clearfix */
	border: 1px solid #D4D4D4;
	margin: 0 0 30px;
	padding: 20px 10px 100px 20px;
	position: relative;
}

#product-details h1 {
	margin: 0 0 10px;
	font-size: 26px;
	line-height: 1.1;
}

#product-details .description {
	width: 330px;
	float: left;
	color: #333;
	font-size: 14px;
	line-height: 1.6;
}

#product-details .ui-tabs-hide {
	display: none;
}

#product-details .description p {
	margin: 0 0 1em;
}

#product-details .description ul {
	margin: 30px 0 0;
	font-size: 13px;
	font-family: DejaVuSansBook,Helvetica,Verdana,Arial;
	color: #666;
}

#product-details .description ul li {
	list-style: outside none none;
}

#product-details .description p {

}

#product-details .photos {
	padding: 0 0 20px;
	width: 330px;
	position: relative;
	float: right;
	text-align: center;
}

#product-details .photos .items ul {
	margin: 0;
	padding: 0;
	list-style: outside none none;
}

#product-details .photos .items li {
	width: 330px;
	float: left;
	text-align: center;
}

#product-details .photos .nav {
	position: absolute;
	bottom: 0px;
	left: 165px;
	height: 10px;
}

#product-details .photos .nav li {
	float: left;
}

#product-details .photos .nav a {
	display: block;
	height: 10px;
	width: 10px;
	overflow: hidden;
	background: transparent url(../images/common/nav-photos.png) no-repeat -10px 0;
	text-align: left;
	text-indent: -999em;
}

#product-details .photos .nav .active a {
	background-position: 0 0;
}

.js-enabled #product-details .photos .items {
	width: 330px;
	overflow: hidden;
}

.js-enabled #product-details .photos .items ul {
	width: 999em;
}



#product-details .tabs {
	/* clearfix */
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 708px;
	font-size: 13px;
	background: #FEFEFE url(../images/common/bg-tabs.png) repeat-x 0 0;
	color: #666;
	line-height: 1.1;
	font-family: DejaVuSansBook,Helvetica,Verdana,Arial;
}

#product-details .tabs li {
	list-style: outside none none;
	float: left;
}

#product-details .tabs a {
	padding: 18px 20px;
	display: block;
	color: #666;
}

#product-details .tabs .ui-state-active a {
	padding: 18px 19px;
	background: #FFF;
	border-right: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
}

#product-details .tabs li:first-child a {
	border-left: 0px;
	padding-left: 20px;
}

#product-details .ui-tabs-panel {
	/* clearfix */
}

/* Product slideshow */
#product-slideshow {
	margin: 0 0 20px;
	width: 710px;
	height: 275px;
	position: relative;
	overflow; hidden;
	z-index: 1;
}

#product-slideshow .items {
	position: relative;
	z-index: 1;
	width: 710px;
	height: 275px;
	overflow: hidden;
}

#product-slideshow .items ul {
	margin: 0;
	padding: 0;
	height: 275px;
	width: 9999em;
}

#product-slideshow .items li {
	width: 710px;
	height: 275px;
	float: left;
	list-style: outside none none;
}

#product-slideshow .nav {
	position: absolute;
	z-index: 5;
	right: 20px;
	bottom: 20px;
	background: #FFF;
	border: 1px solid #CCC;
	overflow: hidden;
	zoom: 1;
	margin: 0;
	padding: 3px 5px;
}

#product-slideshow .nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: outside none;
}

#product-slideshow .nav a {
	display: block;
	height: 12px;
	width: 12px;
	overflow: hidden;
	background: transparent url(../images/common/nav-slideshow.png) no-repeat -12px 0;
	text-align: left;
	text-indent: -999em;
}

#product-slideshow .nav .active a {
	background-position: 0 0;
}

#product-info {
	/* clearfix */
	margin: 0 0 55px;
}

#product-info p {
	color: #333333;
	font-size: 14px;
	margin: 0 0 .5em;
}

#product-info .col-1,
#product-info .col-2 {
	margin: 0 25px 0 0;
	float: left;
	width: 240px;
}

#product-info .col-1 h2,
#product-info .col-2 h2 {
	margin: 0 0 10px;
	color: #135899;
	font-size: 18px;
	font-weight: normal;
}

#product-info .col-3 {
	float: right;
	width: 170px;
}

#product-info .special {
	padding: 35px 7px;
	display: block;
	border: 1px solid #D4D4D4;
	width: 150px;
	position: relative;
	text-align: center;
}

#product-info .special:hover .title,
#product-info .special:hover .info {
	color: #CCC;
}

#product-info .special h2,
#product-info .special .title
{
	margin: 0 0 10px;
	display: block;
	color: #3785BC;
	font-size: 21px;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 1.2;
}

#product-info .special h2 span,
#product-info .special .title span {
	display: block;
	width: 63px;
	height: 63px;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
	background: transparent url(../images/common/badge-new.png) no-repeat 0 0;
	text-align: center;
	text-indent: -1000em;
}


#product-info .special p,
#product-info .special .info
{
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 12px;
}

#product-info .special .phone {
	margin: 20px 0 0;
	display: block;
	font-size: 18px;
	font-style: normal;
}


#products-related {
	border-top: 1px solid #D4D4D4;
	padding: 35px 0 0;
	overflow: hidden;
}

#products-related h2 {
	margin: 0 0 35px;
	color: #135899;
	font-size: 18px;
	line-height: 1.1;
}

#products-related ul {
	/* clearfix */
	margin: 0 -20px 0 0;
	padding: 0;
	color: #666;
	font-size: 10px;
}

#products-related li {
	margin: 0 20px 20px 0;
	float: left;
	list-style: outside none none;
	text-align: center;
}

#products-related a {
	padding: 15px 15px 0;
	border: 1px solid #D4D4D4;
	display: block;
	position: relative;
	width: 130px;
	height: 130px;
	text-align: center;
}

#products-related img {
	display: block;
	margin: 0 auto 8px;
}

#products-related strong {
	margin: 0;
	display: block;
	font-size: 12px;
	line-height: 1.1;
	color: #135899;
	font-weight: bold;
}

#products-related .item-solutions img,
#products-related .item-branches img {
	margin: -13px -13px 8px;
	position: relative;
}

/* 3.5 boxes
--------------------------------------------------------------------------------
==============================================================================*/

.modalbox-content {
	padding: 20px 0 10px 36px;
	background: #fff;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	border-top: 0;
	behavior: url(/_ui/css/PIE.htc);
}

.modalbox-content h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 15px;
}

.modalbox-content p {
	margin: 0 0 20px;
	color: #666;
}

.modalbox-content a {
	color: #000;
}

.modalbox-content a:hover {
	color: #444;
}

.modalbox-content ul {
	margin: 0 0 20px;
}

.modalbox-content form {
	padding: 20px 0 0;
}

.modalbox-content .message {
	padding: 0 45px;
}

.modalbox-content fieldset {
	padding: 0 15px 0 70px;
}

.modalbox-content fieldset label {
	float: left;	
	width: 120px;
	padding: 13px 0 0;
	color: #333;
	font-size: 1.07em;
}

.modalbox-content fieldset.form-control{
	height: 38px;
	margin: 20px 0 0;
	padding: 15px 18px 0 0;
	border-top: 1px solid #cbcccc;
	vertical-align: top;
	overflow: hidden;
}
.modalbox-content fieldset div {
	clear: left;
	margin: 0 0 18px;
}

.modalbox-content fieldset .note {
	padding: 18px 0;
	font-size: 0.71em;
}


.modalbox-content fieldset button {
	float: right;
	position: relative;
	width: 81px;
	height: 26px;
	border: 0;
	padding: 4px 9px 6px 7px;
	margin: 0;
	cursor: pointer;
	background: transparent url(../images/common/button.png) no-repeat 0 0;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
}

.text {
	display: block;
	width: 220px;
	height: 39px;
	padding-left: 4px;
	font-size: 1.083em;
	line-height: 39px;
	background: url(../images/common/bg-input-field.png) no-repeat;
	border: 0;
}

.error {
	position: relative;
}
.error .text {
	background-position: 0 -41px;
}

.error em.error {
	display: block;
	position: absolute;
	left: 120px;
	top: -14px;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #FF0000;
}
.textarea.error em.error {
	left:0 !important;
}

.select.error em.error {
	left:0 !important;
}

.modalbox-content h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 15px;
}

.modalbox-content p {
	margin: 0 0 20px;
	color: #666;
}

.modalbox-content a {
	color: #000;
}

.modalbox-content a:hover {
	color: #444;
}

.modalbox-content ul {
	margin: 0 0 20px;
}

.modalbox-content form {
	padding: 20px 0 0;
}

.modalbox-content .message {
	padding: 0 45px;
}

.modalbox-content fieldset {
	padding: 0 15px 0 70px;
}

.modalbox-content fieldset label {
	float: left;	
	width: 120px;
	padding: 13px 0 0;
	color: #333;
	font-size: 1.07em;
}

.modalbox-content fieldset.form-control{
	height: 38px;
	margin: 20px 0 0;
	padding: 15px 18px 0 0;
	border-top: 1px solid #cbcccc;
	vertical-align: top;
	overflow: hidden;
}
.modalbox-content fieldset div {
	clear: left;
	margin: 0 0 18px;
}

.modalbox-content fieldset .note {
	padding: 18px 0;
	font-size: 0.71em;
}


.modalbox-content fieldset button {
	float: right;
	position: relative;
	width: 81px;
	height: 26px;
	border: 0;
	padding: 4px 9px 6px 7px;
	margin: 0;
	cursor: pointer;
	background: transparent url(../images/common/button.png) no-repeat 0 0;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
}

.text {
	display: block;
	width: 220px;
	height: 39px;
	padding-left: 4px;
	font-size: 1.083em;
	line-height: 39px;
	background: url(../images/common/bg-input-field.png) no-repeat;
	border: 0;
}

.error {
	position: relative;
}
.error .text {
	background-position: 0 -41px;
}

.error em.error {
	display: block;
	position: absolute;
	left: 120px;
	top: -14px;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #FF0000;
}

/* UI dialog updates */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%; 
	height: 100%;

	background: #000;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: .60;
	opacity: 0.6;
}

.ui-dialog {
	position: absolute;
	overflow: hidden;
	font: normal 14px/1.4 'Myriad Pro',Arial, Helvetica, sans-serif;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px#333;
	box-shadow: 0 0 3px #333;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 15px 0 15px 35px;
	height: 19px;
	position: relative;
	background:  url(../images/common/bg-modalbox-header.png);
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border-bottom: 0;
	behavior: url(/_ui/css/PIE.htc);
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {

}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	display: block;
	font-weight: bold;
	color: #FFF;
	line-height: 19px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	padding: 10px 20px 10px 10px;
	position: absolute;
	right: 15px;
	top: 5px;
	display: block;
	color: #FFF;
	background:  url(../images/common/btn-close.png) no-repeat 100% 50%;
}

.ui-dialog .ui-dialog-content {
	position: relative;
}


/* Login modal updates */

.login-window .secure {
	display: none;
}


/* Language option modal updates */
.language-options-window {
	width: 560px;
}

.language-options-window .ui-dialog-titlebar .ui-dialog-title {
	display: block;
	position: relative;
	width: 142px;
	height: 19px;
	overflow: hidden;
	background:  url(../images/common/logo-small.png) no-repeat;
	text-align: left;
	text-indent: -9999em;
}

.language-options-window .cols {
	overflow: hidden;
}

.language-options-window .col-1 {
	float: left;f
	width: 170px;
}

.language-options-window .col-2 {
	float: left;
	width: 340px;
	overflow: hidden;
}

.language-options-window .col-2 ul {
	width: 170px;
	float: left;
}

/* Contact & login modal updates */
.contact-window,
.login-window ,
.subscribe-window {
	width: 610px;
}

.login-window .ui-dialog-titlebar .ui-dialog-title ,
.contact-window .ui-dialog-titlebar .ui-dialog-title ,
.subscribe-window .ui-dialog-titlebar .ui-dialog-title {
	display: none;
}

.login-window .modalbox-content ,
.contact-window .modalbox-content ,
.subscribe-window .modalbox-content {
	padding: 45px 25px;
	background: #FFF url(../images/common/bg_modal_content.png) repeat-y 375px 0;
}

.login-window .modalbox-content form ,
.contact-window .modalbox-content form ,
.subscribe-window .modalbox-content form {
	padding: 0;
	float: left;
	width: 315px;
}
.login-window .modalbox-content .message ,
.contact-window .modalbox-content .message,
.subscribe-window .modalbox-content .message {
	padding: 0 45px;
	float: left;
	width: 225px;
}

.login-window .modalbox-content fieldset ,
.contact-window .modalbox-content fieldset ,
.subscribe-window .modalbox-content fieldset {
	padding: 0;
}

.login-window .modalbox-content .field ,
.contact-window .modalbox-content .field ,
.subscribe-window .modalbox-content .field {
	/* clearfix */
	margin: 0 0 15px;
}

.login-window .modalbox-content fieldset label ,
.contact-window .modalbox-content fieldset label ,
.subscribe-window .modalbox-content fieldset label {
	width: 121px;
	float: left;
	padding: 0;
	font-size: 14px;
	line-height: 28px;
}

.login-window .modalbox-content .form-control ,
.contact-window .modalbox-content .form-control ,
.subscribe-window .modalbox-content .form-control {
	margin: 0;
	padding: 0;
	border: 0;
	height: auto;
}

.login-window form .text ,
.contact-window form .text ,
.subscribe-window form .text {
	width: 185px;
	float: left;
	background: #FFF url(../images/common/bg-input-field_modal.png) no-repeat 0 0;
	height: 28px;
	line-height: 28px;
}
form .field .select {	
	clear:none;
	width:189px;
	height: 28px;
	line-height: 28px;
	margin:0;
}
.login-window form .select, .contact-window form .select, .subscribe-window form .select {
	margin-top:3px;
	float:left;
}
form .field .select select {
	width:189px;
	float:left;
}

.login-window form .textarea ,
.contact-window form .textarea ,
.subscribe-window form .textarea,
.contact-form .textarea,
.freeform textarea{
	width: 190px;
	height: 138px;
	clear:none;
	margin:0;
	float: left;
	background: #FFF url(../images/common/bg-textarea-field_modal.png) no-repeat 0 0;
	position: relative ;	
	/*box-sizing: border-box;*/
}
.freeform label{
	width: 100%;
    float: left;
}
.freeform select{
	width: 189px;
	float: left;
}
.freeform textarea{
	resize: none;
	border: 0;
}
.freeform input{
    display: block;
    width: 220px;
    height: 39px;
    padding-left: 4px;
    font-size: 1.083em;
    line-height: 39px;
    background: url(../images/common/bg-input-field.png) no-repeat;
    border: 0;
}
.freeform-popup .freeform input{
	width: 185px;
	float: left;
	background: #FFF url(../images/common/bg-input-field_modal.png) no-repeat 0 0;
	height: 28px;
	line-height: 28px;
}
.freeform-popup .freeform label{
	width: 121px;
	float: left;
	padding: 0;
	font-size: 14px;
	line-height: 28px;
}
.login-window form .textarea  textarea,
.contact-window form .textarea  textarea,
.subscribe-window form .textarea textarea,
.contact-form .textarea  textarea{
	width: 180px;
	height: 128px;
	padding:5px;
	line-height: 18px;
	border: none;
	resize: none;
	background:transparent;
}
.contact-form .textarea {
	display: block;
	float: none !important;
}


.login-window .modalbox-content button ,
.contact-window .modalbox-content button ,
.subscribe-window .modalbox-content button {
	background-image: url(../images/common/button_modal.png);
	width: 84px;
}

.login-window .error em.error ,
.contact-window .error em.error ,
.subscribe-window .error em.error {
	left: 125px;
}


.form-comment {
	float: right;
	width: 160px;
	padding: 0 20px;
	color: #666;
	font-size: 12px;
}

.form-comment p {
	margin: 0 0 10px;
}

/* 4. MOBILE
--------------------------------------------------------------------------------
==============================================================================*/


@media screen and (max-device-width: 480px) {

} 



/* 5. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

	body { 
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif; 
	}

	a[href]:after { 
		content: " (" attr(href) ") "; 
		font-size: 90%; 
	}

	a[href^="/"]:after { 
		content: " (http://domain.com" attr(href) ") "; 
	}

	ol#accessibility-nav, 
	.hide { 
		display: none !important; 
	}
}	


.features-list {
	margin: 10px 0;
}

.features-list li {
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0 0 0 70px;
}

.features-list li img {
	margin: 5px 0 0 -70px;
	float: left;
}

/* Jobs lists */
.jobs {
	margin: 25px 0 0;
	
}

.jobs .job {
	margin: 0 0 15px;
}

.jobs h2 {
	padding: 0 0 0 100px;
	font-size: 15px;
	font-weight: normal;
	line-height: 19px;
	background: transparent url(../images/branches/vacak.png) no-repeat;
	border:1px solid #CCC;
	padding-top:15px;
	padding-bottom:15px;
}

.jobs .expanded h2 {
	
}

.jobs .description {
	padding: 0 0 0 24px;
}

.js-enabled .jobs h2 {
	cursor: pointer;
}

.js-enabled .jobs .description {
	display: none;
}

/* News listing */
#content .hentry h2 {
	margin: 0 0 10px;
}

.hentry {
	padding: 10px 0 0;
	border-bottom: 1px solid #DDD;
}
.hentry:last-child{
	border-bottom: 0;
}

.hentry-first{
	border-top: 0;
}

.hentry h2 span {
	margin: 0 0 0 10px;
	color: #666;
	font-size: 12px;
}

.hentry .entry-summary {
	margin: 0 0 10px;
}

.hentry:first-child {
	padding-top: 0;
	border: 0;
}

.hentry .published {
	color: #666;
	margin: 0 0 .5em;
}

/* Testimonials */
.testimonials {
	/* clearfix */
	margin: 0 -15px;
	position: relative;
	width: 753px;
	background: transparent url(../images/common/bg-testimonials.png) repeat-y 0 0;
}

.testimonials.view-1 {
	width: 250px;
}

.testimonials.view-2 {
	width: 502px;
}

.testimonials .testimonial {
	margin: 0 1px 0 0;
	padding: 0 14px 0 15px;
	width: 221px;
	float: left;
}

.testimonial .photo {
	margin: 0 0 15px;
	border: 1px solid #DCDDDE;
	padding: 1px;
	display: block;
}

.testimonial .photo img {
	display: block;
}

.testimonial h2 {
	margin: 0 0 15px;
	font-size: 16px;
	line-height: 1.6;
}

.testimonial .read-more {
	white-space: nowrap;
}

.tetsimonial p {
	margin: 0;
}

.pagination {
	margin: 30px 0 0;
	text-align: right;
}

.pagination a,
.pagination strong {
	border: 1px solid #DCDDDE;
	color: #333;
	padding: 1px 5px;
	margin: 0 0 0 3px;
}

/* Contact sidebar widget */
#contact-info {
	margin: 12px 13px 0 12px;
	width: 155px;
	padding: 15px;
	border: 1px solid #DCDDDE;
	background: #FFF;
	font-size: 13px;
}

#contact-info h3 {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 13px;
}

#contact-info p {
	margin: 0;
}

#contact-info .street-address,
#contact-info .tel,
#contact-info .email {
	display: block;
}

.contact-info-wrapper {
	position: absolute;
	left: 0px;
	width: 210px;
}

.contact-info-wrapper #contact-info {
	position: absolute;
}

/* Support search form */
#support-search {
	margin: 30px 0;
	overflow: hidden;
	background: #FFF url(../images/support/search_bg.png) no-repeat 0 0;
}

#support-search fieldset, #support-search .support-search-box {
	padding: 19px 23px 19px 30px;
	height: 47px;
	background: transparent url(../images/support/fieldset_sep.png) no-repeat 100% 0;
}
#support-search .support-search-box {
	float: left;
}
#support-search label {
	position: absolute;
	left: -9999em;
	top: 0;
}

#support-search fieldset,
#support-search input,
#support-search button {
	float: left;
}

#support-search input {
	border: 0;
	margin: 0 20px 0 0;
	padding: 13px 10px 14px 20px;
	width: 264px;
	height: 20px;
	background: transparent url(../images/support/input_bg.png) no-repeat 0 0;
	color: #999999;
	font-size: 15px;
	line-height: 20px;
}

#support-search button {
	margin: 5px 0 0;
	border: 0;
	padding: 0 5px 0 30px;
	width: 97px;
	height: 36px;
	background: transparent url(../images/support/search_btn.png) no-repeat 0 0;
	color: #535353;
	font-weight: bold;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
}


#support-search .technical-support {
	margin: 23px 30px 0 0;
	padding: 10px 0;
	width: 197px;
	height: 19px;
	float: right;
	background: transparent url(../images/support/button.png) no-repeat 0 0;
	color: #196AB7;
	font-size: 13px;
	font-weight: bold;
	line-height: 19px;
	text-align: center;
	white-space: nowrap;
}


/* Support items */
#support-items {
	
}

#support-items li {
	margin: 0 0 15px;
	padding: 0 0 0 54px;
	background: transparent none no-repeat 0 0;

	min-height: 50px;
	height:auto !important;
	height: 50px;
}

#support-items .faq {
	background-image: url(../images/support/faq_ico.png);
}

#support-items .reports {
	background-image: url(../images/support/reports_ico.png);
}
#support-items .activity {
	background-image: url(../images/support/activity_ico.png);
}
#support-items .contact {
	background-image: url(../images/support/contact_ico.png);
}

#support-items h3 {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #196AB7;
}

#support-items h3 a {
	color: #196AB7;
}

#support-items p {
	margin: 0;
	color: #666666;
	font-size: 13px;
}


/* Training widget */
#training-widget {	
	margin: 0 0 0 15px;
	padding: 22px 20px 0;
	width: 266px;
	height: 264px;
	position: relative;
	display: block;
	/*background: transparent url(../images/support/training_bg.jpg) no-repeat 0 0;*/
	text-align: center;
}

#training-widget em {
	display: block;
	/*color: #46A9F0;*/
	/*font: normal italic 15px/1.5em Georgia,'Times New Roman',serif;*/
	font: normal 18px/1.5em Arial,Helvetica,sans-serif;
}

#training-widget strong {
	display: block;
	color: #005EB0;
	font-weight: bold;
	font-size: 25px;
}

#training-widget span {
	display: block;
	position: absolute;
	bottom: 30px;
	left: 71px;

	padding: 8px 0;
	height: 20px;
	width: 164px;
	background: transparent url(../images/support/training_button.png) no-repeat 0 0;
	color: #64B1E9;
	font-size: 13px;
	line-height: 20px;
	white-space: nowrap;

	behavior: url(/_ui/css/PIE.htc);
}


/* Training widget */
#training-widget2 {	
	margin: 0 0 0 15px;
	padding: 22px 20px 0;
	width: 266px;
	height: 264px;
	position: relative;
	display: block;
	background: transparent url(../images/support/christ_bg.jpg) no-repeat 0 0;
	text-align: center;
	margin-bottom:20px;
}

#training-widget2 em {
	display: block;
	color: #46A9F0;
	font: bold italic 18px Georgia,'Times New Roman',serif;
	margin-bottom:8px;
}

#training-widget2 strong {
	display: block;
	color: #005EB0;
	font-size: 14px;
	font-weight:normal;
}

#training-widget2 span {
	display: block;
	position: absolute;
	bottom: 30px;
	left: 71px;

	padding: 8px 0;
	height: 20px;
	width: 164px;
	background: transparent url(../images/support/training_button.png) no-repeat 0 0;
	color: #64B1E9;
	font-size: 13px;
	line-height: 20px;
	white-space: nowrap;

	behavior: url(/_ui/css/PIE.htc);
}

/* Stores */
#store-search {
	margin: 0 0 20px;
	border: 1px solid #CCC;
	padding: 10px;
	overflow: hidden;
	zoom: 1;
}

#store-search label {
	margin: 0 0 5px;
	display: block;
}

#store-search input {
	margin: 0 5px 0 0;
	float: left;
	width: 590px;
}

#store-search button {
	margin: 0;
	width: 80px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	float: right;
}

#stores {
	border: 1px solid #CCC;
	overflow: hidden;
	zoom: 1;
}

#stores .listing {
	margin: 0 -1px 0 0;
	border-right: 1px solid #CCC;
	width: 237px;
	float: left;
}

#stores .map {
	border-left: 1px solid #CCC;
	padding: 10px;
	width: 450px;
	height: 300px;
	float: right;
}

#stores .listing ul {
	padding: 0;
	margin: 0;
}

#stores .listing li {
	margin: 0;
	padding: 10px;
	list-style: outside none none;
	cursor: pointer;
}

#stores .listing .active {
	background: #DEDEDE;
	border: 1px solid #CCC;
	border-width: 1px 0;
	padding: 9px 10px;
}

#stores .listing li.active:first-child {
	border-top: 0;
	padding-top: 10px;
}

#stores .listing h3 {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 1em;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

#stores .listing .adr {
	line-height: 1.2;
}

#stores .listing p {
	margin: 0;
}

#stores-map {
	width: 450px;
	height: 300px;
}

#stores .not-found {
	margin: 0;
	padding: 200px 0;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	text-align: center;
}
	
/* jquery ui tabs */
.ui-tabs-hide {
	display: none;
}

/* Homepage quicklinks */
.quicklinks {
	padding-top: 25px;
	margin-bottom: 10px;
}

.quicklinks ul {
	margin: 0 -15px 0 0;
	padding: 0;
	zoom: 1;
}

.quicklinks li {
	margin: 0 10px 0 0;
	border: 1px solid #CBCCCC;
	float: left;
	display: block;
	list-style: outside none none;
	width: 230px;
	height: 80px;
	text-align: center;
}

.quicklinks a,
.quicklinks img {
	display: block;
}
ul.voordeel li{
    font-size: 13px;
    line-height: 185%;
	list-style:inside url("../images/common/bullet.png"); 
	margin:0;
	padding:0;
}
ul.voordeel {
	 margin-top:8px;
	 display:block;
	 width:320px;
	 float:left;
}

ul.test li{
    font-size: 13px;
    line-height: 185%;
	list-style:outside url("../images/common/bullet.png"); 
	margin:0;
	padding:0;
	margin: 0 0 2px;
	list-style-position:15px;
	margin-left:14px;
}
ul.test {
	 margin-top:8px;
	 display:block;
	 width:710px;
	 float:left;
	 border-bottom:1px solid #D4D4D4;padding-bottom:5px;
	 margin-bottom:17px;
	 padding-bottom:15px;
}
.bgrecycling {
	display:block;
	background: url(../images/home/recycling.jpg) no-repeat right top;
}
.bgtacho {
	display:block;
	background: url(../images/home/tacho.jpg) no-repeat right top;
}
.bgcanbus {
	display:block;
	background: url(../images/home/canbus.jpg) no-repeat right top;
}
.bghours {
	display:block;
	background: url(../images/home/hours.jpg) no-repeat right top;
}
.bgemballage {
	display:block;
	background: url(../images/home/emballage.jpg) no-repeat right top;
}
.bgdriver {
	display:block;
	background: url(../images/home/driver_bg.jpg) no-repeat right top;
}
.bgeind {
	display:block;
	background: url(../images/home/einde.jpg) no-repeat right top;
}
.rbutton {
	display:inline-block;
	background: url(../images/home/calltoaction.png) no-repeat 1px 1px;
	color:#FFF;
	width:251px;
	height:59px;
}
.rbutton a {
	color:#FFF;
	padding:17px 0 17px 20px;
	display: inline-block;
	margin-right:9px;
	font-weight:bold;
}
.rbutton a:hover {
	text-decoration:underline;
}
.rtest {
	display:block;
	height:160px;
	border-bottom:1px solid #D4D4D4;
}
.recycling-big {
	display:block;
	background: url(../images/home/container.jpg) no-repeat right 50px;
}
.trans-big {
	display:block;
	background: url(../images/home/containertrans.jpg) no-repeat right 50px;
}
.can-big {
	display:block;
	background: url(../images/home/canbusbg.jpg) no-repeat right 50px;
}
.hour-big {
	display:block;
	background: url(../images/home/hourbg.jpg) no-repeat right 50px;
}
.emballage-big {
	display:block;
	background: url(../images/home/emball_bg.jpg) no-repeat right 50px;
}
.driver-big {
	display:block;
	background: url(../images/home/driverbg.jpg) no-repeat right 50px;
}
.blokvaca {
	display:block;
	padding:35px;
	border:#999 1px solid;
	background-color:#EFEFEF;
}
table.reken tr td {
	border:1px solid #CCC;
}
table.reken tr td {
	
	padding-top:10px;
	padding-bottom:10px;
	line-height:10px;
	padding-left:6px;
}
.bsp {
	display:block;
	padding:20px;
	background-color:#F8F8F8;
	border:1px solid #CCC;
	width:460px;
	color:#82B525;
	font-weight:bold;
	margin-left:70px;
}

/* 15.4.2013 */

.support-contact-form { float: left; width: 450px; border-right: 2px solid #cdcdcd; }
.support-contact-form .field { display: block; float: left; padding-bottom: 20px; position: relative; }
.support-contact-form .field label { float: left; width: 120px;}
.support-contact-form .field input,
.support-contact-form .field textarea { float: left; width: 160px; background: none; border: 1px solid #cdcdcd; border-radius: 5px; line-height: 20px; height: 27px;}
.support-contact-form .field textarea { height: 140px; width: 280px; } 
.support-contact-form .field .textarea {  float:left; height: 140px; position: relative; }
.support-contact-form .field .textarea em { right: -30px !important; }
.support-contact-form .field .textarea em.error {  }
.support-contact-form .field > em.error { left: 120px; }

.support-contact-form .submit, .support-contact-form button { float:left; margin-left: 120px; background-image: url(../images/common/button_modal.png);
	width: 84px; border: 0px !important; background-color:transparent; color: white; height: 26px;}
.support-contact-form-side { float: right; width: 220px; }	

.support-contact-form-side p, .support-contact-form-side ol, .support-contact-form-side ul {padding: 0; margin: 0 0 10px 0; color: #797A7F; font-size: 12px;}
#content .support-contact-form-side strong { color: black; display: inline; }

.question-result .date { color: #999; }

.question-result { margin-bottom: 15px; }
.question-result p, .question-result ul, .question-result ol { margin-bottom: 10px; }
.question-result ul, .question-result ol { padding-left: 20px; }
.question-result ul li { list-style-type: disc; list-style-position: inside; }
.question-result ul ol { list-style-type: decimal; list-style-position: inside; }
#content .question-result p strong { color: black; }

.question-result .qst { padding: 0; margin: 0;}
.question-result .qst a { color: #056BB3; font-weight: bold; }
.question-result .qst a:hover, .rel-art a:hover { text-decoration: underline; }
p.rel-art { padding: 5px 0 10px 0; margin: 0; }

.pagination.line { border-top: 1px solid #cdcdcd; display: block; margin: 0; padding-top: 7px; }
.srch-title  { border-top: 1px solid #cdcdcd; display: block; margin: 0; padding-top: 15px; color: black; }
.qst-ttl { font-size: 16px; font-weight: bold; }

.keurmerk {
	display:block;
	background-color:#F5F5F5;
	border:1px solid #CCC;
	margin-bottom:25px;
	padding:30px;
	float:left;
	padding-bottom:9px;
	width:710px;
}
.highlight {
	background-color:#FF0;
}
.footer-group .blogger {
	margin-right: 8px;
}
.emballage-big td {
	border-bottom:1px solid #F4F4F4;
}
.emballage-big table {
	border-bottom:#CCC 1px solid;
}
.kolomvier {
	width:465px;
	display:block;
	height:150px;
	float:left;
}
.kolomvier.rechts {
	float:right;
	padding-right:0px;
	margin-left:15px;
}
.kolomvier.links {
	margin-right:15px;
}
/* Achter de schermen
------------------------------------------------------------------------------*/
.achterdeschermen_blok {
	padding-top:60px;
	padding-bottom:60px;
	border-top:1px solid #CCC;
	display: block;
	width:960px;
	float:left;
}
.achterdeschermen_blok_last {
	padding-top:60px;
	padding-bottom:60px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	display: block;
	width:960px;
	float:left;
	margin-bottom:30px;
}
.achterdeschermen_blok_left {
	max-width:500px;
	display:block;
}
.serviceteam {
	background: url(../images/home/fieldengineer.jpg) no-repeat right bottom;
}
.datacenter {
	background: url(../images/home/datacenter.jpg) no-repeat right bottom;
}
.support {
	background: url(../images/home/support.jpg) no-repeat left bottom;
}
.engineer {
	background: url(../images/home/engineer.jpg) no-repeat left bottom;
}
.calltoactionbla {
	display: inline-block;
	margin:0 auto;
	background-color:#196AB2;
	padding:30px;
	color:#FFF;
}
.alert {
	color:#ff0000;
	font-style:normal;
	font-size:13px;
}
.features-list > li > ul{
	margin-top: 8px;
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.features-list > li > ul > li{
	font-size: 13px;
    line-height: 185%;
    list-style: inside url("../images/common/bullet.png");
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
}

#content > ul, #content .hentry .entry-content > ul, #content table ul {
	margin-top: 8px;
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
	#content table ul {
    list-style: outside url("../images/common/bullet.png");
    margin-left:10px;
	}

#content > ul > li, #content .hentry .entry-content > ul > li {
	font-size: 13px;
    line-height: 185%;
    list-style: outside url("../images/common/bullet.png");
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    margin-left: 14px;
}
#content > ul.features-list > li{
	list-style: none;
    padding: 0 0 0 70px;
    width: auto;
}
	#content > ul.features-list > li.no-image{
		padding-left:0px;
	}

#content > ul.col2 > li{
    width: 50%;
}
#content > ul.col3 > li{
	width: 33.33%;
}
#content hr{
	display: block;
	color: #D4D4D4;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
#content table{
	width: 100%;
    margin-bottom: 9px;
    border: 1px solid #CCCCCC;
}

	#content table.no-style,
	#content table.no-style td{
		border:none;
	}
#content table thead th{
	border-bottom: 1px solid #CCCCCC;
    text-align: center;
    width: 142px;
    color: #ffffff;
    background-color: #C34908;
}
#content table thead th span{
	border-right: 1px solid #D65010;
	background-color: #C34908;
	padding: 5px;
	box-sizing: border-box;
	width: 100%;
    display: block;
}
#content table tbody tr:nth-child(2n+0) {
    background: #E9E9E9;
}
#content table tbody td{
	border-right: 1px solid #CCCCCC;
	font-size: 12px;
	padding: 5px;
}
#content table tbody td:last-child{
	border-right: 0;
}
#content table tbody td p{
	margin-bottom: 0;
}
#content ul.verkoop li {
	height:25px;
	border:1px solid #CCC;
	width: 200px;
	margin-top: 8px;
	padding-left:22px;
	padding-top:7px;
	padding-bottom:3px;
	display: inline-block;
	font-weight:bold;
	margin-left:0px;
}
#content ul.verkoop {
	max-height:400px;
	width:710px;
	margin-bottom:15px;
}
#content ul.verkoop li.mar {
	margin-left:9px;
	margin-right:9px;
}
#content ul.verkoop li:nth-child(3n+2){
	margin-left: 13px;
	margin-right: 13px;
}
.webservices-container{
	display: table;
    xwidth: 100%;
	border-spacing:15px 5px;
	margin-left:-15px;
}
.sb-dropdown.active{
	display: block !important;
}
.pagination li {
    list-style: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 2px !important;
}
.pagination li a.active{
	color: #056BB3;
	font-weight: bold;
}